* {
  margin: 0;
  padding: 0;
}
.grid6 .service__item{
  flex-direction: column;
  gap:10px;
  border: 2px solid black;
  
}
.grid6 .w3 {
  grid-column: span 3;
}
.grid6 .w4 {
  grid-column: span 4;
}
.grid6 img{
  max-width:100%;
}
.subservice .grid6{
  margin:20px 0;
  
  
}
.subservice .grid6>div{
  display:flex;
  flex-direction: column;
  gap:10px;
  justify-content: center;
  
}
.subservice .grid6>*{
  width: 45%;
  
}
.subservice .grid6{
  display:flex;
  gap: 20px;
  align-items:center;
  justify-content: space-between;
}
.subservice .grid6:nth-child(2n+1){
  flex-direction: row-reverse;
}
.backCall {
  color: #163453;
  background-color: #ffffff;
  /* text-align: center; */
  /* padding: 30px 0; */
}
.backCall .container{
text-align: center; 
}

.backCall h2{
  color: #043e79;
}
.backCall__inner {
  padding: 20px 0;
}
.backCall__inner input {
  border-radius: 30px;
  padding: 15px 25px;
  border: none;
}
.backCall__inner input:focus-visible {
  outline: none;
}
.grid6 {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-auto-flow: row;
  gap: 20px;
  width: 100%;
}
.grid6 > * {
  grid-column: span 2;
}

.services__item:before{
	content:"";
	position:absolute;
	width:100%;
	height:100%;
	background-color: #00000085;
	top:0;
	left:0;
	z-index: -1
}
html,
body{
	height: 100%;
}
html{
	font-size:62.5%;
}
body{
	font:400 1.4rem/1.3 var(--ff-roboto);
	color:var(--dark-blue);
}
body.scroll-off{
	overflow:hidden;
}
ul{
	margin:0; padding:0;
	list-style:none;
}
.list{

}
.video li a:hover, .video  li.active a{
	background-color: var(--blue)  !important;
	color: white;
}
ol{
	margin:0; padding:0;
}
.highlight-link {
  color: #4aafea;
  font-weight: bold;
  text-decoration: underline;
}
.highlight-link:hover {
  color: #2a92d3;
  text-decoration: none;
}
a{
	color: inherit;
}
a:hover{
	color: white;
	text-decoration: none;
}
a:focus {
  color: #2977F5;
  text-decoration: none;
}

table{
	width: 100%;
	border-collapse: collapse;
	border-top: 1px solid #ccc9c9;
}
tr{
	border-bottom: 1px solid #5edf90;
}
th{
	text-align: center;
}
th,td{
    padding: 10px;
    color: #000;
    font-size: 1.8rem;
}
td {
    color: #333;
    font-size: 1.6rem;
}
tr:nth-child(2n):hover td,
tr:hover td{
	background-color: #d6f4ce;
}

tr:nth-child(2n) td {
    background-color: #fff;
}
.tab-pane iframe{width:100%; height:650px;}
.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;
}
.header__first a:hover{
	color:#A88EEF
}
.header__first svg path{
	fill: #4aafea !important;
	stroke: #4aafea !important;
}
.contact__item svg path{
	fill: #ffffff !important;
}
.contact__item svg:hover path{
	fill: #A88EEF !important;
}
.header__first-item:not(:last-child):hover svg path{
	fill: #A88EEF !important;
	stroke: #A88EEF !important;
}
.header__first svg:hover path{
	fill: #A88EEF !important;
}
.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;
	--dark-blue:#24273A;
	--blue: #043e79;
	--light-blue: #5284a9;
	--yellow:#EB9605;
	--red: #DEF9BB;
	--light-gray:#FCF7F7;
}
.btn{
	width: 200px;
	padding: 10px 0;
	border-radius: 5px;
	color: white;
}
.btn:hover{
	color: white;
	background-color: var(--blue);
}
.btn__accent{
	background-color: var(--red);
}

.btn__second{
	background-color: transparent;
	border: 1px solid var(--red);
}
.btn__second:hover{
	border: 1px solid var(--blue);
}
.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: flex-start;
	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;*/
/*	display: none;*/
/*}*/
.container:before, .container:after{
	display: none;
}


.main-wrapper{
	position:relative;
	min-height:100%;
	overflow: hidden;
}

