@import url("slick.min.css");
@import url("fonts.min.css");

* {
	-webkit-overflow-scrolling: touch;
	box-sizing: border-box;
	user-select: none;
}
::-webkit-input-placeholder { /* WebKit browsers */
	color:    red;
 }
#feedback .title h2{
	color: white !important;
	}
	.input:first-child{
		border-top: 1px solid rgb(255, 255, 255);
	}
	.feedback .input input{
		color: white !important;
	}
body, html {
	margin: 0;
	padding: 0;
	background: #FFFFFF;
	color: #000000;
	font-family: 'Gotham Pro', sans-serif;
}
html {
	font-size: 16px;
    line-height: 24px;
}
body {
    scroll-behavior: smooth;
	-webkit-text-size-adjust: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow-x: hidden;
	font-size: 1rem;
	line-height: 120%;
}
header, main, section, footer {
	position: relative;
}
a {
	display: inline-block;
	text-decoration: none;
}
label {
	display: inline-block;
	cursor: pointer;
}
button, a {
	color: inherit;
	cursor: pointer;
	transition: all 0.21s ease-in;
}
*:focus {
	outline: 0!important;
}
img {
	max-width: 100%;
}
ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	font-weight: normal;
	font-style: normal;
}
h1, .h1 {
	font-size: 3rem;/*48*/
}
h2, .h2 {
	font-size: 2.25rem;/*36*/
}
h3, .h3 {
	font-size: 1.5rem;/*24*/
}
h4, .h4 {
	font-size: 1.3125rem;/*21*/
}
h5, .h5 {
	font-size: 1.125rem;/*18*/
}
h6, .h6 {
	font-size: 1rem;/*16*/
}
small, .small {
	font-size: 0.875rem;/*14*/
}
p {
	margin: 0 0 22px;
    line-height: 24px;
}

.container {
	position: relative;
	width: 100%;
	max-width: 1190px;
	margin: 0 auto;
	padding: 0 15px;
}
.flex {
	display: flex;
}
.column {
	flex-direction: column;
}
.wrap {
	flex-wrap: wrap;
}
.jc-start {
	justify-content: flex-start;
}
.jc-sa {
	justify-content: space-around;
}
.jc-c {
	justify-content: center;
}
.jc-sb {
	justify-content: space-between;
}
.jc-end {
	justify-content: flex-end;
}
.ai-start {
	align-items: flex-start;
}
.ai-sa {
	align-items: space-around;
}
.ai-c {
	align-items: center;
}
.ai-sb {
	align-items: space-between;
}
.ai-end {
	align-items: flex-end;
}

#preloader {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999;
	width: 100%;
	height: 100%;
	background: #FFFFFF;
	background-size: contain;
}
.preloader {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	max-height: 100%;
	background: #FFFFFF;
}
.preloader img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: scale-down;
	object-position: center;
}
.preloader .back {
	position: absolute;
    top: 0;
    left: 0;
	width: 100%;
	height: 100%;
	background: #FFFFFF;
	transition: all .21s ease-in;
}

header {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	width: 100%;
	height: 64px;
	transition: all .21s ease-in;
}
header .col {
	height: 64px;
}

header .menu {
	margin-left: 20px;
	padding-left: 20px;
	border-left: 1px solid rgba(255, 255, 255, 0.57);
	transition: all .21s ease-in;
}
header .menu li {
	float: left;
	margin-right: 20px;
	font-size: 10px;
}
header .menu li:last-child {
	margin-right: 0;
}
header .menu a {
	text-transform: uppercase;
	color: #FFFFFF;
	line-height: 26px;
}

.menu a.active {
	font-family: 'Gotham Pro Medium', sans-serif;
}

header .dropdown {
	position: relative;
}
header .dropdown .submenu {
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
    width: 320px;
	max-height: 0;
	overflow: hidden;
    background: #FFFFFF;
	transition: all .21s ease-in;
}
header .dropdown ul {
    padding: 20px 15px;
}
header .dropdown li {
	width: 100%;
    margin: 0;
    margin-bottom: 20px;
}
header .dropdown li a {
	color: #000000;
}
header .dropdown:hover .submenu {
	max-height: 350px;
}
header .dropdown li a:hover {
	color: #BF0029;
}

header .lang {
	margin-left: 20px;
	padding-left: 20px;
	border-left: 1px solid rgba(255, 255, 255, 0.57);
	transition: all .21s ease-in;
}

select {
	-webkit-appearance: none;
	padding: 0;
	padding-right: 20px;
	background: url(../images/select-black.svg) right center no-repeat;
	border: 0;
	font-family: 'Gotham Medium', sans-serif;
	font-size: 1rem;
    color: #000000;
	cursor: pointer;
}
option {
	font-family: 'Gotham Medium', sans-serif;
	font-size: 1rem;
	color: #000000;
}

.lang select {
	height: 26px;
	text-transform: uppercase;
	background: url(../images/select-white.svg) right center no-repeat;
	color: #FFFFFF;
	transition: all .21s ease-in;
}

header .item {
	margin-right: 16px;
}
header .item:last-child {
	margin-right: 0;
}

.burger, 
#mobile-menu {
	display: none;
}

.tel, 
.email {
	line-height: 120%;
	transition: all .21s ease-in;
}
.tel {
	font-size: 1.3125rem;
	color: #FFFFFF;
}
.email {
	color: rgba(255, 255, 255, 0.85);
}

.telegram, 
.whatsapp {
	width: 40px;
	height: 40px;
}
.telegram {
	margin-right: 6px;
	background: url(../images/telegram.svg) center no-repeat;
}
.whatsapp {
	margin-right: 6px;
	background: url(../images/whatsapp.svg) center no-repeat;
}

header.active {
	background: #FFFFFF;
}
.services-page header .menu, 
.about-page header .menu, 
.contacts-page header .menu, 
.error-page header .menu, , 
.ok-page header .menu, 
header.active .menu {
	border-left: 1px solid rgba(0, 0, 0, 0.57);
}
.services-page header a, 
.about-page header a, 
.contacts-page header a, 
.error-page header a, 
.ok-page header a, 
header.active a {
	color: #000000;
}
.services-page header .lang, 
.about-page header .lang, 
.contacts-page header .lang, 
.error-page header .lang, 
.ok-page header .lang, 
header.active .lang {
	border-left: 1px solid rgba(0, 0, 0, 0.57);
}
.services-page header select, 
.about-page header select, 
.contacts-page header select, 
.error-page header select, 
.ok-page header select, 
header.active select {
	color: #000000;
	background: url(../images/select-black.svg) right center no-repeat;
}
.services-page header .tel, 
.about-page header .tel, 
.contacts-page header .tel, 
.error-page header .tel, 
.ok-page header .tel, 
header.active .tel {
	color: #000000;
}
.services-page header .email, 
.about-page header .email, 
.contacts-page header .email, 
.error-page header .email, 
.ok-page header .email, 
header.active .email {
	color: rgba(0, 0, 0, 0.85);
}

