@import "../fonts/Onest/onest.css";

:root {
    --v1 : #29E3E3;
    --v2 : #272626;
    --g1 : #F0F0F0;
    --g2 : #EFEFEF;
    --g3 : #D7D7D7;
    
    --gt : #BEBEBE;
    --gt2 : #555252;
    --t1 : 272626;
    
    --red : #E82828;
}
html * { max-height: 1000000px; }
* { -webkit-text-size-adjust: none; margin: 0; padding: 0; box-sizing: border-box; outline: none; }
html, body { font-family: "Onest", Arial, sans-serif; width: 100%; height: 100%; scroll-behavior: smooth;
    font-size: 14px; line-height: 1.4; color: var(--v2); letter-spacing: 0.01em; }
li { list-style: none; }
img { display: block; max-width: 100%; height: auto; }
a img { border:none; }
a { text-decoration: none; color: inherit; }
input, select, button, textarea { outline:none;
    font-family: "Onest", Arial, sans-serif; font-size: 14px;
    /*-moz-appearance:none;-webkit-border-radius: 0; -moz-border-radius: 0; -webkit-appearance: none;*/
}
input[type=file], button, input[type="submit"],
input[type=file]::-webkit-file-upload-button { cursor: pointer; }
.container { max-width: 1405px; width: 100%; padding: 0 20px; margin: 0 auto; }
.wrap_container { max-width: 1650px; width: calc(100% - 24px); margin: 0 auto; border-radius: 30px; }

h4 { font-size: 60px; font-weight: 500; line-height: 1.1; }
h4 span { font-size: 20px; font-weight: 400; line-height: 1.4; }
h5 { font-size: 44px; font-weight: 300; line-height: 1.1; }
h6 { font-size: 26px; font-weight: 500; line-height: 1.2; }
p { font-size: 14px; font-weight: 400; line-height: 1.4; }
p.bt,a.bt { font-size: 16px; font-weight: 500; line-height: 1.2; }

.page_wrapper { display: flex; flex-direction: column; justify-content: space-between; min-height: 100%; }
main { flex: 1 1 auto; }
header { position: relative; z-index: 10; padding: 30px 0; }
.header { display: flex; justify-content: space-between; }
.left_nav,.right_nav { flex: 1 1 50%; display: flex; align-items: center; }
.nav_toggle { margin-right: 20px; width: 60px; height: 60px; position: relative; transition: .4s;
    border-radius: 50%; display: block; flex: 0 0 auto; border: 1px solid var(--g3); }