.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 ----- */
.header {
    position: sticky;
    top: 0;
    z-index: 100;
}
.header.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}

.burger{
	display:none;
}
.header-fixed{
	position: fixed;
	left: 0; top: 0;
	z-index: 10;
	width: 100%;
	background-color: #fff;
}
.photo-gal{
	display:flex;
	gap:20px;
	margin: 20px 0;
}
.photo-gal img{
	max-width:100%;
	height:100%
	
}
.header__soc-wrap{
	display: flex;
flex-direction: column;
    	gap: 10px;
    	align-items: center;
}

.header__soc-icons{
        width: 20px;
}
 

.header__address{
        font-size: 13px
}
.header__logo-item {position:absolute;top:100%;left: -8%;}
.header__logo-item-text{vertical-align: middle; color: #2977F5; font-weight: 900; font-size: 28px;}
.header__wrapper--first{
	padding: 10px 0;
	background-color: #ffffff;
}
.header__wrapper--second{
	padding: 5px 0;
	background-color: white;
	border-bottom: 1px solid #e1e1e1;
	/* border-top: 1px solid #e1e1e1; */
	/* margin-left: 280px; */
}
.header__first-item{display:flex;gap:5px;align-items: center;}
.header__wrapper--second .topMenuHeader {padding-left: 150px;}
.header__wrapper--second .container{
  	display:flex;
	align-items: center;
  	justify-content: space-between;
  	gap: 15px;
}
.header__wrapper--second .container>a:first-child{
  width:30%
}
.header__wrapper--second .container>a:first-child img{
  width:100%
}
.header__first{
	font: 500 -10.4rem/2.4rem var(--ff-roboto);
	text-transform: uppercase;
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
	/* width: calc(100% - 130px); */
	padding-left: 150px;
}

.header__first-item:last-child{
	text-align: right
}


.header__logo{
	text-align: center;
	width: 20%;
}
.header__logo a{

}

.header__feedback{
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    gap: 10px
}
.header__telephones,
.footer__p-cont{
	position: relative;
   	padding-left: 45px;
}
.topMenuHeader {
  width:100%
}
.footer__p-cont{
	padding-left: 40px;
}
/*.header__telephones:before,*/
/*.footer__p-cont:before{*/
/*    content: '';*/
/*    position: absolute;*/
/*    left: -12px; 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{

}
.header-fixed .main-menu{border-top: 1px solid white;}
.main-menu{border-top: 1px solid #0000002b;}
.main-menu>li{
text-align: center;
}
.main-menu a{
	display: block;
	padding: 20px 0;
	text-transform: uppercase;
	transition: .25s;
	font-weight: 500;
	font-size: 17px
}
.main-menu a:hover,
.main-menu > li.active > a,
.main-menu li.current > a{
	color: #4aafea;
	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;
	color: rgba(120, 120, 120, 0.91);
}
.main-menu li:hover ul {
    opacity: 1;
    visibility: visible;
}

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

.top-slider-wrapper{


}
.top-slider{

}
.top-slider__slide{
	/*padding-left: 25px;*/
	height: 90vh;
}
.top-slider__left{
	margin: 0 150px 0 0;
	/* width: 600px; */
	max-width: 100%;
	text-shadow: 0 0 2px #000;
}
.top-slider__tit{
	margin: 0 0 60px;
	font: 300 5rem/5.8rem var(--ff-roboto);
	text-transform: uppercase;
	color: #fff;
}
.top-slider__description{
	margin-bottom: 28px;
	font-size: 2.5rem;
	color: aliceblue;
}
.top-slider__btns{
	display: flex;
	gap:20px;
	margin-bottom: 20px
}
.top-slider__advantages{
	color:white;
	font-weight: 300;
	display:flex;
	gap:20px;
}
.top-slider__advantages p{
	max-width:160px;
}
.top-slider__right{

}
.top-slider__bg{position: absolute;z-index:-1;width:100%;height: 100%;}
.top-slider__img{
	width:100%;
	height: 100%;
	object-fit:cover;
}
.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;
	display: none;
}
/* ----- Why ----- */
.why__tables{
	display:flex;
	gap: 20px;
	align-items: center;
}
.why__tables table tr td:first-child {
	width: 52px;
}
.why__tables table tr td:last-child {
	text-align: right;
}
.why__tables table td{
	border: none;
}
/* ---- Prices ---- */
.price__cont{
	display:flex;
	gap: 20px;
	padding-bottom: 30px;
}
.price__cont tr{
	height: 90px;
}
.price__cont td:last-child {
	width: 30%;
	text-align: right;
	font-weight: 500;
}
/* ----- Services ----- */
.services__inner{
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: space-between;
}
.services__inner a{
	background-size:cover;
	position:relative;
	/* display:block; */
	backdrop-filter: brightness(1.5);
}

