@font-face {
	font-family: "Open Sans";
	src: url("OpenSans-Light.woff2") format("woff2") url("OpenSans-Light.woff") format("woff");
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: "Open Sans";
	src: url("OpenSans-LightItalic.woff2") format("woff2") url("OpenSans-LightItalic.woff") format("woff");
	font-weight: 300;
	font-style: italic;
}
@font-face {
	font-family: "Open Sans";
	src: url("OpenSans-Regular.woff2") format("woff2") url("OpenSans-Regular.woff") format("woff");
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: "Open Sans";
	src: url("../fonts/OpenSans-Italic.woff2") format("woff2") url("OpenSans-Italic.woff") format("woff");
	font-weight: 400;
	font-style: italic;
}
@font-face {
	font-family: "Open Sans";
	src: url("../fonts/OpenSans-Medium.woff2") format("woff2") url("OpenSans-Medium.woff") format("woff");
	font-weight: 500;
	font-style: normal;
}
@font-face {
	font-family: "Open Sans";
	src: url("../fonts/OpenSans-MediumItalic.woff2") format("woff2") url("OpenSans-MediumItalic.woff") format("woff");
	font-weight: 500;
	font-style: italic;
}
@font-face {
	font-family: "Open Sans";
	src: url("../fonts/OpenSans-SemiBold.woff2") format("woff2") url("OpenSans-SemiBold.woff") format("woff");
	font-weight: 600;
	font-style: normal;
}
@font-face {
	font-family: "Open Sans";
	src: url("../fonts/OpenSans-SemiBoldItalic.woff2") format("woff2") url("OpenSans-SemiBoldItalic.woff")
		format("woff");
	font-weight: 600;
	font-style: italic;
}
@font-face {
	font-family: "Open Sans";
	src: url("../fonts/OpenSans-Bold.woff2") format("woff2") url("OpenSans-Bold.woff") format("woff");
	font-weight: 700;
	font-style: normal;
}
@font-face {
	font-family: "Open Sans";
	src: url("../fonts/OpenSans-BoldItalic.woff2") format("woff2") url("OpenSans-BoldItalic.woff") format("woff");
	font-weight: 700;
	font-style: italic;
}
@font-face {
	font-family: "Open Sans";
	src: url("../fonts/OpenSans-ExtraBold.woff2") format("woff2") url("OpenSans-ExtraBold.woff") format("woff");
	font-weight: 800;
	font-style: normal;
}
@font-face {
	font-family: "Open Sans";
	src: url("../fonts/OpenSans-ExtraBoldItalic.woff2") format("woff2") url("OpenSans-ExtraBoldItalic.woff")
		format("woff");
	font-weight: 800;
	font-style: italic;
}

:root {
	--bot-url: url("../img/bot1.gif");
	--black: #111111;
}

.lds-ellipsis {
	display: inline-block;
	position: relative;
	width: 64px;
	height: 12px;
	transform: scale(0.5);
	margin: auto;
	float: none;
	opacity: 0.8;
	margin-top: 4px;
}

