/* Шрифты */
@font-face {
	font-family: "Manrope";
	src: url("../fonts/Manrope-Bold.eot");
	src:
		local("Manrope Bold"),
		local("Manrope-Bold"),
		url("../fonts/Manrope-Bold.eot?#iefix") format("embedded-opentype"),
		url("../fonts/Manrope-Bold.woff2") format("woff2"),
		url("../fonts/Manrope-Bold.woff") format("woff"),
		url("../fonts/Manrope-Bold.ttf") format("truetype"),
		url("../fonts/Manrope-Bold.svg#Manrope-Bold") format("svg");
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Manrope";
	src: url("../fonts/Manrope-Light.eot");
	src:
		local("Manrope Light"),
		local("Manrope-Light"),
		url("../fonts/Manrope-Light.eot?#iefix") format("embedded-opentype"),
		url("../fonts/Manrope-Light.woff2") format("woff2"),
		url("../fonts/Manrope-Light.woff") format("woff"),
		url("../fonts/Manrope-Light.ttf") format("truetype"),
		url("../fonts/Manrope-Light.svg#Manrope-Light") format("svg");
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Manrope";
	src: url("../fonts/Manrope-Medium.eot");
	src:
		local("Manrope Medium"),
		local("Manrope-Medium"),
		url("../fonts/Manrope-Medium.eot?#iefix") format("embedded-opentype"),
		url("../fonts/Manrope-Medium.woff2") format("woff2"),
		url("../fonts/Manrope-Medium.woff") format("woff"),
		url("../fonts/Manrope-Medium.ttf") format("truetype"),
		url("../fonts/Manrope-Medium.svg#Manrope-Medium") format("svg");
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Manrope";
	src: url("../fonts/Manrope-SemiBold.eot");
	src:
		local("Manrope SemiBold"),
		local("Manrope-SemiBold"),
		url("../fonts/Manrope-SemiBold.eot?#iefix") format("embedded-opentype"),
		url("../fonts/Manrope-SemiBold.woff2") format("woff2"),
		url("../fonts/Manrope-SemiBold.woff") format("woff"),
		url("../fonts/Manrope-SemiBold.ttf") format("truetype"),
		url("../fonts/Manrope-SemiBold.svg#Manrope-SemiBold") format("svg");
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Manrope";
	src: url("../fonts/Manrope-Regular.eot");
	src:
		local("Manrope Regular"),
		local("Manrope-Regular"),
		url("../fonts/Manrope-Regular.eot?#iefix") format("embedded-opentype"),
		url("../fonts/Manrope-Regular.woff2") format("woff2"),
		url("../fonts/Manrope-Regular.woff") format("woff"),
		url("../fonts/Manrope-Regular.ttf") format("truetype"),
		url("../fonts/Manrope-Regular.svg#Manrope-Regular") format("svg");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

* {
	outline: none !important;
}

.container {
	max-width: 1200px;
	padding: 0;
}

body {
	font-family: "Manrope";
	color: #060708;
}

.phone {
	color: #060708;
	font-size: 26px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: normal;
	line-height: 26px;
}

.head-btn {
	width: 200px;
	height: 60px;
	border-radius: 30px;
	border: 1px solid rgb(6 7 8 / 20%);
	background: transparent;
	color: rgb(6 7 8 / 50%);
	font-family: Manrope;
	font-size: 12px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: normal;
	line-height: normal;
	text-align: center;
	text-transform: uppercase;
	font-style: normal;
	letter-spacing: 0.96px;
	margin-left: 20px;
	position: relative;
	z-index: 2;
	cursor: pointer;
}

.head-btn:hover {
	color: #ffffff;
}

.head-btn:hover:before {
	opacity: 1;
	transition: 0.4s;
}

.head-btn:before {
	content: "";
	background-image: linear-gradient(0deg, #256dcc 0%, #61a5ff 100%);
	border: initial;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: -1;
	border-radius: 30px;
}

.head-btn:active {
	color: #ffffff;
}

.head-btn:active:after {
	opacity: 1;
	transition: 0.4s;
}

.head-btn:after {
	content: "";
	background-color: #4896ff;
	border: initial;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: -1;
	border-radius: 30px;
}

.main-btn {
	width: 410px;
	height: 94px;
	box-shadow:
		inset 0 -3px 3px 1px rgb(255 255 255 / 10%),
		inset 0 0 19px 1px rgb(255 255 255 / 10%);
	border-radius: 10px;
	background-image: linear-gradient(to top, #337bda 0%, #4896ff 100%);
	border: none;
	border-bottom: 2px solid #2c6cbf;
	color: #ffffff;
	font-family: Manrope;
	font-size: 16px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: normal;
	line-height: 24px;
	position: relative;
	z-index: 2;
	cursor: pointer;
}

.main-btn:hover:before {
	opacity: 1;
	transition: 0.4s;
}

.main-btn:before {
	content: "";
	background-image: linear-gradient(0deg, #256dcc 0%, #61a5ff 100%);
	box-shadow: inset 0px -3px 3px 0px rgba(255, 255, 255, 0.09);
	border-radius: 10px;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: -1;
}

.main-btn:active:after {
	opacity: 1;
	transition: 0.4s;
}

.main-btn:after {
	content: "";
	background-image: linear-gradient(0deg, #337bda 0%, #4896ff 100%);
	border-radius: 10px;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: -1;
}

.form-control {
}

header {
	position: absolute;
	width: 100%;
	left: 0;
	top: 30px;
}

.section-1 {
	padding-top: 230px;
	background-image: url(../img/header-bg.jpg);
	padding-bottom: 306px;
	background-repeat: no-repeat;
	background-position: top;
	overflow: hidden;
}

.logo-block span {
	color: #060708;
	font-size: 15px;
	font-weight: 400;
	font-style: normal;
	letter-spacing: normal;
	line-height: 24px;
	display: block;
	padding-left: 39px;
}

.spec {
	cursor: pointer;
}

.spec span {
	display: table;
	color: #060708;
	font-size: 14px;
	font-weight: 400;
	font-style: normal;
	letter-spacing: normal;
	line-height: 24px;
	border-bottom: 1px solid rgb(6 7 8 / 10%);
}

.spec:hover span {
	color: #2b7fed;
	border-bottom: 1px solid #2b7fed;
}

.spec img {
	margin-right: 14px;
}

.worknow {
	justify-content: flex-end;
}

.worknow {
	opacity: 0.6;
	color: #15151e;
	font-size: 14px;
	font-weight: 400;
	font-style: normal;
	letter-spacing: normal;
	line-height: 22px;
	display: flex;
	align-items: center;
	margin-top: 4px;
}

.roundd {
	width: 6px;
	height: 6px;
	background-color: #4ab34b;
	border-radius: 100%;
	margin-right: 7px;
}

h1 {
	color: #060708;
	font-size: 60px;
	font-style: normal;
	letter-spacing: normal;
	line-height: 68px;
}

strong {
	font-weight: 700;
}

.section-1 h3 {
	color: #060708;
	font-size: 38px;
	font-weight: 400;
	font-style: normal;
	letter-spacing: normal;
	line-height: 48px;
	text-align: left;
	font-style: normal;
	letter-spacing: 0.38px;
	margin-top: 20px;
}

.section-1 h3 span {
	height: 70px;
	border-radius: 35px;
	border: 1px solid rgb(6 7 8 / 10%);
	padding: 0 32px;
	padding-bottom: 12px;
	padding-top: 3px;
	white-space: nowrap;
}

.preims {
	margin-top: 46px;
	display: flex;
	align-items: flex-start;
	margin-bottom: 64px;
}

.preims span {
	color: #060708;
	font-family: Manrope;
	font-size: 18px;
	font-weight: 500;
	font-style: normal;
	letter-spacing: normal;
	line-height: 26px;
	display: block;
	margin-top: 15px;
}

.preim {
	margin-right: 60px;
}

.cabinka {
	position: absolute;
	top: -149px;
	right: -403px;
}

.vertical-block {
	height: 840px;
	padding-top: 140px;
	padding-left: 50px;
	padding-bottom: 45px;
	position: relative;
	width: 580px;
	margin-right: 40px;
}

.round {
	position: absolute;
	width: 218px;
	height: 218px;
	box-shadow: 0 40px 80px rgb(0 0 0 / 4%);
	background-color: #ffffff;
	padding-top: 39px;
	text-align: center;
	top: 140px;
	left: 50px;
	border-radius: 100%;
}

.round img {
	margin: 0 auto;
	display: block;
	margin-bottom: 15px;
}

.round .h5 {
	color: #060708;
	font-size: 18px;
	font-weight: bolder;
	font-style: normal;
	letter-spacing: normal;
	line-height: 24px;
	text-transform: uppercase;
}

.round p {
	color: #060708;
	font-size: 16px;
	font-weight: 400;
	font-style: normal;
	letter-spacing: normal;
	line-height: 24px;
	margin-bottom: 5px;
}

.text {
	position: absolute;
	bottom: 24px;
	left: 51px;
}

.text .h4 {
	font-family: Manrope;
	font-size: 24px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: normal;
	line-height: 28px;
}

ul li {
	font-family: Manrope;
	font-size: 18px;
	font-weight: 400;
	font-style: normal;
	letter-spacing: normal;
	line-height: 28px;
	position: relative;
	padding-left: 15px;
	list-style: none;
	margin-bottom: 5px;
}

ul li:before {
	content: "";
	width: 6px;
	height: 6px;
	background-image: linear-gradient(to top, #337bda 0%, #4896ff 100%);
	margin-right: 10px;
	position: absolute;
	top: 12px;
	left: 0;
	border-radius: 100%;
}

ul {
	margin: 0;
	padding: 0;
	margin-top: 13px;
	margin-bottom: 15px;
}

.text p {
	font-family: Manrope;
	font-size: 18px;
	font-weight: 400;
	font-style: normal;
	letter-spacing: normal;
	line-height: 28px;
}

.hor-preim {
	width: 580px;
	height: 400px;
	position: relative;
	margin-bottom: 40px;
}

.text-white {
	color: #fff;
}

.section-2 {
	padding-top: 49px;
	padding-bottom: 120px;
}

.block {
	margin-right: 30px;
}

.block:last-of-type {
	margin-right: 0;
}

.block .h5 {
	color: #060708;
	font-family: Manrope;
	font-size: 22px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: normal;
	line-height: 30px;
	margin-top: 28px;
	margin-bottom: 5px;
	padding-left: 11px;
}

.block p {
	color: #060708;
	font-family: Manrope;
	font-size: 18px;
	font-weight: 400;
	font-style: normal;
	letter-spacing: normal;
	line-height: 28px;
	padding-left: 11px;
	margin-bottom: 0;
}

.spans {
	position: absolute;
	top: 34px;
	left: 40px;
}

.spans span {
	width: auto;
	height: auto;
	border-radius: 5px;
	background-color: #ffffff;
	color: #060708;
	font-family: Manrope;
	font-size: 20px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: normal;
	line-height: 28px;
	padding: 2px 10px;
	padding-bottom: 3px;
}

.section-3 h2,
h2 {
	color: #060708;
	font-family: Manrope;
	font-size: 44px;
	font-style: normal;
	letter-spacing: normal;
	line-height: 54px;
}

.blocks {
	margin-top: 50px;
}

.steklos {
	margin-top: 80px;
}

.steklo {
	margin-bottom: 20px;
}

.section-3 {
	padding-bottom: 100px;
}

.section-4 {
	max-width: 1880px;
	margin: 0 auto;
	background-image: url(../img/bg1.jpg);
	padding: 113px 0;
	overflow: hidden;
	margin-bottom: 100px;
}

.img {
	width: 150px;
	margin-right: 19px;
	text-align: center;
}

.icon {
	margin-bottom: 35px;
}

.left-form h2 {
	color: #ffffff;
	font-family: Manrope;
	font-size: 44px;
	font-weight: 300;
	font-style: normal;
	letter-spacing: normal;
	line-height: 54px;
	margin-bottom: 50px;
}

.left-form h3 {
	color: #ffffff;
	font-family: Manrope;
	font-size: 28px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: normal;
	line-height: 38px;
	margin-bottom: 30px;
}

.icon span {
	color: #ffffff;
	font-family: Manrope;
	font-size: 18px;
	font-weight: 300;
	font-style: normal;
	letter-spacing: normal;
	line-height: 28px;
}

.icon:last-of-type {
	margin-bottom: 0;
}

.form-right form {
	width: 510px;
	height: 635px;
	border-radius: 10px;
	background-color: #ffffff;
	padding-top: 55px;
	padding-left: 50px;
	padding-right: 50px;
	position: relative;
}

.form-right form .h4 {
	color: #070809;
	font-family: Manrope;
	font-size: 28px;
	/* font-weight: 700; */
	font-style: normal;
	letter-spacing: normal;
	line-height: 40px;
}

.bordered {
	border-radius: 12px;
	border: 1px dotted rgb(0 0 0 / 30%);
	padding-left: 30px;
	padding-top: 12px;
	padding-bottom: 15px;
	color: #070809;
	font-family: Manrope;
	font-size: 20px;
	font-weight: 400;
	font-style: normal;
	letter-spacing: normal;
	line-height: 30px;
	margin-top: 17px;
	margin-bottom: 23px;
}

.bordered img {
	position: absolute;
	right: -89px;
	top: -37px;
}

.span {
	opacity: 0.8;
	color: #070809;
	font-family: Manrope;
	font-size: 14px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: normal;
	line-height: normal;
	text-align: left;
	text-transform: uppercase;
	font-style: normal;
	letter-spacing: 0.28px;
}

.form-control {
	width: 410px;
	height: 98px;
	border-radius: 10px;
	border: 1px solid #f1f1f1;
	background-color: #fafbfc;
	padding-left: 40px;
	color: rgb(7 8 9 / 50%);
	font-family: Manrope;
	font-size: 18px;
	font-weight: 400;
	margin-top: 13px;
	margin-bottom: 10px;
}

.form-check {
	display: flex;
	align-items: center;
	padding: 0;
	margin-top: 17px;
	justify-content: center;
	margin-left: 0;
}

.form-check input {
	display: none;
	width: auto !important;
	height: auto !important;
}

.form-check label {
	font-size: 12px;
	font-weight: 400;
	line-height: 18px;
	color: #aaacb3;
	letter-spacing: 0.28px;
	position: relative;
	padding-left: 24px;
}

.form-check label:before {
	width: 16px;
	height: 16px;
	box-sizing: border-box;
	border: 1px solid rgba(158, 101, 99, 0.2);
	border-radius: 2px;
	content: "";
	position: absolute;
	left: 0;
	top: 0;
}

.form-check label a {
	text-decoration: underline !important;
	color: #337bda !important;
	cursor: pointer;
}

.form-check label a:hover {
	color: #61a5ff !important;
}

.form-check input:checked + label:after {
	opacity: 1;
	transition: all 0.1s linear;
}

.form-check label:after {
	width: 10px;
	height: 8px;
	box-sizing: border-box;
	background: url(../img/check.svg) center center no-repeat;
	background-size: contain;
	content: "";
	position: absolute;
	left: 3px;
	top: 3px;
	opacity: 0;
	transition: all 0.1s linear;
}

.form-right picture {
	position: absolute;
	top: 182px;
	left: -291px;
}

.section-5 {
	padding-top: 13px;
	padding-bottom: 60px;
}

.section-5 .block .h5 {
	font-size: 24px;
	margin-bottom: 13px;
}

.slide {
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 12px;
	border: 1px solid rgb(0 0 0 / 6%);
	padding: 5px;
	margin-bottom: 50px;
	margin-top: 50px;
}

.slider-nav {
	max-width: 1040px;
	margin-right: 48px;
}

.next-slide {
	width: 100px;
	height: 100px;
	border-radius: 12px;
	background: url("../img/ns1.png") 0 / cover no-repeat;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	z-index: 2;
	cursor: pointer;
}

.next-slide:hover:before {
	opacity: 1;
	transition: 0.4s;
}

.next-slide:before {
	content: "";
	background: url("../img/ns2.png") 0 / cover no-repeat;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: -1;
}

.next-slide:active:after {
	opacity: 1;
	transition: 0.4s;
}

.next-slide:after {
	content: "";
	background: url("../img/ns3.png") 0 / cover no-repeat;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: -1;
}

.slide-flex img {
	margin-right: 20px;
}

.slick-current.slick-active .slide-flex {
	box-shadow:
		inset 0 -3px 3px 1px rgb(255 255 255 / 10%),
		inset 0 0 19px 1px rgb(255 255 255 / 10%);
	border-radius: 10px;
	background-image: linear-gradient(to top, #337bda 0%, #4896ff 100%);
	color: #ffffff;
	font-family: Manrope;
	font-size: 16px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: normal;
	line-height: 22px;
}

.slide-flex {
	width: 260px;
	height: 100px;
	padding: 5px;
}

.zoom-block {
	position: relative;
	margin-right: 40px;
}

.zoom {
	width: 70px;
	height: 70px;
	background: url("../img/zoom1.png") 0 / cover no-repeat;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 100%;
	position: absolute;
	right: 20px;
	bottom: 20px;
	z-index: 2;
}

.zoom-block:hover .zoom:before {
	opacity: 1;
	transition: 0.4s;
}

.zoom:before {
	content: "";
	background: url("../img/zoom2.png") 0 / cover no-repeat;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: -1;
}

.zoom-block:active .zoom:after {
	opacity: 1;
	transition: 0.4s;
}

.zoom:after {
	content: "";
	background: url("../img/zoom3.png") 0 / cover no-repeat;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: -1;
}

.right-case .h3 {
	color: #060708;
	font-family: Manrope;
	font-size: 32px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: normal;
	line-height: 42px;
}

.metr {
	width: 226px;
	height: 56px;
	border-radius: 8px;
	border: 1px dotted rgb(6 7 8 / 30%);
	justify-content: center;
	color: #060708;
	font-family: Manrope;
	font-size: 20px;
	font-weight: 500;
}

.metr img {
	margin-right: 14px;
}

.textes .h5 {
	color: #060708;
	font-size: 18px;
	font-weight: bolder;
	text-transform: uppercase;
	font-style: normal;
	letter-spacing: normal;
	line-height: 24px;
}

.right-text {
	margin-left: 96px;
}

.spans2 span {
	color: #060708;
	font-size: 12px;
	font-weight: bolder;
	font-style: normal;
	letter-spacing: normal;
	line-height: 22px;
	text-align: left;
	text-transform: uppercase;
	font-style: normal;
	letter-spacing: 0.48px;
	border-bottom: 1px solid rgb(0 0 0 / 10%);
	display: table;
}

.insta-block:hover span {
	color: #2b7fed;
	border-bottom: 1px solid #2b7fed;
}

.look img {
	margin-right: 16px;
}

.etap {
	margin-top: 30px;
}

.etap .do {
	display: none;
}

.textes {
	margin-top: 41px;
}

.do {
	margin-right: 30px;
}

.do .zoom {
	width: 46px;
	height: 46px;
	bottom: 15px;
	right: 15px;
}

.do .zoom img {
	width: 19px;
}

.do .spans span {
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bolder;
	padding: 10px 24px;
	display: block;
}

.do .spans {
	left: 15px;
	top: 15px;
}

.review-text {
	width: 380px;
	/*height: 340px;*/
	box-shadow: 0 0 81px rgb(0 0 0 / 4%);
	border-radius: 12px;
	background-color: #ffffff;
	padding: 5px;
}

.bord p {
	color: #060708;
	font-family: Manrope;
	font-size: 15px;
	font-weight: 400;
	font-style: normal;
	letter-spacing: normal;
	line-height: 27px;
}

.bord {
	height: 100%;
	width: 100%;
	border-radius: 12px;
	border: 1px solid rgb(6 7 8 / 4%);
	padding: 25px;
	padding-right: 34px;
}

.more {
	color: #4896ff;
	font-family: Manrope;
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
	border-bottom: 1px solid rgb(72 150 255 / 50%);
	position: relative;
	bottom: 0;
	padding-bottom: 5px;
}

.cursor-pointer {
	cursor: pointer;
}

.more:hover {
	color: #337bda;
	border-bottom: 1px solid #337bda;
}

.second-btn {
	width: 380px;
	height: 98px;
	border-radius: 10px;
	border: 1px solid rgb(6 7 8 / 25%);
	background: transparent;
	color: rgb(6 7 8 / 60%);
	font-family: Manrope;
	font-size: 16px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: normal;
	line-height: 24px;
	z-index: 2;
	position: relative;
	cursor: pointer;
}

.second-btn:hover {
	color: #ffffff;
}

.second-btn:hover:before {
	opacity: 1;
	transition: 0.4s;
}

.second-btn:before {
	content: "";
	background-image: linear-gradient(0deg, #256dcc 0%, #61a5ff 100%);
	box-shadow: inset 0px -3px 3px 0px rgba(255, 255, 255, 0.09);
	border-radius: 10px;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: -1;
}

.second-btn:active path {
	fill: #ffffff;
}

.second-btn:active {
	color: #ffffff;
}

.second-btn:active:after {
	opacity: 1;
	transition: 0.4s;
}

.second-btn:after {
	content: "";
	background-color: #4896ff;
	border-radius: 10px;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: -1;
}

.second-btn:hover path {
	fill: #ffffff;
}

.second-btn svg {
	margin-left: 19px;
}

.buttons .main-btn {
	max-width: 310px;
	border-bottom: 2px solid #2c6cbf;
	height: 98px;
	margin-right: 10px;
}

.buttons {
	margin-top: 40px;
	display: flex;
	align-items: center;
}

.right-case {
	margin-top: 10px;
}

.section-6 {
	padding-bottom: 120px;
}

.section-6 img {
	border-radius: 10px;
}

.section-7 {
	background-image: url(../img/bg2.jpg);
	padding-top: 89px;
	padding-bottom: 114px;
	max-width: 1880px;
	margin: 0 auto;
	background-position: center;
	background-repeat: no-repeat;
	overflow: hidden;
	margin-bottom: 100px;
}

.section-7 h2 {
	color: #ffffff;
	font-family: Manrope;
	font-size: 44px;
	font-weight: 300;
	font-style: normal;
	letter-spacing: normal;
	line-height: 54px;
}

.fh3 {
	color: #ffffff;
	font-family: Manrope;
	font-size: 26px;
	font-weight: 300;
	font-style: normal;
	letter-spacing: normal;
	line-height: 36px;
	margin-top: 19px;
}

.round2 {
	width: 218px;
	height: 218px;
	background-color: #f7f8fa;
	border-radius: 100%;
	margin-left: 39px;
	padding-top: 40px;
}

.round2 .h6 {
	color: #060708;
	font-size: 14px;
	font-weight: bolder;
	font-style: normal;
	letter-spacing: normal;
	line-height: 22px;
	text-transform: uppercase;
}

.round2 img {
	margin-bottom: 10px;
}

.progress-line {
	height: 16px;
	border-radius: 8px;
	z-index: 2;
	position: relative;
	overflow: hidden;
	width: 100%;
	margin: 0;
	background: #f7f7f9;
	max-width: 600px;
	display: block;
	min-height: 16px;
	width: 600px;
	min-width: 600px;
	margin: 0 auto;
	margin-top: 10px;
}

.progress-line .line {
	left: -20%;
	height: 16px;
	border-radius: 8px;
	position: absolute;
	left: 0;
	top: 0;
	transition: all 0.2s linear;
	background-color: #4896ff;
	width: 100%;
	top: 0;
}

.progress-line .line:after {
	height: 100%;
	background-image: -webkit-linear-gradient(
		135deg,
		rgba(255, 255, 255, 0.15) 25%,
		transparent 25%,
		transparent 50%,
		rgba(255, 255, 255, 0.15) 50%,
		rgba(255, 255, 255, 0.15) 75%,
		transparent 75%,
		transparent
	);
	background-image: -o-linear-gradient(
		135deg,
		rgba(255, 255, 255, 0.15) 25%,
		transparent 25%,
		transparent 50%,
		rgba(255, 255, 255, 0.15) 50%,
		rgba(255, 255, 255, 0.15) 75%,
		transparent 75%,
		transparent
	);
	background-image: linear-gradient(
		-45deg,
		rgba(255, 255, 255, 0.15) 25%,
		transparent 25%,
		transparent 50%,
		rgba(255, 255, 255, 0.15) 50%,
		rgba(255, 255, 255, 0.15) 75%,
		transparent 75%,
		transparent
	);
	-webkit-background-size: 22px 22px;
	background-size: 22px 22px;
	text-align: center;
	line-height: 20px;
	-webkit-animation: progress-bar-stripes 2s linear infinite;
	animation: progress-bar-stripes 2s linear infinite;
	-webkit-transition: width 0.3s;
	-o-transition: width 0.3s;
	transition: width 0.3s;
	content: "";
	position: absolute;
	width: 100%;
	left: 0;
}

.progress-bar {
	width: 100%;
	border-radius: 8px;
	background-color: transparent;
	margin: 0 auto;
	margin-top: 0;
	height: auto;
	overflow: initial;
	position: relative;
	margin-left: 0;
}

.quiz {
	padding: 55px 80px 108px 80px;
	box-shadow: 0 30px 80px rgb(33 34 58 / 7%);
	border-radius: 14px;
	background-color: #ffffff;
	position: relative;
	margin-top: 29px;
}

.eb1 div {
	margin-top: -33px;
}

.progress-text {
	color: #0e1120;
	font-size: 15px;
	font-style: normal;
	letter-spacing: normal;
	line-height: 20px;
	text-align: center;
}

.step .h3 {
	color: #0e1120;
	font-size: 32px;
	font-weight: 400;
	font-style: normal;
	letter-spacing: normal;
	line-height: 40px;
}

.step {
	margin-top: 40px;
}

.variants {
	margin-top: 35px;
}

.variant input {
	display: none;
}

.variant-radio-label {
	font-size: 18px;
	line-height: 24px;
	position: relative;
	margin-bottom: 0;
	height: auto;
	display: flex;
	align-items: center;
	cursor: pointer;
	font-style: normal;
	letter-spacing: normal;
	line-height: 30px;
	text-align: center;
	color: #0e1120;
	font-size: 18px;
	font-weight: 400;
	font-style: normal;
	letter-spacing: normal;
	line-height: 26px;
}

.variant span {
	display: block;
	margin-top: 45px;
	color: #060708;
	font-size: 18px;
	font-weight: 400;
	font-style: normal;
	letter-spacing: normal;
	line-height: 28px;
}

.variants .variant-radio-label:after {
	width: 101px;
	height: 101px;
	background: url(../img/check-quiz.svg) center center no-repeat;
	background-size: 101px;
	position: absolute;
	content: "";
	top: auto;
	margin-top: -32px;
	left: 121px;
	border-radius: 6px;
	bottom: auto;
	top: 210px;
}

.variants .variant:hover label:after {
	background: url(../img/check-active.svg) center center no-repeat !important;
	background-size: 101px !important;
	opacity: 0.9;
}

.step .main-btn {
	max-width: 300px;
	max-height: 88px;
	border-bottom: 3px solid #2c6cbf;
	margin-right: 0;
}

.step .buttons {
	padding-left: 15px;
}

.skip {
	color: rgb(14 17 32 / 40%);
	font-size: 16px;
	font-weight: 600;
	font-style: normal;
	letter-spacing: normal;
	line-height: 26px;
	border-bottom: 1px solid rgb(6 7 8 / 10%);
	cursor: pointer;
	margin-top: 20px;
	display: table;
	margin-left: auto;
	margin-right: auto;
}

.quiz .buttons {
	max-width: 310px;
	text-align: center;
	margin-top: 65px;
	display: block;
}

.end .h4 {
	color: #0e1120;
	font-size: 20px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: normal;
	line-height: 26px;
	margin-bottom: 11px;
}

.eb1 {
	padding-left: 20px;
	padding-top: 5px;
}

.eb2 {
	margin-left: 49px;
	padding-top: 15px;
}

.ebs {
	display: flex;
	align-items: flex-start;
	height: 150px;
	border-radius: 12px;
	background-color: #f7f8fa;
	width: 685px;
}

.eb1 img {
	margin-right: 10px;
}

.eb2 img {
	margin-right: 15px;
}

.end-block {
	display: flex;
	align-items: center;
}

.end {
	position: absolute;
	right: 80px;
	bottom: 60px;
}

.step {
	display: none;
}

.step.active {
	display: block;
}

.step ul {
	padding-left: 16px;
	list-style: none;
	min-height: 121px;
	margin-bottom: 0;
	opacity: 0.7;
	color: #0e1120;
	margin-top: 12px;
}

.step li {
	margin-bottom: 10px;
	position: relative;
}

.step ul li:before {
	content: "";
	width: 6px;
	height: 6px;
	background-color: #00afbf;
	border-radius: 100%;
	position: absolute;
	left: -15px;
	top: 9px;
}

.info {
	margin-top: 22px;
	margin-bottom: 32px;
}

.inf {
	display: flex;
	align-items: start;
	margin-bottom: 20px;
}

.inf:last-of-type {
	margin-bottom: 0;
}

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

.formm .form-control {
	/* height: 104px; */
	/* max-width: 380px; */
	/* border-radius: 52px; */
	width: 410px;
	height: 98px;
	border-radius: 10px;
	border: 1px solid #f1f1f1;
	background-color: #fafbfc;
	position: relative;
	z-index: 2;
}

.formm .main-btn {
	/* width: 380px; */
	/* height: 100px; */
	/* border-radius: 50px; */
	/* z-index: 9; */
	/* position: relative; */
	width: 100%;
	max-width: 410px;
	height: 98px;
	max-height: 98px;
	position: relative;
	z-index: 2;
}

.box3 {
	position: absolute;
	left: -100px;
	bottom: 33px;
}

.formm .timer {
	position: absolute;
	left: 383px;
	bottom: 60px;
	top: auto;
	width: 250px;
	height: 250px;
	background-color: #f7f8fc;
	border-radius: 100%;
	text-align: center;
	padding-top: 51px;
}

.step5active .end {
	display: none;
}

.formm .form-check {
	display: flex;
	align-items: center;
	padding: 0;
	margin-top: 2px;
	justify-content: start;
	margin-left: 0;
	padding-right: 0;
	padding-left: 45px;
}

.right-final-step {
	position: absolute;
	top: 130px;
	right: 20px;
}

.ready {
	position: absolute;
	top: 36px;
	left: 211px;
}

.formm {
	z-index: 20;
	position: relative;
}

.l-quiz {
	padding-top: 15px;
}

.inner {
	position: absolute;
	top: 0;
	left: 90px;
	display: flex;
	align-items: center;
	height: 100%;
}

.stekla2 {
	display: flex;
	align-items: flex-start;
}

.f28 {
	color: #060708;
	font-family: Manrope;
	font-size: 28px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: normal;
	line-height: 38px;
	margin-bottom: 30px;
}

.section-8 {
	padding-top: 20px;
}

.section-8 h2 {
	margin-bottom: 60px;
}

.stekl span {
	height: 32px;
	border-radius: 4px;
	background-color: #ffffff;
	padding: 7px 10px;
	color: #060708;
	font-size: 12px;
	font-weight: bolder;
	font-style: normal;
	letter-spacing: normal;
	line-height: 24px;
	text-transform: uppercase;
	position: absolute;
	left: 10px;
	bottom: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.stekl {
	margin-right: 10px;
}

.horizon-block {
	margin-bottom: 30px;
	overflow: hidden;
}

.f32 {
	color: #060708;
	font-family: Manrope;
	font-size: 32px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: normal;
	line-height: 42px;
}

.icon-block {
	padding-left: 39px;
	margin-top: 30px;
}

.with-icon span {
	color: #060708;
	font-family: Manrope;
	font-size: 20px;
	font-weight: 400;
	font-style: normal;
	letter-spacing: normal;
	line-height: 30px;
	margin-left: 17px;
}

.wi2 span {
	margin-left: 14px;
}

.with-icon {
	margin-bottom: 23px;
}

.wii1 {
	padding-left: 3px;
}

.position-absolute {
	width: 100%;
	bottom: 120px;
}

.hor-form-block {
	max-width: 850px;
	position: relative;
	margin: 0 auto;
}

.hor-form .h3 {
	color: #070809;
	font-family: Manrope;
	font-size: 30px;
	font-weight: 400;
	font-style: normal;
	letter-spacing: normal;
	line-height: 42px;
}

.hor-form .h4 {
	color: #070809;
	font-family: Manrope;
	font-size: 22px;
	font-weight: 400;
	font-style: normal;
	letter-spacing: normal;
	line-height: 30px;
	margin-bottom: 16px;
}

.hor-form .main-btn {
	margin-left: -80px;
	border-bottom: 3px solid #2c6cbf;
}

.hor-form {
	margin: 0 auto;
	width: 100%;
	height: 387px;
	box-shadow: 0 20px 50px rgb(33 34 58 / 5%);
	border-radius: 10px 10px 0 0;
	background-color: #ffffff;
	padding: 55px;
	position: relative;
}

.bottom {
	height: 66px;
	border-radius: 0 0 10px 10px;
	background-color: #f2f4fa;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #070809;
	font-family: Manrope;
	font-size: 20px;
	font-weight: 400;
	font-style: normal;
	letter-spacing: normal;
	line-height: 20px;
}

.bottom a {
	color: #070809;
	font-family: Manrope;
	font-size: 24px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: normal;
	line-height: 20px;
	margin-left: 12px;
}

.bottom img {
	margin-right: 14px;
}

.hor-form .form-check {
	display: flex;
	align-items: center;
	padding: 0;
	margin-top: 0;
	justify-content: flex-end;
	margin-left: 0;
	padding-right: 21px;
}

.big-round {
	width: 270px;
	height: 270px;
	background-color: #f7f8fc;
	border-radius: 100%;
	padding-top: 48px;
	position: absolute;
	top: -70px;
	right: -192px;
}

.big-round > span {
	color: #070809;
	font-family: Manrope;
	font-size: 14px;
	font-weight: 400;
	font-style: normal;
	letter-spacing: normal;
	line-height: 22px;
}

.minutes,
.seconds {
	color: #070809;
	font-family: Manrope;
	font-size: 46px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: normal;
	line-height: 22px;
}

.countdown-text {
	color: #070809;
	font-family: Manrope;
	font-size: 14px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: normal;
	line-height: 22px;
	display: block;
}

#countdown {
	display: flex;
	justify-content: center;
	margin-top: 19px;
	margin-bottom: 13px;
}

.separator {
	color: #070809;
	font-family: Manrope;
	font-size: 46px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: normal;
	line-height: 22px;
	margin-top: -3px;
	margin-left: 5px;
	margin-right: 5px;
}

.big-round img {
	margin-left: 38px;
}

.section-9 {
	overflow: hidden;
	margin-bottom: 100px;
}

.clock span {
	color: #060708;
	font-family: Manrope;
	font-size: 26px;
	font-weight: 400;
	font-style: normal;
	letter-spacing: normal;
	line-height: 34px;
}

.clock img {
	margin-right: 14px;
}

.section-10 {
	padding: 20px 0 120px;
}

.clock {
	margin-top: 29px;
	margin-bottom: 56px;
}

.block-plan {
	position: absolute;
	right: 70px;
	top: 60px;
}

.block-plan img {
	display: block;
	margin-bottom: 10px;
}

.play {
	width: 78px;
	height: 78px;
	box-shadow:
		inset 0 -3px 3px 1px rgb(255 255 255 / 10%),
		inset 0 0 19px 1px rgb(255 255 255 / 10%);
	background: url("../img/play1.png") 0 / cover no-repeat;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 100%;
	margin-right: 17px;
	position: relative;
	z-index: 2;
	cursor: pointer;
}

.play:hover:before {
	opacity: 1;
	transition: 0.4s;
}

.play:before {
	content: "";
	background: url("../img/play2.png") 0 / cover no-repeat;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: -1;
}

.play:active:after {
	opacity: 1;
	transition: 0.4s;
}

.play:after {
	content: "";
	background: url("../img/play3.png") 0 / cover no-repeat;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: -1;
}

.img2 {
	margin-top: -38px;
}

.video-block {
	display: flex;
	align-items: center;
	margin-left: -75px;
}

.video-block .spans2 span {
	font-size: 16px;
	text-transform: initial;
}

.inner p {
	color: #060708;
	font-family: Manrope;
	font-size: 20px;
	font-style: normal;
	letter-spacing: normal;
	line-height: 30px;
}

.inner .h4 {
	color: #060708;
	font-family: Manrope;
	font-size: 24px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: normal;
	line-height: 34px;
}

.ico {
	width: 59px;
	text-align: center;
}

.section-10 {
	padding-bottom: 90px;
}

.video-block2 {
	position: absolute;
	right: 90px;
	top: 120px;
}

.video-block2:hover .play:before {
	opacity: 1;
	transition: 0.4s;
}

.video-block2:hover .spans2 span {
	color: #4896ff;
	border-bottom: 1px solid #4896ff;
	transition: 0.4s;
}

.vidos2 {
	width: 300px;
	height: 170px;
	background-image: url(../img/video.jpg);
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
}

.horizon-block .h3 span {
	border-radius: 23px;
	border: 1px solid rgb(255 255 255 / 40%);
	padding: 0px 18px;
	margin-top: 7px;
	display: inline-block;
	padding-bottom: 7px;
}

.video-block2 .spans2 span {
	color: #ffffff;
	font-family: Manrope;
	font-size: 16px;
	font-weight: 400;
	font-style: normal;
	letter-spacing: normal;
	line-height: 26px;
	text-transform: inherit;
	display: table;
	text-align: center;
	border-bottom: 1px solid rgb(255 255 255 / 20%);
	margin: 0 auto;
}

/*
.video-block2 .spans2 span:hover {
	color: #4896ff;
	border-bottom: 1px solid #4896ff;
	transition: 0.4s;
}*/
.video-block2 .spans2 {
	margin-top: 24px;
}

.section-11 h2 {
	margin-bottom: 60px;
}

.mini-vertical-block {
	width: 505px;
	height: 590px;
	position: relative;
	margin-right: 30px;
}

.middle-vertical-block {
	width: 665px;
	height: 590px;
	position: relative;
}

.mini-vertical-block .inner {
	display: block;
	left: 51px;
	top: 48px;
	height: auto;
}

.middle-vertical-block .inner {
	display: block;
	top: 48px;
	height: auto;
	left: 51px;
}

.middle-vertical-block .icon-block {
	padding-left: 19px;
	margin-top: 30px;
}

.middle-vertical-block .icon-block .ico {
	width: 108px;
	text-align: center;
}

.middle-vertical-block .icon-block span {
	color: #ffffff;
	font-family: Manrope;
	font-size: 18px;
	font-weight: 400;
	font-style: normal;
	letter-spacing: normal;
	line-height: 28px;
}

.section-11 {
	padding-bottom: 120px;
}

.section-12 h2 {
	font-weight: bold;
	margin-bottom: 16px;
}

.section-12 h3 {
	color: #060708;
	font-family: Manrope;
	font-size: 26px;
	font-weight: 400;
	font-style: normal;
	letter-spacing: normal;
	line-height: 36px;
}

.searc {
	margin-left: 3rem;
	margin-right: 3rem;
}

.black-block {
	width: 528px;
	border-radius: 14px;
	background-color: #000000;
	padding-left: 36px;
	color: #fff;
	padding-top: 25px;
	padding-bottom: 10px;
}

.black-block .h4 {
	color: #ffffff;
	font-family: Manrope;
	font-size: 24px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: normal;
	line-height: 32px;
	margin-bottom: 15px;
}

.figure {
	color: rgb(255 255 255 / 6%);
	font-family: Manrope;
	font-size: 200px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: normal;
	position: absolute;
	right: 24px;
	top: -9px;
	z-index: 9;
}

.black-block p {
	color: #ffffff;
	font-family: Manrope;
	font-size: 18px;
	font-weight: 400;
	font-style: normal;
	letter-spacing: normal;
	line-height: 28px;
}

.bb5 {
	right: 0;
	top: -15px;
}

.white-block {
	margin-top: 34px;
	margin-bottom: 46px;
	padding-left: 35px;
	position: relative;
}

.white-block .figure {
	color: rgb(6 7 8 / 4%);
	bottom: -116px;
	height: auto;
	top: auto;
	right: 10px;
}

.white-block .h4 {
	color: #060708;
	font-family: Manrope;
	font-size: 24px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: normal;
	line-height: 32px;
	margin-bottom: 19px;
}

.white-block .h5 {
	color: #060708;
	font-family: Manrope;
	font-size: 18px;
	font-style: normal;
	letter-spacing: normal;
	line-height: 28px;
}

.garant-block {
	margin-top: 59px;
}

.dogovor {
	margin-top: -20px;
	margin-left: -115px;
}

.section-13 h3 {
	font-size: 26px;
	font-weight: 400;
	margin-top: 22px;
}

.section-13 {
	padding-top: 30px;
	padding-bottom: 124px;
	border-bottom: 1px solid rgb(0 0 0 / 10%);
	margin-bottom: 120px;
}

.section-13 .main-btn {
	max-width: 370px;
}

.trans .h4 {
	color: #fff;
	margin-bottom: 16px;
}

.trans p {
	color: #ffffff;
	font-family: Manrope;
	font-size: 20px;
	font-weight: 400;
	font-style: normal;
	letter-spacing: normal;
	line-height: 30px;
	margin-top: 15px;
}

.trans {
	margin-right: 30px;
}

.trans:last-of-type {
	margin-right: 0;
}

.trans .txt {
	position: absolute;
	left: 51px;
	top: 60px;
}

.transes {
	margin-top: 59px;
}

.slider-nav2 {
	width: 360px;
	height: auto;
	border-radius: 12px;
	border: 1px solid rgb(0 0 0 / 6%);
	min-width: 360px;
	padding: 5px;
	margin-right: 40px;
}

.slider-nav2 .slick-slide {
	color: rgb(6 7 8 / 60%);
	font-size: 16px;
	font-weight: 600;
	font-style: normal;
	letter-spacing: normal;
	line-height: 22px;
	height: 80px;
	display: flex;
	align-items: center;
	padding-left: 40px;
	position: relative;
}

.slider-nav2 .slick-active.slick-current {
	box-shadow:
		inset 0 -3px 3px 1px rgba(255, 255, 255, 0.1),
		inset 0 0 19px 1px rgba(255, 255, 255, 0.1);
	border-radius: 10px;
	background-image: linear-gradient(to top, #337bda 0%, #4896ff 100%);
	color: #fff;
}

.slider-nav2 .slick-slide:before {
	content: "";
	width: 310px;
	position: absolute;
	border-bottom: 1px solid rgb(0 0 0 / 10%);
	bottom: 0;
	right: 20px;
}

.vertical-slider {
	margin-top: 60px;
}

.slider-for2 {
	width: 100%;
	overflow: hidden;
}

.slider-for2 ul {
	margin-top: -1px;
	margin-left: 55px;
}

.slider-for2 .h5 {
	color: #060708;
	font-family: Manrope;
	font-size: 18px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: normal;
	line-height: 28px;
}

.section-15 {
	padding-top: 112px;
	padding-bottom: 120px;
}

.section-15 img {
	border-radius: 16px;
}

.big-black-block {
	height: 376px;
	border-radius: 14px;
	background-color: #000000;
	width: 100%;
	padding: 90px;
	display: flex;
	align-items: center;
	color: #fff;
}

.big-black-block h2 {
	color: #fff;
	margin-right: 73px;
}

@media (max-width: 1600px) and (min-width: 993px) {
	.big-black-block h2 {
		font-size: 32px;
	}
}

.section-16 .container {
	margin: 0 auto;
}

@media (min-width: 1601px) {
	.section-16 .container {
		max-width: 1380px;
	}
}

.doc img {
	margin-right: 14px;
}

.doc {
	margin-right: 67px;
}

.doc:last-of-type {
	margin-right: 0;
}

.section-16 {
	padding-bottom: 120px;
}

.slider-nav3 {
	width: 370px;
	height: auto;
	border-radius: 12px;
	border: 1px solid rgb(0 0 0 / 6%);
	margin-right: 61px;
	padding: 5px;
}

.slide-in {
	display: flex;
	align-items: center;
	padding: 10px;
	position: relative;
}

.slide-in img {
	margin-right: 20px;
}

.slide-in .h5 {
	font-family: Manrope;
	font-size: 18px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: normal;
	line-height: 26px;
	margin-bottom: 6px;
	display: block;
}

.slide-in span {
	opacity: 0.6;
	font-size: 14px;
	font-weight: 600;
	font-style: normal;
	letter-spacing: normal;
	line-height: 20px;
	display: block;
}

.slider-nav3 .slick-active.slick-current .slide-in {
	box-shadow:
		inset 0 -3px 3px 1px rgba(255, 255, 255, 0.1),
		inset 0 0 19px 1px rgba(255, 255, 255, 0.1);
	border-radius: 10px;
	background-image: linear-gradient(to top, #337bda 0%, #4896ff 100%);
	color: #fff;
}

.chel picture {
	display: block;
	margin-right: 30px;
}

.chel .h5 {
	font-size: 26px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: normal;
	line-height: 36px;
}

.chel p {
	opacity: 0.6;
	color: #060708;
	font-family: Manrope;
	font-size: 18px;
	font-weight: 400;
	font-style: normal;
	letter-spacing: normal;
	line-height: 28px;
}

.chel {
	margin-bottom: 45px;
}

.slider-for3 .h4 {
	color: #060708;
	font-family: Manrope;
	font-size: 24px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: normal;
	line-height: 34px;
	margin-bottom: 24px;
}

.preims6 span {
	color: #060708;
	font-family: Manrope;
	font-size: 16px;
	font-weight: 400;
	font-style: normal;
	letter-spacing: normal;
	line-height: 24px;
	margin-left: 10px;
}

.preims6 {
	margin-bottom: 47px;
}

.slider-for3 {
	width: 710px;
}

.vertical-slider2 {
	margin-top: 55px;
}

.buttons2 {
	margin-top: 72px;
	display: flex;
	align-items: center;
}

.second-btn.next-slide4 {
	margin-left: 57px;
}

.slider-nav3 .slide-in:before {
	content: "";
	width: 320px;
	position: absolute;
	border-bottom: 1px solid rgb(0 0 0 / 10%);
	bottom: -4px;
	right: 20px;
}

.section-17 {
	padding-bottom: 118px;
	overflow: hidden;
	border-bottom: 1px solid rgb(0 0 0 / 10%);
	margin-bottom: 100px;
}

.slider-for3 .slick-list {
	overflow: initial;
}

.big-zakaz {
	display: flex;
	align-items: start;
	position: absolute;
	bottom: -120px;
	left: -434px;
}

.inf {
	margin-right: 5px;
	margin-top: -16px;
}

.slider-nav3 .slick-slide:last-of-type .slide-in:before,
.slider-nav3 .slick-slide.slick-current.slick-active .slide-in:before {
	display: none;
}

.txt3 .h5 {
	color: #060708;
	font-family: Manrope;
	font-size: 22px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: normal;
	line-height: 30px;
}

.txt3 p {
	color: #060708;
	font-family: Manrope;
	font-size: 18px;
	font-weight: 400;
	font-style: normal;
	letter-spacing: normal;
	line-height: 28px;
}

.arr2 {
	position: absolute;
	top: -62px;
	right: 33px;
}

.section-18 {
	padding-top: 20px;
}

.contacts {
	max-width: 952px;
	margin: 0 auto;
	margin-top: 50px;
	margin-bottom: 50px;
}

.clock2 {
	color: #060708;
	font-family: Manrope;
	font-size: 26px;
	font-weight: 400;
	font-style: normal;
	letter-spacing: normal;
	line-height: 34px;
	text-align: center;
	margin-top: 29px;
}

.clock2 img {
	margin-right: 14px;
}

.round3 {
	width: 32px;
	height: 32px;
	background-color: #4896ff;
	border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 15px;
	margin-top: -5px;
}

.cont {
	display: flex;
	align-items: start;
}

.cont .h5 {
	color: rgb(6 7 8 / 80%);
	font-size: 14px;
	font-weight: bolder;
	font-style: normal;
	letter-spacing: normal;
	line-height: 22px;
}

.tel {
	color: #060708;
	font-family: Manrope;
	font-size: 22px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: normal;
	line-height: 24px;
}

.mail a {
	color: #4896ff;
	font-size: 20px;
	font-weight: 600;
	font-style: normal;
	letter-spacing: normal;
	line-height: 24px;
	border-bottom: 1px solid rgb(72 150 255 / 30%);
}

.section-19 h3 {
	color: #060708;
	font-family: Manrope;
	font-size: 26px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: normal;
	line-height: 34px;
}

#map {
	width: 100%;
	height: 800px;
	position: absolute;
	padding-top: 40px;
	z-index: 9;
}

#result {
	display: none;
}

.map-info {
	position: absolute;
	width: 100%;
	height: auto;
	left: 0;
	top: 120px;
	/* z-index: 9; */
}

.black-map {
	z-index: 10;
	position: relative;
	width: 490px;
	height: 593px;
	box-shadow: 0 40px 80px rgb(0 0 0 / 4%);
	background-color: #ffffff;
	float: right;
	padding: 5px;
	padding-left: 50px;
	padding-right: 50px;
	padding-top: 55px;
}

.black-map .h2 {
	color: #070809;
	font-family: Manrope;
	font-size: 30px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: normal;
	line-height: 42px;
}

.black-map .h4 {
	color: #070809;
	font-family: Manrope;
	font-size: 22px;
	font-style: normal;
	letter-spacing: normal;
	line-height: 32px;
}

.label {
	opacity: 0.8;
	color: #070809;
	font-family: Manrope;
	font-size: 14px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: normal;
	line-height: normal;
	text-align: left;
	text-transform: uppercase;
}

.soc {
	width: 124px;
	height: 54px;
	border-radius: 6px;
	border: 1px solid rgb(0 0 0 / 10%);
	margin-right: 9px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	z-index: 2;
	cursor: pointer;
}

.soc span {
	color: #070809;
	font-size: 12px;
	font-weight: 600;
	font-style: normal;
	letter-spacing: normal;
	line-height: 20px;
	text-align: center;
	/* Text style for "По СМС" */
	font-style: normal;
	letter-spacing: 0.24px;
}

.soc.active span,
.soc:hover span {
	color: #ffffff;
}

.soc.active path,
.soc:hover path {
	fill: #ffffff;
}

.sms:hover,
.sms.active {
	background-color: #4896ff;
}

.whats:hover,
.whats.active {
	background-color: #21ca60;
}

.viber:hover,
.viber.active {
	background-color: #925fbb;
}

.soc svg {
	margin-right: 7px;
}

.label {
	margin-bottom: 17px;
	margin-top: 27px;
}

.black-map picture {
	position: absolute;
	right: -25px;
	top: -29px;
}

.socials {
	margin-bottom: 20px;
}

.section-19 {
	padding-bottom: 825px;
}

footer .logo-block span {
	color: rgb(6 7 8 / 40%);
	font-family: Manrope;
	font-size: 15px;
	font-weight: 400;
	font-style: normal;
	letter-spacing: normal;
	line-height: 24px;
	margin-top: 3px;
}

.policy {
	border-bottom: 1px solid rgb(6 7 8 / 10%);
}

.policy:hover {
	color: #2b7fed !important;
	border-bottom: 1px solid #2b7fed;
	cursor: pointer;
}

.round4 {
	width: 54px;
	height: 54px;
	border: 1px solid rgb(6 7 8 / 20%);
	border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 14px;
}

.foot-btn {
	color: #4896ff !important;
	font-family: Manrope;
	font-size: 13px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: normal;
	line-height: normal;
	text-align: right;
	text-transform: uppercase;
	font-style: normal;
	letter-spacing: 0.78px;
	border-bottom: 1px solid #4896ff;
	float: right;
	margin-top: 5px;
	cursor: pointer;
}

.foot-btn:hover {
	color: #337bda;
	border-bottom: 1px solid #337bda;
}

footer {
	padding-bottom: 30px;
}

a:hover {
	text-decoration: none;
}

.step3 .d-flex div {
	display: flex;
	align-items: center;
}

.step3 .d-flex div span {
	margin: 0;
	margin-left: 45px;
	text-align: left;
}

.step3 .variants .variant-radio-label:after {
	left: 83px;
	top: 53px;
}

.step3 .variant {
	margin-bottom: 18px;
}

.step3 .variant-radio-label {
	width: 100%;
	border-radius: 12px;
	border: 1px solid rgb(0 0 0 / 10%);
	padding: 5px;
}

.step4 .h3 span {
	color: #969b9f;
	font-size: 20px;
	font-weight: 400;
	font-style: normal;
	letter-spacing: normal;
	line-height: 42px;
}

.step4 .variants .variant-radio-label:after {
	left: 73px;
	top: 170px;
}

.mini-img {
	width: 57px;
	text-align: center;
	margin-right: 14px;
}

.quiz .inf {
	display: flex;
	align-items: start;
	margin-bottom: 20px;
	margin-top: 0;
}

#countdown2 {
	display: flex;
	align-items: start;
	justify-content: center;
	margin-top: 19px;
	margin-bottom: 12px;
}

.formm .lab {
	opacity: 0.8;
	color: #070809;
	font-family: Manrope;
	font-size: 14px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: normal;
	line-height: normal;
	text-align: left;
	text-transform: uppercase;
	font-style: normal;
	letter-spacing: 0.28px;
	margin-bottom: 0;
}

.utp {
	z-index: 9;
}

#exampleModal .modal-body {
	padding: 50px 50px;
}

#exampleModal h3 {
	font-size: 1.75rem;
	color: #070809;
	font-family: Manrope;
	font-size: 28px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: normal;
	line-height: 40px;
}

#exampleModal h4 {
	color: #070809;
	font-family: Manrope;
	font-size: 20px;
	font-weight: 400;
	font-style: normal;
	letter-spacing: normal;
	line-height: 30px;
	margin-bottom: 20px;
}

.modal-dialog {
	max-width: 510px;
}

.modal-case .modal-dialog {
	max-width: 1170px;
}

.modal-case .gallery img {
	border-radius: 16px;
}

#exampleModal6 .modal-dialog {
	max-width: 795px;
}

#exampleModal6 .close {
	right: 15px;
	top: 15px;
	position: absolute;
	opacity: 1;
}

#exampleModal6 .modal-body {
	padding: 0;
}

#exampleModal6.modal {
	z-index: 1051;
}

