@import url("../fonts/stylesheet.css");

:root {
    --black: #000000;
    --dark: #3a444f;
    --light: #e7ebec;
    --white: #ffffff;
    --primary: #2c3031;
    --secondary: #da7742;
    --index: calc(1vw + 1vh)
}

html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    scroll-behavior: smooth;
}

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    font-family: "Akrobat", Arial, Helvetica, sans-serif;
    font-display: swap;
    margin: 0;
    padding: 0;
    color: var(--primary);
    font-weight: 500;
}

body.blured {
    position: relative;
}

body.blured::before {
    position: absolute;
    width: 100%;
    height: 100%;
    content: '';
    background-color: #d0bfb5b8;
    z-index: 999;
    backdrop-filter: blur(5px);
}

button:focus {
    border: none;
    outline: none;
}

.text-block {
    font-family: Arial, Helvetica, sans-serif;
    text-align: justify;
}

.text-block h1,
.text-block h2,
.text-block h3,
.text-block h4,
.text-block h5,
h1:not(.item-description),
h2,
h3,
h4,
h5 {
    font-family: "Akrobat", Arial, Helvetica, sans-serif;
    background: url(../images/head-arrow.svg) 0px 15px no-repeat;
    padding-left: 40px;
    margin: 0 0 10px 0px;
    line-height: .9;
    padding-top: 0px;
    padding-bottom: 10px;
}

h2,
h3,
h4,
h5 {
    background-position: 0px 5px;
    margin-bottom: 0;
    text-transform: uppercase;
}

.map-section h1,
.map-section h2,
.map-section h3,
.map-section h4,
.map-section h5 {
    background: url(../images/head-arrow.svg) 0px 50% no-repeat;
    padding-bottom: 0;
}

.nPreminim h2,
.popst h2 {
    padding-top: calc(var(--index) / 2);
    background-position: 0 18px;
    margin-top: 30px;
}

.text-block h1,
.text-block h2,
.text-block h3 {
    background-position: 0px 11px;
    padding-left: 40px;
    margin: 0 0 10px 0px;
    line-height: .9;
    padding-top: 7px;
    padding-bottom: 5px;
    text-align: left;
}

.text-block h1 {
    background-position: 0px 15px;
}

.text-block ul,
.text-block img,
.text-block .p {
    margin-bottom: 1rem;
}

body.no-scroll {
    overflow: hidden;
}

main {
    display: block;
}

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

a {
    background-color: transparent;
    text-decoration: none;
    color: inherit;
}

a:hover {
    color: var(--dark);
    text-decoration: none;
}

h3 {
    text-transform: uppercase;
    font-size: 32px;
}

img {
    border-style: none;
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}

button,
input {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

button,
[type=button],
[type=reset],
[type=submit] {
    border: none;
    cursor: pointer;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}

textarea {
    overflow: auto;
    resize: none;
}

p {
    text-align: justify;
}

.breadcrumb {
    margin-bottom: 0 !important;
}

/*фикс высоты блока в крошкках*/
.breadcrumb .bx-breadcrumb .bx-breadcrumb-item {
    margin-bottom: 0px;
}

.container {
    position: relative;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 5px;
}

.header__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    /*justify-content: space-between;
    padding: 10px 15px 15px 15px;*/
    margin-top: 10px;
    margin-bottom: 25px;
    position: relative;
}

.header__logo {
    position: relative;
    margin-right: 30px;
    max-width: 261px;
}

.header__slogan {
    position: relative;
    margin-right: 30px;
    width: 200px;
    font-weight: 500;
    font-size: 22px;
    line-height: 25px;
    padding-top: 10px;
}

.header__info {
    position: relative;
    width: calc(100% - 522px);
    padding-top: 10px;
}

.header__info>.row>a.phone {
    font-weight: 900;
    font-size: 22px;
    line-height: 35px;
    /*    padding-left: 35px;*/
    /*    background: url(../images/icon_phone.svg) left center no-repeat;*/
}

.header__info>.row>div>a.email {
    font-weight: 300;
    font-size: 18px;
    line-height: 35px;
    padding-left: 45px;
}

.header__info .icon-link .email-icon,
.header__info .icon-link .phone-icon {
    width: 26px;
}

.header__info>.row>div>a#copyLink {
    display: block;
    margin-left: 45px;
    text-decoration: underline;
    font-weight: 300;
    margin-top: -10px;
    font-size: 18px;
}

.mail-links>a {
    line-height: 1;
}

/*.header__info > .row > div.col-sm-3.col-md-4.col-12{background: url(../images/icon_email.svg) 0px 20px no-repeat;}*/
.header__info>.row>.soc>a {
    display: inline-block;
    width: 26px;
    height: 26px;
    margin-left: 14px;
    margin-top: 5px;
}

.soc>a.wa {
    background: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><!-- Generator: Adobe Illustrator 25.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --><svg version="1.1" id="Слой_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 26 26" style="enable-background:new 0 0 26 26;" xml:space="preserve"><style type="text/css">.st0{fill:%23FFFFFF;}</style><path class="st0" d="M20.5,15.1l-4-2C16.3,13,16.1,13,15.9,13c-0.2,0-0.3,0.1-0.5,0.2l-1.8,1.2c-0.8-0.5-1.5-1.2-2-2l1.2-1.8c0.1-0.1,0.2-0.3,0.2-0.5c0-0.2,0-0.4-0.1-0.5l-2-4c-0.1-0.2-0.2-0.3-0.4-0.4C10.4,5.1,10.2,5,10,5C8.7,5,7.4,5.5,6.5,6.5C5.5,7.4,5,8.7,5,10c0,2.9,1.2,5.7,3.2,7.8c2.1,2.1,4.9,3.2,7.8,3.2c0.7,0,1.3-0.1,1.9-0.4c0.6-0.3,1.2-0.6,1.6-1.1s0.8-1,1.1-1.6c0.3-0.6,0.4-1.3,0.4-1.9c0-0.2-0.1-0.4-0.1-0.5C20.8,15.3,20.6,15.2,20.5,15.1z M16,19c-2.4,0-4.7-1-6.4-2.6C8,14.7,7,12.4,7,10c0-0.7,0.2-1.4,0.7-1.9c0.4-0.5,1.1-0.9,1.7-1l1.4,2.9l-1.2,1.8c-0.1,0.1-0.1,0.3-0.2,0.5c0,0.2,0,0.3,0.1,0.5c0.7,1.7,2.1,3.1,3.8,3.8c0.2,0.1,0.3,0.1,0.5,0.1c0.2,0,0.3-0.1,0.5-0.2l1.8-1.2l2.9,1.4c-0.1,0.7-0.5,1.3-1,1.7C17.4,18.8,16.7,19,16,19z M13,0c-2.2,0-4.5,0.6-6.4,1.7C4.6,2.8,3,4.4,1.9,6.3C0.7,8.2,0.1,10.4,0,12.7c-0.1,2.2,0.5,4.5,1.5,6.4l-1.4,4.3c-0.1,0.4-0.1,0.7,0,1.1c0.1,0.4,0.3,0.7,0.5,1c0.3,0.3,0.6,0.4,1,0.5c0.4,0.1,0.7,0.1,1.1,0l4.3-1.4c1.7,0.9,3.7,1.4,5.6,1.5c2,0.1,3.9-0.3,5.7-1.1c1.8-0.8,3.4-2,4.7-3.5c1.3-1.5,2.2-3.3,2.7-5.2c0.5-1.9,0.5-3.9,0.1-5.8c-0.4-1.9-1.3-3.7-2.5-5.3c-1.2-1.6-2.8-2.8-4.5-3.7C16.9,0.5,15,0,13,0z M13,24c-1.9,0-3.8-0.5-5.5-1.5c-0.1-0.1-0.3-0.1-0.4-0.1c-0.1,0-0.3,0-0.4,0L2,24l1.6-4.7c0-0.1,0.1-0.3,0-0.4s-0.1-0.3-0.1-0.4c-1.2-2.1-1.7-4.5-1.4-6.9c0.3-2.4,1.4-4.6,3.1-6.3s3.9-2.8,6.3-3.1c2.4-0.3,4.8,0.2,6.9,1.4c2.1,1.2,3.7,3.1,4.7,5.3c0.9,2.2,1.1,4.7,0.5,7.1c-0.6,2.3-2,4.4-3.9,5.9C17.8,23.2,15.4,24,13,24z"/></svg>') 0 0 no-repeat;
}

.soc>a.tg {
    background: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><!-- Generator: Adobe Illustrator 25.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --><svg version="1.1" id="Слой_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 26 25" style="enable-background:new 0 0 26 25;" xml:space="preserve"><style type="text/css">.st0{fill:%23FFFFFF;}</style><path class="st0" d="M25.6,0.3c-0.1-0.1-0.3-0.2-0.5-0.3c-0.2,0-0.4,0-0.6,0.1L1.1,10c-0.3,0.1-0.6,0.4-0.8,0.7C0.1,11,0,11.4,0,11.8c0,0.4,0.2,0.7,0.4,1c0.2,0.3,0.6,0.5,0.9,0.6l6.1,1.3V22c0,0.4,0.1,0.8,0.3,1.1c0.2,0.3,0.5,0.6,0.8,0.7C8.9,24,9.3,24,9.7,24c0.4-0.1,0.7-0.3,0.9-0.6l2.9-3.3l4.7,4.4c0.3,0.3,0.8,0.5,1.2,0.5c0.2,0,0.4,0,0.6-0.1c0.3-0.1,0.6-0.3,0.8-0.5c0.2-0.3,0.4-0.6,0.4-0.9L26,1.4c0-0.2,0-0.4,0-0.6S25.8,0.4,25.6,0.3z M18.5,4.8l-10.4,8l-5.8-1.2L18.5,4.8z M9.3,22v-5.9l2.9,2.7L9.3,22z M19.4,23l-9.6-9.1L23.7,3.3L19.4,23z"/></svg>') 0 0 no-repeat;
}

.soc>a.wa2 {
    background: var(--secondary) url(../images/icon_wa2.svg) center center no-repeat;
}

.soc>a.tg2 {
    background: var(--secondary) url(../images/icon_tg2.svg) center center no-repeat;
}

