@import url("slick.min.css");
* {
	box-sizing: border-box;
	user-select: none;
}
body, html {
	margin: 0;
	padding: 0;
	background: #FFF;
	color: #000;
	font-family: "Arial";
}
html {
	font-size: 16px; /* .0625 */
    line-height: 30px;
}
body {
    width: 100%;
	overflow-x: hidden;
	font-size: 1rem;
}
header, main, footer {
	position: relative;
	left: 0;
	transition: all .12s ease-in;
}
a {
	display: inline-block;
	text-decoration: none;
}
button, a {
	color: inherit;
	cursor: pointer;
	transition: all 0.12s ease-in;
}
*:focus {
	outline: 0!important;
}
img {
	max-width: 100%;
}
ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	font-weight: normal;
	font-style: normal;
}
h1, .h1 {
	font-size: 3rem;
	line-height: 3rem;
}
h2, .h2 {
	font-size: 1.875rem;
	line-height: 1.875rem;
}
h3, .h3 {
	font-size: 1.5rem;
	line-height: 1.875rem;
}
h4, .h4 {
	font-size: 1.125rem;
	line-height: 1.5rem;
}
h5, .h5 {
	font-size: 1rem;
	line-height: 1.125rem;
}
h6, .h6 {
	font-size: 0.625rem;
	line-height: 1rem;
}
p {
	margin: 0;
}

.mobile {
	display: none;
}

.tel-box {
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 75px;
    overflow: hidden;
    border-radius: 75px;
    z-index: 99;
}
.tel-box button {
    position: relative;
    width: 75px;
    height: 75px;
    float: right;
    padding: 0;
    background: #EC7404 url(../img/icon-button.svg) 80% 65% no-repeat;
    border: 0;
    border-radius: 100%;
    box-shadow: 0 5px 46px rgba(0, 0, 0, .25);
    z-index: 9;
}
.tel-box a {
    position: absolute;
    top: 50%;
    left: 100%;
    transform: translateY(-50%);
    width: calc(100% - 10px);
    padding: 15px 35px;
    background: #EC7404;
    border-top-left-radius: 35px;
    border-bottom-left-radius: 35px;
    box-shadow: 0 5px 46px rgba(0,0,0,.25);
    color: #fff;
    z-index: 1;
}
.tel-box.active {
	width: 265px;
}
.tel-box.active a {
    left: 0;
}

.container {
	width: 100%;
	max-width: 1080px;
	margin: auto;
	padding-left: .9375rem;
	padding-right: .9375rem;
}
.flex {
	display: flex;
	flex-wrap: wrap;
}
.column {
	flex-direction: column;
}
.jc-end {
	justify-content: flex-end;
}
.jc-center {
	justify-content: center;
}
.jc-space-around {
	justify-content: space-around;
}
.jc-space-between {
	justify-content: space-between;
}
.ai-baseline {
	align-items: baseline;
}
.ai-center {
	align-items: center;
}
.ai-start {
	align-items: flex-start;
}
.ai-end {
	align-items: flex-end;
}
.ac-center {
	align-content: center;
}
.ac-start {
	align-content: flex-start;
}
.ac-end {
	align-content: flex-end;
}
.ac-space-around {
	align-content: space-around;
}
.ac-space-between {
	align-content: space-between;
}