.modal-open .main-nav {
	padding-right: 17px;
}

.modal-content {
	border-radius: 10px;
}

.close {
	position: absolute;
	right: -21px;
	top: -7px;
	opacity: 1;
}

.left-modal {
	background-image: url(../img/girl.jpg);
	width: 100%;
	height: 561px;
	position: relative;
	background-size: cover;
	max-width: 400px;
	border-top-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.right-modal {
	width: 469px;
	max-width: 469px;
	height: 561px;
	border-radius: 0 10px 10px 0;
	background-color: #ffffff;
	padding: 50px;
}

#exampleModal2 .modal-dialog {
	max-width: 868px;
}

.right-modal h4 {
	color: #070809;
	font-family: Manrope;
	font-size: 32px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: normal;
	line-height: 40px;
	margin-bottom: 13px;
}

.right-modal p {
	color: #070809;
	font-family: Manrope;
	font-size: 20px;
	font-weight: 400;
	font-style: normal;
	letter-spacing: normal;
	line-height: 30px;
}

.right-modal .form-control {
	max-width: 369px;
}

.right-modal .form-check {
	padding: 0;
	justify-content: center;
	margin-top: 16px;
}

#exampleModal2 .modal-content {
	border-radius: 0;
	background: transparent;
}

.name {
	color: #ffffff;
	font-family: Manrope;
	font-size: 18px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: normal;
	line-height: normal;
	position: absolute;
	top: 426px;
	left: 25px;
	text-align: center;
	width: 198px;
	height: 42px;
	background-image: url(../img/plashka.png);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 9;
}

