@media screen and (max-width: 1024px){
  .forEyeless .mainControls {
    width: 100%;
  }

  .forEyeless .font, .forEyeless .color, .forEyeless .images {
      width: 230px;
  }

  .kerning {
    width: 280px;
  }
}

@media screen and (max-width: 768px){
  .forEyeless .controlFont {
    font-size: 10px !important;
  }
}

@media screen and (max-width: 680px){
  .versionBtn{
    display: none;
  }

  .margin-left


  .invalidButton{
    margin-right: 100px !important;
    font-size: 37px;
    margin-top: -41px !important;
  }

  .kerning .controlFont {
    width: 70px;
  }

  .font .controlFont,
  .color .controlFont,
  .kerning .controlFont{
    display: none;
  }
}

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

  .normalButton {
    margin-right: 16px !important;
  }

  .mainControls{
    position: relative;
  }

  .secondItem,
  .firstItem{
    position: absolute;
  }

  .firstItem{
    left: -27px;
    width: 425px !important;
  }

  .secondItem{
    left: 90px;
    top: 67px;
  }

  .font .controlFont{
    width: 47px !important;
  }

  .reset{
    margin-left: 30px !important;
  }

  .forEyeless #eyelesscontrolPanel{
    height: 100px !important;
  }

  .font .controlFont,
  .color .controlFont,
  .kerning .controlFont{
    display: block !important;
  }

  .forEyeless .font, .forEyeless .color, .forEyeless .images {
    width: 160px !important;
  }

  .kerning .controlFont {
    width: 85px !important;
  }

}


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

  .invalidButton{
    margin-right: 75px !important;
    font-size: 35px;
    margin-top: -38px !important;
  }

  .secondItem {
    left: 80px !important;
  }

  .font .controlFont,
  .color .controlFont,
  .kerning .controlFont{
    display: none !important;
  }

  .firstItem{
    left: -60px;
    width: 410px !important;
  }

}

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

  .secondItem {
    left: 69px !important;
  }

  .font .controlFont,
  .color .controlFont,
  .kerning .controlFont{
    display: none !important;
  }

  .firstItem{
    left: -27px;
    width: 308px !important;
  }

}

.licenzeName{
  display: none;
}

.forEyeless .licenzeName,
.forEyeless .field--name-field-document iframe,
.forEyeless .gaz_v_bytu{
  display: block !important;
}

.invalidButton, .normalButton{
    color: #fff;
    float: right;
    margin-top: 50px;
}

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

.normalButton{
  margin-right: 75px;
}

.forEyeless .icon-menu {
    margin-left: -5px;
}

.firstItem, .secondItem{
  display: flex;
  width: 50%;
  justify-content: space-around;
}

.forEyeless #search-block-form,
.forEyeless .ch-info, .forEyeless img,
.forEyeless .tab_panel > .nav > li > a > .tab-icon,
.forEyeless #muzGaz {
  display: none;
}

.forEyeless .fotorama img,
.forEyeless .gaz_v_bytu{
  display: block !important;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}

.forEyeless .view-fotogalerei,
.mediaEyless,
.forEyeless .test,
.forEyeless .testBackToTop{
  display: none !important;
}

.forEyeless .politica img{
  display: block !important;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}

.forEyeless .video-gallery .views-field-title {
    height: 320px;
  }

.forEyeless .button,
.forEyeless .address-filial,
.forEyeless .director-filial,
.forEyeless .glav-ingenear-filial,
.forEyeless .phone-filial,
.forEyeless .web-filial,
.forEyeless .filial-inf,
.forEyeless .filial-inf-addr,
.forEyeless .filial-inf-phone,
.forEyeless .filial-inf-rab {
    border: none;
}

.forEyeless header#header {
    box-shadow: none;
}

.kerning{
  display: flex;
  width: 350px;
}

.kerning .controlFont{
  width: 130px;
}

.kerningButtons{
  display: flex;
  justify-content: space-between;
  width: 175px;
}

.littleKerning,
.avgKerning,
.bigKerning{
  margin: auto;
  width: 55px;
  text-align: center;
}

.littleKerning:hover,
.avgKerning:hover,
.bigKerning:hover{
    cursor: pointer;
}

/*
  |-------------------------------------------------------------------|
  |                    Панель управления для слепых                   |
  |-------------------------------------------------------------------|
*/
.forEyeless #eyelesscontrolPanel{
  width: 100%;
  height: 50px;
  background: #000;
  display: flex;
  justify-content: space-around;
}

.forEyeless article iframe{
  display: block !important;
}

.forEyeless .font, .forEyeless .color,
.forEyeless .images{
    display: flex;
    justify-content: space-around;
    width: 260px;
}

.forEyeless .mainControls{
  width: 95%;
  display: flex;
  justify-content: space-between;
}

/*.fixed_nav .mainControls{
  justify-content: center;
}*/

.whiteTheme .fixed_nav{
  background: #fff;
}

.forEyeless .controlFont{
  margin: auto;
  font-size: 15px;
}

.forEyeless .mainControls .reset{
  margin: auto 0;
}

.forEyeless .littleKerning,
.forEyeless .avgKerning,
.forEyeless .bigKerning{
  font-size: 14px !important;
}

.forEyeless .fontSizes{
  width: 100px;
  display: flex;
  justify-content: space-around;
}

