@charset "UTF-8";
@font-face {
  font-family: 'HelveticaRegular';
  src: url("fonts/HelveticaRegular.eot");
  src: url("fonts/HelveticaRegular.eot") format("embedded-opentype"), url("fonts/HelveticaRegular.woff2") format("woff2"), url("fonts/HelveticaRegular.woff") format("woff"), url("fonts/HelveticaRegular.ttf") format("truetype"), url("fonts/HelveticaRegular.svg#HelveticaRegular") format("svg"); }
@font-face {
  font-family: 'HelveticaBold';
  src: url("fonts/HelveticaBold.eot");
  src: url("fonts/HelveticaBold.eot") format("embedded-opentype"), url("fonts/HelveticaBold.woff2") format("woff2"), url("fonts/HelveticaBold.woff") format("woff"), url("fonts/HelveticaBold.ttf") format("truetype"), url("fonts/HelveticaBold.svg#HelveticaBold") format("svg"); }
@font-face {
  font-family: 'HelveticaBlack';
  src: url("fonts/HelveticaBlack.eot");
  src: url("fonts/HelveticaBlack.eot") format("embedded-opentype"), url("fonts/HelveticaBlack.woff2") format("woff2"), url("fonts/HelveticaBlack.woff") format("woff"), url("fonts/HelveticaBlack.ttf") format("truetype"), url("fonts/HelveticaBlack.svg#HelveticaBlack") format("svg"); }
@font-face {
  font-family: 'HelveticaMedium';
  src: url("fonts/HelveticaMedium.eot");
  src: url("fonts/HelveticaMedium.eot") format("embedded-opentype"), url("fonts/HelveticaMedium.woff2") format("woff2"), url("fonts/HelveticaMedium.woff") format("woff"), url("fonts/HelveticaMedium.ttf") format("truetype"), url("fonts/HelveticaMedium.svg#HelveticaMedium") format("svg"); }
@font-face {
  font-family: 'HelveticaLight';
  src: url("fonts/HelveticaLight.eot");
  src: url("fonts/HelveticaLight.eot") format("embedded-opentype"), url("fonts/HelveticaLight.woff2") format("woff2"), url("fonts/HelveticaLight.woff") format("woff"), url("fonts/HelveticaLight.ttf") format("truetype"), url("fonts/HelveticaLight.svg#HelveticaLight") format("svg"); }
@font-face {
  font-family: 'arial';
  src: url("fonts/arial.eot");
  src: url("fonts/arial.eot") format("embedded-opentype"), url("fonts/arial.woff2") format("woff2"), url("fonts/arial.woff") format("woff"), url("fonts/arial.ttf") format("truetype"), url("fonts/arial.svg#arial") format("svg"); }
html, body {
  margin: 0;
  padding: 0;
  font-family: "HelveticaRegular"; }

.clear {
  clear: both; }

.call {
  display: none;
  position: absolute;
  width: 703px;
  height: 418px;
  z-index: 5555;
  background-color: #000000;
  background-image: url(../image/vorota/bg-call.png);
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px; }
  .call .cap {
    font-family: "HelveticaBold";
    color: #ffffff;
    font-size: 40px;
    line-height: 40px;
    width: 241px;
    margin: 64px auto 35px; }
  .call .pj-sub {
    width: 355px;
    margin: 0 auto;
    position: relative; }
  .call input[type="text"], .call input[type="tel"] {
    display: block;
    margin: 0 auto;
    padding: 0;
    border: none;
    background-color: #ffffff;
    font-family: "arial";
    font-size: 12px;
    line-height: 12px;
    color: #666666;
    text-indent: 13px;
    width: 355px;
    height: 34px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px; }
    .call input[type="text"]:first-child, .call input[type="tel"]:first-child {
      margin-bottom: 19px; }
    .call input[type="text"]:last-child, .call input[type="tel"]:last-child {
      margin-bottom: 39px; }
  .call input[type="submit"], .call button, .call #sub {
    position: relative;
    display: block;
    margin: 26px 0 0;
    padding: 0;
    border: none;
    font-family: "arial";
    font-size: 14px;
    text-align: center;
    line-height: 12px;
    color: #ffffff;
    width: 171px;
    height: 32px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    background-color: #ff9900;
    border-bottom: 2px solid #996600;
    cursor: pointer; }
    .call input[type="submit"] + label, .call button + label, .call #sub + label {
      margin-left: 14px;
      padding: 2px 0 0;
      display: block;
      position: absolute;
      font-family: "arial";
      font-size: 12px;
      line-height: 12px;
      color: #ffffff;
      width: 183px;
      left: 171px;
      top: 0; }

