/*
Theme name: Specly
Description: ремонт побутової техніки
Author: Aleksandrlao
Author URI: https://alaoweb.top
*/


:root {
	--white: #fff;
	--black: #1f1f1f;
	--blue: #0051D9;
	--blue-hover: #05589e;
	--yellow: #ffcc04;
	--yellow-hover: #e8b901;
	--shadow: 0 2px 30px 0 rgba(0, 0, 0, .05);
}



*, *::before, *::after {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-text-size-adjust: 100%;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block;
}
html {
	font-size: 16px;
}
@media screen and (max-width: 1200px) {
	html {
		font-size:14px;
	}
}
@media screen and (max-width: 768px) {
	html {
		font-size:12px;
	}
}
body {
	background: #fbfbfb;
	color: #000;
	font-family: 'Rubik', sans-serif;
	font-size: 16px;
	line-height: 1.5;
	min-width: 320px;
	position: relative;
	-ms-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

.wrapper,
body.nav-active,
.scroll-fixed {
	overflow: hidden;
}
.box {
	width: 100%;
	min-width: 320px;
	position: relative;
}
.container {
	width: 100%;
	min-width: 320px;
	max-width: 1172px;
	padding-left: 1rem;
	padding-right: 1rem;
	margin: 0 auto;
	position: relative;
	border-top: 0 solid transparent;
}
.container::after {
	content: '';
	display: block;
	clear: both;
	width: 100%;
	height: 0;
}

.head {
	width: 100%;
	margin-bottom: 16px;
	color: var(--black,#000);
	font-size: 30px;
	font-style: normal;
	font-weight: 500;
	letter-spacing: .2px;
	line-height: 1.2;
}

.flx {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
}
.d-flex,.row {
	display: flex
}

.align-center {
	align-items: center
}

.justify-between {
	justify-content: space-between
}
.fade-enter-active,.fade-leave-active {
	transition: opacity .5s
}

.fade-enter,.fade-leave-to {
	opacity: 0
}


a {
	color: var(--blue);
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}

input, 
textarea, 
select,
button {
	font-family: 'Rubik', sans-serif;
}
input.error {
	color: #f00 !important;
	border: 1px solid #f00 !important;
}
input.valid {
	border: 1px solid #339e36 !important;
}
::-moz-placeholder {
	color: #666
}
::placeholder {
	color: #666
}
::-moz-selection {
	background-color: #0467ba;
	color: #fff
}
::selection {
	background-color: #0467ba;
	color: #fff
}

details,
details summary {
	padding-left:0;
	background-image:none;
	-webkit-appearance:none;
}
details > summary {
	list-style: none;
}
details summary::-webkit-details-marker {
	display:none;
}





.text {
	overflow: hidden;
}
.text p {
	margin-bottom: 16px;
}
.text h2, 
.text h3, 
.text h4, 
.text h5 {
	margin-bottom: 1.6rem;
	color: #000;
	font-size: 30px;
	font-weight: 500;
	line-height: 1.3;
}
.text h2{
	font-size: 24px;
	font-weight: 500;
	line-height: 120%;
	text-align: left;
	padding-top: 16px;
	padding-bottom: 8px;
}
.text h3 {
	font-size: 20px;
	font-weight: 500;
	line-height: 120%;
	text-align: left;
	padding-top: 16px;
	padding-bottom: 8px;
}

.text h4, .text h5 {
	font-size: 18px;
}
.text table {
	width: 100%;
	border-collapse: collapse;
}
.text table tr td {
	border: 1px solid var(--black);
	padding: 10px;
	margin-bottom: 1.2rem;
}
.text ul, .text ol {
	margin: 0 0 16px 24px;
}
.text li {
	margin-bottom: 8px;
}
.text img {
	display: block;
	max-width: 100%;
	height: auto;
}
.text strong,
.text b {
	font-weight: 600;
}



.alignleft {display: inline;float: left;margin: 5px 15px 5px 0;}
.alignright {display: inline;float: right;margin: 5px 0 5px 15px;}
.aligncenter {clear: both;display: block;margin: 5px auto;}



.button {
	display: inline-flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	min-width: 88px;
	min-height: 52px;
	border-radius: 32px;
	padding: 8px 32px;
	gap: 8px;
	border: 1px solid var(--yellow);
	background: var(--yellow);
	color: var(--black);
	font-size: 16px;
	font-weight: 500;
	line-height: 1.3;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	transition: all .3s ease;
}
.button:hover {
	border-color: var(--yellow-hover);
	background: var(--yellow-hover);
}
.button--white {
	border-color: var(--white);
	background: var(--white);
	color: var(--black);
}
.button--white:hover {
	border-color: var(--blue);
	background: var(--blue);
	color: var(--white);
}
.button--black {
	border-color: var(--black);
	background: var(--white);
	color: var(--black);
}
.button--black:hover {
	border-color: var(--blue);
	background: var(--white);
	color: var(--black);
}
.button--transp {
	border-color: var(--white);
	background: transparent;
	color: var(--white);
}
.button--transp:hover {
	background: var(--white);
	color: var(--black);
}





.slick-list {
	position: relative;
}
.slick-track {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
}

.slick-dots {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	gap: 1rem;
	list-style: none;
}
.slick-dots button {
	display: block;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	border: none;
	outline: none;
	background: var(--blue);
	opacity: .1;
	font-size: 0;
	transition: all .3s ease;
	cursor: pointer;
}
.slick-dots button:hover {
	opacity: .6;
}
.slick-dots .slick-active button {
	opacity: 1;
}



.collapsible-text {
	position: relative;
}
.text-content {
	transition: max-height 0.3s ease;
}
.text-content.collapsed {
	max-height: 44px;
	overflow: hidden;
}
.toggle-button {
	display: none;
	margin: 5px 0 0 auto;
	font-size: 16px;
	color: var(--white);
	border: none;
	background-color: transparent;
	text-decoration: underline;
	text-align: right;
	cursor: pointer;
}
.whyus .toggle-button {
	color: var(--black);
}
.toggle-button:hover {
	text-decoration: underline;
}
@media (max-width: 450px) {
	.text-content.collapsed {
		max-height: 44px;
	}
	.toggle-button {
		display: block;
	}
}




/* Header ----------------------------------------------------------------------------- */
.header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: var(--blue);
	border-bottom: 1px solid rgba(255, 255, 255, .1);
	display: flex;
	padding: 1.25rem 0;
	z-index: 999
}

@media screen and (max-width: 768px) {
	.header {
		left:0;
		position: fixed;
		top: 0;
		width: 100%
	}
}

.header__logo {
	display: block;
	color: #fff;
	text-decoration: none;
}

.header__logo-desc {
	display: block;
	font-size: 10px;
	font-weight: 500;
	letter-spacing: .6px;
	line-height: normal;
	margin-top: .1875rem;
	text-transform: uppercase
}

.header__logo-name {
	font-size: 25px;
	font-weight: 700;
	letter-spacing: .5px;
	line-height: 1
}

.header__logo-name span {
	color: var(--yellow);
}

@media screen and (max-width: 374px) {
	.header__logo-desc {
		font-size:8px
	}

	.header__logo-name {
		font-size: 24px
	}
}
.header__contact {
	position: relative;
	padding-left: 32px;
	margin-left: auto;
}
.header__contact::before {
	content: '';
	position: absolute;
	top: calc(50% - 12px);
	left: 0;
	width: 24px;
	height: 24px;
	background: url('i/bg-icon-callblack.svg') center no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
}
.header__call {
	display: block;
	color: var(--white);
	font-size: 20px;
	font-weight: 500;
	line-height: 1.3;
	text-decoration: none;
	transition: all .3s ease;
}
.header__time {
	color: #FBFBFB;
	font-size: 12px;
}

.header__applic {
	min-height: 44px;
	margin-left: 24px;
}


.header__nav-btn {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	width: 30px;
	height: 30px;
	margin-left: 24px;
	border: none;
	background: transparent;
	outline: none;
	cursor: pointer;
}
.header__nav-btn span {
	display: inline-block;
	vertical-align: top;
	width: 100%;
	height: 2px;
	border-radius: 3px;
	background: var(--white);
	position: relative;
}
.header__nav-btn span::before, 
.header__nav-btn span::after {
	content: "";
	position: absolute;
	left: 0;
	width: 100%;
	height: 2px;
	border-radius: 3px;
	background: var(--white);
	transition: all 0.4s ease;
}
.header__nav-btn span::before {
	top: -7px;
}
.header__nav-btn span::after {
	bottom: -7px;
}
.nav-active .header__nav-btn span {
	background: transparent;
}
.nav-active .header__nav-btn span::before {
	top: 0;
	-webkit-transform: rotate(45deg);
}
.nav-active .header__nav-btn span::after {
	bottom: 0;
	-webkit-transform: rotate(-45deg);
}




.header__nav {
	margin-top: 90px;
	background: var(--white);
	padding-top: 1rem;
	padding-bottom: 1rem;
}
.header__nav-wrapper {
	overflow-x: auto;
	white-space: nowrap;
}
.header__nav-wrapper::-webkit-scrollbar {
	height: 6px;
}
.header__nav-wrapper::-webkit-scrollbar-thumb {
	background-color: #888;
	border-radius: 3px;
}
.header__nav-wrapper::-webkit-scrollbar-thumb:hover {
	background-color: #555;
}

.header__nav ul {
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	list-style: none;
	gap: 1.2rem;
}
.header__nav a {
	display: block;
	white-space: nowrap;
	color: var(--black);
	font-size: 16px;
	line-height: 1.2;
	text-decoration: none;
	transition: all .3s ease;
}
.header__nav a:hover {
	color: var(--blue);
}



.mob-nav {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	overflow: hidden;
	overflow-y: visible;
	background: var(--black);
	padding-top: 120px;
	padding-bottom: 24px;
	opacity: 0;
	pointer-events: none;
	transition: all .3s ease;
	z-index: 120;
}
.nav-active .mob-nav {
	opacity: 1;
	pointer-events: auto;
}
.mob-nav ul {
	list-style: none;
}
.mob-nav li {
	margin-bottom: 5px;
}
.mob-nav a {
	display: block;
	padding: 4px 0;
	color: var(--white);
	font-size: 18px;
	font-weight: 500;
	line-height: 1.3;
	text-transform: uppercase;
	text-decoration: none;
}
.mob-nav li.menu-item-has-children {
	vertical-align: middle;
}
.mob-nav li.menu-item-has-children a {
	display: inline-block;
}
.mob-nav .menu-item-sub-arrow {
	display: inline-block;
	vertical-align: middle;
	width: 20px;
	height: 20px;
	margin-left: 10px;
	position: relative;
}
.mob-nav .menu-item-sub-arrow::before {
	content: '';
	position: absolute;
	top: 1px;
	left: 4px;
	width: 12px;
	height: 12px;
	border-left: 2px solid #fff;
	border-bottom: 2px solid #fff;
	transform: rotate(-45deg);
	transition: all .3s ease;
}
.mob-nav .sub-menu {
	max-height: 0;
	overflow: hidden;
	margin-bottom: 16px;
	padding-left: 16px;
	transition: all .3s ease;
}
.mob-nav .active .sub-menu {
	max-height: 5000px;
}
.mob-nav .sub-menu a {
	font-size: 16px;
	font-weight: normal;
	text-transform: none;
}



.social {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	gap: 12px;
	padding-top: 20px;
	padding-bottom: 8px;
}
.social__item {
	display: block;
	width: 32px;
	height: 32px;
	background: var(--white);
	-webkit-mask: url("i/bg-icon-fb.svg") center no-repeat;
	mask: url("i/bg-icon-fb.svg") center no-repeat;
	-webkit-mask-size: contain;
	mask-size: contain;
	transition: all .3s ease;
}
.social__item:hover {
	transform: scale(1.1);
}
.social__item--tg {
	-webkit-mask-image: url("i/bg-icon-tg.svg");
	mask-image: url("i/bg-icon-tg.svg");
}
.social__item--ig {
	-webkit-mask-image: url("i/bg-icon-in.svg");
	mask-image: url("i/bg-icon-in.svg");
}
.social__item--yt {
	-webkit-mask-image: url("i/bg-icon-yt.svg");
	mask-image: url("i/bg-icon-yt.svg");
}









/* hero ----------------------------------------------------------------------------- */
.hero {
	min-height: 560px;
	padding-top: 2rem;
	padding-bottom: 2rem;
	margin-top: 0;
	margin-bottom: 40px;
	position: relative;
	overflow: hidden;
}
.hero__buttons {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 20px;
	padding-bottom: 1rem;
}
@media screen and (max-width: 768px) {
	.hero__buttons {
		flex-direction: column!important;
	}

	.hero__buttons a,
	.hero__buttons button {
		display: flex;
		width: 100%;
		margin: 0
	}
}
.hero__call,
.hero__order {
	padding: 8px 48px;
}

.hero .container {
	max-width: 1200px;
}
.hero::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(0deg, rgba(0, 0, 0, .7), rgba(0, 0, 0, .7));
	z-index: 5;
}
.hero__bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	min-height: 980px;
	z-index: 1;
}
.hero__bg img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.hero__wrapper {
	padding: 5rem 0 4rem;
	position: relative;
	z-index: 10;
}
.hero__info {
	width: 67%;
}
.hero__wrapper h1 {
	margin-bottom: 0.8rem;
	color: #fff;
	font-size: 2.875rem;
	font-weight: 500;
	line-height: 130%
}