.left-modal span {
	position: absolute;
	color: rgb(7 8 9 / 60%);
	font-family: Manrope;
	font-size: 14px;
	font-weight: 400;
	background-image: url(../img/plashka2.png);
	display: flex;
	align-items: center;
	justify-content: center;
	left: 47px;
	top: 460px;
	width: 198px;
	height: 42px;
}

.mask {
	width: 265px;
	height: 370px;
	border-radius: 14px;
	background-color: rgb(32 87 179 / 60%);
	opacity: 0.6;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 10px;
	left: 25px;
	transition: 0.4s;
	opacity: 0;
	cursor: pointer;
}

.steklo:hover .mask {
	transition: 0.4s;
	opacity: 1;
}

.steklo-modal .gal .h4 {
	color: #ffffff;
	font-family: Manrope;
	font-size: 28px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: normal;
	line-height: 1.4;
	margin-bottom: 30px;
}

.steklo-modal {
	background-color: transparent;
	border: none;
	width: auto;
}

.steklo-modal .close {
	position: relative;
	right: -6px;
	top: 0;
	opacity: 1;
}

.gal {
	margin-right: 20px;
}

.right-form form {
	width: 510px;
	height: 635px;
	border-radius: 10px;
	background-color: #ffffff;
	padding: 50px;
}

