/*   
Theme Name: DSDreams
Theme URI: https://dsdreams.ru/
Description: Блог студии Dreams 
Author: Александр Дахно (MackD)
Author URI: https://vk.com/alexdahno
Version: 1.0
*/


@font-face {
	font-family: 'Futura PT';
	src: url("assets/fonts/FuturaPT-Regular.woff") format("woff");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Futura PT';
	src: url("assets/fonts/FuturaPT-Medium.woff") format("woff");
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Roboto';
	src: url("assets/fonts/Roboto-Light.woff2") format("woff2");
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Roboto Condensed';
	src: url("assets/fonts/RobotoCondensed-Regular.woff2") format("woff2");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Roboto Condensed';
	src: url("assets/fonts/RobotoCondensed-Light.woff2") format("woff2");
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Montserrat';
	font-display: swap;
    src: url('assets/fonts/Montserrat-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}

@font-face {
	font-family: 'PT Sans';
	font-display: swap;
    src: url('assets/fonts/PTSans-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}

@font-face {
	font-family: 'PT Sans Narrow';
	src: url("assets/fonts/PTSans-Narrow.woff2") format("woff2");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Gilroy';
	font-display: swap;
    src: url('assets/fonts/Gilroy-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}

:root {
	--primary-color: #00a097;
	--responsive: calc(1vw + 1vh);
}

body {
	font-family: 'PT Sans Narrow', sans-serif;
	color: #000000;
	line-height: 24px;
	padding-top: 74px;
}

body.pd-top-0 {
	padding-top: 0;
}

a {
	color: #000000;	
}


.col-12.col-sm-6.col-lg-4.no-padding a img{
	filter: brightness(100%);
}
.front-page-section-3 .col-12.col-sm-6.col-lg-4.no-padding {
	border: 2px solid transparent;
}
.front-page-section-3 .col-12.col-sm-6.col-lg-4.no-padding:hover {
	border: 2px solid black;
}


ul {
	list-style: none;
}

h2 {
	font-family: 'Roboto Condensed';
}

.front-page-section-5 hr {
	display: block;
	height: 3px;
	width: 100%;
	background: #00a097;
}



h3 {
	font-size: 26px;
	line-height: 34px;
}

.front-page-section-4 p {
	font-size: 16px;
	padding: 14px;
	margin-bottom: 0;
	font-family: 'Montserrat';
}

.front-page-section-4 h3 {
	margin-bottom: 25px;
}


.inter_gallery-item {
	border: 1px solid #fff;
}

.front-page-section-3 img {
	width: calc(100% + 2px);
	transform: scale(1);
	filter: brightness(70%);
	transition: transform 1.5s ease-in-out;
	height: auto;
}
.front-page-section-3 img:hover {
	filter: brightness(100%);
}

.front-page-section-3 > div > div {
	overflow: hidden;
}

.front-page-section-4 {
	padding: 150px 0 90px;
	background: #f6f6f6;
}
.front-page-section-4 h2 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 33px;
	margin-bottom: 25px;
}



.front-page-section-4 label input[type="radio"]{
	display: none;
}

.front-page-section-4 h4 {
	height: 56px;
	width: 100%;
	font-size: 16px;
	color: #4c4c4c;
	text-align: left;
	border-left: 1px solid #e9e8e8;
	border-right: 1px solid #e9e8e8;
	border-top: 1px solid #4c4c4c;
	border-bottom: 1px solid #4c4c4c;
	margin-bottom: 0;
	padding-left: 14px;
	padding-right: 14px;
	background: #ffffff;
	font-family: 'Montserrat';
}
.front-page-section-4 .questionary-border {
	height: calc(100% - 56px);
	background: #ffffff;
}

.front-page-section-4 > .container > .row > div:not(:last-child) {
	margin-bottom: 40px;
}

.front-page-section-5 > .container > .row > div {
	margin-bottom: 30px;
}

.questionary-container-1 .text-right p {
	padding-top: 0;
}

.questionary-select {
	padding: 10px 0;
}

.questionary-select p {
	padding: 10px 14px 10px 30px;
}

.front-page-section-4 p label {
	margin-bottom: 0;
}

.questionary-who {
	display: flex;
	align-items: center;
}

.questionary-who .row {
	width: 100%;
}

.front-page-section-4 input[type="text"] {
	font-family: "Gilroy";
}

.front-page-section-4 input[type="text"]::placeholder {
	color: #dadada;
}

.irs--flat .irs-bar {
	background-color: #4c4c4c!important;
}
.irs--flat .irs-handle>i:first-child {
    background: none!important;
}
.irs--flat .irs-bar,
.irs--flat .irs-line {
	height: 10px;
}
.irs--flat .irs-handle {
	/* background: url("img/rangeSliderButton.png") center center transparent no-repeat; 
	background-size: contain; */
		
    top: 14px;
    width: 30px;
    height: 30px;
	border-radius: 15px;
    background-color: transparent;
	border: 1px solid #078c85;
	background: #00a097;
}
.irs--flat .irs-single {
	top: -16px;
	width: 75px;
    height: 33px;
	background: url("img/rangeSliderHandler.png") center center transparent no-repeat;
	background-size: contain;
	font-size: 16px;
	color: #000000;	
    font-family: "Helvetica";
	text-align: center;
	padding-top: 3px;
	background-color: none;
}

.questionary-border {
	border-left: 1px solid #e9e8e8;
	border-right: 1px solid #e9e8e8;
	border-bottom: 2px solid #d1d1d0;	
}

.questionary-icon-type .radio-check {
	display: inline-block;
	position: relative;
	width: 27px;
	height: 27px;
	border: 1px solid #9185be;
	border-radius: 50%;
	margin-right: 12px;
	min-width: 27px;
}
.questionary-icon-type.current .radio-check:after {
	content: " ";
	position: absolute;
	left: 8px;
	top: 8px;
	display: block;
	width: 9px;
	height: 9px;
	background: #00a097;
	border-radius: 50%;
}

.questionary-icon-family img {
	margin: 5px;
	height: 60px;
}

.questionary-icon-family.current img:not(.another-img) {
	filter: invert(44%) sepia(94%) saturate(499%) hue-rotate(129deg) brightness(90%) contrast(102%);
}

.questionary-icon-family.current img.another-img {
	content: url("img/another-h.png");;
}

.front-page-section-4 p.rangeSlider-container {
	padding-top: 25px;
}


p.form-message {
	font-size: 20px;
}
#consultation-request-form p.form-message {
	color: #ffffff;
}

.questionary-family-submit {
	width: 100%;
	height: 60px;
	background: #00a097;
	color: #ffffff;
	text-align: center;
	letter-spacing: 1.5px;
    font-weight: 400;
	border: none;
	font-size: 22px;
	font-family: 'PT Sans Narrow';
}
.questionary-family-submit:hover {
	cursor: pointer;
}

.insta_icon {
	max-width: 50px;
}


span.btn1 h3 {
	display: none;
}


.front-page-section-6 {
	background: url("img/form-bg.jpg") center top;
	background-size: cover;
}
.front-page-section-6.form-questions-price {
	margin-top: 55px;
}
.front-page-section-6 h2 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 45px;
	line-height: 65px;
	margin-top: 86px;
	margin-bottom: 40px;
}
.front-page-section-6 h3 {
	font-size: 36px;
	margin-bottom: 40px;
}
.front-page-section-6 h2 span,
.front-page-section-6 h3 span {
	background: #ffffff;
	opacity: 0.7;
	padding-left: 4px;
	padding-right: 4px;
	line-height: 65px;
	font-weight: 500;
}


.front-page-section-6 .accept {
	padding-left: 15px;
}

.projects {
	padding-top: 70px;
	padding-bottom: 56px;
}

.projects h2 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 33px;
	line-height: 1;
}

.projects h3 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 24px;
	line-height: 120%;
}

.owl-compare.mobile, .projects h3.mobile {
	display: none;
}


.projects .navContainer-1 button:first-child {
	margin-right: 4px;
	background: url("img/slider-arrow-left.png") center center no-repeat transparent;
}
.projects .navContainer-1 button:last-child {
	background: url("img/slider-arrow-right.png") center center no-repeat transparent;
}

.projects .owl-carousel .item {
	display: flex;
}

.projects .owl-carousel .inner-item {
	display: flex;
	flex-direction: column;
	gap: 15px;
	width: 100%;
	text-align: center;
}

.projects .owl-carousel .item img {
	width: 100%;
	object-fit: cover;
}

.projects .owl-carousel .item img:first-of-type {
	border-right: 1px solid #fff;
}

.projects__mobile-controls {
	display: none;
}

.projects__mobile-controls button {
	width: 48px;
	height: 48px;
	padding: 10px;
	border: none;
	outline: none;
	position: absolute;
    z-index: 9;
    transform: translateY(-50%);
	background-position: center;
	background-size: auto;
	background-repeat: no-repeat;
	background-color: rgba(113, 108, 99, 0.5);
	top: 50%;
}

.projects__mobile-controls button:first-child {
	background-image: url("img/mobile-arrow-left.png");
	left: 15px;
}

.projects__mobile-controls button:last-child {
	background-image: url("img/mobile-arrow-right.png");
	right: 15px;
}


.projects__desktop-controls {
	display: flex;
    justify-content: flex-end;
}

.projects__desktop-controls button {
	border: none;
	background-color: transparent;
	outline: none;
}

.projects__desktop-controls button:hover {
	cursor: pointer;
}

.projects__desktop-controls .desktop-arrow {
	width: 80px;
	height: 20px;
	background-image: url("img/desktop-arrow-active.png");
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}

.projects__desktop-controls .desktop-arrow.desktop-arrow-left {
	transform: rotate(180deg);
}

.projects__desktop-controls button.disabled .desktop-arrow {
	background-image: url("img/desktop-arrow-disable.png");
}


/*  */

.reviews {
	padding-top: 86px;
	padding-bottom: 86px;
	background: url("img/bg-reviews.jpg") center top;
	background-size: cover;	
}
.reviews .owl-reviews {
	margin-top: 20px;
}
.reviews h2 {
	background: #ffffff;
	opacity: 0.7;
	padding-left: 15px;
	padding-right: 15px;
	line-height: 65px;
    font-size: 33px;
	font-family: 'Roboto Condensed', sans-serif;	
	display: inline-block;
	margin-bottom: 23px;
}

.reviews .item {
	align-items: center;
}


.reviews .author-info img {
	object-fit: contain;
	max-height: 500px;
}
.reviews .author-content {
	font-size: 14px;
	font-family: "Montserrat";
	line-height: 20px;
	color: #000;
	background: #ffffff;
	padding: 25px 10px 25px 20px;
	min-height: 220px;
	margin-left: 60px;
}

.reviews .author-content > *:last-child {
	margin-bottom: 0;
}

.reviews .owl-theme .owl-nav.disabled+.owl-dots {
	margin-top: 40px;
}

.reviews .owl-theme .owl-dots .owl-dot span {
	width: 16px;
	height: 16px;
	background: #ffffff;
	border-radius: 0;
	transition: all 0.3s;
}
.reviews .owl-theme .owl-dots button {
	outline: none;
}
.reviews .owl-theme .owl-dots .owl-dot.active span, 
.reviews .owl-theme .owl-dots .owl-dot:active span,
.reviews .owl-theme .owl-dots .owl-dot:focus span,
.reviews .owl-theme .owl-dots .owl-dot:hover span {
	background: #00a097;
	outline: none;
}

.map-section h2 {
	margin-bottom: 30px;
}

#map-wrapper {
	height: 480px;
}