.data {
  width: 990px;
  margin: 0 auto;
  position: relative;
  overflow: hidden; }

.m-container {
  position: absolute;
  min-width: 100%; }
  .m-container .container {
    position: relative;
    width: 100%; }

.header {
  background-color: #009966;
  min-height: 164px; }
  .header .logo {
    float: left;
    display: inline-block;
    text-decoration: none;
    color: #006633;
    font-size: 18px;
    line-height: 20px;
    background-image: url(../image/vorota/logo.png);
    min-width: 368px;
    background-position: left top;
    background-repeat: no-repeat;
    padding-left: 111px;
    padding-top: 67px;
    margin-top: 41px;
    margin-left: 21px; }
  .header .telephone {
    float: right;
    display: inline-block;
    text-align: right;
    margin-top: 78px;
    margin-right: 27px; }
    .header .telephone .number, .header .telephone .text {
      line-height: 20px;
      display: block; }
    .header .telephone .number {
      color: #ffffff;
      font-size: 30px;
      line-height: 30px; }
    .header .telephone .text {
      margin: 10px 0;
      color: #006633;
      font-size: 18px; }

.slider {
  height: 402px;
  overflow: hidden; }
  .slider .slideActive {
    z-index: 1000; }
  .slider .left {
    background-image: url(../image/vorota/arrow-left.png);
    width: 30px;
    height: 151px;
    background-repeat: no-repeat;
    background-position: center center;
    left: 20px; }
  .slider .next {
    background-image: url(../image/vorota/arrow-right.png);
    width: 31px;
    height: 151px;
    right: 20px;
    background-repeat: no-repeat;
    background-position: center center; }
  .slider .arrow {
    position: absolute;
    top: 124px;
    cursor: pointer;
    z-index: 5000; }
  .slider canvas {
    display: none;
    position: absolute;
    z-index: 100; }
  .slider ul {
    margin: 0;
    padding: 0;
    height: 399px;
    list-style: none outside none;
    overflow: hidden;
    position: absolute;
    width: 990px; }
    .slider ul li {
      position: absolute;
      display: none;
      z-index: 10;
      height: 100%; }
      .slider ul li div {
        height: 100%; }
        .slider ul li div span {
          margin-top: 137px;
          display: block;
          font-family: "HelveticaLight";
          font-size: 50px;
          line-height: 45px;
          color: #ffffff; }
    .slider ul li:first-child {
      display: block;
      z-index: 1000; }
  .slider > .data {
    height: 402px;
    overflow: visible;
    width: auto;
    max-width: 1920px; }
    .slider > .data .bgLayer {
      background-position: top center;
      transition-property: background-position;
      transition-duration: 2s; }

.block_, .block2_ {
  border-top: 3px solid #ffffff;
  background-color: #006633;
  height: 337px; }
  .block_ .content-form, .block2_ .content-form {
    padding-left: 19px; }
  .block_ .pj-sub, .block2_ .pj-sub {
    position: relative; }
  .block_ input[type="text"], .block_ input[type="tel"], .block_ #fio, .block_ #telephone, .block2_ input[type="text"], .block2_ input[type="tel"], .block2_ #fio, .block2_ #telephone {
    margin: 0 11px 0 0;
    padding: 0;
    border: none;
    background-color: #ffffff;
    font-family: "arial";
    font-size: 12px;
    line-height: 12px;
    color: #666666;
    text-indent: 13px;
    width: 355px;
    height: 34px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px; }
  .block_ input[type="submit"], .block_ button, .block_ #sub, .block2_ input[type="submit"], .block2_ button, .block2_ #sub {
    position: relative;
    display: block;
    margin: 26px 0 0;
    padding: 0;
    border: none;
    font-family: "arial";
    font-size: 14px;
    text-align: center;
    line-height: 12px;
    color: #ffffff;
    width: 171px;
    height: 32px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    background-color: #ff9900;
    border-bottom: 2px solid #996600;
    cursor: pointer; }
    .block_ input[type="submit"] + label, .block_ button + label, .block_ #sub + label, .block2_ input[type="submit"] + label, .block2_ button + label, .block2_ #sub + label {
      margin-left: 14px;
      padding: 2px 0 0;
      display: block;
      position: absolute;
      font-family: "arial";
      font-size: 12px;
      line-height: 12px;
      color: #ffffff;
      width: 183px;
      left: 171px;
      top: 0; }

