/* Start:/bitrix/templates/substroy/components/bitrix/menu/top_menu/style.min.css?1457860337490*/
ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/bitrix/templates/substroy/components/bitrix/menu/top_menu/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d}
/* End */


/* Start:/bitrix/templates/substroy/components/bitrix/menu/left_menu/style.min.css?1457860337737*/
div.menu-sitemap-tree{font-size:100%}div.menu-sitemap-tree ul{list-style-type:none;margin:0;padding:0 1em 0 0}div.menu-sitemap-tree ul ul{width:auto;margin:-0.75em 0 0 0;padding:0 0 0 .75em}div.menu-sitemap-tree li{margin:0 0 -0.85em 0;padding:0}div.menu-sitemap-tree li li{margin:0 0 -0.85em .5em;padding:0}div.menu-sitemap-tree li.close ul{display:none}div.menu-sitemap-tree div.item-text{position:relative;top:-19px;left:19px}div.folder,div.page{background-repeat:no-repeat;width:17px;height:17px;vertical-align:top}div.folder{cursor:pointer;cursor:hand;background-image:url(/bitrix/templates/substroy/components/bitrix/menu/left_menu/images/folder_open.gif)}div.menu-sitemap-tree li.close div.folder{background-image:url(/bitrix/templates/substroy/components/bitrix/menu/left_menu/images/folder_close.gif)}div.page{background-image:url(/bitrix/templates/substroy/components/bitrix/menu/left_menu/images/page.gif)}
/* End */


/* Start:/bitrix/templates/substroy/styles.css?1458801039184*/
.text {
	text-align: justify;
	max-height: 9001em; /* Костыль Android */
	text-indent: 20px;
}
.text2 {
	text-align: justify;
	max-height: 9001em; /* Костыль Android */
}
/* End */


