/*Стили для Desktop*/
.delivery-point-market-img
{
	width: 60px;
	height: 60px;
}

.first-block {
	background: #f4f6f9;
}

.logout-btn {
	padding: 0.5rem;
}

.header-block {
	padding: 15px 102px;
	background: #f4f6f9;
	color: #333333;
	font-size: 14px;
	opacity: 1;
	transition: box-shadow 0.4s ease-in-out, opacity 0.3s ease-in-out;
}

.link:hover {
	color: #ff720f;
	cursor: pointer;
}

.btn-link:hover {
	background: linear-gradient(180.00deg, #ffbd8e, #ff710f 100%);
	color: #fff;
	text-decoration: none;
	border: 1px solid #fff;
}

.header-block:hover {
	box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.03);
}

.header-block-scrolling {
	box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.03);
}

.nav-link {
	color: #333333;
	font-weight: bold;
}

.nav-link:hover {
	color: #952e58;
}

.navbar-collapse {
	height: 50px;
	align-items: start;
}

.btns-block {
	display: flex;
	height: 50px;
}

.entrance-btn {
	font-size: 14px;
}

.entrance {
	display: flex;
	align-items: center;
	gap: 6px;
}

.navbar-brand:hover {
	opacity: .8;
}

.burger-menu {
	display: none;
}

.sidebar {
	height: 100%;
	width: 90%;
	padding: 21px 30px 48px 18px;
	position: fixed;
	top: 0;
	right: 0;
	background: #f4f6f9;
	transition: all .4s ease-in-out;
}

.sidebar-header {
	display: flex;
	flex-direction: column;
	margin-bottom: 45px;
}

.sidebar-close-block {
	display: flex;
	justify-content: end;
	margin-bottom: 3px;
}

.sidebar-close-btn {
	background: url("/images/icons/close.svg") no-repeat;
	background-size: contain;
	height: 25px;
	width: 25px;
	border: none;
}

.sidebar-tabs-block {
	display: flex;
	flex-direction: column;
	gap: 19px;
	margin-bottom: 50px
}

.sidebar-tab {
	text-decoration: none;
	color: #333333;
	font-weight: 700;
	line-height: 138%;
}

.sidebar-social-links-block {
	display: flex;
	gap: 6px;
	margin-bottom: 145px;
}

.sidebar-hide {
	transform: translate(100%, 0);
}

.sidebar-visible {
	transform: translate(0, 0);
}

.sidebar-mask {
	position: absolute;
	background-color: #cdcdcd;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: all 0.5s ease-in-out;
	z-index: -1;
}

.sidebar-mask-visible {
	opacity: 1;
	z-index: 4;
}

.no-scroll {
	overflow: hidden;
}

