/*
Theme Name: Linii
Template: Goodini
Theme URI: https://degorov.ru/
Description: Дочерняя тема для Goodini
Author: D.E.
Author URI: https://degorov.ru/
Version: 1.0
*/
@font-face {
    font-family: 'Golos Text';
    src: url('assets/fonts/Golos/GolosText-Medium.eot');
    src: local('Golos Text Medium'), local('GolosText-Medium'),
        url('assets/fonts/Golos/GolosText-Medium.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Golos/GolosText-Medium.woff2') format('woff2'),
        url('assets/fonts/Golos/GolosText-Medium.woff') format('woff'),
        url('assets/fonts/Golos/GolosText-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Golos Text';
    src: url('assets/fonts/Golos/GolosText-DemiBold.eot');
    src: local('Golos Text DemiBold'), local('GolosText-DemiBold'),
        url('assets/fonts/Golos/GolosText-DemiBold.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Golos/GolosText-DemiBold.woff2') format('woff2'),
        url('assets/fonts/Golos/GolosText-DemiBold.woff') format('woff'),
        url('assets/fonts/Golos/GolosText-DemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Golos Text';
    src: url('assets/fonts/Golos/GolosText-Regular.eot');
    src: local('assets/fonts/Golos/Golos Text Regular'), local('GolosText-Regular'),
        url('assets/fonts/Golos/GolosText-Regular.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Golos/GolosText-Regular.woff2') format('woff2'),
        url('assets/fonts/Golos/GolosText-Regular.woff') format('woff'),
        url('assets/fonts/Golos/GolosText-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Oswald';
    src: url('assets/fonts/Oswald/Oswald-Regular.eot');
    src: local('Oswald Regular'), local('Oswald-Regular'),
        url('assets/fonts/Oswald/Oswald-Regular.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Oswald/assets/fonts/Oswald/Oswald-Regular.woff2') format('woff2'),
        url('assets/fonts/Oswald/Oswald-Regular.woff') format('woff'),
        url('assets/fonts/Oswald/Oswald-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
 }

@font-face {
    font-family: 'Oswald';
    src: local('Oswald DemiBold'), local('Oswald-DemiBold'),
		url('assets/fonts/Oswald/Oswalddemibold.woff2') format('woff2'), 
		url('assets/fonts/Oswald/Oswalddemibold.woff') format('woff'), 
		url('assets/fonts/Oswald/Oswalddemibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

.page-frame {overflow:hidden;}
.container-fluid {
	max-width: 1732px;
}

.descrip_link {color:#ffffff;}
/* offer */
.no-webp #offer{background-image:url(assets/i/off_bg.jpg);}
.webp #offer{background-image:url(assets/i/off_bg.webp);}
#offer {
	padding-top: 13.7rem;
	background-position: center top;
	padding-bottom: 17rem;
	margin-top: -7.3rem;
}
.offer_wrap {
	max-width: 29rem;
}
.off_text {}
.off_text h1 {
	font-size: 3.75rem;
	font-weight: 600;
	line-height: 1.5;
	margin-bottom: 0.9rem;
}
.off_text h1 del {
	text-decoration: none;
	font-size: 2.5rem;
	font-weight: 400;
	display: block;
	padding: 0.5rem 0.8rem 1.2rem;
	background-color: var(--btn_color_1);
	border-bottom: 1px solid #FF7474;
	max-width: 400px;
	line-height: 1.1;
}
.off_text h1 .text_color {}
.off_text p {
	font-size: 1.1rem;
}
.off_text p .text_color {
	font-weight: 500;
}
.offer_wrap .btn_wrap {
	margin-top: 3.3rem;
}

.off_btn {}
.off_btn .loupe {}
.btn span {
	padding: 1.75rem 2rem 1.6rem;
	text-transform: uppercase;
}
.loupe span {
	padding-right: 5.6rem;
}
.loupe span::before {
	position: absolute;
	display: block;
	content: "";
	width: 2.75rem;
	height: 2.75rem;
	background-color: #9B2323;
	border-radius: 50%;
	box-shadow: 0 1px 0 #FF7474;
	background-image: url(assets/i/loupe.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 44%;
	top: 50%;
	transform: translateY(-50%);
	right: 1.9rem;
}
.off_sub_btn {
	margin-top: 1.2rem;
	font-size: 0.875rem;
	max-width: 230px;
	color: var(--color);
}
.off_sub_btn p {}
.off_sub_btn p .text_color {}
.off_sub_btn p strong {}

.btn, .btn:visited, .btn:focus, .btn:active {
	font-size: 0.875rem;
	border-bottom: 1px solid #FF7474;
	border-radius: 2px;
}
.off_img_1 {
	position: absolute;
	top: 1.2rem;
	left: 13rem;
}
.off_img_1 img {
	max-width: initial;
	max-height: initial;
}

/* favor */
#favor {
	padding-top: 0;
	margin-top: -4.7rem;
	z-index: 3;
}
.favor_wrap {}
.fav_list {
	display: flex;
	align-items: flex-start;
}
.fav_item {
	width: 25%;
	background-color: #3A3441;
	position: relative;
}
.fav_item.el_1 {}
.fav_item.el_2 {}
.fav_item.el_3 {}
.fav_item.el_4 {}
.fav_text {
	background-repeat: no-repeat;
	min-height: 16.5rem;
	background-position: bottom right;
	padding: 2rem;
	font-family: var(--f2);
	font-size: 2rem;
	line-height: 1.4;
	position: relative;
	box-shadow: 0 15px 20px -11px #000000;
}

.fav_text del {
	position: absolute;
	font-family: var(--f1);
	text-decoration: none;
	font-size: 0.75rem;
	width: 100%;
	text-align: center;
	left: 0;
	bottom: -11.4rem;
	color: #8B8B8B;
	z-index: 1;
}


.fav_item.el_4 .fav_text {
	background-position: top 1.3rem right;
	min-height: 18rem;
}
.fav_text::before {
	position: absolute;
	display: block;
	content: "";
	background-image: url(assets/i/plus.svg);
	width: 2rem;
	height: 2rem;
	left: -1rem;
}
.fav_item.el_1 .fav_text::before, 
.fav_item.el_3 .fav_text::before {
	top: -1rem;
}
.fav_item.el_2 .fav_text::before {bottom: -1rem;} 
.fav_item.el_4 .fav_text::before {bottom: 0.5rem;}
.fav_item.el_4 .fav_text::after {
	position: absolute;
	display: block;
	content: "";
	width: 100%;
	height: 36.3rem;
	left: 0rem;
	top: 100%;
	background-color: #3a3441;
}
.fav_text p {position:relative;}

.favor_img {
	position: absolute;
	right: 0;
	top: 100%;
	z-index: 1;
	width: 100%;
}
.favor_img_1 {
	position: absolute;
	left: 50%;
	top: 5.8rem;
	z-index: 4;
	margin-left: -227px;
}
.favor_img_2 {
	position: absolute;
	left: 50%;
	top: 16.8rem;
	margin-left: -167px;
}

.favor_img img, picture img {max-height:initial; max-width:initial;}


/* cargo */
#cargo {
	padding-top: 2.5rem;
	background: linear-gradient(#221f26 0, #221f26 32.5rem, #27232B 32.5rem, #27232B 100%);
}
.cargo_text {
	font-size: 1.125rem;
	font-weight: 500;
}
.zag {}
.zag h2 {
	font-size: 3.25rem;
	margin-bottom: -0.25rem;
	color: #fff;
}
.zag h2 .text_color {
	font-weight: 600;
}
.cargo_text h2 {}
.cargo_text p .text_color {
	font-weight:400;
	color:#BFBFBF;
}

.cargo_slide {
	margin: 2.8rem -0.5rem 0;
	max-width: calc(75% - 2rem);
}
.cargo_item {
	position: relative;
	padding: 29rem 2rem 1.5rem;
	background-position: right top;
	background-repeat: no-repeat;
	transition: all 1000ms ease 0ms;
}
.cargo_item:hover{
	background-position: right -15rem top 0;
}
.cargo_item a {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.cargo_item .text {
	font-size: 0.875rem;
}
.cargo_item .text h3 {
	margin: 0 0 -0.8rem 0;
	font-size: 2.5rem;
}
/************************************************************************************** slick **************************************************************************************/
.home .slick-slide {
	margin: 0 0.5rem;
}
.cargo_slide .slick-slide{background:radial-gradient(#FFD78D, #C99B55);}

.home .slick-arrow {
	width: 3.43rem;
	height: 3.43rem;
	background-color: transparent;
	box-shadow: initial;
	font-size: 0;
	background-position:center;
	background-repeat:no-repeat;
	border: 1px solid #fff;
	background-size: 60%;
	opacity: 0.5;
}
.home .slick-arrow:hover{
	opacity: 1;
	border: 1px solid var(--color);
}

.home .slick-next {
	background-image: url(assets/i/arr_right.svg);
	background-position: 30% center;
}

.home .slick-prev {
	background-image: url(assets/i/arr_left.svg);
	background-position: 70% center;
}

.cargo_slide .slick-next {
	bottom: initial;
	top: -6.4rem;
	right: 0.5rem;
}

.cargo_slide .slick-prev {
	bottom: initial;
	top: -6.4rem;
	right: 4.8rem;
}

.home .slick-dots {
	bottom: initial;
	display: block;
	width: 12.75rem;
	font-family: var(--f2);
}

.cargo_slide .slick-dots {
	top: -6.5rem;
	right: 1rem;
}

.home .slick-dots li {display:none; position:absolute;}
.home .slick-dots li.slick-active {display:block;}
.big_num {
	font-size: 2rem;
	font-weight: 600;
	position: relative;
	display: block;
}
.big_num::before {
	position: absolute;
	content: "";
	display: block;
	background-color: var(--color);
	height: calc(100% + 2.25rem);
	width: 1px;
	top: -0.8rem;
	transform: skewX(-26deg);
	right: -0.5rem;
}
.small_num {
	position: absolute;
	top: 1.7rem;
	left: 3rem;
	color: #b8b8b8;
}


/* big_form */
#big_form {
	padding-top: 3rem;
	padding-bottom: 0;
	z-index: 2;
	background-color: #27232B;
	border: 0 !important;
}
#modules #big_form {
	padding-bottom: 4rem;
}
.big_form_wrap {
	position: relative;
	padding: 5rem 8.5rem;
}
.form1_zag {
	text-align: center;
	font-size: 1.125rem;
	font-weight:bold;
}
.form1_zag h2 {}
.form1_zag p .text_color {
	font-weight:400;
	color:#BFBFBF;
}
.big_form {
	max-width: 805px;
	width: 100%;
	margin-top: 2.8rem;
}
.bf_heading {
	font-size: 2rem;
	font-family: var(--f2);
	width: 100%;
}
.hideLabels .form-control {
	padding: 1.65rem 1rem 1.1rem;
}
.hideLabels .form-group label {
	top: 20px;
	color: #9A9A9A;
	left: 1.5rem;
}
.hideLabels .form-group {
	margin: .5rem auto 1rem;
	border-radius: 2px;
	background-color: #ffffff;
}

.bf_from .form-group label, .bf_to .form-group label, .bf_phone .form-group label {
	padding-left: 2rem;
	text-decoration: none;
}
.bf_from .form-group label::before, .bf_to .form-group label::before, .bf_phone .form-group label::before {
	position: absolute;
	display: block;
	content: "";
	width: 1.5rem;
	height: 1.5rem;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	background-repeat: no-repeat;
	background-position: left center;
}
.bf_from .form-group label:before {
	background-image:url(assets/i/loca.svg);
} 
.bf_to .form-group label:before{
	background-image:url(assets/i/loca_2.svg);
} 
.bf_phone .form-group label:before{
	background-image:url(assets/i/phone.svg);
}

.hideLabels label.label-none,.hideLabels label.label-none,.hideLabels .form-control:focus + label{
	top:5px;
	font-size:12px;
	padding-left:0rem !important;
}
.hideLabels label.label-none.agreement-label, .hideLabels label.label-none.agreement-label, .hideLabels .form-control:focus + label.agreement-label {
	padding-left: 2rem !important;
}

.bf_from .form-group label, .bf_to .form-group label, .bf_phone .form-group label {}
.hideLabels label.label-none:before,.hideLabels label.label-none:before,.hideLabels .form-control:focus + label:before {
	display:none;
}

.bf_wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.line_1 > div {
	width: calc(50% - 1rem);
}
.line_2 > div {
	width: calc(100% / 3 - 0.6rem);
}
.line_3>div {}

.bf_from_dop, .bf_to_dop {
	display: flex;
	border: 1px solid #554D60;
	font-size: 0.9rem;
	background-color: #36303c;
}
.bf_from_dop span, .bf_to_dop span {
	width: 50%;
	text-align: center;
	padding: 1.25rem 1rem;
	cursor: pointer;
}
.bf_from_dop span.active, .bf_to_dop span.active {
	background-color:#554D60;
}
/*.line_1 {
	margin-bottom: 3rem;
}*/
.line_1 {
	margin-bottom: 1rem;
}

.line_2 .bf_heading {
	margin-bottom: 0.5rem;
}

.line_2 .hideLabels .form-group {
	margin: .5rem auto 0.8rem;
}

.negab {
	position: relative;
	font-size: 0.9rem;
	margin-top: 1.3rem;
	padding-left: 2.2rem;
	color: var(--color);
}
.negab > span {
	display: block;
	width: 1.6rem;
	height: 1.6rem;
	position: absolute;
	background: #ffffff;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	cursor:pointer;
}
.negab span span {
	display: block;
	width: 1.3rem;
	height: 1.3rem;
	background: #ffffff;
	margin: 0.15rem;
	overflow: hidden;
	position: relative;
}
.negab span span::before {
	position: absolute;
	width: 0%;
	height: 0%;
	left: 50%;
	top: 50%;
	display: block;
	content: "";
	background-color: #554D60;
	transform: translate(-50%, -50%);
	border-radius: 50%;
	transition:all 500ma ease 0ms;
}
.negab span.active span::before{
	width: 150%;
	height: 150%;
}
.line_3 {
	margin-top: 0.5rem;
/*	max-width: 590px;*/
}

.bf_phone {
	/*width: 53.2%;*/
}
.bf_btn {
	/*width: calc(46.8% - 1rem);*/
}
.line_3 > div {
	width: calc(100% / 3 - 0.6rem);
}
.line_4 {
	margin-top: 0.5rem;
	max-width: 590px;
}

.line_4 .bf_phone {
	width: 53.2%;
}
.line_4 .bf_btn {
	width: calc(46.8% - 1rem);
}
#calc_send .agreement-label {
	color: #fff;
}

.bf_btn .btn span {
	padding: 1.55rem 1rem 1.4rem;
}
#big_form .bf_btn .btn, #big_form .btn:visited, #big_form .btn:focus, #big_form .btn:active {
	width: 100%;
}
.bf_btn .button {
	margin-top: 0.5rem;
}
.img_map {
	position: absolute;
	background-image: url(assets/i/map_1.png);
	height: 920px;
	right: 0;
	width: 795px;
	top: -1.5rem;
	background-repeat: no-repeat;
}
.img_map:before, .img_map:after {
	position:absolute;
	content:"";
	display:block;
}
.img_map::before {
	width: 2.75rem;
	height: 2.75rem;
	background: #CFA360;
	border-radius: 50%;
	opacity: 0.53;
	filter: blur(1.5rem);
	margin-top: 34.35rem;
	margin-left: 14.9rem;
}
/*.no-webp .big_form_wrap{background-image:url(assets/i/map_bg.jpg);}
.webp .big_form_wrap{background-image:url(assets/i/map_bg.webp);}*/
.big_form_wrap {
	background-image: url(assets/i/map_bg.jpg);
	position: relative;
	padding: 5rem 8.5rem 3rem;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	box-shadow: 0 60px 72px -20px #18131c;
}
.big_form_wrap::before {
	position: absolute;
	width: 25%;
	content: "";
	display: block;
	background-color: #36303c;
	right: 0;
	bottom: 100%;
	height: 58rem;
}
.in_way {
	position: absolute;
	top: 26.3rem;
	left: 21rem;
	width: 8.3rem;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #362D3C;
	font-size: 0.9rem;
	background-color: #ffff;
	border-radius: 50%;
	flex-wrap: wrap;
	padding: 2rem 0;
}
.in_way strong {
	color: #B22929;
	font-weight: 500;
	font-size: 2rem;
	display: block;
	white-space: pre;
	font-family: var(--f2);
}
.in_way::before {
	display: block;
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-left: 1rem solid transparent;
	border-right: 1rem solid transparent;
	border-top: 2rem solid #ffffff;
	bottom: -1.25rem;
}
/* eco */
#eco {
	z-index: 1;
	padding-bottom: 0rem;
	background-color: #27232B;
}
#eco:before, #eco:after{
	position:absolute;
	content:"";
	display:block;
}
#eco::before {
	background-color: #231F26;
	right: 0;
	bottom: 0;
	width: 48.6%;
	height: 79%;
}
#eco::after {
	background-image: url(assets/i/eco_line.svg);
	width: 2070px;
	height: 1246px;
	top: 0;
	left: 50%;
	transform: translateX(-46.4%);
}


.eco_zag {
	margin: 4rem 0 0 8.7rem;
}
.eco_zag h2{}
.eco_slide {
	margin: -3rem 0 0 8.7rem;
}
.eco_item {
	background-position: right -4.5rem top 0;
	position: relative;
	overflow: hidden;
	background-repeat: no-repeat;
}
.eco_item.el_1{}
.eco_item.el_2{}
.eco_item.el_3{}
.eco_item .text {
	margin: 9rem 0 0 5.5rem;
	position: relative;
	max-width: 12rem;
	min-height: 32rem;
}
.eco_num {
	position: absolute;
	left: -5.7rem;
	font-family: var(--f2);
	font-weight: 600;
	font-size: 4.125rem;
	line-height: 1.2;
	color: var(--color);
}
.eco_item .text i, .eco_item .text em {
	font-style: normal;
	font-family: var(--f2);
	font-size: 2rem;
	line-height: 1.3;
}


.eco_slide .slick-dots {
	bottom: 16.4rem;
	left: 5.9rem;
}
.eco_slide .slick-arrow {
	bottom: 12.7rem;
	z-index: 1;
}
.eco_slide .slick-prev{left: 11.4rem;}
.eco_slide .slick-next{left: 15.8rem;}

.eco_slide .slick-slide {
	margin: 0;
}

/* park */
#park {
	z-index: 1;
	padding-bottom: 5.3rem;
}
.park_zag {
	text-align: center;
	margin-top: 1.1rem;
}
.park_zag h2 {
	margin:0;
}
.park_zag p {
	font-size: 1.125rem;
}
.park_zag p .text_color {font-weight:600;}
.park_logo {
	margin: 4.7rem auto 3rem;
	max-width: 950px;
	position: relative;
	display: flex;
	flex-wrap: wrap;
}

