/* Normalize */
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0}main{display:block}ul{margin:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}small{font-size:80%}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[hidden]{display:none}a{text-decoration:none;background-color:transparent;cursor:pointer}

@font-face {
  font-family: Roboto;
  src:
	url('../fonts/Roboto-Regular.woff2'),
	url('../fonts/Roboto-Regular.ttf');
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: Roboto;
  src:
	url('../fonts/Roboto-Medium.woff2'),
	url('../fonts/Roboto-Medium.ttf');
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: Roboto;
  src:
	url('../fonts/Roboto-Bold.woff2'),
	url('../fonts/Roboto-Bold.ttf');
  font-weight: 600;
  font-display: swap;
}

input, button {
	border: none;
}
button, .btn {
	display: inline-block;
	border-radius: 3px;
	cursor: pointer;
}
input {
	border-radius: 3px;
}
input::placeholder {
    letter-spacing: 2px;
	color: #aab5aa;
	font-weight: 600;
    font-size: 15px;
}
input:focus-visible {
	outline: none;
}
body {
	font-family: Roboto, sans-serif;
	font-size: 17px;
	line-height: 1.5;
	background: #eef0f2;
}
section {
	clear: both;
}
.container {
	max-width: 1140px;
	margin: 0 auto;
	position: relative;
}

header {
    width: 100%;
    z-index: 100;
}
.header {
	width: 100%;
    padding: 13px 0;
    background: #2162b3;
    top: 0;
    left: 0;
    z-index: 100;
    box-shadow: 0 0 13px #00000073;
}
.header .container {
	display: flex;
    justify-content: space-between;
    align-items: center;
}
#top-info {
	background: #fff;
	position: relative;
	z-index: 120;
}
#top-info .container {
	display: flex;
	justify-content: space-between;
	align-items: center;
    padding: 6px 0;
    color: #565656;
    font-size: 15px;
    letter-spacing: .3px;
}
#top-info b {
	color: #626262;
}
.client-city {
	margin-right: auto;
}

#top-info .address {
	margin-right: 5%;
}
#top-info .work-hours {
	margin-right: 0;
}
#top-info .i {
    fill: currentColor;
	vertical-align: text-top;
	margin-right: 6px;
}
.h-logo {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
	color: #fff;
	text-align: left;
}

.btns {
    color: #fff;
    text-decoration: none;
}

#prices p {
    text-align: center;
}

.h-logo .full-time {
    font-weight: 600;
    color: yellow;
    font-size: 38px;
    line-height: 1;
    margin-right: 10px;
    padding-right: 10px;
    border-right: 2px solid #eef0f2;

}
.h-logo .name {
	line-height: 1.3;
    margin-bottom: -2px;
}
#main-menu {
    display: flex;
    padding: 0;
    font-size: 17px;
    font-weight: 500;
    line-height: 1;
	list-style: none;
}
#main-menu li {
	position: relative;
}
#main-menu li a, #main-menu li span {
	display: inline-block;
	color: #fff;
	line-height: 2.7;
}
#main-menu li span {
	color: #ffffffb8;
}
#main-menu li a:hover {
	text-decoration: underline;
}
#main-menu li:not(:last-child) {
	margin-right: 45px;
}
header .contacts {
	display: flex;
}
.h-mess-rs {
	display: flex;
}
.h-mess-rs .icon {
	border-radius: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 33px;
	height: 33px;
}
.h-mess-rs .icon.tg {
	background: #009fff;
}
.h-mess-rs .icon.wp {
	background: #00e32d;
}
.h-mess-rs .icon.ml {
	background: #ff9040;
}
.h-mess-rs .icon:not(:first-child) {
	margin-left: 9px;
}
.h-mess-rs svg {
	width: 17px;
	height: 17px;
}
.h-phone {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	letter-spacing: .3px;
}
.h-phone .p-number {
	font-weight: 500;
    font-size: 20px;
    color: #fff;
    line-height: 1.15;
}
.order-call {
	color: #00ffdc;
    font-size: 15px;
    margin-bottom: 2px;
    text-decoration: none;
    font-weight: 600;
    letter-spacing: .6px;
}
header .order-call {
	pointer-events: none;
	cursor: default;
}
.m-header {
	display: flex;
	justify-content: space-between;
}
#m-menu {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow-y: auto;
	background: #0a0d18;
	z-index: 10;
}
body.m-active {
	overflow: hidden;
}
body.m-active #m-menu {
	display: block !important;
}
#m-menu ul {
	padding: 0;
	margin-top: 130px;
	list-style: none;
}
#m-menu li {
	padding: 17px 0;
	text-align: center;
}
#m-menu li:not(:first-child) {
	border-top: 1px solid #212330;
}
#m-menu li:last-child {
	border-bottom: 1px solid #212330;
}
#m-menu li a {
	color: #fff;
}
#m-menu .contacts {
	padding-bottom: 25px;
	text-align: center;
}
#m-menu .h-phone .work-time {
	margin-bottom: 6px;
	font-size: 14px;
	color: #fff;
}
#m-menu .h-phone {
	margin: 50px 0 20px;
	align-items: center;
	text-align: center;
}
#m-menu .h-phone .p-number {
	font-size: 21px !important;
}
#m-menu .h-mess-rs {
	justify-content: center;
}
#m-menu .h-mess-rs .icon:not(:first-child) {
	margin-left: 10px !important;
}
.error {
	margin-top: 10px;
	color: #ff6a13;
	font-size: 12px;
	font-weight: 600;
	text-shadow: 0 0 10px #56565682;
}

