.title-name{
  padding-top: 40px;  
}

.benefits-href-5 {
    z-index: 0;
    transform: translate3d(-315px, 0, 0);
}
.benefits-href-5.hidden {
     transform: translate3d(-420px, 0, 0); 
}
.benefits-href-5.step {
    -webkit-transform: translate3d(-210px, 0, 0);
    transform: translate3d(-210px, 0, 0);
}
.benefits-href-5.step2 {
    -webkit-transform: translate3d(-105px, 0, 0);
    transform: translate3d(-105px, 0, 0);
}
.benefits-href-5.end {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.energy-saving-banner{
  height: 528px;
}
.energy-saving-banner-block{
  top: -93px;
  box-shadow: 0px 0px 27px 0px rgba(7, 7, 7, 0.17);
      background: url(../images/energy-saving-banner-block.png) -80px 255px no-repeat #fff;
      padding: 53px 30px 56px 50px;
}

.energy-saving-banner-block-left p{
  text-align: left;
  text-indent: 30px;

}
.energy-saving .title-name{
padding-top: 41px;
}
.retrofits-content .content-2 p{
font-size: 18px;
padding: 30px 0 0 40px;
    line-height: 1.4;
}
.retrofits-content .content-1__title:before{
  width: 10px;
}
.retrofits-content .content-1__title{
padding-left: 40px;
}
.Прямоугольник_591 {
  background-color: rgb(58, 58, 58);
  position: absolute;
  left: 408px;
  top: 5798px;
  width: 524px;
  height: 355px;
  z-index: 561;
}

.content-2olWrap{
margin-top: 50px;
background: #373737;
padding: 40px 40px 40px 20px;
min-width: 524px;
display: inline-block;
vertical-align: top;
margin-left: 40px;
}
.content-2ulTitle{
position: relative;
}
.content-2ulTitle span{
position: relative;
text-transform: uppercase;
}
.content-2ulTitle:before{
  content: '';
  position: absolute;
left: -48px;
    top: -8px;
    width: 155px;
  height: 37px;
  background: #FA1A4A;
}


.content-2olWrap ol{
padding-left: 20px;
margin-top: 20px;
list-style-type: none;
}
.content-2olWrap ol li{
line-height: 2.3;
position: relative;
/*text-transform: uppercase;*/
cursor: pointer;

}

.content-2olWrap ol li span{
  position: relative;
  z-index: 10;
}
.content-2olWrap ol li.active:before{
  content: '';
  position: absolute;
  left: -10px;
  top: -1px;
  width: 101%;
  height: 37px;
  background: #FA1A4A;
-webkit-transition: all 250ms ease;-moz-transition: all 250ms ease;-ms-transition: all 250ms ease;-o-transition: all 250ms ease;transition: all 250ms ease;
}
.content-2olWrap ol li:before{
  content: '';
  position: absolute;
  left: -10px;
  top: -1px;
  width: 101%;
  height: 37px;
  background: transparent;
-webkit-transition: all 250ms ease;-moz-transition: all 250ms ease;-ms-transition: all 250ms ease;-o-transition: all 250ms ease;transition: all 250ms ease;
}



.retrofits-content .patricipating-table-wrap{
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
.features .block .common .line:nth-child(1) i:before{
  background: url("/images/ui/ex.png") no-repeat;
}
.contacts .text span{
  color: #D40433;
  display: block;
  margin-bottom: 10px;
  font-weight: 500;
}
.logof{
  width: 160px;
  height: 54px;
  background: url("/images/index/logof.png") no-repeat;
}
.social{
  background: #1E1E1E;
  padding: 40px 0 40px 40px;
}
.contacts .block{
  padding: 0;

}
.contacts .blockIn{
padding: 40px;
}
.socTitle{
    font-size: 17px;
    /* font-weight: 600; */
    display: inline-block;
    vertical-align: top;
    line-height: 2.1;
    margin-right: 10px;

}
.socialIcon{
display: inline-block;
vertical-align: top;
width: 25px;
height: 29px;
background: url("/images/ui/soc.png") no-repeat;
}
.contacts .block .social a{
  display: inline-block;
  vertical-align: top;
  transition: none;
  margin: 0 7px;
}
.socialIcon1{

}

.socialIcon2{
background-position: -25px 0;
}
.socialIcon3{
background-position: -50px 0;

}
.socialIcon4{
background-position: -75px 0;

}
.socialIcon1:hover{
background-position: 0 -29px;

}
.socialIcon2:hover{
background-position: -25px -29px;

}
.socialIcon3:hover{
background-position: -50px -29px;

}
.socialIcon4:hover{
background-position: -75px -29px;

}
.gplus{
  background: url('../images/ui/gplus.png')center center no-repeat;
  width: 32px;
  height: 30px;
}
.gplus:hover{
  background: url('../images/ui/gplus-hover.png')center center no-repeat;
}
.contacts .block.pink{
  position: relative;
  padding: 21px;
}
.pinkClick{
position: absolute;
width: 157px;
height: 136px;
left: 0;
top: 0;
cursor: pointer;
}

.contacts .pinkClick:before{
  content: '';
  position: absolute;
  right: 15px;
  bottom: 15px;
  background: url("/images/ui/cont.png") no-repeat;
  width: 60px;
  height: 60px;
}
.contacts .whiteClick:before{
  content: '';
  position: absolute;
  right: 15px;
  bottom: 15px;
  background: url("/images/ui/cont.png") no-repeat;
  width: 60px;
  height: 60px;
}
.contacts .block.pink.open .name{
padding-top: 85px;
margin-bottom: 20px;
}
.contacts .open .pinkClick:before{
  left: 15px;
  top: 15px;
    -webkit-transform: rotate(180deg) ;
  -moz-transform: rotate(180deg) ;
  -o-transform: rotate(180deg) ;
  -ms-transform: rotate(180deg);
      transform: rotate(180deg) ;

}
.contacts .open .whiteClick:before{
  left: 15px;
  top: 15px;
    -webkit-transform: rotate(180deg) ;
  -moz-transform: rotate(180deg) ;
  -o-transform: rotate(180deg) ;
  -ms-transform: rotate(180deg);
      transform: rotate(180deg) ;

}
.contacts .block.white.open {
  padding-right: 0;
}
.contacts .block.white.open .request-form {
  height: 440px;
  overflow: auto;
  padding-right: 8px;
}
.contacts .block.pink .name{
  margin-bottom: 100px;
}
.contacts .cnt{
}
.contacts .block.grey{
      margin-left: 45px;
      display: inline-block;
      vertical-align: top;
      width: 157px;
    height: 136px;
        background-color: #909090;
}
.contacts .block.grey{
  position: relative;
  padding: 21px;
  overflow: hidden;
}
.pinkClick, .whiteClick{
position: absolute;
width: 157px;
height: 136px;
left: 0;
top: 0;
cursor: pointer;
}

.contacts .greyClick:before{
content: '';
position: absolute;
right: 15px;
bottom: 15px;
background: url("/images/ui/cont.png") no-repeat;
width: 60px;
height: 60px;

}
.contacts .block.grey.open .name{
padding-top: 85px;
margin-bottom: 20px;
}
.contacts .open .greyClick:before{
  left: 15px;
  top: 15px;
    -webkit-transform: rotate(180deg) ;
  -moz-transform: rotate(180deg) ;
  -o-transform: rotate(180deg) ;
  -ms-transform: rotate(180deg);
      transform: rotate(180deg) ;

}
.contacts .block.grey .name{
  margin-bottom: 100px;
}
.greyClick{
position: absolute;
width: 157px;
height: 136px;
left: 0;
top: 0;
cursor: pointer;
}
.contacts .block.grey.open {
    cursor: default;
    width: 360px;
    height: auto;
}
.block.grey p{
  margin: 3px;
  font-size: 15px;
}
.index-block .coollers .cooler .icon{

}
.index-block .coollers .cooler .icon2{
  display: flex;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -60px;
    margin-top: -60px;
    width: 120px;
    height: 120px;
    flex-shrink: 0;
    padding: 1px;
  background: url("/images/ui/cooler-bg2.png") no-repeat;

}
.index-block .coollers .cooler .icon3{
  display: flex;
  opacity: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -60px;
    margin-top: -60px;
    width: 120px;
    height: 120px;
    flex-shrink: 0;
    padding: 1px;
transition-delay: 0s !important;
    transition: all 250ms ease;
  background: url("../images/ui/cooler-bg3.png") no-repeat;
      -webkit-animation: cooler2 2.5s linear infinite;
    animation: cooler2 2.5s linear infinite;

}
.index-block .coollers .cooler:hover .icon3{
  opacity: 1;
}
.index-block .coollers .cooler .icon4{
  display: flex;
  opacity: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -60px;
    margin-top: -60px;
    width: 120px;
    height: 120px;
    flex-shrink: 0;
    padding: 1px;
transition-delay: 0s !important;
    transition: all 250ms ease;
  background: url("../images/ui/cooler-bg4.png") no-repeat;


}
.index-block .coollers .cooler:hover .icon4{
  opacity: 1;
}
@keyframes cooler2 {
    0% {
        transform: rotate(0deg); }
    100% {
        transform: rotate(360deg); } }



.content-2OlImgWrap{
display: inline-block;
vertical-align: top;
position: relative;
width: 564px;
} 
.olimg1{
width: 509px;
height: 453px;
background: url("/images/ui/sec.png") no-repeat;
}
.olimg2{
position: absolute;
width: 96px;
height: 166px;
top: 143px;
display: none;
    left: 161px;
background: url("/images/ui/sec2.png") no-repeat;


}
.olimg6{
position: absolute;
width: 116px;
height: 129px;
display: none;

    top: 150px;
    left: 127px;
background: url("/images/ui/sec6.png") no-repeat;

}
.clear:before,
.clear:after {
    content: "";
    display: table;
}
.clear:after {
    clear: both;
}
.clear {
    zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}

.news .title-name{
  float: right;
  margin-left: 50px;
}
.news .more-button{
  float: right;
  margin-top: -150px;
  width: 162px;
  margin-right: 35px;
}


.download {
    position: relative;
    padding: 70px 0;
    padding-bottom: 110px;

}
.download-top {
    display: flex;
    justify-content: space-between;
    display: block;
}
.download .title-name {
    color: #EB2144;
    justify-content: flex-start;
    padding-right: 0;
    padding-left: 35px;
    position: relative;
    z-index: 2;
    margin-bottom: -40px;
}
.downTabs{
    display: inline-block;
    vertical-align: bottom;
    margin-left: 70px;
    margin-top: 62px;
}
.donwTab{
background: #EEEEEE;
padding: 40px 30px;
text-align: center;
text-transform: uppercase;
float: left;
cursor: pointer;
}
.donwTab:hover{
background: #E3E3E3;
}
.donwTab.active{
  background: #E3E3E3;
}
.downWrap{
border-top: 6px solid #FA1A4A;
margin-top: 50px;
background: #EEEEEE;
padding: 40px;
}
.downcontent{
}
.donwcontentText{
  margin: 0 11px;
  margin-bottom:30px;
font-size: 14px;  

  line-height: 1.8;
}
.downcontent2,.downcontent3,.downcontent4{
display: none;
}
.downcontentBlock{
background: #fff;
display: inline-block;
vertical-align: top;
margin: 11px;
/*padding: 30px 15px;*/
width: 208px; 
cursor: pointer;
min-height: 216px;
padding-bottom: 15px;
}
.downImgWrap-a{
  padding: 30px;
  padding-bottom: 0;
  display: block;
  text-decoration: none;
  padding-bottom: 15px;
  -webkit-transition: all 250ms ease;-moz-transition: all 250ms ease;-ms-transition: all 250ms ease;-o-transition: all 250ms ease;transition: all 250ms ease;
}
.downImgWrap{
text-align: center;
position: relative;

}
.downImg{
display: inline-block;
vertical-align: top;
width: 46px;
margin: 0 10px
}
.downHref{
display: inline-block;
vertical-align: top;
width: 21px;  
height: 23px;
margin: 19px 10px 0 9px;
background: url("/images/ui/dw.png") no-repeat;
-webkit-transition: all 250ms ease;-moz-transition: all 250ms ease;-ms-transition: all 250ms ease;-o-transition: all 250ms ease;transition: all 250ms ease;
}
.downcontentBlock:hover .downHref{
  background: url("/images/ui/dw2.png") no-repeat;
  opacity: 0;
}
.downcontentBlock:hover .downImgWrap-a{
  background: #fafafa;
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes arrMove{
    from {top: 4px;opacity: 0;}
    to {top: 10px;opacity: 1;}
} 

/* Standard syntax */ 
@keyframes arrMove {
    0% {top: 4px;opacity: 0;}
    35% {opacity: 1;}
    100% {top: 22px;}
}
.downHrefAnim{
    -webkit-transition: all 250ms ease;-moz-transition: all 250ms ease;-ms-transition: all 250ms ease;-o-transition: all 250ms ease;transition: all 250ms ease;
    position: absolute;
    right: 29px;
    top: 15px;
    opacity: 0;
    overflow: hidden;
}
.downHrefAnim-arr{
  background: url(../images/ui/downHrefAnim-arr.png)no-repeat;
  width: 9px;
  height: 14px;
  position: absolute;
  left: 6px;
  top: 4px;
  z-index: 1;
  -webkit-transition: all 250ms ease;-moz-transition: all 250ms ease;-ms-transition: all 250ms ease;-o-transition: all 250ms ease;transition: all 250ms ease;
}
.downHrefAnim-icon{
  background: url('../images/ui/downHrefAnim-icon.png')no-repeat;
  width: 21px;
  height: 17px;
  position: relative;
  z-index: 3;
}
.downHrefAnim-block{
  z-index: 1;
  width: 100%;
  background: #fff;
  overflow: hidden;
  position: relative;
  height: 10px;
  top:21px;
}
.downcontentBlock:hover .downHrefAnim{
  opacity: 1;
}
.downcontentBlock:hover .downHrefAnim-arr{
  animation: arrMove 1s ease infinite;
}

.downName{
  margin-top: 10px;
text-align: center;
font-size: 14px;  
}
.download .title-name{
  display: inline-block;
  vertical-align: top;
}
.download .title-name:before{
left: 0;
}
.show-order{
  width: 483px;
    margin: auto;
    position: relative;
    background: #fff;
    padding: 50px 30px 30px;

    border-top: 5px solid #FF2A60;
}
.show-order .mfp-close{
color: #fff;
width: 100px;

}
.show-news .mfp-close{
  color: #F1F1F1;
width: 100px;

}
.show-order .mfp-close:before,.show-news .mfp-close:before{
    content: "close";
    position: absolute;
    left: 10px;
    top: 7px;
    color: #343434;
    font-size: 13px;
}
.show-order .mfp-close:after,.show-news .mfp-close:after{
    content: '';
    position: absolute;
    left: 58px;
    top: 18px;
    width: 20px;
    height: 20px;
    background: url(/images/ui/cl.png) no-repeat;
}
.show-order input{
  width: 393px;
  height: 46px;
  border: 1px solid #DADADA;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  display: block;
  margin:20px auto; 
  padding: 0 20px;
  color: #000;

}
.show-order textarea{
  width: 393px;
  height: 96px;
  border: 1px solid #DADADA;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  display: block;
  margin:20px auto; 
  padding: 10px 20px;
  color: #000;
  resize: none;

}

.show-order .shoTitle{
text-align: center;
margin-bottom: 20px;
text-transform: uppercase;
margin-top: 20px;
}
.shoSend{
  width: 393px;
  height: 46px;
  background: #FA1A4A;
    -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
    display: block;
  margin:30px auto; 
  text-align: center;
 line-height: 46px;
 cursor: pointer;
 margin-bottom: 0;
 color: #fff;
 border:none;


}
.shoSend:hover{
  background: #FF3E67;

}
.show-news{
  width: 940px;
    margin: auto;
    position: relative;
    background: #fff;

    border-top: 5px solid #FF2A60;
}
.snImgWrap{
padding: 50px 0 40px 0;
background: #F1F1F1;
margin-top: 33px;
}
.snImgWrap img{
display: block;
margin: 0 auto;
max-width: 600px;
}
.snBottom{
  padding: 40px ;
}
.snTitle{
font-size: 18px;
text-transform: uppercase;
font-weight: 500;
}
.snText{
line-height: 1.5;
font-size: 14px;

}
.snText p{

}
.index-block .top .logo{
margin-left: 50px;
}
.top-block-wrap{
margin-left: 96px;
}
header .content .menu a{
padding: 0 15px;
padding-top: 10px;
}
header.fixed .content .logo{
cursor: pointer;
}
.spancolor{
    color: #FA1A4A;
    margin-left: 10px;
}
.about .block .common .bottom .name span{
  margin-right: 10px;
}
.features .block .common .line:nth-child(1) i:before{
height: 100px;
}
.benefits-hrefs{
  right: 0;
  top:78px;
}
.index-block .top-block{
  min-width: 635px;
  min-height: 96px;
}
.index-block .top-block-middle{
  margin-top: -12px;
}
.index-block .top-block-middle{
  font-size: 25px;
}
.index-block .top-block-middle__text1:after{
  top: 12px;
}
.index-block .top-block-middle__text2:after{
  top: 12px;
}
.index-block .top-block-bottom{
    font-size: 24px;
    word-spacing: 2px;
}
.index-block .top-block.fixed .top-block-top{
  font-size: 75px;
}
.index-block .top-block.fixed{
  padding-left: 137px;
}

.linkedin-wrapper {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  width: 50px;
  height: 50px;
  position: fixed;
  bottom: 25px;
  right: 0;
  background-color: #d4d4d4;
  padding: 5px;
  text-decoration: none;
  z-index: 3000;
  box-shadow: 0px 0px 27px 0px rgba(7, 7, 7, 0.17);
  border-radius: 5px 0 0 5px;
  transition: 250ms ease all;
}

.linkedin-close {
  width: 25px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 1px;
  left: 1px;
  font-size: 14px;
  color: #202020;
  cursor: pointer;
}

.linkedin-wrapper .linkedin-text {
  display: inline-block;
  max-width: 120px;
  color: #28292a;
  font-size: 12px;
  opacity: 0;
  transition: 250ms ease all;
  margin-left: 25px;
  text-shadow: 0px 5px 15px rgba(0,0,0,0.45);
  flex-shrink: 0;
}

.linkedin-wrapper .linkedin-logo {
  display: block;
  max-width: 40px;
  height: auto;

  background-color: #fff;
  border-radius: 6px;

  position: absolute;
  right: 5px;
  bottom: 5px;
}

.linkedin-active {
  width: 175px;
}


.linkedin-active .linkedin-text {
  opacity: 1;
}

.downcontentBlock {
  text-decoration: none;
  color: #000;
}