.park_logo::before, .park_logo::after {
	position: absolute;
	display: block;
	content: "";
	width: calc(100% + 3rem);
	height: calc(100% + 3rem);
	left: -1.5rem;
	top: -1.5rem;
}
.park_logo::before {
	background: linear-gradient( #524A5C 1px, rgba(0, 0, 0, 0.001) 1px );
	background-size: 100% 215px;
	background-position: left 1.5rem;
}
.park_logo::after {
	background: linear-gradient(90deg, #524A5C 1px, rgba(0, 0, 0, 0.001) 1px );
	background-size: calc(950px / 4) 100%;
	background-position: 1.5rem top;
}
.plus_grid {
	background-image: url(assets/i/plus.svg),url(assets/i/plus.svg),url(assets/i/plus.svg),url(assets/i/plus.svg),url(assets/i/plus.svg);
	background-position: left center,left calc(950px / 4) center,left calc(950px / 4*2) center,left calc(950px / 4 *3) center,calc(950px ) center;
	width: calc(100% + 2rem);
	height: 2rem;
	top: calc(216px - 1rem);
	left: -1rem;
	background-repeat: no-repeat,no-repeat,no-repeat,no-repeat,no-repeat;
	z-index: 1;
	pointer-events: none;
	position: absolute;
}
.plus_grid {
	background-image: url(assets/i/plus.svg),url(assets/i/plus.svg),url(assets/i/plus.svg),url(assets/i/plus.svg),url(assets/i/plus.svg);
	background-position:left center, clefr
	position: absolute;
	width: calc(100% + 2rem);
	height: 2rem;
	top: calc(215px - 1rem);
	left: -1rem;
	background-repeat: no-repeat,no-repeat,no-repeat,no-repeat,no-repeat;
	z-index: 1;
	pointer-events: none;
}


.park_el {
	width: 25%;
	height: 215px;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0.25;
	transition: all 250ms ease 0ms;
	cursor: pointer;
	position: relative;
}
.park_el {
	width: 25%;
	height: 215px;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0.25;
	transition: all 250ms ease 0ms;
	cursor: pointer;
	position: relative;
	z-index: 1;
}
.park_el:hover{
	background-color:#B22929;
	opacity:1;
}
.park_el img {}
.park_plus {}
.park_btn {
	margin: auto;
	display: flex;
	max-width: 630px;
	justify-content: space-between;
}
.park_text {
	text-align: center;
	font-size: 0.9rem;
	margin-right:1rem;
}
.park_text p {
	margin: 0.3rem 0;
}
.park_text .text_color {font-weight:600;}
.park_btn .btn_wrap {
	min-width: 14.5rem;
}
.park_btn .btn_wrap .btn {
	width: 100%;
	text-align: center;
}
.park_img_1 {
	position: absolute;
	left: -0.5rem;
	top: 9rem;
}
.park_img_2 {
	position: absolute;
	transform: scaleX(-1);
	right: -0.6rem;
	top: 9rem;
}
.for_line_eco {
	background-color: #3A3441;
}

/* ser */
#ser {
	padding: 0;
	border-bottom: 1px solid #3a3441;
	z-index: 0;
	background-color:#221f26;
}
.ser_wrap {
	display: flex;
	position:relative;
}
.ser_zag {
	margin-top: 7.9rem;
	line-height: 1.4;
	min-width: 26.1rem;
	position: relative;
	z-index: 1;
}
.ser_zag h2 {
	line-height: 1.3;
}
.ser_list {
	display: flex;
	flex-grow: 1;
	justify-content: space-between;
	padding: 2.6rem 3rem;
	position:relative;
}
.ser_list::after {
	display: block;
	content: "";
	position: absolute;
	left: -35.1rem;
	top: 0;
	background-image: url(assets/i/optin_img_2.svg), url(assets/i/option_img_1.svg);
	background-repeat: no-repeat, no-repeat;
	background-position: bottom center,right -0.6rem top 2.1rem;
	width: 1920px;
	height: 100%;
	z-index: 0;
}
.ser_list::before {
	display: block;
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	background: #3A3441;
	width: 1920px;
	height: 100%;
	z-index: 0;
}
.ser_item {
	width: calc(100% / 3 - 1rem);
	max-width: 345px;
	margin: 0 1rem;
	position: relative;
	z-index: 1;
}
.ser_item.el_1{}
.ser_item.el_2{}
.ser_item.el_3{}
.ser_img{}
.ser_img img{}
.ser_item .text {
	margin-top: 0.6rem;
	color: #BDBCBE;
}
.ser_item .text i, .ser_item .text em {
	font-style: normal;
	font-family: var(--f2);
	font-size: 2rem;
	color:#ffffff;
}
.ser_item .text b, .ser_item .text strong {color:#ffffff;}

/* dir */
#dir {
	padding-bottom: 10.7rem;
	background-image: url(assets/i/dir_img_2.svg);
	background-repeat: no-repeat;
	background-position: bottom left;
	background-color: #221f26;
}
.dir_wrap {
	margin: 3rem auto 0;
	max-width: 1090px;
	display: flex;
	position: relative;
}
.dir_l {
	max-width: 524px;
	position: relative;
}
.dir_1 {}
.dir_1 img {}
.dir_2 {
	position: absolute;
	top: 32.8rem;
	right: -4.3rem;
}
.dir_2 img {}
.dir_fio {
	text-align: center;
	margin-top: 0.9rem;
	padding-right: 4rem;
}
.dir_r {
	margin-left: 6rem;
}
.dir_zag {}
.dir_zag h2 {
	margin-top: 1.2rem;
}
.dir_zag em, .dir_zag i {
	display: block;
	font-style: normal;
	font-size: 1.125rem;
	margin: 1.3rem 0 3.2rem 0;
}
.dir_zag p {
	color: #BDBCBE;
	margin-bottom: 1.5rem;
}
.dir_zag p strong {
	font-weight:400;
	color:#ffffff;
}
.dir_text {}
.dir_text p {}
.dir_text strong {}
.dir_btn_wrap {
	margin-top: 3rem;
}
.dir_btn {
	display: inline-block;
	padding: 1.3rem 4.8rem;
	border: 1px solid var(--color);
	color: var(--color);
	cursor: pointer;
	transition: all 250ms ease 0ms;
}
.dir_btn:hover{
	color:#ffffff;
	border: 1px solid #B22929;
	background-color:#B22929;
}
.for_dir_bg {
	position: absolute;
	width: 26.1rem;
	border-right: 1px solid #494250;
	height: calc(100% + 14.7rem);
	top: -4rem;
}
.for_dir_bg::before {
	position: absolute;
	content: "";
	display: block;
	background-image: url(assets/i/dir_img_1.svg);
	height: 939px;
	width: 1611px;
	left: 100%;
	top: 0;
}
.for_dir_bg span {
	display: block;
	content: "";
	position: absolute;
	right: 1rem;
	top: -1rem;
	height: calc(100% + 2rem);
}
.for_dir_bg span::before, .for_dir_bg span::after {
	position: absolute;
	content: "";
	display: block;
	width: 2rem;
	height: 2rem;
	background-image: url(assets/i/plus_b.svg);
	left: 50%;
	background-position: center;
	background-repeat: no-repeat;
}
.for_dir_bg span:before {top:0;}
.for_dir_bg span:after {bottom:0;}

/* sot */
#sot {
	padding-top: 8.3rem;
	background-image: url(assets/i/pers_img.svg);
	background-position: center top 1.2rem;
	background-repeat: no-repeat;
	padding-bottom: 3.2rem;
	background-color: #2F2A34;
}
.sot_zag {
	font-size: 1.125rem;
	position: relative;
}
.sot_zag h2 {}
.sot_slide {
	margin: 6.4rem 0 0;
}
.sot_slide .slick-slide {
	margin: 0;
}
.sot_item {}
.sot_img {}
.sot_img img {}
.sot_name {
	font-weight: 500;
	text-align: right;
	margin-top: 1.1rem;
	margin-right: 0.25rem;
}
.sot_post {
	text-align: right;
	font-size: 0.9rem;
	margin-top: 0.4rem;
	color: var(--color);
	margin-right: 0.25rem;
}
.sot_slide  .slick-next {
	bottom: initial;
	right: 0;
	top: -11rem;
}