#main-screen {
	position: relative;
	color: #fff;
}
#main-screen:after {
	content: "";
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #2e2e2e;
    z-index: -1;
}
#main-screen .container {
	display: flex;
	flex-wrap: wrap;
	padding: 150px 0 245px;
	z-index: 2;
}
.columns {
	display: flex;
	justify-content: space-between;
}
.column {
	width: 50%;
}
#main-screen h1 {
	margin-bottom: 0;
	font-size: 35px;
	line-height: 1.3;
	letter-spacing: .3px;
}
#main-screen h1 + .we-do {
	margin-top: 1.2em;
}
body.front h1, body.chistka h1 {
	max-width: 440px;
}
body.zamena h1 {
	max-width: 500px;
}
.we-do {
	padding: 0;
    list-style: none;
    font-size: 19.5px;
    line-height: 1.9;
}
.we-do li {
	margin-right: 8px;
    vertical-align: sub;
}
.we-do li .check {
	color: #10e500;
    font-size: 30px;
    font-weight: 600;
    margin-right: 10px;
    line-height: 1;
    vertical-align: middle;
    transform: rotate(5deg);
    display: inline-block;
}
.m-number {
    margin-top: 35px;
	background: #38ce00;
    color: #fff;
    padding: 6px 14px;
    font-size: 20px;
    border-radius: 2px;
    font-weight: 500;
}
.gtees {
	padding: 0;
    font-size: 18px;
    line-height: 1.9;
    list-style: none;
    color: #e7e7e7;
    position: absolute;
    left: 0;
    bottom: 50px;
}
.gtees svg {
	width: 24px;
	height: 27px;
    margin-right: 10px;
    vertical-align: middle;
    margin-top: -5px;
}

#main-screen .column:nth-child(2) {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
#main-screen .main-cta {
	max-width: 370px;
	width: 100%;
	margin-left: auto;
}
.main-cta-inner {
	padding: 36px 28px;
	border-radius: 10px;
	background: rgba(33, 98, 179, .9);
	box-shadow: 0 18px 45px #00000040;
	text-align: center;
}
.main-cta .btn {
	padding: 15px 24px;
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	letter-spacing: .4px;
	background: #33d51f;
	text-shadow: 0 0 5px #0000003b;
}


.c__btnr {
   padding: 15px 24px;
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	letter-spacing: .4px;
	background: #33d51f;
	text-shadow: 0 0 5px #0000003b; 
}

.main-cta .btn:hover {
	background: #32e71c;
}
.main-cta-phone {
	margin-top: 18px;
	font-size: 18px;
	line-height: 1.5;
	color: #fff;
}
.main-cta-phone a {
	color: #fff;
	font-weight: 600;
	text-decoration: underline;
	white-space: nowrap;
}
.main-cta-note {
	margin-top: 16px;
	font-size: 14px;
	line-height: 1.45;
	letter-spacing: .2px;
	color: #ffffab;
}
#main-screen .c-form {
	max-width: 370px;
	width: 100%;
	margin-left: auto;
}
#main-screen .c-form .title {
	text-align: center;
    font-weight: 500;
    font-size: 25px;
    margin-bottom: 20px;
    line-height: 1.3;
}
form button, #about .btn {
	transition: background .2s;
}
#about .btn:hover {
	background: #0ca7d7 !important;
}
form button.disabled {
	background: #cdc243 !important;
}
.c-form .wrapper {
	padding: 63px 20px 15px;
	border-radius: 6px;
	background: #2162b3;
	overflow: hidden;
	position: relative;
}
.c-form .notice {
	margin-top: 17px;
    display: flex;
    align-items: center;
    font-size: 15px;
    letter-spacing: .2px;
    color: #ffffab;
}
.c-form .notice img {
    width: 22px;
    margin-right: 7px;
}
#callback {
	display: flex;
	flex-direction: column;
}
.phone-wrapper {
	position: relative;
    width: 100%;
    margin: 6px 0 0;
    background: #eef0f2;
    border-radius: 3px;
}
.s-types {
    display: flex;
    justify-content: space-between;
    width: 100%;
    border-bottom: 2px solid #ffffff2e;
    position: absolute;
    top: 0;
    left: 0;
}
.s-type {
    width: 33.333%;
	padding: 17px 0 15px 0;
    margin-bottom: -2px;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.15;
    color: #d7d5a7c4;
    letter-spacing: .4px;
    text-align: center;
    background: transparent;
    border-radius: 0;
    cursor: pointer;
}
.s-type.on {
	color: #ffffff;
	text-shadow: 0 0 12px #002a4269;
	background: #0ab8ed;
}
.c-form input[type=radio] {
	visibility:hidden;
	position: absolute;
}
.call-input {
	width: 100%;
	height: 43px;
	padding: 0 13px;
	font-size: 16px;
	font-weight: 600;
	color: #00304c;
	letter-spacing: .6px;
	background: transparent;
	position: relative;
	z-index: 2;
}
.call-holder {
	position: absolute;
    top: 50%;
    left: 37px;
    padding: 0;
    background: #eef0f2;
    color: #00304c;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    font-size: 16px;
    transform: translateY(-50%);
    letter-spacing: 1.8px;
}
form .label {
	font-size: 12px;
}
.form-agree {
	display: block;
	font-size: 14px;
    margin: 15px 0 -11px;
    line-height: 1.3;
    color: #ffffffe6;
    cursor: pointer;
    transition: .2s;
}
.form-agree input {
	vertical-align: top;
    width: 15px;
    height: 15px;
    margin-right: 3px;
    cursor: pointer;
}
.form-agree input:checked {
	accent-color: #33d51f;
}
.form-agree a {
	color: inherit;
    text-decoration: underline;
}
.call-submit {
	width: 100%;
	padding: 13px 0;
	margin-top: 24px;
	font-size: 15px;
	font-weight: 500;
	color: #fff;
	background: #33d51f;
	text-shadow: 0 0 5px #0000003b;
}
.call-submit:hover {
	background: #32e71c;
}
.c-form a.wp, .c-form a.tm {
	justify-content: center;
	border-radius: 3px;
	transition: background .2s;
}
.c-form a.wp {
	background: #00e32d;
}
.c-form a.wp:hover {
	background: #00fb32;
}
.c-form a.tm {
	background: #00d0ff;
}
.c-form a.tm:hover {
	background: #2fd9ff;
}