.soc>a.ut {
    background: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><!-- Generator: Adobe Illustrator 25.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --><svg version="1.1" id="Слой_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 26 21" style="enable-background:new 0 0 26 21;" xml:space="preserve"><style type="text/css">.st0{fill:%23FFFFFF;}</style><path class="st0" d="M17.2,9.4l-5.6-3.7c-0.1-0.1-0.3-0.1-0.5-0.2c-0.2,0-0.3,0-0.5,0.1c-0.1,0.1-0.3,0.2-0.4,0.3c-0.1,0.1-0.1,0.3-0.1,0.5v7.4c0,0.2,0,0.3,0.1,0.5c0.1,0.1,0.2,0.3,0.4,0.3c0.1,0.1,0.3,0.1,0.5,0.1c0.2,0,0.3-0.1,0.5-0.2l5.6-3.7c0.1-0.1,0.2-0.2,0.3-0.3c0.1-0.1,0.1-0.3,0.1-0.4s0-0.3-0.1-0.4C17.5,9.6,17.4,9.5,17.2,9.4z M12.1,12.2v-4l3,2L12.1,12.2z M25.3,3.4C25.2,3,25,2.6,24.7,2.3c-0.3-0.3-0.7-0.6-1.1-0.7C19.7,0,13.3,0,13,0S6.3,0,2.3,1.5C1.9,1.7,1.6,1.9,1.3,2.3C1,2.6,0.8,3,0.7,3.4C0.4,4.6,0,6.7,0,10.2c0,3.5,0.4,5.6,0.7,6.8c0.1,0.4,0.3,0.8,0.6,1.2c0.3,0.3,0.7,0.6,1.1,0.7c3.8,1.5,9.8,1.5,10.6,1.5h0.2c0.8,0,6.8-0.1,10.6-1.5c0.4-0.2,0.8-0.4,1.1-0.7c0.3-0.3,0.5-0.7,0.6-1.2c0.3-1.2,0.7-3.3,0.7-6.8C26,6.7,25.6,4.6,25.3,3.4z M23.5,16.5c0,0.1-0.1,0.3-0.2,0.4c-0.1,0.1-0.2,0.2-0.4,0.3c-3.7,1.4-9.9,1.4-10,1.4h0c-0.1,0-6.3,0-10-1.4c-0.1-0.1-0.3-0.1-0.4-0.3c-0.1-0.1-0.2-0.2-0.2-0.4c-0.3-1.1-0.6-3-0.6-6.3c0-3.3,0.3-5.3,0.6-6.3c0-0.1,0.1-0.3,0.2-0.4C2.8,3.4,2.9,3.3,3,3.2c3.5-1.4,9.5-1.4,10-1.4h0c0.1,0,6.3,0,10,1.4c0.1,0.1,0.3,0.1,0.4,0.3c0.1,0.1,0.2,0.2,0.2,0.4c0.3,1.1,0.6,3,0.6,6.3C24.1,13.5,23.8,15.5,23.5,16.5L23.5,16.5z"/></svg>') 0 0 no-repeat;
}

.soc>a.vk {
    background: url('data:image/svg+xml,<svg fill="%23ffffff" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 97.75 97.75" xml:space="preserve" stroke="%23ffffff"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><g><path d="M48.875,0C21.883,0,0,21.882,0,48.875S21.883,97.75,48.875,97.75S97.75,75.868,97.75,48.875S75.867,0,48.875,0z M73.667,54.161c2.278,2.225,4.688,4.319,6.733,6.774c0.906,1.086,1.76,2.209,2.41,3.472c0.928,1.801,0.09,3.776-1.522,3.883 l-10.013-0.002c-2.586,0.214-4.644-0.829-6.379-2.597c-1.385-1.409-2.67-2.914-4.004-4.371c-0.545-0.598-1.119-1.161-1.803-1.604 c-1.365-0.888-2.551-0.616-3.333,0.81c-0.797,1.451-0.979,3.059-1.055,4.674c-0.109,2.361-0.821,2.978-3.19,3.089 c-5.062,0.237-9.865-0.531-14.329-3.083c-3.938-2.251-6.986-5.428-9.642-9.025c-5.172-7.012-9.133-14.708-12.692-22.625 c-0.801-1.783-0.215-2.737,1.752-2.774c3.268-0.063,6.536-0.055,9.804-0.003c1.33,0.021,2.21,0.782,2.721,2.037 c1.766,4.345,3.931,8.479,6.644,12.313c0.723,1.021,1.461,2.039,2.512,2.76c1.16,0.796,2.044,0.533,2.591-0.762 c0.35-0.823,0.501-1.703,0.577-2.585c0.26-3.021,0.291-6.041-0.159-9.05c-0.28-1.883-1.339-3.099-3.216-3.455 c-0.956-0.181-0.816-0.535-0.351-1.081c0.807-0.944,1.563-1.528,3.074-1.528l11.313-0.002c1.783,0.35,2.183,1.15,2.425,2.946 l0.01,12.572c-0.021,0.695,0.349,2.755,1.597,3.21c1,0.33,1.66-0.472,2.258-1.105c2.713-2.879,4.646-6.277,6.377-9.794 c0.764-1.551,1.423-3.156,2.063-4.764c0.476-1.189,1.216-1.774,2.558-1.754l10.894,0.013c0.321,0,0.647,0.003,0.965,0.058 c1.836,0.314,2.339,1.104,1.771,2.895c-0.894,2.814-2.631,5.158-4.329,7.508c-1.82,2.516-3.761,4.944-5.563,7.471 C71.48,50.992,71.611,52.155,73.667,54.161z"></path></g></g></svg>') 0 0 no-repeat;
}

ul.top-menu {
    display: flex;
    justify-content: space-between;
    margin: 10px 0px 10px -10px;
}

ul.top-menu>li {
    float: left;
    font-weight: bold;
    font-size: 18px;
    text-transform: uppercase;
    position: relative;
}

ul.top-menu>li:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -5px;
    width: 100%;
    border-bottom: 2px solid var(--dark);
    transform: scaleX(0);
    transition: transform .3375s cubic-bezier(.05, 1, .8, 1) 0ms;
}

/*.item-detail-nav.d-none.d-sm-block > li:after{
    content: "";
    position: absolute;
    left: 10%;
    bottom: 5px;
    width: 80%;
    border-bottom: 3px solid #fff;
    transform: scaleX(0);
    transition: transform .3375s cubic-bezier(.05,1,.8,1) 0ms;
}*/
ul.top-menu>li:hover:after,
ul.top-menu>li.active:after {
    transform: scale(1);
}

ul.top-menu li:last-child:hover:after {
    border: 0;
}

.top-submenu {
    position: absolute;
    left: 23px;
    top: 100px;
    width: 100%;
    background-color: var(--white);
    padding: 15px;
    line-height: 35px;
    z-index: 99999;
    border: 2px solid #a8aeaf;
    border-top: 0;
}

.top-submenu.row>* {
    padding: 0 !important;
}

.top-submenu ul>li {
    font-size: 18px;
    overflow: hidden;
    border-bottom: 1px solid var(--light);
    padding: 5px 0px;
}

.top-submenu ul>li>a {
    display: inline-block;
    width: 100%;
    padding-right: 20px;
    position: relative;
}

.top-submenu ul>li>a:after {
    content: "";
    position: absolute;
    top: 14px;
    right: 10px;
    background: url(../images/icon-right-arrow.png) top center no-repeat;
    background-size: contain;
    width: 10px;
    height: 10px;
    opacity: 0.7;
}

.top-submenu ul>li:hover>a,
.top-submenu ul>li>a.active,
a.open_sub.active {
    font-weight: bold;
}

.top-submenu ul>li.sub {
    padding-left: 28px;
}

.top-submenu ul>li.s_m_title {
    font-size: 16px;
    overflow: hidden;
    border-bottom: 1px solid var(--light);
    padding: 5px 0px;
}

.top-submenu ul>li.s_m_title>a {
    display: inline-block;
    color: var(--secondary);
    padding-right: 0;
    width: 83% !important;
    float: right;
    margin-right: 0px;
}

.top-submenu ul>li.s_m_title>a:after {
    content: "";
    background: none;
}

.top-submenu ul>li.s_m_title:hover>a {
    font-weight: bold;
}

.top-submenu ul>li.s_m_title>a:hover {
    font-weight: bold;
}

.section-our-prods .sec-name {
    font-size: 12px;
    margin-bottom: 1px;
    padding: 2px 0px;
}

.section-our-prods .prod {
    width: 20%;
}