header a:hover, 
header select:hover {
	color: #000000;
}
header select:hover {
	background: url(../images/select-black.svg) right center no-repeat;
}
.services-page header a:hover, 
.about-page header a:hover, 
.contacts-page header a:hover, 
.error-page header a:hover, 
.ok-page header a:hover, 
header.active a:hover, 
.services-page header select:hover, 
.about-page header select:hover, 
.contacts-page header select:hover, 
.error-page header select:hover, 
.ok-page header select:hover, 
header.active select:hover {
	color: #BF0029;
}
.services-page header select:hover, 
.about-page header select:hover, 
.contacts-page header select:hover, 
.error-page header select:hover, 
.ok-page header select:hover, 
header.active select:hover {
	background: url(../images/select-gold.svg) right center no-repeat;
}

#main {
	position: relative;
	height: 100vh;
}

video {
	position: absolute;
    display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.main {
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	align-items: center;
	width: 100%;
	height: 100%;
}
.main .title {
	width: 100%;
	max-width: 800px;
	color: #FFFFFF;
}
.main h5 {
	margin-bottom: 15px;
	font-family: 'Gotham Pro Light', sans-serif;
}
.main h1 {
	margin-bottom: 35px;
	font-family: 'Gotham Pro Light', sans-serif;
	font-size: 3.5rem;
	line-height: 120%;
	text-transform: uppercase;
}
.main h1 span {
	font-family: 'Gotham Pro Medium', sans-serif;
}

.btn {
	position: relative;
	padding: 0;
	padding-right: 50px;
	background: none;
	border: 0;
	font-size: 1.3125rem;
	line-height: 20px;
	text-transform: uppercase;
	text-align: left;
}
.btn:after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 50px;
	height: 100%;
	background: url(../images/arrows-white.svg) right center no-repeat;
	transition: all .21s ease-in;
}

.main a {
	margin-bottom: 25px;
}
.main .btn:after {
	background: url(../images/arrows-white.svg) right center no-repeat;
}

.price {
	position: absolute;
	bottom: 0;
	right: 0;
	display: flex;
	align-items: center;
	width: 100%;
	max-width: 750px;
	height: 80px;
	padding-left: 90px;
	background: linear-gradient(130deg, rgba(0, 0, 0, 0) 55px, #BF0029 55px);
}

.btn:hover {
	color: #BF0029;
}
.btn:hover::after {
	background: url(../images/arrows-gold.svg) -50px center no-repeat;
	animation-name: arrows;
	animation-duration: 0.21s;
	animation-fill-mode: forwards;
	animation-timing-function: ease-in;
}

.main .btn:hover::after {
	background: url(../images/arrows-gold.svg) -50px center no-repeat;
}

.price .btn:hover, 
.feedback .btn:hover {
	color: #FFFFFF;
}
.price .btn:hover::after, 
.feedback .btn:hover::after {
	background: url(../images/arrows-white.svg) -50px center no-repeat;
}
@keyframes arrows {
	0%   {background-position-x: -50px;}
	100% {background-position-x: right;}
}

.call {
	position: fixed;
	bottom: 100px;
	right: 24px;
	z-index: 9999;
	width: 64px;
	height: 64px;
}
.call a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	background: #FFFFFF;
	border: 2px solid #E5E5E5;
	border-radius: 100%;
}
.call img {
	filter: drop-shadow(0px 3px 5px rgba(0, 0, 0, 0.19));
}
.call a:hover {
	background: #BF0029;
}

#services {
	padding: 80px 0 95px;
}

.title h2 {
	display: inline-block;
	font-size: 3rem;
	line-height: 120%;
	text-transform: uppercase;
	color: #000000;
}
.title span {
	font-family: 'Gotham Pro Medium', sans-serif;
}
.title h4 {
	font-family: 'Gotham Pro Light', sans-serif;
	line-height: 120%;
}

#services .title {
	margin-bottom: 60px;
}


.services .item {
	position: relative;
	width: calc(100% / 3);
	max-width: 360px;
}

.service a {
	display: block;
	height: 100%;
	padding: 32px;
	background: #FFFFFF;
	border: 1px solid transparent;
}
.service .description {
	display: flex;
	flex-direction: column;
	height: 100%;
}
.service h4 {
	margin-bottom: 20px;
	line-height: 120%;
}
.service p {
	margin-bottom: 20px;
	font-family: 'Gotham Pro Light', sans-serif;
	line-height: 140%;
	color: rgba(0, 0, 0, 0.65);
}
.service .arrows {
	height: 16px;
	margin-top: auto;
	background: url(../images/arrows-black.svg) left center no-repeat;
	transition: all .21s ease-in;
}
.service .img {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: -1;
	width: 100%;
	border-color: rgba(0, 0, 0, 0.1);
	box-shadow: 0px 4px 58px rgba(0, 0, 0, 0.07);
}
.service img {
	display: block;
	width: 100%;
	object-fit: cover;
	object-position: center;
	border-color: rgba(0, 0, 0, 0.1);
	box-shadow: 0px 4px 58px rgba(0, 0, 0, 0.07);
	opacity: 0;
	transition: all .21s ease-in;
}
.services .item:nth-child(n+4) .img {
	top: auto;
	bottom: 100%;
}

.service a:hover {
	border-color: rgba(0, 0, 0, 0.1);
	box-shadow: 0px 4px 58px rgba(0, 0, 0, 0.07);
}
.service a:hover .arrows {
	background: url(../images/arrows-gold.svg) left center no-repeat;
}
.service a:hover + .img {
	z-index: 1;
}
.service a:hover + .img img {
	opacity: 1;
}


.extra {
	padding-left: 30px;
	border-left: 2px solid #AFAFAF;
}
.extra small {
	display: inline-block;
	margin-bottom: 15px;
	text-transform: uppercase;
	color: rgba(0, 0, 0, 0.85);
}
.extra li {
	line-height: 180%;
}
.extra span {
	padding: 0;
	font-family: 'Gotham Pro Light', sans-serif;
	color: rgba(0, 0, 0, 0.65);
	line-height: 100%;
}

#geo {
	position: relative;
	height: 100vh;
}

