@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,500);
html,body,p,a,h1,h2,h3,h4,h5,h6,span,div,pre,label {
  font-family:  sans-serif;
}

.normalButton, #eyelesscontrolPanel{
  display: none;
}

.invalidButton{
  display: block;
}

#block-pereklucatelazykacontent {
    position: absolute;
    right: 270px;
    top: 10px;
}

#block-pereklucatelazykacontent ul {
  list-style: none;
}

/**************собственные стили*****************/

/*.node__content p, .cke_editable p {

    text-align: justify;
}*/

figure {
    border: thin #c0c0c0 solid;
    padding: 5px;
    max-width: 220px;
    margin: auto;
}

figure img {
    /*max-width: 220px;
    max-height: 150px;*/
    border: none !important;
}

figcaption {
    font: italic smaller sans-serif;
    padding: 3px;
    text-align: center;
}

.metanVitebskItem{
  display: none;
}

input.form-search,
#search-block-form input.form-submit{
  border-radius: 25px !important;
}

input.form-search{
  border: 0px !important;
}

.struct_oblgas_avg{
 /* width: 620px;*/
  height: 527px;
  display: none;
}

.struct_oblgas_mob, .struct_oblgas_mob_avg, .struct_oblgas_mob_small, .struct_oblgas_mob_mid{
  display: none;
}

.apparat-upravleniya img {
    height: 300px;
    width: auto;
}


.view-newspaper ul{
  margin-bottom: 10px !important;
}

.image-style-gazeta{
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  -webkit-transition: all .3s ease-out;
  height: 390px;
}

.video-gallery .field-content{
    overflow: hidden;
}

.video-gallery  img {
    -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  -webkit-transition: all .3s ease-out;
    width: auto;
    height: 270px;
}

.video-gallery  img:hover,
.image-style-gazeta:hover {
    box-shadow: 0 0 30px 0 rgba(0,0,0, 0.6);
    -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
}


.view-news .field--name-field-date-g {
  color: #fff;
}

.field--name-field-date-g{
  float: right;
  background: #32334f;
  color: white;
  width: 130px;
  text-align: center;
  font-weight: bold;
  margin-top: 10px;
}

.infjilDocs{
    border: 1px solid #ddd;
    margin-top: 10px;
    border-bottom: none;
    border-radius: 4px;
}

.infjilDocs div{
  display: flex;
  align-items: center;
  height: 90px;
  border-bottom: 1px solid #ddd;
}

.video-gallery .views-field-field-date-g {
    color: white;
    font-weight: bold;
    background: #32334f;
    width: 45%;
    float: right;
    text-align: center;
    position: absolute;
    font-size: 14px;
    z-index: 1;
}

.video-gallery .list-group-item {
    padding: 0px 0px !important;
}

.video-gallery li{
  position: relative;
  border: 1px solid rgba(139, 142, 219, .3);
}

.video-gallery .view-content{
    display: flex;
    justify-content: space-around;
    flex-flow: wrap;
}

.video-gallery .views-field-title {
    height: 55px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #32334f;
    font-size: 14px;
    text-align: center;
    font-weight: bold;
}

/*.video-gallery .views-bootstrap-list-group{
    display: flex;
    justify-content: space-between;
    flex-flow: wrap;
}*/

.video-gallery .list-group-item{
    width: 400px;
    /*height: 250px;*/
    margin-bottom: 30px;
}

#block-logotip img{
  max-width: 97%;
}


.view-fotogalerei .view-content ul{
  margin-bottom: 10px;
}

.fotorama{
  display: flex;
  justify-content: center;
  margin-bottom: 50px;
}

.table-striped>tbody>tr:nth-child(odd)>td, .table-striped>tbody>tr:nth-child(odd)>th {
    background-color: rgba(187, 190, 255, .5);
}

.table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
  background-color: rgba(139, 142, 219, 1);
  color: #F5F5F5;
}

.table-hover tbody tr:hover td a, .table-hover tbody tr:hover th a{
  color: #F5F5F5;
  text-decoration: underline;
}

th{
  text-align: center;
  vertical-align: middle !important;
}

.shapka{
  font-size: 13px;
}

.video-logo-for-news, .video-logo-for-page-news{
  background-image: url(/sites/default/play-icon.png);
  background-position: center;
  background-size: cover;
}

.video-logo-for-news{
  position: absolute;
  top: 2px;
  width: 25px;
  height: 25px;
  z-index: 1;
  right: 1px;
}

.node--type-news .node--view-mode-full .field--name-field-novost-s-video{
  display: none;
}

.video-logo-for-page-news{
  width: 30px;
  height: 30px;
  margin-left: 230px;
  /*margin-right: auto;*/
}

.field--name-field-novost-s-video{
  display: none;
}

.node--type-news .field--name-field-novost-s-video{
  display: block;
}

.node--type-news .field--name-field-novost-s-video .field__item,
.node--type-news .field--name-field-novost-s-video .field__label{
  display: none;
}

.node--type-news .video-logo-for-news{

}

.video-news-indikator{
  display: none;
}

.table-center{
  display: flex;
  justify-content: center;
  font-size: 17px;
}

.jb-navigation{
  z-index: 400 !important;
}

.normDocs{
  border: 1px solid #ddd;
  margin-top: 10px;
  border-bottom: none;
  border-radius: 4px;
}

.normDocs div{
  display: flex;
  align-items: center;
  height: 65px;
  border-bottom: 1px solid #ddd;
}

