/*!
Theme Name: Teras
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: teras
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.

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

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

/* 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
	 ========================================================================== */


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

/**
 * 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;
	margin: 0;
}

p {
	margin: 0;
}

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: var(--bg-gray);
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0;
}

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:hover,
a:active {
	outline: 0;
	text-decoration: none;
	cursor: pointer;
}

a {
	outline: 0;
	text-decoration: none;
	cursor: pointer;
}

/*! 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;
	/* 1 */
	-webkit-text-size-adjust: 100%;
	/* 2 */
}

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

/**
 * Remove the margin in all browsers.
 */

body {
	margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
	display: block;
}


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

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
	box-sizing: content-box;
	/* 1 */
	height: 0;
	/* 1 */
	overflow: visible;
	/* 2 */
}

/**
 * 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;
	/* 1 */
	font-size: 1em;
	/* 2 */
}

/* 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;
	/* 1 */
	text-decoration: underline;
	/* 2 */
	text-decoration: underline dotted;
	/* 2 */
}

/**
 * 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;
	/* 1 */
	font-size: 1em;
	/* 2 */
}

/**
 * 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;
	/* 1 */
	font-size: 100%;
	/* 1 */
	line-height: 1.15;
	/* 1 */
	margin: 0;
	/* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input {
	/* 1 */
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select {
	/* 1 */
	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;
	/* 1 */
	color: inherit;
	/* 2 */
	display: table;
	/* 1 */
	max-width: 100%;
	/* 1 */
	padding: 0;
	/* 3 */
	white-space: normal;
	/* 1 */
}

/**
 * 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;
	/* 1 */
	padding: 0;
	/* 2 */
}

/**
 * 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;
	/* 1 */
	outline-offset: -2px;
	/* 2 */
}

/**
 * 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;
	/* 1 */
	font: inherit;
	/* 2 */
}

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

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

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




/* Подключение вариативного шрифта Tilda Sans */
@font-face {
	font-family: 'Tilda Sans';
	src: url('./inc/fonts/TildaSans/TildaSans-VF.woff2') format('woff2-variations'),
		url('./inc/fonts/TildaSans/TildaSans-VF.woff') format('woff-variations'),
		url('./inc/fonts/TildaSans/TildaSans-VF.ttf') format('truetype-variations');
	font-weight: 300 800;
	/* Диапазон доступных насыщенностей */
	font-style: normal;
	font-display: swap;
}


:root {
	--font-family: "Tilda Sans", sans-serif;
	--second-family: "Oswald", sans-serif;
}

