@import url("https://fonts.googleapis.com/css2?family=Inter&family=Montserrat:wght@400;500;600&display=swap");
body {
		font-family: "Montserrat", sans-serif;
}
body._lock {
		overflow: hidden;
}

.wrapper {
		min-height: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		overflow: hidden;
}

.page {
		-webkit-box-flex: 1;
		    -ms-flex: 1 1 auto;
		        flex: 1 1 auto;
}

.header {
		margin: 0 0 20px;
}

[class*=__container] {
		--max-width: 1200px;
		--padding: 2rem;
		width: min(100% - var(--padding), var(--max-width));
		height: 100%;
		margin-inline: auto;
}
@media (max-width: 420px) {
		[class*=__container] {
				--padding: 1rem;
		}
}

[class*=__container][data-type=main] {
		--max-width: 80rem;
		--padding: 2rem;
}

[class*=__container][data-type=buttons] {
		--max-width: 31.25rem;
		--padding: 1.25rem;
}

[class*=__container][data-type=flexible] {
		--max-width: 31.25rem;
		--padding: 1.25rem;
}

:root {
		--brand: #B83D3D;
}

.btn {
		font: 600 16px/22px "Montserrat", sans-serif;
		text-transform: uppercase;
		text-align: center;
		border: 2px solid transparent;
		cursor: pointer;
		outline: transparent;
		color: var(--text, #FFFFFF);
		background-color: var(--bg, var(--brand));
		padding: 18px;
		-webkit-transition: color 0.4s ease 0s, background-color 0.4s ease 0s;
		transition: color 0.4s ease 0s, background-color 0.4s ease 0s;
}

.btn:hover,
.btn:focus {
		color: var(--text-hover, #FFFFFF);
		background-color: var(--bg-hover, var(--brand-hover));
}

.btn[data-type=primary] {
		--bg-hover: #E31E24;
		width: 100%;
		border-radius: 5px 0 0 5px;
}
@media (max-width: 360px) {
		.btn[data-type=primary] {
				border-radius: 5px 5px 0 0;
		}
}

.btn[data-type=secondary] {
		border-radius: 0 5px 5px 0;
		border-color: #19181F;
		color: #E31E24;
		background: transparent;
		-webkit-transition: border-color 0.4s ease 0s;
		transition: border-color 0.4s ease 0s;
}
@media (any-hover: hover) {
		.btn[data-type=secondary]:hover {
				border-color: var(--brand);
		}
}
@media (max-width: 360px) {
		.btn[data-type=secondary] {
				border-radius: 0 0 5px 5px;
		}
}

.header,
.footer {
		color: #FFFFFF;
		background: #000000;
}

/* ----------------------------------------------- HEADER ----------------------------------------------- */
.header__content {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		padding: 24px 0;
}
.header__left {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		gap: 23px;
}
.header__logo {
		width: 120px;
		height: 30px;
}

.header__logo-img {
	height: inherit;
}
.header__line {
		width: 2px;
		height: 34px;
		background: #E31E24;
}
@media (max-width: 570px) {
		.header__line {
				display: none;
		}
}
.header__info {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
}
@media (max-width: 570px) {
		.header__info {
				display: none;
		}
}
.header__info-text {
		font-size: 14px;
		line-height: 17px;
		font-weight: 600;
		text-transform: uppercase;
}
@media (max-width: 640px) {
		.header__info-text {
				font-size: 11px;
		}
}
.header__contacts {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		gap: 11px;
}
@media (any-hover: hover) {
		.header__contacts:hover .header__contacts-icon {
				-webkit-box-shadow: 0 0 15px #E31E24;
				        box-shadow: 0 0 15px #E31E24;
		}
		.header__contacts:hover .header__contacts-link {
				color: #E31E24;
		}
}
.header__contacts-icon {
		width: 32px;
		height: 32px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		border-radius: 50px;
		background: #E31E24;
		-webkit-transition: all 0.4s ease 0s;
		transition: all 0.4s ease 0s;
}
.header__contacts-items {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
}
.header__contacts-time {
		font-size: 11px;
		font-weight: 600;
		line-height: 13px;
}
.header__contacts-link {
		font-size: 14px;
		font-weight: 600;
		line-height: 17px;
		-webkit-transition: color 0.4s ease 0s;
		transition: color 0.4s ease 0s;
}

/* ----------------------------------------------- FOOTER ----------------------------------------------- */
.footer__content {
		padding: 41px 0 21px 0;
}
.footer__content *:not(.footer__title) {
		font-size: 18px;
		line-height: 25px;
		font-weight: 400;
		color: #A6A6A6;
}
@media (max-width: 420px) {
		.footer__content *:not(.footer__title) {
				font-size: 14px;
		}
}
.footer__body {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		gap: 10px;
		margin: 0 0 34px;
}
@media (max-width: 725px) {
		.footer__body {
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
		}
}
.footer__left, .footer__right {
		-webkit-box-flex: 1;
		    -ms-flex: 1;
		        flex: 1;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
}
.footer__title {
		font-size: 24px;
		line-height: 29px;
		font-weight: 500;
		color: #FFFFFF;
		margin: 0 0 13px;
}
@media (max-width: 420px) {
		.footer__title {
				font-size: 18px;
		}
}
.footer__about {
		margin: 0 0 14px;
}
.footer__indent {
		margin: 0 0 14px;
}
.footer__about-address--link-tel, .footer__about-address--link-mail {
		-webkit-transition: color 0.4s ease 0s;
		transition: color 0.4s ease 0s;
}
@media (any-hover: hover) {
		.footer__about-address--link-tel:hover, .footer__about-address--link-mail:hover {
				color: #E31E24;
		}
}
.footer__inner {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		gap: 10px;
}
@media (max-width: 730px) {
		.footer__inner {
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
		}
}
@media (min-width: 950px) {
		.footer__copy br {
				display: none;
		}
}
@media (max-width: 730px) {
		.footer__copy {
				-webkit-box-ordinal-group: 3;
				    -ms-flex-order: 2;
				        order: 2;
				text-align: center;
		}
		.footer__copy br {
				display: none;
		}
}
.footer__policy {
		white-space: nowrap;
		-webkit-transition: color 0.4s ease 0s;
		transition: color 0.4s ease 0s;
}
@media (any-hover: hover) {
		.footer__policy:hover {
				color: #E31E24;
		}
}

/* ----------------------------------------------- MAIN ----------------------------------------------- */
.main__container {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
}
.main__content {
		width: 100%;
		padding: 82px 0 42px;
}
@media (max-width: 768px) {
		.main__content {
				padding: 40px 0;
		}
}
@media (max-width: 375px) {
		.main__content {
				padding: 20px 0;
		}
}
.main__title {
		font-size: 64px;
		line-height: 70px;
		font-weight: 700;
		letter-spacing: 0.005em;
		text-transform: uppercase;
		text-align: center;
		margin: 0 0 25px;
}
@media (max-width: 768px) {
		.main__title {
				font-size: 40px;
				line-height: 40px;
		}
}
@media (max-width: 570px) {
		.main__title {
				font-size: 29px;
				margin: 0 0 40px;
		}
}
@media (max-width: 420px) {
		.main__title {
				font-size: 25px;
				margin: 0 0 20px;
		}
}
@media (max-width: 375px) {
		.main__title {
				font-size: 18px;
				line-height: normal;
				margin: 0 0 15px;
		}
}
.main__subtitle {
		font-size: 34px;
		line-height: 35px;
		font-weight: 700;
		letter-spacing: 0.005em;
		text-transform: uppercase;
		text-align: center;
		margin: 0 0 55px;
}
@media (max-width: 768px) {
		.main__subtitle {
				font-size: 28px;
				line-height: normal;
		}
}
@media (max-width: 570px) {
		.main__subtitle {
				font-size: 20px;
				margin: 0 0 40px;
		}
}
@media (max-width: 420px) {
		.main__subtitle {
				font-size: 17px;
		}
}
@media (max-width: 375px) {
		.main__subtitle {
				font-size: 14px;
				line-height: normal;
				margin: 0 0 15px;
		}
}
.main__body {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		-webkit-box-align: end;
		    -ms-flex-align: end;
		        align-items: flex-end;
		gap: 10px;
}
@media (max-width: 760px) {
		.main__body {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
		}
}
.main__left {
		max-width: 410px;
		width: 100%;
		height: 430px;
}
@media (max-width: 760px) {
		.main__left {
				display: none;
		}
}
.main__right {
		min-width: 515px;
}
@media (max-width: 760px) {
		.main__right {
				max-width: 100%;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
		}
}
@media (max-width: 570px) {
		.main__right {
				min-width: 100%;
		}
}
@media (max-width: 760px) {
		.main__img {
				display: none;
		}
}
.main__right-title {
		font-size: 30px;
		line-height: 36px;
		font-weight: 600;
		letter-spacing: 0.01em;
		text-transform: uppercase;
		white-space: nowrap;
		margin: 0 0 33px;
}
@media (max-width: 570px) {
		.main__right-title {
				font-size: 20px;
		}
}
@media (max-width: 420px) {
		.main__right-title {
				font-size: 18px;
		}
}
@media (max-width: 375px) {
		.main__right-title {
				font-size: 14px;
		}
}
.main__right-title #show {
		width: 40px;
}

/* ----------------------------------------------- FORM ----------------------------------------------- */
.form {
		max-width: 378px;
		width: 100%;
}
.form__item {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
}
.form__item:not(.form__item_select) {
		gap: 16px;
}
.form__item_select {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		gap: 15px;
}
.form__item:not(.form__item_select) {
		margin: 0 0 34px;
}
.form__indent {
		margin: 0 0 23px;
}
@media (max-width: 375px) {
		.form__indent {
				margin: 0 0 15px;
		}
}
.form__indent_last {
		margin: 0 0 72px;
}
@media (max-width: 420px) {
		.form__indent_last {
				margin: 0 0 40px;
		}
}
.form__select-label {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		font-size: 20px;
		line-height: 24px;
		font-weight: 400;
		color: #2B2B2B;
}
@media (max-width: 420px) {
		.form__select-label {
				font-size: 14px;
				line-height: normal;
		}
}
.form__select-label i {
		position: relative;
		width: 30px;
		height: 24px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
}
@media (max-width: 420px) {
		.form__select-label i {
				width: 20px;
		}
}
.form__select-label i:before {
		position: absolute;
		content: "";
		width: 4px;
		height: 4px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		border-radius: 50px;
		background: #000000;
		z-index: 0;
}
.form__select {
		position: relative;
		width: 137px;
		height: 38px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		border: 1px solid #8399AE;
		border-radius: 4px;
		cursor: pointer;
		color: #19181F;
		background: inherit;
		-webkit-transition: border-color 0.4s ease 0s;
		transition: border-color 0.4s ease 0s;
}
@media (any-hover: hover) {
		.form__select:hover .form__select-icon path {
				fill: #E31E24;
		}
}
.form__select select {
		width: 100%;
		height: 100%;
		font-size: 20px;
		line-height: 24px;
		font-weight: 500;
		border: none;
		outline: transparent;
		cursor: pointer;
		-webkit-appearance: none;
		-moz-appearance: none;
		background: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16' height='16' viewbox='0 0 8 8'><path fill='black' d='M5 7.5L0.669874 0.75L9.33013 0.749999L5 7.5Z'></path></svg>") no-repeat 95% 80%;
		padding: 7px 30px 7px 15px;
}
@media (max-width: 420px) {
		.form__select select {
				font-size: 16px;
		}
}
.form__label {
		font-size: 30px;
		line-height: 36px;
		font-weight: 400;
		pointer-events: none;
}
@media (max-width: 420px) {
		.form__label {
				font-size: 18px;
		}
}
.form__input {
		min-width: 110px;
		max-width: 110px;
		font-size: 30px;
		line-height: 36px;
		font-weight: 600;
		letter-spacing: -0.025em;
		border: none;
		pointer-events: none;
}
.form__sale {
		position: relative;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		font-size: 26px;
		line-height: 31px;
		font-weight: 500;
		letter-spacing: -0.025em;
		white-space: nowrap;
		color: #919191;
}
.form__sale:before {
		position: absolute;
		content: "";
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		width: 100%;
		height: 2px;
		background: #919191;
		z-index: 0;
}
.form__buttons {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		margin: 0 0 20px;
}
.form__buttons a {
		-webkit-box-flex: 1;
		    -ms-flex: 1;
		        flex: 1;
}
@media (max-width: 375px) {
		.form__buttons a {
				font-size: 14px;
		}
}
@media (max-width: 360px) {
		.form__buttons a {
				width: 100%;
		}
}
@media (max-width: 360px) {
		.form__buttons {
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
		}
}
.form__link {
		font-size: 14px;
		line-height: normal;
		font-weight: 500;
		-webkit-transition: color 0.4s ease 0s;
		transition: color 0.4s ease 0s;
}
@media (any-hover: hover) {
		.form__link:hover {
				color: rgba(227, 30, 36, 0.77);
		}
}
@media (max-width: 570px) {
		.form__link {
				font-size: 11px;
				line-height: 14px;
				text-align: center;
		}
}

/* ----------------------------------------------- WHATSAPP ----------------------------------------------- */
.whatsapp {
		position: fixed;
		right: -180px;
		bottom: -212px;
		max-width: 267px;
		border-radius: 8px;
		-webkit-box-shadow: none;
		        box-shadow: none;
		overflow: hidden;
		background: transparent;
		-webkit-transition: bottom 0.4s ease 0s, right 0.4s ease 0s, background 0.4s ease 0s, -webkit-box-shadow 0.4s ease 0s;
		transition: bottom 0.4s ease 0s, right 0.4s ease 0s, background 0.4s ease 0s, -webkit-box-shadow 0.4s ease 0s;
		transition: bottom 0.4s ease 0s, right 0.4s ease 0s, box-shadow 0.4s ease 0s, background 0.4s ease 0s;
		transition: bottom 0.4s ease 0s, right 0.4s ease 0s, box-shadow 0.4s ease 0s, background 0.4s ease 0s, -webkit-box-shadow 0.4s ease 0s;
}
@media (any-hover: hover) {
		.whatsapp:hover {
				right: 10px;
				bottom: 10px;
				-webkit-box-shadow: 1px 3px 12px rgba(0, 0, 0, 0.23);
				        box-shadow: 1px 3px 12px rgba(0, 0, 0, 0.23);
				background: #FFFFFF;
		}
		.whatsapp:hover .whatsapp__header {
				background: rgb(0, 128, 105);
		}
		.whatsapp:hover .whatsapp__icon {
				background: #FFFFFF;
		}
		.whatsapp:hover .whatsapp__img {
				mix-blend-mode: normal;
		}
}
.whatsapp._show {
		right: 10px;
		bottom: 10px;
		-webkit-box-shadow: 1px 3px 12px rgba(0, 0, 0, 0.23);
		        box-shadow: 1px 3px 12px rgba(0, 0, 0, 0.23);
		background: #FFFFFF;
}
.whatsapp._show .whatsapp__header {
		background: rgb(0, 128, 105);
}
.whatsapp._show .whatsapp__icon {
		background: #FFFFFF;
}
.whatsapp._show .whatsapp__img {
		mix-blend-mode: normal;
}
.whatsapp__header {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		gap: 15px;
		background: transparent;
		padding: 10px 28px;
		-webkit-transition: background 0.4s ease 0s;
		transition: background 0.4s ease 0s;
}
.whatsapp__icon {
		width: 50px;
		height: 50px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		border-radius: 50%;
		background: #919191;
		-webkit-transition: background 0.4s ease 0s;
		transition: background 0.4s ease 0s;
}
.whatsapp__img {
		width: 30px;
		height: 30px;
		mix-blend-mode: color-burn;
		pointer-events: none;
}
.whatsapp__text {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
}
.whatsapp__name {
		font: 600 20px/25px "Inter", sans-serif;
		color: #FFFFFF;
}
.whatsapp__pos {
		font: 400 13px/16px "Inter", sans-serif;
		color: #FFFFFF;
}
.whatsapp__body {
		background: url("../images/bg.jpg") no-repeat center/cover;
		padding: 27px 20px;
}
.whatsapp__tooltip {
		position: relative;
		max-width: 218px;
		font: 400 15px/18px "Inter", sans-serif;
		border-radius: 8px;
		-webkit-box-shadow: 1px 3px 12px rgba(0, 0, 0, 0.23);
		        box-shadow: 1px 3px 12px rgba(0, 0, 0, 0.23);
		color: #1A1A1A;
		background: #FFFFFF;
		margin: 0 0 60px;
}
.whatsapp__tooltip span {
		position: relative;
		width: 100%;
		height: 100%;
		border-radius: inherit;
		background: inherit;
		padding: 8px 17px 13px 17px;
		z-index: 1;
}
.whatsapp__tooltip i {
		position: absolute;
		top: -6px;
		left: -6px;
		-webkit-box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.23);
		        box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.23);
}
.whatsapp__tooltip i:before {
		position: absolute;
		isolation: isolate;
		content: "";
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 6px;
		border-color: transparent transparent #FFFFFF #FFFFFF;
		-webkit-transform: rotate(-45deg);
		        transform: rotate(-45deg);
		-webkit-box-shadow: -3px 3px 3px 0 rgba(0, 0, 0, 0.23);
		        box-shadow: -3px 3px 3px 0 rgba(0, 0, 0, 0.23);
}
.whatsapp__link {
		width: 226px;
		height: 40px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		font: 400 15px/18px "Inter", sans-serif;
		border-radius: 6px;
		color: #FFFFFF;
		background: #00804A;
		-webkit-transition: background 0.4s ease 0s;
		transition: background 0.4s ease 0s;
}
@media (any-hover: hover) {
		.whatsapp__link:hover {
				background: rgb(0, 128, 105);
		}
}

