@font-face {
     font-family: 'Geometria';
     src: url('fonts/Geometria.otf') format('opentype');
     font-weight: normal;
     font-style: normal 
}

@font-face {
     font-family: 'GeometriaLight';
     src: url('fonts/Geometria-Light.otf') format('opentype');
     font-weight: 300;
     font-style: normal 
}
@font-face {
     font-family: 'GeometriaMedium';
     src: url('fonts/Geometria-Medium.otf') format('opentype');
     font-weight: 500;
     font-style: normal 
}
@font-face {
     font-family: 'GeometriaBold';
     src: url('fonts/Geometria-Bold.otf') format('opentype');
     font-weight: 700;
     font-style: normal 
}
* {
     margin:0;
     padding:0;
}
body {
	font-family: 'Geometria',sans-serif;
	font-size: 16px;
}
h1, h2 {
font-family: 'GeometriaBold';	
}
h2 {
color:  #110f0f;	
font-size: 57px;
letter-spacing: -0.5px;
text-align: center;
}
h3{
font-size: 50px;
}
p {
	margin-bottom: 1rem;
}	
ul li {
	list-style-type: none;
	padding-left: 0;
}
a {
	text-decoration: none;
}
p a {
	text-decoration: underline;
}
img {
     max-width: 100%;
}
label {
	display: block;
	color: #fefefe;
	font-size: 12px;
}
.footer__form label {
	font-size: 10.43px;
}

input[type="submit"], .calc__btn {
	display: block;
	background-color:  #4ecb60;
width: 234px;
height: 46px;
margin: 1rem auto;
border: none;
box-shadow: 0px 0 25px 10px rgb(78, 203, 96,0.3);
color: #fefefe;
}
input[type="text"],input[type="tel"],input[type="email"] {	
	border: none;
	outline: none!important;
	background: transparent;
	color: #fff;
	font-size: 16px;
	font-family: 'Geometria',sans-serif;
	    width: 180px;
}

input[type="submit"]:hover, .calc__btn:hover {
background-color:#41de5d;
}
input[type="submit"]:focus {
	outline: none;
}
form input  div:first-child {
	content: '';
	display: block;
background-color:  #41de5d;
width: 208px;
height: 1px;
box-shadow: 0px 0 25px 10px rgb(78, 203, 96,0.3);
}
.flex {
     display: -webkit-flex;
     display: flex;
     -webkit-justify-content: space-between;
     justify-content: space-between;
}
.wrapper {
	width: 1044px;
	margin: 0 auto;
}
.header {
	height: 895px;
	background: url(img/header-top-bg.png) 50% 0 no-repeat;
}

.fixed {
position: fixed;
top: 0;
left: 0;
}
.header__menu {
	margin-top: 3rem;
}
.top-menu li {
	margin-right: 1.1rem;
	letter-spacing: 0.8;
}
.top-menu li a, .top-menu li a:visited{
	color:  #e9dcdd;
font-family: 'GeometriaBold', sans-serif;
opacity: 0.5;
}
.top-menu li a:hover,.top-menu li a.active {
	color:  #fefefe;
	opacity: 1;
}

.header__call {
	line-height: 1.5;
}
.header__call, .header__call a, .header__call a:visited {
	margin-top: 1rem;
	font-family: 'GeometriaBold', sans-serif;
	color:  #fefefe;
	font-size: 17px;
}
.header__call a, .header__call a:visited {
	font-size: 18px;
	}
.header__call span {
	color: #ffcc00;
	}
.header__caption {
color: #fff;
text-align: center;
font-family: 'GeometriaBold', sans-serif;
line-height: 1;
margin: 3rem auto;
}	
.header__caption span {
	color:  #ffcc00;
}
.header__caption .h1 {
font-size: 49px;
line-height: 0.9;
}
.header__caption .h2 {
font-size: 43px;	
}
.header__caption .h3 {
font-size: 24px;
}
	.special__pack {
		position: relative;
	margin: 0 auto;
	background-color:  rgba(153, 0, 0, 0.75);
    width: 581px;
    height: 201px;
    font-family: 'GeometriaBold', sans-serif;
    font-size: 24px;
    color: #fefefe;
    box-sizing:border-box;
    padding: 1.8rem 1.3rem;
	}
	.special__pack::after {
		content: '';
		position: absolute;
		left: 58%;
		bottom: 8px;
		display: block;
		width: 360px;
		height: 220px;
		background: url(img/spec.png) 110% 100% no-repeat;
	}
	.special__pack ul {
    line-height: 1;
    margin-top: 1rem;
	}
	.special__pack li {
		    font-size: 20px;
	}