.registration-btn {
	width: 200px;
	height: 40px;
	margin-bottom: 35px;
	font-size: 14px;
	font-weight: 600;
	color: white;
	background: linear-gradient(#c43a57, #a8447d);
	border: none;
	border-radius: 30px;
}

.auth-text {
	margin-right: 18px;
	font-size: 14px;
}

.entrance-text-mobile {
	font-size: 16px;
	font-weight: 700;
	color: #333333;
}

.footer {
	height: 382px;
	padding: 120px 214px 88px;
	background-color: #2c2d5b;
}

.footer-info-grid {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	grid-template-rows: repeat(3, 1fr);
	grid-column-gap: 0;
	grid-row-gap: 7px;
	width: 100%;
	height: 85px;
	font-size: 14px;
	/*toDo удалить возможно*/
	color: white;
	align-self: baseline;
	margin-bottom: 55px;
}

.grid-footer-logo {
	grid-column-start: 1;
	grid-row-start: 1;
	grid-row-end: 3;
}

.grid-items-shipment {
	grid-column-start: 1;
	grid-row-start: 3;
}

.grid-about-us {
	grid-column-start: 2;
	grid-row-start: 1;
}

.grid-contacts {
	grid-column-start: 2;
	grid-row-start: 2;
}

.grid-news {
	grid-column-start: 2;
	grid-row-start: 3;
}

.grid-questions {
	grid-column-start: 3;
	grid-row-start: 1;
}

.grid-delivery-points {
	grid-column-start: 3;
	grid-row-start: 2;
}

.grid-order-stages {
	grid-column-start: 4;
	grid-row-start: 1;
}

.grid-personal-account {
	grid-column-start: 4;
	grid-row-start: 2;
}

.grid-social {
	grid-column-start: 5;
	grid-row-start: 1;
	text-align: center;
}

.grid-icons {
	grid-column-start: 5;
	grid-row-start: 3;
	display: flex;
	justify-content: center;
	gap: 8px;
	margin-right: 25px;
}

.footer-social {
	margin-right: 0;
}

.footer-link {
	text-decoration: none;
	cursor: pointer;
	color: #ffffff;
}

.footer-link:hover {
	opacity: .8;
}

.footer-underline {
	color: #fffdfe;
	width: 96%;
	border: 1px solid;
}

.privacy-policy {
	font-size: 12px;
}

.popup {
	position: absolute;
	right: 102px;
	top: 290px;
}

.dropdown-menu {
	height: 195px;
	padding: 21px 43px;
	box-shadow: 2px 2px 9px 0 rgba(0, 0, 0, 0.09), -2px -2px 9px 0 rgba(0, 0, 0, 0.09);
}

.popup-content {
	width: 155px;
	display: flex;
	flex-direction: column;
	font-size: 14px;
	height: 100%;
	justify-content: center;
	gap: 25px;
	text-align: center;
}

.popup-link {
	border: 1px solid #1C1F48;
	border-radius: 4px;
	padding: 13px 28px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	text-decoration: none;
	color: #333333;
}

.support-btn {
	width: 57px;
	height: 57px;
	border: none;
	background: url("/images/icons/support.svg") no-repeat;
}

.support-btn:hover {
	background: url("/images/icons/support-close.svg") no-repeat;
}

.popup:hover>.dropdown-menu {
	display: block;
	top: -200px;
	right: 0;
}

.popup>.support-btn:active {
	pointer-events: none;
}

.title-container {
	display: flex;
	justify-content: center;
	padding: 37px 0 96px;
}

.heading-block {
	color: #1C1F49;
	display: flex;
	flex-direction: column;
	margin-right: 47px;
	margin-top: 55px;
}

.title-block {
	display: flex;
	flex-direction: column;
	margin-bottom: 69px;
}

.title {
	font-size: 60px;
	font-weight: 700;
	margin: 0;
}

.title-info {
	font-size: 20px;
}

.delivery-block {
	background: url("/images/first-block-background.svg");
	width: 480px;
	height: 163px;
	border-radius: 14px;
	display: flex;
	flex-direction: column;
	padding: 28px 0 28px 26px;
}

.delivery-text {
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 24px;
}

.delivery-registration-btn {
	border: none;
	background: #fff;
	width: 234px;
	height: 42px;
	border-radius: 30px;
	font-weight: 600;
	color: #1c1f49;
}

.delivery-registration-btn:hover {
	background: linear-gradient(180.00deg, #ffbd8e, #ff710f 100%);
	color: #fff;
}

.desktop-line-break {
	display: block;
}

.mobile-line-break {
	display: none;
}

@keyframes slide-first {
	0% {
		transform: translateX(100%);
	}
	100% {
		transform: translateX(-100%);
	}
}

@keyframes slide-second {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(-200%);
	}
}

.partners-block {
	margin: 20px 0;
	display: flex;
	overflow: hidden;
}

.partners-carousel {
	display: flex;
	white-space: nowrap;
}

.partner-logo {
	height: 50px;
	margin-right: 50px;
}

.partners-first-iteration {
	display: flex;
	animation: slide-first 40s linear infinite;
	animation-delay: -40s;
}

.partners-second-iteration {
	display: flex;
	animation: slide-second 40s linear infinite;
	animation-delay: -20s;
}

.services-block {
	display: grid;
	grid-template-columns: repeat(3, 330px);
	grid-template-rows: 0.6fr repeat(2, 184px) 341px;
	grid-column-gap: 0;
	grid-row-gap: 0;
	padding: 112px 0 145px;
	justify-content: center;
}

.services-title {
	grid-column: 1;
	grid-row: 1;
	font-size: 40px;
	font-weight: 700;
	color: #1c1f49;
	margin-bottom: 45px;
}

.services-comfort-delivery {
	grid-column: 1;
	grid-row-start: 2;
	grid-row-end: 4;
	position: relative;
	display: flex;
	flex-direction: column;
	padding: 208px 25px 30px;
	margin-right: 20px;
	gap: 20px;
	color: #fff;
	background: linear-gradient(#c43a57, #a8447d);
	border-radius: 14px;
}

.comfort-delivery-img {
	position: absolute;
	top: 37px;
	left: 26px;
}

.services-name {
	font-size: 22px;
	font-weight: 700;
}

.services-text {
	line-height: 125%;
}

.services-return-guarantee {
	grid-column: 2;
	grid-row-start: 2;
	grid-row-end: 4;
	position: relative;
	display: flex;
	flex-direction: column;
	padding: 208px 25px 30px;
	margin-right: 20px;
	gap: 20px;
	color: #fff;
	background: linear-gradient(#c43a57, #a8447d);
	border-radius: 14px;
}

.return-guarantee-img {
	position: absolute;
	top: 45px;
	left: 26px;
}

.services-any-dimensions {
	grid-column: 3;
	grid-row: 2;
	position: relative;
	display: flex;
	flex-direction: column;
	padding: 30px 26px;
	margin-bottom: 10px;
	gap: 20px;
	color: #fff;
	background: linear-gradient(#c43a57, #a8447d);
	border-radius: 14px;
	overflow: hidden;
}

.any-dimensions-img {
	position: absolute;
	top: 84px;
	right: 7px;
}

.services-address-delivery {
	grid-column: 3;
	grid-row: 3;
	position: relative;
	display: flex;
	flex-direction: column;
	padding: 15px 26px 0;
	margin-top: 10px;
	gap: 20px;
	color: #fff;
	background: linear-gradient(#c43a57, #a8447d);
	border-radius: 14px;
	overflow: hidden;
}

.address-delivery-img {
	position: absolute;
	top: 95px;
	right: -36px;
}

.address-delivery {
	color: #fff;
}

.address-delivery:hover {
	color: #ff720f;
}

.services-tracking-format {
	grid-column-start: 1;
	grid-column-end: 4;
	grid-row: 4;
	position: relative;
	display: flex;
	flex-direction: column;
	padding: 36px 89px 36px 348px;
	margin-top: 101px;
	color: #fff;
	background: url("/images/services/tracking-format-block.svg") no-repeat;
	background-size: 100% auto;
	border-radius: 14px;
}

.tracking-format-title {
	margin-bottom: 10px;
}

.tracking-format-text {
	margin-bottom: 26px;
}

.tracking-format-link {
	text-align: end;
}

.tracking-format-registration-btn {
	border: none;
	background: #fff;
	border-radius: 30px;
	padding: 10px 39px;
	color: #1c1f07;
}

.tracking-format-registration-btn:hover {
	background: linear-gradient(180.00deg, #ffbd8e, #ff710f 100%);
	color: #fff;
}

.tracking-format-img {
	position: absolute;
	left: 66px;
	top: -70px;
}

.address-delivery-text-desktop {
	display: block;
}

.address-delivery-link-desktop {
	display: block;
}

.address-delivery-text-mobile {
	display: none;
}

.statistics-container {
	display: grid;
	grid-template-columns: repeat(4, 250px);
	grid-template-rows: 1fr;
	grid-column-gap: 0;
	grid-row-gap: 0;
	padding: 15px 0 45px;
	background: #f4f6f9;
	justify-content: center;
}

.statistics-block {
	display: flex;
	flex-direction: column;
	text-align: center;
	color: #1c1f49;
}

.statistics-heading {
	font-size: 60px;
	font-weight: 700;
}

.statistics-text {
	font-size: 25px;
	font-weight: 700;
	margin-top: -10px;
}

.purchase-stages {
	padding: 100px 12vw;
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.purchase-stages-container {
	display: grid;
	grid-template-columns: repeat(2, 375px);
	grid-template-rows: 0 repeat(4, 1fr);
	grid-column-gap: 230px;
	grid-row-gap: 100px;
	align-items: center;
	justify-items: center;
}

.purchase-stages-title {
	font-size: 40px;
	font-weight: 700;
	color: #1c1f49;
	padding-left: 40px;
	grid-row: 1;
	grid-column-start: 1;
	grid-column-end: 3;
	justify-self: baseline;
	margin-top: 160px;
}

.purchase-stage-title {
	display: flex;
	font-size: 25px;
	font-weight: 700;
	align-items: center;
	gap: 16px;
	margin-bottom: 30px;
}

.stage-number {
	width: 51px;
	height: 51px;
	background: #1c1f49;
	color: #fff;
	border-radius: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.purchase-stage-name {
	color: #f67366;
}

.purchase-stage-text {
	line-height: 20px;
	color: #1c1f49;
	margin-bottom: 20px;
}

.video-instruction {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 23px;
}

.video-instruction:hover {
	cursor: pointer;
}

.video-instruction-text {
	font-size: 14px;
	font-weight: 600;
	color: #1C1F49;
	text-decoration: underline;
}

.purchase-stage-btn {
	border-radius: 30px;
	background: linear-gradient(#fff, #fff) padding-box, linear-gradient(to right, #e737a1, #ba3bde) border-box;
	border: 1px solid transparent;
	padding: 10px 39px;
	font-weight: 600;
	color: #1C1F49;
	text-decoration: none;
}

.registration-stage {
	grid-column: 1;
	grid-row: 2;
}

.registration-stage-img {
	grid-column: 2;
	grid-row: 2;
}

.purchase-stage {
	grid-column: 2;
	grid-row: 3;
}

.purchase-stage-img {
	grid-column: 1;
	grid-row: 3;
}

.order-payment-stage {
	grid-column: 1;
	grid-row: 4;
}

.order-payment-stage-img {
	grid-column: 2;
	grid-row: 4;
}

.qr-code-stage {
	grid-column: 2;
	grid-row: 5;
}

.qr-code-stage-img {
	grid-column: 1;
	grid-row: 5;
}

.purchase-stage-link {
	color: #1c1f49;
	font-size: 14px;
}

.purchase-stage .purchase-stage-text {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.purchase-stage-alert-text {
	font-weight: 700;
}

.purchase-stages-track {
	position: absolute;
	left: 30%;
}

.purchase-stages-track-one {
	top: 27%;
}

.purchase-stages-track-two {
	top: 47%;
	transform: scale(-1, 1) rotate(180deg);
}

.purchase-stages-track-three {
	bottom: 20%;
}

.stage-img-mobile {
	display: none;
}

.about-us-container {
	background: #f4f6f9;
	padding: 120px 220px;
	display: flex;
	flex-direction: column;
	color: #1c1f49;
	align-items: center;
}

.about-us-text-container {
	display: flex;
	gap: 20px;
	justify-content: flex-start;
	margin-bottom: 20px;
	align-items: end;
}

.about-us-block {
	display: flex;
	flex-direction: column;
	width: 620px;
	gap: 33px;
}

.about-us-title {
	font-size: 40px;
	font-weight: 700;
}

.about-us-article-container {
	display: grid;
	grid-template-columns: 620px 300px;
	grid-template-rows: repeat(2, 200px);
	grid-column-gap: 20px;
	grid-row-gap: 0;
}

.about-us-article {
	color: #fff;
	background: linear-gradient(#c43a57, #a8447d);
	border-radius: 14px;
	position: relative;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.our-mission-block {
	grid-column: 1;
	grid-row: 1;
	margin-bottom: 10px;
	padding: 26px 34px;
}

.our-values-block {
	grid-column: 1;
	grid-row: 2;
	margin-top: 10px;
	padding: 34px;
}

.our-team-block {
	grid-column: 2;
	grid-row-start: 1;
	grid-row-end: 3;
	padding: 26px 20px;
}

.about-us-article-title {
	font-size: 22px;
	font-weight: 700;
}

.entrance-block {
	display: flex;
	justify-content: space-around;
	gap: 6px;
	align-items: center;
}

.about-us-article-text {
	line-height: 125%;
}

.about-us-article-img {
	position: absolute;
}

.our-mission-img {
	top: 65px;
	left: 520px;
}

.our-values-img {
	top: 95px;
	left: 520px;
}

.our-team-img {
	top: 285px;
	left: 165px;
}

.questions-container {
	padding: 110px 0;
}

.questions {
	display: grid;
	gap: 36px;
	align-items: center;
}

.questions-title {
	font-size: 40px;
	font-weight: 700;
	color: #1c1f49;
}

.question-extra-block {
	display: flex;
	gap: 20px;
}

.questions-block {
	display: flex;
	flex-direction: column;
	gap: 20px;
	justify-self: center;
}

.questions-info {
	background: url("/images/questions-block.svg") no-repeat;
	width: 300px;
	height: 445px;
	border-radius: 14px;
	padding: 28px 47px 0 25px;
	color: #fff;
	display: flex;
	flex-direction: column;
	gap: 21px;
}

.questions-info-title {
	font-size: 22px;
	font-weight: 700;
}

.questions-points-block {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.question-point {
	background: #f4f6f9;
	width: 620px;
	padding: 16px 28px;
	display: flex;
	color: #1c1f49;
	border-radius: 14px;
	justify-content: space-between;
}

.question-point-text-block {
	display: flex;
	flex-direction: column;
}

.question-point-title {
	font-size: 22px;
	font-weight: 700;
}

.question-point-text {
	overflow-y: hidden;
	max-height: 0;
	transition: max-height .5s ease;
}

.question-point-text-visible {
	max-height: 50px;
}

.question-collapse-btn {
	background: #1c1f49;
	border-radius: 30px;
	position: relative;
	transition: all .5s ease-in-out;
}

.question-collapse-btn-rotate {
	transform: rotate(45deg);
}

.question-collapse-btn:hover {
	cursor: pointer;
	opacity: .9;
}

.addresses-container {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 0 213px;
	color: #1c1f49;
}

.map-container {
	display: flex;
	justify-content: center;
	padding: 0 12vw;
	margin-bottom: 120px;
}

.delivery-map {
	height: 500px;
	max-width: 930px;
	width: 100%
}

.addresses {
	padding-left: 47px;
	max-width: 1000px;
}

.addresses-title {
	font-size: 40px;
	font-weight: 700;
	margin-bottom: 36px;
}

.addresses-city {
	color: #1c1f49;
	font-size: 22px;
	font-weight: 700;
	margin-bottom: 30px;
	margin-right: 47px;
}

.addresses-city:only-child {
	margin-right: 75px;
}

.addresses-block {
	display: flex;
	flex-wrap: wrap;
	column-gap: 47px;
	row-gap: 26px;
	margin-top: 14px;
}

.address {
	font-size: 14px;
	font-weight: 400;
	flex: 1 0 21%;
	max-width: 181px;
}

.delivery-points-table-mask {
	min-width: 0;
	width: 100%;
	background: rgba(0, 0, 0, 0.3);
	height: 100%;
	position: absolute;
	z-index: 1021;
	display: none;
}

.delivery-points-table-mask-visible {
	display: block;
}

.delivery-point {
	overflow-y: scroll;
}

.delivery-points-table-mask .slick-slider {
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	background: linear-gradient(#A8447D, #C43A57);
	border-radius: 14px;

}

.delivery-points-table-container .slick-arrow {
	width: 38px;
	height: 38px;
}

.delivery-points-table-container .slick-prev {
	left: -50px;
	background: url('/images/icons/slider-left-btn.svg');
}

.delivery-points-table-container .slick-prev:hover {
	opacity: .8;
	background: url('/images/icons/slider-left-btn.svg') no-repeat;
	background-size: contain;
}

.delivery-points-table-container .slick-next:hover {
	opacity: .8;
	background: url('/images/icons/slider-right-btn.svg') no-repeat;
	background-size: contain;
}

.delivery-points-table-container .slick-next {
	right: -50px;
	background: url('/images/icons/slider-right-btn.svg');
}

.delivery-points-table-container .slick-prev:before {
	content: '';
	width: 38px;
	height: 38px;
	opacity: 1;
}

.delivery-points-table-container .slick-next:before {
	content: '';
	width: 38px;
	height: 38px;
	opacity: 1;
}

.delivery-points-table {
	display: flex;
	flex-direction: column;
	padding: 55px 45px 0 45px;
}

.delivery-points-heading {
	display: flex;
	justify-content: space-around;
	position: relative;
}

.delivery-point-address {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.delivery-point-address-title {
	font-size: 41px;
	color: #fff;
	font-weight: 700;
	text-align: center;
}

.delivery-point-address-market {
	font-size: 18px;
	font-weight: 700;
	color: rgba(255, 255, 255, 0.64);
}

.delivery-point-market-logo {
	left: 48%;
	top: 37%;
	transform: translate(-50%, -50%);
	width: 183px;
	height: 183px;
	position: absolute;
}

.delivery-address-table {
	display: flex;
	flex-direction: column;
}

.table-container {
	margin-top: 29px;
}

.table-row.city-row {
	border-top: 2px solid #fff;
/*	border-bottom: 1px solid #cfcfcf;*/
}

.table-data {
	color: #fff;
	padding-top: 16px;
	padding-bottom: 16px;
}

.table-data-left {
	width: 50%;
	border-right: 2px solid #fff;
	padding-right: 90px;
}

.table-data-right {
	padding-left: 38px;
}

.table-row:nth-child(2) {
	vertical-align: baseline;
}

.table-data-text {
	font-size: 16px;
	margin-bottom: 15px;
}

.delivery-address-first-text {
	font-size: 18px;
	font-weight: 700;
}

.delivery-address-second-text {
	font-size: 14px;
}

.video-frame {
	width: 560px;
	height: 315px;
}

.video-instruction-mask {
	width: 100%;
	background: rgba(0, 0, 0, 0.3);
	height: 100%;
	position: absolute;
	z-index: 1021;
	display: none;
}

.video-instruction-mask-visible {
	display: block;
}

iframe {
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 786px;
	height: 418px;
}

.close-button {
	position: fixed;
	top: 30px;
	right: 30px;
	background: url("/images/icons/close-white.svg") no-repeat;
	width: 20px;
	height: 20px;
}

.close-button:hover {
	opacity: 0.8;
	cursor: pointer;
}

.site-error {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.error-code {
	font-size: 259px;
	font-weight: 700;
	color: #1C1F49;
}

.qr-code-img
{
	width: 100%;
}