@font-face {
	font-family: 'Gilroy';
	src: url(../fonts/Gilroy-SemiBold.woff2) format("woff2"), url(../fonts/Gilroy-SemiBold.woff) format("woff"), url(../fonts/Gilroy-SemiBold.ttf) format("truetype"), url(../fonts/Gilroy-SemiBold.svg#Gilroy-SemiBold) format("svg");
	font-weight: 600;
	font-style: normal
}
@font-face {
	font-family: 'Gilroy';
	src: url(../fonts/Gilroy-Regular.woff2) format("woff2"), url(../fonts/Gilroy-Regular.woff) format("woff"), url(../fonts/Gilroy-Regular.ttf) format("truetype"), url(../fonts/Gilroy-Regular.svg#Gilroy-Regular) format("svg");
	font-weight: 400;
	font-style: normal
}
html * {
	max-height: 1000000px
}
html {
	height: 100%
}
*, html {
	-moz-text-size-adjust: none;
	-webkit-text-size-adjust: none;
	-ms-text-size-adjust: none
}
body, main input, main select, main textarea {
	font-family: "Gilroy", arial, sans-serif;
	font-weight: 400;
	font-size: 16px
}
body {
	color: #050b0e;
	font-style: normal;
	min-width: 280px;
	background: #fff;
	-moz-text-size-adjust: none;
	-webkit-text-size-adjust: none;
	-ms-text-size-adjust: none;
	line-height: initial;
	height: 100%
}
.error404 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}
.error404 .content {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1
}
body, ul {
	padding: 0
}
li, ul {
	list-style: none
}
main input, main select, main textarea {
	position: relative;
	outline: 0;
	-webkit-appearance: none;
	appearance: none;
	-moz-appearance: none
}
input[type=submit] {
	cursor: pointer
}
a, div, main input, main select, main textarea, section {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box
}
section {
	overflow: hidden
}
table {
	border-collapse: collapse;
	padding: 0
}
.form__checkbox label, body, h1, h2, h3, h4, h5, h6, ul {
	margin: 0
}
a {
	color: #fd8989;
	font-size: 16px;
	outline: 0;
	text-decoration: none!important
}
img {
	border: 0
}
b {
	font-weight: 700
}
::-webkit-input-placeholder {
	color: #b5bab7
}
:-moz-placeholder, ::-moz-placeholder {
	color: #b5bab7
}
:-ms-input-placeholder {
	color: #b5bab7
}
:focus::-webkit-input-placeholder {
	color: transparent
}
:focus:-moz-placeholder, :focus::-moz-placeholder {
	color: transparent
}
:focus:-ms-input-placeholder {
	color: transparent
}
input.error::-webkit-input-placeholder {
	color: red
}
input.error:-moz-placeholder, input.error::-moz-placeholder {
	color: red
}
input.error:-ms-input-placeholder {
	color: red
}
input.error, textarea.error {
	border-color: red!important
}
input.error+label, textarea.error+label {
	color: red!important
}
button, input:active, textarea:active {
	outline: 0
}
input::-webkit-inner-spin-button, input::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0
}
input[type=number] {
	-moz-appearance: textfield
}
input[type=text].error, select.error {
	border-color: red
}
input.error+label, textarea.error {}
.form__checkbox input.error+span {
	color: red
}
.form {
	background: #fff;
	border-radius: 10px;
	padding: 15px;
	-webkit-box-shadow: 0 4px 59px rgba(163, 169, 183, .15);
	box-shadow: 0 4px 59px rgba(163, 169, 183, .15);
	max-width: 400px;
	width: 100%
}
.form .fancybox-close-small {
	right: 10px;
	top: 10px
}
.form__inner {
	border-radius: 10px;
	padding: 40px 25px;
	border: 1px solid #eaedf3
}
.form__title {
	text-align: center;
	font-size: 28px;
	font-family: 'Gilroy';
	font-weight: 600;
	margin: 0 0 15px
}
.form__subtitle {
	font-size: 16px;
	text-align: center;
	font-weight: 400;
	margin: 0 0 30px;
	color: #19191c
}
.form__pp {
	text-align: center;
	font-size: 12px;
	margin: 15px 0 0
}
.form__input, .form__pp a {
	-webkit-transition: .5s all ease;
	-o-transition: .5s all ease;
	transition: .5s all ease
}
.form__pp a {
	border-bottom: 1px solid #152023;
	color: #152023;
	font-size: 13px
}
.footer__pp {
	max-width: 300px;
}
.footer__pp a:hover, .form__pp a:hover, .srvtable__link a:hover {
	border-color: transparent
}
.form__button .button {
	padding: 22px 0 20px;
	font-size: 22px
}
.form__field {
	margin: 0 0 20px;
	position: relative
}
.form__input {
	border: 1px solid transparent;
	font-size: 16px;
	color: #050b0e;
	font-family: "Gilroy", arial, sans-serif;
	font-weight: 400;
	display: block;
	background: #f9f9f9;
	width: 100%;
	outline: 0;
	padding: 20px 10px 20px 50px;
	border-radius: 35px
}
.form__field-icon {
	position: absolute;
	left: 20px;
	top: 50%;
	margin-top: -9px
}
.form__input.complete {
	border-color: #1fe132
}
.form__control .button {
	width: 100%;
	padding: 21px 0;
	outline: 0;
	font-size: 22px
}
.form__checkbox {
	margin: 25px 0 0
}
.form__checkbox span {
	font-size: 12px;
	display: inline-block;
	padding: 0 0 0 36px;
	line-height: 1.1;
	position: relative;
	color: #333;
	cursor: pointer
}
.form__checkbox span:before {
	width: 22px;
	height: 22px;
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -11px;
	border: 2px solid #fd8989
}
.form__checkbox span:after {
	width: 14px;
	height: 14px;
	content: '';
	position: absolute;
	left: 4px;
	top: 50%;
	margin-top: -7px;
	background: #fd8989;
	-webkit-transition: .5s all ease;
	-o-transition: .5s all ease;
	transition: .5s all ease;
	opacity: 0;
	visibility: hidden
}
.form__checkbox input:checked+span:after {
	opacity: 1;
	visibility: visible
}
.form__checkbox input {
	display: none
}
.form__inline {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}
.form__inline .form__item {
	width: 49%
}
.select {
	position: relative
}
.form__label {
	display: block;
	margin: 0 0 10px;
	font-weight: 400;
	font-size: 14px;
	text-align: center
}
.optionz li:before, .select-custom {
	display: none
}
.form__select {
	position: relative;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	border: 1px solid #d2d2d2;
	font-size: 15px;
	color: #1d2b3a;
	font-family: "Gilroy", arial, sans-serif;
	font-weight: 400;
	display: block;
	width: 100%;
	outline: 0;
	padding: 14px 20px;
	background: #fff;
	border-radius: 3px;
	cursor: pointer
}
.form__select:disabled {
	opacity: .4
}
.form__select:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 15px;
	margin-top: -2px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 4.5px 0;
	border-color: #000 transparent transparent
}
.form__select.active, .form__select:active {
	border-color: #285585
}
.optionz {
	display: none;
	position: absolute;
	top: calc(100% - 2px);
	right: 0;
	font-size: 14px;
	left: 0;
	z-index: 999;
	margin: 0;
	padding: 0;
	list-style: none;
	background-color: #fff;
	-webkit-box-shadow: 0 6px 8px rgba(0, 0, 0, .2);
	box-shadow: 0 6px 8px rgba(0, 0, 0, .2);
	border: 1px solid #707070;
	border-top: 0
}
.optionz li {
	position: static;
	margin: 0!important;
	padding: 7px 20px!important;
	cursor: pointer
}
.optionz li:hover {
	background-color: #fd8989;
	color: #fff
}
textarea {
	resize: none;
	height: 90px
}
input[type=submit]:not(.btn) {
	border: 0;
	width: 100%
}
.button {
	border-radius: 12px;
	color: #fff;
	outline: 0!important;
	font-weight: 600;
	display: inline-block;
	font-size: 16px;
	padding: 17px 20px 15px;
	border: 0;
	border-bottom: 2px solid #832222;
	-webkit-transition: .5s all ease;
	-o-transition: .5s all ease;
	transition: .5s all ease;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	position: relative;
	overflow: hidden;
	width: 100%;
	background: #fd8989;
	background: -webkit-gradient(linear, left top, left bottom, from(#fd8989), to(#ba3636));
	background: -o-linear-gradient(top, #fd8989 0%, #ba3636 100%);
	background: linear-gradient(180deg, #fd8989 0%, #ba3636 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fd8989", endColorstr="#ba3636", GradientType=1)
}
.button:hover {
	-webkit-box-shadow: none;
	box-shadow: none;
	border-color: transparent;
	-webkit-transform: translateY(3px);
	-ms-transform: translateY(3px);
	transform: translateY(3px);
	color: #fff
}
.mobile-menu-button {
	min-width: 25px;
	height: 15px;
	background: 0 0;
	margin-left: 20px;
	position: relative
}
.mobile-menu-button span {
	background: #fd8989;
	width: 100%;
	height: 3px;
	display: block;
	right: 0;
	position: absolute;
	-webkit-transition: .5s all ease;
	-o-transition: .5s all ease;
	transition: .5s all ease
}
.mobile-menu-button span:nth-child(1) {
	top: 0
}
.mobile-menu-button span:nth-child(2) {
	top: 50%;
	margin-top: -1.5px
}
.mobile-menu-button span:nth-child(3) {
	top: auto;
	bottom: 0
}
.mobile-menu-button.active span:nth-child(1) {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: 50%
}
.mobile-menu-button.active span:nth-child(2) {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	margin: 0
}
.mobile-menu-button.active span:nth-child(3) {
	opacity: 0;
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg)
}
.header__wrapper {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	border-bottom: 1px solid #eee;
	padding: 10px 0
}
.header__wrapper, .socials__link, .socials__list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}
.socials__link {
	font-size: 0;
	width: 100%;
	height: 100%;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}
.socials__link img {
	display: block;
	max-width: 100%
}
.socials__item {
	width: 30px;
	border-radius: 3PX;
	overflow: hidden;
	margin: 0 5px
}
.socials__item:hover {
	-webkit-transform: rotate(15deg);
	-ms-transform: rotate(15deg);
	transform: rotate(15deg)
}
.header__logo, .header__logo-img, .header__logo-link, .socials__item {
	-webkit-transition: .5s all ease;
	-o-transition: .5s all ease;
	transition: .5s all ease
}
.header__logo-img, .header__logo-link {
	display: block
}
.header__logo-link {
	font-size: 0
}
.header__logo-img {
	max-width: 100%
}
.header__worktime {
	font-size: 14px;
	line-height: 1.5
}
.main-phone {
	position: relative;
	padding: 0 0 0 45px
}
.main-phone__link {
	display: inline-block;
	color: #000;
	font-size: 24px;
	font-weight: 600;
	position: relative;
	-webkit-transition: .5s all ease;
	-o-transition: .5s all ease;
	transition: .5s all ease
}
.main-phone__link:hover {
	color: #fd8989
}
.main-phone__icon {
	font-size: 0;
	display: block;
	margin-right: 5px
}
.header__phone {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}
.main-phone__whatsapp {
	position: absolute;
	left: 0;
	top: 50%;
	background: url(../img/wa-logo.svg) no-repeat center/contain;
	margin-top: -17.5px
}
.main-phone__whatsapp img {
	width: 35px;
	height: 35px
}
.menu {
	width: 100%;
	background: #fff;
	z-index: 100
}
.fixed-scroll .menu {
	position: fixed;
	top: 0;
	left: 0;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .3);
	box-shadow: 0 5px 10px rgba(0, 0, 0, .3)
}
.fixed-scroll .menu .menu__list {
	padding: 10px 0
}
.fixed-scroll .menu .menu__link {
	font-size: 16px
}
.menu, .menu__link, .menu__list {
	-webkit-transition: .5s all ease;
	-o-transition: .5s all ease;
	transition: .5s all ease
}
.menu__list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 20px 0
}
.menu__link {
	font-size: 20px;
	font-weight: 600;
	color: #000;
	border-bottom: 1px solid transparent;
	padding: 5px 0
}
.menu__link:hover {
	color: #8dc1bf;
	border-color: #8dc1bf
}
.home {
	background: url(../img/bg1.jpg) no-repeat center/cover;
	height: 730px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 100px
}
.home__wrapper {
	position: relative;
	max-width: 530px;
	width: 100%
}
.offer {
	position: absolute;
	z-index: 10;
	bottom: 0;
	background: #d1eeed;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	width: 310px;
	padding: 40px 20px 20px 40px;
	right: 15px
}
.offer__item p {
	font-weight: 600;
	font-size: 18px;
	margin: 0
}
.offer__item span {
	font-size: 14px;
	display: block
}
.offer__item {
	margin: 0 0 20px
}
.home__container {
	height: 100%;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative
}
.home__wrapper h1 {
	font-size: 61px;
	line-height: 1;
	font-weight: 600;
	margin: 0 0 20px
}
.home__wrapper h2 {
	font-size: 33px;
	margin: 0 0 40px
}
.home__ben, .home__ben-item, .home__ben-thumb, .home__container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}
.home__ben {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 50px
}
.home__ben-item, .home__ben-thumb {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}
.home__ben-item {
	margin: 0 0 30px;
	padding: 0 15px 0 0;
	width: 50%
}
.home__ben-thumb {
	width: 55px
}
.garanty__image img, .home__ben-thumb img {
	display: block;
	max-width: 100%
}
.home__ben-text {
	margin: 0;
	width: calc(100% - 55px)
}
.home__button .button {
	padding: 27px 0 25px;
	font-size: 20px
}
.services {
	padding-bottom: 100px
}
.section-title {
	font-size: 50px;
	font-weight: 600;
	line-height: 1.2;
	margin: 0 0 40px
}
.section-heading p {
	font-size: 32px
}
.section-heading {
	margin: 0 0 50px
}
.srvtable {
	width: 100%;
	border-radius: 20px
}
.srvtable-text-center td, .srvtable-text-center th {
	text-align: center
}
.srvtable th {
	background: #d1eeed;
	font-size: 20px;
	padding: 25px 30px;
	-webkit-box-shadow: 0 15px 25px rgba(215, 219, 227, .5);
	box-shadow: 0 15px 25px rgba(215, 219, 227, .5)
}
.srvtable-with-dark-col th:nth-child(3) {
	background: #b8e1e0
}
.srvtable-with-dark-col th:last-child {
	background: #d1eeed!important
}
.srvtable td {
	border: 1px solid #ecf0f7;
	padding: 25px 30px;
	font-size: 18px
}
.srvtable-with-dark-col td:nth-child(3) {
	background: #ecf0f7
}
.srvtable-with-dark-col td:last-child {
	background: #fff!important
}
.engineer__content ul, .srvtable-wrapper {
	margin: 0 0 40px
}
.srvtable__button {
	margin: 0 0 20px
}
.srvtable__link a {
	font-size: 16px;
	color: #000;
	border-bottom: 1px solid #000;
	font-weight: 600;
	-webkit-transition: .5s all ease;
	-o-transition: .5s all ease;
	transition: .5s all ease
}
.srvtable__button .button {
	max-width: 230px;
	padding: 20px 0 18px
}
.srvtable-mobile__item {
	margin: 0 0 30px;
	overflow: hidden
}
.srvtable-mobile__title {
	background: #d1eeed;
	-webkit-box-shadow: 0 15px 25px rgba(215, 219, 227, .5);
	box-shadow: 0 15px 25px rgba(215, 219, 227, .5);
	font-weight: 600;
	font-size: 18px;
	padding: 20px 30px
}
.srvtable-mobile__prop {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 10px 30px;
	border-bottom: 1px solid #ecf0f7
}
.srvtable-mobile__props {
	border-left: 1px solid #ecf0f7;
	border-right: 1px solid #ecf0f7
}
.srvtable-mobile__controls {
	padding: 20px 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: space-evenly;
	-ms-flex-pack: space-evenly;
	justify-content: space-evenly;
	border: 1px solid #ecf0f7
}
.srvtable-mobile__controls .srvtable__button {
	margin: 0
}
.srvtable-mobile__prop:last-child {
	border: 0
}
.srvtable-mobile__prop-info {
	font-weight: 600;
	width: 50%
}
.srvtable-mobile__prop-value {
	width: 50%
}
.srvtable-mobile__note.offer-details {
	left: auto;
	right: auto;
	top: auto;
	bottom: auto;
	position: relative;
	margin-top: 10px
}
.srvtable-mobile__note .offer-details__content {
	opacity: 1;
	visibility: visible;
	position: static;
	width: auto;
	padding: 25px 10px 15px;
	font-size: 12px
}
.srvtable-mobile__note .offer-details__icon {
	position: absolute;
	top: 5px;
	left: 5px
}
.services__offer {
	margin-bottom: 50px
}
.services__offer-title {
	font-size: 20px;
	font-weight: 600;
	margin: 0 0 10px;
	position: relative;
	display: inline-block;
	padding: 0 28px 0 0
}
.offer-details {
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer
}
.offer-details:hover .offer-details__content {
	opacity: 1;
	visibility: visible
}
.services__offer-preview {
	margin: 0;
	font-size: 18px
}
.offer-details__content {
	-webkit-transition: .5s all ease;
	-o-transition: .5s all ease;
	transition: .5s all ease;
	position: absolute;
	opacity: 0;
	visibility: hidden;
	width: 320px;
	background: #fff;
	font-weight: 400;
	font-size: 14px;
	padding: 25px;
	-webkit-box-shadow: 5px 10px 50px rgba(215, 219, 227, .3);
	box-shadow: 5px 10px 50px rgba(215, 219, 227, .3);
	margin: 0;
	top: -5px;
	z-index: 100;
	left: -5px;
	border-radius: 5px;
	line-height: 1.4
}
.services__offer-wrapper {
	position: relative
}
.offer-details__icon {
	display: block;
	color: red;
	width: 15px;
	line-height: 13px;
	border: 1px solid red;
	text-align: center;
	font-size: 12px;
	border-radius: 50%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	z-index: 110
}
.services__offer-note {
	top: 6px
}
.garanty {
	margin-bottom: 100px
}
.garanty__wrapper {
	border-radius: 10px;
	background: #d1eeed;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 40px 60px;
	-webkit-box-shadow: 10px 5px 50px rgba(215, 219, 227, .3);
	box-shadow: 10px 5px 50px rgba(215, 219, 227, .3)
}
.garanty__content {
	width: 65%;
	padding: 0 20px 0 0
}
.garanty__image {
	width: 35%
}
.garanty__content p {
	margin: 0;
	line-height: 1.5;
	font-size: 20px
}
.quiz {
	margin-bottom: 100px
}
.quiz__wrapper {
	height: 480px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background: url(../img/quizbg.jpg) no-repeat center/cover;
	text-align: center;
	border-radius: 10px;
	overflow: hidden
}
.quiz__intro h2, .quiz__intro h3 {
	color: #fff;
	font-weight: 600;
	font-size: 40px;
	margin: 0 0 10px
}
.quiz__intro p {
	color: #fff;
	font-size: 22px;
	margin: 0 0 30px
}
.quiz__intro h3 {
	font-size: 24px
}
.quiz__intro span {
	display: block;
	margin: 0 0 40px;
	color: #fff;
	font-size: 18px
}
.quiz__button {
	max-width: 400px;
	margin: 0 auto
}
.quiz__button .button {
	padding: 27px 0 25px
}
.wwd__item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 50px
}
.wwd__item:nth-child(even) {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse
}
.wwd__content h3 {
	font-size: 45px;
	font-weight: 600;
	margin: 0 0 20px
}
.engineer__content p, .wwd__content p {
	font-size: 20px;
	line-height: 1.5
}
.wwd__video iframe {
	height: 445px;
	width: 100%
}
.wwd__image img {
	display: block;
	width: 100%
}
.engineer {
	padding: 100px 0 80px;
	background: #d1eeed
}
.engineer .section-title {
	text-align: center
}
.engineer__row {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}
.engineer__image {
	border-radius: 10PX;
	OVERFLOW: hidden
}
.engineer__image img {
	width: 100%
}
.engineer__content h3 {
	font-weight: 600;
	margin: 0 0 25px
}
.engineer__content li {
	padding: 0 0 0 35px;
	margin: 0 0 25px;
	position: relative
}
.engineer__content li:before {
	content: '';
	position: absolute;
	top: -2px;
	left: 0;
	background: url(../img/icon-list.svg) no-repeat center;
	width: 22px;
	height: 22px
}
.engineer__content p {
	margin: 0 0 30px
}
.engineer__button {
	max-width: 380px
}
.engineer__button .button {
	padding: 25px 0 23px;
	font-size: 18px
}
.transport {
	height: 650px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}
