* {
	margin: 0;
	padding: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block;
}
body {
	font-family: 'Arial', sans-serif;
	font-weight: normal;
	font-size: 14px;
	line-height: 18px;
	color: #201c1c;
	background: #fff;
}
.header-page{
	background: #f9d2d5;
	height: 60px;
	margin-top: 30px;
	margin-bottom: 36px;
}
.header-inner{
	max-width: 1110px;
	margin: auto;
	position: relative;
}
.logo{
	position: absolute;
	top: -24px;
	left: 0;
}
.logo a{
	display: block;
	overflow: hidden;
	color: #dd1f26;
	text-decoration: none;
}
.logo a:hover{
	color: #b8171d;
}
.logo img{
	float: left;
	margin-right: 14px;
}
.logo span{
	float: left;
	font-size: 23px;
	font-weight: bold;
	margin-top: 45px;
}
.timer{
	background: #dd1e25;
	display: flex;
	justify-content: center;
	width: 239px;
	height: 42px;
	padding-top: 18px;
	float: right;
}
.comments
{
    margin-top:15px;
    width:auto;
    max-width:700px;
}
.timer-play{
	width: 21px;
	height: 25px;
	cursor: pointer;
}
.time{
	font-size: 24px;
	padding: 3px 10px 0 8px;
	font-weight: bold;
	color: #fff;
	width: 70px;
	text-align: center;
}
.timer-stop{
	cursor: pointer;
}
.adv-top{
	max-width: 1110px;
	margin: auto;
	margin-bottom: 10px;
}
.content-wrapper{
	max-width: 1110px;
	margin: auto;
	display: flex;
}
.main-content{
	flex-grow: 1;
	order: 2;
	line-height: 20px;	
}
.main-content a{
	color: #dd1e25;
}
.main-content a:hover{
	text-decoration: none;
}
.article h1{
	font-size: 27px;
	font-weight: bold;
	line-height: 29px;
	margin-bottom: 7px;
}
.category-description h1{
	font-size: 27px;
	font-weight: bold;
	line-height: 29px;
	margin-bottom: 7px;
}
.article-intro{
	margin-bottom: 12px;
	display: flex;
	justify-content: space-between;
}
.article-intro-img{
	width: 52%;
}
.article-intro-img img{
	width: 100%;
	height: auto;
}
.article-intro-text{
	width: 46%;
}
.content-adv-top{
	max-width: 600px;
	margin-bottom: 24px;
	max-height: 330px;
}
.article-text{
	margin-bottom: 12px;
	display: flex;
	justify-content: space-between;
}
#breadcrumbs-four{
 overflow: hidden;
 width: 100%;
 font-size:14px;
 }

#breadcrumbs-four li{
 float: left;
 margin: 0 .5em 0 1em;
 }

#breadcrumbs-four a{
 background: #ddd;
 padding: .7em 1em;
 float: left;
 text-decoration: none;
 color: #444;
 text-shadow: 0 1px 0 rgba(255,255,255,.5);
 position: relative;
 }

#breadcrumbs-four a:hover{
 background: #efc9ab;
 }

#breadcrumbs-four a::before,
 #breadcrumbs-four a::after{
 content:'';
 position:absolute;
 top: 0;
 bottom: 0;
 width: 1em;
 background: #ddd;
 transform: skew(-10deg);
 }

#breadcrumbs-four a::before{

left: -.5em;
 border-radius: 5px 0 0 5px;
 }

#breadcrumbs-four a:hover::before{
 background: #efc9ab;
 }

#breadcrumbs-four a::after{
 right: -.5em;
 border-radius: 0 5px 5px 0;
 }

#breadcrumbs-four a:hover::after{
 background: #efc9ab;
 }

#breadcrumbs-four .current,
 #breadcrumbs-four .current:hover{
 font-weight: bold;
 background: none;
 }

#breadcrumbs-four .current::after,
 #breadcrumbs-four .current::before{
 content: normal;
 }
 .level_3{
         padding-left: 13px;
    font-size: 12px;
    font-weight: normal;
    display: none;
 }


