@font-face {
    font-family: 'solomon_sans';
    src: url('../fonts/solomon_sans_book-webfont.eot');
    src: url('../fonts/solomon_sans_book-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/solomon_sans_book-webfont.woff2') format('woff2'),
         url('../fonts/solomon_sans_book-webfont.woff') format('woff'),
         url('../fonts/solomon_sans_book-webfont.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;

}
@font-face {
    font-family: 'solomon_sans';
    src: url('../fonts/solomon_sans_semibold-webfont.eot');
    src: url('../fonts/solomon_sans_semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/solomon_sans_semibold-webfont.woff2') format('woff2'),
         url('../fonts/solomon_sans_semibold-webfont.woff') format('woff'),
         url('../fonts/solomon_sans_semibold-webfont.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}
/************************* reset *************************/
html{
/*	height: 100%;*/
	margin: 0;
	padding: 0;width: 100%;
	background: #fff;
}
body{
/*	height: 100%;*/
	width: 100%;
	position: relative;
	margin: 0;
	padding: 0;
	font-size: 18px;
	font-weight: 400;
	font-family: 'solomon_sans', Arial, Helvetica, sans-serif;
	line-height: 24px;
	min-width: 320px;
	color: #000;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
/*	 position: fixed;*/
}
h1, h2, h3, h4, p, ul, li, a, span, div, input, textarea, select, form, fieldset, button, dl, dd, dt, figure, figcaption, blockquote, caption, aside, section {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	box-sizing: border-box;
	/*! margin-bottom: 10px; */
}
img {
	margin: 0;
	padding: 0;
	border-style: none;
	vertical-align: bottom;
}
input, textarea, select, button {
	font-weight: 400;
	font-family: 'solomon_sans', Arial, Helvetica, sans-serif;
	vertical-align:middle;
	border: 0;
	outline: 0;
	background: none;
}
button {font-weight: 300;}
a:hover {text-decoration: none;}
ul li {list-style: none;}
/************************* common styles *************************/
.holder {
/*	max-width: 1020px;*/
	max-width: 1100px;
	padding: 0 20px;
	margin: 0 auto;
}
.holder:after {
	display: block;
	content: '';
	clear: both;
}
h1 {
	margin: 0 0 3px;
	color: #f4bb21;
	font-size: 60px;
	font-weight: 400;
	line-height: 72px;
	text-align: center;
}
h2 {
	margin: 0 0 75px;
	font-size: 48px;
	font-weight: 400;
	line-height: 48px;
	text-align: center;
}
.subtitle {
	margin: -68px 0 59px;
	font-size: 24px;
	font-weight: 400;
	line-height: 36px;
	text-align: center;
}
.button {
	position: relative;
	display: block;
	max-width: 350px;
	padding: 22px 20px 23px;
	margin: 0 auto;
	color: #000;
	font-size: 30px;
	line-height: 36px;
	text-align: center;
	text-decoration: none;
	border-radius: 45px;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffd76b+0,f4bb21+100 */
	background: rgb(255,215,107); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,215,107,1) 0%, rgba(244,187,33,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,215,107,1) 0%,rgba(244,187,33,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,215,107,1) 0%,rgba(244,187,33,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd76b', endColorstr='#f4bb21',GradientType=0 ); /* IE6-9 */
	/*-webkit-box-shadow: 0 0 32px 0 rgba(255,186,0,0.62);
	box-shadow: 0 0 32px 0 rgba(255,186,0,0.62);*/
		box-shadow: 0px 2px 5px 3px rgba(0, 0, 0, 0.20);
	
}
.button:hover {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f4bb21+0,ffd76b+100 */
	background: rgb(244,187,33); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(244,187,33,1) 0%, rgba(255,215,107,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(244,187,33,1) 0%,rgba(255,215,107,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(244,187,33,1) 0%,rgba(255,215,107,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4bb21', endColorstr='#ffd76b',GradientType=0 ); /* IE6-9 */
}
.white-button {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e1e1e1+100 */
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(225,225,225,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(225,225,225,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(225,225,225,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e1e1e1',GradientType=0 ); /* IE6-9 */
}
.white-button:hover {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e1e1e1+0,ffffff+100 */
	background: rgb(225,225,225); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(225,225,225,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(225,225,225,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(225,225,225,1) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1e1e1', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.button:after {
	/*position: absolute;
	bottom: -15px;
	left: 50%;
	display: block;
	content: '';
	width: 352px;
	height: 15px;
	margin-left: -176px;
	background: url(../images/shadow.png) 50% 0 no-repeat;*/
}
.no-shadow:after {display: none;}
.animate {
	opacity: 0;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	-moz-transform: translateY(15%); /* Для Firefox */
    -ms-transform: translateY(15%); /* Для IE */
    -webkit-transform: translateY(15%); /* Для Safari, Chrome, iOS */
    -o-transform: translateY(15%); /* Для Opera */
    transform: translateY(15%);
}
.animate.ani_start {
	opacity: 1;
	-moz-transform: translateY(0); /* Для Firefox */
    -ms-transform: translateY(0); /* Для IE */
    -webkit-transform: translateY(0); /* Для Safari, Chrome, iOS */
    -o-transform: translateY(0); /* Для Opera */
    transform: translateY(0);
}
/************************* form-block *************************/
.input {
	display: block;
	width: 100%;
	height: 65px;
	padding: 0 37px;
	margin: 0 0 24px;
	color: #3d3d3d;
	font-size: 18px;
	background: #fff;
	border: 1px solid #f4bb21;
	border-radius: 35px;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
}
.submit {
	display: block;
	width: 100%;
	height: 65px;
	padding: 0 0 2px;
	color: #000;
	font-size: 18px;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	border-radius: 35px;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffd76b+0,f4bb21+100 */
	background: rgb(255,215,107); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,215,107,1) 0%, rgba(244,187,33,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,215,107,1) 0%,rgba(244,187,33,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,215,107,1) 0%,rgba(244,187,33,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd76b', endColorstr='#f4bb21',GradientType=0 ); /* IE6-9 */
}
.submit:hover {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f4bb21+0,ffd76b+100 */
	background: rgb(244,187,33); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(244,187,33,1) 0%, rgba(255,215,107,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(244,187,33,1) 0%,rgba(255,215,107,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(244,187,33,1) 0%,rgba(255,215,107,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4bb21', endColorstr='#ffd76b',GradientType=0 ); /* IE6-9 */
}
::-webkit-input-placeholder {color: #999999;}
:-moz-placeholder {color: #999999; opacity: 1;}
::-moz-placeholder {color: #999999; opacity: 1;}
:-ms-input-placeholder {color: #999999;}
.input.error, .textarea.error {
	color: rgb(255, 86, 71);
	background-color: rgb(255, 206, 202);
}
label.error {
	position: absolute;
	left: -9999px;
}
/************************* wrapper *************************/
#wrapper {
	position: relative;
	overflow: hidden;
}
/************************* header *************************/
.header {
	overflow: hidden;
	position: relative;
	padding: 58px 0 161px;
	background: url(../images/media/bg1.jpg) 50% 0 no-repeat;
	background-size: cover;
}
/************************* top-block  *************************/
.header-fixed {
	position: fixed;
	top: -100px;
	left: 0;
	right: 0;
	z-index: 100;
	height: 74px;
	padding: 15px 0 0;
	background: #000;
	-webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
}
.header-fixed.fixed {
	top: 0;
}
.header-fixed-logo {
	float: left;
}
.header-nav {
	float: right;
	margin: 0;
}	
.header-nav ul {
	float: left;
	padding: 8px 0 0;
}
.header-nav li {
	display: inline-block;
	margin: 0 0 0 45px;
	font-size: 18px;
	line-height: 24px;
}
.lang > a {
	text-transform:uppercase;
	padding:3px;
	border-radius: 3px;
	transition: .3s;

}
.lang > a.current {
		background-color:#f4bb21;
}
.lang > a.current:hover {
	color:#000;
}
.lang > a:first-child {
	margin-right:5px;
}
.header-nav li:first-child {margin: 0;}
.header-nav a {
	color: #fff;
	text-decoration: none;
	-webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
}
.header-nav li a:hover, .header-nav .active a {
	color: #f4bb21;
}
.header-fixed .button {
	position: relative;
	display: block;
	float: left;
	width: 145px;
	padding: 9px 39px;
	margin: 0 0 0 100px;
	color: #000;
	font-size: 18px;
	line-height: 24px;
	border-radius: 45px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffd76b+0,f4bb21+100 */
	background: rgb(255,215,107); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,215,107,1) 0%, rgba(244,187,33,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,215,107,1) 0%,rgba(244,187,33,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,215,107,1) 0%,rgba(244,187,33,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd76b', endColorstr='#f4bb21',GradientType=0 ); /* IE6-9 */
	-webkit-box-shadow: none;
	box-shadow: none;
}
.header-fixed .button.button_wrap {
	width: auto;
	max-width:200px;
}
.header-fixed .button.button_wrap svg {
	margin-right:10px;
	vertical-align: text-bottom;
	
}

.header-fixed .button:hover {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f4bb21+0,ffd76b+100 */
	background: rgb(244,187,33); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(244,187,33,1) 0%, rgba(255,215,107,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(244,187,33,1) 0%,rgba(255,215,107,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(244,187,33,1) 0%,rgba(255,215,107,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4bb21', endColorstr='#ffd76b',GradientType=0 ); /* IE6-9 */
}
.nav-close {display: none;}
.nav-icon {
	position: absolute;
	top: 15px;
	right: 14px;
	display: none;
}
.nav-icon span {
	display: block;
	width: 30px;
	height: 2px;
	margin: 6px;
	background: #fff;
}

.header-top {
	overflow: hidden;
	position: relative;
	z-index: 10;
}
.header-phone {
	float: right;
	padding: 1px 0 0;
}
.header-phone-link {
	display: inline-block;
	/*! vertical-align: top; */
}
.header-adress {
	padding: 3px 0 0;
	color: #878787;
	font-size: 18px;
	/*! line-height: 1; */
	text-align: right;
}
.header-adress a {
	color: #878787;
	text-decoration: none;
}
.phone-item {
	display: block;
	/*! margin-bottom: 5px; */
	
}
.phone-item.phone4 img {
	min-width: 25px;
	margin-right: 8px;
}
.phone-item.phone1 svg{
	margin-right: 5px;
}
.phone1_wrap > .digit {
	font-size: 38px;
		font-width:800;
	/*! line-height: 1; */
}
.header-phone.state1 img {
	display: inline-block;
	vertical-align: top;
	margin: 0 0 0 6px;
}
.phone-item img {
	display: inline-block;
	vertical-align: text-top;
	margin: 0 7px 0 0;
	
}
.header-phone-link {
	color: #000;
	text-decoration: none;
	
}
.header-phone .header-phone-link  {
	color:#fff;
}
.phone1_wrap {
	
	
}
.phone1_wrap {
	line-height: 1;
}
.header-phone-link span {font-size: 30px;/*! line-height: 1.1; */}
.header-phone-link .callback {

}
.header-phone-link .digit {
		font-weight:800;
}



.light-blue {color: #00a0fe;}
.yellow {color: #f4bb21;}
.red {color: #ea1d25;}
.blue {color: #1c4eef;}
#phone-hidden {
	display: none;
	width: auto;
	padding: 40px 20px 10px;
	text-align: center;
	
}
#phone-hidden .phone-item {
	padding: 13px 0;
}
.phone-item-wrap {
	text-align: left;
}

.phone-item-wrap a {
	font-size: 27px;
	display: flex;
	align-items: center;
}
.phone-item-wrap span:not(:last-child) {
	margin-bottom: 16px;
}

#phone-hidden .popup-title {
	color: #000;
	font-size: 25px;
}
.title_mobil {
	margin-bottom: 5px;
	font-size: 15px;
}

.header-logo {
	float: left;
	margin: 0;
	text-align: center;
}
.header-logo  img {
	width: 254px;
	height: auto;
}


.header-main {
	position: relative;
	z-index: 10;
	clear: both;
	padding: 109px 0 0;
}
.header-main-text {
	max-width: 570px;
	margin: 0 auto 62px;
	color: #fff;
	font-size: 24px;
	line-height: 36px;
	text-align: center;
}
.header-button {
	position: relative;
	z-index: 5;
	margin: 0 0 130px;
}
.header-info {
	font-size: 0;
}
.header-info-item {
	display: inline-block;
	vertical-align: top;
	width: 25%;
	padding: 0 10px 0 0;
}
.header-info-icon {
	float: left;
	width: 52px;
	height: 52px;
	line-height: 50px;
	text-align: center;
	border: 1px solid #f4bb21;
	border-radius: 50%;
}
.header-info-icon img {
	vertical-align: middle;
	-webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    /*! width: 33px; */
    object-fit:cover;
	height: 32px;
	
}
.header-info-item:hover .header-info-icon img {
	-moz-transform: rotateY(180deg); /* Для Firefox */
    -ms-transform: rotateY(180deg); /* Для IE */
    -webkit-transform: rotateY(180deg); /* Для Safari, Chrome, iOS */
    -o-transform: rotateY(180deg); /* Для Opera */
    transform: rotateY(180deg);
}
.header-info-text {
	margin: 0 0 0 71px;
	color: #fff;
	font-size: 14px;
	line-height: 17px;
}
/************************* about *************************/
.about {
	position: relative;
	padding: 114px 0 119px;
	background: #f4bb21;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fbcc50+0,f4bb21+49,f4bb21+100 */
	background: #f4bb21; /* Old browsers */
	background: -moz-linear-gradient(top, rgba(251,204,80,1) 0%, rgba(244,187,33,1) 49%, rgba(244,187,33,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(251,204,80,1) 0%,rgba(244,187,33,1) 49%,rgba(244,187,33,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(251,204,80,1) 0%,rgba(244,187,33,1) 49%,rgba(244,187,33,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbcc50', endColorstr='#f4bb21',GradientType=0 ); /* IE6-9 */
}
.about-map {
	margin: 0 0 38px;
	text-align: center;
}
.about-map img {max-width: 100%;}
.about-article {
	padding: 0 0 1px;
	margin: 0 0 44px;
	font-size: 16px;
	line-height: 28px;
	text-align: center;
}
.about-article p {margin: 0 0 28px;}
.about:before {
	position: absolute;
	top: -54px;
	left: 0;
	right: 0;
	display: block;
	content: '';
	height: 54px;
background: url(../images/arc1.png) 50% 0 no-repeat;
	background-size: 100% 100%;
/*	background-color: gold;*/
}
.about:after {
	position: absolute;
	bottom: -54px;
	left: 0;
	right: 0;
	display: block;
	content: '';
	height: 54px;
	background: url(../images/arc2.png) 50% 0 no-repeat;
	background-size: 150% 200%;
/*	background-color: gold;*/
/*	border-radius: 0px 0px 100% 100%;*/
/*	clip-path: inset(0 5px 0 round 0 0 150% 150%);*/
/*	clip-path:polygon(0 0, 100% 0,100% 50%, 100% 100%, 50% 100%, 0 100%, 0 50% round 50px);*/
}
/************************* servises *************************/
.servises {
	position: relative;
	padding: 156px 0 51px;
}
.serv-block {
	padding: 0 0 1px;
	font-size: 0;
}
.serv-item {
	display: inline-block;
	vertical-align: top;
	width: 30%;
	margin: 0 0 5% 5%;
	font-size: 20px;
	text-align: center;
	background: #fff;
	border-radius: 5px;
	-webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
}
.serv-item:hover {
	-webkit-box-shadow: 0 0 25px 0 rgba(0,0,0,0.15);
	box-shadow: 0 0 25px 0 rgba(0,0,0,0.15);
}
.serv-item:nth-child(3n + 1){
	margin: 0 0 5%;
}
.serv-img {
	overflow: hidden;
	height: auto;
	border-radius: 5px 5px 0 0;
}
.serv-img img {
	width: 100%;
	vertical-align: middle;
	-webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
}
.serv-item:hover .serv-img img {
	-moz-transform: scale(1.1); /* Для Firefox */
    -ms-transform: scale(1.1); /* Для IE */
    -webkit-transform: scale(1.1); /* Для Safari, Chrome, iOS */
    -o-transform: scale(1.1); /* Для Opera */
    transform: scale(1.1);
}
.serv-content {
	padding: 34px 20px 47px;
	border: 1px solid #f2f2f2;
	border-top: 0;
	border-radius: 0 0 5px 5px;
}
.serv-name {
	margin: 0 0 24px;
	font-size: 20px;
	font-weight: 600;
}
.serv-name a {
	color: #000;
	text-decoration: none;
}
.yellow-button {
	display: inline-block;
	vertical-align: top;
	padding: 15px 45px 14px;
	color: #000;
	font-size: 20px;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	background: #f4bb21;
	border: 1px solid #f4bb21;
	border-radius: 30px;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	box-shadow: 0px 1px 5px 3px rgba(0, 0, 0, 0.20);
}
.yellow-button:hover {
	background: #ffc937;
}
/************************* review *************************/
.gallery .subtitle {
	max-width: 720px;
	margin: -68px auto 59px;
}
.video-block {
	margin: 0 0 68px;
}
.video-block iframe {
	display: block;
	width: 100%;
	height: 550px;
}
.gallery-block {
	overflow: hidden;
	margin: 0 0 69px;
}
.gallery-item {
	overflow: hidden;
	float: left;
	width: 20%;
}
.gallery-item img {
	display: block;
	width: 100%;
	vertical-align: middle;
	-webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
	-webkit-backface-visibility: hidden;
}
.gallery-item:hover img {
	-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
/************************* review *************************/
.review {
	padding: 101px 0 103px;
}
.review .subtitle {
	max-width: 780px;
	margin: -68px auto 59px;
}
.review-slider {
	position: relative;
	margin: 0 -14px;
	/*! padding: 61px 0 0; */
}
.review-slide {padding: 0 7px;}
.review-inner {
	padding: 50px 50px 45px;
	border: 1px solid #e2e2e2;
	border-radius: 5px;
}
.review-photo {
	float: left;
	width: 46px;
}
.review-author {
	margin: -4px 0 4px 60px;
	font-size: 30px;
	line-height: 30px;
}
.review-car {
	margin: 0 0 0 60px;
	color: #818181;
	font-size: 16px;
	line-height: 20px;
}
.review-text {
	clear: left;
	padding: 25px 0 0;
	font-size: 14px;
	line-height: 20px;
}
.slick-dots {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	font-size: 0;
	text-align: center;
}
.slick-dots li {
	display: inline-block;
	margin: 0 5px;
}
.slick-dots button {
	position: relative;
	display: block;
	width: 16px;
	height: 16px;
	font-size: 0;
	cursor: pointer;
	background: #fff;
	border: 1px solid #d7d7d7;
	border-radius: 50%;
}
.slick-dots .slick-active button {
	border: 1px solid #f4bc23;
}
.slick-dots .slick-active button:after {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	content: '';
	width: 8px;
	height: 8px;
	margin: -4px 0 0 -4px;
	background: #f4bc23;
	border-radius: 50%;
}
/************************* footer *************************/
.footer {
	padding: 103px 0 105px;
	color: #fff;
	background: url(../images/media/bg3.jpg) 50% 0 no-repeat;
	background-size: cover;
}
.footer h2 {color: #f4bb21;}
.footer-info {
	padding: 0 0 1px;
	margin: 0 0 59px;
	line-height: 1.7; 
}
.footer-info dt {
	float: left;
	clear: left;
	width: 160px;	
}
.footer-info dd {
	/*! margin: 0 0 0 173px; */
	/*! line-height: 2; */
}
.footer-info dd::first-child {
	margin-bottom: 10px
}
.price_free_digit_foot {
font-size:10px;
margin-bottom: -5px;
}
.callback_digit_foot {
	margin-right:5px;
}
.call_digit_foot {
	font-size:22px;
	margin-right: 7px;
	font-weight: 600;
}
.footer_phone_wrap {
	display: flex;
	flex-direction: column;
}
.footer_phone_wrap > a {
	display: flex;
	align-items: center;
	/*! line-height: 1; */
	font-size: 21px;
}
.price_free_digit {
	position: absolute;
	top:21px;
	font-size:10px;
	left:30px
}
.footer_phone_wrap > a >img {
	margin-right: 7px;
}
.callback_head_footer {
	color:#fff;
	text-decoration: none;
	position: relative;
}
.callback_head_footer > svg {
	margin-right: 10px;
}
.footer-link {
	color: #f4bb21;
	text-decoration: none;
	border-bottom: 1px dashed #f4bb21;
}
.footer-link:hover {border-bottom: 1px dashed transparent;}
.footer-tel {
	color: #fff;
	text-decoration: none;
}
/************************* popups *************************/


.fancybox-overlay .black-fancybox .fancybox-close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 30px;
  height: 30px;
  cursor: pointer;
  z-index: 8040;
/*  background: url('../images/mob-nav-close.png') center center no-repeat;*/
background: url(../images/close.svg) center / cover no-repeat;

  background-size: cover;
}


.remodal-close {


    display: block;
    overflow: visible;
    margin: 0;
    padding: 0;
    cursor: pointer;
    transition: color 0.2s;
    text-decoration: none;
    /* color: #ffffff; */
    border: 0;
    outline: 0;
    /* background: transparent; */
    width: 30px;
    height: 30px;
    background: url(../images/close.svg) center / cover no-repeat;
}



.popup-title {
	margin: 0 0 15px;
	font-size: 33px;
	line-height: 1.2;
	text-align: left;
}
.hidden-map {
	display: none;
	width: 770px;
	padding: 53px;
}
.hidden-map iframe {
	width: 100%;
	height: 400px;
}
.up {
	position: fixed;
	right: 20px;
	bottom: 100px;
	z-index: 50;
	opacity: 0;
	width: 48px;
	height: 48px;
	/*! padding: 17px 0 0; */
	text-align: center;
	border-radius: 50%;
	background: #000;
	transition: all .3s linear;
	display: none;
	align-items: center;
	padding-top: 7px;
}
.up img {/*! vertical-align: top; */max-width: 33px;/*! object-fit: cover; */text-align: center;/*! display: block; */margin: 0 auto;}
.up.fixed {opacity: 1;}


.trubka_wrap {
    /* width: 36px; */
    /* height: 36px; */
    text-indent: -9999px;
    position: fixed;
     z-index: 20;
    right: 20px;
    bottom: 100px;
    background-size: cover;
    border-radius: 30px;
display: none;
}

.fancybox-wrap {
/*! top:auto !important; */
/*! bottom:0 !important; */

min-width: 340px;
}
@keyframes radial-pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.7);
  }


  100% {
    box-shadow: 0 0 0 17px rgba(0, 0, 0, 0);
  }
}
/* remodal */
 .remodal {
/*     max-width: 360px;
    width: 100%; */
    height: auto;
    border-radius: 20px 20px 0 0;
    background-image: linear-gradient(orange, #f4bb21);
    padding: 20px;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
    color: var(--color-body);
    box-sizing: border-box;
    margin: 0 auto;
    margin-bottom: 0;
	width: clamp(340px, 90vw,400px);
  }

  .modal_title {

	color: #000;
	
	margin: 0 0 20px;
  font-size: 33px;
  line-height: 1.2;
  text-align: left;
}
.modal_item {
margin-bottom: 15px;
	
}
 
 .modal-phone {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  } 

.callback_head {
  display: flex;
  position: relative;
  align-items: baseline;
  align-content:baseline;
  
}

.modal_item a {
      font-size: 24px;
      line-height: 33px;
      letter-spacing: 0em;
      text-align: center;
      display: flex;
      align-items: baseline;
	color:#000;
	text-decoration: none;
   }

   .modal_item a svg {
      margin-right: 15px;
      align-self: center;
   }
   .modal_item > p {
   	margin-bottom: 10px;
		 font-size: 15px;
   }

   .modal_item a .price_free {
      bottom: -6px;
      font-size: 10px;
      font-style: italic;
      letter-spacing: 0.2px;
      position: absolute;
  /*color: #fff;*/
  font-size: 13px;
  /*! bottom: 0px; */
  line-height: 1;
  left: 38px;
		 
		 
   }

   .modal_item a .callback {
      font-size: 20px;
   }

   .modal_item a .call_digit {
      font-size: 30px;
      font-weight: 700;
      margin-right: 5px;
   }

.header_phone_wrap {
display: grid;
grid-template-columns:minmax(200px, 250px) minmax(200px, 250px);
justify-items: center;
grid-gap: 15px 5px;

/*! margin: 0 auto; */
justify-content: center;
margin-bottom: 30px;
}
.header_phone_wrap > a {
	display: flex;
	align-items: center;
}
.header_phone_wrap > a > img {
margin-right:10px;
}
.hidden_desktop {
	display: none;
}
.hidden_phone {
	display: block;
}


    
/************************* media *************************/
@media screen and (min-width: 768px) {
.header_phone_wrap > a {
   font-size: 22px;
}
}

@media screen and (min-width: 1024px) {
.header-fixed-logo a img  {
width:clamp(150px, 10vw, 160px);
}
}

@media screen and (min-width: 1101px) {

.holder .slick-next {
  right: clamp(-80px, -4vw, -45px);
}

.holder .slick-prev {
  left: clamp(-80px, -4vw, -45px);
}


}



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

.holder .slick-next {
  right: 25px;
}

.holder .slick-prev {
  left: 25px;
}
.header-fixed .button {

  width: 100px;
  padding: 9px 39px;
  margin: 0 0 0 40px;

}
.header-nav-list {
/*	display: flex;*/
}
.header-nav-list {
/*	margin-left:7px;*/
}


}


@media screen and (max-width: 1060px) {
	/*.about:before {background: url(../images/arc1.png) 50% 0 no-repeat;}
	.about:after {background: url(../images/arc2.png) 50% 0 no-repeat;}*/
}
@media screen and (max-width: 1023px) {

.header-phone-icon-big {
      width: 48px;
      height: 48px;
      flex-shrink: 0;
      border-radius: 40px;
      background: #000;
/*       box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.20); */
      display: flex;
      align-items: center;
      justify-content: center;
	     animation: radial-pulse 1.5s infinite;

   }

.header-fixed-logo a img  {
max-width: 186px;
}

	.header-fixed {
		height: 64px;
		padding: 10px 0 0;
	}
	.nav-icon {display: block;}
	.nav-close {
		position: absolute;
		top: 15px;
		right: 17px;
		display: block;
		z-index: 100;
		
	}
	.header-nav {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		padding: 40px 0 0;
		margin: 0;
		display: none;
		z-index: 150;
		background: #000;
		flex-direction: column;
    justify-content: center;
	}
	.header-nav ul {
		float: none;
		padding: 0 0 10px;
	}
	.header-nav li {
		display: block;
		margin: 0 0 20px;
		text-align: center;
	}
	.header-nav li:first-child {margin: 0 0 20px;}
	.header-fixed .button {
		float: none;
		margin: 0 auto;
	}
	.serv-item {
		width: 32%;
		margin: 0 0 2% 2%;
	}
	.serv-item:nth-child(3n + 1){margin: 0 0 2%;}
}
@media screen and (max-width: 960px) {
	.header {padding: 58px 0 121px;}
	.header-info {
		max-width: 600px;
		margin: 0 auto;
	}
	.header-info-item {
		width: 50%;
		margin: 0 0 40px;
	}
	.serv-item {
		width: 48%;
		margin: 0 0 4% 4%;
	}
	.serv-item:nth-child(3n + 1){margin: 0 0 4% 4%;}
	.serv-item:nth-child(2n + 1){margin: 0 0 4%;}
}
@media screen and (max-width: 800px) {
	.hidden-map {
		width: 580px;
		padding: 20px;
	}
	.header_phone_wrap {

/*grid-template-columns:1fr 1fr;*/


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

.hidden_desktop {
	display: block;
}
.hidden_phone {
	display: none;
}
  .header_phone_wrap > a {
    font-size: 21px;
  }
	.header {padding: 38px 0 50px;}
	.header-logo {
		float: none;
		text-align: center;
	}
	.header-phone {
		float: none;
		text-align: center;
		padding: 30px 0 0;
	}
	.header-adress {text-align: center;}
	h1 {
		margin: 0 0 20px;
		font-size: 44px;
		line-height: 48px;
	}
	.header-main-text {
		margin: 0 auto 40px;
		font-size: 20px;
		line-height: 24px;
	}
	.header-main {padding: 30px 0 0;}
	.header-button {margin: 0 0 80px;}
	.about {padding: 51px 0 64px;}
	.about:before, .about:after {display: none;}
	.about-article {margin: 0 0 24px;}
	h2 {
		margin: 0 0 55px;
		font-size: 36px;
		line-height: 40px;
	}
	.subtitle {
		margin: -33px 0 43px;
		font-size: 20px;
		line-height: 26px;
	}
	.gallery .subtitle {margin: -33px auto 43px;}
	.review .subtitle {margin: -33px auto 43px;}
	.about-info {margin: 0 auto 22px;}
	.servises {padding: 66px 0 41px;}
	.review {padding: 61px 0 56px;}
	.review-text {font-size: 16px;}
	.video-block {margin: 0 0 38px;}
	.video-block iframe {height: 350px;}
	.gallery-item {width: 33.33%;}
	.gallery-block {margin: 0 0 38px;}
	.footer {padding: 53px 0 55px;}
	.footer-info {
		margin: 0 0 29px;
		line-height: 30px;
	}
	.footer-info dt {
		float: none;
		width: auto;	
	}
	.footer-info dd {
		margin: 0 0 20px;
	}
}
@media screen and (max-width: 640px) {

	.review-slider {

  margin:0;
  padding:0;
}
.hidden-map {
		width: 400px;
		padding: 0px;
	}
	.hidden-map iframe {
		height: 300px;
	}
	.review-slide {padding: 0 50px;}
}

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

.header_phone_wrap {

grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

}

	h1 {
		font-size: 36px;
		line-height: 44px;
	}
	.header-main h1 br {display: none;}
	.header-info-item {width: 100%;}
	.serv-item {
		width: 100%;
		margin: 0 0 20px;
	}
	.serv-item:nth-child(3n + 1){margin: 0 0 20px;}
	.serv-item:nth-child(2n + 1){margin: 0 0 20px;}
}
@media screen and (max-width: 480px) {
	.gallery-item {width: 50%;}
	.review-inner {padding: 30px 30px 25px;}
	.button {font-size: 24px;}
	.hidden-map {width: 300px;}
}
@media screen and (max-width: 420px) {
	body {overflow-x: hidden;}
}