.services__item{
	background-color: var(--blue);
	padding: 47px;
	text-align: center;
	color: white;
	font-size: 2rem;
	display: flex;
	align-items: center;
	height: 150px;
	width: calc((100% - 20px) / 3 );
	justify-content: center;
}
/* ----- Advantages ----- */

.m-tit{
	position: relative;
	margin: 48px 0 23px;
	text-align: left;
	/* font-size: 4rem; */
	/* font-weight: 300; */
}

.m-padding{
	padding: 70px 0;
}
.m-padding.container{
	padding: 40px 0 50px;
}
.advantages{

}
.advantages__cont{
	display: flex;
	gap:20px;
}
.advantages__cont img{
	width: 330px;
	object-fit: cover;
}
.advantages__cont ol{
	display: flex;
	flex-wrap: wrap;
	gap:20px;
	list-style: none;
}
.services__item{
	text-align: center;
	/* width: 300px; */
}
.service-detail__after{
	display: flex;
	gap: 10%;
	align-items: center;
}
.service-detail__after>*{
	width:45%;
}
.service-detail__after-txt ul{
	list-style: disc;
}
.service-detail__after-txt li{
	margin: 20px 0;
}
.service-detail__description{
	width:70%;
	margin: 0 auto;
	padding: 50px 0;
	padding-top:100px;
}
.service-detail__description .m-tit{
	display:block;
	float:right;
	width: 400px;
	margin:0;
	padding: 20px 40px;
	border-top: 1px solid black
}
.service-detail{
	position: relative;
	padding: 100px 0;
	display:flex;
	flex-direction: column;
	justify-content: center;
	gap: 50px;
}
.service-detail h1{font-size: 5rem;line-height: 5.8rem;}
.service-detail>*{width:50%}
.service-detail .btn__second{color: var(--red);width: auto;padding-left:20px;padding-right:20px;}
.service-detail img{
	height: 100%;
	width: auto;
	object-fit: cover;
	position: absolute;
	left: 50%;
	top: 0;
	}