.text-center {
	text-align: center;
}
.text-uppercase {
	text-transform: uppercase;
}
.orange, .active {
	color: #EF7A03;
}
.grey {
	color: #7A7A7A;
}
b, .bold {
	font-weight: 700;
}
.narrow {
	font-stretch: condensed;
}
.button {
	width: 270px;
	height: 40px;
	margin: 0;
	padding: 0;
	background: linear-gradient(157.6deg, #EB7304 14.59%, #FF9900 83.98%);
	color: #FFF;
	border: 0;
	border-radius: 20px;
	box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.2);
	font-size: 1.125rem;
	font-weight: 700;
	font-stretch: condensed;
	text-align: center;
	text-transform: uppercase;
	line-height: 40px;
}
.button:focus {
	background: linear-gradient(0deg, #FF7223 -21.25%, #7D360E 115%);
}
.button:hover {
	background: linear-gradient(180deg, #FF7223 -10%, #7D360E 100%);
}

header {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99;
	width: 100%;
	color: #FFF;
}
header .flex {
	padding-top: 15px;
	padding-bottom: 15px;
}
header ul, footer ul {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
header li, footer li {
	display: flex;
	align-items: center;
	line-height: 18px;
}
header li + li, footer li + li {
	margin-left: 30px;
}
header a, footer a {
	float: left;
}
header a + a, footer a + a {
	margin-left: 15px;
}
.tel {
	padding-left: 30px;
	background: url(../img/icon-tel.svg) left center no-repeat;
}
.in, .fb, .home {
	width: 18px;
	height: 18px;
}
.burger {
	width: 24px;
	height: 24px;
	background: url(../img/icon-burger.svg) center no-repeat;
}
.in {
	background: url(../img/icon-instagram.svg) center no-repeat;
}
.fb {
	background: url(../img/icon-facebook.svg) center no-repeat;
}
.time {
	padding-left: 30px;
	background: url(../img/icon-time.svg) left center no-repeat;
}
.home {
	background: url(../img/icon-home.svg) center no-repeat;
}
.menu a:hover {
	color: #EF7A03;
}

footer {
	padding-top: 70px;
}
.copyright {
	padding-bottom: 50px;
	font-size: .75rem;
}
.copyright .border {
	display: inline-block;
	margin-top: 40px;
	padding-top: 25px;
	border-top: 1px dashed #797979;
}

section {
	position: relative;
	padding-top: 40px;
	padding-bottom: 40px;
}

#top {
	position: relative;
	padding-top: 0;
	padding-bottom: 0;
	background: #000 url(../img/top.png) center top no-repeat;
	background-attachment: fixed;
	background-size: cover;
    font-stretch: condensed;
	text-align: right;
	color: #FFF;
}
#top .flex {
	height: 768px;
}
#top h1 {
	margin-top: -130px;
	font-size: 4rem;
	line-height: 4rem;
}
#top h2 {
	margin-top: 30px;
}
.glitch {
	position: relative;
	display: inline-block;
	mix-blend-mode: lighten;
}
.glitch:before, .glitch:after {
	content: attr(data-text);
	position: absolute;
	top: 0;
	width: 100%;
	background: black;
	clip: rect(0, 0, 0, 0);
}
.glitch:before {
	left: -1px;
	text-shadow: 2px 0 rgba(255, 0, 0, 0.7);
	-webkit-animation: glitch-loop-1 0.8s infinite ease-in-out alternate-reverse;
	animation: glitch-loop-1 0.8s infinite ease-in-out alternate-reverse;
}
.glitch:after {
	left: 1px;
	text-shadow: -3px 0 rgba(0, 0, 255, 0.7);
	-webkit-animation: glitch-loop-2 0.8s infinite ease-in-out alternate-reverse;
	animation: glitch-loop-2 0.8s infinite ease-in-out alternate-reverse;
}
@-webkit-keyframes glitch-loop-1 {
	0% {
		clip: rect(18px, 9999px, 4px, 0);
	}
	25% {
		clip: rect(12px, 9999px, 49px, 0);
	}
	50% {
		clip: rect(25px, 9999px, 51px, 0);
	}
	75% {
		clip: rect(15px, 9999px, 46px, 0);
	}
	100% {
		clip: rect(45px, 9999px, 49px, 0);
	}
}
@keyframes glitch-loop-1 {
	0% {
		clip: rect(18px, 9999px, 4px, 0);
	}
	25% {
		clip: rect(12px, 9999px, 49px, 0);
	}
	50% {
		clip: rect(25px, 9999px, 51px, 0);
	}
	75% {
		clip: rect(15px, 9999px, 46px, 0);
	}
	100% {
		clip: rect(45px, 9999px, 49px, 0);
	}
}
@-webkit-keyframes glitch-loop-2 {
	0% {
		top: -1px;
		left: 1px;
		clip: rect(32px, 9999px, 59px, 0);
	}
	25% {
		top: -6px;
		left: 2px;
		clip: rect(39px, 9999px, 9px, 0);
	}
	50% {
		top: -3px;
		left: 2px;
		clip: rect(34px, 9999px, 5px, 0);
	}
	75% {
		top: 0px;
		left: -2px;
		clip: rect(47px, 9999px, 26px, 0);
	}
	100% {
		top: -1px;
		left: -1px;
		clip: rect(15px, 9999px, 74px, 0);
	}
}
@keyframes glitch-loop-2 {
	0% {
		top: -1px;
		left: 1px;
		clip: rect(32px, 9999px, 59px, 0);
	}
	25% {
		top: -6px;
		left: 2px;
		clip: rect(39px, 9999px, 9px, 0);
	}
	50% {
		top: -3px;
		left: 2px;
		clip: rect(34px, 9999px, 5px, 0);
	}
	75% {
		top: 0px;
		left: -2px;
		clip: rect(47px, 9999px, 26px, 0);
	}
	100% {
		top: -1px;
		left: -1px;
		clip: rect(15px, 9999px, 74px, 0);
	}
}