.normDocs div a{
  margin-left: 10px;
}

.apparat-upravleniya{
    position: relative;
    height: 400px;
    /*width: 800px;*/
    border: 1px solid #F5F5F5;
    display: flex;
    justify-content: center;
    align-items: center;
 }


 .Name{
   font-size: 20px;
   font-weight: bold;
 }

 .infAboutPriem{
    margin-left: 20px;
 }

 .infAboutPriem div{
    margin-top: 15px;
 }

#map img{
    border: none !important;
}

#block-views-block-news-block-1 .news-border a{
  height: 110px;
}

#content_big{
  margin-bottom: -30px;
}

.kontakty .address-filial{
  padding: 5px;
}

 footer{
  margin-top: 30px;
}

.links-to-sites {
  display: flex;
  padding-top: 20px;
}

.links-to-sites div{
  padding: 0 10px;
}

#block-ssylkinasaityvfutere .clearfix{
  display: flex;
  justify-content: center;
}

.leaflet-top{
  z-index: 1 !important;
}

.filial_from_twig{
  display: none;
}

.leaflet-popup-pane ul{
  list-style: none;
  position: absolute;
  left: 195px;
}

.leaflet-popup-pane .double-field-first{
  font-weight: bold;
}

.leaflet-popup-pane ul li{
  border: 1px solid rgba(211,211,211, .5);
  border-radius: 4px;
  margin-bottom: 5px;
  padding-left: 5px;
}

 /*.leaflet-popup-pane .double-field-first, .leaflet-popup-pane .double-field-second{
  position: absolute;
  width: 195px;
  margin-top: 5px;
  left: 180px;
}*/

.leaflet-popup, .filial-inf-addr, .filial-inf-phone, .filial-inf-rab, .filial-inf-img{
  position: absolute;
}

.filial-inf-addr{
  left: 205px;
}

.filial-inf-phone{
  top: 53px;
  left: 205px;
}

.filial-inf-rab{
  top: 90px;
  left: 205px;
}
/*******************************/

#block-media-responsive-theme-block-43 .content, .node__content {
    margin-top: 0 !important;
}


.tolochin-polygon, .vitebsk-polygon, .gorodok-polygon, .liozno-polygon, .polotsk-polygon,
.vdv-polygon, .rossyny-polygon, .ushachi-polygon, .shumilino-polygon, .orsha-polygon,
.dubrovno-polygon, .chashniki-polygon, .besh-polygon, .lepel-polygon, .senno-polygon,
.glubokoe-polygon, .doksh-polygon, .postavy-polygon, .braslav-polygon, .miory-polygon,
.shark-polygon{
  position: relative;
  height: 345px;
}

.tolochin-polygon a, .vitebsk-polygon a, .gorodok-polygon a, .liozno-polygon a, .polotsk-polygon a,
.vdv-polygon a, .rossyny-polygon a, .ushachi-polygon a, .shumilino-polygon a, .orsha-polygon a,
.dubrovno-polygon a, .chashniki-polygon a, .besh-polygon a, .lepel-polygon a, .senno-polygon a,
.glubokoe-polygon a, .doksh-polygon a, .postavy-polygon a, .braslav-polygon a, .miory-polygon a,
.shark-polygon a{
  position: absolute;
  top: 170px;
}


.leaflet-popup-pane ul li:nth-child(5),
.leaflet-popup-pane ul li:nth-child(6),
.leaflet-popup-pane ul li:nth-child(7)
{
  margin-left: -210px !important;
}



/******************************/
.descktop-filial-inf .inf-filial, .address-filial, .director-filial,
.glav-ingenear-filial, .phone-filial,
.rejim-filial, .odno-okno-filial, .avariinaya-filial{
  margin-bottom: 10px;
  padding: 10px;
}

.descktop-filial-inf .double-field-first{
  font-weight: bold;
}


.descktop-filial-inf .other-inf{
  margin-top: 10px;
}

.glyphicon-chevron-left, .glyphicon-chevron-right{
  color: #fff;
}

.leaflet-popup img{
  margin-bottom: 5px;
  width: 200px;
  height: 160px;
}

.filial-inf, .filial-inf-addr, .filial-inf-phone, .filial-inf-rab{
  margin-bottom: 5px;
 /* width: 165px;*/
}

.besh{
  display: none;
}

.logo-jb{
  display: none !important;
}

.jb-classifier-link-wrapper div{
  display: none;
}

.pager li>a:hover, .pager li>a:focus {
    background-color: rgba(139, 142, 219, 1) !important;
}

#btn-accordion-in-tab1, #btn-accordion, #btn-accordion1{
  display: none;
}

.td-hover{
  text-align: center;
}

.td-hover:hover {
  cursor: pointer;
  color: white;
  background: rgba(139, 142, 219, 1);
}
.td-hover:hover a{
  color: white;
}

#map g{
  cursor: pointer;
}

.footermap nav{
  margin-top: 20px;
}

.thumbnails li{
  margin-bottom: 20px;
}

.leaflet-map-pane{
  margin-left: -20px;
}

.address-filial, .director-filial, .glav-ingenear-filial, .phone-filial, .web-filial,
.filial-inf, .filial-inf-addr, .filial-inf-phone, .filial-inf-rab, .rejim-filial, .odno-okno-filial,
.avariinaya-filial{
  border: 1px solid rgba(211,211,211, .5);
  border-radius: 4px;
}