.our-strengths {
  background-color: #ffffff; }
  .our-strengths .caption {
    color: #666666; }
  .our-strengths ul#our-strengths {
    list-style: none;
    margin: 0;
    padding: 0;
    display: block;
    overflow: hidden;
    margin-bottom: 34px; }
    .our-strengths ul#our-strengths li {
      position: relative;
      width: 25%;
      float: left;
      height: 219px;
      text-align: center; }
      .our-strengths ul#our-strengths li span {
        display: block;
        position: absolute;
        text-align: center;
        width: 86%;
        top: 129px;
        margin: 0 7%; }

.our-works {
  background-color: #0d9550;
  height: 679px;
  overflow: hidden;
  background-image: url(../image/pj-our-works.png);
  background-repeat: no-repeat;
  background-position: top center; }
  .our-works .caption .left-caption .one-level, .our-works .caption .right-caption {
    color: #0d9550; }
  .our-works > .data {
    overflow: visible; }
  .our-works .our- {
    list-style: none;
    margin: 0;
    padding: 0; }
    .our-works .our- li {
      position: absolute;
      width: 238px;
      /*258*/
      height: 311px;
      /*331*/
      padding: 10px;
      background-color: #ffffff;
      -webkit-border-radius: 15px;
      -moz-border-radius: 15px;
      -khtml-border-radius: 15px;
      border-radius: 15px;
      -webkit-box-shadow: 1px 1px 9px 1px #666666;
      -moz-box-shadow: 1px 1px 9px 1px #666666;
      -khtml-box-shadow: 1px 1px 9px 1px #666666;
      box-shadow: 1px 1px 9px 1px #666666; }
      .our-works .our- li > span {
        position: absolute;
        top: -50px;
        width: 100%; }
      .our-works .our- li span {
        display: block;
        font-family: "HelveticaBold";
        font-size: 24px;
        line-height: 18px;
        color: #ffffff; }
        .our-works .our- li span > span {
          font-size: 18px;
          line-height: 18px;
          color: #003333; }
      .our-works .our- li img {
        position: relative;
        width: 100%;
        height: 100%;
        z-index: 55;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -khtml-border-radius: 10px;
        border-radius: 10px; }
    .our-works .our- li:first-child {
      -moz-transform: rotate(-15deg);
      /* Для Firefox */
      -ms-transform: rotate(-15deg);
      /* Для IE */
      -webkit-transform: rotate(-15deg);
      /* Для Safari, Chrome, iOS */
      -o-transform: rotate(-15deg);
      /* Для Opera */
      transform: rotate(-15deg);
      top: 337px;
      /*402px;*/
      left: -62px;
      z-index: 5; }
      .our-works .our- li:first-child > span {
        -moz-transform: rotate(15deg);
        /* Для Firefox */
        -ms-transform: rotate(15deg);
        /* Для IE */
        -webkit-transform: rotate(15deg);
        /* Для Safari, Chrome, iOS */
        -o-transform: rotate(15deg);
        /* Для Opera */
        transform: rotate(15deg);
        top: -142px;
        left: 150px; }
      .our-works .our- li:first-child:after {
        content: "";
        position: absolute;
        background-image: url(../image/vorota/li-one.png);
        width: 165px;
        height: 151px;
        background-repeat: no-repeat;
        z-index: 4;
        top: -105px;
        left: 122px;
        -moz-transform: rotate(15deg);
        /* Для Firefox */
        -ms-transform: rotate(15deg);
        /* Для IE */
        -webkit-transform: rotate(15deg);
        /* Для Safari, Chrome, iOS */
        -o-transform: rotate(15deg);
        /* Для Opera */
        transform: rotate(15deg); }
    .our-works .our- li:first-child + li {
      -moz-transform: rotate(-5deg);
      /* Для Firefox */
      -ms-transform: rotate(-5deg);
      /* Для IE */
      -webkit-transform: rotate(-5deg);
      /* Для Safari, Chrome, iOS */
      -o-transform: rotate(-5deg);
      /* Для Opera */
      transform: rotate(-5deg);
      top: 255px;
      left: 105px; }
      .our-works .our- li:first-child + li > span {
        -moz-transform: rotate(5deg);
        /* Для Firefox */
        -ms-transform: rotate(5deg);
        /* Для IE */
        -webkit-transform: rotate(5deg);
        /* Для Safari, Chrome, iOS */
        -o-transform: rotate(5deg);
        /* Для Opera */
        transform: rotate(5deg);
        top: -163px;
        left: 54px; }
      .our-works .our- li:first-child + li:after {
        content: "";
        position: absolute;
        background-image: url(../image/vorota/li-two.png);
        width: 214px;
        height: 129px;
        background-repeat: no-repeat;
        z-index: 4;
        top: -115px;
        left: 28px;
        -moz-transform: rotate(5deg);
        /* Для Firefox */
        -ms-transform: rotate(5deg);
        /* Для IE */
        -webkit-transform: rotate(5deg);
        /* Для Safari, Chrome, iOS */
        -o-transform: rotate(5deg);
        /* Для Opera */
        transform: rotate(5deg); }
    .our-works .our- li:first-child + li + li {
      -moz-transform: rotate(15deg);
      /* Для Firefox */
      -ms-transform: rotate(15deg);
      /* Для IE */
      -webkit-transform: rotate(15deg);
      /* Для Safari, Chrome, iOS */
      -o-transform: rotate(15deg);
      /* Для Opera */
      transform: rotate(15deg);
      top: 277px;
      /*342px;*/
      left: 326px; }
      .our-works .our- li:first-child + li + li > span {
        -moz-transform: rotate(-15deg);
        /* Для Firefox */
        -ms-transform: rotate(-15deg);
        /* Для IE */
        -webkit-transform: rotate(-15deg);
        /* Для Safari, Chrome, iOS */
        -o-transform: rotate(-15deg);
        /* Для Opera */
        transform: rotate(-15deg);
        top: -120px;
        left: -41px; }
      .our-works .our- li:first-child + li + li:after {
        content: "";
        position: absolute;
        background-image: url(../image/vorota/li-3.png);
        width: 165px;
        height: 96px;
        background-repeat: no-repeat;
        z-index: 4;
        top: -53px;
        left: -39px;
        -moz-transform: rotate(-15deg);
        /* Для Firefox */
        -ms-transform: rotate(-15deg);
        /* Для IE */
        -webkit-transform: rotate(-15deg);
        /* Для Safari, Chrome, iOS */
        -o-transform: rotate(-15deg);
        /* Для Opera */
        transform: rotate(-15deg); }
    .our-works .our- li:first-child + li + li + li {
      -moz-transform: rotate(-5deg);
      /* Для Firefox */
      -ms-transform: rotate(-5deg);
      /* Для IE */
      -webkit-transform: rotate(-5deg);
      /* Для Safari, Chrome, iOS */
      -o-transform: rotate(-5deg);
      /* Для Opera */
      transform: rotate(-5deg);
      top: 251px;
      /*316px;*/
      left: 566px; }
      .our-works .our- li:first-child + li + li + li > span {
        -moz-transform: rotate(5deg);
        /* Для Firefox */
        -ms-transform: rotate(5deg);
        /* Для IE */
        -webkit-transform: rotate(5deg);
        /* Для Safari, Chrome, iOS */
        -o-transform: rotate(5deg);
        /* Для Opera */
        transform: rotate(5deg);
        top: -147px; }
      .our-works .our- li:first-child + li + li + li:after {
        content: "";
        position: absolute;
        background-image: url(../image/vorota/li-4.png);
        width: 225px;
        height: 106px;
        background-repeat: no-repeat;
        z-index: 4;
        top: -96px;
        left: 3px;
        -moz-transform: rotate(5deg);
        /* Для Firefox */
        -ms-transform: rotate(5deg);
        /* Для IE */
        -webkit-transform: rotate(5deg);
        /* Для Safari, Chrome, iOS */
        -o-transform: rotate(5deg);
        /* Для Opera */
        transform: rotate(5deg); }
    .our-works .our- li:last-child {
      -moz-transform: rotate(10deg);
      /* Для Firefox */
      -ms-transform: rotate(10deg);
      /* Для IE */
      -webkit-transform: rotate(10deg);
      /* Для Safari, Chrome, iOS */
      -o-transform: rotate(10deg);
      /* Для Opera */
      transform: rotate(10deg);
      top: 339px;
      /*404px;*/
      right: -45px; }
      .our-works .our- li:last-child > span {
        -moz-transform: rotate(-10deg);
        /* Для Firefox */
        -ms-transform: rotate(-10deg);
        /* Для IE */
        -webkit-transform: rotate(-10deg);
        /* Для Safari, Chrome, iOS */
        -o-transform: rotate(-10deg);
        /* Для Opera */
        transform: rotate(-10deg);
        top: -147px;
        left: -133px; }
      .our-works .our- li:last-child:after {
        content: "";
        position: absolute;
        background-image: url(../image/vorota/li-5.png);
        width: 229px;
        height: 145px;
        background-repeat: no-repeat;
        z-index: 4;
        top: -91px;
        left: -135px;
        -moz-transform: rotate(-10deg);
        /* Для Firefox */
        -ms-transform: rotate(-10deg);
        /* Для IE */
        -webkit-transform: rotate(-10deg);
        /* Для Safari, Chrome, iOS */
        -o-transform: rotate(-10deg);
        /* Для Opera */
        transform: rotate(-10deg); }

.block2_ + .our-works {
  background-color: #0c9150;
  background-image: url(../image/pj-csertif.png);
  background-repeat: no-repeat;
  background-position: top center; }
  .block2_ + .our-works .caption .left-caption .one-level, .block2_ + .our-works .caption .right-caption {
    color: #fff; }

.case .caption {
  color: #999999; }
.case #case_ {
  list-style: none;
  width: 928px;
  margin: 0 auto;
  padding: 0;
  overflow: hidden; }
  .case #case_ button {
    margin-top: 10px;
    cursor: pointer;
    width: 158px;
    background-color: #009966;
    height: 37px;
    border: none;
    border-bottom: 2px solid #006633;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    color: #ffffff;
    font-size: 14px;
    line-height: 20px; }
  .case #case_ img {
    max-width: 100%;
    height: 221px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px; }
  .case #case_ li {
    position: relative;
    float: left;
    margin-right: 72px;
    width: 178px;
    margin-bottom: 62px; }
  .case #case_ span {
    display: block; }
  .case #case_ span.name {
    font-family: "HelveticaBold";
    font-size: 14px;
    line-height: 20px;
    color: #999999;
    display: block;
    height: 60px;
    margin-bottom: 10px; }
    .case #case_ span.name > span {
      font-size: 20px;
      line-height: 20px; }
  .case #case_ span.desc {
    font-family: "HelveticaBold";
    font-size: 12px;
    line-height: 12px;
    margin-top: 20px;
    height: 84px;
    color: #999999; }
  .case #case_ li:last-child {
    margin-right: 0; }

