html,body{
    font-size: 16px;
    line-height: 1.3;
}
body{
    margin: 0;
    font-family: 'Roboto', sans-serif;
    color: #474a51;
}
body *{
    box-sizing: border-box;
}
.container{
    width: 960px;
    margin: 0 auto;
}
.container:before,
.container:after{
    display: none;
}
h1{
    margin: 0 0 15px;
}
h2,
.h2{
    font-family: Montserrat, sans-serif;
    font-size: 30px;
    margin: 0;
    margin-bottom: 25px;
    font-weight: bold;
}
h3,
.h3{
    font-size: 24px;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}
a {
    color: #bb1e10;
    text-decoration: underline;
}
a:hover{
    color: #bb1e10;
    text-decoration: none;
}
p{
    margin-top: 0;
    margin-bottom: 15px;
}
.btn{
    display: inline-block;
    padding: 10px 35px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    text-align: center;
    color: #000;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 500;
    background: transparent;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    cursor: pointer;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}
.btn:hover{
    border: 1px solid #bd0a1d;
    color: #fff;
    background: #bd0a1d;
}
.btn.red{
    background: #bd0a1d;
    color: #fff;
}
.btn.red:hover{
    background: transparent;
    color: #000;
}
.btn-block {
    display: block;
    width: 100%;
}
img{
    max-width: 100%;
    height: auto;
}
.hidden {
    display: none!important;
}
input, button, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
input[type="checkbox"] {
    cursor: pointer;
}
button {
    cursor: pointer;
}
.form-required {
    color: red;
}
.error-fld {
    display: block;
    float: left;
    height: 13px;
    width: 15px;
    background-repeat: no-repeat;
    background-image: url(images/icon_warn.gif);
}
.consent {
    font-size: 13px;
    margin: 15px 0;
}
.consent .consent-checkbox,
.consent .consent-label {
    vertical-align: middle;
}


header .contacts,
header .contacts div[id^="bx_incl_area"] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 20px;
    padding: 5px 0;
}
header .contacts p {
padding-bottom: 0;
margin-bottom: 0;
}
header .contacts .mail{
    /*margin-right: auto;*/
}
header .contacts .mail:before{
    content:"";
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIxNS4yNSIgdmlld0JveD0iMCAwIDIwIDE1LjI1IiBpZD0ic3ZnLTEiPgogIDxkZWZzIGlkPSJkZWZzLTIiPgogICAgPHN0eWxlIGlkPSJzdHlsZS0zIj4KCS5jbHMtMSB7IGZpbGwtcnVsZTogZXZlbm9kZDsgfQo8L3N0eWxlPgogIDwvZGVmcz4KICA8cGF0aCBpZD0ibWFpbC5zdmciIGNsYXNzPSJjbHMtMSIgZD0iTTQ1MSwxMDkyLjAxbC0xNCwuMDNhMy4wMywzLjAzLDAsMCwxLTMtMy4wNXYtOS4xNmEzLjAzMiwzLjAzMiwwLDAsMSwzLTMuMDZoMTRhMy4wMzIsMy4wMzIsMCwwLDEsMywzLjA2djkuMThBMy4wMDYsMy4wMDYsMCwwLDEsNDUxLDEwOTIuMDFabS0xMy4zNzQtMTMuMiw1Ljg5LDUuODRhMC43LDAuNywwLDAsMCwuOTY3LDBsNi4wMjMtNS44NGgtMTIuODhaTTQ1MiwxMDgwLjE3bC02LjEyOCw1Ljk1YTIuNjg2LDIuNjg2LDAsMCwxLTMuNzU1LS4wMUw0MzYsMTA4MC4wNHY4Ljk1YTEsMSwwLDAsMCwxLDEuMDFsMTQsMC4wMWExLDEsMCwwLDAsMS0xdi04Ljg0WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQzNCAtMTA3Ni43OCkiIGZpbGw9IiNmZmZmZmYiIGZpbGwtb3BhY2l0eT0iMSIgdHlwZT0ic29saWRDb2xvciI+PC9wYXRoPgo8L3N2Zz4=") left 50% top 50% / 15px no-repeat rgba(64, 64, 64);
    width: 30px;
    height: 30px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    border-radius: 40px;
}
header .contacts .phone:before{
    content:"";
    background: url("data:image/svg+xml;base64,CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+CiAgPGRlZnM+CiAgICA8c3R5bGU+CiAgICAgIC5jbHMtMSB7CiAgICAgICAgZmlsbDogI2ZmZjsKICAgICAgICBmaWxsLXJ1bGU6IGV2ZW5vZGQ7CiAgICAgIH0KICAgIDwvc3R5bGU+CiAgPC9kZWZzPgogIDxwYXRoIGlkPSJ0ZWwuc3ZnIiBjbGFzcz0iY2xzLTEiIGQ9Ik0zODMsMTA5Nmg0YTMuMDA2LDMuMDA2LDAsMCwwLDMtM3YtNGExLjkzMywxLjkzMywwLDAsMC0uNTMxLTEuNDMsMi45NjEsMi45NjEsMCwwLDAtMi4yMTItLjU3aC00LjUxM2EyLjkxNiwyLjkxNiwwLDAsMC0yLjIxMi41NywxLjkyNiwxLjkyNiwwLDAsMC0uNTI2LDEuMzYsOCw4LDAsMCwxLTYuOTM3LTYuOTQsMS44NzcsMS44NzcsMCwwLDAsMS4zNTctLjUyLDIuOSwyLjksMCwwLDAsLjU3Ni0yLjIxdi00LjUyYTIuOSwyLjksMCwwLDAtLjU3Ni0yLjIxQTEuOTM1LDEuOTM1LDAsMCwwLDM3MywxMDcyaC00YTMuMDA2LDMuMDA2LDAsMCwwLTMsM3Y0QTE3LjAyMSwxNy4wMjEsMCwwLDAsMzgzLDEwOTZabS0xNS0yMHYtMWExLDEsMCwwLDEsMS0xaDMuOTgyYTYuNTcsNi41NywwLDAsMSwuMDE5LjczdjQuNTRhNi41Nyw2LjU3LDAsMCwxLS4wMTkuNzNIMzcxdjFhMTAuMDE0LDEwLjAxNCwwLDAsMCwxMCwxMGgxdi0xLjk4YTUuNzA2LDUuNzA2LDAsMCwxLC43MjgtMC4wMmg0LjU0NWMwLjIyNSwwLC41MzksMCwwLjcyNy4wMlYxMDkzYTEsMSwwLDAsMS0xLDFoLTRhMTUuMDE3LDE1LjAxNywwLDAsMS0xNS0xNXYtM1ptMTAuNS00djJhOS41MDksOS41MDksMCwwLDEsOS41LDkuNWgyQTExLjUxNCwxMS41MTQsMCwwLDAsMzc4LjUsMTA3MlptNC41LDExLjVoMmE2LjUxLDYuNTEsMCwwLDAtNi41LTYuNXYyQTQuNTA1LDQuNTA1LDAsMCwxLDM4MywxMDgzLjVaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzY2IC0xMDcyKSIvPgo8L3N2Zz4K") left 50% top 50% / 17px no-repeat rgba(64, 64, 64);
    width: 30px;
    height: 30px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    border-radius: 40px;
}