/* ----------------------------------------------- USE ----------------------------------------------- */
.use__content {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		padding: 75px 0;
}
@media (max-width: 768px) {
		.use__content {
				padding: 40px 0;
		}
}
@media (max-width: 375px) {
		.use__content {
				padding: 20px 0;
		}
}
.use__title {
		text-align: center;
}
.use__subtitle {
		max-width: 774px;
		text-align: center;
		margin: 0 0 40px;
}
.use__body {
		--gap: 20px;
		display: -ms-grid;
		display: grid;
		grid-auto-flow: column;
		grid-auto-columns: calc(24.5% - var(--gap) / 2);
		gap: var(--gap);
}
@media (max-width: 570px) {
		.use__body {
				--gap: 10px;
		}
}
.use__card {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		gap: 20px;
}
@media (any-hover: hover) {
		.use__card:hover .use__img {
				-webkit-transform: translateY(-5px);
				        transform: translateY(-5px);
		}
}
@media (max-width: 570px) {
		.use__card {
				gap: 10px;
		}
}
.use__picture {
		border-radius: 9px;
		-webkit-transition: -webkit-transform 0.4s ease 0s;
		transition: -webkit-transform 0.4s ease 0s;
		transition: transform 0.4s ease 0s;
		transition: transform 0.4s ease 0s, -webkit-transform 0.4s ease 0s;
}
.use__img {
		border-radius: inherit;
		-webkit-transition: -webkit-transform 0.4s ease 0s;
		transition: -webkit-transform 0.4s ease 0s;
		transition: transform 0.4s ease 0s;
		transition: transform 0.4s ease 0s, -webkit-transform 0.4s ease 0s;
}
.use__note {
		font-size: 18px;
		line-height: 22px;
		font-weight: 400;
}
@media (max-width: 570px) {
		.use__note {
				font-size: 11px;
				line-height: 14px;
				text-align: center;
		}
}

