@import url(http://fonts.googleapis.com/css?family=Open+Sans:700,300,600,800,400);
/* ============================================ */
/* DEFINE */
/* ============================================ */
body {
  background: #fff;
  font-size: 1em;
  position: relative;
  margin: 0 auto;
  color: #333;
  height: 100%;
  min-width: 1000px;
  max-width: 1920px;
  font-family: 'Open Sans', sans-serif; }
  body .wrapper {
    width: 1000px;
    margin: 0 auto;
    position: relative; }
  body .clear {
    clear: both; }
  body .hide {
    display: none; }
  body img {
    border: 0; }
  body ul.clear_ul {
    padding: 0;
    margin: 0;
    list-style-type: none; }
    body ul.clear_ul li {
      list-style-type: none !important; }
  body ul.to-left li {
    float: left; }
  body input,
  body button,
  body select {
    font-size: 18px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
    outline: none; }
  body .float_left {
    float: left; }
  body .float_right {
    float: right; }
  body input[type="submit"]:active {
    -webkit-box-shadow: inset 0px 0px 10px 0px #323232;
    -moz-box-shadow: inset 0px 0px 10px 0px #323232;
    box-shadow: inset 0px 0px 10px 0px #323232; }
  body input[type="submit"],
  body button {
    cursor: pointer; }
  body .inline_block {
    display: inline-block; }
  body .absolute {
    position: absolute; }
  body .relative {
    position: relative; }
  body .uppercase {
    text-transform: uppercase; }
  body button:active {
    -webkit-box-shadow: inset 0px 0px 10px 0px #323232;
    -moz-box-shadow: inset 0px 0px 10px 0px #323232;
    box-shadow: inset 0px 0px 10px 0px #323232; }
  body .title {
    text-align: center;
    font-weight: 700; }

/* ============================================ */
/* BODY */
/* ============================================ */
.header {
  background: #e2e8f2; }
  a {
  color:#333;}
  .header .wrapper {
    padding: 20px 0px; }
  .header .logo {
    background: url("/public/skin/img/logo.png") no-repeat;
    width: 276px;
    height: 63px; }
  .header button {
    background: #ce232c;
    border: 1px solid #ce232c;
    color: #fff;
    padding: 9px 70px;
    margin: 15px 0 0 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px; }
  .header button:hover {
    background: #196f99;
    border: 1px solid #196f99;
    color: #fff; }
  .header .phone {
    margin: 10px 40px 0 0;
    font-weight: 700;
	width: 162px;
    font-size: 18px; }
  .header .city {
    text-align: center;
    margin: 20px 0 0 0; }

.top_menu {
  background: #2f323c;
  z-index: 2000;
  max-width: 1920px;
  min-width: 1000px; }
  .top_menu a {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase; }
  .top_menu ul li {
    float: right;
    padding: 10px 21px; }
  .top_menu ul li.pop-up {
    border: 5px solid #248e5d; }
  .top_menu ul li.pop-up:hover {
    border: 5px solid #196f99; }

.scheme {
  background: url("/public/skin/img/sheme.jpg") no-repeat center top;
  height: 611px; }
  .scheme .wrapper div {
    position: absolute;
    font-size: 21px;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
    opacity: 0; }
  .scheme .wrapper div.i1 {
    top: 490px;
    left: 97px; }
  .scheme .wrapper div.i2 {
    top: 202px;
    left: 405px; }
  .scheme .wrapper div.i3 {
    top: 493px;
    left: 623px; }
  .scheme .wrapper div.i4 {
    top: 128px;
    left: 820px;
    font-size: 13px; }
  .scheme .wrapper div.i5 {
    top: 281px;
    left: 820px;
    font-size: 13px; }
  .scheme .wrapper div.i6 {
    top: 440px;
    left: 810px;
    font-size: 13px; }

.h_form {
  background: #c3cfe2;
  padding: 40px 0px 20px 0px; }
  .h_form .title {
    text-transform: uppercase;
	letter-spacing: 0px;
    font-size: 22px; }
	.h_form #form {
	position: relative; top: -20px;}
.action_form {
  /* Firefox 19+ */
  /* Firefox 18- */
  text-align: center; }
  .action_form ::-webkit-input-placeholder {
	text-align: center;
    color: #c5c5c6; }
  .action_form ::-moz-placeholder {
	text-align: center;
    color: #c5c5c6; }
  .action_form :-moz-placeholder {
	text-align: center;
    color: #c5c5c6; }
  .action_form :-ms-input-placeholder {
	text-align: center;
    color: #c5c5c6; }
  .action_form p {
    display: inline-block; }
  .action_form input {
    border: 0;
    text-align: center;
    padding: 15px 0px;
    margin: 0 40px;
	width: 320px;}
  .action_form input[type="text"] {
    background: #343739;
    color: #c5c5c6; }
  .action_form input[type="submit"] {
    background: #ce232c;
    color: #fff;
    border: 1px solid #ce232c;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px; }
  .action_form input[type="submit"]:hover {
    background: #c3cfe2;
    border: 1px solid #343739;
    color: #343739;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px; }

.advantages {
  background: url("/public/skin/img/advantages_bg.jpg") no-repeat top center;
  padding: 50px 0; }
  .advantages .title {
    font-weight: 400;
    text-align: center;
    background: #2b2c3b;
    color: #e3cdc4;
    padding: 20px;
    margin: 0 0 50px 0; }
    .advantages .title span {
      font-weight: 700;
      text-transform: uppercase; }
  .advantages .big_title {
    color: #00abc2;
    font-size: 28px;
    text-align: center;
    font-weight: 700;
	text-transform: uppercase;
    border-bottom: 1px solid #00abc2; }
  .advantages .float_left, .advantages .float_right {
    width: 50%;
    margin: 0 0 70px 0; }
    .advantages .float_left div, .advantages .float_right div {
      background: url("/public/skin/img/icons.png") no-repeat;
      color: #c1aaa0;
      line-height: 1.5em;
      padding: 230px 50px 30px 50px;
      border-bottom: 1px solid #a6c3c3; }
      .advantages .float_left div span, .advantages .float_right div span {
        display: block;
        color: #fff;
        text-align: center;
        text-transform: uppercase;
        font-size: 24px;
        font-weight: 700;
        padding: 0 0 5px 0; }
  .advantages .float_left div.i1 {
    background-position: -420px 73px; }
  .advantages .float_left div.i2 {
    background-position: -1640px 50px; }
  .advantages .float_right div.i1 {
    padding-top: 350px;
    background-position: -1100px 180px;
    border-left: 1px solid #a6c3c3; }
  .advantages .float_right div.i2 {
    background-position: 200px 70px;
    border-left: 1px solid #a6c3c3; }
  .advantages button {
    background: #ce232c;
    border: 1px solid #ce232c;
    padding: 8px 40px;
    color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px; }
  .advantages button:hover {
    background: none;
    border: 1px solid #fff; }

.video {
  background: url("/public/skin/img/video.jpg") no-repeat center;
  padding: 64px 0; }
  .video .title {
    color: #fff;
    font-weight: 700;
    font-size: 28px;
    text-transform: uppercase;
    padding: 0 0 70px 0; }
  .video .img {
    text-align: center;
    cursor: pointer; }
    .video .img img {
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
      transition: all 0.5s ease; }
  .video .click {
    color: #e3cdc4;
    text-transform: uppercase;
    text-align: center; }

.comparison {
  background: url("/public/skin/img/comparison_bg.gif") repeat-y center;
  padding: 60px 0 70px 0;
  color: #b6c7c6; }
  .comparison .title {
    color: #fff;
    font-weight: 700;
    font-size: 28px;
    text-transform: uppercase; }
	.comparison .float_left {
	margin: 0 0 0 14px;}
  .comparison .item {
    background: url("/public/skin/img/5_element.png") no-repeat;
    position: relative;
    padding: 70px 0; }
    .comparison .item .name {
      display: block;
      text-align: center;
      position: relative;
      font-weight: 700;
      overflow: hidden;
      color: #fff;
      text-transform: uppercase;
      font-size: 16px;
      top: 10px; }
      .comparison .item .name span {
        display: inline-block;
        margin: 0 .4em; }
      .comparison .item .name span:before,
      .comparison .item .name span:after {
        content: '';
        position: absolute;
        width: 100%;
        border-top: 1px solid #8f97b0;
        margin-top: 11px; }
      .comparison .item .name span:before {
        margin-left: -104%; }
      .comparison .item .name span:after {
        margin-left: 4%; }
    .comparison .item ul {
      border: 1px solid #8f97b0;
      border-top: 0;
      padding: 30px 0 !important; }
      .comparison .item ul li {
        padding: 5px 80px;
        margin: 0 0 0 -14px;
        background: url("/public/skin/img/minus.png") no-repeat left center; }
      .comparison .item ul li.pos {
        background: url("/public/skin/img/plus.png") no-repeat left center; }
  .comparison .coal {
    background-position: 120px 10px; }
  .comparison .disel {
    background-position: -940px 10px;
    padding: 70px 0 0 0; }
  .comparison .elec {
    background-position: -220px 9px; }
  .comparison .alter {
    background-position: -580px 29px;
    padding: 102px 0 0 0; }
  .comparison .gas {
    position: absolute;
	background-position: -1257px 20px;
	width: 412px;
	top: 190px;
	left: 50%;
	margin-left: -195px; }
    .comparison .gas ul {
      background: #323746;
      border: 4px solid #fff;
      border-top: 0;
      height: 145px;
      padding: 50px 0 30px 0 !important;
      -webkit-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
      -moz-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
      box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75); }
      .comparison .gas ul li {
        margin: 0 0 0 75px;
        padding: 5px 45px;
        text-transform: uppercase; }
    .comparison .gas .name {
      font-size: 32px;
      top: 20px; }
      .comparison .gas .name span:before,
      .comparison .gas .name span:after {
        content: '';
        position: absolute;
        width: 100%;
        border-top: 4px solid #fff;
        margin-top: 20px; }
      .comparison .gas .name span:before {
        margin-left: -104%; }
      .comparison .gas .name span:after {
        margin-left: 4%; }

.grafic {
  background: url("/public/skin/img/comparison_bg.gif") repeat-y center;
  padding: 0 0 50px 0; }
  .grafic .wrapper {
    background: #2c2c3c;
    /*width: 1270px;*/
    padding: 0 0 70px 0; }
  .grafic .title {
    color: #fff;
    font-weight: 700;
    font-size: 28px;
    padding: 60px 0;
    text-transform: uppercase; }
  .grafic .stolb .ctv, .grafic .stolb .m {
    background: url("/public/skin/img/MM.jpg") no-repeat center;
    display: inline-block;
    width: 49%;
    text-align: center;
    padding: 0 0 350px 0;
    position: relative; }
    .grafic .stolb .ctv .name, .grafic .stolb .m .name {
      display: inline-block;
      padding: 10px 20px;
      font-size: 22px;
      font-weight: 700;
      background: #474d60;
      -webkit-border-radius: 100px;
      -moz-border-radius: 100px;
      -ms-border-radius: 100px;
      border-radius: 100px;
      color: #fff; }
    .grafic .stolb .ctv ul, .grafic .stolb .m ul {
      position: absolute;
      bottom: 55px;
      left: 75px; }
    .grafic .stolb .ctv ul li, .grafic .stolb .m ul li {
      background: url("/public/skin/img/I.png") repeat-y;
      display: inline-block;
      width: 60px;
      border: 2px solid;
      margin: 0 30px 0 0;
      position: relative;
      -webkit-transition: all 0.8s ease;
      -moz-transition: all 0.8s ease;
      -o-transition: all 0.8s ease;
      -ms-transition: all 0.8s ease;
      transition: all 0.8s ease; }
      .grafic .stolb .ctv ul li span, .grafic .stolb .m ul li span {
        position: absolute;
        font-size: 18px;
        font-weight: 700;
        -webkit-transition: all 0.8s ease;
        -moz-transition: all 0.8s ease;
        -o-transition: all 0.8s ease;
        -ms-transition: all 0.8s ease;
        transition: all 0.8s ease;
        color: #fff;
        top: -30px;
        left: 3px;
        padding: 0 30px 0 0;
        white-space: nowrap;
        opacity: 0; }
      .grafic .stolb .ctv ul li span.rub, .grafic .stolb .m ul li span.rub {
        background: url("/public/skin/img/rub.png") no-repeat 42px 6px; }
  .grafic .stolb .ctv .i1 {
    background-position: 51px 0px;
    border-color: #12d212;
    height: 31px; }
  .grafic .stolb .ctv .i2 {
    background-position: -28px 0px;
    border-color: #daf63f;
    height: 88px; }
  .grafic .stolb .ctv .i3 {
    background-position: -120px 0px;
    border-color: #f68d3f;
    height: 155px; }
  .grafic .stolb .ctv .i4 {
    background-position: -210px 0px;
    border-color: #f63f3f;
    height: 231px; }
  .grafic .stolb .m .i1 {
    background-position: 51px 0px;
    border-color: #12d212;
    height: 31px; }
  .grafic .stolb .m .i2 {
    background-position: -28px 0px;
    border-color: #daf63f;
    height: 88px; }
  .grafic .stolb .m .i3 {
    background-position: -120px 0px;
    border-color: #f68d3f;
    height: 155px; }
  .grafic .stolb .m .i4 {
    background-position: -210px 0px;
    border-color: #f63f3f;
    height: 231px; }
  .grafic .stolb .desc {
    position: absolute;
    color: #fff;
    font-size: 12px;
    bottom: -35px;
    left: 50px;
    text-align: left; }
    .grafic .stolb .desc div {
      background: url("/public/skin/img/grafic_ico.png") no-repeat;
float: left;
width: 80px;
margin-right: 30px;
padding: 40px 0 0 0; }
  .grafic .stolb .o1 {
    background-position: 25px 0px !important; }
  .grafic .stolb .o2 {
    background-position: -110px 0px !important; }
  .grafic .stolb .o3 {
    background-position: -210px 0px !important; }
  .grafic .stolb .o4 {
    background-position: -320px 0px !important; }

.horizont {
  background: url("/public/skin/img/comparison_bg.gif") repeat-y center;
  padding: 0 0 70px 0; }
  .horizont .float_left, .horizont .float_right {
    width: 50%; }
  .horizont .title {
    color: #fff;
    font-weight: 700;
    font-size: 28px;
    padding: 0 0 50px 0;
    text-transform: uppercase; }
  .horizont .desc {
    float: left;
    color: #fff;
    font-size: 12px; }
    .horizont .desc div {
      background: url("/public/skin/img/grafic_ico.png") no-repeat;
      width: 100px;
      margin-right: 14px;
      padding: 40px 0 25px 0; }
    .horizont .desc .o1 {
      background-position: -215px 0px !important; }
    .horizont .desc .o2 {
      background-position: -115px 0px !important; }
    .horizont .desc .o3 {
      background-position: -320px 0px !important; }
    .horizont .desc .o4 {
      background-position: 0px 0px !important; }
  .horizont ul {
    float: left;
    border-left: 1px solid #646873;
    padding: 25px 0 0px 0 !important; }
    .horizont ul li {
      background: url("/public/skin/img/horizont_ico.png") repeat-x;
      height: 55px;
      border: 2px solid;
      margin: 0 0 25px 0;
      position: relative;
      -webkit-transition: all 0.8s ease;
      -moz-transition: all 0.8s ease;
      -o-transition: all 0.8s ease;
      -ms-transition: all 0.8s ease;
      transition: all 0.8s ease; }
      .horizont ul li span {
        position: absolute;
        background: #2c2c3c;
        -webkit-border-radius: 1000px;
        -moz-border-radius: 1000px;
        -ms-border-radius: 1000px;
        border-radius: 1000px;
        font-size: 18px;
        font-weight: 700;
        -webkit-transition: all 0.8s ease;
        -moz-transition: all 0.8s ease;
        -o-transition: all 0.8s ease;
        -ms-transition: all 0.8s ease;
        transition: all 0.8s ease;
        color: #fff;
        top: 8px;
        right: -95px;
        padding: 10px;
        white-space: nowrap;
        opacity: 0; }
      .horizont ul li span.rub {
        background: url("/public/skin/img/rub.png") no-repeat 42px 6px; }
    .horizont ul .i1 {
      width: 150px;
      border-color: #f63f3f; }
    .horizont ul .i2 {
      width: 240px;
      border-color: #1b9b1b;
      background-position: 0px -87px; }
    .horizont ul .i3 {
      width: 240px;
      border-color: #f68d3f;
      background-position: 0px -173px; }

.cost {
  background: url("/public/skin/img/cost_bg.jpg") no-repeat center;
  padding: 70px 0; }
  .cost .wrapper {
    text-align: center; }
  .cost .title {
    color: #fff;
    font-weight: 700;
    font-size: 28px;
    text-transform: uppercase;
    padding: 0 0 70px 0; }
  .cost img.diagram {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease; }
  .cost .desc div {
    position: absolute;
    background: url("/public/skin/img/diagram_line.png") no-repeat center;
    color: #fff;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
    font-size: 26px;
    opacity: 0; }
  .cost .desc .i1 {
    top: 10px;
    left: 16px;
    background-position: -6px 38px;
    padding: 0 50px 50px 0; }
  .cost .desc .i2 {
    top: 250px;
    left: 90px;
    background-position: -4px -287px;
    padding: 0 70px 50px 0; }
  .cost .desc .i3 {
    top: -40px;
    left: 540px;
    background-position: 10px -131px;
    padding: 0 0 50px 50px; }
  .cost .desc .i4 {
    top: 200px;
    left: 605px;
    background-position: 10px -412px;
    padding: 0 0 50px 70px; }

.sertificates {
  padding: 70px 0 40px 0; }
  .sertificates .title {
    color: #363433;
    font-weight: 700;
    font-size: 28px;
    text-transform: uppercase;
    padding: 0 0 130px 0; }
  .sertificates .steps_slider {
    position: relative; }
    .sertificates .steps_slider .arrow {
      position: absolute;
      z-index: 1000;
      top: 100px;
      width: 22px;
      height: 37px;
      cursor: pointer;
      overflow: hidden;
      border: 0px solid red;
      background: url("/public/skin/img/slider_arrow.jpg") no-repeat center; }
    .sertificates .steps_slider .left {
      left: 30px;
      background-position: 0px 0px; }
    .sertificates .steps_slider .right {
      right: 30px;
      background-position: -22px 0px; }
    .sertificates .steps_slider .photos {
      list-style: none;
      text-align: center;
      height: 260px; }
    .sertificates .steps_slider .photos li {
      position: absolute;
      background: #e2e8f2;
      height: 260px;
      list-style-type: none;
      width: 100%;
      left: 0;
      top: 0;
      padding: 0;
      background-position: center; }
    .sertificates .steps_slider .photos li img {
      border: 1px solid #688c75;
      margin: -80px 10px 0 10px; }
    .sertificates .steps_slider .photos li:before {
      width: 0px;
      height: 0px; }
    .sertificates .steps_slider .photos li + li {
      display: none; }
    .sertificates .steps_slider .photos li .step {
      height: 48px;
      width: 75px;
      background-color: #e2114d;
      text-align: center;
      position: absolute;
      z-index: 50;
      left: 30px;
      -webkit-transform: skew(-17deg);
      -moz-transform: skew(-17deg);
      -o-transform: skew(-17deg);
      -ms-transform: skew(-17deg);
      transform: skew(-17deg); }
    .sertificates .steps_slider .photos li .step span {
      display: block;
      -webkit-transform: skew(17deg);
      -moz-transform: skew(17deg);
      -o-transform: skew(17deg);
      -ms-transform: skew(17deg);
      transform: skew(17deg);
      font-family: "pfdindisplaypro-reg",Arial,sans-serif;
      font-size: 28pt;
      color: #fff;
      line-height: 50px; }
    .sertificates .steps_slider .txt {
      width: 535px;
      color: #d3d3d3;
      font-style: italic;
      font-size: 11pt;
      line-height: 18px;
      margin: 25px 0 25px 330px; }
    .sertificates .steps_slider .txt li {
      list-style: none; }
    .sertificates .steps_slider .txt li + li {
      display: none; }
    .sertificates .steps_slider .switch {
      text-align: center;
      font-size: 0;
      position: relative;
      z-index: 100;
      top: -60px; }
    .sertificates .steps_slider .switch li {
      list-style: none;
      display: inline-block;
      width: 21px;
      height: 4px;
      background: #1c1b2d;
      cursor: pointer;
      margin: 0 0 0 5px; }
    .sertificates .steps_slider .switch li.active {
      background: #ce232c;
      height: 15px; }

.reviews {
  background: url("/public/skin/img/review.jpg") no-repeat center;
  padding: 60px 0 237px 0; }
  .reviews .big_title {
    color: #00abc2;
    text-transform: uppercase;
    font-size: 28px;
    text-align: center;
    font-weight: 700;
    margin: 0 0 70px 0;
    border-bottom: 1px solid #00abc2; }
  .reviews .steps_sliders {
    position: relative; }
    .reviews .steps_sliders p {
      padding: 0;
      margin: 0; }
    .reviews .steps_sliders .title {
      font-size: 18px;
      color: #fff;
      text-transform: uppercase;
      font-weight: 700;
      margin: 0 0 20px 0; }
    .reviews .steps_sliders .text {
      text-align: center;
      color: #fff;
      width: 750px;
      margin: 0 auto 70px auto;
      font-style: italic;
      line-height: 1.5em; }
    .reviews .steps_sliders .place {
      text-align: center;
      color: #fff; }
      .reviews .steps_sliders .place span {
        padding: 0 0 0 30px;
        margin: 0 0 0 40px;
        background: url("/public/skin/img/place.png") no-repeat; }
    .reviews .steps_sliders .arrow {
      background: url("/public/skin/img/review_ico.png") no-repeat;
      position: absolute;
      z-index: 1000;
      top: 200px;
      width: 22px;
      height: 37px;
      cursor: pointer;
      overflow: hidden;
      border: 0px solid red;
      color: #fff;
      text-transform: uppercase;
      font-size: 12px; }
    .reviews .steps_sliders .arrow:active {
      top: 201px; }
    .reviews .steps_sliders .left {
      left: 0px;
      background-position: 0px 45px;
      padding: 30px 21px 30px 90px; }
    .reviews .steps_sliders .right {
      right: 0px;
      background-position: -205px 45px;
      padding: 30px 106px 30px 5px; }
    .reviews .steps_sliders .photos {
      list-style: none;
      text-align: center;
      height: 260px; }
    .reviews .steps_sliders .photos li {
      position: absolute;
      list-style-type: none;
      width: 100%;
      left: 0;
      top: 0;
      padding: 0;
      background-position: center; }
    .reviews .steps_sliders .photos li .img {
      background: url("/public/skin/img/fzXYJvjpIyE.jpg") no-repeat center;
      width: 102px;
      height: 102px;
      -webkit-border-radius: 100%;
      -moz-border-radius: 100%;
      -ms-border-radius: 100%;
      border-radius: 100%;
      margin: 0 auto 20px auto; }
    .reviews .steps_sliders .photos li:before, .reviews .steps_sliders .photos li:after {
      background: url("/public/skin/img/review_ico.png") no-repeat;
      position: absolute;
      content: '';
      width: 24px;
      height: 20px; }
    .reviews .steps_sliders .photos li:before {
      background-position: -136px 0px;
      left: 98px;
      top: 0px; }
    .reviews .steps_sliders .photos li:after {
      background-position: -176px 0px;
      right: 100px;
      bottom: 190px; }
    .reviews .steps_sliders .photos li + li {
      display: none; }
    .reviews .steps_sliders .photos li .step {
      height: 48px;
      width: 75px;
      background-color: #e2114d;
      text-align: center;
      position: absolute;
      z-index: 50;
      left: 30px;
      -webkit-transform: skew(-17deg);
      -moz-transform: skew(-17deg);
      -o-transform: skew(-17deg);
      -ms-transform: skew(-17deg);
      transform: skew(-17deg); }
    .reviews .steps_sliders .photos li .step span {
      display: block;
      -webkit-transform: skew(17deg);
      -moz-transform: skew(17deg);
      -o-transform: skew(17deg);
      -ms-transform: skew(17deg);
      transform: skew(17deg);
      font-family: "pfdindisplaypro-reg",Arial,sans-serif;
      font-size: 28pt;
      color: #fff;
      line-height: 50px; }
    .reviews .steps_sliders .txt {
      width: 535px;
      color: #d3d3d3;
      font-style: italic;
      font-size: 11pt;
      line-height: 18px;
      margin: 25px 0 25px 330px; }
    .reviews .steps_sliders .txt li {
      list-style: none; }
    .reviews .steps_sliders .txt li + li {
      display: none; }
    .reviews .steps_sliders .switch {
      display: none;
      text-align: center;
      font-size: 0;
      position: relative;
      z-index: 100;
      top: -60px; }
    .reviews .steps_sliders .switch li {
      list-style: none;
      display: inline-block;
      width: 21px;
      height: 4px;
      background: #1c1b2d;
      cursor: pointer;
      margin: 0 0 0 5px; }
    .reviews .steps_sliders .switch li.active {
      background: #ce232c;
      height: 15px; }

.footer {
  background: #2f323c;
  color: #fff;
  padding: 30px 0;
  font-size: 14px; }
  a{
  text-decoration: none;color: #333;}
  .footer .city, .footer .phone, .footer .copy, .footer .axi {
    background: url("/public/skin/img/footer_ico.png") no-repeat center;
    float: left; }
  .footer .city {
    background-position: 40px 0px;
    margin: 0 120px 0 20px;
    padding: 35px 0 0 0; }
  .footer div.phone {
    background-position: -99px 0px;
    margin: 0 120px 0 20px;
	width: 140px;
    padding: 35px 0 0 0; }
  .footer .copy {
    background: none;
    margin: 50px 90px 0 20px;
    color: #9c9da0; }
  .footer .axi {
    color: #9c9da0;
    background-position: -195px -1px;
    padding: 4px 130px 0px 0;
    margin: 50px 0 0 20px; }
  .footer .action_form {
    width: 490px;
    background: #e2e8f2;
    position: absolute;
    right: 0;
    padding: 20px 0;
    top: -97px; }
    .footer .action_form .title {
      color: #2f323c;
      text-transform: uppercase;
      font-size: 18px; }
    .footer .action_form .req {
      width: 325px;
      color: #2f323c;
      margin: 0 auto; }
    .footer .action_form .phone {
      margin: 0;
      padding: 15px 0px;
      margin: 0 0 15px 85px; }
    .footer .action_form p {
      display: block; }

/* ============================================ */
/* TO-TOP */
/* ============================================ */
.btnUp {
  background: url("/public/skin/img/arrow_top.jpg");
  position: fixed;
  font-size: 56px;
  line-height: 55px;
  z-index: 3000;
  bottom: 0px;
  left: 50px;
  width: 65px;
  height: 62px;
  opacity: 0.8;
  cursor: pointer;
  display: none;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease; }

.btnUp:hover {
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.75);
  opacity: 1; }

.btnUp:active {
  -webkit-box-shadow: inset 0px 0px 20px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: inset 0px 0px 20px 0px rgba(0, 0, 0, 0.75);
  box-shadow: inset 0px 0px 20px 0px rgba(0, 0, 0, 0.75); }

/* ============================================ */
/* POP UP */
/* ============================================ */
#corporate_customers,
#corporate_customers_sens {
  background: url("/public/skin/img/review.jpg") no-repeat -310px -360px;
  border: 5px solid #196f99;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  /*
  .bg {
    background: url($img_dir + 'pattern.png') repeat;
  }
  */ }
  #corporate_customers_sens .title {
	color: #fff;
	font-weight: 700;
	font-size: 28px;
	padding: 50px;
  }
  #corporate_customers input[type="submit"]:hover {
    background: none;
    border: 1px solid #fff;
    color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px; }
  #corporate_customers input[type="text"] {
    background: none;
    border: 1px solid #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px; }
  #corporate_customers .req {
    color: #fff;
    padding: 0 0 20px 0; }
  #corporate_customers .title {
    color: #fff;
    font-size: 24px;
    padding: 20px 20px 0px 20px; }
  #corporate_customers .x-close {
    position: absolute;
    cursor: pointer;
    color: #62676d;
    background: url("/public/skin/img/18_Close-128.png") no-repeat left top;
    right: -40px;
    top: -40px;
    width: 35px;
    height: 35px; }
  #corporate_customers .x-close:hover {
    position: absolute;
    cursor: pointer;
    color: #62676d;
    background: url("/public/skin/img/18_Close-128_1.png") no-repeat left top;
    right: -40px;
    top: -40px;
    width: 35px;
    height: 35px;
    background-size: 35px; }
  #corporate_customers .x-close:active {
    position: absolute;
    cursor: pointer;
    color: #62676d;
    background: url("/public/skin/img/18_Close-128_1.png") no-repeat left top;
    right: -40px;
    top: -39px;
    width: 35px;
    height: 35px;
    background-size: 35px; }
	.title,.big_title {
	letter-spacing: 2px;}
	/*FIX*/
	@-moz-document url-prefix() { 
		.footer .action_form .phone {
			padding: 15px 0px;
			margin: 0px 0px 15px 82px;
		}
		.scheme .wrapper div {
			font-size: 20px;
		}
		.video {
			padding: 63px 0px;
		}
		.reviews {
			padding: 60px 0px 236px;
		}
		.footer .action_form {
			top: -122px;
		}
	}
	@media screen and (-webkit-min-device-pixel-ratio:0) {
		::i-block-chrome,input[type="text"] {
			padding-left: 10px;
			padding-right: 10px;
		}
		::i-block-chrome,.footer .action_form .phone {
			padding-left: 10px;
			padding-right: 10px;
		}
		::i-block-chrome,.top_menu ul li {
			padding: 10px 19px;
		}
	}	
/*# sourceMappingURL=common.css.map */