:root {
	--black: #0e172b;
	--white: #fff;
	--stroke-in-white: #e2e3e5;
	--gray-element: #a3a6ae;
	--bg-gray: #f3f3f4;
	--stroke-in-bg: #d7d8db;
	--blue: #3ba0ff;
	--grey-txt: #6c6c6c;
	--gradient: linear-gradient(to bottom right, #3D97F8 0%, #00277C 50%) bottom right / 50% 50% no-repeat, linear-gradient(to bottom left, #3D97F8 0%, #00277C 50%) bottom left / 50% 50% no-repeat, linear-gradient(to top left, #3D97F8 0%, #00277C 50%) top left / 50% 50% no-repeat, linear-gradient(to top right, #3D97F8 0%, #00277C 50%) top right / 50% 50% no-repeat;

}


/*--------------------------------------------------------------
HEADER
--------------------------------------------------------------*/
.wraper-header {
	width: 1680px;
	margin: 0 auto;
}

.wraper-header {
	display: flex;
	flex-direction: column;
	gap: 20px;
	padding: 20px 0;
}

/*--------------------------------------------------------------
HEADER
--------------------------------------------------------------*/
.top-menu {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

.top-menu nav {
	display: flex;
	flex-direction: row;
	gap: 30px;
}

.top-menu a {
	font-family: var(--font-family);
	font-weight: 400;
	font-size: 18px;
	line-height: 140%;
	color: var(--black);
}

.city-selector {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 8px;
}

.center-menu {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 50px;
}

/* Форма */
.search-form {
	width: 561px;
}

.search-container {
	position: relative;
	width: 100%;
}

.search-input {
	width: 100%;
	height: 50px;
	padding: 10px 25px;
	padding-left: 50px;
	/* место для лупы */
	border-radius: 50px;
	border: 1px solid #E0E0E0;
	font-family: 'Tilda Sans', sans-serif;
	font-size: 16px;
	color: #333;
	background: #FFFFFF;
	box-sizing: border-box;
	outline: none;
	transition: all 0.3s ease;
}

.search-input::placeholder {
	color: #A3A6AE;
	font-family: 'Tilda Sans', sans-serif;
	font-weight: 400;
}

.search-input:hover {
	border-color: #B3B6BE;
}

.search-input:focus {
	border-color: #007AFF;
	box-shadow: 0 0 0 3px rgba(0, 122, 255, 0.1);
}

.search-button {
	position: absolute;
	left: 12px;
	top: 50%;
	transform: translateY(-50%);
	background: none;
	border: none;
	padding: 8px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	transition: background-color 0.3s ease;
}

.search-button:hover {
	background-color: rgba(163, 166, 174, 0.1);
}

.search-button:active {
	transform: translateY(-50%) scale(0.95);
}

.search-button svg {
	display: block;
	pointer-events: none;
}

.social-c-menu-h {
	display: flex;
	flex-direction: row;
	gap: 10px;
}

.social_one-h {
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--stroke-in-white);
	border-radius: 50px;
	padding: 10px;
	width: 50px;
	height: 50px;
	transition: ease-in-out, 600ms;
}

.social_one-h:hover {
	border: 1px solid var(--blue);
}

.social_one-h svg {
	transition: ease-in-out, 800ms;
}

.social_one-h:hover svg {
	transform: rotateY(-360deg);
}

.mail-phone-h {
	display: flex;
	flex-direction: row;
	gap: 50px;
}

.mail-phone-h {
	font-family: var(--font-family);
	font-weight: 600;
	font-size: 18px;
	line-height: 140%;
	color: var(--black);
}

.mail-h,
.phone-h {
	display: flex;
	flex-direction: row;
	gap: 8px;
	align-items: center;
}

.cart-h {
	display: flex;
	flex-direction: row;
	gap: 10px;
	align-items: center;
	background: var(--gradient);
	background-repeat: repeat;
	background-size: contain;
	border-radius: 50px;
	padding: 12px 25px;
	width: 164px;
	height: 50px;
}


.cart-h a {
	font-family: var(--font-family);
	font-weight: 600;
	font-size: 16px;
	line-height: 140%;
	color: var(--white);
}

.cart-h a span {
	color: rgba(255, 255, 255, 0.35);
}

.bottom-menu {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	border-top: 1px solid rgba(255, 255, 255, 0.2);
	border-radius: 54px;
	padding: 20px 40px;
	background: var(--white);

}

.bottom-menu a {
	display: flex;
	flex-direction: row;
	gap: 8px;
	align-items: center;
}

.bottom-menu a {
	font-family: var(--font-family);
	font-weight: 600;
	font-size: 20px;
	line-height: 140%;
	color: var(--black);
}





/*--------------------------------------------------------------
FOOTER
--------------------------------------------------------------*/
footer {
	width: 1680px;
	margin: 0 auto;
	padding: 70px;
	border-radius: 20px;

	display: flex;
	align-items: center;
	gap: 100px;
	background: linear-gradient(to bottom right, #00277C 0%, #28344E 50%) bottom right / 50% 50% no-repeat, linear-gradient(to bottom left, #00277C 0%, #28344E 50%) bottom left / 50% 50% no-repeat, linear-gradient(to top left, #00277C 0%, #28344E 50%) top left / 50% 50% no-repeat, linear-gradient(to top right, #00277C 0%, #28344E 50%) top right / 50% 50% no-repeat;

}

.footer-left {
	display: flex;
	align-items: flex-start;
	gap: 100px;
	align-self: stretch;

	position: relative;
}

.menu-footer {
	display: flex;
	align-items: flex-start;
	gap: 100px;
	align-self: stretch;

}

.menu-footer-one {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 25px;
}

.menu-footer-one p {
	align-self: stretch;
	color: var(--White, #FFF);
	font-family: var(--font-family);
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: 140%;
}

.menu-column-two {
	width: 451.0px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 15px;
	height: 265px;
	flex-wrap: wrap;
}

.menu-column-two,
.menu-column-one {
	color: var(--White, #FFF);
	font-family: var(--font-family);
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;

}

.menu-column-one {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 15px;
	height: 265px;
	flex-wrap: wrap;
}

.logo-copirate {
	display: flex;
	align-items: flex-end;
	gap: 60px;
	align-self: stretch;
	position: absolute;
	bottom: 0;
}

.copirate {
	display: flex;
	align-items: center;
	gap: 40px;
}

.copirate span {
	color: var(--White, #FFF);
	font-family: var(--font-family);
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
	opacity: 0.5;
}

.copirate a {
	color: var(--White, #FFF);
	font-family: var(--font-family);
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 140%;

	border-bottom: 2.5px dotted #FFFFFF;
	padding-bottom: 3px;
}

.footer-right {
	width: 388px;
	height: 480px;

	display: flex;
	padding: 35px;
	flex-direction: column;
	align-items: flex-start;
	gap: 35px;
	border-radius: 20px;
	background: #131E35;
}

.phone-mail-footer {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 15px;

}

.phone-mail-footer .phone-footer {
	align-self: stretch;
	color: var(--White, #FFF);
	font-family: var(--second-family);
	font-size: 40px;
	font-style: normal;
	font-weight: 500;
	line-height: 125%;
}

.phone-mail-footer .mail-footer {
	align-self: stretch;
	color: var(--White, #FFF);
	font-family: var(--second-family);
	font-size: 26px;
	font-style: normal;
	font-weight: 500;
	line-height: 125%;
}

.adress-footer {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 5px;
	align-self: stretch;
}

.adress-footer span:nth-child(1) {
	align-self: stretch;
	color: var(--White, #FFF);
	font-family: var(--font-family);
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 140%;
}

.adress-footer span:nth-child(2) {
	color: var(--White, #FFF);
	font-family: var(--font-family);
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
	opacity: 0.5;
}

.social-footer {
	display: flex;
	align-items: center;
	gap: 10px;
}

.social-footer a {
	display: flex;
	padding: 14px;
	justify-content: center;
	align-items: center;
	border-radius: 50px;
	border: 1px solid rgba(255, 255, 255, 0.12);
	background: rgba(255, 255, 255, 0.05);

}

.btn-box-footer {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 15px;
}

.btn-box-footer span {
	align-self: stretch;
	color: var(--White, #FFF);
	font-family: var(--font-family);
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;

}

.btn-file-footer {
	display: flex;
	padding: 18px 35px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border-radius: 59px;
	background: var(--Gradient, linear-gradient(to bottom right, #3D97F8 0%, #00277C 50%) bottom right / 50% 50% no-repeat, linear-gradient(to bottom left, #3D97F8 0%, #00277C 50%) bottom left / 50% 50% no-repeat, linear-gradient(to top left, #3D97F8 0%, #00277C 50%) top left / 50% 50% no-repeat, linear-gradient(to top right, #3D97F8 0%, #00277C 50%) top right / 50% 50% no-repeat);

	color: var(--White, #FFF);
	font-family: var(--font-family);
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: 140%;

}

/*--------------------------------------------------------------
FOOTER
--------------------------------------------------------------*/


/*--------------------------------------------------------------
HOME
--------------------------------------------------------------*/
.slider-home-box {
	border-radius: 20px;
	background-color: var(--blue);
	width: 1680px;
	height: 682px;
	margin: 0 auto;
}

.section_home_2 {

	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding: 130px 0;
}

.section_home_2-left {
	padding-top: 46px;
	width: 688px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 40px;
}

.section_home_2-left h3 {
	font-family: var(--second-family);
	font-weight: 500;
	font-size: 48px;
	line-height: 110%;
	text-transform: uppercase;
	color: var(--black);
}

.section_home_2_1-left {
	display: flex;
	flex-direction: column;
	gap: 20px;
	padding-bottom: 20px;
}

.section_home_2_1-left h6 {
	font-family: var(--second-family);
	font-weight: 500;
	font-size: 26px;
	line-height: 125%;
	color: var(--black);
}

.section_home_2_1-left p {
	font-family: var(--font-family);
	font-weight: 500;
	font-size: 20px;
	line-height: 140%;
	color: var(--black);
}

.btn_block_2_home {
	border-radius: 67px;
	padding: 18px 30px;
	width: max-content;
	height: 61px;

	background: var(--white);


	font-family: var(--font-family);
	font-weight: 600;
	font-size: 18px;
	line-height: 140%;
	color: var(--black);
}

.btn_block_2_home:hover {
	box-shadow: 0 4px 9px 0 rgba(22, 22, 42, 0.05), 0 17px 17px 0 rgba(22, 22, 42, 0.04), 0 38px 23px 0 rgba(22, 22, 42, 0.03), 0 68px 27px 0 rgba(22, 22, 42, 0.01), 0 107px 30px 0 rgba(22, 22, 42, 0);
}

.btn_block_2_home:active {
	border: 1px solid var(--white);
	background: var(--bg-gray);
}

.section_home_2-right {
	width: 830px;
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
}

.section_home_2-right-box {
	width: 400px;
	height: 470px;
	background-color: var(--white);
	border-radius: 20px 20px;
}

.section_home_2-right-box:nth-child(3) {
	width: 100%;
	height: 210px;
	background-color: var(--white);
	display: flex;
	flex-direction: row;
}

.sh2-right-box-top {
	border-bottom: 1px solid var(--stroke-in-white);
	padding: 35px;
	height: 250px;
	display: flex;
	gap: 15px;
	flex-direction: column;
}

.sh2-right-box-top h5 {
	font-family: var(--second-family);
	font-weight: 500;
	font-size: 32px;
	line-height: 125%;
	color: var(--black);
}

.sh2-right-box-top p {
	font-family: var(--font-family);
	font-weight: 500;
	font-size: 20px;
	line-height: 140%;
	color: var(--black);
}

.sh2-right-box-bottom {
	height: 100%;
	width: 100%;
	background-repeat: no-repeat;
	background-position: top;
}

.section_home_2-right-box:nth-child(3) .sh2-right-box-top {
	border-bottom: none;
	border-right: 1px solid var(--stroke-in-white);
	height: 100%;
}

.logo-teras {
	width: 103px;
	height: 40px;
	display: inline-block;
	font-size: 0;

	background-image: url('./inc/images/logo-teras.svg');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

.contact-form-all {

	display: flex;
	justify-content: space-between;
	align-items: flex-end;

	border-radius: 20px;
	padding: 70px;
	height: 755px;
	background-image: url('./inc/images/bg-contact-form.webp');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;

	margin: 130px auto !important;
}

.contact-form-all-left {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
	flex-shrink: 0;
	align-self: stretch;
	width: 760.0px;

	height: 100%;

}

.contact-form-all-left-top {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 30px;
	width: 622px;

}

.contact-form-all-left-top h2 {
	align-self: stretch;
	color: var(--White, #FFF);
	font-family: var(--second-family);
	font-size: 64px;
	font-style: normal;
	font-weight: 500;
	line-height: 110%;
	text-transform: uppercase;

}

.contact-form-all-left-top p {
	align-self: stretch;
	color: var(--White, #FFF);
	font-family: var(--font-family);
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 140%;

}

.contact-form-all-left-bottom {
	display: flex;
	align-items: center;
	gap: 20px;
	align-self: stretch;
}

.contact-form-all-left-bottom .box-info {
	display: flex;
	padding: 30px;
	flex-direction: column;
	align-items: flex-start;
	gap: 20px;
	flex: 1 0 0;
	border-radius: 20px;
	border-bottom: 1px solid var(--Stroke-in-White, #E2E3E5);
	background: var(--White, #FFF);

}

.contact-form-all-left-bottom .box-info img {}

.contact-form-all-left-bottom .box-info h6 {
	align-self: stretch;
	color: var(--Black, #0E172B);
	font-family: var(--second-family);
	font-size: 26px;
	font-style: normal;
	font-weight: 500;
	line-height: 125%;
}


.contact-form-all-right {
	width: 638.0px;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 50px;
	flex-shrink: 0;

}


.title-contact-form {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 30px;
	align-self: stretch;
}

.title-contact-form h4 {
	align-self: stretch;
	color: var(--White, #FFF);
	font-family: var(--second-family);
	font-size: 40px;
	font-style: normal;
	font-weight: 500;
	line-height: 125%;
}

.choice-mess {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;
	align-self: stretch;
}

.choice-mess p {
	display: flex;
	align-items: center;
	gap: 10px;

	color: var(--White, #FFF);
	font-family: var(--second-family);
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 140%;

}

.choice-box {
	display: flex;
	align-items: center;
	align-self: stretch;
	border-radius: 500px;
	border: 1px solid rgba(255, 255, 255, 0.12);
	background: rgba(255, 255, 255, 0.05);

}

.choice-box span {
	color: rgba(255, 255, 255, 0.50);
	font-family: var(--second-family);
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 140%;
}

.choice-box span {
	display: flex;
	padding: 12px 23px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	flex: 1 0 0;
	border-radius: 57px;
	cursor: pointer;
}

.choice-box span.active {
	color: var(--White, #FFF);
	background: var(--Blue, #3BA0FF);
}

.choice-box span:hover {
	color: var(--White, #FFF);
	background: var(--Blue, #3BA0FF);
	cursor: pointer;
}



/*--------------------------------------------------------------
HOME
--------------------------------------------------------------*/

/*--------------------------------------------------------------
хлебные крошки breadcrumbs
--------------------------------------------------------------*/
.custom-breadcrumbs {
	margin-top: 30px !important;
	display: flex;
	align-items: center;
	gap: 20px;

	color: var(--Gray-Element, #A3A6AE);
	font-family: "Tilda Sans";
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 140%;
}

.custom-breadcrumbs a {
	color: var(--Black, #0E172B);
	font-family: var(--font-family);
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 140%;
	display: flex;
	align-items: center;
	gap: 12px;

}

.breadcrumb-separator {
	color: var(--Gray-Element, #A3A6AE);
	font-family: var(--font-family);
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 140%;

}

/*--------------------------------------------------------------
хлебные крошки breadcrumbs
--------------------------------------------------------------*/

.breadcrumbs-title {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 30px;
}

.breadcrumbs-title h1 {
	align-self: stretch;
	color: var(--Black, #0E172B);
	font-family: var(--second-family);
	font-size: 75px;
	font-style: normal;
	font-weight: 500;
	line-height: 110%;
	text-transform: uppercase;

}

.ymap-map-section {
	margin: 70px auto !important;
}

.ymap-map {
	height: 660.0px;
	position: relative;
}

.box-contact_to-map {
	position: absolute;
	bottom: 20px;
	left: 20px;
	z-index: 99;
	width: 400.0px;
	height: 264.0px;
	padding: 40px;

	display: flex;
	padding: 40px;
	flex-direction: column;
	align-items: flex-start;
	gap: 30px;
	border-radius: 20px;
	background: var(--White, #FFF);
	box-shadow: 0 107px 30px 0 rgba(22, 22, 42, 0.00), 0 68px 27px 0 rgba(22, 22, 42, 0.01), 0 38px 23px 0 rgba(22, 22, 42, 0.03), 0 17px 17px 0 rgba(22, 22, 42, 0.04), 0 4px 9px 0 rgba(22, 22, 42, 0.05);

}

.box-contact {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;
	align-self: stretch;
}

.box-contact span {
	align-self: stretch;
	color: var(--Grey-TXT, #6C6C6C);
	font-family: var(--font-family);
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;

}

.box-contact p {
	align-self: stretch;
	color: var(--Black, #0E172B);
	font-family: var(--font-family);
	font-size: 22px;
	font-style: normal;
	font-weight: 500;
	line-height: 125%;
}

.section_info-contact {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	align-self: stretch;
	padding-bottom: 120px;
}

.info-contact {
	display: flex;
	align-items: flex-start;
	gap: 170px;
}

.item-info-contact {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 35px;
}

.item-info-contact span {
	display: flex;
	align-items: center;
	gap: 10px;
	display: flex;
	align-items: center;
	gap: 10px;

	font-family: var(--font-family);
	font-weight: 500;
	font-size: 20px;
	line-height: 140%;
	color: var(--grey-txt);
}


.box-phone_info-contact {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 20px;
	align-self: stretch;

}

.box-phone_info-contact a {
	align-self: stretch;
	color: var(--Black, #0E172B);
	font-family: var(--second-family);
	font-size: 32px;
	font-style: normal;
	font-weight: 500;
	line-height: 125%;
}

.social_info-contact {
	display: flex;
	align-items: center;
	gap: 10px;

}

.social_info-contact a {
	display: flex;
	padding: 10px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border-radius: 50px;
	border: 1px solid var(--Stroke-in-BG, #D7D8DB);

}

.room-numer-info {
	height: 417.0px;
	display: flex;
	padding: 50px;
	justify-content: space-between;
	align-items: center;
	border-radius: 20px;
	background: var(--White, #FFF);
	box-shadow: 0 107px 30px 0 rgba(22, 22, 42, 0.00), 0 68px 27px 0 rgba(22, 22, 42, 0.01), 0 38px 23px 0 rgba(22, 22, 42, 0.03), 0 17px 17px 0 rgba(22, 22, 42, 0.04), 0 4px 9px 0 rgba(22, 22, 42, 0.05);
	position: relative;
	top: -150px;
	margin-bottom: 20px;
}

.column-item-numer-info {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 23px;
}

.item-numer-info {
	display: flex;
	align-items: center;
	gap: 15px;

}

.item-numer-info span {
	display: flex;
	padding: 5px 15px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	aspect-ratio: 1/1;
	border-radius: 100px;
	background: var(--BG-Gray, #F3F3F4);

	color: var(--Grey-TXT, #6C6C6C);
	font-family: "Tilda Sans";
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: 140%;

}

.item-numer-info p {
	color: var(--Black, #0E172B);
	font-family: "Tilda Sans";
	font-size: 22px;
	font-style: normal;
	font-weight: 500;
	line-height: 125%;
}

.wraper {
	width: 1680px;
	margin: 0 auto;
}





/* Контейнер слайдера */
.slider-prez {
	max-width: 1680px;
	width: 100%;
	background: rgba(255, 255, 255, 0.6);
	backdrop-filter: blur(10px);
	border-radius: 32px;
	padding: 24px;
	box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
	border: 1px solid rgba(255, 255, 255, 0.5);
}

/* Заголовок */
.slider-prez h2 {
	margin: 0 0 20px 0;
	font-weight: 600;
	font-size: 28px;
	letter-spacing: -0.5px;
	color: #1e293b;
	display: flex;
	align-items: center;
	gap: 8px;
}

.slider-prez h2 span {
	background: #3b82f6;
	color: white;
	font-size: 14px;
	padding: 4px 12px;
	border-radius: 40px;
	letter-spacing: normal;
}

/* Главный слайдер */
.swiper-main {
	width: 100%;
	border-radius: 24px;
	overflow: hidden;
	box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.2);
	border: 2px solid white;
}

.swiper-main .swiper-slide {
	background: #1e293b;
	/* фон, пока грузится картинка */
	display: flex;
	justify-content: center;
	align-items: center;
}

.swiper-main .swiper-slide img {
	width: 100%;
	height: 400px;
	object-fit: cover;
	/* чтобы картинка красиво заполнила пространство */
	display: block;
	transition: transform 0.3s ease;
}

.swiper-main .swiper-slide:hover img {
	transform: scale(1.02);
}

/* Слайдер с миниатюрами */
.swiper-thumbs {
	width: 100%;
	margin-top: 20px;
	padding: 5px 0;
}

.swiper-thumbs .swiper-slide {
	width: 10% !important;
	height: 100.0px;

	cursor: pointer;
	border-radius: 16px;
	overflow: hidden;
	border: 3px solid transparent;
	transition: all 0.2s ease;
	opacity: 0.6;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.swiper-thumbs .swiper-slide img {
	width: 100%;
	height: 100px;
	object-fit: cover;
	display: block;
}

/* Активный превью (выбранный) */
.swiper-thumbs .swiper-slide-thumb-active {
	border-color: #3b82f6;
	opacity: 1;
	transform: translateY(-4px);
	box-shadow: 0 14px 20px -8px #3b82f680;
}

/* Стрелки навигации (кастомизация) */
.custom-nav {
	display: flex;
	justify-content: flex-end;
	gap: 12px;
	margin-top: 18px;
}

.custom-nav .swiper-button-prev,
.custom-nav .swiper-button-next {
	position: static;
	/* отключаем абсолютное позиционирование */
	margin: 0;
	width: 48px;
	height: 48px;
	border-radius: 60px;
	background: white;
	color: #1e293b;
	box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
	transition: all 0.2s;
	border: 1px solid rgba(0, 0, 0, 0.05);
}

.custom-nav .swiper-button-prev:hover,
.custom-nav .swiper-button-next:hover {
	background: #3b82f6;
	color: white;
}

.custom-nav .swiper-button-prev::after,
.custom-nav .swiper-button-next::after {
	font-size: 20px;
	font-weight: bold;
}

/* Пагинация (буллеты) — спрячем, так как используем превью */
.swiper-pagination {
	display: none;
}



/*************************************
404
*************************************/

.bg-404 {
	height: 636.0px;
	margin: 50px auto 100px auto !important;

	display: flex;
	padding: 70px;
	flex-direction: column;
	align-items: flex-start;
	border-radius: 20px;
	background: var(--Gradient, linear-gradient(to bottom right, #3D97F8 0%, #00277C 50%) bottom right / 50% 50% no-repeat, linear-gradient(to bottom left, #3D97F8 0%, #00277C 50%) bottom left / 50% 50% no-repeat, linear-gradient(to top left, #3D97F8 0%, #00277C 50%) top left / 50% 50% no-repeat, linear-gradient(to top right, #3D97F8 0%, #00277C 50%) top right / 50% 50% no-repeat);

}

.title-404 {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 120px;
	width: 813.0px;

}

.title-404-level2 h6 {
	align-self: stretch;
	color: var(--White, #FFF);
	font-family: Oswald;
	font-size: 26px;
	font-style: normal;
	font-weight: 500;
	line-height: 125%;
	opacity: 0.5;
}

.title-404-level2 h1 {
	align-self: stretch;
	color: var(--White, #FFF);
	font-family: Oswald;
	font-size: 75px;
	font-style: normal;
	font-weight: 500;
	line-height: 110%;
	text-transform: uppercase;
}

.title-404-level1 {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 41px;
	align-self: stretch;
}

.title-404-level2 {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 19px;
	align-self: stretch;

}

.title-404-level1 p {
	color: var(--White, #FFF);
	font-family: "Tilda Sans";
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 140%;

}

.btn-to-home_404 {
	display: flex;
	padding: 18px 35px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border-radius: 67px;
	background: var(--White, #FFF);

	color: var(--Black, #0E172B);
	font-family: "Tilda Sans";
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: 140%;
}

.btn-to-home_404:hover {
	color: #FFFFFF;
	background: linear-gradient(to bottom right, #3D97F8 0%, #00277C 50%) bottom right / 50% 50% no-repeat, linear-gradient(to bottom left, #3D97F8 0%, #00277C 50%) bottom left / 50% 50% no-repeat, linear-gradient(to top left, #3D97F8 0%, #00277C 50%) top left / 50% 50% no-repeat, linear-gradient(to top right, #3D97F8 0%, #00277C 50%) top right / 50% 50% no-repeat;
}

/*************************************
404
*************************************/

/*************************************
NEWS
*************************************/
.new_list_page {
	display: flex;
	align-items: center;
	align-content: center;
	gap: 50px 20px;
	flex-wrap: wrap;
	padding: 70px 0;
}

.news-block-one {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	flex-shrink: 0;
	border-radius: 20px;
	background: var(--White, #FFF);
	position: relative;
	width: 547.0px;
	height: 100%;
	overflow: hidden;
	transition: 0.3s ease;
}

.news-block-one:hover {
	box-shadow: 0 107px 30px 0 rgba(22, 22, 42, 0.00), 0 68px 27px 0 rgba(22, 22, 42, 0.01), 0 38px 23px 0 rgba(22, 22, 42, 0.03), 0 17px 17px 0 rgba(22, 22, 42, 0.04), 0 4px 9px 0 rgba(22, 22, 42, 0.05);
}

.news-block-one:hover .inner-box h6 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	align-self: stretch;
	overflow: hidden;
	text-overflow: ellipsis;
	font-family: Oswald;
	font-size: 26px;
	font-style: normal;
	font-weight: 500;
	line-height: 125%;
	background: var(--Gradient, linear-gradient(to bottom right, #3D97F8 0%, #00277C 50%) bottom right / 50% 50% no-repeat, linear-gradient(to bottom left, #3D97F8 0%, #00277C 50%) bottom left / 50% 50% no-repeat, linear-gradient(to top left, #3D97F8 0%, #00277C 50%) top left / 50% 50% no-repeat, linear-gradient(to top right, #3D97F8 0%, #00277C 50%) top right / 50% 50% no-repeat);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;


}

.news-block-one .inner-box {
	display: flex;
	padding: 40px;
	flex-direction: column;
	align-items: flex-start;
	gap: 15px;
	align-self: stretch;
	background: var(--White, #FFF);
}

.inner-box a {
	color: var(--Black, #0E172B);
}

.inner-box h6 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	align-self: stretch;
	overflow: hidden;
	color: var(--Black, #0E172B);
	text-overflow: ellipsis;
	font-family: Oswald;
	font-size: 26px;
	font-style: normal;
	font-weight: 500;
	line-height: 125%;

}

.inner-box p {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	align-self: stretch;
	overflow: hidden;
	color: var(--Grey-TXT, #6C6C6C);
	text-overflow: ellipsis;
	font-family: "Tilda Sans";
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
}

.date-news-one-list {
	position: absolute;
	bottom: 20px;
	left: 20px;
	display: inline-flex;
	padding: 5px 15px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border-radius: 100px;
	background: var(--White, #FFF);

	color: var(--Black, #0E172B);
	font-family: "Tilda Sans";
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: 140%;

}



.bg-news-title {
	display: flex;
	padding: 70px;
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;
	border-radius: 20px;
	margin: 50px auto 120px auto;
	height: 490px;
	background-size: contain !important;
	justify-content: flex-start;
}

.news-title-date {
	display: flex;
	padding: 5px 15px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border-radius: 100px;
	background: var(--White, #FFF);

	color: var(--Black, #0E172B);
	font-family: "Tilda Sans";
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: 140%;
}

.bg-news-title h1 {
	align-self: stretch;
	color: var(--White, #FFF);
	font-family: var(--second-family);
	font-size: 64px;
	font-style: normal;
	font-weight: 500;
	line-height: 110%;
	text-transform: uppercase;
}

.bg-news-title p {
	width: 740.0px;

	color: var(--White, #FFF);
	font-family: "Tilda Sans";
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 140%;
}

.news-content {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding-bottom: 100px;
}

.news-content {
	width: 1116.0px;
	margin: 0 auto;

}

.news-content h2 {
	align-self: stretch;
	color: var(--Black, #0E172B);
	font-family: Oswald;
	font-size: 48px;
	font-style: normal;
	font-weight: 500;
	line-height: 110%;
	text-transform: uppercase;
}

.news-content h4 {
	align-self: stretch;
	color: var(--Black, #0E172B);
	font-family: Oswald;
	font-size: 40px;
	font-style: normal;
	font-weight: 500;
	line-height: 125%;
}

.news-content h5 {
	align-self: stretch;
	color: var(--Black, #0E172B);
	font-family: Oswald;
	font-size: 32px;
	font-style: normal;
	font-weight: 500;
	line-height: 125%;
}

.news-content p {
	align-self: stretch;
	color: var(--Grey-TXT, #6C6C6C);
	font-family: "Tilda Sans";
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 140%;

}

.news_citation {
	display: flex;
	padding: 40px;
	align-items: center;
	gap: 50px;
	border-radius: 20px;
	background: var(--White, #FFF);

}

.news_citation_text {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 14px;
	flex: 1 0 0;

}

.news_citation_text p {
	align-self: stretch;
	color: var(--Black, #0E172B);
	text-align: center;
	font-family: "Tilda Sans";
	font-size: 22px;
	font-style: normal;
	font-weight: 500;
	line-height: 125%;

}

.news_citation_text span {
	align-self: stretch;
	color: var(--Grey-TXT, #6C6C6C);
	text-align: center;
	font-family: "Tilda Sans";
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
}

.news_one_two_block {
	display: flex;
	align-items: center;
	gap: 20px;
	align-self: stretch;
}

.news_one_two_block_left,
.news_one_two_block_right {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 25px;
	width: 50%;
}

.news_one_two_block_left p,
.news_one_two_block_right p {
	align-self: stretch;
	color: var(--Grey-TXT, #6C6C6C);
	font-family: "Tilda Sans";
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 140%;
}

.news_one_two_block_left h6,
.news_one_two_block_right h6 {
	align-self: stretch;
	color: var(--Black, #0E172B);
	font-family: Oswald;
	font-size: 26px;
	font-style: normal;
	font-weight: 500;
	line-height: 125%;
}

.news_one_two_block_left img,
.news_one_two_block_right img {
	height: 374.0px;
	object-fit: cover;
	border-radius: 20px;
}

.news_one_two_block_left ul,
.news_one_two_block_right ul {
	list-style: none;
	padding-left: 0;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 13px;
	align-self: stretch;
}

.news_one_two_block_left ul li,
.news_one_two_block_right ul li {
	position: relative;

	display: flex;
	align-items: center;
	gap: 6px;
	align-self: stretch;

	min-height: 28px;
	font-family: var(--font-family);
	font-weight: 500;
	font-size: 20px;
	line-height: 140%;
	color: var(--grey-txt);
}

.news_one_two_block_left ul li::before,
.news_one_two_block_right ul li::before {
	content: '';
	width: 11px;
	height: 11px;
	flex-shrink: 0;

	background-image: url('./inc/images/dot_list.svg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.news_one_tabl {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 20px;
	align-self: stretch;
}

.tabl-title {
	display: flex;
	padding: 0 30px;
	align-items: center;
	gap: 30px;
	align-self: stretch;

}

.tabl-title span:nth-child(1),
.tabl-title span:nth-child(2) {
	flex: 1 0 0;
	color: var(--Grey-TXT, #6C6C6C);
	font-family: "Tilda Sans";
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;

}

.tabl_block {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	align-self: stretch;
	border-radius: 20px;
	background: var(--White, #FFF);

}

.tabl_row p {
	flex: 1 0 0;
	color: var(--Black, #0E172B);
	font-family: "Tilda Sans";
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 140%;

}

.tabl_row {
	display: flex;
	padding: 25px 30px;
	align-items: center;
	gap: 30px;
	align-self: stretch;
	border-bottom: 1px solid var(--Stroke-in-White, #E2E3E5);
}

.tabl_block .tabl_row:nth-last-child(1) {
	border-bottom: none;

}

/*************************************
NEWS 	
*************************************/
/*************************************
COMPANY 	
*************************************/
.company-content {
	display: flex;
	padding-bottom: 30px;
	flex-direction: column;
	align-items: center;
	gap: 140px;
}

.company_section1 {
	display: flex;
	align-items: center;
	gap: 162px;
}

.company_section1_left h6 {
	align-self: stretch;
	color: var(--Black, #0E172B);
	font-family: Oswald;
	font-size: 26px;
	font-style: normal;
	font-weight: 500;
	line-height: 125%;
}

.company_section1_left p {
	align-self: stretch;
	color: var(--Grey-TXT, #6C6C6C);
	font-family: "Tilda Sans";
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 140%;
}

.company_section1_left {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 20px;
	align-self: stretch;
}

.company_section1_right {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 20px;

}

.company_section1_right_text {
	display: flex;
	padding: 30px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	align-self: stretch;
	border-radius: 20px;
	background: #FFF;
}

.company_section1_right_text p {
	flex: 1 0 0;
	font-family: "Tilda Sans";
	font-size: 22px;
	font-style: normal;
	font-weight: 500;
	line-height: 125%;
	color: var(--Black, #0E172B);
}

.company_section1_right_text p span {
	background: var(--Gradient, linear-gradient(to bottom right, #3D97F8 0%, #00277C 50%) bottom right / 50% 50% no-repeat, linear-gradient(to bottom left, #3D97F8 0%, #00277C 50%) bottom left / 50% 50% no-repeat, linear-gradient(to top left, #3D97F8 0%, #00277C 50%) top left / 50% 50% no-repeat, linear-gradient(to top right, #3D97F8 0%, #00277C 50%) top right / 50% 50% no-repeat);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	color: var(--Black, #0E172B);
}

.company_section2 {
	width: 100%;

	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 70px;
}

.section2-choose-us {
	display: flex;
	gap: 20px;
	align-self: stretch;
	align-items: stretch;
}

.company_section2 h2 {

	align-self: stretch;
	color: var(--Black, #0E172B);
	font-family: Oswald;
	font-size: 64px;
	font-style: normal;
	font-weight: 500;
	line-height: 110%;
	text-transform: uppercase;
}

.company_complex_tab2 {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: space-between;
}

.company_complex_tab2_item h1 {
	font-family: Oswald;
	font-size: 75px;
	font-style: normal;
	font-weight: 500;
	line-height: 110%;
	text-transform: uppercase;
	background: var(--Gradient, linear-gradient(to bottom right, #3D97F8 0%, #00277C 50%) bottom right / 50% 50% no-repeat, linear-gradient(to bottom left, #3D97F8 0%, #00277C 50%) bottom left / 50% 50% no-repeat, linear-gradient(to top left, #3D97F8 0%, #00277C 50%) top left / 50% 50% no-repeat, linear-gradient(to top right, #3D97F8 0%, #00277C 50%) top right / 50% 50% no-repeat);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.company_complex_tab2_item p {
	align-self: stretch;
	color: var(--Black, #0E172B);
	font-family: "Tilda Sans";
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 140%;

}

.company_complex_tab2_item {
	display: flex;
	padding: 35px;
	flex-direction: column;
	align-items: flex-start;
	gap: 20px;
	align-self: stretch;
	border-radius: 20px;
	background: var(--White, #FFF);
	width: 405.0px;
	height: 229.0px;

}


.company_complex_tab1_item {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	width: 405.0px;
}

.company_complex_tab1_item div:nth-child(1) h5 {
	align-self: stretch;
	color: var(--Black, #0E172B);
	font-family: Oswald;
	font-size: 32px;
	font-style: normal;
	font-weight: 500;
	line-height: 125%;


}

.company_complex_tab1_item div:nth-child(1) p {
	align-self: stretch;
	color: var(--Black, #0E172B);
	font-family: "Tilda Sans";
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 140%;

}

.company_complex_tab1_item div:nth-child(1) {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 15px;
	align-self: stretch;
	padding: 35px;
	flex: 1 0 0;
	align-self: stretch;
	border-radius: 20px 20px 0 0;
	border-bottom: 1px solid var(--Stroke-in-White, #E2E3E5);
	background: var(--White, #FFF);

}

.company_complex_tab1_item div:nth-child(2) {
	display: flex;
	padding: 40px;
	flex-direction: column;
	align-items: flex-start;
	gap: 50px;
	flex: 1 0 0;
	align-self: stretch;
	border-radius: 0 0 20px 20px;
	background: var(--White, #FFF);

}

.company_section3 {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 70px;
}

.company_section3 h2 {
	align-self: stretch;
	color: var(--Black, #0E172B);
	font-family: Oswald;
	font-size: 64px;
	font-style: normal;
	font-weight: 500;
	line-height: 110%;
	text-transform: uppercase;
}


.punkt_cs3 {
	display: flex;
	align-items: flex-start;
	gap: 20px;
	align-self: stretch;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: space-between;
	height: 280px;
}

.punkt_item,
.punkt_item_text {
	width: 32%;
}

.punkt_item {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 30px;
}

.punkt_item div {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 10px;

}

.punkt_item div h6 {
	color: var(--Black, #0E172B);
	font-family: Oswald;
	font-size: 26px;
	font-style: normal;
	font-weight: 500;
	line-height: 125%;
}

.punkt_item div p {
	color: var(--Grey-TXT, #6C6C6C);
	font-family: "Tilda Sans";
	font-size: 22px;
	font-style: normal;
	font-weight: 500;
	line-height: 125%;
}

.punkt_item_text {
	display: flex;
	align-items: flex-start;
	gap: 15px;
	align-self: stretch;
}

.punkt_item_text div p {
	flex: 1 0 0;
	color: var(--Gray-Element, #A3A6AE);
	font-family: "Tilda Sans";
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: 140%;
}

/*************************************
COMPANY 	
*************************************/
/*************************************
KATALOG
*************************************/
.catalog-list {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 50px;
	justify-content: space-evenly;
	padding: 100px 0 100px 0;
}

.catalog-item {
	background: #FFFF;
	border-radius: 10px;
	padding: 30px;

	display: flex;
	flex-direction: column;
	align-content: flex-start;
	justify-content: space-between;
}

.catalog-item * {
	color: black;
	font-family: "Tilda Sans";
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: 140%;
}

.shop-categories {
	display: flex;
	flex-direction: row;
	padding: 70px 0 70px 0;
	gap: 50px;
}

.shop-product-pagination {
	display: flex;
	flex-direction: column;
	gap: 50px;
	justify-content: space-between;
}

.shop-sidebar {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 40px;
	width: 342.0px;

}

.wc-sidebar-categories {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 30px;
	width: 100%;
}

.wc-sidebar-categories h6 {
	align-self: stretch;
	color: var(--Black, #0E172B);
	font-family: Oswald;
	font-size: 26px;
	font-style: normal;
	font-weight: 500;
	line-height: 125%;

}

.wc-cat-sidebar {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	align-self: stretch;
	border-radius: 20px;
	background: #FFF;
}

.wc-cat-item:hover {
	background: var(--BG-Gray, #F3F3F4);

}

.wc-cat-item {
	display: flex;
	padding: 15px 25px;
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;
	align-self: stretch;
	border-radius: 20px;
	border: 2px solid var(--White, #FFF);
	flex-direction: row;
	align-items: center;
}

.wc-cat-item {
	color: var(--Black, #0E172B);
	font-family: "Tilda Sans";
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 140%;
}

.product-list {
	display: flex;
	align-items: center;
	gap: 20px;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
}

.product-card {
	width: 405.0px;
	height: 620.0px;

	display: flex;
	padding: 30px;
	flex-direction: column;
	align-items: flex-start;
	gap: 30px;
	border-radius: 20px;
	background: var(--White, #FFF);
justify-content: space-between;
}

.btn-link-product {
	display: flex;
	padding: 18px 35px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	align-self: stretch;
	border-radius: 67px;
	background: linear-gradient(to bottom right, #3D97F8 0%, #00277C 50%) bottom right / 50% 50% no-repeat, linear-gradient(to bottom left, #3D97F8 0%, #00277C 50%) bottom left / 50% 50% no-repeat, linear-gradient(to top left, #3D97F8 0%, #00277C 50%) top left / 50% 50% no-repeat, linear-gradient(to top right, #3D97F8 0%, #00277C 50%) top right / 50% 50% no-repeat;


	color: var(--White, #FFF);
	font-family: "Tilda Sans";
	font-size: 19px;
	font-style: normal;
	font-weight: 600;
	line-height: 140%;

}

.product-title {
	align-self: stretch;
	color: var(--Black, #0E172B);
	font-family: Oswald;
	font-size: 32px;
	font-style: normal;
	font-weight: 500;
	line-height: 125%;

}

.product-img {
	display: flex;
	padding: 30px 20px;
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;
	align-self: stretch;
	border-radius: 20px;
	background: var(--BG-Gray, #F3F3F4);
}

.product-img img {
	width: 305.0px;
	height: 168.0px;
	object-fit: contain;
}

.attr-product {
	display: flex;
	align-items: center;
	gap: 10px;
	align-self: stretch;
}

.attr-product {
	font-family: var(--font-family);
	font-weight: 500;
	font-size: 20px;
	line-height: 140%;
	color: var(--black);
}

.attr-product span {
	font-family: var(--font-family);
	font-weight: 500;
	font-size: 20px;
	line-height: 140%;
	color: var(--gray-element);
}

.product-info{
display: flex;
align-items: flex-start;
gap: 20px;
align-self: stretch;
width: 100%;
}
/*************************************
KATALOG
*************************************/
/* Отключаем конфликтующие стили WooCommerce */
.product-swiper .woocommerce-product-gallery,
.product-swiper .woocommerce-product-gallery__wrapper,
.product-swiper .woocommerce-product-gallery__image {
    opacity: 1 !important;
    position: static !important;
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
}

/* Контейнер галереи */
.product-swiper.product-gallery-swiper {
    display: flex !important;
    gap: 16px !important;
    align-items: flex-start !important;
   
	width: 800.0px;
height: 800.0px;

}

/* Миниатюры */
.product-swiper .thumbs-slider {
    width: 110px !important;
    height: 500px !important;
    flex-shrink: 0 !important;
}

.product-swiper .thumbs-slider .swiper-slide {
    height: auto !important;
    opacity: 0.5 !important;
    cursor: pointer !important;
}

.product-swiper .thumbs-slider .swiper-slide-thumb-active {
    opacity: 1 !important;
}

/* Основной слайдер */
.product-swiper .main-slider {
    width: calc(100% - 130px) !important;
    height: auto !important;
}

.product-swiper .main-slider .swiper-slide {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

.product-swiper .main-slider img {
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
}
.product-swiper .product-thumbs-slider {
    width: 110px !important;
    height: 500px !important;
    flex-shrink: 0 !important;
}

.product-swiper .product-thumbs-slider .swiper-slide {
    height: auto !important;
    opacity: 0.5 !important;
    cursor: pointer !important;
}

.product-swiper .product-thumbs-slider .swiper-slide-thumb-active {
    opacity: 1 !important;
}

.product-swiper .product-main-slider {
    width: calc(100% - 130px) !important;
    height: auto !important;
}

.product-swiper .product-main-slider .swiper-slide {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

.product-swiper .product-main-slider img {
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
}
.swiper-thumbs .swiper-slide {
    width: 90% !important;}
/*************************************
MARGIN
*************************************/
.mt-10 {
	margin-top: 10px;
}

.mt-15 {
	margin-top: 15px;
}

.mt-20 {
	margin-top: 20px;
}

.mt-25 {
	margin-top: 25px;
}

.mt-30 {
	margin-top: 30px;
}

.mt-35 {
	margin-top: 35px;
}

.mt-40 {
	margin-top: 40px;
}

.mt-45 {
	margin-top: 45px;
}

.mt-50 {
	margin-top: 50px;
}

.mt-55 {
	margin-top: 55px;
}

.mt-60 {
	margin-top: 60px;
}

.mt-65 {
	margin-top: 65px;
}

.mt-70 {
	margin-top: 70px;
}

.mt-75 {
	margin-top: 75px;
}

.mt-80 {
	margin-top: 80px;
}

.mt-85 {
	margin-top: 85px;
}

.mt-90 {
	margin-top: 90px;
}

.mt-95 {
	margin-top: 95px;
}

.mt-100 {
	margin-top: 100px;
}


/*************************************
MARGIN
*************************************/







/*************************************/
.toltip-info-room p {
	align-self: stretch;
	color: var(--Grey-TXT, #6C6C6C);
	font-family: "Tilda Sans";
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;

}

.toltip-info-room {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;
	align-self: stretch;

}

.toltip-num-title {
	display: flex;
	align-items: center;
	gap: 12px;

}

.toltip-num-title span {
	display: flex;
	padding: 5px 15px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border-radius: 100px;
	border: 1px solid var(--Stroke-in-White, #E2E3E5);
	color: var(--Grey-TXT, #6C6C6C);
	font-family: "Tilda Sans";
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: 140%;

}

.toltip-num-title p {
	color: var(--Black, #0E172B);
	font-family: Oswald;
	font-size: 26px;
	font-style: normal;
	font-weight: 500;
	line-height: 125%;

}