header .navigation {
    background-color: #303030;
}
header .info {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    text-decoration: none;
    padding-top: 10px;
    padding-bottom: 10px;
    max-width: 100%;
}
header .info .logo{
    width: 130px;
}
header .logo-link {
    display: inline-block;
}
.contents{
    background: #f9f9fb;
    background-color: rgb(249, 249, 251);
}
.contents > .title{
    padding: 120px 20px 30px;
    margin: 0;
    border: none;
    position: relative;
    top: 0;
    left: 0;
    width: auto;
    min-height: 300px;
    background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(images/pic3.jpg) left 50% top 50% / cover no-repeat;
    z-index: 1;
    text-align: center;
    right: 0;
    -webkit-border-radius: none;
    -moz-border-radius: none;
    border-radius: none;
    display: block;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    font-family: Roboto, sans-serif;
    text-decoration: none;
}
.contents > .title h1{
    font-family: Montserrat, sans-serif;
    text-align: center;
    color: #ffffff;
    font-size: 30px;
    text-decoration: none;
    box-sizing: border-box;
    font-weight: 600;
    text-transform: uppercase;
}
.contents .breadcrumb .breadcrumb-item{
    margin-right: 3px;
}
.contents .content{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    text-align: left;
}
.contents .content .content-left{
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 240px;
    -moz-box-flex: 0;
    -moz-flex: 0 0 240px;
    -ms-flex: 0 0 240px;
    flex: 0 0 240px;
    padding: 0 20px 0 0;
}
.contents .content .content-right{
    width: 100%;
}
.main_page .contents .catalog{
    padding-top: 80px;
    padding-bottom: 100px;
    display: block;
    border: none;
    position: relative;
    background: url(./images/element.png) right -20px bottom -708px / 423px no-repeat, url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5MTkiIGhlaWdodD0iOTE5LjAzMSIgdmlld0JveD0iMCAwIDkxOSA5MTkuMDMxIiBpZD0ic3ZnLTEiPgogIDxkZWZzIGlkPSJkZWZzLTIiPgogICAgPHN0eWxlIGlkPSJzdHlsZS0zIj4KCS5jbHMtMSB7IGZpbGwtcnVsZTogZXZlbm9kZDsgfQo8L3N0eWxlPgogIDwvZGVmcz4KICA8cGF0aCBpZD0icm9tYi5zdmciIGNsYXNzPSJjbHMtMSIgZD0iTTExNDYuNDksMTgzMi4wMUw2ODcsMTM3Mi40OSwxMTQ2LjQ5LDkxMi45NzhsNDU5LjUsNDU5LjUxMloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02ODcgLTkxMi45NjkpIiBmaWxsPSIjZmZmZmZmIiBmaWxsLW9wYWNpdHk9IjEiIHR5cGU9InNvbGlkQ29sb3IiPjwvcGF0aD4KPC9zdmc+) right -492px bottom -492px / auto auto no-repeat #d8d8d9;
    text-align: center;
    -webkit-border-radius: none;
    -moz-border-radius: none;
    border-radius: none;
}
.main_page .contents .about{
    margin: 0;
    border: none;
    position: relative;
    top: 0;
    left: 0;
    width: auto;
    min-height: 800px;
    max-width: 100%;
    background: url(./images/el2.png) left -157px bottom 0px / 458px no-repeat, url(./images/element.png) right -20px top -90px / 423px no-repeat, url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5MTkiIGhlaWdodD0iOTE5LjAzMSIgdmlld0JveD0iMCAwIDkxOSA5MTkuMDMxIiBpZD0ic3ZnLTEiPgogIDxkZWZzIGlkPSJkZWZzLTIiPgogICAgPHN0eWxlIGlkPSJzdHlsZS0zIj4KCS5jbHMtMSB7IGZpbGwtcnVsZTogZXZlbm9kZDsgfQo8L3N0eWxlPgogIDwvZGVmcz4KICA8cGF0aCBpZD0icm9tYi5zdmciIGNsYXNzPSJjbHMtMSIgZD0iTTExNDYuNDksMTgzMi4wMUw2ODcsMTM3Mi40OSwxMTQ2LjQ5LDkxMi45NzhsNDU5LjUsNDU5LjUxMloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02ODcgLTkxMi45NjkpIiBmaWxsPSIjZDhkOGQ5IiBmaWxsLW9wYWNpdHk9IjEiIHR5cGU9InNvbGlkQ29sb3IiPjwvcGF0aD4KPC9zdmc+) right -492px bottom -492px / auto auto no-repeat, url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5MTkiIGhlaWdodD0iOTE5LjAzMSIgdmlld0JveD0iMCAwIDkxOSA5MTkuMDMxIiBpZD0ic3ZnLTEiPgogIDxkZWZzIGlkPSJkZWZzLTIiPgogICAgPHN0eWxlIGlkPSJzdHlsZS0zIj4KCS5jbHMtMSB7IGZpbGwtcnVsZTogZXZlbm9kZDsgfQo8L3N0eWxlPgogIDwvZGVmcz4KICA8cGF0aCBpZD0icm9tYi5zdmciIGNsYXNzPSJjbHMtMSIgZD0iTTExNDYuNDksMTgzMi4wMUw2ODcsMTM3Mi40OSwxMTQ2LjQ5LDkxMi45NzhsNDU5LjUsNDU5LjUxMloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02ODcgLTkxMi45NjkpIiBmaWxsPSIjZDhkOGQ5IiBmaWxsLW9wYWNpdHk9IjEiIHR5cGU9InNvbGlkQ29sb3IiPjwvcGF0aD4KPC9zdmc+) left -492px top -492px / auto auto no-repeat, linear-gradient(to top, #f9f9fb 0%, #f9f9fb 40%, #fff 100%);
    z-index: 4;
    text-align: left;
    right: 0;
    display: block;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    padding-top: 130px;
    padding-bottom: 100px;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-border-radius: none;
    -moz-border-radius: none;
    border-radius: none;
}
.main_page .contents .about .about_content{
    display: -webkit-flex;
    display: flex;
    flex-flow: row nowrap;
    position: relative;
}
.main_page .contents .about .about_content .column1{
    line-height: 1.6;
}
.main_page .contents .about .about_content .column1 .more{
    margin-top: 30px;
}
.main_page .contents .about .about_content .column2{
    width: 100%;
    margin-left: 60px;
    flex: 0 0 400px;
}
.main_page .contents .about .about_content .number1{
    width: 100%;
    margin-top: 20px;
}
.main_page .contents .about .about_content .number1 .title{
    font-size: 22px;
    text-align: left;
    color: #bd0a1d;
    line-height: 1;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: bold;
}
.main_page .contents .about .about_content .number1 .bottom{
    display: grid;
    flex-direction: row;
    grid-template-columns: max-content auto;
    grid-gap: 0 30px;
    align-items: center;
}
.main_page .contents .about .about_content .number1 .label{
    color: #bd0a1d;
    font-size: 120px;
    font-family: Montserrat, sans-serif;
    font-weight: bold;
    grid-row-start: 1;
    grid-row-end: 3;
    text-align: left;
    width: 100%;
    line-height: 1;
}
.main_page .contents .about .about_content .number2{
    display: -webkit-flex;
    display: flex;
    flex-flow: row nowrap;
    gap: 10px;
    margin-top: 45px;
}
.main_page .contents .about .about_content .number2 .item .title{
    font-weight: bold;
    margin-bottom: 9px;
    font-family: Montserrat, sans-serif;
    color: #bd0a1d;
    line-height: 1;
    font-size: 42px;
}
.main_page .contents .about .about_content .number2 .item .text{
    font-size: 13px;
    font-weight: normal;
    text-transform: uppercase;
}
.main_page .contents .about .about_image{
    margin-top: 20px;
}
.main_page .contents .about .why_content{
    margin-top: 80px;
}
.main_page .contents .about .why_content h2{
    padding: 30px 70px 30px 40px;
    margin-bottom: 15px;
    display: -webkit-flex;
    display: flex;
    font-family: Montserrat, sans-serif;
    color: #bd0a1d;
    font-size: 25px;
    width: 300px;
    background: #d8d8d9;
    font-weight: bold;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    min-height: 300px;
}
.main_page .contents .about .why_content .list{
    margin-left: 260px;
    margin-top: -260px;
    -webkit-border-radius: none;
    -moz-border-radius: none;
    border-radius: none;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}
