@import url("main.min.css");

/* style.css - Файл для правок */
form>div>img {
    right: -38px;
    top: -100px;
}
.home__title{
	margin-bottom: 0px;
	font-size: 39px;
	font-weight: 900;
	width: 642px;
	line-height: 1;
	margin-top: 15px
}

.home__title span{
	color: #e8a342;
	font-size: 28px;
}

.home__subtitle{
	margin-bottom: 45px;
	font-size: 21px;
	font-weight: 400;
	line-height: 26px
}
form h6{
	width: 73%;
}

@media (max-width: 768px){
	.home__title{
		width: 100%;
		text-align: center;
	}
	.home .order, .home .order h6{
		max-width: 100%;
		text-align: center;
	}
	.home__subtitle{
		text-align: center;
	}
	form>div>img{
		position: relative;
		left: auto;
		top: auto;
		right: auto;
		bottom: auto;
		max-width: 158px;
	}
	.home__form{
		width: 346px;
		text-align: center;
		margin: 0 auto;
		margin-top: 0px;
	}
	form h6{
		width: 100%;
	}
	form>div>img{
		margin-top: 26px;
	}
}

@media (max-width: 578px){
	.home__title{
		font-size: 22px;
	}
	.home__subtitle{
		font-size: 16px;
		margin-bottom: 24px;
	}
	.home .order h6{
		font-size: 16px;
		font-weight: 700;
		margin-bottom: 14px;
	}
	.home .order .row p{
		font-size: 14px;
		font-weight: 700;
	}
	.home__form{
		width: 100%;
	}
	.home__form .row>div{
		margin: 0 auto;
	}
	.home__form h6{
		font-size: 14px;
	}
	.home__form h6 strong{
		font-size: 20px;
	}
	.home__form .row{
		width: 95%;
		margin: 0 auto;
	}
	.home__form>div{
		padding: 20px 10px;
	}
	.home__form .row button{
		padding: 20px;
		font-size: 14px;
		font-weight: 700;
		margin-top: 12px;
	}
	
	#my-header .wrapper .menu{
		-webkit-box-ordinal-group: 2;
		    -ms-flex-order: 1;
		        order: 1;
		-webkit-box-flex: 1;
		    -ms-flex-positive: 1;
		        flex-grow: 1;
		max-width: 26px;
		max-height: 20px;
	}
	#my-header .wrapper .logo{
		-webkit-box-ordinal-group: 3;
		    -ms-flex-order: 2;
		        order: 2;
	}
	#my-header .wrapper .phone{
		-webkit-box-ordinal-group: 4;
		    -ms-flex-order: 3;
		        order: 3;
		display: block !important;
	}
	#my-header .wrapper .phone span , #my-header .wrapper .phone button{
		display: none;
	}
	#my-header .wrapper .phone img{
		max-width: 25px;
	}
	#my-header .wrapper .logo img{
		max-width: 130px;
	}
	#my-header .wrapper{
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
	}
	.hamburger-box{
		height: 20px;
	}
	.hamburger-box, .hamburger-inner, .hamburger-inner:after, .hamburger-inner:before{
		width: 26px;
	}
	.hamburger-inner{
		height: 2px;
	}
	#my-header .wrapper{
		max-width: 100%;
	}
	#my-header{
		padding-top: 15px;
	}
	.hamburger-inner:before{
		top: -8px;
	}
	.hamburger-inner:after{
		bottom: -8px;
	}
	#my-header .wrapper{
		height: auto;
	}
	#my-header{
		height: 54px;
	}
}
.otziv {
	text-align: center;
	padding-bottom: 40px;
	padding-top: 40px
}
.owl-carousel {
	margin-top: 30px;
}
.owl-nav {
	position: absolute;
	top: 42%;
	width: 100%
}
.owl-prev {
	position: absolute;
	left: 0px;
}
.owl-next {
	position: absolute;
	right: 0px;
}
.owl-next span, .owl-prev span{
	font-size: 60px
}
.dir {
	margin: 0px 30px;
	height: 650px;
	width: 360px;
	border: 5px solid #333;
	border-radius: 30px;
	margin-right: auto;
	margin-left: auto;
}
.dir {
	overflow: hidden;
}
.dir .names {
	padding: 20px;
	font-size: 18px;
	margin-top: 40px;

}
.dir .names span{
	font-size: 20px
}




















