@charset "utf-8";

@import url('../fonts/fonts.css');

/* --------------- default --------------- */
* {
	margin: 0;
	padding: 0;
	outline: none;
}
html, body, div, span, h1, h2, h3, h4, h5, h6, p, em, img, strong, sub, sup, b, u, i,  dl, dt, dd, ol, ul, li, fieldset, form, label, table, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	background: transparent;
	font-size: 100%;
}
header, nav, section, article, aside, footer {
	display: block;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}

html {  
	height:100%; 
}
body {  
	position:relative; 
	height:100%; 
	font-family: 'Rubik';
	background: white;
	color: #242427;
	font-weight: normal;
	font-style: normal;
}
body *,
body *:before,
body *:after {
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;	
}

img { 
	border: none;
	max-width: 100%;
	vertical-align: bottom;
}

ul {
	list-style: none;
}

a { 
	text-decoration: none; 
	margin: 0; padding: 0;
}

.clear { 
	clear: both; 
	height: 0; 
	overflow: hidden; 
	font-size: 0;
}
.clearfix:after {
    content: "";
    display: table;
    clear: both;
}
.container {
	max-width: 1200px; 
	padding: 0 15px;
	margin-left: auto; margin-right: auto;
	position: relative;
}

::-webkit-input-placeholder {
	color: #242427;
	opacity: 0.8;
}
:focus::-webkit-input-placeholder {
	color: transparent;
}
::-o-input-placeholder{
	color: #242427;
	opacity: 0.8;
}
:focus::-o-input-placeholder {
	color: transparent;
}
::-moz-input-placeholder{
	color: #242427;
	opacity: 0.8;
}
:focus::-moz-input-placeholder {
	color: transparent;
}
:-moz-input-placeholder{
	color: #242427;
	opacity: 0.8;
}
:focus:-moz-input-placeholder {
	color: transparent;
}
::-ms-input-placeholder{
	color: #242427;
	opacity: 0.8;
}
:focus::-ms-input-placeholder {
	color: transparent;
}
input-placeholder {
	color: #242427;
	opacity: 0.8;
}
:focus:input-placeholder {
	color: transparent;
}
::placeholder {
	color: #242427;
	opacity: 0.8;
}
:placeholder-shown {
	color: #242427;
	opacity: 0.8;
}

input[placeholder]          {text-overflow:ellipsis;}
input::-moz-placeholder     {text-overflow:ellipsis;} 
input:-moz-placeholder      {text-overflow:ellipsis;} 
input:-ms-input-placeholder {text-overflow:ellipsis;}




.but,
input[type=submit] {
	-webkit-transition:  all 0.3s ease-in-out;
	-moz-transition:  all 0.3s ease-in-out;
	-o-transition:  all 0.3s ease-in-out;
	-ms-transition:  all 0.3s ease-in-out;
	transition:  all 0.3s ease-in-out;	
}
input, button { -webkit-appearance: none;}

/* wrapper
-------------------------------*/
.wrapper {
	min-height: 100%; 
	/*width: 100%;  */
	max-width: 1920px; margin: 0 auto;
	position: relative; 
	z-index: 0;
	overflow: hidden;
}


.laptop_h,
.tablet_h,
.mobile_xl,
.mobile_lg,
.mobile_md,
.mobile_sm {
	display: none !important;
}
.laptop-i,
.tablet-i,
.mobile_xl-i,
.mobile_lg-i,
.mobile_md-i,
.mobile_sm-i {
	display: none !important;
}

#fancybox-wrap {
    -webkit-box-sizing: initial;
    -moz-box-sizing: initial;
    box-sizing: initial;

}
#fancybox-overlay {
	z-index: 11000 !important;
}
#fancybox-wrap {
	z-index: 11010 !important;
}


.nowrap {
	white-space: nowrap;
}
.pd_box {
	padding: 110px 0;
}

.title-section {
	margin-bottom: 100px;
	text-align: center;
}
.title-section-b {
	font-family: Erbaum;
	font-style: normal;
	font-weight: bold;
	font-size: 36px;
	line-height: 1.44;
}
.title-section-b .fs-big {
	font-size: 50px;
}
.title-section-b .fw-light {
	font-weight: 300
}
.title-section-m {
	margin-top: 15px;
	font-family: Erbaum;
	font-size: 28px;
	line-height: 1.32;
}