.itemid-104 .services{
	padding: 0 0 75px;
}
.advantages__item {
	width: calc((100% - 20px) / 2);
	position:relative;
	color: black;
}
.advantages__item::marker{
	font-size: 3rem;
	position: absolute !important;
	top: 0;
	left: 0;
}
.advantages__num{
	position:relative;
	font-size: 2.5rem;
}
.advantages__num:before{
	content:"";
	width: 50px;
	border-bottom: 1px solid var(--red);
	position:absolute;
	transform:
	rotate(135deg);
	bottom: 0;
}
.advantages__title{
	font-weight: 700;
	font-size: 1.6em;
	text-align: center;
	padding: 0 10px;
}
.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;
	text-align: left;
}

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

	.bottom-padding{
		padding: 70px 0 70px!important;
	}
	.workStage{
		display:flex;
		flex-direction: column;
		align-items: flex-start;
		background: linear-gradient(300.24deg, rgb(64 155 222) 5.94%, #4085f4 86.77%) !important;
		color: white;
	}
.workStage .btn{align-self:center;}
	.work_stage{
		margin-top: 50px;
		margin-bottom: 50px;
		position: relative;
		gap: 20px;
		align-items: flex-start;
	}
.work_stage_item h3{margin-bottom:20px}
.work_stage_item ul{list-style:disc; margin-left:20px}
	.work_stage_item{
		position: relative;
		width: calc((100% - 60px)/4);
	}
	.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{
	padding: 40px 0 60px 0;
}
.our-products__wrapper{
	display: flex;
	justify-content: space-between;
	gap: 10px;
	flex-wrap: wrap;
	align-items: flex-start;
}
.our-products__wrapper a{width: 24%;position:relative;}
.our-products__wrapper a:after{content:"";position:absolute;width:100%;height:100%;background-color: #0a0a0f73;top:0}
.our-products__wrapper_type_padding{padding-top: 30px}

.our-products__cont{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 1%
}


.our-products__item{
	margin:0;
	width: 100%;
	text-align: left;
  position:relative;
	color:#fff;
}
.our-products__image{
	width:100%;
	object-fit: cover;
	/* position:absolute; */
	height:200px;
}

.our-products__item_type_service{
	margin:0;
	width: 48%;
	text-align: center;
	color:#fff;
}

.our-products__preview,
.our-products__name{
	transition: .25s;
}
.our-products__preview{
	margin: 0 0 15px;
	width: 100%
}
.our-products__preview img{
	width: 100%
}
.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: var(--ff-roboto);
	font-weight: 600;
	position: absolute;
	z-index: 2;
	bottom: 10px;
	left: 10px;
}

.our-products__desc{
	margin: 0;
	font-size: 1.6rem;
}

/* ----- 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{
	padding: 15px;
	margin-bottom: 50px;
}
.form.m-padding{
	padding: 60px 0;
}
.form__cont .form__left{
	display:flex;
	align-items: center;
	justify-content: flex-end;
	text-align: right;
}

.form__left{
	width: 35%;
}
.form__left h2,
.form__right h3{
	margin: 0;
	color: var(--light-gray);
}
.form__left h2{
	font-size: 30px; line-height: 1.2;

	text-transform: uppercase;
}
.form__right{
	width: 60%;
}
.form__right h3{
	margin-bottom: 15px;
	font-size: 18px;
}
.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%;
}
.nav-child{
	text-align:left;
}
.servise__sub:hover{background: linear-gradient(300.24deg, rgb(64 155 222) 5.94%, #4085f4 86.77%) !important;}
.fb-form__input + .fb-form__input{
	margin-left:10px;
}
.fb-form__input--submit{
	background-color: var(--yellow);
	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;
}
.fb-form__label a{
	transition: .25s;
}
.fb-form__label a:hover{
	color: #f57f17;
}

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

.about-us{
	margin-bottom: 60px;
}
.about-us__cont{
	display:flex;
    justify-content: space-between;
}
.about-us__txt{width:65%;text-align: justify; position: relative; padding-bottom:20px;}
.about-us__img {width:30%;}
.about-us__img img{width:100%; height:275px; object-fit:cover;}
.btn__more{position:absolute;bottom:0;left:0;color:var(--yellow);display: block;font-size: 1.8rem;font-weight: 700;}

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

.gallery{background-color: #ffffff;padding-bottom: 50px;padding-top: 1px;color: #163453;margin-bottom: 50px;}
.gallery h2 {color: #043e79;}
.gallery-slider{
	position: relative;
}
.gallery-slide{
	position: relative;
}
.gallery-slide__preview{

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

.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: 0px;
}
.top-slider .slick-next{
	right: -70px;
	background-image:url('../img/next.png');
}


.custom-arrow .slick-arrow{
	content: '';
	position: absolute;
	top: 50px;
	transform: translateY(-50%);
	z-index: 5;
	border: 0;
	width: 66px;
	height: 66px;
	background:url('../img/prev.png') center no-repeat;
	font-size: 0;
	/* filter: brightness(0); */
}
.custom-arrow .slick-prev{
	top: 43%;
	left: -70px;
}
.custom-arrow .slick-next{
	top: 43%;
	right: -70px;
	background-image:url('../img/next.png');
}
.read-more-btn {
    display: inline-block;
    color: #043e79;
    font-weight: bold;
    cursor: pointer;
    margin-top: 10px;
    border-bottom: 1px dashed #043e79;
    text-decoration: none;
}

.read-more-btn:hover {
    border-bottom-style: solid;
}

.more-text {
    display: none;
}
/* ----- 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 ----- */

.all-except-footers{
    min-height: 100vh;
}

