@charset "UTF-8";

/*
Theme Name: Preschool
Author: БайПро
Author URI: https://bypro.by/
Version: 1.0
*/

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

@font-face {
	font-family: "Good Vibes Pro";
	src: url("./assets/fonts/good-vibes-pro/good-vibes-pro.eot");
	src: url("./assets/fonts/good-vibes-pro/good-vibes-pro.eot?#iefix") format("embedded-opentype"),
		url("./assets/fonts/good-vibes-pro/good-vibes-pro.otf") format("opentype"),
		url("./assets/fonts/good-vibes-pro/good-vibes-pro.svg") format("svg"),
		url("./assets/fonts/good-vibes-pro/good-vibes-pro.ttf") format("truetype"),
		url("./assets/fonts/good-vibes-pro/good-vibes-pro.woff") format("woff"),
		url("./assets/fonts/good-vibes-pro/good-vibes-pro.woff2") format("woff2");
	font-weight: normal;
	font-style: normal;
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: 'Times New Roman';
	font-style: normal;
	font-weight: 400;
	color: #000000;
}
h1 {
	font-size: 32px;
	font-weight: 700;
	line-height: 130%;
	color: #001126;
	margin-bottom: 40px;
}
h2 {
	font-size: 26px;
	font-weight: 700;
	line-height: 130%;
}
a {
	text-decoration: none;
}

@media screen and (max-width: 1000px) {
	h1 {
		font-size: 26px;
		margin-bottom: 24px;
	}
}
@media screen and (max-width: 500px) {
	h1 {
		font-size: 24px;
	}
}



/* -----------------------Общие стили---------------------- */

html {
	scroll-behavior: smooth;
}
body {
	width: 100vw;
	overflow-x: hidden;
}
body.lock {
	overflow: hidden;
}
.wrapper {
	min-height: 100vh;
	height: 100%;
	display: flex;
	flex-direction: column;
	overflow-x: hidden;
}
._container {
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
}
.main {
	position: relative;
	flex: 1 0 auto;
	display: flex;
	justify-content: space-between;
}
.main-content {
	width: 100%;
	overflow-x: hidden;
}
.main-container {
	width: 100%;
	padding: 24px;
}
.main-block {
	display: flex;
	flex-direction: column;
}
.breadcrumbs {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 24px;
	list-style: none;
}
.breadcrumbs li {
	font-size: 16px;
	line-height: 150%;
	color: #4E5052;
}
.breadcrumbs li a {
	font-size: 16px;
	line-height: 150%;
	color: #001126;
}
.breadcrumbs li:first-child a {
	text-transform: capitalize;
}
#scroll-to-top-button {
	position: fixed;
	right: 24px;
	bottom: 60px;
	padding: 12px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 8px;
	background: #FFFFFF;
	box-shadow: 0px 4px 15px 0px rgba(0, 66, 127, 0.07);
}

@media screen and (max-width: 767px) {
	.main-container {
		padding: 24px 16px;
	}
	#scroll-to-top-button {
		display: none;
	}
}



/* -------------------------HEADER------------------------- */