.mobile-filial-info .double-field-first, .mobile-filial-info .double-field-second,
.mobile-filial-info .web-filial div, .filial-inf,.filial-inf-addr, .filial-inf-phone,
.filial-inf-rab{
    padding: 0 12px;
}

.inf-filial{
  font-weight: bold;
}

@-moz-document url-prefix() {
   .icon-menu{
    margin-left: 25px;
   }
}

.struct_oblgas{
  display: flex;
  justify-content: center;
}


#webform_submission_elektronnaa_zapis_na_priem_add_form-ajax h2{
  text-align: left;
}

@media screen and (max-width: 875px){
  .view-fotogalerei .views-field-title{
    justify-content: center;
  }

  .tab_panel > .nav > li > a > .tab-icon {
    width: 35px !important;
    height: 35px !important;
  }

  .tur-icon, .tarif-icon,
  .zapis-icon, .gas-icon,
  .vesy-icon, .balloon-icon, .ap-icon{
    background-size: 35px !important;
  }
}

.footermap-item--depth-3  ul li, .footermap-item--depth-2  ul li{
  /*list-style: square !important;*/
  /*border: 1px solid #32334f;*/
  margin-bottom: 5px;
  margin-top: 5px;
  /*font-size: 12px;*/
}

.footermap-header--main li{
  background: #F5F5F5;
}

.line-after-carousel{
  width: 100%;
  background-color: #32334f;
  height: 30px;
}

.ul-in-filial ul{
  margin-left: 45px;
}


.region.region-content-site-map ul a:hover, .region.region-content-site-map li a:hover{
  background: rgba(139, 142, 219, 1);
  color: #fff;
}

#edit-datepicker{
  width: 200px;
}

@media screen and (min-width: 1900px){
  .view-filters{
    margin-left: -250px;
  }
}

@media screen and (min-width: 1366px){
  .region-map-site{
    margin-left: 1200px;
  }
}

@media screen and (max-width: 1365px){
 .region-map-site{
    margin-left: 1190px;
  }
}

@media screen and (max-width: 1230px){
  .region-map-site{
    margin-left: 1145px;
  }
}

@media screen and (max-width: 1200px){
  .region-map-site{
    margin-left: 1030px;
  }
}

@media screen and (max-width: 1090px){
  .region-map-site{
    margin-left: 975px;
  }

  .table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
    font-size: 12px;
  }

  .leaflet-popup img{
    margin-bottom: 5px;
    width: 160px;
    height: 120px;
  }

  .leaflet-popup-pane ul{
    left: 155px;
    font-size: 12px;
  }
}

@media screen and (max-width: 1030px){
  .region-map-site{
    margin-left: 945px;
  }

  .video-slider .captionImg h4 {
    font-size: 14px;
  }

  .video-slider .captionImg p {
    font-size: 11px;
  }

  .video-slider .btn {
    font-size: 11px;
  }

  .table-bordered>thead>tr>th, .table-bordered>thead>tr>td {
    font-size: 12px;
  }

  .table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
    font-size: 10px;
  }

  .leaflet-marker-pane{
    margin-left: -15px;
  }
}

@media screen and (max-width: 1000px){
  .region-map-site{
    margin-left: 925px;
  }

  .struct_oblgas{/**********************************************************************************/
      display: none;
  }

  .struct_oblgas_avg{
    display: flex;
    justify-content: center;
  }

}

@media screen and (max-width: 990px){
  .region-map-site{
    margin-left: 910px;
    font-size: 12px;
  }
}

@media screen and (max-width: 965px){
  .region-map-site{
    margin-left: 900px;
  }
}

@media screen and (max-width: 935px){
  .region-map-site{
    margin-left: 855px;
  }
}

@media screen and (max-width: 910px){
  .region-map-site{
    margin-left: 845px;
  }
}

@media screen and (max-width: 895px){
  .region-map-site{
    margin-left: 835px;
  }
}

@media screen and (max-width: 880px){
  .region-map-site{
    margin-left: 825px;
  }

  .table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
    font-size: 8px;
  }
}

@media screen and (max-width: 860px){
  .region-map-site{
    margin-left: 790px;
  }

  .filial{
    display: none;
  }
}


@media screen and (max-width: 840px){
  .region-map-site{
    margin-left: 775px;
  }
}

@media screen and (max-width: 800px){
  .region-map-site{
    margin-left: 710px;
  }

   #block-logotip img{
    width: 400px;
  }

  .video-slider .captionImg h4 {
    font-size: 12px;
  }

  .video-slider .captionImg p {
    font-size: 10px;
  }

  .video-slider .btn {
    font-size: 10px;
  }
}