.c_white {
	color: #fff;
}
.text-center {
	text-align: center;
}
.text-left {
	text-align: left;
}


input[type=text],
input[type=tel],
textarea {
	background-color: #FFFFFF;
	border: 1px solid #CACACA;
	height: 46px; line-height: 44px;
	font-size: 18px;
	font-family: 'Rubik';
	padding: 0 15px 0 15px;
	width: 100%;
}
textarea {
	line-height: normal;
	resize: none;
	padding: 8px 15px;
	height: 80px;
}
input[type=text].error,
input[type=tel].error,
textarea.error {
	background: #fedada;
	border: 1px solid red;
}
.btn {
	font-family: Rubik;
	font-style: normal;
	font-weight: 500;
	font-size: 18px;
	color: #fff;
	border: none;
	text-align: center;
	padding: 19px 40px 20px;
	background-color: #E56813;
	display: inline-block;
	margin-top: 30px;
	cursor: pointer;
	outline: none;
	-webkit-transition:  all 0.3s ease-in-out;
	-moz-transition:  all 0.3s ease-in-out;
	-o-transition:  all 0.3s ease-in-out;
	-ms-transition:  all 0.3s ease-in-out;
	transition:  all 0.3s ease-in-out;	
}
button.btn {
	margin-top: 10px;
}
.btn.h50 {
	padding-top: 14px;
	padding-bottom: 15px;
}
.btn.w_all {
	width: 100%;
	padding-left: 15px;
	padding-right: 15px;
}
.btn:hover {
	background-color: #FC6E0D;
}
.btn.btn_white {
	background: #fff;
	color: #1D1C3B;
	border: 2px solid #242427;
	padding-top: 17px;
	padding-bottom: 18px;
}
.btn.btn_white.h50 {
	padding-top: 12px;
	padding-bottom: 13px;
}
.btn.btn_white:hover {
	/*background-color: #242427;
	*/
	color: #fff;
	border-color: #FC6E0D;
	background-color: #FC6E0D;
}
.box__form-btn {
	float: right;
	margin-top: 10px;
}


.btn-link {
	text-decoration-line: underline;
	font-weight: 500;
	font-size: 18px;
	color: #E56813;
	margin-top: 20px;
	text-align: center;
	cursor: pointer;
	display: inline-block;
}
.btn-link:hover {
	text-decoration: none;
}

.box__form {
	background: #fff;
	display: block;
	max-width: 555px;
	box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.201623);
	padding: 40px 50px 55px;
	position: relative;
}
.box__form * {
	
	position: relative;
}
.box__form-type_1:before {
	position: 	absolute;
	left: 0; bottom: 0;
	border-left: 150px solid #F8F8F8;
	border-top: 235px solid transparent;
	z-index: 0;
	content: '';
} 
.box__form-type_1:after {
	position: 	absolute;
	right: 0; top: 0;
	border-right: 57px solid #F8F8F8;
	border-bottom: 80px solid transparent;
	z-index: 0;
	content: '';
} 
.box__form-type_popup {
	padding-top: 60px;
	padding-bottom: 60px;
}
.box__form-type_popup:before {
	position: 	absolute;
	left: 0; bottom: 0;
	border-left: 180px solid rgba(0,0,0,0.03);
	border-top: 300px solid transparent;
	z-index: 0;
	content: '';
} 
.box__form-type_popup:after {
	position: 	absolute;
	right: 0; top: 0;
	border-right: 75px solid rgba(0,0,0,0.03);
	border-bottom: 120px solid transparent;
	z-index: 0;
	content: '';
} 
.box__form-type_popup form {
	max-width: 440px;
	margin: 0 auto;
}
.box__form-title {
	margin-bottom: 45px;
}
.box__form-title_b {
	font-family: Erbaum;
	font-style: normal;
	font-weight: bold;
	font-size: 28px;
}
.box__form-title_m {
	font-size: 20px;
	margin-top: 10px;
}
.row-input {
	margin-bottom: 20px;
}
.line_var-input {
	display: grid;
	grid-template-columns: 220px 1fr;
}
.variant_input {
	position: relative;
}
.variant_input.dropdown {
}
.variant_input .ac_in {
	background: url(../images/ac_in-drop.svg) no-repeat right 10px center;
	background-color: #FFFFFF !important;
	border: 1px solid #CACACA;
	border-right: none;
	height: 46px; line-height: 44px;
	font-size: 18px;
	padding: 0 35px 0 15px;
	cursor: pointer;
	z-index: 9;
}
.variant_input.dropdown .ac_in {
	background: url(../images/ac_in-up.svg) no-repeat right 10px center;
}
.variant_input .bl_item {
	position: absolute;
	top: 100%; left: 0px;
	margin-top: -1px;
	width: calc(100% + 1px);
	display: none;
	background-color: white;
	border: 1px solid #CACACA;
	border-top: none;
	z-index: 20;
}
.variant_input.dropdown .bl_item {
	
}
.variant_input .item_var {
	height: 38px; line-height: 38px;
	border-bottom: none;
	padding: 0 15px;
	margin: 0;
	background-color: white;
	font-size: 18px; color: #292929;
	cursor: pointer;
}
.variant_input .item_var:hover {
	/*background-color: #ebf3f8;*/
} 
.variant_input .item_var.active {
	display: none;
}
.variant_input .item_var:hover {
	color: #E56813;
}

