@charset "UTF-8";
/*fonts*/
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.9.0/css/all.css");
@font-face {
  font-family: "Tornado";
  src: url("../fonts/tornadoc.otf");
  /* IE9 Compat Modes */
  src: local("Tornadoc"), local("Tornadoc"), url("../fonts/tornadoc.otf?"); }

/*home page start*/
#inform_window {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  background-color: #333d4775; }
  #inform_window .block {
    min-width: 290px;
    max-width: 500px;
    min-height: 80px;
    padding: 15px;
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    color: #333d47;
    text-align: center;
    margin: auto;
    background-color: #fff; }

.headVideo {
  width: 100%;
  margin-top: 50px; }
  .headVideo video {
    width: 100%; }
  .headVideo #myCarousel {
    width: 100%;
    overflow: hidden; }
    .headVideo #myCarousel .carousel-indicators li {
      background-color: rgba(39, 46, 55, 0.6); }
    .headVideo #myCarousel .carousel-indicators .active {
      /*background-color: $green;*/
      background-color: #272E37; }
    .headVideo #myCarousel .carousel-inner .carousel-item {
      /*#block{
					height: 15px;
					width: 15px;
					position: absolute;
				    top: 45%;
				    left: 0;
				}*/ }
      .headVideo #myCarousel .carousel-inner .carousel-item a {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
      .headVideo #myCarousel .carousel-inner .carousel-item img {
        width: 100%; }
      .headVideo #myCarousel .carousel-inner .carousel-item .containerInn {
        background-image: url(../img/Rectangle27.svg); /*фон на частині баннера в шапці */
        background-size: 100%;
        background-repeat: no-repeat;
        position: absolute;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        bottom: 0;
        top: 0;
        /*left: 0!important;*/
        left: -55px !important;
        width: 54%;
        z-index: 0;
        /*padding: 0 15px;*/ }
        .headVideo #myCarousel .carousel-inner .carousel-item .containerInn .mosaic-text {
          /*background-color: $grey;*/
          max-width: 215px;
          height: 150px;
          margin: auto;
          margin-bottom: 8%;
          margin-right: 25%;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          padding: 10px; }
          .headVideo #myCarousel .carousel-inner .carousel-item .containerInn .mosaic-text h3 {
            font-family: "Roboto", sans-serif;
            font-weight: 700;
            width: 100%;
            color: #fff;
            font-size: 16px; }
          .headVideo #myCarousel .carousel-inner .carousel-item .containerInn .mosaic-text .textPhoto {
            width: 100%;
            color: #fff;
            font-family: "Roboto", sans-serif;
            font-size: 15px;
            font-weight: 200;
            margin: 0; }

#block_0 {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  /*margin-top: 10px;*/
  padding-top: 10px;
  /*margin-bottom: 10px;*/
  /*padding-bottom: 10px;*/
  background-color: #f5f5f5; }
  #block_0 .b0 {
    height: 162px;
    max-height: 162px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative; }
    #block_0 .b0 .mosaic-img {
      background-color: #fff;
      width: 100%;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin: auto;
      /*box-shadow: 0 4px 7px $l-grey;*/
      border-radius: 5px;
      overflow: hidden;
      position: relative; }
      #block_0 .b0 .mosaic-img a {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 100%;
        height: 142px;
        position: relative;
        bottom: 0;
        top: .5%; }
        #block_0 .b0 .mosaic-img a img {
          width: 100%;
          height: 142px; }
        #block_0 .b0 .mosaic-img a .mosaic-text {
          position: absolute;
          margin: auto;
          /*height: 100%;*/
          /*width: 100%;*/
          /*background-color: #3130309c;*/
          top: 0;
          left: 0;
          font-family: "Tornado";
          font-size: 12px;
          display: -webkit-flex;
          display: -moz-flex;
          display: -ms-flex;
          display: -o-flex;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          color: #333d47bf; }
          #block_0 .b0 .mosaic-img a .mosaic-text span {
            margin: auto;
            font-family: Roboto;
            font-style: normal;
            font-weight: bold;
            font-size: 9px;
            /*line-height: 29px;*/
            text-align: left;
            letter-spacing: 0.05em;
            color: #333d4775; }
        #block_0 .b0 .mosaic-img a:hover {
          text-decoration: none; }

#block_1 {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 50px;
  background-color: #f5f5f5; }
  #block_1 .container {
    margin-top: 0; }
  #block_1 .b1 {
    /*margin-top: 20px;*/
    margin-bottom: 30px;
    height: 300px; }
    #block_1 .b1 .mosaic-img {
      width: 100%;
      height: 100%;
      overflow: hidden;
      /*border: 1px solid $l-grey;*/
      /*border-radius: 0 0 15px 0;*/
      border-radius: 5px;
      /*box-shadow: 0 4px 10px $l-grey;*/
      /*background-color: #fff;*/
      background-color: #DCDCDE; }
      #block_1 .b1 .mosaic-img a, #block_1 .b1 .mosaic-img .boxBanner {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
        height: 100%;
        padding: 5px;
        font-family: "Tornado";
        text-decoration: none !important; }
        #block_1 .b1 .mosaic-img a img, #block_1 .b1 .mosaic-img .boxBanner img {
          display: none; }
        #block_1 .b1 .mosaic-img a .photoElement, #block_1 .b1 .mosaic-img .boxBanner .photoElement {
          background-position: center;
          background-repeat: no-repeat;
          background-size: 59%;
          width: 35%;
          margin: auto;
          height: 35%; }
        #block_1 .b1 .mosaic-img a .mosaic-text, #block_1 .b1 .mosaic-img .boxBanner .mosaic-text {
          width: 100%;
          height: 65%; }
          #block_1 .b1 .mosaic-img a .mosaic-text > span, #block_1 .b1 .mosaic-img .boxBanner .mosaic-text > span {
            display: -webkit-flex;
            display: -moz-flex;
            display: -ms-flex;
            display: -o-flex;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-flex-wrap: wrap;
            -moz-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            -o-flex-wrap: wrap;
            flex-wrap: wrap;
            height: 100%; }
            #block_1 .b1 .mosaic-img a .mosaic-text > span em, #block_1 .b1 .mosaic-img .boxBanner .mosaic-text > span em {
              display: -webkit-flex;
              display: -moz-flex;
              display: -ms-flex;
              display: -o-flex;
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              height: 100%; }
              #block_1 .b1 .mosaic-img a .mosaic-text > span em > div, #block_1 .b1 .mosaic-img .boxBanner .mosaic-text > span em > div {
                display: -webkit-flex;
                display: -moz-flex;
                display: -ms-flex;
                display: -o-flex;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-flex-wrap: wrap;
                -moz-flex-wrap: wrap;
                -ms-flex-wrap: wrap;
                -o-flex-wrap: wrap;
                flex-wrap: wrap;
                margin-bottom: auto;
                height: 100%; }
                #block_1 .b1 .mosaic-img a .mosaic-text > span em > div h4, #block_1 .b1 .mosaic-img .boxBanner .mosaic-text > span em > div h4 {
                  text-align: center;
                  -webkit-box-pack: center;
                  -ms-flex-pack: center;
                  justify-content: center;
                  font-size: 14px;
                  margin-bottom: 3px;
                  color: #333d47;
                  display: -webkit-box;
                  display: -ms-flexbox;
                  display: flex;
                  font-family: "Roboto", sans-serif;
                  font-weight: 700;
                  width: 100%;
                  /*text-transform: capitalize!important;*/
                  padding: 0 15px; }
                #block_1 .b1 .mosaic-img a .mosaic-text > span em > div p, #block_1 .b1 .mosaic-img .boxBanner .mosaic-text > span em > div p {
                  color: #4a4a4a;
                  text-align: center;
                  font-weight: normal;
                  font-size: 14px;
                  margin: 5px 0;
                  padding: 0 15px;
                  width: 100%;
                  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
                  /*margin: auto;*/ }
                  #block_1 .b1 .mosaic-img a .mosaic-text > span em > div p span, #block_1 .b1 .mosaic-img .boxBanner .mosaic-text > span em > div p span {
                    font-size: 11px; }
                #block_1 .b1 .mosaic-img a .mosaic-text > span em > div .phone, #block_1 .b1 .mosaic-img .boxBanner .mosaic-text > span em > div .phone {
                  /*color:$green!important;*/
                  width: 100%;
                  text-align: center;
                  display: -webkit-flex;
                  display: -moz-flex;
                  display: -ms-flex;
                  display: -o-flex;
                  display: -webkit-box;
                  display: -ms-flexbox;
                  display: flex;
                  -webkit-flex-wrap: wrap;
                  -moz-flex-wrap: wrap;
                  -ms-flex-wrap: wrap;
                  -o-flex-wrap: wrap;
                  flex-wrap: wrap;
                  padding: 0 9%; }
                  #block_1 .b1 .mosaic-img a .mosaic-text > span em > div .phone a, #block_1 .b1 .mosaic-img .boxBanner .mosaic-text > span em > div .phone a {
                    padding: 0;
                    display: block;
                    -ms-flex-wrap: unset;
                    flex-wrap: unset;
                    font-weight: 700;
                    font-family: "Arial";
                    font-size: 13px;
                    color: #000;
                    height: auto;
                    margin: auto; }
              #block_1 .b1 .mosaic-img a .mosaic-text > span em .banerButton, #block_1 .b1 .mosaic-img .boxBanner .mosaic-text > span em .banerButton {
                opacity: 0.8;
                width: 100%;
                display: -webkit-flex;
                display: -moz-flex;
                display: -ms-flex;
                display: -o-flex;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                margin: auto auto 10px; }
                #block_1 .b1 .mosaic-img a .mosaic-text > span em .banerButton .link, #block_1 .b1 .mosaic-img .boxBanner .mosaic-text > span em .banerButton .link {
                  padding: 0;
                  width: 100%; }
                #block_1 .b1 .mosaic-img a .mosaic-text > span em .banerButton span, #block_1 .b1 .mosaic-img .boxBanner .mosaic-text > span em .banerButton span {
                  font-family: "Tornado";
                  border-radius: 6px;
                  height: 30px;
                  line-height: 13px;
                  /*background-color: $white;*/
                  background-color: unset;
                  border: 1px solid #94d500;
                  /*border: 1px solid $l-grey;*/
                  color: #333d47bf;
                  font-weight: 700;
                  margin: auto;
                  /*margin-right: 10px;*/
                  padding: 7px 27px; }
                  #block_1 .b1 .mosaic-img a .mosaic-text > span em .banerButton span:hover, #block_1 .b1 .mosaic-img .boxBanner .mosaic-text > span em .banerButton span:hover {
                    /*border: 1px solid $orange;*/
                    border: 1px solid #3A414B;
                    /*background-color: $orange;*/
                    background-color: #3A414B;
                    color: #fff; }
      #block_1 .b1 .mosaic-img:hover {
        /*box-shadow: 0 4px 10px $grey;*/
        /*background-color: #84d007a6;*/
        background: -webkit-gradient(linear, left top, left bottom, from(#84D007), to(rgba(132, 208, 7, 0.65)));
        background: -webkit-linear-gradient(top, #84D007 0%, rgba(132, 208, 7, 0.65) 100%);
        background: -o-linear-gradient(top, #84D007 0%, rgba(132, 208, 7, 0.65) 100%);
        background: linear-gradient(180deg, #84D007 0%, rgba(132, 208, 7, 0.65) 100%); }
        #block_1 .b1 .mosaic-img:hover .boxBanner .banerButton {
          opacity: 1 !important; }
          #block_1 .b1 .mosaic-img:hover .boxBanner .banerButton span {
            border: 1px solid #3A414B !important;
            background-color: #3A414B !important;
            color: #fff !important;
            /*border: 1px solid $orange!important;*/ }
    #block_1 .b1:nth-child(1) div a .photoElement, #block_1 .b1:nth-child(1) div .boxBanner .photoElement {
      /*background-image: url(../img/002-consultation.svg);*/
      background-image: url(../img/team_3_color.svg); }
    #block_1 .b1:nth-child(1) div a .mosaic-text span em div strong, #block_1 .b1:nth-child(1) div a .mosaic-text span em p strong, #block_1 .b1:nth-child(1) div .boxBanner .mosaic-text span em div strong, #block_1 .b1:nth-child(1) div .boxBanner .mosaic-text span em p strong {
      /*display: none;*/ }
    #block_1 .b1:nth-child(1) .mosaic-text span em div span:hover {
      font-weight: 700; }
    #block_1 .b1:nth-child(2) div a .photoElement, #block_1 .b1:nth-child(2) div .boxBanner .photoElement {
      /*background-image: url(../img/team.svg);*/
      background-image: url(../img/voltmeter_2_color.svg); }
    #block_1 .b1:nth-child(3) div a .photoElement, #block_1 .b1:nth-child(3) div .boxBanner .photoElement {
      /*background-image: url(../img/voltmeter.svg);*/
      /*background-image: url(../img/key_o.svg);*/
      background-image: url(../img/key_2_color.svg); }
    #block_1 .b1:nth-child(4) div a .bigNomber a, #block_1 .b1:nth-child(4) div .boxBanner .bigNomber a {
      padding: 0;
      font-family: "Roboto", sans-serif;
      font-weight: 700;
      color: #333d47; }
  #block_1 .b1:nth-child(4) div a .shortNomber a, #block_1 .b1:nth-child(4) div .boxBanner .shortNomber a {
    padding: 0;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    color: #333d47; }
    #block_1 .b1:nth-child(4) div a .photoElement, #block_1 .b1:nth-child(4) div .boxBanner .photoElement {
      /*background-image: url(../img/004-key.svg);*/
      /*background-image: url(../img/consultation_2_color.svg);*/
      background-image: url(../img/registration-svg-128.png);}

