@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display&family=Jost:wght@300;400&display=swap');



body {
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-weight: 700;
	color: #29353c;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
ul,
li,
span,
b,
i,
strong,
data {
	font-size: 20px;
	line-height: 24px;
}

a {
	text-decoration: none;
	cursor: pointer;
}

.container {
	width: 90%;
	margin: 0 auto;
	position: relative;
}


.logo img {
	height: 85px;
	width: auto;
	position: absolute;
	left: 0;
	top: 8px;
}


.nav__list {
	display: flex;
	justify-content: right;
}



.nav__item {
	text-align: right;
	padding: 35px 0 35px 40px;

}


.nav__link {
	font-family: 'Jost';
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	line-height: 160%;
	letter-spacing: 0.4px;
	color: #292F36;
}

.nav__link__bur {
	font-family: 'Jost';
	font-style: normal;
	font-weight: 400;
	font-size: 24px;
	line-height: 160%;
	letter-spacing: 0.4px;
	color: #292F36;
}

.nav__link:hover {

	color: #CDA274;
}




.main__text {
	position: absolute;
	bottom: 210px;

}

.main__screen {
	position: relative;
	height: 830px;

}

.main__screen__img {
	height: 830px;
	border-radius: 0px 0px 0px 200px;
	;
}

.main__screen p {
	font-family: 'Jost';
	font-style: normal;
	font-weight: 400;
	font-size: 22px;
	line-height: 33px;
	letter-spacing: 0.22px;
	color: #4D5053;
}

.dreams {
	font-family: 'DM Serif Display';
    font-style: normal;
    font-weight: 400;
    font-size: 50px;
    line-height: 120%;
    letter-spacing: 0.22px;
    color: #292F36;
    margin-bottom: 30px;
}

.title__headline {
	font-family: 'DM Serif Display';
    font-style: normal;
    font-weight: 400;
    font-size: 42px;
    line-height: 120%;
    letter-spacing: 0.22px;
    color: #292F36;
    margin-bottom: 25px;
	text-align: center;
}

.title__second {
	font-family: 'DM Serif Display';
    font-style: normal;
    font-weight: 400;
    font-size: 36px;
    line-height: 120%;
    letter-spacing: 0.22px;
    color: #292F36;
    margin-bottom: 25px;
	text-align: center;
}


.button {
	position: relative;
	background: #292F36;
	border-radius: 18px;
	border: none;
	margin-top: 30px;
	display: inline-flex;
	outline: none;
	height: 72px;
	cursor: pointer;
	box-shadow: 0px 10px 4px #6A6D70;
	transition: 300ms;
}



.button:hover {
	transform: translateY(5px);
	box-shadow: 0px 0px transparent, 0px 5px 10px rgba(0, 0, 0, 0.25);
	background: #244c69;

}

.button:focus {
	outline: none;
}



.button__img {
	display: inline-flex;
	align-items: center;
	padding: 18px 22px;

}


.button__text {
	font-family: 'Jost';
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	letter-spacing: 0.72px;
	color: #FFFFFF;
	padding: 22px 22px 22px 42px;
}



.space__around {
	display: flex;
	justify-content: space-around;
}

.space__between {
	display: flex;
	justify-content: space-between;
}

.advantages {
	margin-top: 75px;
	margin-bottom: 75px;

}


.advantages h2 {
	font-family: 'DM Serif Display';
	font-style: normal;
	font-weight: 400;
	font-size: 24px;
	line-height: 32px;
	color: #292F36;
	margin: 15px 0 25px 0;
	text-align: center;
}

.advantages P {
	font-family: 'Jost';
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 32px;
	text-align: center;
	color: #4D5053;
	padding: 0 25px 0 25px;
}

.advantages__image {
	display: flex;
	justify-content: center;

}

.advantages__image img {
	height: 71px;
	width: auto;

}



.about {
	margin-top: 100px;
}

.about h3 {
	font-family: 'DM Serif Display';
	font-style: normal;
	font-weight: 400;
	font-size: 42px;
	line-height: 120%;
	letter-spacing: 0.22px;
	color: #292F36;
	margin-bottom: 25px;
}

.about__text__right {
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 180%;
	text-align: right;
    margin-left: 40px;
    font-family: 'Jost';
    color: #4F4F4F;
    
}

.about__text__left {
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 180%;
    margin-right: 40px;
    text-align: left;
    font-family: 'Jost';
    color: #4F4F4F;
    }

.about__p {
	font-family: 'Jost';
	font-style: normal;
	font-weight: 400;
	font-size: 24px;
	line-height: 160%;
	letter-spacing: 0.22px;
	color: #4D5053;
	padding-right: 100px;
}




.about__image {

	height: 600px;
	width: auto;
	border-radius: 25px 0 25px 0;
	box-sizing: border-box;


}

.about__image__place {
	text-align: right;
}


.services {
	margin: 0 0 100px 0;
}

.services h3 {
	font-family: 'DM Serif Display';
	font-style: normal;
	font-weight: 400;
	font-size: 42px;
	line-height: 120%;
	letter-spacing: 0.22px;
	color: #292F36;
	margin-bottom: 25px;
	text-align: center;
}


.services__text {
	font-family: 'Jost';
	font-style: normal;
	font-weight: 400;
	font-size: 22px;
	line-height: 33px;
	text-align: center;
	letter-spacing: 0.22px;
	color: #4D5053;
	margin-bottom: 50px;
}

.services__block {
	border: 1px solid #E7E7E7;
	border-radius: 62px;
	padding: 20px;
	position: relative;
}



.services__block h3 {
	font-family: 'DM Serif Display';
	font-style: normal;
	font-weight: 400;
	font-size: 24px;
	line-height: 32px;
	text-align: center;
	letter-spacing: 0.5px;
	color: #292F36;
	margin: 15px 0 100px 0;
}


.services__items img {
	border-radius: 25px;
	margin-bottom: 50px;

}

.about__img {
	border-radius: 25px;
	margin-bottom: 50px;
	width: auto;
	height: 500px;
}



.steps img {
	border-radius: 25px;
	margin-bottom: 50px;
	height: 400px;
	box-sizing: border-box;
}



.cta {
	position: absolute;
	margin: 15px;
	padding: 12px 18px;
	transition: all 0.2s ease;
	border: none;
	background: none;
	bottom: 35px;
	cursor: pointer;

}

.cta:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	border-radius: 50px;
	background: #F4F0EC;
	;
	width: 45px;
	height: 45px;
	transition: all 0.3s ease;
}