.top-submenu .section-use {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.submenu-close {
    display: inline-block;
    position: absolute;
    bottom: -18px;
    left: 50%;
    background-color: var(--dark);
    border-radius: 18px;
    color: var(--white) !important;
    font-size: 28px;
    line-height: 28px;
    text-align: center;
    width: 35px;
    height: 35px;
    cursor: pointer;
}

footer {
    background-color: var(--dark);
    color: var(--white);
    padding: 75px 0px 100px;
    margin-bottom: -140px;
}

footer>.container>.row>div:nth-child(2) {
    text-align: center;
}

footer a:hover {
    color: var(--light);
}

.corner {
    width: 100%;
    height: 150px;
    background: var(--white);
    position: relative;
    margin-bottom: 50px;
}

.corner:after {
    content: "";
    position: absolute;
    bottom: -50px;
    left: 0;
    border-top: 50px solid var(--white);
    border-right: 50px solid transparent;
    width: 100%;
    height: 0;
    z-index: 8;
}

.border-corner {
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    background: var(--dark);
    position: relative;
    margin: 2px;
}

.border-corner:after {
    content: "";
    position: absolute;
    bottom: -50px;
    left: 0;
    border-top: 50px solid var(--dark);
    border-right: 50px solid transparent;
    width: 100%;
    height: 0;
    z-index: 9;
}

.question {
    display: inline-block;
    height: 29px;
    line-height: 29px;
    width: 100%;
    margin: 15px 0px;
    padding-left: 45px;
    background: url(../images/icon_question.png) top left no-repeat;
}

.form-head {
    font-size: 26px;
    padding-left: 20px;
    font-weight: bold;
}

.contact-form input[type="text"],
.contact-form textarea {
    width: 100%;
    padding: 15px 20px;
    border: 1px solid var(--white);
    background-color: var(--dark);
    color: var(--white);
    margin-bottom: 20px;
}

.contact-form .corner {
    height: 25px;
    margin-bottom: 25px;
}

.contact-form .corner:after {
    bottom: -20px;
    border-top: 20px solid var(--white);
    border-right: 20px solid transparent;
}

.contact-form .border-corner:after {
    bottom: -20px;
    border-top: 20px solid var(--dark);
    border-right: 20px solid transparent;
}

.contact-form .border-corner span {
    color: var(--white);
    font-size: 20px;
    line-height: 38px;
    z-index: 11;
    position: relative;
}

.contact-form.dark .corner {
    height: 25px;
    margin-bottom: 25px;
    background-color: var(--dark);
}

.contact-form.dark .corner:after {
    bottom: -20px;
    border-top: 21px solid var(--dark);
    border-left: 21px solid transparent;
    border-right: 0;
}

.contact-form.dark .corner span {
    color: var(--white);
    font-size: 20px;
    line-height: 38px;
    z-index: 11;
    position: relative;
}

.contact-form.dark .corner:hover {
    background-color: var(--secondary);
}

.contact-form.dark .corner:hover:after {
    border-top: 21px solid var(--secondary);
}

.logo-head {
    font-size: 22px;
    text-transform: uppercase;
    margin-top: 55px;
    text-align: center;
}

img.logo-footer {
    margin-left: 2px;
}

.info-head {
    font-size: 26px;
    padding-left: 40px;
    font-weight: bold;
}

.info-place {
    padding-left: 40px;
    background: url(../images/icon_place.svg) left center no-repeat;
}

.info-phone {
    padding-left: 40px;
    background: url(../images/icon_phone.svg) left center no-repeat;
}

.info-email {
    padding-left: 40px;
    background: url(../images/icon_email.svg) left bottom no-repeat;
}


.detail_picture {
    /* margin: 0px 0px 10px; */
    margin: 0px;
}

section.gray-block {
    padding: 20px 0px 10px;
    background-color: var(--dark);
    color: var(--white);
    /* margin-bottom: 30px; */
    padding-bottom: 30px;
}

section.gray-block.p0 {
    padding: 0px 15px;
    margin: 0;
}

section.p0 {
    padding: 0;
    margin: 0;
}

.item-description {
    font-size: 20px;
}

.item-description>h1 {
    font-size: 54px;
    font-weight: boldж
}

.main-info>dt {
    width: 60%;
    float: left;
    margin-bottom: 18px;
}

.main-info>dd {
    float: left;
    margin-bottom: 18px;
}

ul.item-detail-nav {
    display: flex;
    justify-content: start;
    margin: 0;
}

ul.item-detail-nav.big {
    display: block;
    column-count: 3;
    column-width: 300px;
    transition: all ease .2s;

}

ul.item-detail-nav.big>li {
    float: unset;
}

ul.item-detail-nav.big.fix {
    column-count: 4;
    column-width: 261px;
    column-gap: 2px;
    transition: all ease .2s;
    background-color: #fff;
}

ul.item-detail-nav>li {
    float: left;
    font-weight: bold;
    font-size: 18px;
    text-transform: uppercase;
    background-color: var(--dark);
    color: var(--white);
    margin: 1px;
    min-width: 150px;
    text-align: center;
    position: relative;
}

ul.item-detail-nav.big.fix>li {
    font-size: 12px;
}

ul.item-detail-nav>li>a {
    padding: 12px 13px;
    display: block;
    /*line-height: 51px;*/
}

ul.item-detail-nav>li:hover,
ul.item-detail-nav>li.active {
    background-color: var(--secondary);
    color: var(--light);
}

ul.item-detail-nav>li:hover>a,
ul.item-detail-nav>li.active>a,
ul.item-detail-nav>li>a:focus,
ul.item-detail-nav>li>a:hover {
    color: var(--light);
}

ul.item-detail-nav.fix {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    max-width: 1200px;
    margin: 0 auto;
    background-color: #fff;
}

ul.item-detail-nav.big.fix>li>a {
    padding: 5px 5px;
}

.container .row {
    margin: 0;
}

.container-head {
    position: relative;
    width: 100%;
    text-align: center;
    margin: 0px 0px 20px;
    padding-top: 40px;
}

.container-head>span,
.container-head>h2 {
    background-color: var(--white);
    z-index: 999;
    position: relative;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 40px;
    text-transform: uppercase;
}

.container-head>h2 {
    width: max-content;
    margin: 0 auto;
    background: var(--white) url('') !important;
}

.container-head-small>h2 {
    background: var(--white) url('') !important;
}

section:not(.gray-block):has(.container):nth-child(2n) .container-head>h2 {
    background: var(--light) url('') !important;
}


.container-head:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(50% + 20px);
    border-bottom: 2px solid var(--dark);
    z-index: 1;
}

section:not(.gray-block):has(.container):nth-child(even),
section:not(.gray-block):has(.container):nth-child(even) .container-head>span {
    background-color: var(--light);
}

.param-table>.row {
    padding: 8px 12px;
    margin: 0;
}

.param-table .param-head {
    font-size: 22px;
    font-weight: bold;
    color: var(--white);
    background-color: var(--secondary);
}

.param-table .param-row {
    border: 1px solid var(--dark);
    border-top: 0;
    font-size: 20px;
}

.param-table .param-text {
    font-size: 18px;
    font-weight: bold;
}

.container-text {
    font-size: 20px;
}

.container-text>img {
    max-width: 350px;
    display: block;
    float: left;
    margin: 10px 10px 10px -10px;
}

.container-text>p {
    width: auto;
}

.container-text ul>li {
    padding: 5px 15px 15px 25px;
    font-size: 20px;
    background: url(../images/right-arrow.png) 0px 12px no-repeat;
}

.use-img,
.set-img {
    width: 100%;
    aspect-ratio: 18/10;
    background-size: cover;
    background-position: center;
    margin-top: 20px;
    margin-bottom: 10px;
}

.use-name,
.set-name,
h3.set-name {
    font-size: 22px;
    text-align: center;
    margin-bottom: 20px;
    background: none;
    text-transform: none;
    line-height: 1;
    padding-left: 0;
}

.container-head-small {
    text-align: center;
    margin: 25px 0px 10px;
    font-size: 28px;
    text-transform: uppercase;
}

.row.adv {
    padding: 5px 0px 15px 25px;
    font-size: 20px;
    background: url(../images/right-arrow.png) 0px 12px no-repeat;
}

.main-banner {
    width: 100%;
    aspect-ratio: 14/5;
    /*background: url(../images/main_banner.jpg) center center no-repeat;
    background-size: cover;*/
    position: relative;
    overflow: hidden;
}

#video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.slogan {
    position: absolute;
    bottom: -25px;
    left: 0;
    right: 50%;
    opacity: 0.5;
}

.slogan-corner {
    width: 100%;
    height: 150px;
    background: var(--black);
    position: relative;
    margin-bottom: 100px;
}

.slogan-corner:after {
    content: "";
    position: absolute;
    top: -99px;
    left: 0;
    border-bottom: 100px solid var(--black);
    border-right: 100px solid transparent;
    width: 100%;
    height: 0;
    z-index: 8;
}

.slogan-content {
    font-size: 28px;
    font-weight: bold;
    color: #FFFFFF;
    max-width: 440px;
    width: 100%;
    position: absolute;
    right: calc(50% + 70px);
    bottom: 81px;
    z-index: 11;
}

.slogan-content>span {
    display: inline-block;
    float: left;
    margin-top: -55px;
    margin-right: 20px;
    font-size: 130px;
    font-weight: 900;
    color: var(--secondary);
    margin-bottom: 5px;
}


#plashka-slider {
    width: 50%;
    overflow: hidden;
    height: 250px;
    position: absolute;
    bottom: 10%;
}

.slogan-slider {
    position: relative;
}

.plashka-item {
    background: rgba(0, 0, 0, 0.46);
    clip-path: polygon(calc(100% - 100px) 0, 100% 100px, 100% 100%, 0 100%, 0 0);
    height: 100%;
    display: flex;
}

#plashka-slider .plashka-item .slogan-content {
    display: flex;
    flex-flow: column;
    top: 0;
    right: calc(0% + 70px);
    height: 100%;
}

#plashka-slider .plashka-item .slogan-content.image {
    top: 0;
}

.slogan-content .digit {
    margin-top: -10px;
    font-size: 150px;
    font-weight: 900;
    color: var(--secondary);
    margin-bottom: 5px;
    line-height: 1;
    text-align: left;
}

#plashka-slider .plashka-item .slogan-content .digit-desc {
    font-size: 28px;
    font-weight: bold;
    color: #FFFFFF;
    max-width: 440px;
    width: 100%;
    line-height: 1.5;
    text-align: left;
    margin-top: 15px;
}

.plashka-item.image {
    background-repeat: no-repeat;
    background-size: cover;
    background-position-x: right;
    background-position-y: bottom;

}

.sek1-header {
    font-size: 3rem;
    color: #fff;
    font-weight: bold;
    font-family: 'Arial';
}

.sek1-desk,
.sek2-invite {
    color: #FFF;
    font-size: 1rem;

}

.sek1-dates {
    color: #FF0000;
    font-size: 1.3rem;
    font-weight: bolder;

}

.mark-sek2 {
    margin: 0 auto;
    background-color: rgba(0, 0, 0, 0.4);
    border: #f00 1px solid;
    color: #fff;
    font-family: 'Arial';
}

.sek2-adress {
    font-size: 21px;
    color: #74A1DA;
    line-height: 1;
    font-stretch: condensed;
}


.metal .sek1-header {
    line-height: 1;
    font-size: 2rem;
}

.metal .sek1-desk {
    line-height: .9;
    max-width: 88%;
    margin: 0 auto;
}

.metal .mark-sek2 {
    border-color: yellow;
}

.metal .sek1-dates {
    color: yellow !important;
}

.metal .sek2-adress {
    color: white !important;
}

@media (max-width: 1440px) {
    .mark-sek2 {
        width: 65%;
        background-color: rgba(0, 0, 0, 0.4);
    }
}

@media (max-width: 1366px) {
    .mark-sek2 {
        background-color: rgba(0, 0, 0, 0.4);
    }

}

@media (min-width: 501px) and (max-width: 576px) {}