.contacts_map-section {
	padding-top: 30px;
}

.map-section .map-contacts {
	padding-left: 70px;
}

.map-section .contact-info:not(:last-child) {
	margin-bottom: 40px;
}

.map-section .contact-info {
	font-family: "Montserrat";
	font-size: 16px;
	letter-spacing: 2px;
	display: flex;
	align-items: flex-start;
}

.map-section .contact-info p {
	margin: 0;
}

.map-section .contact-info img {
	margin-right: 25px;
	width: 30px;
}

/*  */


.portfolio-wrap {
	display: flex;
	flex-wrap: wrap;
}

.portfolio__item {
	box-sizing: border-box;
	border: 1px solid #fff;
}

.portfolio__item.hidden {
	display: none;
}

.portfolio__item a.tosh-a {
	position: relative;
    display: block;
    color: #000;
    font-size: 18px;
}

.portfolio__item img {
	width: 100%;
	height: auto;
	aspect-ratio: 4/3;
	object-fit: cover;
}



@media (max-width: 768px) {
	.portfolio__item {
		width: 100%;
	}
}

.font-20 {
	font-size: 20px;
	line-height: 30px;
}

.category-section-1 h1 {
	margin-top: 15px;
	margin-bottom: 30px;
}
@media (max-width: 480px) {
	.category-section-1 h1,
	#right-sidebar h4
	{
		padding-left: 30px;
		padding-right: 10px;
	}	
}

.portfolio__item a.tosh-a {
	position: relative;
	display: block;
    color: #000000;
    font-size: 18px;
}
.portfolio__item a.tosh-a h3 {
	display: block;
	position: absolute;
	left: 20px;
	top: 20px;
	opacity: 0;
	transition: opacity .3s;
}

.portfolio__item a.tosh-a:hover h3 {
	opacity: 1;
}
.portfolio__item a.tosh-a h3 span {
	background: #ffffff;
	opacity: 0.7;
	padding: 5px;
}


#blog-posts .front-page-section-5 h3.sub-title-header {
	text-transform: none;
	color: #000000;
	font-size: 20px;
	margin: 30px 0;
	padding: 15px 0;
}
#blog-posts .front-page-section-5 {
	padding-left: 30px;
	padding-right: 30px;
}
#blog-posts p {
	font-size: 20px;
	margin-bottom: 30px;
	padding-left: 15px;
	padding-right: 15px;
}
#blog-posts .front-page-section-5 p {
	font-size: 18px;
}

.post-item article {
	margin-bottom: 15px;
}

.category-section-1 .front-page-section-5 {
	padding-top: 0;
}
.category-section-1 .front-page-section-5 hr {
	margin-bottom: 0;
}

#blog-page h1 {
	font-size: 40px;
	line-height: 40px;
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 120%;
}

.archive #blog-page h1 {
	margin-bottom: 50px;
}

#right-sidebar {
	margin-top: 233px!important;
}

.category #right-sidebar {
	margin-top: 96px!important;
}
#right-sidebar a {
    color: #000000;
    font-size: 24px;
}
.categories i {
	padding-right: 10px;
}
#right-sidebar .title-style span {
	display: inline-block;
	font-size: 26px;
}
#right-sidebar .title-style span::after {
	content: ' ';
	display: block;
	background: #00a097;
	width: 70%;
	height: 3px;
	margin-top: 10px;
}
#right-sidebar ul {
	padding: 0;
}

#right-sidebar .menu-item-1314 {
	padding-bottom: 30px;
}
#right-sidebar .menu-item-1314 a {
	padding-bottom: 30px;
}
#right-sidebar li.menu-item-1313 {
	border-top: 3px solid #00a097;
	padding-top: 30px;
}

#right-sidebar aside {
	margin-left: 100px;
}
#right-sidebar aside:nth-of-type(2) {
	margin-top: 60px;
}
#right-sidebar aside ul.article_list a {
	font-size: 26px;
}

.post-container img {
	width: 100%;
	height: auto;
	object-fit: cover;
}

.post-container ul {
	margin: 0;
	padding: 0;
}
.post-container h1 {
	margin-top: 15px;
    margin-bottom: 30px;
}
.post-container h2 {
	font-size: 26px;
}
h3.title-style {
	font-size: 26px;
	margin-top: 30px;
	margin-bottom: 30px;
}
.post-container h3.price {
	font-size: 26px;
	text-transform: uppercase;
}
.post-container h3.price i.price-count {
	position: relative;
	/* top: 20px; */
	display: inline-block;
	width: 150px;
	height: 60px;
	line-height: 20px;
	color: #00a097;
	border: 3px solid #00a097;
	margin-top: 30px;
	margin-left: 30px;
	text-transform: none;
	font-size: 20px;
	font-style: normal;
	padding-top: 7px;
}
.post-container h3.price i.price-count span {
	font-size: 26px;
}
.post-container .thumb-text {
	font-size: 20px;
}

.post-container .single-fs {
	display: flex;
	margin-bottom: 10px;
}

.post-container .single-content {
	font-size: 0;
	margin: 0 -15px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.post-container .image-link {
	display: block;
	margin-bottom: 10px;
	width: 100%;
}


#blog-posts {
	margin: 0 auto;
}

.post-container .single-fs .thumb-text {
	padding-top: 20px;
	padding-bottom: 20px;
}

.row-even .thumb-text img ,
.single-fs .thumb-text img {
	width: 15px;
}

.post-container .row-even .thumb-text {
	padding-top: 20px;
	padding-bottom: 20px;	
}

.you-can-like-it h4 {
	padding: 15px;
}
.you-can-like-it .owl-nav .owl-prev, #mob-design-slider .owl-nav .owl-prev {
	display: block;
	position: absolute;
	left: 0;
	top: 40%;
	width: 48px;
	height: 48px;
	background: url("img/slider-arrow-left.png") center center no-repeat #ffffff!important;
	opacity: 0.7!important;
}

.you-can-like-it .owl-nav .owl-next, #mob-design-slider .owl-nav .owl-next {
	display: block;
	position: absolute;
	right: 0;
	top: 40%;
	width: 48px;
	height: 48px;
	background: url("img/slider-arrow-right.png") center center no-repeat #ffffff!important;
	opacity: 0.7!important;
}

.you-can-like-it .owl-item img {
	height: 46vh;
	object-fit: cover;
	object-position: left bottom;
	border-right: 1px solid #fff;
}

.you-can-like-it a {
	color: #000000;
	text-decoration: none;
	aspect-ratio: unset;
}


.page-price {
	margin-top: 74px;
	text-align: left;
}
.page-price.page-price-futures {
	margin-top: 0;
}

.page-price.section-contacts p {
	font-size: 20px;
}

.page-team:nth-child(1) {
	padding-top: 74px;
}
.container-fluid.page-team {
	margin-bottom: 30px;
}

.page-team.page-price-section-2 ,
.page-price.page-price-section-2 {
	margin-top: 0;
}
.page-team h2 ,
.page-price h2 {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 24px;
    line-height: 24px;
    margin-top: 30px;
    margin-bottom: 30px;
}
.page-team h2.title-style,
.page-price h2.title-style {
	font-size: 33px;
	line-height: 50px;
}
#blog-page .title-style,
.page-team .title-style,
.page-price .title-style {
	display: inline-block;
	font-weight: 400;
	font-family: 'Roboto Condensed', sans-serif;
}


.page-repair h2 {
	font-size: 26px;
	line-height: 26px;
	margin-top: 0 !important;
    margin-bottom: 1rem !important
}

.page-repair .font-20 {
	line-height: 24px;
	width: 100%;
}

.page-team h3 ,
.page-price h3 {
    font-size: 24px;
    line-height: 26px;	
}
.page-team h4 ,
.page-price h4 {
    height: 72px;
    width: 100%;
    color: #00a097;
    text-align: center;
    border-top: 1px solid #4c4c4c;
    border-bottom: 1px solid #4c4c4c;
    border-left: 1px solid #f1f1f1;
    border-right: 1px solid #f1f1f1;
    text-transform: none;
    margin-top: 10px;
    margin-bottom: 0;
	padding-top: 10px;
	padding-bottom: 10px;
}

.page-team .border-grey ,
.page-price .border-grey {
	height: 100%;
	padding-top: 15px;
    border-left: 1px solid #f1f1f1;
    border-right: 1px solid #f1f1f1;
	border-bottom: 2px solid #f1f1f1;
}
.page-team .border-grey p ,
.page-price .border-grey p {
	font-size: 18px;
    padding: 5px 14px;	
	margin: 0;
}