/* ----------------------------------------------- ADVANTAGE ----------------------------------------------- */
.advantage__content {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		padding: 75px 0 150px;
}
@media (max-width: 768px) {
		.advantage__content {
				padding: 40px 0;
		}
}
@media (max-width: 375px) {
		.advantage__content {
				padding: 20px 0;
		}
}
.advantage__title, .use__title {
		max-width: 900px;
		font-size: 52px;
		line-height: 57px;
		font-weight: 500;
		margin: 0 0 15px;
}
@media (max-width: 768px) {
		.advantage__title, .use__title {
				font-size: 38px;
				line-height: 35px;
		}
}
@media (max-width: 570px) {
		.advantage__title, .use__title {
				font-size: 26px;
				text-align: center;
		}
}
@media (max-width: 420px) {
		.advantage__title, .use__title {
				font-size: 23px;
		}
}
@media (max-width: 375px) {
		.advantage__title, .use__title {
				font-size: 16px;
				line-height: normal;
		}
}
.advantage__body {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		gap: 10px;
}
@media (max-width: 760px) {
		.advantage__body {
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
				gap: 20px;
		}
}
.advantage__left, .advantage__right {
		-webkit-box-flex: 1;
		    -ms-flex: 1;
		        flex: 1;
}
@media (max-width: 570px) {
		.advantage__left, .advantage__right {
				width: 100%;
				-webkit-box-flex: unset;
				    -ms-flex: unset;
				        flex: unset;
		}
}
@media (max-width: 570px) {
		.advantage__left {
				text-align: center;
		}
}
.advantage__subtitle, .use__subtitle {
		font-size: 24px;
		line-height: 31px;
		font-weight: 500;
		margin: 0 0 50px;
}
@media (max-width: 1240px) {
		.advantage__subtitle, .use__subtitle {
				width: calc(100% - 105px);
		}
}
@media (max-width: 768px) {
		.advantage__subtitle, .use__subtitle {
				width: calc(100% - 80px);
		}
}
@media (max-width: 570px) {
		.advantage__subtitle, .use__subtitle {
				width: 100%;
				font-size: 18px;
				text-align: center;
		}
}
@media (max-width: 420px) {
		.advantage__subtitle, .use__subtitle {
				font-size: 14px;
		}
}
@media (max-width: 375px) {
		.advantage__subtitle, .use__subtitle {
				font-size: 11px;
				line-height: normal;
		}
}
.advantage__right {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-align: end;
		    -ms-flex-align: end;
		        align-items: flex-end;
}
@media (max-width: 760px) {
		.advantage__right {
				-webkit-box-align: start;
				    -ms-flex-align: start;
				        align-items: flex-start;
				padding: 0 0 0 78px;
		}
}
@media (max-width: 420px) {
		.advantage__right {
				padding: 0 0 0 60px;
		}
}
@media (max-width: 375px) {
		.advantage__right {
				padding: 0 0 0 40px;
		}
}
.advantage__list {
		max-width: 494px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		gap: 50px;
		list-style: none;
}
@media (max-width: 420px) {
		.advantage__list {
				gap: 20px;
		}
}
.advantage__item {
		position: relative;
}
.advantage__item:before {
		position: absolute;
		content: "";
		top: 0;
		left: -98px;
		width: 70px;
		height: 70px;
		background: url("../images/icon-check.svg") no-repeat center/contain;
		z-index: 0;
		-webkit-transition: all 0.4s ease 0s;
		transition: all 0.4s ease 0s;
}
@media (max-width: 768px) {
		.advantage__item:before {
				left: -78px;
				width: 50px;
				height: 50px;
		}
}
@media (max-width: 420px) {
		.advantage__item:before {
				left: -60px;
		}
}
@media (max-width: 375px) {
		.advantage__item:before {
				left: -40px;
				width: 30px;
				height: 30px;
		}
}
@media (any-hover: hover) {
		.advantage__item:hover:before {
				-webkit-filter: invert(1) sepia(100%) saturate(10000%) hue-rotate(45deg) contrast(200%);
				        filter: invert(1) sepia(100%) saturate(10000%) hue-rotate(45deg) contrast(200%);
		}
}
.advantage__text {
		font-size: 18px;
		line-height: 23px;
		font-weight: 400;
}
@media (max-width: 420px) {
		.advantage__text {
				font-size: 14px;
		}
}
@media (max-width: 375px) {
		.advantage__text {
				font-size: 11px;
				line-height: normal;
		}
}