@media (min-width: 501px) and (max-width: 992px) {
    .main-banner .plashka-item .slogan-content {
        width: unset;
    }

    .slogan-content .digit {
        margin-top: 10%;
        font-size: clamp(50px, 3vw, 32px);
        margin-bottom: 5px;
        line-height: 1;
    }

    #plashka-slider .plashka-item .slogan-content .digit-desc {
        font-size: clamp(16px, 3vw, 24px);
        max-width: unset;
        width: 90%;
        line-height: 1.3;
        margin-top: 1%;
    }

    #plashka-slider {
        height: 80%;
        bottom: 10%;
        width: 65%;
    }

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

    .plashka-item {
        clip-path: polygon(calc(100% - 60px) 0, 100% 60px, 100% 100%, 0 100%, 0 0);
    }

    .sek1-header {
        font-size: clamp(12px, 3vw, 32px);
        font-weight: bolder;
    }

    .sek1-desk {
        color: #FFF;
        font-size: clamp(11px, 2.5vw, 28px);
        font-weight: normal;
        line-height: 1;
        width: 85%;
        margin: 0 auto;
    }

    .sek2-invite {
        font-size: clamp(9px, 1.5vw, 16px);
    }

    .sek2-adress {
        font-size: clamp(12px, 2.5vw, 24px);
    }

    .sek1-dates {
        font-size: clamp(10px, 2vw, 24px);
    }

    .metal .mark-wrp {
        justify-content: space-around;
    }

    .metal .sek1-header {
        line-height: 1;
        font-size: clamp(16px, 3vw, 28px);
    }

    .metal .sek1-desk {
        font-size: clamp(11px, 1.5vw, 28px);

    }
}

@media (min-width: 993px) and (max-width: 1200px) {
    #plashka-slider {
        height: 70%;
        bottom: 10%;
        width: 65%;
    }

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

    .metal .mark-wrp {
        justify-content: space-around;
    }



}

@media (max-width: 500px) {
    #plashka-slider {
        width: 309px;
        height: 80%;
        bottom: 10%;
    }

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

    .plashka-item {
        clip-path: polygon(calc(100% - 40px) 0, 100% 40px, 100% 100%, 0 100%, 0 0);
    }

    #plashka-slider .plashka-item .slogan-content {
        width: 90%;
    }

    .slogan-content .digit {
        font-size: clamp(40px, 2vw, 32px);
        margin-top: 1.5rem;
        margin-bottom: 0;
        line-height: 1;
    }

    #plashka-slider .plashka-item .slogan-content .digit-desc {
        margin-top: .5rem;
        line-height: 1;
        font-size: clamp(15px, 2vw, 32px);
    }

    .sek1-header {
        font-size: clamp(12px, 3vw, 32px);
        font-weight: bolder;
    }

    .sek1-desk {
        color: #FFF;
        font-size: clamp(11px, 2.5vw, 28px);
        font-weight: normal;
        line-height: 1;
        width: 91%;
        margin: 0 auto;
    }

    .sek2-invite {
        font-size: clamp(9px, 1vw, 13px);
    }

    .sek2-adress {
        font-size: clamp(12px, 2vw, 24px);
    }

    .sek1-dates {
        font-size: clamp(10px, 2vw, 24px);
    }

    .metal .mark-wrp {
        justify-content: space-around;
    }

    .metal .mark-sek2 {
        min-width: 82%;
        padding: 1px !important;
    }

    .metal .sek1-header {
        line-height: 1;
        font-size: clamp(16px, 3vw, 28px);
    }

    .metal .sek1-desk {
        font-size: clamp(10px, 1.5vw, 28px);

    }

    .metal .sek2-invite {
        font-size: clamp(8px, .8vw, 8px);
    }

    .metal .sek2-adress {
        font-size: clamp(10px, 1.5vw, 11px);
    }

    .container-head>h2 {
        width: auto;

    }




}

.news-wrapper {
    position: absolute;
    left: calc(50% + 250px);
    /* padding: 15px 20px; */
    height: 100%;
}

.main-banner .news.newnov {
    top: 335px;
}

.main-banner .news {
    /*    position: absolute;
    top: 35px;
    left: calc(50% + 250px);*/
    width: 350px;
    background-color: rgba(0, 0, 0, .46);
    border-radius: 10px;
    color: #ffffff;
    margin: 0;
    padding: 15px 20px;
    /* margin: 20px 0; */
}

.main-banner .news .news-head {
    font-weight: bold;
    font-size: 36px;
}

.main-banner .news .row {
    font-weight: bold;
    font-size: 20px;
    margin: 10px 0px 20px;
}

.main-banner .news .row>span {
    font-weight: bold;
    font-size: 16px;
    padding: 0;
}

.main-banner .news .row a:hover {
    color: var(--secondary);
}

.main-item {
    /* padding-top: 50px; */
}

.news.newnov .swiper-slide.item-wrapper {
    display: flex;
    flex-flow: column;
}

.main-item .row>* {
    padding: 0;
}

.main-head {
    font-size: 40px;
    background: url(../images/head-arrow.svg) 0px calc(49% + 3px) no-repeat;
    padding-left: 40px;
    /* margin: 10px 0px 20px; */
    margin: 0px 0px 0px;
    padding-top: 5px;
}

.section-row {
    margin: 0px -15px !important;
}

.section-item {
    border: 1px solid #eaeaea;
    background-color: var(--white);
    padding: 15px 10px 25px;
    margin: 15px;
}

.section-img {
    width: 100%;
    aspect-ratio: 3/2;
    background-size: cover;
    background-position: center;
    margin-bottom: 10px;
}

.section-name {
    text-align: center;
    font-size: 28px;
    font-weight: bold;
    min-height: 168px;
    margin-bottom: 15px;
}

.section-link {
    width: 250px;
    margin: 0 auto;
}

.section-link .corner {
    display: block;
    height: 30px;
    margin-bottom: 30px;
    background: var(--dark);
}

.section-link .corner:after {
    bottom: -25px;
    border-top: 25px solid var(--dark);
    border-left: 25px solid transparent;
    border-right: none;
}

.section-link .border-corner {
    display: block;
    background: var(--white);
    margin: 0;
    top: 2px;
    left: 2px;
    text-align: right;
    padding-right: 30px;
}

.section-link .border-corner:after {
    bottom: -25px;
    border-top: 25px solid var(--white);
    border-left: 25px solid transparent;
    border-right: none;
    left: -1px;
    width: calc(100% + 1px);

}

.section-link .border-corner span {
    color: var(--dark);
    font-size: 20px;
    line-height: 48px;
    font-weight: 900;
    z-index: 11;
    position: relative;
    padding-right: 60px;
    background: url(../images/gray-arrow.png) 100% 2px no-repeat;
}

.section-link .corner:hover {
    background: var(--secondary);
}

.section-link .corner:hover:after {
    border-top: 25px solid var(--secondary);
}

.row.fav>div {
    padding-top: 4px;
}

.row.fav>div {
    padding: 15px 50px 15px 90px;
    margin-bottom: 25px;
    font-size: 20px;
    background: url(../images/fav1.png) 0px 25px no-repeat;
    line-height: 1.2;
}

.row.fav>div>span {
    font-weight: bold;
    font-size: 22px;
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
}

.fav>div>span {
    font-weight: bold;
    font-size: 22px;
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
}

.row.fav>div:nth-child(1) {
    background-image: url(../images/fav1.png);
}

.row.fav>div:nth-child(2) {
    background-image: url(../images/fav2.png);
}

.row.fav>div:nth-child(3) {
    background-image: url(../images/fav3.png);
}

.row.fav>div:nth-child(4) {
    background-image: url(../images/fav4.png);
}

.row.fav>div:nth-child(5) {
    background-image: url(../images/fav5.png);
}

.row.fav>div:nth-child(6) {
    background-image: url(../images/fav6.png);
}

.row.fav>div:nth-child(7) {
    background-image: url(../images/fav7.png);
    margin-top: -35px;
}

.container.main-item #main-slider {
    margin-top: 10px;
}

.swiper {
    padding-left: 15px;
    padding-right: 15px;
}

.slider-nav {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 20px;
}

.slider-nav.prev {
    left: -4px;
    z-index: 999;
    background: url(../images/left-arr.png) center center no-repeat;
}

.use-menu-slider .slider-nav.prev {
    left: 5px;
}

.slider-nav.next {
    right: -4px;
    z-index: 999;
    background: url(../images/right-arr.png) center center no-repeat;
}

.use-menu-slider .slider-nav.next {
    right: 5px;
}

#use-slider .slider-nav.prev {
    background: url(../images/left-arr.png) center 90px no-repeat;
}

#use-slider .slider-nav.next {
    background: url(../images/right-arr.png) center 90px no-repeat;
}

.slider-wrapper {
    font-size: 18px;
}

.filter>.row {
    padding: 5px 0px 2px;
}

.filter .filter-name {
    font-size: 18px;
    line-height: 1;
}

.filter .filter-name {
    font-size: 18px;
}

.filter-name {
    padding-right: 15px !important;
}

.filter-slider {
    /*    margin-top: 15px !important;
    width: calc(33% - 10px);
    margin-right: 10px;*/
    display: block;
}

.filter-value {
    padding: 10px !important;
    text-align: center;
    position: relative;
}

.filter-value>input[type="text"] {
    position: absolute;
    top: 10px;
    height: 27px;
    left: 15px;
    right: 5px;
    border: 1px solid var(--white);
    background-color: var(--dark);
    color: var(--white);
    text-align: center;
    font-size: 14px;
    max-width: 100%;
}

.params-row>input[type="text"] {
    border: 1px solid var(--white);
    background-color: var(--dark);
    color: var(--white);
    text-align: center;
    font-size: 14px;
    max-width: 100%;
    margin: 5px 0;
    padding: 5px 0;
}

.filter-info {
    margin-left: 13px;
    border: 1px solid var(--light);
    float: left;
    padding: 5px 15px;
    font-size: 18px;
    text-transform: uppercase;
}

.filter-info>span {
    font-weight: bold;
}

.filter-info>a {
    display: inline-block;
    margin-left: 20px;
    font-size: 24px;
    margin-top: -10px;
    cursor: pointer;
}

.filter-title {
    padding: 0;
    /*    padding-top: 15px;*/
    font-size: 28px;
    text-transform: uppercase;
    text-align: center;
}

.filter-video {
    position: relative;
    padding: 0 50px 0 50px;
}

#filter-video {
    width: 280px;
    margin-top: 3px;
}

#menu-video {
    width: 100%;
    margin-top: 3px;
}

.filter-video:before,
.filter-video:after {
    content: ">>>";
    font-size: 80px;
    color: var(--secondary);
    transform: scale(0.3, 1);
    position: absolute;
    top: 10%;
}

.filter-video:after {
    left: -20px;
}

.filter-video:before {
    right: -20px;
}

.ui-state-default,
.ui-widget-content .ui-state-default {
    background: var(--secondary) !important;
}

.section-item.item {
    display: block;
    background-color: var(--light);
    border: 2px solid var(--light);
}

.section-item.item:hover {
    border-color: var(--secondary);
}

