

/* Start:/bitrix/templates/bootstrap4_copy/components/bitrix/menu/catalog_horizont_2020/style.css?179035548511990*/
.bx-top-nav-container {
	margin-top: 0;
	/**padding: 0 10px;**/
	/**background: #eb5757;**/
background:#fff;
text-decoration: uppercase;
	border-radius: 2px;
	position: relative;
	/***font-family:  "Roboto Condensed", Arial, Helvetica, sans-serif;***/
font-size:18px;
}
/* 1 lvl*/

.bx-blue.bx-top-nav .bx-top-nav-container {
    background: #111;
}

.bx-top-nav-container .bx-nav-list-1-lvl {
	margin: 0;
	padding: 0;
	list-style: none;
}
.bx-top-nav-container .bx-nav-1-lvl {
	float: left;
	position: relative;
}
.bx-top-nav-container .bx-nav-1-lvl>a {
	color: #428bca;
	font-weight: 500;
	display: block;
	text-decoration: none;
	/**text-transform: uppercase;**/
	border-radius: 1px;
	/**padding-top: 6px;
	padding-bottom: 2px;**/
	border-bottom: none;
/****  border-bottom:2px solid  #428bca;  ***/
}

.bx-top-nav-container .bx-nav-1-lvl>a:hover {
/** border-top:5px solid #fff;
border-bottom:2px solid #fff; **/
color: #fff;
}
.bx-top-nav-container .bx-nav-1-lvl>a span {
	padding: 10px 14px 10px;
	display: block;
}
.bx-top-nav-container .bx-nav-1-lvl.bx-hover {
 	/**background: url(/img/body_bg.jpg); **/
background:#428bca; color:#fff;
}

