/* Start:/bitrix/templates/gbk_blue/fonts.css?17858556532093*/
/* Local fonts for GBK template */

@font-face {
	font-family: 'Geologica';
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src: url('/bitrix/templates/gbk_blue/fonts/Geologica-Light.ttf') format('truetype');
}

@font-face {
	font-family: 'Geologica';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('/bitrix/templates/gbk_blue/fonts/Geologica-Regular.ttf') format('truetype');
}

@font-face {
	font-family: 'Geologica';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url('/bitrix/templates/gbk_blue/fonts/Geologica-Medium.ttf') format('truetype');
}

@font-face {
	font-family: 'Geologica';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url('/bitrix/templates/gbk_blue/fonts/Geologica-SemiBold.ttf') format('truetype');
}

@font-face {
	font-family: 'Geologica';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url('/bitrix/templates/gbk_blue/fonts/Geologica-Bold.ttf') format('truetype');
}

@font-face {
	font-family: 'Geologica';
	font-style: normal;
	font-weight: 800;
	font-display: swap;
	src: url('/bitrix/templates/gbk_blue/fonts/Geologica-ExtraBold.ttf') format('truetype');
}

@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src: url('/bitrix/templates/gbk_blue/fonts/OpenSans-Light.ttf') format('truetype');
}

@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('/bitrix/templates/gbk_blue/fonts/OpenSans-Regular.ttf') format('truetype');
}

@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url('/bitrix/templates/gbk_blue/fonts/OpenSans-Medium.ttf') format('truetype');
}

@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url('/bitrix/templates/gbk_blue/fonts/OpenSans-SemiBold.ttf') format('truetype');
}

@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url('/bitrix/templates/gbk_blue/fonts/OpenSans-Bold.ttf') format('truetype');
}

@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('/bitrix/templates/gbk_blue/fonts/Roboto-Regular.ttf') format('truetype');
}

/* End */


/* Start:/bitrix/templates/gbk_blue/typography-variables.css?17858556532163*/
:root {
    --font-family-heading: "Geologica", sans-serif;
    --font-family-body: "Open Sans", sans-serif;

    --font-weight-light: 300;
    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;

    --font-size-h1: 64px;
    --font-size-h2: 48px;
    --font-size-h3: 40px;
    --font-size-h4: 32px;
    --font-size-h5: 24px;
    --font-size-h6: 20px;
    --font-size-body: 18px;
    --font-size-text: 18px;
    --font-size-body-large: 20px;
    --font-size-title-small: 24px;
    --font-size-display: 48px;
    --font-size-banner-title: 72px;
    --font-size-control: 16px;
    --font-size-small: 14px;
    --font-size-caption: 12px;

    --line-height-heading: 1.2;
    --line-height-text: 1.3;
    --line-height-compact: 1;
    --line-height-body: 1.4;


    --card-width: 410px;
    --card-height: 320px;
}

@media (max-width: 1360px) {
    :root {
        --card-width: 320px;
        --card-height: 320px;
    }
}

@media (max-width: 1280px) {
    :root {
        --card-width: 320px;
        --card-height: 320px;
    }
}


@media (max-width: 1024px) {
    :root {
        --font-size-h1: 52px;
        --font-size-h2: 40px;
        --font-size-h3: 34px;
        --font-size-body: 16px;
        --card-width: 276px;
        --card-height: 276px;
    }
}

@media (max-width: 870px) {
    :root {
        --card-width: 300px;
        --card-height: 300px;
    }
}

@media (max-width: 768px) {
    :root {
        --font-size-h1: 42px;
        --font-size-h2: 34px;
        --font-size-h3: 28px;
        --font-size-h4: 24px;
        --font-size-h5: 20px;
    }
}

@media (max-width: 610px) {
    :root {
        --card-width: 100%;
        --card-height: 320px;
    }
}


@media (max-width: 480px) {
    :root {
        --font-size-h1: 34px;
        --font-size-h2: 28px;
        --font-size-h3: 24px;
        --font-size-body: 15px;
    }
}

@media (max-width: 360px) {
    :root {
        --font-size-h1: 30px;
        --font-size-h2: 26px;
    }
}

/* End */


/* Start:/bitrix/templates/gbk_blue/common.css?17858556532388*/
/* Round Corners*/
.r0, .r1, .r2, .r3, .r4 { overflow: hidden; font-size:1px; display: block; height: 1px;}
.r4 { margin: 0 4px; }
.r3 { margin: 0 3px; }
.r2 { margin: 0 2px; }
.r1 { margin: 0 1px; }

/* Tags cloud */
div.search-cloud { text-align:center; } 
div.search-cloud a { line-height:1.4em; text-decoration:none; }
div.search-cloud a:hover { text-decoration:underline; }

/* Search results*/
div.search-item { margin: 0 0 1.5em; padding: 0 0 1.5em; border-bottom: 1px solid;}
div.search-result { margin: 1em 0;}
div.search-preview {margin: 0.5em 0;}
div.search-page input.search-query {width: 99%; border: 1px solid; font-size:1.3em;}
div.search-page input.search-button { font-size: 1.2em; }

/* Content Forms: commons styles */
div.content-form
{
	position:relative; 
	zoom:1;
	padding-bottom: 2.5em;
	padding-left:2.5em;
}

div.content-form div.form-input span {font-size: 1.5em;}
div.content-form div.form-input input, div.content-form div.form-input textarea, div.content-form div.form-input select
{	
	margin: 0;
	border:1px solid;
	font-size:1.117em; 
	font-family:Verdana, Tahoma, Sans-Serif;
	margin-bottom: 8px;
	
}

div.content-form div.form-input input, div.content-form div.form-input textarea { padding: 0.3em; }

div.content-form div.legend
{
	left: -1em; 
	top:-0.7em; 
	float:left; 
	padding: 0 3px; 
	background:white; 
	position:relative; 
	z-index:10; 
	font-size: 1.8em; 
	font-family:Arial, Verdana, Tahoma, Sans-Serif;
}

div.content-form div.form-input input, div.content-form div.form-input textarea {width:75%;}
div.content-form div.fields { clear: both; }
div.content-form input.input-submit { overflow:visible; padding:0 0.5em;}
div.content-form div.field { padding:0; margin: 0 0 0.8em 0; display: block; }
div.content-form div.field label.field-title
{
	display: block;
	font-size: 1.4em;
	margin-bottom: 3px;
	font-family:Arial, Verdana, Tahoma, Sans-Serif; 
	white-space: nowrap;
}

div.content-form div.description {font-size: 0.9em; }
div.content-form div.field-checkbox { margin: 0.3em 0; font-size: 1.4em;}

/*Error & OK messages*/
.errortext, .notetext
{
	display: block;
	margin:0 0 1.5em 0;
	padding:0.4em 1.117em;
	border: 1px solid;
}

.errortext ul, .notetext ul {padding:0.3em 0 0.3em 2em; margin:0;}
.errortext ul li, .notetext ul li {margin:0; padding:0;}
/* End */


