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-about-link{color: #555555;text-decoration: none;}

  .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: pointer;

  }

  .address_footer_table td{
      vertical-align: top;
      padding-right:7px;
  }

  #top {
      background: #f6f6f6;
      color: #000;
      padding: 0;
      height:30px;
  }

  #top>.container{height:100%;overflow: hidden;}

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

      position: relative;

      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);*/background-image: url(../img/icon_phone.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;padding-bottom: 23px;color: #ffffff;overflow: hidden;}

  .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: 1;

      width: 100%;
      height: 100%;

      max-height: calc(100vh - 92px);

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

  #video-bg .arrow_bottom{
      position: absolute;
      width: 100%;
      z-index: 1;
      color: #fff;
      bottom: 4%;
      left: 0;
      text-align: center;
  }
  #video-bg .arrow_bottom a{

      font-size: 100px;
      color: rgba(255, 255, 255, 0.5);
      transition: 0.2s;

  }
  #video-bg .arrow_bottom a:hover{
      color: rgba(255, 255, 255, 0.8);
  }
  #video-bg .arrow_bottom a:active{
      color: rgba(255, 255, 255, 1);
  }
  #video-bg video{
      opacity: 0.7;
  }

  .video_main {
      background-color: #0080ca;
      z-index: -1000;
      background-image: url(/img/slide_two_fon.png);
  }

  .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: calc(100vh - 190px);

      background-color: #cecece;
      width: 100%;
      position: relative;

      max-height: 857px;

  }

  .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-page .row.portfolio{display: flex;flex-wrap: wrap;}

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

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

  }

  .partners-wr{padding: 30px 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;position: relative;}

  .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 {

      padding-top: 15px;
  }
  #calculate-form .submit-wr{
      margin-top: -10px;
      margin-bottom: 5px;

  }

  #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;}
  .big-title1{text-transform: uppercase;font-size: 24px;}

  /*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;}

  .links-ses-for-wr{margin:0;}
  .links-ses-for-wr a{color: #00a1e9;text-decoration:  underline;}
  .links-ses-for-wr .container{padding-top: 18px;padding-bottom:  20px;}
  .links-ses-for-wr .container .row{height: 60px;display: flex;justify-content: center;align-items: center;text-transform: uppercase;font-weight: bold;font-size: 14.5px;}
  .links-ses-for-wr .container .row .lsf-left{text-align:  right;border-right: 2px solid #e4e4e4;padding-right:  30px;}
  .links-ses-for-wr .container .row .lsf-right{text-align:  left;padding-left: 30px;}
  .links-ses-for-wr .container .row .lsf-left p{background-image: url(/img/icon1_prv.png);}
  .links-ses-for-wr .container .row .lsf-right p{background-image: url(/img/icon2_prv.png);}

  .links-ses-for-wr .container .row p{display: inline-block;background-position: top left;background-repeat: no-repeat;padding: 13px 0 13px 70px;}

  #mediaabout-wr .portfolio .box-image {padding-top: 56.1%;}

  #mediaabout-wr .portfolio .box-image .post{
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-position: center;
      background-repeat: no-repeat;

      background-size: cover;

  }
  #mediaabout-wr .portfolio .box-image .post a{
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
  }
  #mediaabout-wr .portfolio .box-image .post .title{
      text-align: left;
      color: #fff;
      width:100%;
      font-size: 15px;
      padding: 10px 20px;
      padding-bottom: 15px;
      position: absolute;
      bottom: 0;
      background-color: rgba(0, 0, 0, 0.5);
      max-height: 50%;
  }

  .object_main_title{display: block;position: relative;}
  .object_main_title .sec_omt {
      position: absolute;
      left: 0;
      top: 0;
      z-index: -1;
  }

  .showcase.projects .item h4 {
      color: #ffffff;
      text-transform: none;
      font-weight: normal;
      letter-spacing: normal;
      line-height: 1.35;
  }

  .main-slider .box-simple {
      text-align: center;
      margin-bottom: 20px;
  }

  .article_comms-wr {position: relative;padding-top: 25px;padding-bottom: 15px;}
  .article_comms-wr:before {
      content: '';
      width: calc(100% - 30px);
      height: 1px;
      background-color: #d2d2d2;
      top: 0;
      left: 0;
      position: absolute;
      margin-left: 15px;
  }

  .article-comms_wr .has-error .form-control:focus{-webkit-box-shadow:none!important;box-shadow: none!important;}

  .article_comms-wr textarea{resize:vertical!important;}

  .article-comms_wr .rateit button.rateit-reset{margin-right:5px;}
  .input_bl.stars-wr_{margin-top: -5px;}
  .input_bl.stars-wr_ .rateit button.rateit-reset{margin-right: 2px;}

  .article_comms-wr .comments-start{width: 100%;}
  .article_comms-wr .comments-border{display:none;}

  .form-comm-wr { padding: 0px;}
  .form-comm-wr .rateit{padding: 0px 15px;}

  .comments-start .required label:before{display:none;content:'';}
  .comments-start .required label:after {
      display: inline-block;
      content: "*";
      color: #d40000;
      margin-left: 4px;
  }

  .user-ico{
      padding: 10px;
      text-align: center;
      background: #0080ca;
      color: #fff;
      font-size: 44px;
      text-transform: uppercase;
  }

  #blog-post{padding-bottom: 50px;}
  #artbox-comment .submit_btn button{
      color: #0080ca;
      background-color: initial;
      border: 1px solid;
      border-color: #0080ca;
      font-weight: 700;
      font-family: "Roboto",Helvetica,Arial,sans-serif;
      text-transform: uppercase;
      letter-spacing: .08em;
      padding: 6px 12px;
      font-size: 13px;
      line-height: 1.42857143;
      border-radius: 0;
      margin: 0 auto;
      display: block;
  }
  #artbox-comment .submit_btn button:hover, #artbox-comment .submit_btn button:active{
      color:#fff;
      background-color:#0080ca;
  }
  #artbox-comment .submit_btn button:active{
      background-image: none;
      outline: 0;
      -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
      box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
  }
  #artbox-comment .submit_btn button:before{
      content: "\f0e5";
      display: inline-block;
      font: normal normal normal 14px/1 FontAwesome;
      font-size: inherit;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      margin-right: 5px;
  }
  #artbox-comment .form-comm-wr{background:none;}
  #artbox-comment .input_bl label {
      position: relative;
      width: 100%;
      text-align: left;
      padding-right: 10px;
      margin: 9px 0 0 0;
      display: inline-block;
      max-width: 100%;
      margin-bottom: 5px;
      font-weight: normal;
      text-transform: none;
      font-family: "Roboto",Helvetica,Arial,sans-serif;
      font-size: 14px;
      line-height: 1.42857143;
      color: #555;
  }
  #artbox-comment .submit_btn{width: 100%;}
  .input_bl input, .input_bl textarea, .answer-form textarea{width:100%;border-radius: 0!important;}
  .form-comm-wr .form-group {
      margin-bottom: 0;
      width: 50%;
      padding: 0px 15px;
  }
  .form-comm-wr .form-group.field-commentmodel-text{width:100%;}

  .has-error .help-block{display:block;}

  .header-lang{
      height: 100%;
      display: flex;
      justify-content: flex-end;
      align-items: center;
      font-size: 13px;

      text-transform: uppercase;

  }
  .header-lang .active_lang{
      background-color: #e9e7e7;
      height: 30px;
      line-height: 29px;
      padding: 0px 10px;
  }
  .header-lang a{
      background-color: #f6f6f6;
      height: 30px;
      line-height: 29px;
      padding: 0px 10px;
      border: 1px solid #e9e7e7;
      border-top: 0;
      border-bottom: 0;
      margin-left: -1px;
  }
  .header-lang a:hover{
      background-color: #e9e7e7;
      border: 1px solid #cacaca;
      border-top: 0;
      border-bottom: 0;
  }

  .phones_head{height:100%;margin:0 -15px;}
  .phones_head>div{
      display: inline-block;
      height: 100%;
      line-height: 30px;
      font-size: 13px;
      margin: 0 15px;
      margin-right:5px;
  }
  .top_phones span, .top_mail span {
      margin: 0 5px;
  }
  .top_mail, .top_phones{color:#949292;}
  .top_phones a{font-weight:bold;color:#333333;}
  .top_mail a{color:#0095d7;}

  .carousel_green_btn{
      position:  absolute;
      width: 100%;
      bottom: 50px;
      left: 15px;
  }

  .green-carousel{position:relative;}
  #green-wr .button1.btn{
      width: 250px;
  }
  #green-wr .box-simple{
      text-align: center;
      margin-bottom: 0;
      position: absolute;
      width: 100%;
      bottom: 50px;
  }

  .individual-cover {

      margin-bottom: 40px;
      background-image: url(/img/accord/indiv_head.jpg);
      background-position: bottom center;
      background-repeat: no-repeat;
      background-attachment: scroll;
      background-size: cover;
      padding-top: 30%;
      max-height: 570px;
      box-shadow: inset 0px -100px 100px -100px rgba(0, 0, 0, 0.5), inset 0px 100px 100px -100px rgba(0, 0, 0, 0.5);
  }

  ul.list-wr{color: #467fbf;}
  ul.list-wr span{color: #555;}

  .copylink{
      padding: 10px 35px;
      display:  block;
      background-image:  url(/img/awlogo_w.png);
      background-repeat:  no-repeat;
      background-position:  left center;
      color:#fff;
  }
  .copylink:hover{color:#fff;}
  .copylink.mobile-cp{

      float: left;
      width: 100%;

  }

  .list-static-wr{
      list-style:none;
  }
  .list-static-wr li {
       position: relative;
  }
  .list-static-wr li:before {
      content: '•';
      font-weight: bold;
      color: #0080ca;
      font-size: 25px;
      position: absolute;
      left: -20px;
      top: -2px;
  }

  .contacts_photo{
      width: 100%;
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
      height: auto;
      max-height: 520px;
      overflow: hidden;
      border-radius: 10px;
  }
  .contacts_photo img{width:100%;}

  .phone_hint{
      opacity: 0;
      position: absolute;
      white-space: normal;
      min-width: 182px;
      text-align: left;
      font-weight: bold;
      text-transform: none;
      background-color: #fff;
      border: 1px solid #0095d7;
      padding: 3px 7px;
      border-radius: 5px;
      bottom: -50px;
      left: -10px;
      transition: 0.3s;
      box-shadow: 0px 5px 12px -6px black;

      color: #006697;

  }
  .phone_hint:after {
      content: '';
      display: block;
      position: absolute;
      width: 10px;
      height: 10px;
      background: #ffffff;
      bottom: -6px;
      left: 20px;
      transform: rotate(45deg);
      border-bottom: 1px solid #0095d7;
      border-right: 1px solid #0095d7;
  }
  a.btn.sqre_btn.yellow_calc.modaled.init-button-сalculate:hover > .phone_hint {
      bottom: 40px!important;
      opacity: 0.9!important;
  }

  @media(min-width:1201px){

      .links-ses-for-wr .container .row p {margin: 7px 20px;}

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

      .bottom-text-in {bottom: -90px;}

      footer#footer {height: 230px!important;max-height: 230px!important;}
      #all {padding-bottom: 230px!important;}
      .address_footer_table{line-height:23px;}

  }

  @media(max-width:1200px){
      .calc-form-right-wr{
          border-top: 1px solid #e5e5e5;
          padding-top: 20px!important;
          margin-top: 10px;
      }

      .address_footer_table{line-height:27px;}

  }

  @media(min-width:992px){

      header{height: 62px;overflow: hidden;}

      #all{min-height:100vh;position: relative;padding-bottom: 250px;}
      footer#footer{height: 250px;max-height: 250px;position: absolute;width: 100%;bottom: 0;}