.in_sv {
	display: none;
}
.in_sv.active {
	display: block;
}
.in_sv {
	overflow: hidden;
}

.pl-form {
	height: 46px; line-height: 46px;
	padding: 0 20px 0 10px;
	position: absolute;
	top: -24px; right: -10px;
	font-size: 21px; color: white;
	font-weight: 700;
	/*border-radius: 0 4px 4px 0;*/
	background: #EF5B43;
	background: -webkit-linear-gradient(left, #EF5B43, #DA2E20);
	background: -moz-linear-gradient(left, #EF5B43, #DA2E20);
	background: linear-gradient(to right, #EF5B43, #DA2E20);
	z-index: 10;
}
.pl-form span {
	font-size: 0.6em;
	position: relative;
	top: -5px;
}
.pl-form:before {
	position: absolute;
	height: 46px;
	border-bottom: 46px solid transparent;
	border-right: 27px solid #EF5B43;
	top: 0; right: 100%; margin-right: -1px;
	content: ''; 
}
.pl-form:after {
	position: absolute;
	height: 10px;
	border-bottom: 10px solid transparent;
	border-left: 10px solid #780E06;
	bottom: -10px;
	right: 0;
	content: '';
}


/***************************************************
slick
****************************************************/
.slick-slider
{
    position: relative;
	width: 100%;
    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;
    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}
.slick-slide
{
    display: none;
    float: left;
    height: 100%;
}
.slick-slide img
{
	max-width: 100%;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    left: 50%; 
    margin-left: 575px;
    margin-top: -30px;
    display: block;
    width: 50px;
    height: 50px;
    padding: 0;
	z-index: 1;
    cursor: pointer;
    color: transparent;
    border: 2px solid #AEAEAE;
    outline: none;
    background: url(../images/icon/arrow-grey.svg) no-repeat center center;
    
}
.slick-prev {
    margin-top: 30px;
	transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
}
.slick-prev:hover,
.slick-next:hover {
	background: url(../images/icon/arrow-or.svg) no-repeat center center;
	border-color: #FD7013;
}
.slick-dots {
	margin-top: 20px;
	text-align: center;
}
.slick-dots li {
	display: inline-block;
	margin: 0 3px;
	outline: none;
}
.slick-dots button {
	width: 15px; height: 2px;
	border: none;
	background-color: #b4bbbe;
	outline: none;
	font-size: 0;
	cursor: pointer;
}
.slick-dots .slick-active button {
	background-color: #E56813;
}


/* main
-------------------------------*/

header    { 
	position: relative;
	padding-top: 15px;
}
.header__grid {
	/*display: grid;
	grid-template-columns: auto auto;*/
	display: flex;
	align-items: center;
	justify-content: space-between;
	grid-gap: 15px;
}
.header__site_name {
	display: grid;
	grid-template-columns: 120px auto;
	align-items: center;
	grid-gap: 20px;
}
.header__site_name-t {
	margin-left: 155px;
	font-size: 20px;
	color: #242427;
}
.header__call {
	text-align: right;
}
.header__phone {
	font-size: 30px; color: #242427;
	white-space: nowrap;
}
.header__call-btn {
	text-decoration-line: underline;
	font-size: 20px; color: #E56813;
	cursor: pointer;
	margin-top: 5px;
}
.header__call-btn:hover {
	text-decoration: none;
}

.header__lang {
  margin-left: auto;
  margin-right: 30px;
}
.header__lang ul {
  display: flex;
  align-items: center;
}
.header__lang li {
  margin-left: 8px;
}
.header__lang li a {
  color: #000; font-size: 20px;
  opacity: 0.3;
  transition: all 0.2s ease-in-out;
}
.header__lang li a:hover {
  opacity: 1;
}
.header__lang li.active a {
  opacity: 1;
  font-weight: bold;
}


.header__menu-togger {
 display:none
}
.header__navfix-head {
 display:none
}
.header__menu {
	padding-right: 100px;
	padding-left: 250px;
	margin-top: -10px;
	height: 64px;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
}
.header__menu ul {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 justify-content: space-between;
 width: calc(100% + 30px);
 margin: 0 -15px;
}
.header__menu li {
 margin:0 15px;
 overflow:hidden
}
.header__menu li a {
 font-weight: 500;
font-size: 20px;
color: #242427;
 -webkit-transition:all .3s ease-in-out;
 -o-transition:all .3s ease-in-out;
 transition:all .3s ease-in-out;
 position:relative
}
.header__menu li a:hover {
 color:#000;
 text-decoration: underline;
}
.header__menu li a:before {
 position:absolute;
 left:0;
 bottom:-4px;
 height:1px;
 width:0;
 content:"";
 -webkit-transition:all .3s ease-in-out;
 -o-transition:all .3s ease-in-out;
 transition:all .3s ease-in-out
}
.header__menu li a:hover:before {
 width:100%
}
.header__menu li.active a {
 color:#000
}



footer    { 
	position: relative;
	padding-bottom: 50px;
	background: #EEEEEE;
}
.footer__grid {
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	align-items: center;
	justify-content: space-between;
	grid-gap: 30px;
}
.footer__site_name {
	/*display: grid;
	grid-template-columns: 120px auto;
	align-items: center;
	grid-gap: 20px;*/
}
.footer__site_name-t {
	/*margin-left: 110px;*/
	font-size: 20px;
	color: #242427;
}
.footer__call {
	text-align: right;
}
.footer__phone {
	font-size: 30px; color: #242427;
}
.footer__call-btn {
	text-decoration-line: underline;
	font-size: 20px; color: #E56813;
	cursor: pointer;
	margin-top: 5px;
}
.footer__call-btn:hover {
	text-decoration: none;
}



/****************************************************************************
section__main
****************************************************************************/
.section__main {
	/*min-height: 800px;*/
	background: url(../images/bg_main.jpg) no-repeat top center;
	background-color: #EEEEEE !important;
	position: relative;
}
.section__main-graffity {
	position: absolute;
	right: 50%; bottom: 55px;
	margin-right: 65px;
	z-index: 5;
}
.section__main-content {
	padding-top: 45px;
	max-width: 685px; width: 100%;
	float: right;
}
.section__main-title {
	font-family: Erbaum;
	font-weight: bold;
	font-size: 74px;
	color: #fff;
	line-height: 1;
	position: relative;
	z-index: 1;
	margin-bottom: 20px;
}
.ua .section__main-title {
	font-size: 60px;
	padding-top: 5px;
}
.section__main-title:after {
	position: absolute;
	top: -7px; left: -59px;
	width: 738px; height: 88px;
	background: url(../images/main-title-bg.png) no-repeat;
	content: '';
	z-index: -1;
}
.section__main-title_desc {
	font-family: Erbaum;
	font-size: 40px;
	font-weight: bold;
	margin-bottom: 25px;
}
.ua .section__main-title_desc {
	font-size: 34px;
}
.section__main-desc {
	font-size: 20px;
	margin-bottom: 65px;
}
.section__main-box__form {
	background: url(../images/form-main-bg.png) no-repeat top right;
	background-color: #fff;
	max-width: 100%;
	top: 10px; margin-top: -10px;
}
.section__main-box__form:before {
	position: 	absolute;
	left: 0; bottom: 0;
	border-left: 195px solid #F8F8F8;
	border-top: 300px solid transparent;
	z-index: 0;
	content: '';
} 


/****************************************************************************
section_service
****************************************************************************/
.section_service {
	background: #EEEEEE;
}
.section_service-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 30px;
	/*width: calc(100% + 30px);
    margin: -20px 0 -20px -15px;*/
	position: relative;
}
.carousel-service .slick-track {
    display: flex !important;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
}
.carousel-service .slick-list {
	
}
.carousel-service .slick-slide {
	margin: 0 15px;
	/*padding: 20px 0;*/
	height: auto;
}
.section_service-item {
	display: grid;
	grid-template-rows: auto 1fr auto;
	background-color: #fff !important;
	padding: 30px 30px;
	box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.19717);
	max-width: 570px;
	height: 100%;
}
.section_service-item-1 {
	/*background: url(../images/service-bg1.png) no-repeat top center;*/
}
.section_service-item-2 {
	/*background: url(../images/service-bg2.png) no-repeat top center;*/
}
.section_service-item-3 {
	/*background: url(../images/service-bg3.png) no-repeat top center;*/
}
.section_service-item__head {
	display: grid;
	grid-template-columns: auto 1fr;
	grid-gap: 30px;
	align-items: center;
	margin-bottom: 25px; 
}
.section_service-item__icon {
	height: 66px;
	display: grid;
	align-items: center;
	justify-content: center;
	/*margin-bottom: 35px;*/
}
.section_service-item__icon img {
	max-height: 100%;
}
.section_service-item__name {
	font-weight: 500;
	font-size: 20px;
	/*margin-bottom: 30px;*/
	line-height: 1.1;
}
.section_service-item__text {
	font-size: 18px;
	line-height: 1.44;
	margin-bottom: 35px;
}
.section_service-item__price {
	/*display: grid;
	grid-template-columns: auto auto;
	grid-gap: 15px;*/
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	font-size: 20px;
}
.section_service-item__price .numb {
	margin-left: 15px;
	font-weight: 500;
	font-size: 24px;
	display: grid;
	grid-template-columns: auto auto;
	align-items:  center;
	grid-gap: 7px;
}
.section_service-item .btn {
	padding-left: 10px; padding-right: 10px;
	max-width: 240px; width: 100%;
	margin-top: 0;
	margin-left: auto;
}



/****************************************************************************
section__install
****************************************************************************/
.section__install {

}
.section__install-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 50px;
	grid-row-gap: 60px;
}
.section__install-item {
	display: grid;
	grid-template-columns: 55px 1fr;
	grid-column-gap: 35px;
}
.section__install-item-name {
	font-weight: 500;
	font-size: 20px;
	line-height: 1.2;
	margin-bottom: 20px;
}
.section__install-item__text {
	font-size: 18px;
	line-height: 1.44;
	max-width: 420px;
}
.section__install-item__text b {
	font-weight: 500;
}


