/*
Theme Name: Belgosles
Theme URI: 
Author: Jemik
Version: 1.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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, header
{ margin:0; padding:0; border:0; outline:0;
 font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; 
 vertical-align:baseline;box-sizing: border-box; }
/* не забудьте определить состояник "фокус", стилей */
body { line-height:1; color:black; background:white; }
ul { list-style:none; }
/* таблицам необходим cellspacing="0" в разметке */
table { border-collapse:separate; border-spacing:0; }
caption, th, td { text-align:left; font-weight:normal; }
q:before, q:after { content:""; }
blockquote, q { quotes:"" ""; }
a {color: #277450;}
a:hover {color: #277450;}
:focus{outline:none;}
* {-webkit-tap-highlight-color: transparent;-webkit-box-sizing: border-box;box-sizing: border-box;outline: 0;}
/******************************************************************************************************/

/* montserrat-300 - cyrillic_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/montserrat-v31-cyrillic_latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/montserrat-v31-cyrillic_latin-300.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* montserrat-regular - cyrillic_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/montserrat-v31-cyrillic_latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/montserrat-v31-cyrillic_latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* montserrat-italic - cyrillic_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/montserrat-v31-cyrillic_latin-italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/montserrat-v31-cyrillic_latin-italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* montserrat-500 - cyrillic_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/montserrat-v31-cyrillic_latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/montserrat-v31-cyrillic_latin-500.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* montserrat-600 - cyrillic_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/montserrat-v31-cyrillic_latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/montserrat-v31-cyrillic_latin-600.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* montserrat-700 - cyrillic_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/montserrat-v31-cyrillic_latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/montserrat-v31-cyrillic_latin-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* montserrat-800 - cyrillic_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  src: url('fonts/montserrat-v31-cyrillic_latin-800.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/montserrat-v31-cyrillic_latin-800.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* montserrat-900 - cyrillic_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 900;
  src: url('fonts/montserrat-v31-cyrillic_latin-900.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/montserrat-v31-cyrillic_latin-900.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

a{text-decoration: none;}

html,body {height: 100%;}
body{font-variant-numeric: lining-nums;
  width: 100%;
  margin:0 auto;
  overflow: auto;
  font-family: 'Montserrat', sans-serif;
  color: #212121;
  font-size: 16px;
  line-height: 130%;
  font-weight: 400;
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
  background: #FEFCF5;
}
header{
  position: fixed;
  width: 100%;
  z-index: 999;
  background: #FEFCF5;
  transition: all .5s;
}
main{flex: 1 0 auto;
  padding-top: 135px;
  position: relative;
}

p{
font-size: 16px;
font-weight: 400;
  line-height: 130%;
padding-bottom: 15px;
color: #212121;}


h1,.h1{
font-weight: 600;
font-size: 36px;
line-height: 130%;
text-transform: uppercase;
color: #212121;
margin-bottom: 20px;
}
h2,.h2{
font-weight: 600;
font-size: 28px;
line-height: 130%;
text-transform: uppercase;
color: #212121;
margin-bottom: 20px;}
h3,.h3{
font-weight: 600;
font-size: 20px;
line-height: 120%;
text-transform: uppercase;
color: #212121;
margin-bottom: 20px;}
h4,.h4{
margin-bottom: 30px;
color:#383838;
font-size: 26px;
font-weight: 600;
line-height: 110%;
color: #101010;
}
::placeholder {
  color: #101010B2;
}

.button{
padding: 13px 21px;
font-size: 16px;
font-weight: 600;
line-height: 130%;
text-align: center;
color: #FFFFFF;
background: #277450;
border-radius: 2px;
transition: all 0.5s;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
gap: 5px;
width: fit-content;
text-transform: uppercase;
}
.button:hover{
  background: #094027;
color: #BBE2A8;
}
/*************************************************************************/
.clear{clear: both;}
.alignnone {
margin: 5px 20px 20px 0;
}
.pc_img{
  display: block;
  width: 100%;
  max-width: fit-content;
}
.mob_img{
  display: none;
  width: 100%;
  max-width: fit-content;
}
.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 5px auto;
}

.alignright {
float: right;
margin: 5px 0 20px 20px;
width: 100%;
max-width: fit-content;
}

.alignleft {
float: left;
margin: 5px 20px 20px 0;
width: 100%;
max-width: fit-content;
}

.aligncenter {
display: block;
margin: 5px auto 5px auto;
width: 100%;
max-width: fit-content;
}

a img.alignright {
float: right;
margin: 5px 0 20px 20px;
}

a img.alignnone {
margin: 5px 20px 20px 0;
}

a img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}

a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

.wp-caption {
background: #fff;
border: 1px solid #f0f0f0;
max-width: 96%;
padding: 5px 3px 10px;
text-align: center;
}

.wp-caption.alignnone {
margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
margin: 5px 0 20px 20px;
}

.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto;
}

.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px;
}

.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}

/* Container */
.container {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}
.hidden{display: none;}
.show{display: block;}
.flex{display: flex;}
.wrap{display: flex;flex-wrap: wrap;}
.space-between{display: flex;justify-content: space-between;}
.space-around{display: flex;justify-content: space-around;}
.column{display: flex;flex-direction: column;}
.center{text-align: center;}
strong{font-weight: bold;}
em{font-style: italic;}
.moblie_menu{display: none;}
section img{display: block;}
.menu-button{display: none;}
.show_mob{display: none!important;}
.header_tops{
  display: flex;
  justify-content: space-between;
  gap: 10px;
  padding: 4px 0;
  align-items: center;
  height: 33px;
}
.header_top_lang{
  display: flex;
  gap: 15px;
  align-items: center;
font-weight: 500;
font-size: 16px;
line-height: 130%;
text-transform: uppercase;
color: #212121;
}
.header_top_lang span{cursor: pointer;}
.header_top_lang .active{
  color: #277450;
  cursor: inherit ;
  text-decoration: underline;
}
#specialButton2,
#specialButton{
  display: flex;
  align-items: center;
  gap: 7px;
font-weight: 400;
font-size: 16px;
line-height: 130%;
cursor: pointer;
}
#specialButton2{margin-left: 18px}
#specialButton svg path,#specialButton2 svg path{fill:#277450;transition: all .5s;}
#specialButton:hover svg path{fill:#094027;}
.header_bloks{
  display: flex;
  padding: 6px 0;
  gap: 25px;
  justify-content: space-between;
  align-items: center;
}
.main_menu {
    flex: 1;
    display: flex;
    gap: 9px;
}
.main_menu > li {
    position: relative;
}
.main_menu > li > a {
    font-weight: 500;
    font-size: 16px;
    line-height: 130%;
    text-transform: uppercase;
    color: #212121;
    display: flex;
    padding: 8px;
    align-items: center;
    gap: 7px;
}

.menu-item-has-children > a >span {
    display: block;
    width: 12px;
    height: 6px;
    background: url(img/icon/arrow_b.svg) no-repeat center right;
}
.main_menu li.menu-item-has-children .sub-menu {
    display: none;
    position: absolute;
    background: #FEFCF5;
    padding: 5px;
    border-radius: 5px;
    width: fit-content;
    flex-direction: column;
    gap: 0px;
    box-shadow: -1px 0px 2px 0px #27745033;
    gap: 6px;
}
.main_menu .menu-item-has-children:hover .sub-menu {
    display: flex;
}
.main_menu li.menu-item-has-children .sub-menu a{
  padding: 4px 8px;
font-weight: 500;
font-size: 16px;
line-height: 130%;
text-transform: uppercase;
color: #212121;
display: block;
transition: all 0.5d;
white-space: nowrap;
border-radius: 5px;
}
.main_menu li.menu-item-has-children .sub-menu a:hover{
  background: #BBE2A8;
  color: #277450;
}
.logo img{display: block;}