.header {
	width: 100vw;
}
.header-fixed {
	position: fixed;
	z-index: 1000;
}
.header-info {
	width: 100vw;
	background: #FFFFFF;
}
.header__container {
	padding: 8px 24px;
	display: flex;
	gap: 42px;
	justify-content: space-between;
	align-items: center;
}
.header-info__logo-name {
	display: flex;
	align-items: center;
	gap: 16px;
}
.header__logo {
	width: 106px;
	height: 90px;
}
.header__logo img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.header__name {
	display: flex;
	flex-direction: column;
	gap: 4px;
}
.header__name p:first-child {
	font-size: 14px;
	line-height: 140%;
}
.header__name p:last-child {
	font-size: 18px;
	line-height: 150%;
}
.header-info__address, .header-info__contacts {
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.header-address, .header-blind, .header-phones-email {
	display: flex;
	align-items: center;
	gap: 4px;
}
.header-address a, .header-blind a, .header-phones-email p a {
	font-size: 16px;
	line-height: 150%;
	color: #4E5052;
}
.header-info-icons-mobile {
	display: none;
	background: #F0FBFF;
}
.header-info-icons-list {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.header-info-icon .header-info-icon-click {
	display: flex;
	align-items: center;
	gap: 4px;
}
.header-info-icon.phones-mobile {
	position: relative;
}
.phones-mobile-block {
	position: absolute;
	top: 39px;
	right: 0;
	z-index: 1000;
	padding: 16px;
	margin-right: -60px;
	min-width: 260px;
	display: none;
	flex-direction: column;
	gap: 16px;
	background: #FFFFFF;
	box-shadow: 0px 4px 15px 0px rgba(0, 66, 127, 0.07);
}
.header-navbar {
	width: 100vw;
	background: #1B9ED6;
}
.header-navbar.navbar-search-bg {
	background: #F0FBFF;
}
.header-navbar .header__container {
	display: flex;
	justify-content: center;
}
.header-nav {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 60px;
}
.header-nav__list {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 60px;
	list-style: none;
}
.header-nav__list li.menu-item {
	position: relative;
	cursor: pointer;
}
.header-navbar .header-nav .header-nav__list li.menu-item a {
	display: flex;
	align-items: center;
	gap: 4px;
	font-size: 16px;
	font-weight: 700;
	color: #FFFFFF;
	line-height: 150%;
}
.header-navbar .header-nav .header-nav__list li.menu-item a span {
	font-size: 16px;
	font-weight: 700;
	color: #FFFFFF;
	line-height: 150%;
}
.menu-image-title-after.menu-image-not-hovered img, .menu-image-hovered.menu-image-title-after .menu-image-hover-wrapper,
.menu-image-title-before.menu-image-title, .menu-image-title-before.menu-image-not-hovered img,
.menu-image-hovered.menu-image-title-before .menu-image-hover-wrapper, .menu-image-title-after.menu-image-title {
    padding: 0 !important;
}
.header-nav__list li.menu-item ul.sub-menu {
	position: absolute;
	top: 32px;
	left: -24px;
	z-index: 1000;
	display: none;
	flex-direction: column;
	gap: 16px;
	width: 300px;
	height: auto;
	background: #FFFFFF;
	box-shadow: 0px 4px 15px 0px rgba(0, 66, 127, 0.07);
	padding: 24px;
	list-style: none;
}
.header-nav__list li.menu-item ul.sub-menu::before {
	content: '';
	position: absolute;
	top: -8px;
	left: -24px;
	width: 300px;
	height: 8px;
	opacity: 0;
}
.header-nav__list li.menu-item ul.sub-menu li.menu-item a {
	font-size: 16px;
	font-weight: 400 !important;
	line-height: 150%;
	color: #4E5052;
}
.header-nav__search-btn, .header-nav__search-close-btn  {
	width: 24px;
	height: 24px;
}
.header-nav__search-btn {
	display: block;
}
.header-nav__searchform {
	width: 100%;
	max-width: 1384px;
	height: 24px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	gap: 60px;
}
.header-searchform {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	gap: 16px;
}
.header-searchform-submit {
	width: 24px;
	height: 24px;
	outline: none;
	border: none;
	background: rgba(0, 0, 0, 0);
}
.header-nav__searchform .header-searchform .header-searchform-input {
	width: 100%;
	height: 100%;
	outline: none;
	border: none;
	background: #F0FBFF;
}
.header-searchform-input::placeholder, .header-searchform-input {
	font-size: 16px;
	line-height: 150%;
	color: #4E5052;
}
.nav-search-hidden {
	display: none;
}
.header-nav__burger-menu-open {
	width: 24px;
	height: 24px;
	display: none;
}
.header-nav__mobile-menu {
	display: none;
}



@media screen and (max-width: 1550px) {
	.header__container {
		padding: 14px 16px;
	}
	.header__logo {
		width: 49px;
		height: 41px;
	}
	.header__name p:first-child {
		font-size: 12px;
	}
	.header-phones-email {
		width: 408px;
	}
	.header__name p:last-child, .header-address a, .header-blind a, .header-phones-email p a {
		font-size: 14px;
		line-height: 140%;
	}
	.header-nav, .header-nav__list {
		gap: 18px;
	}
	.header-navbar .header-nav .header-nav__list li.menu-item a,
	.header-navbar .header-nav .header-nav__list li.menu-item a span {
		font-size: 14px;
		line-height: 140%;
	}
}
@media screen and (max-width: 1023px) {
	.header__container {
		gap: 35px;
	}
	.header-info__logo-name {
		flex-direction: column;
		align-items: flex-start;
		gap: 4px;
	}
	.header-info__contacts {
		gap: 4px;
	}
	.header-phones-email {
		width: 260px;
		align-items: flex-start;
	}
	.header-phones-email p {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 4px;
	}
	.header-phones-email img {
		margin-top: 1px;
	}

	/* Меню для мобилки */

	.header-nav__burger-menu-open {
		display: block;
	}
	.header-nav__burger-menu-open > .burger-menu-close {
		display: none;
	}
	.header-nav__burger-menu-open.burger-off > .burger-menu-open {
		display: none;
	}
	.header-nav__burger-menu-open.burger-off > .burger-menu-close {
		display: block;
	}
	.header-navbar .header__container {
		justify-content: flex-end;
	}
	.header-nav__list {
		display: none;
	}
	.header-nav__mobile-menu {
		position: fixed;
		z-index: 999;
		right: -100%;
		padding: 24px 16px 0px;
		width: 100%;
		height: 100%;
		max-width: 768px;
		display: block;
		background: #FFFFFF;
		transition: 0.3s;
		overflow-y: hidden;
	}
	body.lock .header-nav__mobile-menu {
		overflow-y: scroll;
	}
	.header-nav__mobile-menu.burger-active {
		right: 0;
	}
	.header-nav__mobile-list, .header-nav__mobile-list .menu-item .sub-menu {
		list-style: none;
	}
	.header-nav__mobile-list > .menu-item {
		border-bottom: 1px solid #BBEBFF;
	}
	.header-nav__mobile-list .menu-item a {
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: 100%;
		padding: 12px 24px;
		font-size: 16px;
		line-height: 150%;
		color: #001126;
	}
	.header-nav__mobile-list .menu-item a span {
		font-size: 16px;
		line-height: 150%;
		color: #001126;
	}
	.header-nav__mobile-list .menu-item .sub-menu {
		display: none;
		list-style: disc;
	}
	.header-nav__mobile-list .menu-item .sub-menu li {
		margin-left: 48px;
	}
	.header-nav__mobile-list .menu-item .sub-menu li a {
		display: block;
		padding: 12px 24px;
		padding-left: 0px;
	}
	.header-nav__mobile-list .menu-item a.active-accordion {
		background: #BBEBFF !important;
	}
	.header-nav__mobile-list .menu-item a.active-accordion > img{
		transform: rotate(90deg);
	}
}
@media screen and (max-width: 767px) {
	.header-info__logo-name {
		flex-direction: row;
		align-items: center;
		gap: 16px;
	}
	.header-info__logo-name .header__name {
		width: 230px;
	}
	.header-info__address, .header-info__contacts {
		display: none;
	}
	.header-info-icons-mobile {
		display: block;
	}
	.header-navbar .header__container {
		justify-content: space-between;
	}
	.header-nav__mobile-list .menu-item a, .header-nav__mobile-menu .left-menu__social {
		padding: 12px 8px;
	}
}



/* --------------------ЛЕВОЕ БОКОВОЕ МЕНЮ------------------ */

.left-menu-bar {
	min-width: 312px;
	max-width: 312px;
	height: 100%;
}
.left-menu {
	width: 100%;
	background: #FFFFFF;
	box-shadow: 0px 4px 15px 0px rgba(0, 66, 127, 0.07);
}
.left-menu__img-lang {
	border-bottom: 1px solid #BBEBFF;
}
.left-menu__img {
	padding: 12px 16px;
	max-width: 145px;
	max-height: 150px;
	overflow: hidden;
}
.left-menu__img img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.left-menu__lang-block {
	padding: 12px 16px;
	width: 100%;
	display: flex;
	align-items: center;
	gap: 16px;
}
.lang-btn {
	padding: 4px 16px;
	outline: none;
	border: none;
	background: #FFFFFF;
	border-radius: 30px;
	box-shadow: 0px 4px 15px 0px rgba(0, 66, 127, 0.07);
	font-size: 14px;
	font-weight: 700;
	line-height: 140%;
	color: #001126;
	text-transform: uppercase;
	cursor: pointer;
}
.lang-btn-active {
	background: #17BAFF;
	color: #FFFFFF;
	cursor: default;
}

.left-menu__nav {
}
.left-menu__nav-list > .menu-item {
	border-bottom: 1px solid #BBEBFF;
}
.left-menu__nav-list .menu-item a {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	padding: 12px 24px;
	font-size: 16px;
	line-height: 150%;
	color: #001126;
}
.left-menu__nav-list .menu-item a span {
	font-size: 16px;
	line-height: 150%;
	color: #001126;
}
.left-menu__nav-list .menu-item .sub-menu {
 	display: none;
	list-style: disc;
}
.left-menu__nav-list .menu-item .sub-menu li {
 	margin-left: 48px;
}
.left-menu__nav-list .menu-item .sub-menu li a {
	display: block;
	padding: 12px 24px;
	padding-left: 0px;
}
.left-menu__nav-list .menu-item a.active-accordion {
	background: #BBEBFF !important;
}
.left-menu__nav-list .menu-item a.active-accordion > img{
	transform: rotate(90deg);
}
.left-menu__social {
	padding: 12px 24px;
	background: #FFFFFF;
	border-bottom: 1px solid #BBEBFF;
	display: flex;
	align-items: center;
	gap: 16px;
}
.left-menu__social p {
	width: 100%;
}

@media screen and (max-width: 1280px) {
	.left-menu-bar {
		min-width: 228px;
		max-width: 228px;
	}
	.left-menu__nav-list .menu-item a, .left-menu__social {
		padding: 12px 16px;
	}
}
@media screen and (max-width: 1023px) {
	.left-menu-bar {
		display: none;
	}
}



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

.logo_slider {
	margin-top: 80px;
    margin-bottom: 40px;
}
.logo_slider_item {
    border-radius: 5px;
	overflow:hidden;
    background: #fff;
    box-shadow: 0 4px 12px 0 rgba(51, 76, 18, .05);
    margin-left: 24px;
}

.logo_slider_item a{
	display: block;
	width: 233px;
	height: 66px;
}

.logo_slider_item a img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

@media(max-width:767px) {
    .logo_slider {
        height: 100px;
    }

    .logo_slider_item {
        height: 100%;
    }

    .logo_slider_item img {
        height: 60px;
    }
}

.footer {
	width: 100vw;
}
.footer-main {
	width: 100vw;
	background: #00638E;
}
.footer-main__container {
	padding: 40px 24px;
	display: flex;
	justify-content: space-between;
	gap: 16px;
}
.footer-block {
	display: flex;
	flex-direction: column;
	gap: 12px;
	max-width: 354px;
}
.footer-social {
	display: flex;
	align-items: center;
	gap: 16px;
}
.footer-block > div {
	display: flex;
	align-items: center;
	gap: 4px;
}
.footer-dev {
	width: 100vw;
	background: #1B9ED6;
}
.footer-dev__container {
	padding: 8px 16px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.footer-text, .view-count {
	font-size: 16px;
	line-height: 150%;
	color: #FFFFFF;
}

@media screen and (max-width: 1200px) {
	.footer-main__container {
		padding: 40px 16px;
	}
}
@media screen and (max-width: 1023px) {
	.footer-main__container {
		flex-direction: column;
		align-items: center;
		gap: 40px;
	}
	.footer-block {
		align-items: center;
	}
	.footer-text {
		text-align: center;
	}
}



/* -------------------Страница 404------------------- */

.main-error-content {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 24px;
}
.main-error-content-image {
	max-width: 636px;
	max-height: 636px;
	overflow: hidden;
}
.main-error-content-image img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.main-error-content-info {
	max-width: 528px;
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.main-error-content-info h1 {
	margin: 0;
}
.main-error-content-info p {
	font-size: 18px;
	font-weight: 400;
	line-height: 150%;
	color: #4E5052;
}

@media screen and (max-width: 900px) {
	.main-error-content {
		flex-direction: column;
	}
	.main-error-content-info {
		max-width: 100%;
	}
	.main-error-content-info h1, .main-error-content-info p {
		text-align: center;
	}
}



/* --------------------Карта сайта------------------- */

.site-map__list {
	position: relative;
	width: 100%;
	max-width: 505px;
	display: flex;
	flex-direction: column;
	gap: 16px;
	list-style: none;
}
.site-map__list > li {
	width: 100%;
	position: relative;
}
.site-map__list-item-link {
	padding: 8px 12px;
	display: flex;
	align-items: center;
	gap: 4px;
	font-size: 16px;
	font-weight: 700;
	line-height: 150%;
	color: #4E5052;
}
.site-map__sublist {
	list-style: disc;
}
.site-map__sublist > li {
	margin-left: 48px;
}
.site-map__sublist-item-link {
	padding: 8px 24px 8px 0px;
	display: block;
	font-size: 16px;
	font-weight: 400;
	line-height: 150%;
	color: #4E5052;
}



/* -----------------Страница Новости----------------- */

.news_container {
	display: flex;
	flex-direction: column;
	gap: 40px;
}
.news_container .news-cards {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
	
}

@media screen and (max-width: 1550px) {
	.news_container .news-cards {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media screen and (max-width: 1100px) {
	.news_container .news-cards {
		grid-template-columns: repeat(1, 1fr);
	}
}



/* -----------------Страница Фотогалерея----------------- */

.photo_container {
	display: flex;
	flex-direction: column;
	gap: 40px;
}
.photo-cards {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 24px;
}
.photo-card {
	display: flex;
	flex-direction: column;
	border-radius: 10px;
	background: #FFFFFF;
	box-shadow: 0px 4px 15px 0px rgba(0, 66, 127, 0.07);
	cursor: pointer;
}
.photo-card__img {
	width: 100%;
	height: 220px;
	overflow: hidden;
}
.photo-card__img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: 0.3s;
}
.photo-card__info {
	padding: 24px;
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.photo-card__info span {
	font-size: 14px;
	line-height: 140%;
	color: #4E5052;
}
.photo-card__info p {
	height: 54px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 18px;
	line-height: 150%;
	color: #4E5052;
}

@media screen and (max-width: 1650px) {
	.photo-cards {
		grid-template-columns: repeat(3, 1fr);
	}
}
@media screen and (max-width: 1250px) {
	.photo-cards {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media screen and (max-width: 500px) {
	.photo-cards {
		grid-template-columns: repeat(1, 1fr);
	}
}

#news-pagination {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 16px;
}
#news-pagination > a, #news-pagination > span {
	height: 48px;
	padding: 0px 12px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #FFFFFF;
	border-radius: 8px;
	box-shadow: 0px 4px 15px 0px rgba(0, 66, 127, 0.07);
}
#news-pagination > .page-numbers {
	font-size: 16px;
	font-weight: 700;
	line-height: 100%;
	color: #001126;
}
#news-pagination > .page-numbers.current {
	background: #1B9ED6;
	color: #FFFFFF;
	cursor: default;
}



/* -------------Страница с результатами поиска------------ */

.search-content {
	display: flex;
	flex-direction: column;
	gap: 40px;
}
.search-form-container {
	width: 100%;
	max-width: 840px;
}
.search-form-container .header-searchform {
	position: relative;
	width: 100%;
}
.search-form-container .header-searchform .header-searchform-input {
	padding: 8px 24px;
	width: 100%;
	background: #FFFFFF;
	border: 1px solid #F1F3F5;
}
.search-form-container .header-searchform .header-searchform-submit {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 24px;
}
.search-form-res {
	display: flex;
	align-items: center;
	gap: 24px;
}
.res-count-container {
	min-width: 159px;
	font-size: 16px;
	font-weight: 400;
	line-height: 150%;
	color: #4E5052;
}
.search-results {
	display: flex;
	flex-direction: column;
	gap: 24px;
}
.search-results > li {
	margin-left: 28px;
}
.entry-title {
	margin-bottom: 12px;
}
.entry-title > a, .entry-title > a > strong, .search-results > li::marker {
	margin-bottom: 12px;
	font-size: 22px;
	line-height: 130%;
	color: #001126;
}
.entry-title > a, .search-results > li::marker {
	font-weight: 700;
}
.entry-title > a > strong {
	font-weight: 900;
}
.entry-content * {
	overflow: hidden;
	font-size: 18px;
	font-weight: 400;
	line-height: 150%;
	color: #4E5052;
	text-overflow: ellipsis;
	whitespace: nowrap;
}
.entry-content p span strong {
	font-weight: 900;
}
.bad-search-result {
	display: flex;
	flex-direction: column;
	gap: 40px;
}

@media screen and (max-width: 500px) {
	.search-form-res {
		flex-direction: column;
	}
}



/*  */
.video-modal {
	position: fixed;
	z-index: 10000;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	display: none;
	justify-content: center;
	align-items: center;
	background: rgba(0, 0, 0, 0.7);
}

.video-modal-content {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}
.video-close {
	position: absolute;
	top: 0px;
	right: -28px;
	font-size: 28px;
	line-height: 50%;
	color: #FFFFFF;
	cursor: pointer;
}



/* --------------------------------------- */
/* ------------------БЛОКИ---------------- */
/* --------------------------------------- */

.bloki_teksta {
	margin-bottom: 40px;
}
.bloki_teksta h3 {
	font-size: 22px;
	font-weight: 700;
	line-height: 130%;
	color: #4E5052;
}
.bloki_teksta p, .bloki_teksta .bloki_socsetey {
	margin-top: 16px;
	font-size: 18px;
	font-weight: 400;
	line-height: 150%;
	color: #4E5052;
	hyphens: auto;
}
.bloki_teksta ul li, .bloki_teksta ol li {
	margin-left: 28px;
	font-size: 18px;
	font-weight: 400;
	line-height: 150%;
	color: #4E5052;
	hyphens: auto;
}
.bloki_teksta p strong, .bloki_teksta ul li strong, .bloki_teksta ol li strong {
	font-size: 18px;
	font-weight: 400;
	line-height: 150%;
	color: #4E5052;
	font-weight: bold;
	hyphens: auto;
}
.bloki_teksta > a {
	border-bottom: 1px solid #001126;
	font-size: 18px;
	font-weight: 700;
	line-height: 150%;
	color: #001126;
}
.bloki_teksta .bloki_socsetey {
	display: flex;
	align-items: center;
	gap: 8px;
}
.wp-block-image {
	width: 100%;
	max-width: 768px;
	overflow: hidden;
}
.wp-block-image img {
	width: 100%;
	object-fit: contain;
}
.bloki_teksta .bloki_socsetey a {
	border-bottom: none;
	display: flex;
	justify-content: center;
	align-items: center;
}



.bloki_ssylok {
	margin-bottom: 40px;
}
.bloki_ssylok ol {
	display: flex;
	flex-direction: column;
	gap: 24px;
}
.bloki_ssylok ol li, .bloki_ssylok ul li {
	margin-left: 24px;
}
.bloki_ssylok ol li a, .bloki_ssylok ul li a {
	border-bottom: 1px solid #001126;
	font-size: 18px;
	font-weight: 700;
	line-height: 150%;
	color: #001126;
	hyphens: auto;
}



.bloki_tablits {
	margin-bottom: 40px;
}
.bloki_tablits h3 {
	font-size: 22px;
	font-weight: 700;
	line-height: 130%;
	color: #4E5052;
}
.table-container {
	width: 100%;
	overflow-x: auto;
	cursor: grab;
	cursor: -moz-grab;
}
.table-container.grabbing {
	cursor: grabbing;
	cursor: -moz-grabbing;
}
.table-container::-webkit-scrollbar {
    height: 5px;
}
.table-container::-webkit-scrollbar-thumb {
    background: #1B9ED6;
	border-radius: 10px;
}
.table-container::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0);
}
.table-container table {
	width: 100%;
	margin-top: 16px;
	overflow-x: scroll;
}
.table-container table tbody tr {
	min-width: 100%;
	padding: 16px 24px;
	display: flex;
	gap: 24px;
}
.table-container table tbody tr:nth-of-type(odd):nth-of-type(2n+1) {
	background-color: #F0FBFF;
}
.table-container table tbody tr td {
	min-width: 100px;
	width: 100%;
}
.table-container table tbody tr td:first-child {
	min-width: 30px
}
.table-container table tbody tr td:first-child {
	max-width: 233px;
}
.table-container table tbody tr td p, .table-container table tbody tr td p a {
	width: 100%;
	font-size: 16px;
	font-weight: 400;
	line-height: 150%;
	color: #4E5052;
	hyphens: auto;
}
.table-container table tbody tr td p strong {
	font-size: 16px;
	font-weight: 700;
	line-height: 150%;
	color: #4E5052;
	hyphens: auto;
}

@media screen and (max-width: 767px) {
	.table-container table tbody tr {
		padding: 16px;
	}
}



.bloki_faylov {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 24px;
	margin-bottom: 40px;
}
.file__link {
	height: 100%;
	display: flex;
	align-items: center;
}
.file__link img {
	width: 64px;
	height: 64px;
}
.file__link p {
	padding: 0px 16px;
	font-size: 16px;
	font-weight: 700;
	line-height: 150%;
	color: #11200A;
	hyphens: auto;
}

@media screen and (max-width: 1550px) {
	.bloki_faylov {
		grid-template-columns: repeat(3, 1fr);
	}
}
@media screen and (max-width: 1200px) {
	.bloki_faylov {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media screen and (max-width: 650px) {
	.bloki_faylov {
		grid-template-columns: repeat(1, 1fr);
	}
}



.bloki_fotografiy {
	display: flex;
	gap: 24px;
	margin-bottom: 40px;
}
.foto {
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.foto__img {
	width: 100%;
	max-width: 768px;
/* 	height: 100%; */
/* 	max-height: 480px; */
	overflow: hidden;
}
.foto__img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.foto p {
	font-size: 18px;
	font-weight: 400;
	line-height: 150%;
	color: #4E5052;
	hyphens: auto;
}

@media screen and (max-width: 1200px) {
	.bloki_fotografiy {
		flex-direction: column;
	}
	.foto__img {
		max-width: 100%;
		max-height: 100%;
	}
	.foto {
		gap: 12px;
	}
}



.bloki_fotografiy_3 {
	display: flex;
	gap: 24px;
	margin-bottom: 40px;
}
.foto_3 {
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.foto__img_3 {
	width: 100%;
	max-width: 504px;
	height: 100%;
	max-height: 480px;
	overflow: hidden;
}
.foto__img_3 img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.foto_3 p {
	font-size: 18px;
	font-weight: 400;
	line-height: 150%;
	color: #4E5052;
	hyphens: auto;
}

@media screen and (max-width: 700px) {
	.bloki_fotografiy_3 {
		flex-direction: column;
	}
	.foto__img_3 {
		max-width: 100%;
		max-height: 100%;
	}
	.foto_3 {
		gap: 12px;
	}
}



.bloki_kartinok_teksta {
	display: flex;
	flex-direction: column;
	gap: 24px;
	margin-bottom: 40px;
}
.kartinka_i_tekst {
	display: flex;
	gap: 24px;
}
.kartinka_i_tekst_image {
	max-width: 504px;
	max-height: 320px;
	overflow: hidden;
}
.kartinka_i_tekst img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.tekst_info {
	display: flex;
	flex-direction: column;
}
.tekst_info p, .tekst_info ul li, .tekst_info p a {
	font-size: 18px;
	font-weight: 400;
	line-height: 150%;
	color: #4E5052;
	hyphens: auto;
}
.tekst_info p:not(:first-child) {
	margin-top: 16px;
}
.tekst_info ul li {
	margin-left: 28px;
}
.tekst_info p strong, .tekst_info ul li strong {
	font-size: 18px;
	font-weight: 700;
	line-height: 150%;
	color: #4E5052;
	hyphens: auto;
}

@media screen and (max-width: 1280px) {
	.kartinka_i_tekst_image {
		max-width: 366px;
	}
}
@media screen and (max-width: 800px) {
	.kartinka_i_tekst {
		display: flex;
		flex-direction: column;
	}
	.kartinka_i_tekst_image {
		max-width: none;
		max-height: none;
	}
}



.bloki_kartinok_teksta_news {
	display: flex;
	flex-direction: column;
	gap: 24px;
	margin-bottom: 40px;
}
.kartinka_i_tekst_news {
	width: 100%;
	display: flex;
	gap: 24px;
}
.kartinka_i_tekst_news_image {
	min-width: 768px;
	max-width: 768px;
	overflow: hidden;
}
.kartinka_i_tekst_news_image img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.tekst_info {
	display: flex;
	flex-direction: column;
}
.kartinka_i_tekst_news p, .kartinka_i_tekst_news ul li, .kartinka_i_tekst_news ol li {
	font-size: 18px;
	font-weight: 400;
	line-height: 150%;
	color: #4E5052;
	hyphens: auto;
}
.kartinka_i_tekst_news p:not(:first-child) {
	margin-top: 16px;
}
.kartinka_i_tekst_news ul li, .kartinka_i_tekst_news ol li {
	margin-left: 28px;
}
.kartinka_i_tekst_news p strong, .kartinka_i_tekst_news ul li strong, .kartinka_i_tekst_news ol li strong {
	font-size: 18px;
	font-weight: 700;
	line-height: 150%;
	color: #4E5052;
	hyphens: auto;
}

@media screen and (max-width: 1550px) {
	.kartinka_i_tekst_news_image {
		min-width: 500px;
		max-width: 500px;
	}
}
@media screen and (max-width: 1280px) {
	.kartinka_i_tekst_news_image {
		max-width: 366px;
		max-width: 366px;
	}
}
@media screen and (max-width: 850px) {
	.kartinka_i_tekst_news {
		flex-direction: column;
	}
	.kartinka_i_tekst_news_image {
		min-width: 100%;
		max-width: 100%;
	}
}



.blok_video_teksta {
	margin-bottom: 40px;
}
.video_i_tekst {
	display: flex;
	gap: 24px;
}
.video_i_tekst video {
	width: 100%;
	max-width: 768px;
	height: 100%;
	max-height: 480px;
}
.video_i_tekst p, .video_i_tekst ul li, .video_i_tekst ol li {
	font-size: 18px;
	font-weight: 400;
	line-height: 150%;
	color: #4E5052;
	hyphens: auto;
}
.video_i_tekst p:not(:first-child) {
	margin-top: 16px;
}
.video_i_tekst ul li, .video_i_tekst ol li {
	margin-left: 28px;
}
.video_i_tekst p strong, .video_i_tekst ul li strong, .video_i_tekst ol li strong {
	font-size: 18px;
	font-weight: 700;
	line-height: 150%;
	color: #4E5052;
	hyphens: auto;
}

@media screen and (max-width: 1550px) {
	.video_i_tekst video {
		max-width: 500px;
	}
}
@media screen and (max-width: 1280px) {
	.video_i_tekst video {
		max-width: 366px;
	}
}
@media screen and (max-width: 800px) {
	.video_i_tekst {
		flex-direction: column;
	}
	.video_i_tekst video {
		max-width: 100%;
		max-height: 100%;
	}
}



.bloki_slajderov_foto {
	display: flex;
	gap: 24px;
	margin-bottom: 40px;
}
.bloki_slajderov_foto p, .bloki_slajderov_foto p a, .bloki_slajderov_foto ul li, .bloki_slajderov_foto ol li{
	font-size: 18px;
	font-weight: 400;
	line-height: 150%;
	color: #4E5052;
	hyphens: auto;
}
.bloki_slajderov_foto p strong, .bloki_slajderov_foto p a strong, .bloki_slajderov_foto ul li strong, .bloki_slajderov_foto ol li strong {
	font-size: 18px;
	font-weight: 700;
	line-height: 150%;
	color: #4E5052;
	hyphens: auto;
}
.bloki_slajderov_foto p:not(:first-child) {
	margin-top: 16px;
}
.bloki_slajderov_foto ul li, .video_i_tekst ol li {
	margin-left: 28px;
}
.slider-photos {
	width: 100%;
	max-width: 768px;
	display: flex;
	flex-direction: column;
	gap: 24px;
}
.slider-photos .slider-for {
	width: 100%;
	max-width: 768px;
	height: 100%;
	max-height: 480px;
	overflow: hidden;
	position: relative;
}
.slider-photos .slider-for .slick-list .slick-track .slide {
	width: 768px;
	height: 480px;
	overflow: hidden;
}
.slider-photos .slider-for .slick-list .slick-track .slide img {
	display: block;
	margin: 0 auto;
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}
.slider-photos .slider-nav {
	min-width: 768px;
	max-width: 768px;
	height: 100%;
	max-height: 80px;
	display: flex;
	justify-content: center;
}
.slider-photos .slider-nav .slick-list {
	min-width: 768px;
	max-width: 768px;
}
.slider-photos .slider-nav .slick-list .slick-track {
	display: flex;
	gap: 24px;
}
.slider-photos .slider-nav .slide-nav {
	position: relative;
	min-width: 120px;
	max-width: 120px;
	height: 80px;
}
.slider-photos .slider-nav .slide-nav:not(.slick-current)::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
}
.slider-photos .slider-nav .slide-nav img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.slider-photos .slick-prev, .slider-photos .slick-next {
	position: absolute;
	z-index: 20;
	top: 50%;
	width: 48px;
	height: 48px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #FFFFFF;
	border-radius: 8px;
	box-shadow: 0px 4px 15px 0px rgba(0, 66, 127, 0.07);
	transform: translateY(-50%)
}
.slider-photos .slick-prev:before, .slider-photos .slick-next:before {
	display: none;
}
.slider-photos .slick-prev svg, .slider-photos .slick-next svg {
	position: relative;
	z-index: 21;
}
.slider-photos .slick-prev {
	left: 24px;
}
.slider-photos .slick-next {
	right: 24px;
}

@media screen and (max-width: 1500px) {
	.bloki_slajderov_foto {
		flex-direction: column;
	}
}
@media screen and (max-width: 820px) {
	.slider-photos .slider-for .slick-list .slick-track .slide {
		width: 100%;
		height: 100%;
	}
}
@media screen and (max-width: 500px) {
	.slider-photos .slick-prev, .slider-photos .slick-next {
		display: none !important;
	}
}



.blok_akkordion {
	margin-bottom: 40px;
}
.akkordion {
	list-style: none;
}
.akkordion__link {
	padding: 12px 0px;
	display: flex;
	align-items: center;
	gap: 4px;
	border-bottom: 1px solid #BBEBFF;
}
.akkordion__link p {
	width: 100%;
	font-size: 18px;
	font-weight: 700;
	line-height: 150%;
	color: #4E5052;
}
.akkordion__link.active-accordion > svg {
	transform: rotate(180deg);
}
.akkordion__info {
	display: none;
	padding: 16px 0px;
}
.akkordion__info p, .akkordion__info ul {
	width: 100%;
	font-family: Inter;
	font-size: 14px;
	font-weight: 400;
	line-height: 140%;
	color: #5B6166;
	hyphens: auto;
}



.bloki_visitki_golubie {
	
}
.visitki-container {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.visitki-blue {
	width: 100%;
	max-width: 505px;
}
.visitka-arrow {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.visitka-blue {
	width: 505px;
	padding: 16px 24px;
	background: #BBEBFF;
	box-shadow: 0px 4px 15px 0px rgba(0, 66, 127, 0.07);
}
.visitka-blue p strong, .visitka-white p strong {
	font-size: 16px;
	font-weight: 700;
	line-height: 150%;
	color: #4E5052;
}
.visitka-blue p, .visitka-blue p a, .visitka-white p, .visitka-white p a {
	font-size: 16px;
	font-weight: 400;
	line-height: 150%;
	color: #4E5052;
}
.visitki-arrow-h {
	width: 8px;
	height: 24px;
	display: flex;
	justify-content: center;
}
.visitki-blue-white {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.visitki-blue-white .visitka-white {
	width: 320px;
	padding: 16px 24px;
	background: #FFFFFF;
	box-shadow: 0px 4px 15px 0px rgba(0, 66, 127, 0.07);
}
.visitki-blue-white .visitki-arrow-w {
	width: 24px;
	height: 8px;
	display: flex;
	align-items: center;
}
.visitki-white-arrows {
	width: 100%;
	max-width: 800px;
	display: none;
	flex-direction: column;
}

@media screen and (max-width: 1550px) {
	.visitki-blue-white > .visitka-white, .visitki-blue-white > .visitki-arrow-w {
		display: none;
	}
	.visitki-white-arrows {
		display: flex;
	}
	.visitki-blue-white {
		flex-direction: column;
	}
	.visito4ki-arrows {
		display: flex;
		justify-content: center;
		gap: 380px;
	}
	.visito4ki-white {
		min-width: 100%;
		display: flex;
		gap: 16px;
		justify-content: space-between;
	}
}
@media screen and (max-width: 1280px) {
	.visitka-blue {
		padding: 16px;
	}
	.visito4ki-white .visitka-white {
		padding: 16px 8px;
	}
}
@media screen and (max-width: 500px) {
	.visitka-blue {
		width: 100%;
		padding: 16px 8px;
	}
	.visitka-blue p, .visitka-blue p a, .visitka-white p, .visitka-white p a {
		font-size: 14px;
	}
	.visito4ki-arrows {
		gap: 166px;
	}
}



.bloki_knopki {
	margin-bottom: 40px;
}
.btn-cards {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 24px;
}
.btn-card {
	background: #FFFFFF;
	border-radius: 10px;
	box-shadow: 0px 4px 15px 0px rgba(0, 66, 127, 0.07);
}
.btn-card__link {
	padding: 40px;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 16px;
}
.btn-card__icon {
	width: 48px;
	height: 48px;
	overflow: hidden;
}
.btn-card__icon img {
	width: 48px;
	height: 48px;
}
.btn-card__link p {
	font-size: 18px;
	font-weight: 700;
	line-height: 150%;
	color: #4E5052;
	text-align: center;
	hyphens: auto;
}

@media screen and (max-width: 1550px) {
	.btn-cards {
		grid-template-columns: repeat(3, 1fr);
	}
}
@media screen and (max-width: 1200px) {
	.btn-cards {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media screen and (max-width: 650px) {
	.btn-cards {
		grid-template-columns: repeat(1, 1fr);
	}
}



.btn_card_categ {
	margin-bottom: 40px;
}
.tabs {
	display: flex;
	flex-direction: column;
}
.tabs__nav {
	padding: 5px 0px 24px;
	display: flex;
	gap: 16px;
	overflow-x: auto;
	white-space: nowrap;
}
.tabs__nav::-webkit-scrollbar {
	opacity: 0;
}
.tabs__btn {
	padding: 4px 16px;
	background: #FFFFFF;
	border-radius: 30px;
	box-shadow: 0px 4px 15px 0px rgba(0, 66, 127, 0.07);
	font-size: 16px;
	font-weight: 700;
	line-height: 150%;
	color: #001126;
	outline: none;
	border: none;
	cursor: pointer;
}
.tabs__btn_active {
	background: #17BAFF;
	color: #FFFFFF;
}
.tabs__pane {
	display: none;
}
.tabs__pane_show {
	display: grid;
}



.post-prev-next-block {
	padding-top: 40px;
}
.post-prev-next {
	width: 100%;
	max-width: 768px;
	display: flex;
	justify-content: space-between;
	gap: 24px;
}
.post-prev, .post-next {
	display: flex;
	align-items: center;
	gap: 4px;
}
.post-prev .post-prev-arrow, .post-next .post-next-arrow {
	width: 16px;
	height: 16px;
}
.post-prev a, .post-next a {
	font-size: 16px;
	font-weight: 400;
	line-height: 150%;
	color: #001126;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}



/* Изменения при наведении мышью (минимальная ширина должна быть от 1024 пикселей) */

@media screen and (min-width: 1023px) {
	.breadcrumbs li a:hover, .header-info__logo-name:hover .header__name p, .header-address a:hover, .header-blind a:hover, .header-phones-email a:hover,
	.header-nav__list li.menu-item ul.sub-menu li.menu-item a:hover, .site-map__list a:hover, .photo-card:hover > .photo-card__info p,
	.search-results > li:hover .entry-title > a, .search-results > li:hover .entry-title > a > strong, .search-results > li:hover::marker,
	#news-pagination .page-numbers:not(.current):hover, .file__link:hover > p, .akkordion__link:hover > p, .akkordion__link.active-accordion > p,
	.visitka-blue p a:hover, .visitka-white p a:hover, .btn-card:hover > .btn-card__link p, .table-container table tbody tr td p a:hover, .post-prev:hover > a, .post-next:hover > a, .tekst_info p a:hover {
		color: #17BAFF;
	}
	#news-pagination .prev:not(.disabled):hover svg path, #news-pagination .next:not(.disabled):hover svg path, .akkordion__link:hover > svg path, 
	.akkordion__link.active-accordion > svg path, .left-menu__tg:hover > svg path, .left-menu__inst:hover > svg path,
	.slider-photos .slick-prev:hover > svg path, .slider-photos .slick-next:hover svg path, .bloki_teksta .bloki_socsetey a:hover > svg > path {
		fill: #17BAFF;
	}
	.header-navbar .header-nav .header-nav__list li.menu-item a:hover, .header-navbar .header-nav .header-nav__list li.menu-item a:hover > span,
	.footer-phones-email:hover > a, .footer-dev .footer-dev__container a:hover {
		color: #D9DADD;
	}
	.footer-social a:hover > svg path {
		fill: #D9DADD;
	}
	.header-nav__list li.menu-item-25:hover > ul.sub-menu, .header-nav__list li.menu-item-57:hover > ul.sub-menu,
	.header-nav__list li.menu-item-60:hover > ul.sub-menu, .header-nav__list li.menu-item-64:hover > ul.sub-menu {
		display: flex;
	}
	.header-nav__list li.menu-item-25:hover > a img, .header-nav__list li.menu-item-57:hover > a img,
	.header-nav__list li.menu-item-60:hover > a img, .header-nav__list li.menu-item-64:hover > a img {
		transform: rotate(180deg);
	}
	.header-nav__mobile-list .menu-item > a:hover {
		background: #F0FBFF;
		cursor: pointer;
	}
	.header-nav__mobile-list .menu-item a:hover span {
		color: #00638E;
	}
	.header-nav__mobile-list .menu-item .sub-menu li a:hover {
		color: #17BAFF;
		background: none;
	}
	.left-menu__nav-list .menu-item a:hover span {
		color: #00638E;
	}
	.left-menu__nav-list .menu-item > a:hover {
		background: #F0FBFF;
		cursor: pointer;
	}
	.left-menu__nav-list .menu-item .sub-menu li a:hover {
		color: #17BAFF;
		background: none;
	}
	.photo-card:hover > .photo-card__img img {
		transform: scale(1.1);
	}
	.bloki_teksta > a:hover {
		border-bottom: 1px solid #17BAFF;
		color: #17BAFF;
	}
	.bloki_ssylok ol li:hover > a, .bloki_ssylok ul li:hover > a {
		border-bottom: 1px solid #17BAFF;
		color: #17BAFF;
	}
	.slider-photos .slick-prev:hover, .slider-photos .slick-next:hover {
		background: #FFFFFF;
	}
	.tabs__btn:not(.tabs__btn_active):hover {
		color: #17BAFF;
		background: #FFFFFF;
	}
}