#block_2 {
  width: 100%;
  /*height: 600px;*/
  float: unset;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  background-image: url(../img/back_1.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position-y: bottom;
  background-position-x: 0;
  background-color: #333d47;
  padding: 15px; }
  #block_2 .fb-like-box {
    display: none; }
  #block_2 .b2 {
    margin-bottom: 30px;
    padding: 0; }
    #block_2 .b2 .sidebar-bloc, #block_2 .b2 .mosaic-img {
      padding-bottom: 0;
      margin-bottom: 0;
      border-radius: 0 0 15px 0;
      overflow: hidden;
      /*box-shadow: 0 4px 10px $l-grey;*/
      -webkit-box-shadow: 0 4px 10px #ffffff75;
      box-shadow: 0 4px 10px #ffffff75;
      background-color: #333d47;
      width: 100%;
      height: 355px; }
      #block_2 .b2 .sidebar-bloc .sidebar-bloc-title, #block_2 .b2 .mosaic-img .sidebar-bloc-title {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        height: 50px;
        padding: 0 20px;
        font-weight: 700;
        font-size: 16px;
        line-height: 50px;
        color: #fff;
        background-color: rgba(0, 0, 0, 0.1); }
        #block_2 .b2 .sidebar-bloc .sidebar-bloc-title span, #block_2 .b2 .mosaic-img .sidebar-bloc-title span {
          font-family: "Roboto", sans-serif; }
        #block_2 .b2 .sidebar-bloc .sidebar-bloc-title i, #block_2 .b2 .mosaic-img .sidebar-bloc-title i {
          -webkit-transition: color .5s;
          -o-transition: color .5s;
          transition: color .5s; }
      #block_2 .b2 .sidebar-bloc ul, #block_2 .b2 .mosaic-img ul {
        height: 265px;
        overflow-y: auto; }
        #block_2 .b2 .sidebar-bloc ul li, #block_2 .b2 .mosaic-img ul li {
          display: -webkit-flex;
          display: -moz-flex;
          display: -ms-flex;
          display: -o-flex;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          overflow: hidden;
          position: relative; }
          #block_2 .b2 .sidebar-bloc ul li i, #block_2 .b2 .sidebar-bloc ul li .fa-angle-double-right, #block_2 .b2 .mosaic-img ul li i, #block_2 .b2 .mosaic-img ul li .fa-angle-double-right {
            margin: auto 0;
            position: relative;
            left: -23px;
            top: 5%;
            -webkit-transition: left .5s;
            -o-transition: left .5s;
            transition: left .5s;
            position: absolute; }
          #block_2 .b2 .sidebar-bloc ul li a, #block_2 .b2 .mosaic-img ul li a {
            margin-left: 15px;
            font-family: "Tornado";
            font-size: 12px; }
          #block_2 .b2 .sidebar-bloc ul li:hover i, #block_2 .b2 .mosaic-img ul li:hover i {
            left: 5px;
            color: #94d500; }
      #block_2 .b2 .sidebar-bloc i, #block_2 .b2 .mosaic-img i {
        margin: auto;
        margin-right: 0;
        font-size: 24px; }
    #block_2 .b2 .mosaic-img {
      height: 355px; }
      #block_2 .b2 .mosaic-img img {
        width: 100%; }
      #block_2 .b2 .mosaic-img a {
        text-decoration: none !important; }
      #block_2 .b2 .mosaic-img .mosaic-text span em p {
        padding: 0 20px;
        color: #fff; }
    #block_2 .b2:hover .sidebar-bloc, #block_2 .b2:hover .mosaic-img {
      -webkit-box-shadow: 0 4px 10px #333d47bf;
      box-shadow: 0 4px 10px #333d47bf; }
    #block_2 .b2:nth-child(even) {
      /*			.sidebar-bloc .fas, .mosaic-img .fas{
				color: $green;
			}*/ }
      #block_2 .b2:nth-child(even) .sidebar-bloc .sidebar-bloc-title {
        border-bottom: 1px solid #94d500; }
      #block_2 .b2:nth-child(even) .sidebar-bloc ul li i {
        color: #94d500; }
      #block_2 .b2:nth-child(even) .sidebar-bloc:hover, #block_2 .b2:nth-child(even) .mosaic-img:hover {
        -webkit-box-shadow: 0 2px 9px #94d500;
        box-shadow: 0 2px 9px #94d500; }
        #block_2 .b2:nth-child(even) .sidebar-bloc:hover .sidebar-bloc-title .fas, #block_2 .b2:nth-child(even) .mosaic-img:hover .sidebar-bloc-title .fas {
          color: #94d500; }
    #block_2 .b2:nth-child(odd) {
      /*			.sidebar-bloc .fas, .mosaic-img .fas{
				color: $orange;
			}*/ }
      #block_2 .b2:nth-child(odd) .sidebar-bloc .sidebar-bloc-title {
        border-bottom: 1px solid #ffa300; }
      #block_2 .b2:nth-child(odd) .sidebar-bloc ul li i {
        color: #ffa300; }
      #block_2 .b2:nth-child(odd) .sidebar-bloc:hover, #block_2 .b2:nth-child(odd) .mosaic-img:hover {
        -webkit-box-shadow: 0 2px 9px #ffa300;
        box-shadow: 0 2px 9px #ffa300; }
        #block_2 .b2:nth-child(odd) .sidebar-bloc:hover .sidebar-bloc-title .fas, #block_2 .b2:nth-child(odd) .mosaic-img:hover .sidebar-bloc-title .fas {
          color: #ffa300; }

#block_3 {
  width: 100%;
  float: unset;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 50px;
  background-image: url(../img/back_2.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position-y: bottom;
  background-position-x: -75px;
  background-color: #fff;
  padding: 15px; }
  #block_3 .b3 .mosaic-news {
    border-radius: 0 0 15px 0;
    background-color: #fff;
    border: 1px solid #333d4775;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    -webkit-box-shadow: 0 4px 10px #333d4775;
    box-shadow: 0 4px 10px #333d4775;
    overflow: hidden; }
    #block_3 .b3 .mosaic-news .titles {
      width: 100%;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      -o-flex-wrap: wrap;
      flex-wrap: wrap;
      background-color: rgba(0, 0, 0, 0.1);
      height: 40px;
      padding: 0 15px; }
      #block_3 .b3 .mosaic-news .titles h5 {
        margin: auto auto auto 0;
        font-family: "Arial";
        font-weight: 700; }
      #block_3 .b3 .mosaic-news .titles .allNews {
        margin: auto 0 auto auto;
        font-family: "Tornado";
        font-weight: 400; }
        #block_3 .b3 .mosaic-news .titles .allNews a {
          color: #ffa300; }
    #block_3 .b3 .mosaic-news ul {
      display: block;
      width: 50%;
      padding: 0 15px; }
      #block_3 .b3 .mosaic-news ul li {
        float: left;
        width: 100%;
        height: auto;
        max-height: 105px;
        margin: 5px auto;
        padding-right: 10px;
        padding-left: 5px;
        overflow: hidden;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap; }
        #block_3 .b3 .mosaic-news ul li a {
          height: 45px;
          overflow: hidden;
          color: #4a4a4a;
          font-weight: normal;
          font-size: 14px;
          font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; }
        #block_3 .b3 .mosaic-news ul li time {
          width: 100%;
          font-family: "Arial";
          font-weight: 700;
          color: #333d47; }
        #block_3 .b3 .mosaic-news ul li:hover {
          background-color: #333d4775;
          color: #fff; }
          #block_3 .b3 .mosaic-news ul li:hover a {
            color: #fff;
            text-decoration: none; }
        #block_3 .b3 .mosaic-news ul li:nth-child(1) {
          background-color: unset; }
      #block_3 .b3 .mosaic-news ul .mosaic-news-img {
        height: 215px;
        max-height: 215px; }
        #block_3 .b3 .mosaic-news ul .mosaic-news-img a {
          height: auto;
          position: relative;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          color: #fff !important;
          text-decoration: none !important; }
          #block_3 .b3 .mosaic-news ul .mosaic-news-img a img {
            width: 100%;
            height: 100%; }
          #block_3 .b3 .mosaic-news ul .mosaic-news-img a span {
            font-family: "Arial";
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            display: block;
            width: 100%;
            padding: 5px 10px;
            font-weight: 700;
            font-size: 18px;
            line-height: 24px;
            color: #fff;
            border-bottom: 5px solid #94d500;
            background-color: #333d47bf; }
    #block_3 .b3 .mosaic-news .second_news_col li:hover {
      background-color: #333d4775;
      color: #fff; }
      #block_3 .b3 .mosaic-news .second_news_col li:hover a {
        color: #fff;
        text-decoration: none; }
  #block_3 .b3 .b3_2_1 {
    /*height: 60%;*/
    height: 351px;
    margin-bottom: 20px; }
    #block_3 .b3 .b3_2_1 .mosaic-img {
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 100%;
      height: 100%;
      overflow: hidden;
      position: relative; }
      #block_3 .b3 .b3_2_1 .mosaic-img a {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 100%;
        height: 100%;
        position: relative; }
        #block_3 .b3 .b3_2_1 .mosaic-img a img {
          width: 350px;
          min-height: 80%;
          margin: auto;
          margin-left: 0;
          height: 90%;
          max-height: 100%;
          position: absolute; }
  #block_3 .b3 .b3_2_2 .mosaic-img {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%; }
    #block_3 .b3 .b3_2_2 .mosaic-img a {
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      -o-flex-wrap: wrap;
      flex-wrap: wrap;
      width: 100%; }
      #block_3 .b3 .b3_2_2 .mosaic-img a img {
        display: none; }
      #block_3 .b3 .b3_2_2 .mosaic-img a span {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%; }
        #block_3 .b3 .b3_2_2 .mosaic-img a span em {
          display: -webkit-flex;
          display: -moz-flex;
          display: -ms-flex;
          display: -o-flex;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          width: 100%; }
          #block_3 .b3 .b3_2_2 .mosaic-img a span em iframe {
            width: 100%; }

#block_4 {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  position: relative; }
  #block_4 .corporateBlogTitle {
    width: 100%;
    height: 25px;
    margin: auto;
    text-align: center;
    font-family: "Arial";
    font-size: 25px;
    font-weight: 700;
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 22px;
    line-height: 26px;
    /* identical to box height */
    letter-spacing: -0.05em; }
    #block_4 .corporateBlogTitle a {
      color: #333d47; }
  #block_4 .corporateBlog {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 450px;
    width: 100%; }
    #block_4 .corporateBlog .bElements {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      overflow: hidden;
      /*			.elementBlog{
				margin: auto;
			}*/ }
      #block_4 .corporateBlog .bElements .card {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        /*height: 250px;*/
        height: 330px;
        background: #FFFFFF;
        border: 2px solid #E5E5E5;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border-radius: 10px; }
        #block_4 .corporateBlog .bElements .card .card-body {
          max-width: 100%;
          padding-top: 10px;
          padding-bottom: 10px; }
          #block_4 .corporateBlog .bElements .card .card-body .headAuthor {
            width: 100%;
            height: 53%;
            display: -webkit-flex;
            display: -moz-flex;
            display: -ms-flex;
            display: -o-flex;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex; }
            #block_4 .corporateBlog .bElements .card .card-body .headAuthor .smallI {
              /*display: none;*/
              height: 100%;
              width: 35%;
              border-radius: 50%;
              overflow: hidden;
              /*margin-right: 15px;*/ }
              #block_4 .corporateBlog .bElements .card .card-body .headAuthor .smallI p {
                height: 100%;
                margin: 0; }
              #block_4 .corporateBlog .bElements .card .card-body .headAuthor .smallI img {
                width: 100% !important;
                height: auto !important; }
            #block_4 .corporateBlog .bElements .card .card-body .headAuthor .nameAuthor {
              width: 76%;
              padding-left: 15px;
              display: -webkit-flex;
              display: -moz-flex;
              display: -ms-flex;
              display: -o-flex;
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-flex-wrap: wrap;
              -moz-flex-wrap: wrap;
              -ms-flex-wrap: wrap;
              -o-flex-wrap: wrap;
              flex-wrap: wrap; }
              #block_4 .corporateBlog .bElements .card .card-body .headAuthor .nameAuthor h6 {
                margin-bottom: 0; }
            #block_4 .corporateBlog .bElements .card .card-body .headAuthor .text-muted {
              display: -webkit-flex;
              display: -moz-flex;
              display: -ms-flex;
              display: -o-flex;
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-flex-wrap: wrap;
              -moz-flex-wrap: wrap;
              -ms-flex-wrap: wrap;
              -o-flex-wrap: wrap;
              flex-wrap: wrap; }
              #block_4 .corporateBlog .bElements .card .card-body .headAuthor .text-muted h4 {
                font-family: Roboto;
                font-style: normal;
                font-weight: bold;
                font-size: 16px;
                line-height: 19px;
                color: #39404A; }
              #block_4 .corporateBlog .bElements .card .card-body .headAuthor .text-muted .text {
                font-family: Roboto;
                font-style: italic;
                font-weight: normal;
                font-size: 12px;
                line-height: 14px;
                letter-spacing: -0.03em;
                color: #39404A;
                margin: 6px 0; }
              #block_4 .corporateBlog .bElements .card .card-body .headAuthor .text-muted .date {
                font-family: Roboto;
                font-style: normal;
                font-weight: bold;
                font-size: 12px;
                line-height: 14px;
                letter-spacing: -0.03em;
                color: #39404A; }
              #block_4 .corporateBlog .bElements .card .card-body .headAuthor .text-muted span {
                padding: 0;
                width: 100%; }
          #block_4 .corporateBlog .bElements .card .card-body .boty {
            display: none; }
          #block_4 .corporateBlog .bElements .card .card-body .card-text {
            position: relative;
            /*min-height: 80px;*/
            /*max-height: 108px;*/
            height: 80px;
            overflow: hidden;
            width: 100%;
            margin: auto auto 5px; }
            #block_4 .corporateBlog .bElements .card .card-body .card-text .opacityBlock {
              /*display: none;*/
              height: 40%;
              bottom: 0;
              width: 100%;
              left: 0;
              position: absolute;
              /*background: linear-gradient(to top, rgb(255, 255, 255), rgba(255, 0, 0, 0));*/ }
          #block_4 .corporateBlog .bElements .card .card-body .readMore {
            padding: 10px;
            border-radius: 5px;
            -webkit-transition: .5s;
            -o-transition: .5s;
            transition: .5s;
            margin-left: auto;
            margin-right: 0; }
            #block_4 .corporateBlog .bElements .card .card-body .readMore a {
              font-weight: 500;
              color: #94d500;
              text-decoration: none; }
            #block_4 .corporateBlog .bElements .card .card-body .readMore:hover {
              background-color: #94d500; }
              #block_4 .corporateBlog .bElements .card .card-body .readMore:hover a {
                text-decoration: none;
                color: #fff; }
    #block_4 .corporateBlog .card-img-right {
      display: none;
      max-width: 42%;
      height: 100%;
      overflow: hidden; }
      #block_4 .corporateBlog .card-img-right p {
        margin: 0;
        height: 100%; }
      #block_4 .corporateBlog .card-img-right img {
        width: auto !important;
        min-width: 225px !important;
        height: auto !important;
        max-height: 282px !important;
        margin: auto;
        display: none; }
    #block_4 .corporateBlog .full_blog_item {
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      -o-flex-wrap: wrap;
      flex-wrap: wrap;
      height: 210px;
      padding: 10px;
      max-width: 350px;
      border: 1px solid #333d4775;
      -webkit-box-shadow: 0 5px 10px #333d47bf;
      box-shadow: 0 5px 10px #333d47bf;
      border-radius: 0 0 12px 0;
      margin-right: 30px; }
      #block_4 .corporateBlog .full_blog_item .image {
        width: 40%;
        margin: auto;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        overflow: hidden; }
        #block_4 .corporateBlog .full_blog_item .image img {
          width: 100% !important;
          height: auto !important;
          margin: auto; }
      #block_4 .corporateBlog .full_blog_item .right {
        width: 60%;
        padding-left: 10px; }
        #block_4 .corporateBlog .full_blog_item .right h4 a {
          font-family: "Tornado";
          color: #333d47; }
          #block_4 .corporateBlog .full_blog_item .right h4 a:hover {
            text-decoration: none;
            color: #333d47; }
  #block_4 .arrowLeft, #block_4 .arrowRight {
    position: absolute;
    bottom: 0;
    width: 45px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 50%;
    height: 45px;
    font-size: 25px;
    background-color: #E5E5E5;
    /*opacity: .6;*/
    color: #333d4775;
    -webkit-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s;
    -webkit-transition: color .5s;
    -o-transition: color .5s;
    transition: color .5s; }
    #block_4 .arrowLeft:before, #block_4 .arrowRight:before {
      margin: auto; }
    #block_4 .arrowLeft:hover, #block_4 .arrowRight:hover {
      opacity: 1;
      /*color: $orange;*/
      color: #333d47;
      cursor: pointer; }
  #block_4 .fa-chevron-left {
    left: 45%; }
  #block_4 .fa-chevron-right {
    right: 45%; }

#block_5 {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 70px auto 30px;
  width: 100%;
  /*background-image: url(../img/stancii.jpg);*/
  background-image: url(../img/video-block.png);
  background-size: 100%; }
  #block_5 .container {
    margin-top: 0 !important;
    background-image: url(../img/Rectangle29.svg);
    background-size: 100%; }
  #block_5 .blockL, #block_5 .blockC, #block_5 .blockR {
    width: 30%;
    margin: 0 auto;
    /*border-radius: 10px;*/
    /*border: 1px solid $grey;*/
    /*box-shadow: 0 4px 10px $grey;*/
    padding: 15px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    #block_5 .blockL .electro, #block_5 .blockC .electro, #block_5 .blockR .electro {
      /*background-image: url(../img/electro.png);*/
      background-size: 100%;
      background-repeat: no-repeat;
      width: 50px;
      height: 65px;
      margin: auto 0; }
    #block_5 .blockL .pilons, #block_5 .blockC .pilons, #block_5 .blockR .pilons {
      /*background-image: url(../img/pilons.png);*/
      background-size: 100%;
      background-repeat: no-repeat;
      width: 65px;
      height: 82px;
      margin: auto 0; }
    #block_5 .blockL .humans, #block_5 .blockC .humans, #block_5 .blockR .humans {
      /*background-image: url(../img/humans.png);*/
      background-size: 100%;
      background-repeat: no-repeat;
      width: 65px;
      height: 47px;
      margin: auto 0; }
    #block_5 .blockL p, #block_5 .blockC p, #block_5 .blockR p {
      text-align: center;
      font-family: "Roboto", sans-serif;
      font-size: 45px;
      /*width: 100%;*/
      /*color: $orange;*/
      color: #A8A8A8;
      font-weight: 700;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
    #block_5 .blockL .text, #block_5 .blockC .text, #block_5 .blockR .text {
      width: 100%;
      color: #94d500;
      font-size: 25px; }
    #block_5 .blockL .count, #block_5 .blockC .count, #block_5 .blockR .count {
      margin: auto;
      width: 200px; }