.partners-clients {
  text-align: center;
  background-image: url(../image/pj-clients.png);
  background-repeat: no-repeat;
  background-position: top center; }
  .partners-clients ul {
    position: relative;
    width: 57%;
    list-style: none;
    margin: 0 auto;
    padding: 0;
    overflow: hidden; }
    .partners-clients ul li {
      position: relative;
      width: 50%;
      float: left;
      height: 85px; }
      .partners-clients ul li img {
        max-width: 100%;
        max-height: 100%; }
    .partners-clients ul li:nth-child(1), .partners-clients ul li:nth-child(2) {
      height: 120px; }
    .partners-clients ul li:nth-child(2n) + li:last-child {
      margin-left: 25%; }
    .partners-clients ul li:nth-child(2n) {
      text-align: right; }
    .partners-clients ul li:nth-child(2n+1) {
      text-align: left; }
    .partners-clients ul li:last-child {
      text-align: center; }
  .partners-clients .left, .partners-clients .right {
    width: 50%;
    min-height: inherit;
    position: relative; }
    .partners-clients .left > .data, .partners-clients .right > .data {
      width: 495px; }
    .partners-clients .left .cap, .partners-clients .right .cap {
      text-align: left;
      font-family: "HelveticaBold";
      font-size: 40px;
      color: #ffffff;
      margin: 40px 0 68px 113px; }
  .partners-clients .right .cap {
    margin-left: 76px; }
  .partners-clients .left {
    float: left; }
    .partners-clients .left > .data {
      float: right; }
  .partners-clients .right {
    float: left; }
    .partners-clients .right > .data {
      float: left; }

