@font-face {
	font-family: 'Open Sans';
	src: local('Open Sans'), local('Open Sans Regular'), local('Open Sans-Regular'),
	url('../fonts/open-sans-400.woff2') format('woff2');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Open Sans';
	src: url('../fonts/open-sans-500.woff2') format('woff2');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Open Sans';
	src: url('../fonts/open-sans-600.woff2') format('woff2');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Montserrat';
	src: local('Montserrat Medium'), local('Montserrat-Medium'),
	url('../fonts/montserrat-500.woff2') format('woff2');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Montserrat';
	src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'),
	url('../fonts/montserrat-600.woff2') format('woff2');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	line-height: 1.5em;
}

*:focus-visible {outline: 2px solid var(--main-300);}

*::selection {
	background-color: #b2d0f2;
	color: var(--dark-500);
}

:root {
	--main-500: #01427C;
	--main-400: #0158A6;
	--main-300: #B2C4E0;
	--main-200: #EFF8FF;
	--main-100: #EFF8FF;
	--main-50: #F4faff;

	--dark-500: #25333E;
	--dark-400: #475661;
	--dark-300: #787E89;
	--dark-200: #D0D4DB;
	--dark-100: #ECEEF1;
	--dark-50: #f9fafb;

	--white: #FFF;
	--header-height: 55px;

	--inner: 18px;
	--sect-gap: 35px;
}

html {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
}

body {
	background-color: var(--white);
	color: var(--dark-500);
	position: relative;
}

h1, .h1, h2, .h2, h3,
.h3, h4, .h4, h5, .h5, h6 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	line-height: 1.2em;
}

h1, .h1 {font-size: 32px;}
h2, .h2 {font-size: 28px;}
h3, .h3 {font-size: 26px;}
h4, .h4 {font-size: 20px;}

.text-22 {
	font-size: 22px;
	line-height: 1.25em;
}

h5, .h5, .text-20 {
	font-size: 20px;
	line-height: 1.4em;
}

.text-18 {font-size: 18px;}

.text-15 {
	font-size: 15px;
	line-height: 1.5em;
}

.text-14 {
	font-size: 14px;
	line-height: 1.46em;
}

a {
	font-size: inherit;
	line-height: inherit;
	text-decoration: none;
	cursor: pointer;
	color: inherit;
}

img {
	display: block;
	width: 100%;
	height: auto;
}

strong, small, em, address, q, li, cite, abbr, dfn {
	font-weight: inherit;
	line-height: inherit;
	font-size: inherit;
	font-style: normal;
	color: inherit;
	quotes: none;
	list-style: none;
	text-decoration: none;
}

sup {
	font-size: 0.6em;
	display: inline-block;
	margin-top: -0.6em;
}

button {
	border: none;
	outline: none;
	background: unset;
	font-family: inherit;
	font-size: inherit;
	cursor: pointer;
	user-select: none;
	color: inherit;
}