.front-page-section-5 h3 > img,
img.check {
	width: 40px;
	margin-right: 5px;
}
.page-team .border-grey img.check ,
.page-price .border-grey img.check {
	width: 15px;
	margin-right: 15px;
}

button.get-detial {
	position: relative;
	display: inline-block;
	width: 100%;
	height:	80px;
	line-height: 26px;
	border: none;
	background: #00a097;
	text-transform: uppercase;
	font-size: 20px;
	color: #ffffff;
	cursor: pointer;
}
button.get-detial i ,
button.get-detial p {
	display: inline-block;
	padding: 0;
	margin: 0;
	line-height: 20px
}
button.get-detial i {
	margin-right: 30px;
}

.page-section-4-price {
	margin: 30px 0;
}



.page-team img ,
.page-price img {
    width: 100%;
    object-fit: contain;
	max-height: 600px;
}
.page-team .contact-info img ,
.page-price .contact-info img {
    width: auto;
}

.page-team .row-eq-height > div ,
.page-price .row-eq-height > div {
	margin-bottom: 30px;
}
.page-team .thumb-text ,
.page-price .thumb-text {
	font-size: 20px;
}
.page-team .thumb-text h2 ,
.page-price .thumb-text h2 {
	font-size: 26px;
}
.page-team .content-arrows ,
.page-price .content-arrows {
	margin-top: 30px;
}
.thumb-text img.check {
	float: left!important;
	display: inline-block!important;
}

.page-team .thumb-text p ,
.page-price .thumb-text p {
	font-size: 20px;
	line-height: 20px;
    padding: 0;	
	margin: 0;
}

.page-team:nth-child(1) {
	height: 100vh;
	background-size: cover;
}

.page-team h1 span {
	background: #ffffff;
	opacity: 0.7;
	padding: 5px;
}
.height-max {
	height: 100vh;
}

.team-section-top {
	position: relative;
	text-align: right;
}
.team-section-top h1 {
	padding-top: 70px;
}
.team-section-top p {
	position: absolute;
	right: 15px;
	bottom: 100px;
	display: inline-block;
	background: #ffffff;
	opacity: 0.7;
	padding: 15px;
	text-align: left;
}

.page-team.about-us {
	margin-top: 70px;
	margin-bottom: 70px;
}

.page-team.about-us img {
	width: 100%;
	object-fit: cover;
}

.font-24 {
	font-size: 24px;
	line-height: 30px;
}

.fancybox-slide--image {
    padding: 20px 0!important;
}

.page-team.about-us .worker-info {
	display: none!important;
}
.page-team.about-us h2 span.work {
	display: block;
}

.page-team.about-us > div.row > div {
	margin-bottom: 30px;
}
.margin-bottom-30 > div {
	margin-bottom: 15px;
}

.header-solo {
	margin-bottom: 15px;
}


.repair-item {
	padding-left: 5px!important;
	padding-right: 5px!important;
}
.real-repair-list > div > div.img {
	position: relative;
	margin-bottom: 10px;
}

.number-ul {
	list-style: decimal;
}

.number-ul li {
	padding-left: 7px;
}

.real-repair-list > div > div.img .effect1 {
	position: absolute;
	top: 15px;
	left: 15px;
	display: inline-block;
	background: #ffffff;
	opacity: 0.7;
	color: #000000;
	font-size: 20px;
	line-height: 26px;
	padding: 5px;
}
.real-repair-list > div > div.img .effect2 {
	position: absolute;
	top: 60px;
	left: 15px;
	display: inline-block;
	background: #ffffff;
	opacity: 0.7;
	color: #000000;
	font-size: 20px;
	line-height: 26px;
	padding: 5px;
}

.button-consult-fixed {
	position: fixed;
	right: 0;
	bottom: 10px;
	transition: all 0.5s;
	background: rgba(150,150,150,0.5);
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 16px;
	color: #ffffff;
	border: none;
	padding: 8px 15px;
	cursor: pointer;
}
.button-consult-fixed:hover {
	background: rgba(150,150,150,1);
}

.textwidget {
	margin: 30px 0;
}


.worker-info > div:nth-child(1) {
	text-align: center;
}
.worker-info div img {
	max-height: 80vh;
}
.worker-info div p {
	font-size: 20px;
}



.cvc img{
    width: 100%

}
.darkened h2 {
    position: absolute;
    top: 30%;
    text-align: center;
    color:#fff;
    z-index: 33;
    left: 0;
    right: 0;
}
.darkened {
  position: relative;
  text-align: center;
  max-width: 900px;
  margin: 0 auto;
}
 
.darkened::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.5);  
  z-index: 1;
}
.darkened:hover{
-webkit-box-shadow: 0px 0px 50px -3px rgba(0,0,0,0.59);
-moz-box-shadow: 0px 0px 50px -3px rgba(0,0,0,0.59);
box-shadow: 0px 0px 50px -3px rgba(0,0,0,0.59);
}

img.inside-slider-image {
	max-width: 100%;
}

@media (max-width: 1200px) {
	
	.team-section-top h1 {
		font-size: 26px;
		line-height: 46px;
	}
	.team-section-top p.font-24 {
		font-size: 16px;
		line-height: 20px;
		max-width: 270px;
	}
	
	#blog-page h1, .archive #blog-page h1  {
		font-size: 26px;
		line-height: 30px;
		margin-top: 30px;
		margin-bottom: 30px;		
	}
	
	h1.title-style {
		font-size: 26px;
		line-height: 30px;
		margin-top: 30px;
		margin-bottom: 30px;
	}	
	h2.title-style {
		font-size: 22px;
		line-height: 25px;
		margin-top: 15px;
		margin-bottom: 15px;
	}
	h3.title-style {
		font-size: 20px;
		line-height: 25px;
		margin-top: 15px;
		margin-bottom: 15px;
	}
	
	#right-sidebar aside {
		margin-left: 0;
	}	

	.questionary-family-submit {
		font-size: 18px;
	}
	.feedback-container .zphone {
		font-size: 19px;
	}

	.portfolio__item a.tosh-a h3 {
		opacity: 1;
	}
}
@media (max-width: 991px) {
	#right-sidebar {
		margin-top: 60px!important;
	}	
}
@media (max-width: 768px) {
	.darkened h2 {
		top: 30%;
	}
	.page-team h2, 
	.page-price h2 {
		font-size: 20px;
	}
	
	.darkened h2,
	.page-team h2.title-style, 
	.page-price h2.title-style{
		font-size: 26px;
		line-height: 30px;
	}

	.page-team.about-us {
		margin-top: 50px;
		margin-bottom: 50px;
	}
	
	.page-team h2, .page-price h2 {
		margin-top: 0;
	}
	
	.post-item article.entry {
		margin-bottom: 0;
	}
	.owl-carousel .item img {
		max-height: 298px;
	}
	
	.front-page-section-4 {
		padding-top: 30px;
	}
	.front-page-section-5{
		padding-top: 30px;
		padding-bottom: 30px;
	}	


	.reviews {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.reviews .owl-theme .owl-nav.disabled+.owl-dots {
		margin-top: 10px;
		
	}

	h3 {
		font-size: 20px;
		line-height: 30px;
	}
	
	.compensate-for-scrollbar {
		max-height: 95vh;
		overflow-y: scroll;
	}
	
}
@media (max-width: 576px) {
	#right-sidebar {
		margin-top: 0!important;
	}	
}
@media (max-width: 370px) {
	.questionary-family-submit {
		font-size: 16px;
	}
	.owl-carousel .item img {
		max-height: 200px;
	}
}

#repair-page,
#blog-page{
	margin-top: 74px;	
}



@media (max-width: 992px) { 
	#repair-page,
	#blog-page {
		margin-top: 10px;	
	}
}

@media (max-width: 713px) { 
	body aside.widget.wslid li {
		width: 48% ;
	}
}

@media (max-width: 767px) { 
	body .menu-in-ul {
		display: none !important;
	}
	body .menu-in-ul {
		position: static;
		width: 100%;
	}

	body .menu-in-ul.active {
		display: block !important;
	}

	body .menu-in-ul a {
		width: 100%;
		display: block;
	}

	.menu-in {
		position: relative;
	}
	.menu-in.active::after {
		top: 15px;
		transform: rotate(0deg);
		right: 23px;
	}
	.menu-in::after {
		cursor: pointer;
		content: ''; 
		top: 10px;
		transition: all 0.2s;
		transform: rotate(-90deg);
		position: absolute; /* Абсолютное позиционирование */
		right: 20px;/* Положение треугольника */
		border: 5px solid transparent; /* Прозрачные границы */
		border-top: 5px solid #2E4053; /* Добавляем треугольник */
	}
}

@media (max-width: 480px) {
	#blog-page .container > .row #blog-posts, #blog-page .container > .row > div {
		padding-left: 0;
		padding-right: 0;
	}
	#blog-page .textwidget {
		display: none;
	}

	body .tosh-h3 {
		display: block;
		font-size: 20px;
	}
	body aside.widget.wslid li {
		width: 98% !important;
	}
	body .wp-pagenavi > * {
		font-size: 18px !important;
		margin-left: 35px;
	}

	body .prost_page_styles {
		font-size: 14px;
	}
}

#blog-posts .post-item .entry .post-thumb img {
	width: 100%;
}

.wp-pagenavi {
	text-align: center;
	margin-bottom: 10px;
}

.wp-pagenavi > * {
	font-size: 20px !important;
	display: inline-block;
	margin-left: 20px;
}

.wp-pagenavi > * {
	font-size: 20px !important;
	display: inline-block;
	margin-left: 20px;
}

body .wp-pagenavi > *:first-child {
	margin-left: 0;
}

body .post-hover .post-thumb .btn1 {
	transform: translateX(calc(-50% + 20px));
	width: 100%;
    border: none;
}

body .post-hover .post-thumb .btn1 .ion-ios-redo-outline {
	width: 40px;
	display: block;
	border: 1px solid #ddd;
    margin: 0 auto;
}