.sot_slide  .slick-prev {
	bottom: initial;
	right: 4.4rem;
	top: -11rem;
}
.sot_slide .slick-dots {
	top: -11.2rem;
	right: 0.5rem;
}
#sot .for_dir_bg {
	top:-8.3rem;
	height:50%;
}
#sot .for_dir_bg:before {
	display:none;
}




/* client */
#client {
	z-index: 1;
	padding-bottom: 7.3rem;
	padding-top: 3.5rem;
	background-image: url(assets/i/cl_img_1.svg);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #2F2A34;
}
.cl_zag {
	text-align: center;
	margin-top: 1.1rem;
}
.cl_zag h2 {
	margin:0;
}
.cl_zag p {
	font-size: 1.125rem;
	color: #fff;
}
.cl_zag p .text_color {font-weight:600;}
.cl_logo {
	position: relative;
	display: flex;
	flex-wrap: wrap;
}
.cl_wrap {
	max-width: 1426px;
	position: relative;
	margin: 5.5rem auto 0;
}
.cl_wrap::before, .cl_wrap::after {
	position: absolute;
	display: block;
	content: "";
	width: calc(100% /6 * 8 + 3rem);
	height: calc(100% + 80px + 3rem);
	left: calc(-100% / 6 - 1.5rem);
	top: -1.5rem;
}
.cl_wrap::before {
	background: linear-gradient( #524A5C 1px, rgba(0, 0, 0, 0.001) 1px );
	background-size: 100% 215px;
	background-position: left 1.5rem;
}
.cl_wrap::after {
	background: linear-gradient(90deg, #524A5C 1px, rgba(0, 0, 0, 0.001) 1px );
	background-size: calc(1426px / 6) 100%;
	background-position: 1.5rem top;
}
#client .plus_grid {
	background-image: url(assets/i/plus.svg), url(assets/i/plus.svg), url(assets/i/plus.svg), url(assets/i/plus.svg);
	background-position: left top, left 215px, left 430px, left 645px;
	width: calc(100% + 2rem);
	height: calc(100% - 315px);
	top: calc(216px - 1rem);
	left: -1rem;
	background-repeat: no-repeat,no-repeat,no-repeat,no-repeat,no-repeat;
	z-index: 1;
	pointer-events: none;
	position: absolute;
}

.cl_el {
	width: calc(100% / 6);
	height: 215px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 250ms ease 0ms;
	cursor: pointer;
	position: relative;
	z-index: 1;
}
.cl_el:hover{
	background-color:#B22929;
	opacity:1;
}
.cl_el img{opacity: 0.25;}
.cl_el:hover img{opacity: 1;}

.cl_el:before{
	position:absolute;
	content:"";
	display:block;
	width:2rem;
	height:2rem;
	background-image: url(assets/i/plus.svg);
	bottom:-1rem;
	right:-1rem;
	pointer-events:none;
	
}
.cl_el img {}

.cl_btn {
	position: relative;
	z-index: 1;
	text-align: center;
	margin-top: 4.7rem;
	z-index: 1;
}
.cl_btn .dir_btn  {
	padding: 1.3rem;
	width: 100%;
	max-width: 246px;
}


/* pis */
#pis {
	padding-top: 7rem;
	background: url(assets/i/pis_img_1.svg),linear-gradient(#2f2a34 26.5rem, #3A3441 26.5rem);
	background-repeat: no-repeat;
	background-position: center 16rem, center top;
}
.otz_zag {}
.otz_zag h2 {}
.pis_slide {
	margin-top: 4rem;
}
.pis_el {
	text-align: center;
}
.pis_img {
	display: inline-block;
	position: relative;
	box-shadow: 0 30px 45px -20px #18131c;
}
.pis_img img {}
.pis_img a {
	position: absolute;
	left: 0;
	top: 0;
	background-color: #3A3441;
	width: 100%;
	height: 100%;
	opacity: 0.3;
	transition: all 250ms ease 0ms;
}
.pis_el:hover a {opacity:0;}
.pis_el:hover .pis_name {color:var(--color);}
.pis_name {
	font-family: var(--f2);
	font-size: 2rem;
	margin-top: 1.5rem;
	transition: all 250ms ease 0ms;
	color: #fff;
}

.pis_slide .slick-dots {
	bottom: initial;
	top: -7.6rem;
	right: 0.7rem;
}
.pis_slide .slick-arrow {top: -7.5rem; 	bottom: initial;}
.pis_slide .slick-next {right: 0;}
.pis_slide .slick-prev {right: 4.5rem;}

/* opf */
#opf {
	background-color: #231F26;
	padding-bottom: 11.3rem;
	overflow: hidden;
	color: #ffffff;
}
.opf_wrap {
	max-width: 655px;
	padding-right: 2rem;
	position: relative;
}
.opf_wrap::before {
	position: absolute;
	content: "";
	display: block;
	right: 0;
	top: -4rem;
	width: 710px;
	height: calc(100% + 18rem);
	background-color: #3A3441;
	background-image: url(assets/i/opf_logo.svg);
	background-repeat: no-repeat;
	background-position: left 3.5rem top 16.5rem;
}
.opf_wrap * {position:relative;}
.opf_text {}
.opf_text h2 {}
.opf_text p {color:#BDBCBE;}
.opf_text p em, .opf_text p i {
	font-size: 1.125rem;
	font-style: normal;
	margin-top: 1.5rem;
	display: block;
	margin-bottom: 3rem;
}
.opf_text p .text_color {color:#ffffff;}
.opf_text p em .text_color {color:var(--color);}
.opf_block {
	position: relative;
	margin: 3rem 1rem 1rem 0.7rem;
	background: rgba(35,31,38,0.24);
	max-width: 384px;
	text-align: center;
	font-size: 1.125rem;
	padding: 1.4rem 1.4rem 0.6rem;
	border: 2px dashed #707070;
}
.opf_block p  {}
.opf_form {
	max-width: 354px;
	margin: 9.2rem 0 0 auto;
	background-color: #362D3C;
	z-index: 2;
	position: relative;
}
.opf_block strong .text_color {
	font-family: var(--f2);
	font-size: 4rem;
	line-height: 0.8;
}
.opf_block:before, .opf_block:after{
	position:absolute;
	content:"";
	display:block;
	top:0;
	left:0;
}
.opf_block::before {
	width: 500px;
	height: 1px;
	background-color: #B22929;
	left: -500px;
}
.opf_block::after {
	width: 1.25rem;
	height: 1.25rem;
	background-color: #fff;
	border-radius: 50%;
	border: 0.375rem solid #B22929;
	transform: translate(-50%,-50%);
}


.opf_form .form {
	padding: 1.5rem;
}
.form .form-head {
	font-size: 2rem;
	font-family: var(--f2);
	font-weight: 600;
	color: var(--color);
}
#manager .form .form-head {
	color: #FFF;
}
#manager .btn span {
	min-width: 200px;
}
.form-desk {
	font-size: 1.025rem;
	margin: 0.3rem 0 1.5rem;
}
.opf_form .btn.disabled, .opf_form .btn[disabled], .opf_form fieldset[disabled] .btn {
	cursor: not-allowed;
	width: 100%;
}
.opf_img_1 {
	position: absolute;
	left: -31rem;
	top: 7rem;
}