/****************************************************************************
section__form
****************************************************************************/
.section__form {
	min-height: 800px;
	background: url(../images/bg_box_form.jpg) no-repeat top center;
	padding-top: 85px;
	position: relative;
}
.section__form-illustr {
    position: absolute;
    left: 50%;
    bottom: 35px;
    z-index: 5;
}
.section__form-illustr-2 {
	bottom: 80px;
	margin-left: 110px;
}




/****************************************************************************
section__process
****************************************************************************/
.section__process {
	background: #EEEEEE;
}
.section__process-items {
	margin-bottom: 30px;
}
.section__process-item {
	/*float: right;*/
	position: relative;
}
.section__process-item__align {
	display: grid;
	grid-template-columns: auto 1fr;
	grid-gap: 25px;
	width: 50%;
	float: right;
	position: relative;
	padding: 0px 0px 30px 60px;
}
.section__process-item:nth-child(2n) .section__process-item__align {
	float: left;
	padding-left: 0; padding-right: 60px;
	text-align: right;
	grid-template-columns: 1fr auto;
}
.section__process-item:last-child .section__process-item__align {
	padding-bottom: 0;
}
.section__process-item__align:before {
	position: absolute;
	left: -1px; top: 25px;
	height: 100%; width: 2px;
	background: url(../images/Line.svg) no-repeat center center;
	/*border-left: 2px dashed #1D1C3B;*/
	content: '';
}
.section__process-item:nth-child(2n) .section__process-item__align:before {
	left: auto; right: -1px;
}
.section__process-item:first-child .section__process-item__align:before {
	height: calc(100% + 35px);
	top: -15px;
}
.section__process-item:last-child .section__process-item__align:before {
	height: 10px;
}
.section__process-item__numb {
	position: absolute;
	left: -15px; top: 15px;
	font-weight: 500;
	font-size: 16px; color: #fff;
	width: 30px; height: 30px;
	text-align: center;
	line-height: 30px;
	z-index: 1;
}
.section__process-item:nth-child(2n) .section__process-item__numb {
	left: auto; right: -15px;
} 
.section__process-item__numb:before {
	position: absolute;
	left: 100%; top: 50%;
	margin-top: -1px; margin-left: 10px;
	width: 13px; 
	border-bottom: 3px solid #1D1C3B;
	content: '';
}
.section__process-item:nth-child(2n) .section__process-item__numb:before {
	left: auto; right: 100%;
	margin-left: 0; margin-right: 10px;
}
.section__process-item__numb:after {
	position: absolute;
	left: 0; top: 0;
	background: #1D1C3B;
	transform: rotate(45deg);
	content: '';
	width: 100%; height: 100%;
	z-index: -1;
}
.section__process-item__icon {
	width: 50px;
	text-align: center;
	padding-top: 5px;
}
.section__process-item:nth-child(2n) .section__process-item__icon {
	grid-column: 2/3;
	grid-row: 1/2;
}
.section__process-item__name {
	font-weight: 500;
	font-size: 20px;
	line-height: 1.2;
	margin-bottom: 20px;
}
.section__process-item__text {
	font-size: 18px;
	line-height: 1.44;
}