@media screen and (max-width: 374px) {
	.hero__wrapper h1 {
		font-size:30px
	}

	.hero__wrapper {
		padding: 1.875rem 1.25rem 1.25rem
	}
}


.hero__headline {
	font-size: 20px;
	margin-bottom: 36px;
}
.hero__headline {
	color: #fff;
}
.hero__headline strong {
	font-weight: 500;
	line-height: 130%
}

.hero__headline b {
	font-size: 18px;
	font-weight: 500;
	text-transform: uppercase
}
.hero__subheading {
	color: #fff;
	font-size: 1rem;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
	margin-top: 1.5625rem;
	max-width: 37.5rem
}


.hero__form {
	width: 31%;
	background: var(--white);
	padding: 24px;
	border-radius: 24px;
	position: relative;
}
.hero__form-head {
	margin-bottom: 16px;
	color: var(--black);
	font-size: 16px;
	font-weight: 500;
	line-height: 1.3;
}
.hero__form-input {
	margin-bottom: 12px;
}
.hero__form-input input {
	display: block;
	width: 100%;
	height: 52px;
	border-radius: 24px;
	border: 1px solid rgba(0, 0, 0, .1);
	background: rgba(0, 0, 0, .005);
	outline: none;
	padding-left: 12px;
	padding-right: 8px;
	font-size: 16px;
}
.hero__form-tel-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 8px;
}
.hero__form-place {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	width: 60px;
	height: 52px;
	border-radius: 24px 0 0 24px;
	border: 1px solid rgba(0, 0, 0, .1);
	border-right: none;
	background: rgba(0, 0, 0, .005);
	font-size: 16px;
	text-align: center;
}
.hero__form-tel-wrap .wpcf7-form-control-wrap {
	display: block;
	width: calc(100% - 60px);
}
.hero__form-tel-wrap input[type="tel"] {
	display: block;
	width: 100%;
	height: 52px;
	border-radius: 0 24px 24px 0;
	border: 1px solid rgba(0, 0, 0, .1);
	background: rgba(0, 0, 0, .005);
	outline: none;
	padding-left: 12px;
	padding-right: 8px;
	font-size: 16px;
}
.hero__form input[type="submit"] {
	display: flex;
	width: 100%;
}
.hero__form .wpcf7-spinner {
	position: absolute;
	bottom: 8px;
	right: 0;
}