.landing h2 {
	width: max-content;
	margin: 80px auto 50px;
	font-size: 36px;
	text-align: center;
	position: relative;
}
.landing h2:after {
	content: "";
	position: absolute;
    width: calc(100% + 70px);
    max-width: calc(100vw - 7%);
    height: 3px;
    background: linear-gradient(45deg, #69a0ff9c, #69a0ff, #69a0ff9c);
    left: 50%;
    top: 62px;
    transform: translateX(-50%);
    border-radius: 20px;
}

#work-routine .item img {
	width: auto;
}
.wr-wrapper {
	display: flex;
	padding-bottom: 20px;
}
.wr-col-l {
	margin-right: 70px;
}
.wr-col-l p {
	margin-top: 0;
}
.wr-col-l ol {
	padding: 0;
	list-style: none;
}
.wr-col-r img {
	width: 342px;
}
.wr-steps {
	position: relative;
	margin-top: 30px;
}
.wr-steps .ar {
	position: absolute;
    width: 26px;
}
.wr-steps .ar-1 {
	left: 50%;
    top: calc(25% - 9px);
    transform: scaleX(-1) translate(50%, -50%);
}
.wr-steps .ar-2 {
	left: 77%;
    top: 50%;
    transform: rotate(-90deg) translate(50%, -50%);
}
.wr-steps .ar-3 {
	left: 50%;
    top: calc(75% + 9px);
    transform: translate(-50%, -50%);
}
.wr-steps li {
	display: flex;
    align-items: center;
    width: 46%;
    position: relative;
    padding: 13px 15px 13px 30px;
    border: 2px solid;
    border-radius: 5px;
}
.wr-steps li:nth-child(1), .wr-steps li:nth-child(2) {
	margin-bottom: 36px;
}
.wr-steps li span {
	position: absolute;
    left: 7px;
    top: 0;
    font-size: 32px;
}
.wr-steps ol {
	display: flex;
    justify-content: space-between;
    list-style: none;
    padding: 0;
    font-size: 16px;
    font-weight: 600;
    flex-flow: wrap;
    letter-spacing: .2px;
}
.wr-steps li:nth-child(1) {
	border-color: orange;
}
.wr-steps li:nth-child(2) {
	border-color: #0d96e7;
}
.wr-steps li:nth-child(3) {
	border-color: #46bd56;
}
.wr-steps li:nth-child(4) {
	border-color: #e35bcc;
}
.wr-steps li:nth-child(1) span {
	color: orange;
}
.wr-steps li:nth-child(2) span {
	color: #0d96e7;
}
.wr-steps li:nth-child(3) span {
	color: #46bd56;
}
.wr-steps li:nth-child(4) span {
	color: #e35bcc;
}
.wr-steps li picture {
	margin-right: 5%;
}
.wr-steps li img {
	width: 54px;
}
.wr-col-r .note {
	line-height: 1.3;
    margin-top: 12px;
    color: grey;
    font-size: 15px;
}
.wr-col-r .item.disabled:nth-child(1) {
	position: absolute;
	opacity: 0.0001;
}
.wr-col-r .item.disabled:nth-child(2) {
	position: absolute;
	opacity: 0.0001;
}

#services {
    padding: 65px 0 80px;
	margin-top: 70px;
    color: #fff;
    background: #2162b3;
    background-size: cover !important;
}
#services h2 {
	margin: 0 auto 45px;
}
#services ul {
	list-style: none;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#services li {
	width: 31.5%;
    margin-bottom: 27px;
    font-size: 16px;
    border: 2px solid #bbd9ff7a;
    border-radius: 6px;
    padding: 25px;
    box-shadow: 0 0 20px #b8d7ff14;
    background: #00b7ff9e;
}
#services .service, #services .service * {
	position: relative;
}
#services h3 {
	margin: 0 0 13px;
	font-size: 21px;
	font-weight: 500;
    line-height: 1.3;
    letter-spacing: .3px;
}
#services li p {
	margin: 0 0 5px !important;
    font-size: 15px;
}
#services .service img {
	width: 115px;
	position: absolute;
    top: 0;
    right: -5px;
    opacity: 0.05;
    z-index: 0;
}
#services .actions {
	margin-top: 15px;
}
#services .price {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2;
}
#services a {
	display: inline-block;
	padding: 7px 17px;
	margin-top: 17px;
	color: black;
	font-size: 0.95em;
	background: #f5f5f5;
	border-radius: 50px;
	transition: .2s;
}
#services a:hover {
	background: #d9ffd9;
}

#about {
	padding: 65px 0 85px;
	margin: 70px 0 0;
	background: #2162b3;
	color: #fff;
	margin-top: 0;
}
#about h2 {
	margin: 0 auto 55px;
}
#about .content {
	display: flex;
	justify-content: space-between;
	font-size: 20px;
}
#about img {
	max-width: 550px;
}
#about .col-2 {
	padding-left: 3.2%;
}
#about .slogan {
	margin-bottom: 10px;
	font-size: 21px;
}
#about .col-2 p a {
	color: #fff;
}
#about .btn {
	padding: 12px 21px;
	margin-top: 5px;
	color: #fff;
	background: #0ab4e8;
}

#prices h2 {
	padding-bottom: 5px;
	margin-bottom: 45px;
}
#price-tabs {
	display: flex;
	justify-content: center;
	padding: 0;
	margin-bottom: 20px;
	list-style: none;
}
#price-tabs a {
	display: block;
	color: #2c2c2c;
	font-size: 18px;
	font-weight: 500;
}
#price-tabs a:hover {
	color: inherit;
}
#price-tabs li.active a {
	color: #009bff;
    text-decoration: underline;
}
#price-tabs li:not(:last-child) {
	margin-right: 35px;
}
#prices table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	max-width: 900px;
    margin: auto;
}
#prices thead {
	color: #fff;
	background: #2162b3;
	font-weight: 600;
}
#prices tr {
	border: 1px solid #a8b5c4;
}
#prices th {
	white-space: nowrap;
}
#prices td, #prices th {
	width: 100%;
	padding: 10px 20px;
	border: 1px solid #7db4d7;
	text-align: center;
}
#prices th:nth-child(2), #prices td:nth-child(2) {
	text-align: left;
}
#prices th:nth-child(3), #prices td:nth-child(3) {
	white-space: nowrap;
}
#prices th:first-child, #prices tbody td:first-child {
	width: 70px;
}
#prices a {
	text-decoration: underline;
}

#video {
	margin-top: 0px;
	color: #fff;
	padding: 65px 0 85px;
	background-size: cover !important;
	position: relative;
	background: grey;
}
#video h3 {
	margin-bottom: 0.4em;
}
#video .cover {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #000000bd;
	backdrop-filter: blur(3px);
}
#video h2 {
	margin-top: 0;
}
#video .col {
	position: relative;
	width: 48.5%;
}
#video .descr {
	position: relative;
    padding: 12px 20px;
	margin-top: 23px;
    background: #06181c40;
}
#video h4 {
	margin: 2px 0 0 0;
	font-size: 20px;
    font-weight: 500;
    letter-spacing: .2px;
}
#video .address {
    font-size: 14px;
    color: #c3c3c3;
}
#video p {
	margin-top: 10px;
	font-size: 15px;
	line-height: 1.6;
}
#video .descr:before,
#video .descr:after,
#video .col:before,
#video .col:after {
	position: absolute;
	width: 22%;
	height: 50px;
	content: '';
	border-color: #0092cb;
	border-style: solid;
	z-index: 1;
}
#video .descr:before {
	left: 0px;
	top: 0px;
	border-width: 1px 0 0 1px;
}
#video .descr:after {
	right: 0px;
	top: 0px;
	border-width: 1px 1px 0 0;
}
#video .col:before {
	left: 0px;
	bottom: 0px;
	border-width: 0 0 1px 1px;
}
#video .col:after {
	right: 0px;
	bottom: 0px;
	border-width: 0 1px 1px 0;
}