.partnery {
  width: 100%;
  padding: 40px;
  padding-bottom: 15px;
  margin: 30px auto 0;
  background-color: #333d4733; }
  .partnery ul li {
    margin: 0 auto; }

.categories {
  width: 95%;
  margin: 0 auto;
  margin-bottom: 30px; }

.content-wrapper .headVideo {
  height: auto;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0; }

/*home page end*/
/*home page start*/
@media screen and (max-width: 991px) {
  #block_5 .container {
    background: unset; }
  #web_chat #web_chat_header {
    padding: 15px !important; }
    #web_chat #web_chat_header #web_chat_body_top .chatElements .webChatBody .webChatText {
      padding-left: 19px !important; }
  #block_5 .blockL .electro, #block_5 .blockC .pilons, #block_5 .blockR .humans {
    display: none; } }

@media screen and (max-width: 767px) {
  #inform_window .block {
    height: 130px; }
  #myCarousel .carousel-indicators .active {
    background-color: #94d500; }
  #web_chat {
    width: 100%;
    height: 200px; }

    #block_0 .b0 .mosaic-img a, #block_0 .b0 .mosaic-img a img{
      height: auto;
    }
    #block_0 .b0{
      max-height: 248px;
      height: 248px;
    }
    #block_0 .b0 .mosaic-img{
      height: 197px;
    }
  /*.b0 {
    display: none !important; }*/
  #block_1 .b1 .mosaic-img a .photoElement, #block_1 .b1 .mosaic-img .boxBanner .photoElement {
    background-size: contain; }
  #block_1 .b1 .mosaic-img a .mosaic-text, #block_1 .b1 .mosaic-img .boxBanner .mosaic-text {
    padding-top: 15px; }
  #block_2 {
    background: unset; }
    #block_2 .b2 {
      padding: 0 15px; }
      #block_2 .b2 .sidebar-bloc {
        background-color: #333d47bf;
        position: relative; }
        #block_2 .b2 .sidebar-bloc .sidebar-bloc-title {
          background-color: #333d47;
          position: relative;
          z-index: 2; }
      #block_2 .b2 .sidebar-bloc:before {
        z-index: 0;
        position: absolute;
        right: 0;
        content: url(../img/pilon_1.png);
        opacity: .1; }
  #block_3 {
    background: unset; }
    #block_3 .b3 {
      margin-bottom: 15px; }
      #block_3 .b3 .mosaic-news ul .mosaic-news-img {
        height: auto;
        max-height: 545px;
        width: 100%; }
        #block_3 .b3 .mosaic-news ul .mosaic-news-img a {
          height: auto;
          width: 100%; }
      #block_3 .b3 .first_news_col {
        width: 100% !important; }
      #block_3 .b3 .second_news_col {
        display: none !important; }
      #block_3 .b3 .b3_2_1 {
        height: 75%; }
        #block_3 .b3 .b3_2_1 .mosaic-img a img {
          margin: auto;
          width: 100%;
          position: unset; }
  #block_4 .corporateBlog {
    height: 435px; }
    #block_4 .corporateBlog .bElements .card {
      height: auto; }
      #block_4 .corporateBlog .bElements .card .card-body {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
        min-width: 100%; }
        #block_4 .corporateBlog .bElements .card .card-body .headAuthor {
          display: -webkit-flex;
          display: -moz-flex;
          display: -ms-flex;
          display: -o-flex;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          height: 57px;
          overflow: hidden; }
          #block_4 .corporateBlog .bElements .card .card-body .headAuthor .smallI {
            display: block;
            /*width: 50px;*/ }
          #block_4 .corporateBlog .bElements .card .card-body .headAuthor .nameAuthor {
            max-width: 85%;
            padding-left: 10px; }
            #block_4 .corporateBlog .bElements .card .card-body .headAuthor .nameAuthor h4 {
              font-size: 1rem;
              width: 100%; }
            #block_4 .corporateBlog .bElements .card .card-body .headAuthor .nameAuthor .text-muted {
              width: 100%; }
              #block_4 .corporateBlog .bElements .card .card-body .headAuthor .nameAuthor .text-muted span {
                font-size: 11px; }
              #block_4 .corporateBlog .bElements .card .card-body .headAuthor .nameAuthor .text-muted .text {
                font-size: 0.7rem; }
        #block_4 .corporateBlog .bElements .card .card-body h6 {
          margin-top: 15px; }
      #block_4 .corporateBlog .bElements .card .card-img-right {
        display: none; }
  #block_4 .arrowLeft, #block_4 .arrowRight {
    bottom: 7%; }
  #block_4 .fa-chevron-right {
    right: 44%; }
  #block_4 .fa-chevron-left {
    left: 44%; }
  #block_4 .b4 .mosaic-img a img, #block_2 .b2 .mosaic-img a img {
    width: 100%; }
  .bx-wrapper .bx-controls-direction a {
    margin-top: 65px; }
  .bx-wrapper .bx-prev {
    left: 35%; }
  .bx-wrapper .bx-next {
    right: 35%; }
  .categories {
    height: 175px;
    margin-bottom: 20px; }
  .footer-slide {
    width: 135px !important; }
  #block_5 {
    background-image: unset;
    background-color: #333d47;
    margin-top: 20px;
    margin-bottom: 0; }
    #block_5 .blockL, #block_5 .blockC, #block_5 .blockR {
      width: 100%; } }

@media screen and (max-width: 575px) {
  .headVideo #myCarousel .carousel-inner .carousel-item .containerInn {
    background-image: unset;
    width: 59%; }
    .headVideo #myCarousel .carousel-inner .carousel-item .containerInn .mosaic-text {
      /*background-color: #333d4775; фон на частині баннера в шапці */
      width: 70%;
      min-width: unset;
      margin-right: auto; }
  .partnery ul li {
    margin: 5px auto; }
  #block_2 .b2 .sidebar-bloc-title {
    font-size: 200%; }
  #block_2 .b2:nth-child(6) .mosaic-img a .mosaic-text {
    position: absolute;
    top: 0;
    width: 97%;
    font-size: 200%;
    height: 100%;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: rgba(0, 0, 0, 0.5); }
    #block_2 .b2:nth-child(6) .mosaic-img a .mosaic-text span {
      margin: auto; }
      #block_2 .b2:nth-child(6) .mosaic-img a .mosaic-text span em p span {
        font-size: 225% !important; }
  #block_3 .b3 {
    margin-bottom: 20px; }
    #block_3 .b3 .b3_2_2 .mosaic-img a span em iframe {
      height: 485px; }
    #block_3 .b3 .mosaic-news .titles h5 {
      font-size: 150%; }
  #block_3 .b3_2_1, #block_3 .b3_2_2 {
    height: auto !important; }
    #block_3 .b3_2_1 .corporateBlogTitle h5, #block_3 .b3_2_2 .corporateBlogTitle h5 {
      font-size: 200%; }
    #block_3 .b3_2_1 .stattja, #block_3 .b3_2_2 .stattja {
      font-size: 170%; }
    #block_3 .b3_2_1 .corporateBlogAuthor .image img, #block_3 .b3_2_2 .corporateBlogAuthor .image img {
      width: 100% !important;
      height: auto !important; }
    #block_3 .b3_2_1 .corporateBlogAuthor .textBlock, #block_3 .b3_2_2 .corporateBlogAuthor .textBlock {
      padding: 15px; }
      #block_3 .b3_2_1 .corporateBlogAuthor .textBlock .name, #block_3 .b3_2_2 .corporateBlogAuthor .textBlock .name {
        font-size: 200%;
        height: 35px; }
      #block_3 .b3_2_1 .corporateBlogAuthor .textBlock .text, #block_3 .b3_2_2 .corporateBlogAuthor .textBlock .text {
        font-size: 150%;
        margin-top: -20%; }
  #block_3 .b3 .mosaic-news ul li {
    display: none; }
    #block_3 .b3 .mosaic-news ul li a {
      height: auto; }
  #block_3 .b3 .mosaic-news ul li:nth-child(-n+4) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  #block_3 .b3 .mosaic-news ul .mosaic-news-img {
    height: auto;
    max-height: -webkit-fit-content;
    max-height: -moz-fit-content;
    max-height: fit-content; }
    #block_3 .b3 .mosaic-news ul .mosaic-news-img a {
      width: 100%; } }

@media screen and (min-width: 1024px) {
  #block_3 .b3 .b3_2_1 {
    padding-top: 15px; } }

@media screen and (min-width: 1200px) {
  #block_2 .b2 {
    max-width: 30%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    margin: 30px auto 60px; }
  #block_3 .b3 .b3_2_1 {
    padding-top: 25px; } }

@media screen and (min-width: 320px) and (max-width: 374px) {
  .headVideo #myCarousel .carousel-inner .carousel-item .containerInn {
    left: 20px !important;
    bottom: 15%;
    width: 85%; }
  .headVideo #myCarousel .carousel-inner .carousel-item .mosaic-text {
    width: 80%; }
    .headVideo #myCarousel .carousel-inner .carousel-item .mosaic-text .headerElement {
      font-size: 15px; }
    .headVideo #myCarousel .carousel-inner .carousel-item .mosaic-text .textPhoto {
      font-size: 10px; }
  .headVideo #myCarousel .carousel-inner .carousel-item img {
    width: 250%;
    margin-left: -80%; }
  #block_0 {
    margin-top: 10px;
    margin-bottom: 0; }
    #block_0 #web_chat {
      margin: 20px auto; }
      #block_0 #web_chat #web_chat_header {
        padding: 15px 22px; }
  #block_1 {
    margin-bottom: 15px; }
    #block_1 .b1 {
      /*height: 215px;*/ }
  #block_2 {
    background: unset;
    padding: 0; }
  #block_3 {
    background: unset;
    padding: 0;
    margin-top: 0; }
    #block_3 .b3 .mosaic-news ul li {
      width: 100%; }
  #block_4 .corporateBlog .card .card-body .headAuthor {
    height: 70px !important; }
    #block_4 .corporateBlog .card .card-body .headAuthor .smallI {
      height: 65px !important;
      width: 90px !important; }
    #block_4 .corporateBlog .card .card-body .headAuthor .nameAuthor {
      /*max-width: 80%;*/ }
  #block_4 .corporateBlog .card .card-body .card-text {
    min-width: 65px;
    height: 120px !important; }
  #block_4 .arrowLeft, #block_4 .arrowRight {
    top: unset;
    bottom: 0; }
  #block_4 .fa-chevron-right {
    right: 32%; }
  #block_4 .fa-chevron-left {
    left: 32%; } }

@media screen and (min-width: 375px) and (max-width: 424px) {
  .headVideo #myCarousel .carousel-inner .carousel-item .containerInn {
    left: 20px !important;
    bottom: 15%; }
  .headVideo #myCarousel .carousel-inner .carousel-item .mosaic-text {
    width: 80%; }
    .headVideo #myCarousel .carousel-inner .carousel-item .mosaic-text .headerElement {
      font-size: 15px; }
    .headVideo #myCarousel .carousel-inner .carousel-item .mosaic-text .textPhoto {
      font-size: 10px; }
  .headVideo #myCarousel .carousel-inner .carousel-item img {
    width: 200%;
    margin-left: -50%; }
  #block_0 {
    margin-top: 10px;
    margin-bottom: 0; }
    #block_0 #web_chat #web_chat_header {
      padding: 15px 22px; }
  #block_1 {
    margin-bottom: 15px; }
    #block_1 .b1 {
      height: 270px; }
      #block_1 .b1 .mosaic-img {
        height: 270px;
        padding: 10px; }
  #block_2 {
    background: unset;
    padding: 0;
    margin-top: 10px;
    margin-bottom: 0; }
  #block_3 {
    background: unset;
    padding: 0;
    margin-top: 0; }
    #block_3 .b3 .mosaic-news ul li {
      width: 100%; }
  #block_4 .corporateBlog .bElements .card .card-body .headAuthor {
    height: 70px !important; }
    #block_4 .corporateBlog .bElements .card .card-body .headAuthor .smallI {
      height: 70px !important;
      width: 70px !important; }
  #block_4 .arrowLeft, #block_4 .arrowRight {
    top: unset;
    bottom: 0; }
  #block_4 .fa-chevron-right {
    right: 35%; }
  #block_4 .fa-chevron-left {
    left: 35%; } }

@media screen and (min-width: 425px) and (max-width: 575px) {
  .headVideo #myCarousel .carousel-inner .carousel-item .containerInn {
    /*left: 35px!important;*/
    left: 0px !important;
    bottom: 15%; }
  .headVideo #myCarousel .carousel-inner .carousel-item .mosaic-text {
    width: 70%; }
    .headVideo #myCarousel .carousel-inner .carousel-item .mosaic-text .headerElement {
      font-size: 15px; }
    .headVideo #myCarousel .carousel-inner .carousel-item .mosaic-text .textPhoto {
      font-size: 10px; }
  .headVideo #myCarousel .carousel-inner .carousel-item img {
    width: 180%;
    margin-left: -30%; }
  #block_0 {
    margin-top: 10px;
    margin-bottom: 0; }
    #block_0 #web_chat #web_chat_header {
      padding: 15px 22px; }
  #block_1 {
    margin-bottom: 15px; }
    #block_1 .b1 {
      height: 270px; }
      #block_1 .b1 .mosaic-img {
        height: 270px;
        padding: 10px; }
        #block_1 .b1 .mosaic-img a .photoElement {
          background-size: 45%; }
  #block_2 {
    background: unset;
    padding: 0;
    margin-top: 10px;
    margin-bottom: 0; }
  #block_3 {
    background: unset;
    padding: 0;
    margin-top: 0; }
    #block_3 .b3 .mosaic-news ul li {
      width: 100%; }
  #block_4 .corporateBlog .bElements .card .card-body .headAuthor {
    height: 90px !important; }
  #block_4 .arrowLeft, #block_4 .arrowRight {
    top: unset;
    bottom: 0; }
  #block_4 .fa-chevron-right {
    right: 37%; }
  #block_4 .fa-chevron-left {
    left: 37%; } }

@media screen and (min-width: 576px) and (max-width: 767px) {
  #block_4 .corporateBlog .card .card-body .headAuthor {
    height: 75px !important; }
    #block_4 .corporateBlog .card .card-body .headAuthor .smallI {
      width: 75px !important;
      height: 75px !important; }
  #block_4 .corporateBlog .card .card-img-right {
    display: none; }
  #block_4 .fa-chevron-right {
    right: 37%; }
  #block_4 .fa-chevron-left {
    left: 37%; } }