.cta span {
	position: relative;
	font-family: 'Jost';
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	letter-spacing: 0.72px;
	color: #4D5053;
}

.cta svg {
	position: relative;
	top: 0;
	margin-left: 10px;
	fill: none;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke: #292F36;
	stroke-width: 2;
	transform: translateX(-5px);
	transition: all 0.3s ease;
}

.cta:hover:before {
	width: 100%;
	background: #b1dae7;
}

.cta:hover svg {
	transform: translateX(0);
}

.cta:active {
	transform: scale(0.95);
}

.cta__2 {
	position: absolute;
	margin: 25px;
	padding: 12px 18px;
	transition: all 0.2s ease;
	border: none;
	background: none;
	bottom: 105px;
	cursor: pointer;

}



.cta__2:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	border-radius: 50px;
	background: #F4F0EC;
	;
	width: 45px;
	height: 45px;
	transition: all 0.3s ease;
}

.cta__2 span {
	position: relative;
	font-family: 'Jost';
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	letter-spacing: 0.72px;
	color: #4D5053;
}

.cta__2 svg {
	position: relative;
	top: 0;
	margin-left: 10px;
	fill: none;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke: #292F36;
	stroke-width: 2;
	transform: translateX(-5px);
	transition: all 0.3s ease;
}

.cta__2:hover:before {
	width: 100%;
	background: #b1dae7;
}

.cta__2:hover svg {
	transform: translateX(0);
}

.cta__2:active {
	transform: scale(0.95);
}


.tariff {
	margin: 100px 0 100px 0;
}

.tariff__block {
	background: #F4F0EC;
	border-radius: 70px;
}


.border {
	border-right: 1px solid #000000;
}


.tariff__section {
	background-color: #fff;
	border-radius: 30px;
	margin: 0 0 35px 0;
	position: relative;
	padding-bottom: 190px;
}

.tariff__section__serv {
	background-color: #fff;
	border-radius: 30px;
	margin: 25px 0 25px 0;
	position: relative;
	padding-bottom: 85px;
}

.tariff__title {
	padding: 25px 0 20px 0px;
	font-family: 'DM Serif Display';
	font-style: normal;
	font-weight: 400;
	font-size: 25px;
	line-height: 38px;
	text-align: center;
	letter-spacing: 0.22px;

	color: #292F36;
}

.tariff__title__serv {
	font-family: 'DM Serif Display';
	font-style: normal;
	font-weight: 400;
	font-size: 25px;
	line-height: 38px;
	text-align: center;
	letter-spacing: 0.22px;
	color: #292F36;
	height: 8vh;
	padding-top: 25px;
}

.tariff__type {
	font-family: 'DM Serif Display';
	font-style: normal;
	font-weight: 400;
	font-size: 42px;
	line-height: 120%;
	text-align: center;
	letter-spacing: 0.22px;
	color: #292F36;
	padding: 25px 0 25px 0;


}

.tariff__block li {
	font-size: 20px;
	padding: 0 0 6px 25px;
	font-family: 'Jost';
	font-style: normal;
	font-weight: 450;
	letter-spacing: 0.22px;
	line-height: 30px;
}

.button__2 {
	position: absolute;
	background: #292F36;
	border-radius: 18px;
	border: none;
	bottom: 45px;
	display: inline-flex;
	outline: none;
	height: 50px;
	cursor: pointer;
	box-shadow: 0px 6px 4px #6A6D70;
	transition: 300ms;
}



.button__2:hover {
	transform: translateY(5px);
	box-shadow: 0px 0px transparent, 0px 5px 6px rgba(0, 0, 0, 0.25);
	background: #244c69;
}

.button__2:focus {
	outline: none;
}



.button__3 {
	position: absolute;
	background: #CDA274;
	border-radius: 18px;
	border: none;
	bottom: 45px;
	display: inline-flex;
	outline: none;
	height: 72px;
	cursor: pointer;

}

.button__3:hover {
	background-color: #DBB07F;
}


.button__img__2 {
	display: inline-flex;
	align-items: center;
	padding: 12px 18px 12px 0;

}

.button__img__3 {
	display: inline-flex;
	align-items: center;
	padding: 18px 15px 18px 0;

}

.button__text__2 {
	font-family: 'Jost';
	font-style: normal;
	font-weight: 400;
	font-size: 13px;
	line-height: 19px;
	letter-spacing: 0.509202px;
	color: #FFFFFF;
	padding: 15px 25px;
}

.button__text__3 {
	font-family: 'Jost';
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 27px;
	text-align: center;
	letter-spacing: 0.22px;
	color: #fff;
	padding: 22px 40px;
}

.button-wrapper {
	display: flex;
	justify-content: center;
}





.steps {
	margin-top: 100px;
}

.steps__title {
	font-weight: 400;
	font-size: 42px;
	line-height: 120%;
	letter-spacing: 0.22px;
	font-family: 'DM Serif Display';
	color: #292F36;
	text-align: center;
	padding-bottom: 50px;

}



/* Раздел Вопросы */

.aks-accordion {
	width: 100%;
	margin: 0 auto;
}



.aks-accordion-item {
	width: 100%;
	border-bottom: 1px solid #e0e0e0;
	padding-top: 20px;
	padding-right: 5px;
	padding-bottom: 12px;
	padding-left: 5px;
	cursor: pointer;
}