.transport__image {
	position: absolute;
	left: 95%;
	top: 50%;
	margin-top: -290px;
	z-index: -1
}
.transport__content {
	max-width: 600px;
	position: relative
}
.transport__content p {
	margin: 0;
	font-size: 18px
}
.reviews {
	background: #d1eeed;
	padding: 100px 0;
	margin: 0 0 60px
}
.reviews .section-title {
	text-align: center
}
.reviews__item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	background: #fff;
	border-radius: 10px;
	overflow: hidden;
	-webkit-box-shadow: 5px 10px 50px rgba(215, 219, 227, .3);
	box-shadow: 5px 10px 50px rgba(215, 219, 227, .3)
}
.reviews__thumb {
	width: 45%
}
.reviews__thumb img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}
.reviews__content {
	width: 55%;
	padding: 50px 50px 50px 30px
}
.reviews__titile {
	font-size: 32px;
	font-weight: 600;
	margin: 0 0 20px
}
.reviews__content h4 {
	font-size: 18px;
	font-weight: 600;
	margin: 0 0 40px
}
.reviews__content p {
	line-height: 1.5
}
.reviews__props {
	margin: 40px 0 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
.reviews__props-item {
	width: 45%;
	margin: 0 0 20px;
	padding: 0 20px 0 0
}
.about__item span, .reviews__props-item span {
	display: block
}
.reviews__props-item p {
	font-weight: 600;
	margin: 0
}
.reviews__slider-wrapper {
	position: relative
}
.slider-arr {
	position: absolute;
	z-index: 50;
	width: 65px;
	height: 65px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	top: 50%;
	margin-top: -32.5px;
	background: #9cb1b0;
	-webkit-transition: .5s all ease;
	-o-transition: .5s all ease;
	transition: .5s all ease;
	border-radius: 50%;
	left: -32.5px;
	cursor: pointer;
	outline: 0
}
.slider-arr:hover {
	background: #fd8989
}
.slider-arr-next {
	right: -32.5px;
	left: auto
}
.slider-arr-prev svg {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg)
}
.about {
	margin: 0 0 60px
}
.about__content p {
	line-height: 1.5;
	font-size: 18px;
	margin: 0
}
.about__row {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 50px
}
.about__numbers {
	-webkit-box-shadow: 10px 5px 50px rgba(215, 219, 227, .3);
	box-shadow: 10px 5px 50px rgba(215, 219, 227, .3);
	padding: 40px 50px;
	border-radius: 10px
}
.about__item p {
	font-size: 35px;
	font-weight: 600;
	line-height: 1;
	margin: 0
}
.about__item {
	margin: 0 0 30px
}
.about__item:last-child {
	margin: 0
}
.about__slide img {
	height: 360px;
	-o-object-fit: cover;
	object-fit: cover
}
.about__slide {
	border-radius: 10px;
	overflow: hidden;
	-webkit-box-shadow: 10px 5px 50px rgba(215, 219, 227, .3);
	box-shadow: 10px 5px 50px rgba(215, 219, 227, .3)
}
.about__slider-wrapper {
	position: relative
}
.about__slider {
	padding: 0 0 20px
}
.contacts {
	background: #e8edf2;
	margin: 0 0 100px
}
.contacts__heading {
	margin: 0 0 50px
}
.contacts__heading p {
	font-size: 24px;
	margin: 0
}
.contacts__container {
	position: relative;
	height: 100%;
	padding-top: 100px;
	padding-bottom: 90px
}
.contacts__label {
	display: block;
	margin: 0 0 25px
}
.contacts__phone-link {
	font-size: 44px;
	line-height: 1;
	color: #000;
	-webkit-transition: .5s all ease;
	-o-transition: .5s all ease;
	transition: .5s all ease
}
.contacts__phone-link:hover {
	color: #fd8989
}
.contacts__phone {
	margin: 0 0 40px
}
.contacts__button .button {
	padding: 30px 0 27px;
	font-size: 22px
}
.contacts__button {
	max-width: 355px
}
.contacts__socials .socials__item {
	border-radius: 50%;
	width: 40px
}
.contacts__address p {
	line-height: 1.5
}
.map {
	margin: 0 0 100px
}
.map .section-title {
	text-align: center;
	margin-bottom: 50px
}
#map, .map__frame {
	height: 700px
}
.contacts__address p, .final-offer p {
	font-size: 18px;
	margin: 0
}
.final-offer {
	margin: 0 0 100px
}
.footer__wrapper {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 15px 0;
	border-top: 1px solid #d9e1e2
}
.footer__company, .footer__wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}
.footer__logo-ling {
	display: block;
	font-size: 0
}
.footer__logo-img {
	display: block;
	max-width: 100%
}
.footer__info {
	padding: 0 0 0 20px
}
.footer__copyrights, .footer__pp a {
	font-size: 14px
}
.footer__pp a {
	color: #000;
	-webkit-transition: .5s all ease;
	-o-transition: .5s all ease;
	transition: .5s all ease;
	border-bottom: 1px solid #000
}
.footer__dev {
	max-width: 270px
}
.about__slide img, .footer__dev img {
	display: block;
	width: 100%
}
.service {
	overflow: visible;
	max-width: 1140px;
	padding: 80px 40px 0;
	width: 100%;
	margin: 40px 0
}
.service__heading {
	margin: 0 0 50px;
	text-align: center
}
.service__heading .section-title {
	text-align: center;
	margin: 0
}
.service__subtitle {
	text-align: center;
	font-size: 20px;
	margin: 25px 0 0
}
.srvtable__value {
	position: relative;
	display: inline-block;
	padding: 0 25px 0 0
}
.srvtable__note {
	top: 2px
}
.srvtable__cell-note {
	font-size: 14px;
	display: block
}
.srvtable__oldprice {
	font-size: 14px;
	text-decoration: line-through;
	display: inline-block;
	margin: 0 0 0 10px
}
.service__table {
	margin: 0 0 50px
}
.service__table-3 td, .service__table-3 th {
	width: 25%
}
.service__table-2 td, .service__table-2 th {
	width: 33%
}
.service__item-title, .service__table-heading {
	text-align: center;
	font-size: 32px;
	font-weight: 600;
	margin: 0 0 30px
}
.service__item-title {
	padding: 0 0 20px;
	border-bottom: 1px solid #ecf0f7
}
.service__prop-inline {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 25px
}
.service__prop-info, .service__prop-value {
	font-size: 17px
}
.service__item {
	margin: 0 0 50px
}
.service__props-columns {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
.service__props-column {
	width: 33.3333%;
	padding: 0 20px;
	border-right: 1px solid #ecf0f7;
	text-align: center
}
.service__props-column:last-child {
	padding: 0;
	border: 0
}
.service__items {
	margin: 0 0 70px
}
.service__props-column .service__prop {
	padding-bottom: 25px
}
.service__prop-uppertitle {
	font-size: 14px;
	font-weight: 400;
	display: block;
	margin: 0 0 10px
}
.service__props-column .service__prop-info {
	font-weight: 600
}
.service__props-column .service__prop-value {
	margin: 10px 0 0
}
.service__prop-info-wrapper {
	position: relative;
	display: inline-block;
	padding: 0 25px
}
.service__callback {
	margin: 0 -40px;
	background: #d1eeed;
	height: 450px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 0 40px
}
.service__callback-wrapper .section-title {
	text-align: center
}
.service__callback-wrapper {
	max-width: 800px
}
.service__callback-wrapper p {
	text-align: center;
	font-size: 20px;
	margin: 0 0 50px
}
.service__callback-button {
	text-align: center;
	max-width: 380px;
	margin: 0 auto
}
.service__callback-button .button {
	font-size: 20px;
	padding: 30px 0 27px
}
.sidebar {
	position: fixed;
	height: 100%;
	width: 300px;
	top: 0;
	background: #add8e6;
	z-index: 1000;
	right: -100%;
	-webkit-transition: .5s all ease;
	-o-transition: .5s all ease;
	transition: .5s all ease
}
.sidebar.active {
	right: 0
}
.sidebar__wrapper {
	height: 100%;
	padding: 40px 15px 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}
.sidebar__socials {
	margin: 0 0 20px -5px
}
.sidebar__phone {
	margin: 0 0 25px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 0
}
.sidebar .menu__list {
	display: block;
	padding: 0
}
.sidebar .menu__link {
	padding: 5px 0;
	display: inline-block;
	font-weight: 700
}
.sidebar .menu__item {
	margin: 2px 0
}
.header__worktime {
	text-align: left
}
.sidebar__logo {
	margin: 0 0 20px
}
.sidebar__top {
	position: relative
}
.sidebar__mobile-button {
	position: absolute;
	right: 0;
	top: 0
}
.popup-pp {
	max-width: 640px;
	width: 100%;
	padding: 0;
	height: 90%;
	overflow: hidden
}
.popup-pp .form__inner {
	overflow: auto;
	height: 100%
}
.popup-pp .fancybox-close-small {
	right: 15px
}
.page404 {
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background: #d1eeed;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}
.page404__logo, .page404__title {
	margin: 0 0 15px;
	text-align: center
}
.page404__title {
	font-weight: 700;
	font-size: 100px;
	line-height: 1;
	margin: 0 0 30px
}
.page404__subtitle {
	text-align: center;
	font-weight: 700;
	margin: 0 0 40px;
	font-size: 32px
}
.page404__button {
	text-align: center
}
.page404__button .button {
	width: auto;
	display: inline-block
}
.banners {
	margin-bottom: 80px
}
.banners__slide {
	-webkit-transition: .5s all ease;
	-o-transition: .5s all ease;
	transition: .5s all ease;
	opacity: .5;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
.banners__slide.swiper-slide-active {
	opacity: 1;
	-webkit-user-select: auto;
	-moz-user-select: auto;
	-ms-user-select: auto;
	user-select: auto
}
.banners__item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-size: cover;
	background-repeat: no-repeat
}
.banners__pagination {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
	left: 0;
	bottom: 0
}
.banners__wrapper {
	position: relative;
	padding-bottom: 30px
}
.banners__pagination .swiper-pagination-bullet {
	margin: 0 5px;
	opacity: 1;
	background: #d1eeed;
	-webkit-transition: .5s all ease;
	-o-transition: .5s all ease;
	transition: .5s all ease
}
.banners__pagination .swiper-pagination-bullet-active {
	background: #fd8989
}
.banners__item-content {
	max-width: 650px;
	width: 100%;
	padding: 20px 30px
}
.banners__item img {
	display: block;
	max-width: 100%;
	width: 100%
}
.banners__item-subtitle, .banners__item-title {
	font-weight: 700;
	font-size: 51px;
	line-height: 1
}
.banners__item-subtitle {
	position: relative;
	color: #fff;
	text-transform: uppercase;
	font-size: 48px;
	padding: 5px 10px 5px 0
}
.banners__item-subtitle:before {
	content: '';
	position: absolute;
	left: -30px;
	top: -15px;
	background: url(../img/bannertextbefore.png) no-repeat right center/contain;
	width: 347px;
	height: 72px
}
.banners__item-subtitle span {
	position: relative;
	z-index: 1
}
.banners__item-text {
	font-size: 23px
}
.banners__item-text span {
	color: #fd8989;
	font-weight: 700
}
.banners__item-text p {
	margin: 0
}
.banners__item-note {
	margin: 15px 0 0
}
.banners__item-note span {
	position: relative;
	padding: 0 0 0 30px;
	font-size: 14px
}
.banners__item-note span:before {
	content: '';
	position: absolute;
	left: 0;
	top: -2px;
	width: 21px;
	height: 21px;
	background: url(../img/bluenote.png) no-repeat center/contain
}
.header__whatsapp__link {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 8.5rem;
  height: 3.188rem;
  border-radius: 12px;
  border: solid 1px #dfdfdf;
  background-color: #fff;
  font-size: 0.625rem;
  letter-spacing: 0.0375rem;
  position: relative;
  color: #282728;
  transition: var(--transition);
  padding-left: 1rem;
  padding-right: 1rem;
}
.header__whatsapp__link img,
.header__whatsapp__link svg,
.header__whatsapp__link path {
  width: 2rem;
  height: 2rem;
  margin-right: 0.75rem;
}

.recaptcha-wrap_mb {
  margin-bottom: 25px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.recaptcha-wrap__error {
  text-align: center;
  padding-top: 10px;
  color: #f00;
}


/* ==============Post article============== */
.article {
	font-size: 16px;
	line-height: 1.6em;
}
.article a {
	text-decoration: underline;
}
.article p, .article dd {
	margin-bottom: 1em;
}
.article dt {
	color: #222;
}

.article ul {
	margin: 0 0 15px 0;
}
.article ol ol, .article ol ul, .article ul ul, .article ul ol {
	margin-bottom: 0;
}

.article ol {
	margin: 0 0 15px 30px;
	counter-reset: point;
	list-style: outside none none;
	padding-left: 0;
	margin-left: 0;
}
.article ol li {
	list-style-type: none !important;
	position: relative;
	padding-left: 26px;
}
.article ol li:before {
	content: counter(point, decimal)'.';
  counter-increment: point 1;
  position: absolute;
  left: 0;
  top: 0;
  font-weight: 600;
}


/*.article li {
	margin: 0;
}
.article ul li, .article ol ul li {
	list-style: square;
}
*/
.article ol li, .article ol ul ol li {
	list-style: decimal;
}
.article dt {
	font-weight: 600;
}
.article address {
	margin-bottom: 1em;
}
.article blockquote {
	position: relative;
	font-style: italic;
	margin: 0 0 20px 0;
	padding-left: 50px;
}
.article blockquote p {
	margin-bottom: 0.75em;
}
.article blockquote:before {
	content: "\f10d";
	color: #ccc;
	font-size: 32px;
	font-style: normal;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	text-align: center;
	position: absolute;
	left: 0;
	top: 0;
}
.article blockquote.twitter-tweet:before {
	content: "\f099";
}
.article code, .article pre {
	font-family: Monaco, "Courier New", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", monospace;
	font-size: 12px;
}
.article pre {
	background: url(img/pre.png) repeat top;
	padding: 18px 20px;
	margin: 30px 0;
	border: 1px solid #ddd;
	line-height: 19px;
	white-space: pre-wrap;
	word-wrap: break-word;
	overflow-x: auto;
	overflow-y: hidden;
}
.article code {
	background: #ddd;
	padding: 0 3px;
}
.article ins {
	background: #fff486;
}
.article sub, .article sup {
	font-size: 62.5%;
}
.article sub {
	vertical-align: sub;
}
.article sup {
	vertical-align: super;
}
.article img {
    display: block;
    max-width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}
/*  base : headings
/* ------------------------------------ */
.article {
	font-size: 20px;
}
.article h1, 
.article h2, 
.article h3, 
.article h4, 
.article h5, 
.article h6 {
	color: #222;
	font-weight: 600;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
	line-height: 1.3;
	margin: 1.5em 0 1em;
}
.article h1 span, .article h2 span, .article h3 span, .article h4 span, .article h5 span, .article h6 span {
	color: #bbb;
}
.article h1 {
	font-size: 32px;
}
.article h2 {
	font-size: 34px;
}
.article h3 {
	font-size: 28px;
}
.article h4 {
	font-size: 24px;
}
.article h5 {
	font-size: 20px;
	font-weight: 600;
}
.article h6 {
	font-size: 18px;
	font-weight: 600;
	text-transform: uppercase;
}

/* Cookie popup */
.cookie-popup {
  border-radius: 15px;
  background: #fff;
  box-shadow: 0px 4px 32px rgba(0, 0, 0, 0.08);
  padding: clamp(15px, 5vw, 30px);
 
  color: #303030;
}
.cookie-popup_position {
  max-width: 380px;
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 10;
}
.cookie-popup__close {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  width: 10px;
  height: 10px;
}
.cookie-popup__close:hover {
  opacity: 0.8;
  transition: 0.3s;
}
.cookie-popup__close svg {
  display: block;
}
.cookie-popup__cnt {
  margin-bottom: 15px;
  font-size: 12px;
}
.cookie-popup__cnt p:first-child {
  margin-top: 0;
}
.cookie-popup__cnt p:last-child {
  margin-bottom: 0;
}

.cookie-popup__button {
  font-weight: 700;
  font-size: 13px;
  padding: 0.75em 2em;
  border: 1px solid #46B2CE;
  color: #46B2CE;
  width: fit-content;
  cursor: pointer;
}
.cookie-popup__button:hover {
  opacity: 0.8;
  transition: 0.3s;
}


/*Media*/
@media screen and (min-width:768px) {
	.fixed-scroll .home {
		margin-top: 39px
	}
}
@media screen and (max-width:1370px) {
	#map, .map__frame {
		height: 450px
	}
}
@media screen and (max-width:1199px) {
	.main-phone__link {
		font-size: 22px
	}
	.engineer {
		padding: 50px 0
	}
	.engineer__row {
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start
	}
	.engineer__content li {
		margin: 0 0 15px
	}
	.engineer__content ul {
		margin: 0 0 20px
	}
	.engineer__content p {
		font-size: 16px;
		margin: 0 0 15px
	}
	.about__slide img {
		height: 270px
	}
	.about__numbers {
		padding: 30px 25px
	}
	.contacts__phone-link {
		font-size: 36px
	}
	.contacts__label {
		margin: 0 0 15px
	}
	.footer__phone, .footer__socials {
		width: 50%;
		margin: 0 0 25px
	}
	.footer__wrapper {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
	.footer__company {
		margin: 0 0 20px;
		width: 100%
	}
	.footer__dev {
		-webkit-box-ordinal-group: 11;
		-ms-flex-order: 10;
		order: 10;
		width: 100%
	}
}
@media screen and (max-width:991px) {
	.menu__link {
		font-size: 18px;
		font-weight: 400
	}
	.menu__list {
		padding: 15px 0
	}
	.main-phone__link {
		font-size: 20px
	}
	.header__button .button {
		font-size: 14px
	}
	.header__logo {
		max-width: 80px
	}
	.home__wrapper h1 {
		font-size: 48px;
		line-height: 1.3;
		margin: 0 0 10px
	}
	.home__wrapper h2 {
		font-size: 26px
	}
	.home__button .button {
		font-size: 16px;
		padding: 25px 0 22px
	}
	.home__button {
		max-width: 392px
	}
	.home__ben {
		margin: 0 0 30px
	}
	.home__offer.offer {
		padding: 23px 20px 0 26px;
		max-width: 268px
	}
	.home {
		height: 580px
	}
	.section-title {
		font-size: 40px
	}
	.section-heading p {
		font-size: 24px
	}
	.section-heading, .section-title {
		margin: 0 0 30px
	}
	.srvtable td, .srvtable th {
		font-size: 14px;
		padding: 15px 20px
	}
	.srvtable__button .button {
		font-size: 12px;
		padding: 15px 10px
	}
	.srvtable__button {
		margin: 0 0 10px
	}
	.srvtable__link a {
		font-size: 12px
	}
	.services__offer-title {
		font-size: 18px
	}
	.srvtable td:last-child .offer-details__content {
		right: -5px;
		left: auto
	}
	.garanty__content p {
		font-size: 16px
	}
	.garanty__wrapper {
		padding: 30px 20px
	}
	.quiz__intro h3 {
		font-size: 22px
	}
	.quiz__intro span {
		font-size: 16px;
		margin: 0 0 20px
	}
	.quiz__intro p {
		font-size: 20px;
		margin: 0 0 10px
	}
	.quiz__intro h2 {
		font-size: 36px
	}
	.wwd__content h3 {
		font-size: 40px
	}
	.transport {
		height: 450px
	}
	.transport__image {
		height: 300px;
		top: 0;
		margin: 0;
		width: 476px
	}
	.transport__content {
		max-width: 400px
	}
	.transport__image img {
		height: 100%;
		width: 100%;
		display: block;
		-o-object-fit: cover;
		object-fit: cover
	}
	.reviews {
		padding: 50px 0
	}
	.about__item p {
		font-size: 26px
	}
	.about__item span {
		font-size: 14px
	}
	.about__item {
		margin: 0 0 15px
	}
	.about__content p, .contacts__address p {
		font-size: 16px
	}
	.contacts__container {
		padding-top: 50px;
		padding-bottom: 0
	}
	.contacts__offer.offer {
		padding: 23px 20px 20px 26px
	}
	.contacts__phone-link {
		font-size: 30px
	}
	.contacts__button .button {
		font-size: 18px;
		padding: 25px 0 22px
	}
	.contacts__offer.offer {
		position: static;
		margin: 30px 0 0;
		max-width: 100%
	}
	.contacts__heading p {
		font-size: 18px
	}
	.footer {
		padding: 0 0 20px
	}
	.page404__title {
		font-size: 72px
	}
	.page404__subtitle {
		margin: 0 0 20px;
		font-size: 23px
	}
	/* Cookie popup */
  .cookie-popup_position {
    max-width: calc(100% - 20px);
    right: 10px;
    bottom: 10px;
  }
  .cookie-popup__cnt {
    font-size: 10px;
  }
}
@media screen and (max-width:767px) {
	.header__phone {
		margin-left: auto
	}
	.header {
		position: fixed;
		top: 0;
		width: 100%;
		left: 0;
		background: #fff;
		z-index: 100
	}
	.header__wrapper {
		-webkit-transition: .5s all ease;
		-o-transition: .5s all ease;
		transition: .5s all ease
	}
	.header__whatsapp {
		display: none;
	}
	.fixed-scroll .header {
		-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .3);
		box-shadow: 0 5px 10px rgba(0, 0, 0, .3)
	}
	.fixed-scroll .header__wrapper {
		padding: 5px 0
	}
	.fixed-scroll .header__logo {
		max-width: 60px
	}
	.home {
		margin-top: 76px
	}
	.fixed-scroll .home {
		margin-top: 52px
	}
	.home__offer.offer {
		position: static;
		margin: 30px 0 0;
		max-width: 100%;
		width: 100%
	}
	.home__container {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
	.home {
		height: auto;
		padding: 40px 0 0;
		background-position: -342px center;
		margin-bottom: 50px
	}
	.home__wrapper h1 {
		font-size: 40px
	}
	.home__ben {
		margin: 0
	}
	.service__heading {
		margin: 0 0 30px
	}
	.section-title, .wwd__content h3 {
		font-size: 36px
	}
	.section-heading p {
		font-size: 22px
	}
	.srvtable-wrapper {
		margin: 0 0 20px
	}
	.services {
		padding: 0 0 50px
	}
	.services__offer-note .offer-details__content {
		right: -5px;
		left: auto
	}
	.srvtable {
		min-width: 620px
	}
	.srvtable-wrapper {
		overflow: auto
	}
	.service__prop-info, .service__prop-value {
		font-size: 16px
	}
	.service__item-title {
		font-size: 28px;
		margin: 0 0 20px;
		padding: 0 0 20px
	}
	.service__props-columns {
		display: block
	}
	.service__props-column {
		width: 100%;
		border: 0;
		margin: 0 0 20px;
		padding: 0 0 15px;
		border-bottom: 1px solid #ecf0f7
	}
	.service__props-column .service__prop {
		margin: 0 0 10px;
		padding: 0
	}
	.service__item, .service__items {
		margin: 0 0 30px
	}
	.service__callback {
		height: auto;
		padding: 40px 20px
	}
	.service__callback-wrapper p {
		font-size: 18px;
		margin: 0 0 25px
	}
	.service__callback-button .button {
		font-size: 16px;
		padding: 25px 22px
	}
	.garanty, .quiz {
		margin-bottom: 50px
	}
	.quiz__intro {
		padding: 0 30px
	}
	.wwd__content p {
		font-size: 18px
	}
	.wwd__item {
		margin-bottom: 30px
	}
	.wwd__video iframe {
		height: auto;
		min-height: 280px
	}
	.engineer__image {
		margin: 0 0 30px
	}
	.transport__content {
		max-width: 100%
	}
	.banners__item-subtitle:before, .transport__image {
		display: none
	}
	.transport {
		height: auto;
		padding: 50px 0
	}
	.reviews__item {
		display: block
	}
	.reviews__thumb {
		width: 100%
	}
	.reviews__content {
		width: 100%;
		padding: 30px 25px
	}
	.reviews__thumb img {
		max-height: 300px
	}
	.reviews__titile {
		font-size: 26px
	}
	.reviews__content h4 {
		font-size: 16px;
		margin: 0 0 10px
	}
	.slider-arr {
		width: 40px;
		height: 40px
	}
	.about {
		margin: 0 0 50px
	}
	.about__content {
		margin: 0 0 30px
	}
	.about__slide img {
		height: 200px
	}
	.contacts {
		margin: 0 0 50px
	}
	.contacts__phone {
		margin: 0 0 20px
	}
	.contacts__button, .contacts__socials {
		margin: 0 0 30px
	}
	.contacts__heading p, .final-offer p {
		font-size: 16px
	}
	.final-offer, .map {
		margin-bottom: 50px
	}
	.page404__title {
		font-size: 54px;
		margin: 0 0 10px
	}
	.banners {
		margin-bottom: 50px
	}
	.banners__item-title {
		font-size: 38px
	}
	.banners__item-subtitle {
		font-size: 34px
	}
	.banners__item-subtitle span {
		background: #00a7b7;
		padding: 5px 10px;
		display: inline-block
	}
	.banners__item-text {
		font-size: 16px
	}
	.banners__item-note {
		max-width: 200px
	}
	.banners__item-note span {
		display: block
	}

	/* text */
	.article h1 {
		font-size: 30px;
		letter-spacing: -0.7px;
	}
	.article h2 {
		font-size: 26px;
		letter-spacing: -0.5px;
	}
	.article h3 {
		font-size: 24px;
		letter-spacing: -0.3px;
	}
	.article h4 {
		font-size: 22px;
		letter-spacing: -0.3px;
	}
	.article h5 {
		font-size: 18px;
	}
	.article h6 {
		font-size: 16px;
		text-transform: uppercase;
	}
}
@media screen and (max-width:575px) {
	.home__ben-item {
		width: 100%;
		margin: 0 0 20px
	}
	.home__ben-thumb {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}
	.home__ben-text {
		padding: 0 0 0 10px
	}
	.home__wrapper h2 {
		font-size: 20px;
		margin: 0 0 20px
	}
	.home__wrapper h1 {
		font-size: 34px
	}
	.service {
		margin: 0;
		padding: 40px 20px 0
	}
	.service__callback {
		margin: 0 -20px
	}
	.service__prop-info {
		width: 100%;
		margin: 0 0 5px
	}
	.garanty__wrapper, .service__prop.service__prop-inline {
		display: block
	}
	.service__prop.service__prop-inline .service__prop-value {
		font-weight: 600
	}
	.garanty__content {
		width: 100%;
		padding: 0;
		margin: 0 0 20px
	}
	.garanty__image {
		width: 100%;
		text-align: center
	}
	.garanty__image img {
		margin: 0 auto
	}
	.quiz__wrapper {
		height: auto;
		padding: 40px
	}
	.transport__content p, .wwd__content p {
		font-size: 16px
	}
	.slider-arr {
		top: auto;
		margin: 0;
		bottom: 0;
		left: 0
	}
	.slider-arr-next {
		right: 0;
		left: auto
	}
	.reviews__props-item {
		width: 100%;
		padding: 0
	}
	.reviews__props {
		margin: 20px 0 0
	}
	.about__slide img {
		height: 150px
	}
	#map, .map__frame {
		height: 350px
	}
	.footer__company, .footer__phone, .footer__socials {
		width: 100%
	}
	.page404__title {
		font-size: 38px
	}
	.page404__subtitle {
		font-size: 18px
	}
	.banners__item-content {
		padding: 20px 10px
	}

	.article h1 {
		font-size: 27px;
		letter-spacing: -0.7px;
	}
	.article h2 {
		font-size: 25px;
		letter-spacing: -0.5px;
	}
	.article h3 {
		font-size: 23px;
		letter-spacing: -0.3px;
	}
	.article h4 {
		font-size: 21px;
		letter-spacing: -0.3px;
	}
	.article h5 {
		font-size: 18px;
	}
	.article h6 {
		font-size: 16px;
		text-transform: uppercase;
	}
}
@media screen and (max-width:420px) {
	.main-phone__link {
		font-size: 16px
	}
	.srvtable-mobile__controls {
		padding: 20px 15px;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between
	}
	.srvtable-mobile__prop {
		padding: 15px
	}
	.srvtable-mobile__title {
		padding: 20px 15px
	}
	.section-title, .wwd__content h3 {
		font-size: 32px
	}
	.header .main-phone__icon {
		display: none
	}
}
@media screen and (max-width:374px) {
	.header__phone .main-phone__link {
		padding: 0
	}
	.main-phone__whatsapp {
		margin-top: -10px
	}
	.main-phone__whatsapp img {
		width: 20px;
		height: 20px
	}
	.main-phone {
		padding: 0 0 0 30px
	}
}