@media screen and (min-width: 768px) and (max-width: 991px) {
  .headVideo #myCarousel .carousel-inner .carousel-item .mosaic-text {
    width: 40%; }
    .headVideo #myCarousel .carousel-inner .carousel-item .mosaic-text .headerElement {
      font-size: 20px; }
    .headVideo #myCarousel .carousel-inner .carousel-item .mosaic-text .textPhoto {
      font-size: 15px; }
  #block_1 .b1 {
    height: 285px; }
    #block_1 .b1 .mosaic-img {
      height: 285px; }
      #block_1 .b1 .mosaic-img a .photoElement {
        width: 41%;
        background-size: 40%; }
    #block_1 .b1:first-child .mosaic-text span em div span {
      font-size: 13px; }
  #block_2 .b2 {
    padding: 0 10px; }
  #block_3 {
    background-position-x: -50px; }
    #block_3 .b3 .mosaic-news ul li time {
      margin-bottom: 15px; }
    #block_3 .b3 .mosaic-news ul li:nth-child(10) {
      display: none; }
    #block_3 .b3 .mosaic-news ul .mosaic-news-img {
      height: 170px;
      max-height: 170px; }
  #block_4 .corporateBlog {
    height: 400px; }
    #block_4 .corporateBlog .bElements .card .card-body {
      max-width: 100%; }
      #block_4 .corporateBlog .bElements .card .card-body .headAuthor {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
        height: 85px;
        overflow: hidden; }
        #block_4 .corporateBlog .bElements .card .card-body .headAuthor .smallI {
          display: block;
          width: 85px;
          height: 85px; }
        #block_4 .corporateBlog .bElements .card .card-body .headAuthor .nameAuthor {
          max-width: 84%;
          padding-left: 10px; }
          #block_4 .corporateBlog .bElements .card .card-body .headAuthor .nameAuthor h4 {
            font-size: 1rem;
            width: 100%; }
          #block_4 .corporateBlog .bElements .card .card-body .headAuthor .nameAuthor .text-muted {
            width: 100%; }
            #block_4 .corporateBlog .bElements .card .card-body .headAuthor .nameAuthor .text-muted span {
              font-size: 9px; }
    #block_4 .corporateBlog .bElements .card .card-img-right {
      display: none; }
  #block_4 .arrowLeft, #block_4 .arrowRight {
    top: unset;
    bottom: 0; }
  #block_4 .fa-chevron-right {
    right: 42.5%; }
  #block_4 .fa-chevron-left {
    left: 42.5%; }
  #block_5 {
    background-image: unset;
    background-color: #333d47;
    margin-top: 50px;
    margin-bottom: 0; }
    #block_5 .electro .electro, #block_5 .electro .pilons, #block_5 .electro .humans, #block_5 .blockC .electro, #block_5 .blockC .pilons, #block_5 .blockC .humans, #block_5 .blockR .electro, #block_5 .blockR .pilons, #block_5 .blockR .humans {
      height: 65px;
      background-position: center center; }
    #block_5 .electro .electro, #block_5 .electro .pilons, #block_5 .blockC .electro, #block_5 .blockC .pilons, #block_5 .blockR .electro, #block_5 .blockR .pilons {
      background-size: 77%; } }

@media screen and (min-width: 992px) and (max-width: 1199px) {
  #block_1 .b1 .mosaic-img .boxBanner .mosaic-text span em div h4 {
    font-size: 13px; }
  #block_1 .b1 .mosaic-img .boxBanner .mosaic-text span em div p {
    font-size: .88rem; }
  #block_1 .b1 .mosaic-img .boxBanner .mosaic-text span em div .phone {
    padding: 0; }
    #block_1 .b1 .mosaic-img .boxBanner .mosaic-text span em div .phone a {
      font-size: 13px; }
  #block_2 .b2 {
    margin: 0 15px; }
  #block_3 {
    background-position-x: -70px; }
  #block_4 .corporateBlog .card .card-body {
    padding-top: 10px;
    padding-bottom: 10px; }
    #block_4 .corporateBlog .card .card-body .headAuthor .nameAuthor .text-muted .text {
      font-size: 10px; }
  #block_4 .corporateBlog .card .card-img-right img {
    min-width: 200px !important;
    max-height: 248px !important; }
  #block_4 .fa-chevron-right {
    right: 45%; }
  #block_4 .fa-chevron-left {
    left: 45%; }
  #block_5 .container {
    margin-top: 15px; }
  #block_5 .blockL .pilons, #block_5 .blockC .pilons, #block_5 .blockR .pilons {
    height: 100%; }
  #block_5 .blockL .count, #block_5 .blockC .count, #block_5 .blockR .count {
    width: 150px;
    font-size: 30px; } }

/*home page end*/
body p, body td {
  font-size: 14px;
  font-family: "Arial"; }

.header {
  background: #fff;
  height: auto;
  position: relative;
  padding-top: 0; }
  .header .logoBlock {
    position: relative;
    padding: 0 20px;
    /*height: 75px;*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .header .mobileNAvigation {
    display: none;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    position: fixed;
    width: 100%;
    height: 100vh;
    left: 0;
    top: 0;
    z-index: 99;
    padding: 15px 25px;
    background-color: #e0e0e0; }
    .header .mobileNAvigation .closeMenu {
      position: absolute;
      top: 10px;
      right: 10px;
      width: 20px;
      height: 20px; }
      .header .mobileNAvigation .closeMenu i {
        font-size: 25px;
        line-height: .8; }
    .header .mobileNAvigation .mainMoboMenu {
      width: 100%;
      height: 95vh;
      margin-bottom: 0;
      list-style: none;
      padding: 0; }
      .header .mobileNAvigation .mainMoboMenu li {
        width: 100%;
        padding: 15px 5px;
        text-align: center; }
        .header .mobileNAvigation .mainMoboMenu li a {
          display: block;
          text-decoration: none;
          padding: 0 10px;
          font-weight: 400;
          font-size: 18px;
          line-height: 20px;
          color: #000;
          margin-top: auto;
          margin-bottom: auto; }
        .header .mobileNAvigation .mainMoboMenu li .dropp {
          margin-top: auto;
          margin-bottom: auto;
          height: 15px; }
          .header .mobileNAvigation .mainMoboMenu li .dropp i {
            font-size: 15px;
            display: block;
            -webkit-transition: display 1s;
            -o-transition: display 1s;
            transition: display 1s; }
        .header .mobileNAvigation .mainMoboMenu li ul li {
          padding: 5px; }
          .header .mobileNAvigation .mainMoboMenu li ul li a {
            font-size: 13px; }
        .header .mobileNAvigation .mainMoboMenu li:hover {
          background-color: #fff;
          cursor: pointer; }
      .header .mobileNAvigation .mainMoboMenu .nav-drops ul {
        display: none; }
    .header .mobileNAvigation .new-nav {
      display: none; }
  .header .off {
    width: 0;
    /*height: 100%;*/
    /*padding: 0 35px 0 0;*/
    left: -130px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s; }

.nav {
  position: -webkit-sticky;
  position: sticky;
  margin-top: -50px;
  top: -1px;
  z-index: 99;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-duration: .5s;
  -o-transition-duration: .5s;
  transition-duration: .5s;
  padding: 0 15px;
  height: 50px;
  background-color: #333d47;
  -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3); }
  .nav .containerInn {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .nav .containerInn .logoSmall {
      height: 50px;
      margin-left: 0;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin-right: 15px; }
      .nav .containerInn .logoSmall img {
        height: 40px;
        margin: auto; }
    .nav .containerInn ul {
      margin: auto 10px;
      /*margin-left: 10px; */
    }
  .nav .search {
    margin: auto 0 auto auto;
    width: 230px; }
    .nav .search #gsc-iw-id1 {
      border: unset !important;
      padding-top: 3px !important;
      padding-bottom: 4px !important; }
    .nav .search td.gsc-search-button {
      border-top-right-radius: 7px;
      border-bottom-right-radius: 7px;
      /*background-color: unset!important;*/ }
  .nav .mainMenu {
    margin: auto;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .nav .mainMenu > li > a {
      display: block;
      text-decoration: none;
      font-family: "Roboto";
      padding: 10px;
      /*height: 50px;*/
      font-style: normal;
      font-weight: normal;
      font-size: 13px;
      line-height: 15px;
      letter-spacing: 0.04em;
      color: #A8A8A8;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .nav .mainMenu > li > a span {
        margin: auto;
        padding: 10px 0; }
    .nav .mainMenu > li:hover {
      color: #fff;
      /*background-color: #fff;*/
      /*border-bottom: 1px solid $orange;*/ }
      .nav .mainMenu > li:hover a {
        color: #fff; }
        .nav .mainMenu > li:hover a span {
          border-bottom: 2px solid #ffa300; }
    .nav .mainMenu .nav-drops .container, .nav .mainMenu .nav-drops ul {
      position: absolute;
      left: 0;
      right: 0;
      top: 43px;
      z-index: 9;
      display: none;
      width: 100%;
      padding: 28px 0 18px 30px;
      overflow: hidden;
      background-color: #fff;
      -webkit-box-shadow: 0 15px 15px rgba(0, 0, 0, 0.3);
      box-shadow: 0 15px 15px rgba(0, 0, 0, 0.3); }
      .nav .mainMenu .nav-drops .container li, .nav .mainMenu .nav-drops ul li {
        width: 300px;
        margin: 10px 0 17px 0;
        float: unset;
        border: unset; }
        .nav .mainMenu .nav-drops .container li a, .nav .mainMenu .nav-drops ul li a {
          display: block;
          text-decoration: none;
          color: #000;
          font-size: 16px;
          font-weight: 400;
          font-family: "Roboto", sans-serif;
          height: 20px;
          line-height: 20px;
          border: unset; }
          .nav .mainMenu .nav-drops .container li a span, .nav .mainMenu .nav-drops ul li a span {
            border: unset !important; }
          .nav .mainMenu .nav-drops .container li a:hover, .nav .mainMenu .nav-drops ul li a:hover {
            color: #96c749;
            text-decoration: none; }
    .nav .mainMenu .nav-drops:hover ul {
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      -o-flex-wrap: wrap;
      flex-wrap: wrap;
      margin: 0; }
    .nav .mainMenu .active {
      color: #fff !important;
      text-decoration: none !important;
      cursor: default;
      /*background-color: #fff;*/ }
      .nav .mainMenu .active a {
        color: #fff !important; }
        .nav .mainMenu .active a span {
          border-bottom: 2px solid #ffa300; }
  .nav .new-nav {
    position: absolute;
    right: 15px;
    top: 30%;
    /*float: right; */
    margin: auto 0 auto auto; }
    .nav .new-nav a {
      text-decoration: none;
      color: #fff; }
      .nav .new-nav a i {
        font-size: 25px; }
      .nav .new-nav a:hover {
        text-decoration: none; }
      .nav .new-nav a:nth-child(even) i {
        color: #94d500; }
      .nav .new-nav a:nth-child(odd) i {
        color: #ffa300; }

.navBlack {
  background-color: #000;
  -webkit-transition-duration: .5s;
  -o-transition-duration: .5s;
  transition-duration: .5s; }
  .navBlack .logoSmall {
    height: 50px;
    margin-left: 0;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 15px; }
    .navBlack .logoSmall img {
      height: 40px;
      margin: auto; }
  .navBlack ul {
    margin: auto; }

@media screen and (min-width: 576px) {
  .containerInn {
    max-width: 540px; } }

@media screen and (min-width: 768px) {
  .gamburger, .logo {
    display: none; }
  .containerInn {
    max-width: 720px; } }

@media screen and (min-width: 992px) {
  .containerInn {
    max-width: 960px; } }

@media screen and (min-width: 1200px) {
  .containerInn {
    max-width: 1140px; } }

@media screen and (max-width: 767px) {
  .headVideo {
    margin-top: 0 !important; }
    .headVideo video {
      display: none; }
  .container {
    max-width: 100%; }
  .mobileNAvigation {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    padding-bottom: 15px; }
    .mobileNAvigation .mainMoboMenu {
      height: 205px;
      overflow: hidden;
      overflow-y: auto; }
    .mobileNAvigation li {
      font-family: "Roboto", sans-serif;
      font-size: 25px;
      max-height: 85px; }
      .mobileNAvigation li a {
        font-family: "Roboto", sans-serif;
        font-size: 25px; }
    .mobileNAvigation .nav-drops {
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      -o-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      max-height: unset;
      min-height: 50px; }
      .mobileNAvigation .nav-drops ul {
        width: 100%; }
      .mobileNAvigation .nav-drops .dropp {
        /*margin-top: -10px;*/ }
  .nav {
    display: none; }
  .header {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 0 !important;
    height: 115px; }
  .logoBlock {
    background-color: #333d47;
    width: 100% !important;
    height: 100%;
    position: relative;
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .logoBlock #search_site {
      display: flex!important;
      margin-bottom: 10px!important;
      overflow: hidden;
    }
    .logoBlock a {
      float: unset !important;
      width: 50% !important;
      height: 67% !important;
      margin: 0 auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      overflow: unset;
      position: relative !important; }
      .logoBlock a img {
        width: 55%;
        margin: auto; }
    .logoBlock .gamburger {
      margin: auto 0;
      height: 30px;
      width: 30px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
      .logoBlock .gamburger i {
        font-size: 35px;
        color: #fff; }
    .logoBlock .new-nav {
      float: unset;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      margin: 0 auto -10px auto;
      width: 100%; } }

@media screen and (min-width: 425px) and (max-width: 575px) {
  .logoBlock a {
    margin-left: 0; }
    .logoBlock a img {
      margin-left: 0;
      width: 75px; } }

@media screen and (min-width: 576px) and (max-width: 767px) {
  .logoBlock a {
    margin-left: 0; }
    .logoBlock a img {
      margin-left: 0;
      width: 100px; } }

@media screen and (min-width: 768px) and (max-width: 991px) {
  .mobileNAvigation {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    padding-bottom: 15px; }
    .mobileNAvigation .mainMoboMenu {
      height: 205px;
      overflow: hidden;
      overflow-y: auto; }
    .mobileNAvigation li {
      font-family: "Roboto", sans-serif;
      font-size: 25px;
      max-height: 85px; }
      .mobileNAvigation li a {
        font-family: "Roboto", sans-serif;
        font-size: 25px; }
    .mobileNAvigation .nav-drops {
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      -o-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      max-height: unset;
      min-height: 50px; }
      .mobileNAvigation .nav-drops ul {
        width: 100%; }
      .mobileNAvigation .nav-drops .dropp {
        /*margin-top: -10px;*/ }
  .nav {
    padding: 0 15px; }
    .nav .gamburger {
      margin: auto 30px auto 0;
      height: 35px;
      width: 30px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
      .nav .gamburger i {
        font-size: 35px;
        color: #fff; }
    .nav ul {
      display: none !important;
      margin: 0 auto; }
    .nav .search {
      width: 195px;
      display: none; }
  .container {
    max-width: 100%; }
  .bx-wrapper .bx-prev {
    left: -5px; }
  .bx-wrapper .bx-next {
    right: -5px; } }

@media screen and (min-width: 992px) and (max-width: 1199px) {
  .nav {
    padding: 0 15px; }
    .nav ul {
      margin: auto 5px; }
      .nav ul li a {
        font-size: 0.93rem !important; }
    .nav .new-nav a {
      margin-left: 10px; } }

@media screen and (min-width: 1200px) and (max-width: 1440px) {
  .nav {
    padding: 0 15px; }
    .nav .logoSmall {
      margin-left: auto; }
    .nav ul {
      margin: 0; }
    .nav .new-nav {
      margin: auto 0 auto 23px; }
      .nav .new-nav a {
        margin-left: 10px; } }

#web_chat {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  margin: auto;
  height: 142.59px;
  margin: auto;
  /*margin-top: 20px;*/ }
  #web_chat #web_chat_body_form_ecount {
    position: unset;
    width: 100%;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 20px; }
    #web_chat #web_chat_body_form_ecount form {
      width: 100%; }
      #web_chat #web_chat_body_form_ecount form #web_chat_captcha_ecount {
        height: auto !important;
        position: relative !important;
        bottom: -10px !important;
        left: 0 !important; }
        #web_chat #web_chat_body_form_ecount form #web_chat_captcha_ecount div {
          margin: auto; }
    #web_chat #web_chat_body_form_ecount #web_chat_button_next, #web_chat #web_chat_body_form_ecount #web_chat_button {
      bottom: unset !important;
      left: unset !important;
      position: unset !important;
      margin: auto; }
  #web_chat #web_chat_header {
    position: unset !important;
    width: 100%;
    /*border: 1px solid $l-grey;*/
    border: unset;
    color: #4a4a4a;
    padding: 10px;
    padding-right: 74px;
    padding-left: 23px;
    background-color: #DCDCDE;
    margin: 0;
    /*box-shadow: 0 4px 7px $l-grey;*/
    /*border-radius: 0 0 15px 0;*/
    border-radius: 8px;
    /*margin-bottom: 15px;*/
    /*&:hover{
			box-shadow: 0 4px 7px $grey;
		}*/ }
    #web_chat #web_chat_header #web_chat_body_top {
      position: unset;
      height: 100%; }
      #web_chat #web_chat_header #web_chat_body_top .chatElements {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 100%; }
        #web_chat #web_chat_header #web_chat_body_top .chatElements .image {
          display: -webkit-flex;
          display: -moz-flex;
          display: -ms-flex;
          display: -o-flex;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          height: 100%;
          width: 20%; }
          #web_chat #web_chat_header #web_chat_body_top .chatElements .image img {
            margin: auto;
            width: 100%;
            background-image: url(); }
        #web_chat #web_chat_header #web_chat_body_top .chatElements .webChatBody {
          width: 80%;
          display: -webkit-flex;
          display: -moz-flex;
          display: -ms-flex;
          display: -o-flex;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-flex-wrap: wrap;
          -moz-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
          -o-flex-wrap: wrap;
          flex-wrap: wrap; }
          #web_chat #web_chat_header #web_chat_body_top .chatElements .webChatBody .webChatText {
            /*padding-left: 10px;*/
            padding-left: 36px; }
            #web_chat #web_chat_header #web_chat_body_top .chatElements .webChatBody .webChatText h4 {
              font-size: 22px;
              font-weight: 700;
              cursor: default;
              color: #333d47; }
            #web_chat #web_chat_header #web_chat_body_top .chatElements .webChatBody .webChatText p {
              cursor: default;
              font-family: Roboto;
              font-style: normal;
              font-weight: normal;
              font-size: 14px;
              line-height: 16px; }
          #web_chat #web_chat_header #web_chat_body_top .chatElements .webChatBody .btn {
            margin: 0;
            margin-right: 0;
            margin-left: auto;
            height: 30px;
            line-height: 13px;
            /*background-color: $white;*/
            background-color: #94d500;
            /*border: 1px solid $grey;*/
            border: unset;
            color: #333d47bf;
            font-weight: 700; }
            #web_chat #web_chat_header #web_chat_body_top .chatElements .webChatBody .btn:hover {
              /*border: 1px solid $orange;*/
              /*background-color: $orange;*/
              background-color: #3A414B;
              color: #fff; }
        #web_chat #web_chat_header #web_chat_body_top .chatElements:hover .btn {
          /*border: 1px solid $orange;*/
          color: #333d47; }
  #web_chat #web_chat_body {
    border: 2px solid #333d4775;
    border-radius: 10px;
    color: #333d47;
    padding: 10px;
    left: 0;
    right: 0;
    top: 50%;
    bottom: 50%;
    position: fixed;
    margin: auto;
    width: 36%;
    z-index: 100;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    overflow: hidden;
    overflow-y: auto; }
    #web_chat #web_chat_body #web_chat_body_top {
      padding-top: 10px; }
      #web_chat #web_chat_body #web_chat_body_top .chatElements {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 80%;
        margin: auto;
        margin-left: 15px; }
        #web_chat #web_chat_body #web_chat_body_top .chatElements .webChatBody {
          width: 80%;
          margin: auto;
          /*margin-left: 15px;*/
          padding: 0 10px;
          display: -webkit-flex;
          display: -moz-flex;
          display: -ms-flex;
          display: -o-flex;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-flex-wrap: wrap;
          -moz-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
          -o-flex-wrap: wrap;
          flex-wrap: wrap; }
          #web_chat #web_chat_body #web_chat_body_top .chatElements .webChatBody .webChatText {
            display: -webkit-flex;
            display: -moz-flex;
            display: -ms-flex;
            display: -o-flex;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-flex-wrap: wrap;
            -moz-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            -o-flex-wrap: wrap;
            flex-wrap: wrap;
            width: 100%;
            margin: auto;
            text-align: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center; }
            #web_chat #web_chat_body #web_chat_body_top .chatElements .webChatBody .webChatText p {
              cursor: default;
              font-size: 16px;
              line-height: 16px;
              font-weight: 700;
              margin: auto 0; }
          #web_chat #web_chat_body #web_chat_body_top .chatElements .webChatBody .image {
            display: -webkit-flex;
            display: -moz-flex;
            display: -ms-flex;
            display: -o-flex;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            height: 100%;
            width: 20%;
            margin-left: auto !important;
            margin-right: 15px !important; }
            #web_chat #web_chat_body #web_chat_body_top .chatElements .webChatBody .image img {
              margin: auto;
              width: 100%; }
      #web_chat #web_chat_body #web_chat_body_top #web_chat_close {
        position: absolute;
        right: 10px;
        top: 10px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 30px;
        height: 30px;
        font-size: 25px;
        line-height: 22px;
        cursor: pointer;
        border-radius: 5px; }
    #web_chat #web_chat_body #web_chat_body_form #web_chat_body_info {
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      -o-flex-wrap: wrap;
      flex-wrap: wrap;
      text-align: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      /*margin-top: 15px;*/ }
      #web_chat #web_chat_body #web_chat_body_form #web_chat_body_info span {
        width: 100%; }
      #web_chat #web_chat_body #web_chat_body_form #web_chat_body_info .web_chat_ecount {
        width: auto;
        margin-left: 10px;
        font-weight: 700; }
      #web_chat #web_chat_body #web_chat_body_form #web_chat_body_info .web_chat_table_ecount {
        margin-top: 10px; }
      #web_chat #web_chat_body #web_chat_body_form #web_chat_body_info .info {
        text-align: center; }
      #web_chat #web_chat_body #web_chat_body_form #web_chat_body_info .text {
        width: 100%; }
      #web_chat #web_chat_body #web_chat_body_form #web_chat_body_info div {
        margin: 10px auto;
        border-radius: 5px; }
    #web_chat #web_chat_body #web_chat_body_form #web_chat_captcha {
      margin-top: 0 !important; }
    #web_chat #web_chat_body #web_chat_form_persid, #web_chat #web_chat_body #web_chat_form_select {
      position: unset;
      padding: 10px 0; }
      #web_chat #web_chat_body #web_chat_form_persid h4, #web_chat #web_chat_body #web_chat_form_select h4 {
        text-align: center;
        margin: 0;
        width: 100%;
        font-family: "Tornado";
        color: #333d47; }
      #web_chat #web_chat_body #web_chat_form_persid #web_chat_inpur_persuid, #web_chat #web_chat_body #web_chat_form_persid #web_chat_select_options, #web_chat #web_chat_body #web_chat_form_select #web_chat_inpur_persuid, #web_chat #web_chat_body #web_chat_form_select #web_chat_select_options {
        text-align: center;
        border: 2px solid #333d4775;
        height: 2.5em;
        width: 90%;
        font-family: "Tornado";
        font-size: 17px;
        color: #333d47;
        outline: none;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        margin: 10px auto 0; }
      #web_chat #web_chat_body #web_chat_form_persid form, #web_chat #web_chat_body #web_chat_form_select form {
        margin: auto; }
        #web_chat #web_chat_body #web_chat_form_persid form #web_chat_captcha, #web_chat #web_chat_body #web_chat_form_select form #web_chat_captcha {
          padding-top: 30px;
          margin-top: 0 !important;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center; }
    #web_chat #web_chat_body #web_chat_body_info .info {
      text-align: justify;
      font-family: "Tornado";
      font-size: 12px;
      font-weight: normal; }
    #web_chat #web_chat_body #web_chat_form_select #web_chat_select_options option {
      font-family: "Tornado";
      font-size: 17px;
      color: #333d47; }