/* Start:/bitrix/templates/gbk_blue/colors.css?17858556535077*/
h1, h2, h3, h4, h5, h6 { color:#000000; }

hr, .hr { border-color: #E9E9E9;}

/* Text */
a:link {color:#3C72CC;}
a:visited {color:#3C72CC;}
a:hover {color:#c90000;}
a:active {color:#3C72CC;}

/* Layout */
body { background-color: white; }

#top-menu { background: #1F69CF	url(/bitrix/templates/gbk_blue/images/top-menu-corners.gif) no-repeat left top; }
#top-menu-inner { background: url(/bitrix/templates/gbk_blue/images/top-menu-corners.gif) no-repeat right bottom; }

a.home-icon { background: url(/bitrix/templates/gbk_blue/images/icons-sprite.gif) no-repeat 0 0; }
a.search-icon { background: url(/bitrix/templates/gbk_blue/images/icons-sprite.gif) no-repeat 0 -15px; }
a.feedback-icon { background: url(/bitrix/templates/gbk_blue/images/icons-sprite.gif) no-repeat 0 -29px; }

#banner-overlay { background: url(/bitrix/templates/gbk_blue/images/overlay.png) no-repeat; }
#banner-slogan { color: #1F69CF; background: url(/bitrix/templates/gbk_blue/images/overlay.png) no-repeat right top;}

div.content-block { background: #FAF6E6 url(/bitrix/templates/gbk_blue/images/sidebar-corners.gif) no-repeat left top; }
div.content-block-inner { background: url(/bitrix/templates/gbk_blue/images/sidebar-corners.gif) no-repeat right bottom;}

#search div.search-inner-box { border-color: #DEDEDE; }
#search div.search-inner-box input { border-color: white;}
#search-button input { 	color: #FFF; }
#search-button { 	border-color: #739ADA #3A6EC4 #386BC0 #5886D3; background: #3C72CC; }

dl.block-list dt { color: #91908B; }
dl.block-list a { color: #000 !important;}

#sidebar h3 { color: #3C72CC; background: transparent url(/bitrix/templates/gbk_blue/images/sidebar-header-border.gif) no-repeat center bottom; }

#left-menu li { background: transparent url(/bitrix/templates/gbk_blue/images/sidebar-header-border.gif) no-repeat center bottom; }

#left-menu a { color: #000; }
#left-menu a:hover { color: #1F69CF;}
#left-menu li.selected a { color: #1F69CF; background: url(/bitrix/templates/gbk_blue/images/menu-arrow.gif) no-repeat left 1.4em;}

/* Product List */
div.product-overlay { background: url(/bitrix/templates/gbk_blue/images/product-overlay.png) no-repeat;}
a.product-desc { color: #000 !important;}
a.product-desc p { color: #7F7F7F !important; }

/* Paging */
span.nav-current-page { background-color:#e8e9ec; }
div.navigation span.disabled, div.navigation span.arrow, div.navigation span.ctrl   { color:#7E7E7E;}

/* News List */
div.news-item { border-color: #E5E5E5}
div.news-date { color: #7F7F7F; }

/* Catalog List */
div.catalog-item { border-color: #E5E5E5; }
div.catalog-item-image { border-color: #E5E5E5; }
div.catalog-item-price { background: #fff; color: #1D1D1D;}
div.catalog-item-property { border-color: #ccc;}
div.catalog-item-property b, div.catalog-item-property span { background: white; }

/* Top menu */
#horizontal-multilevel-menu li a.root-item { color:#fff; }
#horizontal-multilevel-menu li a.root-item-selected { background:#7CA6EB; color:#fff;} /*Root menu selected*/
#horizontal-multilevel-menu li:hover a.root-item, #horizontal-multilevel-menu li.jshover a.root-item { background:#4D87DD; color:#fff; } /*Root items: hover*/
#horizontal-multilevel-menu li:hover, #horizontal-multilevel-menu li.jshover { background:#EFEBDC; color:#fff; } /*Child-items: hover*/
#horizontal-multilevel-menu li.item-selected { background:#EFEBDC; color:#fff; } /*Child-items selected*/
#horizontal-multilevel-menu li ul { background:#FCF8E8; border-color: #D3D0C3;}
#horizontal-multilevel-menu li li { border-color: #EAE7DA;}

/*Items text color & size: hover*/
#horizontal-multilevel-menu li:hover li:hover a,
#horizontal-multilevel-menu li:hover li:hover li:hover a,
#horizontal-multilevel-menu li:hover li:hover li:hover li:hover a,
#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover a,
#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li:hover a
{
	color:#31312F;
}

/*Items text color & size */
#horizontal-multilevel-menu li a,
#horizontal-multilevel-menu li:hover li a,
#horizontal-multilevel-menu li:hover li:hover li a,
#horizontal-multilevel-menu li:hover li:hover li:hover li a,
#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li a,
#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li a
{
	color:#31312F;
}


/*Common Elements */
div.content-form div.form-input input, div.content-form div.form-input textarea, div.content-form div.form-input select
{
	background: #F8F7F7;
	border-color: #D9D9D9;
}
div.content-form div.field-error div.form-input input, 
div.content-form div.field-error div.form-input textarea, 
div.content-form div.field-error div.form-input select
{
	color: red;
	background:	#fff8d3;
}
div.content-form div.field label.field-title { color:#1D0405; }

/* Search results*/
div.search-item, table.search-filter td { border-color: #E9E9E9;}
div.search-page input.search-query, table.search-filter input.input-field, table.search-filter select.select-field { background: #F8F7F7; border-color: #D9D9D9; }

div.search-advanced, div.search-item-meta, div.search-item-meta a { color: #8a8a8a;}
div.search-sorting b { background: #E8E9EC; }

/*Error & OK messages*/
.errortext, .starrequired { color: red;}  
.errortext, .notetext { background:#FFFEEB; border-color: #FFD482;} 
/* End */


/* Start:/bitrix/templates/gbk_blue/styles.css?1785855653554*/


img {border:0 none;}

h1, h2, h3, h4, h5, h6
{
	font-family: Arial, Helvetica,sans-serif; 
	margin:1.3em 0 1em;
	font-weight:normal;
	line-height:1.2;
}

h1 { font-size:200%; margin:0 0 1em; }
h2 { font-size:160%; }
h3 { font-size:140%; }
h4 { font-size:140%; }
h5 { font-size:120%; }
h6 { font-size:100%; }

hr, .hr 
{
	border-top:1px solid;
	display:block;
	font-size:1px;
	height:1px;
	line-height:1px;
	margin:12px 0;
	overflow:hidden;
	padding:0;
}

#workarea ol li, #workarea ul li { margin: 0.6em 0; }
#workarea ul { list-style-type: disc; }




/* End */


/* Start:/bitrix/templates/gbk_blue/components/bitrix/menu/header_menu_mobile/style.css?17858556531145*/

/* Header menu */
ul.header_menu_mobile {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}

ul.header_menu_mobile li {
    width: 100%;
    margin: 0 1px;
    list-style: none;
}

ul.header_menu_mobile li a {
    display: block;
    align-content: center;
    box-sizing: border-box;
    width: 100%;
    height: 64px;
    border-radius: 16px;
    padding: 0 24px;
    color: #1d1d1d;
    font-family: var(--font-family-heading);
    font-size: var(--font-size-control);
    font-weight: var(--font-weight-regular);
    line-height: var(--line-height-compact);
    text-align: center;
    text-decoration: none;
}

ul.header_menu_mobile li a:visited {
    color: #1d1d1d;
}

ul.header_menu_mobile li a:hover {
    background-color: #e5e5e5;
}

ul.header_menu_mobile li a.selected {
    background-color: #e5e5e5;
}
@media (max-width: 568px) {
    ul.header_menu_mobile {
        margin: 20px;
    }

    ul.header_menu_mobile li {
        width: 100%;
        margin: 0;
        background-color: #f4f4f4;
    }
}

/* End */


/* Start:/bitrix/templates/gbk_blue/components/bitrix/menu/header_menu/style.css?17858556531068*/

/* Header menu */
ul.header_menu {
    position: relative;
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}

ul.header_menu li {
    width: fit-content;
    margin: 0 1px;
    list-style: none;
}

ul.header_menu li a {
    display: block;
    align-content: center;
    box-sizing: border-box;
    width: 100%;
    height: 64px;
    border-radius: 16px;
    padding: 0 24px;
    color: #1d1d1d;
    font-family: var(--font-family-heading);
    font-size: var(--font-size-control);
    font-weight: var(--font-weight-regular);
    line-height: var(--line-height-compact);
    text-align: center;
    text-decoration: none;
}

ul.header_menu li a:visited {
    color: #1d1d1d;
}

ul.header_menu li a:hover {
    background-color: #e5e5e5;
}

ul.header_menu li a.selected {
    background-color: #e5e5e5;
}
@media (max-width: 568px) {
    ul.header_menu {
        margin: 20px;
    }

    ul.header_menu li {
        width: 100%;
        margin: 0;
        background-color: #f4f4f4;
    }
}

/* End */


/* Start:/bitrix/templates/gbk_blue/components/bitrix/search.form/header_search/style.css?1785855653832*/

.gbk-search-form form {
    position: relative;
    display: flex;
    width: 347px;
    height: 64px;
}

.gbk-search-input-wrapper {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}

.gbk-search-input-wrapper input {
    display: block;
    width: 283px;
    height: 100%;
    border: 0;
    border-radius: 16px 0 0 16px;
    padding-left: 18px;
    background-color: #e5e5e5;
    font-family: var(--font-family-body);
    font-size: var(--font-size-small);
    font-weight: var(--font-weight-regular);
    line-height: var(--line-height-compact);
}

.gbk-search-input-wrapper input:focus {
    outline: none;
}

.gbk-search-but {
    display: flex;
    width: 64px;
    height: 64px;
}

.gbk-search-but input {
    padding: 20px;
    border-radius: 0 16px 16px 0;
    background-color: #e5e5e5;
}

/* End */


/* Start:/bitrix/templates/gbk_blue/components/bitrix/menu/header_menu_sticky/style.css?17858556531275*/

/* Sticky header menu */
ul.header_menu_sticky_wrapper {
    position: relative;
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}

ul.header_menu_sticky_wrapper li {
    width: fit-content;
    margin: 0 1px;
    list-style: none;
}

ul.header_menu_sticky_wrapper li a {
    display: block;
    align-content: center;
    box-sizing: border-box;
    width: 100%;
    height: 64px;
    border-radius: 16px;
    padding: 0 24px;
    color: #1d1d1d;
    font-family: var(--font-family-heading);
    font-size: var(--font-size-control);
    font-weight: var(--font-weight-regular);
    line-height: var(--line-height-compact);
    text-align: center;
    text-decoration: none;
}

ul.header_menu_sticky_wrapper li a img {
    width: 91px;
    height: 32px;
}

ul.header_menu_sticky_wrapper li a:visited {
    color: #1d1d1d;
}

ul.header_menu_sticky_wrapper li a:hover {
    background-color: #e5e5e5;
}

ul.header_menu_sticky_wrapper li a.selected {
    background-color: #e5e5e5;
}

@media (max-width: 568px) {
    ul.header_menu_sticky_wrapper {
        margin: 20px;
    }

    ul.header_menu_sticky_wrapper li {
        width: 100%;
        margin: 0;
        background-color: #f4f4f4;
    }
}

/* End */


/* Start:/bitrix/templates/gbk_blue/components/bitrix/search.form/header_search_sticky/style.css?1785855653916*/

.gbk-search-form-sticky {
    margin: 8px;
}

.gbk-search-form-sticky form {
    position: relative;
    display: flex;
    width: 164px;
    height: 48px;
}

.gbk-search-input-wrapper-sticky {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}

.gbk-search-input-wrapper-sticky input {
    display: block;
    width: 116px;
    height: 100%;
    border: 0;
    border-radius: 8px 0 0 8px;
    padding-left: 12px;
    background-color: #e5e5e5;
    font-family: var(--font-family-body);
    font-size: var(--font-size-small);
    font-weight: var(--font-weight-regular);
    line-height: var(--line-height-compact);
}

.gbk-search-input-wrapper-sticky input:focus {
    outline: none;
}

.gbk-search-but-sticky {
    display: flex;
    width: 48px;
    height: 48px;
}

.gbk-search-but-sticky input {
    padding: 14px;
    border-radius: 0 8px 8px 0;
    background-color: #e5e5e5;
}

/* End */


/* Start:/bitrix/templates/gbk_blue/components/bitrix/main.map/tree_footer/style.css?1785855653424*/


ul.map-level-0 a,
ul.map-level-1 a,
ul.map-level-2 a,
ul.map-level-3 a {
    color: #1d1d1d;
    font-family: var(--font-family-heading);
    font-size: var(--font-size-small);
    font-weight: var(--font-weight-regular);
    line-height: var(--line-height-compact);
    text-decoration: none;
}

.map-columns td {
    vertical-align: top;
}

ul.map-level-0 li {
    list-style: none;
}

ul.map-level-0 {
    margin: 0;
}

/* End */


/* Start:/bitrix/templates/gbk_blue/components/interlabs/feedbackform/help_form/style.css?178585565315405*/
.interlabs-feedbackform__container {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  line-height: 25px;
  font-size: 14px;
  color: #fff;
}
.interlabs-feedbackform__container .hidden {
  display: none;
}
.interlabs-feedbackform__container .interlabs-feedbackform__container__dialog {
  padding: 6px;
  padding-left: 28px;
  padding-top: 28px;
  padding-right: 32px;
  padding-bottom: 39px;
}
.interlabs-feedbackform__container .interlabs-feedbackform__container__dialog .header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.interlabs-feedbackform__container .interlabs-feedbackform__container__dialog .header label {
  font-family: Geologica;
  font-weight: 600;
  font-size: 24px;
  line-height: 120%;
  letter-spacing: 0%;

}
.form_wrapper_help .interlabs-feedbackform__container .interlabs-feedbackform__container__dialog .header label {
  color: #1D1D1D;
}


.interlabs-feedbackform__container .interlabs-feedbackform__container__dialog .header .js-interlabs-feedbackform__dialog__close {
  cursor: pointer;
  display: none;
}
.interlabs-feedbackform__container .interlabs-feedbackform__container__dialog .body {
  margin-top: 17px;
}
.interlabs-feedbackform__container .interlabs-feedbackform__container__dialog .body p {
  font-family: Open Sans;
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0%;

}
.form_wrapper_help .interlabs-feedbackform__container .interlabs-feedbackform__container__dialog .body p {
  color: #1D1D1D;
}

.interlabs-feedbackform__container .interlabs-feedbackform__container__dialog .body .form-group {
  margin-bottom: 17px;
}
.interlabs-feedbackform__container .interlabs-feedbackform__container__dialog .body .form-group .field-required {
  color: #EB5757;
}
.interlabs-feedbackform__container .interlabs-feedbackform__container__dialog .body .form-group label:nth-child(1) {
  width: 100%;
  font-style: normal;
  font-weight: normal;
  line-height: 25px;
  font-size: 14px;
  margin-bottom: 0;
}
.form_wrapper_help .interlabs-feedbackform__container .interlabs-feedbackform__container__dialog .body .form-group label:nth-child(1) {
  color: #868685;
}


.interlabs-feedbackform__container .interlabs-feedbackform__container__dialog .body .form-group input[type="text"] {
  margin-bottom: 0;
  height: 40px;
  background: #F8FAFC;
  border: 1px solid #D5DADC;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 4px;
  width: 100%;
  padding: 0 12px 0 12px;
}
.interlabs-feedbackform__container .interlabs-feedbackform__container__dialog .body .form-group input[type="text"].date {
  width: 75px;
}
.interlabs-feedbackform__container .interlabs-feedbackform__container__dialog .body .form-group select {
  width: 30%;
  color: #828282;
  border: 1px solid #D5DADC;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 2px;
  padding-left: 13px;
  height: 36px;
  -moz-appearance: none;
  /* Firefox */
  -webkit-appearance: none;
  /* Safari and Chrome */
  appearance: none;
  background: url("/bitrix/templates/gbk_blue/components/interlabs/feedbackform/help_form/image/select-arrow.png") no-repeat 97% 55%;
  background-color: #F8FAFC;
  text-align: left;
  text-align-last: left;
  padding-right: 18px;
}
.interlabs-feedbackform__container .interlabs-feedbackform__container__dialog .body .form-group .file {
  margin-top: 6px;
}
.interlabs-feedbackform__container .interlabs-feedbackform__container__dialog .body .form-group .file input[type="file"] {
  display: none;
}
.interlabs-feedbackform__container .interlabs-feedbackform__container__dialog .body .form-group .file a {
  padding: 12px 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 8px;
  font-family: Geologica;
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  color: #535353;
  cursor: pointer;
  background-color: #F4F4F4;
}
.interlabs-feedbackform__container .interlabs-feedbackform__container__dialog .body .form-group .file label {
  color: #fff;
  margin-left: 12px;
  font-weight: normal;
  font-style: normal;
  line-height: 25px;
  font-size: 14px;
}
.interlabs-feedbackform__container .interlabs-feedbackform__container__dialog .body .form-group .file label.selected {
  color: #fff;
}
.interlabs-feedbackform__container .interlabs-feedbackform__container__dialog .body .form-group textarea {
  width: 100%;
  height: 180px;
  background: #F8FAFC;
  border: 1px solid #D5DADC;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 2px;
}
.interlabs-feedbackform__container .interlabs-feedbackform__container__dialog .body .form-group .captcha {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.interlabs-feedbackform__container .interlabs-feedbackform__container__dialog .body .form-group .captcha input[type="text"] {
  width: 75%;
}
.interlabs-feedbackform__container .interlabs-feedbackform__container__dialog .body .form-group .captcha img {
  width: 180px;
  height: 40px;
}
.interlabs-feedbackform__container .interlabs-feedbackform__container__dialog .body .form-group .c-checkbox input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  z-index: 99;
  margin-top: 5px;
}
.interlabs-feedbackform__container .interlabs-feedbackform__container__dialog .body .form-group .c-checkbox input[type="checkbox"] + label {
  position: relative;
  cursor: pointer;
  padding: 0;
  font-weight: normal;
}
.interlabs-feedbackform__container .interlabs-feedbackform__container__dialog .body .form-group .c-checkbox input[type="checkbox"] + label:before {
  content: '';
  margin-right: 10px;
  display: inline-block;
  vertical-align: text-top;
  width: 16px;
  height: 16px;
  background: white;
  -webkit-box-shadow: 0 0 0 1px #D5DADC;
          box-shadow: 0 0 0 1px #D5DADC;
  border-radius: 2px;
  margin-top: -1px;
  background: #F8FAFC;
}
.interlabs-feedbackform__container .interlabs-feedbackform__container__dialog .body .form-group .c-checkbox input[type="checkbox"]:focus + label:before {
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12);
          box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12);
}
.interlabs-feedbackform__container .interlabs-feedbackform__container__dialog .body .form-group .c-checkbox input[type="checkbox"]:disabled + label {
  color: #b8b8b8;
  cursor: auto;
}
.interlabs-feedbackform__container .interlabs-feedbackform__container__dialog .body .form-group .c-checkbox input[type="checkbox"]:disabled + label:before {
  -webkit-box-shadow: none;
          box-shadow: none;
  background: #ddd;
}
.interlabs-feedbackform__container .interlabs-feedbackform__container__dialog .body .form-group .c-checkbox input[type="checkbox"]:checked + label:after {
  content: '';
  position: absolute;
  left: 4px;
  top: 8px;
  background: #159EBB;
  border-radius: 1px;
  width: 8px;
  height: 8px;
  display: block;
  /* box-shadow: 2px 0 0 #159EBB,
               4px 0 0 #159EBB,
                 4px -2px 0 #159EBB,
                 4px -4px 0 #159EBB,
                 4px -6px 0 #159EBB,
                 4px -8px 0 #159EBB;
               transform: rotate(45deg);
               margin-top: 5px;*/
}
.interlabs-feedbackform__container .interlabs-feedbackform__container__dialog .body .form-group .c-radio input[type="radio"] {
  position: absolute;
  opacity: 0;
  z-index: 99;
  margin-top: 5px;
}
.interlabs-feedbackform__container .interlabs-feedbackform__container__dialog .body .form-group .c-radio input[type="radio"] + label {
  position: relative;
  cursor: pointer;
  padding: 0;
  font-weight: normal;
}
.interlabs-feedbackform__container .interlabs-feedbackform__container__dialog .body .form-group .c-radio input[type="radio"] + label:before {
  content: '';
  margin-right: 10px;
  display: inline-block;
  vertical-align: text-top;
  width: 16px;
  height: 16px;
  background: white;
  -webkit-box-shadow: 0 0 0 1px #D5DADC;
          box-shadow: 0 0 0 1px #D5DADC;
  border-radius: 8px;
  margin-top: -1px;
  background: #F8FAFC;
}
.interlabs-feedbackform__container .interlabs-feedbackform__container__dialog .body .form-group .c-radio input[type="radio"]:focus + label:before {
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12);
          box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12);
}
.interlabs-feedbackform__container .interlabs-feedbackform__container__dialog .body .form-group .c-radio input[type="radio"]:disabled + label {
  color: #b8b8b8;
  cursor: auto;
}
.interlabs-feedbackform__container .interlabs-feedbackform__container__dialog .body .form-group .c-radio input[type="radio"]:disabled + label:before {
  -webkit-box-shadow: none;
          box-shadow: none;
  background: #ddd;
}
.interlabs-feedbackform__container .interlabs-feedbackform__container__dialog .body .form-group .c-radio input[type="radio"]:checked + label:after {
  content: '';
  position: absolute;
  left: 4px;
  top: 8px;
  background: #70BB18;
  border-radius: 4px;
  width: 8px;
  height: 8px;
  display: block;
  /* box-shadow: 2px 0 0 #159EBB,
               4px 0 0 #159EBB,
                 4px -2px 0 #159EBB,
                 4px -4px 0 #159EBB,
                 4px -6px 0 #159EBB,
                 4px -8px 0 #159EBB;
               transform: rotate(45deg);
               margin-top: 5px;*/
}
.interlabs-feedbackform__container .interlabs-feedbackform__container__dialog .body .form-group.agree a {
  color: #159EBB;
}
.interlabs-feedbackform__container .interlabs-feedbackform__container__dialog .body .form-group.agree .c-checkbox {
  display: inline-block;
}
.interlabs-feedbackform__container .interlabs-feedbackform__container__dialog .body input[type="submit"],
.interlabs-feedbackform__container .interlabs-feedbackform__container__dialog .body .js-interlabs-feedbackform__dialog__send-button,
.interlabs-feedbackform__container .interlabs-feedbackform__container__dialog .body .interlabs-feedbackform__container-succsess__close {
  width: auto;
  height: 48px;
  border: 2px solid #fff;
  border-radius: 8px;
  color: #fff;
  font-style: normal;
  font-weight: normal;
  line-height: 25px;
  font-size: 14px;
  text-align: center;
  margin-top: 24px;
  padding: 0 12px 0 12px;
  cursor: pointer;
}
.interlabs-feedbackform__container .interlabs-feedbackform__container__dialog .body .js-interlabs-feedbackform__dialog__send-button.green {
  background-color: #1AA840;
}


.interlabs-feedbackform__container .interlabs-feedbackform__container__dialog .body .js-interlabs-feedbackform__dialog__send-button img {
  margin-right: 11px;
  margin-bottom: -10px;
}


.interlabs-feedbackform__container .interlabs-feedbackform__container__dialog .error {
  color: #EB5757;
  margin-left: 12px;
}
.interlabs-feedbackform__container .interlabs-feedbackform__container__dialog .interlabs-feedbackform__container__errors .interlabs-feedbackform__container__errors__item {
  font-style: normal;
  font-weight: normal;
  line-height: 33px;
  font-size: 14px;
  color: #EB5757;
  margin-bottom: 18px;
}
.interlabs-feedbackform__container .interlabs-feedbackform__container-succsess {
  color: #70BB18;
  margin: 20px 0px;
  padding: 6px;
}
.interlabs-feedbackform__container .interlabs__info-dialog {
  background: #FFFFFF;
  -webkit-box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.1);
  padding-left: 28px;
  padding-top: 28px;
  padding-right: 32px;
  padding-bottom: 39px;
  max-height: 480px;
  max-width: 540px;
  position: fixed;
  z-index: 9998;
  top: 30%;
  left: 30%;
}
.interlabs-feedbackform__container .interlabs__info-dialog.hidden {
  display: none;
}
.interlabs-feedbackform__container .interlabs__info-dialog .scroll-area {
  height: 300px;
  overflow-y: auto;
}
.interlabs-feedbackform__container .interlabs__info-dialog .header {
  border-bottom: 1px solid #70BB18;
  min-height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.interlabs-feedbackform__container .interlabs__info-dialog .header label {
  font-style: normal;
  font-weight: 500;
  line-height: 34px;
  font-size: 24px;
  color: #000000;
  margin-right: 12px;
}
.interlabs-feedbackform__container .interlabs__info-dialog .header .close-dialog {
  cursor: pointer;
}
.interlabs-feedbackform__container .interlabs__info-dialog .body .form-group {
  margin-bottom: 28px;
}
.interlabs-feedbackform__container .interlabs__info-dialog .body .form-group .btn.btn-close {
  width: 144px;
  height: 36px;
  background: #70BB18;
  border-radius: 2px;
  border: none;
  color: #F2F2F2;
  font-style: normal;
  font-weight: normal;
  line-height: 25px;
  font-size: 14px;
  text-align: center;
  text-transform: uppercase;
}
@media screen and (min-width: 0px) and (max-width: 900px) {
  .interlabs-feedbackform__container .interlabs-feedbackform__container__dialog .body .form-group .captcha {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .interlabs-feedbackform__container .interlabs-feedbackform__container__dialog .body .form-group .captcha input[type="text"] {
    width: 100%;
    margin-top: 12px;
  }
  .interlabs-feedbackform__container .interlabs-feedbackform__container__dialog .body .form-group .captcha img {
    width: 180px;
    height: 40px;
  }
  .interlabs-feedbackform__container .interlabs__info-dialog {
    top: 50px;
    left: 0;
  }
  .interlabs-feedbackform__container .interlabs__info-dialog .scroll-area {
    height: 150px;
  }
}

@media screen and (max-width: 480px) {
  .interlabs-feedbackform__container .interlabs-feedbackform__container__dialog {
    padding: 24px 20px;
  }

  .interlabs-feedbackform__container .interlabs-feedbackform__container__dialog .header label {
    font-size: 20px;
  }

  .interlabs-feedbackform__container .interlabs-feedbackform__container__dialog .body .form-group select,
  .interlabs-feedbackform__container .interlabs-feedbackform__container__dialog .body .form-group input[type="text"].date {
    width: 100%;
  }

  .interlabs-feedbackform__container .interlabs-feedbackform__container__dialog .body .form-group textarea {
    height: 140px;
  }

  .interlabs-feedbackform__container .interlabs-feedbackform__container__dialog .body input[type="submit"],
  .interlabs-feedbackform__container .interlabs-feedbackform__container__dialog .body .js-interlabs-feedbackform__dialog__send-button,
  .interlabs-feedbackform__container .interlabs-feedbackform__container__dialog .body .interlabs-feedbackform__container-succsess__close {
    width: 100%;
    justify-content: center;
  }
}

/* End */


/* Start:/bitrix/templates/gbk_blue/template_styles.css?178585565322168*/

/* Общие */

img {
    border: 0;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-family-heading);
}

p, span, div {
    font-family: var(--font-family-body);
    font-weight: var(--font-weight-regular);
    font-size: var(--font-size-body);
    line-height: var(--line-height-body);
}

h1, h2, h4, h5, h6 {
    line-height: var(--line-height-heading);
}

h1 {
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-h1);
    margin: 0;
}
h2 {
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-h2);
    margin: 0;
}
h3 {
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-h3);
    margin: 0;
    line-height: var(--line-height-compact);
}
h4 {
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-h4);
    margin: 0;
}
h5 {
    font-weight: var(--font-weight-semibold);
    font-size: var(--font-size-h5);
    margin: 0;
}
h6 {
    font-weight: var(--font-weight-semibold);
    font-size: var(--font-size-h6);
    margin: 0;
}
*, *::before, *::after {
    box-sizing: border-box;
}
#workarea ol li, #workarea ul li { margin: 0 0; }


.header_info_wrapper {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: nowrap;
    border-radius: 16px;
    padding: 38px 0;
    align-items: center;
}

.header_logo a img {
    width: 138px;
    height: 48px;
}

.phone_inc,.address_inc,.mail_inc {
    display: flex;
    flex-direction: row;
}
.phone_inc div span, .address_inc span, .mail_inc span {
    font-family: var(--font-family-body);
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-text);
    line-height: var(--line-height-body);
}

.phone_inc img,.address_inc img,.mail_inc img {
    display: block;
    width: 21px;
    height: 21px;
    margin: 0;
    padding: 0;
}
.phone_inc div {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}

.header_phone .phone_inc div span,
.header_address .address_inc span,
.header_mail .mail_inc span {
    font-family: var(--font-family-body);
    font-weight: var(--font-weight-regular);
    font-size: var(--font-size-small);
    line-height: var(--line-height-compact);
}


.header_phone .phone_inc div {
    width: 260px;
    max-height: 38px;
}

.mail_inc span a {
    text-decoration: none;
}

.header_menu_wrapper {
    display: none;
    position: absolute;
    top: 90px;
    z-index: 1000;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: nowrap;
    background-color: #F4F4F4;
    border-radius: 16px;
    margin-bottom: 40px;
}
.social_wrapper,.social_wrapper_mobile_footer  {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.social_wrapper div,.social_wrapper_mobile_footer div {
    margin-right: 20px;
}

.social_wrapper_mobile {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.social_wrapper_mobile div div{
    justify-content: center;
}
.header_menu_desktop {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: nowrap;
    border-radius: 16px;
    margin-bottom: 40px;
}

.header_home_button img {
    display: block;
    width: 21px;
    height: 21px;
    margin: 0;
    padding: 0;
}

.menu_button {
    display: none;
    display: block;
    width: auto;
    min-width: 48px;
    height: 48px;
    border-radius: 8px;
    background-color: #F4F4F4;
    /*margin: 0 0 0 40px;*/
    align-content: center;
    cursor: pointer;
}
.menu_button img,.menu_button_close img {
    display: block;
    margin: 0 auto;
}
.menu_button_close {
    display: none;
    display: block;
    width: auto;
    min-width: 48px;
    height: 48px;
    border-radius: 8px;
    background-color: #0079C0;
    /*margin: 0 0 0 40px;*/
    align-content: center;
    cursor: pointer;
}
.menu_mobile_wrapper {
    display: none;
}
.help_button {
    display: block;
    width: auto;
    min-width: 48px;
    height: 48px;
    border-radius: 8px;
    /*margin: 0 0 0 40px;*/
    background-color: #0079C0;
    align-content: center;
    cursor: pointer;
}
.help_button div {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
    padding: 0 10px;
}
.help_button div img {
    display: block;
    margin-right: 5px;
}
.header_help_text {
    display: block;
    font-weight: var(--font-weight-medium);
    font-size: var(--font-size-control);
    line-height: var(--line-height-compact);
    color: #fff;
}


/*меню при прокрутке*/
.header_wrapper_sticky {
    width: 1280px;
    display: none;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: nowrap;
    box-sizing: border-box;
    background-color: #F4F4F4;
    border-radius: 16px;
    z-index: 1000;
    box-shadow:	0 0 20px 20px rgba(0, 121, 192, 0.2);
}
.header_home_logo {
    width: max-content;
    height: max-content;
    text-decoration: none;
    border-radius: 8px;
    padding: 16px;
    background-color: #E5E5E5;
    align-content: center;
}

.header_home_logo img {
    display: block;
    width: 91px;
    height: 32px;
    margin: 0;
    padding: 0;
}


.help_button_sticky {
    margin: 8px;
    display: flex;
    justify-content: center;
    width: 48px;
    height: 48px;
    background-color: #1AA840;
    border-radius: 8px;
    align-items: center;
    cursor: pointer;
}
.help_button_sticky img {
    display: block;
}

.hide {
    display: none;
}

.articles {
    margin-bottom: 40px;
}


/*Body*/

#workarea {
position: relative;
width: 1440px;
min-height: 1000px;
margin: 0 auto;
padding: 30px 80px;
box-sizing: border-box;
}




#workarea div {
box-sizing: border-box;

}
div h3:first-of-type {
    margin: 40px 0 32px 0;
}

.main_big_banner {
    margin: 0 -80px 40px -80px;
    max-height: 560px;
}


.main_catalog,.main_products {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}
.main_body_logo,.main_catalog div a,.main_products div {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: var(--card-width);
    height: var(--card-height);
    border: 2px solid #E5E5E5;
    border-radius: 16px;
    margin-bottom: 24px;
}
.main_catalog div p,.main_products div p,.main_products2 div p {
    text-align: center;
}
.main_catalog div img,.main_products div img,.main_products2 div img {
    height: 187px;
}
.main_body_logo {
    background-color: #F4F4F4;
}
.main_body_logo span {
    width: 290px;
    height: 100px;
    margin: auto 0;
}
.main_body_logo span img {
    width: 290px;
    height: 100px;
}
.main_body_logo span div {
    width: 290px;
    height: 100px;
    margin: auto 0;
}
.main_body_logo span div img {
    width: 290px;
    height: 100px;
}


.main_products2 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}

.main_products2 div {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 302px;
    height: 320px;
    border: 2px solid #E5E5E5;
    border-radius: 16px;
    margin-bottom: 24px;
}

.banner_help {
    width: 100%;
    height: auto;
    background: linear-gradient(90deg, #0079C0 0%, #0295EB 100%);
    margin: 20px 0 40px 0;
    border-radius: 16px;
}
.banner_help_catalog {
    width: 100%;
    height: auto;
    background: linear-gradient(90deg, #0079C0 0%, #0295EB 100%);
    margin: 20px 0 20px 0;
    border-radius: 16px;
}
.main_special_offers img{
    max-height: 410px;
}

/*Страница products*/

.types_of_products {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}
.types_of_products div {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 300px;
    height: auto;
    border: 2px solid rgba(178, 212, 232, 0.8);
    border-radius: 16px;
    margin-bottom: 24px;
    background-color: rgba(0, 121, 192, 0.05);
}
.types_of_products div p {
    margin: 0 24px 24px 24px;
}

.types_of_products div img {
    height: 187px;
}
.products_search {
    margin-bottom: 40px;
}


/*Страница контактов*/

.contacts_block_wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.contacts_block_wrapper span h3 {
    margin-top: 15px;
}
.contacts_block_wrapper h6 {
    font-family: var(--font-family-body);
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-text);
    line-height: var(--line-height-body);
    margin: 24px 0;
}
.contacts_block_wrapper ul {
    margin: 0;
    padding: 0;
}
.contacts_block_wrapper ul li {
    list-style: none;
    margin: 0 !important;
    padding: 0;
}
.social_block {
    display: flex;
    flex-direction: column;
}

.social_block span {
    margin-bottom: 24px;
}
.social_block span a {
    text-decoration: none;
}
.contacts_details tr th {
    font-family: var(--font-family-body);
    font-weight: var(--font-weight-semibold);
    font-size: var(--font-size-text);
    line-height: var(--line-height-body);
    margin-bottom: 10px;
}
.contacts_details tr td {
    font-family: var(--font-family-body);
    font-weight: var(--font-weight-regular);
    font-size: var(--font-size-text);
    line-height: var(--line-height-body);
}

.contacts_details tr {
    display: flex;
    flex-direction: column;
    align-items: start;
    margin-bottom: 20px;
}
.contacts_details {
    width: 620px;
    border-radius: 16px;
    gap: 24px;
    padding: 24px 32px;
    background-color: #F4F4F4;
}

/*О компании*/

.company_page_top {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 40px;
}
.company_page_text {
    max-width: 65%;
}
.date_card {
    width: 356px;
    height: 216px;
    background: linear-gradient(90deg, #0079C0 0%, #0295EB 100%);
    border-radius: 16px;
    color: #fff;
    padding: 34px 0 0 40px;
}
.date_card p {
    font-weight: var(--font-weight-regular);
    font-size: var(--font-size-body-large);
    line-height: var(--line-height-compact);
    color: #fff;
    margin-bottom: 5px;
}

.date_card h2 {
    font-weight: var(--font-weight-extrabold);
    font-size: var(--font-size-display);
    line-height: var(--line-height-compact);
    color: #fff;
    margin-top: 0;
}
.company_wrapper .main_big_banner {
    margin: 0;
}

.company_wrapper .banner_help {
    height: 342px;
}

/*Каталог*/

.catalog_page {
    display: flex;
    flex-direction: row;
}
.catalog_page_menu {
    width: 320px;
}
.catalog_page_menu #gbk_catalog_menu {
    margin-bottom: 40px;
    width: 320px;
}
.catalog_page_body {
    width: 100%;
    margin: 0 0 40px 40px;
}


/*Доставка и оплата*/
.delivery_wrapper p {
    font-family: var(--font-family-body);
    font-weight: var(--font-weight-regular);
    font-size: var(--font-size-text);
    line-height: var(--line-height-body);
    color: #535353;
}
.delivery_wrapper h3 {
    font-family: var(--font-family-heading);
    font-weight: var(--font-weight-semibold);
    font-size: var(--font-size-title-small);
    line-height: var(--line-height-heading);
}
.delivery_wrapper .banner_help {
    height: auto;
}
/*Статьи*/
/*Вакансии*/

.text_wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 24px;
}
.text_block {
    max-width: 570px;
    font-family: var(--font-family-body);
    font-weight: var(--font-weight-regular);
    font-size: var(--font-size-body-large);
    line-height: var(--line-height-body);
}
.text_block b {
    font-family: var(--font-family-body);
    font-weight: var(--font-weight-semibold);
    font-size: var(--font-size-body-large);
    line-height: var(--line-height-body);
}
.form_wrapper {
    width: 696px;
    background-color: #0079C0;
    border-radius: 16px;
}
.form_wrapper_help {
    width: 484px;
    background-color: #FFFFFF;
    border-radius: 16px;
}


/*футер*/

.footer_wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    background-color: #F4F4F4;
    border-radius: 16px;
    padding: 30px 32px;
}

.footer_wrapper .phone_inc,
.footer_wrapper .address_inc,
.footer_wrapper .mail_inc {
    margin-top: 10px;
}

.footer_wrapper .footer_address {
    flex-direction: column;
}
.footer_wrapper .footer_address p {
    font-family: var(--font-family-body);
    font-weight: var(--font-weight-light);
    font-size: var(--font-size-small);
    line-height: var(--line-height-body);
    margin: 0 0 0 30px;
}



.footer_logo {
    margin-top: 10px;
}

.footer_phone,.footer_address,.footer_mail {
    display: flex;
    flex-direction: row;
}
.footer_phone .phone_inc div span,
.footer_address .address_inc span,
.footer_mail .mail_inc span {
    font-family: var(--font-family-body);
    font-weight: var(--font-weight-regular);
    font-size: var(--font-size-small);
    line-height: var(--line-height-compact);
}

.footer_phone img,.footer_address img,.footer_mail img {
    width: 26px;
    height: 24px;
    padding-right: 5px;
}
.footer_phone ul,
.footer_phone li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.popup-window span.popup-window-close-icon {
    width: 16px;
    height: 16px;
    top: 45px;
    right: 45px;
}

.popup-window span.popup-window-close-icon:after {
    width: 16px;
    height: 16px;
}

.popup-window {
    border-radius: 16px;
}

#hideBlockBuy {
overflow: hidden;
}

@media (max-width: 1440px) {
    .main_wrapper {
        width: 100%;
    }
}

/* Адаптивность */

html {
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
    overflow-x: hidden;
}

img,
svg,
iframe {
    max-width: 100%;
}

img {
    height: auto;
}

#page-wrapper {
overflow-x: hidden;
}

#workarea {
width: min(100%, 1440px);
}

.mobile_menu_toggle {
    display: none;
    align-items: center;
    gap: 8px;
    width: 48px;
    min-height: 48px;
    border: 0;
    border-radius: 12px;
    padding: 0 16px;
    background-color: #E5E5E5;
    color: #1D1D1D;
    font-family: var(--font-family-heading);
    font-weight: var(--font-weight-medium);
    font-size: var(--font-size-control);
    line-height: var(--line-height-compact);
    cursor: pointer;
}

.mobile_menu_toggle span {
    font-size: inherit;
}

.mobile_menu_icon {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.mobile_menu_icon span {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 2px;
    background-color: #1D1D1D;
}

@media (max-width: 1439px) {
    #workarea {
    width: 100%;
    padding: 30px 40px;
    }

    .main_big_banner {
        margin-right: -40px;
        margin-left: -40px;
    }

    .header_wrapper_sticky {
        left: 40px;
        right: 40px;
        width: auto;
    }

    .header_info_wrapper {
        gap: 20px;
    }

    .header_phone .phone_inc div {
        width: auto;
        max-height: none;
    }

}

@media (max-width: 1360px) {
    .main_body_logo,.main_catalog div a,.main_products div {
        width: var(--card-width);
        height: var(--card-height);
    }

}

@media (max-width: 1280px) {
    #workarea {
    width: 100%;
    padding: 30px 32px;
    }

    .main_big_banner {
        margin-right: -32px;
        margin-left: -32px;
    }

    .header_wrapper_sticky {
        left: 32px;
        right: 32px;
        width: auto;
    }

    .header_info_wrapper {
        flex-wrap: wrap;
        padding: 32px 0;
    }

    .header_logo {
        flex: 1 1 180px;
    }

    .social_wrapper {
        flex: 0 1 auto;
        display: none;
    }
    .menu_button {
        display: block;
    }
    .header_help_text {
        display: none;
    }
    .header_menu_desktop {
        display: none;
    }
    .header_menu_wrapper {
        align-items: stretch;
    }
    .header_menu_wrapper > ul.header_menu_mobile,
    .header_menu_wrapper > .gbk-search-form {
        display: none;
    }

    .header_menu_wrapper.is-open,.header_menu_wrapper.is-open > ul.header_menu_mobile,
    .header_menu_wrapper.is-open > .gbk-search-form {
        display: flex;
        flex-direction: column;
        width: 100%;
    }
    .main_body_logo,.main_catalog div a,.main_products div {
        width: var(--card-width);
        height: var(--card-height);
    }
    .social_wrapper_mobile{
        padding: 20px;
    }
    .footer_logo {
        width: 170px;
        height: auto;
    }
}
@media (max-width: 1024px) {
    #workarea {
    padding: 24px;
    }

    .main_big_banner {
        margin-right: 0;
        margin-left: 0;
    }

    .header_info_wrapper {
        align-items: flex-start;
        gap: 16px 24px;
        padding: 24px 0;
    }

    .header_logo,
    .header_mail,
    .header_phone,
    .header_address {
        flex: 1 1 calc(50% - 24px);
    }

    .help_button {
        width: 100%;
        max-width: 244px;
    }

    .header_menu_wrapper {
        flex-wrap: wrap;
        gap: 12px;
        padding: 12px;
    }

    .header_wrapper_sticky {
        display: none !important;
    }

    .main_body_logo,.main_catalog div a,.main_products div {
        width: var(--card-width);
        height: var(--card-height);
    }



    .catalog_page {
        flex-direction: column;
    }

    .catalog_page_menu,
    .catalog_page_menu #gbk_catalog_menu {
        width: 100%;
    }

    .catalog_page_body {
        margin: 0 0 40px;
    }

    .contacts_block_wrapper,
    .company_page_top,
    .text_wrapper {
        flex-direction: column;
        gap: 24px;
    }

    .company_page_text,
    .text_block,
    .contacts_details,
    .form_wrapper,
    .form_wrapper_help {
        width: 100%;
        max-width: none;
    }

    .footer_wrapper {
        flex-wrap: wrap;
        gap: 24px;
    }


    .footer_tree .map-columns tbody tr {
        display: flex;
        flex-direction: column;
    }
    .social_wrapper_mobile_footer {
        flex-direction: column;
    }
}

@media (max-width: 870px) {
    .main_body_logo {
        width: 100%;
    }
    .main_body_logo,.main_catalog div a,.main_products div {
        width: var(--card-width);
        height: var(--card-height);
    }
}
@media (max-width: 768px) {
    #workarea {
    padding: 20px;
    }

    div h3:first-of-type {
        margin: 32px 0 24px;
    }

    .header_info_wrapper {
        align-items: center;
        padding: 20px 0;
    }


    .header_mail,
    .header_phone,
    .header_address {
        flex: 1 1 100%;
    }

    .phone_inc,
    .address_inc,
    .mail_inc {
        align-items: flex-start;
    }

    .help_button {
        max-width: none;
    }

    .header_menu_wrapper {
        flex-direction: column;
        margin-bottom: 32px;
        border-radius: 12px;
    }

    .mobile_menu_toggle {
        display: flex;
    }

    .main_body_logo,.main_catalog div a,.main_products div,.main_products2 div {
        width: var(--card-width);
        height: var(--card-height);
    }
    .main_body_logo,.advantages_card {
        width: 100%;
    }

    .main_catalog,
    .main_products,
    .main_products2,
    .types_of_products {
        gap: 16px;
    }

    .main_catalog div img,
    .main_products div img,
    .main_products2 div img,
    .types_of_products div img {
        height: auto;
        max-height: 187px;
        object-fit: contain;
    }

    .banner_help,
    .banner_help_catalog, .company_wrapper .banner_help {
        margin: 16px 0 32px;
        height: auto;
    }

    .date_card {
        width: 100%;
        height: auto;
        min-height: 180px;
        padding: 28px;
    }

    .contacts_details {
        padding: 24px;
    }

    .form_wrapper,
    .form_wrapper_help {
        border-radius: 12px;
    }

    .footer_wrapper {
        padding: 24px;
        border-radius: 12px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .social_wrapper_mobile_footer div  {
        margin: 0 auto;
    }
    .social_wrapper_mobile_footer div div {
        flex-direction: column;
    }
    .social_wrapper_mobile_footer div div img {
        align-self: center;
    }
}

@media (max-width: 610px) {
    .main_body_logo,.main_catalog div,.main_catalog div a,.main_products div, {
        width: var(--card-width);
        height: var(--card-height);
    }
    .advantages_card {
        width: 100%;
    }
    .social_wrapper_mobile {
        flex-direction: column;
    }
    .social_wrapper_mobile div {
        margin-bottom: 10px;
        justify-self: center;
    }
    .social_wrapper_mobile div div {
        flex-direction: column;
    }
    .social_wrapper_mobile div div img {
        margin: 0 auto;
    }
    ul.header_menu_mobile {
        margin: 0;
    }
}
@media (max-width: 480px) {
    #workarea {
    padding: 16px;
    min-height: auto;
    }

    .header_logo a img {
        width: 120px;
        height: auto;
    }

    .header_info_wrapper {
        padding: 16px 0;
    }

    .header_menu_wrapper {
        margin-bottom: 24px;
    }

    .help_button div {
        justify-content: center;
        gap: 10px;
    }

    .main_body_logo,
    .main_catalog div a,
    .main_products div,
    .main_products2 div,
    .types_of_products div,
    .advantages_card {
        min-height: 220px;
        padding: 20px;
    }

    .main_body_logo span,
    .main_body_logo span div {
        width: 100%;
        height: auto;
    }

    .main_body_logo span img,
    .main_body_logo span div img {
        width: 100%;
        height: auto;
    }

    .contacts_details {
        padding: 20px;
    }

    .footer_wrapper {
        padding: 20px;
    }

    .popup-window {
        max-width: calc(100vw - 24px);
    }

    .popup-window span.popup-window-close-icon {
        top: 20px;
        right: 20px;
    }
}

@media (max-width: 360px) {
    #workarea {
    padding: 12px;
    }

    .mobile_menu_toggle,
    .help_button {
        min-height: 46px;
    }

    .main_body_logo,
    .main_catalog div a,
    .main_products div,
    .main_products2 div,
    .types_of_products div,
    .advantages_card {
        padding: 16px;
    }
}




/* End */
/* /bitrix/templates/gbk_blue/fonts.css?17858556532093 */
/* /bitrix/templates/gbk_blue/typography-variables.css?17858556532163 */
/* /bitrix/templates/gbk_blue/common.css?17858556532388 */
/* /bitrix/templates/gbk_blue/colors.css?17858556535077 */
/* /bitrix/templates/gbk_blue/styles.css?1785855653554 */
/* /bitrix/templates/gbk_blue/components/bitrix/menu/header_menu_mobile/style.css?17858556531145 */
/* /bitrix/templates/gbk_blue/components/bitrix/menu/header_menu/style.css?17858556531068 */
/* /bitrix/templates/gbk_blue/components/bitrix/search.form/header_search/style.css?1785855653832 */
/* /bitrix/templates/gbk_blue/components/bitrix/menu/header_menu_sticky/style.css?17858556531275 */
/* /bitrix/templates/gbk_blue/components/bitrix/search.form/header_search_sticky/style.css?1785855653916 */
/* /bitrix/templates/gbk_blue/components/bitrix/main.map/tree_footer/style.css?1785855653424 */
/* /bitrix/templates/gbk_blue/components/interlabs/feedbackform/help_form/style.css?178585565315405 */
/* /bitrix/templates/gbk_blue/template_styles.css?178585565322168 */