/****************************************************************************
section__calc
****************************************************************************/
.section__calc {
	min-height: 800px;
	background: url(../images/bg_calc.jpg) no-repeat top center;
	padding-top: 100px;
	text-align: right;
}
.section__calc-content {
	max-width: 830px;
	display: inline-block;
	text-align: left;
	width: 100%;
	position: relative;
}
.section__calc-illustr {
    position: absolute;
    right: 100%;
    margin-right: -30px;
    top: 50px;
    z-index: 5;
}
.section__calc-grid {
	display: grid;
	grid-template-columns: 1fr 340px;
	grid-gap: 10px;
}
.section__calc-box__form {
	padding-left: 40px; padding-right: 40px;
}
.section__calc-box__form .btn {
	margin-top: 30px;
}
.section__calc-row_input {
	display: grid;
	grid-template-columns: 1fr 70px;
	align-items: center;
	grid-gap: 10px;
	font-size: 18px;
	line-height: 1.2;
}
.section__calc-row_input + .section__calc-row_input {
	margin-top: 30px;
}
.section__calc-result {
	background: #E3E3E3;
	box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.299989);
	padding: 30px 35px;
}
.section__calc-result__row + .section__calc-result__row {
	margin-top: 15px;
	padding-top: 15px;
	border-top: 1px solid #BDBDCC;
}
.section__calc-result__row-label {
	font-size: 18px;
	color: #989898;
	margin-bottom: 10px;
}
.section__calc-result__row-price {
	font-weight: 500;
	font-size: 26px;
}
.section__calc-result:not(.active)  .section__calc-result__row-price {
	color: #989898;
}
.section__calc-result__row-price .res-ok {
	display: none;
}
.active  .section__calc-result__row-price .res-no {
	display: none;
}
.active  .section__calc-result__row-price .res-ok {
	display: inline-block;
}
.section__calc-result .btn-link {
	display: none;
}
.section__calc-result.active .btn-link {
	display: inline-block;
}