@media screen and (max-width: 795px){
  .region-map-site{
    margin-left: 700px;
  }

  iframe{
    width: 685px;
    height: 385px;
  }
}

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

  .map-in-ulfilial{
    display: none;
  }

   .apparat-upravleniya img {
      margin-top: -130px;
    }

    .infAboutPriem{
      position: absolute;
      bottom: 15px;
      text-align: center;
    }

  .struct_oblgas_avg{
    display: none;
  }

  .struct_oblgas_mob{
    display: flex;
    justify-content: center;
  }

  .apparat-upravleniya img {
    height: 200px;
  }

  #block-kartapunktovobmenaballonov{
    display: none;
  }

  .video-gallery .list-group-item{
      width: 300px;
  }

  .view-fotogalerei .view-content li{
    width: 300px;
  }

 .table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
     padding: 0;
     font-size: 14px;
  }


  .fixed_nav{
    position: relative;
    box-shadow: none !important;
  }

  .region.region-content-site-map ul.footermap-header--main {
    column-count: 1;
  }

  .region.region-content-site-map ul.footermap-header--main a {
    color: #fff;
    background: rgba(50, 51, 79, 0.9);
  }

  .normDocs{
    font-size: 12px;
  }

  .Name{
   font-size: 15px;
   font-weight: bold;
  }

 .infAboutPriem{
    margin-left: 15px;
 }

 .infAboutPriem div{
    margin-bottom: 15px;
 }


  #block-views-block-news-block-1 ul{
    padding: 0 0 0 7px !important;
  }

  #block-views-block-news-block-1 .ch-info{
    display: none;
  }

  .links-to-sites div{
    padding: 0 1px;
  }

  .links-to-sites {
    padding-top: 10px;
  }

  .block ol,
  .block ul {
    margin: 0;
    padding: 0 0 0 0;
  }

  .ul-in-filial ul{
    margin: 30px;
  }

  .block ul ul{
    padding: 0 0 0 1em;
  }

  .node--type-istoria-predpriatia ul{
    list-style: none;
  }

  iframe{
    width: 365px;
    height: 205px;
  }

  .ul-in-filial{
    font-size: 25px;
  }

  .line-after-carousel{
      height: 12px;
  }

  .region-map-site{
    display: block;
    float: left;
    margin-left: 20px;
    position: relative;
    z-index: 1;
    top: -45px;
  }

  #block-mainmenu{
    display: none;
  }

  #block-logotip img{
    width: 330px;
  }

  .region-secondary-menu .search-block-form #edit-submit{
    width: 40px !important;
  }

  .region-secondary-menu .search-block-form .content{
    width: 210px;
  }

 .ballon-table td:nth-child(1){
    display: none;
  }

  .ballon-table td:nth-child(5){
    display: none;
  }

  .node__content p, .cke_editable p {
    text-indent: 0;
  }

  .juicebox-parent{
    display: none;
  }
}

@media screen and (max-width: 620px){
 .zadatVopros{
    top: 50px;
    left: 10px;
    width: 65px;
  }
  #block-pereklucatelazykacontent{
    top: 65px;
    left: 100px;
  }
  .search-input{
    top: 65px;
    left: 160px;
  }
  .search-button {
    top: 65px;
    left: 280px;
  }
  div.invalidButton{

  }
  header > div > div.layout-container{
    height: 110px;
  }
}

@media screen and (max-width: 500px){
  .search-block-form{
    position: absolute;
    left: 255px;
    top: 10px;
    width: 150px;
  }

  .struct_oblgas_mob_avg{
    display: flex;
    justify-content: center;
  }

  .struct_oblgas_mob{
    display: none;
  }
}

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

  .struct_oblgas_mob_mid{
    display: flex;
    justify-content: center;
  }

  .struct_oblgas_mob_avg{
    display: none;
  }

  .Name{
   font-size: 12px;
   font-weight: bold;
  }

 .infAboutPriem{
    margin-left: 10px;
    font-size: 12px;
 }

 .infAboutPriem div{
    margin-bottom: 10px;
 }

  iframe{
    width: 330px;
    height: 185px;
  }

  iframe.pdf{
    width: 370px;
    height: 520px;
  }

  select.form-select {
    width: 330px !important;
  }

  #block-logotip img{
    width: 280px;
  }

  .slovo {
    font-size: 15px !important;
  }


  /*.search-block-form{
    position: absolute;
    left: 215px;
    top: 5px;
    width: 125px;
  }*/
}

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

  .struct_oblgas_mob_mid{
    display: none;
  }

  .struct_oblgas_mob_small{
    display: flex;
    justify-content: center;
  }
}

.block-search{
  margin-right: 30px;
}



#block-novost{
    padding-top: 50px;
}

body {
  left: 0;
  margin: 0;
  position: relative;
}

.header p{
    margin: 0 0 0px;
}

.fixed_nav{
    z-index: 99999;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    background: #32334f;
    box-shadow: 0 4px 5px rgba(255, 255, 255, 0.5);
}

#user_menu{
    height: 50px;
    position: absolute;
}

#user_menu a{
    color: #9D9898;
}

#user_menu a:hover{
    color: white;
}

/**************меню слева**************/


.img_size{
   width: 50px;
   height: 50px;
   margin: 10px 17px;
   float:left;
}

 .table_cell{
   height: 80px;
   border-bottom: solid 1px #32334f;
}

.left_menu_content{
   height: 70px;
   border: solid 1px transparent;
}

.common_left_menu_font{
   font-size: 15px;
   display: block;
}

.museum_font{
   margin: 5px 0px 5px 10px;
}

.other_font{
   margin: 30px 0px;
}


/**********карта сайта****************/


 .footermap--footermap_block{
    display: flex;
    justify-content: center;
  }

  .footermap-item--depth-1{
    margin-bottom: 20px;
  }

  #map_site{
	  float: left;
    position: relative;
    margin-bottom: -50px;
  }


.fixed{
    position: fixed;
}

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



}

.menu_map {
  font-size: 1em;
  left: -100%;
  position: fixed;
  width: 100%;
  height: 100%;
  background: white;
}