.littleFontControl,
.bigFontControl .littleFontControl
.hugeFontControl .littleFontControl{
  font-size: 20px !important;
  margin: auto;
}

.bigFontControl, .whiteColor,
.blackColor, .blueColor,
.brownColor{
  font-size: 27px !important;
  margin: auto;
}

.hugeFontControl{
  font-size: 35px !important;
  margin: auto;

}

.fontActive{
  width: 20px;
  display: flex;
  justify-content: center;
}

.colorsSite{
  display: flex;
  justify-content: space-between;
  width: 140px;
}

.whiteColor{
  background: #fff;
  color: black !important;
  width: 30px;
  text-align: center;
}

.blackColor{
  background: #000;
  width: 30px;
  text-align: center;
}

.blueColor{
  color: #000080 !important;
  width: 30px;
  text-align: center;
  background: #C8E5FF;
}

.brownColor{
  background: #FFF5E6;
  color: #301700 !important;
  width: 30px;
  text-align: center;
}

.littleFontControl:hover,
.bigFontControl:hover,
.hugeFontControl:hover,
.whiteColor:hover,
.blackColor:hover,
.blueColor:hover,
.brownColor:hover{
  cursor: pointer;
  background: #fff;
  color: #000 !important;
}

.imagesState{
  margin: auto 0;
}

.forEyeless .images{
  display: flex;
  justify-content: space-around;
  width: 285px;
}

.forEyeless .normalButton, .forEyeless .icon-menu{
    display: block;
}

.forEyeless .full-width-bg{
  box-shadow: none;
}

.invalidButton:hover, .normalButton:hover{
  cursor: pointer;
}

.bigFont .slovo {
  font-size: 40px;
}

.hugeFont .slovo {
  font-size: 50px;
}

.forEyeless #carouselBack,
.forEyeless #map,
.forEyeless .galerea,
.forEyeless .video-slider,
.forEyeless #superfish-main,
.forEyeless .tabPanel,
.forEyeless .invalidButton,
.forEyeless iframe,
.forEyeless .video-gallery .views-field-field-date-g,
.forEyeless #tab3 img{
  display: none;
}

.forEyeless .icon-menu{
  margin-top: -70px;
}

.forEyeless .sub-tarif-accordion,
.forEyeless .anketa-accordion,
.forEyeless .zapis-na-priem,
.forEyeless .vopros-otvet-accordion,
.forEyeless .discuss-img,
.forEyeless .gbo-accordion,
.forEyeless .ballon-accordion{
  background: transparent !important;
}

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

#block-logotip img{
  display: block !important;
}

.bigFont p, .bigFont div,
.bigFont span, .bigFont h1,
.bigFont h2, .bigFont h3,
.bigFont .head-of-news,
.bigFont a{
  font-size: 24px;
}

.mainAvgKerning p, .mainAvgKerning div,
.mainAvgKerning span, .mainAvgKerning h1,
.mainAvgKerning h2, .mainAvgKerning h3,
.mainAvgKerning .head-of-news,
.mainAvgKerning a{
  letter-spacing: 4px;
}

.mainBigKerning p, .mainBigKerning div,
.mainBigKerning span, .mainBigKerning h1,
.mainBigKerning h2, .mainBigKerning h3,
.mainBigKerning .head-of-news
.mainBigKerning a{
  letter-spacing: 9px;
}

.mainAvgKerning .controlFont,
.mainAvgKerning .littleKerning,
.mainAvgKerning .avgKerning,
.mainAvgKerning .bigKerning,
.mainAvgKerning .littleFontControl,
.mainAvgKerning .bigFontControl,
.mainAvgKerning .hugeFontControl,
.mainAvgKerning .whiteColor,
.mainAvgKerning .blackColor,
.mainAvgKerning .blueColor,
.mainAvgKerning .brownColor,
.mainBigKerning .controlFont,
.mainBigKerning .littleKerning,
.mainBigKerning .avgKerning,
.mainBigKerning .bigKerning,
.mainBigKerning .littleFontControl,
.mainBigKerning .bigFontControl,
.mainBigKerning .hugeFontControl,
.mainBigKerning .whiteColor,
.mainBigKerning .blackColor,
.mainBigKerning .blueColor,
.mainBigKerning .brownColor{
    letter-spacing: 0px;
}

.forEyeless .head-of-news {
    height: 320px;
}

.hugeFont p, .hugeFont div,
.hugeFont span, .hugeFont h1,
.hugeFont h2, .hugeFont h3,
.hugeFont .head-of-news,
.hugeFont .breadcrumb a{
  font-size: 30px;
}

.hugeFont .icon-menu{
  font-size: 60px;
}

.forEyeless .site-footer__top h2:after{
  border: none;
}

.bigFont .icon-menu{
  font-size: 2em !important;
}

.bigFont .field--name-title, .bigFont .page-title{
  font-size: 38px;
}

.hugeFont .field--name-title, .hugeFont .page-title{
  font-size: 42px;
}

/*|-------------------------------------------------------------------|
  |                     Конец панели управлениия                      |
  |-------------------------------------------------------------------|*/