.right-form form .h4 {
	color: #070809;
	font-family: Manrope;
	font-size: 28px;
	font-style: normal;
	letter-spacing: normal;
	line-height: 40px;
}

.modal-backdrop.show {
	opacity: 0.8;
}

.buttons2 button {
	max-width: 306px;
}

.thx header .logo-block span {
	padding-left: 25px;
}

.section-thx {
	background-image: url("../img/section-thx.jpg");
	padding-top: 108px;
	padding-bottom: 0;
}

.alex {
	margin-left: -43px;
}

.right-thx h1 {
	color: #060708;
	font-family: Manrope;
	font-size: 60px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: normal;
	line-height: 68px;
	margin-bottom: 30px;
}

.right-thx h3 {
	color: #060708;
	font-size: 30px;
	font-weight: 600;
	font-style: normal;
	letter-spacing: normal;
	line-height: 38px;
}

.right-thx .h4 {
	color: #060708;
	font-size: 22px;
	font-weight: 400;
	font-style: normal;
	letter-spacing: normal;
	line-height: 32px;
}

.right-thx {
	margin-top: 50px;
	margin-left: 10px;
}

.inst-btn {
	max-width: 350px;
	margin: 40px 0;
	line-height: 30px;
}

.inst-btn img {
	margin-right: 15px;
}