.left{
	width: 48%;
}
.left .article-title{
	margin-bottom: 12px;
	font-size:18px;
}
.left h2{
	margin-bottom: 12px;
	font-size:21px;
}
.left strong{
	font-size: 23px;
}
.left ul li{
	list-style: decimal;
	list-style-position: inside;
	margin-bottom: 7px;
}
.left ul li img{
	display: block;
	width: 100%;
	height: auto;
}
.left img{
	display: block;
	width: 100%;
	height: auto;
}
.right{
	width: 48%;
}
.right h2{
	margin-bottom: 12px;
	font-size:21px;
}
.right .article-title{
	margin-bottom: 12px;
	font-size:18px;
}
.right strong{
	font-size: 23px;
}
.left-sidebar{
	flex: 0 0 160px;
	order: 1;
	margin-right: 20px;
	display: flex;
	flex-direction: column;
}
.left-sidebar .sidebar-over{
	order: 2;
}
.right ul li{
	list-style: decimal;
	list-style-position: inside;
	margin-bottom: 7px;
}
.right ul li img{
	display: block;
	width: 100%;
	height: auto;
}
.right img{
	display: block;
	width: 100%;
	height: auto;
}
.category{
	margin-bottom: 24px;
	display: flex;
	list-style: none;
	flex-wrap: wrap;
	justify-content: space-between;
}
.category li{
	width: 30%;
	margin-bottom: 24px;
	text-align: center;
}
.category li img{
	display: block;
	width: 100%;
	max-width: 200px;
	height: auto;
	margin: 0 auto 5px auto;
}
.category h2{
	font-size: 21px;
}
.category h4{
	font-size: 13px;
}
.category li a{
	text-decoration: none;
}
.category li a:hover{
	color: #525252;
}
.category-description{
	margin-bottom: 24px;
}
.category-description h3{
	margin-bottom: 10px;
	font-size: 15px;
}
.cate{
	margin-bottom: 24px;
	display: flex;
	list-style: none;
	flex-wrap: wrap;
	justify-content: space-between;
}
.cate li{
	width: 30%;
	margin-bottom: 24px;
	text-align: center;
}
.cate li img{
	display: block;
	width: 100%;
	max-width: 300px;
	height: auto;
	margin: 0 auto 5px auto;
}
.cate h2{
	font-size: 18px;
}
.cate h4{
	font-size: 13px;
}
.cate li a{
	text-decoration: none;
}
.cate li a:hover{
	color: #525252;
}
.cate-description{
	margin-bottom: 24px;
}
.cate-description h3{
	margin-bottom: 10px;
	font-size: 15px;
}
.main-nav{
	background: #eee;
	margin-bottom: 36px;
	padding: 20px 0;
	order: 1;
}
.main-nav h3{
	font-size: 14px;
	padding: 0 10px;
	margin-bottom: 14px;
}
.main-nav ul{
	list-style: none;
}
.nav-link{
	font-weight: bold;
	font-size: 18px;
	color: #000;
	display: block;
	margin-bottom: 5px;
	margin-top: 3px;
	padding-left: 12px;
	text-decoration: none;
}
.sub li a{
	color: #dd1b23;
	display: block;
	padding: 7px 0;
	padding-left: 24px;
}
.sub li ul li a{
	color: #dd1b23;
	display: block;
	padding: 7px 0;
	padding-left: 36px;
}
.sub li a:hover{
	background: #e6e0e0;
}
.sub li a.active{
	background: #e6e0e0;
}
.nav-link:hover{
	color: #525252;
}
.sidebar-left-adv{
	margin-bottom: 24px;
	height: auto;
	order: 3;
}
.sidebar-left-adv a{
	color:#dd1e25;
}
.right-sidebar{
	flex: 0 0 300px;
	order: 3;
	margin-left: 20px;
}
.right-sidebar a{
	color: #dd1e25;
}
.sidebar-over{
	margin-bottom: 1px;
}

.sidebar-over h3{
	font-size: 14px;
	margin-bottom: 14px;
}
.sidebar-over ul li{
	list-style: none;
	margin-bottom: 14px;
}
.sidebar-over ul li img{
	display: block;
	width: 100%;
	max-width: 240px;
	height: auto;
	margin-bottom: 5px;
}
.sidebar-over ul li a{
	color: #dd1e25;
}
.sidebar-over ul li a:hover{
	text-decoration: none;
}
footer{
	border-top: 5px solid #db0d14;
	padding: 10px 0 0 0;
	max-width: 1110px;
	margin: auto;
}
.footer-inner{
	display: flex;
	justify-content: space-between;
}
.footer-left{
	width: 40%;
}
.copyright{
	padding-top: 18px;
	margin-bottom: 20px;
	color: #aea6a5;
}
.copyright a{
	color: #ff1025;
}
.copyright a:hover{
	text-decoration: none;
}
.copyright span{
	font-size: 36px;
	color: green;
	position: relative;
	left: 36px;
	top: 6px;
}
.footer-logo{
	float: left;
	margin-top: -16px;
	margin-right: 10px;
}
.footer-nav{
	padding-left: 72px;
}
.footer-nav ul li{
	list-style: none;
	margin-bottom: 2px;
}
.footer-nav ul li a{
	color: #aea6a5;
}
.footer-nav ul li a:hover{
	color: #ff1025;
}
.footer-right{
	width: 56%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#ya-site-form0 .ya-site-form__submit{
	display: inline-block !important;
}
#ya-site-form0 .ya-site-form__submit_type_image{
	width: 50px !important;
	height: 29px !important;
	position: relative;
	top: 2px;
	background: url(https://boil.techinfus.com/img/search.png) 0 0 no-repeat !important;
}
.our-projects{
	margin-bottom: 20px;
}
.our-projects ul{
	display: flex;
	list-style: none;
	color: #aea6a5;
	align-items: center;
}
.our-projects ul li:first-child{
	margin-right: 10px;
}
.bottom-blocks{
	display: flex;
	margin-bottom: 24px;
	justify-content: space-between;
}
.block-bottom-left{
	width: 48%;
	box-sizing: border-box;
	background: #f9d2d5;
	padding: 30px 15px 10px 15px;
}
.block-bottom-right{
	background: #f9d2d5;
	width: 48%;
	box-sizing: border-box;
	padding: 30px 15px 10px 15px;
}
.footer-contacts ul{
	display: flex;
	list-style: none;
	color: #aea6a5;
	align-items: center;
}
.footer-contacts a{
	text-decoration: none;
}
.survey-form .title{
	font-size: 18px;
	margin-bottom: 10px;
}
.txt-cont__el-txt .title{
	font-size: 18px;
	margin-bottom: 10px;
}
.survey-form .txt{
	margin-bottom: 10px;
}
.survey-form .radio{
	margin-bottom: 20px;
}
.radio table{
	width: 100%;
}
.radio table td{
	padding: 5px 0;
}
.survey .title{
	font-size: 18px;
	margin-bottom: 10px;	
}
.survey .radio{
	margin-bottom: 20px;
}
.survey ul li{
	list-style: none;
}
.about{
	line-height: 22px;
	margin-bottom: 24px;
	background: #eee;
	padding: 20px 10px;
}
.about a{
	color: #dd1b23;
}
.about a:hover{
	text-decoration: none;
}
.spisok2{ 
	list-style: decimal;
	list-style-position: inside;
	margin-bottom: 2px;}