footer{
	position: relative;
	left: 0;
	bottom: 0;
	/* padding: 0 0 35px; */
	width: 100%;
	background: linear-gradient(300.24deg, rgb(64 155 222) 5.94%, #4085f4 86.77%) !important;
	color: #fff;
	font-size: 1.7rem;
}
footer a{
	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{
	padding-top: 47px;
}
.footer__copy{
	background-color: white;
	margin-top: 50px;
	color: #848484;
	padding-top: 10px;
}
.footer__copyright-link{
	display: block;
    margin: 8px 0 0;
	color:#333;
}
.footer__copyright-link img{
	/*width: 270px;*/
	width: 175px;
	object-fit: contain;
}
.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: 10px;
}
.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;
	margin-top: 20px
}
.contacts__left{

}
.contacts__right{
	width: calc(100% - 400px);
}
.container{
	content: '';
	padding-left: 0;
	padding-right: 0;
}
.contacts__inner{
	display:flex;
	justify-content: space-between;
	gap: 20px;
}
.contacts__title{font-size: 14px;margin-top: 21px;color: #7d7d7d;}
.contacts__map{
	width:60%
}

div.news-list {
            word-wrap: break-word;
        }

        div.news-list img.preview_picture {
            float: left;
            margin: 0 4px 6px 0;
        }

        .news-date-time {
            color: #486DAA;
        }

        .articles-list .news-item {
            width: 30%;
        }

        .articles-column {
            display: flex;
            flex-wrap: wrap;
            gap: 18px;
            align-items: flex-start;
        }

        div.news-list {
            word-wrap: break-word;
        }

        div.news-list img.preview_picture {
            float: left;
            margin: 0 4px 6px 0;
        }

        .news-date-time {
            color: #486DAA;
        }

        .articles-list .news-item {
            width: 30%;
        }

        @media (max-width: 767px) {
            .articles-list {
                gap: 10%
            }

            .articles-list .news-item {
                width: 95%;
            }
          
        }
/* ----- 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;
		left: 30px;
		top: 50px;
		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: 990px){
  .h2, h2 {
    font-size: 18px;
}
	.service__inner img.w3{
		display:none;
	}
	.service__inner .w3{
		/*display:none;*/
		    grid-column: span 4 !important;
		display:block !important;
		height: 100% !important;
	}
	.content_inner .service__inner, .services__inner.ab{
		display:block !important;
		/*height: fit-content !important;*/
		position: relative !important;
	}
	.services__list {
    display: grid;
    gap: 20px;
    grid-template-columns: 1fr !important;
    font-size: 16px;
}
  .top__inner{
    margin-top:100px;
        flex-direction: column;

  }
.banner__item img {
    width: auto;
height:100vh;
    object-fit: cover;
}
.accent__btn{
	text-align:center;
}
h1 {
    font-weight: 600;
    font-size: 24px !important;
    line-height: 28px !important;
}
  .service .r2{
    display: none !important;
  }
	/*.service__inner{
		height: fit-content;
	}*/
	.custom .service{
		height: fit-content;
	}
	.service__slider{
		display:none;
	}
	.custom .service .service__item{
		height:200px;
	}