#map_header{
    margin-top: -10px;
    position: relative;
    background: rgba(50, 51, 79, 0.9);
    box-shadow: 0px 4px 5px  rgba(0, 0, 0, 0.5);
    z-index: 1;
}

#content_site_map{
    overflow-y: auto;
    height: calc(100% - 53px);
    position: relative;
    /*margin-left: 100px;*/
    box-sizing: border-box;
    padding-bottom: 60px;
}

.icon-close {
  float: left;
  width: 50px;
  height: 50px;
  color: #FFFAFA;
  text-align: center;
  font-size: 3em;
  display: flex;
  align-items: center;
  justify-content: center;
}

.icon-close:hover{
    cursor: pointer;
    background: #F5F5F5;
    color: red;
  }

.icon-menu{
    color: white;
    font-size: 3em;
    text-align: center;
    cursor: pointer;
}

.icon-menu:hover{
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    cursor: pointer;
}

.header_map_txt{
    font-size: 2em;
    color: white;
    display: block;
    text-align: center;
}
/*****************************/



/*шрифт заголовка видео о безопасности*/
.video_font{
  color: #32334f;
}

/*блок с тарифами, запись на прием, вопрос-ответ, анкета*/
.with_flex{
    display: flex;
    justify-content: space-around;
}

.priem, .faq, .anketa, .tarif{
    width: 65px;
    height: 65px;
}


/************figcaption**************/
.font-in-tab{
  font-size: 15px;
  text-align: center;
  color: #2E324D;
  font-weight:bold;
  width: 70px;
  /*margin-bottom: 30px;*/
}

/*hr в содержимом и рекламе*/
.soder_hr{
    display: block;
    width: 50%;
    border-top: 1px solid #d2d5de;
    margin-top: 25px;
}


.for_hr {
    display: block;
    width: 280px;
    border-top: 1px solid #d2d5de;
    margin-top: 20px;
}


/*******************************/
a:hover,a:focus,.full-width-bg a:hover, .full-width-bg a:focus {
  text-decoration: none !important;
}
.full-width-bg {
  background: #32334f;
  box-shadow: 0 4px 5px rgba(0,0,0,.1);
}
.full-width-bg a {
  text-decoration: none;
  color: white;
}
.full-width-bg a:hover,
.full-width-bg a:active,
.full-width-bg a:focus {
  color: #ddd;
}
a {
  text-decoration: none;
  border: none;
}
#main-wrapper {
  margin-top: 10px;
}
h1,h2,h3,h4,h5,h6 {
  /*text-transform: uppercase;*/
  text-align: center;
}
.highlighted{
  padding: 20px 10px 10px;
}
.highlighted h1.page-title {
    margin: 0;
}
.sidebar h2:after, .site-footer__top h2:after,#featured-bottom-wrapper h2:after, .featured-top h2:after, .highlighted h2:after {
  display: block;
  width: 30px;
  border-top: 1px solid #4fb7ff;
  margin-top: 10px;
  content: "";
}
.view-content-recent ul {
  padding: 0px;
}
.view-content-recent ul li {
  list-style-type: none;
  padding: 1px;

}
.view-content-recent .views-field-title,
.view-content-recent .views-field-changed {
  display: inline-block;
}
.view-content-recent .views-field-title {
  padding-right: 3px;
  font-size: 15px;
}
.view-content-recent .views-field-changed {
  font-size: 10px;
}
.view-content-recent ul li:before {
  content: "\2b";
  font-family: 'Glyphicons Halflings';
  font-size: 10px;
  float: left;
  font-weight: bold;
  padding: 0px 0px 0px 0px;
  margin: 0px 10px 0px 0px;
}
.view-comments-recent ul li {
  list-style-type: none;
  padding: 1px;

}
.view-comments-recent ul li:before {
  content: "\f075";
  font-family: 'FontAwesome';
  font-size: 18px;
  float: left;
  font-weight: bold;
  padding: 0px 0px 0px 0px;
  margin: 0px 10px 0px 0px;
}

.featured-top ul.menu a.is-active,
#featured-bottom-wrapper ul.menu a.is-active {
  color: #333;
}
header#header {
  box-shadow: 0 4px 5px rgba(0,0,0,.1);
}
#logo img, .site-logo img {
  max-width: 180px;
}
.nav .open>a, .nav .open>a:hover, .nav .open>a:focus {
  background-color: #2C3A4D;
  color: #fff;
}
.navbar-nav>li>a {
  color: #3b3b3b;
  font-size:15px;
}
.navbar-nav>li>a.is-active{
color:#4badef;
}
.nav>li>a:hover, .nav>li>a:focus {
  background-color:white;
  color: #4badef;
  cursor:pointer;
}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
  background-color: #4badef;
  color: #fff;
}
.dropdown-menu>li>a{
padding: 5px 20px !important;
}
.navbar-nav>li>.dropdown-menu {
  padding: 0px;
}
.navbar-default {
  background-color: transparent;
  border: none;
}
.navbar-toggle {
  background-color: #ccc;
}
.navbar-toggle .icon-bar {
  background-color: #1B2738;
}
.navbar-collapse.collapse {
  padding: 0px;
}
.sidebar #search-block-form input.form-submit, .sidebar #search-form input.form-submit,
 #search-block-form input.form-submit, #search-form input.form-submit {
  height: 40px;
  max-width: 100%;
  padding: 0;
  cursor: pointer;
  border-radius: 2px;
 /* background: rgb(75, 173, 239);*/
  color: transparent;
  border: none;
  margin: 15px 0px;
  text-indent: 0px;
  font-size: 16px;
}
#search-form input.form-submit {
  margin: 0px;
}
 #search-form input.form-submit {
  /*width: 30%;*/
}
#search-block-form input.form-submit:hover, #search-form input.form-submit:hover,
#search-block-form input.form-submit:active, #search-form input.form-submit:active,
#search-block-form input.form-submit:focus, #search-form input.form-submit:focus {
  /*background: rgb(68, 147, 201);*/
}
ul.menu a.is-active {
  color: #4BADEF;
}
label {
  font-weight: 500;
  font-size: 14px;
  color: #6d6d6d;
  display: block;
}
.breadcrumb {
  background-color: white;
  border-radius: 2px;
  border: 1px solid #eee;
  margin: 10px 15px;
}
.breadcrumb a {
  font-size: 14px;
  border: none;
}