body .post-hover .post-thumb .btn1 h3 {
	margin-top: 20px;
}
body .post-hover .post-thumb .btn1 h3 a {
	display: inline-block;
	color: #ddd;
	padding: 5px 20px;
	transition: all 0.5s;
    border: 1px solid #ddd;
	transition: all 0.5s;
}

body .post-hover .post-thumb .btn1 h3 a:hover {
	background-color: #52b5ac;
    border-color: #52b5ac;
    color: #fff;
}

.img-popup {
	display: block;
	margin: 0 auto;
}

.prost_page_styles {
	font-size: 17px;
}

body a.go_top {
	cursor: pointer;
	right: 0px;
	bottom: 75px;
	opacity: 0;
	transition: all 0.5s;
}

.go_home {
	cursor: pointer;
	right: 0px;
	bottom: calc(10% + 50px);
}

body a.go_top.active {
	opacity: 1;
}

a[rel="next"], a[rel="prev"], .go_top, .go_home {
	background-color: rgba(38, 50, 56, 0.3);
	margin-top: -20px;
    color: #777;
    display: block;
    font-size: 32px;
    height: 40px;
    line-height: 39px;
    position: fixed;
    text-align: center;
    width: 40px;
    z-index: 100;
}

a[rel="next"]:hover, a[rel="prev"]:hover, .go_top:hover, .go_home:hover {
    background-color: #52b6ac;
    color: #fff;
}

a[rel="next"] {
	bottom: 10%;
	transform: rotate(-90deg);
	left: 0px;
}

a[rel="prev"] {
	bottom: 10%;
	transform: rotate(90deg);
	right: 0px;
}

#masthead .sticky-wrapper .header-bottom nav {
	z-index: 100000;
}

.telh.telh-main {
	z-index: 10000;
}


.no-padding {
	padding: 0!important;
}
@media ( max-width: 991.98px ) {
	.no-padding-lg {
		padding: 0!important;
	}	
}

.logo-container img.logo {
	height: 48px;
}

.feedback-container {
	text-align: right;
}

.link-logo,
.link-logo:hover,
.link-logo:focus,
.link-logo:active,
.link-logo:visited {
	text-decoration: none;
}

.thumb-text.col-12.col-md-4.d-none.d-md-flex.flex-column.justify-content-around ul {
    margin-left: 20px;
}
.justify-content-around {
    -ms-flex-pack: distribute !important;
    justify-content: start !important;
}
input.button-consult.mb-5.mb-sm-0 {
    margin-top: 60px;
}


@media (min-width: 1200px) {
	h1 {
		margin-top: 20px;
	}
	.button-consult {
		margin-top: 120px!important;
	}	
}
@media (max-width: 460px) {
	.desc-text {
		display: none;
	}
	.mt-sm-0 {
		margin-top: 20px!important;
	}

	.active {
		transform: translateY(0)!important;
	}
}
@media (max-width: 800px) {
	.disp-none {
		display:none;
	}
	.front-page-section-3 img:hover {
		transform: scale(1);
	}
	.col-12.col-sm-6.col-lg-4.no-padding:hover {
		border: none;
	}
}

.telegram-block {
	display: none;
	position: fixed;
	bottom: 70px;
	left: 18px;
	width: 45px;
	height: 45px;
	border-radius: 50%;
	background-color: #fff;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
	font-size: 47px;
	color: #2ba2d5;
	transition: 0.5s;
    transform: translateY(55px);
    z-index: 999;
}
.whatsapp-block {
	display: none;
	position: fixed;
	bottom: 119px;
    left: 18px;
	width: 45px;
	height: 45px;
	border-radius: 50%;
	background-color: #49c759;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
	color: #fff;
	font-size: 25px;
	transition: 0.7s;
	transform: translateY(100px);
	z-index: 998;
}

.title-repair {
	margin-top: 118px!important;
	margin-bottom: 30px;
}

.desc-text-item {
	font-size: 20px;
	padding: 0!important;
	margin: 0!important;
}

.desc-ul {
	font-size: 20px!important;
    margin-left: 20px!important;
}



/* -----------------------------------------
  	front plusses CSS
----------------------------------------- */

.plussess_plus_video {
	display: grid;
	grid-template-columns: 1fr 2fr;
	align-items: center;
	gap: 40px;
	padding: 50px 0;
}

.plussess_plus_video .video-frame {
	aspect-ratio: 435/743;
	width: 100%;
	height: 100%;
}

.video-lazy-container {
	aspect-ratio: 450/720;
	width: 100%;
	height: 100%;
	position: relative;
}

.video-lazy-container .video_preload, .video-lazy-container iframe, .video-lazy-container video {
	object-fit: cover;
	width: 100%;
	height: 100%;
	position: absolute;
	inset: 0;
}

.video-lazy-container .video_preload {
	z-index: 2;
}

.video-lazy-container .video-descr, .front-video-item .video-descr {
	position: absolute;
    left: 20px;
    top: 20px;
	right: 20px;
    background: #fff;
    opacity: .7;
    padding: 5px;
    font-size: clamp(20px,2.5vw,26px);
    line-height: 1.3;
    text-transform: uppercase;
	z-index: 4;
}

.yt__play-btn {
    background-color: #00a097;
	border-radius: 50%;
    width: 66px;
    height: 66px;
	position: absolute;
	z-index: 9;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transition: all .3s;
	cursor: pointer;
}

.yt__play-btn::after {
	display: block;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 50%;
    box-shadow: 0 0 0 0 rgba(0, 160, 151, .9);
    transform: scale(1);
    animation: pulse 4s infinite;
    z-index: 2;
}

.single-video {
	max-width: 450px;
	margin: 0 auto;
}

.video-grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 15px;
}

.video-grid__single-elem {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.video-grid__single-elem img {
	display: block;
	aspect-ratio: 450/720;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.text-content {
	font-family: "Montserrat";
    font-size: 14px;
    line-height: 20px;
}

.our-plusses {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: clamp(30px, 10vh, 50px) 40px;
}

.plus__item {
	display: flex;
	box-sizing: border-box;
	font-family: 'Roboto Condensed';
}

.plus__item .info {
    color: #383636;
}

.plus__item .number {
	font-size: clamp(50px, 4.5vw, 65px);
    color: #00a097;
    letter-spacing: 5px;
    text-align: right;
    line-height: .85;
    margin-right: 1vw;
	min-width: clamp(100px, 9vw, 140px);
}


.plus__item .plus__title {
    font-size: 20px;
    text-transform: uppercase;
	margin-bottom: 15px;
}

.plus__item .plus__descr {
	font-family: "Montserrat";
	font-size: 14px;
}

#map-wrapper {
    -webkit-filter: grayscale(100%);
}

/* -----------------------------------------
  	front bottom info CSS
----------------------------------------- */

.seoblock.text-content {
	display: block !important;
}

.seoblock:not(.text-content) {
	padding-bottom: 55px;
	padding-top: 90px;
}

.seoblock > * {
	margin-bottom: 25px;
	margin-top: 0;
}

.seoblock p, .seoblock li, .seoblock a, .content-block {
	font-family: "Montserrat";
	font-size: 14px;
	line-height: 20px;
}


.seoblock h2 {
	font-size: 26px;
}

.seoblock a {
	text-decoration: underline;
}

.seoblock > * + h2 {
	margin-top: 50px;
}

.seoblock ul, .seoblock ol {
	padding-left: 0;
}

.seoblock ul li {
	position: relative;
	padding-left: 25px;
	list-style: none;
}

.seoblock ul li:not(:last-child) {
	margin-bottom: 25px;
}

.seoblock ul li::before {
	content: "";
	display: block;
	position: absolute;
	top: 4px;
	left: 0;
	width: 10px;
	height: 10px;
	border-radius: 100%;
	background-color: #00958d;
}

.seoblock ul li::after {
	content: "";
    display: block;
    position: absolute;
    top: 4px;
    background-color: #00958d;
    width: 2px;
    height: calc(100% + 25px);
    left: 4px;
}

.seoblock ul li:last-child::after {
	display: none;
}

.seoblock hr {
	width: 40%;
	height: 2px;
	background-color: #00958d;
	margin-left: 0;
}

.seoblock ol {
	padding-left: 18px;
}

.seoblock ol li:not(:last-child) {
	margin-bottom: 15px;
}

.mobile-bottom-line-wrap {
	display: none;
	position: fixed;
    bottom: 0;
	z-index: 10;
	width: 100%;
}


.mobile-bottom-line {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 100px;
	background-color: transparent;
	padding: 0 30px;
}

.menu-block {
	width: 52px;
	height: 52px;
	border-radius: 50%;
	background-color: #479e96;
	justify-content: center;
	display: flex;
	align-items: center;
	font-size: 25px;
	color: #fff;
	box-shadow: 0px 4px 8px 0px #479e96!important;
	z-index: 1000;
}
.menu-block svg {
	width: 30px;
	height: 30px;
}

.mobile-bottom-line .btn {
	background-color: #e3e1e0;
	color: #343434;
	font-size: 14px;
	font-family: "Montserrat";
	padding: 10px;
	border-radius: 5px;
}

.seo_img_text {
	padding: 60px 0 50px;
	background-color: #f6f6f6;
	font-size: 14px;
	font-family: "Montserrat";
}

.seo_img_text-row {
	padding-left: 25px;
}

.seo_img_text .img-wrap {
	position: relative;
}

.seo_img_text .img-wrap img {
	position: relative;
    z-index: 2;
    height: 100%;
    object-fit: cover;
    width: 100%;
}

/* .seo_img_text .img-wrap::before {
	position: absolute;
    content: "";
    display: block;
    width: 70%;
    height: calc(50% + 25px);
    background-color: #66d3cb;
    z-index: 1;
	left: 0;
    top: -15px;
} */


.seo_img_text .text {
	padding-left: 60px;
}

.seo_img_text .text > *:last-child {
	margin-bottom: 0;
}

/*  */

#mob-design-slider {
	display: flex;
	flex-wrap: wrap;
}

