/* Start:/bitrix/templates/catalog_them/components/bitrix/menu/top_menu/style.css?17381833392533*/
/**Top menu**/
ul.menu{
 margin-top: -7px;
}

div.on-hover a, div.no-hover a{
  float: left;
  height: 40px;
  padding: 15px 15px 0 15px;
}

div.right_li, div.left_li{
  float: left;
  width: 3px;
  height: 36px;
}

li.hover div.on-hover a{

}
li.hover div.right_li{

}
li.hover div.left_li{

}

#header div.menu li a {
    text-transform: uppercase;
    letter-spacing: 1px;
}

#header div.menu li a.root-item-selected {
    color: #99dbff;
}
#header div.menu li.item-selected a {
    color: #00a5ff !important;!i;!;
}

#header div.menu li.item-selected a:hover {
    color: #007aff !important;!i;!;
}

#header div.menu li .sub-level {
  display: none;
  position: absolute;
  float: left;
  margin: 42px 0 0 0;
  max-width: 300px;
  z-index: 1;
}
#header div.menu li ul li{
  display: block;
  float: none;
  margin: 0px;
  padding: 0px;
  width: auto;
}


#header div.menu li li a{
 display: block;
 height: 38px;
 line-height: 35px;
 padding: 0;
 font-size: 13px;
 color: #114e86;
 text-decoration: none;
 /* white-space: nowrap; */
 float: left;
 background: none;
 transition: 0.2s;
 line-height: 1.9;
 padding-left: 10px;
}

#header div.menu li li a:hover{transform: translateX(4px);transition: 0.1s;}

#header div.menu li.hover .sub-level {
  display: block;
float: none;
clear: both;

/* min-width:350px;*/
}
#header div.menu li li.hover a{
  text-decoration: none;
}
#header div.menu li li div.ul_li_left_level_2{
  /* width: 22px; */
  /* height: 1px; */
  float: left;
  clear: left;
  margin: 0px 0 0px 10px;
}
#header div.menu li li div.ul_li_left_right_2{
  width: 14px;
  height: 24px;
  float: left;
}
#header div.menu li li.hover div.ul_li_left_level_2{
 
}
#header div.menu li li.hover div.ul_li_left_right_2{

}

table.menu_table, table.menu_table tr, table.menu_table td{
  border-collapse: collapse;
  border: 0px #000 none;
  padding: 0px;
  margin: 0px;
  margin-left: 3px;
  background-color: #EEF5FB;
}

table.menu_table td.td1{width: 6px;height: 9px;}

table.menu_table td.td2{width: auto;height: 9px;}

table.menu_table td.td3{width: 17px;height: 9px;}

table.menu_table td.td4{

  width: 6px;
  height: auto;
}

table.menu_table td.td5{

  width: auto;
  height: auto;
}

table.menu_table td.td6{
  width: 17px;
  height: auto;
}

table.menu_table td.td7{width: 6px;/* height: 10px; */}

table.menu_table td.td8{
  width: auto;
  /* height: 10px; */
}

table.menu_table td.td9{
  width: 17px;
  height: 5px;
}

#header div.menu li.hover a {text-decoration: none;background-color: #EEF5FB;color: #074c91;}
/* End */


/* Start:/bitrix/templates/catalog_them/components/bitrix/breadcrumb/breadcrumb/style.css?1738176633374*/
ul.breadcrumb-navigation
{
	padding:0; margin:0;
	padding-top:4px;
	list-style:none;
}

ul.breadcrumb-navigation li
{
	display:inline;
	margin: 0 2px;
}

ul.breadcrumb-navigation a
{
  color: #6C6C6C;
  font-size: 14px;
}

ul.breadcrumb-navigation li:last-of-type
{font-weight: bold;}


ul.breadcrumb-navigation span
{
font-family: arial;
font-size: 10px;	
color: #6C6C6C;
}
/* End */


/* Start:/bitrix/templates/.default/components/bitrix/menu/bottom_menu/style.css?17387899681812*/
/**Bottom menu**/
#footer  ul.menu_bottom{
 /* margin-top: -7px; */
 display: flex;
 justify-content: center;
 flex-wrap: wrap;
 padding: 0;
 margin-bottom: 10px;
}

#footer div.menu_bottom li a.root-item-selected {
    color: #00a5ff;
}

#footer div.menu_bottom li {list-style-type: none;}

#footer div.menu_bottom li a {
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #074c91;
    font-weight: 700;
}

#footer div.menu_bottom li a:hover {
  text-decoration:none;
    color: #007aff;
}

#footer div.menu_bottom li .sub-level {
  display: none;
  position: absolute;
  float: left;
  margin: 42px 0 0 0;
  max-width: 300px;
  z-index: 1;
}
#footer div.menu_bottom li ul li{
  display: block;
  float: none;
  margin: 0px;
  padding: 0px;
  width: auto;
}


#footer div.menu_bottom li li a{
 display: block;
 height: 38px;
 line-height: 35px;
 padding: 0;
 font-size: 13px;
 color: #114e86;
 text-decoration: none;
 /* white-space: nowrap; */
 float: left;
 background: none;
 transition: 0.2s;
 line-height: 1.9;
 padding-left: 10px;
}