#map {
	position: absolute;
	top: 0;
	left: 0;
	background: #FFFFFF;
}
#map .leaflet-tile-pane {
    filter: grayscale(100%);
    opacity: 0.5;
}
#map .dg-attribution__copyright {
	display: none;
}
#map .dg-label {
	width: 180px;
    margin-top: 20px;
    margin-left: -90px;
    text-align: center;
    word-break: break-word;
}
#map .dg-label__content {
	background: none;
	border: 0;
	border-radius: 0;
	font-family: 'Gotham Pro Medium', sans-serif;
	font-size: 1rem;
	line-height: 120%;
	color: rgba(0, 0, 0, 0.85);
}

.geo-title {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	width: 100%;
	padding-top: 55px;
}
.geo-title .title h2 {
	display: block;
	margin-bottom: 15px;
	font-size: 3.5rem;
	line-height: 120%;
}
.geo-direction {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	padding: 20px 0;
	background: linear-gradient(45deg, #FFFFFF 70%, rgba(0, 0, 0, 0) 70%);
}
.geo-direction ul {
	width: 100%;
	max-width: 940px;
	padding-right: 90px;
	-webkit-columns: 4;
	-moz-columns: 4;
	columns: 4;
}
.geo-direction li {
	width: 100%;
	font-family: 'Gotham Pro Light', sans-serif;
	line-height: 120%;
}
.geo-direction li br {
	display: none;
}

#calculator {
	padding: 125px 0 95px;
}
#calculator .title {
	margin-bottom: 75px;
}
#calculator .title h2 {
	width: 100%;
	max-width: 710px;
}

.calculator .col {
	width: calc(100% / 2 - 20px);
	max-width: 560px;
}

.input {
	width: 100%;
	height: 64px;
	padding: 21px 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.input:first-child {
	border-top: 1px solid rgba(0, 0, 0, 0.2);
}

input, textarea {
	-webkit-appearance: none;
	width: 100%;
	padding: 0;
	font-family: 'Gotham Pro Light', sans-serif;
	font-size: 1rem;
	background: none;
	border: 0;
	color: #000000;
	resize: none;
}
input::placeholder, textarea::placeholder {
	font-family: 'Gotham Pro Light', sans-serif;
	font-size: 1rem;
	color: #000000;
}
form button {
	margin-top: 45px;
}

#info {
	padding: 35px 0 120px;
}
.info {
	position: sticky;
	top: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: 100vh;
	padding: 85px 0;
	background: linear-gradient(50deg, rgba(0, 0, 0, 0) 140px, #BF0029 140px);
}
.info:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background: linear-gradient(50deg, #FFFFFF 140px, rgba(0, 0, 0, 0) 140px);
}
.info .title {
	width: 100%;
	max-width: 660px;
	margin-bottom: 65px;
	margin-left: 36.5%;
}
.info .title h2 {
	margin-bottom: 15px;
}

.info .items {
	width: 100%;
	overflow: auto hidden;
	padding-left: 145px;
}
.info .items::-webkit-scrollbar {
	display: none;
}
#info-items {
	white-space: nowrap;
}
.info .item {
	display: inline-block;
	margin-right: 100px;
}
.info .item:last-child {
	width: 45px;
	margin-right: 0;
}
.info .large {
	font-family: 'Gotham Pro Light', sans-serif;
	font-size: 10.25rem;
	line-height: 120%;
}
.info .item h4 {
	text-align: right;
	line-height: 140%;
}

#team {
	overflow: hidden;
	padding: 75px 0 85px;
	background: linear-gradient(to right, #FFFFFF calc(30% - 20px), #F4F4F4 calc(30% - 20px));
}
#team .title h2 {
	padding-right: 100px;
	background: url(../images/arrows-black-large.svg) right center no-repeat;
}

.slick-arrow {
	position: relative;
	width: 64px;
	height: 64px;
	padding: 0;
	background: #F4F4F4;
	border: 2px solid rgba(0, 0, 0, 0.2);
	border-radius: 100%;
	font-size: 0;
	text-align: center;
}
.slick-prev {
	margin-right: 24px;
}
.slick-prev:after, 
.slick-next:after {
	content: '';
	display: inline-block;
	width: 13px;
	height: 26px;
}
.slick-prev:after {
	background: url(../images/prev.svg) center no-repeat;
}
.slick-next:after {
	background: url(../images/next.svg) center no-repeat;
}
.slick-arrow:hover {
	background: #BF0029;
}

.team {
	margin: 55px 0 100px;
}
.team .slick-list {
	overflow: visible;
}
.team .slick-slide {
	margin-right: 40px;
}
.team img {
	width: 260px;
	margin-bottom: 30px;
}
.team .caption {
	width: 260px;
}
.team h4 {
	line-height: 140%;
}
.team p {
	line-height: 140%;
	color: rgba(0, 0, 0, 0.65);
}
.company a {
	width: 145px;
	height: 145px;
	background: url(../images/arrows-gold-large.svg) center no-repeat;
}
.about_button {
	position: relative;
	width: 100%;
	height: 100%;
	transform-origin: center;
	animation-name: about_button;
	animation-duration: 6s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}
@keyframes about_button {
	from {transform: rotate(0deg);}
	to {transform: rotate(360deg);}
}
.about_button span {
	position: absolute;
	top: 0;
	left: calc(50% - 5px);
	transform-origin: bottom center;
	width: 10px;
	height: 50%;
	font-family: 'Gotham Pro Light', sans-serif;
	font-size: 1.125rem;
	text-align: center;
}
.about_button span:nth-child(2) {
	transform: rotate(10deg);
}
.about_button span:nth-child(3) {
	transform: rotate(20deg);
}
.about_button span:nth-child(4) {
	transform: rotate(30deg);
}
.about_button span:nth-child(5) {
	transform: rotate(40deg);
}
.about_button span:nth-child(6) {
	transform: rotate(50deg);
}
.about_button span:nth-child(7) {
	transform: rotate(60deg);
}
.about_button span:nth-child(8) {
	transform: rotate(70deg);
}
.about_button span:nth-child(9) {
	transform: rotate(80deg);
}
.about_button span:nth-child(10) {
	transform: rotate(90deg);
}
.about_button span:nth-child(11) {
	transform: rotate(100deg);
}
.about_button span:nth-child(12) {
	transform: rotate(110deg);
}
.about_button span:nth-child(13) {
	transform: rotate(120deg);
}
.about_button span:nth-child(14) {
	transform: rotate(130deg);
}
.about_button span:nth-child(15) {
	transform: rotate(140deg);
}
.about_button span:nth-child(16) {
	transform: rotate(150deg);
}
.about_button span:nth-child(17) {
	transform: rotate(160deg);
}
.about_button span:nth-child(18) {
	transform: rotate(170deg);
}
.about_button span:nth-child(19) {
	transform: rotate(180deg);
}
.about_button span:nth-child(20) {
	transform: rotate(190deg);
}
.about_button span:nth-child(21) {
	transform: rotate(200deg);
}
.about_button span:nth-child(22) {
	transform: rotate(210deg);
}
.about_button span:nth-child(23) {
	transform: rotate(220deg);
}
.about_button span:nth-child(24) {
	transform: rotate(230deg);
}
.about_button span:nth-child(25) {
	transform: rotate(240deg);
}
.about_button span:nth-child(26) {
	transform: rotate(250deg);
}
.about_button span:nth-child(27) {
	transform: rotate(260deg);
}
.about_button span:nth-child(28) {
	transform: rotate(270deg);
}
.about_button span:nth-child(29) {
	transform: rotate(280deg);
}
.about_button span:nth-child(30) {
	transform: rotate(290deg);
}
.about_button span:nth-child(31) {
	transform: rotate(300deg);
}
.about_button span:nth-child(32) {
	transform: rotate(310deg);
}
.about_button span:nth-child(33) {
	transform: rotate(320deg);
}
.about_button span:nth-child(34) {
	transform: rotate(330deg);
}
.about_button span:nth-child(35) {
	transform: rotate(340deg);
}
.text {
	width: 100%;
	max-width: 460px;
    margin: 0 auto;
}
.text h4 {
	line-height: 140%;
	color: rgba(0, 0, 0, 0.65);
}