input, select, textarea {
	display: block;
	width: 100%;
	border: none;
	outline: none;
	resize: none;
	font-family: inherit;
	cursor: pointer;
	appearance: none;
	-webkit-appearance:none;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

input[type="number"] {-moz-appearance: textfield;}

.inner {
	width: 100%;
	margin: 0 auto;
	max-width: 1124px;
	padding: 0px var(--inner);
}

.hidden {display: none !important;}

.hide-2 {
	overflow: hidden;
	position: absolute;
	height: 1px;
	width: 1px;
	bottom: 0;
	pointer-events: none;
}

/* INPUTS */
input.left {
	position: absolute;
	width: 1px;
	height: 1px;
	bottom: 0;
	left: 0;
}

.input-1 {
	height: 48px;
	padding: 13px 18px 15px;
	font-size: 15px;
	color: var(--dark-500);
	background-color: var(--white);
	border: 1px solid var(--dark-200);
	transition: border-color 300ms;
	outline: none !important;
}

.input-1::placeholder {
	font-size: inherit;
	line-height: 24px;
	color: var(--dark-300);
	user-select: none;
}

.input-1:-webkit-autofill {
	box-shadow:  0 0 0px 1000px var(--white) inset !important;
	-webkit-text-fill-color: var(--dark-500) !important;
}

.input-1:hover, .input-1:focus-visible,
.custom-select.active .input-1 {border-color: #676c6f !important;}

.inp-anim {position: relative;}
.inp-anim input::placeholder {opacity: 0;}

.inp-anim .placeholder {
	font-size: 15px;
	line-height: 24px;
	font-weight: 400;
	color: var(--dark-300);
	position: absolute;
	top: 11px;
	left: 18px;
	pointer-events: none;
	transition: left 300ms, transform 300ms, font-size 300ms, padding 350ms, background 150ms;
}

.inp-anim input:focus ~ .placeholder,
.inp-anim input:not(:placeholder-shown) ~ .placeholder {
	transform: translateY(-25px);
	padding: 0 8px;
	left: 10px;
	font-size: 13px;
	color: var(--dark-300) !important;
	background-color: var(--white);
}

.input-1.error {border-color: #ef3838;}
.input-1.error::placeholder, .inp-anim .input-1.error + .placeholder {color: #ef3838 !important;}

/* CUSTOM SELECT */
.custom-select {position: relative;}

.custom-select .input-1 {
	position: relative;
	display: block;
	color: var(--dark-300);
	font-size: 15px;
	line-height: 20px;
	padding-right: 36px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.custom-select .input-1::after {
	content: '';
	background-image: url("data:image/svg+xml,%0A%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23535353'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-size: 14px 8px;
	width: 14px;
	height: 8px;
	position: absolute;
	top: 50%;
	right: 18px;
	transform: translateY(-50%);
	z-index: 2;
}

.custom-select .input-1.filled {color: var(--dark-500);}

.custom-select .options {
	display: none;
	border: 1px solid #676c6f;
	border-top: 0;
	background: var(--white);
	max-height: 304px;
	width: 100%;
	overflow-y: auto;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 5;
}

.custom-select .options > li {
	padding: 8px 18px;
	font-size: 16px;
	text-transform: capitalize;
	cursor: pointer;
	user-select: none;
}

.custom-select .options > li:first-child {padding-top: 12px;}
.custom-select .options > li:last-child {padding-bottom: 12px;}

.custom-select .options > li:hover {background: #cbdaf6;}

.custom-select .options > li + li {border-top: 1px solid transparent;}
.custom-select .options > li.active + li.active {border-top: 1px solid var(--dark-50);}

.custom-select .options > li.active {
	background: var(--main-400) !important;
	color: var(--white);
}

.custom-select .options > li.active * {color: inherit;}

.custom-select.active .options {display: block;}
.custom-select.active .input-1::after {transform: rotate(-180deg) translateY(50%);}

/* CUSTOM CHECKBOX, RADIO */
.custom-checkbox, .custom-radio {
	width: 1px;
	height: 0;
	overflow: hidden;
	position: absolute;
}

.custom-checkbox:focus-visible, .custom-radio:focus-visible {outline: none;}
.custom-checkbox:focus-visible:not(.btn-disabled) + label::before, .custom-radio:focus-visible:not(.btn-disabled) + label::before {
	outline: 2px solid var(--main-100);
	outline-offset: -1px;
}

.custom-checkbox + label, .custom-radio + label {
	position: relative;
	max-width: max-content;
	padding-left: 36px;
	display: block;
	color: inherit;
	font-size: 15px;
	line-height: 1.25em;
	cursor: pointer;
	user-select: none;
}

.custom-radio + label::before, .custom-checkbox + label::before {
	content: '';
	position: absolute;
	top: -1px;
	left: 0;
	min-width: 18px;
	max-width: 18px;
	height: 18px;
	border: 1px solid var(--main-400);
	background-color: var(--white);
}

.custom-radio + label::before {border-radius: 50%;}

.custom-radio:checked + label::before {
	background-image: url("data:image/svg+xml,%0A%3Csvg width='22' height='22' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='10' fill='%232254B5'/%3E%3Ccircle cx='10' cy='10' r='3.5' fill='white'/%3E%3C/svg%3E%0A");
	background-position: center;
	background-size: 24px;
}

.custom-checkbox:checked + label::before {
	background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='20' height='20' fill='%230158A6'/%3E%3Cpath d='M13.913 6.95654L8.53257 12.8261L6.08691 10.1581' stroke='%23ffffff' stroke-width='1.4' /%3E%3C/svg%3E%0A");
	background-position: center;
	background-size: 28px;
}

.custom-checkbox.btn-disabled + label::before, .custom-radio.btn-disabled + label::before {
	background-color: #E9E9E9 !important;
	border-color: #DADADA !important;
	cursor: not-allowed;
	pointer-events: none;
}

.custom-checkbox.btn-disabled + label, .custom-radio.btn-disabled + label {pointer-events: none;}

.custom-radio.error + label::before, .custom-checkbox.error + label::before {
	border: 1px solid #ef3838 !important;
	outline: none !important;
}

/* BUTTONS */
.btn-small, .btn-medium, .btn-big {
	display: block;
	width: 100%;
	max-width: max-content;
	text-align: center;
	user-select: none;
	cursor: pointer;
}

.btn-small:focus-visible, .btn-medium:focus-visible, .btn-big:focus-visible {outline: none !important;}

.btn-medium {
	min-height: 48px;
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	padding: 13px 22px 15px;
}

.btn-blue {
	background: var(--main-400);
	border: 1px solid var(--main-400);
	color: var(--white);
	transition: background 300ms;
}

.btn-blue:hover {background: var(--main-500);}
.btn-blue:focus-visible,
.btn-blue2:focus-visible {outline: 10px solid var(--main-300) !important;}

.btn-blue2 {
	background: var(--white);
	color: var(--main-400);
	border: 1px solid var(--main-400);
	transition: background 300ms, color 250ms;
}

.btn-blue2:hover {
	background: var(--main-400);
	border-color: var(--main-400);
	color: var(--white);
}

.btn-blue2.icon path {transition: fill 250ms;}
.btn-blue2.icon:hover path {fill: var(--white);}

.btn-medium.icon svg {
	display: inline-block;
	margin: 0px 8px -4px 0;
}

.btn-disabled {
	cursor: not-allowed;
	pointer-events: none;
	opacity: 0.3;
}

.btn-disabled:hover, .btn-disabled:active, .btn-disabled:focus-visible {outline: none !important;}

/* HEADER */
.primary-header {
	height: var(--header-height);
	background: var(--white);
	border-bottom: 1px solid var(--dark-200);
	position: sticky;
	top: 0;
	z-index: 10;
}

.primary-header.active {
	background: var(--white);
	border-color: var(--white);
	position: sticky;
}

.primary-header .inner {
	justify-content: space-between;
	align-items: center;
}

.primary-header .logo {
	display: block;
	min-width: 155px;
	width: 155px;
	height: max-content;
	margin: 8px 0 7px;
	line-height: 0;
	position: relative;
	z-index: 300;
}

.burger {
	display: block;
	height: 16px;
	width: 28px;
	border-radius: 0px !important;
	outline-offset: 2px;
	position: relative;
	margin: 8px 0;
}

.burger span {
	display: block;
	background-color: var(--dark-500);
	position: relative;
	height: 2px;
	width: inherit;
	border-radius: 1px;
}

.burger span::after, .burger span::before {
	content: '';
	position: absolute;
	left: 0;
	background-color: var(--dark-500);
	height: inherit;
	width: inherit;
	border-radius: inherit;
	transition: transform 250ms, width 200ms;
}

.burger span::before {top: -7px;}
.burger span::after {top: 7px;}

.burger.active span {background-color: transparent;}

.burger.active span:before {transform: rotate(45deg) translate(6px, 6px);}
.burger.active span:after {transform: rotate(-45deg) translate(4px,-4px);}

.mobile-nav {
	display: none;
	align-items: center;
	flex-direction: column;
	position: sticky;
	inset: 0;
	top: var(--header-height);
	z-index: 200;
	min-height: calc(100vh - var(--header-height));
	max-height: calc(100vh - var(--header-height));
	height: 100%;
	min-width: 100%;
	padding: 70px 0 160px;
	background-color: var(--white);
	overflow: auto;
}

.mobile-nav.active {display: flex;}

.mobile-nav .item {
	display: block;
	margin-bottom: 38px;
	font-size: 20px;
	line-height: 20px;
	color: var(--dark-500);
	max-width: max-content;
}

/* FOOTER */
.primary-footer {
	background: var(--dark-100);
	padding: 48px 0 24px;
}

.primary-footer .grid > * + * {margin-top: 32px;}

.primary-footer ul {
	color: var(--dark-300);
	font-size: 15px;
}

.primary-footer ul > * + * {margin-top: 6px;}

.primary-footer .lil-grey {
	margin-top: 42px;
	font-size: 12px;
}

/* COMMON */
body > .all {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}

.all > .page-content {flex-grow: 2;}

.noscroll {overflow: hidden;}

.relative {position: relative;}

.flex {display: flex;}
.flex.btns > * + * {margin-left: 24px;}

.w100 {
	width: 100%;
	max-width: unset;
}

.main-clr {color: var(--main-400);}

.lil-grey {
	display: block;
	font-size: 14px;
	line-height: 18px;
	color: #7C7D7F;
}

.bg-grey {background: #FBFBFB;}

.ffamily2 {font-family: 'Montserrat', sans-serif;}

.weight-600 {font-weight: 600;}
.weight-500 {font-weight: 500;}

.pointer {cursor: pointer;}

.marg-b-12 {margin-bottom: 12px;}
.marg-b-18 {margin-bottom: 18px;}
.marg-b-24 {margin-bottom: 24px;}
.marg-b-32 {margin-bottom: 32px;}
.marg-b-40 {margin-bottom: 40px;}

.sect-marg {margin: var(--sect-gap) 0;}
.sect-padd {padding: var(--sect-gap) 0;}

.sect-padd.sect-last {margin-bottom: 40px;}
.sect-marg.sect-last {padding-bottom: 40px;}

.gap-14 > * + * {margin-top: 14px;}

.nowrap {white-space: nowrap;}

.scroll-inside {
	flex-wrap: nowrap;
	overflow-x: scroll !important;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
	-ms-overflow-style: none;
}

.scroll-inside::-webkit-scrollbar {
	display: none;
	opacity: 0;
}

[data-tab] {display: none;}
[data-tab].active {display: block;}

.hover1 a:hover, .hover1 a:focus-visible,
.hover1 button:hover, .hover1 button:focus-visible {color: var(--dark-400);}

.img-hover {
	display: block;
	border: 1px solid #C9D3E4;
}

.img-hover:hover img, .img-hover:focus-visible img {opacity: .8;}
.img-hover img {transition: opacity 350ms;}

.custom-scrollbar::-webkit-scrollbar {width: 8px;}
.custom-scrollbar::-webkit-scrollbar-track {background-color: var(--dark-50);}
.custom-scrollbar::-webkit-scrollbar-thumb {background-color: #e4e4e6;}

.yt-ic::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 68px;
	height: 48px;
	background-image: url("data:image/svg+xml,%0A%3Csvg width='68' height='48' viewBox='0 0 68 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1089_367)'%3E%3Cpath d='M66.4982 7.48667C66.1082 6.03961 65.3473 4.72038 64.2915 3.66034C63.2356 2.6003 61.9216 1.83643 60.4802 1.4448C55.2033 0 33.9655 0 33.9655 0C33.9655 0 12.7267 0.0437332 7.44977 1.48853C6.00836 1.88019 4.69429 2.6441 3.63843 3.70419C2.58257 4.76428 1.82177 6.08357 1.43177 7.53067C-0.164371 16.9435 -0.783543 31.2864 1.4756 40.3227C1.86563 41.7697 2.62646 43.0889 3.68232 44.149C4.73817 45.209 6.05222 45.9729 7.4936 46.3645C12.7705 47.8093 34.0088 47.8093 34.0088 47.8093C34.0088 47.8093 55.2469 47.8093 60.5235 46.3645C61.9649 45.9729 63.279 45.2091 64.3349 44.149C65.3908 43.089 66.1517 41.7697 66.5418 40.3227C68.2253 30.8965 68.7441 16.5624 66.4982 7.48667Z' fill='%23FF0000'/%3E%3Cpath d='M27.2031 34.1493L44.8215 23.9045L27.2031 13.6597V34.1493Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1089_367'%3E%3Crect width='68' height='48' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
	background-size: contain;
	transition: background 300ms;
}

.yt-ic:hover::after {background-image: url("data:image/svg+xml,%0A%3Csvg width='68' height='48' viewBox='0 0 68 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1089_367)'%3E%3Cpath d='M66.4982 7.48667C66.1082 6.03961 65.3473 4.72038 64.2915 3.66034C63.2356 2.6003 61.9216 1.83643 60.4802 1.4448C55.2033 0 33.9655 0 33.9655 0C33.9655 0 12.7267 0.0437332 7.44977 1.48853C6.00836 1.88019 4.69429 2.6441 3.63843 3.70419C2.58257 4.76428 1.82177 6.08357 1.43177 7.53067C-0.164371 16.9435 -0.783543 31.2864 1.4756 40.3227C1.86563 41.7697 2.62646 43.0889 3.68232 44.149C4.73817 45.209 6.05222 45.9729 7.4936 46.3645C12.7705 47.8093 34.0088 47.8093 34.0088 47.8093C34.0088 47.8093 55.2469 47.8093 60.5235 46.3645C61.9649 45.9729 63.279 45.2091 64.3349 44.149C65.3908 43.089 66.1517 41.7697 66.5418 40.3227C68.2253 30.8965 68.7441 16.5624 66.4982 7.48667Z' fill='%23FF5A5A'/%3E%3Cpath d='M27.2031 34.1493L44.8215 23.9045L27.2031 13.6597V34.1493Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1089_367'%3E%3Crect width='68' height='48' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");}

.inputs-wrapper > * + *, .radio-btns > *:nth-child(n+4) {margin-top: 16px;}

/* BREADCRUMBS */
.breadcrumbs {
	padding: 24px 0 32px;
	font-size: 14px;
	line-height: 16px;
	color: var(--dark-300);
}

.breadcrumbs + section {
	margin-top: 0;
	padding-top: 0;
}

.breadcrumbs .flex {
	flex-wrap: wrap;
	line-height: 22px;
}

.breadcrumbs a:hover {color: var(--dark-400);}

/* PAGINATION */
.pagination {
	padding: 48px 0 16px;
	font-size: 14px;
	align-items: center;
	justify-content: center;
}

.pagination button {
	min-width: 30px;
	max-width: 30px;
	height: 30px;
	background-repeat: no-repeat;
	background-size: 6px auto;
	background-position: center;
}

.pagination .prev {
	background-image: url("data:image/svg+xml,%0A%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 13.25L1.25 7L7.5 0.75' stroke='%23787E89' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
	margin-right: 6px;
}
.pagination .next {
	background-image: url("data:image/svg+xml,%0A%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.5 13.25L6.75 7L0.5 0.75' stroke='%23787E89' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
	margin-left: 6px;
}

.pagination input {
	color: var(--dark-500);
	width: 32px;
	height: 32px;
	border: 1px solid var(--dark-200);
	text-align: center;
	font-size: 14px;
	margin: 0 12px;
}

.pagination div + div {margin-left: 10px;}

/* SLIDER */
.slider-list.grab {cursor: grab;}
.slider-list.grabbing {cursor: grabbing;}

.slider-item + .slider-item {margin-left: 21px;}

.slider-item {
	user-select: none;
	width: 100%;
	min-width: 100%;
}

.slider-item > * {
	pointer-events: none;
	user-select: none;
}

.slider-btns button > * {
	user-select: none;
	pointer-events: none;
}

.slider-btns .btn-disabled {opacity: .5;}

/* GALLERY RADIOS */
.gall-thumb {
	cursor: pointer;
	user-select: none;
	width: 100%;
	min-width: 27%;
}

.gall-thumb > img {
	pointer-events: none;
	height: 100%;
	object-fit: cover;
}

.gall-thumb.active {
	outline: 3px solid var(--main-400) !important;
	outline-offset: -3px;
}

.gall-radio {
	position: absolute;
	opacity: 0;
	height: 0;
	bottom: 0;
	z-index: 9;
}

.gall-img {
	opacity: 0;
	position: absolute;
	z-index: -1;
	inset: 0;
	transition: opacity 300ms ease-in-out;
	content-visibility: auto;
	pointer-events: none;
	user-select: none;
}

.gall-t1 .btns {
	overflow: hidden;
	margin-top: 12px;
}

.gall-t1 .btns.dragging > label {pointer-events: none;}

.gall-t1 .btns > label + label {margin-left: 8px;}

.gall-radio:checked + .gall-img, .gall-img.active {
	opacity: 1 !important;
	position: relative;
	z-index: 9;
	pointer-events: unset;
	width: 100%;
}

/* MODAL WINDOW / GALLERY */
.modal-window, .gallery-wrapper {
	display: flex;
	opacity: 0;
	visibility: hidden;
	transition: opacity 300ms ease-in-out;
	position: fixed;
	inset: 0;
	min-width: 100%;
	width: 100%;
	min-height: 100%;
	min-height: 100vh;
	max-height: 100vh;
	height: 100%;
	justify-content: center;
	align-items: center;
	z-index: 9999;
}

.modal-window.active, .gallery-wrapper.active {
	opacity: 1;
	visibility: visible;
}

.close-btn {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 36px;
	height: 36px;
	padding: 2px;
	z-index: 20;
	background-color: unset;
	background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.25 6.25L19.5565 19.5565' stroke='%23C4C4C4' stroke-width='1.5' stroke-linejoin='round' /%3E%3Cpath d='M6.25 19.5566L19.5565 6.25019' stroke='%23C4C4C4' stroke-width='1.5' stroke-linejoin='round' /%3E%3C/svg%3E");
	background-position: center;
}

.modal-bg {
	position: absolute;
	inset: 0;
	min-width: 100%;
	min-height: 100%;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 1;
	background: #060606;
	opacity: .4;
}

.modal-window .dop-scroll {
	width: 100%;
	max-height: 100%;
	display: flex;
	justify-content: center;
	overflow: auto;
	position: relative;
	z-index: 3;
	padding: 40px 16px;
}

.modal-body {
	position: relative;
	padding: 45px 24px 32px;
	height: 100%;
	min-height: max-content;
	width: 100%;
	max-width: 430px;
	background: var(--white);
}

.gallery-wrapper .modal-bg {opacity: 1;}

.gallery-wrapper aside {
	width: 100%;
	height: 100%;
	flex-direction: column;
	justify-content: center;
	padding: 8px;
	z-index: 2;
}

.gallery-imgs {
	overflow: hidden;
	position: relative;
}

.gallery-imgs img {
	object-fit: contain;
	height: 100%;
}

.loading-gif {
	width: 60px !important;
	height: 60px !important;
	position: absolute;
	margin: auto;
	object-fit: unset !important;
	top: calc(50% - 30px);
	left: calc(50% - 30px);
	z-index: 2 !important;
}

.gallery-btns {
	margin-top: 12px;
	min-height: 72px;
	flex-wrap: nowrap;
	max-width: 1240px;
	align-self: center;
	width: 100%;
}

.gallery-btns > label + label {margin-left: 12px;}

.gallery-btns .gall-thumb {
	min-width: 96px;
	max-width: 96px;
}

/* REPORT PAGE */
.report-page {
	min-height: 40vh;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin: 100px auto;
}

.report-page > * {text-align: center;}

/* MEDIA */
@media (min-width: 414px) {
	:root {--inner: 24px;}
}

@media (min-width: 480px) {
	h2, .h2 {font-size: 32px;}
	h3, .h3 {font-size: 28px;}
	h4, .h4 {font-size: 22px;}

	/* FOOTER */
	.primary-footer .grid {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 40px 20px;
		max-width: 440px;
	}

	.primary-footer .grid > * + * {margin: 0;}

	/* GALLERY */
	.gall-thumb {
		min-width: 96px;
		max-width: 96px;
	}
}

@media (min-width: 600px) {
	h2, .h2 {font-size: 38px;}

	:root {
		--inner: 38px;
		--sect-gap: 50px;
	}

	/* HEADER */
	.mobile-nav {padding: 80px 0 120px;}

	/* GALLERY */
	.gallery-wrapper aside {padding: 14px;}
}

@media (min-width: 740px) {
	h5 {font-size: 22px;}

	/* FOOTER */
	.primary-footer {padding: 58px 0 24px;}

	.primary-footer .grid {
		grid-template-columns: repeat(3, 1fr);
		max-width: unset;
		gap: 50px;
		max-width: 690px;
	}

	.primary-footer .grid > *:nth-child(2) {grid-row: 2/3;}
	.primary-footer .grid > *:nth-child(4) {
		grid-column: 2/3;
		grid-row: 1/2;
	}

	.primary-footer .grid > *:nth-child(5) {
		grid-column: 3/4;
		grid-row: 1/2;
	}
}

@media (min-width: 980px) {
	:root {
		--header-height: 68px;
		--inner: 42px;
	}

	h3, .h3 {font-size: 32px;}

	.sect-padd.sect-last {margin-bottom: 60px;}
	.sect-marg.sect-last {padding-bottom: 60px;}

	/* HEADER */
	.primary-header nav.hidden {display: block !important;}
	.primary-header .logo {
		min-width: 172px;
		width: 172px;
		margin: 12px 0;
	}

	.desktop-nav > * + * {margin-left: 24px;}

	.desktop-nav > * {
		display: block;
		font-size: 14px;
		line-height: 19px;
	}

	/* BREADCRUMBS */
	.breadcrumbs {padding: 32px 0 54px;}
}

@media (min-width: 1080px) {
	.noscroll {margin-right: 17px;}

	/* GALLERY */
	.gallery-wrapper aside {padding: 40px;}
	.gallery-btns {overflow-x: unset;}
}

@media (min-width: 1180px) {
	:root {--header-height: 73px;}

	h2, .h2 {font-size: 44px;}

	/* HEADER */
	.primary-header .logo {margin: 16px 0 13px;}

	/* FOOTER */
	.primary-footer .grid {
		max-width: unset;
		gap: 50px 0;
	}
}

@media (min-width: 1280px) {
	h1, .h1 {font-size: 50px;}
}

@media (min-width: 1440px) {
	:root {--sect-gap: 60px;}

	.sect-padd.sect-last {margin-bottom: 70px;}
	.sect-marg.sect-last {padding-bottom: 70px;}
}