.advantage__img {
		max-width: 350px;
}
.advantage__img img {
		display: block;
		max-width: 100%;
		width: 100%;
}

/* ----------------------------------------------- DELIVERY ----------------------------------------------- */
.delivery {
		position: relative;
		height: 520px;
		background: #F5F6F7;
}
@media (max-width: 730px) {
		.delivery {
				height: auto;
		}
}
.delivery__container [data-type=delivery] {
		height: 100%;
}
.delivery__content {
		height: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		gap: 10px;
}
@media (max-width: 730px) {
		.delivery__content {
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
				gap: 20px;
				padding: 40px 0 0 0;
		}
}
@media (max-width: 375px) {
		.delivery__content {
				padding: 20px 0 0 0;
		}
}
.delivery__left {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
}
.delivery__left, .delivery__right {
		-webkit-box-flex: 1;
		    -ms-flex: 1;
		        flex: 1;
}
@media (max-width: 730px) {
		.delivery__left, .delivery__right {
				width: 100%;
				-webkit-box-flex: unset;
				    -ms-flex: unset;
				        flex: unset;
		}
}
@media (max-width: 730px) {
		.delivery__right {
				height: 400px;
		}
}
.delivery__title {
		font-size: 38px;
		line-height: 42px;
		font-weight: 500;
		margin: 0 0 24px;
}
@media (max-width: 570px) {
		.delivery__title {
				font-size: 26px;
				text-align: center;
		}
}
@media (max-width: 420px) {
		.delivery__title {
				font-size: 23px;
		}
}
@media (max-width: 375px) {
		.delivery__title {
				font-size: 16px;
				line-height: normal;
		}
}
.delivery__text-block {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		margin: 0 0 140px;
}
@media (max-width: 730px) {
		.delivery__text-block {
				margin: 0 0 40px;
		}
}
.delivery__text {
		font-size: 18px;
		line-height: 23px;
		font-weight: 400;
}
@media (max-width: 570px) {
		.delivery__text {
				text-align: center;
		}
}
@media (max-width: 420px) {
		.delivery__text {
				font-size: 14px;
		}
}
@media (max-width: 375px) {
		.delivery__text {
				font-size: 11px;
				line-height: normal;
		}
}
.delivery__subtitle {
		font-size: 24px;
		line-height: 29px;
		font-weight: 500;
		margin: 0 0 18px;
}
@media (max-width: 570px) {
		.delivery__subtitle {
				font-size: 20px;
				text-align: center;
		}
}
@media (max-width: 420px) {
		.delivery__subtitle {
				font-size: 16px;
		}
}
@media (max-width: 375px) {
		.delivery__subtitle {
				font-size: 12px;
				line-height: normal;
		}
}
.delivery__block-address {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		gap: 50px;
}
@media (max-width: 570px) {
		.delivery__block-address {
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
				gap: 20px;
		}
}
@media (max-width: 420px) {
		.delivery__block-address {
				font-size: 14px;
				gap: 10px;
		}
}
@media (max-width: 375px) {
		.delivery__block-address {
				font-size: 11px;
				line-height: normal;
		}
}
.delivery__block-address-left, .delivery__block-address-right {
		max-width: 240px;
		-webkit-box-flex: 1;
		    -ms-flex: 1;
		        flex: 1;
}
@media (max-width: 570px) {
		.delivery__block-address-left, .delivery__block-address-right {
				max-width: 100%;
				text-align: center;
		}
}
.delivery__map {
		position: absolute;
		top: 0;
		right: 0;
		width: 790px;
		height: 520px;
}
@media (max-width: 1400px) {
		.delivery__map {
				width: 50%;
		}
}
@media (max-width: 730px) {
		.delivery__map {
				top: unset;
				bottom: 0;
				width: 100%;
				height: 400px;
		}
}
.delivery__map iframe {
		width: 100%;
		height: 100%;
		border: none;
}