/* Start:/bitrix/templates/substroy/template_styles.css?14588010399338*/
@charset "UTF-8";
@font-face {
    font-family: 'Europe';
    src: url('/bitrix/templates/substroy/fonts/europe.eot'),
		 url('/bitrix/templates/substroy/fonts/europe.otf')   format('opentype'),
		 url('/bitrix/templates/substroy/fonts/europe.ttf')   format('truetype'),
		 url('/bitrix/templates/substroy/fonts/europe.woff')  format("woff");
}
body {
	margin: 0px;
	padding: 0px;
	font-family: Europe;
	color: #000;
	font-size: 16px;
}
.main {
       width:100%;
}
.container {
	width: 1262px;
	margin: auto;
	background: url("/bitrix/templates/substroy/img/bg.png") repeat-y;
}
.logo {
	position:relative;
	background: url("/bitrix/templates/substroy/img/logo_bg.png") no-repeat #fff;
	background-position: right top;
}
.logo img, #slider img, #slider4 img {
	vertical-align:bottom;
}
.logo_head {
	position:absolute;
	top: 30px;
	right: 30px;		
}
h1 {
	font-size: 39px;
	margin: 0px;
	text-align: center;
}
h2 {
	font-size: 14px;
	margin: 0px;
}
h3 {
	font-size: 30px;
	margin: 0px;
}
.logo_tel {
	position: absolute;
	bottom:30px;
	right:30px;
	background: url("/bitrix/templates/substroy/img/phone.png") no-repeat;
	background-position: left center;
	padding: 0px 0px 0px 44px;
}
.logo_tel_tel {
	font-size: 24px;
	text-decoration: none;
	text-transform: uppercase;
	color: #000;
}
.logo_tel_button {
	display: block;
	padding: 7px 0px 5px 0px;
	margin-top: 5px;
	border: #000 solid 2px;
	border-radius: 4px;
	font-size: 18px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	color: #000;
}
.logo_tel_button:hover {
	color: #fff;
	background: #ee142d;
}
.button {
	display: block;
        width:200px;
        margin:auto;
	padding: 7px 0px 5px 0px;
	border: #000 solid 2px;
	border-radius: 4px;
	font-size: 18px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	color: #000;
}
.button:hover {
	color: #fff;
	background: #ee142d;
}
.btn {
	display: none;
}
.page_body {
	display: flex; 
	padding: 20px;
}
.left {
	flex-shrink: 0;
	margin-right: 40px;
        width:270px;
}
footer {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	background: #393939;
	color: #fff;
}
footer a {
	display: block;
	color: #fff;
	font-size: 18px;
	text-decoration: none;
}
.footer_map {
	background: url("/bitrix/templates/substroy/img/map.png") no-repeat;
	background-position: 20px;
	padding: 16px 30px 10px 60px;
        margin-right:50px;
}
.footer_map:hover {
	background: url("/bitrix/templates/substroy/img/map.png") no-repeat #000;
	background-position: 20px;
}
.footer_tel {
	padding: 16px 20px 10px 20px;
}
.footer_tel:hover {
	background: #000;
}
#modal_form {
	width: 322px; 
	height: 382px;
	border-radius: 4px;
	border: 1px #d1d1d1 solid;
	background: #fff;
	position: fixed;
	top: 45%;
	left: 50%;
	margin-top: -191px;
	margin-left: -161px;
	display: none;
	opacity: 0;
	z-index: 5;
	padding: 20px 10px;
}
#modal_close {
	width: 18px;
	height: 18px;
	position: absolute;
	top: 5px;
	right: 5px;
	cursor: pointer;
	display: block;
        background: url("/bitrix/templates/substroy/img/close.png");
}
#overlay {
	z-index:3;
	position:fixed;
	background-color: rgba(0, 0, 0, 0.5);
	width:100%; 
	height:100%;
	top:0px;
	left:0px;
	cursor:pointer;
	display:none;
}
*:focus {
        outline: none;
}
.form_body {
        position: relative;	
        padding:10px;
        width: 302px;
}
.form_header {
        color: #000;
        font-size: 26px;
        text-transform: uppercase;
        text-align:center;
}
.contact_form ul {
        width:302px;
        list-style-type:none;
	list-style-position:outside;
	margin:0px;
	padding:0px;
}
.contact_form li{
	padding:7px 0px 7px 0px; 
	position:relative;
}
.contact_form input {
	height:20px; 
	width:262px; 
	padding:5px 8px;
}
.contact_form textarea {
        padding: 8px; 
        width: 262px;
        overflow: hidden;
}
.contact_form input, .contact_form textarea { 
	border:1px solid #d1d1d1;
	border-radius:3px;
	padding-right:30px;
        font-size:18px;
        font-family: Europe;
}
.contact_form input:focus, .contact_form textarea:focus { 
	background: #f9f9f9; 
        border-color: #aaa;
	box-shadow: 0 0 3px #aaa; 
}
.contact_form input:required, .contact_form textarea:required {
	background: #f9f9f9 url(/bitrix/templates/substroy/img/red_asterisk.png) no-repeat 98% center;
}
.contact_form input:required:valid, .contact_form textarea:required:valid {
	background: #f9f9f9 url(/bitrix/templates/substroy/img/valid.png) no-repeat 98% center;
}
.contact_form input:focus:invalid, .contact_form textarea:focus:invalid {
	background: #f9f9f9 url(/bitrix/templates/substroy/img/invalid.png) no-repeat 98% center;
}
.form_button {
	display: block;
	padding: 9px 0px 7px 0px;
	font-size: 18px;
        font-family: Europe;
        color: #000;
	width: 302px;
	text-align: center;
	text-decoration: none;
        text-transform: uppercase;
	border: #d1d1d1 2px solid; 
	border-radius: 4px;
	cursor: pointer;
        background: #f9f9f9;
}
.form_button:hover {
	border: #000 2px solid; 
	border-radius: 4px;
}
.price, .price2 {
	width:100%;  
	border-spacing: 0;
	border: #363636 1px solid;
        border-radius: 4px;
}
.price span, .price2 span {
	font-size: 12px;
}
.price sup, .price2 sup {
	font-size: 12px;
}
.price td, .price2 td {
	padding: 8px 20px;
}
.price tr:last-child td:first-child, .price2 tr:last-child td:first-child {
        border-radius: 0 0 0 3px;
}	
.price tr:last-child td:last-child, .price2 tr:last-child td:last-child {
        border-radius: 0 0 3px 0;
}
.price tr:nth-child(1) td, .price2 tr:nth-child(1) td {
	background: #363636;
	color: #fff;
	font-size: 18px;
}
.price td:nth-child(2) {
	text-align: center;
        width: 90px;
}
.price td:nth-child(3) {
	text-align: right;
	width: 155px;
}
.price2 td:nth-child(2) {
	text-align: center;

}
.price2 td:nth-child(3) {
	text-align: right;

}
.price tr:nth-of-type(even), .price2 tr:nth-of-type(even) {
	background-color: #fff;
}
.price tr:nth-of-type(odd), .price2 tr:nth-of-type(odd) {
	background-color: #eaeaea;
}
.price tr:nth-of-type(even):hover, .price tr:nth-of-type(odd):hover, .price2 tr:nth-of-type(even):hover, .price2 tr:nth-of-type(odd):hover {
	background-color: #c6e2ff;
}
.spoiler_button, .long_button {
	display: block;
	padding: 10px 0px 10px 20px;
        height: 20px;
        margin: 20px 0 0 0;
	font-size: 20px;
        color: #000;
	width: calc(100% -20px);
	text-decoration: none; 
        text-transform:uppercase;
	border-radius: 4px;
        border: 1px solid #000;
	cursor: pointer;
        background: url("/bitrix/templates/substroy/img/arrow_spoiler.png") no-repeat;
        background-position: right top;
}
.spoiler_button2 {
	display: block;
	padding: 12px 0px 8px 20px;
        height: 20px;
        margin: 20px 0 0 0;
        color: #000;
	width: calc(100% -20px);
	text-decoration: none; 
        text-transform:uppercase;
	border-radius: 4px;
	cursor: pointer;
        border: 1px solid #bbb;
        background: url("/bitrix/templates/substroy/img/arrow_spoiler.png") no-repeat;
        background-position: right top;
}
.folded a:hover, .long_button:hover {
        background: url("/bitrix/templates/substroy/img/arrow_spoiler2.png") no-repeat #000;
        background-position: right top;
        border: 1px solid #000;
        color: #fff;
}
.unfolded a {
        background: url("/bitrix/templates/substroy/img/arrow_spoiler_bt.png") no-repeat #000;
        background-position: right top;
        border: 1px solid #000;
        color: #fff;
}
h4 {
       font-size: 20px;
       text-align: center;
}
.contact_table1, .contact_table2, .contact_table3 {
       display: block;
       width: calc(50% - 20px);
       height: 20px;
       float:left;
       padding: 10px;
}
.contact_table1 {
      text-align: right;
}
.contact_button {
      margin: 0 250px;
}
.contact_table2 {
      color:#000;
      text-decoration:none;
}
.contact_table2:hover {
      color:#ee142d;
}
.top_menu { 
	margin: 0px;
    padding: 0px;
	background: #393939;
	overflow: hidden;
}
.top_menu li {
	display: block;
	float: left;
}
.top_link {
	display: block;
	font-size: 16px;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	padding: 19px 9px 16px 9px;
}
.top_menu a:hover, .top_selected {
	display: block;
	font-size: 16px;
	color: #000;
	text-transform: uppercase;
	text-decoration: none;
	padding: 19px 9px 16px 9px;
	background: #ee142d;
}
.left_menu {
	margin: 0px;
}
.dt_link {
	display: flex;
	height: 55px;
	width: 230px;
	margin:2px 0px;
	padding-left:40px;
	background: url("/bitrix/templates/substroy/img/menu_arrow.png") no-repeat #393939;
	background-position: 10px center;
	border-radius: 4px;
	color: #fff;
	font-size: 18px;
	text-transform: uppercase;
	text-decoration: none;
}
.dt_link:hover {
	background: url("/bitrix/templates/substroy/img/menu_arrow.png") no-repeat #000;
	background-position: 14px center;
}
.dt_selected {
	display: flex;
	height: 55px;
	width: 230px;
	margin:2px 0px;
	padding-left:40px;
	background: url("/bitrix/templates/substroy/img/menu_arrow.png") no-repeat #000;
	background-position: 14px center;
	border-radius: 4px;
	color: #fff;
	font-size: 18px;
	text-transform: uppercase;
	text-decoration: none;
}
.dd_link {
	display: block;
	padding: 6px 0 4px 7px;
	margin: 2px 3px 2px 0;
	color: #000;
	max-height: 9001em; /* Костыль Android */
	/*text-transform: uppercase;*/
	text-decoration: none;
	background: rgba(0, 0, 0, 0.1);
	border-radius:2px;

}
.dd_link:hover {
	color: #fff;
	background: #363636;
	border-radius:2px;
}
.dd_selected {
	display: block;
	padding: 6px 0 4px 7px;
	margin: 2px 3px 2px 0;
	color: #fff;
	max-height: 9001em; /* Костыль Android */
	/*text-transform: uppercase;*/
	text-decoration: none;
	background: #363636;
	border-radius:2px;
}
.left_menu p {
	margin: auto 0px;
	margin-top: 8px\0/; /* Костыль для IE */
}
/* End */