.aks-accordion-item-row {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.aks-accordion-item-icon {
	width: 25px;
	height: 25px;
	background: #252525;
	border-radius: 9999px;
	cursor: pointer;
	user-select: none;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 1rem;
	text-align: center;
}

.aks-accordion-item-icon svg {
	width: 15px;
	fill: white;
	margin: 0 auto;
}

.aks-accordion-item-title {
	width: 90%;
	text-align: left;
	line-height: 1.5;
	display: flex;
	align-items: center;
}

.aks-accordion-item-title h4 {
	font-size: 24px;
	font-weight: 500;
	font-family: 'DM Serif Display';
	color: #292F36;
}

.aks-accordion-item-content {
	display: none;
	width: 100%;
	padding-top: 12px;
	padding-right: 8px;
	padding-bottom: 0;
	padding-left: 42px;
	overflow: hidden;
	word-break: break-word;
	width: 88%;
	text-align: left;
	line-height: 1.5;
}

.aks-accordion-item-content p {
	font-size: 20px;
	font-family: 'Jost';
	font-style: normal;
	font-weight: 400;
	line-height: 33px;
	letter-spacing: 0.22px;
	color: #4D5053;
}

.aks-accordion-item.opened .aks-accordion-item-icon-open {
	display: none;
}

.aks-accordion-item-icon-close {
	display: none;
}

.aks-accordion-item.opened .aks-accordion-item-icon-close {
	display: block;
}

@media screen and (max-width: 500px) {
	.aks-accordion {
		width: 100%;
	}

	.aks-accordion-item-content {
		padding-left: 11px;
		width: 92%;
	}



}

[data-ripple] {
	position: relative;
	overflow: hidden;
}

.ripple-effect {
	position: absolute;
	border-radius: 9999px;
	animation: ripple-animation 2s;
}



@keyframes ripple-animation {
	from {
		transform: scale(1);
		opacity: 0.4;
	}

	to {
		transform: scale(100);
		opacity: 0;
	}


}

/* Раздел портфолио */

.hero-slider {
	width: 100%;
	height: 700px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	z-index: 0;
	margin-bottom: 20px;
}

@media (max-width: 991px) {
	.hero-slider {
		height: 600px;
	}
}

@media (max-width: 767px) {
	.hero-slider {
		height: 500px;
	}
}

.hero-slider .swiper-slide {
	overflow: hidden;
	color: #fff;
}

.hero-slider .swiper-container {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 25px;
}

.hero-slider .slide-inner {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	background-size: cover;
	background-position: center;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: left;
	border-radius: 25px;
}

.hero-slider .swiper-button-prev,
.hero-slider .swiper-button-next {
	background: transparent;
	width: 55px;
	height: 55px;
	line-height: 53px;
	margin-top: -30px;
	text-align: center;
	border: 2px solid #d4d3d3;
	border-radius: 55px;
	opacity: 0;
	visibility: hidden;
	transition: all .3s ease;
}

.hero-slider:hover .swiper-button-prev,
.hero-slider:hover .swiper-button-next {
	transform: translateX(0);
	opacity: 1;
	visibility: visible;
}



.hero-slider .swiper-button-prev {
	left: 25px;
	transform: translateX(50px);
}

.hero-slider .swiper-button-prev:before {
	font-family: "Font Awesome 5 Free";
	content: "\f060";
	font-size: 15px;
	color: #d4d3d3;
	font-style: normal;
	display: inline-block
}

.hero-slider .swiper-button-next {
	right: 25px;
	transform: translateX(-50px);
}

.hero-slider .swiper-button-next:before {
	font-family: "Font Awesome 5 Free";
	content: "\f061";
	font-size: 15px;
	color: #d4d3d3;
	font-style: normal;
	display: inline-block
}

.hero-slider .swiper-pagination-bullet {
	width: 12px;
	height: 12px;
	text-align: left;
	line-height: 12px;
	font-size: 12px;
	color: #000;
	opacity: 0.3;
	background: #fff;
	transition: all .2s ease;
}

.hero-slider .swiper-pagination-bullet-active {
	opacity: 1;
}

.hero-slider .swiper-container-horizontal>.swiper-pagination-bullets,
.hero-slider .swiper-pagination-custom,
.hero-slider .swiper-pagination-fraction {
	bottom: 30px;

}

@media screen and (min-width: 992px) {}

.swiper-pagination {
	text-align: left;
}

.hero-slider .swiper-container-horizontal>.swiper-pagination-bullets {
	bottom: 50px;
	max-width: 1200px;
	text-align: center;
	padding: 0 15px;
	margin: 0 auto;
	left: 50%;
	transform: translateX(-50%);
}

@media (min-width: 767px) {
	.hero-slider .swiper-container-horizontal>.swiper-pagination-bullets {
		bottom: 30px;

	}
}

/*--------------------------------------------------------------
	  #hero-style
  --------------------------------------------------------------*/
.hero-style {
	height: 700px;
	transition: all .4s ease;
}

@media (max-width: 991px) {
	.hero-style {
		height: 600px;
	}
}

@media (max-width: 767px) {
	.hero-style {
		height: 500px;
	}
}

@media screen and (min-width: 992px) {
	.hero-style .container {
		padding-top: 95px;
	}
}

.hero-style .slide-title,
.hero-style .slide-text,
.hero-style .slide-btns {
	max-width: 690px;
}

.hero-style .slide-title h2 {
	font-size: 100px;
	font-weight: 600;
	line-height: 1;
	color: #ffffff;
	margin: 0 0 40px;
	text-transform: capitalize;
	transition: all .4s ease;
}

@media (max-width: 1199px) {
	.hero-style .slide-title h2 {
		font-size: 75px;
	}
}

@media (max-width: 991px) {
	.hero-style .slide-title h2 {
		font-size: 50px;
		margin: 0 0 35px;
	}
}

@media (max-width: 767px) {
	.hero-style .slide-title h2 {
		font-size: 35px;
		margin: 0 0 30px;
	}
}

.hero-style .slide-text p {
	opacity: 0.8;
	font-family: Rajdhani;
	font-size: 32px;
	font-weight: 500;
	line-height: 1.25;
	letter-spacing: normal;
	color: #ffffff;
	margin: 0 0 40px;
	transition: all .4s ease;
}

@media (max-width: 767px) {
	.hero-style .slide-text p {
		font-size: 16px;
		font-size: 1rem;
		font-weight: normal;
		margin: 0 0 30px;
	}
}

.hero-style .slide-btns>a:first-child {
	margin-right: 10px;
}

.tittle__center {
	font-family: 'DM Serif Display';
	font-style: normal;
	font-weight: 400;
	font-size: 42px;
	line-height: 120%;
	text-align: center;
	letter-spacing: 0.22px;
	color: #292F36;
	margin-bottom: 50px;
}


/* Раздел Звонок */


.call__block {
	background: #292F36;
	border-radius: 70px;
	position: relative;
	margin: 100px 0;
}



.call__block h4 {
	font-family: 'DM Serif Display';
	font-style: normal;
	font-weight: 400;
	font-size: 50px;
	line-height: 75px;
	text-align: center;
	letter-spacing: 0.22px;
	color: #FFFFFF;
	margin: 100px 0 10px 0;
}

.call__block p {
	font-family: 'Jost';
	font-style: normal;
	font-weight: 400;
	font-size: 22px;
	line-height: 33px;
	text-align: center;
	letter-spacing: 0.22px;
	color: #FFFFFF;
	margin-bottom: 150px
}

.about__title {
	font-family: 'DM Serif Display';
	font-style: normal;
	font-weight: 400;
	font-size: 50px;
	line-height: 120%;
	letter-spacing: 0.22px;
	color: #292F36;
	margin-bottom: 50px;
}


.count__input {
	font-size: 16px;
	padding: 22px 15px 22px 15px;
	border: 2px solid #292F36;
	box-shadow: 1px 0px 18px rgba(0, 0, 0, 0.2);
	border-radius: 18px;
	width: 100%;
	box-sizing: border-box;
	font-family: 'Jost';
}

.count__input {
	font-size: 16px;
	padding: 22px 15px 22px 15px;
	border: 2px solid #292F36;
	box-shadow: 1px 0px 18px rgba(0, 0, 0, 0.2);
	border-radius: 18px;
	width: 100%;
	box-sizing: border-box;
	font-family: 'Jost';
	position: relative;
}

.count__input__button {
	font-size: 16px;
	padding: 22px 15px 22px 15px;
	background: #292F36;
	box-shadow: 1px 0px 18px rgba(0, 0, 0, 0.2);
	border-radius: 18px;
	width: 100%;
	box-sizing: border-box;
	font-family: 'Jost';
	color: white;
	cursor: pointer;
}

.count h2 {
	font-family: 'DM Serif Display';
	font-style: normal;
	font-weight: 400;
	font-size: 42px;
	line-height: 170%;
	text-align: center;
	letter-spacing: 0.22px;
	color: #292F36;
	margin-bottom: 25px;
}





.cost {
	margin: 50px 0 50px 0;
	display: flex;
	justify-content: center;
}

#cost {
	font-family: 'Jost';
	font-style: normal;
	font-weight: 400;
	font-size: 36px;
	line-height: 120%;
	text-align: center;
	letter-spacing: 0.22px;
	color: #292F36
}