.front_icons-section {
	padding: 90px 0 90px;
}

.front_icons {
	display: flex;
    flex-wrap: wrap;
}

.front_icons .item {
	width: 25%;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
	margin-bottom: 35px;
}

.front_icons .item .icon-wrap {
	height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
	margin-bottom: 40px;
}

.front_icons .item .text {
	color: #4c4c4c;
	font-size: 18px;
	font-family: 'Roboto Condensed',sans-serif;
}

section.bookmark {
	position: relative;
	padding: 100px 0;
	margin-bottom: 50px;
}

section.bookmark img {
	position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

section.bookmark p {
	font-family: 'Roboto Condensed',sans-serif;
    font-size: 24px;
    color: #373737;
    line-height: 130%;
    text-align: center;
    max-width: 760px;
    margin: 0 auto;
}

/*  */


/* resschet form */

.rasschet-wrap {
	padding: 140px 100px;
	background-image: url("img/rasschet-bg.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

#rasschet {
	display: flex;
	align-items: center;
}

#rasschet p {
	margin-bottom: 0;
}


#rasschet .form-group_title {
	font-family: "Roboto Condensed";
	color: #02a098;
	font-size: 34px;
	margin-bottom: 30px;
	width: 100%;
	white-space: nowrap;
	position: relative;
}

.error-message {
	position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    color: red;
    font-size: 16px;
    transform: translateY(100%);
	opacity: 1;
	z-index: 1;
	transition: all .3s;
}

.error-message.hidden {
	opacity: 0;
	z-index: -1;
	transform: translateY(0);
}

#rasschet .form-group:nth-child(1) .text-input {
	width: 220px;
}

#rasschet .form-group {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

#rasschet input[type="submit"] {
	font-family: "PT Sans Narrow";
	font-weight: 400;
	font-size: 22px;
	color: #02a098;
	border: 2px solid #02a098;
	min-width: 220px;
	height: 60px;
	text-align: center;
	background-color: transparent;
	white-space: nowrap;
	-webkit-appearance: none;
	transition: all .3s;
}

#rasschet input[type="submit"]:hover {
	background-color: #02a098;
	color: #fff;
	cursor: pointer;
}

.rasschet-notice {
	text-align: center;
	padding-top: 150px;
}

.rasschet-notice p {
	margin-bottom: 0;
	font-size: 18px;
	color: #999;
	font-family: "Roboto Condensed";
}

.rasschet-notice .col {
	position: relative;
}

.rasschet-notice .col::before {
	display: block;
	content: "";
	width: 10px;
	height: 70px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url("img/rasschet-notice.png");
	bottom: calc(100% + 10px);
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
}

.select__selected.error, #rasschet .text-input.error {
	border-color: #ff000080;
	animation-name: shake;
	animation-duration: 1s;
	animation-fill-mode: both;
}

@keyframes shake {
	from,
	to {
	  -webkit-transform: translate3d(0, 0, 0);
			  transform: translate3d(0, 0, 0);
	}
	10%,
	30%,
	50%,
	70%,
	90% {
	  -webkit-transform: translate3d(-10px, 0, 0);
			  transform: translate3d(-10px, 0, 0);
	}
	20%,
	40%,
	60%,
	80% {
	  -webkit-transform: translate3d(10px, 0, 0);
			  transform: translate3d(10px, 0, 0);
	}
  }

.select__selected, #rasschet .text-input {
	border: none;
	outline: none;
	font-family: "Roboto Condensed";
	font-weight: 300;
	color: #999;
	font-size: 30px;
	text-align: center;
	padding: 0 30px;
    border-bottom: 2px solid #02a098;
    line-height: 42px;
	box-sizing: border-box;
	background-color: transparent;
}

.select__selected.placeholder, #rasschet .text-input, #rasschet .text-input::placeholder {
	color: #999999;
}

.select__selected {
	position: relative;
}

.select__selected::before {
	display: block;
	content: "";
	width: 16px;
    height: 16px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(//dsdreams.ru/wp-content/themes/dsdreams/img/li-cherck.png);
    position: absolute;
    left: 0;
    top: 50%;
	transform: translateY(-50%);
	opacity: 0;
	transition: all .3s;
}

.select__selected.success::before {
	opacity: 1;
}

.select {
	position: relative;
}

.select:hover {
	cursor: pointer;
}


#servcice {
	padding: 0 10px;
	background-color: #fff;
}

.select-list__item {
	color: #999;
	font-family: "Roboto Condensed";
	font-size: 24px;
	line-height: 100%;
	font-weight: 300;
	position: relative;
	transition: background-color .5s;
	font-size: 16px;
	font-weight: 300;
	padding: 14px 0;
	width: 100%;
	display: flex;
	align-items: center;
	margin-bottom: 0;
	border-bottom: 1px solid #999;
}

.select-list__item:last-child {
	border-bottom: none;
}

.select-list__item:hover {
	cursor: pointer;
}

.select-list__item .custom-checkbox {
	position: absolute;
	z-index: -1;
	opacity: 0;
}



.select-list__item::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    flex-grow: 0;
    border: 1px solid #999;
    border-radius: 100%;
    margin-right: 10px;
	background-clip: content-box;
    box-sizing: border-box;
    padding: 5px;
}

.select-list__item.active::before {
	background-color: #999;
}


.select.open .select-list {
	display: block;
	z-index: 99;
}

.select-list {
    position: absolute;
    width: 100%;
    box-sizing: border-box;
    top: calc(100% + 20px);
	background-color: #fff;
	box-shadow: 0px 3px 8.45px 4.55px rgba(0, 0, 0, 0.05);
	display: none;
}


/* resschet form end*/

.packages {
	padding-top: 120px;
}

.packages .h2 {
	margin-bottom: 50px;
}

#packages .price-col {
	box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.17);
	padding: 0 0 30px;
}


#packages .price-col .title {
	font-size: 22px;
	border-top: 1px solid #8e9090;
	border-bottom: 1px solid #8e9090;
	padding: 20px 5px;
}

#packages .price-col .title, #packages .price-col .price {
	font-family: "Roboto Condensed";
	text-align: center;
	color: #009593;
	line-height: 1;
	text-transform: uppercase;
}

#packages .price-col .price {
	font-size: 24px;
}

#packages .price-col .content {
	padding: 20px 20px 30px 45px;
}

#packages .price-col .content a {
	text-decoration: underline;
}

#packages .cherteji-wrap {
	position: relative;
}

#packages .cherteji-ul {
	display: none;
	position: absolute;
    z-index: 9;
    background-color: #fff;
    top: 30px;
	left: -20px;
	box-shadow: 0px 3px 7px 0px rgb(0 0 0 / 17%);
	padding: 10px;
}

#packages .cherteji-ul ul {
	padding: 0;
	margin: 0;
	font-size: 11px;
}

#packages .cherteji-ul ul li:not(:last-child) {
	margin-bottom: 5px;
}

#packages .price-col .content .avaible > *, #packages .price-col .content .not_avaible > * {
    font-family: "Montserrat";
    font-size: 12px;
    color: #444;
    margin-bottom: 10px;
    position: relative;
    line-height: 1.5;
}

#packages .price-col .content .avaible > *::after, #packages .price-col .content .not_avaible > *::after {
	display: block;
	content: "";
	width: 4px;
	height: 4px;
	border-radius: 100%;
	background-color: #009593;
	position: absolute;
	left: -15px;
    top: 6px;
}

#packages .price-col .content .not_avaible > *::after {
	background-color: #b9b9b9 !important;
}

#packages .price-col .content .not_avaible > * {
	color: #b9b9b9 !important;
}

/*  */

.rasschet-primer-wrap {
	padding: 70px 0 0;
}

.rasschet-primer-wrap .h2 {
	margin-bottom: 60px;
}