/*обводка для всех карточек на главной*/
.main-page .section-item:hover,
.products.section-item:hover {
    box-shadow: 0 0 0 2px var(--secondary);
}

.section-item .item-prop {
    margin-bottom: 5px;
    background-color: var(--white);
    padding: 3px 5px;
    display: flex;
}

.search .section-item.item div.section-name {
    line-height: 1;
}

.search .section-item.searchresult-infocard .item-prop {
    background-color: var(--light);
    width: 67%;
}

.section-item.item .section-link {
    margin-top: 20px;
}

.section-item .item-prop>span:nth-child(1) {
    width: 70%;
    font-size: 16px;
    align-self: center;
}

.section-item .item-prop>span:nth-child(2) {
    width: 30%;
    text-align: right;
    font-size: 14px;
}

.filter-result {
    text-transform: uppercase;
    margin-bottom: 5px;
    font-size: 18px;
}

.filter-result>span {
    display: inline-block;
    padding: 10px 5px;
    border: 1px solid var(--dark);
    margin-left: 3px;
}

.filter-result>span.active {
    border: 1px solid var(--secondary) !important;
    background-color: var(--secondary) !important;
}

.swiper-slide,
.swiper-slide>a {
    text-align: center;
}

.swiper-slide img {
    max-height: 200px;
    filter: grayscale(100%);
}

.swiper-slide.article-slider img {
    max-height: 230px;
    filter: grayscale(100%);
}

.swiper-slide img:hover {
    filter: grayscale(0%);
}

.use-menu-slider .swiper-slide img {
    max-height: 230px;
    filter: grayscale(0%);
}

.use-menu-slider .swiper-slide img:hover {
    filter: grayscale(100%);
}

#article-slider .slider-nav.prev,
#article-slider .slider-nav.next {
    background-color: #FFFFFF;
    background-color: transparent !important;
}

.section-use-title {
    text-align: center;
    font-size: 22px;
    text-transform: uppercase;
}

.section-use-link {
    display: inline-block;
    float: right;
    background-color: var(--dark);
    color: var(--white);
    margin-top: 25px;
    margin-right: 35px;
    padding: 5px 35px;
    text-transform: uppercase;
}

.section-use-link:hover {
    color: var(--light);
}

.detail-text img {
    margin: 0px 25px;
}

.param-table {
    overflow-x: auto;
}

.param-tab th {
    background-color: var(--secondary);
    color: var(--white);
    border-right: 1px solid var(--white);
}

.param-tab th,
.param-tab td {
    padding: 3px 5px;
    text-align: center;
    font-size: 14px;
}

.param-tab td {
    border-left: 1px solid var(--light);
    border-bottom: 1px solid var(--light);
}

.param-tab td:last-child {
    border-right: 1px solid var(--light);
}

#order-form input[type="text"],
#order-form textarea {
    border: 1px solid var(--dark);
    background-color: var(--white);
    color: var(--dark);
}

#order-form .corner {
    background: var(--dark);
    margin-top: 5px;
}

#order-form .corner:after {
    border-top: 20px solid var(--dark);
}

#order-form .border-corner {
    background: var(--white);
}

#order-form .border-corner:after {
    border-top: 20px solid var(--white);
}

#order-form .border-corner span {
    color: var(--dark);
}

#order-form .corner:hover {
    background: var(--secondary);
}

#order-form .corner:hover:after {
    border-top: 20px solid var(--secondary);
}



td,
th {
    padding: 3px 5px;
}

ul.arrow>li {
    padding: 5px 0px 5px 25px;
    background: url(../images/right-arrow.png) 0px 8px no-repeat;
}

.anychart-credits {
    display: none;
}

.anychart-tooltip-title {
    font-size: 18px !important;
}

/*, .search-btn.active > .search-field*/
.search-btn {
    position: relative;
    margin-top: 2px;
}

.search-field {
    position: absolute;
    top: -10px;
    left: -607px;
    display: none;
}

/*.search-btn:hover > .search-field, .search-btn.active > .search-field {display: block;}*/
.search-field>input[type="text"] {
    width: 618px;
    border: 1px solid #da7742;
    transition: all ease .3s;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.search-btn>input[type="submit"],
.search-btn .js-atumsmartsearchpro-submit {
    width: 18px;
    height: 18px;
    background: url(../images/icon_search.svg) center right no-repeat;
    padding: 0 0 0 40px;
}

.search-btn .js-atumsmartsearchpro-submit {
    border: 0;
}

.search-btn .js-atumsmartsearchpro-submit:hover {
    background-color: #fff;
    border-color: #fff;
}

.js-atumsmartsearchpro-clear.js-atumsmartsearchpro-visible {
    z-index: 1;
    border: 1px solid #da7742;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    position: absolute;
    top: 10px;
    right: 0;
}

.js-atumsmartsearchpro-search-btn.js-atumsmartsearchpro-visible {
    z-index: 1;
    border: 1px solid #da7742;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    position: absolute;
    top: 10px;
    right: 37px;
}

.atumsmartsearchpro .js-atumsmartsearchpro-clear:hover,
.atumsmartsearchpro .js-atumsmartsearchpro-search-btn:hover {
    color: #fff;
    background-color: #da7742;
    border-color: #da7742;
}

.atumsmartsearchpro.search-form .js-atumsmartsearchpro-result {
    border: 0;
}

.search-form .active~.js-atumsmartsearchpro-result {
    display: block;
}

/*.search-form .js-atumsmartsearchpro-result{display:none;}*/
.search-form>.js-atumsmartsearchpro-result {
    width: 250px;
    left: -100px;
}

/*.atumsmartsearchpro .js-atumsmartsearchpro-result {
  background-color: #da7742;
  color: #fff;
}*/
.atumsmartsearchpro .js-atumsmartsearchpro-result.js-atumsmartsearchpro-loading {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.0' width='96' height='12' viewBox='0 0 512 64' xml:space='preserve'%3E%3Crect width='100%25' height='100%25' fill='%23fff'/%3E%3Cpath fill='%23da7742' fill-rule='evenodd' d='M486.4 19.2A12.8 12.8 0 1 1 473.6 32a12.8 12.8 0 0 1 12.8-12.8zm-51.2 0A12.8 12.8 0 1 1 422.4 32a12.8 12.8 0 0 1 12.8-12.8zm-51.2 0A12.8 12.8 0 1 1 371.2 32 12.8 12.8 0 0 1 384 19.2zm-51.2 0A12.8 12.8 0 1 1 320 32a12.8 12.8 0 0 1 12.8-12.8zm-51.2 0A12.8 12.8 0 1 1 268.8 32a12.8 12.8 0 0 1 12.8-12.8zm-51.2 0A12.8 12.8 0 1 1 217.6 32a12.8 12.8 0 0 1 12.8-12.8zm-51.2 0A12.8 12.8 0 1 1 166.4 32a12.8 12.8 0 0 1 12.8-12.8zm-51.2 0A12.8 12.8 0 1 1 115.2 32 12.8 12.8 0 0 1 128 19.2zm-51.2 0A12.8 12.8 0 1 1 64 32a12.8 12.8 0 0 1 12.8-12.8zm-51.2 0A12.8 12.8 0 1 1 12.8 32a12.8 12.8 0 0 1 12.8-12.8z'/%3E%3Cg%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M-119.6 10.24A21.76 21.76 0 0 1-97.84 32a21.76 21.76 0 0 1-21.76 21.76A21.76 21.76 0 0 1-141.36 32a21.76 21.76 0 0 1 21.76-21.76zm-51.2 0A21.76 21.76 0 0 1-149.04 32a21.76 21.76 0 0 1-21.76 21.76A21.76 21.76 0 0 1-192.56 32a21.76 21.76 0 0 1 21.76-21.76zm-51.2 0A21.76 21.76 0 0 1-200.24 32 21.76 21.76 0 0 1-222 53.76 21.76 21.76 0 0 1-243.76 32 21.76 21.76 0 0 1-222 10.24zm-51.2 0A21.76 21.76 0 0 1-251.44 32a21.76 21.76 0 0 1-21.76 21.76A21.76 21.76 0 0 1-294.96 32a21.76 21.76 0 0 1 21.76-21.76zm-51.2 0A21.76 21.76 0 0 1-302.64 32a21.76 21.76 0 0 1-21.76 21.76A21.76 21.76 0 0 1-346.16 32a21.76 21.76 0 0 1 21.76-21.76zm-51.2 0A21.76 21.76 0 0 1-353.84 32a21.76 21.76 0 0 1-21.76 21.76A21.76 21.76 0 0 1-397.36 32a21.76 21.76 0 0 1 21.76-21.76zm-51.2 0A21.76 21.76 0 0 1-405.04 32a21.76 21.76 0 0 1-21.76 21.76A21.76 21.76 0 0 1-448.56 32a21.76 21.76 0 0 1 21.76-21.76zm-51.2 0A21.76 21.76 0 0 1-456.24 32 21.76 21.76 0 0 1-478 53.76 21.76 21.76 0 0 1-499.76 32 21.76 21.76 0 0 1-478 10.24zm-51.2 0A21.76 21.76 0 0 1-507.44 32a21.76 21.76 0 0 1-21.76 21.76A21.76 21.76 0 0 1-550.96 32a21.76 21.76 0 0 1 21.76-21.76zm-51.2 0A21.76 21.76 0 0 1-558.64 32a21.76 21.76 0 0 1-21.76 21.76A21.76 21.76 0 0 1-602.16 32a21.76 21.76 0 0 1 21.76-21.76zm-51 2.56A19.2 19.2 0 0 1-612.2 32a19.2 19.2 0 0 1-19.2 19.2A19.2 19.2 0 0 1-650.6 32a19.2 19.2 0 0 1 19.2-19.2zm-51 2.56A16.64 16.64 0 0 1-665.76 32a16.64 16.64 0 0 1-16.64 16.64A16.64 16.64 0 0 1-699.04 32a16.64 16.64 0 0 1 16.64-16.64zm613.6-2.56A19.2 19.2 0 0 1-49.6 32a19.2 19.2 0 0 1-19.2 19.2A19.2 19.2 0 0 1-88 32a19.2 19.2 0 0 1 19.2-19.2zm51.2 2.56A16.64 16.64 0 0 1-.96 32 16.64 16.64 0 0 1-17.6 48.64 16.64 16.64 0 0 1-34.24 32 16.64 16.64 0 0 1-17.6 15.36z'/%3E%3CanimateTransform attributeName='transform' type='translate' values='44 0;95.2 0;146.4 0;197.6 0;248.8 0;300 0;351.2 0;402.4 0;453.6 0;504.8 0;556 0;607.2 0;658.4 0;709.6 0;760.8 0;812 0;863.2 0;914.4 0;965.6 0;1016.8 0;1068 0;1119.2 0;1170.4 0;1221.6 0;1272.8 0;1324 0' calcMode='discrete' dur='1440ms' repeatCount='indefinite'/%3E%3C/g%3E%3C/svg%3E");
}

a.home-link {
    display: inline-block;
    width: 24px;
    height: 24px;
    /* background: url(../images/icon_home.svg) top left no-repeat; */
    background-size: 24px;
    background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M25.2999 10.3688L14.4666 0.555536C14.4613 0.551101 14.4563 0.546322 14.4517 0.541235C14.0528 0.192979 13.533 0 12.9939 0C12.4548 0 11.935 0.192979 11.5361 0.541235L11.5213 0.555536L0.700104 10.3688C0.479372 10.5636 0.303176 10.8004 0.182666 11.064C0.0621552 11.3276 -4.5558e-05 11.6124 2.50356e-08 11.9003V23.9198C2.50356e-08 24.4715 0.228273 25.0006 0.634602 25.3907C1.04093 25.7808 1.59203 26 2.16667 26H8.66667C9.2413 26 9.7924 25.7808 10.1987 25.3907C10.6051 25.0006 10.8333 24.4715 10.8333 23.9198V17.6793H15.1667V23.9198C15.1667 24.4715 15.3949 25.0006 15.8013 25.3907C16.2076 25.7808 16.7587 26 17.3333 26H23.8333C24.408 26 24.9591 25.7808 25.3654 25.3907C25.7717 25.0006 26 24.4715 26 23.9198V11.9003C26 11.6124 25.9378 11.3276 25.8173 11.064C25.6968 10.8004 25.5206 10.5636 25.2999 10.3688ZM23.8333 23.9198H17.3333V17.6793C17.3333 17.1276 17.1051 16.5985 16.6987 16.2084C16.2924 15.8183 15.7413 15.5991 15.1667 15.5991H10.8333C10.2587 15.5991 9.7076 15.8183 9.30127 16.2084C8.89494 16.5985 8.66667 17.1276 8.66667 17.6793V23.9198H2.16667V11.9003L2.18156 11.8873L13 2.07797L23.8198 11.8847L23.8347 11.8977L23.8333 23.9198Z" fill="%23565E61"/></svg>');
}

.header__menu-icon,
.mobile-menu {
    display: none;
}

img[align="right"] {
    margin-left: 10px;
}

.label {
    background: #ffffff;
    box-shadow: 0px 4px 18px rgba(0, 0, 0, 0.75);
    border-radius: 10px;
    width: 70%;
    min-width: 833px;
    margin: -100px 15% 0 !important;
    z-index: 9999;
    position: relative;
    padding-bottom: 10px;
    font-size: 18px;
}

.label .col-3 {
    width: 26.6%;
}

.label .col-3>a {
    display: inline-block;
    padding-left: 25px;
    background: url(<?=SITE_TEMPLATE_PATH?>/images/icon_email.svg) 0px 0px no-repeat;
    background-size: contain;
    line-height: 15px;
    height: 17px;
}

.label .col-5 {
    width: 40%;
}

.label .col-5>a {
    display: inline-block;
    padding-left: 20px;
    background: url(<?=SITE_TEMPLATE_PATH?>/images/icon_phone.svg) left center no-repeat;
    background-size: contain;
    height: 17px;
    line-height: 17px;
    margin-bottom: 10px;
}

.label h2 {
    background: none;
    text-align: center;
}

.label a+br+span {
    font-size: 12px;
    font-weight: bold;
}

.stickers {
    position: sticky;
    z-index: 1000;
    bottom: 40%;
    left: 100%;
    display: inline-block;
}

.sticker {
    /*position: sticky;
        left: 100%;
        bottom: 40%;
        /* width: 140px; */
    text-align: center;
    z-index: 999999999;
    /* transform: rotate(-90deg); */
    /* margin-right: -60px; */
    writing-mode: vertical-rl;
    transform: rotate(180deg);
}

.sticker.whatsapp {
    left: 100%;
    bottom: 33.9%;
    transform: rotate(0deg);
    margin-top: 2px;
}

.sticker.telegram {
    left: 100%;
    bottom: 27.8%;
    transform: rotate(0deg);
    margin-top: 2px;
}

.sticker.whatsapp a,
.sticker.telegram a {
    width: 35px;
    height: 35px;
    border-radius: 10px 0px 0px 10px;
    padding: 30px;
}

.sticker>a {
    display: inline-block;
    color: var(--white);
    font-weight: bold;
    line-height: 50px;
    font-size: 18px;
    background-color: var(--secondary);
    border-radius: 0px 10px 10px 0px;
    padding: 20px 5px;
}


.sticker-to-top {
    position: sticky;
    left: 100%;
    bottom: 0;
    width: 50px;
    height: 50px;
    text-align: center;
    z-index: 999999999;
}

.sticker-to-top>a {
    display: inline-block;
    color: var(--white);
    text-align: center;
    width: 50px;
    height: 50px;
    line-height: 70px;
    font-size: 50px;
    background-color: var(--secondary);
    border-radius: 30px;
}

.sticker-to-top>a.btn-up_hide {
    display: none;
}

#detail-nav {
    min-height: 52px;
}