.hero-adv__list {
	padding-top: 16px;
}
.hero-adv-item {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: 16px;
}
.hero-adv-item__icon {
	width: 26px;
	height: 26px;
}
.hero-adv-item__icon img {
	display: block;
	max-width: 100%;
	height: auto;
}
.hero-adv-item__text {
	width: calc(100% - 40px);
	color: #fff;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.5;
}







.single-hero {
	padding-top: 2rem;
	padding-bottom: 3rem;
	background: rgb(224, 231, 235);
	position: relative;
}
.single-hero .container {
	position: relative;
	z-index: 10;
}
.single-hero__wrapper {
	align-items: center;
	overflow: hidden;
	overflow-wrap: break-word;
	position: relative;
	text-decoration: none;
	transition-duration: .28s;
	transition-property: box-shadow, opacity, background;
	transition-timing-function: cubic-bezier(.4,0,.2,1);
	border-radius: 8px;
	z-index: 0;
}
.single-hero__info {
	width: 72%;
}
.single-hero__head h1 {
	margin-bottom: 0.8rem;
	color: #000;
	font-size: 2.875rem;
	font-weight: 500;
	line-height: 130%
}

@media screen and (max-width: 450px) {
	.single-hero__head h1 {
		font-size:30px;
	}
}


.single-hero__head {
	font-size: 1.25rem;
	margin-bottom: 2rem;
	color: #000;
	font-weight: 500;
	line-height: 130%
}
.single-hero__head b {
	font-weight: 500;
}
.single-hero__desc {
	margin-top: 1.5625rem;
	max-width: 37.5rem;
	margin-bottom: 2.5rem;
	color: #000;
	font-size: 1rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5;
}
.single-hero__button-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	gap: 1rem;
}
.single-hero__phone {
	align-items: center;
	background: #fff;
	border-radius: 1.875rem;
	color: #000;
	display: inline-flex;
	font-weight: 500;
	gap: 8px;
	justify-content: center;
	padding: 10px 24px;
	-webkit-text-decoration: none;
	text-decoration: none;
	transition: .25s
}
.single-hero__phone:hover {
	background: #e3e3e3;
}
.single-hero__button {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
}

.single-hero__thumb {
	width: 25%;
}
.single-hero__thumb img {
	display: block;
	width: 100%;
	height: auto;
}








.failures {
	padding-top: 30px;
	padding-bottom: 24px;
}
.failures__head {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 1.6rem;
}
.failures__head .head {
	width: auto;
	padding-right: 1rem;
	margin-bottom: 0;
}
.failures__subtext {
	color: var(--blue);
	font-size: 16px;
	line-height: 1.3;
}
.failures__list {
	justify-content: flex-start;
	align-items: stretch;
	width: calc(100% + 20px);
	margin-left: -10px;
}
.failures-item {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
	width: calc(33.3% - 16px);
	min-height: 220px;
	margin: 0 8px 16px;
	background: #fefefe;
	border: 1px solid #fff;
	box-shadow: var(--shadow);
	border-radius: 16px;
	padding: 1.875rem;
	cursor: pointer;
	transition: all .3s ease;
}
.failures-item:nth-child(odd) {
	background: #d9eeff;
	border-color: #d9eeff;
}
.failures-item:hover {
	background: #fff;
	border-color: var(--blue);
}
.failures-item.master {
	border: none;
	background: url("i/bg-master.webp") center no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	cursor: default;
}
.failures-item.diagnost {
	border: none;
	background: url("i/bg-diagnos.webp") center no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	cursor: default;
}
.failures-item__title {
	width: 100%;
	min-height: 50px;
	margin-bottom: 0.4rem;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.3;
	transition: all .3s ease;
}
.failures-item:hover .failures-item__title {
	color: var(--blue);
}
.failures-item__desc {
	width: 100%;
	margin-bottom: auto;
	font-size: 14px;
	line-height: 1.3;
}
.failures-item__price {
	color: #0d416a;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.3;
	text-align: center;
	transition: all .3s ease;
}