/* Start:/bitrix/templates/substroy/mobile.css?14578603374354*/
@charset "UTF-8";
@media screen and (max-width:736px) {
	.container {
		width: 100%;
	}
	.logo img {
		width: 100%;
	}
	.logo_head {
		top: 100%;
		height: 52px;
		width: 100%;
		right: auto;
		background: #393939;
		padding-top: 12px;
	}
	h1 {
		display: none;
	}
	h2 {
		font-size: 19px;
		text-align: center;
		color: #fff;
	}
	h3 {
		margin-top:10px;
		text-align: center;
	}
	.logo {
		margin-top: 55px;
	}
	.logo_mobile {
		position: absolute;
		top: calc(100% + 64px);
		width: 100%;
		height: 146px;
		background: url("/bitrix/templates/substroy/img/logo_bg.png") no-repeat #fff;
		background-position: right top;
	}
	.logo_tel {
		position: absolute;
		right: 5%;
		left: 5%;
		bottom: 20px;
	}
	.logo_tel_tel {
		display: block;
		padding: 16px 0px 12px 0px;
		margin-top: 5px;
		border: #000 solid 2px;
		border-radius: 4px;
		text-align: center;
		text-decoration: none;
		font-size: 18px;
	}
	.logo_tel_tel:hover {
		color: #fff;
		background: #ee142d;
	}
	.logo_tel_button {
		padding: 16px 0px 12px 0px;
	}
	.btn {
		position:fixed;
		top: 0px;
		width: 100%;
		z-index: 10;
		display:block;
		padding:15px 15px 10px 15px;
		cursor: pointer;
		background: rgba(255, 255, 255, 0.8);
		border-bottom: #393939 1px solid;
	}
	.btn_txt {
		position: absolute;
		top: 17px;
		padding: 0px;
		width: 100%;
		font-size: 26px;
		text-align: center;
		text-transform: uppercase;
	}
	.btn_line {
		width: 30px;
		height: 5px;
		border-radius: 1px;
		margin-bottom: 5px;
		background-color: #000;
	}
	.top_menu {
		display: none;
	}
	.left {
		margin: 0px;
		width:0px;
	}
	.left dl {
		margin: 10px;
	}
	.left dt a {
		width: 210px;
	}
	.left dd a {
		width: 200px;
	}
	#slider p, #slider4 p {
		display: block;
		bottom: 0px;
		left: 0px;
		width: 100%;
	}
	.prevBtn, .nextBtn {
		display: none;
	}
	#slider li, #slider4 li {
		box-shadow: none;
	}
	#slider li:hover, #slider4 li:hover {
		box-shadow: none;
	}
	.left nav {
		display: none;
	}
	.works {
		width:100%;
	}
	.works li {
		display: block;
		flex-basis: calc(50% - 20px);
	}
	footer {
		display: block;
	}
	footer {
		display: block;
		width: 100%;
		text-align: center;
	}
	.footer_map, .footer_map:hover {
		background-position: calc(50% - 40px);
		padding: 10px 30px 10px 65px;
		width:calc(100% - 95px);
	}
	footer p {
		margin: 0px;
		padding: 10px;
		font-size: 14px;
	}
	.footer_tel {
		display: none;
	}
	.mobile_spacer {
		height: 210px;
	}
	#slider4 {
		width:100%;
	}
	#slider4 img {
		display: none;
	}
	.work_dot {
		width:100%;
		margin-bottom:20px;
	}
	.current img, .work_dot:hover {
		border: #363636 2px solid;
	}
	#modal_form {
		z-index:50000;
		width: 100%;
		height: 365px; 
		border-radius: 0px;
		border: 0px;
		background: #fff;
		position: fixed;
		left: 0px;
		margin-left: 0px;
		margin-top: -174px;
		padding: 20px 10px;
	}
	#modal_close {
		z-index:50001;
		top: 21px;
		right: 30px;
	}
	.form_body {
		padding:0px;
		width: 100%;
	}
	.form_header {
		font-size: 24px;
		text-align:left;
	}
	.contact_form ul {
		width:100%;
	}
	.price td, .price2 td {
		padding: 8px 10px;
	}
	.contact_table1, .contact_table2, .contact_table3 {
		width: calc(100% - 20px);
		/*padding: 10px;*/
	}
	.contact_table1 {
		font-size:18px;
		font-weight: bold;
		text-align: left;
	}
	.contact_table3 {
		text-align: center;
	}
	.contact_button {
		margin:5px;
	}

	.contact_table2 {
		display: block;
		padding: 16px 0px 12px 0px;
		margin: 10px 5px;
		width: calc(100% - 14px);
		border: #000 solid 2px;
		border-radius: 4px;
		text-align: center;
		font-size: 18px;
	}
	.contact_table2:hover {
		color: #fff;
		background: #ee142d;
	}
}
@media screen and (max-width:520px) {
	.page_body {
		padding:2px;
	}
	.works li {
		display: block;
		flex-basis: 100%;
	}
	.spoiler_button, .long_button {
		padding: 16px 0px 9px 10px;
		font-size: 14px;
	}
	.price, .price2  {
		font-size: 12px;
	}
	.price2 img {
		width:100%;
	}
	.price span, .price2 span {
		font-size: 10px;
	}
	.price sup, .price2 sup {
		font-size: 10px;
	}
	.price tr:nth-child(1) td, .price2 tr:nth-child(1) td {
		font-size: 14px;
	}
	.metal_list a {
		background: #fff;
		font-size:18px;
	}
	.metal_2 {
		background: #fff;
		font-size:14px;
		display:block;
	}
	.metal_list a:hover, metal_list div:hover {
		background:#e3e3e3;
	}
	.metal_list p {
		margin: auto 2;
	}
	.preview  {
		width:100%;
		height: auto;
		margin: 5px auto;
	}
}
/* End */