#footer div.menu_bottom li li a:hover{transform: translateX(4px);transition: 0.1s;}

#footer div.menu_bottom li.hover .sub-level {
  display: block;
float: none;
clear: both;

/* min-width:350px;*/
}
#footer div.menu_bottom li li.hover a{
  text-decoration: none;
}
#footer div.menu_bottom li li div.ul_li_left_level_2{
  /* width: 22px; */
  /* height: 1px; */
  float: left;
  clear: left;
  margin: 0px 0 0px 10px;
}
#footer div.mmenu_bottom enu li li div.ul_li_left_right_2{
  width: 14px;
  height: 24px;
  float: left;
}
#footer div.menu_bottom li li.hover div.ul_li_left_level_2{
 
}
#footer div.menu_bottom li li.hover div.ul_li_left_right_2{

}

#footer div.menu_bottom li.hover a {text-decoration: none;background-color: #EEF5FB;color: #074c91;}
/* End */


/* Start:/bitrix/templates/catalog_them/styles.css?17410754544219*/
body, div, span, applet, object, iframe, p,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
fieldset, form, label, blockquote, pre, legend
{
	margin: 0px;
	padding: 0px;
	border: none;
font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	line-height: 1.4;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0px;
	padding: 0px;
	/* color: #002468; */
	color: #007aff;
	font-weight: 700;
}

h3 {
    margin: 25px 0 10px 0;
}

h4 {
    margin: 25px 0 10px 0;
}

large {
	font-weight: 800;
}

ul, ol {}

li {margin-bottom: 7px;}

.clear {
	clear:both;
}

a:link, a:visited , a:active {
	color: #01427E;
	text-decoration: none;
	border-color: black;
}

 a:hover {
        color: #007aff;
 	text-decoration: underline;

 }

h1{
  font-size: 33px;
  line-height: 1.4;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 0px 0 35px 0;
  font-weight: 800;
}

h2 {margin: 20px 0 25px 0; font-size: 22px; font-weight: 700;}

.content {
	transition: all 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
height: 100%;
}

body.catalog #content .catalog-section-left_menu, body.services #content .catalog-section-left_menu  {
display: none;
}

.relise_projects-wrap table {border: 2px solid #eef5fb !important;}

.relise_projects-wrap tr:nth-child(odd) td {
    background-color: #EEF5FB !important;
}
.relise_projects-wrap tr td {
    padding: 20px !important;
min-width: 184px;
}

.relise_projects-wrap tr td p {
    text-align: left !important;
line-height: 1.4 !important;
}

.relise_projects-wrap .fnt b, .relise_projects-wrap .fnt {
	display: block;
	margin: 30px 0 20px 0;
	font-family: 'Montserrat', sans-serif;
	font-size: 30px;
}


.present-wrap {text-align: center;}
.present-wrap img {width: 100%;height: auto;max-width: 1500px;}

/* Start head_hero */

.head_hero {display: none; width: 100%; background-size: 100%; background-position: right top; background-repeat: no-repeat; background-size: 100%;}

.head_hero .head_hero-uslugi img {width: 100%;opacity: 0;}
.head_hero .head_hero-uslugi {width: 100%;position: relative;text-align: center;}
.head_hero .head_hero-uslugi:before {z-index: 1;position: absolute;display: flex;width: 100%;height: 100%;align-content: center;justify-content: center;align-items: center;color: #fff;font-size: 56px;text-transform: uppercase;letter-spacing: 5px;font-weight: 800;overflow: hidden;}

body.services47 #header,
body.services48 #header,
body.services49 #header,
body.services50 #header,
body.services51 #header,
body.services205 #header {
    position: relative;
    z-index: 10;
    backdrop-filter: blur(30px);
    background-color: rgb(7 76 145 / 25%);
}

body.services47 #content>h1,
body.services48 #content>h1,
body.services49 #content>h1,
body.services50 #content>h1,
body.services51 #content>h1,
body.services205 #content>h1 {
	display: none;
}

body.services47 .head_hero,
body.services48 .head_hero,
body.services49 .head_hero,
body.services50 .head_hero,
body.services51 .head_hero,
body.services205 .head_hero {
	display: block;
	margin-top: -100px;
}

body.services47 .head_hero .head_hero-uslugi:before {content: 'Предпроектный осмотр'}
body.services48 .head_hero .head_hero-uslugi:before {content: 'Проектные работы'}
body.services49 .head_hero .head_hero-uslugi:before {content: 'Строительно-монтажные работы'}
body.services50 .head_hero .head_hero-uslugi:before {content: 'Сервисное обслуживание'}
body.services51 .head_hero .head_hero-uslugi:before {content: 'Сервисный центр'}
body.services205 .head_hero .head_hero-uslugi:before {content: 'Конференц-зал'}

body.services47 .head_hero {background-image: url(/images/slider-home-2-960.jpg);}
body.services48 .head_hero {background-image: url(/images/slider-home-3-960.jpg);}
body.services49 .head_hero {background-image: url(/images/slider-home-4-960.jpg);}
body.services50 .head_hero {background-image: url(/images/slider-home-5-960.jpg);}
body.services51 .head_hero {background-image: url(/images/slider-home-1-960.jpg);}
body.services205 .head_hero {background-image: url(/images/slider-home-6-960.jpg);}