.right-thx .h4 strong {
	border-radius: 27px;
	border: 1px solid rgb(6 7 8 / 10%);
	padding: 0 20px;
	height: 54px;
	display: inline-flex;
	align-items: center;
}

.right-thx .phone {
	color: #060708;
	font-family: Manrope;
	font-size: 46px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: normal;
	line-height: 1.4;
	margin-bottom: 32px;
	display: block;
}

.right-thx p {
	color: #060708;
	font-family: Manrope;
	font-size: 18px;
	font-weight: 400;
	font-style: normal;
	letter-spacing: normal;
	line-height: 28px;
}

.thx footer {
	padding-top: 30px;
}

.err {
	display: none !important;
}

#exampleModal7 .modal-dialog {
	max-width: 1400px;
}

#exampleModal7 .modal-body {
	padding: 0;
	background: transparent;
}

#exampleModal7 .modal-content {
	background-color: transparent !important;
	border: none;
	border-radius: 0;
}

#exampleModal7 .section-4 {
	background-position: center;
}

.main-nav {
	height: 70px;
	position: fixed;
	width: 100%;
	background: #fff;
	opacity: 0;
	z-index: -1;
	transition-property: opacity;
	transition-duration: 0.5s;
	padding-top: 6px;
	padding-bottom: 8px;
}