.primer-wrap {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.primer-wrap .img-link {
	margin-bottom: 60px;
	position: relative;
}

.primer-wrap .img-link::before {
	display: block;
    content: "";
    width: 90%;
    height: 90%;
    position: absolute;
    left: 5%;
    top: 5%;
    bottom: 0;
    right: 0;
    z-index: 1;
    box-shadow: -25px 10px 20px 10px rgb(0 0 0 / 20%);
}

.primer-wrap .img-link img {
	position: relative;
	z-index: 2;
}

.primer-wrap .link-btn {
	font-family: "PT Sans Narrow";
	font-size: 18px;
	letter-spacing: 1px;
	color: #02a098;
	border: 2px solid #02a098;
	text-align: center;
	min-width: 330px;
	box-sizing: border-box;
	padding: 12px 15px;
	text-decoration: none !important;
	transition: all .3s;
	background-color: #fff;
}

.primer-wrap .link-btn:hover {
	background-color: #02a098;
	color: #fff;
}


/*  */

.primer-oplata-wrap {
	padding: 80px 0 20px;
}

.primer-oplata-wrap .h2 {
	margin-bottom: 50px;
}

/*  */

.scheme_icons-section {
	padding: 80px 0 100px;
}

.scheme_icons-section .h2 {
	margin-bottom: 100px;
}

.scheme {
	display: flex;
    flex-wrap: wrap;
}

.scheme > .scheme-row {
	width: 100%;
	display: flex;
	justify-content: space-between;
}

.scheme .item {
	display: flex;
    flex-direction: column;
    text-align: center;
	margin-bottom: 35px;
}

.scheme_icons .item {
	width: 16%; 
}

.rs-content_scheme .item {
	width: 170px;
	margin-bottom: 50px;
}

.rs-content_scheme.js-standart-scheme  > .scheme-row {
	justify-content: center;
	flex-wrap: wrap;
}

.rs-content_scheme.js-standart-scheme .item {
	width: 20%;
}

.rs-content_scheme.js-standart-scheme .item .icon-wrap:after {
	right: -10%;
}

.rs-content_scheme.js-standart-scheme .item:nth-child(5) .icon-wrap:after {
	display: none;
}

.scheme .item .icon-wrap {
	display: flex;
    align-items: center;
    justify-content: center;
	margin-bottom: 15px;
	position: relative;
}

.scheme_icons .item .icon-wrap, .rs-content_scheme .item .icon-wrap {
	height: 50px; 
}

.scheme .item .text {
	color: #4c4c4c;
	font-size: 16px;
	font-family: 'Roboto Condensed',sans-serif;
	letter-spacing: -0.5px;
}

.scheme > .scheme-row:last-child .item:last-child .text {
	color: #02a098;
}

.scheme .item .icon-wrap::after {
	display: block;
	content: "";
	position: absolute;
	width: 50px;
	height: 20px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	background-image: url("img/hw/delimetr.png");
    top: 50%;
    transform: translateY(-50%);
}

.scheme > .scheme-row .item:last-child .icon-wrap::after {
	display: none;
}


.scheme_icons .item .icon-wrap::after {
	right: -10%;
}

.rs-content_scheme .item .icon-wrap::after {
	right: -55%;
}

.primers_design {
	margin-bottom: 80px;
}

.primers_design .h2 {
	margin-bottom: 50px;
}

.primers_design img {
	width: calc(100% + 2px);
}

/*  */

.begin-wrap {
	background-image: url("img/begin_bg.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 100px 0;
}

.begin-wrap .h2 {
	text-align: center;
	color: #000;
	margin-bottom: 50px;
}

.begin_col {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.begin_col .icon-wrap {
	padding: 40px;
	background-color: #fff;
	border-radius: 100%;
	margin-bottom: 20px;
}

.begin_col .icon-wrap img {
	height: 50px;
}

.begin_col p {
	margin-bottom: 0;
	font-family: "Roboto Condensed";
	color: #000;
	font-size: 16px;
	text-align: center;
}

.begin-wrap .delimetr {
	font-size: 33px;
	color: #999;
	font-family: "Roboto Condensed";
	text-transform: uppercase;
	position: relative;
	top: 50px;
	text-align: center;
}

/*  */

.presentation {
	padding: 70px 0 100px;
}

.presentation-row {
	align-items: center;
}

.presentation-text {
	padding-left: 50px;
	position: relative;
}

.presentation-text:before {
	display: block;
	content: "";
	width: 30px;
	height: 2px;
	background-color: #00a097;
	position: absolute;
	left: 0;
	top: 20px;
}

.presentation-text .title {
	color: #373737;
	font-size: 24px;
	font-family: "Roboto Condensed";
	margin-bottom: 30px;
	line-height: 150%;
}

.presentation-text .link-btn, .certificate-btn {
	display: block;
	text-decoration: none !important;
	font-family: "PT Sans Narrow";
	color: #02a098;
	border: 2px solid #02a098;
	font-size: 18px;
	letter-spacing: 1px;
	max-width: 330px;
	width: 100%;
	padding: 12px 15px;
	text-align: center;
	transition: all .3s;
	background-color: #fff;
}

.presentation-text .link-btn:hover, .certificate-btn:hover {
	background-color: #02a098;
	color: #fff;
	cursor: pointer;
}

/* rs-info */

.rs-info {
	padding: 90px 0;
	text-align: center;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.rs-info.first {
	background-image: url("img/rs-info_1.jpg");
}

.rs-info.second {
	background-image: url("img/rs-info_2.jpg");
}

.rs-info .title, .rs-info .descr, .rs-info .price {
	font-family: "Roboto Condensed";
	margin-bottom: 40px;
}

.rs-info .title {
	font-size: 55px;
}

.rs-info .descr {
	color: #a0a0a0;
	font-size: 30px;
}

.rs-info .price {
	font-size: 55px;
	color: #00a097;
}

.rs-info .rs-link {
	font-family: "PT Sans Narrow";
	font-size: 18px;
	display: block;
	max-width: 260px;
	padding: 12px 15px;
	border: 2px solid #00a097;
	background-color: transparent;
	color: #00a097;
	transition: all .3s;
	margin: 0 auto;
	text-decoration: none !important;
	letter-spacing: 1px;
}

.rs-info .rs-link:hover {
	background-color: #00a097;
	color: #fff;
}

.rs-content {
	padding: 70px 0;
}

.rs-content .title {
	font-size: 36px;
}

.rs-content .descr {
	font-family: "Roboto Condensed";
	color: #a0a0a0;
	margin-bottom: 40px;
	font-size: 30px;
}

.rs-content .title, .rs-content strong {
	font-family: "Roboto Condensed";
	color: #000;
	margin-bottom: 20px;
}

.rs-content strong {
	font-size: 30px;
	font-weight: 400;
}

.rs-content ul {
	padding-left: 0;
	margin-bottom: 50px;
}

.rs-content li {
	font-family: "Montserrat";
	font-size: 16px;
	color: #000;
	position: relative;
	padding-left: 25px;
}

.rs-content li::before {
	display: block;
	content: "";
	width: 16px;
	height: 16px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url("img/li-cherck.png");
	position: absolute;
	left: 0;
	top: 0;
}

.rs-content li:not(:last-child) {
	margin-bottom: 10px;
}

.rs-content_scheme {
	margin-bottom: 30px;
}


/* CIRCLES */
.circle-row {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}

.circle-wrap .item {
	margin-bottom: 50px;
	display: flex;
    flex-direction: column;
    align-items: center;
}

.circle-wrap .item .img-wrap {
	width: 120px;
	height: 120px;
	position: relative;
	margin-bottom: 20px;
}

.circle-wrap .item .img-wrap img {
	width: 120px;
	height: 120px;
	position: relative;
	z-index: 1;
}

.circle-wrap .item .img-wrap .img-text {
	position: absolute;
	z-index: 2;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	color: #373737;
	font-family: "Roboto Condensed";
	font-size: 44px;
}

.circle-wrap .item .text {
	color: #373737;
	font-family: "Roboto Condensed";
	font-size: 18px;
	text-align: center;
}


#oplata-standart .circle-row {
	justify-content: space-around;
}

#oplata-standart .item {
	width: 33%;
}

/* price table */

.price-table-wrap {
	display: flex;
    flex-direction: column;
    align-items: center;
}

.price-table {
	box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.17);
	margin-bottom: 25px;
	color: #4c4c4c;
}
  
.price-table-notice {
	width: 800px;
    color: #8c8c8c;
    font-size: 9px;
	font-family: 'Montserrat';
}

.price-table thead, .price-table tbody tr td:last-child {
	font-family: "Roboto Condensed";
}

.price-table thead tr td:first-child {
	width: 500px;
}

.price-table thead tr td:last-child {
	width: 300px;
}

.price-table thead {
	font-size: 22px;
	border-top: 1px solid #8e9090;
	border-bottom: 1px solid #8e9090;
}

.price-table thead td {
	padding: 20px;
}

.price-table tbody td {
	padding: 10px 20px;
}

.price-table tbody tr:last-child td {
	padding-bottom: 30px;
}

.price-table tbody tr td:last-child {
	font-size: 16px;
	letter-spacing: -.5px;
}


.price-table .title {
	font-size: 16px;
    position: relative;
    padding-left: 15px;
    letter-spacing: -.5px;
	font-family: "Roboto Condensed";
}

.price-table .title::before {
	display: block;
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 100%;
    background-color: #009593;
    position: absolute;
    left: 0;
    top: 9px;
}

.desktop-socials {
	position: fixed;
	right: 50px;
	bottom: 50px;
	z-index: 99;
}

/*  */

.about-team-icons {
	margin-bottom: 70px;
}

.about-team-icons h2 {
	margin-bottom: 35px;
}

.ab_t_row {
	justify-content: space-between;
}

.ab_t_row:not(:last-child) {
	margin-bottom: 50px;
}

.ab_t__item {
	display: flex;
    flex-direction: column;
    justify-content: center;
    width: 25%;
    text-align: center;
}

.ab_t__item-img-wrap {
	margin-bottom: 20px;
}

.ab_t_item-title {
	font-family: "Roboto Condensed";
	font-size: 16px;
	text-align: center;
}

.input-fs-name {
	opacity: 0 !important;
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	height: 0 !important;
	width: 0 !important;
	z-index: -1 !important;
}

.tags-section {
	padding-top: 15px;
    padding-bottom: 15px;
    border-top: 1px solid rgb(43, 43, 43);
    border-bottom: 1px solid rgb(43, 43, 43);
    margin: 30px 0;
}

.tags-grid {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 15px 30px;
}

.tags-grid .tag-item {
	display: block;
    font-family: 'Roboto Condensed';
    font-weight: 600;
    font-size: 18px;
    text-transform: uppercase;
    color: rgb(43, 43, 43);
	transition: color .3s;
	text-decoration: none !important;
}

.tag-item.active {
	color: #00958d;
}

.tags-grid.childs {
	margin-top: 20px;
}

.tags-grid.childs .tag-item {
	font-size: 16px;
}

.hover-link {
	transition: color .3s;
}


/*  */

.default-section-padding {
	padding-top: clamp(50px, calc( var(--responsive) * 4 ), 90px);
    padding-bottom: clamp(50px, calc( var(--responsive) * 4 ), 90px);
}

.like-h2 {
	margin-bottom: 30px;
	font-family: 'Roboto Condensed';
	font-size: clamp(26px,calc(var(--responsive)*1.8),32px);
	font-weight: 500;
    line-height: 120%;
}

.section-title {
	margin-bottom: clamp(30px, calc(var(--responsive) * 2.2), 40px);
}

.faq-grid {
	display: grid;
	column-gap: 40px;
}

.accordion-item {
	border-bottom: 1px solid var(--primary-color);
}

.faq-grid .accordion-item:first-child {
	border-top: 1px solid var(--primary-color);
}

.accordion-text {
	display: none;
}

.accordion-item__title {
	display: grid;
	grid-template-columns: 1fr 44px;
	gap: 10px;
	align-items: center;
	padding: 20px 0;
	text-transform: uppercase;
	font-size: clamp(18px, var(--responsive), 22px);
	line-height: 120%;
	font-weight: 500;
	transition: color .3s;
}

.accordion-item__title .accordion__control {
	transition: all .3s;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.accordion-item__title.opened .accordion__control {
	transform: rotate(45deg);
}

/*  */

a[rel=next], a[rel=prev], .go_top, .go_home {
	display: flex !important;
	align-items: center;
	justify-content: center;
	z-index: 6;
}

a[rel=next] svg, a[rel=prev] svg, .go_top svg, .go_home svg {
	display: block;
	height: 80%;
	width: 80%;
}

@media(min-width: 1250px) {
	a[rel=next], a[rel=prev], .go_home {
		width: 50px;
		height: 50px;
		line-height: 50px;
	}

	a[rel=next] {
		left: calc(50% - 1230px / 2);
	}

	.go_home {
		bottom: calc(10% + 65px);
	}
	
	a[rel=prev], .go_home {
		right: calc(50% - 1230px / 2);
	}
}

.fill {
	transition: fill .3s;
}

/*  */

.loader-wrap {
	display: flex;
	justify-content: center;
	margin-top: 30px;
	width: 100%;
	overflow: hidden;
}

.loader-wrap .loader {
	animation: rotate 3s linear 1s infinite;
}

.loader-wrap .loader img {
	width: clamp(60px, calc( var(--responsive) * 5 ), 100px);
}

/*  */

.front-video-grid {
	display: grid;
	gap: 1px;
}

.front-video-item {
	position: relative;
}

.front-video-item__poster {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 2;
}

.front-video-item .yt__play-btn {

}

.front-video-grid video {
	aspect-ratio: 37/51;
	max-height: 75vh;
	object-fit: cover;
	width: 100%;
	height: auto;
	display: block;
}

.grecaptcha-badge {
	display: none !important;
}



/*  */

.how-grid {
	display: grid;
	gap: clamp(30px,calc( var(--responsive) * 2 ), 40px);
}

/*  */

.accordion-gallery {
	margin-top: 15px;
}

.accordion-gallery {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	gap: 20px;
}

.accordion-gallery__item {
	display: block;
	font-size: 0;
	transition: all .3s;
	border-radius: 3px;
	overflow: hidden;
}

.accordion-gallery__item.hidden {
	display: none;
}

.accordion-gallery__item.last-visible {
	position: relative;
	color: #fff;
}

.accordion-gallery__item.last-visible::after {
	display: block;
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 2;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	background-color: rgba(0, 0, 0, 0.5);
}

.accordion-gallery__item.last-visible .count {
	position: absolute;
	z-index: 3;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.accordion-gallery__image {
	aspect-ratio: 1/1;
	object-fit: cover;
	width: 100%;
}


@keyframes rotate {
	0% {
		transform: rotate(0);
	}
	100% {
		transform: rotate(360deg);
	}
}

@keyframes pulse {
	0% {
		transform: scale(.95);
		box-shadow: 0 0 0 0 rgba(0, 160, 151, .9);
	}

	70% {
		transform: scale(1);
		box-shadow: 0 0 0 20px rgba(227,6,19,0);
	}

	100% {
		transform: scale(.95);
		box-shadow: 0 0 0 0 rgba(227,6,19,0);
	}
}

/* ХОВЕРЫ */
@media (hover: hover) and (pointer: fine) {
	.stroke {
		transition: stroke .3s;
	}

	.accordion-item__title:hover {
		cursor: pointer;
		color: var(--primary-color);
	}

	.accordion-item__title:hover .accordion__control {
		background-color: var(--primary-color);
	}

	.accordion-item__title:hover .accordion__control .stroke {
		stroke: #fff;
	}

	.seoblock a:hover {
		color: var(--primary-color);
	}

	a[rel=next]:hover .fill , a[rel=prev]:hover .fill , .go_top:hover .fill , .go_home:hover .fill {
		fill: #fff;
	}

	.accordion-gallery__item:hover {
		box-shadow: 0 0 10px 0 rgba(0, 160, 151, .4);
	}
}

@media(min-width: 601px) {
	.front-video-grid {
		grid-template-columns: 1fr 1fr;
	}
}

@media(min-width: 769px) {
	.projects .owl-carousel .inner-item {
		width: 50%;
	}

	.portfolio__item {
		width: 50%;
	}

	.post-container .image-link.vertical {
		width: calc(50% - 5px);
	}
	
	.post-container .image-link.vertical img {
		object-position: left bottom;
		max-height: 1000px;
		aspect-ratio: 750/1000;
	}
	
	.post-container .image-link.vertical-one {
		width: 100%;
		max-height: 85vh;
	}
	
	.post-container .image-link.vertical-one img {
		height: 100%;
	}
}

@media(min-width: 992px) {
	.faq-grid {
		grid-template-columns: 1fr 1fr;
	}

	.faq-grid .accordion-item:nth-child(2) {
		border-top: 1px solid var(--primary-color);
	}

	.accordion-item__title .accordion__control {
		padding: 10px;
		aspect-ratio: 1/1;
	}

	.front-video-grid {
		grid-template-columns: 1fr 1fr 1fr;
	}

	.how-grid {
		grid-template-columns: 1fr 2fr;
		align-items: flex-start;
	}

	.how-grid > .sticky {
		position: sticky;
		top: 76px;
	}
}

@media(min-width: 1201px) {
	.video-lazy-container:hover {
		cursor: pointer;
	}
	.video-lazy-container:hover .yt__play-btn {
		opacity: .6;
	}

	.tags-grid .tag-item:hover, .hover-link:hover {
		color: #00958d;
		text-decoration: none !important;
		cursor: pointer;
	}

}

@media(min-width: 1401px) {
	
}

@media(min-width: 1201px) and (max-width: 1400px) {
	
}

@media(max-width: 1400px) {
	.projects .desktop .item {
		padding: 0 130px;
	}
}


@media(max-width: 1200px) {
	.plus__item .number {
		text-align: center;
	}

	.map-section .map-contacts {
		padding-left: 15px;
	}

	.projects .desktop .item {
		padding: 0;
	}

	.video-grid {
		grid-template-columns: 1fr 1fr;
		row-gap: 30px;
	}
}

@media(max-width: 998px) {
	.reviews .author-content {
		margin-left: 0;
	}

	.rasschet-notice {
		display: none;
	}

	.rasschet-wrap, .packages, .rs-info, .begin-wrap, .presentation, .rasschet-primer-wrap, .scheme_icons-section {
		padding: 50px 15px;
	}

	.primer-oplata-wrap {
		padding: 50px 15px 10px 15px;
	}

	#rasschet .form-group_title {
		font-size: 28px;
		margin-bottom: 15px;
	}

	#rasschet .form-group {
		margin-bottom: 30px;
	}

	.select__selected, #rasschet .text-input {
		font-size: 20px;
		line-height: 30px;
	}

	#packages .price-col {
		margin-bottom: 25px;
	}

	.h2 {
		font-size: 30px;
		text-align: center;
	}

	#packages .price-col .title {
		font-size: 20px;
		padding: 15px;
	}

	#packages .price-col .content {
		padding: 15px 15px 20px 30px;
	}

	#packages .price-col .price {
		font-size: 22px;
	}

	.rs-info .title {
		font-size: 30px;
	}

	.rs-info .title, .rs-info .descr, .rs-info .price {
		margin-bottom: 25px;
		line-height: 130%;
	}

	.rs-info .descr {
		font-size: 25px;
	}

	.rs-info .price {
		font-size: 40px;
	}

	.rs-content .title, .rs-content strong {
		text-align: center;
		display: block;
		line-height: 120%;
		margin-bottom: 25px;
	}

	.rs-content .title {
		font-size: 30px;
	}

	.rs-content .descr {
		font-size: 20px;
		text-align: center;
		line-height: 120%;
	}

	.rs-content {
		padding: 50px 0;
	}

	.rs-content li {
		font-size: 14px;
	}

	.begin-wrap .h2 {
		margin-bottom: 40px;
	}

	.begin-wrap .delimetr {
		font-size: 30px;
		position: static;
		margin: 40px 0 30px;
	}

	.begin_col .icon-wrap img {
		height: 40px;
	}

	.begin_col .icon-wrap {
		padding: 20px;
	}

	.begin_col p {
		font-size: 13px;
	}

	.begin_col p br {
		display: none;
	}

	.presentation-row {
		flex-direction: column-reverse;
	}

	.presentation-text {
		padding-left: 15px;
	}

	.presentation-text::before {
		display: none;
	}

	.presentation-img, .primer-wrap img {
		width: 100%;
	}

	.presentation-text .title {
		font-size: 22px;
		text-align: center;
		margin-top: 20px;
	}

	.presentation-text .title br {
		display: none;
	}

	.presentation-text .link-btn, .primer-wrap .link-btn {
		margin: 0 auto;
		min-width: unset;
		width: 100%;
		max-width: 500px;
	}

	.rasschet-primer-wrap .h2, .primer-oplata-wrap .h2, .scheme_icons-section .h2, .primers_design .h2 {
		margin-bottom: 30px;
	}

	.scheme > .scheme-row {
		flex-wrap: wrap;
	}

	.scheme .item, .rs-content_scheme.js-standart-scheme .item {
		width: 50%;
	}

	.scheme .item .icon-wrap:after, .rs-content_scheme.js-standart-scheme .item {
		right: -15%;
	}

	.rs-content_scheme {
		padding: 0;
	}

	.scheme > .scheme-row .item:nth-child(even) .icon-wrap:after {
		display: none;
	}


	.circle-row {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr 1fr;
		align-items: flex-start;
		justify-items: center;
		column-gap: 5px;
	}

	#oplata-standart .circle-row {
		grid-template-columns: 1fr 1fr;
	}

	.circle-wrap .item, #oplata-standart .item {
		width: 100%;
		height: auto;
		max-width: 70px;
	}

	.circle-wrap .item .img-wrap, .circle-wrap .item .img-wrap img {
		width: 100%;
		height: auto;
	}

	.circle-wrap .item .img-wrap .img-text {
		font-size: 22px;
	}

	.circle-wrap .item .text {
		font-size: 12px;
		line-height: 1.3;
	}

	.circle-wrap .item .text br {
		display: none;
	}

	.rs-content_scheme.js-standart-scheme .item:nth-child(5) .icon-wrap:after {
		display: block;
	}

	.about-team-icons h2, #blog-page .title-style, .page-team .title-style, .page-price .title-style {
		text-align: center;
		width: 100%;
	}

	.plussess_plus_video {
		grid-template-columns: 1fr;
	}

	.video-lazy-container {
		max-width: 400px;
		margin: 0 auto;
	}
}