/* End head_hero */


}
/* End */


/* Start:/bitrix/templates/catalog_them/template_styles.css?174107545425805*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;400;600;900&display=swap');
.hidden {
	display: none;
}

body {
	color: black;
	font-size: 14px;
	padding: 0;
	margin: 0;
	overflow-x: hidden;
}
body.show-menu {
	overflow: hidden;
	position: fixed;
	width: 100%;
	height: 100%;
}
.button {
	font-weight: 600;
    text-transform: uppercase;
    background-color: rgb(7, 76, 145);
    letter-spacing: 1px;
    color: rgb(255, 255, 255) !important;
    padding: 20px 30px;
    border-radius: 333px;
    transition: 0.3s;
    text-decoration: none;
    border-width: 2px !important;
    border-style: solid !important;
    border-color: rgb(7, 76, 145) !important;
    border-image: initial !important;
}
.button:hover {
	font-weight: 600;
    text-transform: uppercase;
    background-color: rgb(255 255 255);
    letter-spacing: 1px;
    color: rgb(7 76 145) !important;
    padding: 20px 30px;
    border-radius: 333px;
    transition: 0.3s;
    text-decoration: none;
    border-width: 2px !important;
    border-style: solid !important;
    border-color: rgb(7, 76, 145) !important;
    border-image: initial !important;
}
#box {
	height: auto;
	margin: 0px auto;
}

#header {
	width: auto;
	height: auto;
	background-color: #074C91;
}

html.stroycom_a_html_home #header {
		position: relative;
	    z-index: 10;
	    backdrop-filter: blur(30px);
	    background-color: rgb(7 76 145 / 25%);
	}

#header div.top-line {
	color: #205D95;
	font-size: 16px;
	font-weight: bold;
	padding: 10px 0px;
}

#header div.title {
	float: left;
	padding-left: 10px;
}


#header div.mid-line {
	width: auto;
	height: 103px;
	background-color: #215B87;
	background: url('/images/header-bg.gif') 80px top repeat-x;
}



#header div.header-bg {
	height: 103px;

	/*background-color: #215B87;*/
}

#header div.text {
	width: 750px;
	height: auto;
	font-family: Verdana;
	font-size: 13px;
	letter-spacing: -1px;
	color: #ffffff;
	padding-top: 10px;
	float: left;
}
#header div.text div{
	font-family: Verdana;
	font-size: 13px;
	letter-spacing: -1px;
	color: #ffffff;
}

#header div.search {
	padding-top: 70px;
	padding-right: 30px;
	float: left;
}


#header div.menu {
	min-height: 100px;
	/* padding-top: 15px; */
	/* padding-left: 30px; */
}

#header div.menu ul {
	padding: 0px;
	margin: 0px;
}

#header  div.menu li {
	list-style: none;
	float: left;
}

#header  div.menu li a {
	font-size: 16px;
	font-weight: bold;
}

ul.breadcrumb-navigation {
    list-style: none outside none;
    padding: 15px 0px 10px 0px;
    /* margin: 0 50px; */
}

#content {
	width: 100%;
	height: auto;
	margin: 20px 50px 0 50px;
	max-width: 1800px;
	margin: 0 auto;
	padding: 0px 50px;
}

#content div.left-side {
	width: 65%;
	height: auto;
	float: left;
	padding-left: 30px;
}

#content div.left-side ul {
	padding: 0px;
	margin: 0px;
}

#content div.left-side ul li {
	list-style: none;
	padding-right: 35px;
	float: left;
}

#content div.left-side ul li div {
	width: 168px;
	height: auto;
}

#content div.left-side ul li div img {
	width: 168px;
}

#content div.left-side ul li div p {
	padding: 5px 0px 15px 0px;
	height: 34px;
}

#content div.right-side {
	padding-right: 30px;
	float: right;
	width: 29%;
}

#content div.right-side div.banner img{
	width: auto;
	height: auto;
	margin-left: -45px;
	width: 100%;
	min-width: 520px;
	margin-top: 30px;
	margin-bottom: 10px;
}

#content div.right-side div.text {
	padding-top: 30px;
}

#content div.right-side div.text p {
	padding: 5px 0px;
}

#footer {max-width: unset;}

#footer div.contacts {
	color: #646464;
	padding-top: 11px;
	/* padding-left: 30px; */
	/* float: left; */
	width: 50%;
	text-align: right;
	padding-left: 20px;
}


/* Update 13.12.2010*/

.box_content{
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
}
#header div.top-line {
    color: #205D95;
    font-size: 16px;
    font-weight: bold;
    padding: 0px 50px 0 35px;
    display: flex;
    justify-content: space-around;
    width: 100%;
    max-width: 1810px;
    margin: 0 auto;
    z-index: 7;
    min-height: 60px;
}
.foot_bg{
  /* height: 70px; */
  margin-top: 80px;
}
.logo{
  /* margin: 5px 0 0 0; */
  /* margin: 0 auto; */
  align-content: center;
  flex-wrap: wrap;
}
.logo img{
  border: 0 none;
  margin-top: -5px;
  width: 100%;
  max-width: 350px;
}
.foot_bg-wraper {
    width: 100%;
    background-color: #eef5fb;
    /* background: #a7d2f7; */
    margin-top: 80px;
    padding: 20px 50px 15px 50px;
}
#footer{
 width: 100%;
 display: flex;
 justify-content: space-between;
 max-width: 1800px;
 margin: 0 auto;
}

