@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@200;300;400;500&display=swap');
/************************* reset *************************/
html{
	height: 100%;
	margin: 0;
	padding: 0;width: 100%;
	background: #fff;
}
body{
	height: 100%;
	width: 100%;
	position: relative;
	margin: 0;
	padding: 0;
	color: #414751;
	font-size: 16px;
	font-weight: 300;
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	line-height: 19px;
	min-width: 320px;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
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;
}
img {
	margin: 0;
	padding: 0;
	border-style: none;
	vertical-align: bottom;
}
input, textarea, select, button {
	font-weight: 300;
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	vertical-align:middle;
	border: 0;
	outline: 0;
	background: none;
}
a:hover {text-decoration: none;}
ul li {list-style: none;}
/************************* common styles *************************/
.holder {
	padding: 0 25px;
}
@media (min-width: 375px){
	.holder {
		padding: 0 25px;
	}
}
@media (min-width: 576px){
	.holder {
		max-width: 540px;
		margin: auto;
		padding: 0;
	}
}
@media (min-width: 768px){
	.holder {
		max-width: 720px;	
	}
}
@media (min-width: 1024px) {
	.holder {
		max-width: 960px;
	}
}
@media (min-width: 1300px){
	.holder {
		max-width: 1200px;
	}
}
.popup-thanks {
	text-align: center;
}
.popup-thanks-title {
	font-size: 22px;
}
.popup-thanks-text {
	padding: 15px;
    line-height: 25px;
}
.holder:after {
	display: block;
	content: '';
	clear: both;
}
.title {
	margin: 0 0 30px;
	font-weight: 500;
	font-size: 30px;
	line-height: 35px;
	text-transform: uppercase;
}
a {transition: all .3s linear;}
p {margin: 0 0 15px;}
p a, .article li a {color: #DF7359;}
.center {text-align: center;}
.upper {text-transform: uppercase;}
.button-holder {text-align: center;}
.button {
	position: relative;
	display: inline-block;
	padding: 11px 30px;
	color: #fff;
	font-weight: 500;
	font-size: 16px;
	line-height: 28px;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	background: #D57056;
	border-radius: 6px;
	transition: all .3s linear;
}
.button:hover {
	background: #FF9E0D;
}
/************************* form-block *************************/
.input {
	display: block;
	width: 100%;
	height: 43px;
	padding: 0 11px;
	margin: 0 0 20px;
	font-weight: 300;
	font-size: 13px;
	color: #414751;
	background: transparent;
	border: 1px solid #818994;
}
.input-white {
	color: #F1F5FA;
}
::-webkit-input-placeholder {color: #414751;}
:-moz-placeholder {color: #414751; opacity: 1;}
::-moz-placeholder {color: #414751; opacity: 1;}
:-ms-input-placeholder {color: #414751;}
.input-white::-webkit-input-placeholder {color: #F1F5FA;}
.input-white:-moz-placeholder {color: #F1F5FA; opacity: 1;}
.input-white::-moz-placeholder {color: #F1F5FA; opacity: 1;}
.input-white:-ms-input-placeholder {color: #F1F5FA;}
.input-line {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
	padding: 0 0 10px;
}
.input-line .input {
	width: 47.5%;
}
.form-note {
	padding: 15px 0 0;
	font-size: 13px;
	line-height: 15px;
	color: #818994;
}
.button-link {
	position: relative;
	display: inline-block;
	font-weight: 400;
	font-size: 13px;
	line-height: 15px;
	text-transform: uppercase;
	text-decoration: none;
	color: #DF7359;
	cursor: pointer;
	transition: all .3s linear;
}
.button-link::before {
	position: absolute;
	top: 8px;
	left: -32px;
	content: '';
	width: 20px;
	height: 2px;
	background: #DF7359;
}
.button-link:after {
	position: absolute;
	bottom: -1px;
	left: 0px;
	content: '';
	width: 0%;
	height: 1px;
	background: #DF7359;
	transition: all .3s linear;
}
.button-link:hover:after {
	width: 100%;
}
/************************* wrapper *************************/
#wrapper {
	position: relative;
	overflow: hidden;
	padding: 103px 0 0;
}
/************************* header *************************/
.header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 300;
	height: 103px;
	padding: 24px 0 0;
	box-sizing: border-box;
	transition: all .3s linear;
}
.header.fixed {
	height: 65px;
	padding: 22px 0 0;
	background: #fff;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}
.header-logo img, .header-logo object {
	width: 100%;
	transition: all .3s linear;
	pointer-events: none;
}
.header.fixed .header-logo img, .header.fixed .header-logo object {
	width: auto;
	height: 60px;
}
.header-top-block {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
}
.header-logo {
	position: absolute;
	left: 0px;
	top: 0px;
	bottom: 0px;
	z-index: 250;
	width: 100px;
	background: #20304B;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	justify-content: center;
}
.mob-nav-icon {
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 250;
	width: 62px;
	background: #fff;
}
.mob-nav-block {
    position: absolute;
	top: 50%;
	left: 50%;
	margin: -5px 0 0 -10px;
	display: block;
    width: 20px;
    height: 9px;
	transition: all .3s linear;
}
.mob-nav-block:after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0;
    width: 20px;
    height: 2px;
    background: #20304B;
	border-radius: 3px;
	transition: all .3s linear;
}
.mob-nav-block:before {
    content: "";
    position: absolute;
    top: 7px;
    left: 0;
    width: 20px;
    height: 2px;
    background: #20304B;
	border-radius: 3px;
	transition: all .3s linear;
}
.mob-nav-icon.active .mob-nav-block:before {
    top: 3px;
    transform: rotate(45deg);
}
.mob-nav-icon.active .mob-nav-block:after {
    top: 3px;
    transform: rotate(-45deg);
}
.header-nav {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
}
.header-nav li {
	margin: 0 48px;
	font-weight: 400;
	font-size: 18px;
	line-height: 21px;
}
.header-nav a {
	color: #414751;
	text-decoration: none;
}
.header-nav a:hover,
.header-nav .active {
	color: #DF7359;
}
/************************* menu *************************/
.menu {
	position: fixed;
	right: -50%;
	top: 0;
	z-index: 200;
	height: 100vh;
	width: 50%;
	padding: 110px 50px 50px 0;
	background: #20304B;
	transition: all 0.5s ease;
}
.menu.vis {
	right: 0;
}
.menu-list > li {
	padding: 0 0 73px 140px;
	font-weight: 500;
	font-size: 30px;
	line-height: 35px;
	text-transform: uppercase;
}
.menu-list > li > a {
	position: relative;
	color: #DF7359;
	text-decoration: none;
}
.menu-list > li > a:before {
	position: absolute;
	left: -42px;
	top: 18px;
	content: '';
	width: 20px;
	height: 2px;
	background: #DF7359;
	opacity: 0;
	transition: all 0.3s linear;
}
.menu-list > li > a:hover:before {
	opacity: 1;
}
.menu-list > li >.parent:before {display: none;}
.parent:after {
	position: absolute;
	left: -19px;
	top: 13px;
	content: '';
	border-right: 6px solid #DF7359;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
}
.submenu {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	position: fixed;
	top: 0;
	left: 0;
	width: 50%;
	z-index: 200;
	height: 100vh;
	padding: 120px 110px 50px 50px;
	background: linear-gradient(119.72deg, #F8F7F7 4.93%, #F1F5FA 94.6%);
	transition: all 0.3s linear;
	opacity: 0;
	visibility: hidden;
}
.menu-list > li:hover .submenu {
	opacity: 1;
	visibility: visible;
}
.submenu-bg {
	position: absolute;
	left: 50px;
	bottom: 0;
	font-weight: 300;
	font-size: 140px;
	line-height: 164px;
	text-transform: uppercase;
	color: #818994;
	opacity: 0.05;
	transform: rotate(-90deg);
	transform-origin: 0 0;
}
.submenu-list {
	max-width: 380px;
	max-height: 100%;
	overflow-y: auto;
	transition: all 1s ease;
	transform: translateX(-100px);
}
.menu-list > li:hover .submenu-list  {
	transform: translateX(0px);
}
.submenu-list li {
	margin: 0 0 57px;
	font-weight: 300;
	font-size: 18px;
	line-height: 21px;
	text-align: right;
	text-transform: uppercase;
}
.submenu-list a {
	color: #17253C;
	text-decoration: none;
}
.submenu-list a:hover {
	color: #DF7359;
}
.menu .mail-us {
    position: absolute;
	right: 50px;
	bottom: 35px;
}
.menu .mail-us:before {
	position: absolute;
	top: -310px;
	right: 12px;
    border-top: 0;
	border-right: 1px solid #818994;
    height: 294px;
	width: 0;
}
/************************* main page *************************/
/************************* main-banner *************************/
.main-banner {
	background: url(../images/media/banner1.jpg) 50% 50% no-repeat;
	background-size: cover;
}
#wrapper.no-header {
	padding: 0;
}
.no-header .header.fixed {
    background: transparent;
    box-shadow: none;
}
.main-banner-block {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-height: 700px;
	padding: 100px 0;
	color: #fff;
	text-align: center;
}
.main-banner-slogan {
	margin: 0 0 25px;
	font-weight: 400;
	font-size: 18px;
	line-height: 21px;
	text-transform: uppercase;
}
.main-banner-title {
	margin: 0 0 25px;
	font-weight: 700;
	font-size: 55px;
	line-height: 64px;
}
.main-banner-text {
	max-width: 330px;
	font-weight: 500;
}
.main-banner-block:after {
	display: block;
	content: '';
	margin: 50px auto 0;
	width: 200px;
	border-top: 1px solid #FFFFFF;
}
/************************* main-about *************************/
.main-about {
	position: relative;
	padding: 65px 0 75px;
}
.main-about::before {
	position: absolute;
	top: -30px;
	left: 0;
	right: 0;
	content: '';
	height: 76px;
	background: url(../images/white-bg.svg) 50% 0 no-repeat;
	background-size: cover;
}
.about {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: flex-start;
}
.about-img {
	position: relative;
	width: 48.5%;
}
.about-img img {
	display: block;
	width: 100%;
}
.video-block {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.about-content {
	width: 51.5%;
	padding: 18px 0 0 69px;
}
.about-title {
	margin: 0 0 35px;
	font-style: normal;
	font-weight: 300;
	font-size: 45px;
	line-height: 53px;
	text-transform: uppercase;
}
.about-block {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	position: relative;
	z-index: 10;
	margin: 0 0 0 -250px;
}
.about-item {
	width: 45%;
	padding: 35px 0 50px 50px;
}
.about-item-grey {
	width: 55%;
	padding: 35px 35px 50px;
	background: linear-gradient(119.72deg, #F8F7F7 4.93%, #F1F5FA 94.6%);
}
.about-title-min {
	margin: 0 0 35px;
	font-weight: 500;
	font-size: 15px;
	line-height: 18px;
	color: #DF7359;
}
.about-text {padding: 0 0 20px;}
.about-link {padding: 0 0 0 32px;}
/************************* main-info *************************/
.main-info {
	padding: 0 0 35px;
}
.main-info .info {
	padding: 0;
}
/************************* useful-section *************************/
.useful-section {
	position: relative;
	padding: 80px 0 30px;
}
.useful-section::before {
    position: absolute;
    top: -30px;
    left: 0;
    right: 0;
    content: '';
    height: 76px;
    background: url(../images/white-bg.svg) 50% 0 no-repeat;
    background-size: cover;
}
/************************* other pages *************************/
/************************* main *************************/
.main {
	padding: 50px 0 1px;
}
/************************* complect-about *************************/
.complect-about {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 0 0 35px;
}
.complect-about-col {
	width: 48%;
}
.complect-about-text {
	position: relative;
	padding: 0 0 0 65px;
	margin: 0 0 28px;
}
.complect-about-text::before {
	position: absolute;
	top: 50%;
	left: 0;
	content: '';
	width: 45px;
	height: 2px;
	margin-top: -1px;
	background: #DF7359;
}
.complect-about-col .button-link-list {margin: 0 0 0 65px;}
.button-link-list {
	padding: 0 0 13px 32px;
}
.button-link-list li {margin: 0 0 15px;}
/************************* complect *************************/
.complect {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -10px;
	padding: 0 0 45px;
}
.complect-col {
	width: 33.33%;
	padding: 0 10px;
	margin: 0 0 20px;
}
.complect-card {
	background-color: transparent;
	height: 284px;
	perspective: 1000px;
}
.complect-inner {
	position: relative;
	width: 100%;
	height: 100%;
	transition: transform 0.8s;
	transform-style: preserve-3d;
}
.complect-card:hover .complect-inner {
	transform: rotateY(180deg);
}
.complect-front, .complect-back {
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.complect-front {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	background: linear-gradient(119.72deg, #F8F7F7 4.93%, #F1F5FA 94.6%);
	z-index: 10;
}
.complect-front-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.complect-info {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
	width: 100%;
	height: 100%;
	padding: 30px 20px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-direction: column;
}
.complect-title {
	margin: auto 0 15px;
	text-align: center;
	text-transform: uppercase;
}
.complect-title:after {
	display: block;
	content: '';
	width: 200px;
	height: 1px;
	margin: 15px auto 0;
	background: #414751;
}
.complect-name {
	max-width: 200px;
	margin: 0 auto 20px;
	font-weight: 500;
	font-size: 15px;
	line-height: 18px;
	text-align: center;
	color: #DF7359;
}
.complect-num {
	margin: auto 0 0;
	font-weight: 500;
	font-size: 15px;
	line-height: 18px;
	text-align: center;
	color: #818994;
}
.complect-back {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-direction: column;
	overflow-y: auto;
	padding: 30px 25px;
	background: linear-gradient(119.72deg, #F8F7F7 4.93%, #F1F5FA 94.6%);
	transform: rotateY(180deg);
	z-index: 20;
}
.complect-card-title {
	margin: 0 0 20px;
	font-weight: 500;
	font-size: 15px;
	line-height: 18px;
	color: #DF7359;
}
.complect-card-text {
	margin: auto 0 20px;
}
.complect-back .button-link {
	margin: auto auto 0 32px;
}
/************************* useful *************************/
.useful {
	padding: 0 0 70px;
}
.useful-block {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
}
.useful-content {
	width: 48.5%;
}
.useful-side {
	width: 41.5%;
}
.useful-text {
	position: relative;
	padding: 0 0 0 65px;
}
.useful-text::before {
	position: absolute;
	top: 50%;
	left: 0;
	content: '';
	width: 45px;
	height: 2px;
	margin-top: -1px;
	background: #DF7359;
}
.useful-mob {
	display: none;
}
.useful-tabs li {
	padding: 0 0 15px;
	margin: 0 0 17px;
	font-size: 18px;
	line-height: 21px;
	border-bottom: 1px solid #818994;
}
.useful-tabs a {
	color: #414751;
	text-decoration: none;
}
.useful-tabs a:hover,
.useful-tabs a.active {
	color: #DF7359;
}
/************************* category *************************/
.category {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 0 0 45px;
}
.category li {
	position: relative;
	padding: 0 0 0 36px;
	margin: 0 35px 20px 0;
	text-transform: uppercase;
}
.category li::before {
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	width: 1px;
	height: 20px;
	opacity: 0.5;
	background: #414751;
}
.category li:first-child {
	padding: 0;
}
.category li:first-child::before {display: none;}
.category a {
	color: #818994;
	text-decoration: none;
}
.category a:hover,
.category .active {
	color: #414751;
}
/************************* catalog *************************/
.catalog {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -20px;
	padding: 0 0 120px;
}
.catalog-col {
	width: 33.33%;
	padding: 0 20px;
	margin: 0 0 15px;
}
.catalog-item {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
}
.catalog-img {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100px;
	min-width: 100px;
	height: 100px;
	margin: 0 21px 0 0;
}
.catalog-img img {
	max-width: 100%;
	max-height: 100%;
}
.catalog-content {
	flex: 1;
}
.catalog-name {
	margin: 0 0 5px;
	font-size: 18px;
	line-height: 21px;
}
.catalog-name a {
	color: #414751;
	text-decoration: none;
}
.catalog-name a:hover {
	text-decoration: underline;
}
.catalog-text {
	font-weight: 500;
	font-size: 15px;
	line-height: 18px;
	color: #DF7359;
}
/************************* info *************************/
.info {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 0 0 25px;
}
.info-col {
	width: 48%;
}
.info-item {
	position: relative;
	padding: 0 0 45px 147px;
}
.info-num {
	position: absolute;
	top: 25px;
	left: 0;
	font-weight: 900;
	font-size: 75px;
	line-height: 88px;
	text-transform: uppercase;
	color: #F1F5FA;
}
.info-title {
	margin: 0 0 15px;
	font-weight: 500;
	font-size: 15px;
	line-height: 18px;
	text-transform: uppercase;
}
.info-text {
	padding: 0 0 2px;
}
.info-item .button-link-list {
    padding: 0 0 2px 32px;
}
.title-min {
	margin: 0 0 50px;
	font-weight: 400;
	text-transform: uppercase;
}
.catalog-section .catalog {
    padding: 0 0 50px;
}
.info-link {
	padding: 0 0 2px 32px;
}
/************************* numbers *************************/
.numbers {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -15px;
	padding: 0 0 70px;
}
.numbers-col {
	width: 33.33%;
	padding: 0 15px;
	margin: 0 0 30px;
}
.numbers-item {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 284px;
	padding: 20px;
	text-align: center;
	background: linear-gradient(119.72deg, #F8F7F7 4.93%, #F1F5FA 94.6%);
}
.numbers-value {
	margin: 0 0 3px;
	font-weight: bold;
	font-size: 75px;
	line-height: 88px;
	color: #818994;
}
.numbers-text {
	font-size: 18px;
	line-height: 21px;
	color: #DF7359;
}
/************************* project-section *************************/
.project-section {
	padding: 85px 0 95px;
	color: #F1F5FA;
	background: #17253C;
}
.offer + .project-section {padding-top: 65px;}
.project-section .holder {position: relative;}
.project-section .holder:before {
	position: absolute;
	top: 8px;
	left: -35px;
	content: 'Наши проекты';
	font-weight: 300;
	font-size: 140px;
	line-height: 164px;
	text-transform: uppercase;
	opacity: 0.03;
	white-space: nowrap;
}
.project-title {
	margin: 0 0 67px;
	font-weight: 300;
	font-size: 45px;
	line-height: 53px;
	text-transform: uppercase;
}
.project-slider {margin: 0 0 32px;}
.slick-arrow {
	position: absolute;
	bottom: 0;
	display: block;
	width: 40px;
	height: 35px;
	font-size: 0;
	cursor: pointer;
	background: #DF7359;
}
.slick-arrow:after {
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	width: 100%;
	height: 100%;
	background: url(../images/button-arrow.svg) 50% 50% no-repeat;
}
.slick-arrow:hover:after {
    -webkit-animation: move 1s linear infinite;
	animation: move 1s linear infinite;
}
.project-slider .slick-prev {
	opacity: 0;
	visibility: hidden;
}
.project-slider .slick-next {
	left: 845px;
	transform: scale(-1, 1);
}
.project-slide {
	padding: 0 50px 0 0;
}
.project-slide-block {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	width: 885px;
}
.project-slide-img {
	overflow: hidden;
	width: 480px;
	min-width: 480px;
	min-height: 290px;
}
.project-slide-img img {
	min-width: 100%;
	min-height: 100%;
	object-fit: cover;max-height:300px;
}
.project-slide-content {
	flex: 1;
	padding: 0 0 0 30px;
}
.project-slide-city {
	margin: 0 0 25px;
	font-weight: 500;
	font-size: 15px;
	line-height: 18px;
	color: #DF7359;
}
.project-slide-title {
	margin: 0 0 25px;
	font-weight: 500;
	font-size: 15px;
	line-height: 18px;
}
.project-slide-text {
	max-width: 300px;
	margin: 0 0 25px;
	font-size: 13px;
	line-height: 15px;
}
.project-slide-link {
	padding: 0 0 0 32px;
}
.mail-us {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}
.mail-us:before {
	display: block;
	content: '';
	border-top: 1px solid #818994;
	width: 294px;
	margin: 0 0 9px;
}
.mail-us-link {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	font-weight: 300;
	font-size: 13px;
	line-height: 15px;
	color: #818994;
	text-decoration: none;
}
.mail-us-link svg {
	width: 23px;
	height: 24px;
	margin: 0 0 0 22px;
}
.mail-us-link path {
	fill: #818994;
	transition: all 0.3s linear;
}
.mail-us-link:hover {
	color: #F1F5FA;
}
.mail-us-link:hover path {
	fill: #F1F5FA;
}
/************************* projects page *************************/
.projects {
	padding: 125px 0 60px;
	color: #F1F5FA;
	background: #20304B;
}
#wrapper.blue-page {
	padding: 0;
}
.blue-page .header-nav a {
	color: #F1F5FA;
}
.blue-page .header.fixed .header-nav a {
	color: #414751;
}
.blue-page .header-nav a:hover,
.blue-page .header-nav .active,
.blue-page .header.fixed .header-nav a:hover,
.blue-page .header.fixed .header-nav .active {
	color: #DF7359;
}
.projects-block {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	position: relative;
	margin: 0 -10px;
}
.projects-col {
	width: 33.33%;
	padding: 0 10px;
	margin: 0 0 40px;
}
.projects-img {
	display: block;
}
.projects-img img {
	display: block;
	width: 100%;
}
.projects-content {
	padding: 15px 0 0 30px;
}
.projects-name {
	font-weight: 500;
	font-size: 15px;
	line-height: 18px;
}
.projects-name a {
	color: #F1F5FA;
	text-decoration: none;
}
.projects-name a:hover {
	text-decoration: underline;
}
.projects-city {
	color: #DF7359;
	font-weight: 500;
	font-size: 15px;
	line-height: 18px;
}
.projects-col-big {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%;
}
.projects-col-big .projects-img {
	width: 60%;
}
.projects-col-big .projects-content {
	width: 40%;
	padding: 45px 0 0 35px;
}
.projects-col-big .projects-city {
	margin: 0 0 8px;
}
.projects-col-big .projects-name {
	margin: 0 0 28px;
	font-weight: 500;
	font-size: 30px;
	line-height: 35px;
	text-transform: uppercase;
}
.projects-text {
	margin: 0 0 40px;
	font-size: 18px;
	line-height: 21px;
}
.projects-complect {
	margin: 0 0 39px;
	font-size: 18px;
	line-height: 21px;
}
.projects-link {
	padding: 0 0 0 32px;
	margin: 0 0 30px;
}
.projects-year {
	font-size: 18px;
	line-height: 21px;
}
/************************* object page *************************/
.object {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.object-img {
	width: 49%;
	height: 100vh;
}
.object-img img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.object-content {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-direction: column;
	width: 51%;
	height: 100vh;
	overflow-y: auto;
	padding: 100px 100px 36px 80px;
}
.object-wrap {
	margin: auto 0;
}
.object-city {
	margin: 0 0 9px;
	font-weight: 500;
	font-size: 15px;
	line-height: 18px;
	color: #DF7359;
}
.object-name {
	margin: 0 0 25px;
	font-weight: 500;
	font-size: 30px;
	line-height: 35px;
	text-transform: uppercase;
}
.object-text {
	padding: 0 0 32px;
	font-size: 18px;
	line-height: 21px;
}
.object-text p {
    margin: 0 0 21px;
}
.object-stat {
	padding: 0 0 20px;
	font-size: 18px;
	line-height: 21px;
}
.object-bottom {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-end;
	padding: 0 0 0 32px;
}
.object-date {
	font-size: 18px;
	line-height: 21px;
}
/************************* contacts *************************/
.contacts {
	position: relative;
	height: 100vh;
	color: #fff;
	background: #20304B;
}
.contacts .holder {
	position: relative;
}
.contacts .holder:before {
	position: absolute;
	top: 0;
	left: -30px;
	margin-top: 750px;
	content: 'контакты';
	font-weight: 300;
	font-size: 140px;
	line-height: 164px;
	text-transform: uppercase;
	color: #818994;
	opacity: 0.1;
	transform: rotate(-90deg);
	transform-origin: 0 0;
}
.contacts-map {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 50%;
	background: #ccc;
}
.contacts-map iframe {
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
}
.contacts-block {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-direction: column;
	overflow-y: auto;
	position: relative;
	width: 50%;
	height: 100vh;
	padding: 42px 100px 55px 125px;
}
.contacts-title {
	margin: 0 0 50px;
	font-weight: 500;
	font-size: 30px;
	line-height: 35px;
	text-transform: uppercase;
}
.contacts-subtitle {
	margin: 0 0 25px;
	font-weight: 500;
	font-size: 15px;
	line-height: 18px;
}
.contacts-info {
	padding: 0 0 20px;
}
.contacts-info li {
	margin: 0 0 21px;
	font-size: 18px;
	line-height: 21px;
}
.contacts-link {
	color: #DF7359;
	font-size: 13px;
	line-height: 15px;
	text-transform: uppercase;
	text-decoration: none;
}
.contacts-link:hover {text-decoration: underline;}
.contacts-call {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	margin: 0 0 30px;
	color: #fff;
	font-size: 18px;
	line-height: 21px;
	text-decoration: none;
}
.contacts-call svg {
	width: 25px;
	margin: 0 10px 0 0;
}
.contacts-call path {
	fill: #fff;
	transition: all 0.3s linear;
}
.contacts-call:hover {
	color: #DF7359;
}
.contacts-call:hover path {
	fill: #DF7359;
}
.contacts-bottom {
	margin: auto 0 0;
	text-align: right;
}
/************************* product *************************/
.product {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
	padding: 0 0 100px;
}
.product-side {
	width: 41%;
}
.product-img {
	margin: 0 0 50px;
	text-align: center;
}
.product-img img {
	max-width: 100%;
}
.product-content {
	width: 49%;
}
.product-title {
	margin: 0 0 25px;
	font-weight: 500;
	font-size: 30px;
	line-height: 35px;
	text-transform: uppercase;
}
.product-subtitle {
	margin: 0 0 15px;
	font-weight: 500;
	font-size: 15px;
	line-height: 18px;
	color: #DF7359;
}
.list {
	padding: 0 0 25px 16px;
}
.list li {
	list-style: disc;
}
.product-link {padding: 0 0 0 32px;}
.product-link-mob {
	display: none;
}
.complect-section {
	position: relative;
	padding: 76px 0 32px;
}
.complect-section::before {
    position: absolute;
    top: -30px;
    left: 0;
    right: 0;
    content: '';
    height: 76px;
    background: url(../images/white-bg.svg) 50% 0 no-repeat;
    background-size: cover;
}
.complect-section .title-block {
    padding: 0 0 15px;
}
/************************* control *************************/
.control {
	padding: 50px 0 50px;
}
.control-block {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	max-width: 1000px;
}
.control-col {
	width: 48%;
	padding: 0 0 0 120px;
}
.control-item {
	margin: 0 0 50px;
}
.control-item-title {
	margin: 0 0 19px;
	font-weight: 500;
	font-size: 15px;
	line-height: 18px;
	color: #DF7359;
}
.control-item-text {
	position: relative;
	font-size: 18px;
	line-height: 21px;
	color: #818994;
}
.control-item-text:before {
	position: absolute;
	top: 10px;
	left: -40px;
	content: '';
	width: 20px;
	height: 2px;
	background: #DF7359;
}
/************************* system *************************/
.system {
	position: relative;
	padding: 48px 0 115px;
	color: #F1F5FA;
	background: #17253C;
}
.system-block {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	position: relative;
	z-index: 10;
}
.system-col {
	width: 30%;
}
.system-icon {
	margin: 0 0 15px;
}
.marquee {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	font-weight: 300;
	font-size: 140px;
	line-height: 164px;
	text-transform: uppercase;
	opacity: 0.03;
}
/************************* team *************************/
.team {
	padding: 56px 0 110px;
	color: #F1F5FA;
	background: #20304B;
}
.team .title-block {
    padding: 0 0 10px;
}
.team-img {
	margin: 0 0 12px;
}
.team-img img {
	display: block;
	width: 100%;
}
.team-info {
	padding: 0 0 0 60px;
}
.team-name {
	font-weight: 500;
	font-size: 15px;
	line-height: 18px;
}
.team-status {
	font-weight: 500;
	font-size: 15px;
	line-height: 18px;
	color: #DF7359;
}
.team-slider .slick-prev {
	opacity: 0;
	visibility: hidden;
}
.team-slider .slick-next {
	transform: scale(-1, 1);
}
/************************* partners *************************/
.partners {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -20px;
	padding: 0 0 80px;
}
.partners-col {
	width: 33.33%;
	padding: 0 10px;
	margin: 0 0 20px;
}
.partners-card {
	background-color: transparent;
	height: 284px;
	perspective: 1000px;
}
.partners-inner {
	position: relative;
	width: 100%;
	height: 100%;
	transition: transform 0.8s;
	transform-style: preserve-3d;
}
.partners-card:hover .partners-inner {
	transform: rotateY(180deg);
}
.partners-front, .partners-back {
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.partners-front {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(119.72deg, #F8F7F7 4.93%, #F1F5FA 94.6%);
}
.partners-front img {
	max-width: 100%;
	max-height: 100%;
}
.partners-back {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-direction: column;
	overflow-y: auto;
	padding: 30px 25px;
	background: linear-gradient(119.72deg, #F8F7F7 4.93%, #F1F5FA 94.6%);
	transform: rotateY(180deg);
}
.partners-card-text {
	margin: 0 0 20px;
}
.partners-back .button-link {
	margin: auto auto 0 32px;
}
/************************* order *************************/
.order {
	position: relative;
	padding: 22px 0 45px;
	color: #F1F5FA;
	background: #17253C;
}
.order::before {
    position: absolute;
    top: -36px;
    left: 0;
    right: 0;
    content: '';
    height: 76px;
    background: url(../images/offer-bg.svg) 50% 0 no-repeat;
    background-size: cover;
}
.order-white {
	padding: 65px 0 45px;
	color: #414751;
	background: #fff;
}
.order-white::before {display: none;}
.order-blue {
	padding: 60px 0 80px;
	background: #20304B;
}
.order-blue::before {display: none;}
.order-grey {
	padding: 87px 0 63px;
	color: #414751;
	background: #F1F5FA;
}
.order-grey::before {
    background: url(../images/white-bg2.svg) 50% 0 no-repeat;
    background-size: cover;
}
.order .holder {position: relative;}
.title-block {padding: 0 0 30px;}
.top-title {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: center;
	margin: 0 0 6px;
	font-weight: 500;
	font-size: 15px;
	line-height: 18px;
	color: #DF7359;
}
.back {
	position: relative;
	display: block;
	width: 40px;
	min-width: 40px;
	height: 35px;
	margin: 0 11px 0 0;
	cursor: pointer;
	background: #DF7359;
}
.back:after {
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	width: 100%;
	height: 100%;
	background: url(../images/button-arrow.svg) 50% 50% no-repeat;
	transform: scale(-1, 1);
}
.back:hover:after {
    -webkit-animation: move 1s linear infinite;
	animation: move 1s linear infinite;
}
.subtitle {
	margin: 0 0 35px;
	font-size: 18px;
	line-height: 21px;
}
.order-block {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
}
.order-col {
	position: relative;
	width: 45%;
	padding: 0 0 0 65px;
}
.order-col::before {
	position: absolute;
	top: 42px;
	left: 0;
	content: '';
	width: 45px;
	height: 2px;
	background: #DF7359;
}
.order-text {
	margin: 0 0 24px;
	max-width: 400px;
	font-size: 18px;
	line-height: 21px;
}
.order-form {
	max-width: 390px;
}
.order-link {
	padding: 30px 0 0;
}
/************************* offer *************************/
.offer {
	position: relative;
	padding: 71px 0 35px;
	color: #F1F5FA;
	background: #17253C;
}
.offer-big {
	padding: 71px 0 120px;
}
.offer:before {
	position: absolute;
	top: -36px;
	left: 0;
	right: 0;
	content: '';
	height: 76px;
	background: url(../images/offer-bg.svg) 50% 0 no-repeat;
	background-size: cover;
}
.offer-line {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
	padding: 0 0 28px;
}
.offer-line .input {
	width: 20.5%;
}
.offer-line .input-long {
	width: 33%;
}
.button-center {
	text-align: center;
}
/************************* footer *************************/
.footer-top {
	position: relative;
	padding: 41px 0 34px;
	color: #F1F5FA;
	background: #20304B;
}
.footer-block {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: flex-start;
	margin: 0 -15px;
}
.footer-logo {
	position: absolute;
	top: 60px;
	left: 26px;
}
.footer-col {
	width: 25%;
	padding: 0 15px;
}
.footer-title {
	margin: 0 0 20px;
	font-weight: 500;
}
.footer-title a {
	color: #F1F5FA;
}
.footer-nav li {
	margin: 0 0 23px;
	font-weight: 200;
	font-size: 14px;
	line-height: 16px;
}
.footer-nav a {
	color: #F1F5FA;
}
.footer-text {
	margin: 0 0 21px;
	font-weight: 200;
	font-size: 14px;
	line-height: 16px;
}
.footer-icon {
	display: inline-block;
	margin: 0 0 14px;
}
.footer-icon img {
	display: block;
}
.footer-form {
	position: relative;
}
.button-arrow {
	position: absolute;
	top: 4px;
	right: 4px;
	width: 40px;
	height: 35px;
	cursor: pointer;
	background: #DF7359;
}
.button-arrow:after {
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	width: 100%;
	height: 100%;
	background: url(../images/button-arrow.svg) 50% 50% no-repeat;
}
.button-arrow:hover:after {
    -webkit-animation: move 1s linear infinite;
	animation: move 1s linear infinite;
}
@-webkit-keyframes move {
	0% {margin-left: 0px;}
 	25% {margin-left: 5px;}
	50% {margin-left: 0px;}
	75% {margin-left: -5px;}
 	100% {margin-left: 0px;} 
}
@keyframes move {
	0% {margin-left: 0px;}
 	25% {margin-left: 5px;}
	50% {margin-left: 0px;}
	75% {margin-left: -5px;}
 	100% {margin-left: 0px;} 
}
.footer-bottom {
	padding: 20px 0 14px;
	font-weight: 200;
	font-size: 14px;
	line-height: 16px;
}
/************************* popups *************************/
.popup {
	display: none;
	width: 960px;
	border-radius: 0px;
}
.popup.fancybox-content {
	padding: 83px 105px 145px;
	color: #F1F5FA;
	background: #20304B;
}
.popup .title-block {
    padding: 0 0 10px;
}
.popup-text {
	position: relative;
	max-width: 485px;
	margin: 0 auto 55px;
	padding: 0 0 0 65px;
	font-size: 18px;
	line-height: 21px;
}
.popup-text::before {
    position: absolute;
    top: 50%;
    left: 0;
    content: '';
    width: 45px;
    height: 2px;
    margin-top: -1px;
    background: #DF7359;
}
.popup-bottom {
	position: relative;
	text-align: center;
}
.popup-bottom .mail-us {
    position: absolute;
	right: -30px;
	bottom: -3px;
}
.popup-bottom .mail-us:before {
	position: absolute;
	top: -310px;
	right: 12px;
    border-top: 0;
	border-right: 1px solid #818994;
    height: 294px;
	width: 0;
}
.fancybox-slide--html .popup .fancybox-close-small {
    right: 50%;
    top: auto;
	bottom: 30px;
	margin-right: -22px;
}

/************************* animations *************************/
.fade {
	opacity: 0;
	transition: all 1s ease;
}
.fade.animated {
	opacity: 1;
}
.fadeUp {
	opacity: 0;
	transform: translate3d(0, 50px, 0);
	transition: all 1s ease, opacity 0.5s ease;
}
.fadeUp.animated {
	opacity: 1;
	transform: none;
}
.fadeUp2 {
	opacity: 0;
	transform: translate3d(0, 80px, 0);
	transition: all 1s ease, opacity 0.5s ease;
}
.fadeUp2.animated {
	opacity: 1;
	transform: none;
}
.fadeLeft {
	opacity: 0;
	transform: translate3d(-150px, 0, 0);
	transition: all 1s ease, opacity 0.5s ease;
}
.fadeLeft.animated {
	opacity: 1;
	transform: none;
}
.fadeRight {
	opacity: 0;
	transform: translate3d(150px, 0, 0);
	transition: all 1s ease, opacity 0.5s ease;
}
.fadeRight.animated {
	opacity: 1;
	transform: none;
}
.fadeBottom {
	opacity: 0;
	transform: translate3d(0, -50px, 0);
	transition: all 1s ease, opacity 0.5s ease;
}
.fadeBottom.animated {
	opacity: 1;
	transform: none;
}

/************************* media *************************/
@media screen and (max-width: 1400px) {
	.footer-logo {
		position: static;
		margin: 0 0 30px;
	}
}
@media screen and (max-width: 1300px) {
	.about-title {
		font-size: 35px;
		line-height: 44px;
	}
	.about-content {
		padding: 18px 0 0 50px;
	}
	.info-item {
		padding: 0 0 45px 120px;
	}
	.project-slide {
		padding: 0 40px 0 0;
	}
	.project-slide-block {
		width: 830px;
	}
	.project-slide-img {
		width: 460px;
		min-width: 460px;
	}
	.project-slider .slick-next {
		left: 805px;
	}
	.catalog-col {
		width: 50%;
	}
	.object-content {
		padding: 50px 50px 36px 60px;
	}
	.contacts-block {
		padding: 42px 40px 55px 125px;
	}
	.menu-list > li {
		padding: 0 0 73px 100px;
	}
	.submenu {
		padding: 120px 90px 50px 50px;
	}
}
@media screen and (max-width: 1023px) {
	.menu {
		position: fixed;
		right: -100%;
		width: 100%;
		padding: 110px 100px 50px;
		overflow-y: auto;
	}
	.menu-list > li {
		padding: 0 0 30px;
		font-size: 24px;
		line-height: 30px;
	}
	.parent:after {display: none;}
	.submenu {
		display: block;
		position: static;
		width: auto;
		height: auto;
		padding: 30px 0 1px;
		background: none;
		opacity: 1;
		visibility: visible;
	}
	.submenu-list {
		max-width: none;
		max-height: none;
		overflow-y: none;
		transform: translateX(0px);
	}
	.submenu-list li {
		margin: 0 0 30px;
		font-weight: 300;
		font-size: 18px;
		line-height: 21px;
		text-align: left;
	}
	.submenu-list li:last-child {margin: 0;}
	.submenu-list a {
		color: #fff;
	}
	.menu .mail-us {
		position: relative;
		right: auto;
		bottom: auto;
		align-items: flex-start;
	}
	.menu .mail-us:before {display: none;}
	.main-banner-block {
		min-height: 600px;
	}
	.main-banner-title {
		font-size: 40px;
		line-height: 48px;
	}
	.title-block {
		padding: 0 0 10px;
	}
	.about-img {
		width: 100%;
	}
	.about-content {
		width: 100%;
		padding: 40px 0 0;
	}
	.about-title {
		margin: 0 0 30px;
		font-size: 30px;
		line-height: 36px;
	}
	.about-block {
		margin: 0;
	}
	.about-item {
		padding: 35px 0 50px 35px;
	}
	.about-item-grey {
		padding: 35px 35px 50px;
	}
	.info-item {
		padding: 0 0 35px 90px;
	}
	.info-num {
		top: 25px;
		font-size: 55px;
		line-height: 60px;
	}
	.project-section {
		padding: 65px 0;
	}
	.project-title {
		margin: 0 0 40px;
		font-size: 35px;
		line-height: 44px;
	}
	.project-section .holder:before {
		top: 0px;
		left: -35px;
		font-size: 100px;
		line-height: 120px;
	}
	.project-slide {
		padding: 0;
	}
	.project-slide-block {
		width: auto;
	}
	.project-slide-img {
		width: 400px;
		min-width: 400px;
	}
	.project-slider .slick-next {
		left: 0px;
		bottom: -50px;
	}
	.order-col {
		width: 100%;
	}
	.order-col::before {top: 10px;}
	.order-text {
		max-width: none;
	}
	.order-link {
		padding: 0 0 30px;
	}
	.useful-section {
		padding: 65px 0 10px;
	}
	.useful-content {
		width: 100%;
		border-bottom: 1px solid #818994;
	}
	.useful-mob {
		position: relative;
		display: block;
		margin: 0 0 18px;
		padding: 20px 25px 0 0;
		color: #414751;
    	font-size: 18px;
    	line-height: 21px;
		text-decoration: none;
		border-top: 1px solid #818994;
	}
	.useful-mob:after {
		position: absolute;
		top: 21px;
		right: 0;
		content: '';
		width: 16px;
		height: 16px;
		background: url(../images/arrow-down.svg) 50% 50% no-repeat;
		background-size: contain;
		transition: all 0.3s linear;
	}
	.useful-mob.active:after {transform: rotate(180deg);}
	.useful-side {display: none;}
	.useful-item {margin: 0 0 25px;}
	.title {
		margin: 0 0 25px;
		font-size: 28px;
		line-height: 32px;
	}
	.footer-col {
		width: 50%;
		margin: 0 0 30px;
	}
	.footer-top {
		padding: 41px 0 4px;
	}
	.category li {
		padding: 0 0 0 26px;
		margin: 0 25px 20px 0;
	}
	.catalog {
		padding: 0 0 60px;
	}
	.offer {
		padding: 65px 0;
	}
	.offer-line .input, .offer-line .input-long {
		width: 48.5%;
	}
	.header-nav li {
		margin: 0 35px;
	}
	.partners {
		padding: 0 0 45px;
	}
	.partners-col {
		width: 50%;
	}
	.complect-col {
		width: 50%;
	}
	.order {
		padding: 45px 0 65px;
	}
	.numbers-col {
		width: 50%;
	}
	.projects-col-big .projects-img {
		width: 100%;
	}
	.projects-col-big .projects-content {
		width: 100%;
		padding: 35px 0 0;
	}
	.projects-col {
		width: 50%;
	}
	.projects-col-big {width: 100%;}
	.projects-content {
		padding: 20px 0 0;
	}
	.control-col {
		padding: 0 0 0 40px;
	}
	.object-img {
		width: 100%;
		height: 400px;
	}
	.object-content {
		width: 100%;
		height: auto;
		padding: 50px 30px 36px;
	}
	.contacts {
		height: auto;
		padding: 0 0 480px;
	}
	.contacts-block {
		width: auto;
		height: auto;
		padding: 100px 0 55px;
	}
	.contacts .holder:before {display: none;}
	.contacts-map {
		top: auto;
		right: 0;
		left: 0;
		bottom: 0;
		width: auto;
		height: 480px;
	}
	.popup {
		width: 700px;
	}
	.popup.fancybox-content {
		padding: 60px 50px 105px;
	}
	.submenu-bg {
		display: none;
	}

}
@media screen and (max-width: 767px) {
	.menu {
		padding: 85px 25px 50px;
	}
	.menu-list > li {
		font-size: 21px;
		line-height: 28px;
	}
	.submenu-list li {
		font-size: 14px;
		line-height: 19px;
	}
	#wrapper {
		padding: 65px 0 0;
	}
	.header {
		height: 65px;
		padding: 24px 0 0;
	}
	.header.fixed {
		height: 65px;
		padding: 22px 0 0;
		background: none;
		box-shadow: none;
	}
	.header-logo {
		width: 65px;
	}
	.header-logo img,
	.header.fixed .header-logo img,
	.header-logo object,
	.header.fixed .header-logo object {
		width: 40px;
	}
	.mob-nav-icon {
		width: 45px;
	}
	.header-nav {display: none;}
	.main-banner-block {
		padding: 50px 0;
	}
	.about-block {display: block;}
	.about-item {
		width: auto;
		padding: 35px 0 0;
	}
	.about-item-grey {
		width: auto;
		padding: 35px 25px;
	}
	.info-col {
		width: 100%;
	}
	.footer-col {
		width: 100%;
	}
	.project-slide-block {display: block;}
	.project-slide-img {
		width: auto;
		min-width: 1px;
	}
	.project-slide-content {
		padding: 30px 0 0;
	}
	.project-slide-text {max-width: none;}
	.mail-us:before {
		width: 150px;
	}
	.catalog-col {
		width: 100%;
		margin: 0 0 25px;
	}
	.partners-col {
		width: 100%;
	}
	.complect-about-col, .complect-col {
		width: 100%;
	}
	.button-link:hover:after {
		width: 0;
	}
	.product-side {
		width: 100%;
	}
	.product-content {
		width: 100%;
	}
	.product-img {
		margin: 0 0 40px;
	}
	.product-side .product-link {display: none;}
	.product-link-mob {
		display: block;
	}
	.complect-section {
		padding: 65px 0 10px;
	}
	.offer + .project-section {
		padding-top: 25px;
	}
	.system {
		padding: 48px 0 75px;
	}
	.system-col {
		width: 100%;
		margin: 0 0 30px;
	}
	.marquee {
		font-size: 100px;
		line-height: 120px;
	}
	.control {
		padding: 0 0 10px;
	}
	.control-col {width: 100%;}
	.contacts-block {
		padding: 85px 0 45px;
	}
	.contacts-title {
		margin: 0 0 30px;
		font-size: 28px;
		line-height: 32px;
	}
	.popup {
		width: 400px;
	}
	.popup.fancybox-content {
		padding: 30px 30px 105px;
	}
	.popup-text {
		max-width: none;
		margin: 0 0 30px;
		padding: 0 0 0 45px;
		font-size: 16px;
		line-height: 19px;
	}
	.popup-text::before {
		width: 25px;
	}
	.popup-bottom .mail-us {
		position: relative;
		right: auto;
		bottom: auto;
		padding: 40px 0 0;
		align-items: center;
	}
	.popup-bottom .mail-us:before {display: none;}
	

}
@media screen and (max-width: 576px) {
	.about-title {
		font-size: 24px;
		line-height: 30px;
	}
	.about-item-grey {
		margin: 0 -25px;
	}
	.info-num {
		top: 10px;
		font-size: 48px;
		line-height: 56px;
	}
	.info-item {
		padding: 0 0 35px 75px;
	}
	.order-col {
		padding: 0 0 0 45px;
	}
	.order-col::before {
		width: 25px;
	}
	.input-line .input {
		width: 100%;
	}
	.useful-text {
		padding: 0 0 0 45px;
	}
	.useful-text::before {
		width: 25px;
	}
	.offer-line .input, .offer-line .input-long {
		width: 100%;
	}
	.complect-about-text {
		padding: 0 0 0 45px;
	}
	.complect-about-text::before {
		width: 25px;
		top: 10px;
	}
	.numbers-col {
		width: 100%;
		margin: 0 0 25px;
	}
	.numbers-item {
		height: 180px;
		padding: 10px;
	}
	.numbers-value {
		font-size: 48px;
		line-height: 56px;
	}
	.projects-col-big .projects-name {
		margin: 0 0 25px;
		font-size: 28px;
		line-height: 32px;
	}
	.projects-text {
		margin: 0 0 30px;
	}
	.projects-complect {
		margin: 0 0 30px;
	}
	.marquee {
		font-size: 80px;
	}
	.team-slider .slick-next {
		bottom: -50px;
	}
	.team-info {
		padding: 0;
	}
	.object-img {
		height: 320px;
	}
	.object-content {
		padding: 40px 25px 36px;
	}


}
@media screen and (max-width: 374px) {
	.main-banner-title {
		font-size: 36px;
		line-height: 44px;
	}
	.catalog-img {
		width: 80px;
		min-width: 80px;
		height: 80px;
	}
	.projects-col {
		width: 100%;
	}
}