@media screen and (max-width: 1200px){
	.dir {
		height: 542px;
		width: 320px;
	}
	.dir .names {
		margin-top: -10px;
	}

	.otziv h2 {
		font-size: 26px
	}

}
@media screen and (max-width: 992px){
	.dir {
		height: 398px;
		width: 230px;
	}
	.dir .names {
		font-size: 14px;
		padding: 5px;
		line-height: 20px;
		margin-top: 0px
	}
}
@media screen and (max-width: 768px){

	.dir {
		height: 450px;
		width: 330px
	}
	.dir .names {
		margin-top: 10px;
	}
	.otziv h2 {
		font-size: 26px
	}

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

	.dir {
		height: 450px;
		width: 80%
	}
	.otziv h2 {
		font-size: 22px
	}

}
.buttonup {
width:60px; 
height:60px;
position:fixed;
bottom:90px;
right:30px;
z-index: 100
}
.buttonup img{width: 100%}











.owl-carousel .owl-item img {
    display: block;
    width: 100%;
}

.reviews {
	padding-bottom: 15px;
	overflow: hidden;
	
}

.page__previev-left .result img,
.reviews.block-serv::before {
	height: 100%
}

.reviews,
.reviews__content {
	position: relative
}

.reviews__dec-text {
	top: calc(50% - 85px);
	transform: translateY(-50%) rotate(-90deg);
	z-index: 1
}