.spisok{ 
counter-reset: li; 
} 
.spisok li div{ 
background: #e6e0e0; 
position: relative; 
padding: 12px; 
padding-left: 34px; 
border-radius: 10px; 
box-sizing: border-box; 
} 
.spisok li div img{ 
border-radius: 10px; 
} 
.spisok li div::before { 
display: block; 
position: absolute; 
box-sizing: border-box; 
top:0; 
left: 0; 
padding-top: 20px; 
text-align: center; 
color: #fff; 
font-weight: bold; 
font-size: 17px; 
border-top-left-radius: 10px; 
border-bottom-left-radius: 10px; 
width: 24px; 
height: 100%; 
background: #dd1b23; 
    counter-increment: li; 
    content: counter(li); 
}
.footer-contacts ul li{
	margin-left: 10px;
}
.search-block{
	width: 70%;
}
.ya-site-form__input-text{
	border: 3px solid #000 !important;
	padding: 5px !important;
}
@media screen and (max-width: 1024px){
	.left-sidebar{
		flex: 0 0 160px;
	}	
	.right-sidebar{
		flex: 0 0 160px;
	}	
}
@media screen and (max-width: 800px){
	.header-inner{
		display: flex;
	}
	.logo{
		width: 204px;
		position: relative;
		margin: auto;
		top: 0;
	}
	.timer{
		float: none;
		width: 110px;
		height: 34px;
		padding: 10px 10px 0 10px;
		margin: auto;
		position: relative;
		top: 0;
	}
	.logo img{
		width: 58px;
		display: block;
	}
	.logo span {
		float: left;
		width: 50px;
		font-size: 16px;
		font-weight: bold;
		margin-top: 14px;
	}
	.header-page{
		height: auto;
		min-height: 60px;
	}
	.content-wrapper {
		max-width: 1110px;
		margin: auto;
		display: flex;
		flex-direction: column;
	}
	.main-content{
		order: 1;
	}
	.left-sidebar{
		margin-right: 0;
		order: 3;
		flex: 0 0 auto;
	}
	.right-sidebar{
		order: 2;
	}
	.left-sidebar .sidebar-over{
		order: 1;
	}
	.sidebar-over ul {
		display: flex;
		padding: 0 20px;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.sidebar-over ul li{
		width: 48%;
	}
	.footer-inner{
		flex-direction: column;
	}
	.footer-left{
		width: 90%;
		padding: 0 5px;
		margin-bottom: 24px;
	}
	.footer-right{
		width: 90%;
		padding: 0 5px;
	}
	.footer-contacts{
		margin-bottom: 20px;
	}
	.search-block{
		width: 100%;
	}
}
@media screen and (max-width: 480px){
	.article-intro{
		display: block;
		min-height: 190px;
	}
	.article-intro-img{
		float: left;
		margin-right: 10px;
	}
	.article-intro-text{
		display: inline;
		width: 100%;
	}
	.category li {
		width: 49%;
		margin-bottom: 24px;
		text-align: center;
	}
	.bottom-blocks{
		flex-direction: column;
	}
	.block-bottom-left{
		width: 100%;
		margin-bottom: 20px;
	}
	.block-bottom-right{
		width: 100%;
	}
	.article-text{
		flex-direction: column;
		align-items: left;
	}
	.left {
		width: 100%;
	}
	.right {
		width: 100%;
	}
	.footer-contacts ul li {
		margin-left: 0px;
		margin-right: 10px;
	}
.sub li a{
	color: #dd1b23;
	display: block;
	padding: 10px 0;
	padding-left: 24px;
}
.sub li ul li a{
	color: #dd1b23;
	display: inline-block;
	padding: 10px 0;
	padding-left: 36px;
}
}
@media screen and (max-width: 1100px){ 
.wrapper{ 
padding: 0 10px; 
} 
}