/*! HTML5 Boilerplate v7.0.1 | MIT License | https://html5boilerplate.com/ */

/* main.css 1.0.0 | MIT License | https://github.com/h5bp/main.css#readme */
/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
	 Base styles: opinionated defaults
	 ========================================================================== */

@font-face {
	font-family: 'ProximaNova';
	src: url('../fonts/Proxima_Nova_Regular.woff2') format('woff2'),
			url('../fonts/Proxima_Nova_Regular.woff') format('woff'),
	url('../fonts/Proxima_Nova_Regular.otf');
	font-display: fallback;
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'ProximaNova';
	src: url('../fonts/Proxima_Nova_Bold.woff2') format('woff2'),
			url('../fonts/Proxima_Nova_Bold.woff') format('woff'),
	url('../fonts/Proxima_Nova_Bold.otf');
	font-display: fallback;
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'ProximaNova';
	src: url('../fonts/Proxima_Nova_Light.woff2') format('woff2'),
			url('../fonts/Proxima_Nova_Light.woff') format('woff'),
	url('../fonts/Proxima_Nova_Light.otf');
	font-display: fallback;
	font-weight: 300;
	font-style: normal;
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

html {
		color: #222;
		font-size: 1em;
		line-height: 1.4;
}

body {
	font-family: 'ProximaNova', sans-serif;
	font-size: 16px;
	line-height: 1.3;
	font-weight: normal;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * Vendor-prefixed and regular ::selection selectors cannot be combined:
 * https://stackoverflow.com/a/16982510/7133471
 *
 * Customize the background color to match your design.
 */

::selection {
		background: #b3d4fc;
		text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
		display: block;
		height: 1px;
		border: 0;
		border-top: 1px solid #ccc;
		margin: 1em 0;
		padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
		vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
		border: 0;
		margin: 0;
		padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
		resize: vertical;
}

/* ==========================================================================
	 Browser Upgrade Prompt
	 ========================================================================== */

.browserupgrade {
		margin: 0.2em 0;
		background: #ccc;
		color: #000;
		padding: 0.2em 0;
}




 /* ==========================================================================
	 Author's custom styles
	 ========================================================================== */

/* COLORS */
/* Orange #f5821f */

.page {
	position: relative;
}
.container {
	width: 1170px;
	max-width: 100%;
	margin: 0 auto;
	position: relative;
}
.section {
	position: relative;
}
.section h1 {
	font-size: 3em;
	font-weight: bold;
	line-height: 1.3;
	text-transform: uppercase;
}
.section h2 {
	font-size: 2.25em;
	font-weight: bold;
	line-height: 1.5;
	text-transform: uppercase;
}
.section h2 .company-name {
	color: #f5821f;
}
.text-center {
	text-align: center;
}

.header {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 2;
	padding: 48px 0 18px;
}
.header__logo {
	display: inline-block;
	width: 327px;
	height: 57px;
	vertical-align: top;
	margin: 0 31px 0 0;
}
.header__logo .logo {
	width: 100%;
	height: auto;
	display: block;
}
.header__slogan {
	display: inline-block;
	color: #fff;
	font-weight: 300;
	line-height: 1.5;
	text-transform: uppercase;
	width: 290px;
	vertical-align: top;
	padding: 2px 0 0;
}
/* .header__contacts {
	width: 127px;
	position: absolute;
	right: 0;
	top: 4px;
	color: #fff;
}
.header__contacts .name {
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 300;
	letter-spacing: 0.5px;
}
.header__contacts .phone {
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	letter-spacing: 0.5px;
	margin-top: 8px;
	display: inline-block;
}
.header__language {
	position: absolute;
	font-size: 1em;
	top: 0;
	right: 200px;
	color: #999;
	word-spacing: 3px;
} */
.header__contacts {
	width: 340px;
	position: absolute;
	right: 0;
	top: 2px;
	color: #fff;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	    justify-content: space-between;
	text-align: right;
}
.header__contacts div {
	font-size: 14px;
	letter-spacing: 0.5px;
	font-weight: 300;
	margin-bottom: 7px;
	display: inline-block;
	width: 160px;
}
.header__contacts .name {
	text-transform: uppercase;
	display: block;
}
.header__contacts .phone {
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	display: inline-block;
}
.header__language {
	position: absolute;
	font-size: 1em;
	top: -30px;
	right: 0;
	color: #999;
	word-spacing: 3px;
}
.header__language a {
	color: #fff;
}
.header__language a:hover {
	color: #f5821f;
	text-decoration: none;
}
.header__language span {
	color: #f5821f;
}



.top {
	width: 100%;
	height: 767px;
	background: #40464f url('../img/bg_top.jpg') top center no-repeat;
	background-size: cover;
	background-attachment: scroll;
	color: #fff;
}
.top__slogan {
	position: absolute;
	top: 267px;
	left: 0;
	width: 780px;
	max-width: 100%;
	font-size: 2.25em;
	padding: 0 0 0 60px;
}
.top__slogan .light {
	font-weight: 300;
	line-height: 1;
	display: inline-block;
	margin-bottom: 1.2em;
}
.top__slogan .bold {
	font-size: 1.334em;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1.5;
}
.top__slogan:before {
	content: '';
	display: block;
	width: 5px;
	height: 92%;
	position: absolute;
	top: 5px;
	left: 0;
	background: #f5821f;
}

.features {
	padding: 62px 0 20px;
	background: #fff url('../img/bg_features.jpg') no-repeat;
	background-position: 50% 129px;
}
.features h2 {
	padding-left: 60px;
}
.features__list {
	list-style-type: none;
	padding: 0 0 0 60px;
	margin: 35px 0;
	width: 50%;
}
.features__list li {
	position: relative;
	padding: 0 0 24px 30px;
	line-height: 1.5;
}
.features__list li:before {
	content: '';
	display: block;
	position: absolute;
	width: 13px;
	height: 1px;
	background: #000;
	top: 13px;
	left: 0;
}

.features__lead {
	border: 5px solid #f5821f;
	margin: 4.3em 0 2em;
	padding: 5.85% 10% 3.9% 24.5%;
	background: #fff url('../img/bg_features_lead.jpg') 55px 100% no-repeat;
}
.features__lead p {
	font-size: 1.4em;
	line-height: 1.65;
	margin: 0 0 1.05em;
	letter-spacing: 0.8px;
}


.ourwork {
	padding: 10px 0;
}
.ourwork h2 {
	text-align: center;
}
.ourwork__slider {
	margin: 64px 0 30px;
}
.ourwork__slide {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	        justify-content: center;
	background: #fff;
}
.ourwork__slide .slide-item {
	width: 710px;
	max-width: 100%;
	height: 169px;
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	      align-items: center;
}
.slide-item .icon {
	width: 167px;
	height: 167px;
	position: relative;
	border: 1px solid #f5821f;
	border-radius: 50%;
	background: transparent center center no-repeat;
	background-size: 85px;
}
.slide-item .icon-1 {
	background-image: url('../img/slide1.svg');
}
.slide-item .icon-2 {
	background-image: url('../img/slide2.svg');
}
.slide-item .icon-3 {
	background-image: url('../img/slide3.svg');
	background-size: 70px;
}
.slide-item .icon-4 {
	background-image: url('../img/slide4.svg');
}
.slide-item .icon-5 {
	background-image: url('../img/slide5.svg');
}
.slide-item .counter {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	        justify-content: center;
	position: absolute;
	width: 67px;
	height: 67px;
	background: #f5821f;
	border: 10px solid #fff;
	border-radius: 50%;
	color: #fff;
	top: -9px;
	left: -9px;
	font-size: 1.5em;
	font-weight: 300;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	        transform: scale(0);
	-webkit-transition-delay: 0.7s;
	-o-transition-delay: 0.7s;
	        transition-delay: 0.7s;
}
.swiper-slide-active .slide-item .counter {
	-webkit-transform: scale(1);
	    -ms-transform: scale(1);
	        transform: scale(1);
}
.slide-item .text {
	width: calc(100% - 170px);
	padding-left: 54px;
	font-size: 1.5em;
	line-height: 1.5;
}
.swiper-button-next,
.swiper-button-prev {
	height: 82px;
	width: 42px;
	background-size: 42px 82px;
	margin-top: -41px;
}
.ourwork .swiper-button-next {
	background-image: url(../img/slide-arrow.svg);
	right: 0;
}
.ourwork .swiper-button-prev {
	background-image: url(../img/slide-arrow-prev.svg);
	left: 0;
}


.safety-trust {
	display: none;
	padding: 59px 0 30px;
}
.safety-trust .container {
	display: -webkit-box;
	display: flex;
}
.safety {
	width: 47.5%;
	height: 559px;
	float: left;
	background: url(../img/bg_safety.jpg) top center no-repeat;
	background-size: cover;
	position: relative;
}
.safety__textblock {
	position: absolute;
	width: 78%;
	height: auto;
	left: calc(50% - 45%);
	left: 11%;
	bottom: 83px;
	color: #444c59;
	font-size: 1em;
	line-height: 1.5;
}
.safety__title {
	font-size: 1.5em;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 20px;
	color: #000;
}
.safety__text {}
.trust {
	width: 52.5%;
	float: left;
}
.trust h2 {
	margin-top: 0;
	text-align: center;
	position: relative;
	top: -14px;
}
.trust__clients {
	margin: 50px auto 0;
	padding: 0;
	list-style-type: none;
	width: 250px;
	max-width: 100%;
}
.trust__clients li {
	display: block;
	text-align: center;
	margin-bottom: 1.3em;
}
.trust__clients li img {
	display: inline-block;
	max-width: 250px;
	height: auto;
	cursor: pointer;
}

.trust__clients .item-popup {
	position: absolute;
	width: 40%;
	background: #fff;
	padding: 15px;
	text-align: left;
	height: 100%;
	right: 40%;
	top: 0;
	box-shadow: 0 0 27px rgba(58, 63, 72, 0.2);
}
.trust__clients .comment {}
.trust__clients .author {}
.trust__clients .author span {}






.contact-us {
	padding: 32px 0 100px;
}
.contact-us h2 {
	text-align: center;
}
.contact-us__container {
	border: 5px solid #f5821f;
	margin-top: 5.25em;
	padding: 69px 50px 82px;
	text-align: center;
}
.contact-us__phone {
	display: block;
	color: #444c59;
	font-size: 4.5em;
	line-height: 1;
	text-decoration: none;
}
.contact-us h3 {
	text-transform: uppercase;
	font-size: 1.5em;
	text-align: center;
}
.contact-us__divider {
	display: block;
	position: relative;
	margin: 43px auto;
	font-size: 1.5em;
	line-height: 1;
	color: #a7acb6;
	text-transform: uppercase;
	width: 310px;
	max-width: 100%;
}
.contact-us__divider:before,
.contact-us__divider:after {
	content: '';
	position: absolute;
	display: block;
	width: 95px;
	height: 1px;
	background: #a7acb6;
	top: 8px;
}
.contact-us__divider:before {
	left: 0;
}
.contact-us__divider:after {
	right: 0;
}
.contact-us__form {
	width: 460px;
	max-width: 100%;
	margin: 0 auto;
	padding: 18px 0;
}
form input,
form textarea {
	display: block;
	width: 100%;
	border: 2px solid transparent;
	color: #444c59;
	font-family: 'ProximaNova', sans-serif;
	font-size: 18px;
	font-weight: 300;
	line-height: 1.2;
	padding: 8px 15px;
	outline: 0;
	background: #eff1f4;
	margin-bottom: 19px;
	-webkit-transition: 0.3s ease-in;
	-o-transition: 0.3s ease-in;
	transition: 0.3s ease-in;
}
.contact-us__form input {
}
.contact-us__form input:focus {
	background: #fff;
	border-bottom-color: #f5821f;
}
.contact-us__form textarea {}
.contact-us__form textarea:focus {
	background: #fff;
	border-color: #f5821f;
}
.contact-us__form button {
	font-family: 'ProximaNova', sans-serif;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.2;
	outline: 0;
	text-transform: uppercase;
	color: #fff;
	border: 2px solid #f5821f;
	border-radius: 9px;
	background: #f5821f;
	padding: 10px 45px 8px;
	cursor: pointer;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.contact-us__form button:hover {
	background: #fff;
	color: #f5821f;
}
.contact-us__form input::-webkit-input-placeholder,
.contact-us__form textarea::-webkit-input-placeholder { text-align: center; }
.contact-us__form input:-ms-input-placeholder,
.contact-us__form textarea:-ms-input-placeholder { text-align: center; }
.contact-us__form input::-ms-input-placeholder,
.contact-us__form textarea::-ms-input-placeholder { text-align: center; }
.contact-us__form input::placeholder,
.contact-us__form textarea::placeholder { text-align: center; }

.contact-us__form-info { text-align: center; }
.contact-us__form-info span {
	margin: 0 auto;
	padding: 7px 25px;
	width: 50%;
	color: #fff;
	display: none;
}
.contact-us__form-info .error {background: #F44336;}
.contact-us__form-info .success {
	background: #66BB6A;
}
.contact-us__form-info .info {
	background: #03A9F4;
}


.leasing {
	padding: 42px 0;
}
.leasing h1 {
	margin-bottom: 0.55em;
}
.leasing__lead {
	font-size: 1.5em;
	line-height: 1.2;
	margin: 0 0 2.85em;
}
.leasing__items {
	list-style: none;
	margin: 0 auto;
	padding: 0;
	max-width: 1010px;
	counter-reset: leasing;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-ms-flex-pack: justify;
	    justify-content: space-between;
}
.leasing__items li {
	display: block;
	width: 26.5%;
	font-size: 0.95em;
	line-height: 1.45;
	margin: 0 20px 58px;
}
.leasing__items div {
	width: 127px;
	height: 128px;
	border: 1px solid #F58220;
	border-radius: 50%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	    justify-content: center;
	-ms-flex-align: center;
	    align-items: center;
	position: relative;
	margin: 0 0 33px;
}
.leasing__items span {
	position: absolute;
	display: block;
	width: 42px;
	height: 42px;
	top: 0px;
	left: -6px;
	background: #F58220;
	border-radius: 50%;
	border: 5px solid #fff;
	color: #fff;
	text-align: center;
	font-size: 18px;
	line-height: 32px;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
}
.leasing__items span::before {
	counter-increment: leasing;
	content: counter(leasing);
}
.leasing__items svg {
	display: block;
	width: 60px;
	height: 60px;
	margin: 0 auto;
}
.leasing__regions {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	    justify-content: space-between;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}
.leasing__region {
	background: #F5F5F5;
	width: 48.7%;
	padding: 34px 32px 26px;
}
.leasing__region h4 {
	font-size: 1.25em;
	font-weight: 600;
	line-height: 1.2;
	text-transform: uppercase;
	letter-spacing: -0.2px;
	margin: 0 0 20px;
}
.leasing__region p {
	margin: 0;
	font-size: 0.95em;
	line-height: 1.45;
}
.leasing__region a {
	color: #F58220;
	text-decoration: underline;
}
.leasing__column {
	display: inline-block;
	vertical-align: top;
	margin-right: 37px;
}



/* .footer {
	background: #394049;
	height: 190px;
}
.footer__logo {
	display: block;
	position: absolute;
	width: 190px;
	height: 32px;
	top: 60px;
	left: 0;
}
.footer__logo svg {
	display: block;
	width: 100%;
	height: auto;
}
.footer__contacts {
	position: absolute;
	width: 785px;
	display: -ms-flexbox;
	display: flex;
	right: 0;
	top: 50px;
} */
.footer {
	background: #394049;
	padding: 40px 0;
}
.footer .container {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	    justify-content: space-between;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}
.footer__logo {
	display: block;
	width: 190px;
	height: 32px;
}
.footer__contacts {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	    justify-content: center;
	width: 100%;
	margin-top: 40px;
}
.footer__card {
	position: relative;
	padding: 6px 20px 6px 104px;
	/* width: 290px; */
	width: 340px;
	font-size: 16px;
	line-height: 1.3;
	color: #fff;
}
.footer__card .icon {
	position: absolute;
	top: 0;
	left: 0;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	overflow: hidden;
	/* background: url('../img/artiom2.jpg') top center no-repeat; */
}
.footer__card .icon img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.footer__card .title {
	letter-spacing: 0.6px;
}
.footer__card .desc {
	margin-top: 7px;
}
.footer__card a {
	display: inline-block;
	text-decoration: none;
}
.footer__card .phone {
	color: #fff;
	letter-spacing: 1.2px;
	margin-top: 10px;
	text-decoration: none;
}
.footer__card .email {
	color: #f5821f;
	letter-spacing: 0.7px;
}
.phone-social {
	display: inline-block;
	vertical-align: middle;
}
.phone-social svg {
	display: block;
	width: 22px;
	height: 22px;
	margin-left: 10px;
}
.phone-social g {
	fill: #f5821f;
}

.footer__social {
	position: absolute;
	margin: 0;
	padding: 0;
	list-style-type: none;
	top: -4px;
	right: 0;
}
.footer__social li {
	display: inline-block;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	margin-left: 15px;
}
.footer__social a {
	display: block;
	width: 100%;
	height: 100%;
}
.footer__social .fb {
	background: url(../img/fb.png) center center no-repeat;
}
.footer__social .inst {
	background: url(../img/inst.png) center center no-repeat;
}







@media screen and (max-width: 1200px) {
	.container {
		padding: 0 15px;
	}
	.footer__social,
	.header__contacts,
	.header__language {
		right: 15px;
	}
}


@media screen and (max-width: 995px) {
	body {
		font-size: 14px;
	}
	.container {
		padding: 0 23px;
	}
	.section h1 {
		font-size: 2.25em;
	}
	.section h2 {
		font-size: 1.72em;
		line-height: 1.3;
	}
	.header {
		padding: 42px 0 18px;
	}
	.header__logo {
		width: 160px;
		height: 28px;
		margin: 6px 25px 0 0;
	}
	.header__slogan {
		padding: 0;
		line-height: 1.65;
	}
	/* .header__contacts {
		width: 122px;
		right: 15px;
	}
	.header__contacts .name {
		letter-spacing: 0;
	}
	.header__contacts .phone {
		letter-spacing: 0;
		margin-top: 5px;
	} */
	.header__contacts {
		width: 170px;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		-ms-flex-pack: end;
		    justify-content: flex-end;
	}
	.header__contacts div {
		display: block;
		width: 100%;
	}

	.top {
		height: 508px;
		background-image: url(../img/bg_top_750.jpg);
	}
	.top__slogan {
		font-size: 1.4em;
		padding: 0;
		position: relative;
		top: 194px;
		width: 420px;
	}
	.top__slogan:before {
		display: none;
	}
	.top__slogan .light {
		display: block;
		line-height: 1.5;
		letter-spacing: 0.3px;
		margin-bottom: 31px;
	}
	.top__slogan .bold {
		font-size: 1.54em;
		line-height: 1.4;
	}


	.features {
		padding: 37px 0 20px;
		background-position: 57% 69px;
	}
	.features h2 {
		padding: 0;
	}
	.features__list {
		padding: 0;
		margin: 24px 0;
		width: 350px;
		max-width: 100%;
	}
	.features__list li {
		padding: 0 0 20px 27px;
		line-height: 1.45;
	}
	.features__list li:before {
		width: 11px;
		top: 10px;
		left: 1px;
	}

	.features__lead {
		margin: 4.8em 0 0;
		padding: 6.85% 7% 4% 25.4%;
		background-position: 34px 10px;
		background-size: 20%;
	}
	.features__lead p {
		font-size: 1.285em;
		line-height: 1.5;
		margin: 0 0 24px;
		letter-spacing: 0;
	}



	.ourwork {
		padding: 17px 0;
	}
	.ourwork h2 {
		text-align: center;
	}
	.ourwork__slider {
		margin: 30px 0 30px;
	}
	.ourwork__slide {}
	.ourwork__slide .slide-item {
		width: 577px;
		height: 135px;
	}
	.slide-item .icon {
		width: 132px;
		height: 132px;
		background-size: 65px;
	}
	.slide-item .icon-3 {
		background-size: 45px;
	}
	.slide-item .counter {
		width: 57px;
		height: 57px;
		border: 10px solid #fff;
		font-size: 1.5em;
	}
	.slide-item .text {
		width: calc(100% - 132px);
		padding-left: 46px;
		font-size: 1.3em;
	}
	.swiper-button-next,
	.swiper-button-prev {
		height: 42px;
		width: 21px;
		background-size: 21px 42px;
		margin-top: -20px;
	}
	.ourwork .swiper-button-next {
		background-image: url(../img/slide-arrow.svg);
		right: 0;
	}
	.ourwork .swiper-button-prev {
		background-image: url(../img/slide-arrow-prev.svg);
		left: 0;
	}



	.safety-trust {
		padding: 11px 0 0;
	}
	.safety {
		width: 50%;
		height: 365px;
	}
	.safety__textblock {
		width: 80%;
		left: 9.5%;
		bottom: 37px;
		line-height: 1.45;
	}
	.safety__title {
		font-size: 1.3em;
		margin-bottom: 6px;
		color: #000;
	}
	.safety__text {}
	.trust {
		width: 50%;
	}
	.trust h2 {
		top: -7px;
		margin: 0;
	}
	.trust__clients {
		margin: 3px auto 0;
	}
	.trust__clients li {
		margin-bottom: 10px;
	}

	.trust__clients .item-popup {
		display: none;
	}


	.contact-us {
		padding: 4px 0 60px;
	}
	.contact-us h2 {
		text-align: center;
	}
	.contact-us__container {
		margin-top: 2.25em;
		padding: 36px 20px 45px;
	}
	.contact-us__phone {
		font-size: 2.6em;
		margin: 30px 0 0;
	}
	.contact-us h3 {
		font-size: 1.3em;
	}
	.contact-us__divider {
		margin: 20px auto 0;
		font-size: 1em;
		width: 190px;
	}
	.contact-us__divider:before,
	.contact-us__divider:after {
		width: 57px;
		top: 5px;
	}
	.contact-us__form {
		padding: 14px 0;
	}




	.footer {
		height: auto;
		padding: 45px 0;
	}
	.footer__contacts {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}
	.footer__card:not(:last-child) {
		margin-bottom: 30px;
	}

}

@media screen and (max-width: 800px) {
	.header__logo {
		display: block;
	}
}


@media screen and (max-width: 650px) {
	body {
		font-size: 14px;
	}
	.container {
		padding: 0 14px;
	}
	.section h1 {
		font-size: 1.58em;
	}
	.section h2 {
		line-height: 1.5;
	}
	.header {
		padding: 19px 0 14px;
	}
	.header__logo {
		margin: 0;
		display: block;
	}
	.header__slogan {
		font-size: 10px;
		width: 190px;
		padding: 10px 0 0;
		line-height: 1.7;
	}
	.header__slogan span {
		display: inline-block;
	}
	/* .header__contacts {
		width: 95px;
		right: 13px;
		top: 0;
	} */
	.header__contacts {
		width: auto;
		top: 320px;
		left: 15px;
		justify-content: center;
		text-align: left;
	}
	.header__contacts div {
		display: block;
		width: 50%;
		padding-right: 10px;
	}
	.header__language {
		top: 4px;
	}
	.header__contacts .name {
		font-size: 12px;
	}
	.header__contacts .phone {
		font-size: 12px;
		margin-top: 4px;
	}

	.top {
		/* height: 340px; */
		height: 430px;
		background-image: url(../img/bg_top_320.jpg);
	}
	.top__slogan {
		font-size: 1.12em;
		top: 129px;
		padding-bottom: 100px;
	}
	.top__slogan:before {
		display: none;
	}
	.top__slogan .light {
		margin-bottom: 5px;
	}
	.top__slogan .bold {
		line-height: 1.5;
	}


	.features {
		padding: 15px 0 0;
		background: none;
	}
	.features__list {
		padding: 0 0 241px;
		margin: 22px 0 0;
		width: 100%;
		background: url(../img/bg_features_320.jpg) bottom center no-repeat;
	}
	.features__list li {
		padding: 0 0 24px 27px;
		line-height: 1.45;
	}
	.features__list li:before {
		width: 11px;
		top: 10px;
		left: 1px;
	}

	.features__lead {
		margin: 1.3em 0 0;
		padding: 11.05% 13% 4% 17.5%;
		background: none;
	}
	.features__lead p {
		font-size: 1em;
		line-height: 1.45;
	}



	.ourwork {
		padding: 14px 0 0;
	}
	.ourwork h2 {
		text-align: center;
	}
	.ourwork__slider {
		margin: 30px 0 0;
		padding-bottom: 30px;
	}
	.ourwork__slide {}
	.ourwork__slide .slide-item {
		width: 100%;
		height: auto;
	}
	.slide-item .icon {
		width: 92px;
		height: 92px;
		background-size: 47px;
	}
	.slide-item .icon-3 {
		background-size: 35px;
	}
	.slide-item .counter {
		width: 45px;
		height: 45px;
		border: 10px solid #fff;
		font-size: 1em;
		top: -11px;
	}
	.slide-item .text {
		width: calc(100% - 95px);
		padding-left: 16px;
		font-size: 1em;
		line-height: 1.4;
	}
	.swiper-button-next,
	.swiper-button-prev {
		display: none;
	}
	.ourwork .swiper-pagination-bullets {
			bottom: 0;
	}
	.ourwork .swiper-pagination-bullet {
		width: 4px;
		height: 4px;
	}
	.ourwork .swiper-pagination-bullets .swiper-pagination-bullet {
			margin: 0 3px;
	}
	.ourwork .swiper-pagination-bullet-active {
		background-color: #f5821f;
	}



	.safety-trust {
		padding: 33px 0 0;
	}
	.safety-trust .container {
			display: block;
			overflow: hidden;
	}
	.safety {
		width: 100%;
		height: 448px;
	}
	.safety__textblock {
		width: 85%;
		left: 8%;
		bottom: 34px;
		line-height: 1.45;
	}
	.safety__title {
		font-size: 1.3em;
		margin-bottom: 6px;
		color: #000;
	}
	.safety__text {}
	.trust {
		width: 100%;
	}
	.trust h2 {
		top: 0;
		margin: 32px 0 0;
	}
	.trust__clients {
		margin: 23px auto 0;
	}
	.trust__clients li {
		margin-bottom: 10px;
	}

	.trust__clients .item-popup {
		display: none;
	}


	.contact-us {
		padding: 0 0 40px;
	}
	.contact-us h2 {
		line-height: 1.3;
		margin: 0;
	}
	.contact-us__container {
		margin-top: 2.15em;
		padding: 16px 24px 17px;
	}
	.contact-us__phone {
		font-size: 1.7em;
		margin: 10px 0 0;
	}
	.contact-us h3 {
		margin-bottom: 0;
		line-height: 1.4;
	}
	.contact-us__divider {
		margin: 46px auto 32px;
	}
	.contact-us__divider:before,
	.contact-us__divider:after {
		width: 57px;
		top: 5px;
	}
	.contact-us__form {
		padding: 23px 0;
		width: 210px;
	}
	.contact-us__form textarea {
		margin-bottom: 28px;
	}


	.leasing {
		padding: 14px 0;
	}
	.leasing h1 {
		margin-bottom: 0.55em;
	}
	.leasing__lead {
		font-size: 1.14em;
		margin: 0 0 1.95em;
	}
	.leasing__items {
		padding-bottom: 9px;
	}
	.leasing__items li {
		width: 100%;
		font-size: 1em;
		line-height: 1.3;
		margin: 0 auto 30px;
		text-align: center;
		padding: 0 10px;
		max-width: 300px;
	}
	.leasing__items div {
		width: 78px;
		height: 78px;
		margin: 0 auto 23px;
	}
	.leasing__items span {
		width: 36px;
		height: 36px;
		top: -2px;
		left: -9px;
		font-size: 14px;
		line-height: 26px;
	}
	.leasing__items svg {
		width: 32px;
		height: 32px;
	}
	.leasing__region {
		width: 100%;
		padding: 33px 21px 35px;
		margin-bottom: 23px;
	}
	.leasing__region h4 {
		font-size: 1.425em;
		line-height: 1.2;
		margin: 0 0 20px;
	}
	.leasing__region p {
		font-size: 1em;
		line-height: 1.55;
	}
	.leasing__column {
		margin-right: 20px;
	}
	.leasing__column + .leasing__column {
		margin-top: 27px;
	}



	.footer {
		background: #394049;
		height: auto;
		padding: 25px 0;
	}
	.footer__logo {
		margin: 0 auto;
	}
	.footer__contacts {
		margin: 20px auto 0;
	}
	.footer__card {
		padding: 75px 0 0;
		width: 100%;
		max-width: 280px;
		text-align: center;
		margin-bottom: 20px;
	}
	.footer__card .icon {
		left: calc(50% - 30px);
		width: 60px;
		height: 60px;
		background-size: 62px;
	}
	.footer__social {
		position: static;
		width: 100%;
		margin: 26px auto 0;
		text-align: center;
	}
	.footer__social li:first-child {
			margin-left: 0;
	}
}

/* @media screen and (max-width: 575px) {
	.header__language {
		top: 50px;
		left: auto;
		right: 15px;
	}
} */






 /* ==========================================================================
	 Helper classes
	 ========================================================================== */

/*
 * Hide visually and from screen readers
 */

 .hidden {
	display: none !important;
}

/*
* Hide only visually, but have it available for screen readers:
* https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
*
* 1. For long content, line feeds are not interpreted as spaces and small width
*    causes content to wrap 1 word per line:
*    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
*/

.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	white-space: nowrap; /* 1 */
}

/*
* Extends the .visuallyhidden class to allow the element
* to be focusable when navigated to via the keyboard:
* https://www.drupal.org/node/897638
*/

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
	white-space: inherit;
}

/*
* Hide visually and from screen readers, but maintain layout
*/

.invisible {
	visibility: hidden;
}

/*
* Clearfix: contain floats
*
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
*    `contenteditable` attribute is included anywhere else in the document.
*    Otherwise it causes space to appear at the top and bottom of elements
*    that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
*    `:before` to contain the top-margins of child elements.
*/

.clearfix:before,
.clearfix:after {
	content: " "; /* 1 */
	display: table; /* 2 */
}

.clearfix:after {
	clear: both;
}


/* ==========================================================================
	 EXAMPLE Media Queries for Responsive Design.
	 These examples override the primary ('mobile first') styles.
	 Modify as content requires.
	 ========================================================================== */

	 @media only screen and (min-width: 35em) {
		/* Style adjustments for viewports that meet the condition */
}

@media print,
			 (-webkit-min-device-pixel-ratio: 1.25),
			 (min-resolution: 1.25dppx),
			 (min-resolution: 120dpi) {
		/* Style adjustments for high resolution devices */
}


/* ==========================================================================
	 Print styles.
	 Inlined to avoid the additional HTTP request:
	 https://www.phpied.com/delay-loading-your-print-css/
	 ========================================================================== */

	 @media print {
		*,
		*:before,
		*:after {
				background: transparent !important;
				color: #000 !important; /* Black prints faster */
				-webkit-box-shadow: none !important;
				box-shadow: none !important;
				text-shadow: none !important;
		}

		a,
		a:visited {
				text-decoration: underline;
		}

		a[href]:after {
				content: " (" attr(href) ")";
		}

		abbr[title]:after {
				content: " (" attr(title) ")";
		}

		/*
		 * Don't show links that are fragment identifiers,
		 * or use the `javascript:` pseudo protocol
		 */

		a[href^="#"]:after,
		a[href^="javascript:"]:after {
				content: "";
		}

		pre {
				white-space: pre-wrap !important;
		}
		pre,
		blockquote {
				border: 1px solid #999;
				page-break-inside: avoid;
		}

		/*
		 * Printing Tables:
		 * http://css-discuss.incutio.com/wiki/Printing_Tables
		 */

		thead {
				display: table-header-group;
		}

		tr,
		img {
				page-break-inside: avoid;
		}

		p,
		h2,
		h3 {
				orphans: 3;
				widows: 3;
		}

		h2,
		h3 {
				page-break-after: avoid;
		}
}