input.form-text, input.form-tel, input.form-email, input.form-url, input.form-file, input.form-number, input.form-color, select.form-select {
  height: 40px;
  width: 380px;
}

select.form-select {
  background: white;
}

.node__title{
margin-bottom:10px !important;
}
.node__title a,node__title a:hover, node__title a:focus {
  color: #333;
}
.field .field-label {
  font-weight: normal;
}
#edit-submit {
  font-size: 14px;
}
.block-user .item-list li {
  list-style: none;
}
.sub-footer {
  background: #091e3d;
}
.sub-footer p {
  margin: 0px;
}
#logo, #name-and-slogan {
  display: inline-block;
}
#featured-bottom-wrapper .menu-item a,.featured-top .menu-item a {
  color: white;
  display: block;
  padding-bottom: 20px;
  border-bottom: 1px solid #e0e0e0;
  margin-bottom: 20px;
  font-size: 16px;
}
strong {
  /*font-weight: 500;*/
}
.form-composite > .fieldset-wrapper > .description, .form-item .description {
  color: #999;
  padding-top: 5px;
}

.pager li>a, .pager li>span {
  border-radius: 2px;
  border: 1px solid #e0e0e0;
}

.pager li>a:hover, .pager li>a:focus {
  color: white;
  background-color: rgb(75, 173, 239);
}

.messages--error {
  color: #DB3613;
  box-shadow: -8px 0 0 #EA2800;
}
.messages {
  border: none;
  border-radius: 0px;
}
.label {
  color: #333;
  font-size: 16px;
  font-weight: 500;
}
.password-strength__meter {
  background: #D1D6DA;
}
.node-readmore a:before {
  content: "\f0fe";
}
.node-readmore a,
.comment-add a {
  color: #4BADEF;
  font-size: 12px;
}
.node--view-mode-teaser .field--type-image {
  float: left;
  margin-right: 10px;
}
.node-readmore a:before,
.comment-add a:before,
.field-name-field-tags .links.field-items:before {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding: 3px 5px;
}
.comment-add a:before {
  content: "\f075";
}
.field-name-field-tags .links.field-items:before {
  content: "\f02c";
  float: left;
  color: #6d6d6d;
  padding-top: 4px;
  font-size: 12px;
}
.field-name-field-tags .links.field-items a {
  font-size: 12px;
}
.field-name-field-tags h3.field-label {
  display: none;
}
.carousel-control.left, .carousel-control.right {
  margin-top: 0;
}
.carousel-control {
  font-size:5em;
    top: 50%;
  line-height: 0;
}
#block-integrity-branding {
  float:left;
}

.slice {
  margin-top: 4em;
  margin-bottom: 4em;
}

.menu--main,
.block-menu .navigation {
  display: inline-block;
  float: right;
}
.carousel-control.left, .carousel-control.right {
  background: none;
}
.icon-feature {
  font-size: 68px;
  margin-top: 10px;
  text-align: center;
  display: block;
}
.credited {
  text-align: center;
  color: #9D9898;
  position: relative;
  padding-bottom: 20px;
 }

.credited a {
  color: #F2E6E6;
}
.site-footer .menu-item a {
  color: #4493C9;
}
.site-footer .menu-item a:hover {
  /*text-decoration: underline !important;*/
  color: white;
}
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    padding: 0px;
}

.dropdown-submenu:hover > .dropdown-menu {
    display: block;
}

.dropdown-submenu > a:after {
  content: "\e080";
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-size: 10px;
  float: right;
  margin-top: 5px;
}

.dropdown-submenu:hover > a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left > .dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}
.navbar-nav li:last-child > .dropdown-menu {
  left: auto;
  right: 0px;
}
.navbar-nav li:last-child > .dropdown-menu a {
  text-align: right !important;
}
.navbar-nav li:last-child > .dropdown-menu .dropdown-submenu > a:after {
  float: left;
  content: "\e079";
}
.navbar-nav li:last-child > .dropdown-menu .dropdown-submenu > .dropdown-menu {
  left: -100%;
}
.dropdown:hover > .dropdown-menu {
   display: block;
}

/* Secondary region */
.region-secondary-menu .navigation.menu--account {
  display: inline-block;
}
.region-secondary-menu .search-block-form input {
  height: 25px !important;
}
.region-secondary-menu .search-block-form {
  display: inline-block;
  float: right;
}
.region-secondary-menu .search-block-form #edit-actions {
  display: inline-block;
  padding: 0px;
}
.region-secondary-menu .search-block-form #edit-submit {
  width: 70px;
  /*margin-top: 5px;
  margin-bottom: 5px;*/
}
@media(min-width: 0px) and (max-width: 767px) {
  .navbar-collapse,
  .navbar-header {
    width: 100%;
  }
  .dropdown:hover > .dropdown-menu,
  .dropdown-submenu > .dropdown-menu {
    position: inherit;
    float: none;
    left: 0;
  }
}