/* header */
#header {
	color: #ffffff;
	background-color: #221f26;
	padding: 1rem 0px 2.4rem;
}
#header .logo a {
	display: block;
	width: 5rem;
}
#header .content {
	margin-left: 1rem;
}

.descriptor {
	max-width: 270px;
	min-width: 270px;
	margin-top: 1.3rem;
}
.descriptor b, .descriptor strong {
	font-size:1rem;
}
#header .content .descriptor .text {
	line-height: 1.3;
}
.col-city>span:nth-child(1) {font-weight:500;}
.col-city .city_span {
	display: block;
	font-weight: normal;
	margin-top: 0.25rem;
}
.cityName {
	font-weight: normal;
}
.col-city {
	margin-top: 0.6rem;
	margin-left: 2rem;
	position: relative;
}
.mobile .city {
	color: var(--dark);
}
#popup-location, .popup{color: var(--color_bg_1);}
#popup-location-confirm {
	min-width: max-content;
}

.menu .menu-item a {
	font-size: 0.875rem;
	padding: 0.35rem;
	text-transform: none;
	border-left: none;
	margin-right: 1.25rem;
}
.menu .menu-item.menu-item-has-children a {
	padding-right: 1.3rem;
	/* margin-right: 2.4rem; */
}
.menu-item.menu-item-has-children a::before {
	right: 0;
	top:58%;
}
#menu .menu .menu-item a:hover {
	color:#ffffff;
}
#menu .menu .menu-item a {
	color: #D3D2D3;
}
#menu .menu {
	background: transparent;
	margin-top: 1.7rem;
}
.menu .menu-item:hover::before {
	display: none;
}
.menu .menu-item::after{
	display: none;
}
#menu .menu .current-menu-item a::after, #menu .menu .current-menu-parent a::after, #menu .menu .current-post-ancestor a::after {
	content: "";
	position: absolute;
	bottom: -1.5rem;
	right: 50%;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: initial;
	border-color: initial;
	-webkit-filter: initial;
	filter: initial;
	border: 0;
	width: 1px;
	height: 1.25rem;
	background-color: var(--color);
}