#clients {
	padding: 120px 0 100px;
}
#clients .title {
	margin-bottom: 80px;
	text-align: center;
}
.clients img {
	object-fit: scale-down;
	object-position: center;
	filter: grayscale(100%);
	transition: all .21s ease-in;
}
.clients img:hover {
	filter: grayscale(0);
}

#feedback {
	padding: 90px 0 120px;
	background: linear-gradient(130deg, rgba(0, 0, 0, 0) 300px, #BF0029 300px);
}
#feedback .title {
	width: 100%;
	max-width: 515px;
    margin-bottom: 65px;
    margin-left: 36.5%;
}
.feedback {
	width: 100%;
	max-width: 760px;
    margin-left: 36.5%;
}

footer {
	padding: 60px 0 80px;
	background-color: #BF0029;
}
footer .col {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: 100%;
	max-width: 400px;
}
footer .col:last-child {
	max-width: 270px;
}
.col.flex.ai-c .logo{
	width: 150px;
}
header .container{
	max-width:100%;
}
@media screen and (max-width:800px) {
	.col.flex.ai-c .logo{
		width: 100px;
	}
	header .container{
		max-width: 80%;
	}
}
footer .logo {
	margin-bottom: 40px;
}
footer .logo img {
	height: 50px;
}
footer .address {
	color: white;
	width: 100%;
	max-width: 155px;
	margin-bottom: 50px;
	line-height: 140%;
}
footer .telegram, 
footer .whatsapp {
	width: auto;
    height: auto;
	padding-left: 30px;
	font-size: 0.875rem;
	line-height: 26px;
}
footer .telegram {
	margin-right: 32px;
	background: url(../images/telegram-black.svg) left center no-repeat;
	background-size: 23px 22px;
}
footer .whatsapp {
	background: url(../images/whatsapp-black.svg) left center no-repeat;
	background-size: 22px 23px;
}
footer .tel {
	margin-bottom: 10px;
	font-family: 'Gotham Pro Light', sans-serif;
	font-size: 2rem;
	color: white;
}
footer .email {
	margin-bottom: 40px;
	font-family: 'Gotham Pro Light', sans-serif;
	font-size: 1.3125rem;
	color: white;
}
footer ul {
	margin-bottom: 45px;
}
footer .col:nth-child(3) ul {
	
}
footer ul li {
	color: white !important;
	margin-bottom: 20px;
}
footer ul li:last-child {
	margin-bottom: 0;
}
footer ul a {
	line-height: 120%;
	color: white !important;
}
footer .col:nth-child(2) ul a {
	text-transform: uppercase;
}
footer small, 
footer .small {
	font-size: 0.875rem;
	line-height: 120%;
	color: rgba(0, 0, 0, 0.35);
}
footer a:hover {
	color: #000000;
}
#description{
	display: none;
}


#about {
	padding: 200px 0 67.5px;
}
#about .row {
	display: inline-block;
	width: 100%;
	margin-bottom: 20px;
}
#about .row:last-child {
	margin-bottom: 0;
}

.title h1 {
	line-height: 120%;
	text-transform: uppercase;
	font-size: 42px;
}

#about .title h1 {
	width: 100%;
	max-width: 710px;
	font-size: 3.5rem;
}
#about .title h4 {
	width: 100%;
	max-width: 560px;
	float: right;
	margin-top: -30px;
	line-height: 140%;
}

#about .since {
	position: relative;
	padding: 60px 0;
}
#about .since .box {
	position: relative;
	z-index: 1;
	padding: 20px 0 20px;
	background: linear-gradient(130deg, #BF0029 60%, rgba(0, 0, 0, 0) 50%);
}
#about .since .text {
	width: 100%;
	max-width: 480px;
	margin-left: 0;
}
#about .since .text h4 {
	margin-bottom: 25px;
	font-family: 'Gotham Pro Light', sans-serif;
	line-height: 140%;
}
#about .since .text h6 {
	line-height: 140%;
	text-transform: uppercase;
	color: rgba(0, 0, 0, 0.65);
}
#about .image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#about .image .container {
	height: 100%;
}
#about .image img {
	position: absolute;
	top: 120px;
	right: 15px;
}

#about .description {
	width: 100%;
	max-width: 560px;
	margin: auto;
}
#about .description h4 {
	margin-bottom: 30px;
	font-family: 'Gotham Pro Light', sans-serif;
	line-height: 140%;
}
#about .description h4 span {
	font-family: 'Gotham Pro Medium', sans-serif;
}

#about .direction .slick-slide {
	padding: 0 20px;
}

#employees {
	padding: 67.5px 0 80px;
}
#employees .title {
	margin-bottom: 40px;
}
#employees .flex {
	margin-left: -15px;
	margin-right: -15px;
}
#employees .item {
	width: 25%;
	margin-bottom: 40px;
	padding: 0 20px;
}
#employees .item img {
	float: right;
	margin-bottom: 20px;
}
#employees .item h4 {
	line-height: 140%;
}
#employees .item p {
	font-family: 'Gotham Pro Light', sans-serif;
	font-size: 0.875rem;
	line-height: 120%;
	color: rgba(0, 0, 0, 0.65);
}