.failures-item.master .failures-item__title,
.failures-item.master:hover .failures-item__title,
.failures-item.diagnost .failures-item__title,
.failures-item.diagnost:hover .failures-item__title,

.failures-item.master .failures-item__desc,
.failures-item.diagnost .failures-item__desc,

.failures-item.master .failures-item__price,
.failures-item.diagnost .failures-item__price {
	color: var(--white);
}








/* All service ----------------------------------------------------------------------------- */
.all-service {
	padding-top: 30px;
	padding-bottom: 54px;
}
.all-service__list {
	justify-content: flex-start;
	align-items: stretch;
	width: calc(100% + 16px);
	margin-left: -8px;
}
.all-service-item {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
	width: calc(25% - 16px);
	margin: 0 8px 16px;
	background: var(--white);
	box-shadow: var(--shadow);
	border-radius: 20px;
	padding: 24px 16px;
	text-decoration: none;
	transition: all .3s ease;
}
.all-service-item:hover {
	background: var(--blue);
}
.all-service-item__icon {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	width: 65px;
	height: 60px;
	margin-bottom: 20px;
	background: var(--blue);
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	mask-size: contain;
	transition: all .3s ease;
}
.all-service-item:hover .all-service-item__icon {
	background: var(--white);
}
.all-service-item__name {
	width: 100%;
	margin-bottom: 8px;
	color: var(--black);
	font-size: 18px;
	font-weight: 500;
	line-height: 1.3;
	transition: all .3s ease;
}
.all-service-item__desc {
	margin-bottom: 10px;
	color: var(--black);
	font-size: 14px;
	line-height: 1.3;
}
.all-service-item__price {
	width: 100%;
	margin-top: auto;
	color: var(--black);
	font-size: 15px;
	font-weight: 500;
	line-height: 1.3;
	transition: all .3s ease;
}
.all-service-item:hover .all-service-item__name,
.all-service-item:hover .all-service-item__desc,
.all-service-item:hover .all-service-item__price {
	color: var(--white);
}







.price-table {
	padding-top: 30px;
	padding-bottom: 70px;
}
.price-table__wrapper {
	background: #fff;
	padding: 1.875rem;
	box-shadow: var(--shadow);
	border-radius: 16px;
}
.price-table__wrap {
	margin-bottom: 1rem;
}
.price-table__wrap table {
	border-collapse: collapse;
	width: 100%;
	font-size: 18px;
	line-height: 1.3;
}
.price-table__wrap table tr {
	transition: all .3s ease;
}
.price-table__wrap table tr:hover :not(th) {
	background: rgba(0, 0, 0, .02);
}
.price-table__wrap table th:last-child {
	text-align: right;
}
.price-table__wrap table th,
.price-table__wrap table td {
	border: none;
	padding: 15px 0 14px;
}
.price-table__wrap table th {
	opacity: .5;
	color: #000;
	font-size: 16px;
	font-weight: normal;
	line-height: 1.3;
	text-align: left;
	transition: all .3s ease;
}
.price-table__wrap table td {
	border-top: 1px solid rgba(0, 0, 0, .2);
}
.price-table__wrap table td:first-child {
	width: calc(100% - 200px);
}
.price-table__wrap table td:last-child {
	width: 200px;
	font-size: 16px;
	text-align: right;
}
.price-table__wrap table td a {
	color: var(--blue);
	text-decoration: none;
}
.price-table__wrap table td a:hover {
	color: var(--blue);
	text-decoration: underline;
}






.other {
	padding-top: 30px;
	padding-bottom: 40px;
}
.other__list {
	justify-content: flex-start;
	width: calc(100% + 16px);
	margin-left: -8px;
}
.other-item {
	display: inline-flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	margin: 0 8px 16px;
	padding: 12px 16px;
	background: #fff;
	box-shadow: var(--shadow);
	border-radius: 8px;
	color: var(--black);
	font-size: 16px;
	font-weight: normal;
	line-height: 1.3;
	text-decoration: none;
	transition: all .3s ease;
}
.other-item:hover {
	background: var(--blue);
	color: var(--white);
}









/* Why Us ----------------------------------------------------------------------------- */
.whyus {
	padding-top: 70px;
	padding-bottom: 54px;
	margin-bottom: 40px;
	background: var(--blue);
	box-shadow: var(--shadow);
	color: var(--white);
}
.single-hero + .whyus {
	margin-top: -40px;
}
.whyus .container {
	align-items: center;
}
.whyus__info {
	width: 36%;
}
.whyus__head {
	text-align: left;
	color: var(--white);
}
.whyus__desc {
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
}

.whyus__box {
	width: 52%;
}
.whyus__list {
	justify-content: flex-start;
	align-items: stretch;
	width: calc(100% + 16px);
	margin-left: -8px;
}
.whyus-item {
	width: calc(50% - 16px);
	min-height: 150px;
	margin: 0 8px 16px;
	padding: 24px 16px;
	border-radius: 20px;
	background: var(--white);
	box-shadow: var(--shadow);
	color: var(--black);
}
.whyus-item__title {
	position: relative;
	margin-bottom: 12px;
	padding-right: 32px;
	color: var(--black);
	font-size: 16px;
	font-weight: 500;
	line-height: 1.3;
}
.whyus-item__title::before {
	content: '';
	position: absolute;
	top: calc(50% - 10px);
	right: 0;
	width: 20px;
	height: 20px;
	background: var(--blue);
	-webkit-mask: url("i/bg-icon-checkbox.svg") center no-repeat;
	mask: url("i/bg-icon-checkbox.svg") center no-repeat;
	-webkit-mask-size: contain;
	mask-size: contain;
}
.whyus-item__desc {
	color: #666666;
	font-size: 14px;
}
.whyus-item__desc strong {
	font-weight: 600;
}











	/* Applic ----------------------------------------------------------------------------- */
.applic {
	padding-top: 20px;
	padding-bottom: 30px;
}
.applic .container {
	align-items: center;
}
.applic__head {
	width: 44%;
	max-width: 420px;
	text-align: left;
}
.applic__box {
	width: 50%;
}
.applic__box-head {
	margin-bottom: 2rem;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.3;
}
.applic__button-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	gap: 24px;
}