#menu .menu .menu-item.current-menu-item>a {
	font-weight:bold;
	color:var(--color);
}
#header .cityPhone a[href^="tel:"] {
	display: block;
	font-weight: bold;
	font-size: 1.225rem;
	margin-top: 0.8rem;
	color: #ffffff;
}
.home #header  {background:transparent;}
#header .logo {
	margin-top: 1rem;
}
/**********************************************************/

.home {
	color: #ffffff;
	background-color: #221f26;
}

/* 404 */
#tech_page {
	background-image: url(assets/i/off_bg.jpg);
	background-position: center top -5rem;
}
#tech_page .wrap_btn {}
#tech_page .wrap_btn .btn {}
#tech_page .wrap_btn .btn span {}
.tech_center {
	color: #ffffff;
	text-align: center;
	display: flex;
	align-items: center;
	height: 100%;
	justify-content: center;
	min-height: calc(100vh - 32rem);
}
.tech_center>div{}
.red_text {
	text-decoration: none;
	font-size: 2.5rem;
	font-weight: 400;
	display: inline-block;
	padding: 0.5rem 0.8rem 1.2rem;
	background-color: var(--btn_color_1);
	border-bottom: 1px solid #FF7474;
	line-height: 1.1;
	font-family: var(--f2);
}
.big_text {
	font-size: 25.2rem;
	font-family: var(--f2);
	font-weight: 500;
	color: var(--color);
	line-height: 0.4;
	margin-top: 8rem;
	margin-bottom: -2rem;
}
.simple_text {
	font-family: var(--f2);
	font-weight: 500;
	font-size: 2.5rem;
	margin-bottom: 3rem;
}

.menu .menu-item:hover .sub-menu {
	z-index: 2;
}
.wrap_link_menu {
	display: inline-block;
	position: relative;
}
.wrap_link_menu::before {
	position: absolute;
	display: block;
	content: "";
	width: 100%;
	height: 100%;
	z-index: 2;
	cursor: pointer;
}

#contacts .left {
	max-width: 800px;
}
/* для калькулятора и автозаполнения*/

.price {
	position: absolute;
	visibility: hidden;
	z-index: -999999;
	font-size: 0;
}
#my_calc {
	color: #ffffff;
}
.total {
	font-size: 3rem;
}
.big_form_wrap::before {
	display: none;
}
#big_form .form1_zag {
	color: #fff;
}
.suggestions-wrapper {
	color: var(--dark);
}
.suggestions-nowrap{white-space:nowrap}.suggestions-input{-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%}.suggestions-input::-ms-clear{display:none}.suggestions-wrapper{position:relative;margin:0;padding:0;vertical-align:top;-webkit-text-size-adjust:100%}.suggestions-suggestions{background:#fff;border:1px solid #999;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:default;left:0;min-width:100%;position:absolute;z-index:9999;-webkit-text-size-adjust:100%}.suggestions-suggestions strong{font-weight:400;color:#39f}.suggestions-suggestions.suggestions-mobile{border-style:none}.suggestions-suggestions.suggestions-mobile .suggestions-suggestion{border-bottom:1px solid #ddd}.suggestions-suggestion{padding:4px 4px;overflow:hidden}.suggestions-suggestion:hover{background:#f7f7f7}.suggestions-selected{background:#f0f0f0}.suggestions-selected:hover{background:#f0f0f0}.suggestions-hint{padding:4px 4px;white-space:nowrap;overflow:hidden;color:#777;font-size:85%;line-height:20px}.suggestions-subtext{color:#777}.suggestions-subtext_inline{display:inline-block;min-width:6em;vertical-align:bottom;margin:0 .5em 0 0}.suggestions-subtext-delimiter{display:inline-block;width:2px}.suggestions-subtext_label{margin:0 0 0 .25em;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;padding:0 3px;background:#f5f5f5;font-size:85%}.suggestions-value[data-suggestion-status=LIQUIDATED]{position:relative}.suggestions-value[data-suggestion-status=LIQUIDATED]:after{position:absolute;left:0;right:0;top:50%;border-top:1px solid rgba(0,0,0,.4);content:""}.suggestions-promo{font-size:85%;display:none;color:#777;padding:4px;text-align:center}.suggestions-promo a{color:#777;display:block;filter:grayscale(100%);line-height:20px;text-decoration:none}.suggestions-promo a:hover{filter:grayscale(0)}.suggestions-promo svg{height:20px;vertical-align:bottom}@media screen and (min-width:600px){.suggestions-promo{position:absolute;top:0;right:0;text-align:left}}
/*
============================================================
============================================================
============================================================
Ширины экранов
-- xs	320-499		Смартфоны
-- sm	500-767		Фаблеты
-- md	768-1023	Планшеты
-- ml	1024-1149	Нетбуки
-- lg	1150-1299	Ноутбуки
-- xl	1400		Декстопы
============================================================
============================================================
============================================================
*/
@media screen and (min-width: 1921px) and (max-width: 2560px){
	body {
		zoom: 1.333;
		margin: auto;
	}
}
/*
==============================
	xl 1699 - Декстопы	(1600)
==============================
*/
@media (max-width: 1699px) {
.opf_img_1 {
	left: -25vw;
	top: 10rem;
}
#header .content .contacts {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 11rem;
	flex: 0 0 11rem;
	
}

/*
==============================
	xl 1599 - Декстопы	(1440)
==============================
*/
@media (max-width: 1599px) {
#menu>.container-fluid {
	padding: 0 0rem;
}
.fav_text {
	background-position: bottom right -4rem;
}
.eco_item {
	background-position: right -8.5rem top 0;
}
.cl_wrap {
	max-width: 1404px;
}
.cl_wrap::after {
	background-size: calc(1404px / 6) 100%;
}

.form1_zag {
	position: relative;
}
.big_form {
	position: relative;
}
.big_form_wrap {
	overflow: hidden;
}
/******************************************************/
}

/*
==============================
	xl 1499 - Декстопы	(1440)
==============================
*/
@media (max-width: 1499px) {
/* header */	
#header .content .contacts {
	-ms-flex: 0 0 10rem;
	flex: 0 0 10rem;
}
.descriptor {
	max-width: 170px;
	min-width: 170px;
	margin-top: 1.3rem;
}
/* cargo */
.cargo_text h2 {
	width: calc(75% - 2rem);
	padding-right: 15rem;
}
/* big_form */
.img_map {
	top: -5.5rem;
	left: calc(100% - 660px);
}
.form1_zag {
	position: relative;
}
.big_form {
	position: relative;
}
.big_form_wrap {
	overflow: hidden;
}
/* eco */
.eco_item {
	background-position: right -14.5rem top 0;
}
/* park */
.park_img_1 {
	left: -6.5rem;
}
.park_img_2 {
	right: -6.6rem;

}
/* client */
.cl_wrap {
	max-width: 1304px;
}
.cl_wrap::after {
	background-size: calc(1304px / 6) 100%;
}
/******************************************************/
}
/*
==============================
	lg 1399 - Ноутбуки	(1360)
==============================
*/
@media (max-width: 1399px) {
/* header */	
#menu .container-fluid {
	padding: 0 1rem;
}
.col-city {
	margin-left: 1rem;
}
.descriptor {
	max-width: 180px;
	min-width: 180px;
	margin-top: 0;
	display: none;
}
/* offer */
#offer {
	padding-top: 9.7rem;
	padding-bottom: 11rem;
}
.off_text h1 {
	line-height: 1.3;
}
.off_img_1 img {
	width: 1250px;
}
/* fav */
.fav_text {
	background-position: bottom right -5rem;
}
.fav_item.el_4 .fav_text {
	background-position: top 1.3rem right -2rem;
}
/* cargo */
#cargo {
	padding-top: 0.5rem;
}
.cargo_item {
	position: relative;
	padding: 22rem 1rem 1.5rem;
	background-size: auto 29rem;
}
.favor_img_1, .favor_img_2 {
	pointer-events: none;
}