.select {

	font-family: 'Jost';
	font-size: 16px;
	border: #FFFFFF;

}

.version {
	padding-right: 15px;


}


.checkbox {
	border: 2px solid #292F36;
	width: 16px;
	height: 16px;
}


.faq {
	margin-top: 100px;
}

.footer {
	background: #F4F0EC;
}

.footer__logo img {
	height: 85px;
	width: auto;
	margin: 50px 0 25px 0;
}

.footer__description h6 {
	font-family: 'Jost';
	font-style: normal;
	font-weight: 400;
	font-size: 22px;
	line-height: 33px;
	letter-spacing: 0.22px;
	color: #292F36;
	margin: 0 25px 25px 0;
}

.icons {
	margin-right: 35px;
	cursor: pointer;
	color: #292F36;
	justify-content: center;
}

.contact__icons {
	cursor: pointer;
	color: #292F36;
	justify-content: center;
	
}



.footer h5 {
	font-family: 'DM Serif Display';
	font-style: normal;
	font-weight: 400;
	font-size: 28px;
	line-height: 140%;
	letter-spacing: 0.22px;
	color: #292F36;
	margin: 50px 0 25px 0;
	
}

.footer li {
	font-family: 'Jost';
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	line-height: 30px;
	letter-spacing: 0.4px;
	color: #292F36;
	margin-bottom: 25px;
}

.footer li:hover {
	color: #CDA274;
}



.Copyright {
	padding: 35px 0 35px 0;
	text-align: center;
	font-family: 'Jost';
	font-style: normal;
	font-weight: 400;
	font-size: 22px;
	line-height: 33px;
	letter-spacing: 0.22px;
	color: #292F36;
}


/* кнопка наверх */


.upbtn {
	opacity: 0.8;
	z-index: 9999;
	width: 50px;
	height: 50px;
	position: fixed;
	bottom: -80px;
	right: 20px;
	cursor: pointer;

	transition: all .7s ease-in-out;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(../img/arrow.png);

}

.upbtn:hover {
	opacity: 0.9;

}

/* Калькулятор */


.grid {
	display: grid;
	grid-template: repeat(3, 1fr) / repeat(4, 1fr);
	grid-gap: 25px;

}


.grid__element__res {
	grid-column-start: 3;
	grid-column-end: 5;
	grid-row-start: 2;
	grid-row-end: 4;
}


@media screen and (max-width: 767px) {
	.grid {
		display: block;


	}

}




.count__type {
	background: #FFFFFF;
	border: 2px solid #292F36;
	box-shadow: 1px 0px 18px rgba(0, 0, 0, 0.2);
	border-radius: 18px;
	padding: 22px 0;
	position: relative;
	margin-bottom: 50px;
}

.count__type__label {
	padding-left: 30px;
	font-family: 'Jost';
	font-style: normal;
	font-weight: 400;
	font-size: 22px;
	line-height: 32px;
	letter-spacing: 0.22px;
	color: #4D5053;
}