nav.main-nav.visible {
	z-index: 1011;
	opacity: 1;
	box-shadow: 0px 7px 30px rgb(0 0 0 / 15%);
	/* padding-right: 17px; */
	transition-property: opacity;
	transition-duration: 0.5s;
}

.main-menu {
	width: 100%;
	margin-right: 35px;
}

.visible-xs {
	display: none;
}

.main-nav ul {
	padding: 0;
	margin: 0;
	margin-right: 51px;
	list-style: none;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}

.main-nav li {
	position: relative;
	height: 50px;
	display: flex;
	align-items: center;
}

.main-nav li:before {
	content: "";
	width: 6px;
	height: 6px;
	background-color: #ffa488;
	border-radius: 100%;
	position: absolute;
	top: 22px;
	right: -35px;
	left: auto;
}

.main-nav li:last-of-type:before {
	display: none;
}

.visible-xs-inline2 {
	display: none !important;
}

.main-nav a {
	color: #070809;
	font-family: Manrope;
	font-size: 12px;
	font-weight: 500;
	font-style: normal;
	letter-spacing: normal;
	line-height: 20px;
	text-decoration: underline;
	text-decoration-color: rgb(0 0 0 / 10%);
}

.main-nav .main-btn {
	max-width: 220px;
	max-height: 56px;
	font-size: 14px;
	line-height: 20px;
	border: none;
	position: relative;
}

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