#certificates {
	overflow: hidden;
	padding: 100px 0 110px;
	background: linear-gradient(to right, #FFFFFF calc(30% - 20px), #F4F4F4 calc(30% - 20px));
}
#certificates .clear {
	width: 150px;
}
.certificates {
	margin-top: 80px;
}
.certificates .slick-list {
	overflow: visible;
}
.certificates .slick-slide {
	max-width: 360px;
	margin-right: 40px;
}
#certificates a {
	position: relative;
}
#certificates a:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../images/zoom.svg) center no-repeat, linear-gradient(0deg, rgba(255, 208, 3, 0.92), rgba(255, 208, 3, 0.92));
	opacity: 0;
	transition: all .21s ease-in;
}
#certificates a:hover {
	box-shadow: 0px 18px 44px rgba(0, 0, 0, 0.13);
}
#certificates a:hover::after {
	opacity: 1;
}

.zoom {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .9);
}

#contacts {
	overflow: hidden;
	padding: 155px 0 110px;
}
#contacts .col {
	width: 50%;
}
#contacts .title {
	margin-bottom: 50px;
}
#contacts .title h1 {
	width: 100%;
	max-width: 460px;
}
#contacts form {
	width: 100%;
	max-width: 460px;
}
#contacts .tel {
	font-family: 'Gotham Pro Light', sans-serif;
	font-size: 3rem;
	color: #000000;
}
#contacts .email {
	margin-bottom: 40px;
	font-family: 'Gotham Pro Light', sans-serif;
	font-size: 1.3125rem;
	color: rgba(0, 0, 0, 0.85);
}
#contacts h6 {
	width: 100%;
	max-width: 260px;
	margin-bottom: 50px;
	font-family: 'Gotham Pro Light';
	line-height: 140%;
}
#contacts .item {
	width: 50%;
	margin-bottom: 32px;
}
#contacts .item h4 {
	margin-bottom: 15px;
	line-height: 120%;
}
#contacts .item h4 span {
	display: inline-block;
	width: 100%;
	font-family: 'Gotham Pro Medium', sans-serif;
}
#contacts .item a {
	font-family: 'Gotham Pro Light', sans-serif;
	line-height: 140%;
	color: rgba(0, 0, 0, 0.65);
}
#contacts .item a:hover {
	color: #000000;
}
#contacts .whatsapp, 
#contacts .telegram {
	width: 100%;
	height: auto;
	margin-bottom: 15px;
	padding-left: 30px;
	background-size: contain!important;
	background-position: left center!important;
}

#contacts .requisites {
	margin-top: 35px;
}
#contacts .requisites .popup {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 9999;
	display: none;
	width: 100%;
	max-width: 420px;
	padding: 35px 40px;
	padding-right: 70px;
	background: #FFFFFF;
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.15);
	font-family: 'Gotham Pro Light', sans-serif;
	font-size: 0.875rem;
	line-height: 140%;
	color: rgba(0, 0, 0, 0.65);
}
#contacts .requisites .popup .close {
	position: absolute;
	top: 35px;
	right: 40px;
	width: 16px;
	height: 16px;
	padding: 0;
	background: url(../images/close.svg) center no-repeat;
	border: 0;
}
#contacts .requisites .popup span {
	font-family: 'Gotham Pro Medium', sans-serif;
}

.service-page .main {
    align-items: flex-end;
	padding-bottom: 55px;
	background: linear-gradient(118.91deg, rgba(0, 0, 0, 0.74) -0.63%, rgba(0, 0, 0, 0) 67.79%);
}
.service-page .main .title {
	max-width: 780px;
}
.service-page .main h1 {
    margin-bottom: 15px;
}
.service-page .main h4 {
	width: 100%;
	max-width: 670px;
    margin-bottom: 25px;
	line-height: 140%;
}

#description {
	padding: 70px 0 60px;
	background: url(../images/service-vector.png) right calc(100% - 165px) no-repeat;
	background-size: 45%;
}
#description .row {
	margin-bottom: 80px;
}
#description .row:last-child {
	margin-bottom: 0;
}
#description .description {
	width: 100%;
	max-width: 560px;
}
#description h4 {
	font-family: 'Gotham Pro Light', sans-serif;
	line-height: 140%;
}

#sub-services {
	padding: 60px 0 50px;
}
#sub-services .col {
	width: calc(50% - 20px);
}
#sub-services .title {
	margin-bottom: 103px;
}
#sub-services .sub-title {
	margin-bottom: 25px;
}
#sub-services .sub-title h2 {
	font-family: 'Gotham Pro Light', sans-serif;
	line-height: 120%;
	text-transform: uppercase;
}
#sub-services .item {
	display: flex;
	align-items: center;
	width: 100%;
	min-height: 80px;
	padding: 15px 0;
	background: url(../images/arrows-black.svg) right 32px no-repeat;
	border-top: 2px solid rgba(0, 0, 0, 0.2);
}
#sub-services .wrap .item {
	width: calc(50% - 20px);
}
#sub-services .col .item {
	width: 100%;
}
#sub-services .item h5 {
	width: 100%;
	max-width: 475px;
	line-height: 140%;
}
#sub-services .item:hover {
	border-width: 2px;
	border-color: #BF0029;
}

#park {
	overflow: hidden;
	padding: 50px 0 80px;
}
.park {
	margin: 80px 0;
}
.park .slick-list {
    overflow: visible;
}
.park .slick-slide {
	margin-right: 40px;
}
.park .item {
	width: 360px;
	min-height: 290px;
	padding: 35px 30px;
	padding-bottom: 0;
	background: url(../images/park.svg) left top no-repeat;
}
.park img {
	margin-bottom: 75px;
}
.park h4 {
	margin-bottom: 10px;
	font-family: 'Gotham Pro Medium', sans-serif;
	line-height: 120%;
	text-transform: uppercase;
}
.park h4 span {
	font-family: 'Gotham Pro', sans-serif;
}
.park h6 {
	line-height: 140%;
	color: rgba(0, 0, 0, 0.65);
}

.temir-zholy img {
	margin-right: 15px;
	filter: grayscale(100%);
	transition: all .21s ease-in-out;
}
.temir-zholy h6 {
	width: 100%;
	max-width: 260px;
	font-family: 'Gotham', sans-serif;
	line-height: 120%;
	color: rgba(0, 0, 0, 0.35);
}
.temir-zholy:hover img {
	filter: grayscale(0);
}

#process {
	overflow: hidden;
	padding: 155px 0 0;
}
#process .title {
	width: 100%;
	max-width: 340px;
	margin-bottom: 90px;
}
#process .description h4 {
	margin-bottom: 25px;
	font-family: 'Gotham Pro Medium', sans-serif;
	line-height: 120%;
	text-transform: uppercase;
}
#process .description ul {
	width: 100%;
	max-width: 340px;
}
#process .description li {
	font-family: 'Gotham Pro Light', sans-serif;
	line-height: 140%;
	color: rgba(0, 0, 0, 0.65);
}