/*|-------------------------------------------------------------------|
  |                         Белая тема                                |
  |-------------------------------------------------------------------|*/

  .whiteTheme .controlFont.btn, .whiteTheme .video-gallery li {
      background: #fff !important;
      color: #000 !important;
  }

  .whiteTheme .video-gallery li{
    border: 3px solid #000 !important;
  }

  .whiteTheme .controlFont.btn:hover {
      background: #000 !important;
      color: #fff !important;
      border: 1px solid #fff;
  }

  .whiteTheme .littleKerning:hover,
  .whiteTheme .avgKerning:hover,
  .whiteTheme .bigKerning:hover,
  .whiteTheme .littleKerning.kernigActive,
  .whiteTheme .avgKerning.kernigActive,
  .whiteTheme .bigKerning.kernigActive{
      background: #fff !important;
      color: #000 !important;
  }

  .whiteTheme .colorActive {
    border-top: 5px solid #000;
    border-bottom: 6px solid #fff;
  }

  .whiteTheme .nav-tabs>li.active>a,
  .whiteTheme .nav-tabs>li.active>a:hover,
  .whiteTheme .nav-tabs>li.active>a:focus {
    background-color: transparent !important;
  }

  .whiteTheme .bigFontControl, .whiteTheme .hugeFontControl,
  .whiteTheme .littleFontControl, .whiteTheme .fontSizes,
  .whiteTheme .controlFont, .blackColor,
  .whiteTheme .littleKerning,
  .whiteTheme .avgKerning,
  .whiteTheme .bigKerning{
    color: #fff !important;
  }

  .whiteTheme .avgKerning,
  .whiteTheme .bigKerning{
    color: #fff !important;
  }

  .whiteTheme .fontActive{
    background: #fff;
    width: 20px;
    display: flex;
    color: #000 !important;
    justify-content: center;
  }

  .whiteTheme tr, .whiteTheme .table-striped>tbody>tr:nth-child(odd)>td,
  .whiteTheme .table-striped>tbody>tr:nth-child(odd)>th{
    background-color: #fff !important;
    color: #000 !important;
  }

  .whiteTheme .table-striped>tbody>tr:nth-child(odd):hover>td{
    background-color: #000 !important;
    color: #fff !important;
  }

  .blackTheme .table-striped>tbody>tr:nth-child(odd):hover>td{
    background-color: #fff !important;
    color: #000 !important;
  }

  .forEyeless .date-of-news{
    margin-top: -35px;
    border: 3px solid;
    border-bottom: none;
    width: 50%;
    position: absolute;
    float: t;
    left: -3px;
  }

  .whiteTheme .fotorama__thumb-border {
    border-color: #000;
   }

  .whiteTheme .full-width-bg, .whiteTheme #header,
  .whiteTheme #page, .whiteTheme .line-after-carousel,
  .whiteTheme .tab-content, .whiteTheme .site-footer,
  .whiteTheme .sub-footer, .whiteTheme .breadcrumb,
  .whiteTheme #map_header{
    background: #fff;
  }

  .whiteTheme #eyelesscontrolPanel{
    background: #000;
  }

  .whiteTheme .font_color, .whiteTheme p,
  .whiteTheme div, .whiteTheme span,
  .whiteTheme h1, .whiteTheme h2,
  .whiteTheme h3, .whiteTheme .news-border .date-of-news,
  .whiteTheme .tab_panel > .nav > li > a > .title-nav {
      color: #000;
  }

  .whiteTheme .bigFontControl,
  .whiteTheme .hugeFontControl,
  .whiteTheme .littleFontControl,
  .whiteTheme .fontSizes,
  .whiteTheme .controlFont {
      color: #fff !important;
  }

  .whiteTheme .littleFontControl:hover,
  .whiteTheme .bigFontControl:hover,
  .whiteTheme .hugeFontControl:hover,
  .whiteTheme .whiteColor:hover,
  .whiteTheme .blackColor:hover,
  .whiteTheme .blueColor:hover,
  .whiteTheme .brownColor:hover{
      cursor: pointer;
      background: #fff;
      color: #000 !important;
  }

  .whiteTheme .fontActive,
  .whiteTheme #content_site_map{
    background: #fff;
    color: #000 !important;
  }

  .whiteTheme .btn-news, .whiteTheme a {
      color: #000;
      text-decoration: underline !important;
  }

  .whiteTheme .region.region-content-site-map ul.footermap-header--main>li>ul>li>a:hover,
  .whiteTheme a:hover,
  .whiteTheme .date-of-news:hover,
  .whiteTheme .table-hover tbody tr:hover td,
  .whiteTheme .table-hover tbody tr:hover th,
  .whiteTheme h4 a,
  .whiteTheme .field--name-field-date-g,
  .whiteTheme a span.title-nav:hover,
  .whiteTheme .pager__item.is-active a,
  .whiteTheme .pager__item a,
  .whiteTheme .pager__item.is-active a,
  .whiteTheme a:hover span{
      background: #000;
      color: #fff !important;
  }

  .whiteTheme .news-border .date-of-news,
  .whiteTheme input.form-submit:hover, input.form-submit:focus{
    background: #fff;
    color: #000 !important;
  }

  .whiteTheme input.form-submit:hover, input.form-submit:focus{
    border: 1px solid #000 !important;
  }

  .whiteTheme hr{
    display: none;
  }

  .whiteTheme .news-border, .whiteTheme .tab-content{
      border: 3px solid;
      box-shadow: none;
  }

  .whiteTheme #block-logotip img,
  .whiteTheme .tarif-icon,
  .whiteTheme .zapis-icon,
  .whiteTheme .tur-icon,
  .whiteTheme .gas-icon{
    -webkit-filter: brightness(0);
    -moz-filter: brightness(0);
    -ms-filter: brightness(0);
    -o-filter: brightness(0);
    filter: brightness(0);
  }

  .whiteTheme .nav-tabs>li.active>a,
  .whiteTheme .nav-tabs>li.active>a:hover,
  .whiteTheme .nav-tabs>li.active>a:focus,
  .whiteTheme a:hover .tarif-icon{
      background-color: transparent !important;
  }

  .whiteTheme .arrow {
      border-bottom: 20px solid #000;
  }

  .whiteTheme .region.region-content-site-map ul.footermap-header--main>li>ul>li>a:hover,
  .whiteTheme .region.region-content-site-map ul.footermap-header--main>li>ul a:hover,
  .whiteTheme .date-of-news:hover
  /*.whiteTheme .table-hover tbody tr:hover td, .whiteTheme .table-hover tbody tr:hover th */{
      background: #000;
      color: #fff !important;
  }

  .whiteTheme .content-in-image,
  .whiteTheme .region.region-content-site-map ul.footermap-header--main>li>ul a:hover{
      background-color: #000 !important;
      color: #fff !important;
      text-shadow: none;
  }

  .whiteTheme .site-footer .content a{
    color: #000;
  }

  .whiteTheme label{
    color: #000 !important;
  }

  .whiteTheme .pager__item--first a span,
  .whiteTheme .pager__item--next a span,
  .whiteTheme .pager__item--last a span,
  .whiteTheme .pager__item--previous a span,
  .whiteTheme .icon-close:hover span{
    color: #fff !important;
  }

  .whiteTheme .pager li>a:hover,
  .whiteTheme .pager li>a:focus
  .whiteTheme .pager__item.is-active a,
  .whiteTheme .region.region-content-site-map ul.footermap-header--main a,
  .whiteTheme .footermap-header--main li,
  .whiteTheme tr,
  .whiteTheme .table-striped>tbody>tr:nth-child(odd)>td,
  .whiteTheme .table-striped>tbody>tr:nth-child(odd)>th,
  .whiteTheme .accordion-toggle{
      background: #fff !important;
      color: #000 !important;
  }


  .whiteTheme .table-bordered {
      border: 2px solid #000;
  }

  .whiteTheme .table-bordered > tbody > tr > td,
  .whiteTheme .table-bordered > thead > tr > th{
    border: 3px solid #000 !important;
  }

  .whiteTheme .panel-default>.panel-heading{
    background: #fff;
    border-color: #000;
  }

  .whiteTheme .panel-default{
    border-color: #000 !important;
  }

  .whiteTheme .accordion-toggle,
  .whiteTheme .table-hover tbody tr:hover td a:hover {
    background: #fff !important;
    color: #000 !important;
  }

  .whiteTheme .accordion-toggle:hover,
  .whiteTheme .table-hover tbody tr:hover td,
  .whiteTheme .table-hover tbody tr:hover td p span,
  .whiteTheme .table-hover tbody tr:hover span,
  .whiteTheme .table-hover tbody tr:hover td p span a,
  .whiteTheme .table-hover tbody tr:hover td a{
    background: #000 !important;
    color: #fff !important;
  }

  .whiteTheme .breadcrumb {
      border-radius: 2px;
      border: 3px solid #000;
  }

  .whiteTheme .icon-close:hover{
    cursor: pointer;
    background: #000;
    color: #fff !important;
  }

  .whiteTheme .webform-button--submit{
    background: #000;
    color: #fff;
  }