#bottom {
	position: relative;
	height: 258px;
	margin-top: -258px;
	background: url(../img/bottom.png) center top;
	background-size: auto 100%;
}
@-webkit-keyframes rotate {
	from { 
		-webkit-transform: rotate(0); 
		transform: rotate(0);
	}
	to { 
		-webkit-transform: rotate(1080deg); 
		transform: rotate(1080deg);
	}
}
@keyframes rotate {
	from { 
		-webkit-transform: rotate(0); 
		transform: rotate(0);
	}
	to { 
		-webkit-transform: rotate(1080deg); 
		transform: rotate(1080deg);
	}
}
.spinner {
	position: relative;
	left: 150px;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	height: 5rem;
	width: 5rem;
}
.spinner > .dot {
	position: absolute;
	height: calc(5rem * .85);
	width: calc(5rem * .85);
	border-radius: 50%;
}
.spinner > .dot:after {
	content: '';
	position: absolute;
	height: calc(5rem * .15);
	width: calc(5rem * .15);
	border-radius: 50%;
}
.spinner > .dot:nth-of-type(1) {
	top: 0;
	left: 0;
	-webkit-animation: rotate 4s cubic-bezier(.17,.67,.83,.67) infinite;
	animation: rotate 4s cubic-bezier(.17,.67,.83,.67) infinite;
}
.spinner > .dot:nth-of-type(1):after {
	top: 50%;
	right: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	background: #00A6A6;
}
.spinner > .dot:nth-of-type(2) {
	top: 0;
	right: 0;
	-webkit-animation: rotate 3.8s cubic-bezier(.17,.67,.83,.67) infinite;
	animation: rotate 3.8s cubic-bezier(.17,.67,.83,.67) infinite;
}
.spinner > .dot:nth-of-type(2):after {
	bottom: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background: #FFC914;
}
.spinner > .dot:nth-of-type(3) {
	bottom: 0;
	right: 0;
	-webkit-animation: rotate 4.1s cubic-bezier(.17,.67,.83,.67) infinite;
	animation: rotate 4.1s cubic-bezier(.17,.67,.83,.67) infinite;
}
.spinner > .dot:nth-of-type(3):after {
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	background: #76B041;
}
.spinner > .dot:nth-of-type(4) {
	bottom: 0;
	left: 0;
	-webkit-animation: rotate 3.9s cubic-bezier(.17,.67,.83,.67) infinite;
	animation: rotate 3.9s cubic-bezier(.17,.67,.83,.67) infinite;
}
.spinner > .dot:nth-of-type(4):after {
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background: #E4572E;
}
#bottom .button {
	margin-top: 70px;
}