/* ----------------------------------------------- POLICY ----------------------------------------------- */
.policy__title {
		font-size: 24px;
		line-height: 31px;
		font-weight: 500;
		margin: 0 0 20px;
}
.policy__text {
		font-size: 18px;
		line-height: 23px;
		font-weight: 400;
}
.policy__list {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		gap: 10px;
		list-style: none;
		padding: 20px 0 20px 20px;
}
.policy__subtext {
		font-size: 18px;
		line-height: 23px;
		font-weight: 500;
		color: #282828;
}

/* ----------------------------------------------- MODAL ----------------------------------------------- */
:root {
		--pageHeight: 0;
}

.modal {
		-webkit-overflow-scrolling: touch;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		overflow: auto;
		background-color: rgba(0, 0, 0, 0.5);
		padding: 30px 10px;
		visibility: hidden;
		-webkit-transition: visibility 0.8s ease 0s;
		transition: visibility 0.8s ease 0s;
		z-index: 100;
}
.modal._show {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		opacity: 1;
		visibility: visible;
}
.modal._show .modal__body {
		-webkit-transition: -webkit-transform 0.4s ease 0.2s;
		transition: -webkit-transform 0.4s ease 0.2s;
		transition: transform 0.4s ease 0.2s;
		transition: transform 0.4s ease 0.2s, -webkit-transform 0.4s ease 0.2s;
		-webkit-transform: scale(1);
		        transform: scale(1);
}
.modal__content {
		width: 100%;
		min-height: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-flex: 1;
		    -ms-flex: 1 1 auto;
		        flex: 1 1 auto;
}
@media (max-width: 736px) and (max-height: 420px) and (orientation: landscape) {
		.modal__content {
				height: var(--pageHeight);
		}
}
.modal__body {
		position: relative;
		max-width: 583px;
		width: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		border-radius: 6px;
		-webkit-box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2), 0 7px 20px 0 rgba(0, 0, 0, 0.17);
		        box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2), 0 7px 20px 0 rgba(0, 0, 0, 0.17);
		background: #FFFFFF;
		padding: 75px 67px 78px 67px;
		-webkit-transform: scale(0);
		        transform: scale(0);
		-webkit-transition: -webkit-transform 0.4s ease 0.2s;
		transition: -webkit-transform 0.4s ease 0.2s;
		transition: transform 0.4s ease 0.2s;
		transition: transform 0.4s ease 0.2s, -webkit-transform 0.4s ease 0.2s;
}
@media (max-width: 600px) {
		.modal__body {
				padding: 75px 50px 78px 50px;
		}
}
@media (max-width: 540px) {
		.modal__body {
				padding: 75px 30px 60px 30px;
		}
}
@media (max-width: 500px) {
		.modal__body {
				padding: 75px 15px 40px 15px;
		}
}
@media (max-width: 380px) {
		.modal__body {
				padding: 40px 15px 40px 15px;
		}
}
.modal__close {
		position: absolute;
		top: 26px;
		right: 28px;
		width: 24px;
		height: 24px;
		background: transparent;
}
.modal__close svg {
		pointer-events: none;
}
@media (max-width: 380px) {
		.modal__close {
				top: 10px;
				right: 10px;
				width: 20px;
				height: 20px;
		}
}
.modal__title {
		font-size: 34px;
		line-height: 41px;
		font-weight: 500;
		text-align: center;
		letter-spacing: 0.01em;
		margin: 0 0 50px;
}
@media (max-width: 600px) {
		.modal__title {
				font-size: 28px;
				line-height: normal;
		}
}
@media (max-width: 500px) {
		.modal__title {
				font-size: 24px;
				margin: 0 0 20px;
		}
}
@media (max-width: 380px) {
		.modal__title {
				font-size: 20px;
		}
}