.count__type input {
	position: absolute;
	top: 27px;
	right: 30px;
	width: 15px;
	height: 15px;

}

.count__range {
	border: 2px solid #292F36;
	box-shadow: 1px 0px 18px rgba(0, 0, 0, 0.2);
	border-radius: 18px;
	height: 71px;
	padding-top: 18px;
	margin-bottom: 50px;
}

.inputRange {
	width: 80%;
}

.count__inputrange {
	display: flex;
	justify-content: center;

}

.count__number {
	display: flex;
	justify-content: center;
}

.inputNumber {
	text-align: center;
	border: none;
	width: 80%;
}

.count__text {
	font-family: 'DM Serif Display';
	font-style: normal;
	font-weight: 400;
	font-size: 24px;
	line-height: 120%;
	letter-spacing: 0.22px;
	color: #292F36;
	padding-top: 25px;
}

.count__text__first {
	font-family: 'DM Serif Display';
	font-style: normal;
	font-weight: 400;
	font-size: 24px;
	line-height: 120%;
	letter-spacing: 0.22px;
	color: #292F36;
	padding-top: 25px;
}



.count__author {
	font-family: 'DM Serif Display';
	font-style: normal;
	font-weight: 400;
	font-size: 28px;
	line-height: 120%;
	letter-spacing: 0.22px;
	color: #292F36;
	padding-top: 15px;
}

.count__text__2 {
	font-family: 'DM Serif Display';
	font-style: normal;
	font-weight: 400;
	font-size: 24px;
	line-height: 120%;
	letter-spacing: 0.22px;
	color: #292F36;
	padding-top: 25px;
	margin-right: 12%;

}

.count__result {
	border: 2px solid #292F36;
	box-shadow: 1px 0px 18px rgba(0, 0, 0, 0.2);
	border-radius: 0px 18px;
	margin-bottom: 50px;

}

#totalPrice {
	text-decoration: line-through;
	font-family: 'DM Serif Display';
	font-style: normal;
	font-weight: 400;
	font-size: 28px;
	line-height: 120%;
	text-align: center;
	letter-spacing: 0.22px;
	color: #292F36;
}


.count__result__text {
	font-family: 'DM Serif Display';
	font-style: normal;
	font-weight: 400;
	font-size: 22px;
	line-height: 120%;
	letter-spacing: 0.22px;
	color: #292F36;
	margin: 25px 0 20px 25px;
	text-align: center;
}




.count__result__discount {
	font-family: 'DM Serif Display';
	font-style: normal;
	font-weight: 400;
	font-size: 22px;
	line-height: 120%;
	text-align: center;
	letter-spacing: 0.22px;
	color: #292F36;
}

.count__action {
	font-family: 'DM Serif Display';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 120%;
	text-align: center;
	letter-spacing: 0.22px;
	color: #292F36;
	padding: 10px 0 10px 0;
}

.count__result__discount span {
	font-family: 'DM Serif Display';
	font-style: normal;
	font-weight: 400;
	font-size: 26px;
	line-height: 120%;
	letter-spacing: 0.22px;
	color: #C5137E
}

#discountPrice {
	font-family: 'DM Serif Display';
	font-style: normal;
	font-weight: 400;
	font-size: 32px;
	line-height: 120%;
	text-align: center;
	letter-spacing: 0.22px;
	color: #292F36;

}


.filters {
	text-align: center;
	margin-bottom: 2rem;


}

.filters label {
	padding: 18px 0 18px 0;
	width: 16%;
	margin-bottom: 0.25rem;
	border-radius: 2rem;
	line-height: normal;
	cursor: pointer;
	transition: all 0.1s;
	background: #F2F2F2;
	border-radius: 18px;
}

.filters div:hover {
	background: #292F36;
	color: #FFFFFF;
}


/* FILTERED ELEMENTS (POSTS)
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.posts {
	display: grid;
	grid-gap: 1.5rem;
	grid-template-columns: repeat(3, 1fr);
}







.portfolio__img {
	border-radius: 15px;
	height: 300px;
}

.project__img {
	padding-bottom: 25px;
}

.project__img img {
	border-radius: 10px;

}

.posts {
	margin-bottom: 0.75rem;
	font-size: 0.75rem;
}

.posts * {
	display: inline-block;
}


/* FILTERING RULES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
[value="All"]:checked~.filters [for="All"],
[value="loft"]:checked~.filters [for="loft"],
[value="scandi"]:checked~.filters [for="scandi"],
[value="provance"]:checked~.filters [for="provance"],
[value="modern__classic"]:checked~.filters [for="modern__classic"],
[value="modern"]:checked~.filters [for="modern"] {
	background: #292F36;
	color: #FFFFFF;
}


[value="loft"]:checked~.posts .post:not([data-category~="loft"]),
[value="scandi"]:checked~.posts .post:not([data-category~="scandi"]),
[value="provance"]:checked~.posts .post:not([data-category~="provance"]),
[value="modern__classic"]:checked~.posts .post:not([data-category~="modern__classic"]),
[value="modern"]:checked~.posts .post:not([data-category~="modern"]) {
	display: none;
}




.breads {
	padding-top: 10px;
	margin-bottom: 35px;
}

.breads__list {
	display: flex;
}


.breads__span {
	font-family: 'jost';
	font-size: 18px;
	color: #4D5053;
	margin-right: 30px;
	font-weight: 400;
}

.breads__span__last {
	font-family: 'jost';
	font-size: 18px;
	color: #292F36;
	font-weight: 500;
}


.breads__span::after {
	content: "/";
	position: relative;
	right: -15px;
}


.project__discription {
	font-family: 'Jost';
	font-style: normal;
	font-weight: 300;
	font-size: 24px;
	line-height: 147.19%;
	/* or 35px */
	color: #292F36;
}

.project__name {
	font-family: 'DM Serif Display';
	font-style: normal;
	font-weight: 400;
	font-size: 36px;
	line-height: 49px;
	color: #292F36;
}

.project__title {
	padding: 50px 0;
	
}