.call-us {
	padding-top: 30px;
	padding-bottom: 40px;
}
.call-us .container {
	overflow: hidden;
}
.call-us__container {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
	min-height: 280px;
	background-color: #F5F3EB;
	border-radius: 20px;
	box-shadow: var(--shadow);
	overflow: hidden;
}
.call-us--2 .call-us__container {
	background: #3474DF;
	padding: 24px;
}
.call-us--3 .call-us__container {
	background: #F0F2FC;
}
.call-us--3 .call-us__container::before {
	content: '';
	position: absolute;
	top: -40px;
	left: 40%;
	width: 190px;
	height: 197px;
	background: url("i/bg-icon-applic3.svg") center no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
}
.call-us__content {
	width: 67%;
	padding: 1.875rem;
	position: relative;
	z-index: 10;
}
.call-us__title {
	max-width: 480px;
	margin-bottom: .5rem;
	text-align: left;
}
.call-us__desc {
	margin-bottom: 32px;
	color: #212121;
	font-size: 16px;
}
.call-us__desc a {
	color: #212121;
	font-weight: 500;
	text-decoration: underline;
}
.call-us__desc a:hover {
	text-decoration: none;
}
.call-us--2 .call-us__title,
.call-us--2 .call-us__desc,
.call-us--2 .call-us__desc a {
	color: #fff;
}

.call-us-form {
	width: 100%;
	max-width: 540px;
}
.call-us--2 .call-us-box {
	width: 32%;
	background: #fff;
	padding: 30px;
	border-radius: 20px;
}
.call-us-form__wrapper {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
.call-us--2 .call-us-form__wrapper {
	flex-direction: column;
	gap: 12px;
}
.call-us-form__box {
	width: calc(50% - 10px);
	position: relative;
}
.call-us--2 .call-us-form__box {
	width: 100%;
}
.call-us-form__box input:not([type="submit"]) {
	display: block;
	width: 100%;
	height: 50px;
	border-radius: 24px;
	border: 1px solid #fff;
	background: #fff;
	padding-left: 20px;
	padding-right: 8px;
	font-size: 16px;
}
.call-us--2 .call-us-form__box input:not([type="submit"]) {
	border-color: #000;
}
.call-us-form__box input[type="submit"] {
	display: flex;
	width: 100%;
	height: 50px;
}

.call-us__bg {
	width: 32%;
	position: relative;
}
.call-us__bg img {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.call-us-box__head {
	margin-bottom: 16px;
	color: #212121;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.3;
}
.call-us-box__bottom-text {
	margin-top: 12px;
	color: #878787;
	font-size: 14px;
	line-height: 1.3;
	text-align: center;
}







.brandsSection {
	padding-top: 30px;
	padding-bottom: 24px;
}
.brandsSection__list {
	justify-content: flex-start;
	width: calc(100% + 20px);
	margin-left: -10px;
}
.brandsSection-item {
	width: calc(25% - 16px);
	margin: 0 8px 16px;
	background: #fff;
	border-radius: 16px;
	padding: 16px;
	box-shadow: var(--shadow);
}
.brandsSection-item picture {
	display: block;
	width: 100%;
	padding-top: 40%;
	position: relative;
}
.brandsSection-item img {
	position: absolute;
	top: 50%;
	left: 50%;
	max-width: 96%;
	max-height: 96%;
	transform: translate(-50%, -50%);
}






.our-team {
	padding-top: 30px;
	padding-bottom: 40px;
}
.our-team .container {
	overflow: hidden;
}
.our-team__list {
	width: calc(100% + 32px);
	margin-left: -16px;
	padding-bottom: 36px;
}
.our-team__list .slick-track {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
}
.our-team-item {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	width: calc(25% - 16px);
	position: relative;
	margin: 0 8px;
	background: var(--white);
	border-radius: 12px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}
.our-team-item__photo {
	display: block;
	width: 100%;
	margin-bottom: 12px;
	border-radius: 12px 12px 0 0;
	overflow: hidden;
}
.our-team-item__photo-ins {
	display: block;
	width: 100%;
	padding-top: 110%;
	position: relative;
}
.our-team-item__photo-ins img {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.our-team-item__name {
	display: block;
	width: 100%;
	padding: 0 1.875rem;
	margin-bottom: 16px;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.3;
}
.our-team-item__desc {
	display: block;
	width: 100%;
	padding: 0 1.875rem;
	margin-bottom: 12px;
	opacity: .6;
	font-size: 14px;
	line-height: 1.3;
}
.our-team-item__experience {
	position: absolute;
	top: 20px;
	right: 0;
	padding: 4px 8px;
	background: var(--blue);
	border-radius: 16px 0 0 16px;
	color: var(--white);
	font-size: 14px;
}
.our-team-item__applic {
	display: flex;
	width: calc(100% - 3.75rem);
	margin: auto 1.875rem 1.875rem;
	padding: 8px 20px;
}














/* Reviews ----------------------------------------------------------------------------- */
.review {
	padding-top: 30px;
	padding-bottom: 40px;
}
.review__list {
	position: relative;
	overflow: hidden;
	width: calc(100% + 40px);
	margin-left: -20px;
	padding: 1rem 0 36px;
	margin-top: -1rem;
}
.review__list .slick-track {
	align-items: stretch;
}
.review-item {
	width: calc(50% - 16px);
	margin: 0 8px;
	padding: 1.875rem;
	background: var(--white);
	box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.05);
	border-radius: 16px;
}
.review-item__top {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	margin-bottom: .625rem;
}
.review-item__name {
	font-size: 18px;
	font-weight: 500;
	line-height: 1.3;
}
.review-item__date {
	color: #485b63;
	font-size: 14px;
	font-weight: 400;
	text-align: right;
}
.review-item__rating {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	margin-bottom: 20px;
}
.review-item__text {
	font-size: 14px;
	line-height: 1.4;
}











/* FAQ ----------------------------------------------------------------------------- */
.faq {
	padding-top: 30px;
	padding-bottom: 40px;
}
.faq__content {
	background: #fff;
	border-radius: 20px;
	box-shadow: var(--shadow);
	padding: 1.875rem;
	width: 100%
}
.faq .accordion__tab {
	border-top: 1px solid #dfdfdf
}
.accordion__tabs {
	list-style: none;
}
.faq .accordion__tab__headline {
	align-items: center;
	cursor: pointer;
	display: flex;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	justify-content: space-between;
	line-height: 130%;
	padding: 1.25rem 0
}
.faq .accordion__tab__headline h3 {
	max-width: calc(100% - 28px);
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 130%;
}
.faq .accordion__tab__headline img {
	transform: rotate(180deg);
	transition: .25s
}

.faq .accordion__tab__content {
	height: 0;
	line-height: 0;
	opacity: 0;
	text-align: left;
	transition: .3s
}

.faq .accordion__tab.open .accordion__tab__headline img {
	transform: rotate(0);
}

.faq .accordion__tab.open .accordion__tab__content {
	background: no-repeat;
	font-size: 16px;
	font-weight: 400;
	height: 100%;
	line-height: 1.5;
	opacity: 1;
	padding: 0 50px 20px 0;
	text-align: left;
	transition: .4s
}










/* Main text ----------------------------------------------------------------------------- */
.main-text {
	padding-top: 30px;
	padding-bottom: 40px;
}
.main-text__box {
	padding: 1.875rem;
	background: var(--white);
	box-shadow: var(--shadow);
	border-radius: 24px;
}







.breadcrumbs {
	margin-top: -20px;
	padding-bottom: 40px;
}
.breadcrumbs a {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	margin-right: 24px;
	color: var(--black);
	font-size: 16px;
	line-height: 1.3;
	text-decoration: none;
	transition: all .3s ease;
}
.breadcrumbs a:hover {
	color: var(--blue);
}
.breadcrumbs a::before {
	content: '';
	position: absolute;
	top: calc(50% - 8px);
	right: -22px;
	width: 16px;
	height: 16px;
	background: var(--black);
	-webkit-mask: url('i/bg-icon-arrow.svg') center no-repeat;
	mask: url('i/bg-icon-arrow.svg') center no-repeat;
	-webkit-mask-size: contain;
	mask-size: contain;
	opacity: .3;
	transform: rotate(180deg);
}

.breadcrumbs__current {
	display: inline-block;
	vertical-align: middle;
	opacity: .7;
	color: var(--black);
}







/* Gallery ----------------------------------------------------------------------------- */
.gallery {
	padding-top: 30px;
	padding-bottom: 40px;
}
.gallery__list {
	overflow: hidden;
	width: calc(100% + 20px);
	margin-left: -10px;
	padding: 10px 0 36px;
	margin-top: -10px;
}
.gallery-item {
	width: calc(25% - 16px);
	margin: 0 8px;
	background: var(--white);
	border-radius: 14px;
}
.gallery-item__photo {
	display: block;
	width: 100%;
	position: relative;
	overflow: hidden;
	border-radius: 8px;
}
.gallery-item__photo-ins {
	display: block;
	width: 100%;
	padding-top: 100%;
	position: relative;
}
.gallery-item__photo-ins img {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}









/* steps ----------------------------------------------------------------------------- */
.steps {
	padding-top: 30px;
	padding-bottom: 24px;
}
.steps__list {
	justify-content: flex-start;
	width: calc(100% + 16px);
	margin-left: -8px;
}
.steps-item {
	width: calc(25% - 16px);
	margin: 0 8px 16px;
}
.steps-item__thumb {
	display: block;
	width: 100%;
	margin-bottom: 10px;
	position: relative;
}
.steps-item__number {
	position: absolute;
	top: 10px;
	left: 0;
	width: 100px;
	color: #fff;
	font-size: 80px;
	font-weight: 500;
	line-height: 1.1;
	text-align: center;
	z-index: 10;
}
.steps-item__thumb-ins {
	display: block;
	width: 100%;
	padding-top: 96%;
	overflow: hidden;
	border-radius: 20px;
	position: relative;
}
.steps-item__thumb-ins::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .3;
	z-index: 2;
}
.steps-item__thumb-ins img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.steps-item__name {
	display: block;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.3;
}












/* Footer ----------------------------------------------------------------------------- */
.footer {
	margin-top: 30px;
	padding-top: 2rem;
	padding-bottom: 2rem;
	background: var(--black);
	color: var(--white);
}
.footer-top {
	padding-bottom: 2rem;
	border-bottom: 1px solid rgba(255, 255, 255, .1);
}
.footer-lang {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	gap: 2rem;
	margin-top: 2rem;
}
.footer-lang__item {
	display: block;
	position: relative;
	color: var(--white);
	opacity: .7;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.4;
	text-decoration: none;
	text-transform: uppercase;
	transition: all .3s ease;
}
.footer-lang__item::before {
	content: '';
	position: absolute;
	top: calc(50% - 5px);
	left: -1rem;
	width: 1px;
	height: 10px;
	background: var(--white);
	opacity: .3;
}
.footer-lang__item:first-child::before {
	display: none;
}
.footer-lang__item:hover,
.footer-lang__item.active {
	opacity: 1;
}
.footer__nav {
	flex: 1;
	padding: 0 1rem;
}
.footer__nav ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
	gap: 3rem;
	list-style: none;
}
.footer__nav ul a {
	display: block;
	margin-bottom: 16px;
	color: var(--white);
	font-size: 18px;
	font-weight: 500;
	line-height: 1.3;
	text-decoration: none;
}
.footer__nav ul a:hover {
	text-decoration: underline;
}
.footer__nav ul .sub-menu {
	display: block;
	gap: 0.6rem;
}
.footer__nav ul .sub-menu a {
	margin-bottom: 4px;
	color: rgba(255, 255, 255, .8);
	font-size: 16px;
	font-weight: normal;
	line-height: 1.3;
	transition: all .3s ease;
}
.footer__nav ul .sub-menu a:hover {
	color: rgba(255, 255, 255, 1);
}
.footer__contact {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	align-items: flex-end;
	justify-content: flex-start;
}
.footer__email,
.footer__phone {
	display: block;
	color: var(--white);
	margin-bottom: 5px;
	text-decoration: none;
}
.footer__applic {
	display: flex;
	margin-bottom: 16px;
}