/* big_form */
.big_form_wrap {
	padding: 5rem 3.5rem 3rem;
}

/* eco */
.eco_zag {
	margin: 4rem 0 0 2.5rem;
}
.eco_slide {
	margin: -3rem 0 0 2.5rem;
}
.eco_slide .slick-dots {
	left: 2rem;
}
.eco_slide .slick-prev {
	left: 7.5rem;
}
.eco_slide .slick-next {
	left: 11.9rem;
}
/* clients */
.cl_wrap {
	max-width: 1204px;
}
.cl_wrap::after {
	background-size: calc(1204px / 6) 100%;
}
/******************************************************/	
}


/*
==============================
	lg 1299 - Ноутбуки	(1280)
==============================
*/
@media (max-width: 1299px) {
/* header */	
.descriptor {
	display: none;
}
#menu .container-fluid {
	padding: 0 0rem;
}
.menu .menu-item a {
	padding: 0.35rem 0.2rem;
}
/* offer */
.off_text h1 {
	font-size: 3rem;
}
.off_text p {
	font-size: 1rem;
}
.offer_wrap .btn_wrap {
	margin-top: 1.5rem;
}
.off_sub_btn {
	margin-top: 0.5rem;
}
.off_img_1 img {
	width: 1010px;
}
.off_img_1 {
	left: initial;
	right: 0;
}
/* fav */
.fav_text {
	min-height: 12.5rem;
	font-size: 1.5rem;
	background-size: auto 90%;
	background-position: right -3rem bottom;
	
}
.fav_item.el_4 .fav_text {
	min-height: 14rem;
	background-position: right bottom;
}

/* cargo */
.zag h2 {font-size: 2.5rem;}
.cargo_item .text h3 {
	font-size: 2rem;
}
.cargo_item {
	padding: 17rem 1rem 1rem;
	background-size: auto 23rem;
}
.cargo_item:hover {
	background-position: right -10rem top 0;
}


/* big_form */
.big_form_wrap {
	padding: 2.5rem 2.5rem 3rem;
}
.big_form {
	max-width: 805px;
	width: 75%;
}
.line_1 > div {
	width: 394px;
}
.bf_from {margin-right:1rem;}
.line_1 {
	margin-bottom: 0;
}
.img_map {
	top: -10.5rem;
}
/* eco */
.eco_zag {
	margin: 4rem 0 0 0;
}
.eco_slide {
	margin: -3rem 0 0 0;
}
.eco_item {
	background-position: right -10.5rem top 0;
	background-size: auto 120%;
}
.eco_item .text {
	min-height: 24rem;
}
.eco_slide .slick-arrow {
	bottom: 4.7rem;
}
.eco_slide .slick-dots {
	bottom: 8rem;
}

/* park  */
#park picture img {
	width: 450px;
}
.park_img_1 {top: 16rem;}
.park_img_2 {top: 16rem;}

/* ser */
.ser_zag {
	margin-top: 3rem;
	min-width: 6rem;
}
.ser_item .text i, .ser_item .text em {
	font-style: normal;
	font-family: var(--f2);
	font-size: 1.75rem;
	color: #ffffff;
}
/* dir */ 
#dir {
	padding-bottom: 7rem;
}
.for_dir_bg {
	width: 15.6rem;
	height: calc(100% + 11rem);
}
/* sot */ 
#sot {
	padding-top: 5rem;
}
.sot_slide {
	margin: 1.5rem 0 0;
}
.sot_slide .slick-next {top: -5rem;}
.sot_slide .slick-prev {top: -5rem;}
.sot_slide .slick-dots {top: -5.2rem;}
.sot_name {margin-left: 1rem;}

/* client */
.cl_wrap {
	max-width: 1054px;
}
.cl_wrap::after {
	background-size: calc(1054px / 6) 100%;
}
.cl_el {
	height: 200px;
}
#client .plus_grid {
	height: calc(100% - 300px);
	background-position: left top, left 200px, left 400px, left 600px;
	top: calc(201px - 1rem);
	
}
.cl_wrap::before {
	background-size: 100% 200px;
}

/* pis */
.pis_slide .slick-arrow {top: -7rem;}
 
 /* opf */
 #opf {padding-bottom: 5rem;}
.opf_form {margin: 2rem 0 0 auto;}
.opf_img_1 {
	left: -19vw;
	top: 5rem;
}



/***********************************************/
}
/*
==============================
	ml 1149 - Нетбуки	(1024)
==============================
*/
@media (max-width: 1160px) {
	.line_3 {max-width: 590px;}
	.line_3 > div {
		width: calc(100% / 2 - 0.6rem);
	}
	.line_3 .bf_btn {
		width: calc(46.8% - 1rem);
	}
}
/*
==============================
	ml 1149 - Нетбуки	(1024)
==============================
*/
@media (max-width: 1149px) {
/* header */
#header .contacts {
/*	margin-right: 0;*/
}
.mobile-icon {
	background-color: #fff;
}
#header .cityPhone a[href^="tel:"] {
	margin-top: 0;
}
.col-city {
	margin-top: 0;
}
/* offer */
.off_img_1 {
	left: 14rem;
	right: inherit;
}
/* fav */
.fav_text {
	font-size: 1.25rem;
	padding: 1.5rem;
}
/* cargo */
.cargo_text p {
	width: calc(75% - 2rem);
	padding-right: 15rem;
}
.cargo_item .text h3 {
	font-size: 1.5rem;
}

/* park */
.park_logo {
	max-width: 800px;
}
.park_logo::before {background-size: 100% 200px;}
.park_logo::after {background-size: calc(800px / 4) 100%;}

.plus_grid {
	background-position: left center,left calc(800px / 4) center,left calc(800px / 4*2) center,left calc(800px / 4 *3) center,calc(800px ) center;
	top: calc(201px - 1rem);
}
.park_el {
	height: 200px;
}

/* dir */
.for_dir_bg {display: none;}
.dir_r {margin-left: 2rem;}

/* client */
.cl_el {width: calc(100% / 4);}
.cl_wrap {
	max-width: 800px;
}
.cl_wrap::after {
	background-size: calc(800px / 4) 100%;
	background-position: -2.7rem top;
}
/* pis */
.pis_name {
	font-size: 1.5rem;
}
/* opf */
.opf_img_1 {
	left: -18vw;
	top: 7rem;
}
/*****************************************************/
}	


/*
==============================
	md 1023 - Планшеты	(768)
==============================
*/
@media (max-width: 1023px) {
/* offer */
.off_img_1 {
	left: 31vw;
	right: inherit;
	top: 6rem;
}
.off_img_1 img {
	width: 710px;
}
#offer {
	padding-bottom: 8rem;
}
/* fav */
.favor_img {display: none;}
.fav_item.el_4 .fav_text::after {display: none;}
.fav_item.el_4 .fav_text {min-height: 12.5rem;}
.fav_item.el_4 .fav_text::before {
	bottom: -1rem;
}
.fav_text {
	background-size: auto 80%;
	background-position: right -3rem bottom;
	font-size: 1.125rem;
	padding: 1.25rem;
}
.fav_text del {
	width: calc(100%*4 + 1.25rem*6);
	left: initial;
	bottom: -9.4rem;
	right:0;
}
/* cargo */
.cargo_text h2 {
	width: 100%;
}
.cargo_text p {
	width: 100%;
	padding-right: 15rem;
}
.cargo_slide {
    max-width: 100%;
    margin: 2.8rem auto 0;
}

/* big_form */
.bf_heading {
	font-size: 1.5rem;
}
.img_map {
	top: -9.5rem;
	left: 25vw;
}
.big_form {
	max-width: 805px;
	width: 100%;
}
.bf_wrap {
	max-width: 800px;
}
/* eco */
.eco_zag {
	margin: 0rem 0 0 0;
}
.eco_num {
	display: none;
}
.eco_item .text {
	margin: 9rem 0 0 0rem;
}
.eco_item {
	background-position: right -10.5rem top 3rem;
	background-size: auto 100%;
}
/* park */
.park_el img {
	max-width: 80%;
	max-height: 80%;
}
.park_logo {
	max-width: 688px;
}
.park_el {
	height: 172px;
}
.park_logo::before {
	background-size: 100% 172px;
}
.park_logo::after {
	background-size: calc(688px / 4) 100%;
}
.plus_grid {
	background-position: left center,left calc(688px / 4) center,left calc(688px / 4*2) center,left calc(688px / 4 *3) center,calc(688px ) center;
	top: calc(173px - 1rem);
}
#park picture img {
	width: 320px;
}

/* ser */
.ser_wrap {flex-wrap: wrap;}
.ser_zag {min-width: 100%;}
.ser_zag h2 br {display:none;}
.ser_zag h2 {margin-bottom: 1rem;}
.ser_list::before {display: none;}
.ser_list {padding: 1.5rem 0rem;}
.ser_img {height: 133px;}
.dir_l {
	max-width: 30%;
	position: relative;
}
.dir_1 img {max-width: 100%;}
.dir_fio {padding-right: 0;}
.dir_wrap {max-width: 688px;}
.dir_2 img {max-width: 100%;}
.dir_2 {
	top: 12.8rem;
	right: -2.3rem;
	width: 9rem;
}