.video {
	width: 100%;
	padding: 28.5%;
	margin-top: 20px;
	background-size: cover !important;
	cursor: pointer;
	position: relative;
	background: #383838;
}
.video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#remont .items {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
	list-style: none;
    font-size: 16px;
}
#remont .item {
    width: 31.5%;
	padding: 23px 27px;
    margin-bottom: 22px;
    line-height: 27px;
    background: #fdfffa;
    border-radius: 8px;
    box-shadow: 0 0 20px #0000001f;
    position: relative;
}
#remont .item h3 {
	margin-bottom: 0;
    font-size: 20px;
    font-weight: 500;
}
#remont .item p {
	margin: 12px 0;
	position: relative;
	z-index: 2;
}
#remont .item p a {
	color: #fff;
}
#remont .num {
	position: absolute;
    font-weight: 600;
    font-size: 220px;
    color: #0052b90a;
    top: 0;
    line-height: 1;
    right: 5%;
}

#guarantees {
    position: relative;
}
#guarantees ul {
    display: flex;
    justify-content: space-between;
    padding: 0;
	list-style: none;
    font-size: 16px;
    line-height: 1.6;
}
#guarantees li {
	display: flex;
    flex-direction: column;
    align-items: center;
    width: 31%;
    padding: 30px;
    line-height: 1.7;
    text-align: center;
    background: #fff;
    border-top: 4px solid #0b92e9;
    box-shadow: 0 0 18px 6px #0000001c;
}
#guarantees .data {
	display: flex;
	flex-direction: column;
	align-items: center;
}
#guarantees li:nth-child(2) {
	margin: 5px 0 -5px 0;
}
#guarantees li .title {
	font-size: 23px;
    font-weight: 400;
    line-height: 1.4;
    margin: 30px 0 10px;
}
#guarantees img {
	width: 64px;
}
#guarantees .text {
	margin-top: 45px;
	text-align: center;
}

#faq {
	list-style: none;
    padding: 0;
}
#faq ol {
	padding: 0;
}
#faq .qn {
	margin: 17px 0;
	list-style: none;
	background: #fff;
    box-shadow: 0 0 10px #00000036;
}
#faq .qn:not(.opened) {
	cursor: pointer;
}
#faq h3 {
	padding: 15px 17px;
    margin: 0;
    font-size: 19px;
    font-weight: 500;
    border-left: 7px solid #0078f3;
    position: relative;
    cursor: pointer;
}
#faq .opened h3:after {
	content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2px;
    width: 100%;
    background: #0052b91f;
}
#faq .content {
	padding: 22px;
	border-left: 7px solid #00b9757a;
	background: #fafffa;
}
#faq ul {
	margin-top: 0.7em;
}
#faq .opened .content {
	display: block !important;
}
#faq .content:not(.opened) {
	display: none;
}
.gallery {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px;
	margin-top: 55px;
}
.gallery .img {
	position: relative;
	display: block;
	aspect-ratio: 1 / 1;
	overflow: hidden;
	border-radius: 10px;
	box-shadow: 0 12px 28px #0000001f;
}
.gallery img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .3s ease;
}
.gallery .img picture {
	display: block;
	width: 100%;
	height: 100%;
}
.gallery .img:hover img,
.gallery .img:focus-visible img {
	transform: scale(1.05);
}
.gallery .img:focus-visible {
	outline: 3px solid #009bff;
	outline-offset: 2px;
}
.chevron {
	position: relative;
	display: block;
	height: 50px;
}
.chevron::before,
.chevron::after {
	position: absolute;
	display: block;
	content: "";
	border: 25px solid transparent;
}
.chevron::before {
	top: 0;
	border-top-color: #b00;
}
.chevron::after {
	top: -10px;
	border-top-color: #fff;
}

#reviews {
	margin-bottom: 70px;
}
#reviews h2 {
	margin-bottom: 45px;
}
.reviews {
	display: flex;
    justify-content: space-between;
}
.review {
	width: 32%;
    background: #fafafa;
    padding: 30px;
    font-size: 16px;
    border-right: 1px solid #d5d5d5;
    line-height: 1.55;
}
.review .wrapper {
	position: relative;
	padding-bottom: 50px;
}
.review .name {
	font-size: 20px;
    font-weight: 500;
}
.review .date {
	position: absolute;
    left: 0;
    bottom: 0;
    font-size: 15px;
    color: #66b6d5;
}
#reviews .arrow {
	display: none;
	width: calc(15px + 2%);
    position: absolute;
    top: 50%;
    left: 0;
}
#reviews .arrow.r {
	transform: scale(-1);
	left: unset;
	right: 0;
}
#reviews .arrow {
	display: block;
}
#up {
	display: block;
    width: 100%;
    padding: 18px;
	margin-top: 55px;
    border: 1px solid;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    text-align: center;
    line-height: 1;
    color: inherit;
}
#up svg {
	width: 12px;
    transform: rotate(-90deg);
}