.lds-ellipsis div {
	position: absolute;
	width: 11px;
	height: 11px;
	border-radius: 50%;
	background: #fff;
	animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

.butbottom .lds-ellipsis div {
	background: #0f8ccc;
}

.lds-ellipsis div:nth-child(1) {
	left: 6px;
	animation: lds-ellipsis1 0.6s infinite;
}

.lds-ellipsis div:nth-child(2) {
	left: 6px;
	animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(3) {
	left: 26px;
	animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(4) {
	left: 45px;
	animation: lds-ellipsis3 0.6s infinite;
}

@keyframes lds-ellipsis1 {
	0% {
		transform: scale(0);
	}

	100% {
		transform: scale(1);
	}
}

@keyframes lds-ellipsis3 {
	0% {
		transform: scale(1);
	}

	100% {
		transform: scale(0);
	}
}

@keyframes lds-ellipsis2 {
	0% {
		transform: translate(0, 0);
	}

	100% {
		transform: translate(19px, 0);
	}
}

body {
	font-family: "Open Sans", sans-serif;
	margin: 0;
	background: #fafafa;
	font-size: 13px;
	color: #333;
	padding: 0 15px;
	overflow-y: scroll;
	overflow-x: hidden;
	max-height: 100vh;
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	outline: 0;
}

.fixed-crossbrowser-background {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	min-height: 100vh;
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;

	background-image: url(../img/bg2.png);
	opacity: 1;
	z-index: -1;
	transition: all 500ms ease;
}

.fixed-crossbrowser-background:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	/*background-color: rgba(17, 17, 17, 0.7);*/
	/* background: linear-gradient(180deg, rgba(17, 17, 17, 0.80) 0%, rgba(17, 17, 17, 0.00) 71.88%); */
	width: 100%;
	height: 100%;
}

.chat {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	border-radius: 24px 24px 0 0;
	transition:
		height 100ms ease,
		transform 700ms ease,
		opacity 700ms ease;
	background: rgba(250, 250, 250, 0.8);
	transform: translateY(300px) scale(0.9);
	opacity: 0;
	box-shadow: 0px 30px 30px rgba(0, 0, 0, 0.08);
	overflow: hidden;
}

.chatshow {
	transform: translateY(0) scale(1);
	opacity: 1;
	z-index: 1;
	position: relative;
}

.message {
	margin-top: 30px;
	transition: all 500ms ease;
}

.mesbot {
	display: grid;
	grid-template-columns: 60px 1fr;
	grid-gap: 20px;
}

.mesuser {
	width: 85%;
	max-width: 295px;
	margin-right: 0;
	margin-left: auto;
}

.mesimg {
	background: #f5f5f5;
	height: 60px;
	border-radius: 50%;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	background-image: var(--bot-url);
}

.mestext {
	font-weight: 400;
	font-size: 16px;
	line-height: 148%;
	color: #252c2c;
	display: inline-block;
	background: #ffffff;
	padding: 15px 20px;
	max-width: 585px;
	border-radius: 2px 15px 15px 15px;
	box-shadow: 0 3px 10px rgba(38, 36, 60, 0.07);
	/* white-space: pre-line; */
}

.mestext + .mestext {
	margin-top: 20px;
}

.mesitems {
	display: block;
	background: #ffffff;
	padding: 15px 20px;
	border-radius: 2px 15px 15px 15px;
	box-shadow: 0 3px 10px rgba(38, 36, 60, 0.07);
	margin-top: 20px;
}

.mestext .mesitems {
	box-shadow: none;
	border-radius: 0;
	padding: 0;
	margin-top: 18px;
}

.mesuser .mestext {
	background: #0078d6;
	color: #fff;
	box-shadow: 0 3px 10px rgba(38, 36, 60, 0.07);
	border-radius: 15px 15px 0 15px;
}

.mesbot.meshide {
	opacity: 0;
	transform: translateX(-40px);
}

.mesbot.meshide2 {
	opacity: 0;
	transform: translateY(-10px);
}

.mesuser.meshide {
	opacity: 0;
	transform: translateX(40px);
}

.mesuser.meshide2 {
	opacity: 0;
	transform: translateY(-10px);
}

.butslink {
	margin-top: 20px;
	max-width: 580px;
	transition: all 300ms ease;
	opacity: 1;
}

.butslinkhide {
	opacity: 0;
	transform: translateY(-10px);
}

.simple-button {
	display: block;
	padding: 12px 20px 13px;
	text-align: center;
	transition: all 200ms ease;
	cursor: pointer;
	user-select: none;
	background: var(--black);
	box-shadow: 0 1px 8px rgba(38, 36, 60, 0.05);
	border-radius: 50px;
	color: #fff;
	font-size: 18px;
	transition: all 0.3s ease;
	width: max-content;
}

.simple-button:hover {
	background: #4e4e4e;
	color: #fff;
}

.flat-button {
	border-radius: 6px;
	background: #fff;
	box-shadow: 2px 3px 4px 0px rgba(38, 36, 60, 0.05);
	padding: 9px 26px;
	color: var(--black);
	text-align: center;
	font-size: 18px;
	line-height: 148%;
	border: 1px solid transparent;
	transition: all 0.3s ease;
	cursor: pointer;
}

.flat-button:hover {
	border-color: #da9370;
}

.flat-button.butlinkact {
	border-color: #252c2c;
}

/* .butlink {
	display: inline-block;
	padding: 12px 20px 13px;
	text-align: center;
	transition: all 200ms ease;
	cursor: pointer;
	user-select: none;
	background: #ffffff;
	box-shadow: 0 1px 8px rgba(38, 36, 60, 0.05);
	border-radius: 50px;
	color: #333333;
	font-size: 15px;
	margin-bottom: 10px;
}

.butlink:hover {
	background: #252C2C;
	color: #fff;
} */

.butlinkshow {
	display: inline-block;
	padding: 12px 20px 13px;
	text-align: center;
	transition: all 200ms ease;
	cursor: pointer;
	user-select: none;
	background: #ffffff;
	box-shadow: 0px 1px 8px rgba(38, 36, 60, 0.05);
	border-radius: 30px;
	color: #ffcc33;
	font-size: 15px;
	margin-bottom: 10px;
	white-space: nowrap;
}

/*.butlink:hover,*/
/*.butlinkshow:hover {*/
/*  background: #252C2C;*/
/*  color: #fff;*/
/*}*/

.inptext {
	width: 100%;
	max-width: 300px;
	padding: 17px 20px;
	color: var(--black);
	font-size: 16px;
	transition: all 200ms ease;
	border-radius: 34px;
	border: 1px solid #c7c7c7;
	background: #fff;
}

.inptext::placeholder {
	color: #bdc5cb;
	font-size: 18px;
	line-height: 100%;
}

.inptext:focus {
	border-color: #9c9c9c;
}

.inpphone,
.inpname,
.inptime {
	max-width: 300px;
	margin-top: 7px;
}

.gradient {
	position: fixed;
	width: 100%;
	height: 400px;
	background: linear-gradient(180deg, #02001e 0%, rgba(2, 0, 30, 0) 100%);
	opacity: 0;
	top: 0;
	left: 0;
	transition: all 500ms ease;
}

.gradientshow {
	opacity: 0.65;
}

.main {
	position: relative;
	z-index: 1;
	width: 100%;
	max-width: 830px;
	margin: 0 auto;
}

.mainshow {
	max-height: 100vh;
	overflow: hidden;
}

.title-block {
	transition:
		all 700ms ease,
		opacity 500ms ease;
	transform: translateY(100%);
	opacity: 0;
}

.title,
h1 {
	font-family: "Open Sans", sans-serif;
	font-size: 36px;
	font-weight: 600;
	letter-spacing: 1.5px;
	line-height: 148%;
	text-align: center;
	color: #05141f;
	margin: auto;
	/* text-transform: uppercase; */
	/*transition: all 700ms ease, opacity 500ms ease;*/
	/*transform: translateY(100%);*/
	/*opacity: 0;*/
}

h1 {
	margin: 40px auto 30px;
}

.title {
	padding: 60px 0 19px;
}

.title_descr {
	font-size: 24px;
	line-height: 148%;
	text-align: center;
	margin: auto;
	padding-bottom: 40px;
	color: #333333;
	/*transition: all 700ms ease, opacity 500ms ease;*/
	/*transform: translateY(350%);*/
	/*opacity: 0;*/
}

.promo {
	transition:
		all 700ms ease,
		opacity 500ms ease;
	transform: translateY(350%);
	opacity: 0;
	/*margin: 0 0 90px 0;*/
}

.promo h1 {
	margin: 20px auto 16px auto;
}

.promo .title_descr {
	margin: 0 0 50px 0;
}

.promo__wrapper {
	/*display: grid;*/
	/*grid-template-columns: repeat(3, 1fr);*/
	/*gap: 16px;*/
	/*margin: 0 0 25px 0;*/
	/*width: max-content;*/
	margin: 0 0 30px 0;
}

.promo__item {
	border-radius: 20px;
	position: relative;
}

.promo__item img {
	width: 100%;
	height: 100%;
	border-radius: 20px;
}

.promo__item-content {
	position: absolute;
	bottom: 30px;
	left: 24px;
}

.promo__item-title {
	font-weight: 400;
	font-size: 21px;
	line-height: 26px;
	color: #ffffff;
	margin: 0 0 15px 0;
}

.promo__item-link {
	font-weight: 500;
	font-size: 16px;
	line-height: 100%;
	text-align: center;
	color: #ffffff;
	display: flex;
	align-items: center;
	cursor: pointer;
}

.promo__item-link::after {
	display: block;
	content: "";
	width: 14px;
	height: 14px;
	background: url("../img/arrow.svg");
	margin: 0 0 0 10px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.promo__btn {
	background: #e31e24;
	border-radius: 200px;
	width: 100%;
	font-weight: 500;
	font-size: 21px;
	line-height: 25px;
	text-align: center;
	color: #ffffff;
	text-align: center;
	border: none;
	font-family: inherit;
	cursor: pointer;
	padding: 12px;
}

.advantages-block {
	transition:
		all 700ms ease,
		opacity 500ms ease;
	transform: translateY(200%);
	opacity: 0;
}

.h1show1 {
	opacity: 1;
}

.h1show2 {
	transform: translateY(0);
}

.chathead {
	color: #fff;
	font-size: 25px;
	line-height: 145%;
	text-align: center;
	margin-bottom: 35px;
}

.chatheader {
	padding: 30px;
	border-radius: 23px 23px 0 0;
	background-color: #111;
	box-shadow: 0px 4px 10px rgba(38, 36, 60, 0.08);
}

.chatcont {
	padding: 25px 30px 100px;
}

.mesuser .mescont {
	text-align: right;
}

.widthwin {
	display: none;
}

.butnumber {
	padding: 12px 18px 13px;
	border-radius: 50%;
	width: 45px;
}

.alenaprint {
	font-weight: 400;
	font-size: 14px;
	line-height: 148%;
	color: #6f6f6f;
	padding-left: 80px;
	margin-top: 25px;
	font-style: italic;
	margin-bottom: -43px;
	transition: all 300ms ease;
	transform: scale(0.8) translateX(-20px);
	opacity: 0;
	float: left;
}

.alenaprintshow {
	transform: scale(1);
	opacity: 1;
}

.hideop {
	opacity: 0;
}

.butphone {
	background: #0078d6;
	color: #fff;
	font-family: inherit;
	font-size: 17px;
	border-radius: 30px;
	padding: 17px 50px;
	border: 0;
	cursor: default;
	transition: all 200ms ease;
	opacity: 1;
	box-shadow: 0px 1px 8px rgba(38, 36, 60, 0.05);
	cursor: pointer;
}

.butphoneshow {
	cursor: pointer;
	opacity: 1;
}

.butphone:hover {
	background: #252c2c;
}

.divbutphone {
	margin-top: 15px;
}

.smshead {
	text-align: center;
	margin: 20px 0 30px;
	font-weight: bold;
	font-size: 30px;
	line-height: 37px;
	padding: 0 20px;
	color: #3c4143;
}

.blockshow {
	opacity: 1 !important;
	transform: translateX(0px) scale(1) !important;
	z-index: 2;
}

.smsdesc {
	color: #6f6f6f;
	font-size: 17px;
	padding: 0 40px;
	width: 100%;
	max-width: 450px;
	text-align: center;
	margin: 0 auto;
}

.smsdesc span {
	font-weight: bold;
}

.inpcode,
.inpchangephone {
	padding: 13px 30px;
}

.error {
	font-size: 12px;
	color: #f6004b;
	display: none;
}

.errorsms {
	text-align: center;
	margin: -15px 0 25px;
	padding: 0 20px;
}

.blocksuccess {
	display: none;
	background: #ffffff;
	box-shadow: 0px 40px 80px rgba(38, 36, 60, 0.37);
	border-radius: 40px;
	padding: 45px 50px 60px;
	max-width: 450px;
	position: fixed;
	width: 100%;
	left: 50%;
	top: 50%;
	transition:
		opacity 500ms ease,
		transform 500ms ease;
	opacity: 0;
	transform: translateY(100px) scale(0.8);
}

.icosuccess {
	width: 55px;
	height: 55px;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzAiIGhlaWdodD0iNzAiIHZpZXdCb3g9IjAgMCA3MCA3MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNTkuNzE0NCAxMC4yMDE2QzUzLjEwNiAzLjYyMTQ0IDQ0LjMzMiAwIDM1LjAwMDQgMEgzNC45NTA3QzMwLjE5MjMgMC4wMDY0MDg2OSAyNS41NzQ4IDAuOTU4NjM0IDIxLjIyNTQgMi44Mjk0NEMxNy4wMzE1IDQuNjM0MDIgMTMuMjcyOCA3LjIwODE4IDEwLjA1MzUgMTAuNDgxNEMzLjQzMDYzIDE3LjIxNDggLTAuMTM4NDggMjYuMDk0NiAwLjAwNDExMzIxIDM1LjQ4NDRDMC4wOTAwOTY1IDQxLjE4NTUgMS41OTA4IDQ2LjgyOTQgNC4zNDIyNiA1MS44MDQ3QzQuMzk0MDcgNTEuODk4MSA0LjQwNjM1IDUyLjAwMjggNC4zNzY0NCA1Mi4wOTI1TDAuMzUwNzE3IDY0LjE0ODNDLTAuMTY2MjUxIDY1LjY5NzEgMC4yMDU5ODcgNjcuMzk5NyAxLjMyMjcgNjguNTkxN0MyLjE3NTU5IDY5LjUwMjggMy4zNTQyNiA3MCA0LjU2ODE3IDcwQzQuOTQ1NzUgNzAgNS4zMjY1MyA2OS45NTE5IDUuNzAxNDQgNjkuODUzN0wxOS4zMDg3IDY2LjI3OTJDMTkuMzg4OCA2Ni4yNTc5IDE5LjQ3NTMgNjYuMjY2OSAxOS41NTIyIDY2LjMwNDlDMjQuMzg5NyA2OC42ODU3IDI5LjU4NzIgNjkuODkyNyAzNC45OTkzIDY5Ljg5MjdDNDQuMzQxIDY5Ljg5MjcgNTMuMTM1OSA2Ni4yMzY1IDU5Ljc2NDYgNTkuNTk4N0M2Ni4zNzg0IDUyLjk3NTMgNzAuMDEzMiA0NC4yMDE4IDY5Ljk5OTMgMzQuODk0OEM2OS45ODY1IDI1LjU2MjEgNjYuMzMzNSAxNi43OTI0IDU5LjcxNDQgMTAuMjAxNlpNNTYuODYyNiA1Ni43MDA0QzUxLjAwOTMgNjIuNTYyMiA0My4yNDQ2IDY1Ljc5MDYgMzQuOTk5OCA2NS43OTA2QzMwLjIyMDYgNjUuNzkwNiAyNS42MzI1IDY0LjcyNTYgMjEuMzYzMiA2Mi42MjQ3QzIwLjQwMTQgNjIuMTUxIDE5LjMwMTggNjIuMDM5OSAxOC4yNjY3IDYyLjMxMTdMNC42NjAwMyA2NS44ODYyQzQuNTI1OTggNjUuOTIxNCA0LjQxMDYyIDY1Ljg4ODMgNC4zMTYwOSA2NS43ODc5QzQuMTc3MjQgNjUuNjM5NCA0LjIyNTMgNjUuNDk1MiA0LjI0MTMzIDY1LjQ0NzdMOC4yNjcwNSA1My4zOTA4QzguNjU5MDUgNTIuMjE1OSA4LjUzNzI5IDUwLjkxNDQgNy45MzE2NiA0OS44MTk2QzUuNTA0OTEgNDUuNDMxMiA0LjE4MTUxIDQwLjQ1MjIgNC4xMDUxNCAzNS40MjE5QzMuOTc5MSAyNy4xMzg3IDcuMTMwMDQgMTkuMzAyNCAxMi45Nzc0IDEzLjM1NzNDMTguODM2NiA3LjQwMDQ0IDI2LjY0MjQgNC4xMTMzMSAzNC45NTY2IDQuMTAxNTZIMzQuOTk5OEM0My4yMzg3IDQuMTAxNTYgNTAuOTg2MyA3LjI5ODk3IDU2LjgyMDQgMTMuMTA3OUM2Mi42NjI0IDE4LjkyNDkgNjUuODg2NSAyNi42NjQ0IDY1Ljg5ODMgMzQuOTAwN0M2NS45MSA0My4xMTEzIDYyLjcwMDkgNTAuODUzIDU2Ljg2MjYgNTYuNzAwNFoiIGZpbGw9IiM3OUMyNjAiLz48cGF0aCBkPSJNNDguMzE2NCAyMy40MjM4TDMwLjQxMjYgNDEuMzI4MUMyOS45MTYgNDEuODI0NyAyOS4xMDg1IDQxLjgyNDIgMjguNjEyMyA0MS4zMjgxTDIxLjY4MjQgMzQuMzk4MUMyMC44ODE4IDMzLjU5NzEgMTkuNTgzIDMzLjU5NzEgMTguNzgyNSAzNC4zOTgxQzE3Ljk4MTQgMzUuMTk4NyAxNy45ODE0IDM2LjQ5NzUgMTguNzgyNSAzNy4yOTg2TDI1LjcxMjQgNDQuMjI4NUMyNi43NjAyIDQ1LjI3NjQgMjguMTM2NSA0NS44MDAzIDI5LjUxMjcgNDUuODAwM0MzMC44ODkgNDUuODAwMyAzMi4yNjUzIDQ1LjI3NjQgMzMuMzEyNiA0NC4yMjg1TDUxLjIxNjggMjYuMzIzN0M1Mi4wMTc5IDI1LjUyMzIgNTIuMDE3OSAyNC4yMjQzIDUxLjIxNjggMjMuNDIzM0M1MC40MTYzIDIyLjYyMjcgNDkuMTE3NSAyMi42MjI3IDQ4LjMxNjQgMjMuNDIzOFoiIGZpbGw9IiM3OUMyNjAiLz48L3N2Zz4=);
}

.step {
	display: none;
}

.header {
	width: calc(100% + 30px);
	background-color: var(--black);
	color: #fff;
	position: relative;
	z-index: 1;
	margin-left: -15px;
	padding: 25px 0;
	box-shadow: -2px -1px 15px rgba(0, 0, 0, 0.1);
}

.header .main {
	max-width: 1260px;
	padding: 0 10px;
}

.logophone {
	opacity: 0;
}

.logophoneshow {
	opacity: 1;
}

.logoname {
	display: inline-block;
}

.logogrid {
	display: inline-grid;
	grid-gap: 20px;
	grid-template-columns: 212px 1fr;
	max-width: 525px;
}

.logotext {
	position: relative;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.4;
	padding: 0 0 0 20px;
	max-width: 265px;
}

.logotext::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto 0;
	width: 1px;
	height: 32px;
	background-color: #e1e3e1;
}

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

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

.logo img {
	margin-right: 20px;
}

.headergrid {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 15px;
}

.contacts__container {
	display: none;
	position: relative;
}

.contact__button {
	width: 100vw;
	font-size: 16px;
	text-align: center;
	padding: 10px 0;
	font-weight: 600;
	color: #000;
	background-color: #e0e0e0;
	margin-left: -20px;
	position: relative;
	transition: 0.3s ease;
}

.contact__button span {
	content: "";
	width: 15px;
	height: 15px;
	background-image: url(../img/arrow.svg);
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: 57px;
	transform: translate(-50%, -50%) rotate(90deg);
	transition: 0.3s ease;
}

.rotate_arrow {
	transform: translate(-50%, -50%) rotate(-90deg) !important;
}

.contact__button:hover {
	cursor: pointer;
}

.contacts__block {
	position: absolute;
	height: 0;
	opacity: 0;
	overflow: hidden;
	top: 35px;
	background-color: #fff;
	width: 100vw;
	z-index: 100;
	margin-left: -20px;
	transition: 0.3s ease;
}

.contacts__block a {
	border-bottom: 1px solid #e6e6e6;
	padding: 10px 0;
}

.act {
	display: grid;
	padding-top: 10px;
	height: auto;
	opacity: 1;
	overflow: auto;
}

.contacts__block a:first-child {
	padding-top: 0;
}

.phone a {
	text-align: end;
	font-weight: 700;
	font-size: 20px;
	line-height: 25px;
	color: inherit;
	display: block;
	text-decoration: none;
	white-space: nowrap;
}

.headergrid__item {
	display: flex;
	flex-direction: column;
	gap: 7px;
}

.address {
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
	text-align: right;
}

.phone-container + .phone-container {
	margin: 0 0 0 20px;
}

.phonedesc {
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
	text-align: right;
	color: #697279;
}

.logogusar {
	font-weight: bold;
	font-size: 20px;
	line-height: 23px;
	margin: 5px 0 3px;
	color: #000;
}

.gusardesc {
	font-size: 14px;
	line-height: 16px;
	color: #999999;
}

.logophone a {
	color: #333 !important;
	text-decoration: none !important;
}

.cupon {
	width: 100%;
	margin-top: 15px;
}

.tablecell img {
	max-height: 35px;
	max-width: 120px;
}

.purple {
	color: #ffcc33;
	font-weight: 600;
	white-space: nowrap;
}

.thanks {
	padding: 37px 35px 30px !important;
}

.blockchangenumber {
	text-align: center;
	margin: 17px 0 -4px;
}

.link {
	color: #ffcc33;
	font-size: 14px;
	border-bottom: 1px solid #f6f6f6;
	padding-bottom: 1px;
	cursor: pointer;
	transition: all 200ms ease;
	text-decoration: none;
}

.link:hover {
	border-bottom: 1px solid #ffcc33;
}

.linkhide {
	opacity: 0;
	cursor: default;
}

.tv-min-price {
	display: none;
}

.advantages {
	display: grid;
	grid-template-columns: 1fr 1.1fr 1fr;
	gap: 10px;
}

.advantages.show {
	opacity: 1;
}

.advantages.show2 {
	transform: translateY(0);
}

.advantages.show2 .advantage {
	opacity: 1;
	transform: translateY(0);
}

.advantagetext {
	text-transform: uppercase;
	line-height: 1.5;
}

.advantages-btn {
	display: none;
	color: #e19e7c;
	text-align: center;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	justify-content: center;
	gap: 10px;
	align-items: center;
	margin: 0 auto 24px auto;
	width: max-content;
}

.advantages-btn::after {
	display: block;
	content: "";
	width: 15px;
	height: 9px;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='15' height='10' viewBox='0 0 15 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0_82_384)'%3e%3cpath d='M12.0536 1.6609L7.49995 6.21456L2.94625 1.66086C2.48282 1.19744 1.73141 1.19744 1.26798 1.66086C0.804553 2.12429 0.804553 2.87571 1.26798 3.33913L6.66081 8.73197C7.12424 9.19539 7.87565 9.19539 8.33908 8.73196L13.7319 3.33917C14.1953 2.87574 14.1953 2.12432 13.7319 1.6609C13.2684 1.19747 12.517 1.19747 12.0536 1.6609Z' fill='%23E19E7C'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_82_384'%3e%3crect width='15' height='9' fill='white' transform='translate(0 0.5)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e ");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	transition: all 400ms ease;
}

.advantages-btn.active::after {
	transform: rotate(180deg);
}

.advantage {
	display: grid;
	grid-template-columns: 36px 1fr;
	gap: 10px;
	border-radius: 10px;
	cursor: pointer;
	align-items: center;
	color: #fff;
}

.advantage-image {
	margin: 0 0 18px 0;
}

.advantage-info {
	text-align: center;
}

.advantage-heading {
	color: #fff;
	font-size: 18px;
	line-height: 130%;
	font-weight: 400;
}

.advantage-text {
	color: #8f8f8f;
	font-size: 16px;
	line-height: 1;
	margin-top: 6px;
	transition: color 0.2s;
}

.advantage:hover .advantage-text {
	color: #252c2c;
}

.butlink.butlinkdisable2 {
	cursor: default;
	background: #fff;
	color: #ffcc33;
}

.butlink.butlinkact.butlinkdisable2 {
	color: #333333;
}

.butphone.butlinkdisable2 {
	background: #ffcc33;
	cursor: default;
}

.inperror {
	border: 1px solid #e7859c;
}

.blocksuccess .smshead {
	margin: 15px 0 10px;
	font-size: 30px;
}

.blocksuccess .smsdesc {
	padding: 0;
	max-width: 100%;
	font-size: 16px;
}

.descagree {
	margin-bottom: 15px;
	color: #6f6f6f;
	font-size: 14px;
	/*max-width: 425px;*/
	margin-top: 25px;
}

.descagree a {
	/*white-space: nowrap;*/
	color: #797979;
}

.errorphone {
	margin: 7px 0 0 40px;
}

.autoslink {
	max-width: 510px;
	transition: all 300ms ease;
	opacity: 1;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 10px;
}

.autolink {
	background: #fff;
	border-radius: 15px;
	padding: 20px;
	box-shadow: 0px 4px 10px rgba(38, 36, 60, 0.08);
	transition: all 200ms ease;
	border: 2px solid rgba(255, 255, 255, 0);
	position: relative;
	cursor: pointer;
}

.autolinkSpecial {
	cursor: not-allowed;
	background: #fff;
	border-radius: 15px;
	padding: 15px;
	box-shadow: 0px 4px 10px rgba(38, 36, 60, 0.08);
	transition: all 200ms ease;
	/*border: 2px solid rgba(255, 255, 255, 0);*/
	position: relative;
}

.autolinkSpecial::before {
	display: block;
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(180, 180, 180, 0.3);
	z-index: 1;
	border-radius: 15px;
}

.autolinkSpecial::after {
	position: absolute;
	display: block;
	content: "РАСПРОДАНО";
	font-weight: normal;
	font-size: 14px;
	line-height: 19px;
	top: 0;
	right: 0;
	color: #fff;
	z-index: 2;
	background: #252c2c;
	border-radius: 100px;
	padding: 6px 20px 4px 20px;
}

.imgauto {
	margin-bottom: 10px;
	text-align: center;
	height: 90px;
	background-repeat: no-repeat;
	background-position: center;
}

.imgauto img {
	max-width: 100%;
}

.autoname {
	font-weight: 600;
	font-size: 18px;
	line-height: 1.3;
	color: #333;
	margin: 15px 0 0 0;
	font-style: normal;
}

.autoname span {
	font-size: 14px;
	line-height: 148%;
	font-family: inherit;
}

.autoprice {
	font-weight: 400;
	font-size: 16px;
	line-height: 148%;
	color: #828282;
	/*display: none;*/
}

.priceinfo {
	display: inline-block;
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url(../img/info.svg);
	opacity: 0.5;
	transition: all 200ms ease;
	cursor: pointer;
	margin: 5px -20px -3px 5px;
	position: relative;
	display: none;
}

.priceinfo2 {
	display: inline-block;
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url(../img/info2.svg);
	opacity: 0.6;
	transition: all 200ms ease;
	cursor: pointer;
	margin: 0px 0 -4px 1px;
	position: relative;
	z-index: 1;
}

.priceinfo:hover,
.priceinfo2:hover,
.priceinfo2.act {
	opacity: 1;
}

.priceinfoblock {
	position: absolute;
	top: -9px;
	left: 23px;
	width: 415px;
	padding: 15px 20px;
	color: #5a6060;
	font-weight: 300;
	font-size: 12px;
	line-height: 148%;
	background: #ffffff;
	box-shadow: 0px 4px 10px rgba(38, 36, 60, 0.08);
	border-radius: 15px;
	white-space: normal;
	display: none;
}

.autolink.act {
	position: relative;
	z-index: 1;
	opacity: 1;
}

.autolink.act .priceinfo {
	opacity: 1;
}

.autolink.act .priceinfoblock {
	display: block;
}

.autolink:nth-child(3n + 1) .priceinfoblock {
	left: auto;
	right: 23px;
	bottom: -12px;
	top: auto;
}

.but {
	text-align: center;
	background: #ffcc33;
	border-radius: 50px;
	color: #fff;
	padding: 16px;
	font-size: 15px;
	line-height: 100%;
	letter-spacing: 0.5px;
	user-select: none;
	cursor: pointer;
	transition: all 200ms ease;
}

.but:hover {
	background: #ffcc33;
}

.autobut {
	margin-top: 16px;
}

.wingood {
	width: 615px;
	height: 520px;
	position: fixed;
	left: 50%;
	top: 50%;
	z-index: -1;
	margin: -260px 0 0 -307px;
	opacity: 0;
	transition: all 200ms ease;
}

.wingoodshow {
	z-index: 10;
	opacity: 1;
}

.imggood {
	height: 270px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	border-radius: 30px 30px 0 0;
}

.namegood {
	color: #343434;
	font-weight: 600;
	font-size: 18px;
	line-height: 145%;
	margin-bottom: 4px;
}

.textgood {
	color: #495966;
	font-size: 14px;
	line-height: 148%;
	margin-bottom: 30px;
}

.butchoicegood {
	background: #ffcc33;
	box-shadow: 0px 1px 8px rgba(38, 36, 60, 0.05);
	border-radius: 50px;
	display: inline-block;
	font-size: 16px;
	color: #ffffff;
	padding: 18px 50px;
	line-height: 100%;
}

.pricegood {
	display: inline-block;
	color: #343434;
	font-weight: 600;
	font-size: 18px;
	line-height: 100%;
	margin-left: 30px;
}

.winclose {
	width: 31px;
	height: 31px;
	top: -28px;
	right: -28px;
	position: absolute;
	z-index: 15;
	box-shadow: 0px 1px 8px rgba(38, 36, 60, 0.05);
	background-color: rgba(255, 255, 255, 0.14);
	background-image: url(../img/close.svg);
	background-size: 9px;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 50%;
	cursor: pointer;
	transition: all 200ms ease;
}

.winclose:hover {
	background-color: rgba(255, 255, 255, 0.25);
}

.goodarr {
	width: 36px;
	height: 36px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	background-color: #ffffff;
	box-shadow: 0px 1px 8px rgba(38, 36, 60, 0.05);
	border-radius: 50%;
	top: 50%;
	margin-top: -18px;
	cursor: pointer;
}

.goodarr1 {
	background-image: url(../img/goodarr1.svg);
	left: -66px;
}

.goodarr2 {
	background-image: url(../img/goodarr2.svg);
	right: -66px;
}

.contgood {
	position: absolute;
	transition: opacity 200ms ease;
	opacity: 0;
}

.contgoodshowz {
	opacity: 1;
	z-index: 2 !important;
}

.contgoodshow {
	opacity: 1;
	z-index: 1;
}

.bg {
	display: none;
	background: rgba(0, 7, 24, 0.4);
	z-index: 1;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.goodopac {
	opacity: 0.75;
}

.goodchoice {
	border: 2px solid #0078d6;
	opacity: 1;
}

.goodmark {
	width: 28px;
	height: 28px;
	background-color: #0078d6;
	background-repeat: no-repeat;
	background-size: 11px;
	background-position: center;
	background-image: url(../img/mark1.svg);
	border-radius: 50%;
	position: absolute;
	top: -10px;
	right: -10px;
	opacity: 0;
	transition: all 200ms ease;
}

.goodchoice .goodmark {
	opacity: 1;
}

.butchoicegood.choice {
	padding-left: 0;
	padding-right: 0;
	background: #f1f1f1;
	box-shadow: none;
	color: #747474;
}

.butchoicegood.choice:hover {
	background: #f1f1f1 !important;
	cursor: default !important;
}

.autoslink3 {
	grid-template-columns: 1fr 1fr;
	grid-gap: 10px;
	max-width: 570px;
}

.autocat {
	grid-column-start: 1;
	grid-column-end: 3;
	color: rgba(90, 96, 96, 0.7);
	font-size: 18px;
	line-height: 100%;
	letter-spacing: 0.01em;
	padding: 20px 0 6px;
}

.autocat:first-child {
	padding-top: 0;
}

.autoslink3 .imgauto {
	height: 100px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	/* width: calc(100% + 45px); */
	/* margin-left: -22px;*/
}

.autoslink + .butslink {
	max-width: 510px;
	margin-top: 26px;
}

.autoslink + .butslink .butlink {
	width: 100%;
	padding: 15px 20px;
}

.autoafter {
	margin-top: 20px;
	display: inline-block;
	background: #ffffff;
	padding: 15px 20px;
	max-width: 560px;
	color: #252c2c;
	font-size: 16px;
	font-weight: 400;
	line-height: 148%;
	box-shadow: 0 4px 10px rgba(38, 36, 60, 0.08);
	border-radius: 0 15px 15px 15px;
}

.blocksuccess {
	max-width: 600px;
}

.blockbutton {
	display: flex;
	justify-content: center;
	text-decoration: none;
	text-align: center;
}

.smsdesc {
	margin-top: 30px;
	margin-bottom: 40px;
}

.btn_redir {
	text-decoration: none;
	text-align: center;
	background: #252c2c;
	color: #fff;
	font-family: "Open Sans";
	font-size: 17px;
	border-radius: 30px;
	padding: 17px 50px;
	border: 0;
	transition: all 200ms ease;
	box-shadow: 0px 1px 8px rgba(38, 36, 60, 0.05);
	cursor: pointer;
	max-width: 330px;
	display: block;
}

@media (max-width: 700px) {
	.btn_redir {
		padding: 17px 60px;
	}
}

@media (max-width: 400px) {
	.blocksuccess {
		width: calc(100% - 0px);
	}

	.blocksuccess .smshead {
		margin: 15px 0 10px;
		font-size: 18px;
		line-height: 24px;
		padding: 0;
	}

	.btn_redir {
		font-size: 16px;
	}
}

@media (max-width: 340px) {
	.btn_redir {
		font-size: 14px;
	}
}

.blockpopup__bg {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100vh;
	background-color: rgba(0, 0, 0, 0.3);
	display: none;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	opacity: 0;
	transition: opacity 0.3s ease 0s;
}

.blockpopup__bg-show {
	display: flex;
}

.blockpopup__bg-show2 {
	opacity: 1;
}

.blockpopup {
	margin: 15px;
	position: relative;
	max-width: 570px;
	transition:
		opacity 500ms ease,
		transform 500ms ease;
	transform: translateY(100px) scale(0.8);
	opacity: 0;
	box-shadow: 0px 40px 80px rgba(38, 36, 60, 0.37);
	border-radius: 50px;
}

.blockpopup__show {
	transform: translateY(0) scale(1);
	opacity: 1;
}

.blockpopup__close {
	position: absolute;
	top: -28px;
	right: -15px;
	background-color: rgba(0, 0, 0, 0.4);
	width: 27px;
	height: 27px;
	border-radius: 30px;
	background-image: url(../img/close.svg);
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
}

.blockpopup__add {
	border-radius: 30px 30px 0px 0px;
	width: 100%;
	padding: 20px 30px;
	display: grid;
	grid-template-columns: 60px 1fr;
	align-items: center;
	grid-gap: 10px 20px;
	background: #fff !important;
}

.blockpopup__add-img {
	background: #f5f5f5;
	height: 60px;
	border-radius: 50%;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	background-image: var(--bot-url);
	position: relative;
}

.blockpopup__add-img::after {
	content: "";
	position: absolute;
	bottom: 0px;
	right: 8px;
	width: 6px;
	height: 6px;
	background: #56d456;
	border-radius: 5px;
	border: 2px solid #fff;
}

.konsul__name {
	font-weight: 600;
	font-size: 17px;
	color: #000;
	margin-bottom: 5px;
}

.konsul_pos {
	font-size: 14px;
	color: #000;
}

.blockpopup__chat {
	min-height: 150px;
	border-radius: 0px 0px 30px 30px;
	background-color: rgb(239, 238, 247);
	padding: 29px 50px 70px 30px;
}

.blockpopup__chat-msg {
	max-width: 490px;
}

.chatheader .advantage {
	cursor: pointer;
}

.butpopup {
	background: #252c2c;
	color: #fff;
	font-family: "Open Sans";
	font-size: 17px;
	border-radius: 30px;
	padding: 17px 50px;
	border: 0;
	cursor: default;
	transition: all 200ms ease;
	opacity: 1;
	box-shadow: 0px 1px 8px rgba(38, 36, 60, 0.05);
}

.butpopupshow {
	cursor: pointer;
	opacity: 1;
}

.popup_phone,
.popup_name {
	max-width: 300px;
	margin-top: 7px;
}

.popup__thanks-bg {
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	z-index: 101;
	display: none;
}

.popup__thanks {
	padding: 50px;
	background: #fff;
	border-radius: 30px;
	opacity: 0;
	transform: scale(0.8);
	transition:
		opacity 500ms ease,
		transform 500ms ease;
	box-shadow: 0 40px 80px rgba(38, 36, 60, 0.37);
	width: 40%;
	margin: 0 auto;
}

.popup__thanks-bg-show {
	display: flex;
}

.popup__thanks-show {
	opacity: 1;
	transform: scale(1);
}

/*.copyright {*/
/*  height: 23px;*/
/*  background-repeat: no-repeat;*/
/*  background-size: contain;*/
/*  background-image: url(https://mworx.ru/copyright/mediaworks_full_chb.svg);*/
/*  position: fixed;*/
/*  bottom: 10px;*/
/*  width: 970px;*/
/*  background-position: right;*/
/*}*/

.copyright {
	font-family: "Open Sans", sans-serif;
	height: 23px;
	position: fixed;
	bottom: 10px;
	width: 945px;
	background-position: right;
}

.copyright span {
	float: right;
	color: #5e5e5e;
	width: 100px;
	text-align: left;
	transition: all 0.2s linear;
}

.copyright span b {
	transition: all 0.2s linear;
	color: #5e5e5e;
}

/* New style */

.message:not(:first-child):nth-child(n + 1) .mesimg {
	opacity: 0;
}

.fixed__bot {
	padding: 10px 30px 10px;
	position: fixed;
	top: -100px;
	background-color: #fff;
	width: 100%;
	z-index: 100;
	max-width: 830px;
	box-shadow: 0 0 10px #00000017;
	transition: all 0.2s ease;
}

.fixed__bot.act {
	top: -1px;
}

.fixed__botitem {
	display: grid;
	grid-template-columns: 60px 1fr 260px;
	gap: 20px;
	position: sticky;
	top: 0;
}

.bot__name {
	font-size: 16px;
	line-height: 148%;
	margin-top: 8px;
	position: relative;
	font-weight: 600;
}

.fixed__botitem .mesimg::before {
	content: "";
	position: absolute;
	bottom: -2px;
	transform: translateY(-50%);
	left: 47px;
	width: 10px;
	height: 10px;
	background-color: #56d456;
	border-radius: 50%;
}

.fixed__phone {
	display: flex;
	color: #fff !important;
	text-decoration: none !important;
}

.fixed__btn {
	color: #fff;
	background-color: #0078d6;
	padding: 10px 15px;
	margin: auto;
	border-radius: 6px;
	display: inline-block;
	position: relative;
	transition: all 0.2s ease;
}

.fixed__ph {
	color: #fff;
	text-decoration: none;
}

.fixed__ph a {
	color: #000 !important;
	text-decoration: none !important;
}

.choose-color-btn {
	width: 25px;
	height: 25px;
	margin-right: 10px;
	border-radius: 25%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.flex-block {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 20px;
}

.butslinkk {
	max-height: 600px;
	display: flex;
	flex-direction: column;
	margin-top: 5px;
}

.socials {
	display: flex;
	justify-content: center;
	margin-top: 27px;
}

.social-link {
	display: block;
	width: 42px !important;
	height: 42px !important;
}

.social-link:not(:last-child) {
	margin-right: 40px;
}

.social-link img {
	width: 100%;
}

.follow-us {
	font-size: 16px;
	line-height: 20px;
	text-align: center;
	color: #3c4143;
}

.descagree .agreement-label2 {
	display: flex;
	align-items: center;
}

.descagree .agreement-label2::before {
	transform: none;
	margin-right: 10px;
	position: static;
}

.recall-call__time.service__inp {
	display: grid;
	grid-template-columns: 1fr;
	align-items: center;
	justify-content: space-between;
	margin: 20px 0;
	background: #ffffff;
	max-width: 300px;
	padding: 15px 20px;
	color: #343434;
	font-size: 16px;
	line-height: 148%;
	border-radius: 2px 15px 15px 15px;
	box-shadow: 0px 3px 10px rgb(38 36 60 / 7%);
}

.recall-btn {
	position: relative;
	transition: all 200ms ease;
	cursor: pointer;
	user-select: none;
	color: #000;
	font-size: 15px;
	padding: 10px;
	display: flex;
	align-items: center;
}

.recall-btn::before {
	content: "";
	display: block;
	line-height: 17px;
	width: 16px;
	height: 16px;
	border-radius: 2px;
	border: 1px solid #d6d6d6;
	background: #fff;
	z-index: 3;
	margin-right: 10px;
}

.recall-btn.active::before {
	background: url(../img/check.svg) #0078d6;
	background-repeat: no-repeat;
	background-size: 12px;
	background-position: center;
	border-color: #0078d6;
}

.salon__address {
	position: fixed;
	left: 20px;
	bottom: 20px;
	font-size: 10px;
	color: #c2c2c2;
	max-width: 240px;
	/* white-space: pre-line; */
}

.profit {
	font-size: 1rem;
	font-weight: 500;
	border-radius: 20px;
	background-color: #252c2c;
	line-height: 1.47;
	display: inline-block;
	color: #fff;
	margin-top: 4px;
	padding: 2px 10px;
}

.profit-title {
	font-size: 18px;
	font-weight: 400;
	border-bottom: 1px solid #252c2c;
	display: inline;
	position: relative;
}

.set-options {
	margin-top: 20px;
}

.bgmodal {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: rgba(0, 0, 0, 0.3);
	z-index: 10;
	width: 100%;
	display: none;
}

.bgmodal__cont {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 20px;
	overflow: auto;
	align-items: flex-start;
}

.modal {
	background: #fff;
	border-radius: 15px;
	width: 100%;
	max-width: 1100px;
	display: none;
	position: relative;
	overflow: auto;
	max-height: 100%;
	margin: auto;
}

.modal-close {
	--size: 19px;
	position: absolute;
	background-image: url("data:image/svg+xml,%3Csvg width='19' height='19' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L18 18' stroke='%23111111' stroke-width='2'/%3E%3Cpath d='M18 1L1 18' stroke='%23111111' stroke-width='2'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	top: 14px;
	right: 14px;
	width: var(--size);
	height: var(--size);
	cursor: pointer;
}

.modal-disclamer {
	color: #484f54;
	font-size: 15px;
	font-weight: 400;
	line-height: 120%;
	margin-top: 24px;
}

.modal-inner {
	display: flex;
}

.modal-info {
	padding: 40px 60px;
	max-width: 600px;
}

.modal-heading {
	color: var(--black);
	font-size: 20px;
	font-weight: 400;
	line-height: 1.25;
	margin: 0;
}

.modal-text {
	color: #252c2c;
	font-size: 18px;
	font-weight: 500;
	line-height: 136%;
	margin-top: 15px;
}

.modal-form {
	margin-top: 24px;
}

.modal-image {
	overflow: hidden;
	display: flex;
	justify-content: flex-end;
}

.modal-image img {
	display: block;
	height: 100%;
}

.modal-field:not(:first-child) {
	margin-top: 20px;
}

.modal-input {
	max-width: none;
}

.modal-button {
	border-radius: 50px;
	background-color: #111111;
	box-shadow: 0px 1px 8px 0px rgba(38, 36, 60, 0.05);
	padding: 18px 50px;
	color: #fff;
	text-align: center;
	font-size: 18px;
	font-weight: 500;
	line-height: 100%;
	width: 100%;
	border: 0;
	margin-top: 30px;
	cursor: pointer;
	transition: all 0.3s ease;
}

.modal-button:hover {
	background-color: #0078d6;
}

.modal-label {
	color: #111;
	font-size: 18px;
	font-weight: 400;
	line-height: normal;
}

.modal-agreement .custom-checkbox__text {
	color: #484f54;
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: 120%;
}

.modal-agreement a {
	color: inherit;
	font-size: inherit;
	text-decoration: underline;
}

.custom-checkbox__circle {
	position: relative;
	width: 16px;
	height: 16px;
	min-width: 16px;
	border-radius: 2px;
	border: 1px solid #d6d6d6;
	background-color: #fff;
	margin-right: 10px;
}

.custom-checkbox input:checked + .custom-checkbox__circle,
.custom-radio input:checked + .custom-radio__rect {
	border-color: #0078d6;
	background-color: #0078d6;
}

.custom-checkbox input:checked + .custom-checkbox__circle:before,
.custom-radio input:checked + .custom-radio__rect:before {
	opacity: 1;
}

.custom-checkbox__circle:before,
.custom-radio__rect:before {
	content: "";
	display: block;
	background-color: #252c2c;
	width: 12px;
	height: 12px;
	min-width: 12px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	opacity: 0;
	transition: all 0.2s ease;
	background-image: url(../img/check.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

.custom-radio,
.custom-checkbox {
	display: flex;
	align-items: center;
	cursor: pointer;
}

.custom-radio input,
.custom-checkbox input {
	position: absolute;
	width: 0;
	height: 0;
	z-index: -9999;
	font-size: 0;
	line-height: 0;
	opacity: 0;
	visibility: hidden;
}

.custom-radio__circle,
.custom-radio__rect {
	--size: 16px;
	border: 1px solid #bdc5cb;
	width: var(--size);
	height: var(--size);
	min-width: var(--size);
	transition: all 0.2s ease;
	margin-right: 10px;
	position: relative;
}

.custom-radio__circle {
	border-radius: 50%;
}

.custom-radio__circle:before {
	content: "";
	display: block;
	background-color: #252c2c;
	width: 8px;
	height: 8px;
	min-width: 8px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	opacity: 0;
	transition: all 0.2s ease;
	border-radius: 50%;
}

.custom-radio input:checked + .custom-radio__circle {
	border-width: 2px;
	border-color: #252c2c;
}

.custom-radio input:checked + .custom-radio__circle:before {
	opacity: 1;
}

.custom-radio__text,
.custom-checkbox__text {
	color: var(--black);
	font-size: 17px;
	line-height: 100%;
}

.additional {
	margin-top: 20px;
}

.additional-hidden {
	display: none;
}

.rect-input {
	resize: none;
	min-height: 100px;
	width: 100%;
	border-radius: 16px;
	border: 1px solid #c7c7c7;
	background: #fff;
	padding: 20px;
	color: var(--black);
	font-size: 18px;
	line-height: 100%;
	font-family: inherit;
}

.rect-input::placeholder {
	color: #bdc5cb;
	font-size: 18px;
	line-height: 100%;
	font-family: inherit;
}

.additional-button {
	margin-top: 20px;
}

.medium-container {
	max-width: 500px;
	width: 100%;
}

.larger-container {
	max-width: 600px;
	width: 100%;
}

.full-container {
	max-width: none;
	width: 100%;
}

.models-items {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
}

.model-name {
	width: calc(33% - 10px);
}

.model-input {
	margin-top: 20px;
}

.auto-mileage {
	padding: 30px 20px;
	background-color: #fff;
	border-radius: 0px 15px 15px 15px;
}

.auto-mileage__wrap {
	background: #fff;
	border: 1px solid #003b7033;
	box-sizing: border-box;
	border-radius: 5px;
}

.irs {
	position: relative;
	display: block;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-size: 12px;
	font-family: "Open sans", sans-serif;
}

.irs--flat .irs-bar {
	top: 0;
	height: 4px;
	background: #252c2c;
}

.irs--flat {
	height: 4px;
}

.irs--flat .irs-handle {
	top: -3px;
	width: 9px;
	height: 9px;
	background-color: #0000;
}

.irs--flat .irs-handle > i:first-child {
	position: absolute;
	display: block;
	top: 0;
	left: 50%;
	width: 9px;
	height: 9px;
	border-radius: 50%;
	margin-left: 0px;
	background-color: #252c2c;
}

.irs--flat .irs-line {
	top: 0px;
	height: 5px;
	background-color: #e1e4e9;
	border-radius: 4px;
}

.irs--flat .irs-min,
.irs--flat .irs-max {
	display: none;
}

.irs--flat .irs-from,
.irs--flat .irs-to,
.irs--flat .irs-single {
	display: none;
}

.auto-mileage__range-count {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 10px 0 0 0;
}

.auto-mileage__range-count-num {
	font-weight: normal;
	font-size: 16px;
	line-height: 100%;
	color: #b8b9bb;
}

.auto-mileage__radio {
	margin: 20px 0 0;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 10px 5px;
}

.new-input-style {
	width: 100%;
	padding: 10px 15px;
	font-size: 16px;
	line-height: 18px;
	letter-spacing: 0.42px;
	border: 0;
	outline: 0;
	background: #0000;
}

.inperror + .custom-checkbox__circle {
	border-color: #e31e24;
}

.custom-checkbox {
	position: relative;
	padding: 6px 10px 6px 30px;
	transition: all 200ms ease;
	cursor: pointer;
	user-select: none;
	background: #ffffff;
	border-radius: 30px;
	color: #333333;
	font-size: 1rem;
}

.custom-checkbox input {
	opacity: 0;
	width: 0;
	height: 0;
	font-size: 0;
	line-height: 0;
}

.custom-text {
	cursor: pointer;
}

.term_option + .custom-text::before {
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border: 1px solid #c7c7c7;
}

.term_option:checked + .custom-text:before {
	background-image: url("../img/radio.svg");
	background-repeat: no-repeat;
	background-color: #fff;
	border-color: #0078d6;
	background-size: 19px;
}

.custom-text::before {
	--size: 16px;
	content: "";
	position: absolute;
	top: 8px;
	left: 1px;
	/* transform: translateY(-50%); */
	display: block;
	line-height: 17px;
	width: var(--size);
	height: var(--size);
	border-radius: 4px;
	border: 1px solid #c7c7c7;
	background: #fff;
	z-index: 3;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 12px;
}

.custom-checkbox input:checked + span:before {
	background-image: url("data:image/svg+xml,%3Csvg width='12' height='13' viewBox='0 0 12 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 6.25L4.5 9.25L10.5 3.25' stroke='white' stroke-width='2'/%3E%3C/svg%3E%0A");
	background-color: #0078d6;
	border-color: #0078d6;
}

.options-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 6px 0;
}

.butlink,
.color-butlink {
	display: inline-flex;
	padding: 13px 15px;
	transition: all 200ms ease;
	cursor: pointer;
	user-select: none;
	background: #ffffff;
	box-shadow: 0px 1px 8px rgba(38, 36, 60, 0.05);
	border-radius: 50px;
	color: #30363a;
	font-size: 16px;
	line-height: 1;
	background-color: #fff;
	justify-content: center;
	align-items: center;
}

.color-butlink:hover,
.butlink:hover {
	color: #fff;
	background-color: #0078d6;
}

.butlink.butlinkact,
.color-butlink.butlinkact {
	color: #fff;
	background-color: #0078d6;
}

.moreOptions-btn {
	color: #333333;
	background-color: #f0f0f0;
	padding: 10px 15px;
	border-radius: 6px;
	display: inline-block;
	position: relative;
	transition: all 0.2s ease;
	border: none;
	cursor: pointer;
}

.moreOptions-btn:hover {
	background-color: #c78e66;
}

/*.options-item[id=autoId5] .moreOptions-btn {*/
/*  display: none;*/
/*}*/
.moreOptions-bg {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100vh;
	background-color: rgba(0, 0, 0, 0.3);
	display: none;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	opacity: 0;
	transition: opacity 0.3s ease 0s;
}

.moreOptions-bg.show {
	display: flex;
}

.moreOptions-bg.show2 {
	opacity: 1;
}

.moreOptions {
	margin: 15px;
	position: relative;
	max-width: 570px;
	transition:
		opacity 500ms ease,
		transform 500ms ease;
	transform: translateY(100px) scale(0.8);
	opacity: 0;
	box-shadow: 0px 40px 80px rgb(38 36 60 / 37%);
	border-radius: 10px;
	background-color: #fff;
	padding: 25px 20px;
}

.moreOptions.show {
	transform: translateY(0) scale(1);
	opacity: 1;
}

.moreOptions-close {
	position: absolute;
	top: -28px;
	right: -15px;
	background-color: rgba(0, 0, 0, 0.4);
	width: 27px;
	height: 27px;
	border-radius: 30px;
	background-image: url(../img/close.svg);
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
}

.moreOptions-title {
	font-size: 18px;
	line-height: 125%;
	text-align: center;
	margin: 0 0 10px 0;
	border-bottom: 1px solid #c78e66;
}

.moreOptions-list {
	list-style: none;
	padding: 0 10px;
	margin: 0;
	/* max-height: 255px; */
	overflow: auto;
}

.moreOptions-list ul {
	margin: 0;
	padding: 0;
	list-style: inside;
	display: flex;
	flex-direction: column;
	gap: 5px;
}
.moreOptions-list li {
	position: relative;
	color: #05141f;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.3;
}

.title-disclaimer {
	display: none;
	position: absolute;
	cursor: pointer;
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url(../img/disclaimer.svg);
}

.disclaimer-bg {
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	z-index: 101;
	background-color: #0000002a;
	display: none;
}

.disclaimer-popup {
	padding: 30px;
	background: #fff;
	border-radius: 30px;
	margin: 15px;
	opacity: 0;
	max-width: 600px;
	text-align: justify;
	transform: scale(0.8);
	transition:
		opacity 500ms ease,
		transform 500ms ease;
}

.disclaimer-bg-show {
	display: flex;
}

.disclaimer-popup-show {
	opacity: 1;
	transform: scale(1);
}

.categories {
}

.category-name {
	color: #05141f;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 1.5; /* 23.68px */
	margin: 30px 0 12px 0;
}

.config-column {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.config-model {
}

.config-engine {
	color: #484f54;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 1; /* 16px */
}

.modal-agreement {
	display: none;
}

.carStatus {
	position: absolute;
	top: 10px;
	right: 10px;
	font-weight: 600;
	color: #0078d6;
	font-size: 14px;
	letter-spacing: 1.5px;
	border: 1px solid #0078d6;
	padding: 4px;
	border-radius: 15px;
}


.more-btn {
	white-space: nowrap;
	display: none;
	background: none;
	border: 0 none;
	line-height: normal;
	overflow: visible;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	outline: none;
	cursor: pointer;
}

.more-btn_dot {
	background-color: #ffffff;
	margin: 0 auto;
	display: inline-block;
	width: 5px;
	height: 5px;
	margin-right: 1px;
	border-radius: 50%;
	transition: background-color 0.3s;
}

/* .header__mobile {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	margin: auto 0;
	background-color: #111111;
	padding: 60px 20px 50px;
	border-radius: 0 0 30px 30px;
	-webkit-border-radius: 0 0 30px 30px;
	-moz-border-radius: 0 0 30px 30px;
	-ms-border-radius: 0 0 30px 30px;
	-o-border-radius: 0 0 30px 30px;
	width: 100%;
	z-index: 99;
	pointer-events: none;
	opacity: 0;
	transform: translateY(-200px);
	transition: opacity .3s ease-in-out, transform .3s ease-in-out;
	-webkit-transition: opacity .3s ease-in-out, transform .3s ease-in-out;
	-moz-transition: opacity .3s ease-in-out, transform .3s ease-in-out;
	-ms-transition: opacity .3s ease-in-out, transform .3s ease-in-out;
	-o-transition: opacity .3s ease-in-out, transform .3s ease-in-out;
	-webkit-transform: translateY(-200px);
	-moz-transform: translateY(-200px);
	-ms-transform: translateY(-200px);
	-o-transform: translateY(-200px);
}

.header__mobile.active {
	pointer-events: all;
	opacity: 1;
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
}

.header__mobile-inner {
	color: #fff;
}

.header__mobile-close {
	position: absolute;
	top: 30px;
    right: 12px;
	outline: none;
	border: none;
	background: none ;
}

.header__mobile-close img {
	width: 20px;
	height: 20px;
}

.header__mobile-content {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 15px;
}

.header__mobile .logotext{
	max-width: none;
	text-align: center;
	padding: 0;
}

.header__mobile .logotext::before{
	display: none;
}

.header__mobile .logo img {
    margin: 0;
}

.header__mobile-bg {
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    max-width: 100%;
    display: none;
    background-color: rgb(93 98 114 / 90%);
    margin: 0;
    padding: 0;
} */