.service__inner {
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-auto-flow: row !important;
    gap: 20px;
    width: 100% !important;
}
.grid6 {

    grid-template-columns: repeat(2, 1fr);

}

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

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

	.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);
	}
	.service-detail img{display:none}
	.service-detail>* {
    width: 100%;
	}
}
@media screen and (max-width:1050px){

}
@media screen and (max-width:991px){
	.top {
		padding:20px ;
	}
	.workStage p:last-child{
		font-size: 24px !important;
	}
	.backCall h2 {
		font-size:30px;
	}
	.backCall img{
		width:100%;
		height: 100%;
		object-fit:cover;
	}
	.price__cont{display:block}
	.price__cont table{margin-top:-1px}
	.all-except-footers{
		
	}
	.contacts__left{
		display: flex;
		gap: 15px;
		row-gap: 0;
		flex-wrap: wrap;
		justify-content: flex-start;
	}
	.footer__big-item{
		height: 70px
	}
	.footer__paragraph{
		height: 60px;
		width: 45%;
		font-size: 15px;
	}

	.footer__address p, .footer__phones a{
		font-size: 14px;
	}
	/* ----- Header ----- */
	.no-click{
		font-size: 14px;
	}
	.header__first{
		width: 100%;
		max-width: 750px;
		margin: 0 auto;
		/* flex-direction: column; */
		/* gap: 5px; */
		/* align-items: center; */
		flex-wrap: wrap;
		justify-content: center;
		gap: 10px;
	}

	.header__logo{
		margin: 15px 0;
	}
	.main-menu{
		margin: 0;
	}
	.main-menu a{
		padding: 20px 0;
		font-size: 15px;
	}
	.top-slider-wrapper{
		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__btns, .top-slider__advantages{
		justify-content: 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){
	}
	.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;
		gap: 20px
	}
	.about-us__left{
		margin: 0;

	}

	/* ----- 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;
	}
	.footer__address{
		max-width: 150px;
	}
	.footer__p-cont{
		padding: 0;
	}
	.footer__logo img{
		width: 100%;
		object-fit: cover;
		height:88px;
	}
	.footer__logo-item-text{
		vertical-align: middle; color: #fff; font-weight: 900; font-size: 28px;
	}
	
	.flex-c-sb{
		align-items: center
	}

	/* ----- 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);*/
		display: none;
	}

	/* ----- .contacts ----- */

	.contacts {
		flex-direction: column;
	}
	.contacts__right {
		width: 100%;
	}
}
@media screen and (max-width:830px){
	.contacts__map{width:80%}
.why__tables{
	display:block;
}
	.work_stage_item{width:90%;}
	.company-adv__inner{flex-direction: column}
}
@media screen and (max-width:800px){
.container {
    content: '';
    padding-left: 15px;
    padding-right: 15px;
    max-width: 100%;
}
	.about-us__txt, .about-us__img {width:90%}
.services__item{
	width: calc((100% - 10px)/2)
}
	.header__logo-item img {height: 77px;}
	.footer_media{
		flex-wrap: wrap;
		justify-content: space-around;
		gap: 15px;
	}
	.m-tit{
		font-size: 3.5rem;
	}
	.header__first{
		text-transform: none;
	}

	/* ----- Header ----- */
	.header__wrapper--first{
		display: flex;
		padding-top: 80px;
		padding-bottom: 10px;
	}

	.header__wrapper--second{
		position: fixed;
		left: 0; top: 0;
		z-index: 6;
		padding: 0 15px;
		border:unset;
		width:100%;
	}
	.header__feedback {
		display: flex;
		flex-direction: column;
		gap: 6px
	}
	.our-products__wrapper{
		/*align-items: baseline;*/
		margin: 0 auto;
		align-items: center;
		flex-direction: column;
	}
	.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;
		color: gray;
	}
	.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;
		padding: 0;
		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 2.2rem/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{
	}
	.advantages__cont img{width:100%; height:200px}
	.advantages__item{margin:0;}
	/* ----- Our-Products ----- */

	.our-products{
		/*background-image: url('/images/products/product_back_img_768.jpg');*/
		/*background-color: bisque;*/
	}
	.our-products__cont{
		flex-direction: column;
		align-items: center;
	}
	.our-products__item{
		margin:0;
		width: 80%;
		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;
		display: flex;
		flex-direction: column;
	}
	.about-us__left{
		display: none;
	}

	.about-us__right{
		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;
	}
	.footer__logo{
		width: 100%;
	}
	.services__cont{
		flex-direction: column;
	}
	
	.item-page img{
		max-width: 100%;
	}
}

@media screen and (max-width:700px){
	.contacts__inner{flex-direction:column;}
	.contacts__inner>*{width:100%}
	.video{display:none !important;}
	.about-us-page__wrapper{
		flex-direction: column;
	}
	.item-page img{
		width: 100%;
	}
	.service-detail h1 {
    font-size: 3rem;
    line-height: 3.8rem;
}
	.our-works__item {
		flex-direction:column !important;
	}
	.our-works__item>*{
		width:100% !important;
		max-width:100% !important;
	}
}
@media screen and (max-width:550px){
	.top-slider__tit {font: 700 1.8rem/2.5rem var(--ff-roboto);}
	.top-slider__description {font-size: 1.5rem;}
	.top-slider__btns, .top-slider__advantages {flex-direction: column; justify-content: center; align-items:center}
	.services__item{
	width: 90%;
		margin: 0 auto;
}
	.header__first{
		flex-direction: column;
		text-align: center;
	}
	.header__img{
	}
	.header__logo{
		width:100%
	}
	.header__feedback{
		align-items: center;
	}
	.order{
		order: 24
	}

}
@media screen and (max-width:450px){
	.about-us__right{
	    padding: 15px;
	}
.header__logo-item{display:none}
	.header__first {padding:0}
	/* ----- 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){

}


.test__image{
	width:300px;

	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 5px;
	border: 1px solid black;
	float:left; margin:0 15px 15px 0;
}

.our-products{
	background-color: var(--light-gray);
}




.about-us-page__wrapper{
	margin: 20px auto;
	box-sizing: border-box;
	height: max-content;
	display: flex;

}


.service{
	display:flex;
	/*align-items: center;*/
	gap: 30px
}