@media(max-width: 768px) {
	.mobile-hidden {
		display: none !important;
	}

	.plus__item {
		flex-direction: column;
    	text-align: center;
	}

	.our-plusses {
		grid-template-columns: 1fr 1fr;
	}

	.plus__item .number {
		min-width: unset;
		margin-right: 0;
		margin-bottom: 15px;
	}

	.plus__item .plus__title {
		margin-bottom: 10px;
		font-size: 18px;
	}

	.plus__item .plus__descr {
		font-size: 12px;
		color: #898989;
		line-height: 1.2;
	}

	.seoblock, .mobile-ds-none {
		display: none;
	}

	.seoblock hr {
		width: 100%;
	}

	.seoblock p, .seoblock li, .seoblock a {
		font-size: 15px;
    	line-height: 20px;
	}

	.seoblock>*+h2 {
		margin-top: 50px;
	}

	.seoblock > * {
		margin-bottom: 15px;
	}

	.seoblock ul li:not(:last-child) {
		margin-bottom: 10px;
	}

	.seoblock ul li:after {
		height: calc(100% + 15px);
	}

	.seoblock ol li:not(:last-child) {
		margin-bottom: 10px;
	}


	body {
		padding-bottom: 100px;
		padding-top: 62px;
	}

	.map-section h2 {
		text-align: center;
		font-size: 33px;
	}

	.map-section .map-contacts {
		max-width: 350px;
		margin: 0 auto;
	}

	.map-section .contact-info {
		font-size: 16px;
		letter-spacing: 1px;
		align-items: center;
	}

	.map-section .contact-info:not(:last-child) {
		margin-bottom: 30px;
	}

	.map-section .contact-info:nth-child(4) {
		display: none;
	}

	.map-section .contact-info img {
		margin-right: 10px;
	}

	#map-wrapper {
		height: 300px;
		margin-bottom: 30px;
	}

	.reviews .author-info {
		display: none;
	}

	.reviews .author-content {
		font-size: 14px;
	}

	.front-page-section-4 {
		padding: 90px 0 40px;
	}

	.front_icons .item {
		width: 50%;
	}

	.front_icons-section {
		padding: 90px 0 40px;
	}

	.front_icons .item .text {
		font-size: 14px;
	}

	.owl-compare.desktop {
		display: none;
	}

	.owl-compare.mobile {
		display: block;
	}

	.projects .owl-carousel .item img {
		max-height: unset;
		width: 100%;
		border: none;
	}

	.projects__desktop-controls-row {
		text-align: center;
	}

	.projects__desktop-controls {
		display: none;
	}

	.projects h2 {
		text-align: center;
		max-width: 100%;
		width: 100%;
	}

	.projects {
		padding: 50px 0 35px;
		overflow: hidden;
	}

	.projects__mobile-controls {
		display: block;
	}

	.projects h3.mobile {
		display: block;
		text-align: center;
		font-family: 'PT Sans Narrow',sans-serif;
		font-size: 20px;
		margin-bottom: 15px;
	}

	.rs-hide {
		display: none !important;
	}

	.primer-wrap .img-link::before {
		box-shadow: -15px 5px 10px 5px rgb(0 0 0 / 20%);
	}

	.rasschet-wrap {
		height: calc(100vh - 100px);
	}

	#rasschet {
		margin-top: 8vh;
	}

	html, body {
		height: 100%;
	}

	.ab_t_row {
		flex-wrap: wrap;
	}

	.ab_t_row:not(:last-child) {
		margin-bottom: 0;
	}

	.ab_t__item {
		width: 50%;
		margin-bottom: 30px;
		justify-content: flex-start;
	}

	.ab_t_item-title {
		font-size: 14px;
	}


	.ab_t__item-img-wrap img {
		height: 60px;
		width: auto;
	}

	.about-team-icons {
		margin-bottom: 50px;
	}

	.you-can-like-it .owl-item img {
		border-right: none;
	}

	.desktop-socials {
		display: none;
	}

	#blog-page h1, .archive #blog-page h1, h3.title-style {
		text-align: center;
	}

	.post-container .single-fs,
	.post-container .row-even, .post-container .image-link {
		margin: 0;
	} 

	.post-container .single-content {
		margin: 0;
	}

	#mob-design-slider {
		display: block;
	}

	.post-container .image-link.vertical img {
		object-position: center;
	}

	.tags-grid {
		gap: 10px 20px;
	}

	.tags-grid .tag-item {
		font-size: 14px;
	}

	.tags-grid.childs .tag-item {
		font-size: 13px;
	}

	.owl-carousel-video h4 {
		font-size: 20px;
	}

	.video-grid {
		grid-template-columns: 1fr;
	}

	.portfolio-wrap {
		padding-bottom: 100px;
	}

	.accordion-gallery {
		gap: 5px;
	}
}