.modal .form {
		max-width: 398px;
		width: 100%;
}
.modal .form__items {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		gap: 20px;
		margin: 0 0 41px;
}
@media (max-width: 500px) {
		.modal .form__items {
				gap: 10px;
		}
}
@media (max-width: 380px) {
		.modal .form__items {
				-ms-flex-wrap: wrap;
				    flex-wrap: wrap;
		}
}
.modal .form__items .form__item {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-align: start;
		    -ms-flex-align: start;
		        align-items: flex-start;
		gap: 7px;
		margin: 0;
}
.modal .form__items .form__item .form__input {
		font-size: 24px;
		line-height: 29px;
		font-weight: 500;
}
@media (max-width: 600px) {
		.modal .form__items .form__item .form__input {
				font-size: 20px;
				line-height: normal;
		}
}
@media (max-width: 500px) {
		.modal .form__items .form__item {
				-webkit-box-flex: 1;
				    -ms-flex: 1;
				        flex: 1;
		}
}
@media (max-width: 500px) {
		.modal .form__items .form__label {
				font-size: 11px;
		}
}
.modal .form__item {
		width: 100%;
		gap: unset;
		margin: 0;
}
.modal .form__item_tel, .modal .form__item_email {
		position: relative;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-align: start;
		    -ms-flex-align: start;
		        align-items: flex-start;
		gap: 5px;
}
@media (any-hover: hover) {
		.modal .form__item_tel:hover .form__label, .modal .form__item_email:hover .form__label {
				top: -18px;
		}
}
.modal .form__item_tel._error .form__input_tel,
.modal .form__item_tel._error .form__input_email, .modal .form__item_email._error .form__input_tel,
.modal .form__item_email._error .form__input_email {
		border-width: 2px;
		border-color: #E31E24;
}
.modal .form__item_tel .form__label, .modal .form__item_email .form__label {
		position: absolute;
		top: 14px;
		font-size: 18px;
		line-height: 23px;
		font-weight: 400;
		color: #9F9F9F;
		-webkit-transition: top 0.4s ease 0s;
		transition: top 0.4s ease 0s;
}
.modal .form .form__input_tel:focus + .form__label,
.modal .form .form__input_tel:valid + .form__label,
.modal .form .form__input_email:focus + .form__label,
.modal .form .form__input_email:valid + .form__label {
		top: -18px;
}
.modal .form__indent {
		margin: 0 0 22px;
}
.modal .form__label {
		font-size: 12px;
		line-height: 16px;
		font-weight: 400;
		letter-spacing: 0.035em;
		color: #5A5A5A;
}
.modal .form__label_check {
		position: relative;
		max-width: 327px;
		width: 100%;
		display: inline-block;
		font-size: 14px;
		line-height: 18px;
		font-weight: 400;
		cursor: pointer;
		pointer-events: all !important;
		color: #4A4A4A;
		padding: 0 0 0 30px;
}
.modal .form__label_check:before {
		position: absolute;
		content: "";
		top: 0;
		left: 0;
		width: 18px;
		height: 18px;
		border-radius: 4px;
		background: #2B2B2B;
}
@media (max-width: 380px) {
		.modal .form__label_check {
				font-size: 11px;
		}
}
.modal .form__input_tel {
		margin: 0 0 21px;
}
.modal .form__input_tel, .modal .form__input_email {
		max-width: 100%;
		width: 100%;
		font-size: 18px;
		border-bottom: 1px solid #949494;
		pointer-events: all;
		padding: 7px 0;
}
.modal .form__input_check {
		display: none;
}
.modal .form__policy {
		margin: 0 0 57px;
}
.modal .form__policy input[type=checkbox]:checked + label[for=check]:after {
		position: absolute;
		content: "";
		left: 4px;
		top: 5px;
		width: 10px;
		height: 5px;
		border-radius: 1px;
		border-left: 2px solid #FFFFFF;
		border-bottom: 2px solid #FFFFFF;
		-webkit-transform: rotate(-45deg);
		        transform: rotate(-45deg);
		-webkit-transition: all 0.4s ease 0s;
		transition: all 0.4s ease 0s;
}
.modal .form__policy._error label[for=check]:before {
		border: 2px solid #E31E24;
		-webkit-box-shadow: 0 0 10px #E31E24;
		        box-shadow: 0 0 10px #E31E24;
}
@media (max-width: 380px) {
		.modal .form__policy {
				margin: 0 0 20px;
		}
}
.modal .form__btn {
		width: 100%;
		border-radius: 5px;
}