.main_page .contents .about .why_content .list .item{
    padding: 40px 30px;
    margin: 0 -1px -1px 0;
    border: 1px solid #fff;
    background: #303030;
}
.main_page .contents .about .why_content .list .item img{
    margin-bottom: 30px;
}
.main_page .contents .about .why_content .list .item .title{
    margin-bottom: 13px;
    color: #fff;
    font-size: 17px;
    display: block;
}
.main_page .contents .news{
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5MTkiIGhlaWdodD0iOTE5LjAzMSIgdmlld0JveD0iMCAwIDkxOSA5MTkuMDMxIiBpZD0ic3ZnLTEiPgogIDxkZWZzIGlkPSJkZWZzLTIiPgogICAgPHN0eWxlIGlkPSJzdHlsZS0zIj4KCS5jbHMtMSB7IGZpbGwtcnVsZTogZXZlbm9kZDsgfQo8L3N0eWxlPgogIDwvZGVmcz4KICA8cGF0aCBpZD0icm9tYi5zdmciIGNsYXNzPSJjbHMtMSIgZD0iTTExNDYuNDksMTgzMi4wMUw2ODcsMTM3Mi40OSwxMTQ2LjQ5LDkxMi45NzhsNDU5LjUsNDU5LjUxMloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02ODcgLTkxMi45NjkpIiBmaWxsPSIjZjlmOWZiIiBmaWxsLW9wYWNpdHk9IjEiIHR5cGU9InNvbGlkQ29sb3IiPjwvcGF0aD4KPC9zdmc+) left -492px top -492px / auto auto no-repeat #d8d8d9;
    padding-top: 100px;
    padding-bottom: 100px;
}