.container.text-block>.detail-text {
    /* padding-top: 20px; */
}

.item-detail-picture-div>iframe {
    width: 100%;
    height: 100%;
}

.corner.dark {
    text-align: center;
}

.corner.dark span {
    color: var(--white);
    font-size: 20px;
    line-height: 50px;
    z-index: 11;
    position: relative;
}

.corner.dark:after {
    bottom: -24px;
    border-top: 25px solid var(--dark);
    border-left: 25px solid transparent;
    border-right: none;
}

.corner.dark:hover:after {
    border-top: 25px solid var(--secondary);
}

.corner.dark:before {
    content: "";
    position: absolute;
    bottom: -24px;
    right: 0px;
    width: calc(100% - 24px);
    height: 24px;
    transform-origin: bottom right;
    transform: skew(45deg);
    z-index: 2;
    background: var(--dark);
}

.corner.dark:hover:before {
    background: var(--secondary);
}

#article-slider {
    /* margin-bottom: 20px; */
    padding-bottom: 20px;
}


.corner-btn {
    --edge-size: 25px;
    --border-width: 2px;
    cursor: pointer;
    background: var(--white);
    width: 250px;
    height: 60px;
    border: 0;
    position: relative;
    isolation: isolate;
    display: inline-grid;
    place-content: center;
    clip-path: polygon(0 0,
            100% 0,
            100% 100%,
            var(--edge-size) 100%,
            0 calc(100% - var(--edge-size)));
}

.corner-btn:before {
    content: "";
    position: absolute;
    inset: 0;
    background: var(--primary);
    z-index: -2;
}

.corner-btn:after {
    content: "";
    position: absolute;
    inset: 0;
    background: var(--white);
    z-index: -1;
    clip-path: polygon(var(--border-width) var(--border-width),
            calc(100% - var(--border-width)) var(--border-width),
            calc(100% - var(--border-width)) calc(100% - var(--border-width)),
            calc(var(--edge-size) + var(--border-width) * 0.5) calc(100% - var(--border-width)),
            var(--border-width) calc(100% - calc(var(--edge-size) + var(--border-width) * 0.5)));
}

.corner-btn span {
    color: var(--dark);
    font-size: 20px;
    line-height: 48px;
    font-weight: 900;
    z-index: 11;
    position: relative;
    padding-right: 60px;
    background: url(../images/gray-arrow.png) right center no-repeat;
}

.contact-form .corner-btn span {
    padding-right: 0px;
    background: none;
}

.corner-btn:hover:before {
    background: var(--secondary);
}


.corner-btn-white {
    --edge-size: 25px;
    --border-width: 2px;
    cursor: pointer;
    color: var(--white);
    background: var(--dark);
    width: 100%;
    height: 60px;
    border: 0;
    position: relative;
    isolation: isolate;
    display: inline-grid;
    place-content: center;
    clip-path: polygon(0 0,
            100% 0,
            100% 100%,
            var(--edge-size) 100%,
            0 calc(100% - var(--edge-size)));
}

.corner-btn-white:before {
    content: "";
    position: absolute;
    inset: 0;
    background: var(--white);
    z-index: -2;
}

.corner-btn-white:after {
    content: "";
    position: absolute;
    inset: 0;
    background: var(--dark);
    z-index: -1;
    clip-path: polygon(var(--border-width) var(--border-width),
            calc(100% - var(--border-width)) var(--border-width),
            calc(100% - var(--border-width)) calc(100% - var(--border-width)),
            calc(var(--edge-size) + var(--border-width) * 0.5) calc(100% - var(--border-width)),
            var(--border-width) calc(100% - calc(var(--edge-size) + var(--border-width) * 0.5)));
}

.logo-footer2 {
    position: relative;
    display: inline-block;
    width: 333px;
}

.logo-footer2>img:first-child {
    position: absolute;
    top: 0;
    left: -5px;
}

.logo-footer2>img:nth-child(2) {
    position: absolute;
    top: -5px;
    right: -20px;
}

.logo-footer2>p {
    position: absolute;
    top: 80px;
    color: var(--secondary);
    text-transform: uppercase;
    font-size: 18px;
    right: 0px;
}


@media (min-width: 1600px) {
    .text-block h1 {
        background: url(../images/head-arrow.svg) 0px 16px no-repeat !important;
    }

    .text-block h2,
    .text-block h3 {
        background: url(../images/head-arrow.svg) 0px 10px no-repeat !important;
    }

    .text-block h3,
    .text-block h4,
    .text-block h5,
    h1:not(.item-description),
    h2,
    h3,
    h4,
    h5 {
        background: url(../images/head-arrow.svg) 0px 9px no-repeat;
    }

    .nPreminim h2,
    .popst h2 {
        background-position: 0px 19px;
    }
}

@media (min-width: 1366px) {

    .text-block h1,
    .text-block h3,
    .text-block h4,
    .text-block h5,
    h1:not(.item-description),
    h2,
    h3,
    h4,
    h5 {
        background: url(../images/head-arrow.svg) 0px 50% no-repeat;
        padding-bottom: 0;
    }

    .text-block h2 {
        background: url(../images/head-arrow.svg) 0px 10px no-repeat;
    }

    .nPreminim h2,
    .popst h2 {
        background-position: 0 calc(50% + var(--index) / 4);
    }
}