/* Start:/bitrix/templates/substroy/slidebars.min.css?14578603371611*/
/* Slidebars 0.10.3 (http://plugins.adchsm.me/slidebars/) written by Adam Smith (http://www.adchsm.me/) released under MIT License (http://plugins.adchsm.me/slidebars/license.txt) */
#sb-site,.sb-site-container,.sb-slidebar,body,html{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body,html{width:100%;overflow-x:hidden}html{height:100%}body{min-height:100%;height:auto;position:relative}html.sb-scroll-lock.sb-active:not(.sb-static){overflow:hidden}#sb-site,.sb-site-container{min-height:100vh;position:relative;z-index:1;background-color:#fff}#sb-site:after,#sb-site:before,.sb-site-container:after,.sb-site-container:before{content:' ';display:table;clear:both}.sb-slidebar{height:100%;overflow-y:auto;position:fixed;top:0;z-index:0;display:none;background-color:#818181;box-shadow:inset -1px 0px 6px 0px rgba(0,0,0,0.6)}.sb-slidebar,.sb-slidebar *{-webkit-transform:translateZ(0px)}.sb-left{left:0}.sb-right{right:0}.sb-slidebar.sb-static,html.sb-static .sb-slidebar{position:absolute}.sb-slidebar.sb-active{display:block}.sb-style-overlay{z-index:9999}.sb-momentum-scrolling{-webkit-overflow-scrolling:touch}.sb-slidebar{width:270px}#sb-site,.sb-site-container,.sb-slide,.sb-slidebar{-webkit-transform:translate(0px);-moz-transform:translate(0px);-o-transform:translate(0px);transform:translate(0px);-webkit-transition:-webkit-transform 400ms ease;-moz-transition:-moz-transform 400ms ease;-o-transition:-o-transform 400ms ease;transition:transform 400ms ease;-webkit-transition-property:-webkit-transform,left,right;-webkit-backface-visibility:hidden}.sb-hide{display:none}
/* End */
/* /bitrix/templates/substroy/components/bitrix/menu/top_menu/style.min.css?1457860337490 */
/* /bitrix/templates/substroy/components/bitrix/menu/left_menu/style.min.css?1457860337737 */
/* /bitrix/templates/substroy/styles.css?1458801039184 */
/* /bitrix/templates/substroy/template_styles.css?14588010399338 */
/* /bitrix/templates/substroy/mobile.css?14578603374354 */
/* /bitrix/templates/substroy/slidebars.min.css?14578603371611 */