/*
  |-------------------------------------------------------------------|
  |                           Черная тема                             |
  |-------------------------------------------------------------------|
*/

.blackTheme .fotorama__thumb-border {
  border-color: #fff;
 }

.blackTheme .controlFont.btn,
.blackTheme .video-gallery li {
    background: #000 !important;
    color: #fff !important;
}


.blackTheme .video-gallery li{
  border: 3px solid #fff !important;
}

.blackTheme .controlFont.btn:hover {
    background: #fff !important;
    color: #000 !important;
    border: 1px solid #000;
}

.blackTheme .colorActive {
    border-top: 5px solid #fff;
    border-bottom: 6px solid #000;
}

.blackTheme .full-width-bg, .blackTheme #header,
.blackTheme #page, .blackTheme .line-after-carousel,
.blackTheme .tab-content, .blackTheme .site-footer,
.blackTheme .sub-footer, .blackTheme .breadcrumb,
.blackTheme #map_header, .blackTheme .panel-body{
  background: #000;
}

.blackTheme input.form-submit:hover, input.form-submit:focus{
  background: #000;
  color: #fff !important;
  border: 1px solid #fff!important;
}

.blackTheme #eyelesscontrolPanel{
  background: #fff;
}

.blackTheme .font_color, .blackTheme p,
.blackTheme div, .blackTheme span,
.blackTheme h1, .blackTheme h2,
.blackTheme h3, .blackTheme .news-border .date-of-news,
.blackTheme .tab_panel > .nav > li > a > .title-nav {
    color: #fff;
}

.blackTheme label{
  color: #fff !important;
}