.reviews__slider::after {
	content: "";
	position: absolute;
	bottom: -130px;
	right: -207px;
	width: 331px;
	height: 383px;
	background: url(http://xn--80aqfm1acel.xn--p1ai/img/decor/dot-1.png) no-repeat center left/cover;
	z-index: -2
}

.reviews__slider .owl-stage-outer {
	overflow: visible
}

.reviews__header {
	position: relative;
	display: flex;
	flex-direction: column;
	margin-bottom: 28px;
	z-index: 2
}

.reviews__header-img {
	order: 1;
	object-fit: contain;
	margin-bottom: 14px
}

.reviews__title {
	text-align: center;
	margin-bottom: 22px;
	order: 2
}

.reviews__nav {
	order: 3;
	position: relative;
	display: inline-flex;
	box-shadow: 0 17px 62px rgba(223, 224, 227, .89)
}

.reviews__nav::after {
	content: "";
	position: absolute;
	left: -425px;
	top: 5px;
	height: 65px;
	width: 375px;
	background-repeat: no-repeat;
	background-position: top right;
	background-image: url(http://xn--80aqfm1acel.xn--p1ai/img/decor/dot-2.png)
}

.reviews__nav-item {
	overflow: hidden;
	width: 50%
}

.reviews__nav-item:last-child .reviews__nav-link {
	border-radius: 0 10px 10px 0
}

.reviews__nav-item:first-child .reviews__nav-link {
	border-radius: 10px 0 0 10px
}

.reviews__nav-link {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	font-weight: 500;
	color: #333;
	padding: 18px 15px;
	width: 100%;
	height: 100%;
	background-color: #fff
}

.reviews__nav-link::after {
	content: "";
	position: absolute;
	top: 5px;
	left: 8px;
	width: calc(100% - 16px);
	height: calc(100% - 10px);
	border-radius: 10px;
	transition: .3s;
	opacity: 0;
	border: 1px solid rgba(255, 255, 255, .3)
}

.reviews__nav-link:hover {
	color: gray
}

.reviews__nav-link.active {
	background-image: linear-gradient(to top, #006ef7 0%, #6aa5f5 100%);
	color: #fff
}

.reviews__nav-link.active::after {
	opacity: 1
}

.comment__text p,
.reviews__slider .owl-nav,
.video-content__text-wrap p {
	margin: 0
}

.cleaning__slider .owl-nav button,
.results__slider .owl-nav button,
.reviews__slider .owl-nav button {
	position: absolute;
	top: calc(50% - 70px);
	width: 51px;
	height: 51px;
	
	background-color: #fcfcfc;
	border-radius: 50%!important;
	margin: 0!important;
	transform: translateY(-50%)
}

.cleaning__slider .owl-nav button span,
.results__slider .owl-nav button span,
.reviews__slider .owl-nav button span {
	font-size: 0
}

.reviews__slider .owl-nav button.owl-prev {
	left: 0;
	background: #fff url(../img/right-arrow.svg) no-repeat center/20px!important;
}

.reviews__slider .owl-nav button.owl-next {
	right: 0;
	background: #fff url(../img/right-arrow.svg) no-repeat center/20px!important
}

.cleaning__slider .owl-dots .owl-dot.active span,
.cleaning__slider .owl-dots .owl-dot:hover span,
.results__slider .owl-dots .owl-dot.active span,
.results__slider .owl-dots .owl-dot:hover span,
.reviews__slider .owl-dots .owl-dot.active span,
.reviews__slider .owl-dots .owl-dot:hover span {
	background-color: transparent;
	border: 2px solid #0a74f7!important
}

.reviews__slider .owl-dots .owl-dot span {
	border: 2px solid transparent;
	width: 15px;
	height: 15px;
	transition: .3s;
	background-color: #e8e8e8
}

.comment {
	padding: 15px 15px 20px;
	border-radius: 10px;
	background-image: linear-gradient(to top, #ebeef1 0%, #fff 100%);
	box-shadow: 0 5px 10px rgba(141, 155, 165, .4) !important;
	width: 300px;
	margin-left: auto;
	margin-right: auto
}


.comment__link {
	position: relative;
	display: block;
	text-decoration: none;
	z-index: 1;
	height: 302px;
	border-radius: 10px;
	overflow: hidden;
	background-color: rgba(39, 43, 56, .22);
	margin-bottom: 23px
}

.comment__link::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(39, 43, 56, .22);
	z-index: 0
}

.clients__item img,
.comment__img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.comment__text {
	font-size: 14px;
	font-weight: 400;
	line-height: 23px;
	color: #53575e;
	margin-bottom: 10px
}

.comment__play,
.comment__play span,
.video-content__play span {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: block
}

.comment__play {
	z-index: 2;
	width: 102px;
	height: 102px
}

.comment__play::after,
.comment__play::before {
	content: "";
	position: absolute;
	border-radius: 50%;
	animation-duration: 2s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	border: 1px solid #fff;
	z-index: -1;
	-webkit-mask-image: -webkit-gradient(linear, 30% 30%, right bottom, from(rgba(0, 0, 0, 0)), to(#000));
	mask-image: -webkit-gradient(linear, 30% 30%, right bottom, from(rgba(0, 0, 0, 0)), to(#000))
}

.comment__play::after {
	right: 0;
	bottom: 0;
	left: 0;
	top: 0;
	animation-name: circle
}

.comment__play::before {
	left: 10px;
	top: 10px;
	width: calc(100% - 20px);
	height: calc(100% - 20px);
	animation-name: circle-2;
	animation-direction: reverse
}

.comment__play span,
.video-content__play span {
	border-radius: 50px;
	width: 64px;
	height: 64px;
	background-image: linear-gradient(to top, #dce0e4 0%, #fff 100%)
}

.comment__play-img::after {
	content: "";
	position: absolute;
	width: 19px;
	height: 19px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-image: url(http://xn--80aqfm1acel.xn--p1ai/img/icon/glass.svg);
	background-size: contain
}

.block-result,
.comment__play-img::after,
.comment__play-video::after {
	background-repeat: no-repeat;
	background-position: center
}

.comment__play-video::after {
	content: "";
	position: absolute;
	width: 19px;
	height: 19px;
	top: 50%;
	left: 50%;
	transform: translate(-40%, -50%);
	background-image: url(../img/icon/play.svg);
	background-size: contain
}
.comment__stars {
	text-align: center !important;
	width: 100% !important
}
.comment__stars img {
	width: 20px !important;
	display: inline-block !important
}
@keyframes circle {
	0% {
		transform: rotate(0deg)
	}
	to {
		transform: rotate(360deg)
	}
}

@keyframes circle-2 {
	0% {
		transform: rotate(0deg)
	}
	to {
		transform: rotate(360deg)
	}
}