/*
Theme Name: Yousensation
Template: Goodini
Theme URI: https://degorov.ru/
Description: Дочерняя тема для Goodini
Author: Igor Kripak
Version: 1.0
*/


.square-animation {
	animation: fadeLeft 1s 1;
}

#smoke_effect {
	position: absolute;

	height: calc(100vh + 5rem);
	width: 100%;
	z-index: 1;
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
	top: 0px;
	left: 0;
	pointer-events: none;
	/* padding-bottom: 5rem; */
	background: linear-gradient(180deg, rgb(0 0 0) 93%, #ffffff00 100%);
}

div#smoke_effect:after {
	content: "";
    width: 100%;
    height: 8rem;
    display: block;
    position: absolute;
    bottom: 0px;
    z-index: 10000;
    filter: blur(14px);
    background: linear-gradient(180deg, rgb(0 0 0) 60%, #ffffff00 100%);
    right: 0;
		-webkit-filter: blur(14px);
}

#smoke_effect iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: calc(100% - 5rem);
}

@keyframes fadeLeft {
	0% {transform: translateX(-100%); opacity: 0;}
	100% {transform: translateX(0); opacity: 1;}
}

.additional_p_b1_mob {
	display: none;
}

.mob_fix {
	display:flex;
}
h1:first-letter, h2:first-letter, h3:first-letter, h4:first-letter, h5:first-letter, h6:first-letter {
    text-transform: inherit;
}
.thx-order {
	background: url(./assets/images/bg_s_1.webp);
	background-size: 100%;
	background-repeat: no-repeat;
	height: calc(100vh - 272px);
	display: flex;
	align-items: center;
}

.CDEK-widget__search-list ul li p.CDEK-widget__search-list__city-name {
	color: black;
}

.CDEK-widget__popup-mask {
	z-index: 1000;
}

.CDEK-widget__search-list ul {
	width: 100%;
}

.CDEK-widget__search-list__box ul.open {
	height: auto;
}

.modal_order .btn {
	width: max-content;
	margin: 10px auto;
	display: block;
}

.modal_order .cancel_btn {
	background: #2a2929;
}

.modal_order .btn span {
	padding: 1rem 2rem;
}

.thx-order h1 {
	margin-bottom: 20px;
}

.thx-order p {
	font-size: 2rem;
}

.slick-dots {
	bottom: -1.5rem;
}

.footer__copyright {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	color: #707F94;
	position: relative;
	font-size: 12px;
}

@keyframes rightMove {
	0% {
		background-position-x: 0;
	}

	100% {
		background-position-x: -100%;
	}
}

header .phone_and_btn a.call_btn,
footer .phone_and_btn a.call_btn {
	display: none;
}

@keyframes coinAnim {
	0% {
		transform: rotateY(0deg);
	}

	100% {
		transform: rotateY(359deg);
	}
}

body {
	font-family: "Open Sans", sans-serif;
	line-height: initial;
}

section {
	padding: 100px 0;
}

.btn span {
	font-size: 1.25rem;
}

.container-fluid {
	max-width: 1920px;
	padding: 0px 100px;
}

h1 {
	font-size: 3.5rem;
}

h2 {
	font-size: 3rem;
	margin-bottom: 50px;
	margin-top: 0;
}

.bg_section_1 {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: url(./assets/images/bg_s_1.webp);
	height: 1410px;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	z-index: 5;
}

.top_cloud {
	position: absolute;
	background: url(./assets/images/top_1_cloud.webp);
	top: -130px;
	right: 0;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	width: 1276px;
	height: 1331px;
	z-index: 6;
	background-position: center right;
	pointer-events: none;
	animation: bgAnim 3s infinite cubic-bezier(0.35, 0.72, 0.35, 1.02);
	/* animation-iteration-count: 1; */

}

.bgAnim {
	animation: bgAnim 10s infinite cubic-bezier(0.35, 0.72, 0.35, 1.02);
	animation-iteration-count: 1;
}

.bgAnim2 {
	animation: bgAnim2 5s infinite cubic-bezier(0.35, 0.72, 0.35, 1.02);
	animation-iteration-count: 1;
}