#All,
#scandi,
#provance,
#modern,
#modern__classic,
#loft {
	position: absolute;
	left: -9999px;
}

table {
	width: 100%;
	border-radius: 15px;


}



.table__center {
	font-size: 28px;
	text-align: center;
	padding: 25px 0 25px 0;
	font-family: 'DM Serif Display';
	font-style: normal;
	font-weight: 400;
	color: #292F36;

}


.service__section__mobile {
	border-radius: 25px;
	padding-bottom: 25px;
	background-color: #F4F0EC;

}


.first__col {
	width: 40%;
	padding-left: 35px;
}

.second__col {
	width: 20%;
}

.third__col {
	width: 20%;

}

.fourth__col {
	width: 20%;
}




.center {
	text-align: center;
}

.detail__serv {

	margin-top: 50px;
}

thead th {
	font-size: 24px;
	line-height: 32px;
	text-align: left;
	padding: 35px 0 35px 0;
	font-family: 'DM Serif Display';
	font-style: normal;
	font-weight: 400;
	color: #292F36;


}


tfoot td {
	text-align: center;
	padding-top: 25px;
	padding-bottom: 25px;
}

table td {
	font-size: 22px;
	color: #4D5053;
	font-weight: 400;
	vertical-align: middle;
	font-family: 'Jost';
	line-height: 36px;
}

.service__section {
	border-radius: 25px;
	padding-bottom: 25px;
	margin-bottom: 50px;
	background-color: #F4F0EC;

}

.service__title__name {
	font-weight: 400;
	font-size: 32px;
	line-height: 130%;
	text-align: center;
	letter-spacing: 0.22px;
	color: #292F36;
	font-family: 'DM Serif Display';
	padding-top: 35px;
}

.contacts {
	margin-bottom: 100px;
}

.contact__input {
	padding: 18px 0 18px 30px;
	width: 100%;
	margin-top: 10px;
	box-sizing: border-box;
	border-radius: 15px;
	color: #4D5053;
	font-family: 'jost';
	font-size: 18px;
}



.contact__name {
	font-family: 'DM Serif Display';
	font-style: normal;
	font-weight: 300;
	font-size: 24px;
	line-height: 28px;
	color: #292F36;
	padding-bottom: 10px;
	padding-top: 20px;
	text-align: center;
}

.contact__txt {
	font-family: 'jost';
	font-size: 18px;
	color: #4D5053;
	font-style: normal;
	font-weight: 400;
	line-height: 35px;
	margin-bottom: 50px;
	text-align: center;
}

.contact__block__left {
	margin: 0 25px 20px 0;
	width: 413px;
}

.contact__block__left label,
.contact__block__right label,
.contact__block__center label {
	font-family: 'DM Serif Display';
	color: #292F36;
	font-style: normal;
	font-weight: 300;
	font-size: 24px;
}

.contact__block__right {
	margin: 0 0 20px 25px;
	width: 413px;

}

.contact__block__center {
	width: 876px;
	margin-bottom: 20px;
}

.margin__top__50 {
	margin-top: 50px;
}


/* кнопка связи */
.demo-container {
	position: fixed;
	bottom: 130px;
	right: 75px;
	z-index: 999;
	opacity: 0.8;
}

.demo-container:hover {
	opacity: 0.9;
}

.social__button,
.soc-but {
	width: 60px;
	height: 60px;

}

.social__button {
	background: #042037;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 25px;
	color: white;
}

.social__button:hover .fb {
	transform: rotateY(180deg);
}

.social__button:hover .tw {
	transform: rotateY(-180deg);
}

.social__button:hover .gp {
	transform: rotateX(180deg);
}

.social__button:hover .vk {
	transform: rotateX(-180deg);
}

.soc-but {
	position: absolute;
	left: 0;
	top: 0;
	transition: transform 0.4s ease;
	transform-style: preserve-3d;
}

.back {
	width: 100%;
	height: 100%;
	backface-visibility: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 3.5rem;
	color: white;
	text-decoration: none;
}




.vk .back,
.gp .back {
	transform: rotateX(180deg);
}

.tw .back,
.fb .back {
	transform: rotateY(180deg);
}

.fb .back {
	background: #3b5998;
}

.vk .back {
	background: #DE2D73;
}

.tw .back {
	background: #34ABDF;
}

.gp .back {
	background: #33CF6A;
}

.fb,
.vk {
	transform-origin: 0% 0%;
}

.gp,
.tw {
	transform-origin: 100% 100%;
}

.tw {
	transition-delay: 0.1s;
	transform: rotateY(-90deg);
}

.gp {
	transition-delay: 0.2s;
	transform: rotateX(90deg);
}

.vk {
	transform: rotateX(-90deg);
}

.fb {
	transition-delay: 0.3s;
	transform: rotateY(90deg);
}


.servises__item__img {

	width: auto;
	height: 650px;
	margin-bottom: 50px;
	border-radius: 15px;
	object-fit: contain;

}

.services__image {
	border-radius: 45px 45px 0 0;
}

.servises__item__main {
	height: 550px;
	width: 100%;
	border-radius: 25px;
}

.servises__item__text {
	display: flex;
	align-items: center;
}



.service__title__right {
	font-style: normal;
	font-weight: 600;
	font-size: 28px;
	line-height: 140%;
	text-align: right;
	margin: 0 0 25px 40px;
	font-family: 'DM Serif Display';
	color: #292F36;

}

.service__text__right {
	font-style: normal;
	font-weight: 400;
	font-size: 22px;
	line-height: 160%;
	margin-left: 40px;
	font-family: 'Jost';
	color: #4F4F4F;
	text-align: right;

}

.service__title__left {
	text-align: left;
	font-style: normal;
	font-weight: 600;
	font-size: 28px;
	line-height: 140%;
	text-align: left;
	margin: 0 40px 25px 0;
	font-family: 'DM Serif Display';
	color: #292F36;
	

}


.service__text__left {
	font-style: normal;
	font-weight: 400;
	font-size: 22px;
	line-height: 160%;
	margin-right: 40px;
	text-align: left;
	font-family: 'Jost';
	color: #4F4F4F;
	
}

