@import url(https://fonts.googleapis.com/css?family=Roboto:400,300&subset=latin,cyrillic);
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
  display: block; }

body {
  font: 14px/18px Roboto, Arial, sans-serif;
  font-weight: 100;
  width: 100%;
  height: 100%; }

*:focus {
  outline: none; }

button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
  border: none; }

.header-wrapper {
  width: 100%;
  background: #0071bd;
  color: #fff; }
  .header-wrapper .header {
    margin: 0px auto 0;
    width: 1200px;
    height: 70px;
    background: #0071bd;
    position: relative; }
    .header-wrapper .header .logo, .header-wrapper .header .rds-title, .header-wrapper .header .contacts {
      display: inline-block;
      float: left; }
    .header-wrapper .header .logo {
      height: 29px;
      width: 97px;
      margin-top: 20.5px; }
    .header-wrapper .header .rds-title {
      line-height: 70px;
      margin-left: 20px; }
    .header-wrapper .header .contacts {
      box-sizing: padding-box;
      padding-top: 10.5px;
      float: right; }
      .header-wrapper .header .contacts .phone-number, .header-wrapper .header .contacts .mail {
        background: #0085de;
        width: 136px;
        height: 22px;
        border-radius: calc(22px/2);
        text-align: center; }
        .header-wrapper .header .contacts .phone-number a, .header-wrapper .header .contacts .mail a {
          text-decoration: none;
          color: white;
          font-size: 12px;
          line-height: 22px; }
      .header-wrapper .header .contacts .phone-number a {
        cursor: default; }
      .header-wrapper .header .contacts .phone-number:before {
        background: url("img/telephone.png") no-repeat; }
      .header-wrapper .header .contacts .mail:before {
        background: url("img/mail.png") no-repeat; }
      .header-wrapper .header .contacts .phone-number:before, .header-wrapper .header .contacts .mail:before {
        content: '';
        display: block;
        width: 14px;
        height: 14px;
        float: left;
        margin: 4px -10px 0 10px; }
      .header-wrapper .header .contacts .phone-number a, .header-wrapper .header .contacts .mail a {
        display: block;
        border-radius: calc(22px/2); }
      .header-wrapper .header .contacts .mail {
        margin-top: 5px; }
      .header-wrapper .header .contacts .mail a:hover {
        background: rgba(255, 255, 255, 0.1); }

.banner-wrapper {
  background: #0071bd; }
  .banner-wrapper .banner {
    margin: 0px auto 0;
    width: 1200px;
    background: #0071bd;
    height: 600px; }
    .banner-wrapper .banner .rds-image {
      width: 767px;
      height: 549px;
      background: url("img/banner.png") no-repeat;
      position: relative;
      display: inline-block;
      float: left; }
      .banner-wrapper .banner .rds-image .try-demo-button {
        display: block;
        width: 300px;
        height: 50px;
        color: #944211;
        font-size: 17px;
        font-family: Roboto;
        font-weight: 100;
        cursor: pointer;
        position: absolute;
        bottom: 0;
        margin-left: 233.5px;
        border-radius: calc(300px/2);
        border: none;
        background: #ffd634;
        background: -moz-linear-gradient(top, #ffd634 1%, #fecc07 100%);
        background: -webkit-linear-gradient(top, #ffd634 1%, #fecc07 100%);
        background: linear-gradient(to bottom, #ffd634 1%, #fecc07 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd634', endColorstr='#fecc07',GradientType=0 );
        box-shadow: 0 0 13px rgba(0, 0, 0, 0.3);
        text-align: center;
        line-height: 50px;
        text-decoration: none; }
      .banner-wrapper .banner .rds-image .try-demo-button:active {
        background: #ffab09;
        background: -moz-linear-gradient(top, #ffab09 0%, #ffd634 100%);
        background: -webkit-linear-gradient(top, #ffab09 0%, #ffd634 100%);
        background: linear-gradient(to bottom, #ffab09 0%, #ffd634 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffab09', endColorstr='#ffd634',GradientType=0 ); }
    .banner-wrapper .banner #form-container {
      width: 340px;
      position: relative;
      display: inline-block;
      float: right;
      background: #fff;
      padding-top: 30px;
      padding-bottom: 50px;
      border-radius: 5px;
      margin-top: 87px; }
      .banner-wrapper .banner #form-container .are-you-ready {
        text-align: center;
        display: block;
        color: #0071bd;
        font-size: 17px;
        line-height: 40px; }
      .banner-wrapper .banner #form-container form {
        margin: 0 auto; }
      .banner-wrapper .banner #form-container label {
        color: #555;
        display: inline-block;
        margin-left: 18px;
        padding-top: 10px;
        font-size: 14px; }
      .banner-wrapper .banner #form-container input {
        font-family: "Helvetica Neue", Helvetica, sans-serif;
        font-size: 12px;
        outline: none; }
      .banner-wrapper .banner #form-container input[type=text],
      .banner-wrapper .banner #form-container input[type=password] {
        color: #777;
        padding-left: 10px;
        margin: 10px;
        margin-top: 12px;
        margin-left: 18px;
        width: 290px;
        height: 35px;
        border: 1px solid #c7d0d2;
        border-radius: 2px; }
      .banner-wrapper .banner #form-container input[type=text]:hover,
      .banner-wrapper .banner #form-container input[type=password]:hover {
        border: 1px solid #b6bfc0;
        box-shadow: inset 0 1.5px 3px rgba(190, 190, 190, 0.7), 0 0 0 5px #f5f7f8; }
      .banner-wrapper .banner #form-container input[type=text]:focus,
      .banner-wrapper .banner #form-container input[type=password]:focus {
        border: 1px solid #a8c9e4;
        box-shadow: inset 0 1.5px 3px rgba(190, 190, 190, 0.4), 0 0 0 5px #e6f2f9; }
      .banner-wrapper .banner #form-container input[type=submit] {
        -webkit-appearance: none;
        float: right;
        margin-right: 20px;
        margin-top: 13px;
        width: 300px;
        height: 50px;
        font-size: 14px;
        text-transform: uppercase;
        color: #fff;
        background-color: #82bd3c;
        border-radius: 30px;
        border: 1px solid #82bd3c;
        cursor: pointer; }
      .banner-wrapper .banner #form-container input[type=submit]:hover {
        background-color: #6aa129;
        border: 1px solid #6aa129; }
      .banner-wrapper .banner #form-container legend {
        border-bottom: 0px solid #e5e5e5 !important;
        font-size: 13px !important;
        line-height: 18px !important;
        position: relative;
        margin-left: -2px !important;
        color: #f15a25 !important;
        padding: 0 20px; }
      .banner-wrapper .banner #form-container .legend-span {
        width: 90%; }