.blackTheme .bigFontControl,
.blackTheme .hugeFontControl,
.blackTheme .littleFontControl,
.blackTheme .fontSizes,
.blackTheme .controlFont,
.blackTheme .littleKerning,
.blackTheme .avgKerning,
.blackTheme .bigKerning{
    color: #000 !important;
}

.blackTheme .littleFontControl:hover,
.blackTheme .bigFontControl:hover,
.blackTheme .hugeFontControl:hover,
.blackTheme .whiteColor:hover,
.blackTheme .blackColor:hover,
.blackTheme .blueColor:hover,
.blackTheme .brownColor:hover{
    cursor: pointer;
    background: #000;
    color: #fff !important;
}

.blackTheme .fontActive,
.blackTheme #content_site_map,
.blackTheme .kernigActive,
.blackTheme .littleKerning:hover,
.blackTheme .avgKerning:hover,
.blackTheme .bigKerning:hover{
  background: #000;
  color: #fff !important;
}

.blackTheme .btn-news, .blackTheme a {
    color: #fff;
    text-decoration: underline !important;
}

.blackTheme .region.region-content-site-map ul.footermap-header--main>li>ul>li>a:hover,
.blackTheme a:hover,
.blackTheme .date-of-news:hover,
.blackTheme .table-hover tbody tr:hover td,
.blackTheme .table-hover tbody tr:hover th,
.blackTheme h4 a,
.blackTheme .field--name-field-date-g,
.blackTheme a span.title-nav:hover,
.blackTheme .pager__item.is-active a,
.blackTheme .pager__item a,
.blackTheme .pager__item.is-active a{
    background: #fff;
    color: #000 !important;
}

.blackTheme .news-border .date-of-news{
  background: #000;
  color: #fff !important;
}

.blackTheme hr{
  display: none;
}

.blackTheme .news-border, .blackTheme .tab-content{
    border: 3px solid;
    box-shadow: none;
}

.blackTheme #block-logotip img,
.blackTheme .tarif-icon,
.blackTheme .zapis-icon,
.blackTheme .tur-icon,
.blackTheme .gas-icon{
  -webkit-filter: brightness(0) invert(1);
  -moz-filter: brightness(0) invert(1);
  -ms-filter: brightness(0) invert(1);
  -o-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}

.blackTheme .nav-tabs>li.active>a,
.blackTheme .nav-tabs>li.active>a:hover,
.blackTheme .nav-tabs>li.active>a:focus {
    background-color: transparent !important;
}

.blackTheme .arrow {
    border-bottom: 20px solid #fff;
}

.blackTheme .region.region-content-site-map ul.footermap-header--main>li>ul>li>a:hover,
.blackTheme .region.region-content-site-map ul.footermap-header--main>li>ul a:hover,
.blackTheme a:hover, .blackTheme .date-of-news:hover,
.blackTheme a:hover span{
    background: #fff;
    color: #000 !important;
}

.blackTheme .content-in-image,
.blackTheme .region.region-content-site-map ul.footermap-header--main>li>ul a:hover{
    background-color: #fff !important;
    color: #000 !important;
    text-shadow: none;
}

.blackTheme .site-footer .content a{
  color: #fff;
}

.blackTheme .pager__item--first a span,
.blackTheme .pager__item--next a span,
.blackTheme .pager__item--last a span,
.blackTheme .pager__item--previous a span,
.blackTheme .icon-close:hover span{
  color: #000 !important;
}

.blackTheme .pager li>a:hover,
.blackTheme .pager li>a:focus
.blackTheme .pager__item.is-active a,
.blackTheme .region.region-content-site-map ul.footermap-header--main a,
.blackTheme .footermap-header--main li,
.blackTheme tr,
.blackTheme .table-striped>tbody>tr:nth-child(odd)>td,
.blackTheme .table-striped>tbody>tr:nth-child(odd)>th,
.blackTheme .accordion-toggle{
    background: #000 !important;
    color: #fff !important;
}

.blackTheme .table-bordered {
    border: 2px solid #fff;
}

.blackTheme .table-bordered > tbody > tr > td,
.blackTheme .table-bordered > thead > tr > th{
  border: 3px solid #fff !important;
}

.blackTheme .panel-default>.panel-heading{
    color: #fff;
    background-color: #000;
    border-color: #fff;
}

.blackTheme .accordion-toggle,
.blackTheme .table-hover tbody tr:hover td a:hover {
  background: #000 !important;
  color: #fff !important;
}

.blackTheme .accordion-toggle:hover{
  background: #fff !important;
  color: #000 !important;
}

.blackTheme .table-hover tbody tr:hover td,
.blackTheme .table-hover tbody tr:hover td p span,
.blackTheme .table-hover tbody tr:hover span,
.blackTheme .table-hover tbody tr:hover td p span a,
.blackTheme .table-hover tbody tr:hover td a{
    background-color: #fff !important;
    color: #000 !important;
}

.blackTheme .breadcrumb {
    border-radius: 2px;
    border: 3px solid #fff;
}

.blackTheme .icon-close:hover{
  cursor: pointer;
  background: #fff;
  color: #000 !important;
}

.blackTheme .webform-button--submit{
  background: #fff;
  color: #000;
}