.service service_type_margin{
  margin-top: 30px;
}

.service__image{
	max-width: 400px;
}

.type_small{
max-width: 800px;
}


.about-us{
  margin-top: 40px;
  background: var(--blue);
  color: white;
	padding:40px ;
}
/* --- Our Works ---*/
.our-works__item{
	display:flex;
	gap: 10%;
	margin: 50px 0;
	color: black;
	align-items: center;
}

.our-works__item:nth-child(2n){flex-direction: row-reverse;text-align: right;}
.our-works__cont{width:50%}
.our-works__item img{width: 440px;height: 324px;max-width: 50%;object-fit: cover;}
/* --- /Our works --- */
/* --- modal ---*/
.modal-content{background-color: var(--blue);color: white; padding: 40px}
.modal-body{display: flex;flex-direction: column; gap: 30px}
.modal-header h5 {font-size: 2.5rem;text-align: center;}
.modal-body input{background-color:transparent; border:none; color: white; border-bottom: 2px solid #ffffff4f; padding: 15px 40px;}
.modal-body input:focus-visible{outline: none;}
.modal-body input::placeholder{
	color:#ffffff4f;
}
.btn:focus-visible, .btn:focus {outline: none;}
.modal-footer .btn__second{border-color:white}
.modal-header button{
    position: absolute;
    right: 15px;
    top: 15px;
    background-color: inherit;
    border: none;
    font-size: 18px;
}
/* --- Company-adv  ----*/
.company-adv{padding-bottom: 80px;}
.company-adv__inner{
	display:flex;
	gap:20px;
}
.company-adv__inner td:first-child{
	font-weight: 500;
	font-size: 1.8rem;
}
/* --- Company-adv  ----*/
.head__product{
    	height: 50px;
	margin: 20px 0 0 0;
	padding: 0px;
	color: #fd8f00;
}


.head__product-wrap{
	padding-top: 20px;
	background-color: #c4c2c250

}


.gallery__home{
	max-width: 1000px;
	margin: 0 auto;
}



.swiper-container {
        width: 100%;
	max-width: 1270px;
	margin: 0 auto;
        height: 100%;
	overflow: hidden;
	position: relative;
      }


      .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
	padding: 0 50px;
	width: 400px;
	height: 300px;
	max-height: 300px;
	min-height: 300px
      }

      .swiper-slide img {
        width: 400px;
        height: 400px;
        object-fit: cover;
      }
	.swiper-button-prev{
		position: absolute;
		left: 400px;
		right: 400px
	}


.gallery__home{
  max-width: 80%;
  margin: 0 auto;	
}

.broom_scene {
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
  cursor: pointer;
}

.broom_svg {
  width: 100%;
  height: auto;
}

.animate {
  animation: sweep 8s infinite linear;
  transform-origin: center;
}

@keyframes sweep {
  0%   { transform: translateX(-35%); }
  50%  { transform: translateX(35%); }
  100% { transform: translateX(-35%); }
}

.extra-h3{
  color: #043e79;
  text-align: center;
  margin: 18px 0 18px;
  font-size: 35px;
  font-weight: 500;
}

.fullwidth-block {
  width: 100%;
  background-color: #f6f6f6;
  padding: 20px 15px;
  box-sizing: border-box;
}

.fullwidth-inner {
  max-width: 1200px;
  margin: 0 auto;
}

.fullwidth-block .fullwidth-inner h2 {
  color: #043e79;
  margin-bottom: 20px;
  text-align: center;
}

ol {
  counter-reset: item;
  padding-left: 40px;   
  margin: 20px 0;
  font-family: Arial, sans-serif;
  font-size: 16px;
  color: #333;
}

ol li {
  margin-bottom: 15px;
  line-height: 1.5;
  position: relative;
}

ol li::marker {
  color: #2a8dd4;
  font-weight: bold;
  font-size: 18px;
}

.photos-row {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
}