.special__pack span {
	color:  #ffcc00;
}
.advantages {
	width: 720px;
	margin: 2rem  auto 0;
}
.advantages__item:first-child {
	background: url(img/gr-icon1.png)50% 10px no-repeat;
	background-color:  rgba(255, 255, 255, 0.22);
	}
.advantages__item:nth-child(2) {
	background: url(img/gr-icon2.png)50% 10px no-repeat;
	background-color:  rgba(255, 255, 255, 0.22);
	}
	.advantages__item:nth-child(3) {
	background: url(img/gr-icon3.png)50% 10px no-repeat;
	background-color:  rgba(255, 255, 255, 0.22);
	}
	.advantages__item:nth-child(4) {
	background: url(img/gr-icon4.png)50% 10px no-repeat;
	background-color:  rgba(255, 255, 255, 0.22);
	}
	.advantages__item:last-child {
	background: url(img/gr-icon5.png)50% 10px no-repeat;
	background-color:  rgba(255, 255, 255, 0.22);
	}
.advantages__item {
	color: #fff;
	font-size: 14px;
	background-color:  rgba(255, 255, 255, 0.22);
width: 123px;
height: 126px;
border: 1px dashed #fff;
}
.advantages__item span {
	display: block;
	margin-top: 4rem;
	text-align: center;
	width: 98%;
	font-family: 'GeometriaBold', sans-serif;
	line-height: 1;
}	

.header__form {
margin: -4rem auto 2.1rem;
background-color:  #182431;
width: 499px;
height: 122px;
font-size: 11px;
color:  #fefefe;
font-family: 'GeometriaBold', sans-serif;
padding: 1.5rem 2rem;
box-sizing:border-box;
}
.header__form .flex {
-webkit-justify-content: space-between;
justify-content: space-between;
}
label{
	margin-bottom: 0.4rem;
}
.underline:after {
content: '';
display: block;
background-color:  #41de5d;
width: 208px;
height: 1px;
box-shadow: 0px 0 25px 3px rgb(78, 203, 96,0.3);
margin-top: 10px;
}
.page__form .underline:after {
	width: 147px;
}
.footer__form .underline:after {
	width: 130px;
}

.header__form input[type="submit"] {
	width: 159px;
height: 33px!important;
font-size: 9.5px;
text-transform: uppercase;
}
.products__list {
	box-sizing:border-box;
	padding-top: 9rem;
	height: 3500px;
	color:  #fefefe;
	background: url(img/material-bg.png) 50% 0 no-repeat;
}
.products__item {
	margin-bottom: 6rem;
	position: relative;
}
.products__item:nth-child(odd) {
	text-align: right;
}
.product__details {
	width: 600px;
	color:  #fefefe;
	position: relative;
}
.product__name {	
font-size: 43px;
font-family: 'GeometriaBold', sans-serif;
margin-bottom: 1rem;
    line-height: 0.9;
}
.product__spec {
color:  #ffcc00;
font-size: 27px;
font-family: 'GeometriaBold', sans-serif;
margin-bottom: 2rem;
}
.product__desc {
font-family: 'GeometriaMedium', sans-serif;
font-size: 20px;
line-height: 1.8;
width: 90%;
}
.products__item:nth-child(odd) .product__desc {
float: right;
}
.product__pic {
	width: 380px;
	height: 353px;
	position: relative;
}
.products__item:first-child {
top: 0.2rem;
}
.products__item:first-child .product__pic {
    left: 1.5rem;
}
.products__item:first-child  .product__details {
    left: -3.3rem;
}
.products__item:nth-child(2) {
top: 5rem;
} 
.products__item:nth-child(2)  .product__pic {
    left: -2.5rem;
}
.products__item:nth-child(2)  .product__details {
    left: 3.2rem;
}
.products__item:nth-child(3) {
top: 9rem;
} 
.products__item:nth-child(3)  .product__pic {
    left: 1.5rem;
}
.products__item:nth-child(3)  .product__details {
    left: -3.2rem;
    top: 1rem;
}
.products__item:nth-child(4) {
top: 14rem;
} 
.products__item:nth-child(4)  .product__pic {
    left: -2.5rem;
}
.products__item:nth-child(4)  .product__details {
    left: 3.2rem;
    top: 1.3rem;
}
.products__item:nth-child(5) {
    top: 13.5rem;
} 
.products__item:nth-child(5)  .product__pic {
    left: 1.5rem;
    }
