header.header {
height: 125px;
}
.main {
padding-top: 125px;
}

header.header .header__wrap {
flex-direction: column;
max-width: 100%;
}
header.header .header__wrap .topline {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
gap: 14px;
padding: 14px 0;
color: #FFF;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
min-height: 48px;
}
header.header .header__wrap .h_adres {
display: flex;
background: url('../images/icons/Location.svg') center left no-repeat;
padding-left: 30px;
min-height: 20px;
font-size: 14px;
}
header.header .header__wrap .h_time {
display: flex;
background: url('../images/icons/Time Circle.svg') center left no-repeat;
padding-left: 30px;
min-height: 20px;
font-size: 14px;
}
header.header .header__wrap .topline .h_soc {
display: flex;
align-items: center;
min-height: 20px;
gap: 11px;
}
header.header .header__wrap .header__inner {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
width: 100%;
padding: 5px 10px;
}

header.header .header__wrap .header__inner .h_soc {
display: none;
}
header.header .header__wrap .header__inner .header__logo {
margin-right: 20px;
}
header.header .header__wrap .header__inner nav.nav .nav__link {
padding-bottom: 0;
}

header.header .header__wrap .header__inner .searchline__btn-icon {
border: 1px solid #32383F;
background: none;
}

header.header .header__wrap .header__inner .hemail {
display: flex;
width: 51px;
height: 51px;
padding: 17px 15px 18px 16px;
justify-content: center;
align-items: center;
border-radius: 3px;
background: #32383F;
margin: 0;
}

header.header .header__wrap .header__inner .header__additions {
gap: 22px;
}
.mobile-menu-btn_active {
left: 0px;
}


@media screen and (max-width: 1215px) {
header.header {
height: initial;
}
.main {
padding-top: 70px;
}
header.header .header__wrap .header__inner {
background: #32383F;
}
header.header .header__wrap .topline {
display: none;
}
header.header .header__wrap .header__logo {
-webkit-box-ordinal-group: initial;
-ms-flex-order: initial;
order: initial;
width: initial !important;
}
header.header .header__wrap .header__additions {
overflow: initial;
height: initial;
width: initial !important;
}
header.header .header__wrap .header__nav {
width: initial !important;
}
header.header .header__wrap .header__inner .h_soc {
display: flex;
align-items: center;
min-height: 20px;
gap: 11px;
}
.body_stop_scrolling header.header .header__wrap .header__logo {
-ms-flex-order: 2;
order: 2;
width: calc(100% - 120px) !important;
margin: 0 auto;
}
header.header .header__wrap .header__inner .header__additions .searchline_header,
.nav__mobile-search-btn_fixed {
    /*z-index: 999;*/
	display: none;
}
header.header .header__wrap .header__inner .header__additions .hemail {
background: #000;
}
header.header .header__wrap .header__inner .header__additions .nav__mobile.srch {
display: flex;
align-items: center;
margin: 0;
}

.body_stop_scrolling header.header .header__wrap .header__nav {
-ms-flex-order: 1;
order: 1;
}
.body_stop_scrolling header.header .header__wrap .header__inner .h_soc {
display: none;
}
.body_stop_scrolling header.header .header__wrap .nav__wrap .h_soc {
display: flex;
}
.body_stop_scrolling header.header .header__wrap .nav__social {
display: flex;
flex-direction: column;
height: initial;
align-items: flex-start;
gap: 10px;
margin-bottom: 3px;
}
.body_stop_scrolling header.header .header__wrap .nav__social .btn {
width: 100%;
margin-top: 17px;
}
.body_stop_scrolling header.header .header__wrap .nav__wrap {
padding: 100px 40px 207px;
}
.nav__wrap:not(.nav__wrap_visible) .nav__social .btn {
display: none;
}
.body_stop_scrolling header.header .header__wrap .nav__wrap .nav__subnav {
    height: calc(100% - 287px);
}
}

@media screen and (max-width: 650px) {
.body_stop_scrolling header.header .header__wrap .nav__wrap {
	padding-bottom: 228px;
}
.body_stop_scrolling header.header .header__wrap .nav__wrap .nav__subnav {
	height: calc(100% - 308px);
}
}

@media screen and (max-width: 400px) {
.body_stop_scrolling header.header .header__wrap .nav__wrap {
	padding-bottom: 186px;
}
.body_stop_scrolling header.header .header__wrap .nav__wrap .nav__subnav {
    height: calc(100% - 180px);
}
}