/*|-------------------------------------------------------------------|
  |                            Синяя тема                             |
  |                                                                   |
  |                            #C8E5FF | фон                          |
  |                            #002D56 | шрифт                        |
  |-------------------------------------------------------------------|*/

  .blueTheme .fotorama__thumb-border {
    border-color: #002D56;
   }

  .blueTheme .controlFont.btn,
  .blueTheme .video-gallery li{
      background: #C8E5FF !important;
      color: #002D56 !important;
  }

  .blueTheme .video-gallery li{
    border: 3px solid #002D56 !important;
  }

  .blueTheme a:hover span,
  .blueTheme a:hover{
    background: #002D56 !important;
    color: #C8E5FF !important;
  }

  .blueTheme .controlFont.btn:hover{
      background: #002D56 !important;
      color: #C8E5FF !important;
      border: 1px solid #C8E5FF;
  }

  .blueTheme .colorActive {
    border-top: 5px solid #002D56;
    border-bottom: 6px solid #C8E5FF;
  }

  .blueTheme label,
  .blueTheme .littleKerning.kernigActive,
  .blueTheme .avgKerning.kernigActive,
  .blueTheme .bigKerning.kernigActive{
    color: #002D56 !important;
  }

  .blueTheme .full-width-bg,
  .blueTheme #header,
  .blueTheme #page,
  .blueTheme .line-after-carousel,
  .blueTheme .tab-content,
  .blueTheme .site-footer,
  .blueTheme .sub-footer,
  .blueTheme .breadcrumb,
  .blueTheme #map_header,
  .blueTheme .kernigActive,
  .blueTheme .panel-body{
    background: #C8E5FF;
  }

  .blueTheme hr{
    border-color: transparent;
  }

  .blueTheme #eyelesscontrolPanel{
    background: #002D56;
  }

  .blueTheme input.form-submit:hover, input.form-submit:focus{
    background: #C8E5FF;
    color: #002D56 !important;
    border: 1px solid #002D56 !important;
  }

  .blueTheme .bigFontControl,
  .blueTheme .hugeFontControl,
  .blueTheme .littleFontControl,
  .blueTheme .fontSizes,
  .blueTheme .controlFont,
  .blueTheme .pager__item--first a span,
  .blueTheme .pager__item--next a span,
  .blueTheme .pager__item--last a span,
  .blueTheme .pager__item--previous a span,
  .blueTheme .littleKerning,
  .blueTheme .avgKerning,
  .blueTheme .bigKerning{
    color: #C8E5FF !important;
  }

  .blueTheme .font_color, .blueTheme p,
  .blueTheme div, .blueTheme span,
  .blueTheme h1, .blueTheme h2,
  .blueTheme h3, .blueTheme .news-border .date-of-news,
  .blueTheme .tab_panel > .nav > li > a > .title-nav{
      color: #002D56;
  }

  .blueTheme .littleFontControl:hover,
  .blueTheme .bigFontControl:hover,
  .blueTheme .hugeFontControl:hover,
  .blueTheme .whiteColor:hover,
  .blueTheme .blackColor:hover,
  .blueTheme .blueColor:hover,
  .blueTheme .brownColor:hover,
  .blueTheme .littleKerning:hover,
  .blueTheme .avgKerning:hover,
  .blueTheme .bigKerning:hover{
      cursor: pointer;
      background: #C8E5FF;
      color: #002D56 !important;
  }

  .blueTheme .fontActive,
  .blueTheme #content_site_map{
    background: #C8E5FF;
    color: #002D56 !important;
  }

  .blueTheme .btn-news, .blueTheme a {
      color: #002D56;
      text-decoration: underline !important;
  }

  .blueTheme .region.region-content-site-map ul.footermap-header--main>li>ul>li>a:hover,
  .blueTheme .date-of-news:hover,
  .blueTheme .table-hover tbody tr:hover td,
  .blueTheme .table-hover tbody tr:hover th,
  .blueTheme h4 a, .blueTheme a:hover,
  .blueTheme .field--name-field-date-g,
  .blueTheme a span.title-nav:hover,
  .blueTheme .pager__item.is-active a,
  .blueTheme .pager__item a,
  .blueTheme .pager__item.is-active a{
      background: #002D56;
      color: #C8E5FF !important;
  }

  .blueTheme .news-border .date-of-news{
    background: #C8E5FF;
    color: #002D56 !important;
  }

  .blueTheme .news-border, .blueTheme .tab-content{
      border: 3px solid;
      box-shadow: none;
  }

  .blueTheme .nav-tabs>li.active>a,
  .blueTheme .nav-tabs>li.active>a:hover,
  .blueTheme .nav-tabs>li.active>a:focus {
      background-color: transparent !important;
  }

  .blueTheme #block-logotip img,
  .blueTheme .tarif-icon,
  .blueTheme .zapis-icon,
  .blueTheme .tur-icon,
  .blueTheme .gas-icon{
    -webkit-filter: brightness(0) invert(0);
    -moz-filter: brightness(0) invert(0);
    -ms-filter: brightness(0) invert(0);
    -o-filter: brightness(0) invert(0);
    filter: brightness(0) invert(0);
  }

  .blueTheme .arrow {
      border-bottom: 20px solid #002D56;
  }

  .blueTheme .content-in-image,
  .blueTheme .region.region-content-site-map ul.footermap-header--main>li>ul a:hover{
      background-color: #002D56 !important;
      color: #C8E5FF !important;
      text-shadow: none;
  }

  .blueTheme .site-footer .content a{
    color: #002D56;
  }

  .blueTheme .pager__item--first a span,
  .blueTheme .pager__item--next a span,
  .blueTheme .pager__item--last a span,
  .blueTheme .pager__item--previous a span,
  .blueTheme .littleKerning,
  .blueTheme .avgKerning,
  .blueTheme .bigKerning{
    color: #C8E5FF !important;
  }

  .blueTheme .pager li>a:hover,
  .blueTheme .pager li>a:focus
  .blueTheme .pager__item.is-active a,
  .blueTheme .region.region-content-site-map ul.footermap-header--main a,
  .blueTheme .footermap-header--main li,
  .blueTheme tr,
  .blueTheme .table-striped>tbody>tr:nth-child(odd)>td,
  .blueTheme .table-striped>tbody>tr:nth-child(odd)>th,
  .blueTheme .accordion-toggle{
      background: #C8E5FF !important;
      color: #002D56 !important;
  }

  .blueTheme .table-bordered {
      border: 2px solid #002D56;
  }

  .blueTheme .table-bordered > tbody > tr > td,
  .blueTheme .table-bordered > thead > tr > th{
    border: 3px solid #002D56 !important;
  }

  .blueTheme .panel-default>.panel-heading{
      color: #002D56;
      background-color: #C8E5FF;
      border-color: #002D56;
  }

  .blueTheme .accordion-toggle,
  .blueTheme .table-hover tbody tr:hover td a:hover {
    background: #C8E5FF !important;
    color: #002D56 !important;
  }

  .blueTheme .accordion-toggle:hover{
    background: #002D56 !important;
    color: #C8E5FF !important;
  }

  .blueTheme .table-hover tbody tr:hover td,
  .blueTheme .table-hover tbody tr:hover td p span,
  .blueTheme .table-hover tbody tr:hover span,
  .blueTheme .table-hover tbody tr:hover td p span a,
  .blueTheme .table-hover tbody tr:hover td a{
      background-color: #002D56 !important;
      color: #C8E5FF !important;
  }

  .blueTheme .breadcrumb {
      border-radius: 2px;
      border: 3px solid #002D56;
  }

  .blueTheme .icon-close:hover{
    cursor: pointer;
    background: #002D56 !important;
    color:  #C8E5FF !important;
  }

  .blueTheme .icon-close:hover span{
    color: #C8E5FF !important;
  }

  .blueTheme .webform-button--submit{
    background: #002D56;
    color: #C8E5FF;
  }

  .blueTheme .panel-default{
      border-color: #002D56 !important;
  }

  /*|-------------------------------------------------------------------|
    |                            Бежевая тема                           |
    |                                                                   |
    |                            #FFF5E6 | фон                          |
    |                            #301700 | шрифт                        |
    |-------------------------------------------------------------------|*/

    .beigeTheme .controlFont.btn,
    .beigeTheme .video-gallery li{
        background: #FFF5E6 !important;
        color: #301700 !important;
    }

    .beigeTheme .video-gallery li{
      border: 3px solid #301700 !important;
    }

    .beigeTheme a:hover span,
    .beigeTheme a:hover{
      background: #301700 !important;
      color: #FFF5E6 !important;
    }

    .beigeTheme .controlFont.btn:hover {
        background: #301700 !important;
        color: #FFF5E6 !important;
        border: 1px solid  #FFF5E6;
    }

    .beigeTheme .colorActive{
      border-top: 5px solid #301700;
      border-bottom: 6px solid #FFF5E6;
    }

    .beigeTheme label,
    .beigeTheme .littleKerning.kernigActive,
    .beigeTheme .avgKerning.kernigActive,
    .beigeTheme .bigKerning.kernigActive{
      color: #301700 !important;
    }

    .beigeTheme .full-width-bg,
    .beigeTheme #header,
    .beigeTheme #page,
    .beigeTheme .line-after-carousel,
    .beigeTheme .tab-content,
    .beigeTheme .site-footer,
    .beigeTheme .sub-footer,
    .beigeTheme .breadcrumb,
    .beigeTheme #map_header,
    .beigeTheme .kernigActive,
    .beigeTheme .panel-body{
      background: #FFF5E6;
    }

    .beigeTheme .webform-button--submit,
    .beigeTheme .littleKerning,
    .beigeTheme .avgKerning,
    .beigeTheme .bigKerning{
      background: #301700;
      color: #FFF5E6;
    }

    .beigeTheme hr{
      border-color: transparent;
    }

    .beigeTheme #eyelesscontrolPanel{
      background: #301700;
    }

    .beigeTheme input.form-submit:hover, input.form-submit:focus{
      background: #FFF5E6;
      color: #301700 !important;
      border: 1px solid #002D56 !important;
    }

    .beigeTheme .bigFontControl,
    .beigeTheme .hugeFontControl,
    .beigeTheme .littleFontControl,
    .beigeTheme .fontSizes,
    .beigeTheme .controlFont {
        color: #FFF5E6 !important;
    }

    .beigeTheme .font_color, .beigeTheme p,
    .beigeTheme div, .beigeTheme span,
    .beigeTheme h1, .beigeTheme h2,
    .beigeTheme h3, .beigeTheme .news-border .date-of-news,
    .beigeTheme .tab_panel > .nav > li > a > .title-nav{
        color: #301700;
    }

    .beigeTheme .panel-default{
        border-color: #301700 !important;
    }

    .beigeTheme .littleFontControl:hover,
    .beigeTheme .bigFontControl:hover,
    .beigeTheme .hugeFontControl:hover,
    .beigeTheme .whiteColor:hover,
    .beigeTheme .blackColor:hover,
    .beigeTheme .blueColor:hover,
    .beigeTheme .brownColor:hover,
    .beigeTheme .littleKerning:hover,
    .beigeTheme .avgKerning:hover,
    .beigeTheme .bigKerning:hover{
        cursor: pointer;
        background: #FFF5E6;
        color: #301700 !important;
    }

    .beigeTheme .fontActive,
    .beigeTheme #content_site_map,
    .beigeTheme .kernigActive{
      background: #FFF5E6;
      color: #301700 !important;
    }

    .beigeTheme .btn-news, .beigeTheme a {
        color: #301700;
        text-decoration: underline !important;
    }

    .beigeTheme .region.region-content-site-map ul.footermap-header--main>li>ul>li>a:hover,
    .beigeTheme a:hover,
    .beigeTheme .date-of-news:hover,
    .beigeTheme .table-hover tbody tr:hover td,
    .beigeTheme .table-hover tbody tr:hover th,
    .beigeTheme h4 a,
    .beigeTheme .field--name-field-date-g,
    .beigeTheme a span.title-nav:hover,
    .beigeTheme .pager__item.is-active a,
    .beigeTheme .pager__item a,
    .beigeTheme .pager__item.is-active a{
        background: #301700;
        color: #FFF5E6 !important;
    }

    .beigeTheme .news-border .date-of-news{
      background: #FFF5E6;
      color: #301700 !important;
    }

    .beigeTheme .news-border, .beigeTheme .tab-content{
        border: 3px solid;
        box-shadow: none;
    }

    .beigeTheme .nav-tabs>li.active>a,
    .beigeTheme .nav-tabs>li.active>a:hover,
    .beigeTheme .nav-tabs>li.active>a:focus {
        background-color: transparent !important;
    }

    .beigeTheme #block-logotip img,
    .beigeTheme .tarif-icon,
    .beigeTheme .zapis-icon,
    .beigeTheme .tur-icon,
    .beigeTheme .gas-icon{
      -webkit-filter: brightness(0) invert(0);
      -moz-filter: brightness(0) invert(0);
      -ms-filter: brightness(0) invert(0);
      -o-filter: brightness(0) invert(0);
      filter: brightness(0) invert(0);
    }

    .beigeTheme .arrow {
        border-bottom: 20px solid #301700;
    }

    .beigeTheme .content-in-image,
    .beigeTheme .region.region-content-site-map ul.footermap-header--main>li>ul a:hover{
        background-color: #301700 !important;
        color: #FFF5E6 !important;
        text-shadow: none;
    }

    .beigeTheme .site-footer .content a{
      color: #301700;
    }

    .beigeTheme .pager__item--first a span,
    .beigeTheme .pager__item--next a span,
    .beigeTheme .pager__item--last a span,
    .beigeTheme .pager__item--previous a span,
    .beigeTheme .icon-close:hover span{
      color: #FFF5E6 !important;
    }

    .beigeTheme .pager li>a:hover,
    .beigeTheme .pager li>a:focus
    .beigeTheme .pager__item.is-active a,
    .beigeTheme .region.region-content-site-map ul.footermap-header--main a,
    .beigeTheme .footermap-header--main li,
    .beigeTheme tr,
    .beigeTheme .table-striped>tbody>tr:nth-child(odd)>td,
    .beigeTheme .table-striped>tbody>tr:nth-child(odd)>th,
    .beigeTheme .accordion-toggle{
        background: #FFF5E6  !important;
        color: #301700 !important;
    }

    .beigeTheme .table-bordered {
        border: 2px solid #301700;
    }

    .beigeTheme .table-bordered > tbody > tr > td,
    .beigeTheme .table-bordered > thead > tr > th{
      border: 3px solid #301700 !important;
    }

    .beigeTheme .panel-default>.panel-heading{
        color: #301700;
        background-color: #FFF5E6;
        border-color: #301700;
    }

    .beigeTheme .accordion-toggle,
    .beigeTheme .table-hover tbody tr:hover td a:hover {
      background: #FFF5E6 !important;
      color: #301700 !important;
    }

    .beigeTheme .accordion-toggle:hover{
      background: #301700 !important;
      color: #FFF5E6 !important;
    }

    .beigeTheme .table-hover tbody tr:hover td,
    .beigeTheme .table-hover tbody tr:hover td p span,
    .beigeTheme .table-hover tbody tr:hover span,
    .beigeTheme .table-hover tbody tr:hover td p span a,
    .beigeTheme .table-hover tbody tr:hover td a{
        background-color: #301700  !important;
        color: #FFF5E6 !important;
    }

    .beigeTheme .breadcrumb {
        border-radius: 2px;
        border: 3px solid #301700;
    }

    .beigeTheme .icon-close:hover{
      cursor: pointer;
      background: #301700 !important;
      color:  #FFF5E6 !important;
    }

    .white-button {
      background-color: white;
      color: #32334f;
    }


.forEyeless .button__iYvL7{
  display: none !important;
}