/****************************************************************************
section__garantee
****************************************************************************/
.section__garantee {
	background: #EEEEEE;
}
.section__garantee-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 0px;
	justify-content: space-between;
	align-items: center;
}
.section__garantee-text {
	font-weight: 300;
	font-size: 24px;
	line-height: 1.8;
	text-align: right;
	position: relative;
	padding-right: 120px;
}
.section__garantee-text:after {
	position: absolute;
	top: 0;
	right: 0px;
	border-right: 1px solid #CACACA;
	height: 100%;
	content: '';
}
.section__garantee-text b {
	font-weight: 500;
}
.section__garantee-items {
	padding-left: 120px;
}
.section__garantee-item {
	display: grid;
	grid-template-columns: 50px 1fr;
	grid-gap: 50px;
	align-items: center;
}
.section__garantee-item + .section__garantee-item {
	margin-top: 40px;
}
.section__garantee-item__icon {
	text-align: center;
}
.section__garantee-item__name {
	font-weight: 500;
	font-size: 24px;
}
.section__garantee-item__text {
	font-size: 18px;
	margin-bottom: 5px;
}

.section__calc-box__form .pl-form {
	font-size: 18px;
}


/****************************************************************************
section__gallery
****************************************************************************/
.section__gallery {

}
.section__gallery-nav {
	display: grid;
	grid-gap: 30px;
	grid-template-columns: auto 1fr;
	margin-bottom: 60px;
}
.section__gallery-nav__t {
	padding: 7px 0;
	margin: 5px 0;
	font-weight: 500;
	font-size: 18px;
}
.section__gallery-nav__open {
	display: none;
}
.section__gallery-nav__item {
	padding: 7px 20px;
	font-size: 18px;
	float: left;
	margin: 5px;	
	background: #EEEEEE;
	border-radius: 17.5px;
	cursor: pointer;
}
.section__gallery-nav__item:hover,
.section__gallery-nav__item.active {
	color: #fff;
	background: #E56813;
}