.products__item:nth-child(5)  .product__details {
    left: -3.2rem;
    top: 1rem;
}
.products__item:last-child {
top: 14rem;
} 
.products__item:last-child  .product__pic {
    left: -2.5rem;
    top: 5rem;
}
.products__item:last-child  .product__details {
    left: 3.2rem;
    top: 4.7rem;
}

.calculate {
	height: 688px;
	padding-top: 12rem;
	background: url(img/calc-bg.png) 50% 0 no-repeat;
	font-family: 'GeometriaBold', sans-serif;
}
.calculate div {
  text-align: center;
}
.calc__caption {
	font-size: 42px;
	text-transform: uppercase;
	color: #fff;
	margin-top: 3px;
}
.calc__intro {
	color:  rgba(245, 236, 236, 0.7);
	font-size: 19px;
	width: 616px;
	margin: 2rem auto;
	line-height: 1.2;
}
.calc__offer {
color:  #fffefe;
font-size: 25px;
text-transform: uppercase;
line-height: 1.3;
}
.calc__offer span {
	color: #ffcc00;
}
.calc__btn {
	display: block;
	background: url(img/calc-icon.png) 90% 45% no-repeat;
    background-color: #4ecb60;
    width: 250px;
    height: 62px;
    margin: 2.5rem auto 1rem;
    padding-right: 50px;
    line-height: 2.5;
    font-size: 23px;
    font-family: 'GeometriaBold', sans-serif;
	color:  #f5ecec;
	letter-spacing: -0.5px;
}

.slider__wrapper {
	width: 634px;
}
.slider {
	max-width: 100%;
	height: 344px;
	margin: auto;
}

.slick-slide:focus {
	outline: none!important;
}

.slick-slide > div {
	display: none;
}
.slider .slick-current + .slick-slide > div {
	display: block;
  position: absolute;
  left: 0px;
  bottom: 30px;
  color:  #30373d;
  font-size: 39px;
  width: 44px;
  height: 35px;
  font-family: 'GeometriaBold', sans-serif;
      -webkit-transform: scaleX(0.5);
    -moz-transform: scaleX(0.5);
    transform: scaleX(0.5);

}
.slick-slide sup {
	font-size: 31px;
}

 .slider .slick-slide::after {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background:rgba(0, 0, 0, 0.75);
 }
 .slider .slick-track {
    display: flex;
    align-items: center;
    height: 344px;
    padding-top: 40px;
}
.slider .slick-slide {
    -webkit-filter: opacity(70%);
     filter: opacity(70%);
    margin-bottom: 80px; 
    	position: relative;  
}
.slider .slick-current,
.slider .slick-current + div + div {
	width: 60px;
}
.slider .slick-slide img {
	height: 100%;
	max-width: 100%;
	display: block;
	border: 3px solid #ffffff;
box-shadow: 0px 0px 5.04px 0.96px rgba(0, 0, 0, 0.2);
box-sizing:border-box;
}
.slider .slick-current img {
	float: left;
	    width: 50%!important;
    max-width: 60px!important;
}
.slider .slick-current + div {
    -webkit-transform: scaleX(2.21);
    -moz-transform: scaleX(2.21);
    transform: scaleX(2.21);
    z-index: 100;
    -webkit-filter: brightness(100%);
    filter: brightness(100%);
     margin-top: 80px;
}
.slider .slick-current + div img {
	height: 100%;
	width: 100%;
}
.slider .slick-current + div + div img { 
	float: right;
	    width: 50%!important;
    max-width: 60px!important;
}

.slider__text {
	width: 263px;
	font-size: 18px;
	font-family: 'GeometriaBold', sans-serif;
}
.guarantee__list {
	margin: 10rem 0;
	-webkit-justify-content:center;
	justify-content:center;
}

.guarantee__item {
background-color:  #4ecb60;
width: 169px;
height: 173px;
border: 1px dashed #000;
margin-right: 20px;
}
.guarantee__item:before {
 content: '';
 display: block;
 margin-top: -4rem;
 width: 169px;
 height: 70px;
background: url(img/star.png) 50% 0 no-repeat;
}


.guarantee__item:first-child {
	background: url(img/dates.png)50% 15px no-repeat;
	background-color:  rgba(78, 203, 96, 0.22);
	}
