Eugeny Galkovskiy / kbenergy_new

  .no-mg{margin:0;}

  #back-to-top{
      background: #467fbf;
      border-radius: 0 50px 50px 0;
      width: 50px;
      padding-right: 6px;
  }
  #back-to-top:hover {background: #20446d;}
  #back-to-top:active {background: #1b2e44;padding-top: 6px;}

  .navbar-brand{display: flex;justify-content: center;align-items: center;}

  .button1 {
      margin: 0 auto;
      color: black;
      text-transform: uppercase;
      background-color: #ffd800;
      text-decoration: none;
      cursor: pointer;
      transition: 0.3s;
      display: inline-block;
      text-align: center;
      font-weight: bold;
      width: 158px;
      padding: 8px 0;
      padding-top: 10px;
      font-size: 13px;
      line-height: 14px;
      background-position: 14px center;
      background-size: 11%;
      background-repeat: no-repeat;
      padding-left: 25px;
      letter-spacing: 0;
      border: none;
      outline: none;
      border-radius: 2px;
  }

  .btn.button1.mini {
      background-image: url(../img/arrows_right_w2.png);
      background-position: calc(100% - 14px) center;
      background-repeat: no-repeat;
      letter-spacing: 0;
      border: none;
      outline: none;
      margin: 0 auto;
      text-transform: uppercase;
      text-decoration: none;
      cursor: pointer;
      transition: 0.3s;
      display: inline-block;
      text-align: center;
      font-weight: bold;
      width: 180px;
      padding: 8px 0;
      padding-top: 10px;
      padding-right: 24px;
      font-size: 13px;
      line-height: 14px;
      background-size: 9%;

  }

  .static_logo_img{width:85px;}

  .static_logo_about{
      font-family: Arial, sans-serif!important;
      transition: 0.3s;
      width: 125px;
      padding: 0;
      margin: 0;
      margin-left: -5px;
      float: left;
      display: flex;
      height: 62px;
      justify-content: center;
      align-items: center;
      font-size: 11px;
      text-transform: lowercase;
      line-height: 13px;
      cursor: default;

  }

  #top {background: #555555;color: #eeeeee;padding: 7px 0 6px;}

  #top .social a {
      color: #999999;
      display: inline-block;
      width: 24px;
      height: 16px;
      border-radius: 12px;
      line-height: 0px;
      font-size: 12px;
      text-align: center;
      vertical-align: bottom;

  }
  

  .blue-fon, .background-kben{

      background-image:url('/img/slide_two_fon.png');
      color:#fff;
  }

  .blue-fon .icon, .background-kben .icon{

      position: relative;
      width:120px;
      height:120px;
      border:none;
  }

  .blue-fon .icon img, .background-kben .icon img {

      width: 100%;
      margin: 0;
      padding: 0;
  }

  .blue-fon .box-simple h3, .background-kben .box-simple h3 {

      color: #ffd800;
      margin-bottom: 5px;
  }

  .blue-fon .box-simple p, .background-kben .box-simple p {color: #fff;}

  .why-us .line_why {
      position: absolute;
      top: 50px;
      right: -83px;
      opacity: 0.3;
  }

  .blue-fon .heading h1, .blue-fon .heading h2, .blue-fon .heading h3, .blue-fon .heading h4, .blue-fon .heading h5,
  .background-kben .heading h1, .background-kben .heading h2, .background-kben .heading h3, .background-kben .heading h4, .background-kben .heading h5{
      color:#fff;border-color: #ffd800!important;

  }

  a.sqre_btn {
      padding: 0;
      margin: 0;
      outline: none;
      font-weight: normal;
      font-size: 14px;
      line-height: normal;
      letter-spacing: 0;
      display: inline-block;
      vertical-align: middle;
      width: 40px;
      height: 40px;
      background-color: rgba(255, 0, 0, 0.23);
      border-radius: 0;
      text-align: center;
      overflow: hidden;
      margin-left: 5px;
      margin-top: 5px;
      background-position: center;
      background-repeat: no-repeat;
  }

  section.blue-fon {padding-top: 25px;}

  .objects-main-wr .image_link_wr {
      width: 100%;
      height: 0;
      padding-top: 58.829%;
      position: relative;
  }

  .objects-main-wr .img-title table {width: 100%;margin-top: 10px;}

  .objects-main-wr .image_link {
      background-position: center;
      position: absolute;
      top: 0;
      left: 0;

      background-size: 100% 100%;

      background-repeat: no-repeat;
      width: 100%;
      height: 100%;
  }

  .objects-main-wr .image_link:hover{
      background-size: 105% 105%;
  }

  .objects-main-wr .img-title table td.buts {
      width: 95px;
      max-width: 100%;
      vertical-align: top;
      text-align: left;
  }

  .sqre_btn.blue_arrow {background-color: #0095d7;background-image: url(../img/arrows_right_w.png);}
  .text-left a.sqre_btn {margin-left: 0;margin-right: 5px;}
  .img-title table .text-left a.sqre_btn {margin-top: 0;}

  .sqre_btn.yellow_calc {
      background-color: #ffd800;
      background-image: url(../img/icon_calc2.png);
  }
  .img-title table td.i-title {
      padding-left: 10px;
      text-align: left;
      padding-right: 10px;
  }

  .img-title table .pr_title2 {margin: 0;padding: 0;}

  .pr_title2 a {
      font-weight: bold;
      font-size: 16px;
      text-transform: uppercase;
      text-decoration: none;
      color: #555555;
  }

  .button1.more-projects {padding: 14px;width: 240px;font-size: 14px;margin-bottom: 25px;}

  .pr_title2 span{display:none!important;}
  .btn.icon_phone {background-image: url(../img/icon_phone.png);}

  .button1 span, .button2 span {display: block;font-weight: normal;font-size: 11px;}

  .button1:hover {
      text-decoration: none;
      color: black;
      background-color: #ffe764;
      box-shadow: inset 0px 0px 0px 2px black, 0px 0px 20px rgba(0,0,0,0.2)!important;
      transition: 0.3s;
  }

  .get_station_center {text-align: center;margin-top: 30px;margin-bottom: -15px;}

  .border5 {border-radius: 5px;}

  .card1 .heading.text-left h2 {margin-top: 0px;}
  .bigtext {display: table-caption;}
  .smi_left .video {height: 422px;}
  .blue_arrow {
      cursor: pointer;
      width: 40px;
      height: 40px;
      background-color: #0095d7;
      background-image: url(../img/arrows_right_w.png);
      background-position: center center;
      background-repeat: no-repeat;
      transition: 0.3s;

  }

  .about .smi_right .post {
      width: 360px;

      max-width: 100%;

      height: 160px;
      background-color: black;
      color: #fff;
      position: relative;
      background-position: bottom center;
      background-repeat: no-repeat;
      box-shadow: inset 0px -150px 200px -100px rgba(0,0,0,0.75);
      margin-bottom: 30px;
      margin-left: auto;
      margin-right: auto;
  }
  .smi_right .post .title {
      font-size: 16px;
      font-weight: 300;
      position: absolute;
      bottom: 0;
      padding: 30% 18% 13px 18px;
      line-height: 19px;
  }
  .smi_right .blue_arrow {right: 10px;bottom:10px;position: absolute;}
  .about .post a {
      width: 100%;
      height: 100%;
      position: absolute;
      color: #fff;
  }
  .text.quote{
      box-shadow: inset 3px 0px 0px #0095d7;
      padding-left: 20px;
      margin-top: 20px;
      position: relative;
      margin-bottom: 25px;

  }

  .icon_en{width:80px!important;height:80px!important;border:none;}
  .icon_en#icon01 {background-image: url(../img/icons/icon01.png);}
  .icon_en#icon02 {background-image: url(../img/icons/icon02.png);}
  .icon_en#icon03 {background-image: url(../img/icons/icon03.png);}
  .icon_en#icon04 {background-image: url(../img/icons/icon04.png);}
  .icon_en#icon05 {background-image: url(../img/icons/icon05.png);}
  .icon_en#icon06 {background-image: url(../img/icons/icon06.png);}
  .icon_en#icon07 {background-image: url(../img/icons/icon07.png);}
  .icon_en#icon08 {background-image: url(../img/icons/icon08.png);}
  .icon_en#icon09 {background-image: url(../img/icons/icon09.png);}
  .icon_en#icon10 {background-image: url(../img/icons/icon10.png);}
  .btn.icon_stat {background-image: url(../img/icon_stat.png);}
  .bt-shadow{box-shadow: inset 0px -100px 200px -100px rgba(0, 0, 0, 0.5);}
  
  #footer {
      background: #0080ca;
      padding: 15px 0;
      color: #ffffff;
  }

  .why-us{max-width: 100%;}
  .home_mob_link{
      max-width: 100px;
      display: inline-block;
      padding: 10px 15px;
  }
  .static_logo_about_mob{
      display: inline-block;
      font-family: Arial, sans-serif!important;
      transition: 0.3s;
      width: 135px;
      padding: 0;
      margin: 0;
      font-size: 11px;
      text-transform: lowercase;
      line-height: 13px;
      cursor: default;
      text-align: left;
      margin-left: 15px;
      z-index: 1;
  }
  .small-logo-center .cont{
      display: flex;
      margin: 0 auto;
      align-items: center;
      justify-content: center;
  }
  .small-logo-center{
      margin: 10px 0 -10px;
  }

  .showcase .item h4 {
      color: #ffffff;
  }

  #video-bg{
      position: relative;
      top: 0;
      left: 0;
      z-index: -1000;
      width: 100%;
      height: 100%;
      max-height: calc(100vh - 101px);
      overflow: hidden;
      display: flex;
      align-items: center;
      justify-content: center;
  }
  #video-bg:after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.1);
      box-shadow: inset 0px 250px 250px -250px black, inset 0px -250px 250px -250px black;
  }
  #legal-wr .video_main{margin-top:-40px;}
  .share_social{width:48px;height:48px;background-image:url('../img/socnets.png');display:inline-block;margin:0;padding:0;border-radius:50%;overflow:hidden;margin-top:5px;margin-right:3px;}
  .share_social.vk{background-position:0px 0px;}
  .share_social.fb{background-position:-56px 0px;}
  .share_social.gpl{background-position:48px 0px;}
  footer a{
      color: #fff;
      font-weight: 500;
  }
  footer a:hover{color:#fff;}
  footer .social-logos a i.fa, button i.fa {
      margin:0;
  }
  footer .social-logos a{
      display: inline-block;
      text-align: center;
      background-color: #ffd800;
      color: #1c4761;
      font-size: 24px;
      width: 34px;
      height: 34px;
      padding: 7px;
      box-sizing: content-box;
      border-radius: 50%;
      margin-right: 7px;
      margin-top: 5px;
      margin-bottom: 5px;
  }
  footer .social-logos a:hover {
      background-color: #d6b500;
      color: #0a2d42;
  }

  .main-slider{
      height: 90vh;
      background-color: #cecece;
      width: 100%;
      position: relative;
      min-height:350px;
      max-height:854px;
  }
  .main-slider .carousel {
      position: relative;
      height: 100%;
  }

  .carousel-control {

      display: flex;
      justify-content: center;
      align-items: center;

      font-size: 7.5vw;
      width:20%;

  }

  #get-it {padding: 30px 0 10px;}
  #main-page .blue-fon .heading h2{border:none;}

  .main-slider .carousel-inner, .main-slider .carousel-inner > .item {height:100%;width:100%;position:relative;}
  .main-slider .img-responsive, .thumbnail > img, .main-slider .thumbnail a > img, .carousel-inner > .item > img, .main-slider .carousel-inner > .item > a > img {
      width: 100%;
      height: 100%;
      position: absolute;
      object-fit:cover;
  }

  .bottom-text{
      padding: 20px 15px;
      font-size: 12px;
      padding-bottom: 0;
  }

  .bottom-text-in{
      font-size: 12px;
      position: absolute;
      bottom: -72px;
  }

  #map {
      height: 560px;
      background-image: url(../img/map.jpg);
  }

  .main-slider .carousel-control{
      background:none!important;
  }
  #main-page .main-slider .box-simple{
      position:  absolute;
      width: 100%;
      bottom: 0;
  }
  #main-page .main-slider .box-simple .button1{
      width: 235px;
      padding: 8px 0;
      padding-top: 10px;
      font-size: 13px;
      background-size: 9%;
      padding-left: 30px;
  }

  .portfolio .box-image {
      position: relative;
      overflow: hidden;
      text-align: center;
      margin: 15px 0;
      height: 0;
      padding-top: 75%;
  }
  .portfolio .box-image .image {
      position: absolute;
      top: 0;
      width: 100%;
      height: 100%;
  }

  
  @media(min-width:992px) and (max-width:1199px){
      .pr_cover {
          max-width: 320px;
          max-height: 180px;
          overflow: hidden;
          display: inline-block;
          width: calc(100% + 15px);
          height: 0;
          padding-bottom: 67.087%;
          position: relative;
      }
      .head_video_buttons .button1{margin-bottom: 7px;}
      .head_video_buttons .button1, .head_video_buttons .button2{float:none!important;display:block!important;}

      .navbar-brand.home{width: 100px;}
      .static_logo_img {width: 100%;}
      .static_logo_about{display:none;}
      .navbar ul.nav > li > a{letter-spacing: -0.5px!important;padding: 0px 8px 2px!important;}
      .navbar ul.nav > li > a:after{width: calc(100% - 16px)!important;left: 8px!important;}
      .about .smi_right .post{width:100%;}
      .smi_right .post .title{
          font-size: 13px;
          padding: 30% 21% 13px 11px;
          line-height: 16px;
      }

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

      #footer .container > div {
          margin-bottom: 20px;
      }

      .background-kben.block-why, .head_video_buttons{margin-top: 30px;}
      .pr_cover {
          max-width: 320px;
          max-height: 180px;
          width: 105%;
          height: 19vh;
          position: relative;
      }
      .project-right .open_gal img {
          position: absolute;
          width:100%;height:100%;
      }
      #section2{padding: 0!important;}
      .main_video_fb{
          padding-top: 404px;
      }
      .card1 p.lead {
          /*margin-top: 20px;*/
          /*margin-bottom: 0px;*/
          margin-top: -25px;
          margin-bottom: 40px;
      }
      .main_video_yt{
          width: 100%;
          height: 0;
          padding-bottom: calc(57% - 6px);
          position: relative;
      }
      .main_video_yt iframe{
          width: 100%;
          height: 100%;
          position: absolute;
          top: 0;
          left: 0;
      }

      .main-slider {
          height:0%;
          min-height:0%;
          padding-top: 75%;
      }
      .main-slider .carousel {
          height: 100%;width: 100%;
          position: absolute;
          top: 0;
      }

  }
  @media(max-width:768px){
      .main_video_fb{
          padding-top: 56.1%;
      }

      .main-slider{max-height:550px;}

  }

  @media(min-width:768px){

      .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{
          color: #555555;
          background:initial;
      }
      .navbar ul.nav > li.active > a, .navbar ul.nav > li.open > a{border-color:#fff;}

      .navbar ul.nav > li > a {
          font-size: 13px;
          letter-spacing: -0.40px;
          text-align: center;
          padding: 0px 12px 2px;
          height: 62px;
          line-height: 18px;
          display: flex;
          justify-content: center;
          align-items: center;
          text-decoration: none;
          position: relative;
          overflow: hidden;
      }
      .navbar ul.nav > li > a:after {
          content: '';
          width: calc(100% - 24px);
          position: absolute;
          bottom: -5px;
          background: #ffd800;
          height: 2px;
          left: 12px;
          transition:0.1s;
      }

      .navbar ul.nav > li > a:hover::after, .navbar-default .navbar-nav > li > a:focus::after, .navbar ul.nav > li.active > a:after{

          bottom: 18px;
      }
      .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{
          background: initial;
      }
      .navbar ul.nav > li > a:hover {
          border-color:#fff;
          background:initial;
      }
  }

  @media(min-width:768px) and (max-width:991px){
      .navbar-header{width: 57px;}
      .navbar-brand.home{width:100%;}
      .navbar-brand.home img{
          width: 50px;
          margin-top: 15px;
      }

  
      .navbar-brand.home, .static_logo_about{display:none;}
      .navbar ul.nav > li > a{
          font-size: 11px;
          padding: 0px 6px 2px;
      }
      .navbar ul.nav > li > a:after{
          font-size: 11px;
          letter-spacing: -0.40px;
          padding: 0px 6px 2px;
      }
      .navbar ul.nav > li > a:after{
          width: calc(100% - 12px);
          left: 6px;
      }

      .nav.navbar-nav.navbar-right{
          margin: 0;
          float: none!important;
      }

  }
  @media(min-width:501px){
      .bigtext#header3 h2{

          width: 161%;
      }
  }

  @media(max-width:500px){
      .head_video_buttons .button1{margin-bottom: 7px;}
      .head_video_buttons .button1, .head_video_buttons .button2{
          float:none!important;
          display:block!important;
      }
      /*.button1{width:100%;}*/

      h2, .h2 {font-size: 6vw;}

      .lead{font-size:16px;}
      .img-title table td.buts{
          width: 40px;
      }
      .img-title table td.buts a.sqre_btn{
          margin-bottom: 5px;
          width: 30px;
          height: 30px;
          background-size: 45%;
      }
      p.lead {
          margin-bottom: 25px;
      }
  }
  @media(max-width:380px){
      .more-projects{
          padding: 18px;
          width: 100%!important;
          font-size: 4.68vw;
          line-height: 2.5vh;
          margin-bottom: 50px;
      }

      .smi_right .post .title {
          font-size: 4vw;
          font-weight: 300;
          position: absolute;
          bottom: 0;
          padding: 30% 24% 10px 10px;
          line-height: 2.5vh;
      }
      .static_logo_about{
          position: absolute;
          left: 112px;
          font-size: 3vw;
          line-height: 2.5vh;
      }

  }
  @media(max-width:280px) {
      .pr_cover {
          width:109%;
      }
  }
  @media(max-width:275px){
      .head_video_buttons .button1, .head_video_buttons .button2{
          width: 100%!important;
      }

  }