/*!
Theme Name: recviem
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: recviem
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 with others.

recviem is based on Underscores https://underscores.me/, (C) 2012-2017 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:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/* normalize.css v8.0.0 | 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 */
}
@font-face {
	font-family: 'Roboto';
	src: local('Roboto'),
	url(/wp-content/themes/mortal/fonts/Roboto.ttf);
}
/* Sections
	 ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0;
}
/**
 * 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 {
	-webkit-box-sizing: content-box;
	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 */
	-webkit-text-decoration: underline dotted;
	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 {
	-webkit-box-sizing: border-box;
	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"] {
	-webkit-box-sizing: border-box;
	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;
}
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
	color: #404040;
	font-family: "Roboto";
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}
p {
	font-size: 18px;
	font-weight: 300;
	line-height: 25px;
	margin: 20px 0 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;
	font-size: 15px;
	font-size: 0.9375rem;
	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;
	font-size: 15px;
	font-size: 0.9375rem;
}
abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}
big {
	font-size: 125%;
}
/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
*,
*:before,
*:after {
	/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	-webkit-box-sizing: inherit;
	box-sizing: inherit;
}
body {
	background: #fff;
	/* Fallback for when there is no custom background color defined. */
}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}
ul,
ol {
	margin: 0 0 0 0;
}
ul {
	list-style: disc;
}
ol {
	list-style: decimal;
}
li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}
dt {
	font-weight: bold;
}
dd {
	margin: 0 1.5em 1.5em;
}
img {
	height: auto;
	/* Make sure images are scaled correctly. */
	max-width: 100%;
	/* Adhere to container width. */
}
figure {
	margin: 1em 0;
	/* Extra wide images within figure tags don't overflow the content area. */
}
table {
	margin: 0 0 1.5em;
	width: 100%;
}
/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/

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 #74625D;
	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: #74625D;
}
select {
	border: 1px solid #74625D;
}
textarea {
	width: 100%;
}
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: #ffffff;
	text-decoration: none;
}
a:hover,
a:focus,
a:active {
	color: #423d3d;
}
a:focus {
	outline: #423d3d;
}
a:hover,
a:active {
	outline: 0;
}
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
	clear: both;
	display: block;
	font-size: 16px;
	text-transform: uppercase;
	line-height: 19px;
	font-weight: 500;
}
.main-navigation ul {
	/*display: none;*/
	list-style: none;
	margin: 0;
	padding-left: 0;
}
.main-navigation ul ul {
	-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	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 {
	left: 100%;
}
.main-navigation ul ul a {
	width: 200px;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}
.main-navigation li {
	float: left;
	position: relative;
	margin-right: 30px;
}
.main-navigation li:last-child{
	margin-right: 0px;
}
.main-navigation a {
	display: block;
	text-decoration: none;
}
/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	-webkit-clip-path: inset(50%);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
	/* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	-webkit-clip-path: none;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}
/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}
/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}
/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
	/* Make sure select elements fit in widgets. */
}
.widget select {
	max-width: 100%;
}
/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}
.post,
.page {
	margin: 0 0 1.5em;
}
.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;
}
/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	/* Theme Footer (when set to scrolling) */
	display: none;
}
/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}
/*--------------------------------------------------------------
# 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 embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}
/* 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;
}
.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}
.gallery-columns-2 .gallery-item {
	max-width: 50%;
}
.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
	max-width: 25%;
}
.gallery-columns-5 .gallery-item {
	max-width: 20%;
}
.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}
.gallery-caption {
	display: block;
}





.container {
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}

@media (min-width: 576px) {
	.container {
		max-width:540px;
	}
}

@media (min-width: 768px) {
	.container {
		max-width:720px;
	}
}

@media (min-width: 992px) {
	.container {
		max-width:960px;
	}
}

@media (min-width: 1200px) {
	.container {
		max-width: 1280px;
	}
}



#header{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	max-width: 1280px;
	width: 100%;
	padding: 0 15px;
	margin: auto;
}
#header>.main-navigation{
	width: 40%;
}
#header>.logo{
	width: 20%;
}
#header>.phones{
	width: 40%;
	position: relative;
}
header{
	background-color: #74625D;
	color: white;
	position: fixed;
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 80px;
	z-index: 1001;
}
.logo{
	height: auto;
	min-height: 70px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.name{
	width: fit-content;
	max-width: 440px;
}
.name > span{
	display: flex;
	text-wrap: wrap;
	align-items: center;
	width: 100%;
	height: 100%;
	font-size: 18px;
	font-weight: bold;
}
.phone_list{
	width: 100%;
	height: 100%;
	font-size: 16px;
	font-weight: 500;
	text-transform: uppercase;
	display: flex;
	justify-content: flex-end;
}
.phone:first-child:after {
	content: ' ';
	background-image: url(/wp-content/uploads/2023/11/phone.svg);
	position: absolute;
	width: 24px;
	height: 24px;
	top: 0;
	left: 0;
	background-repeat: no-repeat;
	background-size: contain;
}
.phone:first-child{
	margin-right: 15px;
	position: relative;
	padding-left: 29px;
}
.phone_icons{
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
}
.tg_phone{
	width: 24px;
    height: 24px;
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 48C37.2548 48 48 37.2548 48 24C48 10.7452 37.2548 0 24 0C10.7452 0 0 10.7452 0 24C0 37.2548 10.7452 48 24 48Z' fill='url(%23paint0_linear)'/%3E%3Cpath d='M8.93822 25.174C11.7438 23.6286 14.8756 22.3388 17.8018 21.0424C22.836 18.919 27.8902 16.8324 32.9954 14.8898C33.9887 14.5588 35.7734 14.2351 35.9484 15.7071C35.8526 17.7907 35.4584 19.8621 35.188 21.9335C34.5017 26.4887 33.7085 31.0283 32.935 35.5685C32.6685 37.0808 30.774 37.8637 29.5618 36.8959C26.6486 34.9281 23.713 32.9795 20.837 30.9661C19.8949 30.0088 20.7685 28.6341 21.6099 27.9505C24.0093 25.5859 26.5539 23.5769 28.8279 21.0901C29.4413 19.6088 27.6289 20.8572 27.0311 21.2397C23.7463 23.5033 20.5419 25.9051 17.0787 27.8945C15.3097 28.8683 13.2479 28.0361 11.4797 27.4927C9.89428 26.8363 7.57106 26.175 8.93806 25.1741L8.93822 25.174Z' fill='white'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear' x1='18.0028' y1='2.0016' x2='6.0028' y2='30' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2337AEE2'/%3E%3Cstop offset='1' stop-color='%231E96C8'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
    background-size: contain;
    margin-left: 15px;
}
.viber_phone{
	width: 24px;
    height: 24px;
    display: block;
	background-size: contain;
    margin-left: 15px;
	background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 0C37.2548 0 48 10.7452 48 24C48 37.2548 37.2548 48 24 48C10.7452 48 0 37.2548 0 24C0 10.7452 10.7452 0 24 0Z' fill='%237F4DA0'/%3E%3Cpath d='M30.3941 20.9584C30.2774 20.0101 29.9859 19.2655 29.4683 18.6059C28.7961 17.7566 27.9372 17.2481 26.6655 16.9464C25.8367 16.7453 25.5019 16.7684 25.2022 17.0422C24.923 17.2987 24.8685 17.8129 25.0818 18.146C25.2319 18.3877 25.405 18.4742 25.8864 18.5687C26.5275 18.6867 26.9706 18.8398 27.3736 19.0702C28.229 19.5642 28.6274 20.3371 28.6701 21.5885C28.69 22.176 28.7408 22.3566 28.946 22.565C29.3263 22.9459 30.0032 22.8719 30.2904 22.416C30.3957 22.2442 30.4118 22.1694 30.4229 21.7705C30.4303 21.5235 30.4196 21.1558 30.3941 20.9584V20.9584Z' fill='white'/%3E%3Cpath d='M33.7446 22.0277C33.5757 19.1223 32.4393 16.7848 30.4055 15.1402C29.2596 14.216 27.8745 13.5806 26.3563 13.2716C25.8001 13.161 24.7762 13.0715 24.6005 13.1227C24.4347 13.1702 24.2003 13.3496 24.0958 13.512C23.9852 13.688 23.9603 14.081 24.0546 14.3083C24.2068 14.6883 24.4898 14.8226 25.2826 14.892C26.5047 14.9989 27.7652 15.4282 28.7176 16.0639C29.8049 16.7876 30.6693 17.7775 31.2284 18.9407C31.7116 19.9402 32.0087 21.3805 32.0005 22.6703C31.9977 23.1367 32.0698 23.4002 32.2573 23.5928C32.5405 23.8889 32.9533 23.9537 33.3176 23.757C33.7213 23.5447 33.8157 23.172 33.7446 22.0277V22.0277Z' fill='white'/%3E%3Cpath d='M37.4522 33.2163C37.3954 33.0502 37.2628 32.7941 37.1681 32.647C36.5712 31.7457 33.3645 29.2362 31.7635 28.4155C30.8493 27.9459 30.172 27.7894 29.6699 27.9363C29.1299 28.0882 28.8457 28.3396 27.941 29.4639C27.5763 29.9146 27.2021 30.3368 27.1026 30.4032C26.8563 30.574 26.3731 30.7116 26.0321 30.7116C25.2411 30.7068 23.8059 30.1945 22.7022 29.5208C21.8449 28.999 20.746 28.0645 19.9028 27.1394C18.9081 26.0531 18.2308 25.0948 17.6955 24.0132C17.004 22.6233 16.8287 21.7741 17.1176 21.1526C17.1887 20.9961 17.2835 20.8301 17.326 20.7779C17.3687 20.7305 17.814 20.3652 18.3065 19.9667C19.2729 19.1982 19.4292 19.0227 19.6091 18.4961C19.8365 17.8272 19.775 17.1441 19.4244 16.4563C19.1544 15.9344 18.4487 14.7959 17.9371 14.0606C17.2598 13.0929 15.5735 11.0246 15.2371 10.7446C14.6309 10.2513 13.8541 10.1659 12.9967 10.498C12.0921 10.849 10.3963 12.2153 9.67155 13.1688C9.01789 14.0322 8.76692 14.6441 8.72899 15.4505C8.69586 16.1147 8.75268 16.3898 9.1032 17.239C11.8457 23.8993 15.9382 29.2172 21.5607 33.4393C24.4974 35.6451 27.5431 37.3245 30.7025 38.4726C32.545 39.1414 33.3455 39.1746 34.2881 38.6244C34.686 38.3871 35.6712 37.3767 36.2207 36.6414C37.1301 35.4174 37.4665 34.853 37.5612 34.4023C37.6275 34.0939 37.5754 33.5579 37.4522 33.2163V33.2163Z' fill='white'/%3E%3Cpath d='M37.1555 22.6949C37.0948 21.0515 36.8181 19.7035 36.2411 18.2005C35.6715 16.7222 35.095 15.7574 34.0062 14.4526C32.9769 13.2292 32.1773 12.5306 30.9093 11.7531C29.1402 10.6697 26.9872 9.95272 24.5744 9.6512C23.7516 9.54582 23.5654 9.55335 23.313 9.72179C22.8238 10.0409 22.8303 10.8367 23.321 11.151C23.4835 11.251 23.6276 11.2875 24.2858 11.3736C25.2962 11.5096 25.9459 11.6378 26.7168 11.8482C29.7398 12.6745 32.0645 14.3637 33.6187 16.8712C34.9193 18.9611 35.4592 21.0513 35.3826 23.7208C35.3559 24.6232 35.3753 24.782 35.5132 24.9989C35.7774 25.403 36.4741 25.483 36.8315 25.1476C37.0539 24.9432 37.0958 24.7898 37.1396 24.0174C37.1606 23.6144 37.1651 23.0196 37.1555 22.6949V22.6949Z' fill='white'/%3E%3C/svg%3E%0A");
}
.screen{
	height: 100vh;
	max-height: 800px;
	position: relative;
	padding: 80px 0 0;
	margin-bottom: 80px;
}
.main-bg{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -100;
	height: 100vh;
	max-height: 800px;
	overflow: hidden;
	background: url("/wp-content/uploads/2023/11/sky-clouds-cinematic-clouds-wallpaper-5-1.png") no-repeat;
	background-position: center;
	background-size: cover;
}
.main-bg:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background: rgba(18, 18, 18, 0.6)
}
.screen.first > .container{
	height: 400px;
	position: absolute;
	left: 0;
	right: 0;
	top: 55%;
	-webkit-transform: translateY(-45%);
	-ms-transform: translateY(-45%);
	transform: translateY(-45%);
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	color: white;
	z-index: 1;
}
.working_for{
	display: inherit;
}
.years{
	font-weight: 700;
	font-size: 76px;
	line-height: 89px;
	margin: 0 15px 0 0;
}
.working_for>.tagline{
	text-align: left;
	margin: 0;
	font-weight: 400;
}
h1{
	font-size: 64px;
	margin: 24px 0 15px;
	color: #E9D898;
	line-height: 75px;
}
h2{
	font-size: 48px;
	font-weight: 600;
	line-height: 62px;
	text-transform: uppercase;
	margin: 0 0 20px;
}
h3{
	font-size: 28px;
	font-weight: 600;
	line-height: 42px;
	text-transform: uppercase;
}
.tagline{
	font-size: 28px;
	font-weight: 300;
	margin: 0 0 9px;
	line-height: 36px;
}
.tagline.second{
	font-size: 40px;
	font-weight: 600;
	margin: 0 0 60px;
	line-height: 47px;
}
.main_button{
	display: inline-block;
	background-color: #E9D898;
	border: 0;
	color: #1C1C1C;
	font-size: 20px;
	font-weight: 500;
	line-height: 25px;
	padding: 10px 20px;
	border-radius: 5px;
}
.services,.advantages,.main_vid,.feedback,.main_form,.contact{
	margin: 0 0 80px;
}
.services_top {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 0 20px;
}
.services_bottom,.advantages_inner{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
	margin: 0 -10px;
}
.services_bottom>.services_item>p{
	margin: 0 0 20px;
}
.services_text, .services_item.unq{
	flex: 0 0 48%;
	padding: 30px 0 0;
}
.services_item.unq{
	background-color: #74625D;
	border-radius: 5px;
	color: white;
	padding: 30px 50px;
	height: auto;
	margin: 0;
}
.services_item.unq>h3{
	margin: 0 0 20px 0;
}
.services_item.unq>.services_item_inner>.service_img{
	margin: 0 30px 0 0;
}
.services_item{
	flex: 1;
	flex-basis: 20%;
	margin: 0 10px 20px;
	box-sizing: border-box;
	padding: 30px;
	background: #f1f1f1;
	border-radius: 5px;
	color: #1C1C1C;
	position: relative;
}
.services_item>.main_button{
	padding: 10px 55px 10px 20px;
}
.services_item>.main_button:after {
	content: ' ';
	background-image: url(/wp-content/uploads/2023/11/arrow.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	width: 30px;
	height: 24px;
	position: absolute;
	margin-left: 5px;
}
.services_item_inner {
	display: flex;
	flex-direction: row;
	margin: 0 0 20px 0;
}
.service_img {
	height: 55px;
	margin: 0 0 15px 0;
}
.service_name {
	font-size: 20px;
	font-weight: 400;
	line-height: 26px;
	margin: 0;
	padding: 0;
}
.service_price {
	font-size: 18px;
	font-weight: 700;
	line-height: 23px;
	margin: 0;
	padding: 0;
	display: block;
}
.advantages h2{
	text-align: center;
}
.advantage {
	flex: 1;
	flex-basis: 20%;
	margin: 0 20px;
	text-align: center;
	max-width: 300px;
}
.advantage p{
	margin: 10px 0;
}
.advantages_text p{
	margin: 0;
}
.main_vid{
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-direction: initial;
}
.main_vid_inner,.main_vid_text{
	flex: 0 0 49%;
}
.main_vid_inner{
    text-align: center;
}
.main_vid_inner > img{
    MAX-HEIGHT: 530px;
}
.vid_title {
	font-size: 36px;
	font-weight: 500;
	line-height: 47px;
	margin: 0;
}
.feedback h2{
	text-align: center;
}
.strong-view.nav-position-outside .wpmslider-controls{
	padding: 0 !important;
}
.strong-view.pager-style-buttons .wpmslider-pager-link:before{
	width: 10px !important;
	height: 10px !important;
	color: #78615c !important;
	background: #78615c !important;
}
.strong-view.controls-style-buttons:not(.rtl) .wpmslider-prev:before{
	background: #74625d !important;
}
.strong-view.controls-style-buttons:not(.rtl) .wpmslider-next:before{
	background: #74625d !important;
}
.contact{
	display: flex;
	flex-wrap: wrap;
}
.contact_inner.left{
	flex: 1 1 40%;
}
.map{
	flex: 1 1 60%;
}
.contact_inner p{
	margin: 20px 0;
}
.contact_inner>.phone{
	display: block;
	position: relative;
}
.contact_inner>.phone a{
	color: #1C1C1C;
	font-size: 16px;
	font-weight: 500;
	line-height: 19px;
}
.contact_inner>.phone a:first-child{
	padding: 0 20px;
}
.contact_inner>.phone a:first-child:after{
	content: ' ';
	background-size: contain;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	position: absolute;
	left: 0;
	top: 3px;
}
.contact_inner>.phone a.number:first-child:after{
	background-image: url(/wp-content/uploads/2023/11/phone-2.svg);
}
.contact_inner>.phone a.email:first-child:after{
	background-image: url(/wp-content/uploads/2023/11/email.svg);
}
.address{
	padding: 0 0 0 20px;
}
.address:after{
	content: ' ';
	background-image: url(/wp-content/uploads/2023/11/maps-and-flags.svg);
	background-size: contain;
	background-repeat: no-repeat;
	width: 18px;
	height: 18px;
	position: absolute;
	left: 0;
	top: 3px;
}
footer{
	background-color: #74625D;
	padding: 20px 0;
}
.footer{
	color: white;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}
.footer>.logo{
	width: 23%;
	height: 100px;
}
.footer_text p{
	margin: 0;
	text-align: right;
}
.popup_form>.wpcf7>.wpcf7-form{
	flex-direction: column;
}
.popup_form{
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	align-items: center;
	margin: auto;
	padding: 30px 100px;
	background: #fff;
	border-radius: 5px;
	color: #1C1C1C;
	position: relative;
}
.popup_form>.wpcf7>.wpcf7-form>.main_form_input{
	margin: 0 0 20px 0;
}
.popup_form>.phones>.phone_list>.phone a{
	color: #1C1C1C;
	margin: 0 0 20px 0;
}
.popup_form>.phones{
	margin: 0 0 20px 0;
}
.popup_form>.phones>.phone_list>.phone:first-child{
	padding-left: 0;
}
.popup_form>.phones>.phone_list>.phone:first-child:after{
	content: unset;
}
.pop-overlay {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,.8);
	z-index: 9999;
}
.popup-window {
	display: none;
	position: absolute;
	background: #fff;
	width: fit-content;
	top: 30%;
	border-radius: 5px;
	font-size: 1em;
	line-height: 1.2em;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	box-sizing: border-box;
}
.popup-window .inner {
	max-height: 360px;
	overflow-y: auto;
	background: #F4F4F4;
	padding: 10px;
	margin-bottom: 10px;
	text-align: left;
}
.popup-window .btn-close {
	display: inline-block;
	border-radius: 3px;
	padding: 0 15px;
	margin: 10px;
	line-height: 1.8em;
	text-decoration: none;
	position: absolute;
	top: 0;
	right: 0;
	background-color: #78615c;
	color: white;
}
.popup-window .btn-close:hover,
.popup-window .btn-close:active,
.popup-window .btn-close:focus {
	text-decoration: none;
	background: #f4f4f4;
}

.main_form {
	text-align: center;
	color: #1C1C1C;
}
.main_form h2{
	text-transform: unset;
}
.main_form>.tagline>.phone a{
	color: #1C1C1C;
}
.main_form>.tagline>.phone:first-child{
	padding-left: 36px;
}
.main_form>.tagline>.phone:first-child:after{
	width: 32px;
	height: 32px;
}
.main_form_input,.main_form_submit{
	flex: 0 0 30%;
	border: unset !important;
	line-height: 21px;
	border-radius: 5px !important;
	font-size: 18px;
	padding: 20px !important;
}
.main_form_input {
	width: 100%;
	-webkit-appearance: none;
	-webkit-box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.18);
	box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.18);
	margin: 0 20px 0 0;
}
.wpcf7-form{
	display: flex;
}
.main_form-inner>.wpcf7>.wpcf7-form{
	flex-direction: row;
	justify-content: center;
	flex-wrap: wrap;
}
.main_form_submit{
	background: #E9D898;
	font-weight: 500;
}
.ymap-container {
	position: relative;
	margin: 20px 0 0;
	overflow: hidden;
	cursor: pointer;
	background: url(/wp-content/uploads/2024/02/map_yandex.png) #fff no-repeat;
	background-position: center center;
	background-size: cover;
}
.inst::after{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 17 17'%3E%3Cpath d='M13.6683 4.78509C13.6683 4.90669 13.6443 5.02711 13.5978 5.13945C13.5513 5.2518 13.483 5.35388 13.3971 5.43987C13.3111 5.52586 13.209 5.59406 13.0966 5.6406C12.9843 5.68714 12.8639 5.71109 12.7423 5.71109C12.6207 5.71109 12.5003 5.68714 12.3879 5.6406C12.2756 5.59406 12.1735 5.52586 12.0875 5.43987C12.0015 5.35388 11.9333 5.2518 11.8868 5.13945C11.8402 5.02711 11.8163 4.90669 11.8163 4.78509C11.8163 4.5395 11.9138 4.30397 12.0875 4.13031C12.2612 3.95665 12.4967 3.85909 12.7423 3.85909C12.9879 3.85909 13.2234 3.95665 13.3971 4.13031C13.5707 4.30397 13.6683 4.5395 13.6683 4.78509ZM16.6083 8.96509V8.97709L16.5553 12.3331C16.5418 13.5434 16.055 14.7004 15.1992 15.5563C14.3435 16.4123 13.1866 16.8993 11.9763 16.9131L8.60828 16.9651H8.59628L5.24028 16.9121C4.02995 16.8986 2.87299 16.4118 2.01702 15.5561C1.16104 14.7003 0.674051 13.5434 0.660276 12.3331L0.608276 8.96509V8.95309L0.661276 5.59709C0.674786 4.38676 1.16152 3.2298 2.01731 2.37383C2.8731 1.51785 4.02995 1.03086 5.24028 1.01709L8.60828 0.965088H8.62028L11.9763 1.01809C13.1866 1.0316 14.3436 1.51833 15.1995 2.37412C16.0555 3.22991 16.5425 4.38676 16.5563 5.59709L16.6083 8.96509ZM15.1183 8.96509L15.0663 5.62009C15.0569 4.79737 14.7259 4.01099 14.1442 3.4292C13.5624 2.84742 12.776 2.51644 11.9533 2.50709L8.60828 2.45509L5.26328 2.50709C4.44056 2.51644 3.65418 2.84742 3.07239 3.4292C2.49061 4.01099 2.15963 4.79737 2.15028 5.62009L2.09828 8.96509L2.15028 12.3101C2.15963 13.1328 2.49061 13.9192 3.07239 14.501C3.65418 15.0828 4.44056 15.4137 5.26328 15.4231L8.60828 15.4751L11.9533 15.4231C12.776 15.4137 13.5624 15.0828 14.1442 14.501C14.7259 13.9192 15.0569 13.1328 15.0663 12.3101L15.1183 8.96509ZM12.7163 8.96509C12.7163 10.0546 12.2835 11.0995 11.5131 11.8699C10.7427 12.6403 9.69779 13.0731 8.60828 13.0731C7.51877 13.0731 6.47388 12.6403 5.70348 11.8699C4.93308 11.0995 4.50028 10.0546 4.50028 8.96509C4.50028 7.87558 4.93308 6.83069 5.70348 6.06029C6.47388 5.28989 7.51877 4.85709 8.60828 4.85709C9.69779 4.85709 10.7427 5.28989 11.5131 6.06029C12.2835 6.83069 12.7163 7.87558 12.7163 8.96509ZM11.2263 8.96509C11.2263 8.27075 10.9505 7.60485 10.4595 7.11388C9.96851 6.62291 9.30261 6.34709 8.60828 6.34709C7.91394 6.34709 7.24804 6.62291 6.75707 7.11388C6.2661 7.60485 5.99028 8.27075 5.99028 8.96509C5.99028 9.65942 6.2661 10.3253 6.75707 10.8163C7.24804 11.3073 7.91394 11.5831 8.60828 11.5831C9.30261 11.5831 9.96851 11.3073 10.4595 10.8163C10.9505 10.3253 11.2263 9.65942 11.2263 8.96509Z' fill='%2374625d'/%3E%3C/svg%3E");
}
.feedback h3{
    text-align: center;
}
.feedback_form {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.feedback_form_inner {
    flex: 0 0 49%;
}
.feedback_form_inner.right {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 15px;
    height: 100%;
    justify-content: space-between;
}
.feedback_form_inner > .main_form_input{
    margin: 0px;
}
.feedback_form_inner.left,
textarea.feedback_form_text{
    max-height: 180px;
}
#map-yandex {
	position: relative;
	width: 100%;
	height: 250px;
	cursor: pointer;
	background-color: transparent;
}
.wpcf7-spinner{
    display: none !important;
}
@media screen and (max-width: 992px) {
	.main_vid{
		flex-direction: column-reverse;
	}
	.main_vid_text{
		margin: 0 0 20px;
	}
	.tagline {
		font-size: 20px;
		line-height: 24px;
	}
	.years{
		font-size: 60px;
		line-height: 50px;
	}
	header{
		flex-direction: column;
		height: auto;
	}
	#header{
		display: block;
		padding: 20px;
	}
	.main-navigation{
		display: none;
	}
	#header>.logo {
		width: 100%;
		min-height: 80px;
		margin: 0 0 20px 0;
	}
	#header>.phones{
		width: 100%;
	}
	#header>.phones>.phone_list{
		font-size: 22px;
		justify-content: center;
	}
	#header>.phones>.phone_list>.phone:first-child:after{
		width: 24px;
		height: 24px;
		top: 3px;
	}
	h2{
		font-size: 38px;
		line-height: 40px;
	}
	.vid_title{
		font-size: 32px;
		line-height: 32px;
	}
	h3{
		font-size: 24px;
		line-height: 26px;

	}
	.feedback_form{
	    flex-direction: column;
	    gap: 15px;
	}
	.feedback_form_inner{
	    width: 100%;
	}
	.feedback_form_inner.right{
	    justify-content: flex-start;
	}
}
@media screen and (max-width: 768px) {
	.main-bg{
		max-height: unset;
	}
	.services_text, .services_item.unq {
		flex: 0 0 100%;
	}
	.services_text{
		margin: 0 0 20px;
	}
	.main_form-inner>.wpcf7>.wpcf7-form{
		flex-direction: column;
	}
	.main_form_input{
		margin: 0 0 20px 0;
	}
	.advantage{
		flex-basis: 33%;
	}
	.main-bg{
		height: auto;
	}
	h1{
		font-size: 36px;
		line-height: 42px;
	}
	.footer>.logo{
		width: 100%;
		margin: 0 0 20px 0;
	}
	.footer{
		flex-direction: column;
	}
	.footer_text p{
		text-align: center;
	}
}
@media screen and (max-width: 560px) {
	#header>.logo{
		max-width: 120px;
		width: 35%;
	}
	#header{
		display: flex;
		padding: 0 15px;
	}
	#header>.phones>.phone_list{
		flex-direction: column;
		justify-content: flex-end;
		font-size: 14px;
	}
	#header>.phones>.phone_list>.phone{
		margin-right: 0;
		display: flex;
		justify-content: flex-end;
	}
	#header>.phones{
		width: 60%;
	}
	#header>.phones>.phone_list>.phone:first-child:after{
		content: unset;
	}
	h1 {
		font-size: 32px;
		line-height: 38px;
	}
	.tagline {
		font-size: 16px;
		line-height: 20px;
	}
	.tagline.second{
		font-size: 20px;
		font-weight: 600;
		margin: 0 0 50px;
		line-height: 24px;
	}
	.main-bg{
		max-height: 650px;
	}
	.screen{
		max-height: 650px;
		margin-bottom: 50px;
	}
	h2 {
		font-size: 28px;
		line-height: 36px;
	}
	p {
		font-size: 16px;
		line-height: 20px;
	}
	h3 {
		font-size: 18px;
		line-height: 27px;
	}
	.services_item.unq>h3{
		margin: 0 0 10px 0;
	}
	.services_item.unq{
		padding: 20px 15px;
	}
	.service_name{
		font-size: 16px;
		line-height: 18px;
	}
	.service_price{
		font-size: 14px;
		line-height: 16px;
	}
	.services_item.unq>.services_item_inner>.service_img{
		margin: 0px 15px 0 0;
	}
	.service_img{
		height: 40px;
	}
	.main_button{
		font-size: 14px;
		line-height: 16px;
	}
	.services_item>.main_button{
		padding: 8px 45px 8px 15px;
	}
	.services_item>.main_button:after{
		width: 20px;
		height: 14px;
	}
	.main_form>.tagline>.phone:first-child:after{
		content: unset;
	}
	.main_form>.tagline>.phone:first-child{
		padding-left: 0;
	}
	.popup_form{
		padding: 20px 35px;
	}
	.popup_form>.phones>.phone_list{
		flex-direction: column;
	}
	.popup-window .btn-close{
		padding: 0 10px;
		margin: 5px;
	}
	.vid_title {
		font-size: 22px;
		line-height: 28px;
	}
	.services, .advantages, .main_vid, .feedback, .main_form, .contact{
		margin: 0 0 50px;
	}
	.phone_icons{
		justify-content: flex-end;
	}
}