@media (min-width: 1600px) { :root {
	--column-width: 1280px;
	--offset: calc(50% - (var(--column-width) / 2));
	--color-black: #0E0E0E;
	--color-white: #FFFFFF;
	--color-gold: #D9A95B;
	--color-grey: #888888;
}

body {
    overflow-x: hidden !important;
	background: var(--color-black);
	position: relative;
}

.circle {
	position: absolute;	
	top: 178px;
	right: -108px;
	border-radius: 60%;
	width: 413.98px;
	height: 595.96px;
	background: linear-gradient(185.83deg, #FFFFFF 25.22%, rgba(113, 212, 255, 0) 103.23%, #71D4FF 103.23%);
	filter: blur(450px);
	transform: rotate(-51.73deg);
	z-index: -1;
}

.circle-2 {
	position: absolute;	
	top: 1603px;
	left: -208px;
	border-radius: 60%;
	width: 413.98px;
	height: 595.96px;
	background: linear-gradient(185.83deg, #FFFFFF 25.22%, rgba(113, 212, 255, 0) 103.23%, #71D4FF 103.23%);
	filter: blur(31.25vw);
	transform: rotate(-51.73deg);
	z-index: -1;
}

.circle-3 {
	position: absolute;	
	top: 2089px;
	right: -180px;
	border-radius: 60%;
	width: 413.98px;
	height: 595.96px;
	background: linear-gradient(185.83deg, #FFFFFF 25.22%, rgba(113, 212, 255, 0) 103.23%, #71D4FF 103.23%);
	filter: blur(450px);
	transform: rotate(-51.73deg);
	z-index: -1;
}

.circle-4 {
	position: absolute;	
	top: 3490.66px;
	right: -140px;
	border-radius: 60%;
	width: 413.98px;
	height: 595.96px;
	background: linear-gradient(185.83deg, #FFFFFF 25.22%, rgba(113, 212, 255, 0) 103.23%, #71D4FF 103.23%);
	filter: blur(450px);
	transform: rotate(-51.73deg);
	z-index: -1;
}

.circle-5 {
	position: absolute;	
	top: 5914.85px;
	right: -205px;
	border-radius: 60%;
	width: 413.98px;
	height: 595.96px;
	background: linear-gradient(185.83deg, #FFFFFF 25.22%, rgba(113, 212, 255, 0) 103.23%, #71D4FF 103.23%);
	filter: blur(450px);
	transform: rotate(-51.73deg);
	z-index: -1;
}

@-moz-document url-prefix() {
	.circle {
		display: none;
	}
	.circle-2 {
		display: none;
	}
	.circle-3 {
		display: none;
	}
	.circle-4 {
		display: none;
	}
	.circle-5 {
		display: none;
	}
}

#transition_disabled * {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
}

body, input, textarea, select {
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
	font-size: 14px;
	-webkit-text-size-adjust: none;
}

img, svg {
	max-width: 100%;
	display: block;
}

* {
	box-sizing: border-box;
	outline: none !important;
	-webkit-tap-highlight-color: transparent;
	-webkit-appearance:none;
}

body, dl, dt, dd, ul, ol, li, form, table, tr, td, h1, h2, h3, h4, h5, h6, pre, p, span, b, i, input, textarea, fieldset {
	margin: 0;
	padding: 0;
}

.none {
	display: none;
}

.fade-out {
	opacity: 1;
	transition: 0.3s;
	pointer-events: auto;
}

.fade-out.active {
	opacity: 0;
	pointer-events: none;
}

.fade-in {
	opacity: 0;
	transition: 0.3s;
	pointer-events: none;
}

.fade-in.active {
	opacity: 1;
	pointer-events: auto;
}

.container {
	padding-left: var(--offset);
	padding-right: var(--offset);
}

.container-offset {
	width: var(--column-width);
	margin-left: auto;
	margin-right: auto;
}

img[srcset] {
    object-fit: scale-down !important;
    object-position: center !important;
}

#loader {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(255, 255, 255, 0.7);
    z-index: 10001;
    opacity: 0;
    pointer-events: none;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.3s;
}

#loader.active {
    opacity: 1;
    pointer-events: auto;
}

#loader path {
    fill: var(--color-second);
}

.subtitle {
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 24px;
	text-transform: uppercase;
	color: var(--color-gold);
}

h1, 
.h1 {
	/* font-family: 'Italianno'; */
	font-family: 'Heebo';
	font-style: normal;
	font-weight: 400;
	/* font-size: 70px;
	line-height: 76px; */
	font-size: 50px;
	line-height: 76px;
	color: var(--color-white);
}

section {
	padding-top: 125px;
}

.h2,
h2 {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 300;
	font-size: 26px;
	line-height: 40px;
	color: var(--color-white);
}

h2 {
	margin-bottom: 15px;
}

.h3,
h3 {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 300;
	font-size: 24px;
	line-height: 34px;
	color: var(--color-white);
}

h3 {
	margin-bottom: 15px;
}

.h4,
h4 {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 300;
	font-size: 20px;
	line-height: 30px;
	color: var(--color-white);
}

h4 {
	margin-bottom: 12px;
}

.h5,
h5 {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 30px;
	text-transform: uppercase;
	color: var(--color-white);
}

.main-text,
.content p,
.content li {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 300;
	font-size: 16px;
	line-height: 26px;
	color: var(--color-white);
}

.content a {
	color: var(--color-gold);
}

.content p {
	margin-bottom: 15px;
}

.content li {
	margin-bottom: 10px;
}

.content ul {
    list-style: none;
    padding: 0;
}

.content ul li::before {
    content: '';
    display: block;
    flex-shrink: 0;
    width: 7px;
    height: 7px;   
    background: url(/photos/1/marker.svg) no-repeat;
    background-size: cover;
    margin-right: 15px;
}

.content ul li {
    display: flex;
    align-items: baseline;
}

.content li:last-child {
    margin-bottom: 20px;
}

.small-text {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 20px;
	color: var(--color-grey);
}

.extra-text {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 300;
	font-size: 14px;
	line-height: 24px;
	color: var(--color-grey);
}

.error404 {
	position: relative;
	height: auto;
}

.error404-fon {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.error404-content {
	padding: 80px 0;
	text-align: center;
	display: flex;
	flex-direction: column;
	margin-bottom: 120px;
}

.error404-svg {
	margin: 0 auto;
	width: 514px;
	height: 202px;
	margin-bottom: 60px;
}

.error404-title {
	margin-bottom: 15px;
}

.error404-text {
	margin-bottom: 30px;
	color: var(--color-white);
}

.error404-btns {
	display: flex;
	justify-content: center;
}

.btn-error404 {
	margin: 0 15px;
}

.standart {
	padding: 15px 0 120px;
}

.bottom {
	padding-bottom: 0;
}

.tabs {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 18px;
	text-transform: uppercase;
	color: var(--color-white);
	background: rgba(255, 255, 255, 0.08);
	padding: 8px 20px;
	width: fit-content;
}

#pagination {
	margin-top: 60px;
}


.counter {
	margin-bottom: 20px;
}

.counter-title {
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 24px;
}

.counter-inner {
	position: relative;
	width: 145px;
}

.counter-input {
	background: none;
	border: 1px solid var(--color-grey);
	width: 145px;
	height: 36px;
	text-align: center;
	cursor: pointer;
	color: var(--color-white);
}

.counter-symbol {
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
	transition: .5s;
	display: flex;
	width: 40px;
	height: 36px;
	align-items: center;
	justify-content: center;
	user-select: none;
	color: var(--color-gold);
	border-right: 1px solid var(--color-grey);
}

.counter-plus {
	left: auto;
	right: 0;
	border: 0; 
	border-left: 1px solid var(--color-grey);
}


.product {
	width: 300px;
	height: 521px;
	display: flex;
	flex-direction: column;
	margin-bottom: 50px;
	margin-right: 25px;
}

.product:nth-child(4n) {
	margin-right: 0;
}

.product.noactive .product-img {
	opacity: 0.4;
}

.product-img {
	width: 300px;
	height: 420px;
	object-fit: cover;
	transition: .3s;
}

.product-link {
	width: 300px;
	height: 420px;
	position: relative;
	margin-bottom: 20px;
}

.product-link:hover .product-img {
	opacity: 0.5;
}

.btn-product {
	display: none;
	position: absolute;
	left: 50%;
	transform: translate(-50%, -50%);
	top: 198px;
	transition: .3s;
	width: max-content;
}

.product-link:hover .btn-product {
	display: flex;
}

.product-title {
	color: var(--color-white);
	margin-bottom: 3px;
}

.product-year {
	margin-bottom: 10px;
}

.product-desc {
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 24px;
	color: var(--color-gold);
} }@media (max-width: 1600px) and (min-width: 1000px) { :root {
	--column-width: 88.8889vw;
	--offset: calc(50% - (var(--column-width) / 2));
	--color-black: #0E0E0E;
	--color-white: #FFFFFF;
	--color-gold: #D9A95B;
	--color-grey: #888888;
}

body {
    overflow-x: hidden !important;
	background: var(--color-black);
	position: relative;
}

.circle {
	position: absolute;	
	top: 12.3611vw;
	right: -7.5vw;
	border-radius: 60%;
	width: 28.7486vw;
	height: 41.3861vw;
	background: linear-gradient(185.83deg, #FFFFFF 25.22%, rgba(113, 212, 255, 0) 103.23%, #71D4FF 103.23%);
	filter: blur(450px);
	transform: rotate(-51.73deg);
	z-index: -1;
}

.circle-2 {
	position: absolute;	
	top: 111.3194vw;
	left: -14.4444vw;
	border-radius: 60%;
	width: 28.7486vw;
	height: 41.3861vw;
	background: linear-gradient(185.83deg, #FFFFFF 25.22%, rgba(113, 212, 255, 0) 103.23%, #71D4FF 103.23%);
	filter: blur(31.25vw);
	transform: rotate(-51.73deg);
	z-index: -1;
}

.circle-3 {
	position: absolute;	
	top: 145.0694vw;
	right: -12.5vw;
	border-radius: 60%;
	width: 28.7486vw;
	height: 41.3861vw;
	background: linear-gradient(185.83deg, #FFFFFF 25.22%, rgba(113, 212, 255, 0) 103.23%, #71D4FF 103.23%);
	filter: blur(450px);
	transform: rotate(-51.73deg);
	z-index: -1;
}

.circle-4 {
	position: absolute;	
	top: 242.4069vw;
	right: -9.7222vw;
	border-radius: 60%;
	width: 28.7486vw;
	height: 41.3861vw;
	background: linear-gradient(185.83deg, #FFFFFF 25.22%, rgba(113, 212, 255, 0) 103.23%, #71D4FF 103.23%);
	filter: blur(450px);
	transform: rotate(-51.73deg);
	z-index: -1;
}

.circle-5 {
	position: absolute;	
	top: 410.7535vw;
	right: -14.2361vw;
	border-radius: 60%;
	width: 28.7486vw;
	height: 41.3861vw;
	background: linear-gradient(185.83deg, #FFFFFF 25.22%, rgba(113, 212, 255, 0) 103.23%, #71D4FF 103.23%);
	filter: blur(450px);
	transform: rotate(-51.73deg);
	z-index: -1;
}

@-moz-document url-prefix() {
	.circle {
		display: none;
	}
	.circle-2 {
		display: none;
	}
	.circle-3 {
		display: none;
	}
	.circle-4 {
		display: none;
	}
	.circle-5 {
		display: none;
	}
}

#transition_disabled * {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
}

body, input, textarea, select {
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
	font-size: 0.9722vw;
	-webkit-text-size-adjust: none;
}

img, svg {
	max-width: 100%;
	display: block;
}

* {
	box-sizing: border-box;
	outline: none !important;
	-webkit-tap-highlight-color: transparent;
	-webkit-appearance:none;
}

body, dl, dt, dd, ul, ol, li, form, table, tr, td, h1, h2, h3, h4, h5, h6, pre, p, span, b, i, input, textarea, fieldset {
	margin: 0;
	padding: 0;
}

.none {
	display: none;
}

.fade-out {
	opacity: 1;
	transition: 0.3s;
	pointer-events: auto;
}

.fade-out.active {
	opacity: 0;
	pointer-events: none;
}

.fade-in {
	opacity: 0;
	transition: 0.3s;
	pointer-events: none;
}

.fade-in.active {
	opacity: 1;
	pointer-events: auto;
}

.container {
	padding-left: var(--offset);
	padding-right: var(--offset);
}

.container-offset {
	width: var(--column-width);
	margin-left: auto;
	margin-right: auto;
}

img[srcset] {
    object-fit: scale-down !important;
    object-position: center !important;
}

#loader {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(255, 255, 255, 0.7);
    z-index: 10001;
    opacity: 0;
    pointer-events: none;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.3s;
}

#loader.active {
    opacity: 1;
    pointer-events: auto;
}

#loader path {
    fill: var(--color-second);
}

.subtitle {
	font-style: normal;
	font-weight: 400;
	font-size: 0.9722vw;
	line-height: 1.6667vw;
	text-transform: uppercase;
	color: var(--color-gold);
}

h1, 
.h1 {
	/* font-family: 'Italianno'; */
	font-family: 'Heebo';
	font-style: normal;
	font-weight: 400;
	/* font-size: 4.8611vw;
	line-height: 5.2778vw; */
	font-size: 3.4722vw;
	line-height: 5.2778vw;
	color: var(--color-white);
}

section {
	padding-top: 8.6806vw;
}

.h2,
h2 {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 300;
	font-size: 1.8056vw;
	line-height: 2.7778vw;
	color: var(--color-white);
}

h2 {
	margin-bottom: 1.0417vw;
}

.h3,
h3 {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 300;
	font-size: 1.6667vw;
	line-height: 2.3611vw;
	color: var(--color-white);
}

h3 {
	margin-bottom: 1.0417vw;
}

.h4,
h4 {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 300;
	font-size: 1.3889vw;
	line-height: 2.0833vw;
	color: var(--color-white);
}

h4 {
	margin-bottom: 0.8333vw;
}

.h5,
h5 {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	font-size: 0.9722vw;
	line-height: 2.0833vw;
	text-transform: uppercase;
	color: var(--color-white);
}

.main-text,
.content p,
.content li {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 300;
	font-size: 1.1111vw;
	line-height: 1.8056vw;
	color: var(--color-white);
}

.content a {
	color: var(--color-gold);
}

.content p {
	margin-bottom: 1.0417vw;
}

.content li {
	margin-bottom: 0.6944vw;
}

.content ul {
    list-style: none;
    padding: 0;
}

.content ul li::before {
    content: '';
    display: block;
    flex-shrink: 0;
    width: 0.4861vw;
    height: 0.4861vw;   
    background: url(/photos/1/marker.svg) no-repeat;
    background-size: cover;
    margin-right: 1.0417vw;
}

.content ul li {
    display: flex;
    align-items: baseline;
}

.content li:last-child {
    margin-bottom: 1.3889vw;
}

.small-text {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 400;
	font-size: 0.8333vw;
	line-height: 1.3889vw;
	color: var(--color-grey);
}

.extra-text {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 300;
	font-size: 0.9722vw;
	line-height: 1.6667vw;
	color: var(--color-grey);
}

.error404 {
	position: relative;
	height: auto;
}

.error404-fon {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.error404-content {
	padding: 5.5556vw 0;
	text-align: center;
	display: flex;
	flex-direction: column;
	margin-bottom: 8.3333vw;
}

.error404-svg {
	margin: 0 auto;
	width: 35.6944vw;
	height: 14.0278vw;
	margin-bottom: 4.1667vw;
}

.error404-title {
	margin-bottom: 1.0417vw;
}

.error404-text {
	margin-bottom: 2.0833vw;
	color: var(--color-white);
}

.error404-btns {
	display: flex;
	justify-content: center;
}

.btn-error404 {
	margin: 0 1.0417vw;
}

.standart {
	padding: 1.0417vw 0 8.3333vw;
}

.bottom {
	padding-bottom: 0;
}

.tabs {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 400;
	font-size: 0.8333vw;
	line-height: 1.25vw;
	text-transform: uppercase;
	color: var(--color-white);
	background: rgba(255, 255, 255, 0.08);
	padding: 0.5556vw 1.3889vw;
	width: fit-content;
}

#pagination {
	margin-top: 4.1667vw;
}


.counter {
	margin-bottom: 1.3889vw;
}

.counter-title {
	font-style: normal;
	font-weight: 400;
	font-size: 0.9722vw;
	line-height: 1.6667vw;
}

.counter-inner {
	position: relative;
	width: 10.0694vw;
}

.counter-input {
	background: none;
	border: 1px solid var(--color-grey);
	width: 10.0694vw;
	height: 2.5vw;
	text-align: center;
	cursor: pointer;
	color: var(--color-white);
}

.counter-symbol {
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
	transition: .5s;
	display: flex;
	width: 2.7778vw;
	height: 2.5vw;
	align-items: center;
	justify-content: center;
	user-select: none;
	color: var(--color-gold);
	border-right: 1px solid var(--color-grey);
}

.counter-plus {
	left: auto;
	right: 0;
	border: 0; 
	border-left: 1px solid var(--color-grey);
}


.product {
	width: 20.8333vw;
	height: 36.1806vw;
	display: flex;
	flex-direction: column;
	margin-bottom: 3.4722vw;
	margin-right: 1.7361vw;
}

.product:nth-child(4n) {
	margin-right: 0;
}

.product.noactive .product-img {
	opacity: 0.4;
}

.product-img {
	width: 20.8333vw;
	height: 29.1667vw;
	object-fit: cover;
	transition: .3s;
}

.product-link {
	width: 20.8333vw;
	height: 29.1667vw;
	position: relative;
	margin-bottom: 1.3889vw;
}

.product-link:hover .product-img {
	opacity: 0.5;
}

.btn-product {
	display: none;
	position: absolute;
	left: 50%;
	transform: translate(-50%, -50%);
	top: 13.75vw;
	transition: .3s;
	width: max-content;
}

.product-link:hover .btn-product {
	display: flex;
}

.product-title {
	color: var(--color-white);
	margin-bottom: 3px;
}

.product-year {
	margin-bottom: 0.6944vw;
}

.product-desc {
	font-style: normal;
	font-weight: 400;
	font-size: 0.9722vw;
	line-height: 1.6667vw;
	color: var(--color-gold);
} }@media (min-width: calc(494px)) and (max-width: calc(1000px)) {
            body {
                --coef-w: calc(var(--width) / -1310 + 1.3771);
                --offset: calc(4.6875vw * ((320 - 320 * var(--coef-w) + 30 * var(--coef-w)) / 30));
                --column-width: calc( (1px * var(--width)) - (2 * var(--offset)) );
            }
        }

        @media (max-width: calc(494px)) {
            body {
                --coef-w: 1;
                --column-width: 87.2vw;
                --offset: calc(50% - (var(--column-width) / 2));
            }
        }
        @media (max-width: 1000px) { :root {
	--column-width: calc(90.625vw * var(--coef-w));
	--offset: calc(50% - (var(--column-width) / 2));
	--color-black: #0E0E0E;
	--color-white: #FFFFFF;
	--color-gold: #D9A95B;
	--color-grey: #888888;
}

body {
    overflow-x: hidden;
	background: var(--color-black);
	position:relative;
}

html, body {
    overflow-x: hidden;
    width: 100%;
}

.circle {
	position: absolute;	
	top: calc(51.5625vw * var(--coef-w));
	right: calc(-81.25vw * var(--coef-w));
	border-radius: 60%;
	width: calc(84.2531vw * var(--coef-w));
	height: calc(121.2906vw * var(--coef-w));
	background: linear-gradient(185.83deg, #FFFFFF 25.22%, rgba(113, 212, 255, 0) 103.23%, #71D4FF 103.23%);
	filter: blur(450px);
	transform: rotate(-51.73deg);
	z-index: -1;
}

.circle-2 {
	position: absolute;	
	top: calc(247.2406vw * var(--coef-w));
	left: calc(-7.0344vw * var(--coef-w));
	border-radius: 60%;
	width: calc(84.2531vw * var(--coef-w));
	height: calc(121.2906vw * var(--coef-w));
	background: linear-gradient(185.83deg, #FFFFFF 25.22%, rgba(113, 212, 255, 0) 103.23%, #71D4FF 103.23%);
	filter: blur(450px);
	transform: rotate(-51.73deg);
	z-index: -1;
}

.circle-3 {
	position: absolute;	
	top: calc(474.7406vw * var(--coef-w));
	left: calc(-9.4688vw * var(--coef-w));
	border-radius: 60%;
	width: calc(84.2531vw * var(--coef-w));
	height: calc(121.2906vw * var(--coef-w));
	background: linear-gradient(185.83deg, #FFFFFF 25.22%, rgba(113, 212, 255, 0) 103.23%, #71D4FF 103.23%);
	filter: blur(450px);
	transform: rotate(-51.73deg);
	z-index: -1;
}

.circle-4 {
	position: absolute;	
	top: calc(1291.7563vw * var(--coef-w));
	left: calc(26.5625vw * var(--coef-w));
	border-radius: 60%;
	width: calc(84.2531vw * var(--coef-w));
	height: calc(121.2906vw * var(--coef-w));
	background: linear-gradient(185.83deg, #FFFFFF 25.22%, rgba(113, 212, 255, 0) 103.23%, #71D4FF 103.23%);
	filter: blur(450px);
	transform: rotate(-51.73deg);
	z-index: -1;
}

.circle-5 {
	position: absolute;	
	top: calc(1837.8313vw * var(--coef-w));
	left: calc(-2.9625vw * var(--coef-w));
	border-radius: 60%;
	width: calc(84.2531vw * var(--coef-w));
	height: calc(121.2906vw * var(--coef-w));
	background: linear-gradient(185.83deg, #FFFFFF 25.22%, rgba(113, 212, 255, 0) 103.23%, #71D4FF 103.23%);
	filter: blur(450px);
	transform: rotate(-51.73deg);
	z-index: -1;
}

@-moz-document url-prefix() {
	.circle {
		display: none;
	}
	.circle-2 {
		display: none;
	}
	.circle-3 {
		display: none;
	}
	.circle-4 {
		display: none;
	}
	.circle-5 {
		display: none;
	}
}

#transition_disabled * {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
}

body, input, textarea, select {
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
	font-size: calc(3.75vw * var(--coef-w));
	-webkit-text-size-adjust: none;
}

img, svg {
	max-width: 100%;
	display: block;
}

* {
	box-sizing: border-box;
	outline: none !important;
	-webkit-tap-highlight-color: transparent;
	-webkit-appearance:none;
}

body, dl, dt, dd, ul, ol, li, form, table, tr, td, h1, h2, h3, h4, h5, h6, pre, p, span, b, i, input, textarea, fieldset {
	margin: 0;
	padding: 0;
}

.none {
	display: none;
}

.fade-out {
	opacity: 1;
	transition: 0.3s;
	pointer-events: auto;
}

.fade-out.active {
	opacity: 0;
	pointer-events: none;
}

.fade-in {
	opacity: 0;
	transition: 0.3s;
	pointer-events: none;
}

.fade-in.active {
	opacity: 1;
	pointer-events: auto;
}

.container {
	padding-left: var(--offset);
	padding-right: var(--offset);
}

.container-offset {
	width: var(--column-width);
	margin-left: auto;
	margin-right: auto;
}

img[srcset] {
    object-fit: scale-down !important;
    object-position: center !important;
}

#loader {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(255, 255, 255, 0.7);
    z-index: 10001;
    opacity: 0;
    pointer-events: none;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.3s;
}

#loader.active {
    opacity: 1;
    pointer-events: auto;
}

#loader path {
    fill: var(--color-second);
}

.subtitle {
	font-style: normal;
	font-weight: 400;
	font-size: calc(3.75vw * var(--coef-w));
	line-height: calc(5.625vw * var(--coef-w));
	text-transform: uppercase;
	color: var(--color-gold);
}

h1, 
.h1 {
	font-family: 'Heebo';
	/* font-family: 'Italianno'; */
	font-style: normal;
	font-weight: 400;
	/* font-size: calc(11.25vw * var(--coef-w));
	line-height: calc(13.75vw * var(--coef-w)); */
	font-size: calc(8.125vw * var(--coef-w));
	line-height: calc(10.625vw * var(--coef-w));
	color: var(--color-white);
}

section {
	padding-top: calc(20.3125vw * var(--coef-w));
}

.h2,
h2 {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 300;
	font-size: calc(8.125vw * var(--coef-w));
	line-height: calc(12.5vw * var(--coef-w));
	color: var(--color-white);
}

h2 {
	margin-bottom: calc(4.6875vw * var(--coef-w));
}

.h3,
h3 {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 300;
	font-size: calc(5vw * var(--coef-w));
	line-height: calc(8.125vw * var(--coef-w));
	color: var(--color-white);
}

h3 {
	margin-bottom: calc(6.25vw * var(--coef-w));
}

.h4,
h4 {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 300;
	font-size: calc(4.6875vw * var(--coef-w));
	line-height: calc(7.1875vw * var(--coef-w));
	color: var(--color-white);
}

h4 {
	margin-bottom: calc(3.75vw * var(--coef-w));
}

.h5,
h5 {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	font-size: calc(4.0625vw * var(--coef-w));
	line-height: calc(7.5vw * var(--coef-w));
	color: var(--color-white);
}

.main-text,
.content p,
.content li {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 300;
	font-size: calc(4.0625vw * var(--coef-w));
	line-height: calc(7.5vw * var(--coef-w));
	color: var(--color-white);
}

.content a {
	color: var(--color-gold);
}

.content p {
	margin-bottom: calc(4.6875vw * var(--coef-w));
}

.content li {
	margin-bottom: calc(3.125vw * var(--coef-w));
}

.content ul {
    list-style: none;
    padding: 0;
}

.content ul li::before {
    content: '';
    display: block;
    flex-shrink: 0;
    width: calc(2.1875vw * var(--coef-w));
    height: calc(2.1875vw * var(--coef-w));   
    background: url(/photos/1/marker.svg) no-repeat;
    background-size: cover;
    margin-right: calc(4.6875vw * var(--coef-w));
}

.content ul li {
    display: flex;
    align-items: baseline;
}

.content li:last-child {
    margin-bottom: calc(6.25vw * var(--coef-w));
}

.small-text {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 400;
	font-size: calc(3.4375vw * var(--coef-w));
	line-height: calc(5vw * var(--coef-w));
	color: var(--color-grey);
}

.extra-text {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 300;
	font-size: calc(3.75vw * var(--coef-w));
	line-height: calc(6.875vw * var(--coef-w));
	color: var(--color-grey);
}

.error404 {
	position: relative;
	height: auto;
}

.error404-fon {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.error404-content {
	padding: calc(12.5vw * var(--coef-w)) 0;
	text-align: center;
	display: flex;
	flex-direction: column;
}

.error404-svg {
	margin: 0 auto;
	width: calc(85.9375vw * var(--coef-w));
	height: calc(33.4375vw * var(--coef-w));
	margin-bottom: calc(10.9375vw * var(--coef-w));
}

.error404-title {
	margin-bottom: calc(3.75vw * var(--coef-w));
}

.error404-text {
	margin-bottom: calc(7.8125vw * var(--coef-w));
	color: var(--color-white);
}

.error404-btns {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.btn-error404:first-child {
	margin-bottom: calc(4.6875vw * var(--coef-w));
}

.standart {
	padding: calc(1.5625vw * var(--coef-w)) 0 calc(18.75vw * var(--coef-w));
}

.bottom {
	padding-bottom: 0;
}

.tabs {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 400;
	font-size: calc(3.125vw * var(--coef-w));
	line-height: calc(5vw * var(--coef-w));
	text-transform: uppercase;
	color: var(--color-white);
	background: rgba(255, 255, 255, 0.08);
	padding: calc(2.5vw * var(--coef-w)) calc(4.6875vw * var(--coef-w));
	width: fit-content;
}

.counter {
	margin-bottom: calc(6.25vw * var(--coef-w));
}

.counter-title {
	font-style: normal;
	font-weight: 400;
	font-size: calc(3.4375vw * var(--coef-w));
	line-height: calc(6.875vw * var(--coef-w));
}

.counter-inner {
	position: relative;
	width: calc(43.75vw * var(--coef-w));
}

.counter-input {
	background: none;
	border: 1px solid var(--color-grey);
	width: calc(43.75vw * var(--coef-w));
	height: calc(10vw * var(--coef-w));
	text-align: center;
	cursor: pointer;
	color: var(--color-white);
}

.counter-symbol {
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
	transition: .5s;
	display: flex;
	width: calc(11.5625vw * var(--coef-w));
	height: calc(10vw * var(--coef-w));
	align-items: center;
	justify-content: center;
	user-select: none;
	color: var(--color-gold);
	border-right: 1px solid var(--color-grey);
}

.counter-plus {
	left: auto;
	right: 0;
	border: 0; 
	border-left: 1px solid var(--color-grey);
}

.product {
	width: calc(42.1875vw * var(--coef-w));
	height: calc(102.5vw * var(--coef-w));
	display: flex;
	flex-direction: column;
	margin-bottom: calc(9.375vw * var(--coef-w));
	margin-right: calc(2.8125vw * var(--coef-w));
}

.product:nth-child(2n) {
	margin-right: 0;
}

.product.noactive .product-img {
	opacity: 0.4;
}

.product-img {
	width: 100%;
	height: calc(71.875vw * var(--coef-w));
	object-fit: cover;
}

.product-link {
	width: 100%;
	height: calc(102.5vw * var(--coef-w));
	position: relative;
	margin-bottom: calc(3.75vw * var(--coef-w));
}

.btn-product {
	display: none;
}

.product-title {
	color: var(--color-white);
	margin-bottom: 3px;
}

.product-year {
	margin-bottom: calc(2.5vw * var(--coef-w));
}

.product-desc {
	font-style: normal;
	font-weight: 400;
	font-size: calc(3.75vw * var(--coef-w));
	line-height: calc(6.875vw * var(--coef-w));
	color: var(--color-gold);
} }