/*!
Theme Name: manul
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
*/

html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}
body {
	margin: 0;
	font-family: 'Velasans';
	font-size: 20px;
	line-height: 120%;
	overflow-x: hidden;
}
:root {
	--black: #000000;
	--dark: #020A0B;
	--white: #FFFFFF;
	--yellow: #DDA341;
	--green: #0F646E;
	--green-light: #A7A78A;
	--dark-green: #093C42;
	--light: #EFEFE5;
}
@font-face {
	font-family: 'Arkhip';
	src: url('/wp-content/themes/manul/assets/fonts/Arkhip.woff2');
	font-weight: 400;
	font-style: normal;
	font-display:swap;
}
@font-face {
	font-family: 'Velasans';
	src: url('/wp-content/themes/manul/assets/fonts/Velasans.woff2');
	font-weight: 400;
	font-style: normal;
	font-display:swap;
}
@font-face {
	font-family: 'Velasans';
	src: url('/wp-content/themes/manul/assets/fonts/VelaSans-Medium.woff2');
	font-weight: 500;
	font-style: normal;
	font-display:swap;
}
main {
	display: block;
}
h1, .h1 {
	font-size: 96px;
	line-height: 120%;
	margin: 0.67em 0;
	font-family: 'Arkhip';
}
h2, .h2 {
	font-size: 64px;
	line-height: 120%;
	font-family: 'Arkhip';
}
h3, .h3 {
	font-size: 68px;
	line-height: 120%;
	margin: 56px 0 96px;
	font-family: 'Arkhip';
}
h4, .h4 {
	font-size: 48px;
	line-height: 120%;
	font-family: 'Arkhip';
	margin: 0;
}
h5, .h5 {
	font-size: 32px;
	line-height: 120%;
	margin: 0;
	font-family: 'Arkhip';
	font-weight: 400;
}
h6, .h6 {
	font-size: 60px;
	line-height: 120%;
	margin: 0;
}
.uppercase {
	text-transform: uppercase;
}
.section-inner {
	margin: 0 auto;
	max-width: 96%;
	width: 1792px;
}
.flex, .otziv-block.slick-slider .otziv-item.flex{
	display: flex;
}
.space-between {
	justify-content: space-between;
}
.space-center {
	justify-content: center;
}
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}
pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

a {
	text-decoration: none;
	transition: all 0.4s;
}
b,
strong {
	font-weight: bolder;
}
img {
	border-style: none;
}

button,
input,
optgroup,
select,
textarea {
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}
button,
input {
	overflow: visible;
}
on,
select {
	text-transform: none;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

fieldset {
	padding: 0.35em 0.75em 0.625em;
}

textarea {
	overflow: auto;
}

[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

[hidden] {
	display: none;
}

*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

p {
	margin-bottom: 1.5em;
}
dfn,
cite,
em,
i {
	font-style: italic;
}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}
ul,
ol {
	margin: 0 0 1.5em 3em;
}
ul {
	list-style: disc;
}
ol {
	list-style: decimal;
}
li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}
dt {
	font-weight: 700;
}
dd {
	margin: 0 1.5em 1.5em;
}
embed,
iframe,
object {
	max-width: 100%;
}
img {
	height: auto;
	max-width: 100%;
	display: block;
}
figure {
	margin: 1em 0;
}
table {
	margin: 0 0 1.5em;
	width: 100%;
}

a:hover,
a:focus,
a:active, .yellow-color {
	color: var(--yellow);
}
a:focus {
	outline: none;
}
a:hover,
a:active {
	outline: 0;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	line-height: 1;
	padding: 0.6em 1em 0.4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}
button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}
select {
	border: 1px solid #ccc;
}

textarea, .w100 {
	width: 100%;
}

