@import url('../images/css2-5');

.color-red {
	color: #ee4236
}

.color-borneo {
	color: #858f9a
}

.color-turquoise {
	color: #42b8c5
}

.color-turquoise-2 {
	color: #41b8c5
}

.color-gray-dark {
	color: #515f6f
}

.color-pink {
	color: #d7308d
}

.text-right {
	text-align: right
}

.text-left {
	text-align: left
}

.nowrap {
	white-space: nowrap
}

.is-opacity-hide {
	opacity: 0
}

@media(min-width: 1025px) {
	.compensate-for-scrollbar {
		padding-right: 17px
	}

	.compensate-for-scrollbar .compensate-fixed {
		right: 17px !important
	}
}

.is-hide {
	display: none
}

.semibold {
	font-weight: 600
}

.bold {
	font-weight: 700
}

.limited-50 {
	max-width: 50ch;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.btn {
	color: inherit;
	text-decoration: none;
	outline: none;
	border-radius: 12px;
	background: #fafbfb;
	border: solid 1px #fafbfb;
	height: 52px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	padding: 0 20px;
	text-align: center;
	font-weight: 700;
	line-height: 1.35;
	font-size: 14px;
	position: relative;
	cursor: pointer;
	transition: background .4s cubic-bezier(0.58, 0.3, 0.005, 1), border-color .4s cubic-bezier(0.58, 0.3, 0.005, 1), color .4s cubic-bezier(0.58, 0.3, 0.005, 1);
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none
}

.btn small {
	font-weight: normal;
	font-size: 12px
}

.btn__icon {
	fill: #dde1e3;
	flex-shrink: 0;
	transition: fill .4s cubic-bezier(0.58, 0.3, 0.005, 1);
	width: 24px;
	height: 24px
}

.btn__icon:first-child {
	margin-right: 10px
}

.btn__icon:last-child {
	margin-left: 10px
}

.btn--pink {
	background: #d7308d;
	color: #fff
}

.btn--pink .btn__icon {
	fill: #fff
}

.btn--pink:hover,
.btn--pink:focus {
	background: #c22b7f;
	color: #fff
}

.btn--red {
	background: #ee4236;
	color: #fff
}

.btn--red .btn__icon {
	fill: #fff
}

.btn--orange {
	background: #f8a04b;
	color: #fff
}

.btn--orange .btn__icon {
	fill: #fff
}

.btn--turquoise {
	background: #42b8c5;
	border-color: #42b8c5;
	color: #fff
}

.btn--turquoise .btn__icon {
	fill: #fff
}

.btn--turquoise:hover,
.btn--turquoise:focus {
	background: #37a7b4;
	border-color: #37a7b4;
	color: #fff
}

.btn--borneo {
	background: #858f9a;
	border-color: #858f9a;
	color: #fff
}

.btn--borneo-3 {
	background: #f5f5f5;
	border-color: #f5f5f5
}

.btn--borneo-3:hover,
.btn--borneo-3:focus {
	background: #dde1e3;
	border-color: #dde1e3;
	color: #fff
}

.btn--gray-light {
	background: #e6e6e7;
	color: #fff
}

.btn--gray-light:hover,
.btn--gray-light:focus {
	background: #dde1e3;
	color: #fff
}

.btn--gray-light-2 {
	background: #ebedef;
	color: #0b1f35
}

.btn--gray-light-2:hover,
.btn--gray-light-2:focus {
	background: #dde1e3;
	color: #0b1f35
}

.btn--color-turquoise {
	color: #42b8c5
}

.btn--color-turquoise .btn__icon {
	fill: #42b8c5
}

.btn--medium {
	height: 48px;
	border-radius: 8px
}

.btn--small {
	height: 40px;
	padding: 0 2px
}

.btn--square {
	padding: 0;
	width: 52px
}

.btn--border {
	font-weight: 700
}

.btn--border[disabled] {
	background: rgba(0, 0, 0, 0) !important;
	border-color: #ebedef !important;
	color: #dde1e3 !important
}

.btn--border[disabled] {
	cursor: not-allowed
}

.btn--radius-list {
	border-radius: 12px 0
}

.btn--border.btn--pink {
	color: #d7308d;
	border-color: #d7308d;
	background-color: rgba(0, 0, 0, 0)
}

.btn--border.btn--pink .btn__icon {
	fill: #d7308d
}

.btn--border.btn--pink:hover {
	background: #c22b7f;
	border-color: #c22b7f;
	color: #fff
}

.btn--border.btn--pink:hover .btn__icon {
	fill: #fff
}

.btn--border.btn--orange {
	color: #f8a04b;
	border-color: #f8a04b;
	background-color: rgba(0, 0, 0, 0)
}

.btn--border.btn--orange .btn__icon {
	fill: #f8a04b
}

.btn--border.btn--orange:hover {
	background: #f6861a;
	border-color: #f6861a;
	color: #fff
}

.btn--border.btn--red {
	color: #ee4236;
	border-color: #ee4236;
	background-color: rgba(0, 0, 0, 0)
}

.btn--border.btn--red .btn__icon {
	fill: #ee4236
}

.btn--border.btn--red:hover {
	background: #de2013;
	border-color: #de2013;
	color: #fff
}

.btn--disabled,
.btn[disabled] {
	background: #ebedef;
	border-color: #ebedef;
	cursor: not-allowed
}

.btn--full {
	width: 100%
}

.btn--phone-confirmation[disabled] {
	background: #dde1e3;
	border-color: #dde1e3
}

.icon--red {
	color: #ee4236;
	fill: #ee4236
}

.icon--turquoise {
	color: #42b8c5;
	fill: #42b8c5
}

.icon--pink {
	color: #d7308d;
	fill: #d7308d
}

.icon--grey {
	color: #858f9a;
	fill: #858f9a
}

.title-new,
.popup__title {
	line-height: 1.35;
	margin: 16px 0;
	margin-top: 0
}

@media(min-width: 768px) {

	.title-new,
	.popup__title {
		margin: 20px 0;
		margin-top: 0
	}
}

/*h1,*/
/*.h1 {*/
/*	font-size: 32px;*/
/*	font-weight: 700*/
/*}*/

/*@media(max-width: 1024px) {*/

/*	h1,*/
/*	.h1 {*/
/*		font-size: 20px*/
/*	}*/
/*}*/

/*h2,*/
/*.h2,*/
.popup__title {
	font-size: 24px;
	font-weight: 700
}

/*@media(max-width: 1024px) {*/

/*	h2,*/
/*	.h2,*/
/*	.popup__title {*/
/*		font-size: 16px*/
/*	}*/
/*}*/

/*h3,*/
/*.h3 {*/
/*	font-size: 16px;*/
/*	font-weight: 600*/
/*}*/

/*h4,*/
/*.h4 {*/
/*	font-size: 16px;*/
/*	font-weight: 600*/
/*}*/

/*h5,*/
/*.h5 {*/
/*	font-size: 14px;*/
/*	font-weight: 600*/
/*}*/

/*h6,*/
/*.h6 {*/
/*	font-size: 14px;*/
/*	font-weight: 600*/
/*}*/

html body.overlay :not(:last-child) {
	filter: blur(4px);
	transition: filter 5s
}

html body.noscroll {
	overflow: hidden
}

html body.noxscroll {
	overflow-x: hidden
}

[data-reload-counter] {
	margin: 0 4px
}

.popup-new {
	visibility: visible;
	font-family: "Open Sans", sans-serif;
	line-height: 1.35;
	color: #0b1f35
}

.popup-new button {
	outline: none !important
}

.popup-new button {
	cursor: pointer
}

.popup-new img {
	max-width: 100%
}

.popup-new * {
	outline: none
}

.popup-new label {
	max-width: none;
	max-width: initial;
	margin-bottom: 0;
	margin-bottom: initial;
	font-weight: inherit
}

@font-face {
	font-family: 'Coolvetica';
	src: url('../fonts/CoolveticaRg-Regular-2.woff') format("woff"), url('../fonts/CoolveticaRg-Regular-2.woff2') format("woff2");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'RFDewi';
	src: url('../fonts/RFDewi-Regular-2.woff') format("woff"), url('../fonts/RFDewi-Regular-2.woff2') format("woff2");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'RFDewi';
	src: url('../fonts/RFDewi-Bold-2.woff') format("woff"), url('../fonts/RFDewi-Bold-2.woff2') format("woff2");
	font-weight: 600;
	font-style: normal;
}

.popup-order-cancel {
	background: green
}

.popup-order-cancel__close {
	height: 40px;
	width: 40px;
	border-radius: 50%;
	position: absolute;
	right: 12px;
	top: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	border: 1.2px solid #0000001F;
	box-shadow: 0px 0px 1px 0px #0000000F;
	fill: #131413;
	cursor: pointer;
	
}

.popup-order-cancel__close:after {
	content: '';
	display: block;
	height: 100%;
	width: 100%;
	background: no-repeat center center;
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 5L11 11' stroke='%23131413' stroke-width='1.1' stroke-linecap='round'/%3E%3Cpath d='M5 11L11 5' stroke='%23131413' stroke-width='1.1' stroke-linecap='round'/%3E%3C/svg%3E%0A");
	background-size: 24px auto;
	z-index: 1;
}

.popup-order-cancel__close:hover:after {
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 5L11 11' stroke='%23EB448C' stroke-width='1.1' stroke-linecap='round'/%3E%3Cpath d='M5 11L11 5' stroke='%23EB448C' stroke-width='1.1' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}

@media (max-width: 480px) {
	.popup-order-cancel__close {
		right: 8px;
		top: 34px;
	}
}

.popup-order-cancel.popup__content {
	width: 100%;
	max-width: 467px;
    top: 50%;
    margin-top: -150px;
    margin-left: auto;
    margin-right: auto;
}

.popup--cancel .popup-order-cancel.popup__content {
	width: 100%;
	max-width: 425px;
    top: 50%;
	transform: translateY(-50%);
    margin-left: auto;
    margin-right: auto;
	font-family: 'RFDewi';
	font-weight: 400;
	position: relative;
}

.popup--cancel .popup-order-cancel.popup__content {
	height: 100%;
	display: flex;
	flex-direction: column;
}

.popup--cancel .popup-order-cancel__title,
.popup--cancel .popup-order-cancel__close,
.popup--cancel .popup-order-cancel__info,
.popup--cancel .popup-order-cancel__footer {
	flex-shrink: 0;
}

.popup--cancel .popup-order-cancel__list {
	flex: 1 auto;
	overflow-y: auto;
}

@media (max-width: 468px) {
	.popup--cancel .popup-order-cancel.popup__content {
		top: unset;
		transform: unset;
		bottom: 0;
		background: #E6DFF0;
		padding: 24px 8px 27px;
		max-width: 100%;
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
	}

	.popup-order-cancel__footer {
		padding: 0 8px;
	}
}

.popup-order-cancel__footer {
	display: grid;
    grid-template-columns: 151px 151px;
    grid-gap: 12px;
    gap: 12px;
    justify-content: center;
}

.popup--cancel .popup-order-cancel__footer {
	display: flex;
    gap: 10px;
}

.popup-order-cancel__title {
	font-family: 'Coolvetica';
	font-weight: 400;
	font-size: 30px;
	line-height: 28px;
	letter-spacing: .4px;
	padding-right: 40px;
}

@media(max-width: 468px) {
	.popup-order-cancel__title {
		padding-left: 8px;
	}
}

.popup-order-cancel__list {
	padding: 0 20px 4px;
	background-color: #ffffff;
	border-radius: 20px;
	overflow: hidden;
	margin-bottom: 16px;
}

@media (max-width: 468px) {
	.popup-order-cancel__list {
		padding: 0 16px 8px;
	}
}

.popup-order-cancel__item {
	border-top: 1px solid #00000014;
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
	letter-spacing: 0.005em;
	display: block;
}

.popup-order-cancel__label {
	position: relative;
	display: block;
	padding: 15px 0 16px;
}

.popup-order-cancel__text {
    font-size: 14px;
    line-height: normal;
    text-align: center;
    margin-bottom: 48px;
}

.popup--cancel .popup-order-cancel__text {
	position: relative;
	padding: 2px 0;
	margin-bottom: 10px;
	text-align: center;
}

.popup-order-cancel__list .popup-order-cancel__text {
	text-align: left;
}

.popup-order-cancel__input ~ .popup-order-cancel__text:before {
	content: '';
	position: absolute;
	height: 20px;
	width: 20px;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	background-color: #F5F2F3;
	border-radius: 50%;
	transition: all .2s ease-in-out;
	border: 0px solid #4EB2F5;
}

.popup-order-cancel__input[type='radio'] {
	position: absolute;
	height: 20px;
	width: 20px;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	border-radius: 50%;
	opacity: 0;
	margin: 0;
}

.popup-order-cancel__input:checked ~ .popup-order-cancel__text:before {
	border-width: 8px;
}

.popup-order-cancel__textarea {
	display: none;
	border: 1.2px solid #0000001F;
	width: 100%;
	font-family: 'RFDewi';
	font-weight: 400;
	font-size: 13px;
	line-height: 14px;
	letter-spacing: 0;
	padding: 10px 16px;
	border-radius: 16px;
	resize: none;
	margin-top: 24px;
    min-height: 83px;
}

.popup-order-cancel__input:checked ~ .popup-order-cancel__textarea {
	display: block;
}

@media (max-width: 468px) {
	.popup-order-cancel__textarea {
		margin-left: -8px;
		margin-right: -8px;
		width: calc(100% + 16px);
	}
}

.popup-order-cancel__info {
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
	letter-spacing: 0.005em;
}

.popup-order-cancel__info.active {
	margin-bottom: 24px;
}

.popup-order-cancel__title-icon.popup__title-icon {
	margin-bottom: 16px;
	background: #fafbfb
}

.popup-order-cancel .popup__title-icon-cross-wrap {
	width: 20px;
	height: 20px;
	position: absolute;
	top: 0;
	right: 0;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%
}

.popup-order-cancel .popup__title-icon-cross {
	width: 20px;
	height: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #ee4236;
	border-radius: 50%
}

.popup-order-cancel .popup__title-icon-cross svg {
	color: #fff;
	fill: #fff;
	width: 16px;
	height: 16px
}

.popup-order-cancel__btn {
	width: 100%;
	background-color: #EB448C;
	border: 0;
	border-radius: 36px;
	font-family: 'Coolvetica';
	font-weight: 400;
	font-size: 17px;
	line-height: 20px;
	letter-spacing: .02em;
	padding: 14px;
	cursor: pointer;
}

.popup-order-cancel__button {
	width: 100%;
	height: 41px;
	border-radius: 6px;
	border: 1px solid #ed2690;
	text-align: center;
	font-size: 14px;
	font-weight: 400;
	line-height: normal;
	text-transform: uppercase;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer
}

.popup-order-cancel__button--transparent {
	background: #fff;
	color: #333
}

.popup-order-cancel__button--pink {
	background: #ed2690;
	color: #fff
}

.popup-order-cancel__button.js-popup-order-cancel {
	width: 139px;
    margin: 15px 0;
}

.popup-new {
	display: none;
	position: fixed;
	z-index: 9991;
	overflow: hidden;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	overflow-y: auto;
	justify-content: center;
	align-items: flex-start;
	bottom: 0;
	top: 0;
	left: 0;
	right: 0;
	-ms-overflow-style: none;
	scrollbar-width: none
}

@media (max-width: 468px) {
	.popup-order-cancel__wrap.popup__overlay {
		align-items: flex-end;
		padding: 0;
		background: rgba(0, 0, 0, 0.75);
	}

	.popup-order-cancel__wrap.popup__overlay--popup-opened {
		display: flex !important;
	}
}

.popup-new::-webkit-scrollbar {
	display: none
}

.popup-new.noscroll {
	overflow: hidden !important
}

.popup--popup-opened {
	display: flex
}

.popup__title {
	margin: 0
}

@media(max-width: 640px) {
	.popup__title {
		font-size: 16px
	}
}

.popup__title:not(:last-child) {
	margin-bottom: 10px
}

.popup-order-cancel__title:not(:last-child) {
	margin-bottom: 20px;
}

@media(max-width: 468px) {
	.popup-order-cancel__title:not(:last-child) {
		margin-bottom: 44px;
	}
}

.popup__title-icon {
	margin: 0 auto 24px;
	background: #fbf2f2;
	width: 64px;
	height: 64px;
	border-radius: 50%;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center
}

.popup__title-icon-warning {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2718%27 height=%2718%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M9 0C4.037 0 0 4.037 0 9s4.037 9 9 9 9-4.037 9-9-4.037-9-9-9Zm0 13.842a.865.865 0 1 1 0-1.73.865.865 0 0 1 0 1.73Zm.94-8.703-.249 5.279a.692.692 0 1 1-1.384 0L8.058 5.14V5.14a.94.94 0 1 1 1.88 0h.002Z%27 fill=%27%23EE4236%27/%3E%3C/svg%3E");
	background-size: 18px 18px;
	background-repeat: no-repeat;
	min-width: 18px;
	min-height: 18px
}

.popup__title-icon-warning-wrap {
	width: 20px;
	height: 20px;
	position: absolute;
	top: 5px;
	right: 0;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%
}

.popup__title-icon-basket {
	min-width: 38px;
	min-height: 38px;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2738%27 height=%2738%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M26.541 9.503c0-4.374-3.387-7.92-7.564-7.92-2.012-.009-3.944.822-5.37 2.308-1.425 1.486-2.226 3.506-2.226 5.612m12.708 8.935v-1.082m-10.21 1.026v-1.027M26.3 36.418H11.684c-5.368 0-9.487-2.03-8.317-10.202l1.362-11.074c.721-4.077 3.205-5.638 5.385-5.638h17.82c2.212 0 4.552 1.678 5.385 5.638l1.363 11.074c.993 7.249-3.013 10.202-8.382 10.202Z%27 stroke=%27%23EE4236%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E");
	background-position: center center;
	background-repeat: no-repeat
}

.popup-subtitle {
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 22px;
	text-align: center
}

.popup__confirmation {
	font-size: 20px;
	line-height: 27px;
	font-weight: 600
}

.popup__header {
	margin-bottom: 24px
}

.popup__description {
	font-size: 14px
}

.popup__content {
	max-width: 100%;
	position: relative
}

.popup__content--default {
	background: #fff;
    border-radius: 12px;
    padding: 40px;
}

.popup--cancel .popup__content--default {
	background: #F5F2F3;
	border-radius: 32px;
	padding: 36px 24px 24px;
	margin-top: 0;
}

.popup__cross {
	width: 24px;
	height: 24px;
	position: absolute;
	right: 10px;
	top: 10px;
	cursor: pointer;
	color: #0b1f35;
	fill: #0b1f35
}

.popup__cross svg {
	width: 100%;
	height: 100%;
	display: flex
}

.popup__cross:hover {
	color: #d7308d;
	fill: #d7308d
}

@media(max-width: 640px) {
	.popup__cross {
		width: 19px;
		height: 19px
	}
}

.popup__overlay {
	top: 0;
	left: 0;
	position: fixed;
	z-index: 9999999999;
	height: 0;
	width: 0;
	background: rgba(0, 0, 0, 0.24);
	opacity: 0;
	transition: opacity .4s cubic-bezier(0.58, 0.3, 0.005, 1);
	padding: 10px;
}

.popup__overlay--popup-opened {
	opacity: 1;
	height: 100%;
	width: 100%
}

.popup-order-prolong__text {
	font-family: 'Open Sans';
	font-size: 16px;
	font-weight: normal;
	line-height: 140%;
	color: rgba(11, 31, 53, 1);
}

.popup-order-prolong__button {
	margin-top: 24px;
	border-radius: 4px;
	background-color: #ED2690;
	font-family: 'Open Sans';
	font-size: 14px;
	font-weight: bold;
	line-height: 140%;
	padding: 18px;
	width: 100%;
	color: white;
}

@media (max-width: 479px) {
	.popup-order-prolong__button {
		margin-top: 16px;
	}
}

.noscroll .main-layout {
	overflow: hidden
}

.form button[type=submit]:disabled {
	background: #ebedef;
	border-radius: 12px;
	pointer-events: none
}

.form-input.form-input--error .field-error {
	display: block
}

.form-input.form-input--error label.field {
	border-color: #ee4236
}

.form-input.form-input--error label.field:hover,
.form-input.form-input--error label.field:focus {
	border-color: #ee4236
}

.form-input.form-input--readonly {
	pointer-events: none
}

.form.error>.field-error {
	display: block
}

.form--code-checker .checkout-block__col:not(.switch__col) {
	margin-bottom: 20px
}

.form--code-checker button[type=submit] {
	display: none
}

.form--code-checker .field-icon--phone-lock {
	display: none
}

.form--code-checker .form-input--code {
	display: none
}

.form--code-checker .btn--phone-code-confirmation {
	display: none
}

.form--code-checker .field-info--code-timer {
	display: none
}

.form--code-checker.is-checking-code .btn--phone-code-confirmation {
	display: block
}

.form--code-checker.is-checking-code .btn--phone-code-sender {
	display: none
}

.form--code-checker.is-checking-code .form-input--code {
	display: block
}

.form--code-checker.is-checking-code .field-info--code-timer {
	display: block
}

.form--code-checker.is-checked-code .field-icon--phone-lock {
	display: block
}

.form--code-checker.is-checked-code .form-input--code {
	display: none
}

.form--code-checker.is-checked-code .field-icon--phone {
	display: none
}

.form--code-checker.is-checked-code button[type=submit] {
	display: block
}

.form--code-checker.is-checked-code .btn--phone-code-confirmation {
	display: none
}

.form--code-checker.is-checked-code .btn--phone-code-sender {
	display: none
}

.form--code-checker.is-checked-code .field-info--code-timer {
	display: none
}