._block {
  min-height: 339px;
  background-color: #006633; }
  ._block #how-we-working {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
    width: 95%; }
    ._block #how-we-working li {
      position: relative;
      background-image: url(../image/vorota/arrow-w.png);
      width: 232px;
      height: 72px;
      float: left;
      background-repeat: no-repeat;
      background-position: top center;
      margin-bottom: 13px;
      text-align: center;
      font-family: "HelveticaBold";
      font-size: 14px;
      line-height: 14px;
      color: #999999; }
      ._block #how-we-working li span {
        display: table-cell;
        vertical-align: middle;
        height: inherit;
        padding-left: 12px;
        width: 141px; }
    ._block #how-we-working li:first-child {
      background-image: url(../image/arrow-f-1.png);
      color: #ffffff; }
    ._block #how-we-working li:last-child {
      background-image: url(../image/arrow-f-n.png);
      color: #ffffff; }
    ._block #how-we-working li:nth-child(2) {
      background-image: url(../image/f2.png); }
    ._block #how-we-working li:nth-child(3) {
      background-image: url(../image/f3.png); }
    ._block #how-we-working li:nth-child(4) {
      background-image: url(../image/f4.png); }
    ._block #how-we-working li:nth-child(5) {
      background-image: url(../image/f5.png); }
    ._block #how-we-working li:nth-child(6) {
      background-image: url(../image/f6.png); }
    ._block #how-we-working li:nth-child(7) {
      background-image: url(../image/f7.png); }