@media screen and (max-width: 992px) {
.searchline_slide .searchline__hidden {
    /*width: 500px;*/
}
.nav__subnav_col_1 {
    margin-top: 100px;
}
.page-content__content .main-content__wrapper {
    flex-direction: column;
}
}

@media screen and (max-width: 576px) {
.nav__mobile {
    margin-left: 0px;
    margin-right: 15px;

}
}

@media screen and (max-width: 520px) {
.searchline_slide .searchline__hidden {
    /*width: 300px;*/
}
}

@media screen and (max-width: 767px) {
header.header .header__wrap .header__inner .hemail,
header.header .header__wrap .header__inner .header__additions a.btn.btn_color_blue {
display: none;
}
header.header .header__wrap .header__inner .header__additions {
gap: 10px;
}
}

ol.mainol li {
list-style: decimal !important;
}
ol.mainol li {
margin-bottom: 15px;
}
ol.mainol li a {
text-decoration: underline;
}
ol.mainol li a:hover {
text-decoration: none;
}
.overtab {
overflow-x: auto;
}
table.tabl {
border-collapse: collapse;
}
table.tabl td {
padding: 10px;
vertical-align: top;
border: 1px solid #fff;
}

.jobb {
margin: 20px 0;
}
.jobb .jobb-items {
display: flex;
align-items: flex-start;
justify-content: space-between;
/*justify-content: space-around;*/
flex-wrap: wrap;
gap: 0px;
}
.jobb .jobb-items .jobb-item {
height: 68px;
width: calc(100% - 15px);
box-shadow: 0px 0px 20px 0px #28266D33;
/*background: linear-gradient(90deg, #375483 0%, #22395C 100%);*/
}
.jobb .jobb-items .jobb-item .jobb-item-inner {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
gap: 20px;
padding: 10px 20px;
height: 100%;
}

/*
.jobb .jobb-items .jobb-item:hover {
background: linear-gradient(90deg, #375483 0%, #22395C 100%);
}
.jobb .jobb-items .jobb-item:hover .jobb-item1 {
background: url('../images/jb1.png')  80% 105% no-repeat;
overflow: hidden;
}
.jobb .jobb-items .jobb-item:hover .jobb-item2 {
background: url('../images/jb2.png')  80% 105% no-repeat;
overflow: hidden;
}
.jobb .jobb-items .jobb-item:hover .jobb-item3 {
background: url('../images/jb3.png')  80% 105% no-repeat;
overflow: hidden;
}
.jobb .jobb-items .jobb-item:hover .jobb-item4 {
background: url('../images/jb4.png')  80% 105% no-repeat;
overflow: hidden;
}
.jobb .jobb-items .jobb-item:hover .jobb-item-circle {
background: #FFFFFF;
color: #3D5F95;
}
.jobb .jobb-items .jobb-item:hover .jobb-item-cline {
display: none;
}
*/

