Eugeny Galkovskiy / kbenergy_new

  body{position:relative;}

  .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;}

  #heading-breadcrumbs{background-attachment: fixed;}

  .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: 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: 18px;

      background-repeat: no-repeat;
      padding-left: 25px;
      letter-spacing: 0;
      border: none;
      outline: none;
      border-radius: 2px;

      margin-bottom: 15px;

  }

  .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%;

  }

  .why-us .button1{width: 190px;}

  .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-color: #00a1e9;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);}

  .btn.icon_car {background-image: url(../img/icon_car.png);}
  .btn.icon_calc {background-image: url(../img/icon_calc.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%;}

  .main-slider .carousel-control {

      display: flex;

      align-items: center;

      font-size: 7vw;
      width: 23%;
      justify-content: flex-end;
  }

  .main-slider .carousel-control.right {justify-content: flex-start;}

  .steps-pre{
      margin:0;
      text-transform: uppercase;
      padding: 40px 0;
      padding-top: 50px;
      position: relative;
      overflow: unset;
  }
  section.bar.background-gray.steps-pre:before {
      content: '';
      width: 50px;
      height: 50px;
      position: absolute;
      left: calc(50% - 25px);
      bottom: -25px;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      background: #eeeeee;
      z-index: 1;
  }

  .steps-pre h2{margin: 4px 0;font-size: 42px;}

  #get-it {padding: 30px 0 10px;background-color:#0080ca;}

  #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;

      text-align: center;
      margin: 15px 0;

  }

  #objects-wr .portfolio .box-image .image {

      top: 0;
      width: 100%;

      height: 0;
      padding-top: 75%;

  }

  .portfolio .box-image .image img{
      width: 100%;
      height: 100%;
      object-fit: cover;

      position: absolute;
      top: 0;
      left: 0;

  }

  #objects-wr .bar.background-gray{padding: 20px 0;}

  #blog-listing-big .post .image, #blog-homepage .post .image{
      max-height: 350px;
      display: flex;
      justify-content: center;
      align-items: center;
      margin-bottom: 20px;}

  .post-blog .lead{margin-top: 25px;}
  .post-blog .content{margin-bottom: 50px;}

  .tag-cloud li.active a {
      background-color: #467fbf;
      color: #eeeeee!important;
  }

  .object-slider .carousel-inner{
      border-radius: 5px;
      overflow: hidden;
  }
  .object-slider{padding-bottom: 50px;}

  .object-slider .carousel{
      width:100%;
      height:550px;
      max-height:550px;
      border-radius: 5px;

  }
  .object-slider .carousel-indicators{
      bottom: -40px;
      margin: 0;
      left: 0;
      width: 100%;

  }
  .object-slider .carousel .carousel-inner, .object-slider .carousel .carousel-inner .item{width:100%;height:100%;}
  .object-slider a.carousel-control {
      width: 30px;
      height: 30px;
      background-color: #ffffff;
      color: black;
      text-align: center;
      line-height: 29px;
      padding-right: 2px;
      border-radius: 50%;
      position: absolute;
      left: initial;
      opacity: 1;
      background-image: none;
  }
  .object-slider a.left.carousel-control{
      top: 20px;
      right: 75px;
  }
  .object-slider a.right.carousel-control{
      top: 20px;
      right: 35px;
      padding-right: 0;
      padding-left: 2px;
  }
  .object-slider a.carousel-control:hover {
      opacity: 0.5;
  }
  .object-slider a.carousel-control:active {
      opacity: 0.8;
      line-height: 24px;
      margin-top: 3px;
  }

  .calculate-main-wr:after, #calculate-form:after{content:'';clear:both;display:block;position:relative;}
  #calculate-form{margin-top: -15px;}
  #calculate-form > .row {
      border-bottom: 1px solid #e5e5e5;
      padding-bottom: 10px;
      padding-top: 25px;
  }
  #calculate-form .submit-wr{margin-top:25px;}

  #calculate-form .text-center img{
      margin: 0 auto;
  }

  .main-slider .carousel-indicators{display:none!important;}
  .object-slider .carousel-indicators li{
      width: 12px;
      height: 12px;
      border-radius:50%;
      background-color: #869791;
      border-color: #869791;
      margin: 5px 7px;
  }
  .object-slider .carousel-indicators .active, .object-slider .carousel-indicators li:hover {
      width: 12px;
      height: 12px;
      background-color: #467fbf;
      border-color: #467fbf;
  }

  /*отображать только 4 элемента в портфолио*/

  .object-view .portfolio > div:nth-child(1n+6) {

      display: none;
  }

  .object-view .portfolio .image{
      padding-top:75%;
  }

  .modal-body > form > .row > .col-md-12 {
      padding: 0px 30px;
  }
  .row.calculate-main-wr {
      padding-left: 15px;
      padding-right: 15px;
  }

  /*heading breadcrumbs blue fon*/

  #heading-breadcrumbs{background-color: #0080ca;background-image: url(/img/slide_two_fon.png);}

  #heading-breadcrumbs h1{color: #fdfdfd;}

  #heading-breadcrumbs .breadcrumb > .active {
      color: #d0d0d0;
      font-weight: bold;
  }
  #heading-breadcrumbs .breadcrumb > li + li:before {
      color: #ececec;
  }
  #heading-breadcrumbs .breadcrumb li a {color: #efefef;}
  #heading-breadcrumbs .breadcrumb li a:hover {color: #ffffff;}
  #heading-breadcrumbs .breadcrumb li a:active {color: #c7c7c7;}

  #heading-breadcrumbs > .container > .row{
      display: flex;
      align-items: center;
  }

  .box-image .name, .box-image .text{opacity:0;}
  .box-image:hover .name, .box-image:hover .text{opacity:1;}

  .owl-carousel .owl-wrapper-outer {border-radius: 5px;}

  @media(min-width:1200px){

      .main-slider {min-height: 620px;}

  }

  @media(min-width:992px){

      p.coord1{margin-top:-30px;}

  }

  @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;
      }

      .object-slider .carousel{height:500px;}

      .main-slider {min-height: 400px;}

      .main-slider .carousel-control{width:15%;}

  }
  @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: -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;
      }

      .object-slider .carousel{height:450px;}

      .main-slider .carousel-control{font-size:10vw;width:10%;}

  }

  @media(min-width:870px){

      #calculate-modal .modal-dialog {width: 830px;}

  }

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

      .carousel-indicators {bottom: -40px;}

  }

  @media(max-width:768px){

      .main_video_fb{padding-top: 56.1%;}

      .object-slider{
          margin-left: -15px;
          margin-right: -15px;
      }

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

      .object-slider .carousel {
          width: 100%;
          max-height: 400px;
          border-radius: 0px;

          padding-top: 60%;
          height:0;
      }

      .object-slider .carousel-inner {border-radius: 0px;}
      .object-slider .carousel .carousel-inner{position:absolute;top:0;left:0;}

  }

  @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(max-width:520px){

      #heading-breadcrumbs h1 {font-size: 5.78vw;}

  }

  @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!important;

      }
      .img-title table td.buts a.sqre_btn{
          margin-bottom: 5px;
          width: 30px;
          height: 30px;
          background-size: 45%;
      }

      p.lead {margin-bottom: 25px;}

      .main-slider .carousel-control{font-size:15vw;}

  }
  @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: 125%;

      }

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

      .pr_cover {width:109%;}

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

      .head_video_buttons .button1, .head_video_buttons .button2{width: 100%!important;}

  }