.about__why {
	font-style: normal;
	font-weight: 400;
	font-size: 22px;
	line-height: 160%;
	margin-right: 40px;
	text-align: left;
	font-family: 'Jost';
	color: #4F4F4F;
	
}

.title__text {

	font-style: normal;
	font-weight: 400;
	font-size: 22px;
	line-height: 160%;
	font-family: 'Jost';
	color: #4F4F4F;
	text-align: center;
	margin-bottom: 50px;

}

.services__types {
	font-style: normal;
	font-weight: 500;
	font-size: 36px;
	line-height: 170%;
	font-family: 'DM Serif Display';
	color: #292F36;
	margin: 25px 0;
}

.services__types::before{
	content: '';
	display: block;
    height: 1px; 
	width: 400px;
    background:#292F36;
	position: relative;
	top: 36px;
	left: 380px;
	
}




.our__team {
	font-style: normal;
	font-weight: 500;
	font-size: 36px;
	line-height: 170%;
	font-family: 'DM Serif Display';
	color: #292F36;
	margin: 75px 0;
}

.our__team::before{
	content: '';
	display: block;
    height: 1px; 
	width: 400px;
    background:#292F36;
	position: relative;
	top: 36px;
	left: 280px;
	
}




.about__advantage {
	font-family: 'DM Serif Display';
	font-style: normal;
	font-weight: 400;
	font-size: 24px;
	line-height: 32px;
	color: #292F36;
	margin: 15px 0 25px 0;
	text-align: center;
}

.contact__icons {
	text-align: center;
}


.about__types {
    font-style: normal;
    font-weight: 500;
    font-size: 28px;
    font-family: 'DM Serif Display';
    color: #292F36;
    margin: 50px 25px 25px 0;
}






@media screen and (max-width: 1400px) {
	.about__image {
		height: 500px;
			}
	
	
	.service__text__right {
		font-size: 20px;
		line-height: 150%;
		margin-left: 30px;

	}

	.service__text__left {
		font-size: 20px;
		line-height: 150%;
		margin-right: 30px;

	}

	.about__img {
		
		height: 450px;
	}


}


@media screen and (max-width: 1300px) {
	.about__p {
		padding-right: 50px;
			}

}


@media screen and (max-width: 1199px) {
	.about__p {
		
		padding-right: 0px;
		font-size: 20px;
	}
	
	.about__image {
		height: 450px;
			}
	
	.service__text__right {
		font-size: 18px;
		line-height: 150%;
		margin-left: 30px;

	}

	.service__text__left {
		font-size: 18px;
		line-height: 150%;
		margin-right: 30px;

	}

	.services__items img {
		height: 500px;

	}

	.count__type__label {
		font-size: 16px;
		line-height: 26px;
			}

	.count__type__label {
		padding-left: 20px;

	}

	.about__img {
		
		height: 400px;
	}

}




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


.service__text__right {
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 150%;
	margin-left: 20px;
	font-family: 'Jost';
	color: #4F4F4F;
	text-align: right;

}




