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

.call {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 418px;
  z-index: 5555;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
  margin-left: 493px;
  margin-top: 122px; }
  .call .cap {
    font-family: "HelveticaBold";
    color: #ffffff;
    font-size: 38px;
    line-height: 40px;
    width: 355px;
    margin: 49px auto 34px; }
  .call .pj-sub {
    width: 355px;
    margin: 0 0 0 182px;
    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;
    margin-bottom: 8px; }
    .call input[type="text"]:last-child, .call input[type="tel"]:last-child {
      margin-bottom: 29px; }
  .call .time {
    background-image: url(../image/shtory/time.png);
    background-repeat: no-repeat;
    background-position: right 14px center; }
  .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: #996600;
    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-top: 13px;
      padding: 2px 0 0;
      display: block;
      position: relative;
      font-family: "arial";
      font-size: 12px;
      line-height: 12px;
      color: #ffffff;
      width: 183px;
      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: #cc3300;
  min-height: 164px; }
  .header .logo {
    float: left;
    display: inline-block;
    text-decoration: none;
    color: #ffffff;
    font-size: 18px;
    line-height: 20px;
    background-image: url(../image/shtory/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: #ffcc00;
      font-size: 30px;
      line-height: 30px; }
    .header .telephone .text {
      margin: 10px 0;
      color: #ffffff;
      font-size: 18px; }

.slider {
  background-image: url(../image/shtory/bg-slide.png);
  background-repeat: no-repeat;
  background-position: top -164px center;
  height: 402px; }
  .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: 10px; }
  .slider .next {
    background-image: url(../image/vorota/arrow-right.png);
    width: 31px;
    height: 151px;
    right: 10px;
    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: #ff9900;
  height: 337px; }
  .block_ .caption .left-caption, .block2_ .caption .left-caption {
    width: 60%; }
    .block_ .caption .left-caption .two-level, .block2_ .caption .left-caption .two-level {
      color: #996600; }
  .block_ .caption .right-caption, .block2_ .caption .right-caption {
    width: 40%;
    color: #cc9900; }
  .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: 305px;
    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: 260px;
    height: 32px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    background-color: #cc3300;
    border-bottom: 2px solid #993300;
    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: #996600;
      width: 183px;
      left: 260px;
      top: 0; }

.our-strengths {
  background-color: #ffffff;
  background-image: url(../image/bj-advantages.png);
  background-repeat: no-repeat;
  background-position: top center; }
  .our-strengths .caption {
    color: #666666; }
    .our-strengths .caption .left-caption {
      width: 60%; }
    .our-strengths .caption .right-caption {
      width: 40%;
      color: rgba(102, 102, 102, 0.2); }
  .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: 33.33%;
      float: left;
      height: 219px;
      text-align: center; }
      .our-strengths ul#our-strengths li span {
        font-family: "HelveticaBold";
        font-size: 14px;
        color: #666666;
        display: block;
        position: absolute;
        text-align: center;
        width: 65%;
        top: 129px;
        margin: 0 17.5%; }
    .our-strengths ul#our-strengths li:first-child + li span {
      color: #ff9900; }