@media (max-width: 576px) {
	.mobile-hide {
		display: none !important;
	}

	.front-page-section-4 h2, .front-page-section-4 h3 {
		text-align: center;
	}

	.questionary-select p {
		padding-left: 14px;
	}

	.front-page-section-4 input[type="text"]::placeholder {
		text-align: center;
		font-size: 16px;
		height: 50px;
	}

	.front-page-section-4 h4 {
		font-size: 16px;
		text-align: center;
	}

	.front-page-section-4 p {
		font-size: 14px;
	}

	.front-page-section-4>.container>.row>div:not(:last-child) {
		margin-bottom: 28px;
	}

	.irs--flat .irs-handle {
		top: 19px;
		width: 20px;
		height: 20px;
	}

	.irs--flat .irs-from:before, .irs--flat .irs-to:before, .irs--flat .irs-single:before {
		border-top-color: transparent;
	}

	.questionary-who .row > div {
		padding: 0 5px;
	}

	.questionary-who .row {
		margin: 0;
	}

	.questionary-icon-family {
		margin: 20px 0;
	}

	.questionary-icon-family img {
		height: 40px;
		object-fit: contain;
	}

	.projects .owl-carousel .item img:first-of-type {
		border-right: none;
	}

	.reviews .owl-theme .owl-dots .owl-dot span {
		width: 7px;
		height: 7px;
		margin: 4px;
	}

	#fs .fs-bg {
		object-position: 35%;
	}



}

@media (max-width: 599px) {
	#fs h1 {
		font-size: 29px;
		line-height: 32px;
	}
}

@media (max-width: 599px) {
	#fs h2 {
		font-size: 13px;
		line-height: 13px;
	}
}
@media (max-width: 991px) {
	.desktop-socials {
		display: none !important;
	}
}

/* DREAMS — графитовый калькулятор */

/* Заголовки полей */
.rasschet-wrap #rasschet .form-group_title {
    color: #383838;
}

/* Поля ввода */
.rasschet-wrap .select__selected,
.rasschet-wrap #rasschet .text-input {
    color: #383838;
    border-bottom-color: #9a9a96;
}

/* Прозрачная кнопка с прямыми углами */
.rasschet-wrap #rasschet input[type="submit"] {
    color: #383838;
    background: transparent;
    border: 1px solid #383838;
    border-radius: 0;
    box-shadow: none;
    transition: background-color .2s ease;
}

.rasschet-wrap #rasschet input[type="submit"]:hover {
    color: #383838;
    background: rgba(56, 56, 56, 0.06);
}

/* Только мобильная версия */
@media (max-width: 767px) {

    .rasschet-wrap {
        height: auto;
        min-height: 0;
        padding: 32px 20px 36px;
        background-image: none;
        background-color: #f5f5f3;
    }

    .rasschet-wrap #rasschet {
        margin-top: 0;
        margin-bottom: 0;
    }

    .rasschet-wrap #rasschet .form-group_title {
        font-size: 23px;
        line-height: 1.35;
        margin-bottom: 10px;
        white-space: normal;
    }

    .rasschet-wrap #rasschet .form-group {
        margin-bottom: 24px;
    }

    .rasschet-wrap .select__selected,
    .rasschet-wrap #rasschet .text-input {
        font-size: 16px;
        line-height: 38px;color: #9a9a96;
font-weight: 300;
    }

    .rasschet-wrap #rasschet input[type="submit"] {
        min-height: 48px;
        min-width: 190px;
        padding: 10px 22px;
        font-size: 18px;
    }

    .packages {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}


/* DREAMS — шрифты калькулятора */

/* Названия полей */
.rasschet-wrap #rasschet .form-group_title {
    font-family: 'IBM Plex Sans', sans-serif;
    font-size: 28px;
    font-weight: 200;
    color: #383838;
    line-height: 1.3;
}

/* Выберите пакет */
.rasschet-wrap #rasschet .select__selected {
    font-family: 'IBM Plex Sans', sans-serif;
    font-size: 17px;
    font-weight: 300;
    color: #9a9a96;
}

/* Площадь */
.rasschet-wrap #rasschet .text-input {
    font-family: 'IBM Plex Sans', sans-serif;
    font-size: 18px;
    font-weight: 300;
    color: #9a9a96;
}

/* Прозрачная кнопка */
.rasschet-wrap #rasschet input[type="submit"] {
    font-family: 'IBM Plex Sans', sans-serif;
    font-size: 15px;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #383838;
    background: transparent;
    border: 1px solid #383838;
    border-radius: 0;
}

/* Телефон */
@media (max-width: 767px) {
    .rasschet-wrap #rasschet .form-group_title {
        font-size: 23px;
    }

    .rasschet-wrap #rasschet .select__selected {
        font-size: 16px;
    }

    .rasschet-wrap #rasschet .text-input {
        font-size: 17px;
    }
}