.nav_toggle > * { stroke: var(--v2); position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }
.nav_toggle:hover { border-color: var(--v2); }
.nav_toggle > .open { display: none; }
.nav_toggle.active { background: #FFF; border-color: #FFF; }
.nav_toggle.active > .open { display: block; }
.nav_toggle.active > .no-open { display: none; }

.left_nav ul,.right_nav ul { display: flex;  font-size: 16px; text-transform: lowercase; }
.left_nav ul li,.right_nav ul li { margin: 0 20px; }
.left_nav ul li a:hover,.right_nav ul li a:hover { text-decoration: underline; }
.right_nav { justify-content: flex-end; }
.bonus_h_btn { margin-left: 20px; width: 60px; height: 60px; display: flex; align-items: center;
    justify-content: center; background: var(--v1); border-radius: 50%; transition: .3s; flex: 0 0 auto; }
.show-reel_h_btn { width: 60px; height: 60px; flex: 0 0 auto; display: block;
    border: 3px solid var(--v2); border-radius: 50%; margin-left: 10px; }
.show-reel_h_btn > svg {  fill: var(--v2); margin: -2px 0 0 -2px; }
.logo { transform: translateY(12px); width: 165px; flex: 0 0 auto; }

.header { position: relative; z-index: 3; }

.main_nav_block { position: absolute; top: -600px; left: 0; width: 100%; min-height: 100%;
    padding: 160px 0 60px; background: var(--v1); transition: .5s; }
.main_nav_block .container { opacity: 0; transform: translateY(80px);
    transition: .3s; transition-delay: .3s; }
.main_nav_block a:after { content: " ↗"; color: #FFF; }
.main_nav_block a:hover { text-decoration: underline; }
.main_nav_block ul { display: flex; }
.main_nav ul { margin: 0 -20px; }
.main_nav ul li { margin: 10px 20px; font-size: 44px; font-weight: 300; line-height: 1.1; }
.main_sub_nav { padding-top: 24px; }
.main_sub_nav ul { margin: 0 -15px; text-transform: lowercase; }
.main_sub_nav ul li { margin: 10px 15px; font-size: 16px; font-weight: 500; line-height: 1.2; }
.main_sub_nav ul li:hover { text-decoration: underline; }
header.active .main_nav_block { top: 0; }
header.active .bonus_h_btn { background: #FFF; }
header.active .main_nav_block .container { opacity: 1; transform: translateY(0); }

/* input group */
/* input group */
.input_group { display: flex; margin: 0 -8px; flex-wrap: wrap; }
.input_group + .input_group  { margin-top: 16px; }
.input_group.c_2 > * { width: calc(50% - 16px); margin: 0 8px; }
.input { display: block; flex: 0 0 auto; width: 100%; margin-top: 24px; }
.input input,.input textarea { font-size: 18px; padding: 16px 0; font-weight: 400; border: none;
    border-bottom: 2px solid var(--g2); display: block; width: 100%; transition: border-bottom-color .3s; }
.input textarea { min-height: 62px; height: 62px; resize: vertical; }
.input input:focus,.input textarea:focus { border-bottom-color: var(--v2); }
.input input.error,.input textarea.error { border-color: #FF3838; }
.input input.error + p.error,.input textarea.error + p.error { margin-top: 4px; color: #FF3838; }
.input_file { position: relative; height: 72px; border-radius: 40px; display: inline-flex;
    align-items: center; justify-content: center; padding: 0 40px; background: var(--g1);
    font-size: 16px; font-weight: 400; line-height: 1.2; }
.input_file input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; }
.input_file:hover { background: var(--g2); }
.input_file span { display: inline-flex; white-space: nowrap;
    overflow: hidden; min-width: 0;
    text-overflow: ellipsis; }
.input_file span:before { content: ""; width: 22px; height: 22px; margin-right: 6px;
    background: url(../img/clip_icon.svg) no-repeat 50% 50% / 22px auto; }
.input_file > a { flex: 0 0 auto; margin-left: 12px; opacity: .6; width: 22px; height: 22px;
    background: url(../img/trash_icon.svg) no-repeat 50% 50% / 22px auto; font-size: 0;
    position: relative; z-index: 2; display: none; }
.input_file > a:hover { opacity: 1; }
.input_file > .changed + a { display: block; }
.btn_group { display: flex; align-items: flex-start; margin: 0 -8px; }
.btn_group > * { margin: 0 8px; }

.btn{ display: inline-flex; align-items: center; justify-content: center; padding: 0 41px 0 37px; border: none;
    height: 72px; border-radius: 40px; font-size: 16px; font-weight: 400; line-height: 1.2; transition: .3s; }
.btn:before {  content: ""; background: url(../img/btn_arrow_white.svg) no-repeat 50% 50% / 22px auto;
    width: 22px; height: 22px; flex: 0 0 auto; margin-right: 6px; }

.btn.v1 { background: var(--v2); color: #FFF; }
.btn.v1:hover { background: #363434; }

.btn.v2 { background: #FFF; color: var(--v2); }
.btn.v2:before { filter: invert(1); }
.btn.v2:hover { }

.btn.v3 { border: 1px solid #FFF; color: #FFF; }
.btn.v2:hover:before { filter: invert(1); }
.btn.v3:hover { background: var(--v2); border-color: var(--v2); }

.btn.v4 { color: var(--v2); border: 1px solid var(--v2); }
.btn.v4:before { filter: invert(1); }
.btn.v4:hover {  }

.btn.btn_more:before {  background: url(../img/more_icon.svg) no-repeat 50% 50% / 22px auto; }
.btn.btn_more.v4:before { filter: none; }
.alm-btn-wrap { display: flex!important; justify-content: flex-start!important; }
.alm-load-more-btn { height: 72px!important; display: inline-flex!important; border-radius: 40px!important;
    padding: 0 41px 0 37px!important;
    justify-content: center; align-items: center; color: var(--v2) !important; border: 1px solid var(--v2) !important;  }
.alm-load-more-btn:not(.loading):before {  content: ""; background: url(../img/more_icon.svg) no-repeat 50% 50% / 22px auto!important;
    width: 22px!important; height: 22px!important; flex: 0 0 auto; margin-right: 6px; }


.btn-show_reel { align-self: center; display: inline-flex; align-items: center; font-size: 16px; font-weight: 400; }
.btn-show_reel:before { content: ""; margin-right: 12px; flex: 0 0 auto; width: 42px; height: 42px; border-radius: 50%;
    border: 2px solid #FFF; background: url(../img/play_icon.svg) no-repeat 55% 50% / 16px auto; }
.btn + .btn-show_reel { margin-left: 24px; }
/* end input group */


#breadcrumbs { padding: 0 0 20px; text-transform: lowercase; }
/*#breadcrumbs + * { padding-top: 0!important; }*/
#breadcrumbs > span { font-weight: 400; font-size: 12px; line-height: 1; color: var(--gt); }
#breadcrumbs > span span a { position: relative; display: inline-flex; }
#breadcrumbs > span span a:after { content: ""; width: 12px; height: 12px; flex: 0 0 auto;
    pointer-events: none; margin: 0 8px; background: url(../img/breadcrum_icon_gray.svg) no-repeat 50% 50% / 12px auto; }
.intro #breadcrumbs > span { color: #FFF; }
.intro #breadcrumbs > span span a:after { background: url(../img/breadcrum_icon_white.svg) no-repeat 50% 50% / 12px auto; }
/*#breadcrumbs p a:after { content: "/"; display: block; pointer-events: none;*/
/*    position: absolute; right: -10px; top: 1px; bottom: 0; margin: auto; color: var(--gt) !important; }*/
#breadcrumbs > span span a:hover { color: var(--v1); }
#breadcrumbs > span span {  }

.intro_block { padding: 40px 0; position: relative; z-index: 2; }
@media(min-width: 642px) {
    .intro_block { margin-bottom: 60px; }
}
.intro_block .wrap_container { position: relative; }
.intro { color: #FFF; padding: 90px 0; position: relative; z-index: 2; min-height: 480px;
    display: flex; justify-content: space-between; flex-direction: column; }
.intro h4 { flex: 1 1 auto; }
.intro h4 + h4 { margin-top: 42px; }
.intro_slider_box { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.intro_slider { display: none; }
.intro_slider.slick-slider { display: block; }
.intro_slider,.intro_slider .slick-list { height: 100%; }
.intro_slider .slick-list { border-radius: 30px; }
.intro_slider .slick-track { display: flex; height: 100%; }
.intro_slider .slick-track .slick-slide { display: flex; height: auto; position: relative; }
.intro_slider .slick-track .slick-slide img { position: absolute; top: 0; left: 0;
    width: 100%; height: 100%; object-fit: cover; }
.intro_slider .slick-track .slick-slide img:nth-child(1) { display: block; }
.intro_slider .slick-track .slick-slide img:nth-child(2) { display: none; }
@media(max-width: 641px) {
    .intro_slider .slick-track .slick-slide img:nth-child(1) { display: none; }
    .intro_slider .slick-track .slick-slide img:nth-child(2) { display: block; }
}
.slick-next,.slick-prev { z-index: 10; position: absolute; font-size: 0;
     border: none; border-radius: 50%; transition: .3s; }
.intro_slider .slick-next, .intro_slider .slick-prev { right: 200px; bottom: 100px; }
.slick-next { width: 72px; height: 72px;
    background: #FFF url(../img/next-arrow.svg) no-repeat 50% 50% / 22px auto; }
.intro_slider .slick-next { left: calc(50% + 610px); bottom: 91px; }
.slick-prev { width: 54px; height: 54px;
    background: #FFF url(../img/prev-arrow.svg) no-repeat 50% 50% / 22px auto; }
.intro_slider .slick-prev { left: calc(50% + 548px); }
.intro_slider .slick-next:hover, .intro_slider .slick-prev:hover { filter: invert(1); }
.slick-dots { display: flex; justify-content: center; align-items: center; width: 100%; }
.intro_slider .slick-dots { position: absolute; margin: auto; bottom: 100px; }
.slick-dots li { margin: 4px; position: relative; z-index: 2; }
.slick-dots li button { font-size: 0;  width: 8px; height: 8px; border-radius: 50%;
    background: transparent; display: block; border: 1px solid var(--v2); }
.intro_slider .slick-dots li button { border: 2px solid #FFF; }
.slick-dots li.slick-active button { background: #FFF; }

.intro .btn_group { padding-top: 72px; }
@media(min-width: 642px) {
    .intro #breadcrumbs { margin-top: -32px; }
}

/*.intro #breadcrumbs + .btn_group { margin-top: 200px; }*/
.cat_nav { display: flex; margin: 0 -8px; padding-top: 32px; }
.cat_nav a { display: inline-flex; align-items: center; justify-content: center; height: 40px; margin: 8px;
    padding: 0 30px; border-radius: 20px; border: 1px solid #FFF; font-size: 16px; font-weight: 400; line-height: 1.2;
    text-transform: lowercase; }
.cat_nav a.active { background: #FFF; color: var(--v2); }


.about_text_box { display: flex; align-items: center; justify-content: space-between; padding: 40px 0; }
.about_text_box > p { flex: 0 0 auto; width: 50%; color: var(--gt); font-size: 18px; line-height: 1.4; }

.about_box { display: flex; padding: 35px 16px; }
.about_item { width: calc(25% + 32px); margin: 0 -16px; position: relative;
    overflow: hidden; border-radius: 50%; border: 1px solid var(--g3); }
.about_item:before { content: ""; padding-top: 100%; display: block; }
.about_item:nth-child(2n) { position: relative; z-index: 2; border: none; background: var(--v1); }
.about_item_inner { display: flex; justify-content: center; flex-direction: column;
    position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 40px 50px 40px 60px; }
.about_item_inner img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.about_item_inner p { font-size: 16px; font-weight: 400; line-height: 1.2; }
.about_item_inner h6 { padding-top: 28px; }

.about_after_text_box { padding: 80px 0 40px; display: flex; align-items: flex-start; justify-content: space-between; }
.about_after_text_body { width: 50%; flex: 0 0 auto; padding-top: 32px; }
.about_after_text_body > p.bt { display: inline-flex; align-items: center; }
.about_after_text_body > p.bt:after { content: "↗"; margin-left: 4px; }
.about_after_text_body > p:not(.bt) { font-size: 18px; color: var(--gt); padding-top: 62px; }

.index_nav_box { display: flex; padding: 40px 0; }
.index_nav_column-1,.index_nav_column-2 { display: flex; }

.index_nav_column-1 { flex: 1 1 auto; flex-wrap: wrap; margin: -8px; }
.index_nav_column-1 > * { margin: 8px; }
.index_nav_column-2 { flex-direction: column;
    width: 330px; margin-left: 16px; flex: 0 0 auto; }
.index_nav_column-1 .index_nav_item-1,.index_nav_column-1 .index_nav_item-4 {
    width: calc((100% / 3 * 2) - 16px); flex: 0 0 auto; }
.index_nav_item-2, .index_nav_item-3 { width: calc((100% / 3) - 16px); }
.index_nav_item-1, .index_nav_item-2, .index_nav_item-5 { height: 460px; }
.index_nav_item-1, .index_nav_item-2, .index_nav_item-4, .index_nav_item-5 { min-height: 330px;
    border-radius: 30px; overflow: hidden; position: relative; padding: 24px 34px;
    flex: 1 1 auto; }
.index_nav_item-1 a, .index_nav_item-2 a, .index_nav_item-4 a, .index_nav_item-5 a {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; }
.index_nav_item-3 { padding: 24px 34px; min-height: 330px; }
.index_nav_column-2 .index_nav_item-3 { width: 100%; }
.index_nav_item-1 p, .index_nav_item-2 p, .index_nav_item-4 p, .index_nav_item-5 p { font-size: 44px;
    font-weight: 100; line-height: 1.1; position: absolute; bottom: 0; left: 0; padding: 24px 34px; z-index: 2; }
.index_nav_box .img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.index_nav_item-1 span { position: absolute; right: 34px; top: 34px; color: var(--v2); border-radius: 50%;
    width: 150px; height: 150px; background: #FFF; overflow: hidden; z-index: 5;
    font-size: 22px; font-weight: 400; }
.index_nav_item-1 span a { position: absolute; width: 100%; height: 100%;
    display: flex; align-items: center; justify-content: center;  }
.index_nav_item-5 p { bottom: auto; top: 0; }
.index_nav_item-4 span { bottom: 140px; left: 34px; position: absolute; border-radius: 50%; z-index: 5;
    background: var(--v1); font-size: 16px; line-height: 1.2; width: 60px; height: 60px; overflow: hidden; }
.index_nav_item-4 span a { position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    display: flex; align-items: center; justify-content: center;  }
.index_nav_box .img p,.index_nav_box .black p { color: #FFF; }
.index_nav_item-3 li {  }
.index_nav_item-3 ul { text-transform: lowercase; display: flex; flex-direction: column; justify-content: center; min-height: 100%; }
.index_nav_item-3 li + li  { margin-top: 32px; }
.index_nav_item-3 li a { color: var(--gt); font-size: 16px; font-weight: 500; display: inline-flex; align-items: center; }
.index_nav_item-3 li a:after { content: "↗"; margin-left: 6px; }
.index_nav_item-3 li a:hover { text-decoration: underline; color: var(--v2);  }


.index_nav_item-2 { background: var(--v2); }
.index_nav_item-4 { border: 1px solid var(--v1); }
.index_nav_item-5 { background: var(--v1); }
.category_text { padding: 40px 0; display: flex; justify-content: space-between; align-items: flex-start; }
.category_text_body { padding-top: 16px; width: 50%; flex: 0 0 auto; }
.category_text_body p { font-size: 22px; line-height: 1.4; font-weight: 400; }
.category_text_body p + p { margin-top: 28px; }

.category_img { border-radius: 30px; overflow: hidden; position: relative; }
.category_img a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; }
.category_img:before { content: ""; padding-top: 100%; display: block; }
.category_img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.category_item:nth-child(5n+2) .category_img:before,
.category_item:nth-child(6n+4) .category_img:before,
.category_item:nth-child(5n+5) .category_img:before {  padding-top: 48.1%; }

.category_list { display: flex; flex-wrap: wrap; margin: 0 -8px; padding: 40px 0; }
.category_item { margin: 40px 8px; flex: 0 0 auto; width: calc(100% / 6 - 16px); }
.category_item:nth-child(5n+2),
.category_item:nth-child(6n+4),
.category_item:nth-child(5n+5){ width: calc(100% / 3 - 16px); }

.category_item h6 { line-height: 1.35; padding-top: 21px; }
.category_item a { transition: .3s; display: inline-flex; line-height: 1.375; margin-top: 2px; color:var(--gt); }
.category_item a:after { content: "↗"; margin-left: 4px; }
.category_item a:hover { color: var(--v2); }

/*199657268*/
.subcategory_list { display: flex; margin: 0 -8px; flex-wrap: wrap; }
.subcategory_item { width: calc(100% / 3 - 16px); flex: 0 0 auto; margin: 40px 8px; }
.subcategory_item_img { overflow: hidden; border-radius: 30px; position: relative; }
.subcategory_item_img:before { content: ""; display: block; padding-top: 48.315%; }
.subcategory_item_img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.subcategory_item h6 { padding: 20px 0 12px; }
.subcategory_item p { font-size: 16px; color: var(--gt); }
.subcategory_item a { display: inline-flex; margin-top: 14px; font-weight: 500; font-size: 16px; }
.subcategory_item a:after { content: "↗"; margin-left: 4px; }
.technologies { padding: 80px 0 35px; }
.technologies_text_box { display: flex; justify-content: space-between; align-items: center; padding-bottom: 45px; }
.technologies_text { width: 50%; flex: 0 0 auto; }
.technologies_text p { font-size: 22px; line-height: 1.4; }

.technologies_box { display: flex; padding: 35px 16px; }
.technologies_item { width: calc(25% + 32px); margin: 0 -16px; position: relative;
    overflow: hidden; border-radius: 50%; border: 1px solid var(--g3); }
.technologies_item:before { content: ""; padding-top: 100%; display: block; }
.technologies_item img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 1; }
.technologies_inner { padding: 90px 0 0 60px; z-index: 2; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.technologies_inner p { max-width: 208px; color: var(--gt); font-size: 16px; line-height: 1.2; margin-top: 24px; }
.technologies_item.img .technologies_inner,
.technologies_item.img .technologies_inner p { color: #FFF; }
.technologies_item.green { background: var(--v1); }
.technologies_item.green .technologies_inner p { color: var(--v2); max-width: 254px; }


.prices { padding: 40px 0; }
.prices_table { margin-top: 30px; }
.prices_row { display: flex; justify-content: space-between; }
.prices_row + .prices_row { margin-top: 16px; }
.prices_row > * { width: calc(50% - 8px); flex: 0 0 auto; }
.prices_row_des_box { display: flex; justify-content: space-between; }
.prices_row_des_item { width: calc(100% / 3 - 8px); }
.prices_row_title,.prices_row_des_item { border-bottom: 2px solid var(--v1); padding: 4px 0;}
.prices_row_title { font-size: 18px; font-weight: 500; }
.prices_row_des_item { font-size: 16px; }
.prices_row_title:before,.prices_row_des_item:before { content: ""; display: block; color: var(--gt);
    font-size: 16px; font-weight: 400; margin-bottom: 8px; }
.prices_row_title:before { content: "вид изделия"; }
.prices_row_des_item:nth-child(1):before { content: "изготовление"; }
.prices_row_des_item:nth-child(2):before { content: "документация"; }
.prices_row_des_item:nth-child(3):before { content: "монтаж"; }
.prices_row:not(:first-child) .prices_row_title:before,
.prices_row:not(:first-child) .prices_row_des_item:before { display: none;  }

.goods_prev_list { display: flex; flex-wrap: wrap; margin: 0 -8px; padding: 20px 0; }
.goods_prev_item { width: calc(25% - 16px); flex: 0 0 auto; margin: 35px 8px; }
.goods_prev_item_img { position: relative; overflow: hidden; border-radius: 50%; }
.goods_prev_item_img:before { content: ""; display: block; padding-top: 100%; }
.goods_prev_item_img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.goods_prev_item_img a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; }
.goods_prev_item:nth-child(6n) .goods_prev_item_img,.goods_prev_item:nth-child(8n) .goods_prev_item_img {
    border-radius: 50% !important; }
.goods_prev_item:nth-child(2n) .goods_prev_item_img,.goods_prev_item:nth-child(5n) .goods_prev_item_img,
.goods_prev_item:nth-child(7n) .goods_prev_item_img{
    border-radius: 30px; }

.goods_prev_item h6 { font-size: 20px; font-weight: 500; line-height: 1.2; padding-top: 20px; display: flex; }
.goods_prev_item h6 span { display: inline-block; vertical-align: middle; }
.goods_prev_item h6 span:first-child { position: relative; }
.goods_prev_item h6 span:first-child:before { content: ""; position: absolute; width: 100%; height: 2px;
    background: var(--red); transform: rotate(-10deg); top: 0; bottom: 0; margin: auto; }
.goods_prev_item h6 span:only-child {  }
.goods_prev_item h6 span:only-child:before { display: none; }

.goods_prev_item h6 span + span { color: var(--red); position: relative; margin-left: 20px; }
.goods_prev_item h6 span + span:before { content: ""; width: 4px; height: 4px; border-radius: 50%;
    background: var(--v2); top: 0; bottom: 0; margin: auto; left: -12px; position: absolute; }
.goods_prev_item p { font-size: 16px; font-weight: 400; line-height: 1.375; padding-top: 12px; color: var(--gt); }
.goods_prev_item a { font-size: 16px; font-weight: 500; line-height: 1.375; display: inline-flex;
    margin-top: 2px; transition: .3s; }
.goods_prev_item a:after { content: "↗"; margin-left: 4px; }
.goods_prev_item a:hover { color: var(--v1); }

.product { display: flex; align-items: flex-start; padding: 40px 0; }
.product_text { flex: 0 0 auto; width: 35.165%; margin-right: 95px; padding-top: 75px; }
.product_text h6 { font-size: 30px; font-weight: 500; line-height: 1.2; margin-top: 32px; display: flex; }
.product_text h6 span { display: inline-block; vertical-align: middle; }
.product_text h6 span:first-child { position: relative; }
.product_text h6 span:first-child:before { content: ""; position: absolute; width: 100%; height: 2px;
    background: var(--red); transform: rotate(-10deg); top: 0; bottom: 0; margin: auto; }
.product_text h6 span:only-child {  }
.product_text h6 span:only-child:before { display: none; }
.product_text h6 span + span { color: var(--red); position: relative; margin-left: 30px; }
.product_text h6 span + span:before { content: ""; width: 6px; height: 6px; border-radius: 50%;
    background: var(--v2); top: 0; bottom: 0; margin: auto; left: -17px; position: absolute; }
.product_text h6 + p { margin-top: 42px; }
.product_text p { font-size: 18px; line-height: 1.4; margin-top: 28px; }
.product_text .btn_group { margin-top: 32px; }
.product_text .btn_group .btn { margin-top: 16px; }
.product_img_list { position: relative; flex: 1 1 auto; }
.product_img_list:before { content: ""; padding-top: 100%; display: block; }
.product_img_item { position: absolute; overflow: hidden; }
.product_img_item:before { content: ""; display: block; padding-top: 100%; }
.product_img_item img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.product_img_item:nth-child(1) { left: 0; top: 0; width: 56.33%; border-radius: 50%; }
.product_img_item:nth-child(2) { right: 0; top: 0; width: 41.77%; border-radius: 30px; }
.product_img_item:nth-child(3) { left: 0; bottom: 0; width: 41.77%; border-radius: 30px; }
.product_img_item:nth-child(4) { right: 0; bottom: 0; width: 56.33%; border-radius: 50%; }

.product_after_box { display: flex; justify-content: space-between; padding: 80px 0; }
.characteristics { width: 50.5%; flex: 0 0 auto; padding-right: 55px; }
.characteristic_item { display: flex; }
.characteristic_item span,.characteristic_item p { font-size: 16px; line-height: 22px;
    padding: 28px 0 10px; border-bottom: 2px solid var(--v1); }
.characteristic_item span { flex: 0 0 auto; width: 250px; margin-right: 16px; }
.characteristic_item p { flex: 1 1 auto; font-weight: 500; }

.payment_and_delivery { flex: 1 1 auto; }
.payment_and_delivery p { font-size: 16px; line-height: 1.4; margin-top: 28px; }
.payment_and_delivery p + p { margin-top: 24px; }


.product_block + .similar_block { padding-top: 80px; }

.recommendation_goods_block { padding: 40px 0; }
.recommendation_goods_slider { margin-top: 32px; }
.recommendation_goods_slider .slick-next,.recommendation_goods_slider .slick-prev { background-color: var(--g1); position: absolute;  }
.recommendation_goods_slider .slick-next:hover,.recommendation_goods_slider .slick-prev:hover { filter: invert(1); }
.recommendation_goods_slider .slick-next { right: 0; top: -95px; }
.recommendation_goods_slider .slick-prev { right: 90px; top: -86px; }
.recommendation_goods_slider .slick-track { margin: 0 -8px; }

.similar { padding: 40px 0; }
.similar_slider { margin-top: 32px; }
.similar_slider .slick-next,.similar_slider .slick-prev { background-color: var(--g1); position: absolute;  }
.similar_slider .slick-next:hover,.similar_slider .slick-prev:hover { filter: invert(1); }
.similar_slider .slick-next { right: 0; top: -95px; }
.similar_slider .slick-prev { right: 90px; top: -86px; }
.similar_slider .slick-track { margin: 0 -8px; }
.similar_slide { display: flex!important; flex-wrap: wrap; justify-content: space-between; margin: 0 8px; }
.similar_slide .similar_item { width: calc(50% - 8px); margin: 8px 0; border-radius: 30px;
    overflow: hidden; position: relative; }
.similar_slide .similar_item:before { content: ""; padding-top: 100%; display: block; }
.similar_slide .similar_item img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.similar_slide .similar_item a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; }
.similar_slide.odd .similar_item:nth-child(1) { border-radius: 50%; }
.similar_slide.odd .similar_item:nth-child(3) { width: 100%; }
.similar_slide.odd .similar_item:nth-child(3):before { padding-top: 48.1%; }
.similar_slide.even .similar_item:nth-child(1) { width: 100%; border-radius: 166px; }
.similar_slide.even .similar_item:nth-child(1):before { padding-top: 48.1%; }
.similar_slide.even .similar_item:nth-child(2) { border-radius: 50%; }

.our_works_text_box { display: flex; justify-content: space-between; padding: 40px 0; }
.our_works_text { width: 50%; flex: 0 0 auto; padding-top: 18px; }
.our_works_text p {}
.our_works_text p:not(.bt) { color: var(--gt); font-size: 18px; font-weight: 400; }
.our_works_text * + * { margin-top: 28px; }
.our_works_text a.bt { display: inline-flex; align-items: center; }
.our_works_text a.bt:after { content: "↗"; margin-left: 4px; }


.our_works_list { display: flex; flex-wrap: wrap; margin: 0 -8px; padding: 45px 0; }
.our_work_item { width: calc(25% - 16px); border-radius: 30px; margin: 8px; position: relative; overflow: hidden; }
.our_work_item > a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; }
.our_work_item:nth-child(6n+3),.our_work_item:nth-child(6n+4){ width: calc(50% - 16px); }
.our_works_list + .btn.btn_more,.our_works_list + .alm-btn-wrap { margin-top: -20px; margin-bottom: 60px; }
.our_works_list + .our_works_list { margin-top: -45px; padding-top: 0; }
.our_work_item:nth-child(12n),
.our_work_item:nth-child(12n+1),
.our_work_item:nth-child(12n+5),
.our_work_item:nth-child(12n+8) { border-radius: 50%; }

.our_work_item:nth-child(12n+4),
.our_work_item:nth-child(9){ border-radius: 30px; }

.our_work_item:nth-child(7n+3),
.our_work_item:nth-child(12n+3),
.our_work_item:nth-child(12n+10) { border-radius: 166px; }


.our_work_item:before { content: ""; display: block; padding-top: 100%; }
.our_work_item:nth-child(6n+3):before,.our_work_item:nth-child(6n+4):before { padding-top: 48.1%; }

.our_work_item img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }


.works_link { border: 1px solid var(--v1); }
.works_link p { position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    display: flex; align-items: flex-start; justify-content: center; flex-direction: column;
    padding: 0 0 0 66px; font-size: 26px; font-weight: 500; line-height: 1.2; }
.works_link p span { color: var(--gt); font-size: 66px; font-weight: 400; padding-bottom: 4px;  }

.contacts { display: flex; flex-wrap: wrap; margin: 0 -8px; padding: 40px 0; }
.contact_item { margin: 8px; width: calc(25% - 16px); flex: 0 0 auto; border: 1px solid var(--g3);
    padding: 22px 32px; border-radius: 30px; }
.contact_item h5 { font-size: 26px; font-weight: 400; }
.contact_item h6 { font-size: 20px; font-weight: 500; line-height: 1.2; padding: 46px 0; }
.contact_item h6 span { padding-top: 4px; font-weight: 400; display: block; color: var(--gt); font-size: 16px; }
.contacts_item_box { display: flex; justify-content: space-between; align-items: center; }
.contact_info {  }
.contact_info p { font-size: 16px; font-weight: 400; }
.contact_info p + p { margin-top: 6px; }
.contact_social_links { display: flex; margin: 0 -1px; }
.contact_social_link { margin: 0 1px; background: var(--g1); height: 60px; display: inline-flex;
    align-items: center; justify-content: center; width: 30px; transition: .3s; }
.contact_social_link:first-child { border-radius: 10px 0 0 10px; }
.contact_social_link:last-child { border-radius: 0 10px 10px 0; }
.contact_social_link:only-child { border-radius: 10px; }
.contact_social_link img { transition: .3s; }
.contact_social_link:hover { background: var(--v2); }
.contact_social_link:hover img { filter: invert(1); }

.about_bonus_box { display: flex; margin: 0 -16px; flex-wrap: wrap; padding: 20px 0 40px; }
.about_bonus_item { width: calc(25% - 32px); margin: 16px; flex: 0 0 auto; }
.about_bonus_item_icon { margin-left: -8px; }
.about_bonus_item > p { max-width: 230px; font-size: 20px; font-weight: 500;
    line-height: 1.2; margin-top: 18px; }

.about_bonus_text_box { display: flex; justify-content: space-between; padding: 80px 0 40px; }
.about_bonus_text { flex: 0 0 auto; width: 50%; padding-top: 16px; }
.about_bonus_text p { font-size: 22px; line-height: 1.4; }
.about_bonus_text p + p { margin-top: 24px; }

.bonus_posts { display: flex; flex-wrap: wrap; margin: 0 -8px; padding: 80px 0 40px; }
.bonus_post_prev { width: calc(100% / 3 - 16px); flex: 0 0 auto; margin: 8px; }
.bonus_post_prev_img { position: relative; border-radius: 30px; overflow: hidden; }
.bonus_post_prev_img:before { content: ""; display: block; padding-top: 48.315%; }
.bonus_post_prev_img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.bonus_post_prev h6 { margin-top: 22px; }
.bonus_post_prev p { color: var(--gt); margin-top: 12px; max-width: 350px; }


.how_we_work { display: flex; justify-content: space-between; padding: 40px 0; }
.how_we_work_list { width: 50%; flex: 0 0 auto; padding-top: 16px; counter-set: work; }
.how_we_work_item { position: relative; counter-increment: work; padding-left: 80px; }
.how_we_work_item + .how_we_work_item { margin-top: 52px; }
.how_we_work_item:before { position: absolute; top: 6px; left: 0; width: 50px;
    content: "0"counter(work)"."; font-size: 18px; font-weight: 500; line-height: 1.2; }
.how_we_work_item p { font-size: 18px; color: var(--gt); padding-top: 8px; }

.bonus_block { padding: 40px 0 84px; }
.bonus_block .wrap_container { background: url(../img/bonus_block_bg.jpg) no-repeat 50% 50% / cover; }
.bonus_block .container { position: relative; }
.bonus { color: #FFF; max-width: 880px; padding: 90px 0; }
.bonus .btn_group { margin-top: 70px; }
.bonus_box { width: 400px; border-radius: 50%; overflow: hidden; position: absolute;
    bottom: -44px; right: 0; background: var(--v1);  }
.bonus_box:before { content: ""; padding-top: 100%; display: block; }
.bonus_box_text { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex;
    justify-content: center; align-items: center; color: var(--v2); }
.bonus_box_text p { font-size: 26px; line-height: 1.2; font-weight: 500; }
.bonus_box_text p span { padding-bottom: 20px; display: block; font-weight: 400; font-size: 66px; line-height: 1.2; }
.bonus_box_text p i { font-style: normal; }

.team { padding: 40px 0; }
.team > h4 { margin-bottom: 40px; }
.team > h4 b { color: var(--v1); font-weight: 500;}

.team_text_box { display: flex; align-items: flex-start; justify-content: space-between; padding: 80px 0; }
.team_text { width: 50%; flex: 0 0 auto; padding-top: 6px; }
.team_text p { font-size: 22px; }
.team_text p + p  { margin-top: 24px; }

.team_page_nav { display: flex; margin: 0 -20px; }
.team_page_nav a { margin: 6px 20px; font-size: 16px; line-height: 1.2; display: inline-flex; align-items: center; }
.team_page_nav a:before { background: url(../img/arrow_down.svg) no-repeat 50% 50% / 14px auto;
    width: 22px; height: 22px; content: ""; display: block; flex: 0 0 auto; margin-right: 6px; }
.team_page_nav a:hover { text-decoration: underline; }

.img_page_box { position: relative; display: flex; justify-content: space-between; align-items: flex-start; margin: 40px 0; }
.img_page_item { position: relative; width: calc(50% - 8px); flex: 0 0 auto; overflow: hidden; border-radius: 210px; }
.img_page_item:before { content: ""; padding-top: 62.222%; display: block; }
.img_page_item img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.img_page_item:nth-child(2) { margin-top: 100px; margin-bottom: 30px; }
.img_page_btn { position: absolute; bottom: 0; width: 152px; height: 152px; border-radius: 50%; left: -95px;
    right: 0; margin: auto; display: flex; align-items: center; justify-content: center; text-align: center;
    background: var(--v1); color: var(--v2); font-size: 22px; line-height: 1.2; font-weight: 400; }

.team_list { display: flex; flex-wrap: wrap; margin: 0 -8px; padding: 20px 0; }
.team_item { width: calc(100% / 3 - 16px); flex: 0 0 auto; margin: 20px 8px; cursor: pointer; }
.team_item_photo { position: relative; background: var(--g2); overflow: hidden; border-radius: 30px; transition: .4s; }
.team_item_photo:before { content: ""; padding-top: 100%; display: block; }
.team_item_photo img { position: absolute; bottom: 0; left: 0; right: 0; margin: auto; }
.team_item:hover .team_item_photo { background: var(--v1); border-radius: 50%; }
.team_item h6 { margin-top: 20px; }
.team_item p { margin-top: 10px; font-size: 16px; color: var(--gt); }

.team > img { margin: 60px -150px; border-radius: 30px; max-width: 1650px; width: calc(100% + 300px); }

.production { padding: 40px 0; } 
.production_text_box { display: flex; justify-content: space-between; }
.production_text { flex: 0 0 auto; width: 50%; max-width: 675px; padding-top: 16px; }
.production_text .bt { display: inline-flex; align-items: center; }
.production_text .bt:after { content: "↗"; margin-left: 4px; }
.production_text p:not(.bt) { margin-top: 68px; color: var(--gt); font-size: 18px; line-height: 1.4; }
.production_prev_box { display: flex; flex-wrap: wrap; margin: 0 -8px; padding-top: 80px; }
.production_prev_item { margin: 8px; width: calc(50% - 16px); flex: 0 0 auto;
    min-height: 320px; color: #FFF;border-radius: 30px; overflow: hidden;
    padding: 24px 50px; display: flex; flex-direction: column; justify-content: flex-end; position: relative; z-index: 2; }
.production_prev_item img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: -1; }
.production_prev_item a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; }

.production_prev_item.black { background: var(--v2); }
.production_prev_item.white { color: var(--v2); border: 1px solid var(--v1) }
.production_prev_item.green { color: var(--v2); background: var(--v1); }

.category_block ~ .our_works_block { padding: 40px 0; }

.foundation { padding: 40px 0 80px; }
.foundation_box { display: flex; flex-wrap: wrap; margin: 0 -8px; }
.foundation_col { flex: 0 0 auto; width: calc(50% - 16px); margin: 8px; }
.foundation_item { padding: 30px 40px; border-radius: 30px; border: 1px solid var(--v1); }
.foundation_text_box { display: flex; }
.foundation_text_box > h5 { flex: 0 0 auto; width: 305px; margin-right: 40px; }
.foundation_text { padding-top: 10px; color: var(--gt); }
.foundation_text p { font-size: 18px; }
.foundation_btn { margin: 0 -8px; padding-top: 54px; }
.foundation_btn .btn { margin: 8px; }
.foundation_item + .foundation_item { margin-top: 16px; }
.foundation_col h4 + .foundation_item { margin-top: 92px; }
.foundation_col + .foundation_col { margin-top: 86px; }


.our_works_block + .partners_block .partners { padding-top: 100px; }
.partners { display: flex; justify-content: space-between; align-items: center; padding: 140px 0; }
.partners_slider_box { width: 50%; flex: 0 0 auto; position: relative; padding-right: 190px; }
.partners_slider .slick-track { display: flex; height: 100%; align-items: stretch; }
.partners_slider .slick-track .slick-slide {  height: auto; min-height: 230px; align-self: stretch; }

.partners_slider .slick-track .slick-slide.partner_slide { display: flex; flex-direction: column; align-items: center; }
.partner_slide_item { height: calc(100% / 3); display: flex; justify-content: center; align-items: center; }
.partner_slide_item + .partner_slide_item { margin-top: 24px; }
.partners_slider .slick-next { background-color: var(--g2); position: absolute; top: 0; bottom: 0; margin: auto; right: -190px; }
.partners_slider .slick-prev { background-color: var(--g2); position: absolute; top: 0; bottom: 0; margin: auto; right: -100px; }
.partners_slider .slick-next:hover,.partners_slider .slick-prev:hover { filter: invert(1); }


.feedback_form_block { padding: 80px 0; }
.feedback_form_box { display: flex; }
.feedback_form_text { width: 50%; flex: 0 0 auto; }
.feedback_form_text p { margin-top: 40px; font-size: 18px; line-height: 1.4; font-weight: 400; color: var(--gt); }
.feedback_form { flex: 1 1 auto; }
.feedback_form .input.textarea { min-height: 100px; }
.feedback_form .btn_group { padding-top: 24px; }
.feedback_form .after_form_text { margin-top: 54px; font-size: 12px; font-weight: 400; color: var(--gt); }
.feedback_form .after_form_text a { text-decoration: underline; transition: .3s; }
.feedback_form .after_form_text a:hover { color: var(--v2); }

.request_res_block { padding: 40px 0; }
.request_res_box { display: flex; justify-content: space-between; padding: 0 0 40px; }
.request_res_text { flex: 0 0 auto; margin-right: 40px; }
.request_res_text p { color: var(--gt); font-size: 18px; line-height: 1.4; padding-top: 38px; }
.request_res_text a.btn { margin-top: 42px; }
.request_res_media { flex: 1 1 auto; display: flex; flex-wrap: wrap; margin: 0 -8px; }
.request_res_media_item { flex: 0 0 auto; margin: 8px; width: calc(100% / 5 - 16px);
    position: relative; border-radius: 30px; overflow: hidden; }
.request_res_media_item:before { content: ""; display: block; padding-top: 100%; }
.request_res_media_item img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.request_res_media_item:nth-child(4),.request_res_media_item:nth-child(7) { width: calc((100% / 5) * 2 - 16px); }
.request_res_media_item:nth-child(2),.request_res_media_item:nth-child(5) { border-radius: 50%; }
.request_res_media_item:nth-child(4) { border-radius: 160px; }
.request_res_media_item:nth-child(4):before,.request_res_media_item:nth-child(7):before { padding-top: 48.1%; }

.not_found_block { padding: 80px 0; }
.not_found { display: flex; justify-content: space-between;  }
.not_found_text p { font-size: 18px; color: var(--gt); margin-top: 32px; }
.not_found_text .btn { margin-top: 42px; }


.privacy { padding: 40px 0 80px; }
.privacy > h4 {  }
.privacy > h4 + .privacy_box { margin-top: 80px; }
.privacy > p { font-size: 18px; }
.privacy > p a { font-weight: 700; }
.privacy > .privacy_box + p { margin-top: 40px; }
.privacy_box { display: flex; padding: 30px 0; border-top: 1px solid var(--g1); border-bottom: 1px solid var(--g1);
    margin-bottom: -1px; }

.privacy_title { flex: 1 1 auto; }
.privacy_title h6 { font-size: 22px; max-width: 300px; }
.privacy_text { width: 69.6%; flex: 0 0 auto; }
.privacy_text p { font-size: 18px; }
footer { padding: 30px 0 20px; }
footer .wrap_container { color: #FFF; background: var(--v2); padding: 110px 0 20px; }
.footer { display: flex; justify-content: space-between; align-items: flex-start; }
.f_left_logo { display: flex; }
.f_left_logo .show-reel_h_btn { margin-left: 0; border-color: #FFF; }
.f_left_logo .show-reel_h_btn svg { fill: #FFF; }
.f_left_logo .bonus_h_btn { color: var(--v2); margin-left: 15px; }
.f_left ul { margin-top: 40px; }
.f_left ul li { font-size: 44px; font-weight: 300; line-height: 1.1; color: var(--gt2); margin-top: 15px; }
.f_left ul li a { transition: .4s; }
.f_left ul li a:hover { color: #FFF; text-decoration: underline; }
.f_left ul li a:after { content: " ↗"; }
.f_nav ul { padding-top: 16px; text-transform: lowercase; }
.f_nav ul li { margin-top: 15px; font-size: 26px; font-weight: 400; color: var(--gt2); }
.f_left + .f_nav ul li { color: #FFF; }
.f_nav ul li a { transition: .3s; }
.f_nav ul li a:hover { color: #FFF; text-decoration: underline; }
.f_nav ul + ul { padding-top: 0; }

.f_soc { padding-top: 24px; }
.f_soc p { margin-top: 14px; }
.f_soc a { font-size: 14px; font-weight: 400; line-height: 1.2; transition: .3s; }
.f_soc a:hover { color: var(--v1); text-decoration: underline; }
.f_soc a img { display: none; }
.f_show-reel_btn { text-align: center; display: flex; align-items: center; justify-content: center;
    width: 142px; flex: 0 0 auto; height: 142px; border: 2px solid var(--v1); border-radius: 50%;
    font-size: 20px; line-height: 1.2; transition: .4s; }
.bonus_h_btn:hover,.f_show-reel_btn:hover { transform: rotate(-45deg); }
.copyright { padding-top: 80px; display: flex; }
.copyright p { font-size: 12px; line-height: 1.2; font-weight: 500; color: var(--gt2);  }
.copyright p + p { margin-left: 16px; }
.copyright p a { transition: .4s; display: inline-block; }
.copyright p a:hover { color: #FFF; text-decoration: underline;  }



/*popup*/
.black_layout { display: none; z-index: 90; position: fixed; top: 0;
    left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .80); }
.popup_wrapper { display: none; position: absolute; top: 0; left: 0;
    width: 100%; height: 100%; z-index: 95; padding: 0; overflow: auto; }

.popup_inner { display: flex; min-height: 100%; align-items: center; padding: 30px 20px;
    justify-content: center;  }
.popup { background: #FFF; padding: 28px 32px; width: 100%; max-width: 640px;
    position: relative; }
.close_popup { width: 30px; height: 30px; display: block; position: absolute; z-index: 5;
    top: -4px; right: -44px; background: url(../img/close_icon.svg) no-repeat 50% 50% / 30px auto; }

.popup_body { width: 100%; margin: auto; text-align: center; }
.popup_body h4 { font-size: 32px; font-weight: 500; margin-bottom: 8px; }
.popup_body > p { font-size: 18px; font-weight: 300; max-width: 350px; margin: auto; }
.show-reel_popup { padding: 0; max-width: 1360px; }
.show-reel_popup .close_popup { top: calc(100% + 24px); border: 1px solid #FFF; color: #FFF;
    font-size: 16px; font-weight: 400; width: 130px; height: 48px; padding: 8px 30px; border-radius: 30px;
    left: 0; right: 0; margin: auto; display: inline-flex; align-items: center; justify-content: center; }
.show-reel_popup .popup_body { position: relative; }
.show-reel_popup .popup_body:after { content: ""; display: block; padding-top: 56.25%; }
.show-reel_popup .popup_body > * { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }

.product_img_slider { display: none!important; }
.main_sub_nav_mobile { display: none; }

.about-page .intro { min-height: 560px; }
@media(max-width: 641px) {
    .container { padding: 0 32px; }
    h4 { font-size: 36px; font-weight: 500; line-height: 1.06; }
    h4 span { font-size: 20px; font-weight: 400; line-height: 1.4; display: inline-block; }
    h5 { font-size: 30px; font-weight: 300; line-height: 1.1; }
    h6 { font-size: 26px; font-weight: 500; line-height: 1.1; }
    p { font-size: 14px; font-weight: 400; line-height: 1.4; }
    .bt { font-size: 16px; font-weight: 500; line-height: 1.2; }
    
    .input_group.c_2 > * { width: calc(100% - 16px); margin: 0 8px; }
    .about-page .intro { min-height: 320px; }
    .slick-dots li.slick-active button { background: var(--v2); }
    /*header .container { padding: 0 20px; }*/
    
    .left_nav ul,.right_nav ul,.header .show-reel_h_btn { display: none; }
    .logo { width: 110px; }
    .main_nav ul { flex-direction: column; }
    
    .main_nav_block { top: -2000px; }
    .main_nav ul li { font-size: 32px; }
    .main_sub_nav_mobile ul li { font-size: 22px; }
    .nav_toggle,.header .bonus_h_btn { font-size: 13px; width: 48px; height: 48px; }
    .main_nav_block { padding: 100px 0 40px; }
    .main_sub_nav + .main_sub_nav { padding-top: 0; }
    .main_sub_nav ul { flex-direction: column; }
    .main_sub_nav_mobile { display: block; padding: 10px 0 20px; }
    .main_sub_nav_mobile ul { flex-direction: column; text-transform: lowercase; }
    .main_sub_nav_mobile ul li { display: block; font-size: 26px; font-weight: 400; line-height: 1.2; }
    .main_sub_nav_mobile ul li + li,.main_sub_nav_mobile ul + ul { margin-top: 12px; }
    .main_sub_nav_mobile ul li a:after { display: none; }
    .main_sub_nav { padding-top: 20px; }
    .intro_block { padding: 20px 0 40px; }
    .intro_block .container { padding: 0 20px; }
    .intro { padding: 32px 0; min-height: 440px; }

    .intro h4 { font-size: 34px;  hyphens: auto; }

    .intro .btn_group { flex-direction: column-reverse; align-items: flex-start;  }
    .intro .btn_group .btn-show_reel { align-self: flex-start; }
    .intro .btn_group > *:first-child { margin-top: 20px; }
    /*.intro .btn_group .btn { margin-top: 24px; }*/
    .intro_slider .slick-dots { bottom: -32px; }
    .intro_slider .slick-dots li button { border: 1px solid var(--v2); }
    .intro_slider .slick-dots li.slick-active button { background: var(--v2); }
    
    .about_text_box { flex-direction: column; }
    .about_text_box > h5 { width: 100%; }
    .about_text_box > p { width: 100%; margin-top: 32px; font-size: 16px; }
    .about_item_inner h6 { padding-top: 20px; font-size: 24px; }
    .about_box { flex-direction: column; padding: 40px 0; }
    .about_item { width: 100%; margin: -24px 0; }
    
    .about_after_text_box { flex-direction: column; }
    .about_after_text_body { width: 100%; }
    .about_after_text_body > p:not(.bt) { padding-top: 40px; }
    .our_works_text_box { flex-direction: column; }
    .our_works_text { width: 100%; position: relative; padding-bottom: 36px; padding-top: 0; }
    .our_works_text a { position: absolute; bottom: 0; left: 0; }
    .our_works_text p:not(.bt) { font-size: 16px; }

    .our_work_item { width: calc(100% - 16px) !important; }
    .our_work_item:nth-child(6n+5),
    .our_work_item:nth-child(6n+6) { width: calc(50% - 16px) !important; }
    .works_link p { font-size: 20px; padding-left: 32px; }
    .works_link p span { font-size: 47px; }
    
    .partners { flex-direction: column; align-items: flex-start; }
    .partners_slider_box { width: 100%; padding-right: 0; margin-top: 24px; }
    .btn { height: 56px; padding: 0 30px 0 20px; }
    
    .product { padding: 20px 0; }
    .product_text { width: 100%; margin-right: 0; padding-top: 0; }
    
    .product_img_slider { display: block!important; margin: 32px 0 16px; }
    .product_img_slider .slick-list { border-radius: 30px; overflow: hidden; }
    .product_img_slide { position: relative; }
    .product_img_slide:before { content: ""; padding-top: 100%; display: block; }
    .product_img_slide img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
    .product_img_list { display: none; }
    .product_img_slider .slick-dots { margin-top: 16px; }
    /*.product_img_slider .slick-prev,.product_img_slider .slick-next { display: none; }*/
    .product_text .btn_group { flex-direction: column; }
    
    .product_after_box { flex-direction: column; padding: 40px 0; }
    .characteristics { width: 100%; padding-right: 0; }
    .characteristic_item { display: flex; flex-direction: column; }
    .characteristic_item span { border-bottom: 0; padding-bottom: 6px; }
    .characteristic_item span + p { padding-top: 0; }
    .payment_and_delivery { margin-top: 54px; }
    
    .team > h4 br { display: none; }
    
    .contacts {  }
    .contact_item { width: calc(100% - 16px); padding: 24px; }
    .about_bonus_box { flex-direction: column; margin: 0; padding: 16px 0; }
    .about_bonus_item { width: 100%; margin: 16px 0; display: flex; align-items: center; }
    .about_bonus_item p { margin-top: 0; margin-left: 10px; max-width: 100%; }
    .about_bonus_item_icon { flex: 0 0 auto; }
    
    .about_bonus_text_box { flex-direction: column; }
    .about_bonus_text { width: 100%; }
    
    .img_page_box { flex-direction: column; }
    .img_page_item { width: 100%; }
    .img_page_item:nth-child(2) { margin-top: 30px; margin-bottom: 0; }
    .img_page_btn { top: 0; bottom: 0; left: 0; right: auto; width: 120px; height: 120px; font-size: 18px; }
    .img_page_box ~ .img_page_box .img_page_btn { left: auto; right: 0; }

    
    .goods_block + .feedback_form_block { padding-top: 40px; }
    .cat_nav { flex-wrap: wrap; }
    .goods_prev_item { width: calc(100% - 16px); }

    .team_block + .feedback_form_block { padding-top: 20px; }
    .team_text_box { flex-direction: column; padding: 40px 0; }
    .team_text { width: 100%; }
    .team_text p { font-size: 18px; }
    .team_text p br { display: none; }
    .team_text_box h4 + .team_text { margin-top: 32px; }
    .team_page_nav { order: 1; flex-wrap: wrap; padding-top: 24px; }
    
    .team > img { width: calc(100% + 32px); margin: 32px -20px; }
    .team > h4 { margin-bottom: 10px; }
    .team_item { width: calc(100% - 16px); }
    .team_item_photo img { max-height: 84%; }
    .category_text { flex-direction: column; }
    .category_text_body { width: 100%; padding-top: 24px; }
    .category_text_body p ,.technologies_text p{ font-size: 18px; }
    .category_item { width: calc(50% - 16px) !important; margin: 24px 8px; }
    .category_item .category_img:before { padding-top: 100% !important; }
    .category_item:nth-child(4n+3),
    .category_item:nth-child(4n+4){ width: calc(100% - 16px) !important; }
    .category_item:nth-child(4n+3) .category_img:before,
    .category_item:nth-child(4n+4) .category_img:before { padding-top: 48.1% !important; }
    .category_item h6 { font-size: 24px; padding-top: 16px; }
    .foundation_box { flex-direction: column; }
    .foundation_col { width: calc(100% - 16px); }
    .foundation_text_box { flex-direction: column; }
    .foundation_col h4 + .foundation_item { margin-top: 32px; }
    .foundation_col + .foundation_col { margin-top: 8px; }
    
    .production_text_box { flex-direction: column; }
    .production_text { padding-top: 24px; width: 100%; }
    .production_text p:not(.bt) { margin-top: 24px; }
    .production_prev_item { width: calc(100% - 16px); min-height: 180px; padding: 24px; }
    .production_prev_item h5 { font-size: 30px;  }
    
    .subcategory_item { width: calc(100% - 16px); margin: 24px 8px; }

    .technologies_text_box { flex-direction: column; align-items: flex-start; }
    .technologies_text { width: 100%; padding-top: 24px; }
    
    .technologies_box { flex-direction: column; padding: 32px 0; }
    .technologies_item { margin: -24px 0; width: 100%; }
    .technologies_inner { padding-top: 70px; padding-left: 50px; }
    .prices_row { flex-direction: column; }
    .prices_row_title { width: 100%; border-bottom: none; }
    .prices_row_title:before { display: none; }
    .prices_row_des_box { width: 100%; }
    .prices_row:not(:first-child) .prices_row_des_item:before { display: block;  }
    .prices_row + .prices_row { margin-top: 24px; }
    
    .how_we_work { flex-direction: column; }
    .how_we_work_list { width: 100%; padding-top: 24px; }
    .how_we_work_item + .how_we_work_item { margin-top: 32px; }
    .how_we_word_block + .bonus_block { margin-top: 40px; }
    
    .bonus_posts { padding: 0; }
    .bonus_post_prev { width: calc(100% - 16px); margin-top: 32px; }
    
    /*.bonus_block .container { padding: 0 22px; }*/
    .bonus_block { padding-bottom: 0; }
    .bonus { padding: 80px 0 22px; }
    .bonus .btn_group { flex-direction: column-reverse; }
    .bonus .btn_group .btn { margin-top: 16px; }
    .bonus_box { width: 130px; right: 30px; bottom: auto; top: -70px; }
    .bonus_box_text p { font-size: 17px; font-weight: 400; }
    .bonus_box_text p span { font-size: 34px; padding-bottom: 0; }
    .bonus_box_text p i { display: none; }
    
    .not_found_block { padding: 20px 0; }
    /*.not_found_block .container { padding: 0 20px; }*/
    .not_found_img { display: none; }
    .not_found_text h4 br,.not_found_text p br { display: none; }
    
    .privacy_box { flex-direction: column; }
    .privacy_text { width: 100%; margin-top: 16px; }
    .feedback_form_block:first-child { padding: 20px 0; }
    /*.feedback_form_block:first-child .container  { padding: 0 20px; }*/
    .feedback_form_box { flex-direction: column; }
    .feedback_form_text { width: 100%; }
    .feedback_form_text br { display: none; }
    .feedback_form { margin-top: 24px; }
    
    .feedback_form .btn_group { flex-direction: column-reverse; padding-top: 0;  }
    .feedback_form .btn_group .btn { margin-top: 24px; }
    .feedback_form_text p { font-size: 16px; margin-top: 20px; }
    .feedback_form .after_form_text { margin-top: 20px; }
    .request_res_block { padding: 20px 0; }
    /*.request_res_block .container { padding: 0 20px; }*/
    .request_res_box { flex-direction: column; }
    .request_res_box br { display: none; }
    .request_res_media { display: none; }
    .how_we_work_item { padding-left: 56px; }
    .how_we_work_item p { font-size: 16px; }
    .how_we_work_item p br { display: none; }
    footer .wrap_container { padding-top: 20px; }
    footer .container { padding: 0 20px; }
    .footer { flex-direction: column; }
    .f_left ul { margin-top: 24px; }
    .f_show-reel_btn { display: none; }
    .f_left ul li { font-size: 36px; }
    .f_nav ul li { font-size: 22px; }
    .f_soc { display: flex; }
    .f_soc a { font-size: 0; width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; }
    .f_soc p + p { margin-left: 16px; }
    .f_soc a img { display: block; }
    .copyright { flex-direction: column; padding-top: 52px; }
    .copyright p { }
    .copyright p + p { margin-top: 8px; margin-left: 0; }
}


/* Слайдеры */
.slick-slider{ position: relative;display: block;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}
.slick-list {position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor: hand;}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);        transform: translate3d(0, 0, 0);}
.slick-track {position: relative;top: 0;left: 0;display: block;}
.slick-track:before,.slick-track:after{display: table; content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{display: none;float: left;height: 100%;min-height: 1px;}
[dir='rtl'] .slick-slide{float: right;}
.slick-slide img{display: block;}
.slick-slide.slick-loading img{ display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block;height: auto;border: 1px solid transparent;}