/*
Theme Name: Invest Pro
Theme URI: https://wordpress.org/
Description: Тема для Wordpress
Author: Divster
Author URI: http://divster.name/
Version: 100.0
*/
@font-face{
	font-family: 'Roboto';
	src: local('Roboto'), local('Roboto-Regular'),
		url('../fonts/Roboto-Regular.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
@font-face{
	font-family: 'Roboto';
	src: local('Roboto Medium'), local('Roboto-Medium'),
		url('../fonts/Roboto-Medium.woff2') format('woff2');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}
@font-face{
	font-family: 'Roboto';
	src: local('Roboto Bold'), local('Roboto-Bold'),
		url('../fonts/Roboto-Bold.woff2') format('woff2');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}
@font-face{
	font-family: 'Tomorrow';
	src: local('Tomorrow'), local('Tomorrow-Regular'),
		url('../fonts/Tomorrow-Regular.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
@font-face{
	font-family: 'Tomorrow';
	src: local('Tomorrow Medium'), local('Tomorrow-Medium'),
		url('../fonts/Tomorrow-Medium.woff2') format('woff2');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}


:root {
   /* Основные цвета (можно изменять через админку) */
   --header-color: #E4E8EB;
   --main-background: #F5F7FA;
   --svg-bg-color: #E8EBED;
   --footer-color: #fff;
   --footer-main: #203A43;
   --light-blue-color: #D6E5E9;
   --blue-title-color: #437B94;
   
   /* Градиенты на основе цветов админки */
   --gradient-primary: linear-gradient(135deg, var(--blue-title-color) 0%, var(--footer-main) 100%);
   --gradient-secondary: linear-gradient(135deg, var(--complain-color) 0%, var(--complain-addcolor) 100%);
   --gradient-success: linear-gradient(135deg, var(--blue-title-color) 0%, var(--light-blue-color) 100%);
   --gradient-warning: linear-gradient(135deg, var(--complain-color) 0%, var(--complain-addcolor) 100%);
   
   /* Неоморфизм - тени и эффекты */
   --shadow-light: 8px 8px 16px rgba(0, 0, 0, 0.1);
   --shadow-dark: inset 8px 8px 16px rgba(0, 0, 0, 0.1);
   --shadow-card: 0 10px 30px rgba(0, 0, 0, 0.08);
   --shadow-button: 0 4px 15px rgba(0, 0, 0, 0.1);
   --shadow-inset: inset 2px 2px 5px rgba(0, 0, 0, 0.05);
   
   /* Скругления */
   --border-radius-sm: 8px;
   --border-radius-md: 12px;
   --border-radius-lg: 16px;
   --border-radius-xl: 24px;
   
   /* Переходы */
   --transition-fast: 0.2s ease;
   --transition-normal: 0.3s ease;
   --transition-slow: 0.5s ease;
   
   /* Типографика */
   --font-size-xs: 12px;
   --font-size-sm: 14px;
   --font-size-base: 16px;
   --font-size-lg: 18px;
   --font-size-xl: 20px;
   --font-size-2xl: 24px;
   --font-size-3xl: 32px;
   
   /* Цвета текста */
   --text-primary: #2D3748;
   --text-secondary: #4A5568;
   --text-muted: #718096;
   
   /* Статусы */
   --status-success: #48BB78;
   --status-warning: #ED8936;
   --status-error: #F56565;
   --status-info: #4299E1;
}

/* Eric Meyer's CSS Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section{
	display: block;
}
ol, ul{
	list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=);
	list-style-type: none;
	list-style: none;
}
blockquote, q{
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after{
	content: '';
	content: none;
}
table{
	border-collapse: collapse;
	border-spacing: 0;
}
/* End of Eric Meyer's CSS Reset */
*{
	box-sizing: border-box;
}
html{
	height: 100%;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary{
	display: block;
}
body{
	font-family: 'Roboto', sans-serif;
	font-size: var(--font-size-base);
	line-height: 1.6;
	color: var(--text-primary);
	height: 100%;
	background: var(--main-background);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
body.not-scroll{
	overflow-y: hidden;
}
textarea,input[type=text],input[type=email],input[type=password],input[type=search],input[type=tel],input[type=number]{
	font-family: 'Roboto', sans-serif;
	border: 1px solid #666;
	background: #fff;
	color: #111;
	outline: none;
}
input[type=submit], button{
	margin: 0;
	-webkit-appearance: none;
	font-family: 'Roboto', sans-serif;
	outline: none;
	cursor: pointer;
	color: #111;
}
button::-moz-focus-inner{
	border: 0;
}
.inner{
	min-width: 290px;
	max-width: 1490px;
	margin: 0 auto;
}
a{
	color: #111;
	text-decoration: underline;
	outline: none;
}
a:hover{
	text-decoration: none;
}
.slick-slide{
	outline: none !important;
}
img, svg{
	max-width: 100%;
	height: auto;
}
:invalid{
	box-shadow: none;
}
strong{
	font-weight: 500;
}
em{
	font-style: italic;
}
.site-wrapper{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	min-height: 100%;
	overflow: hidden;
	position: relative;
	background: var(--main-background);
}
.site-container{
	-webkit-box-flex: 1;
	-ms-flex: 1 0 auto;
	flex: 1 0 auto;
}

/* Header
-----------------------------------------------------------------------------*/
.site-header{
	background: var(--header-color);
}
.site-header__container{
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
	padding: 15px 0 17px;
}
.header-brand {
	display: flex;
	align-items: center;
	flex-shrink: 0;
}

.header-logo{
	width: 179px;
	margin-right: 20px;
}
.header-logo svg{
	fill: #111;
}
.header-slogan{
	position: relative;
	padding-left: 40px;
	font-size: 15px;
	line-height: 18px;
	margin: 5px 0 0;
}
.header-slogan:before{
	content: '';
	display: block;
	width: 21px;
	height: 12px;
	background-image: url("data:image/svg+xml,%3Csvg width='21' height='12' viewBox='0 0 21 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.5303 6.53033C20.8232 6.23744 20.8232 5.76256 20.5303 5.46967L15.7574 0.696699C15.4645 0.403806 14.9896 0.403806 14.6967 0.696699C14.4038 0.989592 14.4038 1.46447 14.6967 1.75736L18.9393 6L14.6967 10.2426C14.4038 10.5355 14.4038 11.0104 14.6967 11.3033C14.9896 11.5962 15.4645 11.5962 15.7574 11.3033L20.5303 6.53033ZM0 6.75H20V5.25H0V6.75Z' fill='%23437B94'/%3E%3C/svg%3E%0A");
	position: absolute;
	top: 3px;
	left: 0;
}
.header-nav-desktop {
	display: flex;
	align-items: center;
}

.header-nav-desktop .site-nav__menu {
	display: flex;
	gap: 16px;
	margin: 0;
}

.header-nav-desktop .site-nav__menu li {
	flex: none;
	max-width: none;
}

.header-nav-desktop .site-nav__menu a {
	height: 48px;
	padding: 0 16px;
	gap: 6px;
}

.header-nav-desktop .nav-icon {
	width: 28px;
	height: 28px;
}

.header-nav-desktop .nav-icon svg {
	width: 14px;
	height: 14px;
}

.header-nav-desktop .nav-text {
	font-size: var(--font-size-xs);
}

/* Десктопное подменю */
.header-submenu-desktop {
	display: flex;
	justify-content: center;
	padding-top: 15px;
	padding-bottom: 15px;
	border-top: 1px solid rgba(67, 123, 148, 0.1);
}

.header-submenu-desktop .site-nav__submenu {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	padding: 0;
	background: transparent;
	border: none;
	box-shadow: none;
}

.header-submenu-desktop .site-nav__submenu li {
	margin: 0;
}

.header-submenu-desktop .site-nav__submenu li a {
	display: flex;
	align-items: center;
	padding: 6px 12px;
	font-weight: 500;
	font-size: var(--font-size-xs);
	line-height: 1.2;
	color: var(--text-secondary);
	text-decoration: none;
	border-radius: var(--border-radius-sm);
	transition: all var(--transition-normal);
	background: transparent;
}

.header-submenu-desktop .site-nav__submenu li a:hover,
.header-submenu-desktop .site-nav__submenu li.current a {
	color: var(--blue-title-color);
	background: rgba(67, 123, 148, 0.1);
}

.header-submenu-desktop .submenu-dot {
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: var(--text-secondary);
	margin-right: 6px;
	transition: all var(--transition-normal);
}

.header-submenu-desktop .site-nav__submenu li.current .submenu-dot {
	background: var(--blue-title-color);
	transform: scale(1.2);
}

.touch-menu{
	display: none;
}
.fixed-header{
	display: none;
}
/* Navigation
-----------------------------------------------------------------------------*/
.site-nav{
	margin-bottom: 40px;
	position: relative;
	z-index: 10;
	display: none; /* Скрываем на десктопе */
}

/* Уменьшенный отступ для главной страницы */
body.home .site-nav {
	margin-bottom: 10px;
}

.nav-container {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.nav-main {
	display: flex;
	justify-content: center;
}

.nav-sub {
	display: flex;
	justify-content: center;
	margin-bottom: 20px;
}
.site-nav__menu{
	display: flex;
	margin: 0 -8px;
	gap: 16px;
}
.site-nav__menu li{
	flex: 1;
	max-width: 280px;
}
.site-nav__menu a{
	height: 60px;
	padding: 0 20px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	background: transparent;
	border-radius: var(--border-radius-md);
	text-decoration: none;
	color: var(--text-primary);
	transition: all var(--transition-normal);
	position: relative;
	overflow: hidden;
	border: none;
	gap: 8px;
	white-space: nowrap;
}

.site-nav__menu a:hover {
	transform: translateY(-2px);
}

.site-nav__menu li.current a {
	background: transparent;
	color: var(--text-primary);
	transform: translateY(-2px);
}

.site-nav__menu li.current .nav-icon {
	background: var(--blue-title-color);
}

.site-nav__menu li.current .nav-text {
	color: var(--blue-title-color);
}
.nav-icon {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 32px;
	height: 32px;
	background: var(--blue-title-color);
	border-radius: 50%;
	transition: all var(--transition-normal);
	position: relative;
	z-index: 2;
	flex-shrink: 0;
}

.nav-icon svg {
	width: 16px;
	height: 16px;
	color: #fff;
	transition: all var(--transition-normal);
}

.nav-text {
	font-weight: 600;
	font-size: var(--font-size-sm);
	line-height: 1.2;
	text-align: left;
	transition: all var(--transition-normal);
	position: relative;
	z-index: 2;
	color: var(--text-primary);
}

.site-nav__menu a:hover .nav-icon {
	background: var(--blue-title-color);
	transform: scale(1.1);
	opacity: 0.8;
}

.site-nav__menu a:hover .nav-text {
	color: var(--blue-title-color);
}
.site-nav__submenu{
	display: flex;
	flex-wrap: wrap;
	padding: 16px 24px;
	background: rgba(255,255,255,0.9);
	backdrop-filter: blur(15px);
	border-radius: var(--border-radius-lg);
	box-shadow: var(--shadow-light);
	border: 1px solid rgba(255, 255, 255, 0.3);
	gap: 8px;
}
.site-nav__submenu li{
	margin: 0;
}

.submenu-dot {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: var(--blue-title-color);
	margin-right: 8px;
	transition: all var(--transition-normal);
}

.site-nav__submenu li.current .submenu-dot {
	background: var(--footer-main);
	transform: scale(1.2);
}
.site-nav__submenu li a{
	display: flex;
	align-items: center;
	padding: 8px 16px;
	font-weight: 600;
	font-size: var(--font-size-sm);
	line-height: 1.2;
	color: var(--text-secondary);
	text-decoration: none;
	border-radius: var(--border-radius-md);
	transition: all var(--transition-normal);
}
.site-nav__submenu li a:before{
	/* content: ''; */
	display: block;
	width: 6px;
	height: 6px;
	background: rgba(17,17,17,0.07);
	border-radius: 50%;
	position: absolute;
	top: 6px;
	left: 0;
}
.site-nav__submenu li a:hover,
.site-nav__submenu li.current a{
	color: var(--blue-title-color);
	background: rgba(67, 123, 148, 0.1);
}
.site-nav__submenu li a:hover:before,
.site-nav__submenu li.current a:before{
	background: #1C80AD;
}

/* Content
-----------------------------------------------------------------------------*/
.site-content{
	position: relative;
	padding: 10px 0 20px;
}
.site-content__decor-1{
	position: absolute;
	top: 50px;
	left: calc((100vw - 1490px)/2 - 521px);
}
.site-content__decor-2{
	position: absolute;
	top: 29px;
	right: calc((100vw - 1490px)/2 - 600px);
}
.site-content__decor-3{
	position: absolute;
	top: 703px;
	right: calc((100vw - 1490px)/2 - 255px);
}
.site-content__decor-4{
	position: absolute;
	top: 1025px;
	left: calc((100vw - 1490px)/2 - 154px);
}
.site-content__decor-5{
	position: absolute;
	top: 1630px;
	left: calc((100vw - 1490px)/2 - 470px);
}
.site-content__decor-6{
	position: absolute;
	top: 1855px;
	right: calc((100vw - 1490px)/2 - 393px);
}
.site-content__decor-7{
	position: absolute;
	top: 2437px;
	left: calc((100vw - 1490px)/2 - 586px);
}
.site-content__decor-8{
	position: absolute;
	top: 2565px;
	right: calc((100vw - 1490px)/2 - 522px);
}
.site-content__container{
	display: flex;
	flex-direction: column;
	position: relative;
}
.page-title{
	font-weight: 700;
	font-size: 44px;
	line-height: 40px;
	margin: 0 61px 6px 0;
	padding: 20px 70px 25px;
	margin: 0 -70px 30px;
	position: relative;
	background: linear-gradient(90deg, rgba(255,255,255,0.4) 0%, rgba(255, 255, 255, 0) 100.47%);
}
.page-title h2,.page-title h1{
	display: inline;
	background: linear-gradient(90deg, var(--blue-title-gradient1) 0%, var(--blue-title-gradient2) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
	position: relative;
}
.page-title span{
	background: none;
	-webkit-background-clip: unset;
	-webkit-text-fill-color:  var(--blue-title-color);
	background-clip: unset;
	text-fill-color:  var(--blue-title-color);
	color: var(--blue-title-color);
}
.breadcrumbs{
	display: flex;
	flex-wrap: wrap;
	font-size: 14px;
	line-height: 16px;
	color: #616E77;
	margin: 8px 0 11px;
}
.breadcrumbs li{
	margin-bottom: 10px;
}
.breadcrumbs li:not(:last-child):after{
	content: '';
	display: inline-block;
	border-top: 3px solid transparent;
	border-left: 5px solid rgba(97,110,119,0.4);
	border-bottom: 3px solid transparent;
	margin: 0 11px 0 10px;
}
.breadcrumbs li a{
	color: #616E77;
	text-decoration: none;
}
.breadcrumbs li a:hover{
	color: #111;
	text-decoration: none;
}
.pagination{
	display: flex;
	justify-content: center;
	padding: 13px 0 0px;
	background: rgba(255, 255, 255, 0.8);
	backdrop-filter: blur(10px);
	border-radius: var(--border-radius-lg);
	box-shadow: var(--shadow-light);
	border: 1px solid rgba(255, 255, 255, 0.2);
	margin: 20px 0;
}
.pagination a,
.pagination span{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 48px;
	height: 48px;
	background: #fff;
	border-radius: var(--border-radius-md);
	font-family: 'Tomorrow', sans-serif;
	font-weight: 600;
	font-size: 18px;
	line-height: 30px;
	text-align: center;
	text-decoration: none;
	margin: 0 6px 10px;
	box-shadow: var(--shadow-button);
	transition: all var(--transition-normal);
	color: var(--text-primary);
}

.pagination a:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 25px rgba(67, 123, 148, 0.3);
	background: linear-gradient(135deg, var(--blue-title-color) 0%, var(--footer-main) 100%);
	color: #fff;
}
.pagination span{
	background: linear-gradient(135deg, var(--blue-title-color) 0%, var(--footer-main) 100%);
	box-shadow: 0 8px 25px rgba(67, 123, 148, 0.4);
	color: #fff;
	cursor: default;
	user-select: none;
	transform: translateY(-2px);
}
.pagination .dots{
	background: #fff;
	box-shadow: none;
	color: #111;
}
.pagination a.prev,.pagination a.next{
	width: 110px;
	font-family: 'Roboto';
	font-weight: 700;
	font-size: 12px;
	line-height: 20px;
	text-align: center;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}
.pagination a i{
	display: block;
	line-height: 0;
}
.pagination a svg{
	fill: var(--blue-title-color);
}
.pagination a.prev{
	margin-right: 25px;
}
.pagination a.prev i{
	margin-right: 15px;
}
.pagination a.next{
	margin-left: 25px;
}
.pagination a.next i{
	transform: scaleX(-1);
	margin-left: 15px;
}
.mobile-menu,.mobile-sidebar{
	display: none;
}
/* SEO Content
-----------------------------------------------------------------------------*/
.section-seo{
	order: 100;
	background: #fff;
	border-radius: 20px;
	padding: 35px 40px 25px;
	margin-bottom: 40px;
}
.seo-body{
	font-size: 14px;
	line-height: 25px;
}
.seo-body p{
	margin-bottom: 15px;
}
.seo-body h1{
	font-weight: 700;
	font-size: 44px;
	line-height: 40px;
	margin-bottom: 18px;
}
.seo-body h2{
	font-weight: 700;
	font-size: 30px;
	line-height: 40px;
	margin-bottom: 8px;
}
.seo-body ol{
	counter-reset: ol;
	margin-bottom: 12px;
}
.seo-body ol li{
	position: relative;
	padding-left: 30px;
	margin-bottom: 10px;
}
.seo-body ol li:before{
	content: counter(ol) '.';
	counter-increment: ol;
	font-family: 'Tomorrow', sans-serif;
	font-weight: 500;
	font-size: 17px;
	line-height: 20px;
	color: #437B94;
	position: absolute;
	top: 0;
	left: 0;
}
.seo-body ul{
	counter-reset: ol;
	margin-bottom: 12px;
}
.seo-body ul li{
	position: relative;
	padding-left: 27px;
	margin-bottom: 10px;
}
.seo-body ul li:before{
	content: '';
	display: block;
	width: 14px;
	height: 12px;
	background: url("data:image/svg+xml,%3Csvg width='14' height='12' viewBox='0 0 14 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 6L5.32873 10L12 2' stroke='%23437B94' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat 0 0 / 100% auto;
	position: absolute;
	top: 5px;
	left: 0;
}
/* Post Content
-----------------------------------------------------------------------------*/
.post-body{
	font-size: 18px;
	line-height: 30px;
}
.post-body a{
	font-weight: 700;
	color: #437B94;
}
/* .post-body p{
	margin-bottom: 26px;
} */
.post-body p{
	margin-bottom: 20px;
  }
.post-body h1{
	font-weight: 700;
	font-size: 30px;
	line-height: 40px;
	margin-bottom: 17px;
	background: linear-gradient(90deg, #0F2027 0%, #203A43 50%, #2C5364 100%);
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}
.post-body h1 span{
	color: #437B94;
}
.post-body h2{
	font-weight: 700;
	font-size: 24px;
	line-height: 30px;
	margin: 28px 0 22px;
}
.post-body h3{
	font-weight: 700;
	font-size: 20px;
	line-height: 30px;
	margin: 28px 0 22px;
}
.post-body ol{
	counter-reset: ol;
	margin-bottom: 12px;
}
.post-body ol li{
	position: relative;
	padding-left: 30px;
	margin-bottom: 20px;
}
.post-body ol li:before{
	content: counter(ol) '.';
	counter-increment: ol;
	font-family: 'Tomorrow', sans-serif;
	font-weight: 600;
	font-size: 17px;
	line-height: 20px;
	color: #437B94;
	position: absolute;
	top: 4px;
	left: 0;
}
.post-body ul{
	counter-reset: ol;
	/* margin-bottom: 30px; */
	margin-bottom: 20px;
}
.post-body ul li{
	position: relative;
	padding-left: 27px;
	margin-bottom: 20px;
}
.post-body ul li:before{
	content: '';
	display: block;
	width: 14px;
	height: 12px;
	background: url("data:image/svg+xml,%3Csvg width='14' height='12' viewBox='0 0 14 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 6L5.32873 10L12 2' stroke='%23437B94' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat 0 0 / 100% auto;
	position: absolute;
	top: 9px;
	left: 0;
}
.post-body li p{
	margin-bottom: 20px;
}
.post-body img{
	line-height: 0;
	border: 5px solid #FFFFFF;
	box-shadow: 0px 2px 15px #E6E6E6;
	border-radius: 20px;
}
.post-body blockquote{
	position: relative;
	padding: 30px 50px 30px 100px;
	background: #EEF1F3;
	margin: 31px -50px 37px;
	font-weight: 500;
	clear: both;
}
.post-body blockquote:before{
	content: '';
	display: block;
	width: 30px;
	height: 30px;
	background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 30C6.69231 30 0 23.3077 0 15C0 6.69231 6.69231 0 15 0C23.3077 0 30 6.69231 30 15C30 23.3077 23.3077 30 15 30ZM15.0008 22.8333C13.8008 22.8333 12.8342 21.8667 12.8342 20.6667C12.8342 19.4667 13.8008 18.5 15.0008 18.5C16.2008 18.5 17.1675 19.4667 17.1675 20.6667C17.1675 21.8667 16.2008 22.8333 15.0008 22.8333ZM15.0028 15.6667C14.0862 15.6667 13.3362 14.9167 13.3362 14.0001V7.33341C13.3362 6.41675 14.0862 5.66675 15.0028 5.66675C15.9195 5.66675 16.6695 6.41675 16.6695 7.33341V14.0001C16.6695 14.9167 15.9195 15.6667 15.0028 15.6667Z' fill='%23437B94'/%3E%3C/svg%3E%0A");
	position: absolute;
	top: 31px;
	left: 50px;
}
.post-gallery{
	display: inline-block;
	width: 300px;
	max-height: 415px;
	border: 5px solid #fff;
	border-radius: 20px;
	box-shadow: 0px 2px 15px #E6E6E6;
	max-width: 100%;
	overflow: hidden;
	line-height: 0;
	position: relative;
	z-index: 1;
	clear: right;
}
.post-gallery img{
	width: 100%;
	height: 100%;
	max-height: 100%;
	object-fit: cover;
	border: none;
	box-shadow: none;
}
.post-gallery__slide{
	display: none;
}
.post-gallery__slide:first-child{
	display: block;
}
.post-gallery__slide a{
	height: 405px;
	display: block;
	position: relative;
}
.post-gallery__slide span{
	display: block;
	position: relative;
}
.post-gallery__slide a:before{
	content: '';
	display: block;
	background: linear-gradient(90deg, rgba(43,76,90,0.6) 0%, rgba(32,58,67,0.6) 50%, rgba(44,83,100,0.6) 100%);
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	opacity: 0;
}
.post-gallery__slide a:after{
	content: '';
	display: block;
	width: 40px;
	height: 38px;
	background: url("data:image/svg+xml,%3Csvg width='40' height='38' viewBox='0 0 40 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18 3.8C10.268 3.8 4 9.75461 4 17.1C4 24.4454 10.268 30.4 18 30.4C25.732 30.4 32 24.4454 32 17.1C32 9.75461 25.732 3.8 18 3.8ZM0 17.1C0 7.65593 8.05887 0 18 0C27.9411 0 36 7.65593 36 17.1C36 26.5441 27.9411 34.2 18 34.2C8.05887 34.2 0 26.5441 0 17.1Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M27.8858 26.4915C28.6668 25.7495 29.9332 25.7495 30.7142 26.4915L39.4142 34.7565C40.1953 35.4985 40.1953 36.7015 39.4142 37.4435C38.6332 38.1855 37.3668 38.1855 36.5858 37.4435L27.8858 29.1785C27.1047 28.4365 27.1047 27.2335 27.8858 26.4915Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18 9.5C19.1046 9.5 20 10.3507 20 11.4V22.8C20 23.8493 19.1046 24.7 18 24.7C16.8954 24.7 16 23.8493 16 22.8V11.4C16 10.3507 16.8954 9.5 18 9.5Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 17.1C10 16.0507 10.8954 15.2 12 15.2H24C25.1046 15.2 26 16.0507 26 17.1C26 18.1493 25.1046 19 24 19H12C10.8954 19 10 18.1493 10 17.1Z' fill='white'/%3E%3C/svg%3E ") no-repeat center / 100% auto;
	position: absolute;
	top: calc(50% - 19px);
	right: calc(50% - 20px);
	opacity: 0;
	transition: all 0.2s;
}
.post-gallery__slider a:hover:before,
.post-gallery__slider a:hover:after{
	opacity: 1;
}
.post-gallery .slick-arrow{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 40px;
	height: 40px;
	background: rgba(17,17,17,0.3);
	border-radius: 20px;
	position: absolute;
	top: calc(50% - 20px);
	z-index: 1;
	cursor: pointer;
}
.post-gallery .slick-arrow.slick-prev{
	left: 20px;
	transform: scaleX(-1);
}
.post-gallery .slick-arrow.slick-next{
	right: 20px;
}
.post-gallery .slick-arrow.slick-disabled{
	visibility: hidden;
}
.post-gallery .slick-arrow svg{
	fill: #fff;
}
.block-payment{
	background: #F5F7F9;
	padding: 25px 50px 10px;
	margin: 30px -50px 30px;
	clear: both;
}
.block-payment__title{
	font-weight: 700;
	font-size: 19px;
	line-height: 30px;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: #437B94;
	margin-bottom: 16px;
}
.block-payment__list{
	font-weight: 500;
	font-size: 18px;
	line-height: 20px;
}
.block-payment__list li{
	margin-bottom: 20px;
}
.block-payment__list li:before{
	content: '';
	display: block;
	width: 0 !important;
	height: 0 !important;
	border-top: 3px solid transparent;
	border-left: 6px solid #437B94;
	border-bottom: 3px solid transparent;
	background: none !important;
	position: absolute;
	top: 8px !important;
	left: 0 !important;
	pointer-events: none;
}
.block-payment__list li a{
	font-weight: 500;
	color: #111;
	text-decoration: none;
}

.block-best{
	background: #FAF8E6;
	margin: 36px -50px 33px;
	clear: both;
}
.block-best__title{
	padding: 7px 50px 9px;
	background: linear-gradient(90deg, rgba(235,184,3,0.2) 0%, rgba(235, 184, 3, 0) 100.47%);
	font-weight: 700;
	font-size: 24px;
	line-height: 30px;
	color: #26210D;
}
.block-best__content{
	padding: 17px 50px 10px;
}
.block-best__head{
	display: flex;
	align-items: center;
	margin-bottom: 16px;
}
.block-best__info{
	display: flex;
	align-items: center;
	margin-right: 25px;
}
.block-best__image{
	width: 30px;
	height: 30px;
	border: 1px solid #fff;
	border-radius: 50%;
	flex-shrink: 0;
	margin-right: 12px;
}
.block-best__image img{
	display: block;
	width: 100%;
	height: 100%;
	border: none;
	object-fit: cover;
	border-radius: 50% !important;
}
.block-best__name{
	font-weight: 600;
	font-size: 20px;
	line-height: 26px;
}
.block-best__name a{
	color: #111;
	text-decoration: none;
}
.block-best__reviews a{
	font-weight: 500;
	font-size: 15px;
	line-height: 20px;
	margin: 3px 0 0;
}
.block-best__reviews a{
	display: inline-flex;
	align-items: center;
	color: #D3A500;
	text-decoration: none;
}
.block-best__reviews a i{
	display: block;
	line-height: 0;
	margin-left: 8px;
}
.block-best__reviews a svg{
	fill: #D3A500;
}
.block-best__list{
	display: flex;
	flex-wrap: wrap;
	font-size: 18px;
	line-height: 21px;
	margin: 0 !important;
}
.block-best__list li{
	position: relative;
	padding-left: 23px !important;
	margin: 0 22px 10px 0 !important;
}
.block-best__list li:before{
	content: '';
	display: block;
	width: 14px;
	height: 12px;
	background: url("data:image/svg+xml,%3Csvg width='14' height='12' viewBox='0 0 14 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 6L5.32873 10L12 2' stroke='%23E1B103' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat 0 0 / 100% auto !important;
	position: absolute;
	top: 4px !important;
	left: 0;
}
.block-quote{
	padding: 30px 50px 30px 110px;
	background: rgba(233,214,214,0.5);
	margin: 30px -50px 37px;
	position: relative;
	font-weight: 500;
	font-size: 18px;
	line-height: 30px;
	clear: both;
}
.block-quote:before{
	content: '';
	display: block;
	width: 40px;
	height: 33px;
	background: url("data:image/svg+xml,%3Csvg width='40' height='33' viewBox='0 0 40 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.9999 0.0625H14.0001C15.1061 0.0625 16 0.958618 16 2.06274C16 3.1665 15.1061 4.06262 14.0001 4.06262H11.9999C7.58813 4.06262 4 7.65076 4 12.0625V16.1648C4.3241 16.0985 4.65808 16.0626 5.00012 16.0626H11.0001C13.7581 16.0626 16 18.3068 16 21.0625V27.0625C16 29.8186 13.7581 32.0627 11.0001 32.0627H5.00012C2.24182 32.0627 -0.00012207 29.8186 -0.00012207 27.0625V12.0625C-0.00012207 5.4447 5.38208 0.0625 11.9999 0.0625Z' fill='%23111111'/%3E%3Cpath d='M35.9999 0.0625H38.0001C39.1061 0.0625 40 0.958618 40 2.06274C40 3.1665 39.1061 4.06262 38.0001 4.06262H35.9999C31.5881 4.06262 28 7.65076 28 12.0625V16.1648C28.3241 16.0985 28.6581 16.0626 29.0001 16.0626H35.0001C37.7581 16.0626 40 18.3068 40 21.0625V27.0625C40 29.8186 37.7581 32.0627 35.0001 32.0627H29.0001C26.2418 32.0627 23.9999 29.8186 23.9999 27.0625V12.0625C23.9999 5.4447 29.3821 0.0625 35.9999 0.0625Z' fill='%23111111'/%3E%3C/svg%3E%0A") no-repeat 0 0 / 100% auto;
	opacity: 0.2;
	position: absolute;
	top: 35px;
	left: 50px;
}
.block-quote a{
	display: inline-flex;
	align-items: center;
	color: #7A3131;
	text-decoration: none;
	margin-left: 10px;
}
.block-quote a svg{
	fill: #7A3131;
}
.block-quote a i{
	display: block;
	line-height: 0;
	margin-left: 10px;
}
.block-project{
	position: relative;
	background: #F5F7F9;
	margin: 41px -50px;
	clear: both;
}
.block-project__head{
	background: linear-gradient(90deg, rgba(67, 123, 148, 0.1) 0%, rgba(67, 123, 148, 0) 100.47%);
	margin: 0 0 2px;
	padding: 10px 50px;
}
.block-project__headline{
	width: 390px;
	max-width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.block-project__title{
	font-weight: 700;
	font-size: 24px;
	line-height: 30px;
	color: #437B94;
}
.block-project__title span{
	background: linear-gradient(90deg, #0F2027 0%, #203A43 50%, #2C5364 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
}
.block-project__all{
	font-weight: 500;
	font-size: 15px;
	line-height: 20px;
}
.block-project__all a{
	color: #437B94;
}
.block-project__container{
	padding: 0 50px;
}
.block-project__item{
	width: 390px;
	max-width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	min-height: 55px;
	padding: 7px 0;
	border-bottom: 1px dashed rgba(97,110,119,0.3);
}
.block-project__item:last-child{
	border: none;
}
.block-project__content{
	display: flex;
	align-items: center;
}
.block-project__number{
	width: 20px;
	font-family: 'Tomorrow', sans-serif;
	font-weight: 500;
	font-size: 15px;
	line-height: 20px;
	color: #437B94;
	flex-shrink: 0;
}
.block-project__image{
	width: 32px;
	height: 32px;
	border: 2px solid #fff;
	border-radius: 50%;
	flex-shrink: 0;
	margin-right: 13px;
}
.block-project__image img{
	display: block;
	width: 100%;
	height: 100%;
	border: none;
	border-radius: 50%;
	object-fit: cover;
}
.block-project__name{
	font-weight: 600;
	font-size: 16px;
	line-height: 20px;
}
.block-project__name a{
	color: #111;
	text-decoration: none;
}
.block-project__reviews a{
	flex-shrink: 0;
	font-weight: 500;
	font-size: 14px;
	line-height: 18px;
	text-align: right;
	margin-left: 20px;
}
.block-project__reviews a{
	color: rgba(97,110,119,0.5);
	text-decoration: none;
}
.social-likes{
	display: none;
}
.social-likes_visible{
	display: flex;
	gap: 8px;
}
.social-likes__widget:not(:first-child){
	margin-left: 0;
}
.social-likes__button{
	width: 42px;
	height: 42px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
	cursor: pointer;
	transition: all var(--transition-fast);
	border: 1px solid rgba(255, 255, 255, 0.2);
}
.social-likes__icon{
	display: none;
}
.social-likes__button svg{
	transform: scale(1.1);
	fill: rgba(97,110,119,0.6);
	transition: all var(--transition-fast);
}
.social-likes__button:hover {
	transform: translateY(-2px);
	box-shadow: 0px 8px 25px rgba(0, 0, 0, 0.15);
}
.social-likes__button:hover svg{
	fill: rgba(97,110,119,1);
	transform: scale(1.2);
}
.post-body #ez-toc-container{
	display: none !important;
}
/* Sections
-----------------------------------------------------------------------------*/
.section-best{
	position: relative;
	margin-bottom: 42px;
}
.section-best:before{
	content: '';
	display: block;
	height: 70px;
	border-radius: 0 0 10px 10px;
	background: rgba(97,110,119,0.1);
	box-shadow: 0px 0px 50px -25px rgba(0, 0, 0, 0.8);
	backdrop-filter: blur(100px);
	position: absolute;
	left: 15px;
	right: 15px;
	bottom: -5px;
}
.section-best__inner{
	position: relative;
	padding: 25px 30px 0;
	background: #fff;
	box-shadow: inset 0px 0px 10px rgba(21, 57, 79, 0.05);
	border-radius: 20px;
}
.section-best__header{
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: linear-gradient(90deg, rgba(67, 123, 148, 0.1) 0%, rgba(67, 123, 148, 0) 100.47%);
	padding: 3px 30px;
	margin: 0 -30px 17px;
}
.section-best__title{
	font-weight: 700;
	font-size: 30px;
	line-height: 40px;
	color: #437B94;
}
.section-best__title span{
	background: linear-gradient(90deg, #0f2027de 0%, #203A43 50%, #2C5364 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
}
.section-best__arrows{
	display: flex;
	margin-top: 2px;
}
.section-best__prev,.section-best__next{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 40px;
	height: 40px;
	background: #437B94;
	box-shadow: 0px 5px 10px rgba(22, 84, 112, 0.2), inset 0px 0px 7px rgba(255, 255, 255, 0.5);
	border-radius: 20px;
	padding-left: 2px;
	margin-left: 20px;
	flex-shrink: 0;
	cursor: pointer;
}
.section-best__prev svg,.section-best__next svg{
	fill: #fff;
}
.section-best__prev{
	transform: scale(-1);
}
.section-best__slider{
	margin: 0 -30px 0 -10px;
}
.section-best__slider:not(.slick-initialized){
	visibility: hidden;
	height: 228px;
}
.section-best__slide{
	padding: 0 10px 28px;
}
.section-best__item{
	width: 272px;
	position: relative;
}
.section-best__item:before{
	content: '';
	display: block;
	height: 70px;
	border-radius: 0 0 10px 10px;
	background: linear-gradient(104.12deg, rgba(255, 255, 255, 0.48) 10.05%, rgba(255, 255, 255, 0.126) 89.95%);
	box-shadow: 0px 0px 50px -25px rgba(0, 0, 0, 0.8);
	backdrop-filter: blur(100px);
	position: absolute;
	left: 15px;
	right: 15px;
	bottom: -5px;
}
.section-best__content{
	padding: 4px 15px 15px;
	background: linear-gradient(to bottom, rgba(14,48,69,1) 0%,rgba(17,76,115,1) 50%,rgba(14,48,69,1) 100%);
	border-radius: 10px 30px 10px 10px;
	backdrop-filter: blur(30px);
	color: #fff;
	position: relative;
}
.section-best__head{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 8px;
}
.section-best__name{
	font-weight: 500;
	font-size: 20px;
	line-height: 25px;
	color: #fff;
	margin: 3px 10px 0 0;
}
.section-best__name a{
	color: #fff;
	text-decoration: none;
}
.section-best__rating{
	width: 108px;
	height: 54px;
	padding: 5px 56px 5px 10px;
	flex-shrink: 0;
	background: rgba(255, 255, 255, 0.9);
	backdrop-filter: blur(10px);
	border-radius: 30px;
	position: relative;
	font-weight: 500;
	font-size: 8px;
	line-height: 20px;
	text-align: center;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: #111;
	margin: 0 -11px 0 0;
}
.section-best__image{
	content: '';
	display: block;
	width: 54px;
	height: 54px;
	background: #000;
	border: 2px solid #2C5167;
	border-radius: 50%;
	position: absolute;
	top: 0;
	right: 0;
}
.section-best__image img{
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	object-fit: cover;
}
.section-best__rating span{
	display: block;
	font-family: 'Tomorrow', sans-serif;
	font-weight: 500;
	font-size: 24px;
	line-height: 15px;
	color: #437B94;
}
.section-best__list{
	font-size: 15px;
	line-height: 18px;
	color: #F5F7F9ED;
	margin-bottom: 11px;
}
.section-best__list li{
	position: relative;
	padding-left: 22px;
	margin-bottom: 7px;
}
.section-best__list:nth-child(3){
	display: none;
}
.section-best__list li:before{
	content: '';
	display: block;
	width: 11px;
	height: 8px;
	background: url("data:image/svg+xml,%3Csvg width='11' height='8' viewBox='0 0 11 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.4' d='M3.73609 7.84288L0.161085 4.35628C-0.0536949 4.14681 -0.0536949 3.80718 0.161085 3.59769L0.938884 2.8391C1.15366 2.62961 1.50193 2.62961 1.71671 2.8391L4.125 5.18782L9.28329 0.157101C9.49807 -0.0523671 9.84634 -0.0523671 10.0611 0.157101L10.8389 0.915689C11.0537 1.12516 11.0537 1.46479 10.8389 1.67428L4.51391 7.8429C4.29911 8.05237 3.95087 8.05237 3.73609 7.84288Z' fill='white'/%3E%3C/svg%3E ") no-repeat 0 0 / 100% auto;
	position: absolute;
	top: 6px;
	left: 1px
}
.section-best__btns{
	display: flex;
}
.section-best__reviews{
	width: 50%;
	padding-right: 5px;
}
.section-best__reviews a{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 40px;
	background: #F7C71B;
	border-radius: 5px;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #111;
	text-align: center;
	text-decoration: none;
}
.section-best__reviews a span{
	display: block;
	font-family: 'Tomorrow', sans-serif;
	font-weight: 500;
	font-size: 11px;
	line-height: 20px;
	position: relative;
	margin-left: 10px;
}
.section-best__reviews a span:before{
	content: '';
	display: block;
	background: linear-gradient(104.12deg, rgba(255, 255, 255, 0.60) 10.05%, rgba(255, 255, 255, 0.22) 89.95%);
	opacity: 0.5;
	border-radius: 50%;
	position: absolute;
	top: -3px;
	right: -3px;
	bottom: -3px;
	left: -3px;
}
.section-best__reviews a i{
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	position: relative;
	width: 24px;
	height: 24px;
	background: linear-gradient(135deg, #5A7A8A 0%, #4A6A7A 100%);
	box-shadow: 0 2px 8px rgba(90, 122, 138, 0.4);
	color: #fff;
	font-weight: 600;
	font-size: 9px;
	transition: all var(--transition-fast);
}
.section-best__social{
	width: 50%;
	padding: 0 0 0 5px;
}
.section-best__social span{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 40px;
	background: linear-gradient(104.12deg, rgba(255, 255, 255, 0.126) 10.05%, rgba(255, 255, 255, 0.40) 89.95%);
	border-radius: 5px;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #fff;
	text-align: center;
	cursor: pointer;
}
.section-best__social span i{
	display: block;
	line-height: 0;
	margin-left: 10px;
}
.section-best__social span i svg{
	fill: #fff;
}
.section-best__mobile-arrows{
	display: none;
}
.section-posts__container{
	display: flex;
	flex-wrap: wrap;
	margin: 0 -15px;
}
.section-posts__col{
	width: 33.3333333333%;
	padding: 0 15px 32px;
}
.section-posts__image{
	position: relative;
	margin-bottom: 22px;
}
.section-posts__image:before{
	content: '';
	display: block;
	height: 70px;
	border-radius: 0 0 10px 10px;
	background: linear-gradient(104.12deg, rgba(255, 255, 255, 0.48) 10.05%, rgba(255, 255, 255, 0.126) 89.95%);
	box-shadow: 0px 0px 50px -25px rgba(0, 0, 0, 0.8);
	backdrop-filter: blur(100px);
	position: absolute;
	left: 55px;
	right: 55px;
	bottom: -5px;
	opacity: 0.4;
}
.section-posts__image img{
	position: relative;
	display: block;
	border-radius: 10px;
}
.section-posts__title{
	font-weight: 700;
	font-size: 17px;
	line-height: 25px;
}
.section-posts__title a{
	color: #222;
	text-decoration: none;
}
.section-posts__title a svg{
	fill: #437B94;
	vertical-align: middle;
	margin-left: 10px;
	transform: translateY(-1px);
}

/* Sidebar
-----------------------------------------------------------------------------*/
.aside-project{
	position: relative;
	margin-bottom: 30px;
}
.aside-project:before{
	content: '';
	display: block;
	height: 70px;
	border-radius: 0 0 10px 10px;
	background: linear-gradient(104.12deg, rgba(255, 255, 255, 0.48) 10.05%, rgba(255, 255, 255, 0.126) 89.95%);
	box-shadow: 0px 0px 50px -25px rgba(0, 0, 0, 0.8);
	backdrop-filter: blur(100px);
	position: absolute;
	left: 15px;
	right: 15px;
	bottom: -5px;
	opacity: 0.8;
}
.aside-project__inner{
	padding: 20px 15px 3px;
	background: rgba(214,229,233,0.9);
	border-radius: 20px;
	position: relative;
}
.aside-project__head{
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: rgba(255,255,255,0.4);
	margin: 0 -15px 2px;
	padding: 10px 15px;
}
.aside-project__title{
	font-weight: 700;
	font-size: 24px;
	line-height: 30px;
	color: #437B94;
}
.aside-project__title span{
	background: linear-gradient(90deg, #0F2027 0%, #203A43 50%, #2C5364 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
}
.aside-project__all{
	font-weight: 500;
	font-size: 15px;
	line-height: 20px;
}
.aside-project__all a{
	color: #437b94ed;
}
.aside-project__item{
	display: flex;
	justify-content: space-between;
	align-items: center;
	min-height: 55px;
	padding: 7px 0;
	position: relative;
	border-bottom: 1px dashed rgba(97,110,119,0.3);
}
/*.aside-project__item:after{
	content: '';
	display: block;
	height: 1px;
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	background-image: url("data:image/svg+xml;utf8,<svg width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill: none; stroke: %23616E77; stroke-width: 3; stroke-dasharray: 2 4'/></svg>");
	opacity: 0.3;
}*/
.aside-project__item:last-child{
	border-bottom: none;
}
.aside-project__content{
	display: flex;
	align-items: center;
}
.aside-project__number{
	width: 20px;
	font-family: 'Tomorrow', sans-serif;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	flex-shrink: 0;
}
.aside-project__image{
	width: 32px;
	height: 32px;
	border: 2px solid #fff;
	border-radius: 50%;
	flex-shrink: 0;
	margin-right: 10px;
}
.aside-project__image img{
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	object-fit: cover;
}
.aside-project__name{
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
}
.aside-project__name a{
	text-decoration: none;
}
.aside-project__reviews{
	flex-shrink: 0;
	font-weight: 500;
	font-size: 13px;
	line-height: 17px;
	text-align: right;
	margin-left: 20px;
}
.aside-project__reviews a{
	color: rgba(17,17,17,0.45);
	text-decoration: none;
}
.aside-links:not(:last-child){
	margin-bottom: 30px;
}
.aside-links__block{
	position: relative;
	margin-bottom: 5px;
}
.aside-links__block:last-child:before{
	content: '';
	display: block;
	height: 70px;
	border-radius: 0 0 10px 10px;
	background: linear-gradient(104.12deg, rgba(255, 255, 255, 0.48) 10.05%, rgba(255, 255, 255, 0.126) 89.95%);
	box-shadow: 0px 0px 50px -25px rgba(0, 0, 0, 0.8);
	backdrop-filter: blur(100px);
	position: absolute;
	left: 15px;
	right: 15px;
	bottom: -5px;
}
.aside-links__inner{
	height: 100%;
	padding: 20px 25px 6px;
	background: #fff;
	position: relative;
}
.aside-links__block:first-child .aside-links__inner{
	border-radius: 20px 20px 0 0;
}
.aside-links__block:last-child .aside-links__inner{
	border-radius: 0 0 20px 20px;
}
.aside-links__title{
	border-left: #437B94 2px solid;
	background: linear-gradient(126.67deg, rgba(67,123,148,0.1) 17.09%, rgba(50, 171, 164, 0) 86.89%);
	font-weight: 700;
	font-size: 15px;
	line-height: 21px;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	padding: 10px 23px;
	margin: 0 -25px;
	
}
.aside-links__list{
	font-weight: 500;
	font-size: 16px;
	line-height: 22px;
	color: #4B555C;
}
.aside-links__list li{
	padding: 12px 0;
	position: relative;
	border-bottom: 1px dashed rgba(97,110,119,0.3);
}
/*.aside-links__list li:after{
	content: '';
	display: block;
	height: 1px;
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	background-image: url("data:image/svg+xml;utf8,<svg width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill: none; stroke: %23616E77; stroke-width: 3; stroke-dasharray: 2 4'/></svg>");
	opacity: 0.3;
}*/
.aside-links__list li:last-child{
	border-bottom:  none;
}
.aside-links__list a{
	display: inline-block;
	position: relative;
	color: #4B555C;
	text-decoration: none;
}
.aside-links__list li a:before{
	content: '';
	display: block;
	border-top: 4px solid transparent;
	border-left: 6px solid #4B555C;
	border-bottom: 3px solid transparent;
	position: absolute;
	top: 8px;
	left: -15px;
	border-radius: 2px;
	pointer-events: none;
}
.aside-links__list li a:hover{
	color: #437B94;
}
.aside-links__list li a:hover:before{
	border-left-color: #437B94;
}
.section-sidebar{
	display: flex;
	margin-bottom: 40px;
}
/* .section-sidebar .aside-project{
	width: calc(33.75% - 25px);
	margin: 0 25px 0 0;
} */
.section-sidebar .aside-project{
	margin: 0;
}
.section-sidebar .mx-banner-block-1502{
	width: calc(33.75% - 25px);
	margin: 0 25px 0 0;
}
.section-sidebar .aside-project__name{
	font-size: 16px;
	line-height: 20px;
}
.section-sidebar .aside-project__reviews a{
	text-decoration: none;
}
.section-sidebar .mx-banner-block-1509{
	width: 66.25%;
}
.section-sidebar .aside-links{
	/* width: 66.25%; */
	display: flex;
	margin: 0;
}
.section-sidebar .aside-links__block{
	margin-bottom: 0;
}
.section-sidebar .aside-links__block:before{
	content: '';
	display: block;
	height: 70px;
	border-radius: 0 0 10px 10px;
	background: linear-gradient(104.12deg, rgba(255, 255, 255, 0.48) 10.05%, rgba(255, 255, 255, 0.126) 89.95%);
	box-shadow: 0px 0px 50px -25px rgba(0, 0, 0, 0.8);
	backdrop-filter: blur(100px);
	position: absolute;
	left: 15px;
	right: 15px;
	bottom: -5px;
}
.section-sidebar .aside-links__block:nth-child(1){
	width: calc(52.1% - 35px);
	margin-right: 35px;
}
.section-sidebar .aside-links__block:nth-child(2){
	width: 47.9%;
}
.section-sidebar .aside-links__inner{
	border-radius: 20px !important;
}
.section-sidebar .aside-links__title{
	padding: 13px 25px 12px 23px;
	font-weight: 700;
	font-size: 17px;
	line-height: 25px;
}
.section-sidebar .aside-links__list li{
	padding: 15px 0 12px;
}
.section-faq {
	padding: 25px 30px 20px;
	background: #DCE3E4;
	border-radius: 20px;
	order: 150;
	margin-bottom: 40px;
}
.section-faq__title {
	background: linear-gradient(90deg, rgba(67, 123, 148, 0.1) 0%, rgba(67, 123, 148, 0) 100.47%);
	padding: 5px 40px;
	margin: 0 -30px 25px;
}
.section-faq__title h2{
	display: inline;
	font-weight: 700;
	font-size: 30px;
	line-height: 40px;
	background: linear-gradient(90deg, #2B4C5A 0%, #203A43 50%, #2C5364 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
}
.section-faq__item {
	border-radius: 10px;
	overflow: hidden;
	margin-bottom: 10px;
}
.section-faq__question {
	padding: 14px 10px 11px 59px;
	background: linear-gradient(104.12deg, rgba(255, 255, 255, 0.8) 10.05%, rgba(255, 255, 255, 0) 72.47%, rgba(255, 255, 255, 0) 89.95%);
	font-weight: 500;
	font-size: 18px;
	line-height: 30px;
	user-select: none;
	position: relative;
	cursor: pointer;
}
.section-faq__question span{
	display: block;
	width: 24px;
	height: 24px;
	border: 1px solid #437B94;
	border-radius: 50%;
	position: absolute;
	top: 18px;
	left: 20px;
}
.section-faq__question span:before{
	content: '';
	display: block;
	width: 10px;
	height: 2px;
	background: #437B94;
	position: absolute;
	top: 10px;
	left: 6px;
}
.section-faq__item:not(.opened) .section-faq__question span:after{
	content: '';
	display: block;
	width: 2px;
	height: 10px;
	background: #437B94;
	position: absolute;
	top: 6px;
	left: 10px
}
.section-faq__answer{
	display: none;
	padding: 0 60px;
	background: rgba(255,255,255,0.7);
}
.section-faq__item.opened .section-faq__question{
	background: rgba(245,247,249,0.7);
}
.faq-best {
	padding: 7px 0 13px;
}
.faq-best table td{
	align-items: center;
	padding: 7px 0;
	border-bottom: 1px dashed rgba(97,110,119,0.3);
}
.faq-best table tr:last-child td{
	border-bottom: none;
}
.faq-best__name {
	margin-right: 50px;
	font-family: 'Tomorrow';
	font-style: normal;
	font-weight: 500;
	font-size: 15px;
	line-height: 20px;
	color: rgba(17,17,17,0.4);
}
.faq-best__name i{
	display: inline-block;
	width: 12px;
}
.faq-best__name a{
	display: inline-block;
	margin-left: 10px;
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 20px;
	color: #437B94;
}
.faq-best__rating {
	margin-right: 51px;
	font-weight: 500;
	font-size: 10px;
	line-height: 15px;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: rgba(97,110,119,0.5);
}
.faq-best__rating span{
	display: inline-block;
	font-family: 'Tomorrow';
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 15px;
	color: #437B94;
}
.faq-best__reviews {
	font-weight: 500;
	font-size: 13px;
	line-height: 15px;
}
.faq-best__reviews a{
	color: rgba(17,17,17,0.4);
	text-decoration: none;
}
.section-faq__text{
	font-size: 16px;
	line-height: 25px;
	padding: 12px 0 18px;
}
.section-faq__text ul li{
	position: relative;
	padding-left: 25px;
}
.section-faq__text ul li:before{
	content: '';
	display: block;
	width: 14px;
	height: 12px;
	background: url("data:image/svg+xml,%3Csvg width='14' height='12' viewBox='0 0 14 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 6L5.32873 10L12 2' stroke='%23437B94' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat 0 0 / 100% auto;
	position: absolute;
	top: 6px;
	left: -3px;
}
/* Form
-----------------------------------------------------------------------------*/
.complaint-form__input{
	position: relative;
	margin-bottom: 15px;
}
.complaint-form__input input{
	width: 100%;
	height: 50px;
	padding: 0 15px 0 53px;
	background: #fff;
	border: 1px solid rgba(67, 123, 148, 0.3);
	border-radius: 5px;
	font-size: 16px;
	line-height: 24px;
}
.complaint-form__input input::placeholder{
	color: #616E77;
	opacity: 1;
}
.complaint-form__input i{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 16px;
	height: 16px;
	position: absolute;
	top: 16px;
	left: 23px;
}
.complaint-form__input svg{
	fill: #32ABA4;
}
.complaint-form__more{
	font-weight: 500;
	font-size: 15px;
	line-height: 25px;
	color: #437B94;
	padding: 1px 0 19px;
}
.complaint-form__more span{
	display: inline-flex;
	align-items: center;
	margin: 0 0 0 22px;
	cursor: pointer;
}
.complaint-form__more i{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 16px;
	height: 16px;
	padding: 1px 1px 0 0;
	border-radius: 50%;
	background: #437B94;
	box-shadow: 0px 2px 15px #E6E6E6;
	flex-shrink: 0;
	margin-right: 15px;
	position: relative;
}
.complaint-form__message{
	display: flex;
	border: 1px solid rgba(67, 123, 148, 0.3);
	border-radius: 5px;
	position: relative;
}
.complaint-form__textarea{
	flex-grow: 1;
}
.complaint-form__textarea textarea{
	width: 100%;
	height: 179px;
	min-height: 179px;
	border: none;
	padding: 23px 15px 23px 53px;
	background: none;
	font-size: 16px;
	line-height: 24px;
	margin: 0;
	resize: none;
	overflow: hidden;
}
.complaint-form__file{
	position: relative;
	width: 150px;
}
.complaint-form__file input,
.comment-form__file input{
	display: none;
}
.complaint-form__file button,
.comment-form__file button{
	width: calc(100% - 8px);
	height: 30px;
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	background: none;
	border: none;
	position: absolute;
	left: 0;
	bottom: 15px;
	font-weight: 500;
	font-size: 13px;
	line-height: 20px;
	color: #437B94;
}
.complaint-form__file button i,
.comment-form__file button i{
	display: block;
	line-height: 0;
	margin: 0 5px 1px 0;
	flex-shrink: 0;
}
.complaint-form__file button svg,
.comment-form__file button svg{
	fill:#437B94;
}
.complaint-form .bk-list,
.comment-form__file .bk-list{
	display: flex;
	justify-content: flex-end;
	flex-wrap: wrap;
	padding: 24px 24px 50px 0;
}
.complaint-form .bk-list li,
.comment-form__file .bk-list li{
	display: block;
	width: 50px;
	height: 50px;
	border: 2px solid #fff;
	filter: drop-shadow(0px 2px 15px #E6E6E6);
	border-radius: 5px;
	margin: 0 0 8px 8px;
	background-position: center;
	background-size: cover;
	position: relative;
	cursor: pointer;
}
.complaint-form .bk-list li:before,
.comment-form__file .bk-list li:before{
	content: '';
	display: block;
	width: 20px;
	height: 20px;
	background: #F7C71B url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='5.17203' y1='5.17157' x2='10.8289' y2='10.8284' stroke='%23111111' stroke-width='2' stroke-linecap='round'/%3E%3Cline x1='10.8281' y1='5.1716' x2='5.17127' y2='10.8285' stroke='%23111111' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A") no-repeat center;
	border-radius: 50%;
	position: absolute;
	top: -4px;
	right: -4px;
}
.complaint-form__textarea i{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 16px;
	height: 16px;
	position: absolute;
	top: 24px;
	left: 23px;
}
.complaint-form__textarea i svg{
	fill: #32ABA4;
}
.complaint-form__btn{
	padding-top: 25px;
	text-align: center;
}
.complaint-form__btn button{
	display: inline-flex;
	justify-content: center;
	align-items: center;
	height: 50px;
	border: none;
	padding: 0 42px;
	background: #437B94;
	box-shadow: 0px 50px 30px rgba(0, 0, 0, 0.05), 0px 30px 30px rgba(0, 0, 0, 0.03), 0px 10px 15px rgba(0, 0, 0, 0.02);
	border-radius: 5px;
	font-weight: 500;
	font-size: 15px;
	line-height: 20px;
	text-align: center;
	color: #fff;
}
.complaint-form__btn i{
	display: block;
	line-height: 0;
	margin-left: 10px;
}
.complaint-form__btn svg{
	fill: #fff;
}
.post-popup{
	visibility: hidden;
	opacity: 0;
	transform: translateY(-80px);
	width: 1210px;
	max-width: 100%;
	border-radius: 10px;
	filter: drop-shadow(0px 5px 10px rgba(22, 84, 112, 0.4));
	position: fixed;
	top: 10px;
	left: calc(50% - 605px);
	z-index: 50;
	transition: all 0.2s;
}
.post-popup.show{
	visibility: visible;
	opacity: 1;
	transform: translateY(0px);
}
/* .post-popup.show.post-popup_header{
	top: 65px;
} */
.post-popup__inner{
	padding: 20px 30px;
	background: #DFF5FF;
	border-radius: 10px;
	clip-path: polygon(0 calc(50% - 8px), 0 0, 100% 0, 100% 100%, 0 100%, 0 calc(50% + 8px), 8px 50%);
	position: relative;
}
.post-popup__close{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 35px;
	height: 35px;
	position: absolute;
	top: 0;
	right: 0;
	background: rgba(255,255,255,0.5);
	border-radius: 0 10px;
	cursor: pointer;
}
.post-popup__close svg{
	fill: rgba(10, 56, 75, 0.3);
}
.post-popup__close:hover svg{
	fill: #111;
}
.post-popup__text{
	position: relative;
	font-weight: 500;
	font-size: 18px;
	line-height: 30px;
}
.post-popup__text a{
	color: #0A384B;
	text-decoration: none;
}
.post-popup__text a:hover{
	color: #111;
}
.post-popup__text i{
	display: inline-block;
	line-height: 0;
	margin-left: 10px;
}
.post-popup__text svg{
	fill: #1B7CA8;
}
.post-popup__text a:hover svg{
	fill: #111;
}
.dco-attachment-gallery{
	display: flex;
	flex-wrap: wrap;
	margin: 0 -20px 0 0;
}
.dco-attachment.dco-image-attachment{
	width: 115px;
	height: 115px;
	margin: 10px 20px 10px 0 !important;
}
.dco-attachment.dco-image-attachment img{
	display: block;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
	border-radius: 5px;
}

.custom-success-review {
   font-size: 26px;
   position: fixed;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, .4);
   left: 0;
   top: 0;
   display: flex;
   align-items: center;
   justify-content: center;
   z-index: 99;
   opacity: 0;
   display: none;
   transition: .2s;
}

.custom-success-review.showed {
   opacity: 1;
}

.custom-success-review-body {
   padding: 40px 80px;
   background-color: #fff;
   border-radius: 10px;
}

.custom-success-review-body h2 {
   margin-bottom: 20px;
   font-size: 36px;
   text-align: center;
   font-weight: 700;
}

.custom-success-review-body p {
   text-align: center;
}

/* Footer
-----------------------------------------------------------------------------*/
.site-footer{
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	background: var(--footer-color);
	position: relative;
	box-shadow: var(--shadow-inset);
	width: 100vw;
	margin-left: calc(-50vw + 50%);
}

.footer-container {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
}
.footer-top {
	padding: 25px 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.15);
	background: rgba(255, 255, 255, 0.02);
}

.footer-nav {
	display: flex;
	justify-content: center;
	gap: 20px;
	flex-wrap: wrap;
}

.footer-nav__item {
	flex: 1;
	min-width: 160px;
}

.footer-nav__link {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 8px;
	padding: 12px 16px;
	background: transparent;
	border-radius: var(--border-radius-md);
	border: none;
	text-decoration: none;
	color: var(--text-primary);
	transition: all var(--transition-normal);
	white-space: nowrap;
	min-width: 160px;
}

.footer-nav__link:hover {
	transform: translateY(-2px);
}

.footer-nav__link:hover span {
	color: var(--blue-title-color);
}

.footer-nav__link:hover .footer-nav__icon {
	background: var(--blue-title-color);
	transform: scale(1.1);
	opacity: 0.8;
}

.footer-nav__icon {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 32px;
	height: 32px;
	background: var(--blue-title-color);
	border-radius: 50%;
	transition: all var(--transition-normal);
	flex-shrink: 0;
}

.footer-nav__icon svg {
	width: 16px;
	height: 16px;
	color: #fff;
	transition: all var(--transition-normal);
}

.footer-nav__link:hover .footer-nav__icon {
	background: var(--blue-title-color);
	transform: scale(1.1);
}

.footer-nav__link:hover .footer-nav__icon svg {
	color: #fff;
}

.footer-nav__link span {
	font-size: var(--font-size-sm);
	font-weight: 600;
	text-align: left;
	line-height: 1.2;
	color: var(--text-primary);
	white-space: nowrap;
}

.footer-brand {
	flex-shrink: 0;
}

.footer-logo{
	width: 179px;
	margin-right: 20px;
}

.footer-info {
	flex: 1;
	text-align: center;
	max-width: 600px;
}

.footer-text {
	font-size: var(--font-size-base);
	line-height: 1.6;
	color: rgba(255, 255, 255, 0.9);
	margin-bottom: 12px;
	font-weight: 400;
}

.footer-copyright {
	font-size: var(--font-size-sm);
	color: rgba(255, 255, 255, 0.7);
	font-weight: 500;
}

.footer-contact {
	flex-shrink: 0;
}

.footer-email {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 16px 24px;
	background: rgba(255, 255, 255, 0.12);
	border-radius: var(--border-radius-lg);
	border: 1px solid rgba(255, 255, 255, 0.25);
	text-decoration: none;
	color: rgba(255, 255, 255, 0.95);
	transition: all var(--transition-normal);
	backdrop-filter: blur(10px);
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
	font-weight: 500;
}

.footer-email:hover {
	background: rgba(255, 255, 255, 0.18);
	border-color: rgba(255, 255, 255, 0.35);
	transform: translateY(-3px);
	color: #fff;
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);
}

.footer-email__icon {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 36px;
	height: 36px;
	background: var(--blue-title-color);
	border-radius: 50%;
	transition: all var(--transition-normal);
	box-shadow: 0 2px 8px rgba(67, 123, 148, 0.3);
}

.footer-email__icon svg {
	width: 18px;
	height: 18px;
	color: #fff;
}

.footer-email:hover .footer-email__icon {
	transform: scale(1.1);
	box-shadow: 0 4px 12px rgba(67, 123, 148, 0.4);
}
.footer-logo svg{
	fill: #fff;
}
.footer-menu{
	padding: 30px 0;
	background: rgba(255, 255, 255, 0.05);
	backdrop-filter: blur(10px);
}

.footer-menu ul{
	display: flex;
	justify-content: space-between;
	font-weight: 600;
	font-size: var(--font-size-sm);
	line-height: 1.2;
	margin: 0 -10px;
}
.footer-menu li{
	padding: 0 10px;
}
.footer-menu a{
	display: flex;
	text-decoration: none;
}
.footer-menu i{
	display: flex;
	flex-shrink: 0;
	margin: -2px 10px 0px 0;
}
.footer-menu svg{
	fill: #437B94;
}
.footer-main{
	background: var(--footer-main);
	padding: 50px 0;
	border-radius: var(--border-radius-xl) var(--border-radius-xl) 0 0;
	box-shadow: var(--shadow-card);
	position: relative;
	overflow: hidden;
	width: 100vw;
	margin-left: calc(-50vw + 50%);
}

.footer-main:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.03) 100%);
	pointer-events: none;
}

.footer-content {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 40px;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
}
.footer-logo{
	width: 179px;
	flex-shrink: 0;
	margin-right: 20px;
}
.footer-text{
	width: 500px;
	max-width: 100%;
	font-size: 12px;
	line-height: 18px;
	text-align: center;
	color: #fff;
}
.footer-email{
	flex-shrink: 0;
	margin: 0 0 3px 20px;
}
.footer-email a{
	font-size: 14px;
	line-height: 16px;
	color: #fff;
	text-decoration: none;
	position: relative;
	padding-left: 28px;
}
.footer-email a:before{
	content: '';
	display: block;
	width: 15px;
	height: 11px;
	background: url("data:image/svg+xml,%3Csvg width='15' height='11' viewBox='0 0 15 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.7158 3.63229C14.8301 3.54349 15 3.62656 15 3.76693V9.625C15 10.3841 14.3701 11 13.5938 11H1.40625C0.629883 11 0 10.3841 0 9.625V3.76979C0 3.62656 0.166992 3.54635 0.28418 3.63516C0.94043 4.13359 1.81055 4.76667 4.79883 6.88932C5.41699 7.33047 6.45996 8.25859 7.5 8.25286C8.5459 8.26146 9.60938 7.31328 10.2041 6.88932C13.1924 4.76667 14.0596 4.13073 14.7158 3.63229ZM7.5 7.33333C8.17969 7.34479 9.1582 6.49688 9.65039 6.1474C13.5381 3.3888 13.834 3.14818 14.7305 2.46068C14.9004 2.33177 15 2.13125 15 1.91927V1.375C15 0.615885 14.3701 0 13.5938 0H1.40625C0.629883 0 0 0.615885 0 1.375V1.91927C0 2.13125 0.0996094 2.32891 0.269531 2.46068C1.16602 3.14531 1.46191 3.3888 5.34961 6.1474C5.8418 6.49688 6.82031 7.34479 7.5 7.33333Z' fill='%23437B94'/%3E%3C/svg%3E%0A") no-repeat 0 0 / 100% auto;
	position: absolute;
	top: 3px;
	left: 0;
}
/* Redactor Styles
-----------------------------------------------------------------------------*/
.alignnone{
	margin: 5px 20px 20px 0;
}
.aligncenter, div.aligncenter{
	margin: auto;
	text-align: center;
}
.alignright{
	float: right;
	margin: 7px 0 20px 50px;
}
.alignleft{
	float: left;
	margin: 7px 0 20px 50px;
}
.aligncenter{
	display: block;
	margin: 33px auto 28px;
}
.only-mobile{
	display: none;
}
/* Mobile
-----------------------------------------------------------------------------*/
.mobile-panel-overlay{
	visibility: hidden;
	opacity: 0;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(17,17,17,0.92);
	z-index: 101;
	transition: all 0.2s;
}
.mobile-panel-overlay.show{
	visibility: visible;
	opacity: 1;
}
.mobile-panel{
	visibility: hidden;
	opacity: 0;
	transform: translateY(-40px);
	top: 11px;
	left: 15px;
	right: 15px;
	position: fixed;
	transition: all 0.2s ease-out 0s;
	overflow-y: auto;
	z-index: 102;
}
.mobile-panel.show{
	visibility: visible;
	opacity: 1;
	transform: translateY(0px);
}
.mobile-panel__logo{
	width: 179px;
	opacity: 0.3;
	margin-bottom: 16px;
}
.mobile-panel__logo svg{
	fill: #fff;
}
.mobile-panel__close{
	width: 22px;
	height: 23px;
	position: absolute;
	top: 7px;
	right: 6px;
	cursor: pointer;
}
.mobile-panel__close svg{
	fill: #85BBD2;
}
.mobile-panel__search{
	height: 40px;
	padding: 3px 0;
	background: #EEF1F3;
	border: 1px solid #E7EAEC;
	border-radius: 5px;
	margin-bottom: 10px;
}
/* .mobile-panel__search input{
	width: 100%;
	height: 40px;
	padding: 0 19px;
	border: none;
	background: none;
	font-size: 14px;
	line-height: 18px;
}
.mobile-panel__search input::placeholder{
	opacity: 1;
	color: #616E77;
} */
.asl_w_container{
	width: calc(100% + 2px) !important;
	margin: -1px !important;
}
body .mobile-panel__search #ajaxsearchlite1 .probox, body div.asl_w{
	border-radius: 5px;
	background: none !important;
	box-shadow: none !important;
}
body div.asl_r.vertical{
	padding: 4px 0;
}
body .mobile-panel__search #ajaxsearchlite1 .probox, body div.asl_w .probox {
	height: 33px !important;
	border: none !important;
	background: none !important;
	text-shadow: none !important;
	box-shadow: none !important;
}
body .mobile-panel__search div.asl_m .probox .proinput{
	padding: 2px 20px 0;
	margin: 0;
	position: relative;
	font-family: 'Roboto' !important;
	text-shadow: none !important;
}
body .mobile-panel__search div.asl_m .probox .proinput input {
	height: 30px !important;
	font-family: 'Roboto' !important;
	font-size: 14px;
	line-height: 17px;
}
body .mobile-panel__search div.asl_w .probox .proinput input::placeholder{
	font-family: 'Roboto' !important;
}
body .mobile-panel__search div.asl_w .probox .proloading{
	width: 30px;
	height: 30px;
}
body .mobile-panel__search .promagnifier,
body .mobile-panel__search .proclose{
	display: none !important;
}
.mobile-panel__menu{
	margin-bottom: 15px;
}
.mobile-panel__menu > ul > li{
	font-weight: 500;
	font-size: 16px;
	line-height: 19px;
	position: relative;
	margin-bottom: 10px;
}
.mobile-panel__menu > ul > li > a{
	display: flex;
	align-items: center;
	height: 50px;
	padding: 8px 40px 8px 20px;
	text-decoration: none;
	background: #EEF4F9;
	box-shadow: 0px 30px 30px rgba(0, 0, 0, 0.05);
	border-radius: 5px;
	text-decoration: none;
}
.mobile-panel__menu > ul > li > a i{
	display: block;
	width: 20px;
	margin-right: 11px;
	line-height: 0;
}
.mobile-panel__menu > ul > li > a svg{
	fill: #437B94;
}
.mobile-panel__menu > ul > li > a > svg{
	position: absolute;
	top: calc(50% - 5px);
	right: 20px;
}
.mobile-panel__menu > ul > li > ul{
	display: none;
}
.totop{
	display: none;
	position: fixed;
	right: 30px;
	bottom: 30px;
	z-index: 90;
}
.totop span{
	width: 48px;
	height: 48px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: var(--gradient-warning);
	box-shadow: var(--shadow-button);
	border-radius: 50%;
	cursor: pointer;
	transition: all var(--transition-normal);
	position: relative;
	overflow: hidden;
}

.totop span:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(255, 255, 255, 0.1);
	border-radius: 50%;
	opacity: 0;
	transition: opacity var(--transition-fast);
}

.totop span:hover {
	transform: translateY(-3px) scale(1.05);
	box-shadow: 0 10px 25px rgba(250, 112, 154, 0.4);
}

.totop span:hover:before {
	opacity: 1;
}
.totop span svg{
	fill: #fff;
	transform: rotate(-90deg);
}
/* Responsive
-----------------------------------------------------------------------------*/

/* Адаптивные стили для навигации */
@media only screen and (max-width: 768px) {
	.nav-container {
		padding: 0 15px;
	}
	
	.site-nav__menu {
		flex-direction: column;
		gap: 12px;
	}
	
	.site-nav__menu li {
		max-width: none;
	}
	
	.site-nav__menu a {
		height: 60px;
		flex-direction: row;
		gap: 12px;
	}
	
	.nav-text {
		font-size: var(--font-size-base);
	}
	
	.site-nav__submenu {
		flex-direction: column;
		padding: 12px 16px;
	}
	
	.site-nav__submenu li a {
		justify-content: flex-start;
	}
}

/* Адаптивные стили для футера */
@media only screen and (max-width: 768px) {
	.footer-container {
		padding: 0 15px;
	}
	
	.footer-top {
		padding: 20px 0;
	}
	
	.footer-nav {
		flex-direction: row;
		gap: 12px;
		justify-content: space-around;
	}
	
	.footer-nav__item {
		max-width: none;
		flex: 1;
	}
	
	.footer-nav__link {
		padding: 10px 12px;
		gap: 6px;
		white-space: nowrap;
		min-width: 120px;
	}
	
	.footer-nav__icon {
		width: 28px;
		height: 28px;
	}
	
	.footer-nav__icon svg {
		width: 14px;
		height: 14px;
	}
	
	.footer-nav__link span {
		font-size: 11px;
		line-height: 1.1;
		font-weight: 600;
		white-space: nowrap;
	}
	
	.footer-main {
		padding: 40px 0;
	}
	
	.footer-content {
		flex-direction: column;
		gap: 25px;
		text-align: center;
		padding: 0 15px;
	}
	
	.footer-info {
		max-width: none;
	}
	
	.footer-email {
		justify-content: center;
		padding: 14px 20px;
	}
	
	.footer-email__icon {
		width: 32px;
		height: 32px;
	}
	
	.footer-email__icon svg {
		width: 16px;
		height: 16px;
	}
}
@media only screen and (max-width: 1310px){
	.inner{
		margin-left: 15px;
		margin-right: 15px;
	}
	.page-title{
		padding: 20px 30px 25px;
		margin: 0 -30px 30px;
	}
	.post-popup{
		width: calc(100% - 10px);
		top: 8px;
		left: 5px;
		right: 5px;
	}
	.post-popup__inner{
		padding: 11px 40px 14px 20px;
		clip-path: polygon(0 16px, 0 0, 100% 0, 100% 100%, 0 100%, 0 32px, 8px 24px);
	}
	.post-popup__text{
		font-size: 15px;
		line-height: 25px;
	}
	.post-popup__text i{
		transform: translateY(2px);
	}
}
@media only screen and (max-width: 992px){
	.site-content__decor-1,
	.site-content__decor-2,
	.site-content__decor-3,
	.site-content__decor-4,
	.site-content__decor-5,
	.site-content__decor-6{
		display: none;
	}



	.site-nav{
		margin-bottom: 0;
	}
	.site-nav__submenu{
		margin-bottom: 10px;
	}
	



	.page-title{
		padding: 9px 15px 11px;
		background: rgba(255,255,255,0.4);
		font-size: 34px;
		line-height: 40px;
		text-align: center;
		margin: 0 -15px 15px;
	}
	.pagination{
		padding: 10px 0 0;
	}
	.aside-links__title{
		font-size: 16px;
		/* font-size: 15px; */
	}
	.aside-links__list li{
		padding: 13px 0;
	}
	.site-footer{
		background: var(--main-background);
	}
	.footer-menu{
		display: none;
	}
	.breadcrumbs{
		margin: 13px 0 2px;
		font-size: 13px;
		line-height: 15px;
	}
	.breadcrumbs li:not(:last-child):after{
		margin: 0 7px 0 9px;
	}
	.footer-main{
		flex-direction: column;
		align-items: center;
		padding: 17px 20px 22px;
		margin: 0 -15px;
		border-radius: 0;
	}
	.footer-logo{
		width: 179px;
		margin: 0 0 8px;
	}
	.footer-email{
		margin: 16px 0 0;
	}
	.section-seo{
		padding: 19px 15px 12px;
		margin: 0 -15px;
		border-radius: 0;
	}
	.seo-body{
		font-size: 13px;
		line-height: 20px;
	}
	.seo-body h1{
		font-size: 34px;
		line-height: 40px;
		margin: 0 -5px 12px;
	}
	.seo-body h2{
		font-size: 26px;
		line-height: 30px;
		margin: 20px 0 17px;
	}
	.seo-body p{
		margin-bottom: 10px;
	}
	.seo-body ol li{
		padding-left: 24px;
	}
	.seo-body ol li:before{
		font-size: 17px;
		top: -2px;
	}
	.seo-body ul{
		margin: 13px 0 12px;
	}
	.seo-body ul li{
		padding-left: 24px;
	}
	.seo-body ul li:before{
		top: 2px;
	}
	.post-body h1{
		font-size: 34px;
		line-height: 40px;
		margin-bottom: 11px;
	}
	.post-body p{
		/* margin-bottom: 10px; */
		margin-bottom: 15px;
	}
	.post-body ul{
		margin-bottom: 10px;
	}
	.post-body ul li{
		padding-left: 25px;
		margin-bottom: 10px;
	}
	.post-body ol li{
		position: relative;
		padding-left: 27px;
		margin-bottom: 10px;
	}
	.post-body blockquote{
		padding: 19px 50px 19px 95px;
		font-size: 16px;
		line-height: 25px;
		margin: 26px -50px 26px;
	}
	.post-body blockquote:before{
		top: 20px;
	}
	.post-body img{
		border-width: 3px;
		border-radius: 10px;
	}
	.post-gallery{
		display: block;
		width: 382px;
		max-width: 100%;
		border-width: 3px;
	}
	.post-gallery__slide a{
		height: 482px;
	}
	.post-gallery .slick-arrow.slick-prev{
		left: 12px;
	}
	.post-gallery .slick-arrow.slick-next{
		right: 12px;
	}
	.block-payment{
		padding: 20px 15px 12px;
		margin: 20px -15px 30px;
	}
	.block-payment__title{
		margin-bottom: 10px;
	}
	.block-payment__list{
		font-size: 16px;
		line-height: 25px;
	}
	ul.block-payment__list li{
		padding-left: 21px;
		margin-bottom: 10px;
	}
	.block-payment__list li:before{
		top: 10px !important;
	}
	.block-best{
		margin: 21px -15px;
	}
	.block-best__head{
		flex-direction: inherit;
		align-items: flex-start;
		margin-bottom: 14px;
	}
	.block-best__info{
		margin: 0 0 3px;
	}
	.block-best__title{
		padding: 7px 15px 9px;
		font-size: 23px;
	}
	.block-best__reviews{
		margin: 0 0 0 22px;
	}
	.block-best__content{
		padding: 13px 15px 10px;
	}
	.block-best__list{
		flex-direction: column;
		align-items: flex-start;
		font-size: 19px;
		line-height: 20px;
	}
	.block-quote{
		padding: 19px 23px 16px 60px;
		font-size: 16px;
		line-height: 25px;
		margin: 21px -15px;
	}
	.block-quote:before{
		width: 31px;
		height: 25px;
		top: 25px;
		left: 14px;
	}
	.block-quote a{
		display: flex;
		margin: 0;
	}
	.block-project{
		padding-bottom: 3px;
		margin: 26px -50px;
	}
	.block-project__title{
		font-size: 26px;
	}
	.block-project__all{
		font-size: 16px;
	}
	.block-project__number{
		width: 24px;
		font-size: 16px;
	}
	.block-project__image{
		margin-right: 9px;
	}
	.block-project__name{
		font-size: 18px;
	}
	.block-project__reviews{
		font-size: 15px;
	}
	.social-likes__button{
		width: 32px;
		height: 32px;
	}
	.social-likes__button svg{
		transform: none;
	}
	.section-best{
		margin-bottom: 20px;
	}
	.section-best:before{
		background: #616E77;
		opacity: 0.1;
		left: 0;
		right: 0;
	}
	.section-best__slider{
		margin: 0 -15px 0 -7px;
	}
	.section-best__slide{
		padding: 0 7px 40px;
	}
	.section-best__item{
		width: 300px;
	}
	.section-best__header{
		margin: 0 -15px 15px;
	}
	.section-best__inner{
		border-radius: 0;
		margin: 0 -15px;
		padding: 15px 15px 12px;
	}
	.section-best__header{
		padding: 11px 15px 9px;
	}
	.section-best__title{
		font-size: 34px;
		line-height: 40px;
		text-align: center;
	}
	.section-best__arrows{
		display: none;
	}
	.section-best__head{
		margin-bottom: 10px;
	}
	.section-best__name{
		font-size: 22px;
		line-height: 25px;
		margin: 6px 10px 0 0;
	}
	.section-best__content{
		border-radius: 10px;
	}
	.section-best__list{
		font-size: 16px;
		line-height: 18px;
		margin-bottom: 14px;
	}
	.section-best__list:nth-child(3){
		display: block;
	}
	.section-best__reviews{
		padding-right: 7px;
	}
	.section-best__social{
		padding: 0 0 0 8px;
	}
	.section-best__social span{
		background: linear-gradient(104.12deg, rgba(255, 255, 255, 0.126) 10.05%, rgba(255, 255, 255, 0.48) 89.95%);
	}
	.section-best__mobile-arrows{
		display: flex;
		justify-content: center;
		margin: -21px 0 0;
		position: relative;
	}
	.section-best__mobile-prev,
	.section-best__mobile-next{
		padding: 5px;
		margin: 0 10px;
		cursor: pointer;
	}
	.section-best__mobile-next{
		transform: scaleX(-1);
	}
	.section-best__mobile-arrows svg{
		fill: #616E77;
	}
	.section-posts{
		padding: 15px 0 0;
		margin-bottom: -5px;
	}
	.section-posts__container{
		width: 660px;
		max-width: 100%;
		margin: 0 auto;
	}
	.section-posts__col{
		width: 50%;
	}
	.section-posts__col:nth-child(3){
		display: none;
	}
	.section-posts__image{
		margin-bottom: 11px;
	}
	.section-posts__image img{
		width: 100%;
		height: 175px;
		object-fit: cover;
	}
	.section-posts__image:before{
		left: 20px;
		right: 20px;
	}
	.aside-project{
		margin-bottom: 20px;
	}
	.aside-project__head{
		padding: 10px 20px;
	}
	.aside-project__item{
		padding: 7px 5px;
	}
	.aside-project__name{
		font-size: 16px;
	}
	.aside-project__reviews{
		font-size: 14px;
	}
	.section-sidebar{
		flex-direction: column;
		padding: 10px 0;
		margin: 0;
	}
	.section-sidebar .aside-project,
	.section-sidebar .aside-links,
	.section-sidebar .aside-links__block,
	.section-sidebar .mx-banner-block-1502,
	.section-sidebar .mx-banner-block-1509{
		display: block;
		width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	.section-sidebar .aside-project{
		margin-bottom: 20px;
	}
	.section-sidebar .aside-links__title{
		padding: 10px 23px 9px;
		font-size: 16px;
		line-height: 21px;
	}
	.section-sidebar .aside-links__list li{
		padding: 13px 0;
	}
	.section-sidebar .aside-links__block{
		margin-bottom: 0;
	}
	.section-sidebar .aside-links__block:first-child{
		margin-bottom: 5px;
	}
	.section-sidebar .aside-links__block:first-child:before{
		display: none;
	}
	.aside-links:not(:last-child) {
		margin-bottom: 4px;
	}
	.section-faq{
		border-radius: 0;
		padding: 20px 15px 10px;
		margin: 0 -15px;
	}
	.section-faq__title{
		background: #CCD9DC;
		text-align: center;
		margin: 0 -30px 20px;
	}
	.section-faq__title h2{
		font-size: 26px;
		line-height: 30px;
	}
	.section-faq__item.opened .section-faq__question{
		background: linear-gradient(104.12deg, rgba(255, 255, 255, 0.8) 10.05%, rgba(255, 255, 255, 0) 72.47%, rgba(255, 255, 255, 0) 89.95%);
	}
	.section-faq__answer{
		padding: 0 20px;
	}
	.faq-best table{
		width: 100%;
	}
	.faq-best table td:nth-child(2){
		text-align: right;
	}
	.faq-best table td:last-child{
		display: none;
	}
	.faq-best__name a{
		margin-left: 12px;
	}
	.faq-best__rating{
		margin: 0;
	}
	.section-faq__text{
		padding: 12px 0;
	}
	.section-faq__text ul{
		margin-bottom: -3px;
	}
	.section-faq__text ul li{
		margin-bottom: 10px;
	}
	.complaint-form__input input{
		padding: 0 15px 0 40px;
		font-size: 15px;
	}
	.complaint-form__input i{
		top: 16px;
		left: 14px;
	}
	.complaint-form__more{
		padding: 1px 0 19px;
	}
	.complaint-form__more span{
		margin: 0;
	}
	.complaint-form__more i{
		margin-right: 10px;
	}
	.complaint-form__textarea textarea{
		height: 119px;
		min-height: 119px;
		font-size: 15px;
		line-height: 20px;
		padding: 13px 15px 23px 15px;
		text-indent: 29px;
	}
	.complaint-form__message{
		flex-direction: column;
	}
	.complaint-form__textarea{
		width: 100%;
	}
	.complaint-form__textarea i{
		top: 14px;
		left: 14px;
	}
	.complaint-form__btn{
		padding-top: 15px;
	}
	.complaint-form__btn button{
		width: 100%;
	}
	.complaint-form__file,
	.comment-form__file{
		width: 100%;
	}
	.complaint-form__file button,
	.comment-form__file button{
		width: auto;
		left: auto;
		right: 15px;
		bottom: 9px;
	}
	.complaint-form__file .bk-list,
	.comment-form__file .bk-list{
		justify-content: flex-start;
		align-items: flex-end;
		height: 100%;
		padding: 0 19px 41px 0;
		flex-direction: row-reverse;
	}
	.block-best__list li{
		margin: 0 0 10px 0 !important;
	}
	.only-desktop{
		display: none;
	}
	.only-mobile{
		display: block;
	}
	.alignright,.alignleft{
		float: none;
		margin: 27px auto 20px;
	}

}
@media only screen and (max-width: 768px){
   .custom-success-review-body {
      padding: 30px 40px;
   }
   .custom-success-review-body h2 {
      font-size: 32px;
   }
   .custom-success-review-body p {
      font-size: 22px;
   }
    .totop{
		display: none !important;
	}
	.logo-circle{
		transform: scale(1.1) translate(-10px,-3px);
	}
	.logo-number{
		transform: scale(1.1) translate(-10px,-3px);
	}
	.site-header{
		border-bottom: 2px solid rgba(37,67,80,0.15);
		box-shadow: 0px 30px 30px rgba(0, 0, 0, 0.05);
	}
	.site-header__container{
		flex-direction: column;
		align-items: flex-start;
		padding: 7px 0 8px;
	}
	.touch-menu{
		width: 34px;
		display: block;
		position: absolute;
		top: 17px;
		right: 2px;
		cursor: pointer;
	}
	.touch-menu svg{
		width: 100%;
		fill: #437B94;
	}
	.header-logo {
		width: 179px;
		margin: 0;
	}
	.header-slogan{
		font-size: 15px;
		line-height: 18px;
		padding: 0;
		color: #616E77;
		margin: 2px 0 0;
	}
	.header-slogan:before{
		display: none;
	}
	.fixed-header{
		visibility: hidden;
		opacity: 0;
		transform: translateY(-70px);
		display: block;
		background: var(--header-color);
		border-bottom: 2px solid rgba(37,67,80,0.15);
		box-shadow: 0px 30px 30px rgba(0, 0, 0, 0.05);
		position: fixed;
		left: 0;
		top: 0;
		right: 0;
		z-index: 90;
		transition: all 0.2s;
	}

   .fixed-header__container .header-logo img {
      max-height: 39px;
   }
	.fixed-header.opened{
		visibility: visible;
		opacity: 1;
		transform: translateY(0px);
	}
	.fixed-header__container{
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 8px 0;
	}
	.fixed-header__container .touch-menu{
		right: 17px;
	}
	.post-popup.show.post-popup_header{
		top: 65px;
	}
	.site-content{
		padding: 0;
	}
	.site-nav{
		margin: 0 -10px;
	}
	.site-nav__menu{
		display: none;
	}
	.site-nav__submenu{
		display: flex;
		justify-content: center;
		padding: 8px 3px 4px 20px;
		margin: 5px 0;
	}
	.site-nav__submenu li a:before{
		top: 7px;
	}
	.site-nav__submenu li{
		margin: 0 19px 5px 0;
	}
	.site-nav__submenu li a{
		font-size: 16px;
		line-height: 19px;
	}
	.mobile-sidebar{
		display: block;
		padding: 15px 0 5px;
	}
	.mobile-menu{
		display: block;
		padding: 10px 10px 5px;
	}
	.mobile-menu ul{
		font-weight: 500;
		font-size: 16px;
		line-height: 19px
	}
	.mobile-menu li{
		padding: 0;
		margin-bottom: 5px;
	}
	.mobile-menu a{
		display: flex;
		align-items: center;
		text-decoration: none;
		height: 40px;
		padding: 0 16px;
		background: rgba(247,199,27,0.8);
	}
	.mobile-menu li:first-child a{
		border-radius: 5px 5px 0 0;
	}
	.mobile-menu li:last-child a{
		border-radius: 0 0 5px 5px;
	}
	.mobile-menu i{
		width: 15px;
		flex-shrink: 0;
		margin: 3px 10px 0 0;
	}
	.mobile-menu svg{
		fill: rgba(144,114,7,0.7);
	}
}


@media only screen and (max-width: 650px){
   .custom-success-review-body {
      padding: 20px 30px;
   }
   .custom-success-review-body h2 {
      font-size: 26px;
   }
   .custom-success-review-body p {
      font-size: 18px;
   }
	.breadcrumbs{
		display: block;
		margin: 13px -5px 12px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		min-width: 0;
	}
	.breadcrumbs li{
		display: inline;
	}
	.breadcrumbs li:not(:last-child):after{
		margin: 0 4px 0 9px;
	}
	.section-posts__container{
		width: 300px;
	}
	.section-posts__col{
		width: 100%;
		padding: 0 0 19px;
	}
	.pagination a.prev {
    margin-right: 15px;
   }
    .pagination a.next {
    margin-left: 15px;
   }
   .block-best__reviews {
    margin: 0px 0 0 21px;
}
.block-best__reviews{
		margin: 3px 0 0 42px;
	}
	.block-best__head {
    flex-direction: column;
}

}

@media only screen and (max-width: 520px) {
   .pagination__text {
      display: none;
   }

   .pagination a.prev, .pagination a.next {
      width: 60px;
   }

   .pagination a.next i {
      margin-left: 0;
   }

   .pagination a.prev i {
      margin-right: 0;
   }
}

@media only screen and (max-width: 411px){
	.site-header__container{
		padding: 7px 0;
	}
	.header-logo{
		width: 168px;
	}
	.fixed-header__container .touch-menu{
		right: 15px;
	}
/* 	.logo-circle{
		transform: scale(1.1) translate(-10px,-3px);
	}
	.logo-number{
		transform: scale(1.1) translate(-10px,-3px);
	} */
	.header-slogan{
		font-size: 14px;
		line-height: 22px;
		margin: 2px 0 0;
	}
	.touch-menu{
		width: 32px;
		right: 0px;
	}
	.site-nav__submenu{
		justify-content: center;
		padding: 7px 3px 3px 20px;
	}
	.site-nav__submenu li{
		margin: 0 19px 6px 0;
	}
	.page-title{
		padding: 11px 15px 14px;
		font-size: 32px;
		line-height: 35px;
	}
	.section-seo{
		padding: 16px 15px 12px;
	}
	.seo-body h1{
		font-size: 32px;
		line-height: 35px;
		margin: 0 0px 9px;
	}
	.seo-body ol li{
		padding-left: 27px;
	}
	.aside-links__title{
		padding: 11px 23px 9px;
		font-size: 15px;
		line-height: 20px;
		margin-bottom: 1px;
	}
	.aside-project__head{
		padding: 10px 16px;
	}
	.aside-project__item{
		padding: 7px 0;
	}
	.aside-project__name{
		font-size: 15px;
	}
	.aside-project__reviews{
		font-size: 13px;
	}
	.section-best__header{
		padding: 13px 30px 12px;
	}
	.section-best__title{
		font-size: 32px;
		line-height: 35px;
	}
	.section-sidebar .aside-project__name{
		font-size: 15px;
	}
	.section-sidebar .aside-links__title{
		font-size: 15px;
		line-height: 20px;
	}
	.section-faq__title{
		padding: 7px 25px;
	}
	.post-body h1{
		font-size: 32px;
		line-height: 35px;
		margin-bottom: 13px;
	}
	.post-gallery__slide a{
		height: 454px;
	}
	.block-best{
		margin: 26px -15px;
	}
	.block-best__head{
		margin-bottom: 15px;
	}
	.block-best__title{
		padding: 9px 15px 11px;
		font-size: 21px;
		line-height: 25px;
	}
	.block-best__name{
		font-size: 19px;
	}
	.block-best__list{
		font-size: 18px;
	}
	.block-quote{
		padding: 19px 23px 21px 60px;
	}
	.block-project__title{
		font-size: 24px;
	}
	.block-project__all{
		font-size: 15px;
	}
	.block-project__name{
		font-size: 17px;
	}
	.block-project__reviews{
		font-size: 14px;
	}
	.mobile-panel__logo{
		width: 168px;
		margin-bottom: 19px;
	}
	.alignright, .alignleft{
		float: none;
		margin: 21px auto 20px;
	}
	.post-popup.show.post-popup_header{
		top: 62px;
	}
}
@media only screen and (max-width: 383px){
	.site-header__container{
		padding: 9px 0 7px;
	}
	.header-logo{
		width: 157px;
	}
	.header-slogan{
		font-size: 14px;
		line-height: 22px;
		margin: 3px 0 0;
	}
	.touch-menu{
		width: 29px;
		right: 2px;
	}
	.header-slogan{
		font-size: 13px;
		line-height: 21px;
	}
	.fixed-header__container{
		padding: 9px 0 11px;
	}
	.site-nav__submenu{
		padding: 8px 3px 2px 20px;
	}
	.site-nav__submenu li{
		margin: 0 19px 7px 0;
	}
	.site-nav__submenu li a{
		font-size: 15px;
		line-height: 18px;
	}
	.page-title{
		padding: 13px 15px 12px;
		font-size: 30px;
		line-height: 35px;
	}
	.aside-links__title{
		font-size: 15px;
		line-height: 20px;
	}
	.section-best__header{
		padding: 13px 12px 12px;
	}
	.section-best__title{
		font-size: 30px;
	}
	.section-best__slider{
		margin: 0 -15px;
	}
	.section-best__item{
		margin: 0 auto;
	}
	.section-faq__title{
		margin: 0 -30px 15px;
	}
	.section-faq__title h2{
		font-size: 24px;
		line-height: 30px;
	}
	.mobile-menu ul{
		font-size: 15px;
	}
	.section-seo{
		padding: 16px 15px 12px;
	}
	.seo-body h1{
		font-size: 30px;
		line-height: 35px;
		margin: 0 0 8px;
	}
	.seo-body h2{
		font-size: 24px;
		line-height: 30px;
		margin: 21px 0 16px;
	}
	/* .seo-body ol li{
		padding-left: 27px;
	} */
	.section-sidebar .aside-project__name{
		font-size: 14px;
	}
	.post-body h1{
		font-size: 30px;
	}
	.post-body ul{
		margin-bottom: 20px;
	}
	.post-gallery__slide a{
		height: 424px;
	}
	.block-payment{
		padding: 20px 15px 2px;
		margin: 24px -15px 30px;
	}
	.block-best__title{
		font-size: 20px;
	}
	.block-best__name{
		font-size: 18px;
	}
	.block-project__number{
		width: 24px;
		font-size: 15px;
	}
	.block-project__name{
		font-size: 16px;
	}
	.mobile-panel{
		left: 10px;
		right: 10px;
	}
	.mobile-panel__close{
		right: 10px;
	}
	.mobile-panel__logo{
		width: 157px;
		margin: 0 5px 21px;
	}
	.mobile-panel__menu > ul > li{
		font-size: 15px;
	}
}
@media only screen and (max-width: 359px){
	.fixed-header__container .touch-menu{
		right: 17px;
	}
	.site-nav__submenu{
		padding: 8px 3px 2px 3px;
	}
	.site-nav__submenu li{
		margin: 0 9px 7px;
	}
	.mobile-menu{
		padding: 10px 5px 5px;
	}
	.aside-project{
		margin: 0 -5px 20px;
	}
	.aside-project__name{
		font-size: 14px;
	}
	.aside-links{
		margin: 0 -5px;
	}
	.aside-links__list{
		font-size: 15px;
	}
	.section-posts{
		margin: 0 -5px 0;
	}
	.section-posts__image img{
		height: 160px;
	}
	.post-body{
		font-size: 17px;
	}
	.post-body blockquote{
		padding: 19px 10px 19px 50px;
		margin: 26px -10px 26px;
	}
	.post-body blockquote::before{
		left: 10px;
	}
	.block-best{
		margin: 26px -10px;
	}
	.alignright, .alignleft{
		float: none;
		margin: 25px auto 20px;
	}
	.post-gallery{
		width: calc(100% + 10px);
		max-width: calc(100% + 10px);
		margin: 25px -5px 30px !important;
	}
	.post-gallery__slide a{
		height: 384px;
	}
	.block-payment{
		padding: 18px 15px 2px;
		margin: 21px -10px 30px;
	}
	.block-payment__list{
		font-size: 15px;
	}
	ul.block-payment__list li{
		padding-left: 16px;
	}
	.block-quote{
		padding: 20px 23px 18px 60px;
		font-size: 15px;
		margin: 21px -10px;
	}
	.block-quote a{
		display: inline-flex;
	}
	.section-sidebar{
		margin: 0 -5px;
	}
	.section-faq__container{
		margin: 0 -5px;
	}
	.section-faq__title{
		padding: 7px 25px 9px;
	}
	.section-faq__question{
		padding: 14px 10px 16px 44px;
		font-size: 17px;
		line-height: 25px;
	}
	.section-faq__question span{
		top: 15px;
		left: 10px;
	}
	.section-faq__answer{
		padding: 0 15px;
	}
	.faq-best__name {
		margin-right: 10px;
	}
	.section-faq__text {
		font-size: 15px;
	}
	.footer-email{
		margin: 8px 0 0;
	}
}

/* Современные мобильные стили для 2025 года */
@media only screen and (max-width: 768px) {
	/* Скрываем десктопную навигацию на мобильных */
	.header-nav-desktop {
		display: none;
	}
	
	/* Скрываем десктопное подменю на мобильных */
	.header-submenu-desktop {
		display: none;
	}
	
	/* Показываем старую навигацию на мобильных */
	.site-nav {
		display: block;
	}
	
	/* Показываем мобильное меню */
	.touch-menu {
		display: block;
	}
	
	/* Адаптируем header для мобильных */
	.site-header__container {
		justify-content: space-between;
		padding: 20px 0;
	}
	
	.header-brand {
		flex-direction: column;
		align-items: flex-start;
	}
	
	.header-slogan {
		padding-left: 0;
		margin: 5px 0 0;
		font-size: 13px;
		line-height: 16px;
	}
	
	.header-slogan:before {
		display: none;
	}
	/* Улучшенные карточки проектов для мобильных */
	.project-home {
		width: 100%;
		padding: 20px;
		margin-bottom: 20px;
		border-radius: var(--border-radius-md);
	}
	
	/* Улучшенная навигация для мобильных */
	.site-nav__menu a {
		height: 48px;
		padding: 0 12px;
		font-size: var(--font-size-xs);
		border-radius: var(--border-radius-sm);
		gap: 6px;
	}
	
	.nav-icon {
		width: 28px;
		height: 28px;
	}
	
	.nav-icon svg {
		width: 14px;
		height: 14px;
	}
	
	.nav-text {
		font-size: 11px;
	}
	
	/* Улучшенные кнопки для мобильных */
	.project-home__btn a {
		padding: 12px 20px;
		font-size: var(--font-size-sm);
		border-radius: var(--border-radius-sm);
	}
	
	/* Улучшенные карточки жалоб для мобильных */
	.complaint-home {
		width: 100%;
		padding: 20px;
		margin-bottom: 15px;
		border-radius: var(--border-radius-md);
	}
	
	/* Улучшенные заголовки для мобильных */
	.home-head__title {
		font-size: var(--font-size-2xl);
		line-height: 1.2;
		text-align: center;
	}
	
	/* Улучшенные кнопки навигации для мобильных */
	.home-head__prev,
	.home-head__next {
		width: 40px;
		height: 40px;
	}
	
	/* Улучшенный футер для мобильных */
	.footer-main {
		flex-direction: column;
		text-align: center;
		padding: 25px 20px;
		gap: 15px;
	}
	
	.footer-text {
		width: 100%;
		font-size: var(--font-size-xs);
	}
	
	/* Улучшенные анимации для мобильных */
	.project-home:hover,
	.complaint-home:hover {
		transform: none;
	}
	
	.project-home__btn a:hover,
	.home-head__prev:hover,
	.home-head__next:hover {
		transform: none;
	}
}

/* Улучшенные стили для планшетов */
@media only screen and (min-width: 769px) and (max-width: 1024px) {
	.project-home {
		width: calc(50% - 20px);
		margin-bottom: 25px;
	}
	
	.complaint-home {
		width: calc(50% - 20px);
		margin-bottom: 20px;
	}
	
	.home-head__title {
		font-size: var(--font-size-2xl);
	}
}

/* Анимации для уведомлений */
@keyframes slideInRight {
	from {
		opacity: 0;
		transform: translateX(100%);
	}
	to {
		opacity: 1;
		transform: translateX(0);
	}
}

@keyframes slideOutRight {
	from {
		opacity: 1;
		transform: translateX(0);
	}
	to {
		opacity: 0;
		transform: translateX(100%);
	}
}