/*****
Theme Name: MH Magazine lite
Theme URI: https://mhthemes.com/themes/mh-magazine-lite/
Description: MH Magazine lite is one of the most popular free responsive magazine, news, newspaper and blog WordPress themes for modern online magazines, dynamic news websites, professional blogs and other editorial websites. This free magazine theme is fast, secure, SEO friendly and perfectly suitable for topics like international news, politics, lifestyle, fashion, business, sports, gadgets, travel or anything else. If you would like to gain access to more awesome features, flexible custom widgets and useful options to customize your website, you can upgrade to the premium version of MH Magazine and take your website to the next level. You can also learn more about this dynamic magazine WordPress theme on the MH Themes website.
Author: MH Themes
Author URI: https://mhthemes.com/
Version: 2.10.0
Tested up to: 6.6
Requires PHP: 5.6
Tags: one-column, two-columns, left-sidebar, right-sidebar, flexible-header, custom-background, custom-colors, custom-header, custom-logo, custom-menu, featured-images, full-width-template, theme-options, threaded-comments, footer-widgets, translation-ready, rtl-language-support, blog, entertainment, news
Text Domain: mh-magazine-lite
Domain Path: /languages/
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Credits: You may remove the link in the footer, but we would appreciate any attribution to our work!
*****/

/***** CSS Reset based on the work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/ v2.0 *****/

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; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { 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; }

/***** Structure *****/

html { font-size: 100%; -ms-text-size-adjust: none; -webkit-text-size-adjust: none; }
body { font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 14px; font-size: 0.875rem; line-height: 1.6; background: #f7f7f7; word-wrap: break-word; }
.mh-container, .mh-container-inner { width: 100%; margin: 0 auto; position: relative; } /* Убрано max-width: 1080px, чтобы растянулось во весь экран */
.mh-container-outer { margin: 0px auto; -webkit-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.17); -moz-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.17); box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.17); } /* Первое - отступ сверху */
.mh-wrapper { padding: 25px; background: #fff; }
.mh-content { width: 65.83%; overflow: hidden; }
.mh-sidebar { width: 31.66%; float: left; }
.mh-margin-left { margin-left: 2.5%; }
.mh-margin-right { margin-right: 2.5%; }
.mh-right-sb #main-content { float: left; margin-right: 2.5%; }
.mh-left-sb #main-content { float: right; margin-left: 2.5%; }
.mh-home-area-3, .mh-home-area-4 { width: 48.24%; }
.mh-home-area-4 { margin-left: 3.52%; }
.page-template-homepage .mh-wrapper { padding-bottom: 0; }

/***** Animation *****/

.mh-main-nav li, .entry-tags li, .tagcloud a { -webkit-transition: 0.25s ease-out; -moz-transition: 0.25s ease-out; transition: 0.25s ease-out; }

/***** Columns *****/

.mh-row [class*='mh-col-']:first-child { margin: 0; }
[class*='mh-col-'] { float: left; margin-left: 2.5%; overflow: hidden; }
.mh-col-1-1 { width: 100%; }
.mh-col-1-2 { width: 48.75%; }
.mh-col-1-3 { width: 31.66%; }
.mh-col-2-3 { width: 65.83%; }
.mh-col-1-4 { width: 23.12%; }
.mh-col-3-4 { width: 74.37%; }
.mh-col-1-5 { width: 18.00%; }
.mh-col-1-6 { width: 14.58%; }
.mh-col-1-7 { width: 12.14%; }
.mh-col-1-8 { width: 10.31%; }
.clear { clear: both; }
.clearfix, .mh-clearfix { display: block; }
.clearfix:after, .mh-clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; margin: 0; padding: 0; }

/***** Typography *****/

