@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 {
  position: relative;
  width: 100%;
  height: 434px;
  z-index: 5555;
  padding: 0.1px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px; }
  .call:after {
    position: absolute;
    z-index: -1;
    content: "";
    background-image: url(../image/bj-form2.png);
    background-repeat: no-repeat;
    background-position: top left;
    height: 434px;
    width: 568px;
    top: 0;
    left: 0; }
  .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 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;
    margin-bottom: 8px; }
    .call input[type="text"]:last-child, .call input[type="tel"]:last-child {
      margin-bottom: 29px; }
  .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: #336699;
  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/rollety/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 {
  overflow: hidden;
  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: #336699;
  height: 337px; }
  .block_ .caption .left-caption, .block2_ .caption .left-caption {
    width: 60%; }
  .block_ .caption .right-caption, .block2_ .caption .right-caption {
    width: 40%; }
  .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: #663300;
    width: 260px;
    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: 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%;
      color: #336699; }
    .our-strengths .caption .right-caption {
      width: 40%; }
  .our-strengths ul#our-strengths {
    list-style: none;
    margin: 0 auto 34px;
    padding: 0;
    display: block;
    overflow: hidden;
    width: 88%; }
    .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 + .our-works {
  background-image: url(../image/bj-our-works.png);
  background-repeat: no-repeat;
  background-position: top center; }

.our-works {
  background-color: #336699;
  height: 679px;
  overflow: hidden; }
  .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: #ffffff; }
      .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: -159px; }
      .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: -150px;
        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); }

.case > .data {
  overflow: visible; }
.case .left, .case .right {
  float: left;
  width: 50%; }
.case .caption {
  color: #999999; }
  .case .caption .left-caption {
    color: #336699; }
.case #case_ {
  list-style: none;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  overflow: hidden; }
  .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%;
    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:nth-child(2n) {
    margin-right: 0; }

.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 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: #fff;
      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/rollety/bg-form.png);
    background-repeat: no-repeat;
    background-position: right 45px bottom; }
  .block2_ .caption .left-caption .one-level {
    color: #336699; }
  .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_ .caption {
    color: #666666; }

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

.reviews {
  height: 551px;
  background-color: #336699;
  background-image: url(../image/rev-bj.png);
  background-repeat: no-repeat;
  background-position: top center; }
  .reviews #reviews {
    list-style: none;
    margin: 0 auto 55px;
    color: #ffffff;
    padding: 0.1px;
    display: block;
    width: 925px; 
	    margin: 97px auto 55px;}
    .reviews #reviews li {
      position: relative;
      width: 33.33%;
      float: left; }
      .reviews #reviews li:after {
        position: absolute;
        content: "";
        width: 6px;
        height: 177px;
        background-color: #ff9000;
        top: 0;
        left: -21px; }
    .reviews #reviews .name {
      font-size: 18px;
      line-height: 18px;
      margin-bottom: 10px;
      display: block; }
    .reviews #reviews .re {
      padding: 0 26px 0 0;
      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: #336699;
      border-bottom: 3px solid #003366;
      width: 119px;
      height: 50px;
      left: 207px; }
    .contacts .column-two #vyizvat-zamerschika {
      left: 352px;
      background-image: url(../image/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/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: 254px;
  left: 147px;
  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; }

ul#up {
  list-style: none;
  margin: 0 0 35px 0;
  padding: 0;
  overflow: hidden; }
  ul#up li {
    display: block;
    float: left;
    position: relative;
    margin-right: 92px; }
  ul#up li:last-child {
    margin-right: 0; }

#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.rollety.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: #336699 !important;
}
.content-block {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 50px;
    padding-bottom: 50px;
}