#footer>div{max-width: 1800px;margin: 0 auto;/* padding: 0 50px; */}

#footer .foot_menu-wraper {
    width: 100%;
}

#footer .menu_bottom {
}

#header div.mid-line{
  background: url(/bitrix/templates/catalog_them/images/top_head.jpg) repeat-x scroll left top;
  height: 110px;
  padding: 8px 0 9px 0;
}
.sub-line{
  width: 100%;
  max-width: 1800px;
  display: block;
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 0 50px;
}
.mid_line_2bg{
  background: url(/bitrix/templates/catalog_them/images/header-bg.jpg) no-repeat scroll center center;
  height: 103px;
  padding: 0 0 0 10px;
}



#footer div.copyr {
    color: white;
    /* float: right; */
    /* padding-right: 32px; */
    /* padding-top: 12px; */
    text-align: left;
    width: 50%;
    align-content: center;
}
#footer div.copyr img {width: 100%;max-width: 270px;}

#header div.phones {
	/* margin: 0 auto; */

	!i;!;
	width: unset;
	align-content: center;
	flex-wrap: wrap;
    text-wrap: nowrap;
}

#header div.icons {
	float: right;
	padding-right: 0px;
}

#header div.icons a.mail {
    background: url("/images/icon-mail.gif") no-repeat scroll left top transparent;
    display: block;
    float: right;
    height: 16px;
    margin-right: 12px;
    width: 16px;
}

#header div.icons a.star {
    background: url("/images/icon-star.gif") no-repeat scroll left top transparent;
    display: block;
    float: right;
    height: 16px;
    margin-right: 12px;
    width: 16px;
}

#header div.icons a.home {
    background: url("/images/icon-home.gif") no-repeat scroll left top transparent;
    display: block;
    float: right;
    height: 16px;
    margin-right: 12px;
    width: 16px;
}

#header div.menu{width: 50%;display: flex;margin: 0 auto;align-content: center;flex-wrap: wrap;padding: 0px 10px;justify-content: center;}

#header div.menu li{
/*  float: right;*/
}

#header div.menu li a{
  font-weight: 600;
  font-size: 18px;
  color: #ffffff;
}

#header div.menu li a:hover{text-decoration: none;background-color: #EEF5FB;color: #007aff;}

#header div.search input.search-field {
	width: 113px;
	height: 25px;
	border: none;
	background: url("/bitrix/templates/catalog_them/images/search.png") left top no-repeat;
	margin: 0px;
	float: left;
	line-height: 10px;
	font-size: 13px;
	padding: 0 0 0 5px;
}

#header div.search input.search-button {
	width: 24px;
	height: 25px;
	border: none;
	background: url("/bitrix/templates/catalog_them/images/search-button.png") left top no-repeat;
	margin: 0px;
	margin-left: -2px;
	float: left;
	padding: 0px;
	cursor: pointer;
}

#header div.search {
    float: right;
    padding-right: 10px;
    padding-top: 70px;
}

.catalog-section-wrap{
    display: flex;
}
.catalog-section-wrap .catalog-section-left_menu{
    margin: 0 30px 0px 0;
    /* max-width: 365px; */
    /* min-width: 250px; */
    max-width: 350px;
    width: 150%;
}
.catalog-section-wrap .catalog-section-content{}



.catalog-section-list{
	display: flex;
    flex-direction: column;
}