.nonvisible {
  height: 50px;
  display: block;
  width: 100%; }

#modal_window1 {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  position: fixed;
  display: none;
  border: 2px solid #333d4775;
  border-radius: 10px;
  background-color: #fff;
  color: #333d47;
  padding: 10px;
  left: 0;
  right: 0;
  top: 50%;
  bottom: 50%;
  position: fixed;
  margin: auto;
  height: 480px;
  width: 56%;
  text-align: center;
  z-index: 20; }
  #modal_window1 h3 {
    width: 95%;
    margin-left: 0;
    margin-right: auto;
    text-align: center;
    font-family: "Arial";
    font-weight: 700; }
  #modal_window1 h5 {
    width: 100%; }
  #modal_window1 ul {
    width: 100%;
    margin-top: 15px;
    padding: 0 10px; }
    #modal_window1 ul span {
      font-family: "Tornado";
      font-size: 20px;
      margin-bottom: 10px; }
    #modal_window1 ul li {
      margin-top: 5px;
      list-style: none;
      text-align: left;
      font-size: 15px;
      font-family: "Tornado"; }
  #modal_window1 #modal_window1_left, #modal_window1 #modal_window1_right, #modal_window1 #modal_window1_centr {
    margin: 0 auto;
    height: 42px;
    padding: 5px;
    width: 30%;
    line-height: 13px;
    font-family: "Tornado";
    border-radius: 10px;
    background-color: #fff;
    border: 1px solid #333d47bf;
    color: #333d47bf;
    font-weight: 700;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    #modal_window1 #modal_window1_left span, #modal_window1 #modal_window1_right span, #modal_window1 #modal_window1_centr span {
      margin: auto; }
    #modal_window1 #modal_window1_left:hover, #modal_window1 #modal_window1_right:hover, #modal_window1 #modal_window1_centr:hover {
      border: 1px solid #ffa300;
      background-color: #ffa300;
      color: #fff;
      cursor: pointer; }
  #modal_window1 #modal_window1_clouse {
    position: absolute;
    right: 10px;
    top: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    font-size: 25px;
    line-height: 22px;
    cursor: pointer;
    border-radius: 5px; }
    #modal_window1 #modal_window1_clouse:hover {
      background-color: #ffa300;
      color: #fff; }