.guarantee__item:nth-child(2) {
	background: url(img/sum.png)50% 15px no-repeat;
	background-color:  rgba(78, 203, 96, 0.22);
	}
	.guarantee__item:nth-child(3) {
	background: url(img/neat.png)50% 15px no-repeat;
	background-color:  rgba(78, 203, 96, 0.22);
	}
	.guarantee__item:nth-child(4) {
	background: url(img/warranty.png)50% 15px no-repeat;
	background-color:  rgba(78, 203, 96, 0.22);
	}
	.guarantee__item:last-child {
	background: url(img/thumbsup.png)50% 15px no-repeat;
	background-color:  rgba(78, 203, 96, 0.22);
	}

.guarantee__item span {
	display: block;
	margin-top: 6rem;
	text-align: center;
	width: 98%;
	font-family: 'GeometriaBold', sans-serif;
	line-height: 1;
	font-size: 21px;
}
.systems {
	height: 1105px;
	background: url(img/system-bg.png) 50% 0 no-repeat;
	margin-top: -13.3rem;
	padding-top: 4.5rem;
}	
.systems__caption {
	color:  #110f0f;
	font-size: 47.81px;
    text-align: center;
	margin: auto;
	font-family: 'GeometriaBold', sans-serif;
	letter-spacing: -0.7px;
	line-height: 1;
	margin-bottom: 3rem;
}
.systems__caption + .flex {
    -webkit-justify-content:center;
	justify-content:center;
}
.systems__caption span {
	display: block;
	font-size: 39px;
}
.system__item {
	border: 3px solid #ffffff;
box-shadow: 0px 0px 5.04px 0.96px rgba(0, 0, 0, 0.2);
width: 454px;
height: 815px;
font-family: 'GeometriaBold', sans-serif;
color:  #110f0f;
font-size: 47.81px;
position: relative;
margin-right: 20px;
}
.system__title {
margin: 2rem 0;
color:  #110f0f;
font-size: 46px;
text-align: center;
}
.system__pic {
	text-align: center;
	margin-bottom: 2rem;
}
.system__item ul {
	padding-left: 60px;
	line-height: 1.7;
}
.system__item ul li {
	font-size: 20px;
	background: url(img/disc.png) 0 55% no-repeat;
    padding-left: 20px;
}
.system__item ul li span {
	color:  #990000;
font-size: 24px;
}
.system__text {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-sizing:border-box;
	padding: 15rem 3rem 1rem;
	background: url(img/wooden-bg.png) 0 0 no-repeat;
	font-size: 27px;
	line-height: 34.88px;
    text-align: center;	
}
.visible {
	display: block;
}
.production {
	background: url(img/quality.png) 50% 0 no-repeat;
	height: 1270px;
	margin-top: -12rem;
	padding-top: 5.2rem;
	box-sizing:border-box;
}
.production h2 {
	font-size: 46px;  
}
.production h2:first-child {
margin-bottom: 6.7rem;
} 
.production .wrapper {
	margin-bottom: 7.7rem;
	-webkit-justify-content: space-around;
    justify-content: space-around;
}
.quality {
     height: 1190px;
    background-image: url(img/detailed-bg.png),url(img/covering-bg.png);
    background-position: 50% 62%, 50% 0;
    background-repeat: no-repeat, no-repeat;
    font-family: 'GeometriaBold', sans-serif;
    color: #ffffff;
    padding-top: 4rem;
    box-sizing: border-box;
    margin-top: -4.3rem;
}
.quality__caption {
	font-size: 56px;
    width: 600px;
    margin: 6.2rem auto 1rem;
    letter-spacing: -0.1rem;
    line-height: 0.8;
    text-align: center;
}
.quality .wrapper{
	position: relative;
}
.material__item {
	position: absolute;
}
.material__item:nth-child(2) {
	width: 224px;
	top: 16rem;
	left: 7.5rem;
	height: 210px;
} 
.material__item:nth-child(3) {
	width: 241px;
    top: 33.5rem;
    left: 4.5rem;
    height: 169px;
} 
.material__item:nth-child(4) {
	width: 238px;
    top: 49.8rem;
    left: 8.5rem;
    height: 133px;
} 
.material__item:nth-child(5) {
	width: 212px;
    top: 7.5rem;
    left: 52rem;
    height: 152px;
} 
.material__item:nth-child(6) {
	width: 212px;
    top: 24.5rem;
    left: 51.5rem;
    height: 172px;
} 
.material__item:nth-child(7) {
	width: 277px;
    top: 46rem;
    left: 42rem;
    height: 151px;
} 
.material__title {
font-size: 23px;
margin-bottom: 1rem;
}
.material__text {
color:  #fefefe;
font-size: 15px;
}
.material__text span {
	color:  #ffcc00;
}
.page__form {
background-color:  #182431;
width: 620px;
height: 163px;
margin: -4.6rem auto;
color:  #ffffff;
padding: 1.1rem 2rem 0;
box-sizing:border-box;
}
.page__form label {
	color:  #fefefe;
}
.page__form input[type="submit"] {
	width: 159px;
height: 33px!important;
font-family: 'GeometriaBold', sans-serif;
line-height: 1.5;
}
.page-form input[type="text"] {
  width: 159px;
height: 33px;
}
.page__form .form__caption {
	margin-bottom: 1rem;
}
.portfolio {
	text-align: center;
	height: 1150px;
   background: url(img/portfolio-bg.png) 50% 0 no-repeat;
   font-family: 'GeometriaBold', sans-serif;
   padding-top: 5.5rem;
   box-sizing: border-box;
    margin-top: 4.2rem;
}
.portfolio h2 {
	margin: 0 0 0.8rem;
}