.catalog-section-list-top-wrap{
    /* display: flex; */
    /* flex-wrap: wrap; */
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.uslugi-section-list-top-wrap  {
	grid-template-columns: 1fr 1fr 1fr;
}

.catalog-section-list-top{
  /* float: left; */
  /* height: 35px; */
  /* width: calc(22% - 0rem); */
  margin: 1px;
  background: #EEF5FB;
  padding: 25px;
}

.uslugi-section-list-top-wrap .catalog-section-list-top{
  /* float: left; */
  /* height: 35px; */
  /* width: calc(30.2% - 0rem); */
  margin: 1px;
  background: #EEF5FB;
  background: linear-gradient(to right bottom, #ffffff, #eef5fb);
  padding: 25px;
  border: 2px solid #eef5fb;
}

.uslugi-section-list-top-wrap .catalog-section-list-top a {
    color: #074c91;
    padding-top: 4px;
}

.catalog-section-list-top img{
  float: left;
}
.catalog-section-list-top a{
  /* float: left; */
  display: block;
  /* height: 30px; */
  /* line-height: 35px; */
  font-size: 23px;
  /* color: #111; */
  /* color: #074c91; */
  /* margin-bottom: 8px; */
  text-decoration: underline;
}
.catalog-section-list-top a:hover{
    color: #007aff;
}
.catalog-section-list>a.menu {
    /* color: #000000; */
    text-decoration: underline;
    font-size: 19px;
    line-height: 1.3;
    margin-left: 2px;
    font-size: 25px;
    margin: 20px 0px 5px 0;
}
.catalog-section-list>a.menu:hover {
    text-decoration: underline;
}
.catalog-section-list>a.menu:first-of-type
{margin: 0px 0px 5px 0;}

.catalog-section-list p{
  margin: 5px 0px 5px 19px;
}
div.catalog-section-list div.level2{
  margin: 0px 10px 10px 0px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
div.catalog-section-list div.level2 a{
  /* color: #074c91; */
  font-size: 17px;
  margin: 2px 0px 0px 0px;
  display: flex;
  text-decoration: none;
}

.catalog-section-list-menu img{
  float: left;
}
.catalog-section-list-menu a{
  float: left;
  display: block;
  line-height: 16px;
  font-size: 14px;
  color: #252525;
  width: 125px;
  padding-bottom:15px;
}


div.border_menu{
  width: auto;
  /* background: url(/bitrix/templates/catalog_them/images/catalog_border.jpg) no-repeat scroll 190px top; */
  /* margin: 15px 0 0 0; */
}

div.border_menu .brends{
	height: 350px;
	width: 190px;
	float:left;
	margin-top:20px;
}

div.border_menu .left_menu{
  float: left;
  width: 190px;

}

div.border_menu .text_center{
  /* float: left; */
  /* width: 800px; */
  /* margin: 0 0 0 11px; */
}

div.catalog_top_text{
  font-family: georgia;
  font-size: 16px;
  line-height: 16px;
  margin: 0px 0 20px 0;
  color: #111;
  float: left;
}

div.catalog_top_text div{
  font-family: georgia;
  font-size: 16px;
  line-height: 16px;
  color: #111;
}

.catalog-productds img{
  margin: 0px 15px;
}
.catalog-productds *{
  /* font-size: 14px; */
}
.catalog-productds a{
  color: #000;
  text-decoration: underline;
}
.catalog-productds a:hover{
  color: #007aff;
  text-decoration: none;
}
.nav_page a{
  color:#413f36;
  padding: 4px 2px;
  font-size: 20px;
  font-weight: 900;
  margin: 0 3px;
  transition: .3s;
}
.nav_page a:hover{
  color: #007aff;
  text-decoration: none;
  transition: .3s;
}
.nav_page .text {
    cursor: default;
}
.nav_page b{
  background-color: #007aff;
  padding: 4px 6px 4px 5px;
  color: #fff;
  font-weight: 900;
  padding: 6px 14px;
  font-size: 20px;
  margin: 0px 2px;
  /* border-radius: 3333px; */
}

a.menu{
  /* color: #111; */
  text-decoration: underline;
  font-size: 14px;
  line-height: 15px;
  margin-left: 2px;
}

a.menu:hover{
  /* color: #111; */
  text-decoration: none;
}
a.news_back_but{
  background: url(/bitrix/templates/catalog_them/images/big_button.jpg) no-repeat scroll left top;
  display: block;
  width: 310px;
  height: 28px;
  line-height: 28px;
  color: #111;
  font-size: 14px;
  font-family: georgia;
  padding: 0 10px 0 10px;
  font-weight: bold;
}

.news-detail {
	padding-top: 24px;
}


.manufakture{
background: url(/bitrix/templates/catalog_them/images/manufakture.jpg) no-repeat scroll center top;
width: 190px;
height: 27px;
}

.serteficats{
  background: url(/bitrix/templates/catalog_them/images/sertefikat.jpg) no-repeat scroll center top;
  width: 190px;
  height: 27px;
}
div.sc_menu_wrapper {
	position: relative;
	height: 300px;
	/* Make bigger than a photo, because we need a place for a scrollbar. */
	width: 190px;
	overflow: auto;
}
div.sc_menu {
	padding: 15px 0;
}
.sc_menu a {
	display: block;
	margin-bottom: 2px;
	width: 200px;

	border: 0px #000 solid;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;

	/* When image support is turned off */
	color: #fff;
	background: #FFF;
}
.sc_menu a:hover {
	border-color: #000;
	border-style: solid;
}
.sc_menu img {
	display: block;
	border: none;
}

.sc_menu_wrapper .loading {
	position: absolute;
	top: 50px;
	left: 30px;

	margin: 0 auto;
	padding: 10px;

	width: 100px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;

	text-align: center;
	color: #000;
	background: #FFF;
}
/* Styling tooltip */
.sc_menu_tooltip {
	display: block;
	position: absolute;

	padding: 6px;
	font-size: 12px;
	color: #fff;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;

	border: 1px solid rgb(79, 79, 79);
	background: rgb(0, 0, 0);
	/* Make background a bit transparent for browsers that support rgba */
	background: rgba(0, 0, 0, 0.5);
}

.cert-cell {
	width: 270px;
	padding: 10px;
	border: 2px solid #EEF5FB;
	margin-right: 30px;
	/* margin-bottom: 30px; */
	margin-top:30px;
	float: left;
}

#cert-cell div.cell-title {
	text-align: center;
	padding-bottom: 10px;
	font-weight:700;
}

#cert-cell div.cert-front {
	padding-right: 5px;
	float: left;
}

#cert-cell div.cert-oneside {
	width: 260px;
	margin: 0px auto;
}