footer{
    position: relative;
    min-height: 307px;
    background: repeating-linear-gradient(to bottom right, rgba(48, 48, 48, 0.5) 0%, rgba(48, 48, 48, 0.5) 100%), url(./images/el2-l.png) left -28px bottom -490px / 505px no-repeat, url(./images/light-el.png) right -212px top -255px / 533px no-repeat #303030;
    color: #fff;
    -webkit-border-radius: none;
    -moz-border-radius: none;
    border-radius: none;
    padding-top: 40px;
    padding-bottom: 40px;
    text-decoration: none;
}
footer a{
    color: #fff;
}
footer > .row + .row{
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding-top: 30px;
    margin-top: 30px;
}
footer .site{
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
}
footer .site .up{
    cursor: pointer;
    color: rgba(255, 255, 255, 0.7);
    text-align: left;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: bold;
}
footer .site .up i{
    border: none;
    box-sizing: border-box;
    margin-top: 0;
    height: 20px;
    width: 34px;
    display: inline-block;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCIgd2lkdGg9IjM1NSIgaGVpZ2h0PSIyMjkiIHZpZXdCb3g9IjAgMCAzNTUgMjI5IiBpZD0ic3ZnLTEiPgogIDxkZWZzIGlkPSJkZWZzLTIiPgogICAgPHN0eWxlIGlkPSJzdHlsZS0zIj4KCS5jbHMtMSB7IGZpbGwtcnVsZTogZXZlbm9kZDsgfQo8L3N0eWxlPgogIDwvZGVmcz4KICA8cGF0aCBkPSJNMzU1LjAwNSwxNzguNDEwIEwxNzcuNDk5LC0wLjAwMiBMLTAuMDA2LDE3OC40MTAgTDQ5LjYzNywyMjkuMDAyIEwxNzcuNDk5LDEwMC40ODYgTDMwNS4zNjIsMjI5LjAwMiBMMzU1LjAwNSwxNzguNDEwIFoiIGNsYXNzPSJjbHMtMSIgZmlsbD0iIzMwMzAzMCIgZmlsbC1vcGFjaXR5PSIxIiBpZD0icGF0aC00IiB0eXBlPSJzb2xpZENvbG9yIj48L3BhdGg+Cjwvc3ZnPg==) left 50% top calc(50% - 1px) / 18px no-repeat #fff;
    text-align: left;
    margin-left: 0;
    margin-right: auto;
    min-height: 34px;
    padding-top: 17px;
    -webkit-border-radius: 250px;
    -moz-border-radius: 250px;
    border-radius: 250px;
    vertical-align: middle;
    margin-right: 15px;
}
footer .site .warning{
    color: rgba(255, 255, 255, 0.6);
    font-size: 13px;
}
footer .info{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    align-items: baseline;
    gap: 50px;
}
footer .info .copyright{
    font-size: 12px;
}
footer .info .title{
    display: block;
    color: #ffffff80;
}
footer .info > div{
    position: relative;
    padding-right: 20px;
}
footer .info .phone:before{
    content:"";
    background: url("data:image/svg+xml;base64,CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+CiAgPGRlZnM+CiAgICA8c3R5bGU+CiAgICAgIC5jbHMtMSB7CiAgICAgICAgZmlsbDogI2ZmZjsKICAgICAgICBmaWxsLXJ1bGU6IGV2ZW5vZGQ7CiAgICAgIH0KICAgIDwvc3R5bGU+CiAgPC9kZWZzPgogIDxwYXRoIGlkPSJ0ZWwuc3ZnIiBjbGFzcz0iY2xzLTEiIGQ9Ik0zODMsMTA5Nmg0YTMuMDA2LDMuMDA2LDAsMCwwLDMtM3YtNGExLjkzMywxLjkzMywwLDAsMC0uNTMxLTEuNDMsMi45NjEsMi45NjEsMCwwLDAtMi4yMTItLjU3aC00LjUxM2EyLjkxNiwyLjkxNiwwLDAsMC0yLjIxMi41NywxLjkyNiwxLjkyNiwwLDAsMC0uNTI2LDEuMzYsOCw4LDAsMCwxLTYuOTM3LTYuOTQsMS44NzcsMS44NzcsMCwwLDAsMS4zNTctLjUyLDIuOSwyLjksMCwwLDAsLjU3Ni0yLjIxdi00LjUyYTIuOSwyLjksMCwwLDAtLjU3Ni0yLjIxQTEuOTM1LDEuOTM1LDAsMCwwLDM3MywxMDcyaC00YTMuMDA2LDMuMDA2LDAsMCwwLTMsM3Y0QTE3LjAyMSwxNy4wMjEsMCwwLDAsMzgzLDEwOTZabS0xNS0yMHYtMWExLDEsMCwwLDEsMS0xaDMuOTgyYTYuNTcsNi41NywwLDAsMSwuMDE5LjczdjQuNTRhNi41Nyw2LjU3LDAsMCwxLS4wMTkuNzNIMzcxdjFhMTAuMDE0LDEwLjAxNCwwLDAsMCwxMCwxMGgxdi0xLjk4YTUuNzA2LDUuNzA2LDAsMCwxLC43MjgtMC4wMmg0LjU0NWMwLjIyNSwwLC41MzksMCwwLjcyNy4wMlYxMDkzYTEsMSwwLDAsMS0xLDFoLTRhMTUuMDE3LDE1LjAxNywwLDAsMS0xNS0xNXYtM1ptMTAuNS00djJhOS41MDksOS41MDksMCwwLDEsOS41LDkuNWgyQTExLjUxNCwxMS41MTQsMCwwLDAsMzc4LjUsMTA3MlptNC41LDExLjVoMmE2LjUxLDYuNTEsMCwwLDAtNi41LTYuNXYyQTQuNTA1LDQuNTA1LDAsMCwxLDM4MywxMDgzLjVaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzY2IC0xMDcyKSIvPgo8L3N2Zz4K") left 50% top 50% / 17px no-repeat rgba(255, 255, 255, 0.08);
    width: 40px;
    height: 40px;
    display: inline-block;
    position: absolute;
    left: -50px;
    border-radius: 40px;
}
footer .info .email:before{
    content:"";
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIxNS4yNSIgdmlld0JveD0iMCAwIDIwIDE1LjI1IiBpZD0ic3ZnLTEiPgogIDxkZWZzIGlkPSJkZWZzLTIiPgogICAgPHN0eWxlIGlkPSJzdHlsZS0zIj4KCS5jbHMtMSB7IGZpbGwtcnVsZTogZXZlbm9kZDsgfQo8L3N0eWxlPgogIDwvZGVmcz4KICA8cGF0aCBpZD0ibWFpbC5zdmciIGNsYXNzPSJjbHMtMSIgZD0iTTQ1MSwxMDkyLjAxbC0xNCwuMDNhMy4wMywzLjAzLDAsMCwxLTMtMy4wNXYtOS4xNmEzLjAzMiwzLjAzMiwwLDAsMSwzLTMuMDZoMTRhMy4wMzIsMy4wMzIsMCwwLDEsMywzLjA2djkuMThBMy4wMDYsMy4wMDYsMCwwLDEsNDUxLDEwOTIuMDFabS0xMy4zNzQtMTMuMiw1Ljg5LDUuODRhMC43LDAuNywwLDAsMCwuOTY3LDBsNi4wMjMtNS44NGgtMTIuODhaTTQ1MiwxMDgwLjE3bC02LjEyOCw1Ljk1YTIuNjg2LDIuNjg2LDAsMCwxLTMuNzU1LS4wMUw0MzYsMTA4MC4wNHY4Ljk1YTEsMSwwLDAsMCwxLDEuMDFsMTQsMC4wMWExLDEsMCwwLDAsMS0xdi04Ljg0WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQzNCAtMTA3Ni43OCkiIGZpbGw9IiNmZmZmZmYiIGZpbGwtb3BhY2l0eT0iMSIgdHlwZT0ic29saWRDb2xvciI+PC9wYXRoPgo8L3N2Zz4=") left 50% top 50% / 15px no-repeat rgba(255, 255, 255, 0.08);
    width: 40px;
    height: 40px;
    display: inline-block;
    position: absolute;
    left: -50px;
    border-radius: 40px;
}
footer .info .address:before{
    content:"";
    background: url(data:image/svg+xml;base64,CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iNjYiIGhlaWdodD0iOTIiIHZpZXdCb3g9IjAgMCA2NiA5MiIgaWQ9InN2Zy0xIj48ZGVmcyBpZD0iZGVmcy0yIj48c3R5bGUgaWQ9InN0eWxlLTMiPgoJLmNscy0xIHsgZmlsbC1ydWxlOiBldmVub2RkOyB9Cjwvc3R5bGU+PC9kZWZzPjxwYXRoIGlkPSJsb2NhdGlvbi5zdmciIGNsYXNzPSJjbHMtMSIgZD0iTTIyMi40NDkgMTkuOTM4QzIxNi43MDUgMTQuODE5IDIwOC43MzIgMTIgMmUyIDEycy0xNi43MDUgMi44MTktMjIuNDQ5IDcuOTM4QzE3MC42NDggMjYuMDg5IDE2NyAzNS40NDEgMTY3IDQ2Ljk4MWMwIDI1LjEzOCAyOC45MjkgNTQuNTk0IDMwLjE2IDU1LjgzNmE0IDQgMCAwIDAgNS42OC4wYzEuMjMxLTEuMjQyIDMwLjE2LTMwLjcgMzAuMTYtNTUuODM2QzIzMyAzNS40NDEgMjI5LjM1MiAyNi4wODkgMjIyLjQ0OSAxOS45Mzh6TTJlMiA5NC4xMzVBMTU0LjUgMTU0LjUuMCAwIDEgMTg4Ljc2OSA4MC4xQzE3OS43NjEgNjcuMzI4IDE3NSA1NS44NzUgMTc1IDQ2Ljk4MSAxNzUgMjEuOTQ2IDE5NC4xMzUgMjAgMmUyIDIwYzIzLjIuMCAyNSAyMC42NTIgMjUgMjYuOTgxQzIyNSA2NC41ODkgMjA3LjA4NyA4Ni4yNTIgMmUyIDk0LjEzNXptMC02NC44ODNhMTYuMTc1IDE2LjE3NS4wIDEgMCAxNS45MjIgMTYuMTczQTE2LjA2NiAxNi4wNjYuMCAwIDAgMmUyIDI5LjI1M3pNMmUyIDU0LjZhOS4xNzYgOS4xNzYuMCAxIDEgOC45MjItOS4xNzNBOS4wNTkgOS4wNTkuMCAwIDEgMmUyIDU0LjZ6IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTY3IC0xMikiIGZpbGw9IiNmZmZmZmYiIGZpbGwtb3BhY2l0eT0iMSIgdHlwZT0ic29saWRDb2xvciI+PC9wYXRoPjwvc3ZnPg==) left 50% top 50% / 13px no-repeat rgba(255, 255, 255, 0.08);
    width: 40px;
    height: 40px;
    display: inline-block;
    position: absolute;
    left: -50px;
    border-radius: 40px;
}
.slick-dots{
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 15px;
}
.slick-dots li{
    margin: 0 9px;
}
.slick-dots li button{
    text-indent: -9999px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: block;
    width: 10px;
    height: 10px;
    border: 1px solid #d9d9d9;
    background-color: #fff;
    outline: none;
    padding: 0;
}
.slick-dots li button:hover{
    border-color: #222;
}
.slick-dots li.slick-active button{
    background-color: #bd0a1d;
    border-color: #bd0a1d;
}
.slick-arrow {
    width: 50px;
    height: 50px;
    margin-top: -25px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    display: block;
    z-index: 1;
    cursor: pointer;
    border-radius: 50%;
    font-size: 0;
    color: transparent;
    background: #fff url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20baseProfile%3D%22full%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3Aev%3D%22http%3A%2F%2Fwww.w3.org%2F2001%2Fxml-events%22%20xml%3Aspace%3D%22preserve%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2220px%22%20height%3D%227px%22%20%20viewBox%3D%220%200%2020%207%22%20preserveAspectRatio%3D%22none%22%20shape-rendering%3D%22geometricPrecision%22%3E%3Cpath%20fill%3D%22%23222%22%20d%3D%22M65%201250.5l-5%203.5v-7zm-20-1h15v2H45z%22%20transform%3D%22translate%28-45%20-1247%29%22%20%2F%3E%3C%2Fsvg%3E") no-repeat center center;
    border: none;
}
.slick-prev {
    left: 30px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    background-position: 50% 49%;
    box-shadow: 0 -1px 5px 0px rgba(0, 0, 0, 0.2);
}
.slick-next {
    right: 30px;
    box-shadow: 0 1px 5px 0px rgba(0, 0, 0, 0.2);
}