.main_slid{
  height: 800px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  flex-direction: column;
}
.main_slid .container{
  height: 800px;
  position: relative;
}
.main_slid_desc{
  position: absolute;
  width: 100%;
  bottom: 270px;
  max-width: 1100px;
  margin: 0 50px;
text-align: center;
z-index: 9;
}
.main_slid_text{
font-weight: 700;
font-size: 24px;
line-height: 130%;
color: #FFFFFF;
margin-bottom: 20px;
}
.main_slid_desc h1{
font-weight: 900;
font-size: 120px;
line-height: 130%;
text-transform: uppercase;
color: #FFFFFF;
margin-bottom: 40px;
}
.main_slid_icon img{display: block; margin: 0 auto;}
.main_slid_podp{
color: #FFFFFF;
margin-bottom: 40px;
}
.main_section_1{position: relative;}
.main_slider_now{position: absolute;bottom: 60px;display: flex;justify-content: center;width: 100%}
.main_slid_bl:before{
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  background: #00000080;
}
.main_slid_cit p{
  padding-bottom:40px;
  color: #fff; 
font-weight: 700;
font-style: Italic;
font-size: 24px;
line-height: 130%;
text-align: center;
}
.section{padding: 60px 0}
.about_bloks{
  display: flex;
  justify-content: space-between;
  gap: 40px;
}
.about_blok_left{flex: 1;display: flex;flex-direction: column;justify-content: space-between;}
.about_blok_left h1{margin-bottom: 0px}
.about_blok_left p{padding: 0px}
.about_blok_ss{
  display: flex;
  justify-content: space-between;
  gap: 20px;
}
.about_blok_s{
  box-shadow: 0px 0px 4px 1px #2774507d;
  border-radius: 2px;
  padding: 11px 10px;
  display: flex;
  gap: 15px;
  align-items: center;
  max-width: 300px;
  width: 100%;
}
.about_blok_img{
  display: flex;
  justify-content: center;
  align-items: center;
  background: #DEEAC1;
  border-radius: 2px;
  width: 48px;
  height: 48px;
}
.about_blok_name{
font-weight: 700;
font-size: 16px;
line-height: 130%;
text-transform: uppercase;
margin-bottom: 5px;
color: #277450;
}
.about_blok_desc{
font-size: 18px;
line-height: 140%;
}
.about_blok_deet{
  box-shadow: 0px 0px 4px 1px #2774507d;
  border-left: solid 5px #277450;
  border-radius: 5px;
  padding: 20px;
}
.about_blok_deet_name{
font-weight: 700;
font-size: 16px;
line-height: 130%;
text-transform: uppercase;
margin-bottom: 10px;
color: #277450;
}
.about_blok_deet_desc{
font-size: 16px;
line-height: 130%;
}
.about_blok_link{
  display: flex;
  align-items: center;
  gap: 8px;
font-weight: 400;
font-size: 18px;
line-height: 140%;
color: #212121;
}
.sect_head_arr{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.slider_arrows{
  display: flex;
  gap: 20px;
}
.sect_head_but{
  display: flex;
  gap: 10px;
}
.sect_head_but > *{margin: 0}
.sect_head_but > h2,.sect_head_but > h3{padding: 0}
.sect_head_but span{
  display: block;
  width: 4px;
  border-radius: 4px;
  background: #277450;
}
.slider_arrows_now{justify-content: space-between;margin-top: 20px;align-items: center;}
.services_slider{
  margin: 40px -20px 0;
}
.services_slid{
  margin: 5px 20px;
  box-shadow: 0px 0px 4px 1px #2774507d;
      border-left: solid 10px #277450;
    border-radius: 5px;
    padding: 20px 10px;
    height: 310px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 20px;
}
.services_slid_name{
font-weight: 600;
font-size: 20px;
line-height: 120%;
text-transform: uppercase;
  height: 48px;
  overflow: hidden;
  display: block;
}
.services_slid_desc{
font-weight: 400;
font-size: 16px;
line-height: 130%;
color: #212121;
height: 95px;
overflow: hidden;
flex: 1;
}

.sect_head_rr{
  display: flex;
  justify-content: end;
  align-items: center;
}
.sect_head_rr .button{margin-left: 10px}
.main_news{
  margin: 40px -10px 0;
}
.main_article{
  width: 100%;
  margin: 5px 10px;
  max-width: 360px;
  box-shadow: 0px 0px 4px 1px #2774507d;
  border-radius: 5px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
}
.main_article_name{
  flex: 1;
  display: block;
  margin: 20px 5px 15px;
font-weight: 400;
font-size: 20px;
line-height: 140%;
min-height: 84px;
color: #212121;
}
.main_article_link{
  margin: 0 5px 20px;
  display: flex;
  gap: 8px;
  align-items: center;
font-size: 18px;
line-height: 140%;
color: #212121;
}
.main_article_date{
  position: absolute;
  top: 10px;
  left: 10px;
  padding: 3px 12px;
  border-radius: 5px;
  background: #277450;
  color: #fff;
font-size: 16px;
line-height: 130%;
}
.maps{
  position: relative;
  overflow: hidden;
  padding: 40px 0 130px;
}
.maps iframe{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
}
.maps .container{
  position: relative;
  z-index: 9;
}
.map_content{
  background: #FFFFFF;
  box-shadow: 0px 0px 4px 1px #2774507d;
  border-radius: 5px;
  padding: 40px;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 380px;
}
.map_name{
  margin-bottom: 40px;
  display: flex;
  gap: 10px;
  position: relative;
  align-items: center;
}
.map_name:before{
  content: '';
    display: block;
    width: 4px;
    height: 75px;
    border-radius: 4px;
    background: #277450;
}
.map_info{
  display: flex;
  flex-direction: column;
  gap: 10px;
font-size: 18px;
line-height: 140%;
color: #212121;
margin-bottom: 40px;
}
.map_info a{
  color: #212121;
}
.contact_organs_info a{color:#212121}
.map_adres{
  padding-left: 46px;
  min-height: 36px;
  background: url(img/icon/map_adres.svg) no-repeat center left;
  display: flex;
  align-items: center;
}
.map_phone{
  padding-left: 46px;
  background: url(img/icon/map_phone.svg) no-repeat center left;
  display: flex;
  flex-direction: column;
  min-height: 36px;
  justify-content: center;
  gap: 5px;
}
.map_email{
  padding-left: 46px;
  background: url(img/icon/map_email.svg) no-repeat center left;
  min-height: 36px;
  display: flex;
  align-items: center;
}
.map_www{
  padding-left: 46px;
  background: url(img/icon/map_www.svg) no-repeat center left;
  min-height: 36px;
  display: flex;
  align-items: center;
}
.map_socer{
  display: flex;
  align-items: center;
  gap: 20px;
  height: 36px;
font-size: 18px;
line-height: 140%;
}
.map_socs{
  display: flex;
  gap: 10px;
}
.map_soc{
  display: block;
  width: 36px;
  height: 36px;
  transition: all .5s;
  background-repeat: no-repeat;
  background-size: cover;
}
.youtube{
  background-image: url(img/icon/youtube.svg);
}
.youtube:hover{
  background-image: url(img/icon/youtube-h.svg);
}
.instagram{
  background-image: url(img/icon/instagram.svg);
}
.instagram:hover{
  background-image: url(img/icon/instagram-h.svg);
}
.facebook{
  background-image: url(img/icon/facebook.svg);
}
.facebook:hover{
  background-image: url(img/icon/facebook-h.svg);
}
footer{
  background: #094027;
  padding: 60px 0;
}
.footer_blok_two_soc .youtube{
  background-image: url(img/icon/youtube-w.svg);
}
.footer_blok_two_soc .instagram{
  background-image: url(img/icon/instagram-w.svg);
}
.footer_blok_two_soc .facebook{
  background-image: url(img/icon/facebook-w.svg);
}
.footer_bloks{
  display: flex;
  justify-content: space-between;
  gap: 20px;
font-size: 18px;
line-height: 140%;
color: #FEFCF5;
}
.footer_blok_one{
  max-width: 600px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 25px;
}
.footer_blok_name{
font-weight: 600;
font-size: 20px;
line-height: 120%;
text-transform: uppercase;
color: #FEFCF5;
}
.footer_menu{
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.footer_menu a{
  color: #FEFCF5;
}
.footer_blok_two{
  max-width: 260px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 25px;
}
.footer_blok_two_info{
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.footer_blok_two_name{
font-weight: 700;
font-size: 16px;
line-height: 130%;
text-transform: uppercase;
}
.footer_blok_two_info a{
  color: #FEFCF5;
}
.footer_blok_two_soc{
  display: flex;
  gap: 10px;
}
.copyright_bloks img{display: block;width: 100%;max-width: fit-content;}
.copyright_img{display: flex;flex-wrap: wrap;}
.copyright_bloks{
  flex-wrap: wrap;
  display: flex;
  align-items: center;
  justify-content: space-between;
font-size: 18px;
line-height: 140%;
color: #094027;
}
#topNubex {
    position: fixed;
    right: 60px;
    bottom: 60px;
    box-sizing: border-box;
    width: 56px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background: #FEFCF5;
    border-radius: 10px;
    transition: all .5s;
    z-index: 9;
}
#topNubex svg path{
    transition: all .5s;
  fill:#094027}
#topNubex:hover{
  background: #277450;
}
#topNubex:hover svg path{fill:#FFFFFF}
.news_slider_arrows{
  justify-content: space-between;
  align-items: center;
  margin-top: 30px;
}
.breadcrumb_section {
    padding: 30px 0;
}
.breadcrumbs {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
font-size: 18px;
line-height: 140%;
}
.breadcrumbs a{color: #7B7B7B}
.breadcrumbs .curst{color: #277450}
.maps_map iframe{display: block;}
.contact_bloks{
  display: flex;
  gap: 40px;
  justify-content: space-between;
  align-items: start;
}
.contact_bloks_info{
  display: flex;
  flex-direction: column;
  gap: 5px;
font-weight: 400;
font-size: 18px;
line-height: 140%;
color: #212121;
margin-bottom: 40px;
}
.contact_bloks_info_val{color: #212121;}
.contact_bloks_info_name{
font-weight: 700;
font-size: 16px;
line-height: 130%;
text-transform: uppercase;
color: #277450;
}
.contact_dochs{
  display: flex;
  gap: 40px;
  margin-top: 40px;
}
.contact_doch{
  box-shadow: 0px 0px 4px 1px #2774507d;
    border-radius: 5px;
    padding: 40px;
    display: flex;
    flex-direction: column;
    gap: 40px;
    width: calc(50% - 20px);
}
.contact_doch .h3{min-height: 72px;margin-bottom: 0}
.contact_doch .contact_bloks_info{margin-bottom: 0}
.contact_doch_info{
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.grafik_odno_okno{margin-top: 20px;margin-bottom: 40px}
.grafik_odno_okno_name{
font-weight: 600;
font-size: 20px;
line-height: 120%;
text-transform: uppercase;
text-align: right;
margin-bottom: 20px;
}
.grafik_odno_okno table {
font-size: 16px;
line-height: 130%;
}
.grafik_odno_okno table tr:nth-child(1){
  background: #277450;
  color: #FEFCF5;
font-weight: 500;
font-size: 16px;
line-height: 130%;
text-transform: uppercase;
border-bottom: none;
}
.grafik_odno_okno table tr td{
  padding: 12px;
  border-bottom: 1px solid #27745033;
  min-width: 270px;
}
.contact_organs {
    box-shadow: 0px 0px 4px 1px #2774507d;
    border-left: solid 5px #277450;
    border-radius: 5px;
    padding: 20px;
    margin-top: 30px;
}
.contact_organs > *:last-child{padding-bottom: 0}
.contact_organs_info{
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 20px;
}
.grafik_odno_okno_table{
  overflow-x: auto;
  padding-bottom: 10px;
}
.grafik_odno_okno_table::-webkit-scrollbar {  width: 6px;height: 6px;border-radius: 3px}
.grafik_odno_okno_table::-webkit-scrollbar-track {background: #BBE2A8;  -webkit-box-shadow: 5px 5px 5px -5px rgba(34, 60, 80, 0.2) inset;}
.grafik_odno_okno_table::-webkit-scrollbar-thumb {  background: #277450;}
.about_blok_deet_desc + .about_blok_link{margin-top: 20px}
.contact_dochs_tr .contact_doch .h3{min-height: inherit;}
.contact_dochs ul{
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.contact_dochs ul li{
  min-height: 28px;
  display: flex;
  align-items: center;
  background: url(img/icon/chek.svg) no-repeat left center;
  padding-left: 38px;
}
.bez_rasmotrenija ul{
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: 40px;
}

.bez_rasmotrenija ul li{
  min-height: 28px;
  display: flex;
  align-items: center;
  background: url(img/icon/no.svg) no-repeat left top;
  padding-left: 38px;
}
.consalt_bloks{
  display: flex;
  gap: 20px;
}
.consalt_blok{
  width: calc(33.3% - 17px);
  padding: 10px;
  display: flex;
  flex-direction: column;
  gap: 15px;
  box-shadow: 0px 0px 4px 1px #2774507d;
  border-radius: 5px;
}
.consalt_blok_name{
  display: flex;
  align-items: center;
  gap: 15px;
font-weight: 700;
font-size: 16px;
line-height: 130%;
text-transform: uppercase;
color: #277450;
}
.consalt_blok_desc{
font-size: 18px;
line-height: 140%;
}
.provedenie_consal{
  margin-top: 40px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.provedenie_consal_name{
  margin-bottom: 10px;
font-weight: 700;
font-size: 16px;
line-height: 130%;
text-transform: uppercase;
color: #277450;
}
.provedenie_consal_desc{
  display: flex;
  gap: 10px;
  align-items: center;
font-size: 18px;
line-height: 140%;
}
.provedenie_consal_desc span{
  display: block;
  width: 85px;
  font-weight: 700;
}
.contact_organs2{margin-bottom: 40px}
.contact_organs2 .contact_organs_info{margin-bottom: 0px}
.provedenie_consal_val{flex: 1}
.articles{
  display: flex;
  gap: 40px;
  flex-wrap: wrap;
}
.articles .main_article{margin: 0}
.blog-pagination{
  display: flex;
  justify-content: center;
  margin-top: 40px;
  gap: 8px;
  flex-wrap: wrap;
}
.blog-pagination > *{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
font-size: 16px;
line-height: 130%;
color: #212121;
border-radius: 8px;
}

.blog-pagination .current{
  background: #BBE2A8;
  color: #277450;
}
.articl_date{
  padding: 3px 12px;
  background: #27745033;
  border-radius: 2px;
font-size: 18px;
line-height: 140%;
color: #277450;
width: fit-content;
margin-bottom: 20px;
}
.articl_info{
  padding-top: 40px;
  border-top: 1px solid #277450;
  margin-top: 20px;
}
.articl_backs{
  display: flex;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
  align-items: center;
}
.article_back{
  display: flex;
  align-items: center;
  gap: 8px;
font-size: 18px;
line-height: 140%;
color: #212121;
}
.articl_share{
  display: flex;
  align-items: center;
  gap: 10px;
font-size: 18px;
line-height: 140%;
color: #212121;
}
.content img{
  width: 100%;
  max-width: fit-content;
  height: auto;
}
.content blockquote{
  margin-bottom: 20px;
  box-shadow: 0px 0px 4px 1px #2774507d;
  border-left: solid 5px #277450;
  border-radius: 5px;
  padding: 20px;
}
.content figure{padding: 0;margin: 0;}
.content figure + figure{margin-top: 15px;}
.content blockquote a{
  font-weight: 700;
}
.articl_info ul{
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.articl_info ul li a{
  display: flex;
  align-items: center;
  gap: 8px;
font-size: 18px;
line-height: 140%;
color: #212121;
}
.articl_info ul li a:after{
  content: url(img/icon/Arrow3.svg);
}
.articl_download{
  display: flex;
  align-items: center;
  gap: 8px;
font-size: 18px;
line-height: 140%;
color: #212121;
}
.articl_download a{color: #212121}
.articl_download:before{
  content: url(img/icon/dowload.svg);
}
.content ul{
  list-style: disc;
  margin: 0 0 20px 20px;
}
.content ol{
  list-style: decimal;
  margin: 0 0 20px 20px;
}
.content h2{
  display: flex;
  gap: 10px;
}
.content h2:before{
  content: '';
  display: block;
      width: 4px;
    border-radius: 4px;
    background: #277450;
}
.content .sect_head_rr  h2:before{
  content: none;
}
.content .sect_head_rr  h2:after{
  content: '';
  display: block;
      width: 4px;
    border-radius: 4px;
    background: #277450;
}
.content h3{
  display: flex;
  gap: 10px;
}
.content h3:before{
  content: '';
  display: block;
      width: 4px;
    border-radius: 4px;
    background: #277450;
}
.content .sect_head_rr  h3:before{
  content: none;
}
.content .sect_head_rr  h3:after{
  content: '';
  display: block;
      width: 4px;
    border-radius: 4px;
    background: #277450;
}
.section_bg{
  background: url(img/section_bg.png);
}
.predprassudki_i_faktys{
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.predprassudki_i_fakty{
  display: flex;
  gap: 40px;
  justify-content: space-between;
}
.predprassudok{
background: #FEFCF5;
border-radius: 5px;
padding: 20px;
display: flex;
flex-direction: column;
gap: 10px;
min-height: 200px;
}
.predprassudok_name{
font-weight: 700;
font-size: 18px;
line-height: 140%;
color: #277450;
}
.predprassudok_desc{
font-size: 18px;
line-height: 140%;
color: #212121;
}
.fakt{
background: #277450;
border-radius: 5px;
padding: 20px;
display: flex;
flex-direction: column;
gap: 10px;
min-height: 200px;
}
.fakt_name{
font-weight: 700;
font-size: 18px;
line-height: 140%;
color: #FEFCF5;
}
.fakt_desc{
font-size: 18px;
line-height: 140%;
color: #FEFCF5;
}
.table table {
font-size: 16px;
line-height: 130%;
}
.table table tr:hover{background: #27745033}
.table table tr:nth-child(1){
  background: #277450;
  color: #FEFCF5;
font-weight: 500;
font-size: 16px;
line-height: 130%;
text-transform: uppercase;
border-bottom: none;
}
.table table tr td{
  padding: 12px;
  border-bottom: 1px solid #27745033;
  min-width: 270px;
}
.table.table2 table tr td{
  padding: 12px;
  border-bottom: 1px solid #27745033;
  min-width: auto;
}
.table{
  overflow-x: auto;
  padding-bottom: 10px;
  margin-bottom: 20px;
}
.table::-webkit-scrollbar {  width: 6px;height: 6px;border-radius: 3px}
.table::-webkit-scrollbar-track {background: #BBE2A8;  -webkit-box-shadow: 5px 5px 5px -5px rgba(34, 60, 80, 0.2) inset;}
.table::-webkit-scrollbar-thumb {  background: #277450;}

.gen_dir_bloks{
  display: flex;
  gap: 40px;
  justify-content: space-between;
  align-items: center;
  margin-top: 40px;
}
.gen_dir_bloks > a > img{
  border-radius: 5px;
}
.gen_dir_blok{
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.gen_dir_dol{
  padding: 8px 16px;
  border-radius: 5px;
  background: #277450;
font-size: 18px;
line-height: 140%;
color: #FEFCF5;
width: fit-content;
}
.gen_dir_name{
  display: flex;
  flex-direction: column;
  gap: 5px;
font-weight: 600;
font-size: 20px;
line-height: 120%;
text-transform: uppercase;
color: #212121;
}
.gen_dir_name:after{
  content: '';
  display: block;
  width: 150px;
  height: 4px;
  border-radius: 2px;
  background: #277450;
}
.gen_dir_desc{
font-size: 18px;
line-height: 140%;
}
.gen_dir_contacts{
  display: flex;
  gap: 20px;
}
.gen_dir_phone{
  width: 100%;
  max-width: 315px;
  display: flex;
  flex-direction: column;
  gap: 5px;
  min-height: 55px;
  justify-content: center;
  padding-left: 56px;
  background: url(img/icon/phohe_f.svg) no-repeat center left;
}
.gen_dir_phone a,.gen_dir_email a{
font-size: 18px;
line-height: 140%;
color: #212121;
}
.gen_dir_email{
  width: 100%;
  max-width: 315px;
  display: flex;
  flex-direction: column;
  gap: 5px;
  min-height: 55px;
  justify-content: center;
  padding-left: 56px;
  background: url(img/icon/email_f.svg) no-repeat center left;
}
.rukovodstvo{
  display: flex;
  gap: 40px;
  margin-top: 40px;
  flex-wrap: wrap;
}
.rukovod{
  flex: 1;
  box-shadow: 0px 0px 4px 1px #2774507d;
  border-radius: 5px;
}
.rukovod > a > img{
  width: 100%;
  max-width: fit-content;
  margin: 0 auto;
}
.rukovod_name{
  padding: 20px 5px 15px;
font-weight: 700;
font-size: 18px;
line-height: 140%;
display: block;
color: #212121;
}
.rukovod_desc{
  padding: 0 5px 20px;
font-size: 16px;
line-height: 130%;
}
.sect_head_arr + .table{margin-top:40px}
.contact_dochs_g .contact_doch{
background: #277450;
box-shadow: none;
}
.contact_dochs_g .contact_doch .h3{
  color: #FFFFFF;
}
.contact_dochs_g .contact_bloks_info_val{
  color: #FFFFFF;
}
.contact_dochs_g .contact_doch_info a,
.contact_dochs_g .contact_doch_info{
  color: #FFFFFF;
}
.contact_dochs_g .contact_bloks_info_name{
  color: #BBE2A8;
}
.contact_dochs_g .map_adres{
  background: url(img/icon/map_adres_s.svg) no-repeat center left;
}
.contact_dochs_g .map_phone{
  background: url(img/icon/map_phone_s.svg) no-repeat center left;
}
.contact_dochs_g .map_email{
  background: url(img/icon/map_email_s.svg) no-repeat center left;
}
.contact_dochs_g .map_www{
  background: url(img/icon/map_www_s.svg) no-repeat center left;
}
.vakans_whys{
  display: flex;
  gap: 20px;
  margin-top: 40px;
  flex-wrap: wrap;
}
.vakans_why{
  width: calc(33.3% - 17px);
  background: #277450;
  border-radius: 5px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.vakans_why p:last-child{padding-bottom: 0}
.vakans_why p{
font-size: 18px;
line-height: 140%;
color: #fff;
}
.vakans_why_name{
font-weight: 700;
font-size: 18px;
line-height: 140%;
text-align: center;
color: #fff;
}
.vakans_why ul{
  display: flex;
  flex-direction: column;
  gap: 20px;
font-size: 18px;
line-height: 140%;
color: #fff;
}
.vakans_why ul li{
  padding-left: 33px;
  background: url(img/icon/mynaui_star.svg) no-repeat left center;
}
.section_bg_vakans{text-align: center;}
.section_bg_vakans p{
  font-size: 18px;
  line-height: 140%;
}
.vakans_contacts{
  display: flex;
  margin-top: 40px;
  gap: 20px;
}
.vakans_contact{
      box-shadow: 0px 0px 4px 1px #2774507d;
    border-radius: 5px;
    padding: 12px 10px;
    display: flex;
    gap: 15px;
    width: 100%;
}
.vakans_contact_1{
  max-width: 300px;
}
.vakans_contact_img{
  background: #DEEAC1;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 2px;
  width: 48px;
  height: 48px;
}
.vakans_contact_name{
font-weight: 700;
font-size: 16px;
line-height: 130%;
text-transform: uppercase;
margin-bottom: 5px;
color: #277450;
}
.vakans_contact_desc{
font-size: 18px;
line-height: 140%;
color: #212121;
}
.sho_more_video{
  display: flex;
  align-items: center;
  gap: 8px;
font-size: 18px;
cursor: pointer;
line-height: 140%;
}
.videos{
  margin-top: 40px;
  display: flex;
  gap: 40px;
  flex-wrap: wrap;
}
.video{
  width: 100%;
  max-width: 360px;
}
.video_name{
font-size: 18px;
line-height: 140%;
color: #212121;
margin-top: 20px;
}
.video a{
  position: relative;
}
.video a img{
  display: block;
  border-radius: 10px;
  width: 100%;
  max-width: fit-content;
}
.video a:after {
    content: url(img/icon/play.svg);
    position: absolute;
    top: calc(50% - 30px);
    left: calc(50% - 30px);
}
.brsms{
  display: flex;
  margin-top: 40px;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
}
.brsm_left .sect_head_but{margin-bottom: 20px}
.brsm_right img{
  display: block;
  width: 100%;
  max-width: fit-content;
}
.brsm_left{flex: 1}
.img_bel_rus{
  display: block;
  width: 100%;
  max-width: fit-content;
  margin: 0 auto;
}
.ohrana_grean{
  background: #277450;
  border-radius: 5px;
  padding: 20px;
}
.ohrana_grean_name{
font-weight: 700;
font-size: 18px;
line-height: 140%;
color: #FFFFFF;
margin-bottom: 10px;
}
.ohrana_grean > p{
font-weight: 400;
font-size: 18px;
line-height: 140%;
color: #fff;
padding-bottom: 10px;
}
.ohrana_grean_bloks{
  display: flex;
  gap: 20px;
  justify-content: space-between;
}
.ohrana_grean_blok{
  width: calc(50% - 10px);
  background: #fff;
  border-radius: 2px;
  padding: 10px;
}
.ohrana_grean_blok_name{
font-weight: 700;
font-size: 16px;
line-height: 130%;
text-transform: uppercase;
color: #277450;
margin-bottom: 5px;
}
.ohrana_grean_blok p:last-child{padding-bottom: 0}
.ohrana_grean_blok p{
font-size: 18px;
line-height: 140%;
}
.kabinet_ohrany{
  margin-top: 40px;
  padding: 40px;
  box-shadow: 0px 0px 4px 1px #2774507d;
  border-radius: 5px;
}
.osn_kab{
font-weight: 700;
font-size: 16px;
line-height: 130%;
text-transform: uppercase;
color: #277450;
margin-bottom: 20px;
}
.kabinet_ohrany ul{
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.kabinet_ohrany ul li{
  width: calc(50% - 10px);
  padding-left: 38px;
  display: flex;
  align-items: center;
  min-height: 28px;
font-size: 18px;
line-height: 140%;
    background: url(img/icon/chek.svg) no-repeat left center;
}
.section_p_date{
  background-image: url(img/p_date.jpg);
  background-position: center center;
  background-size: cover;
}
.section_p_date .container{
  padding-top: 60px;
  padding-bottom: 60px;
  background: #FEFCF5;
}
.pl_confs_bloks {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 20px;
}
.pl_conf_bloks {
  box-shadow: 0px 0px 4px 1px #2774507d;
  border-radius: 10px;
}
.pl_confs_names{
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    gap: 20px;
    padding: 20px;
    color: #277450;
font-weight: 700;
font-size: 18px;
line-height: 140%;
color: #277450;
align-items: center;
}
.pl_confs_number{
width: 26px;
height: 26px;
display: flex;
justify-content: center;
align-items: center;
background: #27745033;
border-radius: 2px;
font-size: 18px;
line-height: 100%;
color: #094027;
}
.pl_confs_name{flex: 1}
.pl_confs_names svg{
  transition: all .5s;
}
.pl_conf_bloks.activ .pl_confs_names svg{
  transform: rotate(180deg);
}
.pl_conf_text div{
  padding: 0 20px 20px;
}
.pl_conf_text div p{
font-size: 18px;
line-height: 140%;
padding-bottom: 10px;
}
.pl_conf_text div p:last-child{padding-bottom: 0}
.profsouz_organ{
  padding: 40px;
  border-radius: 5px;
  background: #277450;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 40px;
  margin-top: 40px;
}
.profsouz_organ > img{
  position: absolute;
  right: 40px;
  top: 40px;
}
.profsouz_organ_name{
font-weight: 600;
font-size: 20px;
line-height: 120%;
text-transform: uppercase;
color: #FFFFFF;
}
.profsouz_organ_conts{
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.profsouz_organ_conts > div{
font-weight: 600;
font-size: 18px;
line-height: 140%;
color: #fff;
display: flex;
align-items: center;
min-height: 36px;
padding-left: 46px;
}
.profsouz_organ_conts > div a{
  color: #fff;
}
.profsouz_organ_cont_map {
    background: url(img/icon/map_adres_s.svg) no-repeat center left;
}
.profsouz_organ_cont_phone {
    background: url(img/icon/map_phone_s.svg) no-repeat center left;
}
.profsouz_organ_cont_email {
    background: url(img/icon/map_email_s.svg) no-repeat center left;
}
.profsouz_organ_bank{
font-weight: 600;
font-size: 18px;
line-height: 140%;
color: #fff;
}
.profsouz_organ_users{
  display: flex;
  gap: 20px;
}
.profsouz_organ_user{
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.profsouz_organ_user_dol{
font-weight: 700;
font-size: 16px;
line-height: 130%;
text-transform: uppercase;
color: #BBE2A8;
}
.profsouz_organ_user_name{
font-weight: 600;
font-size: 18px;
line-height: 140%;
color: #FFFFFF;
}
.profsouz_organ_user_phone:hover,
.profsouz_organ_user_phone{
font-weight: 600;
font-size: 18px;
line-height: 140%;
color: #fff;
display: flex;
align-items: center;
min-height: 36px;
padding-left: 46px;
    background: url(img/icon/map_phone_s.svg) no-repeat center left;
}
.profsouz_download{
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.sect_head_rok h1{margin-bottom: 0}
.sect_head_rok_dol{
font-weight: 700;
font-size: 18px;
line-height: 140%;
color: #55595C
}
.rukovod_top{
  display: flex;
  gap: 40px;
  margin: 40px 0;
  align-items: start;
}
p + .rukovod_top_desc_name{margin-top: 30px}
.rukovod_top_desc_name{
  margin-bottom: 15px;
font-weight: 600;
font-size: 20px;
line-height: 120%;
text-transform: uppercase;
color: #277450;
}
.rukovod_top_desc p{font-size: 18px;padding-bottom: 10px}
.sect_head_but_mb{margin-bottom: 20px}
.rukovod_top > img{
  width: 100%;
  max-width: 300px;
  border-radius: 5px;
}
.section_p_map{
  background-image: url(img/p_date.jpg);
  background-position: center center;
  background-size: cover;
}
.services{
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  margin-top: 40px;
}
.servic img{
  display: block;
  width: 100%;
  max-width: 360px;
}
.servic{
  position: relative;
  border-radius: 5px;
  overflow: hidden;
  transition: all .5s;
  width: 100%;
  max-width: 360px;
}
.servic_name{
  position: absolute;
  z-index: 9;
font-weight: 600;
font-size: 20px;
line-height: 120%;
letter-spacing: -1%;
text-transform: uppercase;
color: #FEFCF5;
top: 10px;
left: 10px;
transition: all .5s;
width: calc(100% - 20px);
}
.servic_name:hover{color: #BBE2A8}
.servic_but{
  position: absolute;
  z-index: 9;
  left: 10px;
  bottom: 10px;
}
.servic:before{
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #00000066;
  position: absolute;
  z-index: 5;
  transition: all .5s;
}

.servic:hover:before{background: #00000088;}

.section_servic_date{
  background-image: url(img/p_date.jpg);
  background-position: center center;
  background-size: cover;
}
.section_servic_date .container{
  padding-top: 60px;
  padding-bottom: 60px;
  padding-left: 40px;
  padding-right: 40px;
  background: #FEFCF5;
}
.section_servic_date .sect_head_but{margin-bottom: 20px}
.section_servic_date .container > *:last-child{padding-bottom: 0;margin-bottom: 0}
.servic_top_bloks{
  display: flex;
  gap: 40px;
  margin-top: 40px;
  align-items: start;
}
.servic_top_left > *:last-child{padding-bottom: 0}
.servic_top_left,.servic_top_right{width: calc(50% - 20px);}
.section_servic_date .articl_download{margin-bottom: 20px}
.section_servic_date p{line-height: 140%;font-size: 18px}
.section_servic_date ul{line-height: 140%;font-size: 18px}
.servic_top_right{
  box-shadow: 0px 0px 4px 1px #2774507d;
    border-left: solid 10px #277450;
    border-radius: 5px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.servic_top_name{
font-weight: 600;
font-size: 20px;
line-height: 120%;
letter-spacing: -1%;
text-transform: uppercase;
color: #277450;
}
.servic_top_right > *:last-child{margin-bottom: 0;padding-bottom: 0}
.servic_top_phone{
  min-height: 36px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 46px;
  margin-bottom: 10px;
      background: url(img/icon/phohe_f.svg) no-repeat center left;
}
.servic_top_email{
  min-height: 36px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 46px;
  margin-bottom: 10px;
      background: url(img/icon/email_f.svg) no-repeat center left;
}
.servic_top_date{
  min-height: 36px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 46px;
  margin-bottom: 10px;
      background: url(img/icon/date_f.svg) no-repeat center left;
}
.servic_top_peaple{
  min-height: 36px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 46px;
  margin-bottom: 10px;
      background: url(img/icon/peaple_f.svg) no-repeat center left;
}
.servic_top_telegram{
  min-height: 36px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 46px;
  margin-bottom: 10px;
      background: url(img/icon/telegram_f.svg) no-repeat center left;
}
.servic_top_link{
  padding-right: 24px;
  background: url(img/icon/Arrow3.svg) no-repeat center right;
  color: #212121;
}
.servic_top_right{
font-weight: 400;
font-size: 18px;
line-height: 140%;
}
.servic_bottom_bloks{
  margin-top: 20px;
  display: flex;
  gap: 20px;
}
.servic_bottom_bloks + .sect_head_but{margin-top: 40px}
.servic_bottom_blok{
  flex: 1;
  padding: 10px;
  box-shadow: 0px 0px 4px 1px #2774507d;
    border-radius: 5px;
}
.servic_bottom_name{
font-weight: 700;
font-size: 16px;
line-height: 130%;
text-transform: uppercase;
color: #277450;
margin-bottom: 15px;
}
.servic_bottom_blok li{
font-size: 18px;
line-height: 140%;
color: #212121;
}
.servic_bottom_blok ul li{list-style: disc;margin-left: 30px}
.servic_bottom_blok ol li{list-style: decimal;margin-left: 30px}
.servic_top_bloks + p{padding-top: 40px}
.servic_top_bloks + h3{padding-top: 40px}
.servic_top_bloks + h2{padding-top: 40px}
.servic_top_left ul{list-style: disc;}
.servic_top_left ul,.servic_top_left ol{margin-left: 20px}
.section_servic_date ul,.servic_bottom_section ul{list-style: disc;margin: 0 0 20px 20px}
.section_servic_date ol,.servic_bottom_section ol{list-style: decimal;margin: 0 0 20px 20px}
.sect_head_but + p{padding-top: 20px}
.servic_midle2_section .sect_head_but{margin-bottom: 20px}
.servic_top_section img{width: 100%;max-width: fit-content;}
.sect_head_but + .articl_download{margin-top: 20px}
.sect_head_rr + .articl_download{margin-top: 20px}
.uchets{
  margin-top: 40px;
  display: flex;
  gap: 20px 40px;
  flex-wrap: wrap;
}
.uchet{
  width: calc(50% - 20px);
    padding: 10px;
    box-shadow: 0px 0px 4px 1px #2774507d;
    border-radius: 5px;
font-size: 18px;
line-height: 140%;
}
.uchet strong{
  color: #277450;
}

.egais_checklist {
  background: #DEEAC1;
  border-radius: 5px;
  padding: 40px;
  box-shadow: -1px 0px 2px 0px rgba(39,116,80,0.2),
              1px 0px 2px 0px rgba(39,116,80,0.2),
              0px -1px 2px 0px rgba(39,116,80,0.2),
              0px 1px 2px 0px rgba(39,116,80,0.2);
  margin: 20px 0;
}
.egais_checklist h3 {
  font-weight: 600;
  font-size: 20px;
  line-height: 1.2;
  text-transform: uppercase;
  color: #094027;
  margin-bottom: 20px;
}
.egais_checklist_items {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.egais_checklist_item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  font-size: 18px;
  line-height: 1.4;
  color: #212121;
}
.egais_checklist_item img {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  margin-top: 3px;
}

/* Блок "Важно" */
.servic_important {
  border-left: 10px solid #277450;
  background: #FEFCF5;
  border-radius: 5px;
  padding: 20px;
  margin: 20px 0;
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: start;
  box-shadow: -1px 0px 1px 0px rgba(26,108,122,0.2),
              1px 0px 1px 0px rgba(26,108,122,0.2),
              0px -1px 1px 0px rgba(26,108,122,0.2),
              0px 1px 1px 0px rgba(26,108,122,0.2);
}
.servic_important_name {
  font-weight: 600;
  font-size: 20px;
  line-height: 1.2;
  text-transform: uppercase;
  color: #277450;
}
.servic_important p {
  font-size: 18px;
  line-height: 1.4;
}

/* Шаги "Перед началом работы" */
.egais_steps {
  display: flex;
  gap: 40px;
  align-items: center;
  margin-top: 40px;
}
.egais_steps_img {
  flex: 1;
}
.egais_steps_img img {
  width: 100%;
  border-radius: 5px;
}
.egais_steps_list {
  width: 400px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.egais_step {
  display: flex;
  align-items: center;
  gap: 20px;
}
.egais_step_num {
  width: 60px;
  height: 60px;
  background: #277450;
  color: #FFFFFF;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 42px;
  line-height: 1;
  flex-shrink: 0;
}
.egais_step_text {
  font-weight: 600;
  font-size: 18px;
  line-height: 1.4;
  color: #212121;
}
.egais_subtitle {
  font-weight: 600;
  font-size: 20px;
  line-height: 1.2;
  text-transform: uppercase;
  color: #094027;
  margin: 30px 0 20px;
  letter-spacing: -0.01em;
}

/* Карточки приложений */
.egais_apps {
  display: flex;
  gap: 20px;
  margin-bottom: 30px;
}
.egais_app {
  flex: 1;
  border-radius: 5px;
  padding: 25px;
  box-shadow: -1px 0px 1px 0px rgba(26,108,122,0.2),
              1px 0px 1px 0px rgba(26,108,122,0.2),
              0px -1px 1px 0px rgba(26,108,122,0.2),
              0px 1px 1px 0px rgba(26,108,122,0.2);
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: start;
}
.egais_app_name {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 20px;
  line-height: 1.2;
  color: #277450;
  text-transform: uppercase;
}
.egais_app p {
  font-size: 16px;
  line-height: 1.4;
  color: #212121;
}

/* Карточки ОС */
.egais_os_cards {
  display: flex;
  gap: 20px;
  margin: 30px 0;
}
.egais_os_card {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 15px;
  border-radius: 5px;
  padding: 10px;
  overflow: hidden;
  box-shadow: -1px 0px 1px 0px rgba(26,108,122,0.2),
              1px 0px 1px 0px rgba(26,108,122,0.2),
              0px -1px 1px 0px rgba(26,108,122,0.2),
              0px 1px 1px 0px rgba(26,108,122,0.2);
}
.egais_os_icon {
  width: 48px;
  height: 48px;
  background: #DEEAC1;
  flex-shrink: 0;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;

}
.egais_os_info {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.egais_os_info_name {
  font-weight: 700;
  font-size: 15px;
  line-height: 1.3;
  color: #277450;
}
.egais_os_info_desc {
  font-size: 18px;
  line-height: 1.4;
  color: #212121;
}

/* FAQ аккордеон ЕГАИС */
.egais_faq {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: 20px;
}

.egais_faq_item {

}
.egais_faq_header {
  display: flex;
  align-items: center;
  cursor: pointer;
  gap: 10px;
}
.egais_faq_header_name {
  font-weight: 600;
  font-size: 20px;
  line-height: 1.2;
  color: #212121;
  text-transform: uppercase;
}
.egais_faq_toggle {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  position: relative;
}
.egais_faq_toggle::before,
.egais_faq_toggle::after {
  content: '';
  position: absolute;
  background: #277450;
}
.egais_faq_toggle::before {
  width: 24px;
  height: 2px;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.egais_faq_toggle::after {
  width: 2px;
  height: 24px;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  transition: transform 0.3s ease;
}
.egais_faq_item--active .egais_faq_toggle::after {
  transform: translateX(-50%) rotate(90deg);
  opacity: 0;
}

.egais_faq_body {
  display: none;
  margin-top: 20px;
  gap: 20px;
  flex-direction: column;
}

.egais_faq_item--active .egais_faq_body {
  display: flex;
}
.faq_bloks {
    border-radius: 10px;
    padding: 20px;
  box-shadow: -1px 0px 1px 0px rgba(26,108,122,0.2),
              1px 0px 1px 0px rgba(26,108,122,0.2),
              0px -1px 1px 0px rgba(26,108,122,0.2),
              0px 1px 1px 0px rgba(26,108,122,0.2);
}
.faq_name {
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    gap: 20px;
    color: #277450;
    font-size: 18px;
    font-weight: 700;
    line-height: 140%;
    align-items: center;
}
.faq_ansver{margin-top: 20px}
.faq_name > span{flex: 1}
.faq_bloks .faq_name svg {
    transition: all .5s;
}
.faq_bloks.activ .faq_name svg {
    transform: rotate(180deg);
}
.faq_ansver ul{list-style: disc;margin: 0 0 20px 20px}
.faq_ansver ol{list-style: decimal;margin: 0 0 20px 20px}
.servic_top_title{
font-weight: 700;
font-size: 16px;
line-height: 130%;
text-transform: uppercase;
color: #094027;
margin-bottom: 10px;
}
.servic_bottom_gr_bloks{
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  flex-wrap: wrap;
  margin-top: 20px;
}
.servic_bottom_gr_blok{
  width: calc(50% - 10px);
  background: #277450;
  border-radius: 5px;
  padding: 10px;
}
.servic_bottom_gr_blok_fw{width: 100%;padding: 20px}
.servic_bottom_gr_name{
font-weight: 700;
font-size: 16px;
line-height: 130%;
text-transform: uppercase;
color: #FEFCF5;
margin-bottom: 15px;
}
.servic_bottom_gr_blok p{
  color: #FFFFFF;
}
.servic_bottom_gr_blok p:last-child{padding-bottom: 0}

.marker_ol{
  display: flex;
  flex-direction: column;
  gap: 20px;
  counter-reset: my-counter; 
  margin-left: 0;
}
.marker_ol .button{margin-top: 10px}
.marker_ol li{
  counter-increment: my-counter;
    position: relative;
  padding-left: 36px;
  list-style: none;
}
.marker_ol li::before {
  content: counter(my-counter);
  position: absolute;
  left: 0;
font-weight: 400;
font-style: Regular;
font-size: 18px;
line-height: 100%;
text-align: center;
color: #FEFCF5;
display: flex;
align-items: center;
justify-content: center;
width: 26px;
height: 26px;
border-radius: 50%;
background: #277450;
}
.patalog_bloks{
      box-shadow: 0px 0px 4px 1px #2774507d;
      border-radius: 5px;
      padding: 40px;
}
.patalog_bloks > *:last-child{padding-bottom: 0}
.section_photo_work h2{
  text-align: center;
  justify-content: center;
}
.section_photo_work{
    background: url(img/section_bg.png);
}
.photo_works{
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
  padding: 0 15px;
}
.photo_works a{
  display: block;
  width: 100%;
  max-width: 520px;
  border-radius: 5px;
  overflow: hidden;
  box-shadow: 0px 0px 4px 1px #2774507d;
}
.photo_works img{
  width: 100%;
  max-width: fit-content;
}
.photo_works span{
  background: #fff;
font-size: 16px;
leading-trim: NONE;
line-height: 130%;
text-align: center;
color: #212121;
display: flex;
min-height: 62px;
align-items: center;
justify-content: center;
}

.articl_img img{height: auto;}
.wpcf7-form{
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.wpcf7-form > label input{
  padding: 10px;
  border-radius: 5px;
  border:  solid 1px #dddddd;
  color: #666;
  width: 100%;
}
.wpcf7-form > label textarea{
  padding: 10px;
  border-radius: 5px;
  border:  solid 1px #dddddd;
  color: #666;
  font-family: 'Montserrat';
  width: 100%;
}
.wpcf7-form input.button{color: #fff}
img.emoji {
    display: inline !important;
    border: none !important;
    box-shadow: none !important;
    height: 1em !important;
    width: 1em !important;
    margin: 0 0.07em !important;
    vertical-align: -0.1em !important;
    background: none !important;
    padding: 0 !important;
}
.servic_date_punkts{
  display: flex;
  gap: 40px;
}
.servic_date_punkt{
  display: flex;
  flex-direction: column;
  gap: 40px;
  padding: 40px;
  background: #FEFCF5;
  box-shadow: 0px 0px 4px 1px #2774507d;
  border-radius: 5px;
}
.servic_date_punkt_name{
margin-bottom: 0;
}
.servic_date_punkt:nth-child(1){max-width: 440px}

.content ul.patalog_ul{
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  list-style: none;
  margin: 0;
}
.patalog_ul li{
  width: calc(50% - 20px);
    min-height: 28px;
    display: flex;
    align-items: center;
    background: url(img/icon/chek.svg) no-repeat left center;
    padding-left: 38px;
    font-size: 18px;
    line-height: 140%;
}
.article_slider .slick-dots{margin-top: 30px}
.container_error {text-align: center;z-index: 9;position: relative;}
.desc_error{font-weight: 500;font-size: 16px;line-height: 110%;text-align: center;width: 100%;max-width: 458px;margin: 0 auto 30px;}
.container_error .button{margin:0 auto;}

@media (max-width: 1240px){
.container {width: 100%;max-width:1230px;margin: 0 auto;padding: 0 15px;box-sizing: border-box;}
.section_p_date .container{margin-left: 16px;margin-right: 16px;width: calc(100% - 32px);}
.header_bloks{gap: 15px}
.main_menu > li > a{padding: 8px 0px;font-size: 14px;gap: 6px}
header .button {padding: 13px 11px;}
.main_slid_desc{margin: 0}
.about_bloks{gap: 20px}
.about_blok_s{gap: 10px}
.rukovodstvo{gap: 20px;}
.services{gap: 20px}
.section_servic_date .container {
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 2px;
    padding-right: 2px;
    margin-left: 15px;
    margin-right: 15px;
    width: calc(100% - 30px);
}
}










@media (max-width: 980px){
  .header_tops{display: none;}
  .main_menu{display: none;}
  header .button{display: none;}
.menu-button {
        background: transparent;
        display: flex;
        width: 40px;
        height: 40px;
        padding: 8px 0px;
        flex-direction: column;
        align-items: end;
    }
.menu-button .line {
        background-color: #277450;
                display: block;
        width: 40px;
        height: 2px;
        transition: 200ms;
    }
.main_slid_desc h1{font-size: 60px}
.menu-button .menu-button__line-2 {
        margin-top: 9px;
        margin-bottom: 9px;
    }
.activ.menu-button .menu-button__line-2 {
        display: none;
    }
.menu-button.activ .menu-button__line-1 {
        transform: rotate(45deg);
        width: 40px;
        margin: 10px 0px 0px 0px;
    }
    .menu-button.activ .line.menu-button__line-3 {
        transform: rotate(135deg);
        width: 40px;
        margin: -2px 0px 0 0;
    }
.header_bloks{padding: 10px 0}
main{padding-top: 110px}
.main_slid .container {
    height: 700px;
    position: relative;
}
.main_slid{height: 700px}
.main_slid_desc{width: calc(100% - 30px);}
.main_slid_desc{bottom: 220px}
.about_bloks{
  flex-direction: column-reverse;
          align-items: center;
}
.about_bloks img{
  width: 100%;
  max-width: fit-content;
}
.about_blok_ss{margin: 20px 0}
.about_blok_deet{margin-bottom: 20px}
.services_slider {
    margin: 40px -10px 0;
}
.services_slid {
    margin: 5px 10px;
}
#topNubex{right: 20px;bottom: 20px}
.copyright_section{flex-direction: column;}
 .moblie_menu.activ {
        left: 0;
    }
    .moblie_menu {
        top: 110px;
        overflow: auto;
        height: calc(100vh - 110px);
        position: fixed;
        width: 100%;
        z-index: 999;
        overflow-y: auto;
        background: #FEFCF5;
        flex-direction: column;
        justify-content: space-between;
        display: flex;
        left: -1000px;
        transition: all .5s;
        padding: 10px 0;
    }
.main_menu_mobile{
  display: flex;
  flex-direction: column;
}
.main_menu_mobile > li > a{
  display: flex;
font-weight: 500;
font-size: 16px;
line-height: 130%;
color: #1A2022;
padding: 10px 18px;
text-transform: uppercase;
        justify-content: space-between;
        align-items: center;
}
.main_menu_mobile .sub-menu{
  display: none;
}
.main_menu_mobile .active .sub-menu{
  display: flex;
  flex-direction: column;
  background: #BBE2A833;
}
.main_menu_mobile .active .sub-menu li a{
  display: flex;
font-weight: 500;
font-size: 16px;
line-height: 130%;
color: #1A2022;
align-items: center;
padding: 10px 18px;
text-transform: uppercase;
color: #212121;
}
.main_menu_mobile .active > a{
  color: #277450;
  background: #BBE2A8;
}
.main_menu_mobile .menu-item-has-children > a >span{
  width: 20px;
  height: 20px;
  background: url(img/icon/arrow_b.svg) no-repeat center;
}
.main_menu_mobile .active.menu-item-has-children > a >span{
  background: url(img/icon/arrow_g.svg) no-repeat center;
}
.moblie_menu > span{
  display: block;
  width: calc(100% - 36px);
  margin: 0 auto 10px;
  height: 1px;
  background: #27745033;
}
.mobile_menu_but{
  display: flex;
  gap: 4px;
  padding: 20px 18px;
  align-items: start;
  flex-wrap: wrap;
}
.mobile_menu_fix{flex: 1}
.header_mobile_lang {
    display: flex;
    gap: 15px;
    align-items: center;
    font-weight: 500;
    font-size: 16px;
    line-height: 130%;
    text-transform: uppercase;
    color: #212121;
    padding: 10px 18px;
}
.header_mobile_lang .active {
    color: #277450;
    cursor: inherit;
    text-decoration: underline;
}

.header_mobile_lang span {
    cursor: pointer;
}
.contact_bloks{flex-direction: column;}
.contact_doch{padding: 20px}
.predprassudok{min-width: inherit!important;}
.predprassudki_i_fakty{gap: 20px}

.rukovodstvo{
  flex-wrap: wrap;
}
.rukovod{
  width: calc(50% - 20px);
  flex: none;
}
.gen_dir_contacts{flex-direction: column;}
.vakans_whys{gap: 10px}
.vakans_why{padding: 15px 10px;width: calc(33.3% - 7px);}
.vakans_contacts{gap: 10px}
.vakans_contact{padding: 10px;width: calc(33.3% - 7px);}
.brsms{flex-direction: column;gap: 20px}
.profsouz_organ > img{display: none;}

}










@media (max-width: 768px){
.show_mob{display: block!important;}
.show_pc{display: none!important;}

main{padding-top: 60px}
.logo img {
    display: block;
    width: 40px;
}

    .moblie_menu {
        top: 60px;
        overflow: auto;
        height: calc(100vh - 60px);
}
.main_slid .container{height: 600px}
.main_slid{height: 600px}
.main_slid_text{
  font-size: 20px;
  margin-bottom: 20px;
}
.main_slid_desc h1{
font-weight: 700;
font-size: 52px;
line-height: 130%;
margin-bottom: 40px;
}
h1, .h1{
font-weight: 600;
font-size: 26px;
line-height: 130%;
        word-break: break-word;
}
h2, .h2{
font-weight: 600;
font-size: 22px;
line-height: 130%;
}
h3, .h3{font-size: 18px}
.main_slid_podp.h2{
font-weight: 600;
font-size: 20px;
line-height: 120%;
}
.main_slid_desc {
        bottom: 130px;
    }
.main_slid_cit p{
font-weight: 700;
font-style: Italic;
font-size: 18px;
line-height: 140%;
}
.section {
    padding: 40px 0;
}
.about_blok_ss{flex-direction: column;}
.about_blok_s{width: 100%;max-width: 100%}
.services_slider_but_mob{margin-top: 20px}
.maps{padding: 0}
.maps iframe{position: relative;margin-top: -20px}
.map_content{max-width: 100%}
.map_content{padding: 40px 20px}
.copyright_bloks img{height: 43px}
footer{padding: 20px 0}
.footer_bloks{flex-direction: column-reverse;}
.footer_blok_two{gap: 15px}
.footer_bloks{gap: 40px}
.footer_menu{gap: 10px}
.footer_bloks{font-size: 16px}
.map_info{font-size: 16px}
.main_article_name{font-size: 18px}
.services_slid_name{font-size: 18px}
.breadcrumb_section {
    padding: 10px 0;
}
.contact_bloks_info{margin-bottom: 20px}
.contact_bloks{gap: 20px}
.contact_bloks img{width: 100%;max-width: fit-content;}
.contact_dochs {
    display: flex;
    gap: 10px;
    flex-direction: column;
    margin-top: 20px;
}
.contact_doch{width: 100%;gap: 20px}
.contact_doch .h3{min-height: 100%;}
.contact_bloks_info{font-size: 16px}

.bez_rasmotrenija ul{
  margin-top: 20px;
  gap: 10px;
}
.consalt_bloks{flex-direction: column;gap: 10px}
.consalt_blok{width: 100%}
.consalt_blok_desc{font-size: 16px}
.provedenie_consal_desc{font-size: 16px;}

.blog-pagination{
  margin-top: 20px;
}
.articl_info {
    padding-top: 20px;
    margin-top: 10px;
}
.predprassudki_i_fakty{flex-direction: column;}
.predprassudok,.fakt{min-height: inherit;}
.gen_dir_bloks{flex-direction: column;gap: 10px}
.gen_dir_dol{width: 100%;text-align: center;}
.rukovod{width: 100%}
.vakans_whys {
  flex-direction: column;
    margin-top: 20px;
}
.vakans_why {
        padding: 20px;
        width: 100%;
    }
.section_bg_vakans p {
    font-size: 16px;
    line-height: 120%;
}
.vakans_contacts {
    gap: 10px;
    flex-direction: column;
}
.vakans_contact_1 {
    max-width: inherit;
}
.vakans_contact {width: 100%}
.section_video .sect_head_arr{
  flex-direction: column;
  align-items: start;
  gap: 10px;
}
.videos{margin-top: 20px;gap: 20px}
.video_name{
font-size: 16px;
line-height: 120%;
margin-top: 5px;
}
.ohrana_grean_bloks{flex-direction: column;}
.ohrana_grean_blok{width: 100%}
.kabinet_ohrany{margin-top: 20px;padding: 20px}
.kabinet_ohrany ul {gap: 10px}
.kabinet_ohrany ul li{width: 100%;
font-size: 16px;
line-height: 120%;}
.pl_confs_names{padding: 10px;font-size: 16px;gap: 15px}
.pl_conf_text div {
    padding: 0 10px 10px;
}
.pl_conf_text div p {
    font-size: 16px;
    line-height: 120%;
    padding-bottom: 10px;
}
.profsouz_organ{
  margin-top: 0;
  padding: 20px;
  gap: 20px;
}
.profsouz_organ_name{font-size: 18px}
.profsouz_organ_conts > div{font-size: 16px;font-weight: 400;}
.profsouz_organ_bank{font-size: 16px;font-weight: 400;}
.profsouz_organ_users{flex-direction: column;gap: 10px}
.profsouz_organ_user_name{font-size: 16px;font-weight: 400;}
.profsouz_organ_user_phone{font-size: 16px;font-weight: 400;}
.profsouz_download{gap: 10px}
.rukovod_top{
  flex-direction: column;
  gap: 20px;
  margin: 20px 0;
}
.rukovod_top > img{
  max-width: fit-content;
}
.rukovod_top_desc_name{font-size: 18px}
.rukovod_top_desc p{font-size: 16px}
.sect_head_rok_dol{font-size: 16px}
.servic_top_bloks{
  flex-direction: column;
  gap: 20px;
}
.servic_top_left,.servic_top_right{width: 100%}
.servic_top_name{font-size: 18px}
.servic_top_right{font-size: 16px}
.section_servic_date .container {
    padding-top: 40px;
    padding-bottom: 40px;
}
.servic_bottom_bloks{flex-direction: column;}
.uchets{
  gap: 20px;
  margin-top: 5px;
}
.uchet{width: 100%;font-size: 16px}
  .egais_checklist {
    padding: 20px;
  }
  .egais_steps {
    flex-direction: column;
  }
  .egais_steps_list {
    width: 100%;
  }
  .egais_apps {
    flex-direction: column;
  }
  .egais_os_cards {
    flex-direction: column;
  }
  .egais_faq_header h3 {
    font-size: 16px;
  }
  .egais_faq_header_name{font-size: 16px}
  .faq_bloks{padding: 10px;font-size: 16px;line-height: 120%}
  .servic_important_name{font-size: 16px}

.servic_bottom_gr_blok{
  width: 100%;
}
.servic_bottom_gr_bloks{
gap: 10px;
}

.pc_img{
  display: none;
  width: 100%;
  max-width: fit-content;
}
.mob_img{
  display: block;
  width: 100%;
  max-width: fit-content;
}
.patalog_bloks{padding: 20px}
.photo_works{gap: 10px}
.servic_date_punkts{
  flex-direction: column;
}
.servic_date_punkt{
  gap: 20px;
  padding: 20px;
}
.servic_date_punkt_name{
margin-bottom: 0;
}
.servic_date_punkt:nth-child(1){max-width: 100%}
.section_servic_date p{line-height: 120%;font-size: 16px}
.section_servic_date ul{line-height: 120%;font-size: 16px}
.patalog_ul li{width: 100%;line-height: 120%;font-size: 16px}
.content ul.patalog_ul{gap: 20px;}
}






@media (max-width: 480px){
}

div.item{position: absolute;display: block;transition: all .1s;z-index: 2;}
div.item_1{animation: animX 20s infinite,animY 20s infinite;}
@keyframes animX {from {left: 0%;}to {left: 100%;}}
@keyframes animY {from {top: 390px;}to {top: 60px;}}
div.item_2{animation: animX2 15s infinite,animY2 15s infinite;}
@keyframes animX2 {from {left: 0%;}to {left: 100%;}}
@keyframes animY2 {from {top: 5%;}to {top: 100%;}}
div.item_3{animation: animX3 18s infinite,animY3 18s infinite;}
@keyframes animX3 {from {left: 50%;}to {left: 30%;}}
@keyframes animY3 {from {top: 0%;}to {top: 100%;}}
div.item_4{animation: animX4 22s infinite,animY4 22s infinite;}
@keyframes animX4 {from {left: 50%;}to {left: 30%;}}
@keyframes animY4 {from {top: 100%;}to {top: 0%;}}
div.item_5{animation: animX5 30s infinite,animY5 30s infinite;}
@keyframes animX5 {from {left: 80%;}to {left: 00%;}}
@keyframes animY5 {from {top: 10%;}to {top: 90%;}}
div.item_6{animation: animX6 42s infinite,animY6 42s infinite;}
@keyframes animX6 {from {left: 70%;}to {left: 10%;}}
@keyframes animY6 {from {top: 100%;}to {top: 0%;}}
div.item_7{animation: animX7 22s infinite,animY7 22s infinite;}
@keyframes animX7 {from {left: 100%;}to {left: 0%;}}
@keyframes animY7 {from {top: 80%;}to {top: 20%;}}
div.item_8{animation: animX8 16s infinite,animY8 16s infinite;}
@keyframes animX8 {from {left: 100%;}to {left: 0%;}}
@keyframes animY8 {from {top: 50%;}to {top: 30%;}}