#consult {
	padding: 20px 0 38px;
	margin-top: 70px;
	color: #fff;
	background: #2162b3;
}
#consult .container {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#consult .col {
	width: 45%;
}
#consult h2 {
	display: flex;
	align-items: center;
	margin: 0 auto 7px;
	max-width: 100%;
}
#consult h2:after {
	display: none;
}
#consult h2 svg {
	width: 42px;
	margin: 0 15px 0 -21px;
}
#consult .descr {
	font-size: 19px;
	text-align: left;
	letter-spacing: .3px;
}
#consult .consult-call {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	min-height: 100%;
	text-align: left;
}
#consult .consult-call .btn {
	min-width: 240px;
	padding: 14px 24px;
	color: #fff;
	font-size: 15px;
	font-weight: 600;
	letter-spacing: .4px;
	background: #33d51f;
	text-align: center;
	text-shadow: 0 0 5px #0000003b;
}
#consult .consult-call .btn:hover {
	background: #32e71c;
}
#consult .consult-call-text {
	flex: 1 1 auto;
}
#consult .consult-call-title {
	font-size: 28px;
	font-weight: 500;
	line-height: 1.3;
}
#consult .consult-phone {
	display: inline-block;
	margin-top: 10px;
	color: #fff;
	font-size: 40px;
	font-weight: 600;
	line-height: 1.1;
	letter-spacing: .6px;
	white-space: nowrap;
	text-decoration: none;
	border-bottom: 2px solid #ffffff4d;
}
#consult .consult-phone:hover {
	border-bottom-color: #fff;
}

#appl-popup {
	position: fixed;
    top: 0;
    left: 0;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background: #000000ad;
    z-index: 100;
}
#appl-popup.show {
	display: flex !important;
}
#appl-popup form {
	width: 540px;
    max-width: 96%;
    padding: 40px 28px;
    color: #fff;
    background: #0092cb;
    border-radius: 16px;
    position: relative;
}
#appl-popup h3 {
	margin-bottom: 17px;
    font-size: 30px;
    text-align: center;
    margin-top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
#appl-popup h3 svg {
	width: 42px;
	height: 42px;
	margin-right: 10px;
}
#appl-popup .label {
	font-size: 13px;
}
#appl-popup .call-input {
	height: 46px;
}
#appl-popup .call-submit {
	padding: 16px 0;
}
#appl-popup .agreement {
	margin-top: 20px;
    text-align: center;
    font-size: 14px;
    line-height: 1.3;
}
#appl-popup .agreement a {
	color: #fff;
    text-decoration: underline;
}
#appl-popup .close {
	fill: #efefefe0;
    width: 18px;
    position: absolute;
    top: 30px;
    right: 30px;
    cursor: pointer;
}

footer {
	padding: 55px 0 0;
	background: #2162b3;
	margin-top: 4rem;
}
footer .container {
	display: flex;
	justify-content: space-between;
	padding-bottom: 55px;
	letter-spacing: .5px;
	color: #fff;
}
footer .col {
	display: flex;
	flex-direction: column;
	width: 23.5%;
}
footer .col:not(:last-child) {
	padding-right: 3%;
}
footer .col:first-child {
	width: 28%;
	padding-right: 8%;
}
footer .col:nth-child(2) {
	margin-left: auto;
}
footer .container li a, footer li span {
	font-size: 15px;
	color: #fff;
}
footer a {
	color: #fff;
}
footer li a:hover {
	text-decoration: underline;
}
footer .title {
	margin-bottom: 2px;
	font-size: 23px;
	font-weight: 500;
}
footer .title a {
	font-size: inherit;
}
footer .title svg {
	width: 21px;
    margin-bottom: -2px;
    margin-right: 6px;
    fill: #00ff00;
    transform: scaleX(-1);
}
footer ul {
	padding: 0;
	list-style: none;
}
footer .col ul li {
	margin: 9px 0;
	line-height: 1.4;
}
footer .descr {
	margin-top: 13px;
	font-size: 14px;
}

.page {
	padding: 3em 0 6em;
}
.page h1 {
	font-size: 2em;
	line-height: 1.3;
}
.page h2 {
	margin: 3em 0 1em;
	font-size: 1.2em;
}
.page .content {
	font-size: 1.1em;
}
.page .content li {
	margin: 12px 0;
}
.c-info {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 3em;
}
.c-info p {
	width: 48%;
	margin: 0.5em 0;
}
.c-info p a:nth-child(3) {
	margin-left: 12px;
}
.a-info {
	display: flex;
}
.a-info p {
	padding-right: 10%;
}
.a-info p:first-child {
	margin-top: 0;
}
.a-info img {
	max-width: 430px;
}

@media (min-width: 992px) {
	.header.fixed {
		position: fixed;
		padding: 0;
	}
	.header.fixed .h-phone {
		padding: 10px 0;
	}
	.header.fixed .order-call {
		padding: 0;
	    font-weight: 600;
	    color: #ffffff;
	    line-height: 1;
	    text-shadow: 0 0 5px #0000003b;
	    background: none;
	    margin: 0 0 6px;
	    text-decoration: none;
	    letter-spacing: 0;
	}
	.header.fixed .p-number {
		display: inline-block;
		font-size: 19px;
	}

}