.site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation {
	margin: 0 0 1.5em;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
	display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	text-align: end;
	flex: 1 0 50%;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
.custom-logo-link {
	display: inline-block;
}

.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text, .text-center {
	text-align: center;
}
.text-right {
	text-align: right;
}
.gallery {
	margin-bottom: 1.5em;
	display: grid;
	grid-gap: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	width: 100%;
}

.gallery-columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
	grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
	grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
	grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
	grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
	grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
	grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
	display: block;
}
.alignleft {
	float: left;
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}
.float-right {
	float: right;
}
.alignright {
	float: right;
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}
.site-footer, .partners {
	background: var(--dark-green);
	color: var(--white);
	padding: 160px 0 64px;
}
.padding160 {
	padding: 160px 0;
}
.btn {
	border:1px solid var(--yellow);
	min-width: 400px;
	width: 400px;
	height: 261px;
	padding: 32px;
	position: relative;
	overflow: hidden;
}
.btn img {
	position: absolute;
	width: 100%;
	object-fit: cover;
	left: 0;
	top: 0;
	opacity: 0;
	transition: all 0.4s;
}
.btn:hover img {
	opacity: 1;
}
.flex-col {
	flex-direction: column;
}
.white {
	color: var(--white);
}
.right {
	display: block;
	position: absolute;
	right: 32px;
	transition: all 0.4s;
}
.btn:hover .right{
	right: calc(100% - 64px);
	transition: 0.4s;
}
.btn .white {
	position: absolute;
	bottom: 32px;
	left: 32px;
	transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transform: translateX(0);
}

.btn:hover .white {
	transform: translateX(calc(400px - 100% - 64px));
}
.site-footer .section-inner {
	gap: 96px;
}
.reestr {
	background: #EFEFE5;
	padding: 16px 33px 16px 16px;
	gap: 10px;
	font-size: 14px;
}
.reestr span {
	font-weight: 500;
	display: block;
	margin-bottom: 4px;
}
.green {
	color: var(--green)
}
.yellow {
	color: var(--yellow)
}
.gap-40 {
	gap:40px;
}
.gap-32 {
	gap: 32px;
}
.gap-12 {
	gap: 12px;
}
.gap-16 {
	gap: 16px;
}
.gap-20 {
	gap: 20px;
}
.gap-56 {
	gap: 56px;
}
.gap-214 {
	gap: 214px;
}
.policy {
	gap: 12px;
	font-size: 16px;
}
.footer-contacts {
	font-size: 32px;
	font-family: 'Arkhip';
	list-style: none;
	padding: 0;
}
.items-center {
	align-items: center;
}
.z-1 {
	z-index: 10;
}
.relative {
	position: relative;
}
.partner {
	width: 600px;
	height: 600px;
	border: 1px solid var(--yellow);
	perspective: 1000px;
}
.partner-image {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transition: all 0.5s ease;
	z-index: 2;
}
.partner:hover .partner-image {
	opacity: 0;
	transform: translate(-50%, -50%) scale(0.8);
}

.partner-image-hover {
	top: 50%;
	left: 50%;
	width: 0;
	height: 0;
	border-radius: 50%;
	transform: translate(-50%, -50%) rotate(180deg) scale(0);
	opacity: 0;
	transition: all 0.7s cubic-bezier(0.4, 0, 0.4, 1);
	transform-origin: center;
	object-fit: cover;
}

.partner:hover .partner-image-hover {
	width: 100%;
	height: 100%;
	border-radius: 0;
	transform: translate(-50%, -50%) rotate(0deg) scale(1);
	opacity: 1;
}
.action-text {
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	text-align: center;
}
.velasans {
	font-family: 'Velasans';
}
.btn.yellow-btn {
	height: 134px;
	padding: 24px;
}
.action-text .section-inner {
	height: 100%;
}
.btn.yellow-btn:hover .right {
	right: calc(100% - 45px);
}
/*.btn.yellow-btn {
	bottom: 24px;
	left: 24px;
}*/
.btn.yellow-btn:hover, .activity-item:hover .btn.yellow-btn {
	background: var(--yellow);
}
.btn.yellow-btn:hover .white, .activity-item:hover .btn.yellow-btn .white{
	transform: translateX(calc(400px - 100% - 64px));
}
.subtitle {
	font-size: 24px;
	color: var(--green-light);
}
.margin0 {
	margin: 0;
}
.padding-bottom {
	padding-bottom: 280px;
}
.questions, .photo-row, .main-row, .baza  {
	background: var(--light);
}
.questions .h2 {
	margin:32px 0 64px;
}
.margin-64 {
	margin:0 0 64px;
}
.pad-64 {
	padding:64px 0;
}
.question-block {
	gap:48px;
}
.question {
	width: 50%;
}
.green-background {
	background: var(--dark-green);
}
.text-center .subtitle {
	margin-bottom: 56px;
}
.otziv .text-center {
	margin: 245px 0;
}
.otziv-item {
	padding: 32px;
	background: #193333;
	color: white;
}
.otziv-popup-item {
	gap: 32px;
	display: flex;
	flex-direction: column;
}
.otziv-block .slick-slide {
	margin: 0 27px 0;
}
.otziv-popup-item .otziv-content {
   margin-bottom: 40px;
}
.full-otziv {
	gap: 12px;
	cursor: pointer;
}
.pointer {
	cursor: pointer;
}
.guest-info {
	gap: 9px;
}
.otziv-content {
	min-height: 144px;
}
.guest-name {
	font-family: 'Arkhip';
}
.otziv-title {
	gap: 20px;
}
.otziv-image-block {
	width: 64px;
}
.otziv-img {
	border-radius: 64px;
}
.tip {
	font-size: 16px;
}
.otziv-block {
	margin: 0 -27px 0;
}
.zap {
	right: 32px;
	bottom: 32px;
}
.otziv-popup-item {
	animation: fadeInUp 0.5s ease 0.2s both;
}