.section__gallery-items {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 15px;
}
.section__gallery-item {
	overflow: hidden;
}
.section__gallery-item img {
	-webkit-transition:  all 0.3s ease-in-out;
	-moz-transition:  all 0.3s ease-in-out;
	-o-transition:  all 0.3s ease-in-out;
	-ms-transition:  all 0.3s ease-in-out;
	transition:  all 0.3s ease-in-out;	
}
.section__gallery-item:hover img {
	transform: scale(1.1);
}
.section__gallery-item a {
	position: relative;
	display: block;
}
.section__gallery-item a:before {
	position: absolute;
	left: 0; top: 0;
	width: 100%; height: 100%;
	background-color: black;
	opacity: 0;
	content: '';
	-webkit-transition:  all 0.3s ease-in-out;
	-moz-transition:  all 0.3s ease-in-out;
	-o-transition:  all 0.3s ease-in-out;
	-ms-transition:  all 0.3s ease-in-out;
	transition:  all 0.3s ease-in-out;
	z-index: 1;
}
.section__gallery-item:hover a:before {
	opacity: 0.2;
}
.show_gallery_more {
	display: inline-block;
	font-weight: 500;
	font-size: 18px;
	color: #E56813;
	margin-top: 50px;
	cursor: pointer;
}
.show_gallery_more img {
	vertical-align: middle;
	display: inline-block;
	margin-right: 15px;
}
.show_gallery_more span {
	vertical-align: middle;
	display: inline-block;
}