#process .process {
	position: relative;
	width: 100%;
	max-width: 620px;
}
#process svg {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
    margin-top: -50px;
    margin-left: 50px;
}
#process path {
	stroke-dashoffset: 0;
	transition: all 3.5s linear;
}
#process.active #line {
	stroke-dashoffset: -3000px;
}
#process circle {
	stroke: #E7E7E7;
	transition: all 0.5s linear;
}
#process #circle-1 {
	transition-delay: 3s;
}
#process #circle-2 {
	transition-delay: 2.5s;
}
#process #circle-3 {
	transition-delay: 2s;
}
#process #circle-4 {
	transition-delay: 1.5s;
}
#process #circle-5 {
	transition-delay: 1s;
}
#process #circle-6 {
	transition-delay: 0.5s;
}
#process.active circle {
	stroke: #BF0029;
}
#process.active #circle-1 {
	transition-delay: 0.5s;
}
#process.active #circle-2 {
	transition-delay: 1s;
}
#process.active #circle-3 {
	transition-delay: 1.5s;
}
#process.active #circle-4 {
	transition-delay: 2s;
}
#process.active #circle-5 {
	transition-delay: 2.5s;
}
#process.active #circle-6 {
	transition-delay: 3s;
}
#process .process h4 {
	line-height: 120%;
	text-align: center;
	color: #959595;
	transition: all 0.5s linear;
}
#process #item-1 h4 {
	transition-delay: 3s;
}
#process #item-2 h4 {
	transition-delay: 2.5s;
}
#process #item-3 h4 {
	transition-delay: 2s;
}
#process #item-4 h4 {
	transition-delay: 1.5s;
}
#process #item-5 h4 {
	transition-delay: 1s;
}
#process #item-6 h4 {
	transition-delay: 0.5s;
}
#process.active h4 {
	color: #000000;
}
#process.active #item-1 h4 {
	transition-delay: 0.5s;
}
#process.active #item-2 h4 {
	transition-delay: 1s;
}
#process.active #item-3 h4 {
	transition-delay: 1.5s;
}
#process.active #item-4 h4 {
	transition-delay: 2s;
}
#process.active #item-5 h4 {
	transition-delay: 2.5s;
}
#process.active #item-6 h4 {
	transition-delay: 3s;
}
#process .process .item {
	position: relative;
	width: 50%;
	margin-bottom: 155px;
}

.service-page #feedback .title {
	max-width: 770px;
}
#feedback .col {
	width: calc(50% - 20px);
	max-width: 360px;
}

.alert {
	position: fixed;
	bottom: 40px;
	right: 40px;
	z-index: 9999;
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	max-width: 335px;
	padding: 22px 27px;
	background: #51C807;
	box-shadow: 0px 18px 25px rgba(0, 0, 0, 0.12);
	line-height: 140%;
	color: #FFFFFF;
}
.alert small {
	display: inline-block;
	margin-right: 20px;
}
.alert .x {
	width: 8px;
	height: 8px;
	padding: 0;
	background: url(../images/x.svg) center no-repeat;
	border: 0;
}

#error, 
#ok {
	padding: 75px 0;
	background: url(../images/zhebe-vector.svg) right bottom no-repeat;
	background-size: 55%;
}
.error, 
.ok {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	height: calc(100vh - 150px);
	color: #000000;
}
#error h1, 
#ok h1 {
	font-family: 'Gotham Pro Light', sans-serif;
	font-size: 14.8125rem;
	line-height: 120%;
	color: #BF0029;
}
#error h4, 
#ok h4 {
	width: 100%;
	max-width: 350px;
	margin-top: -40px;
	font-family: 'Gotham Pro Light', sans-serif;
	font-size: 1.3125rem;
	line-height: 140%;
}
#error a, 
#ok a {
	margin-top: auto;
}

#ok h1 {
	margin-bottom: 35px;
	font-size: 3.5rem;
}
#ok h4 {
	margin-top: 0;
}