.team-member {
	position: relative;
	flex: 0 1 292px;
	margin-bottom: 48px;
}

.team-member:nth-child(5),
.team-member:nth-child(6) {
	margin-bottom: 0;
}

.team-member__title {
	font-size: 44px;
	line-height: 54px;
	font-weight: 400;
	color: #060708;
	text-align: center;
	margin-bottom: 60px;
}

.team-member__title strong {
	font-weight: 700;
}

.team-member__img {
	margin-bottom: 30px;
}

.team-member__img img {
	border-radius: 12px;
}

.team-member__exp {
	position: absolute;
	top: 341px;
	left: 25px;
	width: 125px;
	border-radius: 4px;
	text-align: center;
	font-size: 16px;
	line-height: 34px;
	font-weight: 500;
	color: #ffffff;
	background-color: #4896ff;
}

.team-member__fio {
	font-size: 22px;
	line-height: 30px;
	font-weight: 700;
	color: #060708;
	text-align: center;
	margin-bottom: 14px;
}

.team-member__post {
	opacity: 0.6;
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
	color: #060708;
	text-align: center;
}

.team-member__last-block {
	flex: 0 1 595px;
	display: flex;
	position: relative;
	overflow: hidden;
}

.team-member__big-order {
	width: 364px;
	box-shadow: 0px 0px 81px 0px rgba(0, 0, 0, 0.03);
	border-radius: 12px;
	padding: 5px;
	position: relative;
	z-index: 5;
	background-color: #fff;
}

.team-member__bordered {
	border: 1px solid rgb(183 96 206 / 5%);
	border-radius: 12px;
	padding: 52px 40px 54px 41px;
}

.team-member__modal h4 {
	font-size: 26px;
	line-height: 30px;
	font-weight: 700;
	color: #060708;
	margin-bottom: 19px;
}

.team-member__modal p {
	font-size: 16px;
	line-height: 26px;
	font-weight: 400;
	color: #060708;
}

.team-member__modal .span {
	opacity: 0.8;
	font-size: 12px;
	line-height: 1.2;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	color: #070809;
}

.team-member__modal .form-control {
	background-color: #fafbfc;
	padding-left: 40px;
	color: rgb(7 8 9 / 50%);
	margin-top: 13px;
	margin-bottom: 10px;
	width: 273px;
	height: 80px;
	border: 1px solid #f1f1f1;
	border-radius: 10px;
	font-size: 16px;
	line-height: 1.2;
}

.team-member__modal .main-btn {
	width: 273px;
	height: 86px;
	font-size: 14px;
	line-height: 22px;
}

.bordered {
}

.team-member__modal {
}

.form {
}

.relative {
}

.needs-validation {
}

.form-group {
}

.span {
}

.input {
}

.js_input {
}

.form-control {
}

.js_tel {
}

.err {
}

.main-btn {
}

.btn__light-wrap {
}

.btn__light {
}

.form-check {
}

.form-check-input {
}

.form-check-label {
}

.team-member__big-img {
	position: absolute;
	top: 0;
	right: 0;
	z-index: -1;
}

.team-member__big-img img {
	max-width: 100%;
}

.btn-noform {
	display: none;
}

#exampleModal9 .section-4 {
	padding: 0;
	margin-bottom: 0;
	background-image: initial;
}

#exampleModal9 .section-4 .form-right form {
	padding: 0;
}

.worknow.none {
	display: none;
}

.right-gal__big {
	height: 526px;
	/*
    display: flex;
    justify-content: center;*/
}

.right-gal__big img {
	max-height: 100%;
	max-width: 100%;
}

.right-gal__small {
	height: 170px;
	/*
    display: flex;
    justify-content: center;*/
}

.right-gal__small img {
	max-height: 100%;
	max-width: 100%;
}