/****************************************************************************
maintenance
****************************************************************************/
.maintenance {

}
.maintenance__item {
	border-bottom: 1px solid #D3D3D3;
}
.maintenance__item.opened {
	background: #FAFAFA;
}
.maintenance__item-head {
	display: flex;
	align-items: center;
	min-height: 90px;
	padding: 10px 33px;
	cursor: pointer;
}
.maintenance__item .maintenance__item-head:after {
	flex: 0 0 16px;
	width: 16px; height: 9px;
	content: '';
	background: url(../images/drop.svg) no-repeat;
	transition: all 0.3s ease;
}
.maintenance__item.opened .maintenance__item-head:after {
	transform: rotate(180deg);
}
.maintenance__item-icon {
	flex: 0 0 30px;
	margin-right: 25px;
	display: flex;
	justify-content: center;
}
.maintenance__item-tp {
	display: flex;
	justify-content: center;
	align-items: center;
	flex: 1 0 0;
}
.maintenance__item-title {
	font-size: 20px; color: #242427;
	font-weight: 500;
	padding-right: 25px;
}
.maintenance__item-price {
	margin-left: auto;
	margin-right: 85px;
	height: 32px;
	line-height: 32px;
	background: #EEEEEE;
	border-radius: 15px;
	padding: 0 14px;
	font-weight: 500;
	font-size: 20px; color: #242427;
	transition: all 0.3s ease;
	white-space: nowrap;
}
.maintenance__item.opened .maintenance__item-price {
	background: #E56813;
	color: #fff;
}
.maintenance__item-body {
	padding: 0 33px 40px;
	display: none;
	font-size: 20px; color: #242427;
}
.maintenance__item-body li + li {
	margin-top: 20px;

}
.maintenance__item-body .btn {
	margin-top: 30px;

}

/****************************************************************************
section__contact
****************************************************************************/
.section__contact {
	background: #EEEEEE;
	position: relative;
}
.section__contact-grid {
	display: grid;
	grid-template-columns: 1fr 390px;
	grid-gap: 10px;
}
.section__contact-map {
	box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.19717);
}
.section__contact-bl_contact {
    padding: 40px 20px 45px 40px; 
    background: #28272D;
    z-index: 9;
}
.section__contact-bl_contact__title {
	font-family: Erbaum;
	font-weight: 300;
	font-size: 30px;
	color: #FFFFFF;	
	margin-bottom: 25px;
}
.section__contact-bl_contact__line {
	margin-bottom: 30px;
	padding-left: 45px;
	font-weight: 500;
	font-size: 18px; color: #FDFDFD;
	min-height: 24px;
}
.section__contact-bl_contact .phone {
    background: url(../images/phone.svg) no-repeat left center;
}
.section__contact-bl_contact .addr {
    background: url(../images/pin.svg) no-repeat left top;
}
.section__contact-bl_contact .email {
    background: url(../images/mail.svg) no-repeat left center;
}
.section__contact-bl_contact a {
	color: #FDFDFD;
}
.section__contact-bl_contact__soc {
	margin-right: 20px;
	width: 52px; height: 52px;
	line-height: 52px;
	border: 1px solid #FFFFFF;
	text-align: center;
	float: left;
	transition:  all 0.2s ease-in-out;
	display: grid;
	align-items: center;
	justify-content: center;
}
.section__contact-bl_contact__soc:hover {
	background-color: #FFFFFF;
}
.section__contact-bl_contact__soc path {
	transition:  all 0.2s ease-in-out;
}
.section__contact-bl_contact__soc:hover path {
	fill: black;
}
.section__contact-bl_contact__soc img {
	vertical-align: middle;
}
.section__contact-photos {
	margin-top: 10px;
	display: grid;
	grid-gap: 10px;
	grid-template-columns: repeat(4, 1fr);
}




.popup_bg {
    position: fixed; top: 0; left: 0; 
    width: 100%; height: 100%; 
    background: rgba(0, 0, 0, 0.496422);
    display: none; z-index: 999;
}

/* popup
-------------------------------*/
.popup {
	position: absolute; top: 0; left: 0;  
	width: 100%; height: auto; 
	max-width: 550px;
	display: none; z-index: 9999;	
    text-align: center;
}
.popup .close {
	position: absolute;
	top: 15px; right: 15px;
	width: 22px; height: 22px;
	background: url(../images/close.svg) no-repeat;
	transition:  all 0.2s ease-in-out;
	cursor: pointer;
    z-index: 9
}
.popup .close:hover {
	opacity: 0.4;
}
.popup .line_var-input {
    grid-template-columns: 165px 1fr;
    text-align: left;
}

.popup-thank {
	width: 100%;
	max-width: 480px;
}
.popup-thank .box__form-title {
	margin-bottom: 0
}
.popup-thank .box__form-title_b {
	font-size: 40px;
}