/*Search style Start*/
.search-input{
  border: 0 !important;
  width: 164px;
}

.search-button{
  background: #f0f0f0 url(/core/misc/icons/505050/loupe.svg) no-repeat center;
  width: 70px;
  background-color: rgb(240, 240, 240);
  background-position-x: center;
  background-position-y: center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-image: url("/themes/integrity/css/components/../../../../core/misc/icons/505050/loupe.svg");
  background-size: auto;
  background-origin: padding-box;
  background-clip: border-box;
  overflow: hidden;
}

.search-input,.search-button{
  /*height: 25px !important;*/
  border-radius: 25px !important;
}

/*For full width*/

.zadatVopros{
  position: absolute;
  right: 420px;
  top: 5px;
}

#block-pereklucatelazykacontent{
  position: absolute;
    right: 150px;
    top: 10px;
    width: 60px;
}

.search-input{
  position: absolute;
  right: 50px;
  top: 10px;
  width: 100px;
}

.search-button{
  position: absolute;
    right: -22px;
    top: 10px;
}

div.invalidButton, div.normalButton{
  margin-top: 50px;
  margin-right: -30px;
}

.phoneText {
  display: inline-block;
}

.lichniy_cabinet{
    text-align: center;
    position: absolute;
    right: 300px;
    width: 80px;
    font-weight: bold;
}

.lichniy_cabinet img{
  width: 60px;
}

.mgm{
  text-align: center;
  position: absolute;
  right: 210px;
  width: 80px;
  font-weight: bold;
}

.mgm img{
  width: 60px;
}

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

  #block-logotip{
    width: 420px;
    height: 80px;
  }

  .zadatVopros{
    width: 75px;
    top: 5px ;
    right: 37%;
  }

  #block-pereklucatelazykacontent{
    top: 10px ;
    right: 240px ;
  }

  div.invalidButton, div.normalButton{
    margin-top: 50px;
  }

  .search-block{
    position: absolute;
    left: 10px;
    right: 0px;
  }

  .phone{
    position: absolute;
    }
  .phoneIcon{
    width: 50px !important;
    position: absolute;
    top: 10px;
    }
  .phoneText{
    width: 70px !important;
    font-size: 8px;
    left: 50px;
    }

    .lichniy_cabinet {
      width: 50px;
      font-size: x-small;
    }

    .mgm {
      width: 50px;
      font-size: x-small;
    }
}

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

  #block-logotip{
    width: 350px;
  }

  .zadatVopros{
    width: 60px;
    top: 15px;
  }

  .search-input{
    right: 110px;
    width: 100px;
  }

  .search-button{
    right: 40px;
    width: 55px;
  }

  #block-pereklucatelazykacontent{
    top: 10px ;
    right: 120px ;
  }

  div.invalidButton, div.normalButton{
    margin-right: 45px;
    font-size: x-small;
  }

  .search-block{
    position: absolute;
    left: 10px;
    right: 0px;
  }

  .lichniy_cabinet{
    right: 31%;
    top: 10px;
  }

  .lichniy_cabinet span{
    display: none;
  }

  .mgm{
    right: 25%;
    top: 10px;
  }

  .mgm span{
    display: none;
  }
}

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

  #block-logotip{
    width: 260px;
  }

  .zadatVopros{
    right: 45%;
  }

  .phoneText {
    display: none;
  }

  .lichniy_cabinet {
    right: 39%;
  }

  .mgm {
    right: 34%;
  }

  .zadatVopros {
    right: 48%;
  }
}

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

  #block-logotip{
    width: 190px;
  }

  .zadatVopros{
    width: 45px;
    top: 15px;
  }

  #block-pereklucatelazykacontent{
      top: 44px;
  }

  div.invalidButton, div.normalButton {
    margin-right: 340px;
  }

  .search-input{
    right: 170px;
    width: 120px;
  }

  .search-button{
    right: 110px;
  }

  .zadatVopros {
    right: 53%;
    top: 10px;
  }

  #block-pereklucatelazykacontent {
    right: 34%;
  }

  div.invalidButton, div.normalButton {
    font-size: x-large;
    margin-right: 29%;
  }

  .region-map-site {
    left: 500px;
  }

  .lichniy_cabinet {
    right: 45%;
  }

  .mgm {
    right: 40%;
  }
}

span.search-result-title{
  font-size: 20px;
  font-weight: bold;
  line-height: 2;
}

span.search-result-excerpt{
  font-size: 17px;
  line-height: 2;
}

span.search-result-contentType{
  font-size: 17px;
  line-height: 2;
}

#views-exposed-form-search-page-1{
  display: flex;
  background: rgba(50,51,79,.9);
  justify-content: center;
}

form#views-exposed-form-search-page-1 input.js-form-submit{
  background: #f0f0f0 url(/core/misc/icons/505050/loupe.svg) no-repeat center;
  width: 70px;
  background-color: rgb(240, 240, 240);
  background-position-x: center;
  background-position-y: center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-image: url("/themes/integrity/css/components/../../../../core/misc/icons/505050/loupe.svg");
  background-size: auto;
  background-origin: padding-box;
  background-clip: border-box;
  overflow: hidden;
  color: rgba(255, 255, 255, 0);
}
/*Search style End*/