/* sot */
.sot_zag {
	padding-right: 15rem;
}
.sot_name {
	font-weight: normal;
	line-height: 1.2;
}

/* client */
.cl_el img {
	max-width: 70%;
	max-height: 70%;
}
.cl_el {
	height: 172px;
}
.cl_wrap {
	max-width: 688px;
}
.cl_wrap::before {
	background-size: 100% 172px;
}
.cl_wrap::after {
	background-size: calc(688px / 4) 100%;
	background-position: -2.1rem top;
}
#client .plus_grid {
	height: calc(100% - 300px);
	background-position: left top, left 172px, left 344px, left 416px;
	top: calc(173px - 1rem);
}

/* otz */
#pis {
	padding-top: 3rem;
	background: #2f2a34;
}
.otz_zag {
	padding-right: 15rem;
}
.pis_name {
	font-size: 1rem;
}

/* opf */

.opf_block strong .text_color {font-size: 3rem;}
.opf_block {padding: 1.4rem 0.5rem 0.6rem;}

.opf_wrap {
	max-width: 100%;
	padding-right: 0;
}
.opf_wrap::before {
	right: -3rem;
	width: calc(100% + 6rem);
}
.opf_text p br {display:none;}
.opf_block {width: 40%;}
.opf_form {
	margin: -15rem 0 0 auto;
}

.opf_img_1 img {
	max-width: 100%;
}
.opf_img_1 {
	left: 3vw;
	top: -3rem;
	max-width: 800px;
}

/* 404 */
.big_text {
	font-size: 16rem;
	margin-top: 5rem;
}
/****************************************************/	
}

/*
==============================
	sm 767 - Фаблеты	(500)
==============================
*/
@media (max-width: 767px) {
/* offer */
.off_text h1 {
	font-size: 2rem;
}
.off_img_1 img {
	width: 100%;
}
.off_img_1 {
	left: 32vw;
	right: inherit;
	top: 6rem;
	width: 80%;
}
.off_text p {
	font-size: 0.8rem;
}

/* fav */
.fav_list {
	flex-wrap: wrap;
	max-width: 536px;
	margin: auto;
}
.fav_item {
	width: 50%;
}
.fav_text::before {
	display: none;
}
.fav_text del {
	width: calc(100%*2 + 1.25rem*2);
}

/* cargo */
.zag h2 {
	font-size: 2rem;
}
.cargo_text h2 {padding-right: 0;}

/* big_form */
#big_form {
	padding-top: 0;
}
.form1_zag {
	font-size: 1rem;
}
.big_form {
	margin-top: 1rem;
}
.line_2 > div {
	width: calc(100% / 2 - 0.6rem);
}
.bf_from {
	margin-right: 0;
}
/* eco */
.eco_item .text i, .eco_item .text em {
	font-size: 1.5rem;
}
.eco_item .text {
	margin: 4rem 0 0 0rem;
}
.eco_item {
	background-position: right -6.5rem top 3rem;
	background-size: auto 70%;
}
.eco_slide {
	margin: -3rem auto 0;
	max-width: 600px;
}
/* park */
#park {
	z-index: 1;
	padding-bottom: 3rem;
}
.park_logo {
	max-width: 436px;
}
.park_el {
	height: 109px;
}
.plus_grid {
	display: none;
}
.park_logo::before {
	background-size: 100% 109px;
}
.park_logo::after {
	background-size: calc(436px / 4) 100%;
}
.park_img_1 {
	left: -7.5rem;
}
.park_img_2 {
	right: -7.6rem;
}
.park_btn {display: block;}
.park_text {
	margin-right: 0;
}
.park_btn .btn_wrap {
	min-width: 14.5rem;
	max-width: 15rem;
	margin: 1rem auto 0;
}

/* ser */
.ser_list {
	flex-wrap: wrap;
	justify-content: center;
}
.ser_item {
	width: calc(100% / 2 - 2rem);
}

/* dir */
#dir {
	padding-bottom: 3rem;
	padding-top: 1rem;
}
.dir_zag h2 {
	margin-top: 0;
}
.dir_zag em, .dir_zag i {
	display: block;
	font-style: normal;
	font-size: 1rem;
	margin: 1rem 0 1.5rem 0;
}

/* sot */
#sot {
	padding-top: 3rem;
}
.sot_zag {
	padding-right: 0;
}
.sot_zag p {
	padding-right: 14rem;
	font-size: 1rem;
}
.sot_name {
	font-weight: normal;
	line-height: 1.2;
	font-size: 0.8rem;
}
/* client */
#client {
	padding-bottom: 4rem;
}
.cl_wrap {
	max-width: 436px;
}
.cl_el {
	height: 109px;
}
.cl_el::before {
	display: none;
}
.cl_wrap::before {
	background-size: 100% 109px;
}
.cl_wrap::after {
	background-size: calc(436px / 4) 100%;
	background-position: -0.8rem top;
}
.cl_btn {
	margin-top: 1.2rem;
}
.cl_wrap::before, .cl_wrap::after {
	height: calc(100% + 80px + 0rem);
}
/* pis */
.otz_zag {
	padding-right: 0;
	max-width:436px;
}
.pis_slide .slick-arrow {
	top: -5rem;
}
.pis_slide .slick-dots {
	bottom: initial;
	top: -5rem;
	right: 0.7rem;
}

/* opf */
.opf_block {
	width: 100%;
}
.opf_form {
	margin: 0rem 0 0 auto;
}
.opf_img_1 {
	left: -11vw;
	top: 11rem;
	max-width: 800px;
}


/***********************************************************/	
}
/*
==============================
	xs 700 
==============================
*/
@media (max-width: 700px) {
/*.line_3 {display: block;}*/
.line_3 .bf_btn, .line_4 .bf_btn {width: 100%;}
.bf_phone {width: 100%;}
.bf_btn {width: 100%;}
.line_4 .bf_phone {
	width: 100%;
}



/*************************************************/	
}

/*
==============================
	xs 499 - Смартфоны	(360, 414)
==============================
*/
@media (max-width: 499px) {
/* header */
.col-city {
	display: none;
}
#header .logo {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 4rem;
	flex: 0 0 4rem;
}
#header .content .contacts {
	margin-right: 3.5rem;
}
#header {
	padding: 1rem 0px 1rem;
}
/* offer */

.off_text h1 del {
	font-size: 1.5rem;
	padding: 0.5rem 0.8rem 0.8rem;
	max-width: 240px;
}
.off_text h1 {
	font-size: 1.5rem;
}
.off_text p {
	font-size: 0.8rem;
	max-width: 50%;
}
.loupe span::before {display: none;}
.loupe span {
	padding: 1rem;
}
.off_img_1 {
	min-width: 330px;
}

/* fav */
.fav_text {
	background-size: auto 80%;
	background-position: right -3rem bottom;
	font-size: 1rem;
	padding: 1.25rem;
}

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

/* cargo */
.cargo_text p {
	padding-right: 0;
}
.cargo_text {
	font-size: 1rem;
}
.cargo_slide {
    margin: 6.8rem auto 0;
}
.cargo_slide .slick-next {top: -4.4rem;}
.cargo_slide .slick-prev {top: -4.4rem;}
.cargo_slide .slick-dots {top: -4.5rem;}
.cargo_item:hover {
	background-position: right 0rem top 0;
}
.cargo_slide .slick-slide {
     margin: 0;
}
/* big_form */
.big_form_wrap {
	padding: 1rem 1rem 3rem;
}
.line_3 > div {
	width: calc(100%);
}
/* eco */
.eco_item .text {
	width: 100%;
	max-width: initial;
}
.eco_item .text br {display:none;}
.eco_item {
	background-position: center top 10rem;
	background-size: auto 60%;
}
.eco_item .text i, .eco_item .text em {
	font-size: 1.25rem;
}

/* park */
.park_zag p {
	font-size: 1rem;
}
.park_logo {
	max-width: 290px;
}
.park_el {
	height: 145px;
	width: 50%;
}
.park_logo::before {
	background-size: 100% 145px;
}
.park_logo::after {
	background-size: calc(290px / 2) 100%;
}
.park_img_1 {display: none;}
.park_img_2 {display: none;}

/* ser */
.ser_item {
	width: 100%;
	margin: 0 0 1rem 0;
}
.ser_list {
	max-width: 290px;
	margin: 0 auto;
}
.ser_item .text i, .ser_item .text em {font-size: 1.25rem;}
.ser_item .text br {display:none;}
.ser_zag h2 {
	text-align: center;
}