.lb-details {
	display: none;
} 
.intro {	
	color:  #333333;	
	font-size: 19px;
}
.portfolio__list {
	margin: 3rem auto;
    width: 940px;
    -webkit-flex-wrap:wrap;
    flex-wrap:wrap;
}

.portfolio__list a {
	display: block;
	width: 100%;
	height: 100%;
}
.portfolio__item{
position: relative;
width: 217px;
height: 202px;
box-shadow: 2px 4px 12.96px 3.04px rgba(0, 0, 0, 0.27);
margin-bottom: 3rem;
overflow: hidden;
}
.portfolio__item img {
	width: 100%;
}

.portfolio__overlay {
	display: none;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: url(img/zoomin.png) 50% 50% no-repeat;
background-color:  rgb(6, 245, 68,0.7);
}
.portfolio__item:hover .portfolio__overlay {
display: block;
}
.form__caption {
	font-family: 'GeometriaBold', sans-serif;
	color:  #ffffff;
font-size: 23px;
text-align: center;
letter-spacing: -0.5px;
    margin-bottom: 1rem;
}

.form__agreement {
	     -webkit-justify-content: space-around!important;
     justify-content: space-around!important;
}
.form__agreement a, .form__agreement a:visited {
	font-family: 'GeometriaLight', sans-serif;
	    font-size: 12px;
    color: #ffcc00;
    opacity: 0.7;
}
.form__agreement a:hover {
	text-decoration: underline;
}
.footer {
	background-color:  rgba(8, 21, 35, 0.95);
	height: 243px;
	position: relative;
	bottom: 0;
}
.footer > .flex {
    -webkit-justify-content:flex-start;
	justify-content:flex-start;
	height: 100%;
}

.footer__info {
 color: #fefefe;
 font-size: 12px;
 font-family: 'GeometriaBold', sans-serif;
}
.footer__form {
	width: 500px;
    background: url(img/vl.png) 100% 0 repeat-y;
    margin-right: 4rem;
}
.footer__form .form__caption {
	margin-top: 3.2rem;
}
.underline label {
	padding-left: 20px;
}
.form__mail label {
	padding-left: 30px;
}
.page__form .underline label,
.footer__form .underline label{	
   background: url(img/phone-xs.png) 0% 50% no-repeat;
}
.underline label .form__mail label,
.page__form .form__mail label,
.footer__form .form__mail label{	
   background: url(img/mail-xs.png) 0% 50% no-repeat;
}
.footer__form .flex {
	-webkit-justify-content:space-around;
	justify-content:space-around;
}
.footer__form input[type="submit"]{
width: 172px;
height: 36px!important;
}
.footer__contacts {
margin-top: 4rem;
}
.footer__logo {
	width: 220px;
    background: url(img/vl.png) 100% 0 repeat-y;
    text-align: right;
    padding: 20px 40px 0 10px;
}
.footer__phone,.footer__mail {
	margin-bottom: 1rem;
}
.form__mail:after {
	content: '';
	display: block;
	width: 123px;
	height: 1px;
	background-color:#fff;
	margin-top: 10px; 
}
.page__form .form__mail:after {
	width: 147px;
	}