.our-works {
  background-color: #cc3300;
  height: 679px;
  overflow: hidden; }
  .our-works .caption .right-caption {
    color: rgba(255, 255, 255, 0.2); }
  .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: #993300; }
      .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: -140px;
        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: 241px;
      /*306px;*/
      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: -161px;
        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: -116px;
        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: -139px; }
      .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: -139px;
        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 + .our-works {
  background-color: transparent; }
  .block2_ + .our-works + .our-works .left-caption {
    color: #666666; }
    .block2_ + .our-works + .our-works .left-caption .one-level {
      line-height: 35px; }
  .block2_ + .our-works + .our-works .right-caption {
    color: rgba(102, 102, 102, 0.2); }

.block2_ + .our-works + .our-works + .our-works {
  background-color: #ff9900; }

.block2_ + .our-works,
.block2_ + .our-works + .our-works,
.block2_ + .our-works + .our-works + .our-works {
  height: 530px; }
  .block2_ + .our-works .our- li:after,
  .block2_ + .our-works + .our-works .our- li:after,
  .block2_ + .our-works + .our-works + .our-works .our- li:after {
    width: 0 !important;
    height: 0 !important; }
  .block2_ + .our-works .our- li:first-child,
  .block2_ + .our-works + .our-works .our- li:first-child,
  .block2_ + .our-works + .our-works + .our-works .our- li:first-child {
    top: 188px; }
  .block2_ + .our-works .our- li:first-child + li,
  .block2_ + .our-works + .our-works .our- li:first-child + li,
  .block2_ + .our-works + .our-works + .our-works .our- li:first-child + li {
    top: 92px; }
  .block2_ + .our-works .our- li:first-child + li + li,
  .block2_ + .our-works + .our-works .our- li:first-child + li + li,
  .block2_ + .our-works + .our-works + .our-works .our- li:first-child + li + li {
    top: 128px; }
  .block2_ + .our-works .our- li:first-child + li + li + li,
  .block2_ + .our-works + .our-works .our- li:first-child + li + li + li,
  .block2_ + .our-works + .our-works + .our-works .our- li:first-child + li + li + li {
    top: 102px; }
  .block2_ + .our-works .our- li:last-child,
  .block2_ + .our-works + .our-works .our- li:last-child,
  .block2_ + .our-works + .our-works + .our-works .our- li:last-child {
    top: 190px; }

.case {
  background-image: url(../image/pj-casee.png);
  background-position: top center;
  background-repeat: no-repeat; }
  .case .left, .case .right {
    float: left;
    width: 50%; }
  .case .caption {
    color: #999999; }
    .case .caption .right-caption {
      color: rgba(102, 102, 102, 0.2); }
  .case ul {
    list-style: none; }
  .case #case_ {
    margin: 0 auto 34px;
    padding: 0;
    overflow: hidden;
    /*> li:last-child{
      span{
        margin-top: 14px;
        font-family: "HelveticaBold";
        font-size: 12px;
        line-height: 12px;
        color: #999999;
        background-color: transparent;
        border-bottom: none;
        text-align: left;
      }
    }*/ }
    .case #case_ ul {
      padding: 0;
      margin: 0;
      display: none;
      position: absolute;
      top: 0;
      z-index: 56; }
      .case #case_ ul li span {
        background-color: #ffffff; }
    .case #case_ button {
      cursor: pointer;
      width: 158px;
      background-color: #336699;
      height: 37px;
      border: none;
      border-bottom: 2px solid #003366;
      -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%;
      position: absolute;
      z-index: 0;
      /*-webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      -khtml-border-radius: 10px;
      border-radius: 10px;*/ }
    .case #case_ li.help span {
      /*background-color: #cc3300;
      border-bottom: 3px solid #993300;
      color: #ffffff;*/ }
    .case #case_ li:hover > div.cap > span {
      background-color: #cc3300;
      border-bottom: 3px solid #993300;
      color: #ffffff;
      cursor: pointer; }
    .case #case_ li:hover > ul {
      width: 100%;
      left: 100%;
      display: block; }
    .case #case_ li:nth-child(3n+3):hover > ul {
      right: 100%;
      left: auto; }
    .case #case_ li {
      position: relative;
      float: left;
      width: 220px;
      height: 143px;
      margin-right: 24px;
      margin-bottom: 12px; }
      .case #case_ li div.cap {
        margin-top: 98px;
        margin-left: 4px;
        position: relative;
        z-index: 5; }
      .case #case_ li span {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        text-decoration: none;
        /*padding: 0 26px;
        color: #999900;
        font-size: 14px;
        line-height: 14px;
        width: 226px;
        height: 60px;

        background-color: #ffff00;
        border-bottom: 3px solid #cc9900;

        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -khtml-border-radius: 5px;
        border-radius: 5px;*/
        /* Style for "РєРЅРѕРїРєР°" */
        width: 213px;
        height: 41px;
        background-color: white;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        -khtml-border-radius: 8px;
        border-radius: 8px;
        cursor: pointer; }
    .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:nth-child(4n+4) {
      margin-right: 0; }
    .case #case_ li:nth-last-child(2) {
      margin-left: 245px; }

.we_c {
  background-color: #ff9900;
  background-image: url(../image/formj.png);
  background-repeat: no-repeat;
  background-position: top center;
  height: 676px; }
  .we_c .caption .right-caption {
    color: rgba(0, 0, 0, 0.2); }
  .we_c .left, .we_c .right {
    width: 50%;
    float: left; }
  .we_c .left > ul {
    margin: 119px 0 76px 0;
    padding-left: 77px;
    list-style: none; }
    .we_c .left > ul li:first-child {
      margin-bottom: 43px; }
      .we_c .left > ul li:first-child span {
        font-family: "HelveticaBold";
        font-size: 20px;
        color: #993300;
        line-height: 20px; }
    .we_c .left > ul li {
      width: 300px;
      margin-bottom: 24px; }
      .we_c .left > ul li span {
        color: #ffffff;
        font-size: 16px;
        line-height: 20px; }
      .we_c .left > ul li p {
        display: block;
        margin: 0;
        padding: 0;
        line-height: 20px; }
      .we_c .left > ul li p:first-letter {
        color: #ffffff;
        font-size: 50px;
        line-height: 50px; }