.sideMenu .sidebar {
  width: 100%;
  float: unset;
  /*позже удалить*/ }
  .sideMenu .sidebar .sidebar-bloc {
    padding-bottom: 10px;
    margin-bottom: 15px;
    border-radius: 0 0 15px 0;
    overflow: hidden;
    -webkit-box-shadow: 0 4px 10px #333d4775;
    box-shadow: 0 4px 10px #333d4775;
    background-color: #333d47bf;
    max-height: 350px;
    width: 100%;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    /*&:nth-child(even):hover{
			ul{
				li:hover{
					background-color: $green;
				}
			}
			box-shadow: 0 2px 9px $green;
			.fas{
				color: $green;
			}
		}
		&:nth-child(odd):hover{
			ul{
				li:hover{
					background-color: $orange;
				}
			}
			box-shadow: 0 2px 9px $orange;
			.fas{
				color: $orange;
			}
		}*/ }
    .sideMenu .sidebar .sidebar-bloc .sidebar-bloc-title {
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 100%;
      height: 50px;
      padding: 0 20px;
      font-weight: 700;
      font-size: 16px;
      line-height: 50px;
      color: #fff;
      background-color: rgba(0, 0, 0, 0.1); }
      .sideMenu .sidebar .sidebar-bloc .sidebar-bloc-title span {
        font-family: "Roboto", sans-serif; }
    .sideMenu .sidebar .sidebar-bloc ul {
      max-height: 265px;
      overflow-y: auto; }
      .sideMenu .sidebar .sidebar-bloc ul li {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        overflow: hidden;
        position: relative; }
        .sideMenu .sidebar .sidebar-bloc ul li i, .sideMenu .sidebar .sidebar-bloc ul li .fa-angle-double-right {
          margin: auto 0;
          position: relative;
          left: -23px;
          top: 5%;
          -webkit-transition: left 1s;
          -o-transition: left 1s;
          transition: left 1s;
          position: absolute; }
        .sideMenu .sidebar .sidebar-bloc ul li a {
          margin-left: 15px;
          font-family: "Tornado";
          font-size: 12px; }
        .sideMenu .sidebar .sidebar-bloc ul li:hover i {
          left: 5px;
          color: #94d500; }
      .sideMenu .sidebar .sidebar-bloc ul .active {
        margin: 0;
        height: 30px; }
        .sideMenu .sidebar .sidebar-bloc ul .active a {
          padding-top: 5px;
          padding-bottom: 5px; }
        .sideMenu .sidebar .sidebar-bloc ul .active .fa-angle-double-right {
          display: none; }
        .sideMenu .sidebar .sidebar-bloc ul .active:before {
          /*display: none;*/
          left: 5px; }
    .sideMenu .sidebar .sidebar-bloc i {
      margin: auto;
      margin-right: 0;
      font-size: 24px; }
    .sideMenu .sidebar .sidebar-bloc:hover .sidebar-bloc, .sideMenu .sidebar .sidebar-bloc:hover .mosaic-img {
      -webkit-box-shadow: 0 4px 10px #333d47bf;
      box-shadow: 0 4px 10px #333d47bf; }
    .sideMenu .sidebar .sidebar-bloc:nth-child(even) {
      /*			.sidebar-bloc .fas, .mosaic-img .fas{
				color: $green;
			}*/
      /*.sidebar-bloc{*/
      /*}*/ }
      .sideMenu .sidebar .sidebar-bloc:nth-child(even) .sidebar-bloc-title {
        border-bottom: 1px solid #94d500; }
      .sideMenu .sidebar .sidebar-bloc:nth-child(even) ul li i {
        color: #94d500; }
      .sideMenu .sidebar .sidebar-bloc:nth-child(even):hover {
        -webkit-box-shadow: 0 2px 9px #94d500;
        box-shadow: 0 2px 9px #94d500; }
        .sideMenu .sidebar .sidebar-bloc:nth-child(even):hover .sidebar-bloc-title .fas {
          color: #94d500; }
    .sideMenu .sidebar .sidebar-bloc:nth-child(odd) {
      /*			.sidebar-bloc .fas, .mosaic-img .fas{
				color: $orange;
			}*/
      /*.sidebar-bloc{*/
      /*}*/ }
      .sideMenu .sidebar .sidebar-bloc:nth-child(odd) .sidebar-bloc-title {
        border-bottom: 1px solid #ffa300; }
      .sideMenu .sidebar .sidebar-bloc:nth-child(odd) ul li i {
        color: #ffa300; }
      .sideMenu .sidebar .sidebar-bloc:nth-child(odd):hover {
        -webkit-box-shadow: 0 2px 9px #ffa300;
        box-shadow: 0 2px 9px #ffa300; }
        .sideMenu .sidebar .sidebar-bloc:nth-child(odd):hover .sidebar-bloc-title .fas {
          color: #ffa300; }

.table input, .table textarea {
  width: 100%; }

main table {
  width: 100% !important; }
  main table select {
    width: 100%; }

.boxContent {
  background-color: #fff;
  border-radius: 10px;
  border: 1px solid #333d47bf;
  -webkit-box-shadow: 0 4px 10px #333d47;
  box-shadow: 0 4px 10px #333d47;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 20px;
  font-family: "Tornado";
  overflow: hidden;
  padding-bottom: 15px; }
  .boxContent strong {
    font-family: "Arial"; }
  .boxContent h2 {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    width: 100%;
    background-color: #333d4733;
    padding: 10px 15px;
    margin-top: 0 !important; }

.misija h5, .cinnosti h5 {
  margin-top: 0 !important;
  width: 100%;
  font-family: "Roboto", sans-serif;
  padding: 0 15px; }

.misija p, .cinnosti p {
  width: 100%;
  padding: 0 15px; }

.pobutovi .content, .jurydychni .content {
  padding: 10px; }
  .pobutovi .content .video, .jurydychni .content .video {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 15px; }
    .pobutovi .content .video iframe, .jurydychni .content .video iframe {
      max-width: 560px;
      width: 100%; }
  .pobutovi .content .varList, .jurydychni .content .varList {
    width: 100%;
    list-style: none;
    padding: 0;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap; }
    .pobutovi .content .varList h5, .jurydychni .content .varList h5 {
      width: 100%;
      font-family: "Roboto", sans-serif; }
    .pobutovi .content .varList .listElement, .jurydychni .content .varList .listElement {
      width: 15%;
      margin: 5px 0;
      padding: 0 5px;
      height: 150px;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      -o-flex-wrap: wrap;
      flex-wrap: wrap;
      font-size: 12px; }
      .pobutovi .content .varList .listElement a, .jurydychni .content .varList .listElement a {
        border-radius: 10px;
        border: 1px solid #333d4775;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
        height: 100%;
        padding: 7px;
        font-family: "Tornado";
        text-decoration: none !important; }
        .pobutovi .content .varList .listElement a .nomer, .pobutovi .content .varList .listElement a .personale, .pobutovi .content .varList .listElement a .pidrozdil, .pobutovi .content .varList .listElement a .emeil, .pobutovi .content .varList .listElement a .chat, .pobutovi .content .varList .listElement a .sms, .jurydychni .content .varList .listElement a .nomer, .jurydychni .content .varList .listElement a .personale, .jurydychni .content .varList .listElement a .pidrozdil, .jurydychni .content .varList .listElement a .emeil, .jurydychni .content .varList .listElement a .chat, .jurydychni .content .varList .listElement a .sms {
          background-position: center;
          background-repeat: no-repeat;
          background-size: 90%;
          width: 45%;
          margin: auto;
          height: 35%; }
        .pobutovi .content .varList .listElement a .personale, .jurydychni .content .varList .listElement a .personale {
          background-image: url(../img/key_o.svg); }
        .pobutovi .content .varList .listElement a .nomer, .jurydychni .content .varList .listElement a .nomer {
          width: 25%;
          background-image: url(../img/phone.svg); }
        .pobutovi .content .varList .listElement a .pidrozdil, .jurydychni .content .varList .listElement a .pidrozdil {
          background-image: url(../img/003-team.svg); }
        .pobutovi .content .varList .listElement a .emeil, .jurydychni .content .varList .listElement a .emeil {
          background-image: url(../img/emeil.svg); }
        .pobutovi .content .varList .listElement a .chat, .jurydychni .content .varList .listElement a .chat {
          width: 25%;
          background-image: url(../img/skype.svg); }
        .pobutovi .content .varList .listElement a .sms, .jurydychni .content .varList .listElement a .sms {
          width: 100%;
          color: #ffa300;
          text-align: center;
          font-family: "Roboto", sans-serif;
          font-size: 25px;
          line-height: 45px;
          font-weight: 500; }
        .pobutovi .content .varList .listElement a .text, .jurydychni .content .varList .listElement a .text {
          color: #000;
          font-weight: 400;
          text-align: center;
          margin: auto; }
        .pobutovi .content .varList .listElement a:hover, .jurydychni .content .varList .listElement a:hover {
          -webkit-box-shadow: 0 4px 10px #333d47bf;
          box-shadow: 0 4px 10px #333d47bf; }
  .pobutovi .content p, .jurydychni .content p {
    margin: 20px 0; }
    .pobutovi .content p a, .jurydychni .content p a {
      color: #94d500 !important; }
      .pobutovi .content p a:hover, .jurydychni .content p a:hover {
        color: #94d500 !important;
        /*font-weight: 700!important;*/
        text-decoration: none; }

.jurydychni .content .varList .listElement {
  height: 110px; }
  .jurydychni .content .varList .listElement a .nomer, .jurydychni .content .varList .listElement a .personale, .jurydychni .content .varList .listElement a .pidrozdil, .jurydychni .content .varList .listElement a .emeil, .jurydychni .content .varList .listElement a .chat, .jurydychni .content .varList .listElement a .sms {
    background-size: 65%;
    height: 50%; }

.taryfyBody, .postachalnykyBody {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .taryfyBody div, .postachalnykyBody div {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%; }
    .taryfyBody div span, .postachalnykyBody div span {
      width: 30%;
      height: 100%;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin: auto;
      background-color: #333d47bf;
      padding: 5px;
      border-radius: 10px;
      text-align: center; }
      .taryfyBody div span a, .postachalnykyBody div span a {
        margin: auto;
        color: #fff;
        font-family: "Tornado";
        font-size: 15px;
        text-decoration: none;
        cursor: pointer; }
        .taryfyBody div span a:hover, .postachalnykyBody div span a:hover {
          text-decoration: none; }
      .taryfyBody div span:hover, .postachalnykyBody div span:hover {
        background-color: #333d47; }

.titlePage {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 200px;
  width: 100%;
  margin-top: 48px;
  background: url(../img/header_new.jpg); }
  .titlePage h1 {
    margin: auto;
    color: #fff;
    padding: 15px;
    text-align: center; }

.elementBlogPage {
  padding: 0 7px;
  margin-bottom: 14px;
  float: left; }
  .elementBlogPage .card {
    height: 215px; }
    .elementBlogPage .card .card-body {
      width: 60%;
      padding-top: 10px;
      padding-bottom: 10px;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .elementBlogPage .card .card-body span {
        margin: auto; }
      .elementBlogPage .card .card-body .headAuthor .smallI {
        display: none; }
      .elementBlogPage .card .card-body .card-text {
        position: relative;
        max-height: 90px;
        overflow: hidden;
        width: 100%;
        margin: auto auto 5px; }
        .elementBlogPage .card .card-body .card-text .opacityBlock {
          height: 75%;
          bottom: 5px;
          width: 100%;
          left: 0;
          position: absolute;
          background: -webkit-gradient(linear, left bottom, left top, from(white), to(rgba(255, 0, 0, 0)));
          background: -webkit-linear-gradient(bottom, white, rgba(255, 0, 0, 0));
          background: -o-linear-gradient(bottom, white, rgba(255, 0, 0, 0));
          background: linear-gradient(to top, white, rgba(255, 0, 0, 0)); }
      .elementBlogPage .card .card-body .readMore {
        /*margin-top: 5px;*/
        padding: 10px;
        border-radius: 5px;
        -webkit-transition: .5s;
        -o-transition: .5s;
        transition: .5s; }
        .elementBlogPage .card .card-body .readMore a {
          font-weight: 500;
          color: #94d500;
          text-decoration: none; }
        .elementBlogPage .card .card-body .readMore:hover {
          background-color: #94d500; }
          .elementBlogPage .card .card-body .readMore:hover a {
            text-decoration: none;
            color: #fff; }
    .elementBlogPage .card .card-img-right {
      width: 40%;
      height: 100%;
      overflow: hidden; }
      .elementBlogPage .card .card-img-right p {
        margin: 0;
        height: 100%; }
      .elementBlogPage .card .card-img-right img {
        width: auto !important;
        min-width: 180px !important;
        height: auto !important;
        max-height: 220px !important;
        margin: auto; }

.zakupivli {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin: 0; }
  .zakupivli h3 {
    font-family: "Arial"; }
  .zakupivli .avtoryzacija {
    padding-left: 0;
    padding-right: 12px; }
  .zakupivli .reestracija {
    padding-right: 0;
    padding-left: 13px; }
  .zakupivli .avtoryzacija .avtoryzacijaBlockInside, .zakupivli .avtoryzacija .reestracijaBlockInside, .zakupivli .reestracija .avtoryzacijaBlockInside, .zakupivli .reestracija .reestracijaBlockInside {
    border: 1px solid #333d47bf;
    border-radius: 0 0 15px 0;
    -webkit-box-shadow: 0 4px 10px #333d4775;
    box-shadow: 0 4px 10px #333d4775;
    padding: 20px; }
    .zakupivli .avtoryzacija .avtoryzacijaBlockInside form, .zakupivli .avtoryzacija .reestracijaBlockInside form, .zakupivli .reestracija .avtoryzacijaBlockInside form, .zakupivli .reestracija .reestracijaBlockInside form {
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      -o-flex-wrap: wrap;
      flex-wrap: wrap; }
      .zakupivli .avtoryzacija .avtoryzacijaBlockInside form label, .zakupivli .avtoryzacija .reestracijaBlockInside form label, .zakupivli .reestracija .avtoryzacijaBlockInside form label, .zakupivli .reestracija .reestracijaBlockInside form label {
        width: 100%; }
      .zakupivli .avtoryzacija .avtoryzacijaBlockInside form input, .zakupivli .avtoryzacija .reestracijaBlockInside form input, .zakupivli .reestracija .avtoryzacijaBlockInside form input, .zakupivli .reestracija .reestracijaBlockInside form input {
        opacity: 0.8;
        width: 100%;
        height: 35px;
        margin-bottom: 15px;
        border: unset;
        border-bottom: 1px solid #333d4775;
        outline: unset;
        font-family: "Tornado"; }
      .zakupivli .avtoryzacija .avtoryzacijaBlockInside form .button, .zakupivli .avtoryzacija .reestracijaBlockInside form .button, .zakupivli .reestracija .avtoryzacijaBlockInside form .button, .zakupivli .reestracija .reestracijaBlockInside form .button {
        opacity: 0.8;
        width: 100%;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
        .zakupivli .avtoryzacija .avtoryzacijaBlockInside form .button button, .zakupivli .avtoryzacija .reestracijaBlockInside form .button button, .zakupivli .reestracija .avtoryzacijaBlockInside form .button button, .zakupivli .reestracija .reestracijaBlockInside form .button button {
          font-family: "Tornado";
          border-radius: 6px;
          height: 30px;
          line-height: 13px;
          background-color: #fff;
          border: 1px solid #333d4775;
          color: #333d47bf;
          font-weight: 700;
          margin: auto; }
          .zakupivli .avtoryzacija .avtoryzacijaBlockInside form .button button:hover, .zakupivli .avtoryzacija .reestracijaBlockInside form .button button:hover, .zakupivli .reestracija .avtoryzacijaBlockInside form .button button:hover, .zakupivli .reestracija .reestracijaBlockInside form .button button:hover {
            border: 1px solid #ffa300;
            background-color: #ffa300;
            color: #fff; }
      .zakupivli .avtoryzacija .avtoryzacijaBlockInside form:hover input, .zakupivli .avtoryzacija .reestracijaBlockInside form:hover input, .zakupivli .reestracija .avtoryzacijaBlockInside form:hover input, .zakupivli .reestracija .reestracijaBlockInside form:hover input {
        opacity: 1; }
      .zakupivli .avtoryzacija .avtoryzacijaBlockInside form:hover button, .zakupivli .avtoryzacija .reestracijaBlockInside form:hover button, .zakupivli .reestracija .avtoryzacijaBlockInside form:hover button, .zakupivli .reestracija .reestracijaBlockInside form:hover button {
        border: 1px solid #ffa300;
        color: #333d47; }

.blog-author-info .c {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-decoration: none; }
  .blog-author-info .c .headerImage {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 118px;
    margin-bottom: 15px; }
    .blog-author-info .c .headerImage .name {
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      -o-flex-wrap: wrap;
      flex-wrap: wrap;
      padding-right: 15px;
      width: 80%; }
      .blog-author-info .c .headerImage .name h4, .blog-author-info .c .headerImage .name h3, .blog-author-info .c .headerImage .name h6 {
        width: 100%;
        text-align: center;
        font-family: "Roboto", sans-serif;
        color: #333d47; }
        .blog-author-info .c .headerImage .name h4 a, .blog-author-info .c .headerImage .name h3 a, .blog-author-info .c .headerImage .name h6 a {
          color: #333d47;
          text-decoration: none; }
      .blog-author-info .c .headerImage .name .data {
        text-align: end;
        margin: auto 0 auto auto; }
    .blog-author-info .c .headerImage .img {
      width: 20%;
      max-width: 118px;
      height: auto;
      overflow: hidden;
      border-radius: 50%; }
      .blog-author-info .c .headerImage .img img {
        width: 100% !important;
        height: auto !important;
        margin-top: -2px; }

.allBlogs, .allNEwsbutton {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 50px; }
  .allBlogs a, .allNEwsbutton a {
    height: 40px;
    min-width: 80px;
    margin: auto;
    padding: 10px;
    font-family: "Tornado";
    border: 1px solid #333d4775;
    background-color: #fff;
    text-decoration: none;
    color: #94d500;
    border-radius: 5px; }
    .allBlogs a:hover, .allNEwsbutton a:hover {
      border: unset;
      background-color: #94d500;
      color: #fff; }

.newsBox {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap; }
  .newsBox .newsText {
    margin-bottom: 10px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%; }
    .newsBox .newsText ul {
      width: 100%;
      list-style: disc; }
    .newsBox .newsText img, .newsBox .newsText iframe {
      margin: 0 auto; }
    .newsBox .newsText a {
      /*			display: -webkit-flex;
			display: -moz-flex;
			display: -ms-flex;
			display: -o-flex;
			display: flex;
			margin: 0 auto;*/ }
      .newsBox .newsText a img {
        max-width: 100%;
        margin: 0 auto; }
    .newsBox .newsText p img {
      max-width: 100%;
      margin: 0 auto; }
    .newsBox .newsText .includ {
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      -o-flex-wrap: wrap;
      flex-wrap: wrap; }
      .newsBox .newsText .includ p {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
        .newsBox .newsText .includ p iframe {
          margin: 15px auto; }
  .newsBox .newsVideo {
    margin-bottom: 10px;
    width: 100%;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .newsBox .newsVideo div, .newsBox .newsVideo iframe {
      margin: 15px auto; }
  .newsBox .newsAudio {
    margin-bottom: 10px; }

.bigImageBox {
  position: fixed;
  height: 100vh;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  top: 0;
  left: 0;
  background-color: #000000cc;
  z-index: 100; }
  .bigImageBox i {
    position: absolute;
    width: 25px;
    height: 25px;
    top: 30px;
    right: 30px;
    z-index: 101;
    color: #fff;
    cursor: pointer;
    font-size: 25px; }
  .bigImageBox .bigImage {
    margin: auto;
    max-width: 500px;
    height: auto; }

.boockElement {
  border: 5px solid #94d500;
  -webkit-box-shadow: 0 4px 10px #333d4775;
  box-shadow: 0 4px 10px #333d4775;
  width: 100%;
  height: 300px;
  margin-bottom: 30px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .boockElement .imagePride {
    width: auto;
    max-width: 210px;
    overflow: hidden;
    padding: 10px;
    height: 100%; }
    .boockElement .imagePride img {
      width: 100%;
      height: 100%; }
  .boockElement .textBlock {
    width: 74%;
    height: 100%;
    padding: 15px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap; }
    .boockElement .textBlock img {
      max-height: 75px;
      margin: 0 auto; }
    .boockElement .textBlock .name, .boockElement .textBlock .rank, .boockElement .textBlock .posada {
      width: 100%;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      font-family: "Arial";
      text-align: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      margin: 0 auto;
      /*line-height: 1.5rem;*/ }
    .boockElement .textBlock .name, .boockElement .textBlock .rank {
      font-weight: 600; }
    .boockElement .textBlock .name {
      font-size: 1.8rem; }
    .boockElement .textBlock .rank {
      font-size: 1.3rem; }
    .boockElement .textBlock .posada {
      margin: auto auto 0;
      font-weight: 300; }

.gordistBtn {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 50px; }
  .gordistBtn a {
    margin: auto;
    height: 40px;
    padding: 10px;
    border: 1px solid #333d47;
    color: #333d47;
    border-radius: 6px;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s; }
    .gordistBtn a:hover {
      border-color: #94d500;
      background-color: #94d500;
      color: #fff;
      text-decoration: none;
      -webkit-transition: .5s;
      -o-transition: .5s;
      transition: .5s; }

.content {
  /*display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;*/ }
  .content h2, .content h3, .content h4, .content h5, .content h6 {
    width: 100%;
    text-align: center; }
  .content p {
    width: 100%; }
    .content p img {
      margin: 15px auto; }
    .content p iframe {
      margin: auto; }
    .content p .imageLink {
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      -o-flex-wrap: wrap;
      flex-wrap: wrap;
      width: 100%; }
      .content p .imageLink img {
        margin: 15px auto; }
  .content .elements {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 20px; }
    .content .elements .dwnlElement {
      cursor: pointer;
      margin: 10px auto;
      text-decoration: unset; }
      .content .elements .dwnlElement div {
        height: 60px;
        background-repeat: no-repeat;
        background-position: 10px 45%;
        background-size: 13%;
        -webkit-box-shadow: 0 4px 10px #333d4775;
        box-shadow: 0 4px 10px #333d4775;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        border-radius: 4px;
        background-color: #fff;
        -webkit-transition: .5s;
        -o-transition: .5s;
        transition: .5s; }
        .content .elements .dwnlElement div a {
          width: 100%;
          padding: 1px 15px 1px 21%;
          display: -webkit-flex;
          display: -moz-flex;
          display: -ms-flex;
          display: -o-flex;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          color: #333d47;
          font-family: "Roboto", sans-serif;
          font-size: 12px;
          font-weight: 500;
          -webkit-transition: .5s;
          -o-transition: .5s;
          transition: .5s;
          overflow: hidden; }
          .content .elements .dwnlElement div a .name {
            margin: auto 0;
            padding: 0;
            width: 100%;
            text-align: center; }
        .content .elements .dwnlElement div:hover {
          background-color: #94d500;
          -webkit-transition: .5s;
          -o-transition: .5s;
          transition: .5s; }
          .content .elements .dwnlElement div:hover a {
            text-decoration: none;
            color: #fff;
            -webkit-transition: .5s;
            -o-transition: .5s;
            transition: .5s; }
      .content .elements .dwnlElement .doc {
        background-image: url(../../uploads/images/doc.png); }
      .content .elements .dwnlElement .pdf {
        background-image: url(../../uploads/images/pdf.png); }
  .content .kontacts {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap; }
    .content .kontacts p {
      width: 100%;
      text-align: center; }
    .content .kontacts .phone, .content .kontacts .hower {
      width: 48%;
      margin: 0 auto;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      -o-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
      .content .kontacts .phone p a, .content .kontacts .hower p a {
        font-size: 15px;
        font-family: "Roboto", sans-serif;
        color: #333d47; }
        .content .kontacts .phone p a:hover, .content .kontacts .hower p a:hover {
          text-decoration: none;
          color: #333d47; }
    .content .kontacts .hower {
      margin-right: 0; }
    .content .kontacts .phone {
      margin-left: 0; }
  .content #formBlock, .content #finedBlock {
    width: 100%;
    background-color: #fff;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 20px; }
  .content #pre_entryBlock {
    width: 100%;
    background-color: #fff;
    margin-top: 20px;
  }
    .content #formBlock h2, .content #finedBlock h2, .content #pre_entryBlock h2 {
      width: 100%;
      text-align: center; }
    .content #formBlock form, .content #finedBlock form {
      width: 100%;
      margin-bottom: 20px;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      -o-flex-wrap: wrap;
      flex-wrap: wrap; }
    .content #pre_entryBlock form {
      width: 100%;
      margin-bottom: 20px;
    }
      .content #formBlock form .input, .content #formBlock form .textarea, .content #finedBlock form .input, .content #finedBlock form .textarea {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 50%;
        margin: 0 auto;
        padding: 0 10px;
        /*overflow: hidden;*/
        position: relative; }
      .content #pre_entryBlock form .input {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
        /*width: 50%;*/
        margin: 0 auto;
        /*padding: 0 10px;
        /*overflow: hidden;*/
        position: relative;
      }
      .content #formBlock form input, .content #formBlock form textarea, .content #formBlock form #textarea, .content #formBlock form select, .content #finedBlock form input, .content #finedBlock form textarea, .content #finedBlock form #textarea, .content #finedBlock form select, .content #pre_entryBlock form input, .content #pre_entryBlock form select {
        width: 100%;
        height: 44px;
        margin: 10px auto;
        border: unset;
        border-radius: 0 0 15px 0;
        -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
        padding: 10px;
        font-size: 15px;
        font-weight: 500;
        font-family: "Roboto", sans-serif;
        outline: unset; }
      .content #formBlock form .invalid-feedback, .content #finedBlock form .invalid-feedback {
        /*width: 80%;*/
        width: 95.7%;
        margin: 10px auto;
        padding: 10px;
        font-size: 15px;
        font-weight: 500;
        font-family: "Roboto", sans-serif;
        position: absolute;
        z-index: 50;
        border: 1px solid #ff0000;
        /*border-right: 0;*/
        border-radius: 0 0 15px 0;
        background-color: #fff; }
      .content #formBlock form textarea, .content #formBlock form #textarea, .content #finedBlock form textarea, .content #finedBlock form #textarea {
        height: 100%;
        font-weight: 300; }
      .content #formBlock form .textarea, .content #finedBlock form .textarea {
        width: 100%; }
        .content #formBlock form .textarea .invalid-feedback, .content #finedBlock form .textarea .invalid-feedback {
          height: 100%; }
        .content #formBlock form .textarea .invalid-feedback, .content #finedBlock form .textarea .invalid-feedback {
          width: 97.9%; }
      .content #formBlock form #textarea, .content #finedBlock form #textarea {
        height: 130px; }
      .content #formBlock form .buttonDiv, .content #finedBlock form .buttonDiv {
        width: 100%; }
        .content #formBlock form .buttonDiv input, .content #formBlock form .buttonDiv a, .content #finedBlock form .buttonDiv input, .content #finedBlock form .buttonDiv a {
          margin: 5px auto auto;
          width: 120px;
          height: 40px;
          border-radius: 5px;
          border: 1px solid #333d4775;
          font-family: "Roboto", sans-serif;
          font-size: 16px;
          font-weight: 700;
          padding: 8px 10px;
          color: #333d47;
          -webkit-transition: .3s;
          -o-transition: .3s;
          transition: .3s;
          -webkit-box-shadow: 0 4px 10px #333d4775;
          box-shadow: 0 4px 10px #333d4775; }
          .content #formBlock form .buttonDiv input:hover, .content #formBlock form .buttonDiv a:hover, .content #finedBlock form .buttonDiv input:hover, .content #finedBlock form .buttonDiv a:hover {
            color: #fff;
            border-color: #94d500;
            background-color: #94d500;
            -webkit-transition: .3s;
            -o-transition: .3s;
            transition: .3s; }
      .content #formBlock form button, .content #finedBlock form button {
        margin: 25px auto auto;
        border: 1px solid #333d4775;
        font-family: "Roboto", sans-serif;
        font-size: 16px;
        font-weight: 700;
        padding: 8px 10px;
        color: #333d47;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
        -webkit-box-shadow: 0 4px 10px #333d4775;
        box-shadow: 0 4px 10px #333d4775; }
        .content #formBlock form button:hover, .content #finedBlock form button:hover {
          color: #fff;
          border-color: #94d500;
          background-color: #94d500;
          -webkit-transition: .3s;
          -o-transition: .3s;
          transition: .3s; }
      .content #formBlock form input[name="href"], .content #finedBlock form input[name="href"] {
        display: none; }
    .content #formBlock .oneCol .input, .content #finedBlock .oneCol .input {
      width: 51%; }
  .content .afterForm {
    margin-top: 20px; }
    .content .afterForm ul {
      padding-left: 15px;
      list-style-type: decimal; }
      .content .afterForm ul li span {
        color: red; }
    .content .afterForm p span {
      margin-right: 3px;
      color: red; }

.buttonDiv {
  width: 100%; }
  .buttonDiv a {
    margin: 5px auto auto;
    min-width: 120px;
    height: 40px;
    border-radius: 5px;
    border: 1px solid #333d4775;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 700;
    padding: 8px 10px;
    color: #333d47;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-box-shadow: 0 4px 10px #333d4775;
    box-shadow: 0 4px 10px #333d4775; }
    .buttonDiv a:hover {
      color: #fff;
      border-color: #94d500;
      background-color: #94d500;
      -webkit-transition: .3s;
      -o-transition: .3s;
      transition: .3s; }

.tableZnykloSvitlo {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%; }
  .tableZnykloSvitlo .block {
    width: 100%;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    background: unset; }
    .tableZnykloSvitlo .block .left, .tableZnykloSvitlo .block .right {
      width: 50%; }

.boty {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap; }
  .boty .bot {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 50%;
    margin-top: 15px; }
    .boty .bot a {
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      -o-flex-wrap: wrap;
      flex-wrap: wrap;
      width: 100%;
      text-align: center;
      color: #000; }
      .boty .bot a strong {
        line-height: 26px;
        margin: 0;
        margin-right: auto; }
      .boty .bot a i {
        margin: 0 10px 0 auto;
        font-size: 25px; }
      .boty .bot a .fa-skype, .boty .bot a .fa-telegram, .boty .bot a .fa-facebook-messenger {
        color: #007eff; }
      .boty .bot a .fa-viber {
        color: #b0024a; }
      .boty .bot a:hover {
        text-decoration: none; }
    .boty .bot .perejty {
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 100%; }
      .boty .bot .perejty span {
        background-color: #94d500;
        border-radius: 6px;
        width: 44%;
        margin: 15px auto 0;
        padding: 5px 10px;
        color: #fff;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; }
        .boty .bot .perejty span strong {
          margin: auto;
          margin-right: 0;
          color: #fff; }
        .boty .bot .perejty span i {
          font-size: 15px;
          margin: auto;
          margin-left: 10px;
          margin-right: auto; }
      .boty .bot .perejty:hover {
        text-decoration: none; }
    .boty .bot img {
      width: 200px;
      height: 200px; }

.video {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%; }
  .video iframe {
    margin: auto; }

.includ, .include {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%; }
  .includ p, .include p {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%; }
    .includ p img, .includ p a, .includ p iframe, .include p img, .include p a, .include p iframe {
      margin: 15px auto; }

.images {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap; }
  .images img {
    margin: 5px auto;
    width: 100% !important;
    height: auto !important; }

.mapa {
  overflow: hidden;
  overflow-x: auto; }

.newsImages, .includ {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%; }
  .newsImages p, .includ p {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%; }
    .newsImages p img, .includ p img {
      margin: 15px auto;
      height: auto !important;
      max-width: 80%;
      width: auto !important; }
  .newsImages img, .includ img {
    margin: 15px auto;
    height: auto !important;
    max-width: 80%;
    width: auto !important; }

.povidomlennjaBOdy .content {
  margin: auto;
  max-width: 290px;
  margin-top: 40px;
  border-radius: 5px;
  background-color: #DCDCDE;
  padding: 15px; }

/*home page start*/
@media screen and (max-width: 991px) {
  #web_chat #web_chat_body {
    width: 47%; } }

@media screen and (max-width: 767px) {
  .tableZnykloSvitlo .block .left, .tableZnykloSvitlo .block .right {
    width: 100%; }
  .tableZnykloSvitlo .block .right {
    float: left; }
  #web_chat {
    width: 100%;
    padding: 0 15px;
    height: 200px; }
    #web_chat #web_chat_header #web_chat_body_top .chatElements {
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      -o-flex-wrap: wrap;
      flex-wrap: wrap; }
      #web_chat #web_chat_header #web_chat_body_top .chatElements img {
        margin: auto; }
      #web_chat #web_chat_header #web_chat_body_top .chatElements #webChatBody {
        width: 60%; }
  .elementBlogPage {
    padding: 0; }
    .elementBlogPage .card {
      height: auto; }
      .elementBlogPage .card .card-body {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
        min-width: 100%; }
        .elementBlogPage .card .card-body .headAuthor {
          display: -webkit-flex;
          display: -moz-flex;
          display: -ms-flex;
          display: -o-flex;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          height: 57px;
          overflow: hidden; }
          .elementBlogPage .card .card-body .headAuthor .smallI {
            display: block;
            width: 50px; }
          .elementBlogPage .card .card-body .headAuthor .nameAuthor {
            max-width: 85%;
            padding-left: 10px; }
            .elementBlogPage .card .card-body .headAuthor .nameAuthor h4 {
              font-size: 1rem;
              width: 100%; }
            .elementBlogPage .card .card-body .headAuthor .nameAuthor .text-muted {
              width: 100%; }
              .elementBlogPage .card .card-body .headAuthor .nameAuthor .text-muted span {
                font-size: 11px; }
              .elementBlogPage .card .card-body .headAuthor .nameAuthor .text-muted .text {
                font-size: 0.7rem; }
        .elementBlogPage .card .card-body h6 {
          margin-top: 15px; }
      .elementBlogPage .card .card-img-right {
        display: none; }
  .titlePage {
    margin-top: 0;
    text-align: center; }
  .sideMenu {
    display: none !important; }
  .zakupivli .avtoryzacija, .zakupivli .reestracija {
    padding: 0 15px; }
  .boockElement {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    /*height: auto;*/ }
    .boockElement .imagePride {
      width: 30%;
      max-width: unset;
      height: auto;
      margin: auto; }
    .boockElement .textBlock {
      width: 70%; }
  .bigImageBox .bigImage {
    width: 65%; }
  .titlePage h1 {
    font-size: 30px; }
  .include p, .includ p {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap; }
    .include p img, .include p a, .include p iframe, .includ p img, .includ p a, .includ p iframe {
      width: 100%;
      margin: 15px auto; }
    .include p img, .includ p img {
      width: 100% !important;
      height: auto !important; } }

@media screen and (max-width: 575px) {
  #web_chat #web_chat_body {
    width: 80%; }
  .pobutovi .content .varList .listElement a .nomer, .pobutovi .content .varList .listElement a .personale, .pobutovi .content .varList .listElement a .pidrozdil, .pobutovi .content .varList .listElement a .emeil, .pobutovi .content .varList .listElement a .chat, .pobutovi .content .varList .listElement a .sms {
    font-size: 35px;
    line-height: 70px;
    font-weight: 300;
    height: 50%;
    background-size: 90%; }
  .boockElement {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    height: auto; }
    .boockElement .imagePride {
      width: 100%;
      max-width: unset;
      height: auto; }
    .boockElement .textBlock {
      width: 100%; }
  .blog-author-info .c .headerImage {
    height: auto; }
    .blog-author-info .c .headerImage .name .author-name {
      font-size: 1.25rem; }
    .blog-author-info .c .headerImage .name .blogName {
      font-size: 0.9rem; }
    .blog-author-info .c .headerImage .name .data {
      font-size: 11px; }
    .blog-author-info .c .headerImage .img {
      width: 20%;
      max-width: 58px;
      height: auto;
      max-height: 65%; }
      .blog-author-info .c .headerImage .img img {
        margin-top: -5px; }
  .content .kontacts .phone, .content .kontacts .hower {
    width: 100%;
    margin: 5px 0; }
  .content #inshePytannja form .input {
    width: 100%;
    padding: 0; }
    .content #inshePytannja form .input .invalid-feedback {
      border-radius: 0 0 15px 0;
      border-right: 1px solid;
      width: 93%; }
  .content #inshePytannja form .textarea {
    padding: 0; }
  .content #inshePytannja form #textarea, .content #inshePytannja form textarea {
    margin: 10px 0; }
  .content #formBlock #form .input, .content #formBlock #form .textarea, .content #formBlock .form .input, .content #formBlock .form .textarea, .content #formBlock .oneCol .input, .content #formBlock .oneCol .textarea, .content #finedBlock #form .input, .content #finedBlock #form .textarea, .content #finedBlock .form .input, .content #finedBlock .form .textarea, .content #finedBlock .oneCol .input, .content #finedBlock .oneCol .textarea {
    width: 100%;
    padding: 0; }
  .content .elements .dwnlElement {
    background-size: 12%; }
    .content .elements .dwnlElement div a {
      padding: 1px 20px 1px 18%; }
  .boty .bot {
    width: 100%; }
  .newsBox .newsText ul {
    width: 100%; }
  .newsBox .newsText img {
    max-width: 90%;
    height: auto !important;
    margin: 0 auto; }
  .newsBox .newsText a {
    /*width: 95%;*/ }
    .newsBox .newsText a img {
      height: auto !important; }
  .newsBox .newsText p img {
    height: auto !important; }
  .newsImages img {
    margin: auto;
    max-width: 80% !important;
    height: auto !important; } }

@media screen and (max-width: 424px) {
  #web_chat #web_chat_body {
    width: 95%;
    height: 85vh; }
    #web_chat #web_chat_body #web_chat_body_form_ecount form img {
      width: 100%; }
    #web_chat #web_chat_body #web_chat_body_form_ecount form #rc-anchor-container {
      width: 91%; } }

@media screen and (min-width: 992px) {
  .sideMenu {
    padding: 0;
    padding-left: 10px; }
    .sideMenu .sidebar-bloc-title span {
      line-height: 24px;
      margin: auto 0; } }

@media screen and (min-width: 320px) and (max-width: 374px) {
  .pobutovi .content .varList .listElement a .nomer, .pobutovi .content .varList .listElement a .personale, .pobutovi .content .varList .listElement a .pidrozdil, .pobutovi .content .varList .listElement a .emeil, .pobutovi .content .varList .listElement a .chat, .pobutovi .content .varList .listElement a .sms {
    font-size: 30px;
    line-height: 50px;
    font-weight: 300;
    height: 35%;
    background-size: 90%; } }

@media screen and (min-width: 425px) and (max-width: 575px) {
  .blog-author-info .c .headerImage .img {
    /*max-height: 80%;*/
    max-width: 63px; }
  .content .elements .dwnlElement {
    background-size: 7%; }
    .content .elements .dwnlElement div a {
      padding: 1px 20px 1px 13%; } }

@media screen and (min-width: 576px) and (max-width: 767px) {
  .blog-author-info .c .headerImage {
    height: auto; }
    .blog-author-info .c .headerImage .name .author-name {
      font-size: 1.25rem; }
    .blog-author-info .c .headerImage .name .blogName {
      font-size: 0.9rem; }
    .blog-author-info .c .headerImage .name .data {
      font-size: 11px; }
    .blog-author-info .c .headerImage .img {
      width: 20%;
      max-width: 63px;
      height: auto;
      max-height: 65%; }
      .blog-author-info .c .headerImage .img img {
        margin-top: -5px; }
  .content .elements .dwnlElement {
    width: 50% !important;
    background-size: 10%; }
    .content .elements .dwnlElement div a {
      padding: 1px 12px 1px 18%; }
      .content .elements .dwnlElement div a span {
        font-size: 12px; } }

@media screen and (min-width: 768px) and (max-width: 991px) {
  .sideMenu {
    display: none !important; }
  .sideMenu .sidebar .sidebar-bloc .sidebar-bloc-title, .sideMenu .sidebar .fb-like-box .sidebar-bloc-title {
    line-height: 22px; }
    .sideMenu .sidebar .sidebar-bloc .sidebar-bloc-title span, .sideMenu .sidebar .fb-like-box .sidebar-bloc-title span {
      margin: auto 0; }
  .jurydychni .content .varList .listElement {
    height: 130px; }
    .jurydychni .content .varList .listElement a .nomer, .jurydychni .content .varList .listElement a .personale, .jurydychni .content .varList .listElement a .pidrozdil, .jurydychni .content .varList .listElement a .emeil, .jurydychni .content .varList .listElement a .chat, .jurydychni .content .varList .listElement a .sms {
      background-size: 100%;
      line-height: 55px;
      font-weight: 300; }
    .jurydychni .content .varList .listElement a .text {
      font-size: 11px; }
  .pobutovi .content .varList .listElement a .nomer, .pobutovi .content .varList .listElement a .personale, .pobutovi .content .varList .listElement a .pidrozdil, .pobutovi .content .varList .listElement a .emeil, .pobutovi .content .varList .listElement a .chat, .pobutovi .content .varList .listElement a .sms {
    font-size: 30px;
    line-height: 40px;
    font-weight: 300; }
  .boockElement .imagePride {
    height: auto;
    margin: auto;
    width: 35%; }
  .boockElement .textBlock {
    padding: 15px 10px; }
    .boockElement .textBlock .rank {
      font-size: 1rem; }
    .boockElement .textBlock .posada {
      font-size: 1rem; }
  .bigImageBox .bigImage {
    width: 40%; }
  .blog-author-info .c .headerImage .img {
    width: 20%;
    max-width: 118px;
    height: auto;
    max-height: 100%; } }

@media screen and (min-width: 992px) and (max-width: 1199px) {
  .pobutovi .content .varList .listElement a .nomer, .pobutovi .content .varList .listElement a .personale, .pobutovi .content .varList .listElement a .pidrozdil, .pobutovi .content .varList .listElement a .emeil, .pobutovi .content .varList .listElement a .chat, .pobutovi .content .varList .listElement a .sms {
    height: 50%;
    background-size: 80%;
    font-size: 35px;
    line-height: 55px; }
  .bigImageBox .bigImage {
    width: 30%; }
  .blog-author-info .c .headerImage .img {
    width: auto;
    max-width: 118px;
    height: auto;
    max-height: 100%; } }

@media (min-width: 1200px) {
  .blog-author-info .c .headerImage .img {
    width: auto;
    max-width: 118px;
    height: auto;
    max-height: 100%; } }

@media (orientation: landscape) {
  #web_chat #web_chat_body {
    min-height: unset;
    height: 80vh;
    overflow: hidden;
    overflow-y: auto; } }

footer {
  background-color: #333d47 !important; }
  footer .container ul {
    width: 100%;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap; }
    footer .container ul li {
      float: unset;
      margin: auto;
      padding: 5px 0; }
  footer .container .fb-like-box iframe {
    border-radius: 10px; }
  footer .container .onlineEnergy {
    width: 100%;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 10px auto; }
    footer .container .onlineEnergy .dodatkyName {
      width: 100%;
      font-weight: 500;
      color: #fff;
      margin: 0; }
    footer .container .onlineEnergy .dodatky {
      width: 100%;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin: 15px auto auto; }
      footer .container .onlineEnergy .dodatky div {
        width: 33.333%;
        margin: auto; }
      footer .container .onlineEnergy .dodatky .eO img {
        border-radius: 50%; }
  footer .container .footerListFirst, footer .container .phones {
    width: 19%;
    display: block; }
    footer .container .footerListFirst li, footer .container .phones li {
      text-align: left;
      width: 100%; }
      footer .container .footerListFirst li a, footer .container .phones li a {
        font-size: 13px;
        font-weight: 500;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
        footer .container .footerListFirst li a .call, footer .container .phones li a .call {
          min-width: -webkit-max-content;
          min-width: -moz-max-content;
          min-width: max-content;
          margin-right: 5px; }
        footer .container .footerListFirst li a .callNumber, footer .container .phones li a .callNumber {
          min-width: 58%; }
      footer .container .footerListFirst li:hover, footer .container .phones li:hover {
        background-color: #ffa300; }
        footer .container .footerListFirst li:hover a, footer .container .phones li:hover a {
          color: #fff; }
  footer .container .phones {
    width: 100%; }
  footer .container .youtube .mosaic-img a {
    padding: 0; }
    footer .container .youtube .mosaic-img a img {
      display: none; }
    footer .container .youtube .mosaic-img a .mosaic-text span em iframe {
      width: 100%; }

/*home page start*/
@media screen and (max-width: 767px) {
  footer .container .youtube .mosaic-img a .mosaic-text span em iframe {
    max-height: 395px; } }

@media screen and (min-width: 992px) {
  footer {
    /*background-image: url('../img/Rectangle_16.svg')!important;
		background-size: 130%;
	    background-repeat: no-repeat;
		padding-bottom: 140px!important;*/ }
    footer .container .footerListFirst, footer .container .phones {
      padding: 0;
      padding-left: 10%; }
    footer .container .footerListFirst {
      padding-left: 5%; }
    footer .container .youtube .mosaic-img a .mosaic-text span em iframe {
      /*height: 300px;*/
      height: 118px;
      width: 203px; } }

@media screen and (min-width: 320px) and (max-width: 374px) {
  .footerListFirst li a .call, .phones li a .call {
    min-width: 43% !important; } }

html {
  width: 100%; }

.backFon {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 99;
  top: 50px;
  background-color: #333d47bf;
  -webkit-transition: width 1s;
  -o-transition: width 1s;
  transition: width 1s;
  -webkit-transition: height 1s;
  -o-transition: height 1s;
  transition: height 1s; }

.wrapper, .content-wrapper {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
  width: 100%; }

body ::-webkit-scrollbar {
  width: 4px !important;
  height: auto; }

body ::-webkit-scrollbar-thumb {
  height: 44px;
  background-color: #C4C4C4;
  border-radius: 10px; }

::-webkit-scrollbar {
  width: 4px !important;
  height: auto;
  background-color: #333d47bf; }

::-webkit-scrollbar-thumb {
  height: 44px;
  background-color: #94d500;
  border-radius: 10px; }

.container {
  margin-top: 30px; }

.flexible {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap; }


/*maps site*/

.maps_list {
  list-style: square outside;
  margin-left: 5%;
}

.maps_list_a {
  font-size: 1.5em;
}

.maps_list1 {
  list-style: circle outside;
  margin-left: 5%;
  margin-top: 10px;
  font-size: 1.3em;
}

.maps_list_p {
  color: #007bff;
  font-size: 0.95em;
}

.maps_list2 {
  list-style: disc outside;
  margin-left: 10%;
  margin-top: 5px;
  font-size: 1em;
}

/**************Попередній запис************************/

.prerecord_checkbox {
  display: flex;
  margin-top: 2px;
  width: 1em;
  height: 1em;
  background-color: white;
  border: 1px solid black;
  cursor: pointer;
  border-radius: 2px;
  float: left;
}

.prerecord_checkbox>div{
  margin: auto;
  font-size: 0.9em;
  margin-top: -3px;
}

.prerecord_checkbox_text {
  margin-left: 20px;
}

.prerecord_btn {
  display: flex;
  width: 75px;
  height: 40px;
  float: left;
  border-radius: .25rem;
}

.prerecord_btn_noactive{
  margin: 25px auto auto;
  border: 1px solid #333d4775;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 700;
  padding: 8px 10px;
  color: #333d47;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  -webkit-box-shadow: 0 4px 10px #333d4775;
  box-shadow: 0 4px 10px #333d4775;
}

.prerecord_btn_active{
  margin: 25px auto auto;
  border: 1px solid #ffa300;
  background-color: #ffa300;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 700;
  padding: 8px 10px;
  color: #fff;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  -webkit-box-shadow: 0 4px 10px #333d4775;
  box-shadow: 0 4px 10px #333d4775;
}

.prerecord_btn_active:hover {
  color: #fff;
  border-color: #94d500;
  background-color: #94d500;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.prerecord_btn>div {
  margin: auto;
}

.pr_select_posl {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  min-height: 44px;
  margin: 30px auto;
  border: unset;
  border-radius: 0 0 15px 0;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  padding: 10px;
  font-size: 15px;
  font-weight: 500;
  font-family: "Roboto", sans-serif;
  outline: unset;
  cursor: pointer;
}


.prerecord_posl {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  min-height: 44px;
  margin: 30px auto;
  border: unset;
  border-radius: 0 0 15px 0;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  padding: 10px;
  font-size: 15px;
  font-weight: 500;
  font-family: "Roboto", sans-serif;
  outline: unset;
}

.prerecord_posl:hover {
  cursor: pointer;
  background-color: #94d500;
}

.prerecord_selposl {
  background-color: #94d500;
}

.pr_selday {
  width: 100%;
  height: 220px;
  margin: 30px auto;
  border: unset;
  border-radius: 0 0 15px 0;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  font-size: 15px;
  font-weight: 500;
  font-family: "Roboto", sans-serif;
  outline: unset;
}

.pr_nameday {
  background-color: rgba(39, 46, 55, 0.6);
  padding: 10px;
  color: #fff;
  display: flex;
}

.pr_nameday div {
  text-align: center;
  margin: auto;
}

.day_off_per {
  padding: 10px;
  color: #333d4775;
  text-align: center;
}

.day_on_per {
  padding: 10px;
  color: #94d500;
  text-align: center;
}

.pr_record_on {
  text-align: center;
  margin: auto;
  border: 1px solid #ffa300;
  background-color: #ffa300;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 700;
  padding: 8px 10px;
  color: #fff;
  cursor: pointer;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.pr_record_on:hover {
  border: 1px solid #94d500;
  background-color: #94d500;
}

.pr_record_on_sel {
  border: 1px solid #94d500;
  background-color: #94d500;
}

.pr_record_off {
  text-align: center;
  margin: auto;
  border: 1px solid #DCDCDE;
  background-color:#DCDCDE;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 700;
  padding: 8px 10px;
  color: #fff;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.pr_hour_on {
  text-align: center;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 700;
  padding: 8px 10px;
}

.pr_hour_off {
  text-align: center;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 700;
  padding: 8px 10px;
  color: #333d4775;
}

.pr_time_noactive{
  margin: 25px 10px auto;
  text-align: center;
  border: 1px solid #333d4775;
  border-radius: .25rem;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 700;
  padding: 8px 10px;
  color: #333d47;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  -webkit-box-shadow: 0 4px 10px #333d4775;
  box-shadow: 0 4px 10px #333d4775;
}

.pr_time_active{
  margin: 25px 10px auto;
  text-align: center;
  cursor: pointer;
  border: 1px solid #ffa300;
  background-color: #ffa300;
  border-radius: .25rem;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 700;
  padding: 8px 10px;
  color: #fff;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  -webkit-box-shadow: 0 4px 10px #333d4775;
  box-shadow: 0 4px 10px #333d4775;
}

.pr_time_active:hover {
  border-color: #94d500;
  background-color: #94d500;
}
.pr_time_sel {
  border-color: #94d500;
  background-color: #94d500;
}

.pr_abon_info {
  margin-top: 15px;
  color: #333d4775;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.pr_abon_info span {
  color: #333d47;
  font-family: "Roboto", sans-serif;
  font-size: 18px;
  font-weight: 700;
}

.prerecord_btn_reg{
  display: flex;
  width: 50%;
  margin: 25px auto auto;
  border: 1px solid #ffa300;
  background-color: #ffa300;
  border-radius: .25rem;
  cursor: pointer;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 700;
  padding: 8px 10px;
  color: #fff;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  -webkit-box-shadow: 0 4px 10px #333d4775;
  box-shadow: 0 4px 10px #333d4775;
}

.prerecord_btn_reg:hover {
  border-color: #94d500;
  background-color: #94d500;
}

.prerecord_btn_reg div {
  margin: auto;
  text-align: center;
}

.pre_entry_oper_table {
  width: 100%;
  margin-top: 30px;
}

.pre_entry_oper_table td {
  padding: 3px;
  background-color: #fff;
}

.prerecord_btn_unreg:hover {
  color: #fff;
  border-color: #94d500;
  background-color: #94d500;
}

.pr_posl_list {
  display: none;
}

.prerecord_posl_tytle {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  min-height: 44px;
  margin: 30px auto;
  border: unset;
  color: #fff;
  background-color: #ffa300;
  border-radius: 0 0 15px 0;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  padding: 10px;
  font-size: 15px;
  font-weight: 500;
  font-family: "Roboto", sans-serif;
  outline: unset;
  cursor: pointer;
}

.prerecord_posl_tytle:hover{
  background-color: #94d500;;
}

.new_btn {
  display: inline-block;
  margin: 25px 10px 25px;
  width: auto;
  height: auto;
  text-align: center;
  border: 1px solid #333d4775;
  border-radius: .25rem;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 700;
  padding: 8px 10px;
  color: #333d47;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  -webkit-box-shadow: 0 4px 10px #333d4775;
  box-shadow: 0 4px 10px #333d4775;
  text-decoration: none;
}

.new_btn:hover {
  color: #fff;
  border-color: #94d500;
  background-color: #94d500;
}
.search-element .element-head{
  font-family: "Tornado";
  color: #029191;
}
.search-element .element-head b{
  color: #ffa300;
}
.search-element .element-text{
  font-family: "Tornado";
}
.search-element .element-text b{
  color: #94d500;
}
.list{
  height: 32px;
}