.footer__contacts, .footer__contacts a, .footer__contacts a:visited {
	color: #fff;
}
.footer__contacts a {
	font-size: 16px;
	font-family: 'GeometriaBold', sans-serif;
}
.footer__phone a span {
color:  #ffcc00;
}
.footer__contacts a:hover {
	text-decoration: underline;
}
.footer__capt {
font-size: 12px;
}
.footer__phone .footer__capt {
padding-left: 25px;
background: url(img/phone.png) 0 50% no-repeat;
}
.footer__mail .footer__capt {
padding-left: 30px;	
background: url(img/mail.png) 0 50% no-repeat;
}

@media screen and (max-width: 1064px) {
	* {
    	height: auto!important;
    } 
	.marquiz__bg_open, .marquiz__modal, .marquiz__frame_open {
    	height: 100%!important;
	}	
	.header {
    height: 895px!important;
	}
    .portfolio__item  {
    	height: 202px!important;
    }
    .guarantee__item {
    height: 173px!important;
    margin-bottom: 1rem;
	}
	.calculate {
    height: 560px!important;
    }
	.systems {
    background-image: none;
    }
    .system__item {
    	margin-bottom: 1rem;
    }
    .portfolio__item a, .portfolio__item img {
    	height: 100%!important;
    }
    .advantages__item {
        height: 126px!important;
    }
    .system__text {
    	height: 100%!important;
    }
   .wrapper {
    width: 98%;	
   }
   .flex {
   	-webkit-flex-wrap:wrap;
   	flex-wrap:wrap;
   }
   .slider__wrapper {
   	display: none;
   }
   .slider__text {
   	margin: 1rem auto;
   	width: 80%;
   	text-align: center;
   }

   .products__list {
   	background-image: none;
   	background: rgba(8, 21, 35, 0.95);
   	padding: 1rem 0;
   }
   .products__item:nth-child(even) .product__pic {
   	-webkit-order:-1;
    order:-1;
   }
   .products__item,
   .product__details,
    .product__pic  {
   	position: static!important;
   	left: auto!important;
   	right: auto!important;
   	top: auto!important;
   	text-align: center!important;
   }
   .product__details,
   .product__pic {
   	margin: 0 auto 1rem;
   	text-align: center;
   }
   .products__item {
   	text-align: center;
   	margin: 1rem auto;
   } 
   .systems {
   	margin-top: 0;
   }
   .quality {
	background-image: url(img/quality-bg.png);
    background-position: 50% 0;
    background-repeat: repeat-y;
    padding-top:2rem;
	}
	.production,
	.quality {
		margin-top: 0;
	}
	.production {
		padding-top: 3rem;
		background-image: none;
	}
	.production h2:first-child {
		margin-bottom: 1rem;
	}
	.production .wrapper {
		margin-bottom: 2rem;
	}
	.guarantee__list {
		margin: 7rem 0;
	}
	.portfolio {
    padding-top: 2rem;
   }
   .quality__caption {
    font-size: 46px;
    margin: 3rem auto;
   }
   .quality .wrapper {
    display:-webkit-flex;
   	display:flex;
    -webkit-flex-wrap: wrap;
   	flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
   }
   .material__item {
    position: static!important;
    top: auto!important;
    left: auto!important;
    width: 45%!important;
    margin-bottom: 2rem;
    display: inline-block;
    vertical-align: top;
	}
	.page__form {
			margin: 0 auto 2rem;
	}
   .footer__logo {
   	display: none;
   }
   .footer__form {
   	margin-right: 0;
   }
   .footer__contacts {
    margin: 4rem auto 0;
   }
}
@media screen and (min-width: 981px) {
 .mobile-btn {
         display: none!important;
    }
 .header__menu{
 	display: block!important;
 }
}
@media screen and (max-width: 980px) {
  h1 {
  	font-size: 52px;
  }
    h2 {
    	font-size: 50px;
    }
    h3 {
    	font-size: 40px;
    }
    .header {
    height:auto!important;
    padding-bottom: 2rem;
}
    .header__menu {
		display: none;
		margin-top: 0;
	}
	    #hm-menu {
         width: 50px;
         cursor: pointer;
         position: absolute;
         right: 20px;
         top: 70px;
    }
     #hm-text {
         font-size: 22px;
         color: #fff;
         line-height: 1.8;
         position: absolute;
         right: 65px;
         top: 52px;
    }
     #hm-menu:before {
         left: 50%;
         top: 50%;
         margin-left: -12px;
         margin-top: -1px;
         box-shadow: 0 8px 0 0 #fff, 0 -8px 0 0 #fff;
         content: " ";
         display: table;
    }
     #hm-menu.on:after, #hm-menu.on:before, #hm-menu:before {
         content: "";
         position: absolute;
         width: 40px;
         height: 4px;
         background-color: #fff;
         -webkit-transition: .25s;
         transition: .25s;
    }
     #hm-menu.on:after, #hm-menu.on:before {
         box-shadow: none;
    }
     #hm-menu.on:before {
         -webkit-transform: rotate(135deg);
         transform: rotate(135deg);
    }
     #hm-menu.on:after, #hm-menu.on:before {
         box-shadow: none;
    }
     #hm-menu.on:after {
         top: 50%;
         left: 14px;
         -webkit-transform: rotate(-135deg);
         transform: rotate(-135deg);
    }
     :after, :before {
         box-sizing: border-box;
    }
     .adp {
         width: 50%;
    position: fixed;
    z-index: 5000;
    top: 0;
    left: 0;
    background-color: rgba(8, 21, 35, 0.95);
    }
     .adp li {
         width: 100%;
         text-align: center;
         padding: 6px 0;
    }
     .adp li:hover {
    }
     .top-menu li:first-child {
         background-image: none;
    }
     .top-menu li:first-child a{
         padding-left: 0!important;
         background-image: none!important;
    }
     .top-menu li a {
         color: #fff;
         padding: 0;
         font-size: 13px;
    }
    .special__pack {
    text-align: center;
}
   .header__call {
   	margin: 1rem auto 0;
   }
   .special__pack {
   	width: 70%;
   }
   .header__form,
   .page__form{
   	width: 80%;
   }
   .calc__intro,
   .advantages,
   .quality__caption,
   .product__desc,
   .portfolio__list,
   .product__details {
   	width: 100%;
   }
   .quality {
   	margin-top: -3.3rem;
   }
   .quality__caption {
    margin: 1rem auto 2rem;
}
    .header__form {
    	margin-top: 2rem;
    }
	.calculate {
	height: auto!important;
	padding-top: 2rem;
	border: 1px solid #ffffff;
	height: auto;
    background: -webkit-linear-gradient(90deg, #444647 0%, #2c333b 100%);
    background: -moz-linear-gradient(90deg, #444647 0%, #2c333b 100%);
    background: -o-linear-gradient(90deg, #444647 0%, #2c333b 100%);
    background: -ms-linear-gradient(90deg, #444647 0%, #2c333b 100%);
    background: linear-gradient(0deg, #444647 0%, #2c333b 100%);
   }
   .production .wrapper {
   	margin-bottom: 2rem;
   }
   .production {
   	padding-top: 2rem;
   }
   .guarantee__list {
   	margin: 6rem 0 0;
   }
   .production h2:first-child {
   	margin-bottom: 1rem;
   }
   .guarantee__item {
   	margin-bottom: 6rem;
   }
   .systems {
   	height: auto!important;
   	background-repeat: repeat-y;
   }
   .system__item {
   	margin: 0 auto 0.5rem;
   }
   .portfolio {
   	margin-top: -2rem;
   }
 .portfolio__item {
 	margin: 0 auto 3rem;
 }

  .form__agreement {
  	margin-bottom: 1rem;
  }
    .special__pack:after {
    	display: none;
    }
}

@media screen and (max-width: 768px) {

	.production h2 {
		font-size: 28px;
	}
	.product__desc {
    float: right;
    font-size: 16px;
}
    .header__top {
    	position: relative;
    }
    .quality__caption {
    font-size: 30px;
}
  .footer__form,
   .page__form {
   	width: 100%;
   }


.header__call div:first-child {
	display: none;
}
	.header__caption {
      margin: 0 auto 2rem;
	}
	.header__caption .h1 {
    font-size: 40px;
}
.header__call, .header__call a, .header__call a:visited,.header__call a:hover {
font-size: 20px;
}
.header__caption .h2 {
    font-size: 32px;
}
.header__caption .h2 {
    font-size: 32px;
}
.underline:after {
	margin: 10px auto;
}
.special__pack {
	padding-top: 0.5rem;
}
.advantages {
	-webkit-justify-content:space-around;
	justify-content:space-around;
}
.advantages__item {
	margin-bottom: 0.5rem;
}
	.quality {
		padding-bottom: 1rem;
	}
	.material__item {
	width: 80%!important;
    margin-right: auto;
    margin-left: auto;
    display: block;
	}
	.page__form {
		margin-top: 0;
	}
	.products__list {
		background-image: none;
		background-color: rgba(8, 21, 35, 0.95);
		padding-top: 2rem;
	}

	.calc__intro {
		margin-bottom: 1rem;
	}
	.advantages,
	.calc__btn {
		margin-top: 1rem;
	}
	.systems {
		padding-top: 1rem;
	}
	.system__item {
		margin: 0 auto 1rem;
		padding-bottom: 1rem;
		max-width: 463px;
		max-height: 823px;
	}
	.system__text {
		padding-top: 10rem;
	}
	.systems__caption{
		font-size: 40px;
	}
	.system__title,
    .systems__caption span {
    	font-size: 30px;
    } 
    .system__item ul {
    padding-left: 30px;
}
	.calc__caption {
		font-size: 26px;
	}
	.calc__offer {
		font-size: 22px;
	}
	.guarantee__list {
	margin: 5rem 0 0;
	}
	.system__item {

		width: 100%;
	}
	 .footer__form {
    margin: 0;
    width: 100%;
    margin-right: 0;
    background-image: none;
}
.footer__contacts {
	width: 100%;
	margin-top: 1rem;
    display: -webkit-flex;
	display: flex;
    -webkit-flex-wrap:nowrap;
	flex-wrap:nowrap;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	margin-top: 2rem;
}
.underline,
.form__mail,
.form__btn {
	margin: 0 auto 0.5rem;
  }
}

@media screen and (max-width: 480px) {
	h1,h2,.product__name {
    font-size: 30px;
}
.header__caption .h1 {
	font-size: 20px;
}
h3 {
	font-size: 26px;
}
.header__call {
    margin: 0 auto 1rem;
}
.header__caption {
    margin: 0 auto 1rem;
}
.header__form, .page__form {
	width: 100%;
}
.special__pack {
	font-size: 20px;
	padding: 0.5rem;
	width: 100%;
}
.special__pack li {
    font-size: 16px;
}
.production {
	background-image: none;
}
.guarantee__item {
	margin-right: 0; 
}
.production h2 {
	margin-bottom: 0;
}
.header__caption .h2 {
	font-size: 20px;
}

.product__spec {
	font-size: 20px;
	margin-bottom: 1rem;
} 
.header__caption .h3 {
	width: 60%;
	font-size: 18px;
	margin: auto;
}
.product__desc {
    font-size: 18px;
    line-height: 1.5;
}
.system__item ul {
	line-height: 1.3;
}
.system__item ul li {
    font-size: 16px;
    padding-left: 0;
    background-image: none;
    list-style-type: disc;
} 
.system__pic {
	margin-bottom: 1rem;
}
.system__pic img {
	height: 300px!important;
}
.system__text {
	font-size: 18px;
    line-height: 1.3;
}
.portfolio {
	margin-top: -2rem;
}
	.footer {padding-bottom: 1rem;}
	.footer__form {
		display: none;
	}
	.footer__contacts {
	-webkit-justify-content:space-around;
	justify-content:space-around;	
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	}
	.footer__phone .footer__capt, .footer__mail .footer__capt {
		padding-left: 0;
		background-image:none;
	}
	.footer__contacts > div {
		margin: 0 auto 1rem;
		width: 80%;
    text-align: center;
	}
}

@media screen and (max-width: 320px) {
	.header__call {
		margin-top: 0;
	}
	#hm-text {
		display: none;
	}
	#hm-menu {
	top: 50px;
}
	.header__caption {
		margin-bottom: 0.5rem;
	}
	.header__caption .h2 {
      font-size:20px;
	} 
	.header__caption span {
		color: #fff;
	}
	.special__pack {
	    padding: 0.5rem;
}
	.special__pack ul {
		margin-top: 0.5rem;
	}
	.special__pack,
	.header__caption .h3 {
      font-size: 16px;
	}
	.product__name {
    font-size: 24px;
}
	.calc__btn {
		width: 90%;
		background-image: none;
		padding-right: 0;
	}
}
.th-block {
	height: 100vh;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	
	justify-content: center;	
	
}
.th-block h2 {
	max-width: 1000px;
	font-size: 20px;
}


.rh-medium #rh-badgeImage {

    height: 27px!important;
}

.rc-inactive #rc-phone-back {
	height: 100%!important;
}

#rc-connector-container .rc-connector-frame, #rc-popup-connector-container .rc-connector-frame {
	height: 2.9em!important;
}