/*!
Theme Name: hotel
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: hotel
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

hotel is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0;
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}



/**
 * Render the `main` element consistently in IE.
 */
main {
	display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */
a {
	background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */
img {
	border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */
template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
	display: none;
}

/* Box sizing
--------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
	color: #404040;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	font-size: 1rem;
	line-height: 1.5;
}

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

p {
	margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", courier, monospace;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
	background: #fff;
}

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;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

img {
	height: auto;
	max-width: 100%;
}

figure {
	margin: 1em 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/* Links
--------------------------------------------- */
a {
	color: #4169e1;
}

a:visited {
	color: #800080;
}

a:hover,
a:focus,
a:active {
	color: #191970;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

/* Forms
--------------------------------------------- */
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 {
	width: 100%;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

/* Navigation
--------------------------------------------- */
.main-navigation {
	display: block;
	width: 100%;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	display: block;
	left: auto;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation li {
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {

	.menu-toggle {
		display: none;
	}

	.main-navigation ul {
		display: flex;
	}
}

.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%;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
	display: block;
}

.post,
.page {
	margin: 0 0 0;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/* Comments
--------------------------------------------- */
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
	margin: 0 0 1.5em;
}

.widget select {
	max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/* Captions
--------------------------------------------- */
.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-align: center;
}

/* Galleries
--------------------------------------------- */
.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;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {

	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {

	/*rtl:ignore*/
	float: right;

	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}

@font-face { 
  font-family: Manrope-Regular; 
  /* src: url('http://temp.lod1986.ru/wp-content/themes/hotel/fonts/Manrope-Regular.ttf'); */
  src: url('/wp-content/themes/hotel/fonts/Manrope-Regular.ttf');
}
@font-face { 
  font-family: Alethiapro-Regular; 
  /* src: url('http://temp.lod1986.ru/wp-content/themes/hotel/fonts/alethiapro-regular.otf'); */
  src: url('/wp-content/themes/hotel/fonts/alethiapro-regular.otf'); 
}


footer {flex-shrink: 0;}


#page {flex-grow: 1; position: relative; 
-webkit-user-select: none; /* Safari */
  -moz-user-select: none;    /* Firefox */
  -ms-user-select: none;     /* IE10+/Edge */
  user-select: none;         /* Современные браузеры */}
  
.site-header {position: absolute;}
.mobile_menu {display: none;background: #9fba4a;}
.mobile_menu >div >a {text-decoration: none; color: #fff;}
.mobile_menu_items {font-weight: 500; text-transform: uppercase; padding-bottom: 5px;}
.mobile_menu_item {position: relative; padding-bottom: 5px; cursor: pointer;}
.mobile_menu_item:hover {color:#925e4d;}
.menu_account {position: relative;}
.menu_logo img {width: 12vw;}

.navigation {display: none;}
.post-navigation {display: none;}

.menu a { text-decoration: none; color: unset; color: #2c4650; }
.menu a:hover {color:#925e4d;}
.menu {display: flex; font-family: 'Manrope-Regular'; justify-content: center; color: #2c4650; font-weight: 500; font-size: 1.4vw; white-space: nowrap; width: 100%; column-gap: 1%; align-items: center;}
.menu_content_blue {background: #a5bbc9;}
.menu_content {display: flex; align-items: center; align-items: flex-start; justify-content: space-between; padding: 3vw 3vw;}
.menu_right {background: #2c4650; color: #fff;  padding: 1vw 2vw; border-radius: 5vw; font-family: 'Manrope-Regular'; cursor: pointer; font-size: 1.2vw;}
.header_main { z-index: 5; width: 98.5vw; min-width: 100%; }
.logo_menu_right {width: 11vw;   margin-top: 1vw;}

.submenu_top {display: none;}
.menu_items:hover .submenu_top {display: block; z-index: 100; background-color: #fff;  }
.menu_items {padding: 1vw 1.5vw; position: relative; border-radius: 25px; z-index: 100;}


.submenu_mob {margin-left: 1vw; color: #2c4650;}
.submenu_top {top: 100%;  left: 0;  min-width: 100%; padding: 1.5vw; border-radius: 2vw; position: absolute; line-height: 2.2vw; border: solid 2px #E3E0DD;}
.menu_streklka {position: absolute; right: 1vw; top: 0; transform: rotate(90deg);}
.hiden {display: none;}



/* Оверлей — строго над header + .top */
#overlay {position: fixed !important; left: 0;  width: 100%; height: 100vw; background: rgb(255 255 255 / 50%); z-index: 998;    display: none;    pointer-events: auto;    transition: opacity 0.3s ease; top: 0;}

/* Модальное окно — 100% fixed, не влияет на .top */
.modal_menu_right {position: fixed !important;    top: 0; right: 0; width: 22%; height: 100vh; background: #A4BBC9;    z-index: 999;    transition: right 0.45s cubic-bezier(0.4, 0, 0.2, 1);
	display: none;    overflow-y: auto;}


/* Внутреннее оформление */
.modal_inner {padding: 3vw 3vw 3vw;  height: 100%; display: flex; flex-direction: column; color: #2c4650;}

.modal_menu_items {flex: 1;  display: grid; grid-template-rows: 11vh 55vh 30vh; flex-direction: column; font-family: 'Manrope-Regular';    font-size: 1.2vw;}

.modal_menu_items a {text-decoration: none; color: inherit; }

.modal_menu_items a:hover { color: #925e4d; }
.modal_menu_items ul#menu-aside { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 0.3vw; }
.modal_menu_items ul li a { padding: 0; border-bottom: none;}
.modal_menu_items .menu_soc a { padding: 0; border: none; }


.modal_close_menu {position: absolute;  top: 3vw; right: 2vw;    font-size: 2vw;  width: 2vw;  height: 2vw; display: flex; align-items: center; justify-content: center;  cursor: pointer;  transition: all 0.3s;}
.modal_close_menu:hover {transform: rotate(90deg);}

.menu_right_text {font-size: 0.8vw; margin-top: 1vw;}
.menu_soc {display: flex; gap: 2vw; margin-top: 1vw; margin-bottom: 1vw;}
.logo_menu_soc {width: 2vw; transition: transform 0.25s ease}
.logo_menu_soc:hover { transform: scale(1.2); }
.callback {background: #c5bdad; color: #2c4650;  border-radius: 5vw; font-family: 'Manrope-Regular';  text-align: center; font-size: 1vw; padding: 1vw 2vw; margin-bottom: 1vw;}



.href {text-decoration: none; -webkit-tap-highlight-color: transparent;}
.top {background-image:     linear-gradient(to bottom, rgba(255,255,255,0.65), rgba(255,255,255,0.01)), url(/wp-content/themes/hotel/img/IZp5O.jpg);background-position: center, center;    background-repeat: no-repeat, no-repeat;    background-size: cover, cover;    height: 50vw; }
.top_content {position: relative;}
.top_text_1 {font-family: 'Alethiapro-Regular'; color: #2c4650; font-weight: 600; font-size: 1.8vw; position: absolute;  top: 10vw;  left: 3vw; z-index: 5; }
.top_text_2 {font-family: 'Alethiapro-Regular'; color: #2c4650; font-weight: 600; font-size: 3vw; padding-right: 3vw; z-index: 5;   position: absolute;     top: 13vw; left: 3.1vw; }
.line_gold {position: absolute; width: 67vw; z-index: 1;    top: 12vw;     left: -2vw;}
.horse {position: absolute; width: 14vw; z-index: 1; left: 64vw;   top: 10vw;}
.top_book {position: absolute; right: 10vw;  top: 42vw;}

.advantages {background: #e0dedc;}
.advantages_title {font-family: 'Alethiapro-Regular'; color: #2c4650; font-weight: 600; font-size: 3vw; padding-top: 3vw;  padding-bottom: 3vw; display: grid; grid-template-columns: auto auto auto; align-items: center; justify-content: center;}
.advantages_line {width: 50vw;}

.advantages_blocks {display: grid;  grid-template-columns: 1fr 1fr 1fr; justify-content: center; padding-top: 2vw; padding-bottom: 5vw;  padding-left: 3vw;  padding-right: 3vw; gap: 1vw; width: 100%; max-width: 100%; box-sizing: border-box; overflow: hidden;}
.adv_block {display: grid; grid-template-columns: 5vw auto; gap: 1vw;}
.adv_block .texts .title { font-family: 'Alethiapro-Regular'; color: #2c4650; font-size: 2vw; font-weight: 600; line-height: 1; margin-bottom: 1vw;}
.adv_block .texts .text { font-family: 'Manrope-Regular'; color: black; font-size: 1.4vw; line-height: 1.2;}
.advantages_image {width: 100%; height: auto; aspect-ratio: 1 / 1;   object-fit: contain;  object-position: center center;}

.room {background-image: url(/wp-content/themes/hotel/img/fon_horse.png); background-repeat: no-repeat; background-position: bottom right;
	background-size: 55vw; padding-bottom: 3vw;}
.room_horse {width: 5vw;}
.room_grid {display: grid;  grid-template-columns: 13vw 60vw 13vw; justify-content: space-between;}
.room_title {font-family: 'Alethiapro-Regular'; color: #2c4650; font-weight: 600; font-size: 3vw;}
.room_all { background: #c5bdad; color: #2c4650;  padding: 0.5vw 1vw; border-radius: 5vw; font-family: 'Manrope-Regular';}
.text_gradient {color: transparent; -webkit-background-clip: text;	background-clip: text;	background-image: linear-gradient(to bottom, #77613c, #cbb58a, #77613c); font-size: 2vw; font-family: 'Alethiapro-Regular';}
.room_types {display: grid;  grid-template-columns: 1fr 1fr; gap: 3vw; padding: 3vw 3vw;}
.room_name {font-family: 'Alethiapro-Regular'; color: #2c4650; font-weight: 600; font-size: 2vw;}
.room_item {display: grid; grid-template-rows: auto auto 3vw; gap: 1vw; justify-content: center;}
.room_capacity {color: #000; font-family: 'Manrope-Regular'; font-size: 1.4vw;}
.room_book {color: #fff; background: #2c4650; padding: 0.5vw 1vw; border-radius: 5vw; font-family: 'Manrope-Regular';   height: 4vw;   align-self: center; text-align: center;	display: grid;   place-items: center;    font-size: 1.7vw;  width: 15vw;}
.room .title_block {display: grid; grid-template-columns: 7vw auto 65vw; padding-top: 3vw;}	
 

.fotogalereya {padding: 3vw; padding-bottom: 3vw; }
.slider_pics {	position: relative;	max-width: 93vw; margin: 0vw auto; /*padding-bottom: 3vw;*/	overflow: hidden; /* border-radius: 12px; box-shadow: 0 10px 30px rgba(0,0,0,0.2); */ }
.slider_pics.swiper { /* padding: 0 8px;*/  box-sizing: border-box; } 
.slider_pics .swiper-wrapper { display: flex; padding-left: 0 !important; } 
.slider_pics .swiper-slide { flex: 0 0 50%; /* ровно 2 слайда видно */ box-sizing: border-box;	padding: 0 1.3vw; }
.slider_pics .swiper-slide img { width: 100%; height: 30vw; object-fit: cover; /* border-radius: 8px; */ display: block; }
/* Твои стрелки (полностью работают) */
.slider_pics .slider-arrow { position: absolute; top: 50%; width: 3vw; height: 3vw;  transform: translateY(-50%); user-select: none; -webkit-user-select: none; -ms-user-select: none;
	cursor: pointer; z-index: 10; display: flex;	align-items: center; justify-content: center; transition: all 0.3s ease;
	/* width: 56px; height: 56px;
	background: rgba(0,0,0,0.55);	color: #fff; border: none;	border-radius: 50%;	font-size: 28px; 
	 */ }
.slider_pics .slider-arrow:hover {	/*background: rgba(0,0,0,0.85);*/	transform: translateY(-50%) scale(1.1); }
.slider_pics .slider-arrow-left  { left: 4vw; background-image: url("/wp-content/themes/hotel/img/arrow_left.svg");}
.slider_pics .slider-arrow-right { right: 4vw; background-image: url("/wp-content/themes/hotel/img/arrow_right.svg"); }



.hobbi_grid {display: grid;  grid-template-columns: 1fr 1fr 1fr 1fr 1fr; gap: 3vw; padding: 3vw 3vw;}
.hobbi_text {font-family: 'Alethiapro-Regular'; color: #2c4650; font-weight: 600; font-size: 1.5vw; text-align: center;}
.hobbi_item {display: grid; justify-items: center; gap: 1.5vw;}
.hobbi_item img {width: 100%;  height: auto; aspect-ratio: 3 / 4;  object-fit: cover;  object-position: center;}

.promotion {background-color: #E3E0DD; background-image: url(/wp-content/themes/hotel/img/promotion_fon.svg); background-repeat: no-repeat; background-size: 118% auto; background-position: center; padding: 3vw 0; }
.promotion .title_block {display: grid; grid-template-columns: 7vw auto 45vw; }	
.title_horse {width: 5vw;}
.title_grid {display: grid;  grid-template-columns: 7vw 70vw 15vw; justify-content: space-between; background-image: url(/wp-content/themes/hotel/img/line_home.svg); background-repeat: no-repeat; background-size: 77%; background-position: 100% 50%; }
.title_grid_room {display: grid;  grid-template-columns: 7vw 70vw 15vw; justify-content: space-between; background-image: url(/wp-content/themes/hotel/img/line_home.svg); background-repeat: no-repeat; background-size: 67%; background-position: 100% 50%; }
.title_padding {padding: 3vw 3vw;}
		
.look_all_button {display: grid; justify-items: center; padding-top: 0.5vw;}
.look_all {background: #c5bdad; color: #2c4650;  padding: 0.5vw 1vw; border-radius: 5vw; font-family: 'Manrope-Regular';  height: 4vw; align-self: center; text-align: center; display: grid; place-items: center; font-size: 1.8vw; width: 15vw;}

.promotion_title {font-family: 'Alethiapro-Regular'; color: #2c4650; font-weight: 600; font-size: 3vw; line-height: 1.4;}

.promotion_discount { display: grid; grid-template-columns: repeat(4, auto); gap: 0vw 5vw; justify-content: center;}
.promotion_discount .discount { width: 15vw; }


.reviews {background-color: #E3E0DD;  background-image: url(/wp-content/themes/hotel/img/reviews_fon.svg);     background-repeat: no-repeat;    background-size: 118% auto;    
	background-position: center; padding-bottom: 3vw;}
/*.reviews_grid {  display: flex; gap: 3vw;
	display: grid;  grid-template-columns: 1fr 1fr 1fr; gap: 3vw; justify-items: center; } */
.reviews_item {background-image: url(/wp-content/themes/hotel/img/reviews_f.svg); background-repeat: no-repeat; height: 35vw; display: flex; justify-content: center; align-items: flex-start; background-position: center;} 
.reviews_block {width: 24vw; display: grid;  grid-template-rows: 5vw 16vw 3vw 3vw;  justify-items: center;  align-items: center;   padding-top: 3vw;    text-align: center;}
.reviews_more {background: #c5bdad; color: #2c4650;  padding: 0.5vw 1vw; border-radius: 5vw; font-family: 'Manrope-Regular';  height: 3vw;  align-self: center;  text-align: center; display: grid;  place-items: center;  font-size: 1vw;  width: 12vw; cursor: pointer;}
.reviews_name {font-family: 'Alethiapro-Regular'; color: #2c4650;  font-weight: 600; font-size: 2vw;  text-align: left;}
.reviews_reliz {font-family: 'Alethiapro-Regular'; color: #000; font-size: 1.2vw;  position: relative;  overflow: hidden; width: 16vw;}
.reviews_reliz::after { content: "";    position: absolute;        background: linear-gradient(to bottom, transparent 30%, rgba(255, 255, 255, 0.6) 40%,   rgba(255, 255, 255, 0.95) 70%);    pointer-events: none; z-index: 2; inset: 0; }
.reviews_data {color: #9E9E9E; font-size: 1vw; font-family: 'Alethiapro-Regular';}

.reviews_slider { position: relative; overflow: hidden;}
.reviews_slider .swiper-wrapper { display: flex !important; }
.reviews_slider .swiper-slide {     
	width: 33.333% !important;
	flex: 0 0 33.333% !important;
	padding: 0 1.3vw;          
	box-sizing: border-box;
}

.slider-arrow-reviews#reviewsPrev,
.slider-arrow-reviews#reviewsNext {
	left: auto;
	right: auto;
}

.slider-arrow-reviews#reviewsPrev  { left: 0; }
.slider-arrow-reviews#reviewsNext { right: 0; }

.slider-arrow-reviews { position: absolute; top: 44%; width:4vw; height: 4vw; /* background: white; */ color: #2c4650; border-radius: 0.7vw; font-weight: 600; font-size: 2vw;
	line-height: 1; text-align: center; cursor: pointer; opacity: 0.7; transition: opacity 0.3s ease, transform 0.2s ease; display: flex; align-items: center;  justify-content: center; }
.slider-arrow-reviews#reviewsPrev::before { content: "<"; display: block; transform: scaleY(2); transform-origin: center; position: relative; top: -0.2vw; }
.slider-arrow-reviews#reviewsNext::before { content: ">"; display: block; transform: scaleY(2); transform-origin: center; position: relative; top: -0.2vw; }
.slider-arrow-reviews:hover { opacity: 1; transform: scale(1.12); }

.reviews .swiper-button-disabled,
.reviews .slider-arrow.swiper-button-disabled { opacity: 0.2; cursor: default; transform: translateY(0) scale(1); }
.reviews .swiper-button-disabled:hover,
.reviews .slider-arrow.swiper-button-disabled:hover { opacity: 0.2; cursor: default; transform: translateY(0) scale(1); }

.reviews_modal {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 30vw; /* 30% от ширины экрана */
	height: auto; /* Высота зависит от контента */
	background: #ffffff; /* Белый фон, можно изменить */
	padding: 2vw;
	border-radius: 1vw;
	box-shadow: 0 0 2vw rgba(0, 0, 0, 0.5);
	z-index: 1001; /* Выше overlay */
	overflow-y: auto; /* Скролл, если контент большой */
	text-align: left;
	font-family: 'Alethiapro-Regular';
	color: #2c4650;
}

.reviews_modal .reviews_data {margin-bottom: 1vw; margin-top: 1vw;}

.reviews_modal h2 {
	font-size: 2vw;
	margin-bottom: 1vw;
}

.reviews_modal p {
	font-size: 1.2vw;
}

.modal_close {
	position: absolute;
	top: 1vw;
	right: 1vw;
	font-size: 2vw;
	cursor: pointer;
	color: #2c4650;
}

.reviews_overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background: rgba(0, 0, 0, 0.5); /* Полупрозрачный черный */
	z-index: 1000;
}



/*стили слайдера grok*/

.room_item .room_img {position: relative;}

 .room_slider {
	position: relative;
	overflow: hidden;
	border-radius: 12px;           /* можно изменить */
	aspect-ratio: 16 / 9;          /* ← главное! */
	/* aspect-ratio: 800 / 450; */ /* можно указать точные пиксели */
	/*max-height: 480px;             /* ограничитель на очень больших экранах (по желанию) */
	background: #f8f8f8;           /* цвет фона, если вдруг будет пустое место */
}

.slide {
	flex: 0 0 100%;
	min-width: 100%;
	height: 100%;                  /* обязательно! */
}

.slide img {
	width: 100%;
	height: 100%;
	/*height: 30vw; */
	object-fit: cover;             /* ← самое важное свойство */
	object-position: center;       /* центрирует обрезку */
	display: block;
}   
   

.slides-wrapper {display: flex; transition: transform 0.6s ease; width: 100%; height:100%;}


/* Точки */
.slider-dots {position: absolute; bottom: 15px; left: 50%; transform: translateX(-50%); display: flex; gap: 1.3vw;  z-index: 10;}

.dot {width: 12px;  height: 12px; background: rgba(255, 255, 255, 0.8); border-radius: 50%;    cursor: pointer; transition: all 0.3s ease; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);}

.dot.active {background: #fff;  transform: scale(1.3); box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.4);}

/* Наведение на карточку */
.room_item:hover .dot {background: rgba(255, 255, 255, 1);}


.news {padding: 3vw 0; position: relative;}
.news_item_name {font-family: 'Alethiapro-Regular'; color: #2c4650; font-weight: 600; font-size: 2vw; text-align: left;}
.news_item_data {font-family: 'Alethiapro-Regular'; color: #000; font-size: 1vw; text-align: left; color: #9E9E9E;}
.news_item_reliz {font-family: 'Alethiapro-Regular'; color: #000; font-size: 1.4vw; text-align: left; margin-top: 1vw; margin-bottom: 2vw; position: relative;  overflow: hidden; } 
.news_more {color: #fff; background: #2c4650;     padding: 0.5vw 1vw; border-radius: 5vw;
	font-family: 'Manrope-Regular';   height: 4vw;   align-self: center; text-align: center;
	display: grid;   place-items: center;    font-size: 1.7vw;  width: 20vw;}
.news_item_reliz::after { content: "";    position: absolute;
	inset: 0;                  /* растягиваем на весь блок */
	background: linear-gradient(to bottom, transparent 30%, rgba(255, 255, 255, 0.6) 40%,   rgba(255, 255, 255, 0.95) 70%);    pointer-events: none; z-index: 2; }
.news .title_grid {margin-left: 3vw;}

/* Каждый слайд должен занимать нужную ширину */
/* Базовый контейнер слайдера новостей */
.news_slider {
	position: relative;
	max-width: 93vw;
	margin: 0 auto;
	overflow: hidden;           /* обязательно для обрезки */
	padding-top: 3vw;
	padding-bottom: 3vw;
}

/* Каждый слайд */
.news_slider .swiper-wrapper {display: flex !important;}

.news_slider .swiper-slide {
	width: 33.333% !important;
	flex: 0 0 33.333% !important;
	padding: 0 1.3vw;           /* отступ между карточками */
	box-sizing: border-box;
}

/* Карточка новости */
.news_item {display: grid; grid-template-rows: 18vw 4vw 1.5vw 13vw 5vw;}

.news-item-img img {
	width: 100%;
	height: 18vw;
	object-fit: cover;
	display: block;
}

.news-item-text {
	padding: 12px 8px 16px;
	text-align: center;
}

/* СТИЛИ СТРЕЛОК ДЛЯ НОВОСТЕЙ (копия от фотогалереи) */
/* СТИЛИ СТРЕЛОК ДЛЯ НОВОСТЕЙ (копия от фотогалереи) */
/* Убираем старые правила, которые мешали */
.slider-arrow-news#newsPrev,
.slider-arrow-news#newsNext {
	left: auto;
	right: auto;
}
/* Стрелки — уже есть стили в вашем коде, просто подключаем правильные ID */
.slider-arrow-news#newsPrev  { left: 0; }
.slider-arrow-news#newsNext { right: 0; }

.slider-arrow-news {
	position: absolute;
	top: 50%;
	/*transform: translateY(-50%);            центрируем вертикально */

	width:  4vw;
	height: 4vw;                           /* делаем квадратным основание */

	/* background: white; */
	color: #2c4650;
	border-radius: 0.7vw;                  /* теперь радиус будет идеально круглым */
	font-weight: 600;
	font-size: 2vw;
	line-height: 1;
	text-align: center;
	cursor: pointer;
	opacity: 0.7;
	transition: opacity 0.3s ease, transform 0.2s ease;

	display: flex;                         /* центрируем содержимое */
	align-items: center;
	justify-content: center;
}

.slider-arrow-news#newsPrev::before {
	content: "<";                          /* или ">" для правой стрелки */
	display: block;
	transform: scaleY(2);                  /* растягиваем только символ */
	transform-origin: center;

	position: relative;
	top: -0.2vw;
}

.slider-arrow-news#newsNext::before {
	content: ">";                          /* или ">" для правой стрелки */
	display: block;
	transform: scaleY(2);                  /* растягиваем только символ */
	transform-origin: center;

	position: relative;
	top: -0.2vw;
}

.slider-arrow-news:hover {
	opacity: 1;
	transform: scale(1.12);
}

/* Скрываем неактивные стрелки частично*/
.news .swiper-button-disabled,
.news .slider-arrow.swiper-button-disabled {
	opacity: 0.2;
	cursor: default;
	transform: translateY(0) scale(1);
}

.news .swiper-button-disabled:hover,
.news .slider-arrow.swiper-button-disabled:hover {
	opacity: 0.2;
	cursor: default;
	transform: translateY(0) scale(1);
}
/* КОНЕЦ СТИЛЕЙ ДЛЯ СЛАЙДЕРА НОВОСТЕЙ НА ГЛАВНОЙ */

.footer { background-image: url("/wp-content/themes/hotel/img/footer_fon.svg"); background-repeat: no-repeat; background-size: cover; padding: 3.5vw 5vw; }
.footer .footer-head { display: none; }
.footer .submenu { display: grid; grid-template-columns: 25% 25% 2fr 2fr 1.3fr;;}
.footer .submenu-social { justify-self: end;}
.footer .submenu-social img { height: 3.3vw; margin-left: 1vw; transition: transform 0.25s ease; }
.footer .submenu-social img:hover { transform: scale(1.12); }
.footer .bottom .contacts { display: grid; grid-template-columns: 2fr 1fr 1fr;}
.footer .bottom .copyright {display: grid; grid-template-columns: 1fr 1fr 2fr;}

.footer ul#menu-footer-about, 
.footer ul#menu-footer-infra,
.footer ul#menu-footer-activ,
.footer ul#menu-footer-partners { list-style: none; margin: 0; padding: 0; }

.footer ul li a,
.footer ul li a:link,
.footer ul li a:visited,
.footer .bottom a,
.footer .bottom div {font-family: 'Alethiapro-Regular'; color: #2c4650; font-weight: 500; font-size: 1.5vw; line-height: 3.5vw; text-decoration: none;}

.footer ul li a:hover,
.footer ul li a:focus,
.footer .bottom .copyright a:hover,
.footer .bottom .copyright a:focus,
.footer .bottom .contacts a:hover,
.footer .bottom .contacts a:focus { color:#925e4d; }

.footer ul li:first-child a { font-weight: 600;}

.footer .bottom { margin-top: 4.5vw; font-size: 1.5vw; }
.footer .bottom .contacts a { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 1.2vw; letter-spacing: 0.1vw;}
.footer .bottom .contacts img { height: 2vw;}
.footer .bottom .links { display: grid; grid-template-columns: 1fr 1fr;}
.footer .bottom a,
.footer .bottom div { font-size: 1.5vw; letter-spacing: 0.07vw;}
.footer .bottom .copyright a,
.footer .bottom .copyright div{ color: #575756; }


.top_room {height: 50vw; }
.top_room_content {position: relative;}
.top_text_about {font-family: 'Alethiapro-Regular'; color: #2c4650; font-weight: 600;
	font-size: 1.5vw;   z-index: 5;    position: absolute; top: 18vw;   left: 3.1vw; width: 46vw;}
.top_room_book {color: #fff; background: #2c4650;     padding: 0.5vw 1vw; border-radius: 5vw;
	font-family: 'Manrope-Regular';   height: 4vw;   align-self: center; text-align: center;
	display: grid;   place-items: center;    font-size: 1.7vw;  width: 15vw; position: absolute; top: 30vw;   left: 3.1vw;}
.top_room_3d {color: #fff; background: #2c4650;     padding: 0.5vw 1vw; border-radius: 5vw;
	font-family: 'Manrope-Regular';   height: 4vw;   align-self: center; text-align: center;
	display: grid;   place-items: center;    font-size: 1.7vw;  width: 10vw; position: absolute; top: 30vw;   left: 22vw;}  
	
.about_room {background-image: url(/wp-content/themes/hotel/img/fon_horse.png); background-repeat: no-repeat; background-position: bottom right;  background-size: 40vw;}    
.about_room_text {font-family: 'Manrope-Regular';  color: black; font-size: 1.4vw; padding-left: 3vw;   width: 50vw;} 
.about_room_text_more {background: #c5bdad; color: #2c4650;  padding: 0.5vw 1vw; border-radius: 5vw; font-family: 'Manrope-Regular';  height: 4vw; align-self: center; text-align: center;  font-size: 1.8vw; width: 15vw; margin-left: 3vw; cursor: pointer;}
.about_room_text_more_close { display: none; background: #c5bdad; color: #2c4650;  padding: 0.5vw 1vw; border-radius: 5vw; font-family: 'Manrope-Regular';  height: 4vw; align-self: center; text-align: center;  font-size: 1.8vw; width: 15vw; margin-left: 3vw; cursor: pointer;}
.room_content_img {width: 3vw;}
.about_room_content {display: grid; grid-template-columns: 1fr 1fr 1fr;  padding-left: 3vw;   padding-right: 3vw; }
.room_content_item {display: grid; grid-template-columns: 3vw 17vw; gap: 2vw;  align-items: center; font-family: 'Alethiapro-Regular';  color: #2c4650; font-weight: 600; font-size: 2vw; margin-bottom: 2vw;}
.about_detail_room {display: none;}
.about_room_content .room_content_item:nth-child(3n+1) { justify-self: start;}

.about_room_content .room_content_item:nth-child(3n+2) {justify-self: center; }

.about_room_content .room_content_item:nth-child(3n+3) {justify-self: end; }

.mobile_content, .mobile_content_room {display: none;}
.room_content_title {font-family: 'Alethiapro-Regular'; color: #2c4650; font-weight: 600; font-size: 3vw; padding-right: 3vw; z-index: 5;   position: absolute;     top: 13vw; left: 3.1vw; }

.news_content {padding: 2vw 3vw;}
.news_content_title {font-family: 'Alethiapro-Regular';    color: #2c4650;    font-weight: 600;
	font-size: 2vw;    text-align: left;}
.news_content_text    {font-family: 'Alethiapro-Regular';   color: #000; font-size: 1.4vw;    text-align: left;   margin-top: 1vw;  margin-bottom: 2vw;}
.news_content_date {font-family: 'Alethiapro-Regular';  font-size: 1vw;  text-align: left;   color: #9E9E9E;}
.news_content_back_text {color: #9E9E9E;}
.news .title_block {    display: grid; grid-template-columns: 7vw auto 65vw; justify-items: stretch;}
.news .news_grid {padding: 0 3vw;}
.news_back {display: flex; gap: 1vw;}


.short_menu {padding: 2vw 3vw; font-family: 'Alethiapro-Regular';    color: #2c4650;    font-weight: 600; font-size: 2vw; display: flex; gap: 2vw; position: relative;}
.short_menu a {color: #2c4650;  }
.contacts .title_block {    display: grid; grid-template-columns: 7vw auto 60vw; justify-items: stretch;}
.contacts_grid {padding: 2vw 3vw; display: grid; grid-template-columns: 40% 55%; gap: 3vw; align-items: stretch;}
.contacts_map {width: 100%; height: 100%;  min-height: 400px; border-radius: 12px; overflow: hidden;}
.contacts_map iframe {width: 100% !important; height: 100% !important;  border: none;}
.contacts_content_title {font-family: 'Alethiapro-Regular';    color: #2c4650;    font-weight: 600; font-size: 2.3vw;}
.contacts_content_text {font-family: 'Manrope-Regular';  color: #000; font-size: 1.4vw; margin-bottom: 2vw;}
.contacts .submenu-social { display: grid; grid-template-columns: auto auto; justify-content: left; }
.contacts .submenu-social img { height: 3vw; margin-right: 1vw;}
.contacts_content_text a {color: #000;}

.news_grid {display: grid; grid-template-columns: 1fr 1fr 1fr; column-gap: 3vw; row-gap: 4vw; margin-top: 3vw;}

.resort { padding: 2vw 0vw; }
.resort .title_block {    display: grid; grid-template-columns: 7vw auto 35vw; justify-items: stretch;}
.resort .resort_posts { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 3vw; padding: 0 3vw;}
.resort .resort_posts .resort-text { display: none; }
.resort .resort-category { text-align: center; font-family: 'Alethiapro-Regular'; color: #2c4650; font-weight: 600; font-size: 2vw; line-height: 1.4; }
.resort .resort_post img { width: 100%; height: auto;  aspect-ratio: 16 / 9;  object-fit: cover;  object-position: center; }
.resort .resort_post .resort-button { display: grid; grid-template-columns: 1fr 1fr; width: 17vw; background-color: #14444F; color: white; border-radius: 3vw; height: 4vw; 
	align-content: center; align-items:center; padding: 0 2vw; cursor: pointer;}
.resort .resort_post .resort-button span { font-size: 1.4vw; font-family: 'Manrope-Regular';  padding-left: 1vw;  padding-right: 1.7vw; font-weight: 500; }
.resort .resort_post .resort-button img { aspect-ratio: auto; height: 1.5vw; width: 2.2vw; }
.resort_text {font-family: 'Manrope-Regular';  color: black;  font-size: 1.4vw; padding: 0 3vw;}
.resort-title {font-family: 'Alethiapro-Regular'; color: #2c4650;  font-weight: 600;  font-size: 1.5vw;  text-align: left;}
.resort_post {display: grid; grid-template-rows: auto auto 4vw;  gap: 1vw;}


.modal-header .lohad-modal { height: auto; width: 5vw; }
.modal-overlay { position: fixed; inset: 0; background: rgba(0, 0, 0, 0.65); display: none; justify-content: center; align-items: center; z-index: 1200; backdrop-filter: blur(5px);}
.modal-overlay.active { display: flex; }
.modal-content { position: relative; width: 60vw; background: #ffffff; overflow: hidden; box-shadow: 0 30px 80px rgba(0,0,0,0.35); border: 1px solid rgba(212, 175, 55, 0.25);  /* лёгкая золотистая обводка */
	transform: scale(0.85); opacity: 0; transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1); }
.modal-overlay.active .modal-content { transform: scale(1); opacity: 1;     max-height: 90vh;  overflow: auto;}

/* Шапка с декоративным элементом */
.modal-header { padding: 2vw 0vw; display: grid; align-items: center; justify-content: center; position: relative;}
/* Заголовок (можно заполнять из JS, например из .resort-title) */
.modal-title { font-family: 'Alethiapro-Regular'; color: #2c4650; font-weight: 600; font-size: 1.5vw; text-align: left; padding: 0 3vw; margin: 0; }
/* Текст */
.modal-body { padding: 1vw 3vw 3vw; font-size: 1.4vw; line-height: 1.5; color: black; }
.modal-body p { margin: 1.4em 0; }

/* Кнопка закрытия — более элегантная */
.modal-close { display: none; position: absolute; top: 18px; right: 24px; width: 40px; height: 40px; border-radius: 50%; background: rgba(212, 175, 55, 0.1); border: 1px solid rgba(212, 175, 55, 0.4); color: #8b6f47;
	font-size: 28px; line-height: 38px; text-align: center; cursor: pointer; transition: all 0.25s ease; }
.modal-close:hover { background: rgba(212, 175, 55, 0.25); transform: rotate(180deg); color: #3a2e1f; }


.title_block {display: grid; grid-template-columns: 7vw auto 25vw; align-items: center; margin-left: 3vw; justify-items: stretch;}
.title_block_text {margin-left: 2vw; font-family: 'Alethiapro-Regular';  color: #2c4650;  font-weight: 600;  font-size: 3vw;  line-height: 1.4;}
.title_block_img {width: 5vw;}

.excursions_content {padding: 2vw 3vw;}
.excursions_text {font-family: 'Manrope-Regular'; color: #000;  font-size: 1.4vw;  margin-bottom: 2vw;}
.excursions_title {font-family: 'Alethiapro-Regular'; color: #2c4650;  font-weight: 600;  font-size: 2.3vw;  margin-top: 2vw; margin-bottom: 1vw;}
.excursions_grid {display: grid; grid-template-columns: 4vw auto;}
.excursions_grid img {width: 2.5vw;}
.excursions_edge {display: grid; grid-template-columns: auto auto auto auto;}
.excursions_edge_flex {display: grid; grid-template-columns: 4vw auto;}
.excursions_edge_flex img {width: 2.5vw;}
.excursions_day {padding: 1vw 2vw; background-image: linear-gradient(#fff, #fff), linear-gradient(to bottom, #77613c, #cbb58a, #77613c);  border: 0.4vw solid transparent; background-clip: padding-box, border-box;  border-radius: 2vw; margin-bottom: 3vw;} 
.excursions_text > div:first-child { margin-bottom: 1.5vw; }



.event_text {font-family: 'Manrope-Regular'; color: #000;  font-size: 1.4vw;  margin-bottom: 2vw;}
.event_content {padding: 2vw 3vw;}
.event .title_block {display: grid; grid-template-columns: 7vw auto 45vw; justify-items: stretch;}
.event_category {display: grid; grid-template-columns: auto auto auto auto; font-family: 'Manrope-Regular'; color: #000; font-size: 1.4vw; justify-content: space-between;}
.event_category_type {display: flex; align-items: center; gap: 1vw;}
.category_type_img img {width: 3vw;}
.event_grid {display: grid; grid-template-columns: 1fr 1fr; gap: 5vw;}
.event_item_content {display: grid; grid-template-columns: 5vw auto; align-items: center; font-family: 'Manrope-Regular'; color: #000; font-size: 1.4vw; margin-bottom: 1vw;}
.event_item_content_img img {width: 100%;}
.event_item_content_loc img {width: 100%;}
.event_item_location img {width: 100%;}
.event_item_location {width: 4vw;} 
.event_item_content_img  {width: 4vw; } 
.event_item_content_loc  {width: 3vw; margin-left: 0.5vw;} 
.event_img {width: 100%; border-radius: 2vw;  height: auto;  aspect-ratio: 3 / 4;  object-fit: cover;  object-position: center;}
.event-item {border: 3px solid #ccc;  padding: 2vw;   border-radius: 2vw;   transition: all 0.3s;   display: grid; grid-template-columns: 55% 35%;  justify-content: space-between;}
.month-header {color: #2c4650; font-size: 3vw;}
.event-item.beauty     { border-color: #d54e1b; } 
.event-item.excursion  { border-color: #b0c3d0; } 
.event-item.culture    { border-color: #205e66; } 
.event-item.sport      { border-color: #a97946; } 

/* Цвета для иконки data.svg */
.event_item_content_img.date-beauty img {
	filter: brightness(0) saturate(100%) 
	invert(47%) 
	sepia(96%) 
	saturate(2340%) 
	hue-rotate(338deg) 
	brightness(93%) 
	contrast(98%);
}

.event_item_content_img.date-excursion img {
	filter: brightness(0) saturate(100%) 
	invert(68%) 
	sepia(12%) 
	saturate(300%) 
	hue-rotate(185deg) 
	brightness(92%) 
	contrast(88%);
}

.event_item_content_img.date-culture img {
	filter: brightness(0) saturate(100%) 
	invert(25%) 
	sepia(85%) 
	saturate(450%) 
	hue-rotate(170deg) 
	brightness(85%) 
	contrast(95%);
}

.event_item_content_img.date-sport img {
	filter: brightness(0) saturate(100%) 
	invert(45%) 
	sepia(70%) 
	saturate(650%) 
	hue-rotate(15deg) 
	brightness(95%) 
	contrast(92%);
}




.event_item_content_loc.date-beauty img {
	filter: brightness(0) saturate(100%) 
	invert(47%) 
	sepia(96%) 
	saturate(2340%) 
	hue-rotate(338deg) 
	brightness(93%) 
	contrast(98%);
}

.event_item_content_loc.date-excursion img {
	filter: brightness(0) saturate(100%) 
	invert(68%) 
	sepia(12%) 
	saturate(300%) 
	hue-rotate(185deg) 
	brightness(92%) 
	contrast(88%);
}

.event_item_content_loc.date-culture img {
	filter: brightness(0) saturate(100%) 
	invert(25%) 
	sepia(85%) 
	saturate(450%) 
	hue-rotate(170deg) 
	brightness(85%) 
	contrast(95%);
}

.event_item_content_loc.date-sport img {
	filter: brightness(0) saturate(100%) 
	invert(45%) 
	sepia(70%) 
	saturate(650%) 
	hue-rotate(15deg) 
	brightness(95%) 
	contrast(92%);
}


#scrollToTopBtn {
  display: none;                  /* скрыта по умолчанию */
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 999;
  
  width: 50px;
  height: 50px;
  background-color: #2c4650;
  color: #fff;
  border: none;
  border-radius: 50%;
  
  font-size: 28px;                /* чуть крупнее для лучшего вида */
  font-weight: bold;              /* стрелка выглядит чётче */
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
  transition: all 0.3s ease;

  /* Главное для идеального центрирования стрелки */
  display: flex;
  align-items: center;
  justify-content: center;
  
  /* Дополнительно убираем возможное смещение текста */
  line-height: 1;
  padding: 0;
}



#scrollToTopBtn:hover {
  background-color: #808080;
  transform: scale(1.1);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.4);
}



.pool_img {display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;}


.price-link {
	text-decoration: none;
	color: inherit;
}

.download_text {
	display: flex;
	align-items: center;
	gap: 8px;
}

.download-icon {
	transition: 0.2s ease;
}

.price-link:hover .download-icon {
	transform: translateY(2px);
	color: #a5bbc9;
}

.file_doc:hover .download-icon {
	transform: translateY(2px);
	color: #a5bbc9;
}


.loyalnosti_pk {
	display: grid;
	grid-template-columns: 1fr;
	gap: 3vw; /* одинаковые расстояния между всеми карточками */
	padding: 2vw 3vw;
	max-width: 66vw;
	margin: auto;
}

/* Общий стиль карточки */
.loyalnosti_item_left,
.loyalnosti_item_right {
	display: grid;
	grid-template-columns: 1fr 1fr;
	align-items: center;
	gap: 3vw;
}

/* Зеркалим правый блок */
.loyalnosti_item_right {
	grid-template-columns: 1fr 1fr;
}



/* Картинки скидок */
.loyalnosti_pk img {
	width: 8vw;
	height: auto;
	display: block;
}

.loyalnosti_img {display: flex; justify-content: center;}

.loyalnosti_title {font-weight: 600;
	color: #2c4650;}

.loyalnosti_mob {display: none;}



@media screen and (max-width: 1224px){

	.menu {font-size: 1.8vw;}
	.room_types {grid-template-columns: repeat(2, 1fr); }
	.resort .resort_posts {grid-template-columns: 1fr 1fr;}
}


	
/* МОБИЛЬНАЯ ВЕРСИЯ */
@media (max-width: 768px) {
	#overlay {height: 100%;}
	.menu_account { display: flex; justify-content: center;}
	.mobile_content {display: grid; z-index: 5; /* top: 123vw; */  position: absolute; grid-template-columns: 33vw 33vw 33vw; align-items: center; 
		transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); 
		background-color: #ffffff; padding-top: 20px; width: 100%; background-image:url("/wp-content/themes/hotel/img/border_mob_menu.svg"); background-size: cover; bottom: 0px;}
	.mobile_content_room {display: grid; z-index: 5; bottom:0;  position: absolute; grid-template-columns: 33vw 33vw 33vw; align-items: center; 
		transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
		background-color: #ffffff; padding-top: 20px; width: 100%; background-image:url("/wp-content/themes/hotel/img/border_mob_menu.svg"); background-size: cover; bottom: 0px;}
	.mobile_content.fixed, .mobile_content_room.fixed { position: fixed; bottom: auto; box-shadow: 0 10px 15px rgba(0, 0, 0, 0.12); top: 0px; z-index: 777;}
	.btn_menu_mob {width: 6vw;}
	.btn_menu_close {font-size: 2vw; width: 2vw; height: 2vw;}
	.menu_items {display: none;}
	.menu {display: flex; justify-content: flex-end;}
	#btn_message, #btn_look, #btn_menu {display: grid; justify-items: center; color: #004750; font-family: 'Manrope-Regular'; font-size: 3vw; grid-template-rows: 5vw 10vw; gap: 1vw;        align-items: stretch; line-height: 2em;}
	.menu_streklka {right: 4vw;}

	.header_main .menu_content { padding-top: 0; }
	.header_main .menu_right { display: none;}
	.menu_logo {padding-top: 3vw;}
	.menu_logo img {width: 30vw;}
	.menu_telefon {font-size: 3vw;  font-weight: 600; padding-top: 4vw;}
	.modal_menu_right {width: 47%;}
	.modal_menu_right.open {right: 0;}
	.modal_menu_items {font-size: 3.5vw;}
	.logo_menu_right {width: 25vw; margin-top: 3vw;}
	.modal_close_menu {top: 5vw; right: 7vw;    font-size: 6vw;  width: 6vw;  height: 6vw;}
	.modal_close {font-size: 5vw; width: 5vw; height: 5vw;}
	.menu_right_text {font-size: 2.4vw;}
	.logo_menu_soc {width: 5vw;}
	.callback {font-size: 2.5vw; margin-top: 2.5vw;  margin-bottom: 2.5vw;  padding: 1.5vw 2.5vw;}
	
	
	.top {position: relative; background-image:     linear-gradient(to bottom, rgba(255,255,255,0.65), rgba(255,255,255,0.01)), url(/wp-content/themes/hotel/img/vtbFL.jpg);background-position: center, center;    background-repeat: no-repeat, no-repeat;    background-size: cover, cover;    height: 148vw; }
	.top_room  {height: 65vw; position: relative; }
	.top_text_1 {font-size: 4vw; top: 29vw;}
	.top_text_2 {font-size: 7vw; top: 39vw; font-weight: 500; line-height: 8vw;}  
	.line_gold {width: 87vw; top: 33vw;}
	.horse {left: 81vw; top: 29vw; width: 12vw;}
	.top_text_about {font-size: 2.4vw; top: 15vw; width: 70vw;}
	.room_content_title {top: 12vw;}
	.top_book {display: none;}
	.top_room_book {font-size: 1.9vw; width: 17vw; top: 33vw;}
	.top_room_3d {font-size: 1.9vw; top: 33vw;}
	
	.about_room_text {width: 100% ; padding-right: 3vw; font-size: 3vw;}
	
	.about_room .advantages_title { font-size: 6vw; text-align:center; }
	.about_room .advantages_line {height: 3vw;  transform: scaleY(3);}
	.about_room_text_more {font-size: 2.2vw; width: 20vw;}
	.about_room_text_more_close {font-size: 2.2vw; width: 18vw;}
	
	.advantages { padding-bottom: 3vw; }
	.advantages .advantages_line { height: 3vw; transform: scaleY(3); }
	
	.advantages .advantages_title { font-size: 6vw; text-align:center; }
	
	
	.advantages_blocks {grid-template-columns: 1fr 1fr;  gap: 5vw;  padding: 6vw 4vw 10vw;}
	.adv_block {display: flex; flex-direction: column; align-items: center; text-align: center; gap: 2.5vw; }
	.adv_block .image_block {width: 22vw; max-width: 90px;}
	.advantages_image {width: 100%; aspect-ratio: 1 / 1; object-fit: contain;}
	.adv_block .texts .title {font-size: 4.5vw;  margin-bottom: 1.5vw;}
	.adv_block .texts .text {font-size: 3.3vw; line-height: 1.35; max-width: 100%;  overflow-wrap: break-word;  word-wrap: break-word;}
	

	.title_grid { grid-template-columns: 10vw 53vw 25vw; background-size: 55%; background-position: 100% 50%; }
	.title_grid_room {grid-template-columns: 10vw 53vw 25vw;  background-size: 39%;  background-position: 100% 50%;}
	.title_horse { width: 15vw; }
	.room_title { font-size: 6vw; line-height: 1; padding-left: 1vw; padding-top: 1.4vw;}
	.text_gradient { font-size: 3vw; }

	.room .advantages_title { font-size: 6vw; /* grid-template-columns: auto 44vw auto; */ padding-top: 7vw; justify-content: center; text-align: center;}
	.room_name { font-size: 5vw; }
	.room_capacity { font-size: 3vw; margin-bottom: 2vw; }
	.room_item { grid-template-rows: auto auto auto; }
	.room_book { border-radius: 8vw; height: 13vw; font-size: 5vw; width: 50vw; }
	.room_types {     grid-template-columns: 1fr;              /* 1 колонка на телефоне */
		gap: 20px;
	}
	
	.look_all {
	background: #c5bdad;
	color: #2c4650;
	padding: 0.5vw 1vw;
	border-radius: 4vw;
	font-family: 'Manrope-Regular';
	height: 8vw;
	align-self: center;
	text-align: center; /* Горизонтальное центрирование (уже есть) */
	display: grid;
	place-items: center; /* Центрирование по вертикали и горизонтали (уже есть) */
	font-size: 2.5vw;
	width: 25vw;
	line-height: 1; /* Установите line-height на 1, чтобы избежать лишнего пространства вокруг текста */
}
	.look_all_button {padding-top: 1vw;}
	.room .hobbi_grid { grid-template-columns: 1fr 1fr; padding: 3vw; gap: 5vw; }
	.room .advantages_title .advantages_line { width: 20vw; height: 1vw; transform: scale(1.5); }
	.room .hobbi_text {	font-size: 4vw; line-height: 1; }
	.hobbi_grid { grid-template-columns: 1fr 1fr; padding: 3vw; gap: 5vw; }
	.hobbi_grid a:last-child {
		grid-column: span 2;
		justify-self: center;
		width: 47.5%; /* можно убрать или настроить */
	}

	.promotion .promotion_discount { grid-template-columns: repeat(2, auto); gap: 3vw 15vw;	}
	.promotion .promotion_discount .discount { width: 30vw; }
	.promotion_title { font-size: 6vw; }

	.slider_pics { max-width: 100%; }
	.slider_pics .swiper-slide {  flex: 0 0 100%; }
	.slider_pics .swiper-slide img { height: 55vw; }
	.slider_pics .slider-arrow { width: 8vw; height: 8vw; }
	.slider-dots {gap: 5.3vw;}
	.fotogalereya { padding-bottom: 7vw; }
	.fotogalereya .advantages_title { font-size: 6vw;}
	.fotogalereya .advantages_line { height: 3vw;}

	.reviews .advantages_title { font-size: 6vw; }
	.reviews .reviews_slider .swiper-slide { width: 100% !important; flex: 0 0 100% !important; }
	.reviews .reviews_item { height: 110vw; }
	.reviews .reviews_block { width: 70vw; grid-template-rows: 30vw 40vw 10vw 10vw; padding-top: 5vw; }
	.reviews .reviews_name { font-size: 5vw; }
	.reviews .reviews_reliz { font-size: 4vw; width: 56vw; line-height: 1; }
	.reviews .reviews_more { border-radius: 5vw; height: 9vw; font-size: 3.2vw; width: 43vw; }
	.reviews .reviews_data { font-size: 3.2vw; }
	.reviews .slider-arrow-reviews { top: 43%; width: 7vw; height: 14vw; font-weight: 600; font-size: 5vw; line-height: 1; }
	.reviews .reviews_reliz::after { content: ""; position: absolute; pointer-events: none; z-index: 2; inset: 0;
		 background: linear-gradient(to bottom, transparent 40%, rgba(255, 255, 255, 0.6) 75%,   rgba(255, 255, 255, 0.95) 95%); }
	.reviews_modal {width: 80vw;    }
	
	
	.news { padding: 5vw 0; }
	.news .news_slider { padding-top: 5vw; }
	.news .news_slider .swiper-slide { width: 100% !important; flex: 0 0 100% !important; }
	/*.news .news_item { grid-template-rows: auto; } */
	.news .news_item { grid-template-rows: 62vw 14vw 30vw 20vw; }
	.news .news-item-img img { width: 100%; height: 60vw; }
	.news .news_item_name { font-weight: 500; font-size: 5vw; padding: 2vw 0vw;}
	.news .news_item_data { display: none; }
	.news .news_item_reliz { font-size: 4vw;  line-height: 1.2; }
	.news .news_more { border-radius: 8vw; height: 13vw;  font-size: 4vw;   width: 50vw;}
	.news .slider-arrow-news { top: 49%; width: 5.5vw; height: 10vw; font-size: 5vw; }
	.news_grid { grid-template-columns: 1fr; }
	.news_content_title {font-size: 4.3vw;}
	.news_content_date {font-size: 4vw;}
	.news_content_text {font-size: 3.4vw;}


	.footer { padding: 7vw;}
	.footer .footer-head { display: grid; }
	.footer .footer-head .footer-logo img { width: 37vw; height: auto; }
	.footer .footer-head .footer-text { width: 65vw; font-size: 3vw; line-height: 4vw; color: #2c4650; margin: 5vw 0vw; }
	.footer .submenu { grid-template-columns: 1fr 1fr; }
	.footer .submenu-social { justify-self: start; }
	.footer .submenu-social img, .contacts .submenu-social img { height: 12vw; margin: 5vw 5vw 3vw 1vw; }
	.footer ul li a, .footer ul li a:link, 
	.footer ul li a:visited, .footer .bottom a, 
	.footer .bottom .contacts { grid-template-columns: 1fr; row-gap: 3vw; font-size: 4vw; line-height: 10vw;}
	.footer .bottom .copyright { grid-template-columns: 1fr; margin-top: 5vw; }
	.footer .bottom .copyright div,
	.footer .bottom .copyright a { font-size: 3vw; line-height: 5vw;}
	.footer .bottom div { font-size: 5vw; line-height: 10vw; }
	.footer .bottom .contacts img { height: 6vw; }
	.footer .bottom .contacts .email img { height: 4vw; }
	.footer .bottom .contacts a { font-size: 4.5vw; line-height: 5vw; }
	.footer .bottom .links { grid-template-columns: 1fr; }
	
	.about_room_content {display: grid; grid-template-columns: 1fr 1fr;  margin-left: 3vw;   margin-right: 3vw; }
	.room_content_item {display: grid;   grid-template-columns: 4vw 27vw;   gap: 3vw;   align-items: center; font-family: 'Alethiapro-Regular';   color: #2c4650;   font-weight: 600;   font-size: max(16px, 3vw);  margin-bottom: 3vw;}
	.room_content_img {width: 4vw;}
	.about_room_content .room_content_item:nth-child(3n+1),
	.about_room_content .room_content_item:nth-child(3n+2),
	.about_room_content .room_content_item:nth-child(3n+3) {justify-self: initial;    }
	.about_room_content .room_content_item:nth-child(odd) {    justify-self: start;    }
	.about_room_content .room_content_item:nth-child(even) {    justify-self: end;    }
	
	.short_menu {font-size: 4vw;}
	
	.contacts .title_grid {background-size: 54%;}
	.contacts_grid {grid-template-columns: 1fr;}
	.contacts_content_title {font-size: 4.5vw;}
	.contacts_content_text {font-size: 3.3vw;}
	
	.resort .resort_posts {grid-template-columns: 1fr;}
	.resort_text {font-size: 3.3vw;}
	.resort-title {font-size: 3.5vw;}
	.resort_post {grid-template-rows: auto auto 15vw;}
	.resort .resort_post .resort-button {width: 32vw; border-radius: 8vw;    height: 9vw;}
	.resort .resort_post .resort-button span {  font-size: 3.4vw;}
	.resort .resort_post .resort-button img {height: 2.5vw;  width: 5.2vw;}
	.resort .resort-category {font-size: 4vw;  justify-content: center; /*width: 40vw;*/}
	.resort .advantages_line {/*width: 20vw;*/  height: 1vw;   transform: scale(1.5);}
	.resort .advanteges_title { grid-template-columns: 1fr 1fr 1fr; }
	.modal-content {position: relative;  width: 70vw;}
	.modal-title {font-size: 3.5vw;}
	.modal-body {    font-size: 3.4vw;}
	.modal-header .lohad-modal {width: 7vw;}

	#page { overflow: hidden; }
	.page-id-291 .resort .advantages_line { height: 2vw; transform: scale(3); }
	
	.excursions_title{font-size: 4.5vw;}
	.excursions_text {font-size: 3.3vw;}
	.excursions_edge {display: grid; grid-template-columns: 1fr 1fr; column-gap: 1vw;}
	.excursions_grid img {width: 5vw;}
	.excursions_grid {display: grid;  grid-template-columns: 7vw auto;}
	.title_block_text {font-size: 5vw;}
	
	.event_category {font-size: 3.3vw; grid-template-columns: 1fr 1fr; gap: 2vw;}
	.event_text {font-size: 3.3vw;}
	.event_item_content {font-size: 3.3vw;}
	.month-header {font-size: 4.5vw;}
	
	.dot {width:22px; height: 22px;}
	.event_grid {grid-template-columns: 1fr;}
	.slide img {	width: 100%;	height: 100%;}
	
	
	
	
	.loyalnosti_pk {display: none;}
	.loyalnosti_mob {display: grid;
	grid-template-columns: 1fr;
	gap: 3vw; /* одинаковые расстояния между всеми карточками */
	padding: 2vw 3vw;
	max-width: 66vw;
	margin: auto;}
	
		.loyalnosti_item_left,
	.loyalnosti_item_right {
		grid-template-columns: 1fr;
		text-align: center;
	}

	.loyalnosti_item_right img,
	.loyalnosti_item_left img {
		margin: 0 auto;
		width: 25vw;
	}
}