.popup {
		-webkit-overflow-scrolling: touch;
		z-index: 100;
		padding: 30px 10px;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		-webkit-transition: visibility 0.8s ease 0s;
		transition: visibility 0.8s ease 0s;
		visibility: hidden;
}
.popup::before {
		content: "";
		background-color: rgba(0, 0, 0, 0.5);
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		opacity: 0;
		-webkit-transition: opacity 0.8s ease 0s;
		transition: opacity 0.8s ease 0s;
}
.popup._active {
		overflow: auto;
		visibility: visible;
}
.popup._active::before {
		opacity: 1;
}
.popup._active .popup__body {
		-webkit-transition: all 0.3s ease 0.2s;
		transition: all 0.3s ease 0.2s;
		-webkit-transform: scale(1);
		        transform: scale(1);
}
.popup__content {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		min-height: 100%;
		-webkit-box-flex: 1;
		    -ms-flex: 1 1 auto;
		        flex: 1 1 auto;
		width: 100%;
		display: flex;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		align-items: center;
}
.popup__body {
		width: 100%;
		max-width: 583px;
		border-radius: 6px;
		-webkit-box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2), 0 7px 20px 0 rgba(0, 0, 0, 0.17);
		        box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2), 0 7px 20px 0 rgba(0, 0, 0, 0.17);
		-webkit-transform: scale(0);
		        transform: scale(0);
		-webkit-transition: all 0.3s ease 0s;
		transition: all 0.3s ease 0s;
		background-color: #fff;
		padding: 50px;
}
.popup__close {
		width: 15px;
		height: 15px;
		position: absolute;
		top: 10px;
		right: 10px;
		cursor: pointer;
		z-index: 30;
		background: url("../images/cross.svg") no-repeat center/contain;
}
.popup__title {
		font-size: 30px;
		line-height: 35px;
		font-weight: 700;
		letter-spacing: 0.005em;
		text-transform: uppercase;
		text-align: center;
		margin: 0 0 50px;
}
.popup__text {
		font-size: 18px;
		line-height: normal;
		font-weight: 700;
		text-transform: uppercase;
}
/*# sourceMappingURL=style.css.map */