.bx-top-nav-container .bx-nav-1-lvl.bx-nav-parent.bx-hover>a,
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-parent.hover>a {
	z-index: 250;
	box-shadow: 0 6px 13px 0 rgba(0, 0, 0, .13)
}
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-parent.bx-hover>a span,
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-parent.hover>a span {background:#428bca; color:#fff;}
.bx-top-nav-container .bx-nav-parent-arrow{	display: none;}


/*2 lvl*/

.bx-top-nav-container .bx-nav-2-lvl-container-advanced,
.bx-top-nav-container .bx-nav-2-lvl-container {
	z-index: 999;
	display: none;
	opacity: 0;
	padding: 9px 0 5px;
	box-shadow: 0 6px 13px 0 rgba(0, 0, 0, .5);
	border-top: none;
	/** min-width: 100%; **/
	min-width: 600px;
	color: #428bca;

}
.bx-top-nav-container .bx-nav-2-lvl-container-advanced:before,
.bx-top-nav-container .bx-nav-2-lvl-container:before {
	position: absolute;
	content: " ";
	display: block;
	height: 5px;
	/**background: #b74343;*/
	top: -5px;
	left: 0;
	right: 0;
}
.bx-top-nav-container .bx-nav-1-lvl.bx-hover .bx-nav-2-lvl-container-advanced,
.bx-top-nav-container .bx-nav-1-lvl.hover .bx-nav-2-lvl-container-advanced,
.bx-top-nav-container .bx-nav-1-lvl.bx-hover .bx-nav-2-lvl-container,
.bx-top-nav-container .bx-nav-1-lvl.hover .bx-nav-2-lvl-container {
	opacity: 1;
	display: block;
	position: absolute;
	top: 100%;
	z-index: 999;
	/**background: #b74343;**/
 	/**background: url(/img/body_bg.jpg); ***/
background:#428bca; color:#fff;
}

.bx-top-nav-container>ul{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.bx-top-nav-container .bx-nav-list-2-lvl {
	margin: 0;
	padding: 5px 0 12px;
}
.bx-top-nav-container .bx-nav-2-lvl {
	display: block;

	/**min-width: 500px; *****/

	padding: 0 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
		.bx-top-nav-container li.bx-nav-2-lvl {
		display: block;
		float:left;
		min-width: 500px; 

}

/********** LEVEL  SECOND ***************************/
 	.bx-top-nav-container .bx-nav-2-lvl>a {
		display: block;
	padding: 8px 10px;
	margin: 1px 5px;

	color: #428bca;
	font-size: 18px;
	line-height: 20px;
	text-decoration: none;
	font-weight: 400;
	border-bottom: none;
	float:left;
	min-width: 290px; 
	border-bottom: 1px solid #fff;

}
 	.bx-top-nav-container .bx-nav-2-lvl>a:hover {background:#428bca; color:#fff;}
 	.bx-top-nav-container .bx-nav-2-lvl:last-child a {border:none;}

.bx-top-nav-container .bx-nav-list-2-lvl .bx-nav-2-lvl:first-child a{
	border-top: none;
	margin-top: 0;
}

/*3 lvl*/

.bx-top-nav-container .bx-nav-3-lvl {
	padding: 5px 0;
	margin: 0;
}
.bx-top-nav-container .bx-nav-3-lvl-container-advanced:before,
.bx-top-nav-container .bx-nav-3-lvl-container:before {
	position: absolute;
	content: " ";
	display: block;
	height: 5px;
	background: #fff;
	top: -5px;
	left: 0;
	right: 0;
}
.bx-top-nav-container .bx-nav-list-3-lvl {
	margin: 0;
	padding: 0px 0 14px 7px;
}
.bx-top-nav-container .bx-nav-3-lvl {
	display: block;
	min-width: 280px;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.bx-top-nav-container .bx-nav-3-lvl a {
	padding: 3px 15px;
	color: #555;
	font-size: 13px;
	line-height: 14px;
	text-decoration: none;
	border-bottom: none;
	display: block;
}





/* col 1 */
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-1-col .bx-nav-2-lvl-container-advanced,
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-1-col .bx-nav-2-lvl-container {
	min-width: 200px
}
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-1-col .bx-nav-2-lvl-container-advanced .bx-nav-list-2-lvl,
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-1-col .bx-nav-2-lvl-container .bx-nav-list-2-lvl {
	display: block;
	min-width: 200px;
	width: 100%;
}
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-1-col .bx-nav-catinfo-back{
	width: 100%;
	background: #fff;
}
/* col 2 */
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-2-col .bx-nav-2-lvl-container-advanced,
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-2-col .bx-nav-2-lvl-container {
	min-width: 400px
}
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-2-col .bx-nav-2-lvl-container-advanced .bx-nav-list-2-lvl,
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-2-col .bx-nav-2-lvl-container .bx-nav-list-2-lvl {
	display: block;
	min-width: 200px;
	width: 50%;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-2-col .bx-nav-catinfo-back{
	width: 50%;
}
/* col 3 */
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-3-col .bx-nav-2-lvl-container-advanced,
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-3-col .bx-nav-2-lvl-container {
	min-width: 600px
}
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-3-col .bx-nav-2-lvl-container-advanced .bx-nav-list-2-lvl,
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-3-col .bx-nav-2-lvl-container .bx-nav-list-2-lvl {
	display: block;
	min-width: 200px;
	width: 33.33333%;
	float: left;
}
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-3-col .bx-nav-catinfo-back{
	width: 33.33333%;
}
/* col 4 */
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col {position: static;}
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col .bx-nav-2-lvl-container-advanced{
	top: 100%;
	left: 0;
	right: 0;
}
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col .bx-nav-2-lvl-container-advanced,
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col .bx-nav-2-lvl-container{
	min-width: 100%
}
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col .bx-nav-2-lvl-container-advanced .bx-nav-list-2-lvl,
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col .bx-nav-2-lvl-container .bx-nav-list-2-lvl {
	display: block;
	width: 25%;
	float: left;
}
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col .bx-nav-catinfo-back{
	width: 25%;
}

.bx-top-nav-container .bx-nav-catinfo{
	padding: 5px 15px 5px;
	z-index: 120;
	position: relative;
}
.bx-top-nav-container .bx-nav-catinfo img{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #e7e9ea;
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 100%;
}
.bx-top-nav-container .bx-nav-catinfo p{
	padding: 20px 5px 0;
	font-size: 13px;
}
.bx-top-nav-container .bx-nav-catinfo-back{
	position: absolute;
	display: block;
	content: ' ';
	top: -5px;
	right: 0px;
	bottom: 0px;
	background: #f7fafb;
	z-index: 100;
	border-left: 1px solid #ecefef;
}
/* ASIDE */
/*body>.bx-aside-nav-control.bx-opened{left: 85%;}*/

.bx-aside-nav-control {
	font-size: 28px;
	position: fixed;
	width: 40px;
	height: 40px;
	top: 5px;
	left: 5px;
	line-height: 40px;
	cursor: pointer;
	z-index: 1750;
	color: #000;
	text-align: center;

}
body>.bx-aside-nav-control{
	-webkit-transition: left .15s linear;
	-moz-transition: left .15s linear;
	-ms-transition: left .15s linear;
	-o-transition: left .15s linear;
	transition: left .15s linear;
}
.bx-aside-nav-control .fa{
	line-height: 40px;
	vertical-align: middle;
}

.bx-wrapper,
.bx-aside-nav {
	-webkit-transition: -webkit-transform .15s linear;
	-moz-transition: -moz-transform .15s linear;
	-ms-transition: -ms-transform .15s linear;
	-o-transition: -o-transform .15s linear;
	transition: transform .15s linear;
}
.bx-logo {
	z-index: 1700 !important
}
/**/
.bx-opened .bx-footer,
.bx-opened .workarea{display:none !important}
/**/
.bx-aside-nav {
	display: none;
	padding-top: 50px;
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	transform: translateX(-100%);
	width: 100%;
	background: #428bca;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	z-index: 1600;
}
.bx-aside-nav.bx-opened {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
	overflow-y: scroll;

}
.bx-aside-nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.bx-aside-nav a {
	color: #fff;
	vertical-align: middle;
	line-height: 48px;
	height: 48px;
	font-size: 16px;
	display: block;
	border-bottom: 1px solid #fff;
	padding-left: 15px;
	max-width: 100%;
	overflow: hidden;
	white-space: nowrap;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
}
.bx-aside-nav a {
	text-decoration: none;
}
.bx-aside-nav a:hover {
	text-decoration: none;
color:#ccc;
}
.bx-aside-nav .bx-nav-1-lvl {}
.bx-aside-nav .bx-nav-1-lvl>a {}
.bx-nav-1-lvl.bx-opened,
.bx-aside-nav .bx-nav-1-lvl:hover>a,
.bx-aside-nav .bx-nav-1-lvl.bx-hover>a {
	background:#428bca; color:#fff;
}
.bx-aside-nav .bx-nav-list-2-lvl {
	background: #44535c;
}
.bx-aside-nav .bx-nav-2-lvl>a {
	padding-left: 30px;
}
.bx-aside-nav .bx-nav-3-lvl>a {
	padding-left: 45px;
}
.bx-aside-nav .bx-nav-4-lvl a {
	padding-left: 60px;
}
.bx-aside-nav .bx-nav-parent {
	position: relative;
}
.bx-aside-nav .bx-nav-parent-arrow {
	position: absolute;
	right: 0;
	top: 0;
	margin-top: 6px;
	width: 46px;
	height: 34px;
	text-align: center;
	border-left:1px solid #5a6971;
	z-index: 200;
}
.bx-aside-nav .bx-nav-parent-arrow i {
	line-height: 34px;
	font-size: 17px;
	font-style: normal;
	color: #428bca;
}
.bx-aside-nav .bx-nav-parent.bx-opened .bx-nav-parent-arrow i {
	-webkit-transition: all .15s linear;
	-moz-transition: all .15s linear;
	-ms-transition: all .15s linear;
	-o-transition: all .15s linear;
	transition: all .15s linear;
}
.bx-aside-nav .bx-nav-parent .bx-nav-2-lvl-container-advanced,
.bx-aside-nav .bx-nav-parent .bx-nav-2-lvl-container,
.bx-aside-nav .bx-nav-parent>ul {
	overflow: hidden;
	height: 0;
}
.bx-aside-nav .bx-nav-parent.bx-opened .bx-nav-2-lvl-container-advanced,
.bx-aside-nav .bx-nav-parent.bx-opened .bx-nav-2-lvl-container,
.bx-aside-nav .bx-nav-parent.bx-opened>ul {
	height: auto;
}

.bx-aside-nav .bx-nav-catinfo{display: none;}
.bx-aside-nav .bx-nav-catinfo-back{display: none;}

@media (min-width: 1200px) {
	.bx-top-nav-container .bx-nav-1-lvl>a {font-size: 1.25rem;}
	.bx-top-nav-container .bx-nav-1-lvl>a span {  padding: 37px 15px;     /**padding-top: 36px; padding-bottom: 36px;**/}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.bx-top-nav-container .bx-nav-1-lvl>a {font-size: 16px;}
	.bx-top-nav-container .bx-nav-1-lvl>a span {padding: 15px 5px;     /**padding: 9px 6px 8px**/}
}

@media (min-width: 768px) and (max-width: 992px) {
	.bx-top-nav-container .bx-nav-1-lvl>a {font-size: 13px;}
	.bx-top-nav-container .bx-nav-1-lvl>a span {padding: 5px 5px 9px}
}
@media (min-width: 768px){
	.bx-aside-nav-control,
	.bx-aside-nav{display: none;}
	.bx-top-nav-container{display: block;}
}
@media (max-width: 768px) {
	.bx-aside-nav-control,
	.bx-aside-nav{display: block;}
	.bx-top-nav-container{display: none;}
	.bx-aside-nav .bx-nav-parent-arrow{display: block;}
	.bx-aside-nav .bx-nav-1-lvl.bx-nav-parent>a>span>.fa{display: none;}
}
/* End */


/* Start:/bitrix/templates/bootstrap4_copy/components/bitrix/breadcrumb/2026/style.min.css?1790293483467*/
.bx-breadcrumb{margin:10px 0}.bx-breadcrumb i{color:#b5bdc2;line-height:13px;font-size:12px;vertical-align:middle;margin-right:5px}.bx-breadcrumb .bx-breadcrumb-item{float:left;margin-bottom:10px;white-space:nowrap;line-height:13px;vertical-align:middle;margin-right:10px}.bx-breadcrumb .bx-breadcrumb-item span{font-family:"Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:13px;white-space:normal}.bx-breadcrumb .bx-breadcrumb-item a{border-bottom:0}
/* End */


/* Start:/bitrix/templates/bootstrap4_copy/styles.css?1790926260669*/
img {border:0 none;}

h1, h2, h3, h4, h5, h6
{
color:#428bca;
	/***font-family: Arial, Helvetica,sans-serif; ***/
	margin:1.3em 0 1em;
	font-weight:normal;
	line-height:1.2;
}
h4 {border-bottom: 1px solid #428bca; border-right: 1px solid #428bca; /**margin-right: 30px;**/}

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/bootstrap4_copy/template_styles.css?179092643410281*/
/* =====   BASE  ======================================== */
html {
    width: 100%;
    min-height: 100%;
}
body {
    width: 100%;
    min-height: 100%;
    margin: 0;
    padding: 0;
    font-family: "Roboto Condensed", sans-serif !important;
    font-size: 1.2rem;
    line-height: 1.5;
    background: #fff;
    overflow-x: hidden;
}

/* Старый Bitrix wrapper */
#page-wrapper {
    width: 100%;
    min-height: 100%;
    margin: 0 auto -90px;
}
* html #page-wrapper {
    height: 100%;
}
/* ==========================   GLOBAL RESPONSIVE ELEMENTS   ================ */
img {    max-width: 100%;    height: auto;}
iframe,video,embed,object {    max-width: 100%;}
table {    max-width: 100%;}
/* Длинные слова, URL и т.п. */
a, p, div, span {    overflow-wrap: break-word;    word-wrap: break-word;}

/* =========================   BOOTSTRAP CONTAINER  ===== */
.container-fluid {    width: 100%;    max-width: 1690px;    margin-left: auto;    margin-right: auto;}
/* =========================================================
   HEADER
========================================================= */
header {    width: 100%; padding: 0; background: #fff;}
/* Общая строка */
.header-row {    width: 100%;}

/* =====================   LOGO   ==================== */
.logo {    padding: 11px;    margin-right: 11px;}
.logo img {    display: block;    max-width: 100%;    height: auto;}
/* ======================   SITE NAME   ============= */
.name {    color: #428bca;
    padding: 31px 0;
    font-size: 2.5rem;
    font-weight: 500;
    line-height: 1.15;
    overflow-wrap: break-word;
}
.name a {    color: #428bca !important;}
.name a:hover {    color: #0056b3 !important;    text-decoration: none;}
@media (min-width: 992px) and (max-width: 1199px) {
.name {    font-size: 1.5rem;}
}
@media (min-width: 768px) and (max-width: 992px) {
.name {    font-size: 1.5rem;}
}

/* ============   PHONE  ============================= */
.phone {    padding: 31px 0;
    font-size: 1.55rem;
    font-weight: 500;
    line-height: 1.3;
    overflow-wrap: break-word;
}
.phone a {    display: block;    color: #428bca !important;}
@media (min-width: 992px) and (max-width: 1199px) {
.name {    font-size: 1.2rem;}
}
@media (min-width: 768px) and (max-width: 992px) {
.name {    font-size: 1.2rem;}
}
/* ============   TOP MENU  ========================== */
.header-menu {    width: 100%;}
.top-menu {    width: 100%;}
/* ====================   HEADER — 992px+   ============= */
@media (min-width: 992px) {
    .header-row { min-height: 90px; }
    .header-logo, .header-name, .header-phone, .header-menu { display: flex; align-items: center; }
}
/* ======   HEADER — TABLET     768–991px  ===================================== */
@media (min-width: 768px) and (max-width: 991.98px) {
    .header-row { padding-top: 5px; padding-bottom: 5px }
    .logo {    padding: 8px;  margin-right: 0; margin-left: 0px;    } 
    .name {        padding: 10px 0;        font-size: 30px;        line-height: 1.2;    } 
    .phone {        padding: 10px 0;         font-size: 1.3rem;        line-height: 1.3;    }
     .header-menu {        margin-top: 5px;    }
 }
/* ===================   HEADER — MOBILE     < 768px   === */
@media (max-width: 767.98px) {
    header {       padding: 5px 0;    }
    .header-row {        align-items: center;    }
    .logo {        padding: 5px;        margin-right: 0;text-align:right;    }
    .logo img {        max-height: 70px;        width: auto;    }
    .name {text-align:left;        padding: 6px 0;        font-size: 32px;        line-height: 1.2;        text-align: left;    }
    .phone {        padding: 6px 0;        font-size: 1.2rem;        line-height: 1.3;        text-align: center;    }
    .header-menu {        margin-top: 5px;    }
}
/* ==============================   VERY SMALL MOBILE  < 576px  ======================= */
@media (max-width: 575.98px) {
    body {        font-size: 1.15rem;    }
    .container-fluid {        padding-left: 10px;        padding-right: 10px;    }
    .logo {text-align: right;        padding: 3px;    }
    .logo img {/**        max-height: 60px; ***/   }
    .name {        font-size: 22px;    }
    .phone {        font-size: 1.1rem;    }
}
/* =======================   MAIN ================================== */
main {    width: 100%;    background: #fff;    padding-top: 20px;}
/* =======================   SLIDER ================================== */
.innova_slider_template2_slide_innerH1 {display: none;}
a.innova_slider_template2_slider_btn {background:#428bca!important; color:#fff!important;}
/* ====================   BLUE LINE  =========== */
/**.web-blue-line-top {   width: 100%;    margin: 0;    padding: 0;    border-top: 2px solid #428bca; boreder-radius: 26px;}**/
/**.web-blue-line-bottom {   width: 100%;    margin: 0;    padding: 0;    border-top: 2px solid #428bca; /** box-shadow: 0 4px 6px rgba(0, 0, 0, 0.8);***/}**/

}
/* ===========================   PAGE TITLE  ========= */
.h1-web-consul {    width: 100%;     background: #fff;    margin: 0 !important;    padding: 0 !important;}
.pagetitle {    width: 100%;    margin: 0; padding: 30px 0;     background: #fff;    color: #428bca;
    /**text-align: center; **/   font-size: 2rem;    line-height: 1.2;    overflow-wrap: break-word;    word-wrap: break-word;    
/***border-left: 2px solid #428bca;
    border-right: 2px solid #428bca;***/
}

/* =========================================================
   PAGE TITLE — MOBILE
========================================================= */
@media (max-width: 767.98px) {
    .pagetitle {
        padding: 6px 0;
        font-size: 22px;
        line-height: 1.25;
        text-align: center;
    }
}
@media (max-width: 575.98px) {
    .pagetitle {        font-size: 20px;    }
}
/* =========================================================
   BREADCRUMB
========================================================= */
.breadcrumb-wrapper {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}


/* =========================================================
   WORK AREA
========================================================= */

#work-area {
    width: 100%;
    max-width: 100%;
}


/* =========================================================
   CONTENT
========================================================= *//* Чтобы контент компонентов Bitrix   не создавал горизонтальный скролл */
#work-area img {    max-width: 100%;    height: auto;}
#work-area iframe,
#work-area video {    max-width: 100%;}
#work-area pre {    max-width: 100%;    overflow-x: auto;}
#work-area table {    max-width: 100%;}

/* На мобильных таблицы можно прокручивать */
@media (max-width: 767.98px) {
    #work-area table {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}


/* =========================================================
   SITES
========================================================= */

.sites {
    margin-bottom: 25px;
}

.sites img {
    display: block;

    max-width: 100%;
    height: auto;

    margin-bottom: 25px;

    border: 2px solid #428bca;
    border-radius: 6px;
}

.site-title {
    display: block;

    color: #428bca;

    font-size: 1.65rem;
    line-height: 1.3;
}


/* =========================================================
   CATALOG
========================================================= */

.catalog-section-list-item-link {
    font-size: 1.45rem;
    line-height: 2.25rem;

    overflow-wrap: break-word;
}

.catalog-section-list-item-title a {
    color: #0B9EA5;
}


/* Скрываем ненужные элементы Bitrix */

.product-item-detail-short-card-fixed {
    display: none !important;
}

.product-item-detail-tabs-container-fixed {
    display: none !important;
}

.product-item-detail-pay-block {
    display: none !important;
}


/* Товары */

.product-item-title {
    color: #0B9EA5;

    font-size: 1.5rem;
    line-height: 1.3;
}

h3.product-item-title a {
    color: #0B9EA5;

    font-size: 1.5rem;
    line-height: 1.3;
}


/* =========================================================
   CATALOG — MOBILE
========================================================= */

@media (max-width: 767.98px) {

    .catalog-section-list-item-link {
        font-size: 1.2rem;
        line-height: 1.6rem;
    }

    .product-item-title,
    h3.product-item-title a {
        font-size: 1.2rem;
        line-height: 1.3;
    }

}


/* =========================================================
   FOOTER
========================================================= */

footer {
    width: 100%;

    background: #428bca;

    color: #fff;

    margin-top: 50px;

    padding: 30px 0;

    min-height: 300px;

    font-size: 1rem;

    /* Исправлена ошибка исходного CSS:
       было line-height:1.85rem:
       стало line-height:1.85rem; */

    line-height: 1.85rem;
}

footer a {
    color: #fff !important;
}

.footer-column {
    margin-bottom: 20px;
}


/* =========================================================
   FOOTER TOP BORDER
========================================================= */

footer .top-border {
    padding-top: 15px;

    border-top: 1px solid #fff;
}


/* =========================================================
   FOOTER — TABLET
========================================================= */

@media (max-width: 991.98px) {

    footer {
        margin-top: 40px;
        padding: 25px 0;
    }

}


/* =========================================================
   FOOTER — MOBILE
========================================================= */

@media (max-width: 767.98px) {

    footer {
        margin-top: 30px;
        padding: 25px 0;

        text-align: center;
    }

    .footer-column {
        margin-bottom: 25px;
    }

}


/* =========================================================
   FOOTER — VERY SMALL MOBILE
========================================================= */

@media (max-width: 575.98px) {

    footer {
        font-size: 0.95rem;
        line-height: 1.6rem;
    }

}



/* End */
/* /bitrix/templates/bootstrap4_copy/components/bitrix/menu/catalog_horizont_2020/style.css?179035548511990 */
/* /bitrix/templates/bootstrap4_copy/components/bitrix/breadcrumb/2026/style.min.css?1790293483467 */
/* /bitrix/templates/bootstrap4_copy/styles.css?1790926260669 */
/* /bitrix/templates/bootstrap4_copy/template_styles.css?179092643410281 */