.cookie-message-wrap{
    position: fixed;
    z-index: 9999;
    left: 0;
    right: 0;
    bottom: 64px;
    display: none;
    justify-content: center;
}
.cookie-message-wrap a {
    color: #212121;
}
.cookie-message-wrap .cookie-message{
    display: flex;
    align-items: center;
    background: #fff;
    border: 1px solid #d6d6d6;
    box-sizing: border-box;
    box-shadow: 2px 2px 18px rgba(0, 0, 0, .14);
    border-radius: 8px;
    max-width: 1664px;
    padding: 32px;
    margin: 0 32px;
}
.cookie-message-wrap .cookie-message .cookie-message__text{
    font-family: Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    align-items: center;
    color: #212121;
}
.cookie-message-wrap .cookie-message .cookie-message__btn{
    margin-left: 32px;
    white-space: nowrap;
}
.cookie-message-wrap .cookie-message .cookie-message__btn .g-button{
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    padding: 7px 19px;
    cursor: pointer;
    text-decoration: none;
    color: #fff;
    border: .07143em solid rgba(0, 0, 0, .1);
    border-radius: .28571em;
    outline: 0;
    background-color: #f06354;
    background-image: linear-gradient(-180deg, #f6a39a 0, #f06354 100%);
    box-shadow: 0 .07143em .07143em 0 rgba(0, 0, 0, .2);
    text-shadow: 0 1px 1px rgba(0, 0, 0, .2);
    font-size: 14px;
    font-weight: bold;
    line-height: 1.2;
    height: auto;
}
.cookie-message-wrap .cookie-message .cookie-message__btn .g-button:hover{
    color: #fff;
    background: #f06354;
    box-shadow: 0 .07143em .07143em 0 rgba(0, 0, 0, .2);
}
.gallery-wrapper{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 5px;
}
a.gallery > img:hover{
    cursor: zoom-in;
}
@media (min-width: 1281px){
    .container{
        width: 1100px;
    }
}
@media (max-width: 1156px){
    .container{
        width: calc(100vw - 50px);
    }
}
@media (min-width: 1157px) {
    header .navigation {
        background: 
            url(images/header-bg-left.png) left center no-repeat,
            url(images/header-bg-right.png) right center no-repeat,
            #303030;
    }
}

    header{
        position: sticky;
        top: 0;
        width: 100%;
        z-index: 990;
        background: #fff;
    }

@media (max-width: 1024px){
    /*header .info{
        display: grid;
        grid-template-columns: auto auto;
    }
    header .info .logo{
        grid-row-start: 1;
        grid-row-end: 3;
    }
    header .info .cart{
        text-align: right;
        justify-self: flex-end;
    }*/
    /*header .info .logo{
        width: 150px;
    }*/
}
@media (max-width: 960px){
    .container{
        width: calc(100vw - 40px);
    }
    /* header .contacts{
        display: none;
    } */
    header .info {
        width: 100%;
        padding-right: 30px;
    }
    header .navigation {
        flex: 350px;
        width: auto;
        /*height: 90px;*/
        position: relative;
        /*width: 150px;*/
    }
    header .info .logo {
        /*width: 200px;*/
        margin: 0 auto;
    }
    header {
        display: flex;
        flex-direction: row-reverse;
    }
    header .info .logo {
        margin: 0 0 0 80px;
    }

    header .contacts {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 1px;
        padding: 5px 0 5px 30px;
    }
    header .contacts p {
        width: 49%;
    }
    header .contacts .mail {
        margin-right: 0;
    }
    /*header .info .cart{
        position: absolute;
        right: 0;
    }*/
    .main_page .contents{
        background: none;
    }
    .main_page .contents .catalog{
        background: none;
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .main_page .contents .about{
        background: none;
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .main_page .contents .about .about_content{
        flex-wrap: wrap;
    }
    .main_page .contents .about .about_content .column2{
        flex: 0 0 100%;
        margin-left: 0;
        margin-top: 30px;
    }
    .main_page .contents .about .about_content .number2 .item{
        width: 50%;
    }
    .main_page .contents .about .about_content .number2 .item .title{
        font-size: 55px;
    }
    .main_page .contents .about .about_content .number2 .item .text{
        font-size: 14px;
    }
    .main_page .contents .about .why_content{
        margin-top: 50px;
    }
    .main_page .contents .about .why_content .list{
        margin-left: 250px;
        margin-top: -204px;
        grid-template-columns: 1fr 1fr;
    }
    .main_page .contents .news{
        background: #d8d8d9;
        padding-top: 50px;
        padding-bottom: 50px;
    }
    footer{
        background: #303030;
        min-height: auto;
    }
    footer .site{
        grid-template-columns: 1fr;
    }
    footer .site .warning{
        margin-left: 49px;
    }
    footer .info{
        grid-template-columns: 1fr 1fr;
    }
    footer .info > div{
        margin-left: 50px;
    }
    footer .info .logo img{
        max-width: 150px;
    }
    .contents > .title{
        min-height: 200px;
        padding: 60px 40px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .contents .content .content-left{
        display: none;
    }
}
/*@media (max-width: 800px){
    header {
        display: flex;
        flex-direction: row-reverse;
    }
    header .info .logo {
        margin: 0 0 0 35px;
    }

    header .contacts {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 1px;
        padding: 5px 0;
    }
    header .contacts p {
        width: 49%;
    }
    header .contacts .mail {
        margin-right: 0;
    }
}*/

@media (max-width: 780px){
    .catalog-section-wrap, .scroll-mobile {
        overflow-x: scroll;
    }
}
@media (max-width: 768px){
    .main_page .contents .about .why_content h2{
        width: 100%;
        padding: 30px;
        min-height: auto;
        margin: 0;
        display: block;
    }
    .main_page .contents .about .why_content .list{
        margin: 0;
    }
    footer .site .up{
        text-align: center;
        margin-bottom: 15px;
    }
    footer .site .warning{
        text-align: center;
    }
    footer .site .warning{
        margin-left: 0;
    }
}
@media (max-width: 680px){
header .contacts {
        flex-direction: column;
        gap: 5px;
    }
    header .contacts p {
        width: auto;
    }

}
@media (max-width: 640px){
    h2{
        font-size: 22px;
    }
    .container{
        width: calc(100vw - 32px);
    }
    .main_page .contents .catalog{
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .main_page .contents .about{
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .main_page .contents .about .why_content{
        margin-top: 20px;
    }
    .main_page .contents .about .why_content h2{
        font-size: 20px;
        padding: 24px 20px;
        text-align: center;
    }
    .main_page .contents .about .why_content .list{
        grid-template-columns: 1fr;
    }
    .main_page .contents .about .why_content .list .item{
        display: flex;
        align-items: center;
        gap: 15px;
        padding: 16px 30px;
    }
    .main_page .contents .about .why_content .list .item img,
    .main_page .contents .about .why_content .list .item .title{
        margin-bottom: 0;
    }
    footer{
        padding-top: 20px;
    }
    footer .info > div {
        width: max-content;
        margin: 0 auto;
        padding-right: 0;
        max-width: calc(100% - 80px);
    }
    footer .info{
        display: flex;
        flex-direction: column;
        text-align: center;
    }
    .contents > .title{
        min-height: 120px;
        padding: 30px 16px;
    }
    .contents > .title h1{
        font-size: 26px;
    }
}
@media (max-width: 480px){
    header {
        display: flex;
        flex-direction: column;
    }
    header .contacts {
        flex-direction: row;
        flex-wrap: wrap;
        padding-left: 0;
        justify-content: center;
    }
    header .navigation {
        flex: auto;
    }
    header .info .logo{
        /*width: 150px;*/
        margin: 0 auto;
    }
    .main_page .contents .about .about_content .number1 .bottom{
        grid-gap: 0 15px;
    }
    .main_page .contents .about .about_content .number1 .label{
        font-size: 80px;
    }
    .main_page .contents .about .about_content .number2 .item .title{
        font-size: 45px;
    }
    .cookie-message-wrap .cookie-message{
        flex-direction: column;
    }
    .cookie-message-wrap .cookie-message .cookie-message__btn{
        margin-left: 0;
        margin-top: 15px;
    }
    .contents > .title h1{
        font-size: 22px;
    }
    
    .content video {max-width: 100%;}

    .bx-section-desc-post h2 {
        font-size: 18px;
    }
}

@media (max-width: 420px){
    header .contacts {

    }
}

@media (max-width: 390px){

        header .contacts {
font-size: 14px;

    }
    
    .contents > .title h1{
        font-size: 18px;
    }
.bx-section-desc-post h2 {
    font-size: 16px;
}
    }
@media (max-width: 360px){

        header .contacts {
justify-content: center;

    }}