.statistics-wrapper {
  background: #0085de; }
  .statistics-wrapper .statistics {
    margin: 0px auto 0;
    width: 1200px;
    background: #0085de;
    height: 136px; }
    .statistics-wrapper .statistics .statistic-column {
      display: inline-block;
      position: relative;
      float: left; }
      .statistics-wrapper .statistics .statistic-column p, .statistics-wrapper .statistics .statistic-column span {
        display: inline-block;
        color: white;
        float: left; }
      .statistics-wrapper .statistics .statistic-column span {
        font-size: 50px;
        font-weight: 500;
        line-height: 136px; }
      .statistics-wrapper .statistics .statistic-column p {
        font-size: 13px;
        margin-top: 50px;
        margin-left: 15px; }
      .statistics-wrapper .statistics .statistic-column ins {
        text-decoration: none;
        font-size: 30px; }
    .statistics-wrapper .statistics .col1, .statistics-wrapper .statistics .col4 {
      width: 25%; }
    .statistics-wrapper .statistics .col2 {
      width: 23%; }
    .statistics-wrapper .statistics .col3 {
      width: 27%; }

.content-wrapper {
  width: 1200px;
  margin: 0 auto; }
  .content-wrapper h3 {
    text-transform: uppercase;
    display: block;
    text-align: center;
    line-height: 110px;
    color: #000;
    font-size: 15px; }
  .content-wrapper .why-we-are {
    height: 390px; }
    .content-wrapper .why-we-are img {
      margin: 0 0 35px 0px; }
    .content-wrapper .why-we-are p {
      line-height: 24px; }
    .content-wrapper .why-we-are .why-we-are-columns {
      display: inline-block;
      float: left;
      width: 400px;
      text-align: center; }
  .content-wrapper .why-trust {
    height: 420px; }
    .content-wrapper .why-trust img {
      margin: 10px 0 20px 0px;
      width: 80px; }
    .content-wrapper .why-trust p {
      line-height: 20px; }
    .content-wrapper .why-trust .why-trust-columns {
      display: inline-block;
      float: left;
      width: 200px;
      text-align: center; }
  .content-wrapper .reviews {
    height: 420px; }
    .content-wrapper .reviews h3 {
      padding-bottom: 15px; }
    .content-wrapper .reviews .reviews-columns {
      display: inline-block;
      float: left;
      width: 400px; }
      .content-wrapper .reviews .reviews-columns img {
        width: 80px;
        height: 80px;
        float: left;
        border-radius: calc( 80px/2 );
        margin: 0 20px 60px 0; }
      .content-wrapper .reviews .reviews-columns p.name {
        margin-bottom: 25px; }
        .content-wrapper .reviews .reviews-columns p.name a {
          text-decoration: none; }
      .content-wrapper .reviews .reviews-columns p.review {
        line-height: 24px; }
      .content-wrapper .reviews .reviews-columns p.review:before {
        content: '';
        background: url("img/cav-open.png") no-repeat;
        height: 13px;
        width: 17px;
        padding-left: 27px; }
      .content-wrapper .reviews .reviews-columns p.review:after {
        content: '';
        background: url("img/cav-close.png") no-repeat;
        height: 13px;
        width: 17px;
        padding-right: 17px;
        margin-left: 10px;
        float: right;
        margin-top: 2px; }
      .content-wrapper .reviews .reviews-columns.col1 p.name a {
        color: #0071bd; }
      .content-wrapper .reviews .reviews-columns.col2 p.name a {
        color: #ff6600; }
      .content-wrapper .reviews .reviews-columns.col3 p.name a {
        color: #478c0d; }

.footer-wrapper {
  width: 100%;
  background: #535e66;
  color: #fff; }
  .footer-wrapper .footer {
    height: 70px;
    margin: -70px auto 0;
    width: 1200px;
    height: 90px;
    background: #535e66;
    position: relative; }
    .footer-wrapper .footer .logo, .footer-wrapper .footer .rds-title, .footer-wrapper .footer .contacts {
      display: inline-block;
      float: left; }
    .footer-wrapper .footer .logo {
      height: 29px;
      width: 97px;
      margin-top: 20.5px; }
    .footer-wrapper .footer .rds-title {
      line-height: 70px;
      margin-left: 20px; }
    .footer-wrapper .footer .contacts {
      box-sizing: padding-box;
      padding-top: 10.5px;
      float: right; }
      .footer-wrapper .footer .contacts .phone-number, .footer-wrapper .footer .contacts .mail {
        background: #656e76;
        width: 136px;
        height: 22px;
        border-radius: calc(22px/2);
        text-align: center; }
        .footer-wrapper .footer .contacts .phone-number a, .footer-wrapper .footer .contacts .mail a {
          text-decoration: none;
          color: white;
          font-size: 12px;
          line-height: 22px; }
      .footer-wrapper .footer .contacts .phone-number a {
        cursor: default; }
      .footer-wrapper .footer .contacts .phone-number:before {
        background: url("img/telephone.png") no-repeat; }
      .footer-wrapper .footer .contacts .mail:before {
        background: url("img/mail.png") no-repeat; }
      .footer-wrapper .footer .contacts .phone-number:before, .footer-wrapper .footer .contacts .mail:before {
        content: '';
        display: block;
        width: 14px;
        height: 14px;
        float: left;
        margin: 4px -10px 0 10px; }
      .footer-wrapper .footer .contacts .phone-number a, .footer-wrapper .footer .contacts .mail a {
        display: block;
        border-radius: calc(22px/2); }
      .footer-wrapper .footer .contacts .mail {
        margin-top: 5px; }
      .footer-wrapper .footer .contacts .mail a:hover {
        background: rgba(255, 255, 255, 0.1); }

/*# sourceMappingURL=style.css.map */