@keyframes fade {
	0% {
		opacity: 0;
	}

	50% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@keyframes bgAnim {
	0% {
		background-size: 0% 0%;
		opacity: 0;
	}


	50% {
		background-size: 100% 100%;
		opacity: 1;
	}

	100% {
		background-size: 100% 100%;
		opacity: 0;
	}
}

@keyframes bgAnim2 {
	0% {
		background-size: 0%;
		opacity: 0;
	}


	100% {
		background-size: 100%;
		opacity: 1;
	}
}

.under_header {
	display: none;
}

.section1 .content {
	max-width: 831px;
	max-height: 547px;
}

.section1 .container-fluid {
	position: relative;
	z-index: 10;
}

.section1 .content p {
	font-size: 2.25rem;
	font-weight: 700;
	max-width: 655px;
}

.section1 .content .additional_p p {
	font-size: 2rem;
	font-weight: 400;
}

.section1 .content .additional_p {
	margin-top: 2rem;
}

.section1 .content .btn {
	margin-top: 64px;
}

.section1 {
	padding-top: 180px;
}

.section1 .big_img {
	position: absolute;
	top: -156px;
	right: 0;
	max-height: unset;
	z-index: 7;
	pointer-events: none;
	max-width: 1280px;
	animation: fade 5s infinite ease;
	pointer-events: none;
	animation-iteration-count: 1;
}

.section2 .container-fluid {
	display: flex;
	justify-content: space-between;
	max-width: 1480px;
}


.section2 .advantage {
	max-width: 365px;
	text-align: center;
}

.section2 .advantage .advantage_title {
	font-size: 1.5rem;
	font-weight: 700;
	margin-top: 45px;
}

.section2 .advantage .advantage_description {
	font-size: 1.25rem;
	margin-top: 20px;
	font-weight: 400;
}

.section3 .banners {
	max-width: 1584px;
	margin: 0 auto;
	border-radius: 31px;
	box-shadow: 0px 0px 100px 30px #ffffff2e;
}

.section3 .banners img {
	border-radius: 31px;
}

.section3 .banner_text {
	font-size: 3rem;
	font-weight: 700;
}

.section3 .banners .slick-slide:nth-child(1) .banner_text {
	position: absolute;
	max-width: 898px;
	left: 125px;
	top: calc(50% - 65px);
	pointer-events: unset;
}

.section3 .banners .slick-slide:nth-child(2) .banner_text {
	position: absolute;
	max-width: 467px;
	left: 174px;
	top: calc(50% - 65px);
	pointer-events: unset;
}

.section3 .banners .slick-slide:nth-child(3) .banner_text {
	position: absolute;
	max-width: 839px;
	left: 174px;
	top: unset;
	bottom: 125px;
	pointer-events: unset;
}

.section3 .banners .slick-slide:nth-child(4) .banner_text {
	position: absolute;
	max-width: 530px;
	left: 165px;
	top: 318px;
	pointer-events: unset;
}

.section3 .banners .slick-slide:nth-child(5) .banner_text {
	position: absolute;
	max-width: 854px;
	top: unset;
	left: calc(50% - 427px);
	bottom: 14%;
	pointer-events: unset;
	text-align: center;
}

.section5 .content {
	max-width: 895px;
}

.section5 .content ul li {
	font-size: 1.25rem;
}

.section5 .content ul {
	max-width: 582px;
	margin-bottom: 70px;
	padding-left: 30px;
	list-style: initial;
}

.section5 .content ul li+li {
	margin-top: 30px;
}

.section5 .content ul li .text_color {
	font-weight: 700;
}

.section5 img {
	position: absolute;
	right: 0;
	max-height: unset;
	top: -321px;
	z-index: -1;
	pointer-events: none;
}

.section6 {
	z-index: 1;
}

.section6 h2 {
	margin-bottom: 50px;
	text-align: center;
}

.section6 .sl_1 {
	margin-bottom: 66px;
}

.section6 .bg {
	position: absolute;
	top: -162px;
	right: 0;
	background-image: url(./assets/images/bg_s_6.webp);
	background-repeat: no-repeat;
	width: 100%;
	background-position: center;
	height: 1063px;
	pointer-events: none;
	background-size: 100% 1270px;
	z-index: -1;
}

.section7 .fake_blocks {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 90px;
}

.section7 .fake_block {
	height: 481px;
	border-radius: 13px;
	background-repeat: no-repeat;
	background-size: auto;
	background-position: center;
	padding: 50px 45px;
	display: flex;
	flex-direction: column;
	justify-content: end;
	transform: scale(1);
	transition: transform 500ms ease 0s
}

.section7 .fake_block:hover {
	transform: scale(1.05);
}

.section7 .fake_block .fake_block_title {
	font-size: 24px;
	font-weight: 700;
	max-width: 610px;
}

.section7 .fake_block .fake_block_text {
	font-size: 20px;
	font-weight: 400;
	max-width: 610px;
	margin-top: 10px;
	min-height: 54px;
}

.section8 .reviews {
	margin: 0 auto;
	max-width: 1480px;
}

.section8 .review:hover {
	transform: scale(1.05);
}

.section8 .review {
	padding: 57px 50px 52px 70px;
	background: rgba(149, 1, 45, 0.71);
	border-radius: 12px;
	position: relative;
	transform: scale(1);
	transition: transform 500ms ease 0s
}

.section8 .slick-track,
.section8 .slick-slide,
.section8 .slick-slide div {
	display: flex;
}

.section8 .slick-track {
	padding: 10px;
}

.section8 .slick-slide,
.section8 .slick-slide div {
	height: auto;
}

.section8 .review p {
	font-size: 1rem;
	font-weight: 400;
	margin-bottom: 0;
}

.section8 .review::before {
	content: url(assets/images/review_element.webp);
	position: absolute;
	top: 19px;
	left: 57px;
	z-index: -1;
}

.under_footer .b2b-copy {
	margin-top: 0;
}

.under_footer .b2b-copy a {
	display: flex !important;
	align-items: center;
}

.section8 .bg {
	position: absolute;
	background: url(./assets/images/bg_s_8.webp);
	top: -525px;
	width: 100%;
	background-size: 100%;
	max-width: 900px;
	height: 1609px;
	background-repeat: no-repeat;
	text-align: center;
	left: 50%;
	pointer-events: none;
	transform: translate(-50%, 0);
}

.section8 h2 {
	text-align: center;
	margin-bottom: 62px;
}

.section9 img {
	position: absolute;
	left: 0;
	bottom: 0;
	max-height: unset;
}

.dark_theme .popup {
	border-radius: 34px;
	background: linear-gradient(180deg, #660124 0%, #2E010C 103.26%);
	color: white;
}

.dark_theme #modal-not-agreement {
	border-radius: 34px;
	background: linear-gradient(180deg, #660124 0%, #2E010C 103.26%);
}

.section9 .content {
	max-width: 760px;
	margin-left: auto;
	padding-bottom: 25px;
}

.section9 h2 {
	margin-bottom: 60px;
	margin-top: 254px;
	font-size: 3rem;
	font-weight: 700;
}

.section9 button {
	margin: -10px auto 205px 0;
}

header#header {
	background: linear-gradient(180deg, #912229 0%, #902329 100%);
	padding: 30px 0;
}

header .container-fluid {
	display: flex;
	align-items: center;
}

header .site_desc {
	font-size: 0.875rem;
	font-weight: 400;
	max-width: 133px;
	margin-left: 30px;
}

header .site_info {
	display: flex;
	align-items: center;
	gap: 18px;
	margin-right: 38px;
	margin-left: auto;
}

header .site_info .desc {
	font-size: 0.875rem;
	font-weight: 400;
	max-width: 134px;
}

header .site_info .city {
	position: relative;
	font-size: 0.875rem;
	font-weight: 400;
	display: flex;
	align-items: center;
	gap: 8px;
}

header .site_info .city::before {
	height: 23px;
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='23' viewBox='0 0 16 23' fill='none'%3E%3Cpath d='M8.00167 0C3.58283 0 0 3.47491 0 7.76158C0 9.95454 2.20307 13.8833 2.20307 13.8833L7.70673 23L13.4492 13.9898C13.4492 13.9898 16 10.2412 16 7.76158C16.0007 3.47491 12.4185 0 8.00167 0ZM7.96422 12.0365C5.43343 12.0365 3.38352 10.0349 3.38352 7.56109C3.38352 5.09058 5.43276 3.09026 7.96422 3.09026C10.4937 3.09026 12.5456 5.09058 12.5456 7.56109C12.5456 10.0349 10.4937 12.0365 7.96422 12.0365Z' fill='white'/%3E%3C/svg%3E");
}

header .soc_icons {
	height: 36px;
	display: flex;
	gap: 17px;
	align-items: center;
	margin-right: 28px;
}

header .site_info .vert_hr {
	width: 1px;
	height: 34px;
	background-color: white;
	display: block;
}

header a[href^="tel:"].phone-content {
	margin-right: 26px;
	font-size: 1.25rem;
	font-weight: 700;
	color: white;
	display: block;
}

header .btn {
	border: 1px white solid;
}

header .btn span {
	padding: 12px 19px;
	font-size: 1rem;
	font-weight: 400;
}

header .btn:active,
header .btn:visited,
header .btn:focus {
	border: 1px white solid;
}

.right_cloud {
	z-index: 10;
	height: 790px;
	width: 600px;
	position: absolute;
	top: -426px;
	left: 0;
	background-image: url(./assets/images/right_cloud.webp);
	pointer-events: none;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center left;
}

.product_container {
	max-width: 1512px;
	margin: 0 auto;
}

.container {
	width: 900px;
	margin: 0 auto;
	max-width: 100%;
}

.section4 {
	background-image: url(./assets/images/bg_s_4.webp);
	background-repeat: no-repeat;
	background-size: 100% 1044px;
	background-position: top;
}

.section4 .next_btn,
.section8 .next_btn {
	right: -99px;
	width: 75px;
	height: 75px;
	background: transparent;
	box-shadow: unset;
}

.section4 .prev_btn,
.section8 .prev_btn {
	left: -99px;
	width: 75px;
	height: 75px;
	background: transparent;
	box-shadow: unset;
}

.section4 .product_container_place .slick-list {
	padding-top: 10% !important;
	padding-bottom: 10% !important;
	padding-left: 26% !important;
	padding-right: 26% !important;
}

.section4 .product_container_place .slick-dots {
	text-align: right;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}

.section4 .product_container_place .slick-track {
	max-width: 100% !important;
	transform: translate3d(0, 0, 0) !important;
	perspective: 100px;
}

.section4 .product_container_place .slick-slide {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	opacity: 0;
	width: 100% !important;
	transform: translate3d(0, 0, 0);
	transition: transform 1s, opacity 1s;
}

.section4 .product_container_place .slick-snext, .section4 .product_container_place .slick-snext2,
.section4 .product_container_place .slick-sprev, .section4 .product_container_place .slick-sprev2 {
	display: block;
}

.section4 .product_container_place .slick-current {
	opacity: 1;
	position: relative;
	display: block;
	transform: translate3d(0, 0, 20px);
	z-index: 3;
}

.section4 .product_container_place .slick-snext {
	opacity: 1;
	transform: translate3d(35%, 0, 0px);
	z-index: 2;
}

.section4 .product_container_place .slick-snext2{
	opacity: 1;
	transform: translate3d(68%, 0, -14px);
	z-index: 1;
}


.section4 .product_container_place .slick-sprev{
	opacity: 1;
	transform: translate3d(-35%, 0, 0px);
}

.section4 .product_container_place .slick-sprev2 {
	opacity: 1;
	transform: translate3d(-68%, 0, -14px);
}

.section4 .test {
	display: block;
	width: 100%;
	height: 300px;
	background: #c00;
	box-shadow: inset 0px 0px 0px 3px #000
}

.section4 .prod_img {
	max-width: 267px;
	width: 100%;
	position: relative;
}

.prod_img::before {
	content: "";
	width: 361px;
	height: 361px;
	background-image: url(./assets/images/product_img_bg.webp);
	background-repeat: no-repeat;
	display: block;
	position: absolute;
	top: 50%;
	background-position: center;
	background-size: 100%;
	left: 50%;
	z-index: 1;
	pointer-events: none;
	transform: translate(-50%, -50%);
}

.section4 .prod_img img {
	width: auto;
	z-index: 2;
	position: relative;
	pointer-events: none;
	max-height: 310px;
	margin: 0 auto;
	display: block;
}

.product .content {
	width: 100%;
}

.section4 .product {
	border-radius: 34px;
	background: linear-gradient(180deg, #660124 0%, #2E010C 103.26%);
	max-width: 824px;
	padding: 32px 24px;
	display: flex !important;
	align-items: center;
	gap: 70px;
	position: relative;
}

.section4 .product .bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #25020B;
	border-radius: 34px;
	pointer-events: unset;
	background-color: #25020bb3;
	z-index: 3;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.section4 .product_container_place .slick-current .product .bg {
	background: transparent;
	pointer-events: none;
}

.section4 .product_container_place .slick-current .product {
	background: linear-gradient(180deg, #660124 0%, #2E010C 103.26%);
}

.btn_with_soc span {
	padding: 20px 32px;
	display: flex;
	align-items: center;
	gap: 21px;
}

.btn_with_soc span a {
	height: 24px;
}

.btn_with_soc {
	margin: -10px auto 0 auto;
	display: block !important;
}

.product .prod_title {
	font-size: 1.75rem;
	font-weight: 700;
}

.product .prod_desc {
	font-size: 1rem;
	margin: 25px 0;
	font-weight: 400;
}

.popup_container .pdf_link {
	font-size: 0.875rem;
}

.popup_container .transparent_btn span {
	font-size: 0.75rem;
}

.prod_desc_1 {
	margin-bottom: 25px;
}

.transparent_btn span {
	padding: 8px 21px;
	color: white;
	display: block;
	font-size: 0.75rem;
	font-weight: 400;
}

.transparent_btn {
	border-radius: 6px;
	border: 0.909px solid #FF769F;
	display: block;
	position: relative;
	display: inline-block;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	line-height: 1.2;
	cursor: pointer;
	padding: 0;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	text-align: center;
}

.pdf_link {
	font-size: 0.75rem;
	font-weight: 400;
	color: white;
	display: flex;
	align-items: center;
	margin-top: 14px;
}

.prod_price {
	font-size: 1.75rem;
	font-weight: 700;
	color: white;
	margin-top: 14px;
	margin-bottom: 20px;
}

.prod_btns .btn span {
	padding: 9px 32px;
}

.prod_btns {
	display: flex;
	gap: 16px;
	height: 45px;
}

.prod_btns .btn_buy {
	width: 100%;
}

.prod_btns .btnWish span {
	padding: 12px;
	width: max-content;
	min-width: unset;
}

.section4 .prod_links {
	display: flex;
	gap: 13px;
}

.section4 h2 {
	text-align: center;
	max-width: 1368px;
	margin: 0 auto;
	margin-bottom: 30px;
}

.section4 h2 .text_color,
.section5 h2 .text_color,
.section6 h2 .text_color,
.section7 h2,
.section9 h2 .text_color {
	background: linear-gradient(270deg, #FF1FB2 0.77%, #BB1849 111.69%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.section4 p {
	text-align: center;
	max-width: 1368px;
	margin: 0 auto;
	font-size: 2rem;
	font-weight: 700;
}

footer {
	background: linear-gradient(180deg, #912229 0%, #902329 100%);
	padding: 30px 0;
}

footer .container-fluid {
	display: flex;
	align-items: center;
}

footer .site_desc {
	font-size: 0.875rem;
	font-weight: 400;
	max-width: 133px;
	margin-left: 30px;
}

footer .site_info {
	display: flex;
	align-items: center;
	gap: 18px;
	margin-right: 38px;
	margin-left: auto;
}

footer .site_info .desc {
	font-size: 0.875rem;
	font-weight: 400;
	max-width: 134px;
}

footer .site_info .city {
	position: relative;
	font-size: 0.875rem;
	font-weight: 400;
	display: flex;
	align-items: center;
	gap: 8px;
}

footer .site_info .city::before {
	height: 23px;
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='23' viewBox='0 0 16 23' fill='none'%3E%3Cpath d='M8.00167 0C3.58283 0 0 3.47491 0 7.76158C0 9.95454 2.20307 13.8833 2.20307 13.8833L7.70673 23L13.4492 13.9898C13.4492 13.9898 16 10.2412 16 7.76158C16.0007 3.47491 12.4185 0 8.00167 0ZM7.96422 12.0365C5.43343 12.0365 3.38352 10.0349 3.38352 7.56109C3.38352 5.09058 5.43276 3.09026 7.96422 3.09026C10.4937 3.09026 12.5456 5.09058 12.5456 7.56109C12.5456 10.0349 10.4937 12.0365 7.96422 12.0365Z' fill='white'/%3E%3C/svg%3E");
}

footer .soc_icons {
	height: 36px;
	display: flex;
	gap: 17px;
	margin-right: 28px;
}

footer .site_info .vert_hr {
	width: 1px;
	height: 34px;
	background-color: white;
	display: block;
}

footer a[href^="tel:"].phone-content {
	margin-right: 26px;
	font-size: 20px;
	font-weight: 700;
	color: white;
	display: block;
}

footer .btn {
	border: 1px white solid;
}

footer .btn span {
	padding: 12px 19px;
	font-size: 1rem;
	font-weight: 400;
}

footer .link_instruction {
	max-width: 246px;
	font-size: 0.875rem;
	font-weight: 400;
	color: white;
	margin-left: auto;
}

footer .logo {
	max-width: 379px;
	width: 100%;
}

.section9 {
	padding-bottom: 0;
	padding-top: 130px;
}

.product_container_place {
	position: relative;
}

.section8 {
	z-index: 3;
	position: relative;
}

.section9 .bg {
	position: absolute;
	background: url(./assets/images/bg_cloud.webp);
	top: -466px;
	left: 0;
	background-position: center;
	background-repeat: repeat-x;
	background-position-x: 0;
	animation: rightMove 70s infinite linear;
	width: 100%;
	height: 89%;
	transform: translateY(33%);
	z-index: 3;
	bottom: 0;
	pointer-events: none;
}

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

.activeWish svg g {
	fill: red;
}

.popup_cust .popup_container {
	display: flex;
	gap: 100px;
	color: white;
}

.dark_theme .popup.popup_cust {
	max-width: 1708px;
	border-radius: 34px;
	text-align: left;
	background: linear-gradient(180deg, #660124 0%, #2E010C 103.26%);
}

.prod_desc_1 ul,
.prod_desc_2 ul {
	padding-left: 20px;
	list-style: unset;
}

.cust_col1 .btn_buy {
	max-width: 260px;
}

.cust_col1 {
	max-width: 450px;
}

.cust_col2 {
	max-width: 380px;
}

.popup_container .prod_img {
	min-width: 400px;
	position: relative;
	display: flex;
	align-items: center;
}

.popup_container .prod_img img {
	margin: 0 auto;
	display: block;
	max-height: 520px;
	width: auto;
}

.popup_container .prod_img::before {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: -1;
}

.modal_apps {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 100;
	background: rgba(24, 24, 27, 0.7);
	width: 100%;
	height: 100vh;
}

.modal_apps .modal_content {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: 100%;
	z-index: 100;
	border-radius: 34px;
	background: linear-gradient(180deg, #660124 0%, #2E010C 103.26%);
	padding: 30px;
	transform: translate(-50%, -50%);
	max-width: 500px;
}

.modal_apps .modal_title {
	font-size: 30px;
	font-weight: 700;
	margin-bottom: 10px;
}

.modal_apps .btn {
	display: block;
	margin: 10px auto;
	width: max-content;
}


.modal_old .modal_content {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: max-content;
	z-index: 100;
	border-radius: 34px;
	background: linear-gradient(180deg, #660124 0%, #2E010C 103.26%);
	padding: 30px;
	transform: translate(-50%, -50%);
	max-width: 500px;
}

.modal_old {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 100;
	background: #000000;
	width: 100%;
	height: 100vh;
}

.dark_theme .form-group {
	border-radius: 6px;
}

.modal_order {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 999;
	background: rgba(24, 24, 27, 0.7);
	width: 100%;
	height: 100vh;
}

.order_form_place {
	max-width: 400px;
	left: 50%;
	position: fixed;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	border-radius: 34px;
	background: linear-gradient(180deg, #660124 0%, #2E010C 103.26%);
	color: white;
	padding: 30px;
}

.modal_old .modal_title {
	font-size: 30px;
	font-weight: 700;
	margin-bottom: 10px;
}

.modal_old .modal_desc {
	font-size: 20px;
	font-weight: 400;
	margin-bottom: 15px;
}

.modal_old .flex {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.modal_old .btn2 {
	background: gray;
}

header .logo {
	width: 365px;
}

.under_footer {
	background: #303133;
	padding: 10px 0px;
}

.under_footer .flex {
	display: flex;
	justify-content: space-between;
	font-size: 0.8125rem;
	align-items: center;
}

.under_footer .flex a {
	color: white;
	text-decoration: underline;
}

.section2 {
	margin-top: 120px;
}


.imgs_prod_gallerys {
	display: flex;
	position: absolute;
	width: max-content;
	gap: 20px;
	bottom: 30px;
	left: 50%;
	transform: translate(-50%, 0%);
}

.imgs_prod_gallerys .gallery_img_place {
	height: 102px;
	width: 102px;
	background: white;
    border-radius: 12px;
		cursor: pointer;
}

.popup_container .prod_img .imgs_prod_gallerys .gallery_img_place img {
	max-height: 102px;
}



/*
============================================================
============================================================
============================================================
Ширины экранов
-- xs	320-499		Смартфоны
-- sm	500-767		Фаблеты
-- md	768-1023	Планшеты
-- ml	1024-1180	Нетбуки
-- lg	1181-1299	Ноутбуки
-- xl	1400		Декстопы
============================================================
============================================================
============================================================
*/

/*
==============================
	xl 1699 - Декстопы	(1600)
==============================
*/
@media (max-width: 1699px) {

	.section2 {
		z-index: 5;
	}

	.right_cloud {
		top: -387px;
	}

	.top_cloud {
		width: 1102px;
		height: 1118px;
	}

	.section4 .prev_btn,
	.section8 .prev_btn {
		left: -60px;
		width: 50px;
		height: 50px;
	}

	.section4 .next_btn,
	.section8 .next_btn {
		right: -60px;
		width: 50px;
		height: 50px;
	}

	footer .site_desc,
	header .site_desc {
		margin-left: 15px;
		margin-right: 15px;
	}

	footer .site_info,
	header .site_info {
		gap: 15px;
		margin-right: 15px;
	}

	footer .soc_icons,
	header .soc_icons {
		gap: 15px;
		margin-right: 15px;
	}

	footer a[href^="tel:"].phone-content {
		margin-right: 15px;
	}

	footer .link_instruction {
		margin-right: 15px;
	}

	.section9 img {
		left: -50px;
	}

	header .logo {
		max-width: 450px;
	}

	.section1 {
		padding-top: 65px;
	}

	.section1 .big_img {
		top: -130px;
		z-index: 7;
		max-width: 990px;
	}

	.section4 .product {
		gap: 25px;
	}

	.section5 img {
		top: -233px;
		width: 1089px;
	}

	.section9 button {
		margin: -10px auto 107px 0;
	}

	.section9 .content {
		max-width: 640px;
	}

	footer .logo {
		max-width: 265px;
	}

	section {
		padding: 80px 0;
	}
}

/*
==============================
	xl 1599 - Декстопы	(1440)
==============================
*/
@media (max-width: 1599px) {

	.section2 {
		margin-top: 0;
	}

	.section3 .banner_text {
		font-size: 2.5rem;
	}

	h1 {
		font-size: 3rem;
	}

	h2 {
		font-size: 2.5rem;
	}

	.section1 .big_img {
		max-width: 870px;
	}

	.section1 .content .additional_p p,
	.section4 p {
		font-size: 1.75rem;
	}

	.section4 .product_container_place .slick-list {
		padding-left: 20% !important;
		padding-right: 20% !important;
	}

	.section4 .product_container_place .slick-snext {
		opacity: 1;
		transform: translate3d(15%, 0, 11px);
		z-index: 2;
	}
	
	.section4 .product_container_place .slick-snext2 {
		opacity: 1;
		transform: translate3d(30%, 0, 3px);
		z-index: 1;
	}

	.section4 .product_container_place .slick-sprev {
		opacity: 1;
		transform: translate3d(-15%, 0, 11px);
	}

	.section4 .product_container_place .slick-sprev2 {
		opacity: 1;
		transform: translate3d(-30%, 0, 3px);
	}

	.section5 img {
		top: -109px;
		width: 987px;
	}

	.section7 .fake_blocks {
		gap: 45px;
	}

	.section7 .fake_block {
		height: 375px;
	}

	.section8 .review {
		padding: 47px 40px 42px 60px;
	}

	.section9 {
		padding-bottom: 0;
		padding-top: 65px;
	}

	.section8 {
		padding-bottom: 10px;
	}

	.section9 h2 {
		margin-top: 184px;
		font-size: 2.5rem;
	}

	.section9 .bg {
		background-size: 200% 70%;
	}

	.section8 .bg {
		max-width: 780px;
	}

	.section9 .content {
		max-width: 530px;
	}

	footer .site_desc,
	header .site_desc {
		margin-left: 10px;
		margin-right: 10px;
	}

	footer .site_info,
	header .site_info {
		gap: 10px;
		margin-right: 10px;
	}

	footer .link_instruction {
		margin-right: 10px;
	}

	footer .soc_icons,
	header .soc_icons {
		gap: 10px;
		margin-right: 10px;
	}

	footer .logo {
		max-width: 200px;
		margin-right: 10px;
	}

	footer .btn span,
	header .btn span {
		padding: 12px 14px;
	}

	.top_cloud {
		width: 879px;
		height: 924px;
	}

	.section8 .bg {
		max-width: 850px;
	}
}

/*
==============================
	lg 1399 - Ноутбуки	(1360)
==============================
*/
@media (max-width: 1399px) {

	.right_cloud {
		top: -280px;
		height: 580px;
		width: 397px;
	}

	.section2 .advantage .advantage_description {
		font-size: 1rem;
	}

	.container-fluid {
		padding: 0 5rem;
	}

	.section1 .content .btn {
		margin-top: 30px;
	}

	header .site_desc {
		max-width: 80px;
	}

	.popup_container .prod_img {
		min-width: 300px;
	}

	.section1 .content p {
		font-size: 2rem;
	}

	.section1 .content .additional_p p,
	.section4 p,
	p {
		font-size: 1.5rem;
	}

	.advantage img {
		width: 220px;
	}

	.section2 .advantage .advantage_title {
		margin-top: 2rem;
		font-size: 1.25rem;
	}

	.section2 .advantage .advantage_description {
		margin-top: 1rem;
	}

	.section2 .advantage {
		max-width: 350px;
	}

	.section5 .content ul li+li {
		margin-top: 1.5rem;
	}

	.section6 h2 {
		margin-top: 50px;
	}

	.section6 .sl_1 {
		margin-bottom: 2rem;
	}

	.section7 .fake_block .fake_block_text {
		font-size: 1rem;
	}
}


/*
==============================
	lg 1299 - Ноутбуки	(1280)
==============================
*/
@media (max-width: 1299px) {

	h1 {
		font-size: 2.25rem;
	}

	.section1 .content {
		max-width: 560px;
	}

	.section1 .content p {
		font-size: 1.75rem;
	}

	.section1 .content .additional_p p,
	.section4 p,
	p {
		font-size: 1.25rem;
	}

	.top_cloud {
		width: 855px;
		height: 876px;
	}

	.popup_container .prod_img {
		min-width: 250px;
	}

	.popup_cust .popup_container {
		gap: 40px;
	}

	.section1 {
		padding-top: 35px;
	}

	.section1 .big_img {
		max-width: 749px;
		top: -74px;
	}

	section {
		padding: 50px 0;
	}

	.right_cloud {
		height: 546px;
		width: 379px;
		background-size: 100%;
		top: -227px;
	}

	.section4 .product_container_place .slick-list {
		padding-left: 15% !important;
		padding-right: 15% !important;
	}

	.section4 .product_container_place .slick-snext {
		opacity: 1;
		transform: translate3d(9%, 0, 11px);
		z-index: 2;
	}

	.section4 .product_container_place .slick-snext2 {
		opacity: 1;
		transform: translate3d(18%, 0, 3px);
		z-index: 1;
	}

	.section4 .product_container_place .slick-sprev{
		opacity: 1;
		transform: translate3d(-9%, 0, 11px);
	}

	.section4 .product_container_place .slick-sprev2 {
		opacity: 1;
		transform: translate3d(-18%, 0, 3px);
	}

	.section4 {
		background-size: auto 100%;
		background-position: bottom;
	}

	.section5 img {
		top: -71px;
		width: 877px;
	}

	.section9 h2 {
		margin-top: 90px;
		font-size: 2.5rem;
	}

	.section9 .content {
		max-width: 475px;
	}

	footer .logo {
		max-width: 186px;
		margin-right: 15px;
	}

	.section8 .review::before {
		top: 11px;
		left: 50px;
	}

	.section8 .bg {
		max-width: 790px;
	}

	.section9 .bg {
		background-size: 300% 100%;
		top: -439px;
	}


}


/*
==============================
	ml 1180 - Нетбуки	(1024)
==============================
*/
@media (max-width: 1180px) {

	footer .soc_icons {
		margin-left: auto;
	}

	.top_cloud {
		width: 680px;
		height: 722px;
	}

	.container-fluid {
		padding: 0 3rem;
	}

	.section1 {
		padding-top: 75px;
	}

	.section3 .banner_text {
		font-size: 2rem;
	}

	.section4 h2 {
		margin-bottom: 1rem;
	}

	.product .prod_title {
		font-size: 1.5rem;
	}

	.product .prod_desc {
		font-size: 1rem;
		margin: 1rem 0 1.5rem;
		font-weight: 400px;
	}

	h2 {
		font-size: 2rem;
	}

	.section1 .content p {
		font-size: 1.75rem;
	}

	.section1 .content {
		max-width: 490px;
		max-height: 547px;
	}

	.section1 .content .additional_p {
		margin-top: 0;
	}

	.section1 .content .btn {
		margin-top: 15px;
	}

	.section1 h1 {
		margin-bottom: 15px;
	}

	.section5 .content {
		max-width: 700px;
	}

	.section5 .content ul li {
		font-size: 1.125rem;
	}

	.section5 .content ul li+li {
		margin-top: 1.25rem;
	}

	.section5 .content ul {
		margin-bottom: 3rem;
	}


	.advantage img {
		max-width: 200px;
	}

	.section2 .container-fluid {
		gap: 20px;
	}

	.section2 .advantage {
		flex: 1 1 0;
	}

	.section2 .advantage .advantage_title {
		font-size: 1.25rem;
	}

	.section2 .advantage .advantage_description {
		font-size: 1rem;
	}

	.section3 .banners .slick-slide:nth-child(4) .banner_text {
		left: 70px;
		top: 181px;
	}

	.section3 .banners .slick-slide:nth-child(5) .banner_text {
		bottom: 9%;
	}

	.section4 .next_btn,
	.section8 .next_btn {
		right: 0;
	}

	.section4 .prev_btn,
	.section8 .prev_btn {
		left: 0px;
	}

	.section5 img {
		top: -13px;
		width: 614px;
	}

	.section6 .sl_1 {
		margin-bottom: 35px;
	}

	.section8 .bg {
		max-width: 775px;
		height: 1215px;
	}

	.section9 h2 {
		font-size: 2rem;
	}

	.section9 {
		padding-bottom: 0;
		padding-top: 75px;
	}

	.section1 .big_img {
		max-width: 690px;
		top: -53px;
	}


	.section9 .content {
		max-width: 436px;
	}

	.section9 button {
		margin: -10px auto 110px 0;
	}

	footer .site_info {
		display: none;
	}

	.section5 .container-fluid {
		position: relative;
		z-index: 3;
	}

	.btn span {
		font-size: 1rem;
	}



	header .logo {
		max-width: 251px;
	}

	footer .site_info,
	header .site_info {
		gap: 10px;
		margin-right: 10px;
	}

	footer .soc_icons,
	header .soc_icons {
		gap: 10px;
		margin-right: 10px;
	}


	header .soc_icons {
		margin-left: auto;
		align-items: center;
	}

	header .site_desc {
		max-width: 130px;
	}

	header a[href^="tel:"].phone-content {
		margin-right: 10px;
	}

	.section9 .bg {
		top: -381px;
		background-size: 200% 60%;
	}

}


/*
==============================
	md 1023 - Планшеты	(768)
==============================
*/
@media (max-width: 1023px) {

	.section6 h2 {
		margin-top: 0;
	}
	.imgs_prod_gallerys{
		bottom: -102px;
	}

	.cust_col1.mob_margin {
		margin-top: 102px;
	}
	.section4 .product_container_place .slick-current {
		transform: translate3d(0, 0, 5px);
	}

	.under_footer .div2 {
		text-align: right;
		max-width: 360px;
	}

	header .site_info,
	header .site_desc {
		display: none;
	}

	.section1 .content p {
		font-size: 1.5rem;
	}

	.section1 .content .additional_p p,
	.section4 p,
	p {
		font-size: 1.25rem;
	}

	.container-fluid {
		padding: 0 2.5rem;
	}

	.top_cloud {
		width: 444px;
		height: 489px;
		top: 32px;
	}

	.popup_cust .popup_container {
		display: flex;
		gap: 20px;
		color: white;
		flex-direction: column;
	}

	.popup_container .prod_img img {
		margin: 0 auto;
		display: block;
		max-height: 300px;
		width: auto;
	}

	.popup_container .prod_img {
		min-width: unset;
		position: relative;
		display: flex;
		align-items: center;
	}

	.section1 .big_img {
		max-width: 449px;
		top: 63px;
		height: 506px;
		width: auto;
	}

	.section2 .advantage .advantage_title {
		font-size: 1.125rem;
	}



	.section1 .content {
		max-width: 400px;
		max-height: 547px;
	}


	.advantage img {
		max-width: 150px;
	}

	.section2 .container-fluid {
		gap: 10px;
	}

	.section2 .advantage .advantage_description {
		font-size: 0.875rem;
	}

	.section3 .banner_text {
		font-size: 1.5rem;
	}

	.right_cloud {
		height: 393px;
		width: 279px;
		background-size: 100%;
		top: -165px;
	}

	.section3 .banners .slick-slide:nth-child(1) .banner_text {
		left: 62px;
		max-width: 325px;
		top: calc(50% - 31px);
	}

	.section3 .banners .slick-slide:nth-child(2) .banner_text {
		left: 40px;
		max-width: 340px;
	}

	.section3 .banners .slick-slide:nth-child(3) .banner_text {

		max-width: 373px;
		left: 40px;
	}

	.section3 .banners .slick-slide:nth-child(4) .banner_text {
		max-width: 243px;
	}

	.section3 .banners .slick-slide:nth-child(5) .banner_text {
		max-width: 400px;
		top: unset;
		left: calc(50% - 200px);
	}

	.section4 .product_container_place .slick-list {
		padding-left: 12% !important;
		padding-right: 12% !important;
	}

	.product .prod_title {
		font-size: 1.5rem;
	}

	.product .prod_desc {
		font-size: 1rem;
		margin: 10px 0;
		font-weight: 400;
	}

	.section4 .product {
		flex-direction: column;
	}

	.section4 .product {
		gap: 10px;
	}



	.section4 .product_container_place .slick-snext{
		opacity: 1;
    transform: translate3d(10%, 0, -1px);
    z-index: 2;
	}

	.section4 .product_container_place .slick-snext2 {
		opacity: 1;
		transform: translate3d(20%, 0, -7px);
		z-index: 1;
	}

	.section4 .product_container_place .slick-sprev{
		opacity: 1;
		transform: translate3d(-10%, 0, -1px);
	}

	.section4 .product_container_place .slick-sprev2 {
		opacity: 1;
		transform: translate3d(-20%, 0, -7px);
	}

	.section4 .btn_with_soc {
		margin: 30px auto 0 auto;
		display: block;
	}

	.section5 .content ul {
		max-width: 375px;
		margin-bottom: 30px;
	}

	.section5 .content ul li+li {
		margin-top: 15px;
	}

	.section5 img {
		top: 105px;
		width: 508px;
	}

	.section5 .btn {
		display: block;
		width: max-content;
		margin: 0 auto;
	}

	.section6 h2 {
		margin-bottom: 30px;
		text-align: center;
	}

	.section7 .fake_blocks {
		gap: 30px;
		display: flex;
		flex-direction: column;
	}

	.section7 .fake_block .fake_block_text {
		min-height: auto;
	}

	.section9 .bg {
		top: -265px;
	}

	.section9 button {
		margin: -10px auto 40px 0;
	}

	.section9 {
		padding-bottom: 0;
		padding-top: 34px;
	}

	.section9 .content {
		max-width: 452px;
	}

	.section9 img {
		left: -50px;
		max-width: 676px;
	}

	.section9 h2 {
		margin-top: 80px;
		font-size: 2rem;
		margin-bottom: 30px;
	}

	.section9 img {
		left: -50px;
		max-width: 554px;
	}

	footer .phone_and_btn {
		flex-direction: column;
		align-items: end;
	}

	footer a[href^="tel:"].phone-content {
		margin-right: 0;
		margin-bottom: 5px;
	}

	footer .logo {
		max-width: 215px;
		margin-right: 10px;
	}

}

@media (max-width: 769px) {

	.section6 h2,
	h2,
	.section8 h2 {
		margin-bottom: 30px;
	}

	header .phone_and_btn {
		display: flex;
		align-items: end;
		flex-direction: column;
	}


	.mob_fix {
    	gap: 5px;
		align-items: center;
	}

	.under_footer .flex {
		gap: 10px;
	}

	footer .site_desc {
		display: none;
	}

	.under_footer .flex a {
		display: block;
	}

	.under_header .site_info {
		display: flex;
		align-items: center;
		gap: 18px;
	}

	header .phone_and_btn a.call_btn,
	footer .phone_and_btn a.call_btn {
		display: block;
		color: white;
		font-size: 1rem;
		text-align: right;
	}

	footer .phone_and_btn .btn {
		display: none;
	}



	.under_header .site_info .desc {
		font-size: 0.875rem;
		font-weight: 400;
		max-width: 223px;
	}

	.under_header .site_info .city {
		position: relative;
		font-size: 0.875rem;
		font-weight: 400;
		display: flex;
		align-items: center;
		gap: 8px;
	}

	.under_header .city::before {
		height: 19px;
		content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='19' viewBox='0 0 16 23' fill='none'%3E%3Cpath d='M8.00167 0C3.58283 0 0 3.47491 0 7.76158C0 9.95454 2.20307 13.8833 2.20307 13.8833L7.70673 23L13.4492 13.9898C13.4492 13.9898 16 10.2412 16 7.76158C16.0007 3.47491 12.4185 0 8.00167 0ZM7.96422 12.0365C5.43343 12.0365 3.38352 10.0349 3.38352 7.56109C3.38352 5.09058 5.43276 3.09026 7.96422 3.09026C10.4937 3.09026 12.5456 5.09058 12.5456 7.56109C12.5456 10.0349 10.4937 12.0365 7.96422 12.0365Z' fill='white'/%3E%3C/svg%3E");
	}

	.under_header .city {
		display: flex;
		align-items: center;
		gap: 7px;
	}

	.under_header .container-fluid {
		display: flex;
		justify-content: space-between;
		align-items: center;
		gap: 10px;
	}

	header a[href^="tel:"].phone-content {
		margin-right: 0;
		font-size: 0.875rem;
	}

	header .site_desc {
		display: none;
	}


	header .container-fluid {
		justify-content: space-between;
	}

	header#header {
		padding: 7px 0;
	}

	.under_header {
		display: flex;
		position: relative;
		height: 40px;
		background: #303133;
		align-items: center;
		z-index: 2;
	}

	.under_header a {
		color: white;
		font-size: 1rem;
		position: relative;
	}

	.under_header .site_desc {
		font-size: 0.875rem;
	}

	.under_header a::before {
		position: absolute;
		left: 0;
		bottom: -15px;
		width: 100%;
		content: "";
		height: 2px;
		background-color: var(--btn_color_1);
	}

	header .logo {
		max-width: 170px;
	}

	header .phone_and_btn .btn {
		display: none;
	}

	header .phone_and_btn a {
		margin-bottom: 0;
	}
}

/*
==============================
	sm 767 - Фаблеты	(500)
==============================
*/
@media (max-width: 767px) {
	.section8 .slick-track {
		padding: 0;
	}

	.under_header .site_desc,
	.under_header .site_info .desc,
	.under_header .city {
		font-size: 0.75rem;
	}

	.section4 p,
	.section5 .content ul li {
		font-size: 1rem;
	}
	footer {padding: 10px 0;}

	header a[href^="tel:"].phone-content, footer a[href^="tel:"].phone-content {
		font-size: 1.125rem;
		margin-bottom: 2px;
	}

	header .phone_and_btn a.call_btn {
		font-size: 0.875rem;
	}

	header .soc_icons {
		margin-right: 2rem;
	}

	.section9 .content {
		max-width: 100%;
		padding-bottom: 365px;
	}

	.section9 .bg {
		top: -500px;
		background-size: 200% 50%;
	}

	.section5 .content ul {
		padding-left: 22px;
	}

	.section5 .content ul {
		max-width: 265px;
	}

	.section1 {
		display: flex;
		flex-direction: column-reverse;
	}

	footer .soc_icons {
		margin: 0;
	}

	.under_header .site_info .desc {
		max-width: 300px;
	}


	.top_cloud {
		top: -31px;
		width: 317px;
		height: 338px;
	}

	.phone_and_btn {
		display: flex;
		align-items: end;
		flex-direction: column;
	}


	.container-fluid {
		padding: 0 2rem;
	}

	footer .btn span,
	header .btn span {
		padding: 10px 10px;
	}

	.section1 h1 {
		max-width: 100%;
	}

	.section1 .container-fluid {
		position: relative;
		z-index: 10;
		margin-top: 0;
	}

	.section2 .container-fluid {
		display: grid;
		grid-template-areas:
			"a a b b"
			"a a b b"
			"c c c c"
			"c c c c";
		gap: 30px 10px;
	}

	.section2 .container-fluid .advantage:nth-child(1) {
		grid-area: a;

	}

	.section2 .container-fluid .advantage:nth-child(2) {
		grid-area: b;
	}

	.section2 .container-fluid .advantage:nth-child(3) {
		grid-area: c;
		width: 100%;
		margin: 0 auto;
	}

	.section2 .advantage .advantage_title {
		margin-top: 20px;
		font-size: 1.15rem;
	}

	.section3 .banners .slick-slide:nth-child(1) .banner_text {
		max-width: 256px;
	}

	.section3 .banners .slick-slide:nth-child(2) .banner_text {
		max-width: 146px;
		top: calc(50% - 29px);
	}

	.section3 .banners .slick-slide:nth-child(3) .banner_text {
		max-width: 303px;
		bottom: 47px;
	}

	.section3 .banners .slick-slide:nth-child(4) .banner_text {
		left: 70px;
		top: 110px;
		max-width: 205px;
	}

	.section3 .banners .slick-slide:nth-child(5) .banner_text {
		max-width: 298px;
		top: unset;
		left: calc(50% - 145px);
	}

	.section4 .product_container_place .slick-current {
		transform: translate3d(0, 0, 5px);
	}

	.transparent_btn {
		width: 100%;
	}

	.section4 .prod_links {
		display: flex;
		align-items: center;
		gap: 13px;
		flex-direction: column;
	}

	.section4 .product_container_place .slick-snext {
		opacity: 1;
		transform: translate3d(11%, 0, -5px);
		z-index: 2;
	}

	.section4 .product_container_place .slick-snext2 {
		opacity: 1;
		transform: translate3d(25%, 0, -19px);
		z-index: 1;
	}

	.section4 .product_container_place .slick-sprev {
		opacity: 1;
		transform: translate3d(-11%, 0, -5px);
	}
	.section4 .product_container_place .slick-sprev2 {
		opacity: 1;
		transform: translate3d(-25%, 0, -19px);
	}

	.section5 img {
		top: 65px;
		width: 450px;
	}

	.section7 .fake_block .fake_block_title {
		font-size: 1rem;
	}

	.section7 .fake_block .fake_block_text {
		font-size: 0.875rem;
	}

	.section7 .fake_block {
		height: 225px;
	}

	.section8 .bg {
		top: -230px;
		max-width: 469px;
		height: 940px;
	}

	.section9 .content {
		max-width: 100%;
	}

	.section9 img {
		right: 0;
		max-width: 154%;
		width: 154%;
		height: auto;
		transform: scale(-1, 1);
		left: unset;
	}

	.section8 .review:hover {
		transform: unset;
	}

	/* .section9 img {
		left: 0;
    max-width: 100%;
    width: 100%;
    height: auto;
	} */



	.footer__copyright {
		flex-direction: column-reverse;
		align-items: start;
	}



	footer .container-fluid {
		display: flex;
		align-items: center;
		
		gap: 0px;
	}

	footer .link_instruction {
		margin-left: 0;
	}

	footer .phone_and_btn {
		flex-direction: column;
		align-items: end;
	}

	footer a[href^="tel:"].phone-content {
		font-size: 1.125rem;
	}

	.section1 .content {
		max-width: 100%;
		max-height: unset;
	}

	h1 {
		font-size: 2rem;
	}

	h2 {
		font-size: 1.75rem;
	}



	.section1 h1 {
		margin-bottom: 20px;
		max-width: 300px;
	}

	.section1 .big_img {
		max-width: 377px;
		top: 0;
		height: 352px;
	}

	.section3 .banner_text {
		font-size: 1rem;
	}

	.right_cloud {
		height: 393px;
		width: 191px;
		background-size: 100%;
		top: -165px;
	}

	.under_footer .flex {
		display: flex;
		justify-content: space-between;
		font-size: 0.8125rem;
		align-items: unset;
		flex-direction: column;
	}

	.under_footer .div2 {
		text-align: left;
		max-width: 360px;
	}
}


/*
==============================
	xs 499 - Смартфоны	(360, 414)
==============================
*/
@media (max-width: 499px) {

	.section2 {
		padding-top: 0px;
	}

	.modal_apps .btn span {
		min-width: 160px;
	}

	.additional_p_b1_mob {
		display: block;
	}

	.additional_p_b1_desc {
		display: none;
	}

	.container-fluid {
		padding: 0 1.5rem;
	}

	.btn_with_soc span {
		font-size: 13px;
	}


	header .container-fluid {
		justify-content: space-between;
	}

	#header .logo {
		width: 140px;
		flex: unset;
	}

	header .soc_icons {
		margin-right: 10px;
		margin-left: 10px;
		align-items: center;
	}

	header .soc_icons svg,
	header .soc_icons a,
	footer .soc_icons svg,
	footer .soc_icons a {
		width: 1.75rem;
		height: 1.75rem;
	}

	footer .soc_icons {
		gap: 5px;
		align-items: center;
	}

	header .btn {
		white-space: nowrap;
	}


	.under_header {
		height: 1.5rem;
	}

	.under_header .site_desc {
		display: none;
	}

	.under_header .city::before {
		zoom: 0.7;
	}



	h1 {
		font-size: 2rem;
	}

	h2,
	.section6 h2,
	h2,
	.section8 h2,
	.section9 h2 {
		font-size: 1.75rem;
		margin-bottom: 2rem;
	}

	.modal_old .modal_title {
		font-size: 1.75rem;
	}

	.modal_old .modal_desc {
		font-size: 1rem;
	}

	.modal_old .modal_content {
		position: absolute;
		top: 50%;
		left: 50%;
		display: block;
		width: max-content;
		z-index: 100;
		border-radius: 34px;
		background: linear-gradient(180deg, #660124 0%, #2E010C 103.26%);
		padding: 30px;
		transform: translate(-50%, -50%);
		max-width: 100%;
	}



	.fancybox__content>.f-button.is-close-btn {
		top: 15px;
		right: 15px;
		color: white;
		opacity: 1;
	}


	.section1 {
		padding-top: 1.5rem;
		padding-bottom: 1rem;
	}

	.section1 .content p {
		font-size: 1.5rem;
		line-height: 1.2;
	}

	.section1 .content .btn {
		margin-top: 200px;
	}

	.section1 .big_img {
		max-width: 510px;
		top: 31px;
		height: 416px;
	}

	.section1 .content .additional_p p,
	.section4 p,
	p {
		font-size: 1.125rem;
	}


	.section2 .container-fluid {
		display: flex;
		flex-direction: column;
		gap: 1.5rem;
	}

	.section2 .advantage .advantage_title {
		margin-top: 0px;
		font-size: 1rem;
	}

	.section2 .advantage .advantage_description {
		margin-top: 0.5rem;
	}

	.section2 .advantage {
		display: flex;
		gap: 20px;
		text-align: left;
		align-items: center;
	}

	.advantage img {
		max-width: 90px;
		height: 90px;
		max-height: none;
	}


	.section3 .banner_text {
		font-size: 0.8125rem;
	}

	.section3 .banners {
		box-shadow: unset;
	}

	.banner {
		background: var(--color);
		border-radius: 40px;
	}

	.top_cloud {
		top: 40px;
		width: 298px;
		height: 343px;
	}

	.section2 .container-fluid .advantage:nth-child(3) {
		margin: 0;
	}

	.section3 .banners .slick-slide:nth-child(1) .banner_text,
	.section3 .banners .slick-slide:nth-child(2) .banner_text {
		left: 30px;
		top: 30px;
		max-width: 149px;
		text-align: left !important;
	}

	.section3 .banners .slick-slide:nth-child(3) .banner_text {
		left: 30px;
		top: 66px;
		max-width: 214px;
		text-align: left !important;
	}

	.section3 .banners .slick-slide:nth-child(4) .banner_text {
		left: 30px;
		top: 78px;
		max-width: 145px;
		text-align: left !important;
	}

	.section3 .banners .slick-slide:nth-child(5) .banner_text {
		left: 0;
		top: unset;
		max-width: 100%;
		text-align: center !important;
		bottom: 13px;
		padding: 0px 20px;
	}




	.section9 .content {
		max-width: 100%;
		padding-bottom: 279px;
	}

	.section5 h2 {
		margin-bottom: 245px;
	}

	.right_cloud {
		height: 249px;
		width: 155px;
		background-size: 100%;
		top: -102px;
	}



	.section4 .product_container_place .slick-list {
		padding-left: 5% !important;
		padding-right: 5% !important;
		padding-left: 9% !important;
		padding-right: 9% !important;
	}

	.product_container {
		margin-top: 30px;
	}

	.prod_img::before {
		width: 100%;
	}

	.section4 .product_container_place .slick-snext {
		opacity: 1;
		transform: translate3d(11%, 0, -8px);
		z-index: 2;
	}

	.section4 .product_container_place .slick-snext2 {
		opacity: 1;
		transform: translate3d(23%, 0, -21px);
		z-index: 1;
	}

	.section4 .product_container_place .slick-sprev {
		opacity: 1;
		transform: translate3d(-11%, 0, -8px);
	}

	.section4 .product_container_place .slick-sprev2 {
		opacity: 1;
		transform: translate3d(-23%, 0, -21px);
	}

	.section4 .prev_btn,
	.section8 .prev_btn {
		left: -10px;
		width: 40px;
		height: 40px;
	}

	.section4 .next_btn,
	.section8 .next_btn {
		right: -10px;
		width: 40px;
		height: 40px;
	}

	.btn_with_soc span {
		padding: 10px 20px;
		display: flex;
		align-items: center;
		gap: 15px;
		text-align: left;
	}

	.slick-slide .prod_img img {
		margin: 0 auto;
		display: block !important;
		height: 145px;
		width: auto !important;
	}

	.section4 p,
	.section5 .content ul li {
		font-weight: var(--f1w);
	}


	.section5 img {
		top: 31px;
		width: 450px;
	}

	.section5 .content ul {
		max-width: 100%;
	}

	.section5 .content ul li+li {
		margin-top: 0.75rem;
	}


	.section6 .sl_1 {
		margin-bottom: 1rem;
	}


	.section7 .fake_block {
		padding: 30px 20px;
	}


	.section8 .review {
		padding: 40px 20px 40px 20px;
	}

	.section8 .review::before {
		top: 11px;
		left: 12px;
	}

	.section8 .slick-track {
		padding: 0;
	}

	.section9 .bg {
		top: -299px;
		width: 100%;
		height: 438px;
	}

	.section9 h2 {
		margin-top: 80px;
	}


	.sl_1 img {
		max-width: 225px;
		margin: 0 auto;
		display: block !important;
	}

	.sl_2 img {
		max-width: 225px;
		margin: 0 auto;
		display: block !important;
	}
	
	footer .container-fluid {
		gap: 0px;
	}
	
	footer .soc_icons {
		margin: 0rem 0;
	}
}


@media (max-width: 400px) {
	.section9 .content {
		max-width: 100%;
		padding-bottom: 263px;
	}

	.section5 img {
		top: 64px;
		width: 450px;
	}
	.popup_container .prod_img .imgs_prod_gallerys .gallery_img_place img {
    max-height: 80px;
}
.imgs_prod_gallerys .gallery_img_place {
	height: 80px;
	width: 80px;
	background: white;
	border-radius: 12px;
}
}


/*
==============================
	xs 359 - Смартфоны	(320)
==============================
*/
@media (max-width: 359px) {
	.section9 .content {
		max-width: 100%;
		padding-bottom: 245px;
	}
}