.jobb .jobb-items .jobb-item {
background: linear-gradient(90deg, #ffaa00 0%, #cf8a00 100%);
border-radius: 10px;
}
.jobb .jobb-items .jobb-item .jobb-item1 {
background: url('../images/jb1.png')  80% 105% no-repeat;
overflow: hidden;
}
.jobb .jobb-items .jobb-item .jobb-item2 {
background: url('../images/jb2.png')  80% 105% no-repeat;
overflow: hidden;
}
.jobb .jobb-items .jobb-item .jobb-item3 {
background: url('../images/jb3.png')  80% 105% no-repeat;
overflow: hidden;
}
.jobb .jobb-items .jobb-item .jobb-item4 {
background: url('../images/jb4.png')  80% 105% no-repeat;
overflow: hidden;
}
.jobb .jobb-items .jobb-item .jobb-item-circle {
    background: #21283b;
    color: #ffffff;
}
.jobb .jobb-items .jobb-item .jobb-item-cline {
/*display: none;*/
color: #21283b;
font-weight: 700;
}


.jobb .jobb-items .jobb-item .jobb-item-bline {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
width: 100%;
}
.jobb .jobb-items .jobb-item .jobb-item-cline {
/*border: 1px dashed #375483;*/
/*border-image-source: linear-gradient(90deg, #375483 0%, #22395C 100%);*/
width: calc(100% - 58px);
}
.jobb .jobb-items .jobb-item .jobb-item-circle {
display: flex;
align-items: center;
justify-content: center;
width: 38px;
height: 38px;
font-size: 18px;
font-weight: 600;
letter-spacing: 0em;
text-align: center;
border-radius: 50%;
/*color: #FFFFFF;
background: linear-gradient(90deg, #375483 0%, #22395C 100%);*/
}
.jobb .jobb-items .jobb-item .jobb-item-zag {
font-size: 18px;
font-weight: 700;
line-height: 26px;
letter-spacing: 0em;
text-align: left;
color: #21283b;
}
.jobb .jobb-items .jobb-item .jobb-item-txt {
font-size: 14px;
font-weight: 400;
line-height: 20px;
letter-spacing: 0em;
text-align: left;
}

@media screen and (max-width: 992px) {
.jobb .jobb-items  .jobb-item {
width: calc(50% - 20px);
margin-top: 20px;
}
}

@media screen and (max-width: 576px) {
.jobb .jobb-items {
flex-direction: column;
align-items: center;
gap: 10px;
}
.jobb .jobb-items .jobb-item {
width: 100%;
max-width: 100%;
}
}

.block-benefits2__item {
display: flex;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
justify-content: flex-start;
gap: 10px;
width: calc(33% - 30px);
color: #FAFAFA;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
text-align: center;
margin-bottom: 30px;
margin-left: 15px;
margin-right: 15px;
}
.block-benefits2__item .block-benefits2__item-img {
display: flex;
height: 98px;
align-items: center;
}
.block-benefits2__item .block-benefits2__item-img img {
height: fit-content;
}
.block-benefits2__item .block-benefits2__item-zag {
font-weight: 700;
}
.block-benefits2__item .block-benefits2__item-txt {
}
.block-benefits2 .row {
justify-content: space-between;
}

@media screen and (max-width: 992px) {
.block-benefits2__item {
    width: calc(50% - 30px);
}
}

@media screen and (max-width: 576px) {
.block-benefits2__item {
    font-size: 14px;
    width: calc(100% - 30px);
    width: 290px;
}
.block-benefits2__item .block-benefits2__item-img {
height: initial;
}
.block-benefits2 .row {
    justify-content: center;
}
}

.main-content__list {
    margin-top: 0 !important;
}
.main-content__list li {
    margin-right: 10px !important;
    position: relative;
    padding-left: 15px !important;
}
.main-content__list li div {
    text-align: left;
}
.main-content__list li a {
    /*color: #3A5B97;*/
    text-decoration: underline;
    /*font-size: 16px;*/
}
.main-content__list li a:hover {
    text-decoration: none;
}
.page-content__content .main-content__list li::before {
    position: absolute;
    top: 7px;
    left: 0px;
}


@media screen and (max-width: 767px) {
.page-content__content .main-content__wrapper {
    margin-top: 20px;
}
}

/* Для всех браузеров с поддержкой WebKit (Chrome, Edge, Safari) */
::-webkit-scrollbar {
  width: 10px; /* Ширина вертикального скролла */
  height: 10px; /* Высота горизонтального скролла */
}

::-webkit-scrollbar-thumb {
  background-color: #080E1A; /* Цвет ползунка */
  border-radius: 10px; /* Скругление ползунка */
}

::-webkit-scrollbar-track {
  background-color: #21283b; /* Цвет фона полосы прокрутки */
  border-radius: 10px; /* Скругление фона */
}

/* Для Firefox */
* {
  scrollbar-width: thin; /* Тонкий скроллбар */
  scrollbar-color: #080E1A #21283b; /* Ползунок / Фон */
}

.s90 {
	    border: 2px solid #ffaa00;
    padding: 9px;
    margin-bottom: 6px;
    border-radius: 7px;
	text-align: left;
}



.morebtn {
	    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 162px;
    height: 43px;
    background: #ffaa00;
    background: #ffaa00;
    background: #ffaa00;
    border-radius: 2px;
    -webkit-box-shadow: 0 0 50px 0 rgba(255, 203, 0, .3);
    box-shadow: 0 0 50px 0 rgba(255, 203, 0, .3);
    padding: 5px 10px;
    color: #FFF;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.1;
    margin-bottom: 2rem;
    width: 100%;
    margin-top: 2rem;
    cursor: pointer;
	border-radius: 8px;
}

.phone_btn {
	    position: relative;
    border: 2px solid #ffaa00;
    padding: 9px;
    margin-bottom: 6px;
    border-radius: 7px;
    width: 27%;
    text-align: center;
    float: right;
    z-index: 2;
    right: 7px;
    top: 7px;
    font-size: 10px;
}

.phone_btn a {
	color: #ffaa00;
}

.desctop_btn {
	    position: relative;
    border: 2px solid #ffaa00;
    padding: 9px;
    margin-bottom: 6px;
    border-radius: 7px;
    width: 10%;
    text-align: center;
    float: right;
    z-index: 99999;
	right: 7px;
    top: 7px;
}

.desctop_btn:hover {
	background: #ffaa00;
    color: #000;
    cursor: pointer;
}

.desctop_btn a {
	color: #ffaa00;
}

.m_bg_a:hover {
	background: #b57900;
    background: #b57900;
    -webkit-box-shadow: 0 8px 20px rgba(31, 48, 77, .45);
    box-shadow: 0 8px 20px rgba(31, 48, 77, .45);
}

.s90:hover {
	background:#ffaa00;
}

.jobb .jobb-items .jobb-item .jobb-item1:hover {
	background: #b57900;
    background: #b57900;
    -webkit-box-shadow: 0 8px 20px rgba(31, 48, 77, .45);
    box-shadow: 0 8px 20px rgba(31, 48, 77, .45);
	border-radius: 11px;
}

.jobb .jobb-items .jobb-item .jobb-item2:hover {
	background: #b57900;
    background: #b57900;
    -webkit-box-shadow: 0 8px 20px rgba(31, 48, 77, .45);
    box-shadow: 0 8px 20px rgba(31, 48, 77, .45);
	border-radius: 11px;
}

.jobb .jobb-items .jobb-item .jobb-item3:hover {
	background: #b57900;
    background: #b57900;
    -webkit-box-shadow: 0 8px 20px rgba(31, 48, 77, .45);
    box-shadow: 0 8px 20px rgba(31, 48, 77, .45);
	border-radius: 11px;
}

.jobb .jobb-items .jobb-item .jobb-item4:hover {
	background: #b57900;
    background: #b57900;
    -webkit-box-shadow: 0 8px 20px rgba(31, 48, 77, .45);
    box-shadow: 0 8px 20px rgba(31, 48, 77, .45);
	border-radius: 11px;
}


/* Стили для модального окна */
        .modal {
            display: none;
            position: fixed;
            z-index: 1;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            overflow: auto;
            background-color: rgba(0, 0, 0, 0.5);
        }

        .modal-content {
                background-color: #fefefe !important;
				margin: 15% auto !important;
				width: 80% !important;
				max-width: 800px !important;
				text-align: center !important;
				border-radius: 10px !important;
				padding: 35px 65px !important;
				background: url(../images/bg-popup-form.png) bottom / 928px 618px no-repeat, -o-linear-gradient(146.43deg, #101420 -12.62%, #101420 97.85%) !important;
				background: url(../images/bg-popup-form.png) bottom / 928px 618px no-repeat, linear-gradient(303.57deg, #101420 -12.62%, #101420 97.85%) !important;
				border-radius: 9px !important;
				text-align: center !important;
				position: relative !important;
        }

        .close {
            color: #aaa;
            float: right;
            font-size: 28px;
            font-weight: bold;
            cursor: pointer;
        }

        .close:hover {
            color: black;
        }

        .social-buttons {
            margin-top: 20px;
        }

        .social-buttons a {
            display: inline-block;
            margin: 0 10px;
            text-decoration: none;
            color: #fff;
            padding: 10px 20px;
            border-radius: 5px;
        }

        .odnoklassniki {
            background-color: #0879ee;
        }

        .whatsapp {
            background-color: #25d366;
        }

        .vk {
            background-color: #4a76a8;
        }

        .telegram {
            background-color: #0088cc;
        }

.about_img img {
    color: #212125;
    max-width: 100%;
    display: block;
    margin: auto;
    width: 320px;
    margin-bottom: 2rem;
}

.about_item {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
    margin-left: 15px;
    margin-right: 15px;
    width: calc(50% - 30px);
    padding: 55px 48px 48px;
    margin-bottom: 30px;
    background: #1d2333;
    border-radius: 6px;
    position: relative;
}

.about_item p {
    margin-bottom: 6px;
}

.button-container {
            display: flex;
			flex-direction: column;
			gap: 15px;
			align-content: flex-end;
			margin-top: 2rem;
        }

        .button-row {
            display: flex;
            gap: 15px; /* Расстояние между кнопками WhatsApp и Telegram */
        }

		.button {
            display: inline-block;
            padding: 15px 30px;
            font-size: 18px;
            color: white;
            text-decoration: none;
            border-radius: 50px;
            text-align: center;
            transition: background-color 0.3s ease;
            flex: 1; /* Кнопки занимают равное пространство в ряду */
            box-sizing: border-box; /* Учитываем padding в ширине */
        }

        .button.whatsapp {
            background-color: #25D366;
        }

        .button.whatsapp:hover {
            background-color: #1da851;
        }

        .button.telegram {
            background-color: #0088cc;
        }

        .button.telegram:hover {
            background-color: #006699;
        }

        .button.website {
            background-color: #ffaa00;
        }

        .button.website:hover {
            background-color: #b57900;
        }

        /* Медиа-запросы для адаптивности */
        @media (max-width: 768px) {
            .button {
                font-size: 16px; /* Уменьшаем размер шрифта на мобильных устройствах */
                padding: 12px 24px;
            }
        }

        @media (max-width: 480px) {
            .button {
                font-size: 14px; /* Еще меньше шрифт для очень маленьких экранов */
                padding: 10px 20px;
            }

            .button-row {
                flex-direction: column; /* На очень маленьких экранах кнопки WhatsApp и Telegram становятся вертикальными */
                gap: 10px;
            }
        }
		
@media screen and (max-width: 625px) {
    .about_item {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
    margin-left: 15px;
    margin-right: 15px;
    width: calc(100% - 20px);
    padding: 55px 48px 48px;
    margin-bottom: 30px;
    background: #1d2333;
    border-radius: 6px;
    position: relative;
}
.social-buttons a {
    display: inline-block;
    margin: 0 10px;
    text-decoration: none;
    color: #fff;
    padding: 10px 20px;
    border-radius: 5px;
    width: 100%;
    margin-bottom: 1rem;
}
}

@media (max-width: 480px) {
    .button-rows {
        
        gap: 10px;
    }
}

.button-rows {
    display: flex
;
    gap: 15px;
}

@media screen and (max-width: 992px) {
    .nav__item {
        text-align: left !important;
        border: 1px solid #ffaa00 !important;
        padding: 6px;
        margin-bottom: 6px !important;
        border-radius: 7px;
    }
}
.article-short__photo img {
	width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.footer__nav {
  position: relative;
  display: flex;
  gap: 40px;
}

.footer__nav-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.footer__nav-item {
  position: relative;
}

.footer__nav-item--dropdown {
  position: relative;
}

.footer__nav-link--dropdown {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
}

.footer__dropdown-arrow {
  font-size: 10px;
  transition: transform 0.3s ease;
}

.footer__dropdown-menu {
  position: absolute;
  bottom: 100%;
  left: 0;
  background: #161b28;
  border: 1px solid #161b28;
  border-radius: 4px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  list-style: none;
  margin: 0;
  padding: 8px 0;
  min-width: 200px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-10px);
  transition: all 0.3s ease;
  z-index: 1000;
}

.footer__dropdown-item {
  margin: 0;
}

.footer__dropdown-link {
  display: block;
  padding: 8px 16px;
  color: #fff;
  text-decoration: none;
  transition: background-color 0.2s ease;
}

.footer__dropdown-link:hover {
  background-color: #21283b;
}

/* Ховер для десктопной версии */
@media (hover: hover) and (pointer: fine) {
  .footer__nav-item--dropdown:hover .footer__dropdown-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }
  
  .footer__nav-item--dropdown:hover .footer__dropdown-arrow {
    transform: rotate(180deg);
  }
}

/* Мобильная версия */
@media (max-width: 768px) {
  .footer__nav {
    flex-direction: column;
    gap: 20px;
  }
  
  .footer__nav-item--dropdown {
    position: static;
  }
  
  .footer__dropdown-menu {
    position: static;
    bottom: auto;
    left: auto;
    width: 100%;
    box-shadow: none;
    border: none;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    transform: none;
    max-height: 0;
    overflow: hidden;
	margin-left: -52%;
  }
  
  .footer__nav-item--dropdown.active .footer__dropdown-menu {
    opacity: 1;
    visibility: visible;
    max-height: 500px;
    transform: none;
  }
  
  .footer__nav-item--dropdown.active .footer__dropdown-arrow {
    transform: rotate(180deg);
  }
}