.service__text__left {
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 150%;
	margin-right: 20px;
	text-align: left;
	font-family: 'Jost';
	color: #4F4F4F;
	
}

}


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

	
	
		.cta {
			margin: 10px;
			
		}

		.cta__2 {
		
			margin: 15px;
			
		}
		
		.contacts {
			margin-bottom: 75px;
		}
		
		.call__block {
			
			margin: 75px 0;
		}
		
		.faq {
			margin-top: 75px;
		}
		
		.steps img {
			height: 300px;
		}
		
		.steps {
			margin-top: 75px;
		}
		
		.tariff {
			margin: 75px 0 75px 0;
		}
		
		.services {
			margin: 0 0 75px 0;
		}
		
		.about {
			margin-top: 75px;
		}
		
		.advantages {
			margin-top: 75px;
			margin-bottom: 75px;
		}
		
		.advantages P {
			font-family: 'Jost';
			font-style: normal;
			font-weight: 400;
			font-size: 16px;
			line-height: 28px;
			text-align: center;
			color: #4D5053;
			padding: 0 15px 25px 15px;
		}

		.services__types::before{
			content: '';
			display: block;
			height: 1px; 
			width: 200px;
			background:#292F36;
			position: relative;
			top: 36px;
			left: 380px;
			
		}
		
		
		.about__text__right {
			font-size: 16px;
			line-height: 160%;
			margin-left: 25px;}
			
		
		.about__text__left {
			font-size: 16px;
			line-height: 160%;
			margin-right: 25px;
			
			}
		
		
		.about__img {
			border-radius: 25px;
			margin-bottom: 50px;
			width: auto;
			height: 400px;
		}
		
		
		.posts {
			display: grid;
			grid-gap: 1.5rem;
			grid-template-columns: 1fr 1fr;
		}
	
		.filters label {
			width: 32%;
			margin-bottom: 10px;
	
		}
		
		
		.about__p {
			font-size: 16px;
			line-height: 160%;
		}

		.about__image {
			height: 330px;

		}

		thead th {
			font-size: 20px;
			line-height: 30px;



		}

		table td {
			font-size: 18px;
			line-height: 28px;

		}

		.services__items img {
			height: 500px;

		}

		

		.count__type__label {
			padding-left: 0px;
			text-align: center;
	
		}

		.services__block h3 {
			font-size: 22px;
			line-height: 32px;
			
		}

	}





	@media screen and (min-width: 767.98px)  and (max-width: 991px) {


		.count__type input {
			position: absolute;
			top: 60px;
			left: 40%;
			width: 15px;
			height: 15px;
		
		}
	}



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

	

		.service__title__name {
			padding-top: 25px;
		}
		
		 .main__screen{
    margin-top: 85px;
  }
  
  .logo img {
	height: 65px;
	width: auto;

}

  .breads {
   margin-top: 70px;
}


		.about h3 {
			font-size: 36px;
			
		}
		
		.dreams {
			font-size: 38px;
			
		}
		.breads {
			padding-top: 10px;
			margin-bottom: 25px;
		}
	
		.title__headline {
			text-align: center;
			
			
		}
		
		.our__team::before{
			content: '';
			display: block;
			height: 1px; 
			width: 300px;
			background:#292F36;
			position: relative;
			top: 66px;
			left: 0px;
			
		}
		
		
		.services__types::before{
			content: '';
			display: block;
			height: 1px; 
			width: 300px;
			background:#292F36;
			position: relative;
			top: 66px;
			left: 0px;
			
		}
		
		.main__screen__img__mob{
			height: 730px;
			border-radius: 0px 0px 0px 100px;
			
		}
	
		.main__screen__img {
 display: none;
		}

		

		.main__screen {
			margin-bottom: 50px;
			height: 730px;
				}
		

		.about__title {
			font-size: 42px;
			margin-bottom: 25px;
		}
		
		.faq {
			margin-top: 50px;
		}
		
		.steps__title {
			font-size: 36px;
			padding-bottom: 0px;
				}

		.steps {
			margin-top: 50px;
		}
		.tariff__section {
			
			margin: 0 15px 35px 15px;
			
		}

		.tariff {
			margin: 50px 0 50px 0;
		}


		.tittle__center {
			font-size: 36px;
			line-height: 120%;
			margin-bottom: 25px;
		}
		.services h3 {
			
			font-size: 36px;
			
			
		}

		.services__block {
			margin-bottom: 25px;
		}
		
		.advantages {
			margin: 50px 0 0 0 ;
		
		}
		
		.about__image {
			margin-top: 25px;

		}


		.about__why {
		
			font-size: 20px;
			line-height: 160%;
			margin-right: 0px;
			
			
		}

		.project__title {
			padding: 25px 0;
			
		}
		
		
		.project__discription {
			font-size: 20px;
			
		}
		
		.project__name {
			font-size: 30px;
			
		}
		
		
		.about__types {
			margin: 25px 25px 25px 0;
		}
		
		.about__img {
		
			width: 100%;
			height: auto;
			margin: 25px 0 0 0;
			}

		.count__result {
			margin-bottom: 25px;
		}
		
		.call__block h4 {
			font-size: 36px;
			line-height: 56px;
			margin: 50px 0 10px 0;
		}
		
		.call__block {
			margin: 50px 0;
		}
		
		.services {
			margin: 25px 0 25px 0;
		}
		
		.count h2 {
			font-size: 36px;
			line-height: 140%;
			margin-bottom: 0px;
		}

		

		.count__range {
			
			margin-bottom: 25px;
		}
		
	
			.count__text {
				font-family: 'DM Serif Display';
				font-style: normal;
				font-weight: 400;
				font-size: 24px;
				line-height: 120%;
				letter-spacing: 0.22px;
				color: #292F36;
				padding: 0 0 25px 0;
			}


			.count__text__first {
				font-family: 'DM Serif Display';
				font-style: normal;
				font-weight: 400;
				font-size: 24px;
				line-height: 120%;
				letter-spacing: 0.22px;
				color: #292F36;
				padding: 25px 0 25px 0;
			}
	
		
		.service__title__right {
			padding-top: 25px;
			font-size: 22px;
	
		}
	
		.service__title__left {
			padding-top: 25px;
			font-size: 22px;
	
		}
		.services__types {
			
			margin: 25px 25px 0px 0;
		}


		.contact__icons {
			margin-bottom: 50px;
			cursor: pointer;
        	color: #292F36;
        
        
		}

		.contacts {
			margin-bottom: 50px;
		}

		.footer h5 {
			text-align: center;
			margin-top: 25px;
		}

		.footer li {
			text-align: center;
		}

		.footer__description h6 {
			text-align: center;
		}

		.title__text {
			
    font-size: 18px;
    line-height: 160%;
    margin-bottom: 25px;
		}

		.footer__logo {
			display: flex;
			justify-content: center;
		}

		.contact__txt {
			margin-bottom: 15px;
		}

		.service__section__mobile {
			display: block;

		}

		.steps img {
			display: none;
		}

		h1 {
			font-size: 36px;
		}

		.services__items img {
			display: none;
		}

		.service__section {
			display: none;

		}

		.posts {
			display: grid;
			grid-gap: 1.5rem;
			grid-template-columns: 1fr;
		}

		.filters label {
			width: 48%;
			margin-bottom: 10px;

		}

		.portfolio__img {
			border-radius: 15px;
			height: 400px;
		}


		.social__button,
		.soc-but {
			width: 40px;
			height: 40px;
		}

		.demo-container {
			bottom: 40px;
			right: 40px;
			z-index: 999;
			opacity: 0.8;
		}

		.upbtn {
			width: 40px;
			height: 50px;
			position: fixed;
			bottom: -80px;
			left: 20px;


		}


		.about__image__place {
			text-align: center;
		}
		.services__block h3 {
			font-size: 32px;
			
		}

		.tariff__type {
			font-size: 36px;
			line-height: 120%;
			
		}

		.about {
			margin-top: 0px;
		}
		.about__image {
			height: 400px;
		}

		.our__team {
			font-style: normal;
			font-weight: 500;
			font-size: 28px;
			line-height: 170%;
			font-family: 'DM Serif Display';
			color: #292F36;
			margin: 25px 0;
		}

		.count__author {
			font-size: 24px;
			
		}

		.count__type {
			margin-bottom: 35px;
		}


	}


@media screen and (min-width: 768px) {
	.service__section__mobile {
		display: none;

	}

	.main__screen__img__mob{
		display: none;
		
	}

}


@media screen and (max-width: 599px) {
	.servises__item__main {
		height: 450px;
		
	}
}


@media screen and (max-width: 399px) {
	.button__img {
		display: inline-flex;
		align-items: center;
		padding: 18px 16px;
	}
	
	.servises__item__main {
		height: 350px;
		
	}

	.about__image {
		height: 330px;

	}

	.button__text {
		font-size: 16px;
		letter-spacing: 0.72px;
		color: #FFFFFF;
		padding: 22px 2px 22px 22px;
	}
}