.title {
	margin-bottom: 60px;
	font-stretch: condensed;
	text-align: center;
	text-transform: uppercase;
}
.title h1 + *, .title h2 + * {
	color: #7A7A7A;
}
/*.letterDrop {
	position: relative;
	top: -4em;
	display: inline-block;
	text-transform: uppercase;
	opacity: 0.8;
	transform: rotateX(-90deg);
}
.drop .letterDrop {
	animation: letterDrop .88s ease normal forwards;
}
.drop .ld1 {
	animation-delay: 0.1s;
}
.drop .ld2 {
	animation-delay: 0.2s;
}
.drop .ld3 {
	animation-delay: 0.3s;
}
.drop .ld4 {
	animation-delay: 0.4s;
}
.drop .ld5 {
	animation-delay: 0.5s;
}
.drop .ld6 {
	animation-delay: 0.6s;
}
.drop .ld7 {
	animation-delay: 0.7s;
}
.drop .ld8 {
	animation-delay: 0.8s;
}
.drop .ld9 {
	animation-delay: 0.9s;
}
@keyframes letterDrop {
    10% {
        opacity: 0.5;
    }
    20% {
        opacity: 0.8;
        top: -2em;
        transform: rotateX(-360deg);
    }
    100% {
        opacity: 1;
        top: 0;
        transform: rotateX(360deg);
    }
}*/

#advantages {
	text-align: center;
}
#advantages .item {
	width: calc(100% / 3);
	margin-bottom: 60px;
}
#advantages .icon {
	height: 70px;
	margin-bottom: 20px;
}
#advantages h4 {
	color: #7A7A7A;
}
.icon-adv-1 {
	background: url(../img/icon-adv-1.svg) center no-repeat;
}
.icon-adv-2 {
	background: url(../img/icon-adv-2.svg) center no-repeat;
}
.icon-adv-3 {
	background: url(../img/icon-adv-3.svg) center no-repeat;
}
.icon-adv-4 {
	background: url(../img/icon-adv-4.svg) center no-repeat;
}
.icon-adv-5 {
	background: url(../img/icon-adv-5.svg) center no-repeat;
}
.icon-adv-6 {
	background: url(../img/icon-adv-6.svg) center no-repeat;
}

#price {
	padding-bottom: 80px;
}
#price .container {
	position: relative;
	max-width: 1180px;
}
#price .container:before {
	content: '';
	position: absolute;
	top: -10px;
	left: 50%;
	transform: translateX(-50%);
	width: 510px;
	height: 20px;
	background: rgba(0, 0, 0, 0.3);
	filter: blur(40px);
	border-radius: 50% 50% 0 0 / 100% 100% 0 0;
}
#price .container:after {
	content: '';
	position: absolute;
	top: 45%;
	left: -5px;
	width: 153px;
	height: 153px;
	background: linear-gradient(121.27deg, #FF8515 12.19%, #FF7223 60.49%);
	border-radius: 100%;
}
#price .box {
	position: relative;
	z-index: 9;
	padding-top: 75px;
	padding-bottom: 155px;
	background: linear-gradient(105.22deg, #F7F7F7 17.42%, #FCFCFC 68.66%);
}
#price .title h2 {
	margin-bottom: 40px;
}
#price .border {
	width: 1px;
	height: 55px;
	border-right: 1px dashed #797979;
}

#advice {
	position: relative;
	z-index: 9;
	margin-top: -155px;
	padding: 0;
	color: #FFF;
	text-align: center;
}
#advice .container {
	max-width: 1000px;
	padding: 50px 60px;
	background: linear-gradient(157.6deg, #EB7304 14.59%, #FF9900 83.98%);
	box-shadow: 20px 20px 40px rgba(0, 0, 0, 0.15);
}
#advice h3 {
	margin-top: 30px;
}

#info {
	height: 320px;
	margin-top: -75px;
	padding-top: 125px;
	padding-bottom: 30px;
	background: #000 url(../img/parallax.png) center no-repeat;
	background-attachment: fixed;
	color: #FFF;
}
#info h2 {
	text-align: right;
}

#links {
	padding-top: 20px;
	padding-bottom: 20px;
	background: linear-gradient(157.6deg, #EB7304 14.59%, #FF9900 83.98%);
	box-shadow: 20px 20px 40px rgba(0, 0, 0, 0.15);
	color: #FFF;
	text-align: center;
}
#links .container {
	max-width: 1000px;
}
#links a {
	font-size: 1.125rem;
	text-decoration: underline;
}
#links .dot {
	width: 10px;
	height: 10px;
	background: #FFF;
	border-radius: 100%;
}

