@media (max-width: 639px)
{ :root
{
--cont_padding: 10px;
--header_height: 46px;
--font_size_title: 28px;
--font_size_title_small: 22px;
--font_size_title_middle: 22px;
}
*{
scroll-margin-top: 50px;
}
.content_flex .content
{
width: 100%;
}
.block,
.block.middle_m,
.block.small_m
{
margin-bottom: 70px;
}
.category_info.block:has(.kits_other_objects) { margin-bottom: 20px; }
.trebovaniya_single.block { margin-bottom: 0 !important; }
.category_trebovaniya_cards_grid { grid-template-columns: 1fr; gap: 16px; }
.category_trebovaniya_cards { margin-top: 24px; padding: 20px var(--cont_padding); }
.category_trebovaniya_cards_title { font-size: 18px; margin-bottom: 16px; }
.category_trebovaniya_card { padding: 20px; }
.category_trebovaniya_card_title { font-size: 16px; margin-bottom: 10px; }
.category_trebovaniya_card_desc { font-size: 13px; margin-bottom: 12px; } .pagination
{
margin-top: 30px;
} .mob_header
{
padding: 10px 0;
}
.mob_header .logo img
{
width: 130px;
height: 26px;
}
.mob_header .search .btn,
.mob_header .search .btn .icon
{
width: 20px;
height: 20px;
} .mob_header .search.modal_cont
{
position: static;
}
.mob_header .search .mini_modal
{
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 1000;
width: 100%;
padding: 12px var(--cont_padding) 16px;
padding-top: max(12px, env(safe-area-inset-top));
margin: 0;
background: #fff;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.mob_header .search .mini_modal .search_modal_inner
{
display: flex;
align-items: center;
gap: 8px;
width: 100%;
}
.mob_header .search .mini_modal form
{
display: flex;
align-items: center;
gap: 0;
flex: 1;
min-width: 0;
}
.mob_header .search .mini_modal .input
{
flex: 1;
min-width: 0;
height: 44px;
padding: 0 16px;
font-size: 16px;
border: 1px solid #ddd;
border-radius: 8px;
background: #f8f8f8;
color: var(--text_color);
}
.mob_header .search .mini_modal .input:focus
{
outline: none;
border-color: var(--text_color);
background: #fff;
}
.mob_header .search .mini_modal .input::placeholder
{
color: rgba(43, 43, 43, 0.5);
}
.mob_header .search .mini_modal .submit_btn
{
flex-shrink: 0;
width: 44px;
height: 44px;
margin-left: 8px;
border: none;
border-radius: 8px;
background: var(--text_color);
color: #fff;
}
.mob_header .search .mini_modal .submit_btn .icon
{
width: 20px;
height: 20px;
color: inherit;
}
.mob_header .search .mini_modal .search_modal_close
{
flex-shrink: 0;
width: 44px;
height: 44px;
padding: 0;
font-size: 18px;
line-height: 1;
border: none;
border-radius: 8px;
background: #f0f0f0;
color: var(--text_color);
cursor: pointer;
-webkit-tap-highlight-color: transparent;
}
.mob_header .cart_link
{
margin-left: 20px;
} .mob_header .cart_link a
{
width: 36px;
height: 36px;
}
.mob_header .cart_link .icon
{
width: 18px;
height: 18px;
}
.mob_header .menu_btn
{
height: 26px;
margin-left: 20px;
} .page_head
{
margin-bottom: 32px;
}
.page_head .data
{
width: 100%;
margin-left: 0;
}
.page_head .data .page_title
{
padding-left: 103px;
} .block_head,
.block_head.middle_m
{
margin-bottom: 22px;
}
.block_head .desc
{
font-size: 12px;
margin-top: 12px;
}
.block_head .all_link
{
display: none;
} .form .columns > *
{
width: calc(100% - var(--form_columns_offset));
}
.form .cols
{
gap: 20px;
}
.form .cols > *
{
width: 100%;
}
.form .line
{
margin-bottom: 10px;
}
.form .field + .field
{
margin-top: 10px;
}
.form .agree .checkbox
{
font-size: 10px;
min-height: 12px;
padding-left: 17px;
}
.form .agree .checkbox .check
{
top: 0;
width: 12px;
height: 12px;
}
.form .submit_btn
{
font-size: 16px;
} .text_block
{
font-size: 12px;
}
.text_block > *
{
margin-bottom: 12px;
}
.text_block .columns > * + *
{
margin-top: 10px;
} .mob_all_link
{
display: flex;
} .filter
{
position: fixed;
z-index: 101;
top: 0;
right: 100%;
overflow-x: hidden;
overflow-y: auto;
width: 280px;
height: 100%;
padding: 20px;
transition: transform .3s linear;
border-radius: 0 10px 10px 0;
background: var(--bg);
overscroll-behavior-y: contain;
}
.filter.show
{
transform: translateX(100%);
} .mob_menu
{
padding: 10px 0 42px;
}
.mob_menu .head
{
padding-bottom: 11px;
}
.mob_menu .head .close_btn .icon
{
width: 30px;
height: 30px;
}
.mob_menu .catalog_block
{
margin-top: 30px;
}
.mob_menu .catalog_block .title
{
margin-bottom: 17px;
} .mob_menu .catalog_block .category .name
{
font-family: var(--font_family);
font-size: var(--font_size);
font-weight: 500;
line-height: 120%;
}
.mob_menu .links
{
margin-top: 30px;
gap: 32px;
} .main_slider .data
{
padding-top: 60px;
}
.main_slider .link
{
margin-top: 45px;
}
.main_slider .image
{
height: 350px;
} .main_slider .image.main_slider__static-img
{
display: flex !important;
}
.main_slider__static-img img
{
width: auto;
height: 100%;
max-width: 100%;
object-fit: contain;
}
.main_slider__video
{
display: none !important;
} .advantages .block_head
{
padding: 0;
border: none;
}
.advantages .row
{
margin-bottom: 0;
margin-left: 0;
}
.advantages .row > *
{
width: 100%;
margin-bottom: 0;
margin-left: 0;
}
.advantages .item
{
padding: 9px 0 7px;
text-align: left;
border-top: 1px solid rgba(43, 43, 43, .30);
align-items: center;
}
.advantages .item .icon
{
width: 50px;
height: 50px;
margin-left: 0;
}
.advantages .item br
{
display: none;
} .catalog_block .row > *
{
width: calc(50% - 10px);
}
.catalog_block .row > *.block_head
{
margin-bottom: 20px;
}
.catalog_block .row > *.block_head .desc
{
width: 100%;
}
.catalog_block .category
{
min-height: 100px;
}
.catalog_block .category .name
{
font-size: 14px;
}
.catalog_block .category .thumb
{
bottom: -17px;
width: calc(100% + 35px);
}
.catalog_block .category .arrow
{
width: 20px;
height: 20px;
}
.catalog_block .category .arrow .icon
{
width: 11px;
height: 14px;
} .catalog_landing
{
padding: 8px 0 40px;
}
.catalog_landing_head
{
margin-bottom: 28px;
}
.catalog_landing_h1
{
font-size: 24px;
}
.catalog_landing_intro p
{
font-size: 15px;
}
.catalog_landing_categories_row
{
grid-template-columns: 1fr;
grid-template-rows: unset;
grid-auto-rows: 1fr;
gap: 14px;
}
.catalog_landing_card_inner
{
padding: 16px 18px;
min-height: 130px;
}
.catalog_landing_card_title
{
font-size: 15px;
}
.catalog_landing_card_desc
{
font-size: 13px;
} .services .accordion_item .head
{
padding: 5px 0 5px 40px;
}
.services .accordion_item .head:before
{
font-size: 20px;
}
.services .accordion_item .head .title
{
font-size: 14px;
font-weight: 600;
}
.services .accordion_item .data
{
min-height: 147px;
padding: 0 0 5px;
}
.services .text_block
{
font-size: 12px;
}
.services .image
{
position: relative;
width: 100%;
height: auto;
margin-top: 10px;
}
.services_uslugi_preview_row
{
flex-direction: column;
flex-wrap: wrap;
align-items: stretch;
gap: 14px;
}
.services_uslugi_preview_actions
{
width: 100%;
justify-content: flex-start;
margin-top: 0;
}
.services_uslugi_preview_lead
{
font-size: 15px;
max-width: 100%;
width: 100%;
}
.services_uslugi_preview_grid
{
grid-template-columns: 1fr;
margin-top: 16px;
gap: 12px;
}
.services_uslugi_preview .uslugi_stage_main
{
display: flex;
flex-direction: column;
align-items: center;
gap: 10px;
}
.services_uslugi_preview .uslugi_stage_num
{
order: 1;
margin-bottom: 0;
}
.services_uslugi_preview .service-icon
{
order: 2;
width: 80px;
height: 80px;
grid-column: unset;
grid-row: unset;
}
.services_uslugi_preview .uslugi_stage_content
{
order: 3;
width: 100%;
min-width: 0;
grid-column: unset;
grid-row: unset;
text-align: left;
align-self: stretch;
} .about_block img
{
min-height: 225px;
object-position: 75% 50%;
}
.about_block .bottom
{
margin-top: 20px;
}
.about_block .link
{
padding-left: 0;
}
.about_block .link a
{
margin-right: auto;
margin-left: auto;
} .projects_block .row
{
margin-bottom: -20px;
margin-left: 0;
}
.projects_block .row > *,
.projects_block .row > *.big_w
{
width: 100%;
margin-bottom: 20px;
margin-left: 0;
}
.projects_block .project .thumb
{
margin-bottom: 10px;
}
.projects_block .all_link
{
margin-top: 20px;
}
.projects_block--raten_works .home_works_grid
{
grid-template-columns: 1fr;
gap: 20px;
} .solutions .row
{
margin-bottom: -10px;
margin-left: 0;
}
.solutions .row > *
{
width: 100%;
margin-bottom: 10px;
margin-left: 0;
}
.solutions .item .thumb
{ padding-bottom: 80%;
}
.solutions .item .thumb:before
{
height: 100%;
}
.solutions .item .name
{
font-size: 16px;
} .reviews .swiper-slide
{
width: calc(100vw - var(--cont_padding) * 2);
}
.reviews .review
{
padding: 15px;
}
.reviews .review .name
{
font-size: 16px;
} .FAQ .accordion_item .head
{
padding: 10px 15px;
}
.FAQ .accordion_item .head .title
{
font-size: 16px;
width: calc(100% - 50px);
} .contacts_block .head
{
margin-bottom: 41px;
}
.contacts_block .block_head
{
width: 100%;
margin-bottom: 42px;
}
.contacts_block .block_head .title.middle
{
font-size: 17px !important;
}
.contacts_block .links
{
width: 100%;
}
.contacts_block .links a
{
padding: 6px 0;
}
.contacts_block .links .arrow
{
display: block;
margin-right: auto;
}
.contacts_block .order
{
padding: 56px 0 44px;
}
.contacts_block .order .form
{
padding: 15px;
}
.contacts_block .order .title
{
font-size: 16px;
margin-bottom: 6px;
}
.contacts_block .order .form .line
{
margin-bottom: 5px;
}
.contacts_block .order .form .input
{
font-size: 12px;
height: 32px;
}
.contacts_block .order .form .submit
{
padding-top: 15px;
}
.contacts_block .order .form .submit_btn
{
font-size: 16px;
}
.contacts_block .order .form .agree
{
margin-top: 8px;
}
.contacts_block .order .form .checkbox
{
font-size: 10px;
} .category_info .head
{
margin: 0;
padding: 15px;
}
.category_info.category_header_compact .head
{
background: transparent !important;
justify-content: flex-start;
text-align: left;
padding: 8px 0 9px;
margin-bottom: 8px;
}
.category_info.category_header_compact .head .page_title
{
font-family: var(--font_family2);
font-size: 20px;
color: #555;
}
.category_info .txde h1,
.category_info .txde h1.wp-block-heading
{
font-family: var(--font_family2);
font-size: 20px;
font-weight: 600;
line-height: 1.2;
color: #555;
}
.category_info .mob_filter_btn
{
display: none !important;
}
.category_info aside
{
display: none !important;
}
.category_info .content
{
width: 100% !important;
} .products .row > *,
.content .products .row > *
{
width: calc(50% - 10px);
}
.products .product .name,
.content .products .product .name,
.products .product .name.big
{
font-size: 12px;
font-weight: 600;
}
.products .product .price,
.content .products .product .price
{
font-size: 14px;
margin-top: -5px;
} .product_info
{
margin-bottom: 20px;
}
.product_info .images
{
margin-bottom: 20px;
gap: 10px;
}
.product_info .images .images_slider
{
max-height: none;
}
.product_info .images .big
{
aspect-ratio: 1 / 1;
max-height: 55vh;
min-height: 180px;
}
.product_info .images .thumbs
{
flex: 0 0 96px;
flex-shrink: 0;
height: 96px;
min-height: 96px;
}
.product_info .images .thumbs .swiper-slide
{
width: 96px;
min-width: 96px;
height: 96px;
min-height: 96px;
flex-shrink: 0;
}
.product_info .images .thumbs .image
{
width: 96px;
min-width: 96px;
height: 96px;
min-height: 96px;
}
@media (max-width: 480px)
{
.product_info .images .thumbs
{
flex: 0 0 80px;
height: 80px;
min-height: 80px;
}
.product_info .images .thumbs .swiper-slide
{
width: 80px;
min-width: 80px;
height: 80px;
min-height: 80px;
}
.product_info .images .thumbs .image
{
width: 80px;
min-width: 80px;
height: 80px;
min-height: 80px;
} .product_info .product_name
{
width: 100%;
font-size: 19px;
}
.product_info .price
{
position: static;
margin-top: 14px;
font-size: 20px;
}
.product_info .options .vals label div
{
font-size: 11px;
padding: 6px 10px;
}
}
.product_info .product_name
{
font-size: 20px;
width: calc(100% - 116px);
}
.product_info .options
{
margin-top: 13px;
gap: 10px;
}
.product_info .options .label
{
font-size: 10px;
}
.product_info .options .vals
{
gap: 5px 10px;
}
.product_info .options .vals.colors
{
gap: 10px;
}
.product_info .options .vals label div
{
font-size: 12px;
padding: 7px 12px;
}
.product_info .options .colors label div
{
width: 20px;
height: 20px;
padding: 2px;
}
.product_info .options .colors label span
{
width: 14px;
height: 14px;
}
.product_info .price
{
font-size: 20px;
top: 15px;
}
.product_info .buy_btn
{
font-size: 16px;
min-height: 40px;
margin-top: 20px;
}
.product_info .product_buy_row
{
flex-wrap: wrap;
}
.product_info .amount
{
min-height: 40px;
}
.product_info .amount .btn
{
font-size: 20px;
line-height: 100%;
height: 20px;
}
.product_info .amount .input
{
font-size: 20px;
width: 48px;
height: 20px;
}
.product_info .delivery
{
display: none;
}
.product_info .section
{
margin-top: 20px;
padding-top: 10px;
}
.product_info .section .title
{
font-size: 14px;
font-weight: 600;
margin-bottom: 11px;
}
.product_info .description .text_block
{
font-size: 12px;
}
.product_info .product_seo
{
margin-top: 24px;
padding-top: 20px;
}
.product_info .product_seo_item
{
margin-bottom: 24px;
}
.product_info .product_seo_title
{
font-size: 18px;
margin-bottom: 10px;
}
.product_info .product_seo_text
{
font-size: 14px;
}
.product_info .product_seo_h3
{
font-size: 15px;
margin-top: 16px;
}
.product_info .product_seo_h3_text
{
font-size: 14px;
}
.product_faq_section
{
margin-top: 24px;
padding: 24px 0;
}
.product_faq_section .product_faq_title
{
font-size: 18px;
margin-bottom: 16px;
}
.product_faq_section .accordion_item .head
{
padding: 14px 16px;
}
.product_faq_section .accordion_item .head .title
{
font-size: 15px;
max-width: calc(100% - 44px);
}
.product_faq_section .accordion_item .head .icon
{
width: 32px;
height: 32px;
}
.product_faq_section .accordion_item .data
{
padding: 0 16px 16px;
}
.product_faq_section .text_block
{
font-size: 14px;
}
.product_info .product_anchor_nav_inner
{
padding: 12px 16px;
}
.product_info .product_anchor_link
{
font-size: 14px;
}
.product_info .product_desc_row .section
{
flex: 1 1 100%;
}
.product_info .features .items
{
gap: 10px;
}
.product_info .features .items > *:nth-child(4n+1),
.product_info .features .items > *:nth-child(4n+2),
.product_info .features .items > *:nth-child(4n+3),
.product_info .features .items > *:nth-child(4n+4)
{
width: calc(50% - 5px);
}
.product_info .features .label
{
font-size: 10px;
font-weight: 500;
}
.product_info .features .val
{
font-size: 12px;
}
.product_info .line
{
margin-top: 20px;
} .about_image img
{
min-height: 225px;
object-position: 64% 50%;
} .history .block_title
{
margin-bottom: 22px;
}
.history .data
{
gap: 63px;
}
.history .item + .item:before
{
height: 77px;
}
.history .item .desc
{
font-size: 12px;
width: calc(100% - 95px);
padding-top: 4px;
} .big_quote .text
{
padding-top: 42px;
padding-right: 0;
padding-bottom: 43px;
padding-left: 0;
text-align: left;
}
.big_quote .text span
{
text-align: left;
}
.big_quote .text:before,
.big_quote .text:after
{
width: 40px;
height: 30px;
}
.big_quote .text:before
{
left: 0;
} .about_us .block_title
{
margin-bottom: 35px;
}
.about_us .data
{
padding-left: 0;
gap: 24px;
}
.about_us .item
{
padding-left: 0;
gap: 10px;
}
.about_us .item:before
{
display: none;
}
.about_us .item .title
{
font-size: 22px;
} .contacts_info .data
{
gap: 20px;
}
.contacts_info .item
{
width: 100%;
}
.contacts_info .item .label,
.contacts_info .item .label:not(.mob_big)
{
font-size: 12px;
margin-bottom: 6px;
padding: 0;
color: rgba(43, 43, 43, .70);
}
.contacts_info .item .label.mob_big
{
padding-top: 20px;
}
.contacts_info .item .val:before,
.contacts_info .item .val.border:before
{
position: absolute;
bottom: 0;
left: -5px;
display: block;
width: 1px;
height: calc(100% + 1px);
content: '';
pointer-events: none;
background: rgba(43, 43, 43, .30);
}
.contacts_info .item .map
{
height: 330px;
margin: 20px calc(var(--cont_padding) * -1) 0;
}
.contacts_info .item .row > *
{
width: 100%;
} .page_head + .projects
{
padding-top: 38px;
}
.works_page_listing.block
{
padding-top: 0;
}
.projects .works_projects_nav
{
margin-right: calc(var(--cont_padding) * -1);
margin-left: calc(var(--cont_padding) * -1);
margin-bottom: 28px;
padding-right: var(--cont_padding);
padding-left: var(--cont_padding);
}
.projects .works_projects_nav_list
{
flex-wrap: nowrap;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
padding-bottom: 6px;
gap: 8px;
}
.projects .works_projects_nav a
{
flex-shrink: 0;
}
.projects .list
{
gap: 70px;
}
.projects .project
{
scroll-margin-top: 72px;
padding-top: 9px;
}
.projects .project .info
{
gap: 10px;
}
.projects .project .name
{
padding-left: 103px;
}
.projects .project .gallery,
.works_single_content .gallery
{
margin-top: 10px;
gap: 10px;
}
.projects .project .gallery .item:not(.big),
.works_single_content .gallery .item:not(.big)
{
display: none;
}
.projects .project .gallery .item.big,
.works_single_content .gallery .item.big
{
width: 100%;
}
.projects .project .gallery .image,
.works_single_content .gallery .image
{
height: 160px;
}
.projects .project .gallery .item.big .image,
.works_single_content .gallery .item.big .image
{
height: 400px;
} .cart_info .cont
{
padding-bottom: 0;
}
.cart_info .clear_btn
{
font-size: 14px;
margin-bottom: 36px;
}
.cart_info .clear_btn span
{
display: none;
}
.cart_info .product .thumb
{
align-self: flex-start;
}
.cart_info .product .image
{
width: 92px;
height: 92px;
}
.cart_info .product .info
{
align-self: flex-start;
width: calc(100% - 102px);
min-height: 92px;
gap: 10px;
}
.cart_info .product .amount
{
width: 93px;
}
.cart_info .product .amount .btn
{
margin-left: -32px;
}
.cart_info .product .amount .btn.plus
{
margin-right: -32px;
}
.cart_info .product .price
{
width: calc(100% - 139px);
}
.cart_info .bottom
{
margin-top: 30px;
gap: 23px;
}
.cart_info .total_price
{
font-size: 22px;
font-weight: 500;
}
.cart_info .checkout_link .link
{
font-size: 16px;
}
.cart_info .back_link
{
font-size: 16px;
margin-top: 7px;
} .checkout_success
{
padding: 144px 0 159px;
}
.checkout_success .big_icon
{
width: 80px;
height: 80px;
margin-bottom: 20px;
}
.checkout_success .desc
{
width: 300px;
margin-top: 14px;
}
.checkout_success .link
{
margin-top: 20px;
}
.checkout_success .link span
{
display: none;
}
.checkout_success .link span + span
{
display: block;
} .checkout_info
{
padding-bottom: 84px;
}
.checkout_info .data .form
{
gap: 20px;
}
.checkout_info .data .type
{
gap: 10px;
}
.checkout_info .data .type .field
{
width: 100%;
}
.checkout_info .data .section .title
{
font-size: 22px;
font-weight: 500;
margin-bottom: 13px;
}
.checkout_info .data .form .submit
{
bottom: 22px;
}
.checkout_info .order
{
margin-top: 20px;
}
.checkout_info .order .product,
.checkout_info .order .product + .product
{
padding-top: 10px;
gap: 6px;
}
.checkout_info .order .product .info
{
width: calc(100% - 46px);
gap: 6px;
}
.checkout_info .order .product .name
{
width: calc(100% - 99px);
}
.checkout_info .order .product .features
{
width: 93px;
}
.checkout_info .order .product .amount
{
order: 3;
width: 93px;
margin-top: 10px;
text-align: left;
}
.checkout_info .order .product .price
{
width: calc(100% - 99px);
margin-top: 10px;
padding-left: 46px;
text-align: left;
}
.checkout_info .order .total_price
{
font-size: 22px;
font-weight: 500;
margin-top: 0;
} footer
{
padding: 40px 0 79px;
}
footer .cont
{
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: flex-start;
gap: 16px;
}
footer .col_left
{
order: 1;
flex: 0 0 100%;
width: 100%;
}
footer .logo
{
display: none;
}
footer .catalog
{
display: none;
}
footer .col_left .zakzv.zakzvfut,
footer .col_left .catalog .zakzv.zakzvfut
{
width: 50%;
max-width: 50%;
align-self: center;
white-space: nowrap;
}
footer .catalog .btn
{
font-size: 16px;
flex-wrap: nowrap;
white-space: nowrap;
}
footer .title
{
margin-bottom: 2px;
}
footer .title.mob_hide
{
display: block;
}
footer .links
{
order: 2;
display: flex;
flex-direction: column;
flex: 0 0 100%;
width: 100%;
align-items: center;
text-align: center;
gap: 5px;
}
footer .links .title
{
text-align: center;
}
footer .links .items
{
width: 100%;
align-items: center;
gap: 5px;
}
footer .title.mob_hide + .items
{
padding-top: 0;
}
footer .contacts
{
order: 3;
display: flex;
flex-direction: column;
flex: 0 0 100%;
width: 100%;
margin-left: 0;
margin-top: 12px;
align-items: center;
text-align: center;
gap: 5px;
}
footer .contacts .title
{
text-align: center;
}
footer .contacts .item
{
justify-content: center;
}
footer .contacts .item .icon + div
{
width: auto;
max-width: calc(100% - 22px);
text-align: center;
}
footer .contacts .item.messengers
{
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
align-items: center !important;
}
footer .contacts .messengers
{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
footer .contacts .messengers > div
{
align-self: center;
}
footer .contacts .messengers a
{
display: flex !important;
justify-content: center !important;
}
footer .contacts .messengers span
{
width: auto;
}
footer .contacts .messengers
{
position: relative;
left: 0;
display: flex;
flex-direction: column;
align-items: center;
order: 2;
margin-top: 5px;
transform: none;
}
footer .contacts .item + .item
{
margin-top: 0;
}
.contacts_info .item.big .label.small
{
font-size: 20px;
}
.contacts_info .exp
{
font-size: 16px;
width: 100%;
margin-top: 20px;
} .delivery_info
{
padding-top: 20px;
}
.footer_logo_mobile
{
display: block;
padding: 10px 0;
margin-top: -10px;
text-align: center;
}
.footer_logo_mobile img
{
display: inline-block;
max-width: 35%;
height: auto;
}
.delivery_info .item .name
{
font-size: 18px;
margin-bottom: 16px;
}
.delivery_info .item .desc
{
font-size: 14px;
}
.delivery_info .item .items
{
font-size: 16px;
width: 100%;
margin-top: 24px;
gap: 32px;
}
.delivery_info .item .items > *
{
padding-left: 72px;
} .delivery_page_wrap
{
padding-bottom: 24px;
}
.delivery_page_wrap .block
{
margin-bottom: 20px;
}
.delivery_page_wrap .page_head
{
margin-bottom: 16px;
padding-top: 6px;
}
.delivery_page_wrap .page_head .page_title
{
font-size: 24px;
}
.delivery_page_wrap.delivery_page--v11 .page_head .page_title
{
font-size: var(--font_size_title);
font-family: var(--font_family2);
font-weight: 500;
line-height: 110%;
}
.delivery_page_wrap .delivery_info
{
padding-top: 0;
}
.delivery_page_wrap .delivery_info .data
{
flex-wrap: wrap;
gap: 16px;
}
.delivery_page_wrap .delivery_info .item
{
width: 100%;
min-width: 100%;
min-height: 0;
padding: 18px 16px;
border: 1px solid rgba(43, 43, 43, .25);
border-radius: 12px;
background: #fff;
}
.delivery_page_wrap .delivery_info .item .name
{
font-size: 20px;
margin-bottom: 10px;
}
.delivery_page_wrap .delivery_info .item .desc
{
font-size: 14px;
padding-top: 10px;
}
.delivery_page_wrap .delivery_info .item .items
{
font-size: 15px;
margin-top: 14px;
gap: 10px;
}
.delivery_page_wrap .delivery_info .item .items > *
{
padding-left: 32px;
}
.delivery_page_wrap .delivery_info .item .items > *:before
{
font-size: 16px;
}
.delivery_page_wrap .contacts_info
{
padding-top: 20px;
}
.delivery_page_wrap .contacts_info .data
{
flex-wrap: wrap;
gap: 16px;
}
.delivery_page_wrap .contacts_info .item.big
{
width: 100%;
min-width: 100%;
min-height: 0;
padding: 18px 16px;
border: 1px solid rgba(43, 43, 43, .25);
border-radius: 12px;
background: #fff;
}
.delivery_page_wrap .contacts_info .item.big .label.small
{
font-size: 18px;
padding-bottom: 12px;
}
.delivery_page_wrap .contacts_info .item.big .row
{
margin-top: 0;
min-height: 0;
}
.delivery_page_wrap .contacts_info .item .row > *
{
width: 100%;
}
.delivery_page_wrap .contacts_info .item .val
{
font-size: 18px;
padding-top: 12px;
}
.delivery_page_wrap .contacts_info .exp
{
display: flex;
flex-direction: column;
width: 100%;
min-width: 100%;
min-height: 0;
padding: 18px 16px;
border: 1px solid rgba(43, 43, 43, .25);
border-radius: 12px;
background: #fff;
}
.delivery_page_wrap .contacts_info .exp_text
{
font-size: 16px;
margin-bottom: 0;
}
.delivery_page_wrap .contacts_info .exp_btn_wrap
{
display: flex;
justify-content: center;
margin-top: 16px;
padding-top: 16px;
min-height: 0;
border-top: 1px solid rgba(43, 43, 43, .25);
}
.delivery_page_wrap .contacts_info .delivery_contact_btn
{
display: inline-block;
width: auto;
max-width: 100%;
padding: 12px 32px;
font-size: 15px;
font-weight: 500;
cursor: pointer;
border: 1px solid #2b2b2b;
border-radius: 100px;
background: #2b2b2b;
color: #fff;
text-align: center;
text-decoration: none;
} .contacts_page_wrap
{
padding-bottom: 24px;
}
.contacts_page_wrap .block
{
margin-bottom: 20px;
}
.contacts_page_wrap .page_head
{
margin-bottom: 16px;
padding-top: 6px;
}
.contacts_page_wrap .page_head .page_title
{
font-size: 24px;
}
.contacts_page_wrap.contacts_page--v5 .page_head .page_title
{
font-size: var(--font_size_title);
font-family: var(--font_family2);
font-weight: 500;
line-height: 110%;
} .contacts_page_wrap .contacts_info .data.contacts_page_data
{
display: block;
}
.contacts_page_wrap .contacts_page_top
{
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
margin-bottom: 16px;
}
.contacts_page_wrap .contacts_page_top .item:first-of-type { grid-column: 1; }
.contacts_page_wrap .contacts_page_top .item:nth-of-type(2) { grid-column: 2; }
.contacts_page_wrap .contacts_page_top .item_address { grid-column: 1 / -1; }
.contacts_page_wrap .contacts_info .item
{
width: 100%;
padding: 18px 16px;
border: 1px solid rgba(43, 43, 43, .25);
border-radius: 12px;
background: #fff;
}
.contacts_page_wrap .contacts_info .item .label
{
font-size: 14px;
}
.contacts_page_wrap .contacts_info .item.big .label
{
font-size: 18px;
padding-bottom: 8px;
}
.contacts_page_wrap .contacts_info .item .val
{
font-size: 16px;
padding-top: 8px;
}
.contacts_page_wrap .contacts_info .item .row > *
{
width: 100%;
}
.contacts_page_wrap .contacts_map
{
display: block;
position: relative;
width: 100%;
height: 330px;
min-height: 330px;
margin: 0 0 16px;
overflow: hidden;
}
.contacts_page_wrap .contacts_map iframe,
.contacts_page_wrap .contacts_map > *
{
display: block;
width: 100%;
height: 100%;
}
.contacts_page_wrap .contacts_page_bottom
{
display: block;
}
.contacts_page_wrap .contacts_page_bottom .item + .item
{
margin-top: 16px;
}
.pod_zakaz{
font-size: 14px;
} .conventer .all_link {
margin-top: 20px;
}
.animation-banner{
height: 100px;
}
.animated-text{
min-height: 20px;
font-size: 18px;
}
.cursor {
width: 2px;
height: 25px;
}
.conventer_page{
margin-top: 24px;
}
.conventer_input_label{
font-size: 20px;
margin-bottom: 8px;
}
#text-input{
font-size: 14px;
min-height: 200px;
height: auto;
padding: 16px;
}
.stats {
gap: 12px;
margin-top: 8px;
}
.stats span:last-child{
width: 140px;
flex-shrink: 0;
text-align: right;
}
.conventer_result {
margin-top: 24px;
}
.braille-output{
font-size: 15pt;
min-height: 150px;
padding: 16px;
}
.show_table{
margin-top: 24px;
}
.show_table{
font-size: 16px;
}
.braille-prepare ul.braille-prepare_list {
grid-template-columns: 1fr;
gap: 8px 0;
}
.braille-prepare,.braille-next-step,.braille-about{margin-top:24px;margin-bottom:20px}
.braille-card_inner{padding:20px 20px}
.braille-prepare h2,.braille-next-step h2,.braille-about h2{font-size:17px;margin-bottom:12px;padding-bottom:10px}
.braille-prepare ul{font-size:14px}
.conventer_lead{font-size:15px}
.table_brail{
margin-top: 24px;
}
.item_table{
padding: 8px 12px;
font-size: 22px;
}
.stats {
font-size: 14px;
}
.mnemo-hero-quote { margin: 14px 0 19px; padding: 16px 16px; }
.mnemo-hero-quote p { font-size: 9pt; }
.piktogrammy-hero { margin-bottom: 20px; }
.piktogrammy-hero-top { padding-bottom: 18px; margin-bottom: 18px; }
.piktogrammy-hero-h1 { font-size: 22px; margin: 30px 0 16px; }
.piktogrammy-hero-facts {
display: flex;
flex-direction: column;
border-top: 1px solid rgba(43, 43, 43, .12);
gap: 0;
}
.piktogrammy-hero-fact {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 10px 0;
gap: 12px;
border-left: none;
border-top: none;
border-bottom: 1px solid rgba(43, 43, 43, .12);
}
.piktogrammy-hero-fact:first-child {
padding-top: 10px;
}
.piktogrammy-hero-fact:last-child {
border-bottom: none;
}
.piktogrammy-hero-fact-num {
display: none;
}
.piktogrammy-hero-fact-value {
font-size: 13px;
}
.piktogrammy-hero-fact-label {
font-size: 11px;
text-align: right;
color: rgba(43, 43, 43, .55);
}
.piktogrammy-hero-blocks {
grid-template-columns: 1fr;
gap: 16px;
--piktogrammy-hero-gap: 0;
}
.piktogrammy-hero-blocks--single .piktogrammy-hero-desc {
width: 100%;
margin-left: 0;
}
.piktogrammy-hero-desc { padding: 18px 16px; font-size: 13px; }
.piktogrammy-hero-kits { padding: 16px 14px 12px; width: 100%; max-width: none; }
.mnemo-microtext { margin-bottom: 13px; padding-left: 16px; padding-right: 16px; font-size: 9pt; }
.mnemo-content-full { margin-top: 32px; padding-top: 24px; }
.mnemo-ux-block { margin-bottom: 28px; }
.mnemo-content-full .mnemo-ux-block {
padding-left: 20px;
padding-right: 20px;
}
.mnemo-install-heights-card .mnemo-install-heights-grid { grid-template-columns: 1fr; gap: 20px; }
.mnemo-install-fig { max-width: 100%; }
.mnemo-ux-block h2 { font-size: 18px; margin-bottom: 12px; }
.mnemo-ux-block p { font-size: 14px; }
.mnemo-collapse { margin-top: 28px; padding-top: 20px; }
.mnemo-collapse_btn { padding: 12px 16px; font-size: 15px; }
.mnemo-color-wrap {
grid-template-columns: 1fr;
column-gap: 0;
}
.mnemo-color-row {
flex-direction: column;
align-items: flex-start;
padding: 14px 0;
}
.mnemo-color-row-text { padding-right: 0; }
.mnemo-color-picto { align-self: flex-end; }
.scenario-intro,
.scenario-standards {
margin-bottom: 20px;
padding: 16px 0;
}
.scenario-intro { margin-bottom: 40px; padding: 0; }
.scenario-intro_card {
padding: 20px;
}
.scenario-intro_title {
font-size: 19px;
margin-bottom: 16px;
}
.scenario-intro_list {
grid-template-columns: 1fr;
gap: 10px;
}
.scenario-standards { margin-top: 20px; padding-top: 0; margin-bottom: 24px; }
.scenario-standards_card {
padding: 20px;
}
.scenario-standards_title {
font-size: 19px;
margin-bottom: 18px;
padding-bottom: 14px;
}
.scenario-standards_intro {
font-size: 14px;
margin-bottom: 20px;
}
.scenario-standards_grid {
grid-template-columns: 1fr;
gap: 16px;
}
.scenario-standards_section {
padding: 14px 16px;
}
.scenario-standards_section h3 {
font-size: 16px;
margin-bottom: 10px;
}
.scenario-intro h2,
.scenario-standards h2 {
font-size: 19px;
margin-bottom: 10px;
}
.scenario-intro h3,
.scenario-standards h3 {
font-size: 16px;
margin: 14px 0 8px;
}
.scenario-intro ul,
.scenario-standards ul {
font-size: 15px;
padding-left: 20px;
}
.evac-signs-table-wrap { margin: 16px 0; }
.evac-signs-table { min-width: 360px; font-size: 13px; }
.evac-signs-table th,
.evac-signs-table td { padding: 10px 12px; }
.trebovaniya_grid { grid-template-columns: 1fr; gap: 20px; }
.trebovaniya_single .cont.row { flex-direction: column; gap: 24px; min-width: 0; }
.trebovaniya_content { width: 100%; max-width: 100%; min-width: 0; }
.trebovaniya_content > * { max-width: 100%; box-sizing: border-box; }
.trebovaniya_content .text_block,
.trebovaniya_content .text_block p,
.trebovaniya_content .text_block li { overflow-wrap: break-word; word-wrap: break-word; }
.trebovaniya_toc { position: static; flex: none; max-width: 100%; }
.trebovaniya_gallery { grid-template-columns: 1fr; }
.trebovaniya_home .row { display: flex; flex-direction: column; gap: 0; grid-template-columns: unset; align-items: stretch; }
.trebovaniya_home .row > .block_head,
.trebovaniya_home .row > .trebovaniya_home_cards,
.trebovaniya_home_btn_wrap { grid-column: unset; grid-row: unset; width: 100%; max-width: 100%; }
.trebovaniya_home_cards { grid-template-columns: 1fr !important; }
.trebovaniya_home_col { margin-bottom: 10px; }
.trebovaniya_home_col:last-of-type { margin-bottom: 0; }
.trebovaniya_home_col .animate { width: 100%; }
.trebovaniya_home_btn_wrap { margin-top: 20px; }
.trebovaniya_home_card { width: 100%; max-width: 100%; box-sizing: border-box; }
.trebovaniya_home_btn_wrap .all_link a { white-space: normal; font-size: 18px; }
.trebovaniya_content .page_title { font-size: 28px; margin-bottom: 20px; }
.trebovaniya_content .trebovaniya_intro { font-size: 16px; margin-bottom: 32px; }
.trebovaniya_section { margin-bottom: 36px; }
.trebovaniya_h2 { font-size: 20px; margin-bottom: 20px; padding-bottom: 12px; }
.trebovaniya_h3 { font-size: 16px; margin-bottom: 12px; }
.trebovaniya_content .text_block { font-size: 16px; }
.trebovaniya_norm_list, .trebovaniya_list { font-size: 16px; margin-bottom: 16px; }
.trebovaniya_table_wrap th, .trebovaniya_table_wrap td { padding: 10px 12px; font-size: 14px; }
.trebovaniya_cta { margin-top: 27px; padding-top: 18px; padding-bottom: 18px; } .treb_quickans_a { width: 100%; max-width: 100%; box-sizing: border-box; padding: 18px 18px 18px 22px; margin-bottom: 28px; overflow-wrap: break-word; }
.treb_quickans_a__badge { font-size: 11px; padding: 5px 10px; margin-bottom: 12px; }
.treb_quickans_a__text { font-size: 16px; line-height: 1.55; }
.treb_quickans_a__list { font-size: 15px; padding-left: 20px; }
.treb_quickans_b {
flex-direction: column;
width: 100%;
max-width: 100%;
box-sizing: border-box;
margin-bottom: 28px;
border-radius: 14px;
}
.treb_quickans_b__metric {
flex: 0 0 auto;
width: 100%;
max-width: 100%;
min-width: 0;
box-sizing: border-box;
padding: 22px 22px 18px;
align-items: flex-start;
}
.treb_quickans_b__value { font-size: 40px; }
.treb_quickans_b__unit { font-size: 18px; margin-top: 4px; }
.treb_quickans_b__metric_label { font-size: 12px; margin-top: 10px; max-width: 100%; word-wrap: break-word; overflow-wrap: break-word; }
.treb_quickans_b__body { width: 100%; max-width: 100%; min-width: 0; box-sizing: border-box; padding: 20px 22px; }
.treb_quickans_b__headline { font-size: 17px; margin-bottom: 12px; word-wrap: break-word; overflow-wrap: break-word; }
.treb_quickans_b__bullets li { font-size: 14px; padding-left: 24px; word-wrap: break-word; overflow-wrap: break-word; }
.treb_quickans_b__bullets li::before { width: 14px; height: 14px; top: 4px; }
.treb_quickans_b__gost { font-size: 12px; margin-top: 12px; padding-top: 10px; word-wrap: break-word; overflow-wrap: break-word; } .trebovaniya_toc_title { cursor: pointer; margin-bottom: 0; }
.trebovaniya_toc_chevron { display: flex; }
.trebovaniya_toc_links { display: none; margin-top: 12px; }
.trebovaniya_toc_nav.is-open .trebovaniya_toc_links { display: flex; }
.trebovaniya_toc_nav.is-open .trebovaniya_toc_chevron { transform: rotate(180deg); } .treb_meta { font-size: 12.5px; gap: 8px 12px; margin-bottom: 22px; }
.treb_products { grid-template-columns: 1fr; gap: 16px; } .uslugi_page_wrap { padding-bottom: 0; }
.uslugi_page_bottom { padding: 90px 0; min-height: 320px; }
.uslugi_page_wrap .block { margin-bottom: 32px; }
.uslugi_hero { padding-top: 16px; padding-bottom: 20px; }
.uslugi_hero .cont.row { flex-direction: column; gap: 24px; }
.uslugi_hero_content { max-width: 100%; }
.uslugi_hero .page_title.uslugi_hero_h1 { font-size: 20px; margin-bottom: 16px; }
.uslugi_hero_sub { margin-bottom: 20px; }
.uslugi_hero_btns { flex-direction: column; gap: 10px; }
.uslugi_btn { width: 100%; justify-content: center; padding: 14px 20px; font-size: 15px; }
.uslugi_block_title { font-size: 20px; margin-bottom: 24px; }
.uslugi_stages { padding-top: 12px; padding-bottom: 32px; }
.uslugi_stages_grid { grid-template-columns: 1fr; gap: 12px; }
.uslugi_stage_card { padding: 18px 16px; }
.uslugi_stage_main {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
column-gap: 20px;
row-gap: 14px;
}
.uslugi_stage_num {
order: 1;
flex: 0 0 auto;
margin: 0;
}
.uslugi_stage_main .service-icon {
order: 2;
grid-column: unset;
grid-row: unset;
align-self: auto;
justify-self: auto;
width: 80px;
height: 80px;
flex: 0 0 auto;
}
.uslugi_stage_content {
order: 3;
flex: 1 0 100%;
width: 100%;
min-width: 0;
grid-column: unset;
grid-row: unset;
}
.uslugi_stage_title { font-size: 16px; }
.uslugi_stage_text { font-size: 14px; margin-bottom: 18px; }
.uslugi_fullcycle { padding: 32px 0; }
.uslugi_fullcycle_row { flex-direction: column; gap: 24px; }
.uslugi_fullcycle_img { max-width: 100%; width: 100%; margin: 0 auto; }
.uslugi_fullcycle_anim,
.uslugi_fullcycle_anim_placeholder { min-height: 340px; display: flex; align-items: center; justify-content: center; }
.uslugi_fullcycle_text { font-size: 15px; margin-bottom: 20px; }
.uslugi_fullcycle_list { grid-template-columns: 1fr; }
.uslugi_why { padding: 32px 0; }
.uslugi_why_wrap { padding: 32px var(--cont_padding); }
.uslugi_brailya_gray_wrap { padding: 32px var(--cont_padding); }
.uslugi_brailya_gray_wrap--short { padding-bottom: 0; }
.uslugi_brailya_gray_wrap--short30 { padding-bottom: 2px; }
.uslugi_brailya_materials_row { flex-direction: column; gap: 28px; }
.uslugi_brailya_materials_visual { width: 100%; flex: 1 1 auto; justify-content: center; }
.uslugi_materials_anim { max-width: 100%; margin-left: auto; margin-right: auto; }
.uslugi_why_grid { gap: 16px; }
.uslugi_why_row { grid-template-columns: 1fr; gap: 16px; }
.uslugi_why_card { padding: 22px 18px; }
.uslugi_why_title { font-size: 16px; }
.uslugi_why_text { font-size: 14px; }
.uslugi_products { padding: 32px 0; }
.uslugi_products_grid { gap: 8px 14px; }
.uslugi_product_link { padding: 10px 14px; font-size: 13px; }
.uslugi_cta { padding: 0; }
.uslugi_cta_title { font-size: 20px; margin-bottom: 10px; }
.uslugi_cta_text { font-size: 15px; margin-bottom: 20px; }
.uslugi_cta_btns { flex-direction: column; }
.uslugi_cta_btns .uslugi_btn { width: 100%; }
.uslugi_brailya_block { padding: 28px 0; }
.uslugi_brailya_intro { font-size: 15px; margin-bottom: 20px; }
.uslugi_brailya_subtitle { font-size: 18px; margin: 24px 0 16px 0; }
.uslugi_makety_cards_grid { grid-template-columns: 1fr; gap: 12px; }
.uslugi_makety_card { padding: 18px 16px; }
.uslugi_makety_card_title { font-size: 16px; }
.uslugi_makety_card_text { font-size: 14px; }
.uslugi_makety_step { padding: 16px 18px; gap: 12px; }
.uslugi_makety_step_num { width: 32px; height: 32px; font-size: 14px; }
.uslugi_makety_step_title { font-size: 16px; }
.uslugi_makety_step_text { font-size: 14px; }
.uslugi_makety_lead_list { font-size: 15px; }
.uslugi_makety_kogda_svg { max-width: min(100%, 256px); }
}