/* Global */
* {
    box-sizing: border-box;
    margin:0;
    padding: 0;
}


html,
body {
  font-family: "Commissioner", serif;
  font-optical-sizing: auto;
  color: #424040;
  font-size: 12pt;    
}

a{font-size:12pt;color:#0077b6;text-decoration: underline;}
a:hover{font-size:12pt;color:#F97955; text-decoration: none;}

.contents  img {
    width: auto\9;
    height: auto;
    max-width: 100%;    
    border: 0;
    -ms-interpolation-mode: bicubic;
}

.sotr_img img {
    width: auto\9;
    height: auto;
    max-width: 100%;    
    border: 0;
    -ms-interpolation-mode: bicubic;
}

.contents a{font-size:15pt;color:#0077b6;text-decoration: underline;}
.contents a:hover{font-size:15pt;color:#F97955; text-decoration: none;}


.border{border:1px solid red;}
.block_1280{max-width: 1350px; }
.block_1920{max-width: 1400px; }
.block_center_margin{margin: 0 auto;}
.not_items{visibility: hidden;}

.block_center_margin{margin: 0 auto;}
.both{clear: both;}
.paddd{padding-left:5px;padding-right:5px;}
.contents{box-sizing: border-box; padding:10px 15px 10px 17px;  font-size: 15pt; font-weight:200; }
.contents h1{font-size: 26pt; font-weight: 700;}
.contents h2{margin-top:7px; }
.contents h3{margin-top:7px; font-weight: 500;}
.contents p{padding-top:7px; padding-bottom: 7px; text-align: justify;}
.contents ul{padding-left:15px; padding-top:5px; padding-bottom:5px; margin-left:15px; margin-top:5px; margin-bottom:5px;line-height: 1.5;list-style-type:disc;}
.contents ol{padding-left:15px; padding-top:5px; padding-bottom:5px; margin-left:15px; margin-top:5px; margin-bottom:5px;line-height: 1.5;list-style-type:decimal;}
.contents table{margin:10px 0;}
.contents td {padding: 5px 10px;}
.left_block{padding:15px 5px 10px 10px; font-size:11pt;}
.left_block p{padding-top:7px; padding-bottom: 7px;}
.right_block{padding:15px 5px 10px 0px; font-size:11pt;}
.right_block p{padding-top:7px; padding-bottom: 7px;}
.tel_material{padding-bottom:25px;}
.right_contents{padding-left:5px;}
.right_contents h3{font-size:13pt;}
.block_center_margin{margin: 0 auto;}
.overflow{overflow: hidden;}
.relative{position: relative;}

.left{text-align: left;}
.center{text-align: center;}
.right{text-align: right;}
.bold{font-weight: bold;}

.wrapper {
  min-height:100vh; 
    display: flex;
    flex-direction: column;
}

/* Header */
.header {   
    -background: #d8bf13;
    padding: 10px;

    
}

header{ 
position: sticky;
 background-color: #ffffff;
  top: 0;
  z-index: 10;

}

.header_block{
	margin: 0 auto; 
	max-width: 1350px; 
	
}


.menu_block{background: #0077b6;}

.header__list {
    display: flex;
    list-style: none;
    justify-content: center;

}

.header__list-item {
    margin: 0 15px 0 0;
}

/* Content */

.content {
    display: flex;
    flex-grow: 5;
    margin: 0 auto; 
	max-width: 1350px;

}

.flex_dop{
    display: flex;
    flex-grow: 5;
}



.content__left-bar,
.content__right-bar {
    min-width: 250px;
    width: 250px;


}

.content__left-bar {
    background: #c798b8;
}

.content__right-bar {
    background: #9cb0c7;
}

.content__text,
.footer__text {
    text-align: center;
}

/* Задаём порядок */
.content__left-bar {
    order: 1;
}

.content__main {
    order: 2;
    width: 100%;
}

.content__right-bar {
    order: 3;
}

/* Main */

.content__main {
    padding: 15px 0px 25px 0;
}

/* Footer */

.footer {text-align: center;}

.footer__text {
    margin: 0;
}

.header_flex{
    display: flex;
    justify-content: space-between;
    align-items: center;
}


.header_items{}

.logo_top img{ width: 155px; height:auto;}
.logo_top{flex: none; width:170px;}

.company{
    text-align: left;     
    line-height: 1.2;
}
.text_top_company{color: #424040; font-size: 9pt;}
.name_top_company{
    color:#000000; 
    font-size: 17pt; 
    text-transform: uppercase;
    font-weight: 700;
    white-space: nowrap;
}

.opis_top_company{color:#424040; font-size: 9pt; font-style: italic;}

.zadat_vopros{text-align: right;}

.all_rabot_link_s a{
    padding: 12px 20px; 
    border-radius: 5px; 
    background-color: #0077b6;
     font-size: 10pt;
     text-transform: uppercase;
    color:#ffffff;
    text-decoration: none;
      cursor: pointer;
      font-weight: 300;
    transition: 1s;
    white-space: nowrap;
    box-sizing: border-box;
    display:  inline-block;
}

.all_rabot_link_s a:hover{
    padding: 12px 20px; 
    border-radius: 5px; 
    background-color: #006da6;
    text-transform: uppercase;
    font-size: 10pt;
    color:#b7d1fb;
    text-decoration: none;
    transition: 1s;
    cursor: pointer;
    font-weight: 300;
    white-space: nowrap;
    box-sizing: border-box;
     display:  inline-block;
}

.all_rabot_link_s:active {
    position:relative;
    top:1px;
}

.tel_top_flex{
    display: flex;
    justify-content: space-evenly;
}

.tel_tops{flex-grow:2; padding: 0 5px;}
.tels_tops a{color: #000000; font-size: 14pt; text-decoration: none;}
.tels_tops a:hover{color: #0D4BB1; font-size: 14pt; text-decoration: none;}

.tels_flex{
    display: flex;
    align-items: center;
}

.tels_items img{
    width: 36px; 
    height:auto;
    vertical-align: bottom;
    padding-top: 2px;
}

.tels_opis{color: #7A7A7A; font-size: 11pt; font-weight: 300;}
.tels_tops{color: #000000; font-size: 14pt; font-weight: 500;}
.otst_tel_top{padding-left: 5px;}


.menu_niz_block {
  background-color: #006da6;
  padding: 7px 0px 10px 0px;

}

.menu_niz_block ul{
  display: flex;
  list-style: none; 
  justify-content:center;
  flex-wrap:wrap;
}

.menu_niz_block ul li {
  margin: 0px 10px;
 
}

.menu_niz a {
  color:#ffffff; 
  font-weight: 200; 
  font-size: 11pt;
  text-decoration: underline;
}

.menu_niz a:hover {
  color:#b7d1fb; 
  font-weight: 200; 
  font-size: 11pt;
  text-decoration: none;
}   

.copyr_name{
  padding:10px 0px 0px 0px; 
  font-weight: 400; 
  font-size:14pt;
}

.copyr_adres{
font-weight: 200;
}
.copyr_tel{ font-size:13pt; font-weight: 200;}
.copyr_mail{ margin-left: 10px; }
.mails_url a{
    color:#ffffff; 
    text-decoration: underline; 
    font-weight: 200; 
    font-size: 10pt; 
    white-space: nowrap;
    text-decoration: none;
}
.mails_url a:hover{color:#b7d1fb; text-decoration: none; font-weight: 200; font-size: 10pt; white-space: nowrap;}

.sait_urli_prof{
  padding: 10px 0;
  display: flex;
  justify-content:center;
  flex-wrap:wrap;
}


.sait_urli_prof img{
  width: 120px; height:auto;
  margin: 0 1px;
}

.sait_urli_prof img{
opacity:0.5;
filter:alpha(opacity=50);
}

.sait_urli_prof img:hover{
opacity:1;
filter:alpha(opacity=100);
}

.footer {
  background-color: #0077b6;
  text-align: center;
  padding-top: 0;
  padding-bottom: 0;
  color:#ffffff;
}

.foter_otstup{padding: 0 10px; line-height: 1.5;}

#top-search {
  display: none;
  padding: 10px;
}

.poisk_form{
  height: 26px; 
  border:1px; 
  padding-left:10px; 
  color:gray; 
  width: 600px;
  border-radius: 2px;
}

.poisk_knopka{
  height: 26px; 
  width: 60px; 
  border:1px solid #006499; 
  background-color: #006499; 
  color:#ffffff;
   border-radius: 2px;
   margin-left: 3px;
   

}
.poisk_knopka:hover{color:#b7d1fb; cursor:pointer;}
.poisk_knopka:active{position:relative;top:1px;}

.input-group{
    display: flex;
    justify-content: center;
}


.owl-banners .items{
    min-height: 450px;
    border-radius: 0px;
}

.owl-banners .owl-prev{
    position: absolute;
    top: 50%!important;
    margin-top: -20px!important;

}

.owl-banners .owl-next {
    position: absolute;
    top: 50%!important;
    margin-top: -20px!important;

}
.owl-banners .owl-prev {
    left: 10px;
           opacity:0.5;
filter:alpha(opacity=50);
}
.owl-banners .owl-next {
    right: 10px;
       opacity:0.5;
filter:alpha(opacity=50);
}

.owl-banners .owl-next:hover {
    opacity:1;
filter:alpha(opacity=100);
background: none!important;
}

.owl-banners .owl-prev:hover {
    opacity:1;
filter:alpha(opacity=100);
background: none!important;
}





.strelka_gal .owl-prev{
    position: absolute;
    top: 50%!important;
    margin-top: -40px!important;

}

.strelka_gal .owl-next {
    position: absolute;
    top: 50%!important;
    margin-top: -40px!important;

}
.strelka_gal .owl-prev {
    left: 10px;
           opacity:0.5;
filter:alpha(opacity=50);
}
.strelka_gal .owl-next {
    right: 10px;
       opacity:0.5;
filter:alpha(opacity=50);
}

.strelka_gal .owl-next:hover {
    opacity:1;
filter:alpha(opacity=100);
background: none!important;
}

.strelka_gal .owl-prev:hover {
    opacity:1;
filter:alpha(opacity=100);
background: none!important;
}

.strelka_gal img.strelk{width: 54px; height: auto;}




.banners_flex{
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;    
}
.banners_items{
    flex-grow: 1; 
    -background-color: rgba(0, 0, 0, 0.2);
    padding: 15px 0;
}

.banners_otst{margin: 0 50px;}
.banner_zag{
    text-transform: uppercase;
    font-weight: 700;
    font-size: 30pt;
    color: #ffffff;
}

.banner_text{color: #ffffff; font-size: 16pt; font-weight: 200;}

.banner_zag span{color:#F45B62;}
.banner_opis{color: #ffffff; font-size: 20pt;}
.banner_link_flex{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;   
    margin: 15px 0;
    padding: 10px;
    line-height: 1.5;background-color: rgba(255, 255, 255, 0.59);
    
}
.banner_link_flex div a{
    padding: 0 7px; 
    white-space: nowrap;
}

.owl-theme .owl-nav {margin-top: 0px!important;}

.owl-carousel .owl-item img{display: inline-block!important;}

.banner_link_2{
    padding-top: 15px;
 


}



.icons_sozial_block{padding-bottom: 5px; padding-top: 10px;}
.icons_sozial_block ul{
  display: flex;
  justify-content:center;
  list-style: none;
  flex-wrap:wrap;
}

.icons_sozial_block ul li{
 margin: 4px 2px; 
}

.icons_sozial img{width: 35px; height:auto; }
.icons_sozial img:hover{
opacity:0.7;
filter:alpha(opacity=70);
}

.banner_imges{text-align: center;}



.news_block{background-color: #f7f7f7;}
.news_space{
    display: flex;
  justify-content: space-between;
  align-items: center;
max-width: 1350px;
}

.news_otst{ padding: 30px 20px; }
.fotogal_otst{padding: 30px 0px 5px 0px;}

.news_space h2{font-weight: 700; }
.news_vid_block{
  max-width: 1350px;
  padding-top:20px;
  display: flex;
  justify-content: space-between;
   flex-wrap:wrap;
}

.news_pozic{
  width: 280px;  
  border:1px solid #e8e8e8;
  margin-bottom:30px;
  background-color: #ffffff;
}

.news_pozic:hover{
 box-shadow: 0 4px 18px rgba(200,200,200,0.25), 0 5px 5px rgba(155,155,155,0.22); 

}

.news_pozic_otst{
  padding:5px 15px 10px 15px;
}
.date_news{color:gray; font-size:13pt;}
.news_link{ padding: 5px 0; }
.news_link a{
  color:#424040; 
  text-decoration: none;
  font-weight: 500;
  font-size: 12pt;  
}
.news_link a:hover{
  color:#F97955;
  font-size: 12pt; 
}

.news_txt{
  color:gray; 
  font-size:11pt; 
  padding-bottom:5px;
font-weight: 200;  
}



.news_vid_block_all{
  padding-top:20px;
  display: flex;
  flex-wrap:wrap; 
  justify-content: space-between;

}

.news_vid_block_all:after {
  content: "";
  width: 32%; 
}

.news_vid_block_all_video{
  padding-top:20px;
  display: flex;
  flex-wrap:wrap; 
  justify-content: space-between;

}

.pad_news{padding-top:10px; color: #424040;}
.pad_news i{color:#006da6;}

.news_pozic img{width: 278px; height: auto;}

.zag_icon_flex{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.zag_icon_items img{width: 70px; height: auto; padding-right: 7px;}



.sotrudn_block{}
.sotrudn_otst{ padding: 50px 20px; }
.linkss_zagaa{white-space: nowrap;}


.sotrudn_flex{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    -padding-top: 20px;
}

.sotrudn_items img{width: 350px; height: auto;}
.sotrudn_txt{
    text-transform: uppercase; 
    padding-top: 5px; 
    font-size:13pt; 
    max-width: 350px;
}
.sotrudn_items{
    text-align: center; 
    padding-top: 30px; 
    padding-bottom: 10px;
    flex-basis: 350px;
}
.sotrudn{max-width: 1350px;}

.napravlenie_otstup{padding: 50px 20px; text-align: center;}
.napravlenie_space{max-width: 1350px;}
.napravlenie_zag_flex{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.naprav_items img{width: 70px; height: auto; padding-right: 7px;}
.naprav_items{text-align: center;}
.napravlenie_flex{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
   
}

.nap_flex{display: flex; align-items: center;}
.napravlenie_items img{width: 50px; height: auto; padding-right: 10px;}
.nap_txt{font-size: 14pt; font-weight: 200;text-align: left;}
.napravlenie_items{flex-basis: 350px; padding-top: 50px;}

.napravlenie_block{
    -background-image: url('images/bg_nal.jpg'); 
    -background-repeat: no-repeat;
    -background-size: cover;
    -background-position: center;
}

.padss_h1{padding-bottom: 10px;}
.lubim_flex{
    display: flex;
    align-items: center;
    padding-top: 30px;
    justify-content: center;
}

.lubim_flex img{
    width: 150px; 
    height: auto; 
    border-radius: 100px;
    border:2px solid #0077b6;
}

.lubim_flex h3{padding-left: 20px;}

.marker_flex{
    display: flex;
    align-items: center;
    padding-top: 20px;
    text-align: justify;
}

.marker_flex img{width: 100px; height: auto; padding-right:10px; }

.lubim_flex2{
    display: flex;
    align-items: center;
    padding-top: 30px;
    justify-content: space-between;
}

.lubim_flex2 img{width: 100%; height: auto; }
.lubim_flex2_items{flex-basis: 49%;}

.ramka_bord{
    border:1px solid #0077b6; 
    border-style: dashed; 
    padding: 5px 10px;
    margin-top: 10px;
    background: #dff3fe;
}

.b-map-contacts {
  position: absolute;
  background: #fff;
  top: 50%;
  -webkit-transform: translate3d(0, -50.30675%, 0px);
     -moz-transform: translate3d(0, -50.30675%, 0px);
          transform: translate3d(0, -50.30675%, 0px);
  left: 75px;

  width: 70%;
  max-width: 70%;
  margin: auto;
  padding: 20px 20px 20px 50px;
  -webkit-box-shadow: 0px 0px 10px -2px #777777;
          box-shadow: 0px 0px 10px -2px #777777; }
  .b-map-contacts h3 {
    margin-top: 0;
    margin-bottom: 10px; 
    font-size: 14pt;

  }
  .b-map-contacts__content {
    margin-bottom: 10px;
    font-size: 11pt;
    min-height: 94px; }
  .b-map-contacts__icon {
    position: absolute;
    left: -20px;
    width: 40px;
    height: 170px;
    background: #0077B6;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0px);
       -moz-transform: translate3d(0, -50%, 0px);
            transform: translate3d(0, -50%, 0px);
    text-align: center; }
  .b-map-contacts__icon .icon-svg {
    color: #fff;
    font-size: 30px;
    top: 40px;
    position: relative;
    margin: auto; }

 .b-map-contacts {
      width: 370px;
      max-width: 370px; 

    }

 
  .b-google-map__view {
    position: relative; }
  .b-google-map__view:before, .b-google-map__view:after {
    content: "";
    position: absolute;
    height: 10px;
    width: 100%;
    z-index: 999; }

    .cont_map{margin-left: 10px;}
    .tel_map{ padding-top:5px; font-size:12pt; }



.crumb{color:gray; font-size: 11pt;}
.crumb a{
  color:gray; 
  font-size: 11pt; 
  text-decoration: underline;
}

.crumb a:hover{
  color:gray; 
  font-size: 11pt; 
  text-decoration: none;
}



.pagination{text-align: center; }

.pagination .current {
    text-decoration:none;
    background:#006da6;
    border:1px solid #006da6;
    color:#ffffff;
    font-style: normal;
    font-weight: normal;
    font-size:11pt;
}

.pagination a {
    font-size:11pt;
    text-decoration:none;
    background:#F4F4F4;
    border:1px solid #E8E8E8;
    color:gray;
}

.pagination a:hover {
  font-size:11pt;
    background: #006da6;
    border:1px solid #006da6;
    color:#ffffff;
}

.pagination a,
.pagination b,
.pagination .disabled {
    padding:3px 8px;
    line-height:2em;
}


.arhiv_block{
  padding-top: 10px;
  display: flex; 
  flex-wrap:wrap; 

}

.arhiv_sort{ 
  -margin: 0 10px 0 0; 
  -border:1px solid #006da6;
  -border-radius: 3px; 
  margin-top: 8px; 
 
}

.arhiv_sort2:hover{  
  -border:1px solid #006da6;
  -border-radius: 3px;
  -background: #006da6;
 
}

.arhiv_sort a{
margin: 0 10px 0 0; 
  border:1px solid #006da6;
  padding: 5px 10px;
  text-decoration: none;
  line-height: 2;
  font-size: 13pt;
  border-radius: 3px;
 

   
}

.arhiv_sort a:hover{
    margin: 0 10px 0 0; 
 border:1px solid #006da6;
  padding: 5px 10px;
  text-decoration: none;
  line-height: 2;
  color:#ffffff;
  font-size: 13pt; 
  background: #006da6;
  border-radius: 3px;



}

a.oblako{
   border:1px solid #006da6;
  border-radius: 3px;
  background: #006da6;
color:#ffffff;
font-size: 13pt;
line-height: 2; 
padding: 5px 10px;
}

.news_pozic_video{
  width: 48%;  
  border:1px solid #e8e8e8;
  margin-bottom:30px;
  background-color: #ffffff;
}

.news_pozic_video2{
  width: 48%;  
  border:0px solid #e8e8e8;
  margin-bottom:30px;
  background-color: #ffffff;
}

.news_pozic_video:hover{
 box-shadow: 0 4px 18px rgba(200,200,200,0.25), 0 5px 5px rgba(155,155,155,0.22); 

}


/*адаптивное видео*/
.video_mat {
  position: relative;
  padding-bottom: 56.25%; /* задаёт высоту контейнера для 16:9 (если 4:3 — поставьте 75%) */
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
.video_mat iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height:98%;
}

.video_mat img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height:98%;
}
/*адаптивное видео*/


.fotogal_block{
  padding: 10px 0 10px 0;
}
.fotogal_block h2{
    font-size: 19pt; 
    font-weight: 700;
    margin-bottom: 20px;


}

.sotrudnic_zags h2{
    font-size: 19pt; 
    font-weight: 700;
    -margin-bottom: 20px;


}



.hoght_foto_img img{height: 300px;}
.hoght_foto_img{ max-width: 1400px;}



/*решение проблемы owl-carusel внутри flex адаптивка на мобилке */
.fixssic{max-width: 100%;}


.otdel_block{padding-top: 15px;}
.otdel_ruk_flex{
    display: flex;
    justify-content: space-between;
}

.otdel_ruk_img img{width: 400px; height: auto;}
.name_zav{font-size:20pt; font-weight: 600;}

.otdel_ruk_items{flex-grow: 1;}
.otdel_not_flex{flex: none;}
.otdel_inf{padding-left: 20px;}
.otdel_dolg{font-size: 16pt;}

.contents .dopopis_zav{padding-top: 5px;}
.contents .dopopis_zav p{
    padding-top:7px; 
    padding-bottom: 7px; 
    text-align: justify; 
    line-height:1;
    font-size: 12pt;
}

a.readmore-js-toggle {font-size:12pt;}
a:hover.readmore-js-toggle {font-size:12pt;}

.otdel_conten{padding-top: 20px;}


.sotrudnik_block{
  display: flex;
  flex-wrap:wrap; 
  justify-content: space-between; 
  padding-top:20px;
}

.sotrudnic_txt{margin: 5px 15px;}
.sotrudnic_txt p{padding-top:7px; padding-bottom: 7px;}


.sotrudnik{
  width: 300px;
  margin: 3px 5px;
}

.news_img {position:relative;}
.news_img .example_text {
    display:block;
    position:absolute;
    left:0;
    bottom:5px;
    width:100%;
    box-sizing:border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;      
    color:#fff;         
    padding:10px;
    background-color:rgba(0,0,0,.4); 
    text-align: center;    
}


.soisik_mark li {color: #0d4bb1; font-size:14pt;}
.sotrud_blocks{padding-top: 30px;}

.doc_pozic{ 
  padding:10px 0;
  font-weight: 500;

}

.doc_pozic a{font-size: 14pt; font-weight: 200;}
.doc_pozic a:hover{font-size: 14pt; font-weight: 200;}


/*FAQ*/
.faq_block{padding-top: 10px;}
.add_voprosik{text-align: right;}
.add_voprosik a{font-size: 14pt;}
.add_voprosik a:hover{font-size: 14pt;}

details{
  display:block;
  background: #fff;
  width:100%;
  box-shadow: 0 10px 15px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  border-radius: 0px;
  overflow:hidden;
  margin-bottom: 1.5rem;
}

details b, strong{font-weight: 500;}

summary::-webkit-details-marker{display:none;}
summary::-moz-list-bullet{list-style-type:none;}
summary::marker{display:none;} 
summary {
   display:block;
   padding: .3em 2em .3em .9em;
   border-bottom: 1px solid #e2e8f0; 
   cursor: pointer;
   position: relative;
   font-weight: 500;

}
summary:before {  
  top: .4em;
  right: .3em;
  color: transparent;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTYuNTkgOC41OUwxMiAxMy4xNyA3LjQxIDguNTkgNiAxMGw2IDYgNi02eiIvPjxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz48L3N2Zz4=") no-repeat 50% 50% / 1em 1em;
  width: 1em;
  height: 1em;
  font-size:16pt;  
  content: "";
  position: absolute;
  transition: transform .5s;

}
details[open] > summary:before {
  transform: scale(1,-1);
}
summary ~ * {
   padding: 0 1em 10px 1.4em;
}
details[open] summary ~ *{ 
  animation: sweep .5s ease-in-out;
}
@keyframes sweep {
  0%    {opacity: 0;}
  100%  {opacity: 1;}
}
summary:focus {
  outline:0;
  box-shadow: inset 0 0 1px rgba(0,0,0,0.3), inset 0 0 2px rgba(0,0,0,0.3);

}





/*FAQ*/

.fotogalss_alls h2{
       font-size: 20pt; 
    font-weight: 600;
    -margin-bottom: 20px;
}

.gla_top_otst{padding-top: 10px;}



/*Формы*/

.customForm 
input.forma_email 
{width: 400px; 
    font-size: 11pt; 
    padding: 10px 0 10px 10px; 
    border: 1px solid silver; 
    background: #ffffff;
    border-radius: 5px; 
    color:gray; 
}

.customForm textarea {
  width: 400px; 
  background: #ffffff;
  border: 1px solid silver; 
  border-radius: 5px;
  padding: 10px 0 10px 10px;
  color:gray;
  font-size: 11pt;
  height:130px;
  
}

 .forma_email::-webkit-input-placeholder { color:#cdcccc; font-size:11pt; font-family: calibri, tahoma, arial;}
  .forma_otziv::-webkit-input-placeholder { color:#cdcccc; font-size:11pt; font-family: calibri, tahoma, arial;}

.btn {
    border-width: 0;
    border-radius: 0;
}

.btn {
    display: inline-block;
    padding: 12px 20px;
    margin-bottom: 0;
    font-size: 10pt;    
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    font-weight: 200;
    text-transform: uppercase;
    transition: 1s;
     font-family: "Commissioner", serif;
  
}
        
.btn-danger {
    color: #fff;
    background-color: #f05d08;
    border-color: #f02908;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger.focus,
.btn-danger:active,
.btn-danger.active,
.open>.dropdown-toggle.btn-danger {
    color:#fdf4a5;
    background-color: #f02908;
    border-color: #f02908;
}
.btn-danger:active,
.btn-danger.active,
.open>.dropdown-toggle.btn-danger {
    background-image: none
}

.btn-default {
  color: #ffffff;
  background-color: #006da6;
  border-color: #006da6;
}
.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color:#b7d1fb; 
  background-color: #006da6;
  border-color: #006da6;
  transition: 1s;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-image: none;
}


.btn-default:active {
    position:relative;
    top:1px;
}

.error {font-size: 10pt; color:red; padding-top:3px;}
.field-error{
right: 10px;
font-size:12pt;
position:absolute;
z-index:10; color:red;
top:5px;
}

.field-error2{
right: 30px;
font-size:12pt;
position:absolute;
z-index:10; color:red;
top:33px;

}

 .customForm input.error { border: 1px solid red; border-radius: 5px;font-weight: normal; }
 .customForm textarea.error { border: 1px solid red; border-radius: 5px;font-weight: normal; }
.customForm label.error {padding-left: 5px; margin-left: .3em; color: red;}

.kras{color:red;}
.filter-div{padding-bottom:8px; max-width: 420px;}
.ser_cv{color:gray; font-size:10pt; padding-bottom:10px;}
.select_style{
  width: 400px;
  font-size: 11pt;
  padding: 10px 0 10px 5px; 
  border: 1px solid silver;
  background: #ffffff;
  border-radius: 5px; color:gray;
}
   
.fileform { 
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 2px;
    cursor: pointer;
    height: 30px;
    overflow: hidden;
    padding: 2px;
    position: relative;
    text-align: left;
    vertical-align: middle;
    width: 280px;
}
 
.fileform .selectbutton { 
    background-color: #A2A3A3;
    border: 1px solid #939494;
    border-radius: 2px;
    color: #FFFFFF;
    float: right;
    font-size: 11pt;
    height: 25px;
    line-height: 25px;
    overflow: hidden;
    padding: 0px 6px;
    text-align: center;
    vertical-align: middle;
    width: 70px;
}
 
.fileform #upload{
    position:absolute; 
    top:0; 
    left:0; 
    width:100%; 
    -moz-opacity: 0; 
    filter: alpha(opacity=0); 
    opacity: 0;      
    height: 30px; 
    z-index:20;
}

.fileform #fileformlabel { 
background-color: #FFFFFF;
float: left;
height: 22px;
line-height: 22px;
overflow: hidden;
padding: 2px;
text-align: left;
vertical-align: middle;
width:160px;
}


/*Формы*/

.forma_block{padding-top:10px; }

.otstup_gals{padding-top:20px;}

.thumb-wrap{padding-top:10px;}
	
.zam_block{text-align: center; margin-bottom: 20px;}
.zam_dolgn{font-weight: 200;font-size: 12pt;}	
.zam_name{font-weight: 500;font-size: 13pt;}	
.zam_tel{font-weight: 200;font-size: 13pt;}
	
.evoSearch_info{background-color:#e1effe; padding:3px; border:1px solid #b4d6fd;  margin-top:5px;}
.search_extract{padding-bottom:5px;  font-style:italic}
.search_title{padding-top:5px;}
.evoSearch_highlight{font-weight:bold;}	
.serg_pag_top{padding-top:10px;}	
a:hover#specialButton{cursor: pointer;}	

  :focus::-webkit-input-placeholder {opacity:0;}/* webkit */
  :focus::-moz-placeholder          {opacity:0;}/* Firefox 19+ */
  :focus:-moz-placeholder           {opacity:0;}/* Firefox 18- */
  :focus:-ms-input-placeholder      {opacity:0;}/* IE */


@media screen and (max-width: 1400px) {
.content__main {padding: 15px 15px 25px 15px;}



}


@media screen and (max-width: 1280px) {

.tel_top_flex{
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
}


.sotrudn_flex{
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    -padding-top: 20px;
}

.sotrudn_items{margin: 0 3px;}



}




@media screen and (max-width: 1024px) {

.header_flex{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.tel_top_flex{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.tel_tops{flex-basis: 100%;}

.zadat_vopros{flex-basis: 100%; text-align: center; padding-top: 15px;}

.news_vid_block{
  padding-top:20px;
  display: flex;
  flex-wrap:wrap; 
  justify-content: space-evenly;

}

.sotrudnik_block{
  display: flex;
  flex-wrap:wrap; 
  justify-content: space-evenly; 
  padding-top:20px;
}
	
.napravlenie_flex{
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
   
}


}



@media screen and (max-width: 768px) {

.tel_tops{flex-basis: 100%; padding-top: 10px;}

.poisk_form{
  height: 26px; 
  border:1px; 
  padding-left:10px; 
  color:gray; 
  width: 100%;
  border-radius: 2px;
}

.news_space{display: block; 
    justify-content: none; 
    text-align: center;}
.zag_icon_flex{ justify-content: center;}
.b-map-contacts {display: none;}



.lubim_order2{order: 1;}
.lubim_order1{order: 2;}


header{ 
position: relative;
 background-color: #ffffff;
  top: 0;
  z-index: 10;

}

.news_pozic_video{ width: 98%; }
.news_pozic_video2{ width: 98%; }
.news_vid_block_all_video{ justify-content: center;}

.otdel_ruk_flex{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.otdel_inf{padding-left: 0px;}
.otdel_not_flex{flex: 0 1 auto;}

.flex_dop{
    display: block;
    flex-grow: 5;
}

.contents .table-container{
  width: 100%;
  overflow-x:auto;
  -webkit-overflow-scrolling: touch;
}   

.thumb-wrap {
  position: relative;
  padding-bottom: 56.25%; /* задаёт высоту контейнера для 16:9 (если 4:3 — поставьте 75%) */
  height: 0;
  overflow: hidden;
}
.thumb-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-width: 0;
  outline-width: 0;
}
	


}


@media screen and (max-width: 600px) {
.company{text-align: center;  line-height: 1.4;}
.logo_top{flex: none; width:100%; text-align: center;}

.banner_zag{
    text-transform: uppercase;
    font-weight: 700;
    font-size: 24pt;
    color: #ffffff;
}
.banner_opis{color: #ffffff; font-size: 18pt;}
.banner_text{color: #ffffff; font-size: 15pt; font-weight: 200;}
.news_pozic img{width: 100%; height: auto;}

.news_pozic{
  width: 100%;  
  border:1px solid #e8e8e8;
  margin-bottom:30px;
  background-color: #ffffff;
}


.sotrudn_items{
    text-align: center; 
    padding-top: 30px; 
    padding-bottom: 10px;
    flex-basis: 100%;
}

.sotrudn_items img{width: 100%; height: auto;}

.sotrudn_txt{
    text-transform: uppercase; 
    padding-top: 5px; 
    font-size:13pt; 
    max-width: 100%;
}

.not_items{display: none;}

.logo_top img {
  width: 220px;
  height: auto;
}


.lubim_flex2{
    display: flex;
    align-items: center;
    padding-top: 30px;
    justify-content: center;
    flex-wrap: wrap;
}

.lubim_flex2_items{flex-basis: 100%;}


.napravlenie_flex{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
   
}


}

@media screen and (max-width: 480px) {
.name_top_company{white-space: normal;}
.zag_icon_flex{display: block; justify-content: none; text-align: center;}
.contents h1{font-size: 20pt;}
    
.lubim_flex img{width: 120px;}

.marker_flex{
    display: flex;
    align-items: center;
    padding-top: 20px;
    text-align: justify;
    flex-wrap: wrap;
    justify-content: center;
} 

.otdel_ruk_img img{width:100%; height: auto;}

.sotrudnik{
  width: 100%;
  margin: 3px 0px;
}
	



.customForm input.forma_email {width: 100%;box-sizing: border-box;}
.customForm textarea {width: 100%; box-sizing: border-box;} 
.select_style{width: 100%; box-sizing: border-box;}
	
 .arhiv_block {justify-content: center;}


}