/* dir */
.dir_wrap {
	max-width: 414px;
	display: block;
	margin: auto;
}
.dir_l {
	max-width: 100%;
	position: relative;
}
.dir_2 {
	display: none;
}
.dir_r {
	margin-left: 0;
	margin-top: 2rem;
	width: 100%;
}
.dir_btn_wrap {
	margin-top: 0rem;
	text-align: center;
}
.dir_btn {
	padding: 1rem 1.5rem;
}

/* sot */
.sot_zag p {
	padding-right: 0;
	font-size: 1rem;
}
.sot_slide {
	margin: 6.5rem 0 0;
}
/* client */
.cl_zag p {
	font-size: 1rem;
}

.cl_wrap {
	max-width: 290px;
}
.cl_el {
	width: calc(100% / 3);
}
.cl_el {
	height: 97px;
}
.cl_wrap::before {
	background-size: 100% 97px;
}
.cl_wrap::after {
	background-size: calc(290px / 3) 100%;
	background-position: -1.8rem top;
}
/* pis */
.pis_slide {
	margin-top: 7rem;
}
/* opf */
#opf {
	padding-bottom: 1rem;
}
.opf_block {
	margin: 1rem auto;
}
.opf_img_1 {
	display: none;
}
.opf_form {
	margin: 0rem auto 0;
	max-width: 400px;
}
.btn span {
	padding: 1.5rem 1rem 1.3rem;
	text-transform: uppercase;
}

/* 404 */
.red_text {font-size: 1.75rem;}
.big_text {
	font-size: 11rem;
	margin-top: 5rem;
	margin-bottom: 0;
}

.simple_text {
	font-size: 1.75rem;
	margin-bottom: 2rem;
}
/*************************************************/	
}


/*
==============================
	xs 359 - Смартфоны	(320)
==============================
*/
@media (max-width: 359px) {
}

/* animation */
.animated * {
	animation-timing-function: ease; 
	animation-duration: 1000ms; /* время действия */
	animation-delay: 0ms; /* время задержки */
	animation-fill-mode: backwards, forwards; /* поведение до и после аниации */
	animation-iteration-count: 1; /* количество повторов */
	animation-direction: normal /* направление анимации */
}

.off_img_1 {
	animation-name: fromRight;
	animation-timing-function: ease; 
	animation-duration: 1500ms; /* время действия */
	animation-fill-mode: backwards, forwards; /* поведение до и после аниации */
	
}
.off_text h1 {
	animation-name: fadeIn;
	animation-timing-function: ease; 
	animation-duration: 1500ms; /* время действия */
	animation-delay: 1250ms; /* время задержки */
	animation-fill-mode: backwards, forwards; /* поведение до и после аниации */
	
}
.off_text h1 p {
	animation-name: fromBottom;
	animation-timing-function: ease; 
	animation-duration: 1500ms; /* время действия */
	animation-delay: 500ms; /* время задержки */
	animation-fill-mode: backwards, forwards; /* поведение до и после аниации */
	
}
.offer_wrap .btn_wrap {
	animation-name: fromBottom;
	animation-timing-function: ease; 
	animation-duration: 1500ms; /* время действия */
	animation-delay: 750ms; /* время задержки */
	animation-fill-mode: backwards, forwards; /* поведение до и после аниации */
	
}
.off_sub_btn {
	animation-name: fromBottom;
	animation-timing-function: ease; 
	animation-duration: 1500ms; /* время действия */
	animation-delay: 1000ms; /* время задержки */
	animation-fill-mode: backwards, forwards; /* поведение до и после аниации */
	
}

.animated.ser_item{
	animation-name: fadeIn;
	animation-timing-function: ease; 
	animation-duration: 600ms; /* время действия */
	animation-delay: 0ms; /* время задержки */
	animation-fill-mode: backwards, forwards; /* поведение до и после аниации */
}
.animated.ser_item.el_2{animation-delay: 200ms; /* время задержки */}
.animated.ser_item.el_3{animation-delay: 400ms; /* время задержки */}



.animated.dir_l {
	animation-name: fromLeft;
	animation-timing-function: ease; 
	animation-duration: 600ms; /* время действия */
	animation-delay: 0ms; /* время задержки */
	animation-fill-mode: backwards, forwards; /* поведение до и после аниации */
}
.animated.dir_2 {
	animation-name: fromRight;
	animation-timing-function: ease; 
	animation-duration: 600ms; /* время действия */
	animation-delay: 300ms; /* время задержки */
	animation-fill-mode: backwards, forwards; /* поведение до и после аниации */
}

.animated.opf_img_1 {
	animation-name: fromRight;
	animation-timing-function: ease; 
	animation-duration: 1500ms; /* время действия */
	animation-delay: 00ms; /* время задержки */
	animation-fill-mode: backwards, forwards; /* поведение до и после аниации */
}



.favor_img_1 {
	animation-name: pack;
	animation-timing-function: ease; 
	animation-duration: 4000ms; /* время действия */
	animation-fill-mode: backwards, forwards; /* поведение до и после аниации */
	animation-iteration-count: infinite;
}
.img_map::before {
	animation-name: track;
	animation-timing-function: linear; 
	animation-duration: 6000ms; /* время действия */
	animation-fill-mode: backwards, forwards; /* поведение до и после аниации */
	animation-iteration-count: infinite;
}
.opf_block::before {
	animation-name: blink;
	animation-timing-function: linear; 
	animation-duration: 3000ms; /* время действия */
	animation-fill-mode: backwards, forwards; /* поведение до и после аниации */
	animation-iteration-count: infinite;
}
.opf_block::after {
	animation-name: blink;
	animation-timing-function: linear; 
	animation-duration: 3000ms; /* время действия */
	animation-fill-mode: backwards, forwards; /* поведение до и после аниации */
	animation-iteration-count: infinite;
}




@keyframes pack {
  0% {
	opacity:0; 
	transform: scale(1.2);
	
  }
  25% {
	transform: scale(1);
	opacity:1; 
	
	
  }
  75% {
	transform: scale(0.4) translateY(34rem);
	
 }
 100% {
	transform: scale(0.4) translateY(40rem);
	opacity: 0;
	}
}


@keyframes track {
  0% {
	transform: scale(0);
	opacity:0;
	
  }	
  7% {
	transform: scale(1);  
	left: 0%;
	top: 0%;
	opacity:1;
	
  }
  14% {
	left: 4.3%;
	top: 0.2%;
  }
  26% {
	left: 12.3%;
	top: 0.2%;  
 }
 38% {
	left: 12.3%;
	top: 0.2%;
	}
 50% {
	left: 21.4%;
	top: 3.6%;
	}
 62% {
	left: 31.4%;
	top: 0.6%;
	}	
 74% {
	left: 38.4%;
	top: 1.8%;
	}	
 86% {
	left: 41%;
	top: 5.1%;
	opacity:1; 
	transform: scale(1);
	}
 100% {
	 transform: scale(0);
	 opacity:0
 }
}


@keyframes blink {
  0% {
	opacity:0; 
  }
  10% {
	opacity:1; 
  }
  60% {
	opacity:1; 
	
 }
 70% {
	opacity:0; 
	}
 80% {
	opacity:1; 
	}	
 90% {
	opacity:0; 
	}		
 100% {
	opacity:1; 
	}			
}
	





@keyframes fromLeft {
  0% {
	 opacity:0; 
	 transform:translateX(-16px);
  }
  100% {
	opacity:1; 	
    transform:translateX(0);
  }
}

@keyframes fromRight {
  0% {
	 opacity:0; 
	 transform:translateX(16px);
  }
  100% {
	opacity:1; 	
    transform:translateX(0);
  }
}
@keyframes fromTop {
  0% {
	 opacity:0; 
	 transform:translateY(-16px);
  }
  100% {
	opacity:1; 	
    transform:translateY(0);
  }
}
@keyframes fromBottom {
  0% {
	 opacity:0; 
	 transform:translateY(16px);
  }
  100% {
	opacity:1; 	
    transform:translateY(0);
  }
}

@keyframes fade {
  0% {
	 opacity:0; 
  }
  100% {
	opacity:1; 	
  }
}

@keyframes fadeIn {
  0% {
	 opacity:0; 
	 transform:scale(1.1);
  }
  100% {
	opacity:1; 	
	transform:scale(1);
  }
}

@keyframes fadeInBlur {
  0% {
	 opacity:0; 
	 transform:scale(1.1);
	 filter:blur(5px);
  }
  25% {
	opacity:1; 	
	transform:scale(1);
	filter:blur(5px);
  
  }
  100% {
	opacity:1; 	
	transform:scale(1);
	filter:blur(0px);
  }
}
@keyframes fadeOut {
  0% {
	 opacity:0; 
	 transform:scale(0.9);
  }
  }
  100% {
	opacity:1; 	
	transform:scale(1);
  }
}

@keyframes fadeOutFull {
  0% {
	 opacity:0; 
	 transform:scale(0);
  }
  }
  100% {
	opacity:1; 	
	transform:scale(1);
  }
}