.block2_ {
  background-color: #ffffff;
  border-top: none;
  background-image: url(../image/pj-zayavka.png);
  background-repeat: no-repeat;
  background-position: top center; }
  .block2_ .caption .right-caption {
    color: #ffffff !important; }
  .block2_ input[type="text"], .block2_ input[type="tel"], .block2_ #fio, .block2_ #telephone {
    background-color: #EFEFEF; }
  .block2_ input[type="submit"], .block2_ button, .block2_ #sub {
    background-color: #009966;
    border-bottom: 2px solid #006633; }
    .block2_ input[type="submit"] + label, .block2_ button + label, .block2_ #sub + label {
      color: #009966; }
  .block2_ .caption {
    color: #666666; }

.ya-map {
  height: 679px;
  width: 1280px;
  margin: 0 auto; }

.reviews {
  min-height: 551px;
  background-color: #0d9550;
  background-image: url(../image/pj-rev.png);
  background-repeat: no-repeat;
  background-position: top center; }
  .reviews #reviews {
    list-style: none;
    margin: 0 auto 55px;
    padding: 0;
    color: #ffffff;
    /*overflow: hidden;*/
    width: 95%; 
	margin: 97px auto 55px; }
    .reviews #reviews li {
      position: relative;
      width: 33.33%;
      float: left; }
      .reviews #reviews li:after {
        position: absolute;
        content: "";
        /* Style for "деления от" */
        width: 6px;
        height: 177px;
        background-color: #ff9600;
        top: 0;
        left: 0; }
    .reviews #reviews .name {
      font-size: 18px;
      line-height: 18px;
      margin-bottom: 10px;
      margin-left: 19px;
      display: block; }
    .reviews #reviews .re {
      padding: 0 26px 0 19px;
      font-size: 14px; }
  .reviews .quote {
    position: relative;
    width: 643px;
    height: 84px;
    margin: 0 auto;
    background-color: #ffffff;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -khtml-border-radius: 15px;
    border-radius: 15px; }
    .reviews .quote span {
      display: table-cell;
      vertical-align: middle;
      text-align: center;
      width: 643px;
      height: inherit;
      font-size: 24px;
      color: #666666; }

.contacts {
  background-color: #333333;
  background-image: url(../image/vorota/bg-kontakty.png);
  background-position: top center;
  background-repeat: no-repeat; }
  .contacts > .data {
    min-height: 242px;
    background-image: url(../image/vorota/bulb.png);
    background-repeat: no-repeat;
    background-position: left 54px top 75px; }
  .contacts .column-one {
    float: left;
    margin-left: 178px;
    padding-top: 46px;
    width: 322px;
    color: rgba(255, 255, 255, 0.2);
    font-size: 10px; }
  .contacts .column-two {
    position: relative;
    float: left;
    width: 490px; }
    .contacts .column-two .cap {
      font-family: "HelveticaBold";
      font-size: 25px;
      line-height: 25px;
      color: #ffffff;
      margin-top: 40px;
      margin-left: 17px;
      margin-bottom: 48px; }
    .contacts .column-two .telephone, .contacts .column-two .email {
      color: #ffffff;
      line-height: 20px; }
    .contacts .column-two .telephone {
      font-size: 21px;
      margin-bottom: 15px; }
    .contacts .column-two .email {
      font-size: 18px;
      margin-bottom: 10px; }
    .contacts .column-two #pozvonit, .contacts .column-two #vyizvat-zamerschika {
      position: absolute;
      top: 136px;
      text-decoration: none;
      display: block;
      overflow: hidden;
      color: #ffffff;
      font-size: 14px;
      line-height: 14px;
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      -khtml-border-radius: 8px;
      border-radius: 8px; }
      .contacts .column-two #pozvonit span, .contacts .column-two #vyizvat-zamerschika span {
        display: table-cell;
        vertical-align: middle;
        height: inherit;
        width: inherit;
        text-align: center; }
    .contacts .column-two #pozvonit {
      background-color: #009966;
      border-bottom: 3px solid #006633;
      width: 119px;
      height: 50px;
      left: 207px; }
    .contacts .column-two #vyizvat-zamerschika {
      left: 352px;
      background-image: url(../image/vorota/tel.png);
      background-position: left 14px center;
      background-repeat: no-repeat;
      background-color: #ff9900;
      border-bottom: 3px solid #996600;
      width: 126px;
      height: 50px; }
      .contacts .column-two #vyizvat-zamerschika span {
        padding-left: 39px;
        text-align: left; }