@media (max-width: 1300px) {
	body {
		font-size: 17px;
	}
	.container {
		max-width: 900px;
	}

	#top-info .container {
		font-size: 14px;
	}
	#top-info .address {
		margin-right: 4%;
	}
	#top-info .work-hours {
		margin-right: 0;
	}
	.h-mess-rs .icon {
		width: 30px;
		height: 30px;
	}
	.h-mess-rs .icon:not(:first-child) {
		margin-left: 7.5px;
	}
	.h-mess-rs svg {
		width: 16px;
		height: 16px;
	}
	.h-logo .full-time {
		margin-right: 9px;
		padding-right: 9px;
		font-size: 34px;
	}
	.h-logo {
    	font-size: 13.5px;
	}
	#main-menu {
		font-size: 15px;
	}
	#main-menu li:not(:last-child) {
		margin-right: 35px;
	}
	.h-phone .p-number {
		margin-top: 1px;
		font-size: 17px;
	}
	.order-call {
		font-size: 14px;
	}

	#main-screen .container {
		padding: 125px 0 195px;
	}
	body.front h1, body.chistka h1 {
		max-width: 380px;
	}
	body.zamena h1 {
		max-width: 430px;
	}
	#main-screen h1 {
		font-size: 31px;
	}
	#main-screen .column:first-child {
		width: 55%;
	}
	#main-screen .column:last-child {
		width: 45%;
	}
	.we-do {
		line-height: 1.5;
	}
	.we-do li {
		margin: 12px 8px 12px 0;
	}
	.we-do li .check {
		margin-right: 8px;
		font-size: 27px;
	}
	.gtees {
		bottom: 45px;
		font-size: 16.5px;
	}
	#main-screen .c-form {
		max-width: 330px;
	}
	#main-screen .main-cta {
		max-width: 330px;
	}
	#main-screen .c-form .title {
		font-size: 22px;
	}
	.main-cta-inner {
		padding: 32px 24px;
	}
	.main-cta-phone {
		font-size: 17px;
	}
	.c-form .wrapper {
		padding: 60px 18px 13px;
	}
	.s-type {
		padding: 16px 0 14px 0;
		font-size: 12px;
	}
	#callback label {
		font-size: 11.5px;
	}
	.call-submit {
		font-size: 14px;
	}

	.landing h2 {
		margin: 60px auto 35px;
		font-size: 30px;
	}
	.landing h2:after {
		width: calc(100% + 60px);
		top: 58px;
	}

	.wr-wrapper {
		padding-bottom: 0;
	}
	.wr-col-l {
		margin-right: 50px;
	}
	.wr-col-l p {
		margin-top: 15px;
	}
	.wr-col-r img {
		width: 280px;
	}
	.wr-steps {
		margin-top: 25px;
	}
	.wr-steps ol {
		font-size: 15px;
	}

	#services {
		padding: 60px 0 52px;
	}
	#services li {
		padding: 21px;
	}
	#services h3 {
		font-size: 19px;
	}
	#services .price {
		margin-top: 11px;
		font-size: 19px;
	}

	#price-tabs a {
		font-size: 17.5px;
	}

	#about {
		padding: 60px 0 72px;
	}
	#about .content {
		font-size: 17px;
		line-height: 1.6;
	}
	#about img {
		max-width: 400px;
	}
	#about .slogan {
		font-size: 17.5px;
	}
	#about .btn {
		padding: 10px 17px;
		margin-top: 2px;
	}

	#guarantees ul {
		font-size: 15px;
	}
	#guarantees li {
		width: 31.6%;
		padding: 27px;
	}
	#guarantees img {
		width: 54px;
	}
	#guarantees li .title {
		margin-bottom: 0;
		font-size: 21px;
	}

	#consult {
		padding: 15px 0 31px;
	}
	#consult h2 svg {
		width: 33px;
		margin: 0 10px 0 -15px;
	}
	#consult .descr {
		font-size: 16.5px;
	}
	#consult .consult-call .btn {
		min-width: 220px;
	}
	#consult .consult-call-title {
		font-size: 24px;
	}
	#consult .consult-phone {
		font-size: 34px;
	}

	#remont .item h3 {
		margin-top: 10px;
	}
	#remont .item p {
		margin-top: 10px;
		font-size: 15px;
	}

	#video {
		padding: 60px 0 72px;
		margin-top: 85px;
	}

	#faq h3 {
		font-size: 18px;
	}
	#faq .gallery {
		max-width: 900px;
		margin: 55px auto 0;
	}

	.review .wrapper {
		padding-bottom: 45px;
	}
	.review {
		padding: 25px;
	}
	.review p {
		margin: 10px 0;
	}

	#up {
		margin-top: 45px;
	}

	footer {
		padding: 50px 0 0;
	}
	footer .col {
		width: 24%;
	}
	footer .col:first-child {
    	padding-right: 7%;
	}
	footer .title {
		font-size: 20px;
	}
	footer .title svg {
		width: 19px;
		margin-right: 5px;
	}
	footer .descr {
		font-size: 13px;
	}
}

@media (min-width: 992px) and (max-width: 1300px), (max-width: 479px) {
	.we-do {
		font-size: 17.5px;
	}
}

@media (min-width: 992px) {
	#main-screen .column:nth-child(2) {
		display: flex !important;
	}
}

@media (max-width: 991px) and (min-width: 480px) {
	#guarantees li {
		flex-direction: row;
	}
	#guarantees .data {
		align-items: start;
	    text-align: left;
	    margin-left: 3.5%;
	}
}