@media screen and (max-width: 1024px) {
	.geo-direction {
		background: linear-gradient(45deg, #FFFFFF 80%, rgba(0, 0, 0, 0) 80%);
	}
	#info {
		height: auto;
	}
}
@media screen and (max-width: 768px) {
	header {
		position: absolute;
	}
	
	header .menu, 
	header .lang {
		display: none;
	}
	
	header .item:first-child {
		margin-right: 48px;
	}
	header .item:last-child {
		position: fixed;
		top: 16px;
		right: 15px;
		margin-top: auto;
	}
	header .item:last-child .flex {
		flex-direction: column;
	}
	header .burger, 
	header .telegram, 
	header .whatsapp {
		width: 32px;
		height: 32px;
		margin-bottom: 15px;
		margin-right: 0;
		background-size: 100%!important;
	}
	.burger {
		display: block;
		padding: 0;
		background: url(../images/burger.svg) center no-repeat;
		border: 0;
	}
	
	#mobile-menu {
		position: fixed;
		top: 0;
		right: -100%;
		z-index: 9999;
		display: block;
		width: 100%;
		height: 100vh;
		background: rgba(255, 255, 255, 0.7);
		transition: all .21s ease-in-out;
	}
	#mobile-menu.active {
		right: 0;
	}
	
	.mobile-menu {
		display: flex;
		flex-direction: column;
		width: 100%;
		max-width: 270px;
		height: 100%;
		margin-left: auto;
		padding: 16px;
		background: #FFFFFF;
	}
	
	.mobile-menu .close {
		position: absolute;
		top: 16px;
		right: 16px;
		width: 32px;
		height: 32px;
		padding: 0;
		background: url(../images/close.svg) center no-repeat;
		border: 0;
	}
	.mobile-menu .logo {
		margin-bottom: 40px;
	}
	.mobile-menu .menu {
		margin-bottom: 35px;
	}
	.mobile-menu .menu li {
		margin-bottom: 25px;
	}
	.mobile-menu .menu a {
		color: #000000;
		text-transform: uppercase;
	}
	
	.mobile-menu .services {
		margin-bottom: 25px;
	}
	.mobile-menu .services li {
		margin-bottom: 15px;
	}
	.mobile-menu .services a {
		font-size: 0.875rem;
		line-height: 120%;
		color: rgba(0, 0, 0, 0.85);
	}
	
	.mobile-menu .lang {
		margin-top: auto;
	}
	.mobile-menu .lang ul {
		display: inline-block;
		width: 100%;
	}
	.mobile-menu .lang li {
		float: left;
		margin-right: 15px;
	}
	.mobile-menu .lang li:last-child {
		margin-right: 0;
	}
	.mobile-menu .lang a {
		font-family: 'Gotham', sans-serif;
	}
	.mobile-menu .lang a.active {
		font-family: 'Gotham Medium', sans-serif;
	}
	
	.price, 
	.call {
		display: none;
	}
	
	.main {
		padding-bottom: 32px;
	}
	.main .container {
		margin-top: auto;
	}
	
	.services .item {
		width: calc(100% / 2);
	}
	
	#geo {
		height: 660px;
	}
	
	.geo-direction ul {
		-webkit-columns: 3;
		-moz-columns: 3;
		columns: 3;
	}
	
	.info {
		min-height: 0;
	}
	.info .title {
		max-width: calc(100% - 33.5%);
		margin-left: 16.5%;
	}
	
	#feedback {
		min-height: 0;
		background: linear-gradient(130deg, rgba(0, 0, 0, 0) 120px, #BF0029 120px);
	}
	#feedback .title, 
	.feedback {
		max-width: calc(100% - 33.5%);
		margin-left: 16.5%;
	}
	
	footer .col:nth-child(3) {
		display: none;
	}
	
	#about .title h4 {
		margin-top: 30px;
	}
	#about .image {
		position: relative;
		margin-bottom: 30px;
	}
	#about .image img {
		position: relative;
		right: 0;
	}
	#about .since .box {
		position: relative;
		z-index: 1;
		padding: 55px 0;
		background: linear-gradient(130deg, #BF0029 75%, rgba(0, 0, 0, 0) 75%);
	}
	
	#contacts .col {
		width: 100%;
		margin-bottom: 50px;
	}
	#contacts .tel, 
	#contacts .email {
		width: 100%;
	}
	
	#description .title {
		display: none;
	}
	#description .description {
		max-width: 100%;
	}
	
	#sub-services .col {
		width: 100%;
	}
	#sub-services .wrap .item {
		width: 100%;
	}
	
	#process .col {
		width: 100%;
		margin-bottom: 100px;
	}
	#process .col:last-child {
		margin-bottom: 0;
	}
	#process .process {
		margin: auto;
	}
	
	.service-page #feedback .title {
		max-width: calc(100% - 33.5%);
	}
	.service-page #feedback .col {
		width: 100%;
		max-width: 100%;
	}
}
@media screen and (max-width: 568px) {
	header .item:first-child {
		margin-right: 0;
	}
	.preloader img {
		width: 50%;
		margin: auto;
	}
	.container {
		max-width: 320px;
	}
	.tel {
		font-size: 1rem;
	}
	.email {
		font-size: 0.75rem;
	}

	#main {
		height: 480px;
	}
	.main h5 {
		margin-bottom: 5px;
		font-size: 0.75rem;
	}
	.main h1 {
		margin-bottom: 20px;
		font-size: 1.75rem;
	}
	.main .title a {
		margin-bottom: 20px;
		font-size: 1rem;
	}
	
	.btn {
		padding-right: 40px;
		font-size: 1rem;
	}
	.btn:after {
		width: 40px;
		background: url(../images/arrows-white.svg) right center no-repeat;
		background-size: auto 12px;
	}
	
	.main .btn:after {
		background: url(../images/arrows-white.svg) right center no-repeat;
		background-size: auto 12px;
	}

	#services {
		padding: 35px 0 60px;
	}
	#services .title {
		margin-bottom: 35px;
	}

	.title h2 {
		font-size: 1.75rem;
	}

	

	.services .item {
		width: 100%;
		max-width: 100%;
		margin-bottom: 35px;
	}

	.services .item a {
		padding: 0;
	}
	.service h4 {
		margin-bottom: 10px;
		font-size: 1.125rem;
	}
	.service p {
		margin-bottom: 15px;
		font-size: 0.875rem;
	}
	.service .arrows {
		height: 14px;
		background: url(../images/arrows-black.svg) left center no-repeat;
		background-size: auto 100%;
	}
	.service .img {
		display: none;
	}
	.service a:hover {
		border-color: transparent;
		box-shadow: none;
	}
	.extra {
		padding-left: 0;
		padding-top: 15px;
		border-left: 0;
		border-top: 2px solid;
	}
	.extra small {
		margin-bottom: 25px;
		color: rgba(0, 0, 0, 0.36);
	}
	.extra li {
		line-height: 180%;
	}
	.extra a {
		font-size: 0.875rem;
	}

	.geo-title {
		padding-top: 25px;
	}
	.geo-title .title h2 {
		margin-bottom: 10px;
		font-size: 1.75rem;
	}
	.geo-title .title h4 {
		width: 125px;
		font-size: 0.875rem;
	}

	.geo-direction {
		padding: 25px 0;
		background: linear-gradient(45deg, #FFFFFF 90%, rgba(0, 0, 0, 0) 90%);
	}
	.geo-direction ul {
		padding-right: 0;
		-webkit-columns: 2;
		-moz-columns: 2;
		columns: 2;
	}
	.geo-direction li {
		font-size: 0.875rem;
	}

	#calculator {
		padding: 35px 0 95px;
	}
	#calculator .title {
		margin-bottom: 40px;
	}
	.calculator .col {
		width: 100%;
	}
	.calculator .col:first-child .input:last-child {
		border-color: transparent;
	}
	.input {
		height: 48px;
		padding: 13px 0;
	}
	
	form button {
		margin-top: 25px;
	}

	#info {
		padding: 0;
	}
	.info {
		align-items: center;
		padding: 65px 0;
		background: #BF0029;
	}
	.info .title {
		display: none;
	}
	.info .items {
		max-width: 260px;
		overflow: hidden auto;
		padding-left: 0;
	}
	#info-items {
		white-space: normal;
	}
	.info .item {
		margin-bottom: 50px;
		margin-right: 0;
	}
	.info .item:last-child {
		margin-bottom: 0;
	}
	.info .large {
		font-size: 5.0625rem;
	}
	.info .item h4 {
		font-size: 1.125rem;
		text-align: left;
		line-height: 140%;
	}
	.info .item h4 br {
		display: none;
	}

	#team {
		padding: 50px 0;
		background: #FFFFFF;
	}
	#team .title h2 {
		background: url(../images/arrows-black.svg) right center no-repeat;
		background-size: auto 24px;
		font-size: 2rem;
	}
	#team .title img {
		display: none;
	}
	.team {
		margin: 35px 0 40px;
	}
	.team .slick-slide {
		margin-right: 15px;
	}
	.team img {
		width: 200px;
		margin-bottom: 20px;
	}
	.team .caption {
		width: 200px;
	}
	.team h4 {
		font-size: 1.125rem;
	}

	.company a {
		order: 2;
		margin: auto;
		margin-top: 20px;
	}
	.text h4 {
		font-size: 1rem;
	}

	#clients {
		padding: 50px 0 100px;
	}
	#clients .title {
		margin-bottom: 24px;
	}
	#clients .title h2 {
		font-size: 2rem;
	}

	#feedback {
		padding: 60px 0 84px;
		background: #BF0029;
	}
	#feedback .title, 
	.feedback {
		max-width: 320px;
		margin-left: 0;
		margin: 0 auto;
		padding: 0 15px;
	}
	#feedback .title {
		margin-bottom: 40px;
	}
	#feedback .title h2 {
		font-size: 1.9375rem;
	}

	footer {
		padding: 50px 0 70px;
	}
	footer .logo {
		display: none;
	}
	footer .address {
		max-width: 100%;
		margin-bottom: 40px;
	}
	footer .tel {
		margin-bottom: 10px;
		font-size: 2rem;
	}
	footer .email {
		margin-bottom: 25px;
		font-size: 1.125rem;
	}
	footer ul {
		margin-bottom: 25px;
	}
	footer .row:last-child .col:first-child {
		display: none;
	}
	footer .col:nth-child(3) {
		display: block;
	}
	footer .bottom {
		width: 220px;
		margin-bottom: 20px;
	}

	#about {
		padding: 100px 0 25px;
	}
	#about .row {
		margin-bottom: 30px;
	}
	#about .title h1 {
		font-size: 2rem;
	}
	#about .title h4 {
		margin-top: 25px;
		font-size: 1rem;
	}
	#about .since {
		padding: 0;
	}
	#about .since .box {
		padding: 25px 0;
		background: #BF0029;
	}

	#about .description h4 {
		margin-bottom: 20px;
		font-size: 1rem;
	}
	#about .description h4:last-child {
		margin-bottom: 0;
	}

	#about .direction .slick-slide {
		padding: 0 8px;
	}
	#about .direction img {
		width: 220px;
	}

	#employees {
		padding: 25px 0;
	}
	#employees .title {
		margin-bottom: 30px;
	}
	#employees .item {
		width: 50%;
		margin-bottom: 15px;
		padding: 0 8px;
	}
	#employees .item:last-child {
		margin-bottom: 0;
	}
	#employees .item.logo {
		display: none;
	}
	#employees .item h4 {
		font-size: 1.125rem;
	}
	#employees .item p {
		font-size: 1rem;
	}

	#certificates {
		padding: 25px 0 50px;
		background: linear-gradient(to right, #FFFFFF calc(50% + 20px), #F4F4F4 calc(50% + 20px));
	}
	#certificates .title h2 {
		font-size: 2rem;
	}
	#certificates .title img {
		display: none;
	}
	.certificates {
		margin: 35px 0 25px;
	}
	.certificates .slick-slide {
		margin-right: 15px;
	}
	.certificates img {
		width: 200px;
		margin-bottom: 20px;
	}
	
	.slick-arrow {
		width: 48px;
		height: 48px;
	}
	.slick-prev {
		margin-right: 18px;
	}
	.slick-prev:after, 
	.slick-next:after {
		background-size: 9.5px!important;
	}

	#contacts {
		padding: 100px 0 50px;
	}
	#contacts .col {
		margin-bottom: 30px;
	}
	#contacts .col:last-child {
		margin-bottom: 0;
	}
	#contacts .title {
		margin-bottom: 20px;
	}
	#contacts .title h1 {
		font-size: 2rem;
	}
	#contacts .tel {
		margin-bottom: 10px;
		font-size: 2rem;
	}
	#contacts .email {
		margin-bottom: 25px;
		font-size: 1.125rem;
	}
	#contacts h6 {
		width: 100%;
		max-width: 260px;
		margin-bottom: 40px;
	}
	#contacts .item {
		width: 100%;
		margin-bottom: 25px;
	}
	#contacts .item h4 {
		margin-bottom: 10px;
		font-size: 1.125rem;
	}
	#contacts .requisites .popup {
		padding: 25px 30px;
		padding-right: 60px;
		font-size: 0.75rem;
	}
	#contacts .requisites .popup .close {
		top: 25px;
		right: 30px;
	}
	.contacts-page #geo {
		height: 480px;
	}

	.service-page .main {
		padding-bottom: 32px;
	}
	.service-page .main h1 {
		word-break: break-all;
	}
	.service-page .main h4 {
		font-size: 1rem;
	}

	#description {
		padding: 50px 0 25px;
	}
	#description .row {
		margin-bottom: 30px;
	}
	#description h4 {
		font-size: 1rem;
	}

	#sub-services {
		padding: 25px 0;
	}
	#sub-services .col {
		margin-bottom: 40px;
	}
	#sub-services .col:last-child {
		margin-bottom: 0;
	}
	#sub-services .title {
		margin-bottom: 40px;
	}
	#sub-services .sub-title {
		margin-bottom: 20px;
	}
	#sub-services .sub-title h2 {
		font-size: 1.3125rem;
	}
	#sub-services .item h5 {
		max-width: 220px;
		font-size: 0.875rem;
	}
	#sub-services .item {
		min-height: 70px;
		padding: 10px 0;
		background: url(../images/arrows-black.svg) right 26px no-repeat;
		background-size: auto 15px;
	}

	#park {
		padding: 25px 0 50px;
	}
	.park {
		margin: 40px 0;
	}
	.park .slick-slide {
		margin-right: 20px;
	}
	.park .item {
		width: 260px;
		min-height: 230px;
		padding: 15px 10px;
		background: url(../images/park.svg) left top no-repeat;
		background-size: 100%;
	}
	.park img {
		margin-bottom: 50px;
		width: 135px;
	}
	.park h4 {
		margin-bottom: 5px;
		font-size: 1rem;
	}
	.park h6 {
		font-size: 0.875rem;
	}

	#process {
		overflow: hidden;
		padding: 50px 0;
	}
	#process .title {
		margin-bottom: 40px;
	}
	#process .description h4 {
		margin-bottom: 10px;
		font-size: 1.125rem;
	}
	#process svg {
		margin-top: 0;
		margin-left: 25px;
		width: 165%;
	}
	#process .process .item {
		margin-bottom: 55px;
	}
	#process .process h4 {
		font-size: 1rem;
	}

	.service-page #feedback .title {
		max-width: 320px;
	}
	.service-page #feedback .title h2 {
		font-size: 1.75rem;
	}
	
	#error h1 {
		font-size: 5rem;
	}
	#error h4 {
		margin-top: 0;
		font-size: 1.125rem;
	}
	#ok h1 {
		font-size: 2.5rem;
	}
}
@media screen and (max-width: 320px) {
	header .item:first-child {
		margin-right: 48px;
	}
}
@media screen and (max-width:800px) {
	#reweis{
		display: none;
	}
}