.footer-bottom {
	align-items: center;
	padding-top: 1rem;
}
.footer__menu {
	flex: 1;
	padding-right: 1rem;
}
.footer__menu ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	gap: 1.6rem;
	list-style: none;
}
.footer__menu a {
	color: var(--white);
	opacity: .7;
	font-size: 15px;
	line-height: 1.3;
	text-decoration: none;
	transition: all .3s ease;
}
.footer__menu a:hover {
	opacity: 1;
}

.footer__payment {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	gap: 1rem;
}
.footer__payment svg {
	max-width: 80px;
}



.scrolltop {
	display:none;
	position:fixed;
	bottom:20px;
	right:20px;
	width: 40px;
	height: 40px;
	background: var(--blue);
	border:none;
	border-radius: 50%;
	font-size: 0;
	transition: all .3s ease;
	cursor:pointer;
}
.scrolltop::before {
	content: '';
	position: absolute;
	top: calc(50% - 12px);
	left: calc(50% - 12px);
	width: 24px;
	height: 24px;
	background: var(--white);
	-webkit-mask: url("i/bg-icon-arrow.svg") center no-repeat;
	mask: url("i/bg-icon-arrow.svg") center no-repeat;
	-webkit-mask-size: contain;
	mask-size: contain;
	transform: rotate(90deg);
}
.scrolltop:hover {
	background: var(--blue-hover);
}