@keyframes fadeInUp {
	from {
		opacity: 0;
		transform: translateY(20px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}
.otziv-popup-overlay, .video-modal__overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	z-index: 9;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.4s;
	padding: 20px;
	box-sizing: border-box;
}

.otziv-popup-overlay.active, .video-modal.is-open .video-modal__overlay {
	opacity: 1;
	visibility: visible;
}

.otziv-popup {
	max-width: 800px;
	width: 100%;
	max-height: 85vh;
	overflow-y: auto;
	position: relative;
	padding: 40px;
	transform: scale(0.9) translateY(20px);
	transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
}

.otziv-popup-overlay.active .otziv-popup {
	transform: scale(1) translateY(0);
}
.otziv-popup-close, .video-modal__close {
	top: 20px;
	right: 20px;
	background: none;
	border: none;
	cursor: pointer;
	padding: 8px;
	z-index: 10;
	transition: transform 0.2s ease;
	display: flex;
	align-items: center;
	justify-content: center;
}

.otziv-popup-close:hover, .video-modal__close:hover {
	transform: rotate(90deg);
}
/* Кнопка "полный отзыв" в попапе скрываем */
.otziv-popup-item .full-otziv {
	display: none !important;
}
.otziv-popup-item .zap {
	right: 0px;
	bottom: 0;
}
::-webkit-scrollbar {
	width: 3px;
	height: 3px;
}
::-webkit-scrollbar-track {
	background: var(--green);
	border-radius: 3px;
}
::-webkit-scrollbar-thumb {
	background: var(--green);
	border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
	background: var(--dark-green);
}
* {
	scrollbar-width: thin;
	scrollbar-color: var(--green) var(--dark-green);
}
.round-video {
	border-radius: 50%;
	height: 235px;
	width: 235px;
}
.overflow-hid {
	overflow: hidden;
}
.round-video.big-video {
	height: 400px;
	width: 400px;
}
.round-video.small-video {
	height: 100px;
	width: 100px;
}
.video-image, .absolute {
	position: absolute;
}
.round-video svg {
	z-index: 1;
}
.round-item1, .top64 {
	padding-top: 64px;
}
.round-item1-1 {
	padding-top: 228px;
	margin-left: 15px;
}
.round-item2 .round-video:nth-child(1){
	margin: 30px 0 22px -30px;
}
.round-item2 .round-video:nth-child(2){
	margin: 0 0 0 -15px;
}
.round-item3 {
	padding-top: 62px;
	margin-left: -16px;
}
.round-item4 {
	gap: 54px;
}
.round-item4 .round-video:nth-child(1){
	margin-left: -8px;
}
.round-item5 {
	padding-top: 145px;
	margin-left: -30px;
}
.round-item6, .padd122 {
	padding-top: 122px;
}
.collection-btn {
	background: transparent;
	border: none;
	padding: 0;
}
.absolute-panel .section-inner, .flex-start {
	align-items: flex-start;
}
.flex-end {
	justify-content: flex-end;
}
.color-white {
	color: #fff;
}
.baza-list div {
	cursor: pointer;
}
.menu-baza.active {
	font-weight: 500;
	color: var(--yellow);
}
.map-active {
	transform: scale(1.2);
	transform-box: fill-box;
	filter: brightness(110%);
	z-index: 2;
}
#domiki.map-active, #restaurant.map-active, #prokat.map-active {
	transform: scale(1.1);
}
.baza-map g {
	transition: transform 0.5s ease;
	transform-box: fill-box;
}
.map-controls button, .map-controls button.active:hover  {
	color: #fff;
	border: 1px solid var(--yellow) ;
	padding: 12px 24px;
	cursor: pointer;
	background: var(--yellow);
}
.map-controls button.active {
	background: transparent;
	color: var(--dark);
}
.map-controls button.active svg path {
	fill:#4B4B1D;
	transition: all 0.4s;
}
.map-controls button.active:hover svg path{
	fill:#fff;
}
.map-container {
	height: 1000px;
}
.absolute-panel {
	left: 64px;
	top: 64px;
}
.absolute-panel2 {
    top:64px;
	right: 64px;
}
.points, .baza-list {
	background: var(--dark-green);
	color: #fff;
	width: 495px;
	padding: 40px;
	font-size: 18px;
}
.point-svg {
	border-radius: 26px;
	background: #0F646E;
	height: 46px;
	width: 46px;
}
.white-round {
	background: var(--light);
}
.transition {
	transition: all 0.4s;
}
.point-item:hover .point-svg{
	background: var(--yellow);
}
.point-item {
	cursor: pointer;
}
ymaps a {
	color: var(--dark)
}
.map-container .ymaps-2-1-79-zoom__plus .ymaps-2-1-79-zoom__icon {
	background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 12.5385V11.4615H11.4615V5H12.5385V11.4615H19V12.5385H12.5385V19H11.4615V12.5385H5Z' fill='white'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position:center;
}
.map-container .ymaps-2-1-79-zoom__minus .ymaps-2-1-79-zoom__icon {
	background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 13V12H19V13H5Z' fill='white'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position:center;
}
.map-container .ymaps-2-1-79-float-button-icon {
	display: inline-block;
	width: 2.396vw;
	height: 2.396vw;
	border:none;
	background-repeat: no-repeat;
	background-position:center;
	vertical-align: top;
	background:var(--green);
	border:none;
	outline:none;
	border-radius:50%;
	transition: 0.4s;
}
.map-container .ymaps-2-1-79-float-button-icon:hover{
	filter: brightness(80%);
}
.ymaps-2-1-79-controls__control {
	inset: 22.92vw  auto auto 3.29vw !important;
}
.map-container .ymaps-2-1-79-float-button {
	height: 2.5vw;
	padding-left: 2.396vw;
	box-shadow: none;
	background-color: transparent;
}
.map-container .ymaps-2-1-79-zoom {
	padding: 2.5vw 0;
	width: 2.5vw;
	height: 0.833vw!important;
}
.map-container .ymaps-2-1-79-zoom__scale {
	display: none;
}
.map-container .map-controls {
	margin: 0.78vw 0;
	display: flex;
	flex-wrap: wrap;
	gap: 0.52vw;
}
/*#map .ymaps-2-1-79-inner-panes{
	filter: sepia(50%) saturate(0.75) brightness(1) hue-rotate(5deg);
}*/
.activity-item {
	border: 1px solid var(--yellow);
	height: 637px;
	width: 868px;
}
.activity-info {
	padding: 48px;
	height: 100%;
	z-index: 2;
}
.font48 {
	font-size: 48px;
	font-weight: 600;
	line-height: 120%;
}
.line140 {
	line-height: 140%;
}
.activity-info h5, .activity-item:hover .activity-info .btn  {
	text-align: left;
	transform: translateX(calc(868px - 100% - 96px));
	transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
	float: left;
}
.activity-image {
		opacity: 0;
}
.activity-item:hover img {
		opacity: 1;
}
.activity-item:hover .activity-info h5, .activity-info .btn  {
	transform: translateX(0px);
}
.activity-item:hover .btn.yellow-btn .right {
	right: calc(100% - 55px);
}
.wrap {
	flex-wrap: wrap;
}
.top1 {
	top: 0;
	right: 0;
	transform: rotate(180deg);
}
.right1 {
	right: 0;
	top: 50%;
	transform: scaleX(-1) translateY(-50%);
}
.left1 {
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
.bottom1 {
	bottom: 0;
	left: 0;
}
.width668 {
	 width:668px;
 }
.subtitle.width668 {
	margin: 0 auto;
}
.color-green {
	color: var(--green);
	font-weight: 600;
}
.with500 {
	width: 507px;
	height: 652px;
}
.foto-about {
	height: 651px;
}
.foto-about img, .video__element {
	object-fit: cover;
	height: 100%;
}
.border {
	border: 8px solid #fff;
	border-radius: 4px;
}
.sticky {
	position: sticky;
	top: 0;
}
.foto-about:last-child {
	position: relative;
	z-index: 1;
	will-change: transform;
}
.foto-about .video__element {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.img2 {
	margin: 20px 200px 0 auto;
}
.img3 {
	margin: -180px 0 0 313px;
}
.img4 {
	margin: 380px 409px 0 auto;
}
.img5 {
	margin: 300px 0 245px 82px;
}
.baza > .flex{
	gap: 76px;
}
.main-row-video-stage {
	position: absolute;
	inset: 0;
	pointer-events: none;
	z-index: 2;
}

.main-row-video-sticky {
	position: sticky;
	top: 0;
	height: 100vh;
	overflow: visible;
}

.main-row-video-shell {
	position: relative;
	width: 100%;
	height: 100%;
}

.main-row-video-shell .video-clone {
	position: absolute;
	margin: 0;
	overflow: hidden;
	will-change: top, left, width, height, opacity;
	z-index: 2;
	max-width: 100%;
	transition: all 0.7s ease, opacity 0s;
	width: 668px;
	left: 32vw;
	top: -2.62vw;
}
.main-row-video-shell .video-clone video {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	transform-origin: center center;
	will-change: transform;
}

.video-container.is-source-hidden {
	opacity: 0;
}
.video .with500 {
	height: 200px;
}
.quote img {
	display: inline-block;
}
.quote .section-inner {
	max-width: 1446px;
}
.hero-banner {
	background: linear-gradient(180deg, #93BFD8 0%, #A5C7E0 100%);
}
.weight400 {
	font-weight: 400;
}
.obloko2 {
	right: 0;
	top: 17%;
}
.obloko1 {
	left: 0;
	top: 12%;
}
.gradient {
	background: linear-gradient(to top, #093C42 0%, transparent 100%);
}
.dark-overlay {
	transition: opacity 0.1s linear;
}
.hero-banner {
	position: relative;
	background-color: transparent; /* Исходный цвет фона */
	transition: background-color 0.3s ease;
}

.obloko1,
.obloko2 {
	will-change: transform;
	z-index: 2;
}
.people {
	margin-top: -40%;
	top:30%;
}
.word-animate {
	display: inline-block;
	overflow: hidden;
	vertical-align: top;
}
.word-animate span {
	display: inline-block;
	will-change: transform;
	transform: translateY(100%);
}
.font24 {
	font-size: 24px;
}
.wide-menu {
	padding: 160px 0 32px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 5;
	transform: translateY(-100%);
	opacity: 0;
	transition: transform .4s ease, opacity .4s ease;
	pointer-events: none;
}
.wide-menu .flex {
	gap: 8px;
}
.wide-menu a {
	display: block;
	height: 360px;
	flex: 0 0 auto;
}
.wide-menu a span {
	opacity: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
}
.wide-menu a:hover span {
	opacity: 1;
}
.wide-menu a img {
	height: 100%;
	max-width: unset;
}
.menu-item::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0);
	transition: background-color 0.5s ease;
	pointer-events: none;
	z-index: 1;
}
.menu-item:hover::after {
	background-color: rgba(0, 0, 0, 0.2);
}
.wide-menu.open {
	transform: translateY(0);
	opacity: 1;
	pointer-events: auto;
}
.site-header.opened .main-logo{
	opacity: 0;
}
.site-header.opened .site-branding {
	color: var(--black);
}
.burger-icon {
	height: 48px;
	width: 48px;
	border-radius: 48px;
	background: var(--yellow);
	justify-content: center;
	gap: 5px;
}
.burger-icon span {
	height: 2px;
	width: 18px;
	background: #fff;
}
.column {
	flex-direction: column;
}
.site-header.opened .burger-icon span:first-child {
	transform: translateY(7px) rotate(45deg);
}
.site-header.opened .burger-icon span:nth-child(2) {
	opacity: 0;
	transform: scaleX(0);
}
.site-header.opened .burger-icon span:last-child {
	transform: translateY(-7px) rotate(-45deg);
}
.menu-row {
	will-change: transform; transform: translateZ(0);
}
.preloader {
	width: 100%;
	height: 100vh;
	position: fixed;
	left: 0px;
	top: 0px;
	z-index: 9999;
	background: #D9D9D9;
}
.preloader-remove {
	z-index: -10;
	transform: translateY(-100%) scaleY(0.8);
	transition: 0.9s;
}
.pre {
	width: 283px;
}
.pre img {
	max-width: unset;
	height: 70px;
	width: auto;
}
.cont-cookie-poup {
	z-index: 67;
}
.cont-cookie-poup {
	position: fixed;
	bottom: 30px;
	right: 30px;
	background: var(--light);
	padding: 20px;
	z-index: 385;
	display: block;
	visibility: hidden;
	opacity: 0;
	transition: 0.5s;
	will-change: transform, opacity;
	width: 700px;
	font-size: 18px;
}
.cont-cookie-poup.show {
	visibility: visible;
	opacity: 1;
	transition: 0.5s;
}
.left-cookie span {
	font-weight: 500;
	line-height: 120%;
}
.btn-accept-cookie {
	padding: 20px;
	color: #fff;
	background: var(--yellow);
	display: block;
}
.btn-accept-cookie:hover {
	color: #fff;
	background: var(--green);
}

@media only screen and (max-width: 700px) {
	.cont-cookie-poup {width: 90%;right: 0; margin: 0 5%;box-sizing: border-box;}
}
@media only screen and (max-width: 520px) {
	.direction-row {flex-direction: column; gap: 10px;}
}
.question {
	flex-direction: column;
	gap: 28px;
}
.question-item {
	border-bottom: 2px solid #D9D9D9;
	padding-bottom: 28px;
}
.question-content {
	max-height: 0;
	opacity: 0;
	transition: all 0.5s ease;
}
.question-content.active {
	max-height: 400px;
	opacity: 1;
}
.accordion-icon {
	width: 24px;
	height: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: transform 0.5s ease;
	position: absolute;
	right: 0px;
	top: 0%;
	transform: translateY(0%);
}
.question-title.active .accordion-icon {
	transform: translateY(0%) rotate(180deg); /* Плюс превращается в крестик */
}
.question-title.active .accordion-icon svg path {
	fill:var(--yellow);
	fill-opacity: 1;
}
.question-title.active p, .question-text a{
	color: var(--yellow);
}
.question-title {
	cursor: pointer;
}
.question-text {
	padding-top: 24px;
	line-height: 140%;
	font-size: 20px;
	color: var(--dark-green);
}
.question-title p {
	font-size: 24px;
	font-weight: 500;
	line-height:  120%;
	transition: all 0.5s;
	margin: 0;
	color: var(--dark);
}
.question-title.active p, .question-title:hover p {

}
@keyframes fadeIn {
	from {
		opacity: 0;
		transform: translateY(-10px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}
.question-content.active .question-text,
.question-content.active .important-block {
	animation: fadeIn 0.5s ease forwards;
}
.video-modal {
	position: fixed;
	inset: 0;
	z-index: 9999;
	visibility: hidden;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.5s ease, visibility 0.5s ease;
}
.video-modal svg path {
	fill:#fff;
}
.video-modal.is-open {
	visibility: visible;
	opacity: 1;
	pointer-events: auto;
}
.video-modal__dialog {
	position: relative;
	z-index: 99;
	width: min(90vw, 900px);
	max-height: 90vh;
	margin: 5vh auto;
	transform: translateY(30px) scale(0.96);
	opacity: 0;
	transition: transform 0.5s ease, opacity 0.5s ease;
}
.video-modal.is-open .video-modal__dialog {
	transform: translateY(0) scale(1);
	opacity: 1;
}
.video-modal__content {
	background: #000;
	overflow: hidden;
}
.video-modal__content video {
	display: block;
	width: 100%;
	height: auto;
	max-height: 90vh;
	background: #000;
}
.js-video-trigger {
	cursor: pointer;
}
body.video-modal-open {
	overflow: hidden;
}