h1 { font-size: 32px; font-size: 2rem; }
h2 { font-size: 24px; font-size: 1.5rem; }
h3 { font-size: 20px; font-size: 1.25rem; }
h4 { font-size: 18px; font-size: 1.125rem; }
h5 { font-size: 16px; font-size: 1rem; }
h6 { font-size: 14px; font-size: 0.875rem; }
h1, h2, h3, h4, h5, h6 { font-family: 'Open Sans', Helvetica, Arial, sans-serif; color: #000; line-height: 1.3; font-weight: 700; }
b, strong { font-weight: bold; }
i, em { font-style: italic; }
small { font-size: 6px; font-size: 0.375rem; }
big { font-size: 20px; font-size: 1.25rem; }
pre, code { font-family: "Consolas", Courier New, Courier, monospace; color: #000; margin-bottom: 20px; margin-bottom: 1.25rem; background: #f5f5f5; border: 1px solid #ebebeb; }
pre { padding: 20px; padding: 1.25rem; white-space: pre-wrap; white-space: -o-pre-wrap; white-space: -moz-pre-wrap; white-space: -webkit-pre-wrap; }
kbd { padding: 0px 6px; padding: 0rem 0.375rem; background: #f5f5f5; border: 1px solid #aaa; border-radius: 0.1875em; -moz-border-radius: 0.1875em; -moz-box-shadow: 0 0.0625em 0 rgba(0, 0, 0, 0.2), 0 0 0 0.125em white inset; -webkit-border-radius: 0.1875em; -webkit-box-shadow: 0 0.0625em 0 rgba(0, 0, 0, 0.2), 0 0 0 0.125em white inset; box-shadow: 0 0.0625em 0 rgba(0, 0, 0, 0.2), 0 0 0 0.125em white inset; text-shadow: 0 0.0625em 0 #fff; }
blockquote { display: block; font-size: 15px; font-size: 0.9375rem; line-height: 1.6; font-style: italic; color: #666; padding: 5px 0 5px 15px; border-left: 5px solid #e64946; }
sup { vertical-align: super; font-size: 10px; font-size: 0.625rem; }
sub { vertical-align: sub; font-size: 10px; font-size: 0.625rem; }
abbr, acronym { border-bottom: 1px dashed; cursor: help; }
cite { color: #9a9b97; }
q { font-style: italic; }
address { font-family: "Courier new"; line-height: 1.5; margin-bottom: 20px; margin-bottom: 1.25rem; }
a { color: #000; text-decoration: none; }
a:hover { color: #e64946; }

/***** Accessibility *****/

.screen-reader-text { position: absolute; top: -9999rem; left: -9999rem; }

/***** Lists *****/

.entry-content ul { list-style: square; }
.entry-content ol { list-style: decimal; }
.entry-content ul, .entry-content ol { margin: 0 0 20px 40px; }
.entry-content ul ul, .entry-content ol ol { margin: 0 0 0 40px; }
.entry-content li { margin-bottom: 5px; }
dl { margin: 0 0 10px 20px; }
dt, dd { display: list-item; }
dt { list-style-type: square; font-weight: bold; }
dd { list-style-type: circle; margin-left: 20px; }
select { max-width: 100%; }

/***** Header *****/

.mh-header { background: #fff; }
.mh-site-logo { padding: 20px; overflow: hidden; }
.mh-header-text { margin: 5px 0; text-transform: uppercase; }
.mh-header-title { font-size: 32px; font-size: 2rem; line-height: 1; }
.mh-header-tagline { display: inline-block; font-size: 14px; font-size: 0.875rem; line-height: 1; color: #e64946; padding-top: 10px; margin-top: 10px; border-top: 1px solid #e5e5e5; }


.header-container {
    display: flex;
    justify-content: flex-start; /* Элементы будут выравнены в начале контейнера */
    padding: 10px 10%; /* Отступы сверху и снизу, и по 10% по бокам */
    background: linear-gradient(to bottom, #0775b4, #1fa2e3); /* Градиент сверху вниз с более светлым цветом */
    color: white; /* Цвет текста */
}

.logo-site-name {
    display: flex;
    justify-content: flex-start; /* Элементы будут выравнены в начале контейнера */
}

.company-first-name {
font-family: 'Verdana', sans-serif; /* Используем Verdana для заголовка */
    font-size: 13px; /* Размер шрифта для заголовка */
}
.company-name {
font-family: 'Verdana', sans-serif; /* Используем Verdana для заголовка */
    font-size: 25px; /* Размер шрифта для подзаголовка */
	margin-top: -4px;
}

.logo { flex: 0 0 11%; /* Ширина 11% */

    text-align: center; /* Центрирование текста */
    padding: 0px;
}

.site-name {
    flex: 1 0 44%; /* Ширина 44% */
    text-align: left; /* Выравнивание текста влево */
    padding: 1px;
	margin-left: 20px;
   
}

.contact-info {
    flex: 0 0 27%; /* Ширина 27% */
    text-align: left; /* Выравнивание текста слева */
    padding: 1px;
    display: flex; /* Включаем flex-контейнер */
    flex-direction: column; /* Изменяем направление на колонку */
	font-size:16px;
}

.contact-info i {
    font-size: 1.5em; /* Увеличиваем размер иконки */
    margin-right: 5px; /* Добавляем отступ справа от иконки */

}
.address i {
    font-size: 1.5em; /* Увеличиваем размер иконки */
    margin-right: 5px; /* Добавляем отступ справа от иконки */
}

.email, .phone {
    text-align: left; /* Выравнивание текста по центру */
    padding: 1px;
    display: flex; /* Включаем flex-контейнер */

}


.address {
   flex: 0 0 22%; /* Ширина 22% */
    text-align: left; /* Выравнивание текста влево */
    padding: 1px;
    display: flex; /* Включаем flex-контейнер */
	font-size:16px;
   
}



/***** Меню *****/

.mh-main-nav {
    display: flex; /* Добавляем flex для меню, чтобы пункты были в строку */
    list-style: none; /* Убираем маркеры списка, если они есть */
    padding: 0; /* Убираем отступы по умолчанию */
    margin: 0; /* Убираем отступы по умолчанию */
    justify-content: center; /* Центрируем элементы внутри меню */
    background: #e0f0ff; /* Светлый оттенок синего */
}

.mh-main-nav li {
    float: left;
    position: relative;
    font-weight: 700;
}

.mh-main-nav li:hover a {
    background-color: #00a2e9; /* Цвет фона при наведении */
    color: white; /* Цвет текста при наведении */
}


.mh-main-nav li a {
    display: flex; /* Используем flex для выравнивания текста по центру */
    align-items: center; /* Вертикальное выравнивание по центру */
    justify-content: center; /* Горизонтальное выравнивание по центру */
    color: black;
    padding: 20px 40px; /* Увеличиваем отступы для увеличения размера кнопки */
    border-left: 1px solid rgba(255, 255, 255, 0.1);
    font-family: 'Verdana', sans-serif; /* Устанавливаем шрифт Verdana */
    font-size: 14px; /* Устанавливаем размер шрифта 14px */
    transition: background-color 0.3s ease, color 0.3s ease; /* Плавный переход цвета фона и текста */
}

.mh-main-nav li:first-child a,
.mh-main-nav .sub-menu li a {
    border: none;
} /* Цвет активной кнопки меню */

.mh-main-nav li:not(:last-child)::after {
    content: ''; /* Создаем пустой контент для разделителя */
    position: absolute;
    right: 0; /* Размещаем справа от кнопки */
    top: 50%; /* Центрируем по вертикали относительно кнопки */
    transform: translateY(-50%); /* Сдвигаем на половину высоты для центрирования */
    width: 2px; /* Ширина разделителя */
    height: 50%; /* Высота разделителя (половина высоты кнопки) */
    background-color: rgba(159, 159, 159, 0.4); /* 0.4 для 40% непрозрачности */
}

.mh-main-nav .menu > .current-menu-item {
    /* background-color: #00a2e9; */ /* Убираем цвет фона активного элемента меню */
} 

.mh-main-nav .menu > .current-menu-item a {
    /* background-color: #00a2e9; */ /* Убираем цвет фона активного элемента меню */
    color: black; /* Можно оставить цвет текста черным или изменить по желанию */
} 

.mh-navigation .menu-item-has-children > a::after {
    font-family: 'FontAwesome';
    font-weight: 600;
    line-height: 1;
    content: '\f107';
    margin-left: 5px;
}

.mh-navigation .sub-menu .menu-item-has-children > a::after {
    content: '\f105';
    margin-left: 10px;
}

.mh-navigation img {
   vertical-align: inherit;
}

/***** SlickNav Mobile Menu Core Style *****/

.slicknav_btn { position: relative; display: block; vertical-align: middle; float: left; padding: 0.438em 0.625em; line-height: 1.125em; cursor: pointer; margin: 5px 5px 6px; text-decoration: none; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: #222; } /* Расположение полосочек */
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em; }
.slicknav_menu { *zoom: 1; font-size: 16px; font-size: 1rem; box-sizing: border-box; background: #4c4c4c; padding: 5px; }
.slicknav_menu * { box-sizing: border-box; }
.slicknav_menu .slicknav_menutxt { display: block; line-height: 1.188em; float: left; color: #fff; font-weight: bold; text-shadow: 0 1px 3px #000; }
.slicknav_menu .slicknav_icon { float: left; margin: 0.188em 0 0 0.438em; }
.slicknav_menu .slicknav_no-text { margin: 0; }
.slicknav_menu .slicknav_icon-bar { display: block; width: 1.125em; height: 0.125em; background-color: #0392da; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); } /* Полоски-кнопки мобильного меню */
.slicknav_menu:before, .slicknav_menu:after { content: " "; display: table; }
.slicknav_menu:after { clear: both; }
.slicknav_nav { clear: both; color: #fff; margin: 0; padding: 0; font-size: 0.875em; list-style: none; overflow: hidden; }
.slicknav_nav ul { display: block; list-style: none; overflow: hidden; padding: 0; margin: 0 0 0 20px; }
.slicknav_nav li { display: block; }
.slicknav_nav a { display: block; padding: 1px 1px; margin: 1px 1px; text-decoration: none; color: black; } /* Текст меню */
.slicknav_nav a:hover { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background: #ccc; color: #0093df; }
.slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; }
.slicknav_nav .slicknav_item { cursor: pointer; }
.slicknav_nav .slicknav_item a { display: inline; padding: 0; margin: 0; }
.slicknav_nav .slicknav_row { display: block; padding: 5px 10px; margin: 2px 5px; }
.slicknav_nav .slicknav_row:hover { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background: #ccc; color: #fff; }
.slicknav_nav .slicknav_txtnode { margin-left: 15px; }
.slicknav_nav .slicknav_parent-link a { display: inline; padding: 0; margin: 0; }
.slicknav_brand { float: left; color: #fff; font-size: 18px; line-height: 30px; padding: 7px 12px; height: 44px; }

/***** SlickNav Custom Style *****/

.slicknav_btn { background: #e64946; } /* ? */
.slicknav_menu { padding: 0; border-bottom: 2px solid #2a2a2a; background: #e64946; display: none; } /* Полоса под меню */
.slicknav_menu .slicknav_menutxt { text-shadow: none; display: none; }
.slicknav_menu .slicknav_icon-bar { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; }
.slicknav_nav { font-size: 16px; font-size: 1rem; font-weight: 600; margin-bottom: 20px; }
.slicknav_nav ul { padding: 20px 0 0 15px; margin: 0; border-top: 1px solid #2a2a2a; }
.slicknav_nav ul ul { border: 0; padding: 0 0 0 15px; }
.slicknav_nav .slicknav_item:hover, .slicknav_nav a:hover { color: #0093df; background: #e64946; } /* Цвет текста при наводке в моб.версии*/
.mh-main-nav-wrap .slicknav_btn, .mh-main-nav-wrap .slicknav_menu, .mh-main-nav-wrap .slicknav_nav .slicknav_item:hover, .mh-main-nav-wrap .slicknav_nav a:hover { background: transparent; }
.mh-main-nav-wrap .slicknav_nav ul { border-top: 2px solid black; }
.mh-main-nav-wrap .slicknav_nav ul ul { border: none; } /* Полоса над меню, под кнопкой */

/***** FlexSlider Browser Resets *****/

.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { outline: none; }
.slides, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; }

/***** FlexSlider Base Styles *****/

.flexslider { margin: 0; padding: 0; }
.flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; }
.flexslider .slides img { display: block; }
.flex-pauseplay span { text-transform: capitalize; }
.slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
html[xmlns] .slides { display: block; }
* html .slides { height: 1%; }
.no-js .slides > li:first-child { display: block; }

/***** FlexSlider Default Styles *****/

.flexslider { position: relative; zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.flexslider .slides img { height: auto; }
.flex-direction-nav { *height: 0; }
.flex-direction-nav a { width: 30px; height: 30px; margin: -12px 0 0; display: block; background: url(images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease; }
.flex-direction-nav .flex-next { background-position: 100% 0; right: -36px; display: none; }
.flex-direction-nav .flex-prev { left: -36px; display: none; }
.flex-direction-nav .flex-disabled { opacity: 0.3 !important; filter: alpha(opacity=30); cursor: default; }
.flexslider:hover .flex-next { opacity: 0.8; right: 5px; display: block; }
.flexslider:hover .flex-prev { opacity: 0.8; left: 5px; display: block; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-control-nav { width: 100%; position: absolute; bottom: 6px; text-align: center; z-index: 999; }
.flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; }
.flex-control-paging li a { width: 11px; height: 11px; display: block; background: #666; background: rgba(0, 0, 0, 0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); }
.flex-control-paging li a:hover { background: #333; background: rgba(0, 0, 0, 0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0, 0, 0, 0.9); cursor: default; }

/***** Posts/Pages *****/

.entry-header, .page-header { margin-bottom: 20px; margin-bottom: 1.25rem; }
.page-title { font-size: 28px; font-size: 1.75rem; }
.mh-subheading-top { border-bottom: 3px solid #2a2a2a; }
.mh-subheading { display: block; font-size: 13px; font-size: 0.8125rem; color: #fff; padding: 5px 10px; margin-bottom: 10px; margin-bottom: 0.625rem; background: #e64946; text-transform: uppercase; }
.mh-meta { font-size: 13px; font-size: 0.8125rem; }
.mh-meta, .mh-meta a { color: #979797; }
.mh-meta a:hover { color: #e64946; }
.mh-footer .mh-meta, .mh-footer .mh-meta a, .mh-footer .mh-meta a:hover { color: #fff; }
.mh-meta span { margin-right: 10px; }
.mh-meta .fa, .mh-meta .far { margin-right: 5px; }
.entry-meta { margin-top: 10px; margin-top: 0.625rem; padding: 5px 10px; border-top: 1px dotted #ebebeb; border-bottom: 1px dotted #ebebeb; }
.entry-thumbnail { max-width: 1030px; margin-bottom: 20px; margin-bottom: 1.25rem; }
.entry-thumbnail img { width: 100%; }
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6, .entry-content p, .entry-content blockquote, .entry-content .flex-vid, .entry-content .mh-row, .entry-content .mh-video-container { margin-bottom: 20px; margin-bottom: 1.25rem; }
.entry-content blockquote p:last-child { margin: 0; }
.entry-content a { font-weight: 600; color: #e64946; }
.entry-content a:hover { color: #e64946; text-decoration: underline; }
.entry-tags { font-size: 12px; font-size: 0.75rem; color: #fff; line-height: 1; margin-bottom: 20px; margin-bottom: 1.25rem; }
.entry-tags li { float: left; font-weight: 700; margin: 0 6px 6px 0; margin: 0 0.375rem 0.375rem 0; background: #2a2a2a; text-transform: uppercase; }
.entry-tags li:hover { background: #e64946; }
.entry-tags a, .entry-tags a:hover { display: block; color: #fff; padding: 10px 15px; }
.entry-tags .fa, .entry-tags .far, .entry-tags .fab { float: left; padding: 10px; margin-right: 6px; background: #e64946; }
.sticky { }

/***** Author Box *****/

.mh-author-box { line-height: 1.5; padding: 25px 0; margin-bottom: 25px; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; }
.mh-author-box-avatar { float: left; padding: 3px; margin-right: 25px; border: 1px solid #ebebeb; }
.mh-author-box-header { margin-bottom: 10px; display: flex; align-items: center; }
.mh-author-box-name { font-size: 16px; font-size: 1rem; font-weight: 700; }
.mh-author-box-postcount { display: flex; align-items: center; }
.mh-author-box-postcount:before { font-family: 'FontAwesome'; padding: 0 8px; content: '\f054'; font-weight: 900; font-size: 10px; margin-top: 3px; }
.author .mh-author-box { margin-top: 25px; }

/***** Loop / Archives / Search Results *****/

.mh-loop-description { padding: 20px 0; margin-top: 20px; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; }
.mh-loop-description p:last-child { margin: 0; }
.mh-loop-item { padding-bottom: 20px; padding-bottom: 1.25rem; margin-bottom: 20px; margin-bottom: 1.25rem; border-bottom: 1px solid #ebebeb; }
.mh-loop-header { margin-bottom: 10px; margin-bottom: 0.625rem; }
.mh-loop-meta { margin-top: 5px; }
.mh-loop-excerpt { overflow: hidden; }
.mh-loop-thumb { float: left; margin-right: 20px; }
.mh-loop-thumb img { width: 100%; max-width: 235px; }
.mh-loop-pagination { margin-top: 20px; }

/***** Pagination *****/

.post .pagination { padding-bottom: 20px; padding-bottom: 1.25rem; }
.page-numbers { display: inline-block; font-weight: 700; color: #000; padding: 10px 15px; background: #f5f5f5; }
.page-numbers:hover, .mh-loop-pagination .current, .mh-comments-pagination .current, a:hover .pagelink { color: #fff; background: #e64946; }
.page-numbers a { display: block; }
.pagelink { display: inline-block; font-weight: 700; color: #fff; padding: 10px 15px; background: #e64946; }
a .pagelink { color: #000; background: #f5f5f5; }

/***** Post / Attachment Navigation *****/

.mh-post-nav { padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px solid #ebebeb; }
.mh-post-nav span { display: block; font-weight: 700; line-height: 1; margin-bottom: 5px; text-transform: uppercase; overflow: hidden; }
.mh-post-nav p { font-size: 13px; font-size: 0.8125rem; overflow: hidden; }
.mh-post-nav-next { float: right; text-align: right; }
.mh-post-nav-prev img { float: left; margin-right: 15px; }
.mh-post-nav-next img { float: right; margin-left: 15px; }
.mh-post-nav-prev span:before, .mh-post-nav-next span:after { font-family: 'FontAwesome'; font-weight: 600; }
.mh-post-nav-prev span:before { content: '\f100'; margin-right: 5px; }
.mh-post-nav-next span:after { content: '\f101'; margin-left: 5px; }

/***** Footer *****/

.mh-footer { font-size: 13px; font-size: 0.8125rem; color: #fff; padding: 25px 25px 0; background: #2a2a2a; }
.mh-footer a, .mh-footer a:hover { color: #f7f7f7; }
.mh-copyright-wrap { padding: 10px 25px; border-top: 3px solid #999; background: #2a2a2a; }
.mh-copyright { font-size: 12px; font-size: 0.75rem; color: #999; }
.mh-copyright a, .mh-copyright a:hover { color: #fff; }
.footer-container {
    display: flex;
    align-items: flex-start; /* Выравнивание всех подклассов по верхнему краю */
    background: linear-gradient(to bottom, #6179a2, #212e44); /* Градиент сверху вниз */
    padding: 20px; /* Отступы для футера */
	position: relative; /* Устанавливаем относительное позиционирование */
}


.footer-left,
.footer-right {
    flex: 1; /* Занимает одинаковую часть от общего пространства */
    color: white; /* Белый текст */
    display: flex;
    flex-direction: column; /* Размещаем элементы в колонку */
    align-items: center; /* Выравниваем по центру */
    justify-content: center; /* Центрируем по вертикали */
}

.footer-center {
    flex: 1; /* Занимает одинаковую часть от общего пространства */
    color: white; /* Белый текст */
    display: flex;
    flex-direction: column; /* Размещаем элементы в колонку */
    justify-content: center; /* Центрируем по вертикали */
}


.footer-left {
    align-items: flex-start; /* Выравниваем по левой стороне */
    padding-left: 20px; /* Отступ слева для левого футера */
}

.footer-center {
    padding: 0 20px; /* Горизонтальные отступы для центрального футера */
}

.footer-right {
    align-items: flex-end; /* Выравниваем по правой стороне */
    padding-right: 20px; /* Отступ справа для правого футера */
}

.footer-section-1,
.footer-section-2,
.footer-section-3 {
    background-color: #00a2e9; /* Синий фон для каждой секции */
}
.footer-line {
    width: 100%; /* Ширина линии на всю страницу */
    height: 2px; /* Высота линии */
    background-color: white; /* Цвет линии */
    margin: 0px 0; /* Отступы сверху и снизу */
}

.footer-rights {
    text-align: center; /* Центрирование текста */
    width: 100%; /* Ширина текста на всю страницу */
    margin: 0; /* Убираем отступы */
    padding: 10px 0; /* Отступы сверху и снизу для текста */
    color: white; /* Цвет текста (при необходимости измените на нужный) */
	background: #212e44; /* Цвет линии */
}

/*Иконки месседжеров*/
.contact-icons {
    display: flex;
    justify-content: center; /* Центрируем значки */
}

.contact-icon {
    color: white; /* Белый цвет значков */
    font-size: 30px; /* Увеличиваем размер значков */
    margin: 0 15px; /* Увеличиваем расстояние между значками */
    text-decoration: none; /* Убираем подчеркивание у ссылок */
}

.contact-icon:hover {
     color: #A0D3E8; /* Цвет текста при наведении (светло-голубой) */
}

/* Классы для центрального футера */
.footer-list a {
    color: white; /* Цвет текста */
    line-height: 1.0; /* Стандартное расстояние между строками */
}

.footer-title {
    text-align: center; /* Выравнивание по центру */
    color: white; /* Цвет текста, если нужно */
}

.footer-list-container {
    display: flex;
    justify-content: space-between; /* Размещаем элементы по краям */
}

.footer-list-left,
.footer-list-right {
    width: 48%; /* Устанавливаем ширину для каждого списка */
}

.footer-list {
    list-style: none;
    padding: 0;
}

.footer-list-left {
    text-align: left; /* Выравнивание по левой стороне */
}

.footer-list-right {
    text-align: right; /* Выравнивание по правой стороне */
}

.footer-list a:hover {
    color: #A0D3E8; /* Цвет текста при наведении (светло-голубой) */
}






/***** Images / Video *****/

img { max-width: 100%; width: auto\9; /* ie8 */ height: auto; vertical-align: bottom; }
iframe, embed, object, video { max-width: 100%; }
.entry-content .alignnone { display: block; margin: 20px 0; margin: 1.25rem 0; }
.entry-content .aligncenter { display: block; margin: 20px auto; margin: 1.25rem auto; }
.entry-content .alignleft { display: inline; float: left; margin: 5px 20px 20px 0; margin: 0.3125rem 1.25rem 1.25rem 0; }
.entry-content .alignright { display: inline; float: right; margin: 5px 0 20px 20px; margin: 0.3125rem 0 1.25rem 1.25rem; }
.wp-caption { max-width: 100%; }
.wp-caption-text { display: block; font-size: 12px; font-size: 0.75rem; font-weight: 700; line-height: 1.4; color: #000; margin-top: 5px; }
.mh-footer .wp-caption-text { color: #fff; }
.alignnone .wp-caption-text, .aligncenter .wp-caption-text, .alignleft .wp-caption-text, .alignright .wp-caption-text { margin-bottom: 0; }

/***** Gallery *****/

.gallery { margin-bottom: 20px; }
.gallery:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; margin: 0; padding: 0; }
.gallery-item { float: left; margin: 0 4px 4px 0; overflow: hidden; position: relative; }
.gallery-columns-1 .gallery-item { max-width: 100%; }
.gallery-columns-2 .gallery-item { max-width: 48%; max-width: -webkit-calc(50% - 4px); max-width: calc(50% - 4px); }
.gallery-columns-3 .gallery-item { max-width: 32%; max-width: -webkit-calc(33.3% - 4px); max-width: calc(33.3% - 4px); }
.gallery-columns-4 .gallery-item { max-width: 23%; max-width: -webkit-calc(25% - 4px); max-width: calc(25% - 4px); }
.gallery-columns-5 .gallery-item { max-width: 19%; max-width: -webkit-calc(20% - 4px); max-width: calc(20% - 4px); }
.gallery-columns-6 .gallery-item { max-width: 15%; max-width: -webkit-calc(16.7% - 4px); max-width: calc(16.7% - 4px); }
.gallery-columns-7 .gallery-item { max-width: 13%; max-width: -webkit-calc(14.28% - 4px); max-width: calc(14.28% - 4px); }
.gallery-columns-8 .gallery-item { max-width: 11%; max-width: -webkit-calc(12.5% - 4px); max-width: calc(12.5% - 4px); }
.gallery-columns-9 .gallery-item { max-width: 9%; max-width: -webkit-calc(11.1% - 4px); max-width: calc(11.1% - 4px); }
.gallery-columns-1 .gallery-item:nth-of-type(1n), .gallery-columns-2 .gallery-item:nth-of-type(2n), .gallery-columns-3 .gallery-item:nth-of-type(3n), .gallery-columns-4 .gallery-item:nth-of-type(4n), .gallery-columns-5 .gallery-item:nth-of-type(5n), .gallery-columns-6 .gallery-item:nth-of-type(6n), .gallery-columns-7 .gallery-item:nth-of-type(7n), .gallery-columns-8 .gallery-item:nth-of-type(8n), .gallery-columns-9 .gallery-item:nth-of-type(9n) { margin-right: 0; }
.gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1), .gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1), .gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1), .gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) { clear: left; }
.gallery-caption { background-color: rgba(0, 0, 0, 0.7); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #fff; font-size: 12px; line-height: 1.5; margin: 0; max-height: 50%; opacity: 0; padding: 6px 8px; position: absolute; bottom: 0; left: 0; text-align: left; width: 100%; }
.gallery-caption:before { content: ""; height: 100%; min-height: 49px; position: absolute; top: 0; left: 0; width: 100%; }
.gallery-item:hover .gallery-caption { opacity: 1; }
.gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none; }

/***** Tables *****/

table { width: 100%; margin-bottom: 20px; margin-bottom: 1.25rem; border-left: 1px solid #ebebeb; border-top: 1px solid #ebebeb; }
td, th { padding: 5px 10px; border-right: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; }
th { font-weight: 600; }
.mh-footer-widget table, .mh-footer-widget td, .mh-footer-widget th { border-color: rgba(255, 255, 255, 0.3); }

/***** Comments *****/

.mh-comment-list { margin-bottom: 25px; list-style: none; }
.mh-comment-list .children { margin-left: 25px; list-style: none; }
.mh-comment-body { margin-bottom: 25px; border-bottom: 1px solid #ebebeb; }
.mh-comment-footer { margin-bottom: 20px; }
.mh-comment-gravatar { float: left; }
.mh-comment-gravatar .avatar { width: 50px; height: 50px; padding: 2px; margin: 0 15px 0 0; border: 1px solid #f5f5f5; vertical-align: middle; }
.mh-comment-meta { overflow: hidden; }
.mh-comment-meta, .mh-comment-meta a { color: #2a2a2a; }
.mh-comment-meta-author { font-size: 16px; font-size: 1rem; font-weight: 700; }
.mh-comment-meta-author .fn { margin-right: 5px; }
.bypostauthor .mh-comment-meta-author:after { font-family: 'FontAwesome'; font-weight: 600; color: #e64946; content: '\f006'; }
.mh-comment-meta-date { font-size: 10px; font-size: 0.625rem; text-transform: uppercase; }
.mh-comment-meta-links { font-weight: 700; line-height: 1; text-transform: uppercase; margin-bottom: 25px; }
.mh-comment-meta-links .comment-edit-link { margin-right: 15px; }
.mh-comment-meta-links .comment-reply-link:before { font-family: 'FontAwesome'; font-weight: 900; color: #e64946; content: '\f3e5'; margin-right: 5px; }
.mh-comment-info { color: #e64946; margin: 20px 0; }
.mh-comments-pagination { margin-bottom: 20px; }
.mh-ping-list { margin-bottom: 20px; }
.mh-ping-list .mh-ping-item { padding: 10px 0; border-bottom: 1px solid #ebebeb; }
.mh-ping-list .mh-ping-item:first-child { border-top: 1px solid #ebebeb; }
.mh-ping-list .mh-ping-item .fa, .mh-ping-list .mh-ping-item .far { margin-right: 15px; }

/***** Comment Form *****/

#respond .comment-reply-title { font-size: 24px; font-size: 1.5rem; line-height: 1; margin-bottom: 20px; margin-bottom: 1.25rem; }
#respond #cancel-comment-reply-link { font-size: 12px; font-size: 0.75rem; margin-left: 10px; }
#respond #cancel-comment-reply-link:before { font-family: 'FontAwesome'; font-weight: 600; color: #e64946; content: '\f05e'; margin-right: 5px; }
#commentform p { margin-bottom: 10px; }
#commentform .form-submit { margin: 25px 0; }
.required { color: #e64946; }

/***** Forms *****/

input { font-size: 12px; padding: 5px; border: 1px solid rgba(0, 0, 0, 0.1); vertical-align: middle; background: #f5f5f5; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }
input[type=text], input[type=email], input[type=tel], input[type=url] { width: 60%; }
input[type=text]:hover, input[type=email]:hover, input[type=tel]:hover, input[type=url]:hover, textarea:hover { border: 1px solid #e64946; }
input[type=submit] { display: inline-block; min-width: 150px; font-weight: 700; color: #fff; padding: 10px 15px; background: #e64946; cursor: pointer; text-transform: uppercase; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; transition: all 0.1s linear; border: 0; -webkit-appearance: none; }
input[type=submit]:hover { background: #2a2a2a; }
textarea { width: 96%; line-height: 1.5; padding: 5px; border: 1px solid rgba(0, 0, 0, 0.1); background: #f5f5f5; }

/***** Contact Form 7 *****/

.wpcf7-form { font-size: 14px; font-size: 0.875rem; margin-bottom: 20px; }
.wpcf7-form p { margin-bottom: 15px; }
.wpcf7-text { padding: 8px; }
.wpcf7-textarea { width: 86%; padding: 10px; }
div.wpcf7-response-output { margin: 20px 0 15px; }

/***** Searchform *****/

.search-form input { font-size: 11px; line-height: 1; color: #1f1e1e; text-transform: uppercase; }
/* .search-form .search-submit { display: none; }*/
.search-form .search-field { position: relative; padding: 10px; margin: 0; border: 1px solid #ebebeb; background: #fff; cursor: pointer; -webkit-appearance: none; -webkit-border-radius: 0; border-radius: 0; }
.search-form .search-field:active, .search-form .search-field:focus { cursor: text; }
.mh-widget .search-form { display: block; margin: 0 auto; padding: 5%; background: #f5f5f5; }
.mh-widget .search-form .search-field { display: block; margin: 0 auto; width: 90%; }
.mh-footer .search-form input { width: 100%; }

/***** Multisite Registration Form *****/

#signup-content { padding: 25px; background: #fff; }
#signup-content .mu_register { width: 100%; }
.mu_register .mu_alert { display: block; margin-bottom: 25px; }
.mu_register form { max-width: 500px; }
.mu_register input { box-sizing: border-box; }
.mu_register .submit { margin-top: 25px; }
.lead-in { margin-top: 25px; }
.lead-in a { font-weight: 700; }

/***** Shortcodes *****/

.ad-label { font-size: 10px; font-size: 0.625rem; }
.mh-box { position: relative; overflow: hidden; padding: 20px 20px 0; padding: 1.25rem 1.25rem 0; margin-bottom: 20px; margin-bottom: 1.25rem; border: 1px solid #ebebeb; }

/***** Widgets *****/

.mh-widget, .mh-footer-widget { margin-bottom: 25px; overflow: hidden; }
.mh-widget-title { position: relative; font-size: 16px; font-size: 1rem; padding-bottom: 5px; margin-bottom: 20px; margin-bottom: 1.25rem; text-transform: uppercase; border-bottom: 3px solid #e64946; }
.mh-footer-widget-title { font-size: 14px; font-size: 0.875rem; color: #fff; }
.mh-footer-widget-title a { color: #fff; }

/***** Widgets Areas (Advertising) *****/

.mh-ad-spot, .mh-info-spot { display: block; padding: 10px; text-align: center; background: #f5f5f5; }
.mh-footer-widget .mh-ad-spot, .mh-footer-widget .mh-info-spot { background: rgba(255, 255, 255, 0.1); }

/***** MH Slider Widget *****/

.mh-slider-widget .flex-control-nav { bottom: 10px; }
.mh-slider-widget .flex-control-nav li { margin: 0 10px 0 0; }
.mh-slider-widget .flex-control-paging li a { width: 15px; height: 15px; border: 1px solid #2a2a2a; background: #fff; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; }
.mh-slider-widget .flex-control-paging li a:hover { background: #f5f5f5; }
.mh-slider-widget .flex-control-paging li a.flex-active { background: #e64946; border: 1px solid #fff; }
.mh-widget-col-1 .mh-slider-widget .flex-control-nav { width: auto; top: 15px; right: 10px; bottom: auto; }
.mh-slider-item { position: relative; overflow: hidden; }
.mh-slider-normal { width: 678px; max-width: 100%; overflow: hidden; }
.mh-slider-caption { position: absolute; width: 350px; max-width: 100%; top: 0; right: 0; color: #fff; border-bottom: 3px solid #e64946; background: #2a2a2a; background: rgba(42, 42, 42, 0.8); }
.mh-slider-caption .mh-excerpt-more, .mh-slider-title { color: #fff; }
.mh-slider-content { padding: 25px; overflow: hidden; }
.mh-slider-content .mh-excerpt { margin-top: 10px; margin-top: 0.625rem; }
.mh-widget-col-1 .mh-slider-caption { position: relative; width: 100%; margin: 0; background: #2a2a2a; }

/***** MH Custom Posts Widget *****/

.mh-custom-posts-item { padding: 20px 0; border-bottom: 1px dotted #ebebeb; }
.mh-custom-posts-item:first-child { padding-top: 0; }
.mh-custom-posts-thumb { float: left; margin-right: 15px; }
.mh-custom-posts-small-title { font-weight: 700; line-height: 1.3; margin-bottom: 5px; margin-bottom: 0.3125rem; }
.mh-custom-posts-small .mh-meta { font-size: 11px; font-size: 0.6875rem; }
.mh-custom-posts-header { overflow: hidden; }
.mh-footer-widget .mh-custom-posts-item { border-color: rgba(255, 255, 255, 0.3); }
.mh-footer-widget .mh-custom-posts-small-title { font-weight: 400; }

/***** MH Posts Large Widget *****/

.mh-posts-large-item { margin-top: 20px; padding-bottom: 20px; border-bottom: 1px dotted #ebebeb; }
.mh-posts-large-item:first-child { margin-top: 0; }
.mh-posts-large-thumb { position: relative; margin-bottom: 10px; }
.mh-posts-large-thumb img { width: 100%; }
.mh-posts-large-caption { position: absolute; top: 0; font-size: 13px; font-size: 0.8125rem; font-weight: 700; color: #fff; padding: 10px 15px; background: #e64946; text-transform: uppercase; }
.mh-posts-large-title { font-size: 24px; font-size: 1.5rem; }
.mh-posts-large-excerpt { margin-top: 10px; }
.mh-widget-col-1 .mh-posts-large-title { font-size: 20px; font-size: 1.25rem; }
.mh-footer-widget .mh-posts-large-item { border-color: rgba(255, 255, 255, 0.3); }

/***** MH Posts Stacked Widget *****/

.mh-posts-stacked-wrap { float: left; width: 50%; overflow: hidden; }
.mh-posts-stacked-large, .mh-posts-stacked-small { position: relative; }
.mh-posts-stacked-large:after, .mh-posts-stacked-small:after { display: block; padding-top: 75%; content: ' '; }
.mh-posts-stacked-content { position: absolute; width: 100%; height: 100%; overflow: hidden; }
.mh-posts-stacked-thumb img { width: 100%; }
.mh-posts-stacked-thumb:hover .mh-posts-stacked-overlay { background: none; }
.mh-posts-stacked-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.2); }
.mh-posts-stacked-overlay-small { border-left: 1px solid #fff; }
.mh-posts-stacked-overlay-last { border-top: 1px solid #fff; }
.mh-posts-stacked-item { position: absolute; bottom: 25px; left: 25px; padding-right: 25px; }
.mh-posts-stacked-title { background: #2a2a2a; background: rgba(42, 42, 42, 0.8); }
.mh-posts-stacked-title-large { font-size: 24px; padding: 5px 10px; }
.mh-posts-stacked-title-small { font-size: 14px; padding: 2px 5px; }
.mh-posts-stacked-title a, .mh-posts-stacked-title a:hover, .mh-posts-stacked-meta a, .mh-posts-stacked-meta a:hover { color: #fff; }
.mh-posts-stacked-meta { display: inline-block; font-size: 10px; font-weight: 700; color: #fff; padding: 1px 5px; margin-top: 5px; background: #e64946; text-transform: uppercase; }
.mh-posts-stacked-meta .fa, .mh-posts-stacked-meta .mh-meta-date { margin-right: 5px; }
.mh-widget-col-1 .mh-posts-stacked-wrap { float: none; width: 100%; }
.mh-widget-col-1 .mh-posts-stacked-title { font-size: 16px; padding: 2px 5px; }
.mh-widget-col-1 .mh-posts-stacked-overlay-small { border-top: 1px solid #fff; border-left: none; }
.mh-widget-col-2 .mh-posts-stacked-large, .mh-widget-col-2 .mh-posts-stacked-columns { float: none; width: 100%; }
.mh-widget-col-2 .mh-posts-stacked-overlay-small { border-top: 1px solid #fff; border-left: none; }
.mh-widget-col-2 .mh-posts-stacked-small:nth-child(odd) .mh-posts-stacked-overlay-small { border-right: 1px solid #fff; }
.mh-widget-col-2 .mh-posts-stacked-title-small { font-size: 16px; }
#mh-mobile .mh-footer-widget .mh-posts-stacked-overlay { border-color: #2a2a2a; }

/***** MH Posts Focus Widget *****/

.mh-posts-focus-full { width: 100%; }
.mh-posts-focus-full .mh-posts-focus-large { width: 65.83%; }
.mh-posts-focus-full .mh-posts-focus-small-inner { width: 31.66%; margin-left: 2.5%; }
.mh-posts-focus-inner { float: right; }
.mh-posts-focus-large { width: 65.67%; }
.mh-posts-focus-small-inner { width: 31.07%; margin-left: 3.26%; }
.mh-posts-focus-outer { margin-right: 2.5%; margin-left: 0; }
.mh-posts-focus-item { position: relative; }
.mh-posts-focus-thumb { margin-bottom: 10px; }
.mh-posts-focus-thumb img { width: 100%; }
.mh-posts-focus-title { font-size: 20px; font-size: 1.25rem; margin-bottom: 5px; }
.mh-posts-focus-excerpt { margin-top: 10px; overflow: hidden; }
.mh-posts-focus-item-small:first-child { margin-bottom: 20px; }
.mh-home-wide .mh-posts-focus-title-large { font-size: 24px; font-size: 1.5rem; }
.mh-home-wide .mh-posts-focus-title-small { font-size: 18px; font-size: 1.125rem; }
.mh-home-wide .mh-posts-focus-excerpt-small { display: none; }
.mh-widget-col-1 .mh-posts-focus-wrap, .mh-widget-col-2 .mh-posts-focus-wrap { float: none; width: 100%; margin: 0; }
.mh-widget-col-1 .mh-posts-focus-item, .mh-widget-col-2 .mh-posts-focus-item { padding-bottom: 20px; margin-top: 20px; border-bottom: 1px dotted #ebebeb; }
.mh-widget-col-1 .mh-posts-focus-item-large, .mh-widget-col-2 .mh-posts-focus-item-large { margin: 0; }
.mh-widget-col-2 .mh-posts-focus-thumb-small { float: left; max-width: 235px; margin: 0 20px 0 0; }
.mh-widget-col-2 .mh-posts-focus-title-large { font-size: 24px; font-size: 1.5rem; }
#mh-mobile .mh-footer-widget .mh-posts-focus-item { border-color: rgba(255, 255, 255, 0.3); }

/***** MH Tabbed Widget *****/

.mh-tabbed-widget, .mh-tabbed-widget a { color: #000; }
.mh-tabbed-widget a:hover { color: #e64946; }
.mh-tabbed-widget .tagcloud a { color: #fff; }
.mh-tab-buttons { border-bottom: 3px solid #e64946; }
.mh-tab-button { display: block; float: left; width: 33.33%; line-height: 2; padding: 5px 0; background: #f5f5f5; cursor: pointer; text-align: center; -webkit-transition: 0.25s ease-out; -moz-transition: 0.25s ease-out; transition: 0.25s ease-out; }
.mh-tab-button.active, .mh-tab-button.active:hover { color: #fff; background: #e64946; }
.mh-tab-button span { padding: 0 15px; font-size: 24px; }
.mh-tab-content { display: none; padding: 25px; background: #f5f5f5; }
.mh-tab-posts { display: block; }
.mh-tab-post-item { padding-bottom: 5px; margin-top: 5px; border-bottom: 1px dotted #e5e5e5; }
.mh-tab-post-item:first-child, .mh-tab-comment-item:first-child { margin-top: 0; }
.mh-tab-comment-item { margin-top: 25px; }
.mh-tab-comment-avatar { float: left; display: block; margin: 0 10px 0 0; }
.mh-tab-comment-author { font-weight: 700; text-transform: uppercase; }
.mh-tab-comment-excerpt { display: block; padding: 25px; margin-top: 10px; background: #fff; border-radius: 25px; font-style: italic; }
.mh-footer-widget .mh-tabbed-widget, .mh-footer-widget .mh-tabbed-widget a { color: #fff; }
.mh-footer-widget .mh-tab-button, .mh-footer-widget .mh-tab-content	{ background: rgba(255, 255, 255, 0.1); }
.mh-footer-widget .mh-tab-post-item { border-color: rgba(255, 255, 255, 0.3); }
.mh-footer-widget .mh-tab-button.active { background: #e64946; }
.mh-footer-widget .mh-tab-comment-excerpt { background: #2a2a2a; }

/***** WordPress Core Widgets *****/

.widget_archive li, .widget_categories li, .widget_pages li a, .widget_meta li, .widget_nav_menu .menu > li, .widget_rss li { border-bottom: 1px dotted #ebebeb; }
.widget_archive li a, .widget_categories li a, .widget_pages li a, .widget_meta li a, .widget_nav_menu li a, .widget_rss li { display: block; padding: 5px 0; }
.widget_archive li:first-child a, .widget_categories li:first-child a, .widget_pages li:first-child a, .widget_meta li:first-child a, .widget_nav_menu li:first-child a, .widget_rss li:first-child { padding-top: 0; }
.widget_pages .children li a { padding: 5px 0; }
.widget_nav_menu .sub-menu li { border-top: 1px dotted #ebebeb; }
.widget_nav_menu .sub-menu li:first-child a { padding-top: 5px; }
.widget_rss a { font-weight: 700; }
.widget_rss .rss-date { margin-right: 5px; }
.widget_rss .rss-date, .widget_rss cite { font-size: 13px; font-size: 0.8125rem; color: #979797; }
.widget_rss .rssSummary { margin-top: 5px; }
.mh-footer-widget.widget_rss a { font-weight: 400; }
.mh-footer-widget.widget_archive li, .mh-footer-widget.widget_categories li, .mh-footer-widget.widget_pages li a, .mh-footer-widget.widget_meta li, .mh-footer-widget.widget_nav_menu .menu > li, .mh-footer-widget.widget_nav_menu .sub-menu li, .mh-footer-widget.widget_rss li { border-color: rgba(255, 255, 255, 0.3); }

/***** WP Text Widget *****/

.textwidget p { margin-top: 20px; }
.textwidget p:first-child { margin-top: 0; }
.textwidget ul { list-style: square; }
.textwidget ol { list-style: decimal; }
.textwidget ul, .textwidget ol { margin: 0 0 20px 15px; }
.textwidget ul ul, .textwidget ol ol { margin: 0 0 0 15px; }

/***** WP Calendar Widget *****/

#wp-calendar caption { text-align: left; padding: 10px; margin-bottom: 1px; background: #f5f5f5; }
#wp-calendar th, #wp-calendar td { padding: 5px 10px; text-align: center; }
#wp-calendar th { font-weight: 300; }
#wp-calendar a { font-weight: 700; }
#wp-calendar #prev { text-align: left; }
.mh-footer-widget #wp-calendar caption { background: rgba(255, 255, 255, 0.1); }

/***** WP Tag Cloud Widget *****/

.tagcloud a { display: inline-block; font-weight: 700; color: #fff; padding: 5px 10px; margin: 0 4px 8px 0; white-space: nowrap; text-transform: uppercase; }
.mh-widget .tagcloud a { background: #2a2a2a; }
.mh-footer-widget .tagcloud a { background: #000; }
.tagcloud a:hover, .mh-widget .tagcloud a:hover, .mh-footer-widget .tagcloud a:hover { color: #fff; background: #e64946; }

/***** WP Recent Posts Widget / WP Recent Comments Widget *****/

.widget_recent_entries li, .recentcomments { display: block; padding: 5px 0; border-bottom: 1px dotted #e5e5e5; }
.widget_recent_entries li:first-child, .recentcomments:first-child { padding-top: 0; }
.widget_recent_entries .post-date { display: block; font-size: 11px; font-size: 0.6875rem; color: #979797; margin-bottom: 5px; }
.mh-footer-widget.widget_recent_entries li, .mh-footer-widget .recentcomments { border-color: rgba(255, 255, 255, 0.3); }

/***** Gutenberg - Core Blocks *****/

.wp-block-image { display: block; margin: 20px 0; margin: 1.25rem 0; }
.wp-block-image .aligncenter { text-align: center; }
.wp-block-image figcaption, .wp-block-audio figcaption { color: #000; }
.wp-block-image figcaption, .wp-block-image .aligncenter > figcaption, .wp-block-image .alignleft > figcaption, .wp-block-image .alignright > figcaption, .wp-block-image.is-resized > figcaption, .wp-block-audio figcaption { display: block; font-size: 12px; font-size: 0.75rem; font-weight: 700; line-height: 1.4; margin-top: 5px; }
.wp-block-audio audio { width: 100%; }
.wp-block-gallery, .entry-content .wp-block-gallery { display: flex; margin: 0 -8px 20px; list-style-type: none; }

/***** Отображение при разных разрешениях экрана *****/

@media screen and (max-width: 1475px) {
	.mh-container { width: 100%; } /* Отображение внутренней части, было 95%*/
	.mh-container-inner { width: 100%; }
}
@media screen and (max-width: 1120px) {
	.mh-main-nav li { font-size: 12px; }
	.mh-main-nav li a { padding: 10px 15px; }
}
@media screen and (max-width: 900px) {
	.mh-container-outer { margin: 0 auto; }
	#mh-mobile .mh-container { width: 100%; }
	.mh-wrapper, .mh-site-logo { padding: 20px; }
	.mh-footer { padding: 20px 20px 0 }
	.mh-copyright { text-align: center; }
	.mh-comment-list .children { margin-left: 15px; }
	.mh-widget, .mh-footer-widget { margin-bottom: 20px; }
	#mh-mobile .mh-footer-4-cols { width: 31.66%; }
	.mh-footer-4 { display: none; }
	.mh-slider-normal { width: 100%; }
	.mh-slider-widget .flex-control-nav { width: auto; top: 15px; right: 10px; bottom: auto; }
	#mh-mobile .mh-slider-caption { position: relative; width: 100%; top: auto; bottom: 0; background: rgba(42, 42, 42, 1); }
	.mh-widget-col-1 .mh-custom-posts-small-title { font-size: 13px; font-size: 0.8125rem; }
	.mh-meta-comments { display: none; }
	.mh-posts-stacked-item { bottom: 20px; left: 20px; padding-right: 20px; }
	#mh-mobile .mh-posts-stacked-title-small, .mh-widget-col-1 .mh-posts-stacked-title-large { font-size: 13px; padding: 2px 5px; }
}
@media screen and (max-width: 767px) {
	.js .slicknav_menu { display: block; }
	.js .mh-main-nav { display: none; }
	.mh-custom-header, .mh-content, .mh-sidebar, .mh-right-sb #main-content, .mh-left-sb #main-content, #mh-mobile .mh-footer-area { float: none; width: 100%; margin: 0; }
	.mh-site-logo { text-align: center; }
	.mh-header-title, .entry-title { font-size: 24px; font-size: 1.5rem; }
	.mh-sidebar { margin-top: 20px; }
	.mh-home-sidebar { margin-top: 0; }
	.entry-meta { padding: 5px 0; }
	#commentform .form-submit { margin: 25px 0 0; }
	.mh-footer-4 { display: block; }
	.mh-slider-item img { width: 100%; }
	#mh-mobile .mh-custom-posts-small-title { font-size: 14px; font-size: 0.875rem; }
	#mh-mobile .mh-posts-stacked-large, #mh-mobile .mh-posts-stacked-columns { float: none; width: 100%; }
	#mh-mobile .mh-posts-stacked-small { float: left; width: 50%; }
	#mh-mobile .mh-posts-stacked-overlay-small { border-top: 1px solid #fff; border-left: none; }
	.mh-posts-stacked-small:nth-child(odd) .mh-posts-stacked-overlay-small { border-right: 1px solid #fff; }
	#mh-mobile .mh-posts-stacked-title-large { font-size: 24px; padding: 5px 10px; }
	#mh-mobile .mh-posts-stacked-title-small { font-size: 16px; }
	#mh-mobile .mh-posts-focus-wrap { float: none; width: 100%; margin: 0; }
	#mh-mobile .mh-posts-focus-title-small { font-size: 20px; font-size: 1.25rem; }
	#mh-mobile .mh-posts-focus-item { padding-bottom: 20px; margin-top: 20px; border-bottom: 1px dotted #ebebeb; }
	#mh-mobile .mh-posts-focus-item-large { margin: 0; }
	.mh-posts-focus-thumb-small { float: left; max-width: 235px; margin: 0 20px 0 0; }
	#mh-mobile .mh-posts-focus-excerpt-small { display: block; }
	#mh-mobile .mh-posts-focus-title-large { font-size: 24px; font-size: 1.5rem; }
	.footer-container {justify-content: center; display: flex; align-items: center;} /*Выровнить весь футер по центру*/
	.footer-left {justify-content: center; display: flex; align-items: center;     } /*Выровнить картину по центру*/
	/**Стили для бокового меню**/
	.mh-main-nav-wrap {
        flex-direction: column; /* Размещаем элементы в колонку */
        align-items: flex-start; /* Выравниваем по левому краю */
    }

    .mh-custom-image-container {
        order: 1; /* Изображение сверху */
        width: 100%; /* Занимаем всю ширину */
        text-align: center; /* Выравниваем текст по левому краю */
        margin-left: 0px; /* Дополнительный отступ слева */
    }

    .slicknav_menu {
        order: 2; /* Меню снизу */
        width: 100%; /* Занимаем всю ширину */
        text-align: left; /* Выравниваем текст по левому краю */
        margin-left: 0px; /* Дополнительный отступ слева */
    }
}

@media screen and (max-width: 620px) {
	input[type=text], input[type=email], input[type=tel], input[type=url] { width: 88%; }
	[class*='mh-col-'] { float: none; width: 100%; margin: 0; }
	.entry-meta-categories, .entry-meta-comments { display: none; }
	.mh-author-box { text-align: center; }
	.mh-author-box-avatar { float: none; display: inline-block; margin: 0 0 20px; }
	.entry-content ul, .entry-content ol { margin: 0 0 20px 20px; }
	.entry-content ul ul, .entry-content ol ol { margin: 0 0 0 20px; }
	.single-post .mh-post-nav-next { margin-top: 25px; }
	#mh-mobile .mh-slider-title, .mh-posts-large-title, #mh-mobile .mh-posts-focus-title-large { font-size: 20px; font-size: 1.25rem; }
	.mh-slider-widget .flex-control-nav { display: none; }
	.mh-loop-thumb, #mh-mobile .mh-posts-focus-thumb-small { max-width: 80px; }
	.mh-loop-title, #mh-mobile .mh-posts-focus-title-small { font-size: 14px; font-size: 0.875rem; }
	.mh-loop-meta, .mh-custom-posts-content .mh-meta, .mh-posts-focus-meta-small { display: block; font-size: 11px; font-size: 0.6875rem; }
	.mh-loop-excerpt, .mh-custom-posts-content .mh-excerpt, .mh-posts-list-excerpt, #mh-mobile .mh-posts-focus-excerpt-small, .mh-posts-focus-caption-small  { display: none; }
	.mh-posts-stacked-item { bottom: 10px; left: 10px; padding-right: 10px; }
	#mh-mobile .mh-posts-stacked-title-small { font-size: 14px; }
	#mh-mobile .mh-posts-focus-thumb-small { margin: 0 15px 0 0; } 

.footer-left {
    display: flex;               /* Используем Flexbox */
    justify-content: center;     /* Центрируем по горизонтали */
    align-items: center;         /* Центрируем по вертикали */
    text-align: center;          /* Выравнивание текста по центру */}
}
@media only screen and (max-width: 420px) {
	.mh-comment-list .children { margin: 0; }
	.mh-comment-body { text-align: center; }
	.mh-comment-gravatar { float: none; }
	.mh-comment-gravatar .avatar { width: 80px; height: 80px; margin: 0 auto 10px; }
	.mh-comment-meta-author .fn { margin: 0; }

.footer-left {
    display: flex;               /* Используем Flexbox */
    justify-content: center;     /* Центрируем по горизонтали */
    align-items: center;         /* Центрируем по вертикали */
    text-align: center;          /* Выравнивание текста по центру */
}}
@media only screen and (max-width: 360px) {
	#mh-mobile .mh-posts-stacked-wrap { float: none; width: 100%; }
	#mh-mobile .mh-posts-stacked-overlay { border-right: none; }
	#mh-mobile .mh-posts-stacked-title { font-size: 16px; padding: 2px 5px; }
.footer-container {display:none} /*Скрыть футер*/

.mh-custom-image-container {
        margin-left: 0px; /* Убрать дополнительный отступ слева */ 
	text-align: center; /*Выровнять по центру логотип сверху*/
    }
	.right-side {display:none}
	.left-side {
    text-align: center; /* Выравнивание текста влево */
    padding: 1px;
	margin-left: 0%;
	color: white;
}
}

/*Скрытие*/
.mh-header-title {display:none;}
.mh-site-identity {display:none;}
.entry-header {display:none;}
.mh-meta-comments,
.mh-meta-author.author.vcard {
    display: none;
}



/*Иконки значков на странице Контакты*/
.contact-icons-alt {
    display: flex;
    justify-content: center; /* Центрируем значки */
}

.contact-icons-alt .contact-icon {
    color: white; /* Белый цвет значков */
    font-size: 36px; /* Увеличиваем размер значков */
    margin: 0 15px; /* Увеличиваем расстояние между значками */
    text-decoration: none; /* Убираем подчеркивание у ссылок */
}

.contact-icons-alt .contact-icon:hover {
    opacity: 0.7; /* Эффект при наведении */
}



/*Новый класс цитирование*/
.contactstd {
    margin-left: 5%; /* Отступ от левого края страницы */
    border-left: 4px solid #54698e; /* Сплошная вертикальная линия слева */
    padding-left: 10px; /* Отступы слева */
    line-height: normal; /* Стандартное расстояние между строками */
}

/*Класс информаци о компании*/
.infotd {
    margin-left: 5%; /* Отступ от левого края страницы */
	margin-right: 10%; /* Отступ от левого края страницы */
    border-left: 4px solid #126ea2; /* Сплошная вертикальная линия слева */
    padding-left: 10px; /* Отступы слева */
    line-height: normal; /* Стандартное расстояние между строками */
}

/*Класс гугл карта*/
.map-container {
    text-align: center; /* Центрирование текста */
    margin: 20px 0; /* Отступы сверху и снизу */
}
.map-border {
    display: inline-block; /* Позволяет обводке занимать только место, необходимое для карты */
    border: 2px solid #54698e; /* Обводка синего цвета толщиной 2 пикселя */
    padding: 5px; /* Отступы внутри контейнера, чтобы обводка не прилипала к iframe */
}



/* Класс поисковик */
.mh-search-container {
    display: flex; /* Меняем display на flex для центрирования */
    justify-content: center; /* Центрирование по горизонтали */
    align-items: center; /* Центрирование по вертикали */
    position: absolute; /* Оставляем абсолютное позиционирование */
    right: 100px; /* Отступ от правого края родительского элемента */
    top: 50%; /* Устанавливаем вертикальное положение на 50% высоты родителя */
    transform: translateY(-50%); /* Сдвигаем элемент вверх на половину его высоты для центрирования */
    z-index: 10; /* Увеличиваем z-index, чтобы поисковик был выше меню */
}

.search-form {
    display: flex;
    align-items: center;
}

.search-field {
    width: 200px; /* Ширина поля поиска */
    padding: 10px;
    border: 1px solid #ccc; /* Граница поля */
    border-radius: 4px; /* Скругление углов */
    background-color: #fff; /* Цвет фона */
}

.search-submit {
    background-color: transparent; /* Прозрачный фон кнопки */
    border: none; /* Без границы */
    cursor: pointer; /* Курсор при наведении */
    margin-left: 5px; /* Отступ между полем и кнопкой */
}

.search-submit i {
    font-size: 16px; /* Размер иконки */
}



/*Товары в кружках на главной странице*/
.circle-container {
    display: flex;
    flex-direction: column;
    align-items: left;
    margin-top: 20px;
	margin-left: 0px;
}

.circle {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 1px solid #475a7c;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    transition: border-color 0.3s, background-color 0.3s; /* Добавлено для плавного перехода цвета фона */
    margin-bottom: 10px; /* Отступ между кружками */
}

.circle:hover {
    border-color: #699fff; /* Цвет обводки при наведении */
    background-color: #cee0ff; /* Цвет заливки при наведении */
}

.circle img {
    max-width: 100px; /* Размер изображения */
    max-height: 100px; /* Размер изображения */
}


/* Баннеры */
.banner-container {
    position: relative;
    max-width: 1920px; /* Ширина баннера */
    overflow: hidden;
    margin: 0 auto; /* Центрируем баннер */
}

.banner-slide {
    display: none;
    width: 100%;
    height: 100%;
    opacity: 0; /* Начальная непрозрачность */
    transition: opacity 0.5s ease-in-out; /* Плавный переход по opacity */
}

.banner-slide img {
    width: 100%;
    height: auto; /* Сохраняем пропорции изображения */
}

.banner-slide.active {
    display: block; /* Показываем только активный слайд */
    opacity: 1; /* Полная непрозрачность для активного слайда */
}

/* Индикаторы */
.banner-indicators {
    position: absolute;
    bottom: 10px; /* Расположение по вертикали */
    right: 10px; /* Расположение по горизонтали */
    display: flex; /* Используем flex для выравнивания индикаторов */
}

.indicator {
    display: inline-block;
    width: 15px; /* Ширина индикатора */
    height: 15px; /* Высота индикатора */
    background-color: rgba(255, 255, 255, 0.7);
    border-radius: 50%; /* Делаем индикаторы круглыми */
    margin-left: 5px; /* Отступ между индикаторами */
    cursor: pointer;
    border: 1px solid #495d7f; /* Обводка индикаторов */
}

.indicator.active {
    background-color: #495d7f; /* Цвет активного индикатора */
}

/* Запрет на сохранение изображений */
.banner-slide img {
    pointer-events: none; /* Запретить взаимодействие с изображением */
}

/* Уникальный класс для главной страницы, id-11 */
.page-id-11 .mh-wrapper.mh-clearfix {
    padding: 0 !important;
    margin: 0 !important;
}


/* Главная страница колонки с ифнормацией */
.mainpage-info {
    display: flex;
    width: 84%; /* 100% - 8% (слева) - 8% (справа) */
    margin: 0 auto; /* Центрирование контейнера */
}

.mainpage-left-td {
    width: 30%;
    padding-top: 20px; /* Отступ сверху */
    padding-bottom: 20px; /* Отступ снизу */
    padding-left: 0; /* Отступ слева */
    padding-right: 0; /* Отступ справа */
    margin-left: 0;
}


.mainpage-right-td {
    width: 70%;
    padding: 20px; /* Отступы внутри блока */
    margin-right: 0%; /* Отступ от края страницы */
    position: relative; /* Для позиционирования псевдоэлемента */
}

.mainpage-right-td::before {
    content: ""; /* Создаем пустой контент для линии */
    position: absolute; /* Абсолютное позиционирование */
    left: 0; /* Сдвигаем линию к левому краю блока */
    top: 50%; /* Сдвигаем линию по центру вертикали */
    height: 80%; /* Высота линии */
    width: 1px; /* Ширина линии */
    background-color: rgba(128, 128, 128, 0.5); /* Прозрачный серый цвет */
    transform: translateY(-50%); /* Центрируем линию по вертикали */
}






/* Главная страница блок с информацией о компании */
.company-description {
    margin: 20px 0; /* Отступы сверху и снизу */
    font-size: 1.5em; /* Увеличение размера шрифта */
	
}




/*** Кнопка "Оформить заказ" ***/
/**Полоса под кнопкой**/
.duet-line-above-button {
    border: none; /* Убираем границу */
    margin: 0; /* Убираем отступы */
    padding: 0; /* Убираем внутренние отступы */
    background: none; /* Убираем фон */
}
.duet-line-above-button {
    border-top: 2px dashed #016db8; /* Пунктирная линия, цвет и стиль могут быть изменены по вашему выбору */
    padding-top: 14px; /* Отступ над линией, если необходимо */
}

/**Стили кнопки**/

/* Стили для формы при открытом состоянии */
.duet-custom-class.form-container.open {
	 position: relative;
    margin-top: -10px;
    border-radius: 4px;
	 z-index: 1; /* Установите значение z-index больше, чем у кнопки */
}
/* Центрируем кнопку по горизонтали и вертикали */
.duet-custom-class.buy-button {
	 position: relative;
	 display: block;
	 margin: 0 auto;
	 text-align: center;
	 border-radius: 4px;
	 background: linear-gradient(to bottom, #be3650, #ff6b87); /* Светло-голубой к темно-зеленому */
	 color: white;
	 font-size: 20px; /* Увеличиваем размер шрифта */
	 padding: 15px 30px; /* Увеличиваем отступы для большей кнопки */
	 font-weight: bold; /* Жирный шрифт */
	 padding: 10px 20px;
	 cursor: pointer;
	 transition: background-color 0.3s; /* Добавляем плавное изменение цвета */
	 z-index: 2; /* Убедитесь, что у кнопки значение z-index больше, чем у контейнера */
    /* Добавьте другие стили для кнопки, если необходимо */
}
.duet-custom-class.buy-button:hover {
    color: #3f4c64; /* Новый цвет при наведении */
}

.duet-custom-class.form-container {
    display: none;
    padding: 10px;
    border: 1px solid #ccc;
}

/* Стили для формы при открытом состоянии */
.duet-custom-class.form-container.open {
    display: block;
}

/*Форма 7 Скрыть ссылку на товар и название товара*/
.hidden-field {
    display: none;
}



/** Каталог. Скрытие **/

.related.products {display: none;} /* Скрыть похожие товары */
.count {display: none;} /* Скрыть кол-во товаров */
.woocommerce-result-count {display: none;} /* Скрыть сортировку кол-во */
.orderby {display: none;} /* Скрыть сортировку */


/* Добавление анимации при наведении на товар */
.woocommerce ul.products li.product {
    transition: transform 0.3s ease-in-out; /* Плавный переход для свойства transform */
}
/* Настройка эффекта при наведении на товар */
.woocommerce ul.products li.product:hover {
    transform: scale(1.05); /* Увеличение масштаба товара на 5% */
}
.woocommerce .products ul, .woocommerce ul.products {
    padding-left: 6px; }


/* Уведомление об успешной отправе */
.wpcf7 form.sent .wpcf7-response-output {
	background-color: #51af5a; /* Зелёный фон */
    color: #ffffff; /* Белый текст */
    border: none; /* Убираем рамку */
    padding: 15px; /* Добавляем внутренние отступы */
    border-radius: 5px; /* Закругляем углы */
    font-size: 16px; /* Увеличиваем размер шрифта */
    text-align: center; /* Выравнивание текста по центру */
    margin-top: 10px; /* Добавляем отступ сверху */
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); /* Лёгкая тень для глубины */
}
.entry-thumbnail {display:none;}




/*** Мобильные версии ***/

/**           Для 374           **/
@media (max-width: 375px) {
    .header-container {
        flex-direction: column; /* Изменяем направление на колонку */
        align-items: flex-start; /* Выравнивание элементов по началу контейнера */
        padding: 5px 5%; /* Отступы сверху и снизу, и по 5% по бокам */
    }

    .logo {flex: 0 0 11%;}

    .site-name {
        width: calc(100% - 16% - 10px); /* Устанавливаем ширину site-name с учетом логотипа и отступа */
        margin-left: 10px; /* Отступ слева для разделения с логотипом */
        margin-bottom: 10px; /* Отступ снизу для разделения с contact-info */
    }

    .contact-info,
    .address {
        width: 100%; /* Задаем ширину 100% для contact-info и address */
        display: flex; /* Используем flexbox для выравнивания элементов внутри этих контейнеров */
        justify-content: space-between; /* Распределяем элементы по горизонтали */
        margin-bottom: 5px; /* Отступ между контактной информацией и адресом */
    }
	.company-name {
        font-family: 'Verdana', sans-serif; /* Используем Verdana для заголовка */
        font-size: 18px; /* Размер шрифта для подзаголовка */
        margin-top: -4px;
}
	.company-first-name {
        font-family: 'Verdana', sans-serif; /* Используем Verdana для заголовка */
        font-size: 12px; /* Размер шрифта для заголовка */
}
	.banner-slide.active {display:none;}
	.footer-center  {display:none;}
	.circle-container {display:none;}
	.mainpage-left-td {display:none;}
	.mainpage-right-td::before {display:none;}
	.mainpage-info {width: 100%;}
	.mainpage-right-td {width:100%;}
	.mainpage-right-td p {font-size: 12px;}
}


/**           Для 428           **/
@media (max-width: 428px) {
	.search-form {display:none;}
	.mainpage-right-td::before {
    content: ""; /* Создаем пустой контент для линии */
    position: absolute; /* Абсолютное позиционирование */
    left: 0; /* Сдвигаем линию к левому краю блока */
    top: 42%; /* Сдвигаем линию по центру вертикали */
    height: 80%; /* Высота линии */
    width: 1px; /* Ширина линии */
    background-color: rgba(128, 128, 128, 0.5); /* Прозрачный серый цвет */
    transform: translateY(-50%); /* Центрируем линию по вертикали */
}
	.circle {
    width: 50px;
    height: 50px;
}
	.circle img {
    max-width: 50px; /* Размер изображения */
    max-height: 50px; /* Размер изображения */
}
    .footer-center {
        display: none;
    }
    .footer-container {
        display: flex;
        flex-direction: column; /* Устанавливаем направление по вертикали */
        align-items: center; /* Выравнивание всех подклассов по центру */
        background: linear-gradient(to bottom, #6179a2, #212e44); /* Градиент сверху вниз */
        padding: 20px; /* Отступы для футера */
        position: relative; /* Устанавливаем относительное позиционирование */
    }

    .footer-left {
        margin-bottom: 10px; /* Отступ между элементами, если нужно */
        text-align: center; /* Выравнивание текста по центру */
			padding-left: 0px;
    }

    .footer-right {
        display: flex; /* Включаем Flexbox */
        justify-content: center; /* Выравнивание по горизонтали */
        align-items: center; /* Выравнивание по вертикали (если нужно) */
        width: 100%; /* Занимает всю ширину контейнера */
        text-align: center; /* Выравнивание текста по центру */
    }
	
	
	.header-container { 
        flex-direction: column; /* Изменяем направление на колонку */
        align-items: flex-start; /* Выравнивание элементов по началу контейнера */
        padding: 15px 5%; /* Отступы сверху и снизу, и по 5% по бокам */
    }

    .logo {flex: 0 0 8%;}

    .site-name {
        width: calc(100% - 16% - 10px); /* Устанавливаем ширину site-name с учетом логотипа и отступа */
        margin-left: 10px; /* Отступ слева для разделения с логотипом */
        margin-bottom: 10px; /* Отступ снизу для разделения с contact-info */
    }

    .contact-info,
    .address {
        width: 100%; /* Задаем ширину 100% для contact-info и address */
        display: flex; /* Используем flexbox для выравнивания элементов внутри этих контейнеров */
        justify-content: space-between; /* Распределяем элементы по горизонтали */
        margin-bottom: 5px; /* Отступ между контактной информацией и адресом */
    }
	.company-name {
        font-family: 'Verdana', sans-serif; /* Используем Verdana для заголовка */
        font-size: 18px; /* Размер шрифта для подзаголовка */
        margin-top: -4px;
}
	.company-first-name {
        font-family: 'Verdana', sans-serif; /* Используем Verdana для заголовка */
        font-size: 12px; /* Размер шрифта для заголовка */
}
	.footer-center  {display:none;}
	.mainpage-right-td p {font-size: 13px;}
	.mainpage-right-td {width:100%;}
	.mainpage-info {width: 100%;}
	.circle-container {margin-left:20%;}
	.contact-info i {font-size: 1.0em; /* Увеличиваем размер иконки */}

	.slicknav_menu {border-bottom: none;} /*Убрать полосу под меню*/
/* Обертка меню */
    .mh-main-nav-wrap {
        position: relative;
        margin-top: 20px;
        padding-left: 10%;
    }

    /* Кнопка меню (уменьшенная и с закруглением) */
    .slicknav_btn {
        margin: 0 !important;
        padding: 12px 16px !important; /* Уменьшили размер */
        background: #0093df !important;
        border-radius: 8px !important; /* Больше закругление */
        position: relative;
        z-index: 1000;
    }

    /* Центрируем белые полоски (убираем margin) */
    .slicknav_icon {
        margin: 0 auto !important; /* Центрируем иконку */
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .slicknav_icon-bar {
        display: block !important;
        width: 22px !important; /* Чуть тоньше */
        height: 2px !important;
        margin: 3px 0 !important; /* Уменьшаем отступ между полосками */
        background: white !important;
    }

    /* Убираем чёрную полосу под меню */
    .slicknav_nav ul {
        border-top: none !important; /* Убираем чёрную полосу */
        padding-left: 20px !important;
    }

    /* Выпадающее меню (на всю ширину) */
    .slicknav_nav {
        position: absolute;
        top: 100%;
        left: 0 !important;
        right: 0;
        width: 100% !important;
        background: #0093df;
        margin-top: 0;
        padding-top: 10px;
        z-index: 999;
        margin-top: 10px;
        border-radius: 10px; /* Укажите нужное значение радиуса */
}
  

    /* Пункты меню */
    .slicknav_nav a {
        color: white !important;
        text-align: left;
        padding: 10px 20px !important; /* Чуть меньше отступы */
    }

    /* Эффект при наведении */
    .slicknav_nav a:hover {
        background: #0078b5 !important;
    }
	  }



/**           Для смартфонов 768           **/
@media (max-width: 768px) {
    .footer-center {
        display: none;
    }
    
    .footer-container {
        display: flex;
        flex-direction: column; /* Устанавливаем направление по вертикали */
        align-items: center; /* Выравнивание всех подклассов по центру */
        background: linear-gradient(to bottom, #6179a2, #212e44); /* Градиент сверху вниз */
        padding: 20px; /* Отступы для футера */
        position: relative; /* Устанавливаем относительное позиционирование */
    }

    .footer-left {
        margin-bottom: 10px; /* Отступ между элементами, если нужно */
        text-align: center; /* Выравнивание текста по центру */
    }

    .footer-right {
        display: flex; /* Включаем Flexbox */
        justify-content: center; /* Выравнивание по горизонтали */
        align-items: center; /* Выравнивание по вертикали (если нужно) */
        width: 100%; /* Занимает всю ширину контейнера */
        text-align: center; /* Выравнивание текста по центру */
    }

    .contact-info,
    .address {
        width: 100%; /* Задаем ширину 100% для contact-info и address */
        display: flex; /* Используем flexbox для выравнивания элементов внутри этих контейнеров */
        justify-content: space-between; /* Распределяем элементы по горизонтали */
        margin-bottom: 5px; /* Отступ между контактной информацией и адресом */
    }

    .company-name {
        font-family: 'Verdana', sans-serif; /* Используем Verdana для заголовка */
        font-size: 18px; /* Размер шрифта для подзаголовка */
        margin-top: -4px;
    }

    .company-first-name {
        font-family: 'Verdana', sans-serif; /* Используем Verdana для заголовка */
        font-size: 12px; /* Размер шрифта для заголовка */
    }

    .banner-slide.active {
        display: none;
    }

    /* Специфические стили для первого медиа-запроса */
    .header-container { 
        flex-direction: column; /* Изменяем направление на колонку */
        align-items: flex-start; /* Выравнивание элементов по началу контейнера */
        padding: 5px 5%; /* Отступы сверху и снизу, и по 5% по бокам */
    }

    .logo {
        flex: 0 0 11%;
    }

    .site-name {
        width: calc(100% - 16% - 10px); /* Устанавливаем ширину site-name с учетом логотипа и отступа */
        margin-left: 10px; /* Отступ слева для разделения с логотипом */
        margin-bottom: 10px; /* Отступ снизу для разделения с contact-info */
    }
}

/**           Специфический стиль для смартфонов 768           **/
@media (max-width: 768px) {
    .header-container { padding: 15px 5%;}
    .logo {flex: 0 0 8%;}
    .mh-main-nav {justify-content: flex-start; /* Выравниваем элементы меню влево */}
}


/**           Специфический стиль для 766-818           **/
@media (min-width: 766px) and (max-width: 818px) {
    .search-form {display: none; /* Скрыть поиск из меню */}
}

/* Стиль для планшетов */
@media (min-width: 768px) and (max-width: 1024px) {
   .mh-main-nav {justify-content: flex-start; } /* Выравниваем элементы меню влево */
}

/* Стиль для небольших ноутбуков */
@media (min-width: 1280px) and (max-width: 1440px) {
    .mh-main-nav {justify-content: flex-start; } /* Выравниваем элементы меню влево */
}

/* Стиль для 1280 */
@media (max-width: 1280px){
    .mh-main-nav {justify-content: flex-start; } /* Выравниваем элементы меню влево */
}

/* Стиль для стандартных десктопов */
@media (min-width: 1440px) and (max-width: 1920px) {
    /* Ваши стили для стандартных десктопов */
}

/* Стиль для больших экранов */
@media (min-width: 1920px) {
    /* Ваши стили для больших экранов */
}