/* Всплывающие окна */
.overlay {
	display: none;
	background-color: #000;
	opacity: .7;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 999
}
.overlay.active {
	display: block;
}

.popup {
	display: none;
	position: relative;
	width: 92%;
	max-width: 440px;
	max-height: 90vh;
	border-radius: 16px;
	padding: 1.875rem;
	overflow: hidden;
	overflow-y: visible;
	background: #fff;
	text-align: center;
	z-index: 9999;
}
.popup-failures {
	max-width: 640px;
	text-align: left;
}
.out-popup {
	max-width: 560px;
}
.popup__big {
	max-width: 840px;
	padding: 0;
	text-align: left;
}
.popup__wrapper {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
}
.popup__thumb {
	order: 10;
	width: 45%;
}
.popup__thumb img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.popup__content {
	flex: 1;
	padding: 2.4rem 1.2rem;
}

.popup__close {
	position: absolute;
	top: 12px;
	right: 12px;
	width: 24px;
	height: 24px;
	background: var(--white);
	border-radius: 50%;
	font-size: 0;
	transition: all .3s ease;
	cursor: pointer;
}
.popup__close::before {
	content: '';
	position: absolute;
	top: 2px;
	right: 2px;
	width: 20px;
	height: 20px;
	background: var(--black);
	-webkit-mask: url("i/bg-icon-close.svg") center no-repeat;
	mask: url("i/bg-icon-close.svg") center no-repeat;
	-webkit-mask-size: contain;
	mask-size: contain;
	transition: all .3s ease;
	cursor: pointer;
}
.popup__close:hover::before {
	background: var(--blue);
}

.popup__head {
	margin-bottom: 16px;
	font-size: 32px;
	font-weight: 500;
	line-height: 1.3;
	color: var(--black);
	text-align: center;
}
.out-popup .popup__head {
	font-size: 24px;
}
.popup__desc {
	max-width: 300px;
	margin: 0 auto 20px;
	font-size: 20px;
	line-height: 1.4;
	color: #000;
	text-align: center;
}
.popup__text {
	margin-bottom: 12px;
	max-height: 22vh;
	overflow: hidden;
	overflow-y: visible;
}
.popup__label {
	position: relative;
}
.popup__body input[type="submit"] {
	display: flex;
	width: 100%;
}
.popup__body table {
	width: 100%;
}
.wpcf7-spinner {
	position: absolute;
	bottom: 8px;
	right: 0;
}

.popup__body .price-table__wrap {
	max-height: 45vh;
	overflow: hidden;
	overflow-y: visible;
}


/* Форма */


input.hide_input {
	display: none;
}
span.wpcf7-not-valid-tip, div.wpcf7-validation-errors {
	display: none !important;
}
.popup-body input.wpcf7-not-valid {
	border: 1px solid #c00;
}

.popup-thy {
	position: fixed;
	top: calc(50% - 160px);
	left: calc(50% - 200px);
}




/* ==============================================================
   ========================  MEDIA  =============================
   ============================================================== */