#cert-cell div.cert-oneside-small {
	width: 130px;
	margin: 0px auto;
}

#cert-cell div.cert-back {
	padding-left: 5px;
	float: right;
}
.clear {
	height: 0px;
	position: absolute;
	clear: both;
}

body.contacts .contact-wrap {
    max-width: unset;
    margin: 0;
}
body.contacts h2 {
    margin: 55px 0 25px 0;
}
.contact-shema-wrap {
    text-align: center;
}
.contact-shema-wrap img {
    width: 100%;
    max-width: 1024px;
}
.contact-shema-wrap h2 {
    text-align: center;
    font-size: 34px;
}
.contact-wrap {max-width: 1570px;margin: 0 auto;margin-top: 60px;margin-bottom: 33px;display: grid;grid-template-columns: 1fr 1.4fr;/* display: flex; */}
body.contacts .contact-wrap {grid-template-columns: 1fr 1.7fr;}
.contact-text>div {margin-bottom: 30px;}
.contact-text {margin-right: 30px;/* width: 50%; */}
.contact-text p, .contact-text a, .contact-text strong {font-size: 21px;color: #123;margin-bottom: 10px;line-height: 1.3;}
.contact-text strong {color: #123;font-weight: 600;}
.contact-text a {color: #074c91;font-size: 21px;white-space: nowrap;}
body.contacts .contact-text  .contact-text-button a {color: #074c91;font-size: 16px;white-space: nowrap;}
.contact-text a:hover {color: #007aff; text-decoration: none;}
.contact-text-adres {
}
.contact-text-mali {
}
.contact-text-phone {
}
.contact-text-clock {
}
.contact-map-wrap {/* width: 50%; */}
.contact-map {height: 100%;min-height: 300px;}
.contact-map>div {height: 100%;}
.contact-map iframe {height: 100%;}
.contact-text-button {
    display: inline-block;
    margin-top: 30px;
    margin-bottom: 18px !important;
    white-space: nowrap;
}
.contact-text-button a {
    font-size: 18px !important;
}



























.content-wrap {
	overflow: hidden;
	width: 100%;
	height: 100%;
}

.container {
	/* background: #373a47; */
}

.menu-wrap a {
	color: #ffffff;
}

.menu-wrap a:hover,
.menu-wrap a:focus {
	color: #007aff;
	text-decoration: none;
}

.content-wrap {
	/* overflow-y: scroll; */
	-webkit-overflow-scrolling: touch;
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
}

.content {
	position: relative;
	background: #b4bad2;
}

.content-wrap::before {
	/* display: none; */
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10;
	width: 100%;
	height: 100%;
	/* margin-left: -30%; */
	background: rgb(0 5 15 / 50%);
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.3s, -webkit-transform 0s 0.3s;
	transition: opacity 0.3s, transform 0s 0.3s;
	-webkit-transform: translate3d(100%,0,0);
	transform: translate3d(100%,0,0);
}


/* Menu Button */
.menu-button {
	position: absolute;
	z-index: 1000;
	margin: 0.3em 0.3em;
	padding: 0;
	width: 2.25em;
	height: 2.25em;
	border: none;
	text-indent: 2.5em;
	font-size: 1.5em;
	color: transparent;
	background: #0b5eb1;
	background: transparent;
	display: none;
	border-radius: 333px;
	border: 1px solid #007aff8f;
}

.menu-button::before {
	position: absolute;
	top: 0.65em;
	right: 0.5em;
	bottom: 0.65em;
	left: 0.5em;
	/* background: linear-gradient(#ffffff 16%, transparent 16%, transparent 42%, #ffffff 42%, #ffffff 58%, transparent 58%, transparent 84%, #ffffff 84%); */
	background: linear-gradient(#a5eaff 12%, transparent 12%, transparent 44%, #a5eaff 44%, #a5eaff 56%, transparent 56%, transparent 88%, #a5eaff 88%);
	content: '';
}

.menu-button:hover {
	opacity: 0.6;
}

/* Close Button */
.close-button {
	width: 25px;
	height: 25px;
	position: absolute;
	right: 1.5em;
	top: 1.5em;
	overflow: hidden;
	text-indent: 16px;
	border: none;
	z-index: 1001;
	background: transparent;
	color: transparent;
}

.close-button::before,
.close-button::after {
	content: '';
	position: absolute;
	width: 2px;
	height: 100%;
	top: 0;
	left: 50%;
	background: #d37c7c;
}

.close-button::before {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.close-button::after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

/* Menu */
.menu-wrap {
	position: absolute;
	z-index: 1001;
	width: 300px;
	height: 100%;
	font-size: 1.15em;
	-webkit-transform: translate3d(-300px,0,0);
	transform: translate3d(-300px,0,0);
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
}

.menu-wrap .menu {
	background: #074c91;
	width: calc(100% - 140px);
	height: 100%;
	padding: 2.5em 1em;
	z-index: 31;
	/* width: 100%; */


















	!i;

	!i;
	!;
	!u;
	!;
}

.icon-list {
	width: 280px;
}

.icon-list a {
	display: block;
	padding: 1em 0.8em 0.8em 1em;
	z-index: 14;
}

.icon-list a i {
	opacity: 0.5;
}

.icon-list a span {
	margin-left: 0px;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 1px;
	font-size: 0.94em;
	z-index: 19;
	width: 100%;
}

/* Morph Shape */
.morph-shape {
	position: absolute;
	width: 120px;
	height: calc(100% - -81px);
	top: 0;
	right: 0;
	fill: #074c91;
	z-index: -1;
}

/* Shown menu */
.show-menu .menu-wrap {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	/* overflow-y: hidden; */
}

.show-menu .content-wrap {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
	-webkit-transform: translate3d(100px,0,0);
	transform: translate3d(100px,0,0);
}

.content-wrap {}

.show-menu .content-wrap::before {
	/* display: block; */
	opacity: 1;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	z-index: 46;
	width: 130%;
	margin-left: -30%;
	position: fixed;
}

#content hr {
    border: 1px dashed #037abf;
    border: 1px solid #d1e0ed;
}

.text_io-1 {
    font-size: 27px;
    color: rgb(3, 122, 191);
    font-weight: 400;
    line-height: 1.4;
    margin: 0 0 60px 0;
}


.text_io-2 {
    font-size: 22px;
    color: rgb(76, 76, 76);
}


.text_io-3 {
    font-size: 20px;
    color: #1e1e1e;
    font-weight: 700;
    background: #fbf9ee;
    padding: 20px 25px;
}

.text_io-4{
    font-size: 20px;
}



@media screen and (max-width: 53em) {
	#header div.menu,
	#header div.phones{
		display: none;
	}
	.menu-button {
		display: block;
	}
	#header .logo img {
    border: 0 none;
    margin-top: -5px;
    width: 100%;
    max-width: 220px;
 }
}

@media screen and (min-width: 53em) {
}

@media screen and (max-width: 64rem){
}

@media screen and (max-width: 48rem){
   .contact-map-wrap, .catalog-section-wrap .catalog-section-left_menu {
	   display: none;
   }
   #content, .sub-line {
    padding: 0px 15px !important;
  }
  body.contacts h2 {
    margin: 0px 0 20px 0;
  }
  .foot_bg-wraper {
    padding: 42px 15px 20px 15px !important;
  }
  .contact-text p, .contact-text a, .contact-text strong {
    font-size: 12px;
  }
  .contact-text a {
    font-size: 14px;
  }
  body.contacts .contact-wrap {
    grid-template-columns: 1fr;
  }
  .contact-text {
    margin-right: 0px;
  }
  .contact-text-button {
    margin-bottom: 60px !important;
  }
  .uslugi-section-list-top-wrap {
	grid-template-columns: 1fr;
  }
  #footer {
    display: flex;
    flex-direction: column;
    text-align: center;
    padding-bottom: 5px;
}
	#footer ul.menu_bottom {
    margin-bottom: 15px;
}
#footer>div {
    /* width: 80% !important; */
    text-align: center !important;
    margin-bottom: 20px;
}
  #footer .foot_menu-wraper {
    margin-bottom: 0px;
}
  #footer div.contacts {
    font-size: 12px;
    line-height: 1.8;
    padding: 20px;
    width: 100% !important;
    display: contents;
  }
  #footer div.menu_bottom li a {
    padding: 0px 11px;
    align-content: center !important;
    height: 35px;
    font-size: 14px;
  }
  #footer div.copyr {
    width: 70%;
    margin-bottom: 10px;
  }
	.catalog-section-list-top-wrap {
		grid-template-columns: 1fr;
	}
	body.services47 #header, body.services48 #header, body.services49 #header, body.services50 #header, body.services51 #header, body.services205 #header {
        position: relative;
        z-index: 10;
        backdrop-filter: unset;
        background-color: rgb(7, 76, 145);
    }
	body.services47 .head_hero, body.services48 .head_hero, body.services49 .head_hero, body.services50 .head_hero, body.services51 .head_hero, body.services205 .head_hero {
        display: block;
        margin-top: 0px;
    }
	.head_hero .head_hero-uslugi::before {
        font-size: 24px;
        text-shadow: rgba(7, 76, 145, 0.51) 1px 2px 3px;
        line-height: 1.2;
        letter-spacing: 2px;
        margin-top: -23px;
        animation: 1s ease-out 0s 1 head_hero_uslugi_title;
        transform: translateY(23px);
    }
	html.stroycom_a_html_home #header {
        backdrop-filter: none;
        background-color: #074C91;
    }
	html.stroycom_a_html_home .swiper {
	    width: 100%;
	    height: auto;
	    top: 0;
	}
	html.stroycom_a_html_home .swiper-slide h1 {
        font-size: 24px;
        text-shadow: rgba(7, 76, 145, 0.51) 1px 2px 3px;
        line-height: 1.2;
        top: -23px;
        letter-spacing: 2px;
 }
	html.stroycom_a_html_home .swiper-slide a  {
			padding: 10px;
			font-size: 12px;
			font-weight: 700;
			letter-spacing: 0.7px;
			width: 100px;
			right: 100%;
			margin-right: calc(-50% - 60px);
			bottom: 10px;
	}
	html.stroycom_a_html_home  .swiper-button-next, html.stroycom_a_html_home .swiper-button-prev {
	    top: var(--swiper-navigation-top-offset, 76%);
	}
	html.stroycom_a_html_home h1  {
			font-size: 18px;
			line-height: 1.5;
			margin: 0px 0 0px 0;
	}
	h1.home-main_title-h1 {
    font-weight: 600;
}
	html.stroycom_a_html_home h2  {
			font-size: 17px;
			font-weight: 600;
			line-height: 1.5;
			margin: 15px 0 0px 0;
	}
	html.stroycom_a_html_home h3  {
	}
		html.stroycom_a_html_home .home-main_text-img  {
			display: none
	}
	html.stroycom_a_html_home   {

	}
	html.stroycom_a_html_home  .home-main_text-info-zag {
	    margin-bottom: 3rem;
	    font-size: 28px;
	    color: #037abf;
	    font-weight: 300;
	    line-height: 1.2;
	}
	html.stroycom_a_html_home .home-main_text-info {
	    width: 100%;
	    margin-right: 0;
	}
	html.stroycom_a_html_home  .home-banner_reliz-news_list-wrapper {
	    display: flex;
	    flex-wrap: wrap;
	}
	html.stroycom_a_html_home #content div.right-side div.banner img {
	    margin-left: 0px;
	    width: 100%;
	    min-width: unset;
	    margin-top: -15px;
	    margin-bottom: 0px;
	}
	html.stroycom_a_html_home .home-banner_reliz-news_list-wrapper .left-side {
	    margin-right: 0;
	    margin-bottom: 60px;
	}
	html.stroycom_a_html_home .nav_page a {
	    color: #413f36;
	    padding: 4px 1px;
	    font-size: 18px;
	    font-weight: 900;
	    margin: 0 1px;
	    transition: .3s;
	}
	html.stroycom_a_html_home  .contact-wrap {
	    max-width: 1570px;
	    margin: 0 auto;
	    margin-top: 60px;
	    margin-bottom: -20px;
	    display: grid;
	    grid-template-columns: 1fr 1.4fr;
	    display: flex;
	    flex-direction: column;
}
	html.stroycom_a_html_home  .contact-map-wrap {
        display: grid;
        min-height: 360px;
        display: none;
    }
	html.stroycom_a_html_home      .contact-text-button {
        margin-bottom: 0px !important;
    }
	html.stroycom_a_html_home  .front, .back {
			min-height: 160px;
	}
	html.stroycom_a_html_home .front .inner p  {
			font-size: 16px;
			line-height: 1.2;
			padding: 5px;
			letter-spacing: -1px;
			font-weight: 600;
	}
	html.stroycom_a_html_home .wrapper-home-cat_list .col  {
			width: calc(50% - 4px);
			margin: 2px;
	}
	html.stroycom_a_html_home  .wrapper-home-cat_list h2  {
			margin: -10px 0 30px 0;
			FONT-SIZE: 17px;
			font-weight: 600;
	}
	html.stroycom_a_html_home .wrapper-home-cat_list  {
			margin-top: 61px;
	}
	html.stroycom_a_html_home .home-partner-swiper  {
			margin-top: 0 !important;
	}
	html.stroycom_a_html_home .home-partner-swiper swiper-slide  {
			min-width: 70px;
			min-height: 140px;
			margin-top: -30px;
	}
	html.stroycom_a_html_home  .home-partner-swiper img {
	}
	html.stroycom_a_html_home .home-banner_reliz-news_list-wrapper {

	}
	html.stroycom_a_html_home .home-banner_reliz-news_list-wrapper span {
		font-size: 9px;
		min-width: 46px;
	}
	html.stroycom_a_html_home .home-banner_reliz-news_list-wrapper .news-item  {
	padding: 2px 0px !important;
	}
	html.stroycom_a_html_home .home-banner_reliz-news_list-wrapper .news-item a {
		font-size: 12px;
	}
	html.stroycom_a_html_home .home-banner_reliz-news_list-wrapper .nav_page a, html.stroycom_a_html_home .home-banner_reliz-news_list-wrapper .nav_page b {
		font-size: 16px;
	}
	html.stroycom_a_html_home .home-banner_reliz-news_list-wrapper .right-side   {
			margin-bottom: 10px;
	}
	html.stroycom_a_html_home   {

	}
	.home-partner-swiper:before, .home-partner-swiper:after {
	    width: 35px;
	}
}

@media screen and (max-width: 32rem){
}




@keyframes head_hero_uslugi_title{
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(23px);
  }
}

/* End */
/* /bitrix/templates/catalog_them/components/bitrix/menu/top_menu/style.css?17381833392533 */
/* /bitrix/templates/catalog_them/components/bitrix/breadcrumb/breadcrumb/style.css?1738176633374 */
/* /bitrix/templates/.default/components/bitrix/menu/bottom_menu/style.css?17387899681812 */
/* /bitrix/templates/catalog_them/styles.css?17410754544219 */
/* /bitrix/templates/catalog_them/template_styles.css?174107545425805 */