#services .item {
	width: calc(100% / 3);
}
#services .icon {
	padding-left: 45px;
}
.icon-ser-1 {
	background: url(../img/icon-ser-1.svg) left center no-repeat;
}
.icon-ser-2 {
	background: url(../img/icon-ser-2.svg) left center no-repeat;
}
.icon-ser-3 {
	background: url(../img/icon-ser-3.svg) left center no-repeat;
}

#brands .container {
	max-width: 1230px;
}
#brands .item {
	text-align: center;
}
#brands a {
	filter: grayscale(100%);
}
#brands a:hover {
	filter: grayscale(0%);
}

#types .container {
	max-width: 1400px;
}
#types .item {
	position: relative;
	width: calc(50% - 50px);
}
#types .item-1 {
	left: 40px;
}
#types .item-2 {
	top: 70px;
	right: 40px;
}
.type {
	position: relative;
}
.type h2 {
	position: absolute;
	top: 75px;
	width: 100%;
	padding-left: 55px;
	padding-right: 55px;
	color: #FFF;
}
.type-1 h2 {
	text-align: right;
}
.type-2 h2 {
	text-align: left;
}
.type-3 h2 {
	text-align: center;
}
.type-1 img {
	margin-bottom: 50px
}
.type-1 ~ h4 {
	padding-right: 115px;
	text-align: right;
}

#why h5 {
	width: 100%;
	transition: all .12s ease-in;
}
#why .flex {
	margin-top: 45px;
}
#why .item {
	display: flex;
}
#why .item-1, #why .item-2 {
	width: 350px;
}
#why .item-1 {
	order: 1;
	text-align: right;
}
#why .item-2 {
	order: 3;
	text-align: left;
}
#why .item-3 {
	order: 2;
}
#why .separate {
	position: relative;
	width: 170px;
	height: 10px;
}
#why .dot {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 10px;
	height: 10px;
	background: #EF7A03;
	border-radius: 100%;
	transition: all .12s ease-in;
}
#why .separate:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	right: 50%;
	transform: translateY(-50%);
	height: 1px;
	border-bottom: 1px dashed #EB7303;
	transition: all .12s ease-in;
}
#why .item:hover h5 {
	color: #EB7303;
}
#why .item-1:hover ~ .item-3 .dot {
	left: 10%;
}
#why .item-2:hover ~ .item-3 .dot {
	left: 90%;
}
#why .item-1:hover ~ .item-3 .separate:after {
	left: 10%;
}
#why .item-2:hover ~ .item-3 .separate:after {
	right: 10%;
}

#reviews {
    z-index: 9;
	background: url(../img/reviews.png) center top;
}
#reviews .container {
	max-width: 1400px;
	padding-left: 0;
	padding-right: 0;
}
#reviews .left-arrow, #reviews .right-arrow {
	display: block;
	color: #7A7A7A;
	font-size: .625rem;
	font-stretch: condensed;
	text-transform: uppercase;
}
#reviews .left-arrow {
	float: left;
	margin-left: 85px;
	padding-left: 36px;
	background: url(../img/icon-left-arrow.svg) center left no-repeat;
}
#reviews .right-arrow {
	float: right;
	margin-right: 85px;
	padding-right: 36px;
	background: url(../img/icon-right-arrow.svg) center right no-repeat;
}
#reviews .left-arrow:hover, #reviews .right-arrow:hover {
	color: #EB7303;
}
#reviews .flex {
	width: 100%;
}

#reviews .slick-list {
	padding-top: 25px;
	padding-bottom: 25px;
	padding-left: 85px;
	padding-right: 85px;
}
#reviews .slick-track {
	height: 500px;
	padding-top: 25px;
	padding-bottom: 25px;
}
#reviews .slick-prev {
	left: 85px;
}
#reviews .slick-next {
	right: 85px;
}

#reviews .item {
	position: relative;
	width: 340px;
	margin: 25px 30px;
	padding: 30px 20px 70px;
	background: #FFFFFF url(../img/icon-quote.svg) center 92.5% no-repeat;
	box-shadow: 20px 4px 60px rgba(0, 0, 0, 0.1);
	text-align: center;
	transition: all .12s ease-in;
}
#reviews img {
	display: block;
	margin: auto;
	margin-top: -65px;
	border-radius: 50%;
}
#reviews h4 {
	margin-top: 30px;
	color: #EB7303;
	font-weight: 700;
	font-stretch: condensed;
	text-transform: uppercase;
}
#reviews p {
	margin-top: 20px;
	color: #7A7A7A;
}
#reviews .item:hover {
	box-shadow: 20px 4px 60px rgba(255, 114, 35, 0.25);
}