@media screen and (max-width:1200px) {



}











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

	.hero__form-head {
		font-size: 16px;
	}


	.all-service-item {
		width: calc(25% - 16px);
	}


	.our-team-item {
		width: calc(33.3% - 16px);
	}


	.footer__info {
		order: -20;
	}
	.footer__contact {
		order: -15;
	}
	.footer__nav {
		order: -10;
		flex: none;
		width: 100%;
		padding: 3rem 0 0;
	}
	.footer__nav ul {
		justify-content: space-between;
	}

}












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

	.button {
		border-radius: 32px;
		padding: 5px 16px;
		gap: 4px;
	}


	.header__applic {
		min-height: 41px;
		margin-left: 8px;
	}


	.header__nav {
		margin-top: 80px;
	}


	.hero {
		margin-bottom: 8rem;
	}
	.single-hero {
		margin-bottom: 2rem;
	}
	.hero__wrapper {
		padding: 3rem 0 0;
	}
	.hero__info {
		width: 100%;
		padding-bottom: 3rem;
	}
	.hero__subheading {
		font-size: 1.2rem;
		margin: 24px auto 0;
	}
	.hero__form {
		width: 100%;
		box-shadow: var(--shadow);
	}


	.all-service-item {
		width: calc(33.3% - 16px);
	}


	.our-team__list {
		width: calc(100% + 16px);
		margin-left: -8px;
	}
	.our-team-item {
		width: calc(33.3% - 16px);
	}


	.review-item {
		width: calc(50% - 16px);
		padding: 16px;
		border-radius: 12px;
	}


	.call-us__content {
		width: 100%;
	}
	.call-us__bg {
		display: none;
	}
	.call-us--2 .call-us-box {
		width: 100%;
	}
	.call-us--2 .call-us__content {
		padding: 0 0 16px;
	}


	.breadcrumbs {
		margin-top: -10px;
		padding-bottom: 30px;
	}


	.footer__payment svg {
		max-width: 64px;
	}


}












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

	.header__nav-btn {
		margin-left: 16px;
	}

	.header__nav a {
		font-size: 16px;
	}


	.single-hero__info {
		width: 100%;
	}
	.single-hero__thumb {
		display: none;
	}


	.all-service-item {
		width: calc(50% - 16px);
	}


	.whyus__info {
		width: 100%;
		padding-bottom: 2.4rem;
	}
	.whyus__box {
		width: 100%;
	}


	.failures-item {
		width: calc(50% - 16px);
	}


	.brandsSection-item {
		width: calc(33.3% - 16px);
	}


	.review__list {
		width: calc(100% + 16px);
		margin-left: -8px;
	}
	.review-item {
		width: 100%;
		margin: 0 8px;
	}


	.steps-item {
		width: calc(50% - 16px);
	}
	.steps-item__number {
		top: 4px;
		width: 80px;
		font-size: 60px;
	}
	.steps-item__name {
		font-size: 16px;
	}


	.footer__payment svg {
		max-width: 56px;
	}


	.popup__thumb {
		display: none;
	}
	.popup__content {
		width: 100%;
	}

}












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

	.head {
		text-align: left;
		font-size: 28px;
	}

	.header__applic {
		display: none;
	}

	.header__nav {
		margin-top: 75px;
	}


	.header__nav a {
		font-size: 14px;
	}


	.all-service-item__icon {
		width: 64px;
		height: 64px;
	}

	.all-service-item,
	.all-service-item__name,
	.all-service-item__icon,
	.all-service-item__price {
		transition: none;
	}


	.price-table {
		padding-bottom: 50px;
	}
	.price-table__wrapper {
		padding: 16px;
	}
	.price-table__wrap table th:first-child,
	.price-table__wrap table td:first-child {
		width: calc(100% - 130px);
		padding-right: 12px;
		font-size: 16px;
	}
	.price-table__wrap table th:last-child,
	.price-table__wrap table td:last-child {
		width: 130px;
		font-size: 16px;
	}


	.call-us-form__wrapper {
		gap: 16px;
	}
	.call-us-form__box {
		width: 100%;
	}


	.main-text__box {
		width: calc(100% + 2rem);
		margin-left: -1rem;
		margin-right: -1rem;
		padding: 32px 1.4rem 1rem;
		border-radius: 0;
	}


	.footer__info {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		order: -20;
		width: 100%;
		padding-bottom: 2rem;
	}
	.footer__logo {
		display: none;
	}
	.footer-lang {
		margin-top: 0;
	}
	.mob-nav .footer-lang {
		margin-top: 36px;
	}
	.footer__nav {
		order: -15;
		padding: 0 0 3rem;
	}
	.footer__nav ul {
		display: block;
	}
	.footer__nav ul li {
		padding-bottom: 5px;
	}
	.footer__nav ul li.item-has-children > a {
		display: block;
		margin-bottom: 0;
		padding: 16px 0;
		border-bottom: 1px solid #464646;
		position: relative;
	}
	.footer__nav ul li.item-has-children > a:hover {
		text-decoration: none;
	}
	.footer__nav ul li.item-has-children > a::after {
		content: "";
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		right: 15px;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 5px 5px 0 5px;
		border-color: silver transparent transparent transparent;
		transition: all .3s ease-out;
	}
	.footer__nav ul .sub-menu li:first-child {
		padding-top: 12px;
	}
	.footer__nav ul .sub-menu li:last-child {
		padding-bottom: 16px;
	}
	.footer__nav ul .sub-menu {
		max-height: 0;
		overflow: hidden;
		transition: all .3s ease;
	}
	.footer__nav ul li.item-has-children.open .sub-menu {
		max-height: 4000px;
	}

	.footer__contact {
		order: -10;
		width: 100%;
		align-items: center;
		margin: 0 auto 1rem;
	}
	.footer__email,
	.footer__phone,
	.footer__address {
		font-size: 20px;
	}

	.footer__menu {
		flex: none;
		width: 100%;
		padding-right: 0;
		padding-bottom: 1rem;
	}
	.footer__menu ul {
		gap: 2rem;
	}
	.footer__menu ul li {
		flex: 1;
	}
	.footer__payment {
		width: 100%;
		justify-content: center;
		gap: 1rem;
	}


	.popup__head {
		font-size: 24px;
	}

}












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

	.header__logo {
		width: 150px;
	}
	.header__logo-name {
		font-size: 20px;
	}
	.header__logo-desc {
		font-size: 8px;
	}


	.header__contact {
		padding-left: 34px;
	}
	.header__call {
		font-size: 16px;
	}
	.header__nav-btn {
		width: 24px;
		height: 24px;
		margin-left: 16px;
	}
	.header__nav {
		margin-top: 80px;
	}


	.mob-nav {
		padding-top: 100px;
	}


	.hero {
		padding-bottom: 32px;
		margin-bottom: 30px;
	}
	.hero__wrapper h1 {
		font-size: 30px;
		line-height: 1.2;
		letter-spacing: .2px;
		margin-bottom: 16px;
	}
	.single-hero__desc,
	.hero__subheading {
		font-size: 16px;
		font-weight: 400;
		line-height: 150%;
		padding-bottom: 32px;
	}
	.hero__subheading {
		padding-bottom: 0;
	}

	.hero__headline {
		font-size: 18px;
	}
	.hero__headline b {
		font-size: 18px;
		font-weight: 500;
	}

	.hero__form-tel-wrap {
		margin-bottom: 16px;
	}
	.hero__form-tel-wrap input[type="tel"] {
		height: 52px;
		font-weight: 300;
	}
	.hero__form-place {
		height: 52px;
		font-weight: 300;
		padding-left: 12px;
		padding-right: 18px;
	}
	.hero__form input[type="submit"] {
		height: 52px;
	}


	.single-hero__phone,
	.single-hero__button,
	.single-hero__button .button {
		display: flex;
		width: 100%;
	}


	.single-hero + .why-us {
		margin-top: -30px;
	}


	.all-service {
		padding-top: 20px;
		padding-bottom: 34px;
	}


	.whyus {
		padding-top: 50px;
		padding-bottom: 34px;
		margin-bottom: 30px;
	}


	.call-us {
		padding-top: 0;
		padding-bottom: 0;
	}
	.call-us--1 {
		padding-top: 20px;
		padding-bottom: 30px;
	}
	.call-us--1 .container {
		overflow: visible;
	}
	.call-us:not(.call-us--1) .call-us__container {
		width: calc(100% + 2rem);
		margin-left: -1rem;
		border-radius: 0;
	}
	.call-us .call-us__container {
		overflow: visible;
		box-shadow: var(--shadow);
	}
	.call-us__content {
		padding-top: 3rem;
		padding-bottom: 3rem;
	}
	.call-us--2 .call-us__container {
		padding: 50px 20px;
	}
	.call-us__title {
		font-size: 24px;
		margin-bottom: 16px;
	}
	.call-us__desc {
		margin-bottom: 16px;
	}


	.our-team {
		padding-top: 50px;
	}
	.our-team-item__name {
		margin-bottom: 8px;
	}


	.review-item__rating {
		margin-bottom: 16px;
	}


	.faq,
	.main-text,
	.gallery,
	.steps,
	.failures,
	.our-team,
	.review {
		padding-top: 20px;
		padding-bottom: 30px;
	}


	.failures {
		padding-bottom: 14px;
	}
	.failures__head .head {
		margin-bottom: 12px;
	}

	.failures-item {
		width: calc(100% - 16px);
		min-height: 165px;
	}


	.brandsSection-item {
		width: calc(50% - 16px);
	}


	.price-table {
		padding-top: 20px;
	}


	.brandsSection {
		padding-top: 20px;
		padding-bottom: 14px;
	}



	.gallery-item {
		width: calc(50% - 16px);
	}

	.footer {
		margin-top: 30px;
		padding-top: 36px;
	}
	.footer__applic {
		display: flex;
		width: 100%;
	}
	.footer__payment svg {
		max-width: 48px;
	}

}












/* END ============================================================= */