.footer {
  background-color: #cccccc;
  min-height: 49px; }
  .footer .ra {
    width: 20%;
    margin: 10px auto 0;
    display: block;
    text-decoration: none;
    background-image: url(../image/vorota/ra.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 63px;
    min-height: 29px;
    font-family: Times, Times New Roman, serif;
    font-size: 11.6px;
    color: #333333; }

.zakazat {
  position: absolute;
  top: 303px;
  left: 246px;
  text-decoration: none;
  text-align: center;
  padding: 18.06px 0;
  color: #ffffff;
  font-family: "arial";
  font-size: 25.53px;
  line-height: 21.88px;
  display: block;
  background-color: #ff9900;
  width: 220px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -khtml-border-radius: 8px;
  border-radius: 8px;
  border-bottom: 4px solid #996600; }

.caption {
  overflow: hidden;
  margin-top: 67px;
  margin-bottom: 46px;
  padding-left: 20px;
  color: #ffffff; }
  .caption .left-caption, .caption .right-caption {
    width: 50%; }
  .caption .left-caption {
    float: left; }
    .caption .left-caption .one-level {
      font-family: "HelveticaBold";
      font-size: 40px; }
    .caption .left-caption .two-level {
      font-family: "arial";
      font-size: 16px;
      line-height: 16px; }
  .caption .right-caption {
    float: right;
    text-align: right;
    text-transform: uppercase; }
    .caption .right-caption .one-level {
      font-family: "HelveticaBlack";
      font-size: 16px;
      line-height: 14px; }
    .caption .right-caption .two-level {
      font-family: "HelveticaMedium";
      font-size: 14px;
      line-height: 14px; }
    .caption .right-caption:after {
      clear: both; }

div#num {
  position: absolute;
  bottom: 10px;
  left: 0; }

a.nash-partnyor {
  display: block;
  position: absolute;
  top: 20px;
  right: 27px;
  z-index: 5;
  text-decoration: none;
  color: #333333;
  font-family: 'HelveticaBold';
  background-color: #ffffff;
  padding: 7px 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  border-bottom: 4px solid #333333; }
  a.nash-partnyor:hover {
    color: #000000;
    border-bottom: 4px solid #000000; }

#reviews .imj {
    display: block;
    position: absolute;
    top: -97px;
    left: 50%;
    margin-left: -50px;
    width: 100px;
    height: 100px;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
}

/*# sourceMappingURL=sun.NET.vorota.css.map */

.law-link-in-footer {
    padding-top: 10px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    font-size: 0.8em;
    margin-left: 90px;
}
.law-link-in-footer a {
    color: #fbffef !important;
    transition: color 0.3s ease;
}

.law-link-in-footer a:hover {
    color: #009966 !important;
}
.content-block {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 50px;
    padding-bottom: 50px;
}