* {
  margin: 0;
  padding: 0;
}
html,
body{
	height: 100%;
}
html{
	font-size:62.5%;
}
body{
	font:400 1.4rem/1.3 var(--ff-roboto);
	color:#3A5454;
}
body.scroll-off{
	overflow:hidden;
}
ul{
	margin:0; padding:0;
	list-style:none;
}
.list{
	
}
ol{
	margin:0; padding:0;
}
a{
	color:#3A5454;
}
a:hover,
a:focus{
	color:#3A5454;
	text-decoration: none;
}

table{
	width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
}
th{
	text-align: center;
}
th,td{
    padding: 10px;
    border: 1px solid #333;
    background-color: #555;
    color: #fff;
    font-size: 1.8rem;
}
td {
    background-color: #cccccc;
    color: #333;
    font-size: 1.6rem;
}
tr:nth-child(2n):hover td,
tr:hover td{
	background-color: #eaeaea;
}

tr:nth-child(2n) td {
    background-color: #fff;
}

.no-color th,
.no-color td{
	background-color: #fff;
}
.no-color td:hover{
	background-color: #fff !important;
}
p{
	font-size: 16px;
    line-height: 1.4;
	margin: 0 0 10px;
}

.link{
	color: #337ab7;
	text-decoration: none;
}
.link:hover,
.link:focus{
	color: #23527c;
	text-decoration: underline;
}
div:focus,
button:focus,
a:focus{
	outline:none;
}
.bold{
	font-weight:700;
}
:root{
	--ff-roboto: 'Roboto', sans-serif;
	--gold: #e6c110;
	--dark-gold: #d4a94f;
	--orange: #fd8f00;
}
.flex{
	display:flex !important;
}
.flex-sb{
	display:flex !important;
	justify-content: space-between;
}
.flex-jc-c{
	display:flex !important;
	justify-content: center;
}
.flex-end{
	display:flex !important;
	justify-content: flex-end;
}
.flex-c{
	display: flex !important;
	align-items: center;
}
.flex-cc{
	display: flex !important;
	align-items: center;
	justify-content: center;
}
.flex-c-sb{
	display: flex !important;
	align-items: center;
	justify-content: space-between;
}
.flex-wrap{
	display:flex !important;
	flex-wrap:wrap;
}
.bold{
	font-weight:700;
}
.container.flex-c-sb:before,
.container.flex-c-sb:after,
.container.flex-sb:before,
.container.flex-sb:after{
	content: none;
}
.main-wrapper{
	position:relative;
	min-height:100%;
	overflow:auto;
}

/*.main-content{
	padding-bottom: 90px;
}*/

.styleUL ul{
	margin: 0 0 10px;
	padding: 0 0 0 35px;
	list-style: square;
}

.styleOL ol{
	margin: 0 0 10px;
	padding: 0 0 0 35px;
}

.styleUL,.styleOL li{
	font-size: 16px;
    line-height: 1.4;
}

/* ----- Header ----- */