.section-15 .right-gal div {
	margin-bottom: 8px;
}

.section-15 .right-gal div:last-child {
	margin-bottom: 0;
}

#exampleModal7 .modal-content {
	padding-right: 15px;
}

.show-mob {
	display: none;
}

.section-6 .buttons-next {
	text-align: center;
	line-height: 98px;
	max-width: 410px;
}

/* banners */
#credit .modal-dialog {
	max-width: 1290px;
}
#credit .modal-content {
	border: none;
	padding: 100px 90px;
}
.credit-block {
	position: relative;
}
.credit-block__text {
}
.credit-block__main-title {
	font-size: 36px;
	line-height: calc(50 / 36 * 100%);
	font-weight: 900;
}
.credit-block__main-subtitle {
	margin-top: 25px;
	font-size: 18px;
	line-height: calc(30 / 18 * 100%);
}
.credit-block__main {
	margin-top: 30px;
}
.credit-block__title {
	font-size: 18px;
	font-weight: 700;
	line-height: 1.3;
}
.credit-block__list {
	margin-top: 30px;
}
.credit-block__list-title {
	margin-top: 36px;
	margin-bottom: 15px;
	width: 297px;
	height: 36px;
	border-radius: 7px;
	border: 1px solid #0000001a;
	font-size: 16px;
	font-weight: 700;
	display: flex;
	align-items: center;
	justify-content: center;
}
.credit-block__list-item {
	padding-left: 22px;
	font-size: 15px;
	font-weight: 500;
	line-height: calc(32 / 15 * 100%);
}
.credit-block__list-item:not(:last-child) {
	margin-bottom: 10px;
}
.credit-block__list-item:before {
	width: 10px;
	height: 10px;
	background-image: linear-gradient(to top, #337bda 0%, #4896ff 100%);
	margin-right: 10px;
	position: absolute;
	top: 11px;
	left: 0;
	border-radius: 0;
}
.credit-block__pic {
	position: absolute;
	top: 0;
	left: 560px;
}
.credit-block__pic img {
	max-width: unset;
}
.credit-inner {
	margin-top: 60px;
}
.credit-inner__main-title {
	text-align: center;
	font-size: 36px;
	font-weight: 900;
	line-height: calc(50 / 36 * 100%);
}
.credit-inner__block {
	margin-top: 40px;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
}
.credit-inner__column {
	width: 100%;
	height: 228px;
	border-radius: 7px;
	background-color: #ffe816;
	padding: 55px 0;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
.credit-inner__title {
	font-size: 18px;
	font-weight: 700;
	line-height: calc(26 / 18 * 100%);
	text-align: center;
}
.credit-inner__subtitle {
	margin-top: 45px;
	font-size: 18px;
	line-height: calc(26 / 18 * 100%);
	text-align: center;
}

.section-credit {
	cursor: pointer;
	padding: 50px 0 70px 0;
}
.section-credit__wrapper {
	position: relative;
}
.section-credit__hand {
	position: absolute;
	right: 400px;
	bottom: -40px;
}
.section-credit__block {
	border: none;
	width: 100%;
	background: url("../img/new/bg.png");
	display: grid;
	grid-template-columns: 1fr 380px;
	gap: 55px;
	padding: 35px 55px;
	cursor: pointer;
}

.section-credit__left {
	align-self: center;
}
.section-credit__main-title {
	margin-bottom: 15px;
	text-align: left;
	font-size: 40px;
	font-weight: 900;
}
.section-credit__list {
	display: grid;
	grid-template-columns: repeat(3, auto);
	gap: 20px;
}
.section-credit__list-item {
	font-size: 15px;
	border-radius: 6px;
	background-color: #ffe816;
	padding: 5px 10px;
}
.section-credit__pic {
	align-self: center;
}
.section-credit__pic img {
	max-width: 100%;
	align-self: center;
}
.section-contact {
	padding-bottom: 70px;
}
@media (max-width: 1280px) {
	.section-credit__pic img {
		max-width: 100%;
		align-self: center;
	}
	.section-credit__block {
		grid-template-columns: 70% 30%;
		gap: 30px;
	}
}
@media (max-width: 1200px) {
	.section-credit__block {
		display: flex;
		flex-direction: column-reverse;
		gap: 0px;
		padding: 30px;
	}
	.section-credit__hand {
		bottom: -55px;
	}
	.credit-inner__block {
		gap: 15px;
	}
}
@media (max-width: 992px) {
	.section-credit__main-title {
		font-size: 30px;
		text-align: center;
	}
	.section-credit__hand {
		bottom: auto;
		right: 20px;
		top: 20px;
	}
	.credit-block__main-title br {
		display: none;
	}
	.credit-block__pic {
		position: unset;
		margin-top: 20px;
	}
	.credit-block__pic img {
		max-width: 400px;
		text-align: center;
		margin: 0 auto;
	}
	.credit-block__list-title {
		margin-top: 0px;
		margin-bottom: 5px;
	}
	.credit-block__list-item:not(:last-child) {
		margin-bottom: 0;
	}
}
@media (max-width: 768px) {
	.section-credit {
		padding: 50px 0 0 0;
	}
	.section-credit__main-title {
		font-size: 24px;
	}
	.section-credit__pic img {
		max-width: 70%;
		align-self: center;
	}
	.credit-block br {
		display: none;
	}
	.section-contact {
		padding-bottom: 50px;
	}
	#credit .modal-content {
		border: none;
		padding: 40px 20px;
	}
	.credit-block__main-title {
		font-size: 27px;
	}
	.credit-block__main-subtitle {
		margin-top: 10px;
	}
	.credit-inner__main-title {
		text-align: center;
		font-size: 27px;
	}
	.credit-inner {
		margin-top: 30px;
	}
}
@media (max-width: 580px) {
	.credit-inner__column {
		width: 100%;
		height: auto;
		padding: 15px 0;
	}
	.credit-inner__subtitle {
		margin-top: 10px;
	}
	.credit-inner__block {
		grid-template-columns: 1fr;
	}
	.section-credit__list {
		grid-template-columns: 1fr;
		gap: 10px;
	}
	.section-credit__hand {
		right: -20px;
	}
	.section-credit__hand img {
		max-width: 50%;
	}
	.credit-block__pic {
		text-align: center;
	}
}
@media (max-width: 460px) {
	.credit-block__pic img {
		max-width: 220px;
		text-align: center;
		margin: 0 auto;
	}
}

#contact-us .modal-dialog {
	max-width: 1290px;
}
#contact-us .modal-content {
	border: none;
	padding: 85px 70px;
}
.contact-block {
}
.contact-block__title {
	font-size: 36px;
	font-weight: 900;
	line-height: 1.3;
	text-align: center;
}
.contact-block__wrapper {
	margin-top: 41px;
	display: grid;
	grid-template-columns: repeat(2, 254px);
	gap: 44px;
	justify-content: center;
}
.contact-block__column {
	width: 100%;
	height: 254px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.contact-block__column img {
	max-width: 100%;
}
/* .contact-block__column:nth-child(2n - 1) {
	border: 1px solid #0000000a;
} */
.contact-block__column {
	border: 1px solid #0000000a;
}
.messanger-block {
	flex-direction: column;
}
.messanger-block__round {
	width: 90px;
	height: 90px;
	background-repeat: no-repeat;
	background-position: center;
	border-radius: 50%;
	position: relative;
}
.messanger-block__round::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 44px;
	height: 44px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.messanger-block__round_w {
	background-image: linear-gradient(to bottom, #81fa6c 0%, #13c61d 100%);
}
.messanger-block__round_w::after {
	background-image: url(../img/new/whats.svg);
}
.messanger-block__name {
	font-size: 22px;
	font-weight: 600;
	line-height: 1.2;
	margin-top: 10px;
}
.messanger-block__note {
	margin-top: 10px;
	max-width: 192px;
	width: 100%;
	height: 33px;
	border-radius: 6px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 15px;
	color: #000000;
}
.messanger-block__note:hover {
	opacity: 0.8;
	color: #000000;
}
.messanger-block__note_w {
	background-color: #ffe816;
}
.messanger-block__tel {
	margin-top: 10px;
	font-size: 15px;
}
._tel a {
	color: inherit;
}
._tel a:hover {
	color: inherit;
	text-decoration: underline 1px;
	text-underline-offset: 3px;
}
._tel_w {
	color: #27a825;
}
.messanger-block__round_t {
	background-image: linear-gradient(-135deg, #23acea 0%, #138dcf 100%);
}
.messanger-block__round_t::after {
	background-image: url(../img/new/tg.svg);
}
.messanger-block__note_t {
	background-color: #1ba2e2;
}
._tel_t {
	color: #189edf;
}
@media (max-width: 992px) {
	.contact-block__wrapper {
		grid-template-columns: repeat(2, 1fr);
	}
	#contact-us .modal-content {
		padding: 30px;
	}
}
@media (max-width: 580px) {
	.contact-block__wrapper {
		grid-template-columns: repeat(2, 1fr);
		gap: 5px;
		row-gap: 20px;
	}
	#contact-us .modal-content {
		padding: 10px;
	}
	.contact-block__column {
		height: auto;
		padding: 10px 5px;
	}
	.messanger-block__note {
		font-size: 13px;
	}
	.contact-block__title {
		font-size: 27px;
	}
}
.zoom-init.section-9 {
	max-width: 1920px;
	margin-inline: auto;
}