@media screen and (max-width: 620px){
 .zadatVopros{
    top: 50px;
    left: 10px;
    width: 65px;
  }
  #block-pereklucatelazykacontent{
    top: 65px;
    left: 100px;
  }
  .search-input{
    top: 65px;
    left: 160px;
  }
  .search-button {
    top: 65px;
    left: 280px;
  }
  div.invalidButton{

  }
  header > div > div.layout-container{
    height: 110px;
  }

  .region-map-site {
    left: 470px;
  }

  .phoneText{
    left: 50px;
    width: 120px !important;
  }

  div.invalidButton, div.normalButton {
    margin-top: 70px;
  }

  .lichniy_cabinet {
    right: 27%;
    top: 0px;
  }

  .mgm {
    right: 14%;
    top: 0px;
  }

  /*  */
}

@media screen and (max-width: 550px){
  .zadatVopros{
    top: 50px ;
    right: 86%;
  }

  #block-pereklucatelazykacontent{
    top: 45px ;
    right: 67% ;
  }

  div.invalidButton, div.normalButton{
    margin-right: 68% !important;
    margin-top: 30px !important;
  }

  .search-block{
    position: absolute;
    top: 0px;
    left: 0px;
    right: 105px;
  }

  .phone{
    margin: 15px;
  }

  .phoneIcon{
    top: 0px;
  }

  .region-map-site{
    top: -100px !important;
    /*margin-left: 340px !important;*/
  }
}

@media screen and (max-width: 550px){
  .phoneText {
    width: 70px !important;
  }
}

.gpo-materials div.view-content li {
  border: none;
}
.gpo-materials div.view-content{
    display: flex;
    justify-content: space-around;
    flex-flow: wrap;
}
.gpo-materials div.view-content ul {
  width: 300px;
}
/* Для кнопки ссылки на картинку */
.gpo-materials div.views-field-field-kartinka a, .gpo-materials div.views-field-field-pdf a{
  text-decoration: none;
  display: inline-block;
  border-radius: 10px;
  font-family: 'Montserrat', sans-serif;
  text-transform: uppercase;
  letter-spacing: 2px;
  background-color: #cb671e;
  background-size: 200% auto;
  box-shadow: 0 0 7px rgb(0 0 0 / 70%);
  transition: .5s;
  margin: 0px 25px 0px;
  padding: 5px 10px;
  position: absolute;
  top: 330px;
  /*background-image: linear-gradient(to right,#c8e5ff 0,#308ff0 51%,#c8e5ff 100%);*/
}
.gpo-materials div.views-field-field-kartinka a:hover, .gpo-materials div.views-field-field-pdf a:hover {
  background-color: #cb671eb0;
}

.gpo-materials a.file-download-image, .gpo-materials a.file-download-pdf{
  color: #fff;
  text-shadow: black 1px 1px 1px;
}
/* Для кнопки ссылки на документ */
/* .gpo-materials div.views-field-field-pdf a{
  text-decoration: none;
  display: inline-block;
  border-radius: 10px;
  font-family: 'Montserrat', sans-serif;
  text-transform: uppercase;
  letter-spacing: 2px;
  background-color: #cb671e;
  background-size: 200% auto;
  box-shadow: 0 0 7px rgb(0 0 0 / 70%);
  transition: .5s;
  margin: 0px 25px 0px;
  padding: 5px 10px;
  position: absolute;
  top: 330px;
}
.gpo-materials div.views-field-field-pdf a:hover {
  background-color: #cb671eb0;
}

.gpo-materials a.file-download-pdf{
  color: #fff;
  text-shadow: black 1px 1px 1px;
} */

.gpo-materials div.views-field-title{
  margin: 0px 0px 10px;
  text-align: center;
  font-weight: bold;
}
.gpo-materials div.views-field-title a{
  color: black;
}

.gpo-materials div.view-content li{
  margin: 0px 51px;
  background-color: #9d91911a;
  height: 400px;
}
.gpo-materials .views-field-field-kartinka-1{
  margin: 5px 0px 0px;
}
.gpo-materials div.views-field-field-kartinka-1 img{
  max-height: 200px;
  max-width: 150px;
  top: 110px;
  position: absolute;
}

div.view-video-s-kategoriami div.views-field-field-video{
 height: 224px;
}

@media (max-width: 640px){
  .gpo-materials div.view-content ul{
    /* margin: 0px 51px; */
    margin-bottom: 10px;
  }

  .gpo-materials div.view-content li{
    /* margin: 0px 51px; */
    padding-left: 25px;
  }
}
/*#For modules update to Drupal 9*/
#backtotop{
  top: 70px;
  bottom: none;
}

ul.sf-menu.sf-style-default a, ul.sf-menu.sf-style-default a:visited, ul.sf-menu.sf-style-default span.nolink {
  color: white;
}

ul.sf-menu.sf-style-default li, ul.sf-menu.sf-style-default.sf-navbar, ul.sf-menu.sf-style-default li li, ul.sf-menu.sf-style-default li li li{
  background: #32334f;
}

.region-main-menu .menu {
  font-size: 0.859em;
}

/*@media (min-width: 901px)*/
.region-main-menu .menu a {
  font-size: 12px;
}

#block-mainmenu{
  padding-left: 5%;
}