#news {
	padding-bottom: 20px;
	background: #F9F9F9;
}

.slick-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 9;
	width: 16px;
	height: 16px;
	margin: 0;
	padding: 0;
	background: none;
	border: 0;
	font-size: 0;
}
.slick-prev {
	left: -.9375rem;
	background: url(../img/icon-left-arrow.svg) center no-repeat;
}
.slick-next {
	right: -.9375rem;
	background: url(../img/icon-right-arrow.svg) center no-repeat;
}

#feedback {
	padding-top: 20px;
	padding-bottom: 140px;
	background: #F9F9F9;
}
#feedback input {
	width: 265px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 25px;
	margin-bottom: 40px;
	background: none;
	border: 0;
	border-bottom: 1px dashed #797979;
	color: #000;
	font-size: 1.125rem;
	font-stretch: condensed;
	text-transform: uppercase;
}
#feedback input[name=name] {
	background: url(../img/icon-name.svg) left center no-repeat;
}
#feedback input[name=brand] {
	background: url(../img/icon-brand.svg) left center no-repeat;
}
#feedback input[name=tel] {
	background: url(../img/icon-tel.svg) left center no-repeat;
}
#feedback input::placeholder {
	color: #000;
}
#feedback h6 {
	margin-top: -14px;
	font-size: .625rem;
	font-stretch: condensed;
	text-transform: uppercase;
}

.line {
	position: absolute;
	top: 55px;
    width: 30%;
	height: 1px;
	border-bottom: 1px dashed #797979;
}
.line.left {
	left: 0;
}
.line.right {
	right: 0;
}

.g-recaptcha {
	display: none;
}

.alert {
	position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999;
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: center;
}
.alert .close {
    margin-left: 30px;
    font-size: 1rem;
    background: #ec7404;
    color: #FFF;
    border: 0;
    border-radius: 100%;
}
.alert-success {
	background: rgb(135 255 135 / .75);
}
.alert-danger {
	background: rgb(255 130 130 / .75)
}