.we_c2 {
  height: 679px;
  background-color: #cc3300;
  background-image: url(../image/pj-form.png);
  background-repeat: no-repeat;
  background-position: top center; }
  .we_c2 .caption .left-caption {
    width: 60%; }
  .we_c2 .caption .right-caption {
    width: 40%; }
  .we_c2 .left, .we_c2 .right {
    width: 50%;
    float: left; }
  .we_c2 .right .call {
    margin-bottom: 63px;
    margin-top: 192px; }
    .we_c2 .right .call input[type="submit"], .we_c2 .right .call button, .we_c2 .right .call #sub {
      background-color: #cc3300;
      border-bottom: 2px solid #993300;
      color: #ffffff; }
      .we_c2 .right .call input[type="submit"] + label, .we_c2 .right .call button + label, .we_c2 .right .call #sub + label {
        color: #ffffff; }
  .we_c2 .left b {
    font-size: 30px;
    line-height: 24px;
    color: #ffffff;
    padding-left: 77px;
    display: block;
    margin-top: 173px; }
  .we_c2 .left > ul {
    color: #ffffff;
    list-style: disc;
    padding-left: 102px; }
    .we_c2 .left > ul li {
      font-size: 24px;
      line-height: 24px; }

.partners-clients {
  text-align: center;
  background-image: url(../image/bj-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: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; }

.block2_ {
  background-color: #ffffff;
  border-top: none; }
  .block2_ > .data {
    height: inherit;
    background-image: url(../image/shtory/bg-form.png);
    background-repeat: no-repeat;
    background-position: right 45px bottom; }
  .block2_ .caption {
    color: #666666; }
    .block2_ .caption .left-caption {
      color: #666666; }
      .block2_ .caption .left-caption .two-level {
        color: #666666; }
    .block2_ .caption .right-caption {
      color: rgba(102, 102, 102, 0.2); }
  .block2_ input[type="text"], .block2_ input[type="tel"], .block2_ #fio, .block2_ #telephone {
    background-color: #EFEFEF;
    display: block;
    margin-bottom: 9px; }
    .block2_ input[type="text"]:last-child, .block2_ input[type="tel"]:last-child, .block2_ #fio:last-child, .block2_ #telephone:last-child {
      margin-bottom: 28px; }
  .block2_ input[type="submit"], .block2_ button, .block2_ #sub {
    background-color: #ff9900;
    border-bottom: 2px solid #996600;
    color: #996600; }
    .block2_ input[type="submit"] + label, .block2_ button + label, .block2_ #sub + label {
      color: #333333; }

.block2_ + .our-works {
  background-color: #ff9900; }

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

.reviews {
  min-height: 551px;
  background-color: #d33700;
  background-image: url(../image/bj-rev.png);
  background-repeat: no-repeat;
  background-position: bottom center; }
  .reviews #reviews {
    list-style: none;
    margin: 0 0 217px;
    padding: 0;
    color: #ffffff;
    overflow: hidden; }
    .reviews #reviews li {
      position: relative;
      width: 25%;
      float: left;
	  margin: 120px 0 0 0; }
      .reviews #reviews li:after {
        position: absolute;
        content: "";
        top: 0px;
        left: 0px;
        /* Style for "деления от" */
        width: 6px;
        height: 177px;
        background-color: #ff9000; }
    .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 55px;
    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: #cc3300;
      border-bottom: 3px solid #993300;
      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: 233px;
  left: 234px;
  text-decoration: none;
  text-align: center;
  padding: 18.06px 0;
  color: #996600;
  font-family: "arial";
  font-size: 25.53px;
  line-height: 21.88px;
  display: block;
  background-color: #FFE700;
  width: 220px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -khtml-border-radius: 8px;
  border-radius: 8px;
  border-bottom: 4px solid #B28E00; }

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

.workss .our- li:after{
	width: 0px !important;
	height: 0px !important;
}
/*# sourceMappingURL=sun.NET.shtory.css.map */
.law-link-in-footer {
    display: flex;
    justify-content: center;
    margin: 0 auto;
    max-width: 1200px;
    padding: 0 20px;
    font-size: 0.75em;
    padding-top: 20px;
    margin-bottom: 20px;
}
.law-link-in-footer a {
    color: #fefefe;
    text-decoration: none;
    margin: 0 10px; /* добавлен отступ между ссылками */
}
.law-link-in-footer a:hover {
    color: #ff9900;
}
.content-block {
    width: 60%;
    line-height: 1.8em;
    margin-left: auto;
    margin-right: auto;
    padding-top: 50px;
    padding-bottom: 50px;
}