@media (min-width: 1024px) {
    .mobile {
        display: none;
    }
}

@media (max-width: 1024px) {

    #container,
    #container2 {
        margin: 0 !important;
    }

    .desktop,
    body .breadcrumb {
        display: none;
    }

    .header__inner {
        flex-direction: column;
    }

    .header__logo {
        max-width: calc(100% - 40px);
    }

    .header__info {
        width: 100%;
    }

    .soc {
        text-align: center;
        margin-top: 10px;
    }

    .main-banner .news {
        display: none;
    }

    .main-banner .slogan {
        right: 10%;
    }

    .main-banner .slogan-corner {
        /*        display: none;*/
    }

    .main-banner .slogan-content {
        font-size: 21px;
        right: 20px;
        bottom: -30px;
        left: 20px;
    }

    .main-banner .slogan-content>span {
        margin-top: -70px;
    }

    .section-name {
        min-height: auto;
    }

    .row.fav>div {
        padding-right: 10px;
    }

    .header__menu-icon {
        display: block;
        position: absolute;
        top: 15px;
        right: 10px;
        z-index: 300000;
    }

    .mobile-menu {
        position: absolute;
        z-index: 200000;
        background-color: var(--light);
        width: 100%;
    }

    .mobile-menu ul.top-menu {
        margin: 10px;
        flex-direction: column;
    }

    .mobile-menu ul.top-menu>li {
        /* padding: 15px 0px; */
        border-bottom: 1px solid var(--dark);
    }

    .mobile-menu ul.top-menu>li a {
        margin: 15px 0;
        display: block;
    }

    #title-search {
        display: none;
    }

    .top-submenu {
        left: 0;
        top: 0;
        padding-top: 34px;
        z-index: 350000;
        min-height: 400px;
    }

    .s_m_title {
        display: none;
    }

    .bx-breadcrumb {
        display: none;
    }

    .filter-video {
        padding: 0;
    }

    .filter-video:before,
    .filter-video:after {
        content: "";
    }

    #filter-video {
        width: 100%;
    }

    .main-head {
        font-size: 28px;
        line-height: 32px !important;
        background: url(../images/head-arrow.svg) 0px 5px no-repeat;
    }

    #order-form {
        width: 100% !important;
    }

    .swiper-slide img {
        max-height: 100%;
    }

    .item-detail-picture {
        margin-top: 20px;
    }

    .container-text {
        overflow-x: hidden;
        margin: 0px 10px !important;
    }

    .container-text img {
        max-width: 100%;
        height: auto;
    }

    .label {
        width: 90%;
        margin: -100px 5% 0px !important;
        min-width: auto;
    }

    .label>div {
        margin-bottom: 15px;
    }

    #detail-nav {
        display: none;
    }

    .container-head:after {
        height: 60%;
    }

    .filter-result>span {
        padding: 8px 4px;
    }

    .filter-result {
        font-size: 16px;
    }

    img {
        max-width: 100% !important;
        height: auto !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100%;
    }

    .top-submenu ul>li>a:after {
        right: 0px;
    }

    .container-head>span {
        display: inline-block;
        width: min-content;
    }

    .container-head:after {
        height: calc(50% + 20px);
    }

    .section-row {
        margin: 0 !important;
    }

    .item-description.elem {
        margin-top: 20px;
    }

    body .container .item-execution {
        font-size: 20px;
    }

    body .container .item-execution:after {
        left: 0;
        width: 100%;
    }

    /*#viewport{height:360px!important;}*/
}

@media (max-width: 1200px) {
    .header__inner {
        flex-wrap: wrap;
    }

    .header__info {
        width: 100%;
    }

    #filter-video {
        width: 100%;
        margin-top: 30px;
    }
}

@media (min-width: 576px) and (max-width: 992px) {
    .header__inner {
        flex-direction: row;
        align-items: start;
    }

    .header__logo {
        max-width: calc(20% - 40px);
        margin: 0;
    }

    .header__info {
        width: 80%;
        padding-top: 0;
    }

    .soc {
        text-align: center;
        margin-top: 0;
    }

    .header__menu-icon {
        display: block;
        position: absolute;
        top: 3px;
        right: 10px;
        z-index: 300000;
    }

    .main-banner .slogan {
        right: 60%;
        bottom: 0;
        top: 48%;
    }

    .main-banner .slogan-content {
        font-size: 22px;
        right: 0;
        bottom: 0;
        left: 10px;
        width: 37%;
        line-height: 1;
        top: 45%;
    }

    .main-banner .slogan-content>span {
        margin-top: -22%;
        font-size: 60px;
    }

    .slogan-corner {
        width: 100%;
        height: 80px;
        background: var(--black);
        position: relative;
        margin-bottom: 100px;
    }

    .slogan-corner::after {
        content: "";
        position: absolute;
        top: -80px;
        left: 0;
        border-bottom: 80px solid var(--black);
        border-right: 80px solid transparent;
        width: 100%;
        height: 0;
        z-index: 8;
    }

    .stickers {
        bottom: 15%;
    }

    .sticker>a {
        display: inline-block;
        color: var(--white);
        font-weight: bold;
        line-height: 34px;
        font-size: 15px;
        background-color: var(--secondary);
        border-radius: 0px 7px 7px 0px;
        padding: 10px 5px;
    }

    .sticker.whatsapp a,
    .sticker.telegram a {
        width: 21px;
        height: 21px;
        border-radius: 7px 0px 0px 7px;
        padding: 22px 22px;
    }

    .soc>a.wa2,
    .soc>a.tg2 {
        background-size: 20px;
    }

}

@media (max-width: 500px) {
    .header__inner {
        margin-bottom: 5px;
    }

    .header__info>.row>a.phone {
        font-size: 1.2rem;
    }

    .header__info>.row>.soc>a {
        margin-left: 14px;
        margin-right: 14px;
    }

    .mobile-menu .top-menu li:last-child {
        display: none;
    }

    .filter .filter-name {
        font-size: 13px;
    }

    .slogan,
    .slogan-content {
        /*        display: none;*/
    }

    .main-banner .slogan {
        right: 25%;
        bottom: 0;
        top: 48%;
    }

    .main-banner .slogan-content {
        font-size: 15px;
        right: 0;
        bottom: 0;
        left: 10px;
        width: 65%;
        line-height: 1;
        top: 45%;
    }

    .main-banner .slogan-content>span {
        margin-top: -14%;
        font-size: 32px;
    }

    .slogan-corner {
        width: 100%;
        height: 40px;
        background: var(--black);
        position: relative;
        margin-bottom: 100px;
    }

    .slogan-corner::after {
        content: "";
        position: absolute;
        top: -40px;
        left: 0;
        border-bottom: 40px solid var(--black);
        border-right: 40px solid transparent;
        width: 100%;
        height: 0;
        z-index: 8;
    }

    .main-head {
        background: url(../images/head-arrow.svg) 0px 12px no-repeat;
    }

    h1:not(.item-description) {
        background: url(../images/head-arrow.svg) 0px 7px no-repeat;
    }

    .text-block h1,
    .text-block h2,
    .text-block h3 {
        padding-top: 4px;
    }

    .item-description>h1 {
        font-size: 28px;
        font-weight: bold;
        padding-top: 5px;
    }

    .text-block h2,
    .text-block h3 {
        padding-top: 10px;
    }

    .text-block h3 {
        font-size: calc(1.3rem + 0.6vw);
    }

    .nPreminim h2,
    .popst h2 {
        background-position: 0 9px;
    }
}

@media (max-width: 360px) {

    .header__info .icon-link .email-icon,
    .header__info .icon-link .phone-icon {
        width: 17px;
    }

}

/*------ Forms  ------*/
html.non-scroll {
    overflow: hidden !important;
    margin-right: 17px !important;
}

#overlay_modal {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: #002f40;
    z-index: 999;
    opacity: 0.85;
}

#modals {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999999999999;
    overflow: auto;
    -webkit-transform: translateZ(0px);
    -webkit-overflow-scrolling: touch;
}

[id^="modal_"],
[id^="modal-"] {
    display: none;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 1005;
    padding: 8px;
}

[id^="modal_"] .content,
[id^="modal-"] .content {
    width: 100%;
    height: 100%;
}

#modal_callback_form,
#modal_callback_form2,
#modal_callback_form3 {
    width: 391px;
    height: 440px;
    top: 0;
    bottom: 0;
}

#modal_callback_form form,
#modal_callback_form2 form,
#modal_callback_form3 form {
    padding: 45px 35px;
}

#modals form {
    background: var(--light);
}

#modals form strong {
    display: block;
    font: 700 21px/21px;
    color: #1e1e1e;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 20px;
}

#modals form b {
    display: block;
    font: 700 18px/22px;
    color: #1e1e1e;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: -14px;
}

#modals .time {
    display: block;
    font: 18px/22px;
    color: #1e1e1e;
    padding-left: 23px;
    position: relative;
}

#modals .time:before {
    content: '';
    display: block;
    width: 14px;
    height: 14px;
    position: absolute;
    left: 2px;
    top: 3px;
}

#modals input[type="number"],
#modals input[type="text"],
#modals input[type="email"],
#modals input[type="tel"],
#modals textarea[name="client_message"],
#modals textarea {
    display: block;
    width: 100%;
    background: var(--light);
    font: 18px/22px;
    padding: 15px 0px 5px 0px;
    border: 0;
    border-bottom: 3px solid var(--secondary);
    border-radius: 0;
    margin-bottom: 6px;
    position: relative;
}

#modals input[name="client_name"] {
    background-position: 16px 17px;
}

#modals input[name="client_name"].error {
    background-position: 16px -223px;
}

#modals input[name="client_phone"] {
    background-position: 16px -42px;
}

#modals input[name="client_phone"].error {
    background-position: 16px -282px;
}

#modals input[name="client_mail"] {
    background-position: 16px -110px;
}

#modals input[name="client_mail"].error {
    background-position: 16px -350px;
}

#modals textarea[name="client_message"] {
    height: 100px;
    background-position: 16px -110px;
}

#modals textarea[name="client_message"].error {
    background-position: 16px -350px;
}

#modals input[type="submit"] {
    width: 60%;
    background-color: var(--secondary);
    color: #ffffff;
    padding: 5px 28px;
    margin: 20px 60px 0;
    font-size: 18px;
}