@media screen and (max-width: 1200px) {
	html {
		font-size: 14px;
	}
	#brands .item {
		padding: 0 40px;
	}
	.slick-prev {
		left: .625rem;
	}
	.slick-next {
		right: .625rem;
	}
	#types .item {
		width: 50%;
	}
	#types .item-1 {
		left: 15px;
	}
	#types .item-2 {
		right: 15px;
	}
}
@media screen and (max-width: 800px) {
	html {
		font-size: 12px;
	}
	header li + li, footer li + li {
		margin-left: 20px;
	}
	.button {
		width: 200px;
	}
	.type h2 {
		padding-left: 15px;
		padding-right: 15px;
	}
	#why .item-1, #why .item-2 {
		width: 200px;
	}
	#reviews .item {
		margin: 25px 15px;
	}
	#feedback input {
		width: 200px;
	}
}
@media screen and (max-width: 600px) {
	html {
		font-size: 14px;
	}
	.open {
		overflow: hidden;
	}
	.open header, .open main, .open footer {
		left: -70%;
	}
	.open .tel-box {
		display: none;	
	}
	.mobile {
		display: block;
	}
	.desktop {
		display: none;
	}
	h2, .h2 {
		font-size: 1.285rem;
		line-height: 1.285rem;
	}
	.menu {
		display: none;
	}
	header .menu {
		position: fixed;
		top: 0;
		right: -70%;
		z-index: 99;
		display: block;
		width: 70%;
		height: 100%;
		padding: 0 25px;
		background: #fff;
		color: #000;
		box-shadow: inset 10px 4px 20px rgba(0, 0, 0, 0.15);
		transition: all .12s ease-in;
	}
	.open header .menu {
		right: 0;
	}
	.contacts-list {
		margin-bottom: 30px;
		padding-bottom: 20px;
		border-bottom: 1px dashed #797979;
	}
	.close {
		width: 24px;
		height: 24px;
		margin: 0;
		padding: 0;
		background: url(../img/icon-close.svg) center no-repeat;
		border: 0;
	}
	.menu-list {
		flex-wrap: wrap;
		margin-top: 40px;
	}
	.menu-list li {
		justify-content: flex-end;
		width: 100%;
		margin-bottom: 15px;
	}
	.menu-list a {
		padding-bottom: 15px;
		border-bottom: 1px dashed #797979;
	}
	.menu .home {
		display: none;
	}
	#top h1 {
		margin-top: -40px;
		font-size: 2.5rem;
		line-height: 2.5rem;
	}
	#top .flex {
		height: 600px;
	}
	#bottom {
		background-size: 100%!important;
		background-repeat: no-repeat!important;
		background-position-y: bottom!important;
	}
	.button {
		position: relative;
		display: block;
		width: 270px;
		margin: auto;
		font-size: 1.285rem;
	}
	#bottom .button {
		background: #FFF;
		color: #EB7303;
	}
	#bottom .button:before {
		content: '';
		position: absolute;
		top: 50%;
		left: 90%;
		transform: translateY(-50%);
		z-index: 9;
		width: 48px;
		height: 48px;
		background: url(../img/icon-button.svg) 300% 150% no-repeat;
	}
	#bottom .button:after {
		content: '';
		position: absolute;
		top: 50%;
		left: 90%;
		transform: translateY(-50%);
		width: 48px;
		height: 48px;
		background: linear-gradient(126.73deg, #FF2222 21.42%, #FF7223 78.85%);
		box-shadow: 10px 4px 20px rgba(0, 0, 0, 0.25);
		border-radius: 100%;
	}
	.title {
		margin-bottom: 40px;
	}
	#advantages .item {
		margin-bottom: 0;
	}
	#price .container:before {
		width: 100%;
	}
	#price .box {
		padding-left: 20px;
		padding-right: 20px;
	}
	#price .item {
		width: 100%;
		margin-bottom: 25px;
	}
	#price .border {
		width: 55px;
		height: 1px;
		border: 0;
		border-bottom: 1px dashed #797979;
	}
	#advice .container {
		max-width: 345px;
		padding: 35px 10px;
	}
	#info {
		height: auto;
	}
	#info .item {
		width: 100%;
	}
	#info .item-1 {
		order: 2;
	}
	#info .item-2 {
		order: 1;
	}
	#info h2 {
		margin-bottom: 30px;
		font-size: 1.715rem;
	}
	#links .item {
		max-width: 125px;
	}
	#links a {
		line-height: 1.125rem;
	}
	#services .item {
		width: 100%;
		margin-bottom: 40px;
		padding-left: 30px;
		text-align: left;
	}
	#services .icon {
		display: inline-block;
	}
	#brands .line {
		top: 0;
		left: 50%;
		right: auto;
		transform: translateX(-50%);
		width: 50%;
	}
	#types .item {
		width: 100%;
		margin-bottom: 40px;
	}
	#types .item-1 {
		order: 2;
		left: 0;
	}
	#types .item-2 {
		order: 1;
		top: 0;
		right: 0;
	}
	#types .item-3 {
		order: 3;
	}
	.type h2 {
		top: 15px;
		font-size: 1.875rem;
	}
	.type-1 ~ h4 {
		padding-right: 15px;
	}
	#why .flex {
		margin-top: 0;
	}
	#why .item {
		width: 100%;
		max-width: 100%;
		margin-top: 15px;
		text-align: center;
	}
	#why .item-3 {
		display: none;
	}
	#why .separate {
		width: 100px;
	}
	#reviews .left-arrow, #reviews .right-arrow {
		display: none;
	}
	#reviews .slick-list {
		padding-left: 20px;
		padding-right: 20px;
	}
	#reviews .slick-prev {
		left: 15px;
	}
	#reviews .slick-next {
		right: 15px;
	}
	#feedback form {
		padding: 0 15px;
	}
	#feedback .item, #feedback input {
		width: 100%;
	}
	footer .logo {
		margin: auto;
	}
	.line {
		top: 53px;
		width: 15%;
	}
}