@media (max-width: 991px) {
	header {
		position: fixed;
		top: 0;
		left: 0;
	}
	.header {
		padding: 8px 0;
		margin-top: -1px;
	}
	#main-screen {
		padding-top: 94px;
	}
	#top-info .container {
		padding: 6px 3.5%;
	}
	.container {
		max-width: 767px;
		padding: 0 3.5%;
	}
	.client-city, #top-info .address, #main-menu {
		display: none;
	}
	header .contacts {
		margin: 0 5.5% 0 auto;
	}
	.m-toggler {
		display: block !important;
		position: relative;
		z-index: 130;
		flex: 0 0 auto;
		margin-left: 14px;
		cursor: pointer;
	}
	.h-phone .p-number.pc {
		display: none;
	}
	.order-call {
		font-size: 16px;
		font-weight: 500;
		text-shadow: 0 0 12px #ffffff85;
	}
	header .order-call {
		pointer-events: auto;
		cursor: pointer;
	}
	#main-screen .column {
		text-align: center;
	}
	#main-screen .column:nth-child(2) {
		justify-content: center;
		margin-top: 28px;
	}
	#main-screen .container {
		padding: 115px 3.5% 170px;
	}
	body.front h1, body.chistka h1, body.zamena h1 {
		max-width: 550px;
	}
	#main-screen h1 {
		margin: 0 auto;
		padding: 0 5%;
		font-size: 36px;
	}
	#main-screen h1 + .we-do {
		margin-top: 1.5em;
	}
	.we-do {
		margin-top: 30px;
	}
	.we-do li {
		margin: 15px 8px 12px 0;
	}
	.gtees {
		width: 100%;
		bottom: 35px;
	}
	.m-header {
		padding: 14px 0;
	}
	.column {
		width: 100% !important;
	}

	.wr-wrapper {
		flex-wrap: wrap;
	}
	.wr-col-l {
		display: flex;
        flex-direction: column-reverse;
		margin-right: 0;
	}
	.wr-col-r img {
		width: auto;
	}
	.wr-steps {
		margin-top: 0;
	}
	.wr-steps .ar-1 {
		top: calc(25% - 1px);
	}
	.wr-steps .ar-3 {
		top: calc(75% + 1px);
	}
	.wr-col-r {
		display: flex;
	    flex-direction: row-reverse;
	    justify-content: center;
		width: 100%;
		margin-top: 20px;
		text-align: center;
	}
	.wr-col-r .note-wrapper {
		position: relative;
		width: 78px;
	}
	.wr-col-r .note {
	    margin-top: 0;
	    font-size: 18px;
	    line-height: 1.2;
		text-align: left;
	    writing-mode: tb-rl;
	    text-transform: uppercase;
	    position: absolute;
	    top: 0;
	    right: 0;
	}
	.wr-col-r img {
		max-width: 100%;
	}

	#services li {
		width: 48.5%;
	}

	#about h2 {
		margin: 0 auto 42px;
	}
	#about img {
		max-width: 100%;
	}
	#about .content {
		flex-direction: column;
	}
	#about .col-1 {
		width: 100%;
	}
	#about .col-2 {
		width: 100%;
		padding: 0;
	}
	#about .content {
		font-size: 17px;
	}
	#about .slogan {
		margin-top: 25px;
		font-size: 18px;
	}

	#guarantees h2 {
		margin-bottom: 40px;
	}
	#guarantees ul {
		flex-wrap: wrap;
		font-size: 16px;
	}
	#guarantees li {
		width: 100%;
		margin: 0 0 20px 0 !important;
	}
	#guarantees li .title {
		margin-top: 0;
		font-size: 22px;
	}
	#guarantees img {
		width: 64px;
	}
	#guarantees li p {
		margin: 7px 0 2px;
	}
	#guarantees .text {
		margin-top: 15px;
	}

	#consult {
		margin-top: 50px;
	}

	#remont .item {
		width: 48.5%;
	}
	#remont .item p {
		font-size: inherit;
	}
	#remont .text {
		margin-top: 10px;
	}

	#video h4 {
		font-size: 18px;
	}

	#faq .gallery {
		max-width: 767px;
		padding: 0 3.5%;
	}
	.gallery {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.reviews {
		flex-direction: column;
	}
	.review {
		width: 100%;
	}
	.review .wrapper {
		padding-bottom: 40px;
	}
	.review:not(:last-child) {
		margin-bottom: 20px;
	}

	footer {
		padding: 0;
	}
	footer .container {
		max-width: 100%;
		padding: 0;
		flex-direction: column;
	}
	footer .col {
		align-items: center;
		width: 100% !important;
		padding: 35px 0 !important;
    	text-align: center;
    	border-bottom: 1px solid #bdbdbd47;
	}
	footer .col:first-child {
		order: 4;
	}
	footer .title {
		padding: 0 3% 12px 3%;
		font-size: 23px;
        border-bottom: 2px solid #5e99f8;
	}
	footer .container li a, footer li span {
		font-size: inherit;
	}
	footer .col ul li {
		margin: 20px 0;
	}
	footer .col ul li:last-child {
		margin-bottom: 5px;
	}
	footer .descr {
		margin-top: 17px;
		font-size: 14px;
	}

	.page {
		padding: 10.5em 0 6em;
	}
	.page h1 {
		margin: 0 0 0.7em;
		font-size: 2em;
	}
	.page h2 {
		margin: 2em 0 1em;
	}
	.c-info p {
		width: 100%;
	}
	.a-info {
		flex-direction: column;
	}
	.a-info img {
		max-width: 100%;
		width: max-content;
		margin-top: 1em;
	}
}

@media (max-width: 767px) {
	.container {
		padding: 0 3.5%;
	}
	#consult h2 {
		justify-content: center;
	}
	.m-toggler {
		width: 32px;
	}
	
	
	
	#main-screen .container {
		padding: 105px 3.5% 155px;
	}
	#main-screen h1 {
		font-size: 34px;
	}
	.main-cta {
		max-width: 560px;
		margin-right: auto;
	}
	.main-cta-inner {
		padding: 28px 22px;
		text-align: center;
	}
	.main-cta .btn {
		width: 100%;
	}
	.main-cta-phone {
		font-size: 17px;
	}
	.main-cta-phone a {
		display: inline-block;
	}
	.main-cta-note {
		font-size: 13.5px;
	}
	.we-do {
		padding: 0 3%;
		font-size: 19px;
	}
	.we-do li .check {
		margin-top: -2px;
		margin-right: 6px;
		font-size: 25px;
	}
	.gtees {
		bottom: 30px;
	}

	.landing h2 {
		margin: 50px auto 35px;
		font-size: 27px;
	}
	.landing h2:after {
		top: 52px;
	}
	

	.wr-steps ol {
		font-size: 16px;
	}
	.wr-steps li {
		width: 100%;
		padding: 13px 15px 13px 35px;
	}
	.wr-steps li:nth-child(3) {
		order: 4;
	}
	.wr-steps .ar {
		display: none;
	}
	.wr-steps li:not(:nth-child(3)) {
		margin-bottom: 20px;
	}

	.wr-steps li picture {
		margin-right: 4%;
	}

	#services {
    	padding: 45px 0 27px;
    }
	#services li {
		width: 100%;
		margin-bottom: 20px;
	}
    #services li img {
    	width: 92px;
    }

    #prices td:first-child, #prices th:first-child {
		display: none;
	}
	#prices td, #prices th {
		padding: 10px;
	}
    #prices th {
		white-space: initial;
	}
	
	#about {
		padding: 55px 0;
		margin: 50px 0 0;
		margin-top: 0;
	}
	#about h2 {
		margin: 0 auto 45px;
	}
	#about .slogan {
		font-size: 1.1em;
	}
	#about .content {
		font-size: inherit;
	}

	#consult {
		padding: 35px 0 47px;
	}
	#consult .container {
		flex-direction: column;
        max-width: 560px;
	}
	#consult .col {
		width: 100%;
	}
	#consult .descr {
		padding: 0 7%;
		text-align: center;
		display: none;
	}
	
	.c__btnr {
	    display: block;
    text-align: center;
    max-width: 300px;
    margin: auto;
    margin-bottom: 26px;
	}
	
	.c__btnr {
	    display: none;
	}
	
	#consult .consult-call {
		flex-direction: column;
		align-items: center;
		margin-top: 18px;
		text-align: center;
	}
	#consult .consult-call .btn {
		width: 100%;
		max-width: 360px;
	}
	#consult .consult-call-title {
		font-size: 22px;
	}
	#consult .consult-phone {
		font-size: 30px;
	}

	#remont .item {
		width: 100%;
	}
	#remont .num {
		font-size: 160px;
	}

	.gallery {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	#video {
		padding: 55px 0;
		margin-top: 0px;
	}
	#video .columns {
		flex-wrap: wrap;
	}
	#video .col {
		width: 100%;
	}
	#video .col:first-child {
		margin-bottom: 30px;
	}
	#video h4 {
		font-size: 20px;
	}
	#video .address {
		font-size: 15px;
	}
	#video p {
		font-size: 16px;
	}
}