#modals input:hover,
textarea:hover {}

#modals input:focus,
textarea:focus {}

#modal_callback_form_back,
#modal_callback_form_back1,
#modal_callback_form_back3 {
    width: 388px;
    height: 147px;
    top: 0;
    bottom: 0;
}

#modal_callback_form_back form,
#modal_callback_form_back1 form,
#modal_callback_form_back3 form {
    width: 372px;
    float: left;
    padding: 34px;
}

#modals form {
    box-shadow: 0 4px 21px rgba(0, 0, 0, 0.04), 0 1px 4px rgba(0, 0, 0, 0.21);
}

.modal_close {
    width: 20px;
    cursor: pointer;
    height: 20px;
    background: url(/images/close_modal.png) 0 -23px no-repeat;
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 1010;
    opacity: 0.5;
}

.modal_close:hover {
    opacity: 1;
}

.modal_close:active {
    background-position: 0 -46px;
}

#modals .content {
    position: relative;
}

.open_modal_callback,
.open_modal_buy {
    cursor: pointer;


}

.open_modal_callback {
    color: #da7742;
    font-weight: 900;
    font-size: 21px;
    padding-top: 7px !important;
    padding-bottom: 12px !important;
    text-decoration: underline;
}

.open_modal_callback:hover {
    text-decoration: underline;
}

.nPreminim,
.popst {
    display: none;
}

body .item-execution {
    margin: auto;
    text-align: center;
    font-size: 36px;
    margin-top: 20px;
    position: relative;
}

body .item-execution-value {
    background-color: var(--dark);
}

.nPreminim,
.popst {
    display: none;
}

body .item-execution:after {
    content: "";
    position: absolute;
    left: 25%;
    bottom: 0px;
    width: 50%;
    border-bottom: 3px solid var(--dark);
    transform: scale(0);
    transition: transform .3375s cubic-bezier(.05, 1, .8, 1) 0ms;
}

body .item-execution:after {
    animation: move 2s infinite linear;
}

@keyframes move {
    0% {
        transform: scale(0);
    }

    50% {
        transform: scale(1);
    }

    100% {
        transform: scale(0);
    }
}

#modals form strong {
    position: relative;
}

#modals form strong:after {
    content: "";
    position: absolute;
    left: -11%;
    bottom: -20px;
    width: 122.5%;
    border-bottom: 2px solid var(--secondary);
}

.formBl {
    border: 1px solid #ccc;
    padding: 15px;
    margin-top: 40px;
}

#hotspots {
    height: 145px !important;
    top: 40px !important;
}

.stickers {
    position: fixed !important;
    left: auto !important;
    right: 0;
}

.sticker-to-top {
    position: fixed !important;
    left: auto !important;
    right: 0;
}

@media (max-width: 768px) {
    .stickers {
        top: 223px;
        bottom: unset;
    }
}

.show-search-field {
    display: block;
}

.atumsmartsearchpro .atumsmartsearchpro-more {
    text-align: center;
}

ul.top-menu>li:last-child::after {}

.news-wrap a:hover {
    color: #da7742;
}

#pdfCanvas {
    display: flex;
    flex-flow: column;
    height: 615px;
    overflow-y: auto;
    background-color: #e9ecef;
    padding: 20px 0;
}

#pdfCanvas canvas {
    display: flex;
    align-self: center;
    justify-self: center;
    margin: 20px 0;
    box-shadow: 0 0 3px 0 #000, 0 0 0 1px #313131;
}

.visuallyhidden {
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(0px 0px 99.9% 99.9%);
    -webkit-clip-path: inset(0px 0px 99.9% 99.9%);
    clip-path: inset(0px 0px 99.9% 99.9%);
    overflow: hidden;
    height: 1px;
    width: 1px;
    padding: 0;
    border: 0;
}

.intextrow img {
    width: 100%;
    padding: 3rem;
}

.top-submenu .slider-nav {
    animation: blink 1s linear infinite;
}

@keyframes blink {
    0% {
        opacity: 0;
        transition: all ease .2s
    }

    50% {
        opacity: .5;
        transition: all ease .2s
    }

    100% {
        opacity: 1;
        color: #da7742;
        transition: all ease .2s
    }
}


.news.newnov .news-head a:hover {
    color: #da7742 !important;
}

.top-bar {
    display: flex;
    flex-wrap: wrap;
    padding: .5rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: var(--dark);
    /* border-radius: .25rem; */
}

.top-bar .container {
    flex-flow: row;
}

.top-bar a {
    color: #fff;
}

.top-bar a.phone {
    font-weight: 900;
    font-size: 22px;
    line-height: 35px;

}

.top-bar .soc a {
    display: inline-block;
    width: 26px;
    height: 26px;
    margin-left: 14px;
    margin-top: 5px;
}

.top-bar .soc {
    justify-content: space-evenly;
}

.mid-bar .search-field {
    display: flex;
    position: unset;
    flex-flow: row;
    flex: 0 0 auto;
    width: calc(100% - 40px);
}

.mid-bar .search-field>input[type="text"] {
    width: 100%;
    border: 1px solid #da7742;
    transition: all ease .3s;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.top-bar .icon-link .email-icon,
.top-bar .icon-link .phone-icon {
    width: 26px;
}

.mid-bar .atumsmartsearchpro .js-atumsmartsearchpro-submit {
    height: 38px;
    width: 38px;
    margin-left: 0;
    background-color: #de834e;
    background-position-x: 12px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.tag-cloud {
    display: flex;
    flex-flow: column;
    padding: 0 0 1rem;
    background-color: var(--light);
    margin: 10px;
}

.tag-cloud ul {
    display: flex;
    flex-wrap: wrap;
    padding-left: 15px;
}

.tag-cloud ul li {
    margin: 5px 1px 0 .2rem;
    border: 1px solid #bbbdbf;
    border-radius: 3px;
    padding: 0 .4rem 0 1rem;
    position: relative;
}

.tag-cloud ul li::before {
    position: absolute;
    content: '#';
    top: 0;
    left: 4px;
    color: #bbbdbf;
}

.section-item.item h3.section-name,
.section-item.item div.section-name {
    background: none;
    padding-left: 0;
    padding-bottom: 0;
    line-height: .5;
}

.section-item.item h3 .text-small,
.section-item.item div .text-small {
    font-size: 11px;
    line-height: 11px;
    text-transform: uppercase;
}

.down-ico {
    width: 40px;
}

.policys div {
    color: #797979;
    font-size: .7rem;
}

.policys a {
    color: #b7b7b7;
}

.form-check div:not(.invalid-feedback) {
    font-size: .8rem;
    line-height: 1;
    color: #757575;
}

.form-check {
    margin-top: .7rem;
}

.was-validated .form-check-input:invalid~.form-check-label,
.was-validated .form-check-input:invalid~.form-check-label div,
.form-check-input.is-invalid~.form-check-label {
    color: #dc3545 !important;
}

.was-validated .form-control:invalid,
.form-control.is-invalid {
    border-color: #dc3545 !important;
}

.form-check-input:checked {
    background-color: #da7742;
    border-color: #da7742;
}

.en ul.item-detail-nav li {
    min-width: calc(100% / 7);
}

.en .section-item .item-prop>span:nth-child(2),
.kz .section-item .item-prop>span:nth-child(2),
.by .section-item .item-prop>span:nth-child(2) {
    font-size: 16px;
}

.by ul.item-detail-nav li a {
    min-width: calc(100% / 7);
    padding: 12px 10px;
}

.kz ul.item-detail-nav li a {
    min-width: calc(100% / 7);
    padding: 12px 13px;
    font-size: 1.05rem;
}

.en .slogan-content .digit {
    font-size: 121px;
}

.kz .how-to-get {
    font-size: 13px;
    font-weight: bolder;
}

.section-img img {
    max-width: 335px;
}

@media (min-width: 993px) and (max-width: 1220px) {
    .top-bar .contact-sec {
        width: 50% !important;
    }

    .top-bar .soc {
        width: unset !important;
    }
}


@media (min-width: 576px) and (max-width: 992px) {
    .top-bar .contact-sec {
        width: 70% !important;
    }

    .top-bar .soc {
        width: 30% !important;
    }

    .header__logo img {
        width: 95%;
    }

    .header__info .mid-bar {
        width: 97%;
    }
}

@media (max-width: 500px) {
    .top-bar {
        padding: .2rem;
    }

    .top-bar a.phone {
        font-size: 1rem;
    }

    .top-bar .container {
        flex-flow: column;
    }

    .top-bar .soc {
        flex-flow: row;
        display: flex;
        /* width: 40%; */
        justify-content: space-evenly;
        margin-top: .5rem;
    }

    .top-bar .soc a {
        display: inline-block;
        width: 26px;
        height: 26px;
        margin: 0;
    }

    #title-search {
        display: block;
    }

    .mid-bar .search-field {
        width: calc(100% - 40px);
    }

    .tag-cloud ul li {
        font-size: 12px;
    }

    .search .section-item.searchresult-infocard .item-prop {
        background-color: var(--light);
        width: 100%;
    }

    #copyLink {
        font-size: 12px;
    }

    .param-table .param-row {
        font-size: 15px;
    }

}

.lang-dropdown-wrapper {
    position: relative;
    display: flex;
    width: 74px;
    align-items: center;
}

.lang-toggle {
    display: flex;
    align-items: center;
    cursor: pointer;
    font-size: 14px;
    color: var(--light);
}

.lang-toggle .flag {
    margin-right: 6px;

}

.lang-toggle .arrow {
    margin-left: 8px;
    font-size: 10px;
    transition: all ease .4s;
}

.lang-toggle .arrow svg {
    width: 10px;
}

.lang-toggle img,
#langMenu img {
    width: 20px;
}

.lang-toggle .arrow.rotate {
    transform: scaleY(-1);
    transition: all ease .4s;
}

.lang-menu {
    position: absolute;
    top: 100%;
    margin-top: 2px;
    background: white;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
    list-style: none;
    display: none;
    width: 56px;
    z-index: 100000;
}

.lang-menu li {
    padding: 1px 4px;
    font-size: 12px;
}

.lang-menu li a {
    text-decoration: none;
    margin: 0 !important;
    color: var(--primary);
    display: flex !important;
    align-items: center;
}

.lang-menu li .flag {
    margin-right: 6px;
    font-size: 18px;
}

.lang-menu li:hover {
    background-color: var(--light);
}

.lang-menu li.disabled {
    color: var(--light);
    cursor: default;
    background-color: var(--secondary);
}