.burger{
	display:none;
}
.header-fixed{
	position: fixed;
	left: 0; top: 0;
	z-index: 10;
	width: 100%;
	background-color: #fff;
}
.header__wrapper--first{
	padding: 35px 0;
}
.header__wrapper--second{
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.header__first{
	font: 500 1.6rem/2.4rem var(--ff-roboto);
	text-transform: uppercase;
}
.header__first > div{
	width: 33.33%;
}
.header__address{

}
.header__logo{
	text-align: center;	
}
.header__logo a{

}
.header__logo img{
	width: 250px;
}
.header__feedback{
    justify-content: flex-end;
}
.header__telephones,
.footer__p-cont{
	position: relative;
    padding-left: 45px;
}
.footer__p-cont{
	padding-left: 40px;
}
.header__telephones:before,
.footer__p-cont:before{
    content: '';
    position: absolute;
    left: 0; top: 50%;
	transform: translateY(-50%);
    width: 40px; height: 45px;
    background: url(../../../images/smartphone_call_orange.png) center/contain no-repeat;
}
.footer__p-cont:before{
    width: 35px; height: 35px;
}
.header__telephones a{
	display:block;
	font-size:1.8rem;
	cursor: default;
}
.header__social-networks{
	margin-left: 20px;
}
.header__social-networks a{

}
.header__social-networks a+a{
	margin-left: 5px;
}
.header__social-networks img{

}
.main-menu{
	margin: 0 -20px 0 -20px;
}
.main-menu li{

}
.main-menu a{
	display: block;
	padding: 20px;
	text-transform: uppercase;
	transition: .25s;
}
.main-menu a:hover,
.main-menu > li.active > a,
.main-menu li.current > a{
	color: var(--gold);
	text-decoration: none;
}
.main-menu ul {
    position: absolute;
    z-index: 1;
    padding: 10px 0;
    border: 1px solid #ccc;
    background-color: #fff;
    opacity: 0;
    visibility: hidden;
    transition: .35s;
}
.main-menu ul li+li {
    margin-top: 5px;
}
.main-menu ul a {
    padding: 5px 15px;
}
.main-menu li:hover ul {
    opacity: 1;
    visibility: visible;
}

/* ----- Top Slider ----- */

.top-slider-wrapper{
	background: url('/templates/microton/img/top_slider/kartinka_proektirovanie_sistem_gazosnabzheniya_obektov_sistem_otopleniya.jpg') center no-repeat;
}
.top-slider{

}
.top-slider__slide{
	padding-left: 25px;
	height:430px;
}
.top-slider__left{
	margin: 0 150px 0 0;
	width: 1000px; max-width: 100%;
	text-shadow: 0 0 2px #000;
}
.top-slider__tit{
	margin: 0 0 10px;
	font: 700 5rem/5.8rem var(--ff-roboto);
	text-transform: uppercase;
	color: #ff0000;
}
.top-slider__description{
	margin:0;
	font-size: 1.8rem;
	color: #ff0000;
}
.top-slider__right{

}
.top-slider__img{
	max-width:100%;
	border: 5px solid #fff;
    border-radius: 75px 0px 75px 0px;
}
.top-slider .slick-dots{
	display: flex !important;
	position: absolute;
	left:50%; bottom: 20px;
	transform:translateX(-50%);
}
.top-slider .slick-dots li+li{
	margin-left: 10px;
}
.top-slider .slick-dots button{
	color: transparent;
}

/* ----- Advantages ----- */

.m-tit{
	position: relative;
	margin: 0 0 60px;
	text-align: center;
	font-size: 4rem;
	text-transform: uppercase;
	color: #666F75;
}
.m-tit:before{
	content: '';
	position: absolute;
	left: 50%; bottom: -20px;
	transform: translateX(-50%);
	width: 35px; height: 2px;
	background-color: #666f75;
}
.m-padding{
	padding: 70px 0;
}
.m-padding.container{
	padding: 70px 0 0px;
}
.advantages{

}
.advantages__cont{

}
.advantages__item,
.services__item{
	text-align: center;
	width: 300px;
}
.itemid-104 .services{
	padding: 0 0 75px;
}
.advantages__item:nth-child(1){
	margin-bottom: 30px;
}
.advantages__preview img{
	margin: 0 auto 18px;
	transition: .25s;
	width: 80px;
}
.services__preview img{
	margin: 0 auto 18px;
	transition: .25s;
	width: 95%;
}
.advantages__item:hover .advantages__preview img{
	transform: translateY(-5px);
}
.services__item:hover .services__preview img{
	transform: translateY(-5px);
}
.advantages__name,
.services__name,
.work_stage_name{
	display: block;
	margin: auto;
	width: auto;
	font-size: 2.2rem;
	text-transform: uppercase;
	color: var(--dark-gold);
	text-align: center;
}

/* ----- Work Stage ----- */

	.bottom-padding{
		padding: 70px 0 70px!important;
	}

	.work_stage{
		position: relative;
	}
	.work_stage_item{
		position: relative;
		background-color: #fff;
	}
	.work_stage_preview{
		text-align: center;
	}

	.work_stage_preview img{
		margin: 0 auto 18px;
		transition: .25s;
		/*width: auto!important;*/
		width: 80px;
    	height: 80px;
	}

	.work_stage-items-line {
    	position: absolute;
    	left: 100px;
    	right: 100px;
    	top: 40%;
    	border: 2px solid #555555;
	}
	.work_stage_item:hover .work_stage_preview img{
	transform: translateY(-5px);
}

/* ----- Our-Products ----- */

.itemid-103 .our-products{
    padding-top: 0;	
}
.our-products{
	background: url('/images/products/product_back_img.jpg') center/cover no-repeat;
}
.our-products__cont{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.our-products h2{
	color: aliceblue;
}

.our-products__item{
	margin:0;
	width: 20%;
	text-align: center;
	color:#fff;
}
.our-products__preview,
.our-products__name{
	transition: .25s;
}
.our-products__preview{
	margin: 0 0 15px;
}
.our-products__preview img{
	border: 3px solid #fd8f00;
    border-radius: 10px;
}
.our-products__item:hover .our-products__preview{
	transform: translateY(-5px);
}
.our-products__name{
	display: block;
	margin-bottom: 5px;
	font-size: 20px;
	text-transform: uppercase;
	color:#fff;
}
.our-products__item:hover .our-products__name{
	color: var(--dark-gold);
}
.our-products__desc{
	margin: 0;
	font-size: 1.6rem;
}
.our-products .m-tit:before{
	background-color: aliceblue;
}
.itemid-103 .our-products{
	background: inherit;
}
.itemid-103 .our-products .m-tit{
    color: #3A5454;	
}
.itemid-103 .our-products__name{
    color: #3A5454;	
}

/* ----- Media Style ----- */

.work-stages{

}
.work-stages__block{

}
.work-stages__item{
	display: flex;
	margin-bottom: 44px;
	width: 50%;
}
.work-stages__item:nth-child(3),
.work-stages__item:nth-child(4){
	margin-bottom: 0;
}
.work-stages__left{
	margin-right: 20px;
}
.work-stages__left img{

}
.work-stages__right{
	padding-right: 15px;
}
.work-stages__tit{
	margin: 0 0 7px;
	font: 700 2.2rem var(--ff-roboto);
	color: var(--dark-gold);
}
.work-stages__desc{
	margin: 0;
}
.work-stages__desc + .work-stages__desc{
	margin-top: 6px;
}

/* ----- Form ----- */

.form{
	background: url('/templates/microton/img/backForm.jpg') center/cover no-repeat;
}
.form.m-padding{
	padding: 60px 0;
}
.form__cont{

}
.form__left{
	width: 35%;
}
.form__left h2,
.form__right h3{
	margin: 0;
}
.form__left h2{
	font-size: 30px; line-height: 1.2;
	color: var(--orange);
	text-transform: uppercase;
}
.form__right{
	width: 60%;
}
.form__right h3{
	margin-bottom: 15px;
	font-size: 18px;
	color:#fff;
}
.fb-form{

}
.fb-form__block + .fb-form__block{
	margin-top: 10px;
}
.fb-form__input,
.fb-form__input--submit{
	text-transform: uppercase;
	font-size: 1.4rem;
}
.fb-form__input{
	padding: 15px 15px;
	border: none;
	width: 48%;
}
.fb-form__input + .fb-form__input{
	margin-left:10px;
}
.fb-form__input--submit{
	background-color:#f57f17;
	color: #fff;
	font-size:1.6rem;
	transition: .25s;
}
.fb-form__input--submit:hover{
	background-color: #f1592a;
	color: #fff;
}
.fb-form__checkbox{
	margin: 0 10px 0 0 !important;
}
.fb-form__label{
	margin: 0; padding-top:1px;
	color:#fff;
}
.fb-form__label a{
	color: #fff;
	transition: .25s;
}
.fb-form__label a:hover{
	color: #f57f17;
}

/* ----- About-Us ----- */

.about-us{
	padding-bottom:0 !important;
}
.about-us__cont{

}
.about-us__left{
	margin-right: 50px;
}
.about-us__left img{
	max-width:100%;
}
.about-us__right{
	padding: 25px 35px;
	/*max-width:500px;*/
	max-width: 63%;
	border: 1px solid #619d33;
}
.about-us__right p+p{
	margin: 20px 0 0;
}

/* ----- Gallery ----- */

.gallery{

}
.gallery-slider{

}
.gallery-slide{

}
.gallery-slide__preview{

}
.gallery-slide__preview img{
	margin: auto; padding: 8px;
	border: 1px solid #999;
	border-radius: 4px;
	max-width: 100%; height: 177px;
}

.top-slider .slick-arrow{
	content: '';
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 5;
	border: 0;
	width: 66px; height: 66px;
	background:url('../img/prev.png') center no-repeat;
	font-size: 0;
}
.top-slider .slick-prev{
	left: -70px;
}
.top-slider .slick-next{
	right: -70px;
	background-image:url('../img/next.png');
}

.custom-arrow .slick-arrow{
	content: '';
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 5;
	border: 0;
	width: 66px; height: 66px;
	background:url('../img/prev.png') center no-repeat;
	font-size: 0;
}
.custom-arrow .slick-prev{
	left: -70px;
}
.custom-arrow .slick-next{
	right: -70px;
	background-image:url('../img/next.png');
}

/* ----- Our Partners ----- */

.our-partners{

}
.our-partners__slider{

}
.our-partners__slide{
	display: flex !important;
	padding: 0 20px;
}
.our-partners__slide-avatar{
	position: relative;
	margin-right: 15px;
	border: 1px solid #777;
}
.our-partners__slide-avatar img{

}
.our-partners__slide-info{

}
.our-partners__slide-info p{
	margin:0;
}
p.our-partners__slide-name{
	margin-bottom:20px;
	font-size: 2rem;
}
.our-partners__slide-txt{

}

/* ----- Footer ----- */


footer{
	position: absolute;
	left: 0; bottom: 0;
	padding: 0 0 35px;
	width: 100%;
	background-color: #fff;
	color: #555;
}
footer a{
	color:#333;
	transition:.25s;
}
footer a:hover{
	color:#555;
}
.footer-menu{
	
}
.footer-menu li{

}
.footer-menu a{
	padding: 10px;
	color: #fff;
	text-transform: uppercase;
	transition:.25s;
}
.footer-menu a:hover{
	color: var(--gold);
}
.footer-menu ul{
	display: none;
}
.footer__first{
	margin-bottom: 35px; padding: 25px 0;
	background-color: #333;
}
.footer__address{

}
.footer__phones{

}
.footer__phones a:active{
		color: #f65b2b !important;
	}
	.footer__phones a:visited{
		color: #f65b2b !important;
	}
	.footer__phones a:focus{
		color: #f65b2b !important;
	}
	.footer__phones a:hover{
		color: #f65b2b !important;
	}
.footer__tit{
	margin: 0 0 10px;
}
.footer__address p{
	margin: 0;
}
.footer__address p,
.footer__phones a{
	font-size:16px;
	cursor: default;
}
.footer__phones a{
	display: block;
}
.footer__phones a+a{
	margin-top: 2px;
}
.footer__second{

}
.footer__copyright-link{
	display: block;
    margin: 8px 0 0;
	color:#333;
}
.footer__copyright-link img{
	width: 270px;
}
.footer__logo img{
	max-width: 200px;
}
.magnifier{
	
}
.magnifier{
	position: relative;
}
.magnifier:before,
.magnifier:after{
	opacity:0;
	transition: .3s;
}
.magnifier:hover:before,
.magnifier:hover:after,
.magnifier:focus:before,
.magnifier:focus:after{
	opacity:1;
}
.magnifier:before{
	content:'';
	position: absolute;
	left:0; top:0;
	width: 100%; height: 100%;
    background-color: rgba(255,255,255,.85);
}
.magnifier:after{
	content:'';
	position: absolute;
	left:50%; top:50%;
	transform: translate(-50%,-50%);
	width: 50px; height: 50px;
	background: url('/images/loupe.png') center/contain no-repeat;
}

/*Map*/
.yMap{
	position: relative;
}

#mapMain{
	margin: 0; padding: 0;
	width: 100%; height: 400px;
}
.absMapInfoWrap{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	/*z-index: 10;*/
}
.absMapInfoWrap .container,
.absMapInfoWrap .row,
.absMapInfoWrap .row .flexStart{
	height: 100%;
}
.infoBlockMap{
	display: flex;
	justify-content:flex-start;
	flex-direction:column;
	position: relative;
	z-index: 10;
	padding: 20px;
	background: rgba(251,251,251,0.7);
	height: 100%;
	width: 25%;
}
.logoMap{
	margin-bottom: 10px;
	text-align: center;
}
.logoMap img{
	max-width: 100%;
}
.infoBlockMap p{
	margin: 0;
	color: #263238;
}
.infoBlockMap p+p{
	margin-top: 15px;
}

.map-balloon-content{
	font-size: 16px;
    width: 224px;
}

.balloon-logo{
   	background: url(/templates/microton/img/logo.png) no-repeat center;
    background-size: contain;
    height: 50px;
    margin-bottom: .5em;
    width: 100%;
    display: block;
}

.worktime{
	color: gray;
    font-size: 13px;
    margin-bottom: 1em;
    text-transform: lowercase
}
.opened{
	color: #1cc73a;
}

/*End map*/


/* ========= Contact ========= */
.contactMap{
	margin-bottom: 40px;
}
.tableContact{
	width: 28%;
}
.tableContact th{
	width: 50%;
}
/* ========= End =========*/

div[itemprop="articleBody"]{
	padding-bottom: 60px;
}
.content-category h2{
	margin: 40px 0 20px; padding-bottom: 19px;
    border-bottom: 1px solid #eee;
}
.category-articles{
	margin-top: 15px;
	font-size: 1.8rem;
}
.category-articles li+li{
	margin-top: 4px;
}
div[aria-label="breadcrumbs"]{
	margin-top: 20px;
}
.breadcrumb{
	margin:0; padding:0;
	background-color: #fff;
}
.breadcrumb .divider{
	position: relative;
	bottom: 1px;
}
.page-header{
	margin-top: 30px;
}
.contacts{
	display: flex;
    justify-content: space-between;
}
.contacts__left{
	
}
.contacts__right{
	width: calc(100% - 400px);
}

/* ----- Media Style ----- */

@media screen and (max-width: 1320px){
	.custom-arrow{
		padding-bottom: 108px;
	}
	.custom-arrow .slick-arrow{
		left: calc(50% + 43px); top: unset; bottom: 0;
		transform: translateX(-50%);
	}
	.custom-arrow .slick-prev{
		left: calc(50% - 43px);
	}
}
@media screen and (max-width: 1310px){
	.top-slider .slick-arrow{
		left: 10px; top: inherit;
		right:0; bottom: 35px;
		transform: inherit;
	}
	.top-slider .slick-next{
		left: 100px;
	}
}
@media screen and (max-width: 1240px){

}
@media screen and (max-width: 1199px){

	/* ----- Advantages ----- */

	.advantages__item{
		width: 31%;
	}
	.advantages__preview img{
		max-width:100%;
	}

	/* ----- Form ----- */

	.form__cont{
		flex-direction: column;
		align-items: center;
	}
	.form__left{
		margin: 0 0 25px;
		width: 550px; max-width: 100%;
		text-align: center;
	}

	/* ----- Gallery ----- */

	.gallery-slide {
		margin: 0 8px;
	}
	
	/* ----- .contacts ----- */
	
	.contacts__right {
		width: calc(100% - 300px);
	}
}
@media screen and (max-width:1050px){
	
}
@media screen and (max-width:991px){

	/* ----- Header ----- */

	.header__first{
		flex-direction: column;
		text-align: center;
	}
	.header__first > div {
		width: 100%;
	}
	.header__logo{
		margin: 15px 0;
	}
	.main-menu{
		margin: 0;
	}
	.main-menu a{
		padding: 20px 0;
	}
	.top-slider-wrapper{
		padding: 35px 0 105px;
		background-size:cover;
	}
	.top-slider__slide{
		flex-direction: column-reverse;
		padding:0;
		height: auto;
	}
	.top-slider__left{
		margin: 20px 0 0;
		text-align: center;
	}
	.top-slider .slick-dots{
		bottom: -64px;
	}
	.header__feedback{
	    flex-direction: column;	
	}
	.header__social-networks{
		margin: 15px 0 0;
	}

	/* ----- Advantages ----- */

	.advantages__cont{
		align-items: normal;
	}
	.advantages__item:nth-child(1){
		margin: 0;
	}
	.advantages__item:nth-child(-n+3){
		margin-bottom: 30px;
	}
	.advantages__name{
		font-size: 1.8rem;
	}

	/* ----- Work Stages ----- */

	.work-stages__block{
		justify-content: space-between;
	}
	.work-stages__item{
		flex-direction: column;
		text-align: center;
		width: 450px; max-width: 100%;
	}
	.work-stages__left{
		margin: 0 0 15px;
	}
	.work-stages__right{
		padding-right: 0;
	}

	/* ----- About Us ----- */

	.about-us__cont{
		flex-direction: column;
		align-items: center;
	}
	.about-us__left{
		margin: 0 0 30px;
	}

	/* ----- Gallery ----- */

	.gallery-slide__preview img{
		height:auto; max-height: 177px;
	}

	/* ----- Footer ----- */

	.footer__second{
		flex-direction: column;
		text-align: center;
	}
	.footer__address,
	.footer__phones,
	.footer__copyright{
		margin-top: 20px;
	}
	
	/* ----- Our Products ----- */
	
	.our-products__cont{
		flex-wrap: wrap;
		justify-content: center;	
	}
	.our-products__item{
	    width: 33.33%;	
	}
	.our-products__item:nth-child(-n+3){
		margin-bottom: 30px;
	}
	.footer-menu a{
	    padding: 10px 8px;	
	}
	.top-slider .slick-arrow{
		bottom: -86px;
		left: calc(50% - 66px);
		transform: translateX(-50%);
	}
	.top-slider .slick-next {
		left: calc(50% + 66px);
	}
	
	/* ----- .contacts ----- */
	
	.contacts {
		flex-direction: column;
	}
	.contacts__right {
		width: 100%;
	}
}
@media screen and (max-width:830px){

}
@media screen and (max-width:767px){

	.m-tit{
		font-size: 3.5rem;
	}

	/* ----- Header ----- */

	.header__wrapper--second{
		position: fixed;
		left: 0; top: 0;
		z-index: 6;
		padding: 0 15px;
		border:unset;
		width:100%;
	}
	.burger,
	.header__second,
	.black-wrapper{
		transition: .35s;
	}
	.header__second{
		height: 0;
		opacity: 0;
		overflow: hidden;
		background-color: #fff;
		box-shadow: 0 0 2px 1px transparent;
	}
	.header__second.active{
		opacity: 1;
		height: 248px;
		box-shadow: 0 0 2px 1px #ccc;
	}
	.header__telephones a{
		cursor: pointer;
	}
	.view-article header{
		border-bottom: 1px solid #ccc;
	}
	.main-menu{
		flex-direction:column;
		padding: 10px 0;
	}
	.main-menu a{
		padding: 10px 0;
	}
	.burger{
		display:block;
		position: relative;
		margin: 20px 0 20px 0;
		border: unset;
		width: 40px; height: 40px;
		background-color: #fff;
		cursor:pointer;
		box-shadow: 0 0 2px 1px transparent;
	}
	.burger.active{
		box-shadow: 0 0 2px 1px #ccc;
	}
	.burger__line{
		position: absolute;
		left:50%; top:50%;
		transform:translate(-50%,-50%);
		width: 25px; height:3px;
		background-color:#333;
	}
	.burger__line:nth-child(1){
		top: calc(50% - 10px);
	}
	.burger__line:nth-child(3){
		top: calc(50% + 10px);
	}
	.black-wrapper{
		position: fixed;
		left:0; top:0;
		z-index: 5;
		width:0; height:100%;
		opacity: 0;
		background-color: rgba(0,0,0,.85);
	}
	.black-wrapper.active{
		width:100%;
		opacity: 1;
	}
	.header__second {
		height: 0;
		opacity: 0;
		overflow: hidden;
		background-color: #fff;
		box-shadow: 0 0 2px 1px transparent;
	}
	.header__second.active {
		opacity: 1;
		height: 385px;
		overflow-y: auto;
		box-shadow: 0 0 2px 1px #ccc;
	}
	.main-menu{
		flex-direction: column;
		padding: 10px 0;
		text-align: center;
	}
	.main-menu ul{
		display: none;
		position: relative;
		border: none;
		padding: 0;
		opacity: 1;
		visibility: visible;
		background: none;
	}
	.main-menu ul li+li{
		margin-top: 2px;
	}
	.main-menu a{
		padding: 5px 0;
	}
	.breadcrumb>li{
		padding: 5px 0;
	}

	/* ----- Top Slider ----- */
	
	.top-slider-wrapper{
		background-image: url('/templates/microton/img/top_slider/top_banner_back_768.jpg');
	}
	.top-slider__tit {
		margin: 0 0 10px;
		font: 700 4rem/4.5rem var(--ff-roboto);
		text-transform: uppercase;
	}

	/* ----- Advantages ----- */

	.advantages__cont{
		align-items: center;
		flex-direction: column;
		padding: 0 15px;
	}
	.advantages__item{
		width:100%; max-width:100%;
	}
	.advantages__item + .advantages__item{
		margin-top: 36px;
	}

	/* ----- Our-Products ----- */
	
	.our-products{
		background-image: url('/images/products/product_back_img_768.jpg');
	}
	.our-products__cont{
		flex-direction: column;
		align-items: center;
	}
	.our-products__item{
		margin:0;
		width: 350px; max-width: 100%;
	}
	.our-products__item + .our-products__item{
		margin-top: 35px;
	}

	/* ----- Work Stages ----- */
	.work_stage{
	    flex-direction: column;	
	}
	.work-stages__block{
		flex-direction: column;
		align-items: center;
	}
	.work-stages__item{
		margin: 0;
	}
	.work-stages__item + .work-stages__item{
		margin-top:44px;
	}
	.work_stage_item + .work_stage_item{
		margin-top: 35px;
	}
	.work_stage-items-line{
		display: none;
	}

	/* ----- Form ----- */
	
	.form{
		background-image: url('/templates/microton/img/backForm_768.jpg');
	}
	.fb-form__input{
		width:100%;
	}
	.fb-form__input + .fb-form__input {
		margin: 10px 0 0;
	}
	.form__right {
		width: 450px;
		max-width: 100%;
	}
	
	/* ----- About Us ----- */
	
	.about-us__cont{
		padding: 0 15px;
	}
	.about-us__right{
		width:435px; max-width: 100%;
	}
	
	/* ----- absMapInfoWrap ----- */
	
	.absMapInfoWrap{
		position: relative;
		display: flex;
		justify-content: center;
		margin-bottom: 30px;
	}
	.infoBlockMap{
		width: inherit;
	}

	/* ----- Footer ----- */
	
	footer{
		border-top: 1px solid #ccc;
		padding: 45px 0;
	}
	.our-partners__slide{
		flex-direction: column;
		align-items: center;
		text-align: center;
	}
	.our-partners__slide-avatar{
		margin: 0 0 15px;
	}
	.our-partners__slide-info{
		width:450px; max-width:100%;
	}
	.footer__first{
		display:none;
	}
	.services__cont{
		flex-direction: column;
	}
	.services__item + .services__item{
		margin-top: 30px;
	}
	.item-page img{
		max-width: 100%;
	}
}
@media screen and (max-width:600px){

}
@media screen and (max-width:550px){
	
}
@media screen and (max-width:450px){
	.about-us__right{
	    padding: 15px;	
	}
	
	/* ----- Top Slider ----- */
	
	.top-slider-wrapper{
		background-image: url('/templates/microton/img/top_slider/top_banner_back_450.jpg');
	}
	
	/* ----- Our-Products ----- */
	
	.our-products{
		background-image: url('/images/products/product_back_img_450.jpg');
	}
	
	/* ----- Form ----- */
	
	.form{
		background-image: url('/templates/microton/img/backForm_450.jpg');
	}
}
@media screen and (max-width:400px){

}