@media (max-width: 479px) {
	.h-logo {
		font-size: 11.5px;
	}
	.h-logo .full-time {
        margin-right: 8px;
        padding-right: 8px;
        font-size: 28px;
    }
    .h-logo .name {
    	margin-bottom: -3px;
    }
	.m-header {
		padding: 10px 0;
	}
    .order-call {
    	font-size: 14.5px;
    }
    .m-toggler span {
    	height: 2px;
    }
	#main-screen .container {
        padding: 85px 3.5% 145px;
    }
    #main-screen h1 {
    	font-size: 25px;
    }
    .we-do {
    	font-size: 16px;
    }
    .gtees {
    	bottom: 20px;
    }

    .landing h2 {
    	width: auto;
    	max-width: 100%;
    	font-size: 25px;
    	white-space: normal;
    }
    .landing h2:after {
    	top: calc(100% + 10px);
    }

    .wr-col-r .note-wrapper {
    	width: 54px;
        min-width: 54px;
    	height: 98%;
    }
    .wr-col-r .note {
    	font-size: 17px;
    }

    #services {
    	margin-bottom: 18px;
    }
    #services li {
    	padding: 18px;
    	margin-bottom: 17px;
    }
    #services h3 {
    	margin: 0 0 11px;
    	line-height: 1.2;
    }
    #services p {
    	-webkit-line-clamp: 1;
	    display: -webkit-box;
	    -webkit-box-orient: vertical;
	    overflow: hidden;
    }
    #services .price {
    	margin-top: 10px;
    	line-height: 1.2;
    }
    #services h3, #services .price {
    	font-size: 18px;
    }

    #prices h2 {
    	padding-bottom: 0;
    }

    #about {
		padding: 37px 0;
		margin: 40px 0;
		margin-top: 0;
	}

    #guarantees ul {
    	font-size: 15px;
    }
    #guarantees li .title {
    	margin: 11px 0 3px;
    	font-size: 21px;
    }
    #guarantees img {
		width: 54px;
	}

    #consult {
		margin-top: 50px;
	}
	#consult .descr {
        margin-bottom: 5px;
        font-size: 15px;
    }
	#consult .consult-call-title {
		font-size: 20px;
	}
	#consult .consult-phone {
		margin-top: 14px;
		font-size: 25px;
	}

	#remont .item {
		padding: 17px 22px;
		margin-bottom: 17px;
	}
	#remont .num {
		font-size: 180px;
	}

	#video {
		padding: 37px 0;
		margin-top: 0px;
	}

	#faq h3 {
		padding: 15px;
		font-size: 17.5px;
		border-left: 6px solid #2162b3;
	}
	#faq .content {
		padding: 15px;
		border-left: 5px solid #00b9757a;
	}

	.gallery {
		grid-template-columns: minmax(0, 1fr);
		gap: 14px;
	}

	#reviews {
		margin-bottom: 45px;
	}
	.review {
		padding: 22px;
	}

	#up {
		margin-top: 40px;
	}

	.page {
		padding: 9em 0 6em;
	}
	.c-info b {
		display: block;
	}
	.c-info p a:nth-child(3) {
		margin-left: 0;
	    margin-top: 5px;
	    display: block;
	}

	#appl-popup form {
		padding: 45px 24px;
	}
	#appl-popup h3 {
		font-size: 28px;
	}
	#appl-popup h3 svg {
		width: 36px;
		height: 36px;
	}
}

@media (max-width: 379px) {
	.h-logo {
		font-size: 10px;
	}
	.h-logo .full-time {
        margin-right: 7px;
        padding-right: 7px;
        font-size: 24px;
    }
    .h-logo .name {
    	margin-bottom: -1px;
    }
	#top-info .container {
		font-size: 13px;
	}
	#top-info .i {
		margin-right: 5px;
		vertical-align: sub;
	}
	.h-mess-rs .icon {
        width: 26px;
        height: 26px;
    }
    .h-mess-rs .icon:not(:first-child) {
        margin-left: 5px;
    }
    .h-mess-rs svg {
        width: 14px;
        height: 14px;
    }
	.m-toggler {
    	width: 30px;
    }
	.order-call {
		font-size: 13.5px;
	}
	#main-screen .container {
		padding: 80px 3.5% 135px;
	}
	.we-do {
		font-size: 18.5px;
	}
    #main-screen h1 {
    	font-size: 31px;
    }
    .gtees {
    	font-size: 16px;
    }
    .gtees svg {
    	width: 22px;
    	height: 25px;
    	margin-right: 8px;
    }

    .wr-col-r .note {
    	font-size: 16px;
    }

    #services li {
    	padding: 15px;
    	margin-bottom: 15px;
    }
    #services h3, #services .price {
    	font-size: 17px;
    }
    #services li p {
    	font-size: 14px;
    }

    #price-tabs li:not(:last-child) {
    	margin-right: 7%;
    }
    #price-tabs a {
    	font-size: 16px;
    }
	#prices table {
		font-size: 15px;
	}
	#prices th {
		padding: 11px 7px;
	}
	#prices td {
		padding: 9px 7px;
	}
	#prices th:first-child, #prices tbody td:first-child {
		width: 28px;
	}
    #prices table thead {
    	font-size: 0.9em;
    }

    #consult .descr {
        font-size: 14.5px;
    }

    #remont .item p {
    	margin-top: 8px;
    }
    #remont .num {
    	font-size: 200px;
    }

    #video .col:first-child {
		margin-bottom: 20px;
	}
	#video .descr {
		padding: 12px 17px;
	}
    #video h4 {
    	font-size: 18.5px;
    }
    #video .address {
    	font-size: 14px;
    }
    #video p {
    	font-size: 15px;
    }

    #reviews {
		margin-bottom: 35px;
	}
    .review {
		padding: 20px;
		font-size: 15.5px;
	}
	.review .name {
		font-size: 19px;
	}

	#up {
		margin-top: 35px;
	}

	footer .container li a, footer li span {
		font-size: 16px;
	}
	footer .title {
		font-size: 22px;
	}
	footer .descr {
		font-size: 13px;
	}

	body {
		font-size: 16px;
	}

	#appl-popup form {
		padding: 45px 20px;
	}
	#appl-popup .close {
		top: 27px;
		right: 20px;
	}
}

@media (max-width: 340px) {
	.order-call {
	    font-size: 13px;
	}
}