.mainpage-top {
  background: url(/img/mainpage-top.jpg) no-repeat;
  background-size: cover;
  padding-top: 1px;
  color: #fff; }
  .mainpage-top .page-center {
    position: relative;
    margin-top: 71px;
    overflow: hidden;
    height: 768px; }
  .mainpage-top .stats-top {
    position: absolute;
    width: 440px;
    left: 156px;
    top: 50px; }
    .mainpage-top .stats-top .small-descr {
      margin-bottom: 16px; }
    .mainpage-top .stats-top .main {
      text-shadow: 0px 2px 0px rgba(0, 0, 0, 0.2); }
      .mainpage-top .stats-top .main SPAN.m-black {
        color: #000; }
  .mainpage-top .contacts {
    padding-bottom: 158px;
    padding-left: 294px;
    position: absolute;
    text-align: right;
    left: 660px;
    bottom: 0;
    z-index: 2;
    height: 203px; }
    .mainpage-top .contacts .frame {
      -webkit-box-shadow: -1px 2px 3px 0px rgba(0, 0, 0, 0.2);
      -moz-box-shadow: -1px 2px 3px 0px rgba(0, 0, 0, 0.2);
      box-shadow: -1px 2px 3px 0px rgba(0, 0, 0, 0.2);
      -webkit-border-radius: 16px;
      -moz-border-radius: 16px;
      border-radius: 16px;
      padding: 30px 29px 31px 34px;
      color: #00295c;
      background: #fff;
      width: 285px; }
    .mainpage-top .contacts .small-descr {
      margin: 0 0 17px 3px;
      position: relative;
      text-align: left;
      z-index: 10; }
    .mainpage-top .contacts .main {
      width: 290px;
      text-align: left;
      letter-spacing: -0.043em;
      position: relative;
      color: #0096ff;
      z-index: 10; }
    .mainpage-top .contacts .descr {
      margin-bottom: 4px;
      position: relative;
      z-index: 10; }
    .mainpage-top .contacts .small {
      position: relative;
      color: #557699;
      z-index: 10; }
    .mainpage-top .contacts .sergey {
      background: url(/img/sergey.png);
      position: absolute;
      height: 439px;
      width: 413px;
      top: -58px;
      left: 2px; }
    .mainpage-top .contacts .sergey-arm {
      position: absolute;
      top: 176px;
      left: 311px;
      width: 102px;
      height: 263px;
      background: url(/img/sergey-arm.png);
      -webkit-animation: move-arm 1500ms infinite linear;
      -moz-animation: move-arm 1500ms infinite linear;
      -ms-animation: move-arm 1500ms infinite linear;
      -o-animation: move-arm 1500ms infinite linear;
      animation: move-arm 1500ms infinite linear; }
    .mainpage-top .contacts:before {
      content: "";
      position: absolute;
      top: 110px;
      right: 348px;
      width: 39px;
      height: 52px;
      background: url(/img/mainpage-top-bubble.png) no-repeat; }
  .mainpage-top .stats-bottom {
    -webkit-box-shadow: -1px 2px 3px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: -1px 2px 3px 0px rgba(0, 0, 0, 0.2);
    box-shadow: -1px 2px 3px 0px rgba(0, 0, 0, 0.2);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    padding: 30px 70px 34px 25px;
    background: #0096ff;
    position: absolute;
    height: 203px;
    bottom: 153px;
    width: 706px;
    left: 133px;
    z-index: 1; }
    .mainpage-top .stats-bottom .small-descr {
      margin-bottom: 15px;
      z-index: 10; }
    .mainpage-top .stats-bottom .main {
      text-shadow: 0px 2px 0px rgba(0, 0, 0, 0.2);
      z-index: 10;
      color: #000; }
      .mainpage-top .stats-bottom .main SPAN.m-white {
        color: #fff; }
  .mainpage-top .scroll-more {
    position: absolute;
    bottom: 35px;
    left: 154px;
    width: 400px; }
    .mainpage-top .scroll-more .small-descr {
      margin-top: 8px; }
    .mainpage-top .scroll-more DIV {
      float: left; }
    .mainpage-top .scroll-more .svg {
      margin-right: 13px;
      display: block;
      float: left; }

@media (max-width: 1620px) {
  .mainpage-top {
    background: url(/img/mainpage-top-2.jpg) no-repeat;
    background-size: cover; }
    .mainpage-top .stats-top {
      left: 46px; }
    .mainpage-top .stats-bottom {
      left: 23px; }
    .mainpage-top .contacts {
      padding-left: 0;
      left: 840px; }
      .mainpage-top .contacts .sergey {
        left: -292px; }
      .mainpage-top .contacts .sergey-arm {
        top: 196px; }
      .mainpage-top .contacts:before {
        background: url(/img/mainpage-top-bubble.png) no-repeat;
        position: absolute;
        content: '';
        height: 52px;
        width: 39px;
        left: -38px;
        top: 110px; }
    .mainpage-top .scroll-more {
      position: absolute;
      bottom: 37px;
      left: 47px; } }
@media (max-width: 1220px) {
  .mainpage-top {
    background: url(/img/mainpage-top-3.jpg) no-repeat;
    background-size: cover;
    height: 964px; }
    .mainpage-top .page-center {
      height: 893px; }
    .mainpage-top .stats-top {
      left: 40px;
      top: 40px; }
    .mainpage-top .contacts {
      bottom: 222px;
      left: 304px; }
      .mainpage-top .contacts .frame {
        padding-bottom: 27px; }
      .mainpage-top .contacts .small {
        line-height: 18px;
        font-size: 18px; }
      .mainpage-top .contacts .sergey {
        top: -59px; }
    .mainpage-top .stats-bottom {
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      border-radius: 0;
      padding-right: 90px;
      padding-left: 42px;
      width: 100%;
      bottom: 0;
      left: 0;
      z-index: 3; }
    .mainpage-top .scroll-more {
      display: none; } }
.mainpage-statistics {
  background: #0096ff url("/img/white-spot.png") 0 0 repeat; }
  .mainpage-statistics .page-center {
    padding: 25px 0 35px 0; }
  .mainpage-statistics .stats-item {
    -webkit-transition: all 0.3s ease-out, opacity 0.4s 0.1s;
    -moz-transition: all 0.3s ease-out, opacity 0.4s 0.1s;
    -ms-transition: all 0.3s ease-out, opacity 0.4s 0.1s;
    -o-transition: all 0.3s ease-out, opacity 0.4s 0.1s;
    transition: all 0.3s ease-out, opacity 0.4s 0.1s;
    -webkit-transform: scale(2, 2);
    -moz-transform: scale(2, 2);
    -ms-transform: scale(2, 2);
    -o-transform: scale(2, 2);
    transform: scale(2, 2);
    padding: 0 18px 5px;
    text-align: center;
    position: relative;
    color: #fff;
    opacity: 0; }
    .mainpage-statistics .stats-item.m-ready {
      -webkit-transform: scale(1, 1);
      -moz-transform: scale(1, 1);
      -ms-transform: scale(1, 1);
      -o-transform: scale(1, 1);
      transform: scale(1, 1);
      opacity: 1; }
    .mainpage-statistics .stats-item .stats-item-top {
      max-width: 256px;
      height: 254px;
      margin: auto; }
      .mainpage-statistics .stats-item .stats-item-top.m-crowd {
        max-width: 310px; }
      .mainpage-statistics .stats-item .stats-item-top IMG {
        padding-top: 40px;
        max-width: 100%; }
      .mainpage-statistics .stats-item .stats-item-top .small-descr {
        margin-bottom: 6px;
        font-style: normal;
        padding-top: 90px; }
        .mainpage-statistics .stats-item .stats-item-top .small-descr.m-navi {
          color: #00295c;
          margin: 5px 0 12px 0;
          font-style: italic;
          padding: 0; }
      .mainpage-statistics .stats-item .stats-item-top .main {
        font-size: 32px; }
      .mainpage-statistics .stats-item .stats-item-top .btn-rounded {
        font-size: 18px;
        display: block;
        margin: auto;
        width: 250px; }
        .mainpage-statistics .stats-item .stats-item-top .btn-rounded .svg {
          margin: -6px 19px 0 0;
          height: 24px;
          width: 16px; }
          .mainpage-statistics .stats-item .stats-item-top .btn-rounded .svg path {
            fill: #00396f; }
    .mainpage-statistics .stats-item .title {
      text-shadow: 0px 2px 0px rgba(0, 0, 0, 0.2);
      font: 123px/84px "exo_thin";
      letter-spacing: -8px;
      margin-bottom: 5px;
      word-spacing: 4px;
      color: #000; }
    .mainpage-statistics .stats-item .main {
      text-shadow: 0px 2px 0px rgba(0, 0, 0, 0.2);
      font-size: 28px; }
    .mainpage-statistics .stats-item > .small-descr {
      line-height: 20px; }
    .mainpage-statistics .stats-item .note {
      color: #00295c;
      margin-top: 12px;
      line-height: 14px;
      font-size: 12px; }
    .mainpage-statistics .stats-item .m-big, .mainpage-statistics .stats-item .m-biggest {
      line-height: 1px; }
    .mainpage-statistics .stats-item .m-big {
      display: none; }
    .mainpage-statistics .stats-item .m-big.m-biggest {
      display: block; }
  .mainpage-statistics .stats-item + .stats-item:before {
    background: url("/img/dashed-border.png") 0 0 repeat;
    position: absolute;
    display: block;
    content: '';
    height: 100%;
    width: 1px;
    left: -2%;
    top: 0; }
  .mainpage-statistics .phone-block-bottom {
    padding-bottom: 24px;
    text-align: center;
    margin-top: 3px;
    display: none;
    color: #fff; }
    .mainpage-statistics .phone-block-bottom .main {
      text-shadow: 0px 2px 0px rgba(0, 0, 0, 0.2);
      line-height: 64px;
      font-size: 63px; }
    .mainpage-statistics .phone-block-bottom .small-descr {
      font-style: normal;
      margin-bottom: 6px;
      padding-top: 90px; }
      .mainpage-statistics .phone-block-bottom .small-descr.m-navi {
        color: #00295c;
        margin: 3px 0 13px 0;
        font-style: italic;
        padding: 0; }
    .mainpage-statistics .phone-block-bottom .btn-rounded {
      -webkit-border-radius: 50px;
      -moz-border-radius: 50px;
      border-radius: 50px;
      line-height: 57px;
      font-size: 37px;
      display: block;
      width: 527px;
      height: 83px;
      margin: auto; }
      .mainpage-statistics .phone-block-bottom .btn-rounded .svg {
        margin: 3px 38px 0 0;
        height: 52px;
        width: 34px; }
        .mainpage-statistics .phone-block-bottom .btn-rounded .svg path {
          fill: #00396f; }
  .mainpage-statistics .swiper-button-prev, .mainpage-statistics .swiper-button-next {
    display: none;
    height: 43px;
    width: 100px;
    right: 48px;
    top: 338px; }
    .mainpage-statistics .swiper-button-prev .svg, .mainpage-statistics .swiper-button-next .svg {
      width: 100px;
      height: 43px; }
      .mainpage-statistics .swiper-button-prev .svg path, .mainpage-statistics .swiper-button-next .svg path {
        fill: #fff; }
  .mainpage-statistics .swiper-button-prev {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    left: 48px; }
  .mainpage-statistics .swiper-pagination {
    display: none;
    bottom: 299px; }
    .mainpage-statistics .swiper-pagination .swiper-pagination-bullet {
      box-sizing: border-box;
      border: 3px solid #000;
      background: none;
      margin: 0 6px;
      height: 15px;
      width: 15px;
      opacity: 1; }
    .mainpage-statistics .swiper-pagination .swiper-pagination-bullet-active {
      -webkit-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.2);
      -moz-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.2);
      box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.2);
      background: #fff;
      border: none; }

@media (max-width: 1620px) {
  .mainpage-statistics .stats-item .m-biggest {
    display: none; }
  .mainpage-statistics .stats-item .m-big {
    display: block; }
  .mainpage-statistics .stats-item .m-big.m-biggest {
    display: block; } }
@media (max-width: 1220px) {
  .mainpage-statistics {
    height: 867px; }
    .mainpage-statistics .page-center {
      padding: 41px 0 35px 0; }
    .mainpage-statistics .row {
      white-space: nowrap; }
    .mainpage-statistics .w1 {
      width: auto; }
    .mainpage-statistics .stats-item {
      white-space: normal; }
      .mainpage-statistics .stats-item .title {
        font-size: 148px; }
      .mainpage-statistics .stats-item .main {
        margin: 17px 0 10px;
        font-size: 39px; }
      .mainpage-statistics .stats-item .m-biggest, .mainpage-statistics .stats-item m-big {
        display: none; }
      .mainpage-statistics .stats-item .stats-item-top {
        max-width: 280px;
        height: 254px;
        margin: auto; }
        .mainpage-statistics .stats-item .stats-item-top.m-crowd {
          max-width: 310px; }
        .mainpage-statistics .stats-item .stats-item-top IMG {
          padding-top: 0px; }
      .mainpage-statistics .stats-item.m-last {
        display: none; }
    .mainpage-statistics .stats-item + .stats-item:before {
      left: -1px; }
    .mainpage-statistics .phone-block-bottom {
      display: block; }
    .mainpage-statistics .stats-item + .stats-item:before {
      display: none; }
    .mainpage-statistics .swiper-pagination {
      display: block; }
    .mainpage-statistics .swiper-button-prev, .mainpage-statistics .swiper-button-next {
      display: block; } }
@media (max-width: 700px) {
  .mainpage-statistics .w1 {
    width: auto; }
  .mainpage-statistics .stats-item + .stats-item:before {
    display: none; } }
.mainpage-benefits {
  color: #00295c; }
  .mainpage-benefits .page-center {
    padding-bottom: 75px;
    padding-top: 65px;
    max-width: 1600px;
    overflow: hidden; }
  .mainpage-benefits .benefits-title-top {
    margin-bottom: 48px;
    line-height: 42px;
    font-size: 44px; }
    .mainpage-benefits .benefits-title-top SPAN {
      color: #0096ff; }
  .mainpage-benefits .benefits-left .item, .mainpage-benefits .benefits-right .item {
    -webkit-transition: all 0.5s ease-out, opacity 0.4s 0.2s;
    -moz-transition: all 0.5s ease-out, opacity 0.4s 0.2s;
    -ms-transition: all 0.5s ease-out, opacity 0.4s 0.2s;
    -o-transition: all 0.5s ease-out, opacity 0.4s 0.2s;
    transition: all 0.5s ease-out, opacity 0.4s 0.2s;
    position: relative;
    display: table;
    height: 65px;
    width: 345px;
    opacity: 0; }
    .mainpage-benefits .benefits-left .item.m-ready, .mainpage-benefits .benefits-right .item.m-ready {
      opacity: 1; }
    .mainpage-benefits .benefits-left .item > SPAN, .mainpage-benefits .benefits-right .item > SPAN {
      vertical-align: middle;
      display: table-cell; }
    .mainpage-benefits .benefits-left .item .svg, .mainpage-benefits .benefits-right .item .svg {
      display: table-cell;
      margin-left: 25px;
      float: right; }
  .mainpage-benefits .benefits-left .item + .item, .mainpage-benefits .benefits-right .item + .item {
    margin-top: 38px; }
  .mainpage-benefits .benefits-left .item {
    left: -150%; }
    .mainpage-benefits .benefits-left .item.m-ready {
      left: 0; }
  .mainpage-benefits .benefits-right .item {
    right: -150%; }
    .mainpage-benefits .benefits-right .item.m-ready {
      right: 0; }
    .mainpage-benefits .benefits-right .item .svg {
      margin: 0 25px 0 0; }
  .mainpage-benefits .small-descr {
    letter-spacing: -1px;
    line-height: 20px;
    color: #446287; }
  .mainpage-benefits .main {
    letter-spacing: -1px; }
  .mainpage-benefits .small {
    color: #446287; }
  .mainpage-benefits .benefits-left .item {
    padding-right: 80px;
    text-align: right; }
  .mainpage-benefits .benefits-right .item {
    padding-left: 80px; }
  .mainpage-benefits .benefits-center {
    text-align: center; }
    .mainpage-benefits .benefits-center IMG {
      max-width: 100%; }
  .mainpage-benefits .benefits-title-bottom {
    margin-top: 60px;
    display: none; }
    .mainpage-benefits .benefits-title-bottom SPAN {
      color: #0096ff; }
  .mainpage-benefits .benefits-carousel {
    margin: 56px 0 0 18px;
    display: none; }
    .mainpage-benefits .benefits-carousel .item {
      text-align: center;
      padding-top: 50px;
      width: 260px; }
      .mainpage-benefits .benefits-carousel .item .svg {
        margin: 0 auto 10px;
        display: block;
        height: 135px;
        width: 120px; }
  .mainpage-benefits .benefits-bottom {
    margin-top: 32px; }
    .mainpage-benefits .benefits-bottom .m-small {
      display: none; }
    .mainpage-benefits .benefits-bottom .descr {
      margin-bottom: 15px;
      line-height: 25px;
      font-size: 30px; }
    .mainpage-benefits .benefits-bottom SPAN {
      color: #0096ff; }
  .mainpage-benefits .m-big {
    display: none; }
  .mainpage-benefits .m-big.m-biggest {
    display: inline; }
  .mainpage-benefits .swiper-container {
    overflow: visible; }
  .mainpage-benefits .swiper-pagination {
    bottom: -87px; }
    .mainpage-benefits .swiper-pagination .swiper-pagination-bullet {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      border: 3px solid #0096ff;
      background: none;
      margin: 0 6px;
      height: 15px;
      width: 15px;
      opacity: 1; }
    .mainpage-benefits .swiper-pagination .swiper-pagination-bullet-active {
      background: #00396f;
      border: none; }
  .mainpage-benefits .swiper-button-prev, .mainpage-benefits .swiper-button-next {
    bottom: -93px;
    height: 42px;
    width: 100px;
    top: auto; }
    .mainpage-benefits .swiper-button-prev .svg, .mainpage-benefits .swiper-button-next .svg {
      height: 42px;
      width: 100px; }
      .mainpage-benefits .swiper-button-prev .svg path, .mainpage-benefits .swiper-button-next .svg path {
        fill: #0096ff; }
  .mainpage-benefits .swiper-button-next {
    right: 37px; }
  .mainpage-benefits .swiper-button-prev {
    left: 25px; }
    .mainpage-benefits .swiper-button-prev .svg {
      -webkit-transform: rotate(180deg);
      -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      transform: rotate(180deg); }

.swiper-button-prev, .swiper-button-next {
  background: none; }

@media (max-width: 1620px) {
  .mainpage-benefits .page-center {
    padding: 65px 10px 75px 10px;
    max-width: 1200px; }
  .mainpage-benefits .m-big {
    display: inline; }
  .mainpage-benefits .m-biggest {
    display: none; }
  .mainpage-benefits .benefits-left .item, .mainpage-benefits .benefits-right .item {
    position: relative;
    width: 258px;
    padding: 0; }
    .mainpage-benefits .benefits-left .item .svg, .mainpage-benefits .benefits-right .item .svg {
      margin-left: 17px;
      height: 64px;
      width: 60px; }
  .mainpage-benefits .benefits-left .item + .item, .mainpage-benefits .benefits-right .item + .item {
    margin-top: 28px; }
  .mainpage-benefits .benefits-right .item .svg {
    margin: 0 17px 0 0; }
  .mainpage-benefits .benefits-center IMG {
    max-width: 100%; }
  .mainpage-benefits .benefits-bottom {
    margin-top: 13px; } }
@media (max-width: 1220px) {
  .mainpage-benefits .page-center {
    padding: 0 10px 58px 10px;
    max-width: 1200px; }
  .mainpage-benefits .benefits-title-top,
  .mainpage-benefits .benefits-left, .mainpage-benefits .benefits-right {
    display: none; }
  .mainpage-benefits .benefits-carousel,
  .mainpage-benefits .benefits-title-bottom {
    line-height: 41px;
    margin-top: 0px;
    display: block; }
  .mainpage-benefits .benefits-bottom {
    margin-top: 140px; }
    .mainpage-benefits .benefits-bottom .m-small {
      display: inline; }
    .mainpage-benefits .benefits-bottom .descr .m-biggest.m-big {
      display: none; }
  .mainpage-benefits .benefits-center IMG {
    margin: 26px 0 0 -54px;
    max-width: none;
    width: 727px; } }
@media (max-width: 700px) {
  .mainpage-benefits .benefits-bottom {
    margin-top: 145px; }
    .mainpage-benefits .benefits-bottom .m-small {
      display: inline; }
    .mainpage-benefits .benefits-bottom .descr .m-biggest.m-big {
      display: none; } }
.mainpage-test {
  background: #778da9;
  color: #fff; }
  .mainpage-test .page-center {
    padding: 70px 0; }
  .mainpage-test .baloon {
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    border: 3px solid transparent;
    text-align: center;
    position: relative;
    padding: 30px 20px; }
    .mainpage-test .baloon:before {
      background: #778da9;
      position: absolute;
      display: block;
      height: 44px;
      width: 44px;
      content: '';
      left: -44px;
      top: 72px; }
    .mainpage-test .baloon:after {
      background: url(/img/mainpage-test-bubble.png) no-repeat;
      position: absolute;
      content: '';
      height: 44px;
      width: 44px;
      left: -44px;
      top: 72px; }
    .mainpage-test .baloon .main {
      letter-spacing: -1px;
      line-height: 42px;
      font-size: 44px; }
      .mainpage-test .baloon .main SPAN.m-blue {
        color: #00295c; }
    .mainpage-test .baloon .small-descr {
      margin-top: 15px;
      display: none; }
    .mainpage-test .baloon .drugs {
      position: absolute;
      bottom: -68px;
      width: 100%;
      left: 0; }
      .mainpage-test .baloon .drugs I {
        background: url(/img/pills.jpg) 100% 100% no-repeat;
        background-size: 100%;
        display: block;
        margin: 0 auto;
        height: 100px;
        width: 152px; }
    .mainpage-test .baloon .sergey-test {
      background: url(/img/sergey-test.png);
      position: absolute;
      bottom: -268px;
      height: 497px;
      width: 377px;
      left: -400px; }
  .mainpage-test .first-col .last-col {
    text-align: center;
    padding-top: 22px; }
    .mainpage-test .first-col .last-col .small-descr {
      line-height: 20px;
      margin-top: 14px;
      color: #f7f5f7; }
    .mainpage-test .first-col .last-col .main {
      font-size: 44px; }
  .mainpage-test .test-row {
    margin-top: 67px; }
    .mainpage-test .test-row .w1 {
      text-align: center; }
    .mainpage-test .test-row .test-q {
      white-space: nowrap; }
    .mainpage-test .test-row .last-col {
      padding-top: 30px; }
      .mainpage-test .test-row .last-col .btn-rounded {
        -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
        box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
        padding: 14px 34px 14px;
        font-size: 18px; }
        .mainpage-test .test-row .last-col .btn-rounded .svg {
          margin-right: 5px; }
          .mainpage-test .test-row .last-col .btn-rounded .svg polygon {
            fill: #fff; }
    .mainpage-test .test-row .btn-rounded + .btn-rounded {
      margin-left: 3px; }
    .mainpage-test .test-row .small-descr {
      color: #ecedf2; }
    .mainpage-test .test-row .test-col-1 {
      max-width: 340px;
      text-align: left; }
      .mainpage-test .test-row .test-col-1 .small-descr {
        text-align: center;
        width: 338px; }
    .mainpage-test .test-row .test-col-2 {
      max-width: 340px;
      text-align: right; }
      .mainpage-test .test-row .test-col-2 .small-descr {
        margin-right: 71px;
        text-align: right; }
  .mainpage-test .test-a {
    white-space: nowrap;
    margin: 14px 0 0; }
    .mainpage-test .test-a .btn-rounded {
      font: bold 18px/20px Arial;
      padding: 7px 8px 9px 9px; }
      .mainpage-test .test-a .btn-rounded.m-current {
        border-color: #fff;
        background: none;
        cursor: default;
        color: #fff; }
      .mainpage-test .test-a .btn-rounded INPUT {
        position: absolute;
        left: -9999px; }
  .mainpage-test .last-row {
    display: none; }
    .mainpage-test .last-row .w2 {
      text-align: center; }

@media (max-width: 1620px) {
  .mainpage-test .page-center {
    padding: 70px 32px 39px; }
  .mainpage-test .last-col {
    display: none; }
  .mainpage-test .w1 {
    width: 32.67%; }
  .mainpage-test .w2 {
    width: 66.33%; }
  .mainpage-test .baloon .small-descr {
    display: block; }
  .mainpage-test .baloon .sergey-test {
    bottom: -239px; }
  .mainpage-test .baloon:before {
    background: #778da9;
    position: absolute;
    display: block;
    height: 44px;
    width: 44px;
    content: '';
    left: -44px;
    top: 100px; }
  .mainpage-test .baloon:after {
    background: url(/img/mainpage-test-bubble.png) no-repeat;
    position: absolute;
    content: '';
    height: 44px;
    width: 44px;
    left: -44px;
    top: 100px; }
  .mainpage-test .last-row {
    margin-top: 44px;
    display: block; }
    .mainpage-test .last-row .btn-rounded {
      -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
      -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
      box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
      padding: 14px 35px 14px;
      line-height: 12px;
      font-size: 18px; }
      .mainpage-test .last-row .btn-rounded .svg {
        margin: -2px 5px 0 0; }
        .mainpage-test .last-row .btn-rounded .svg polygon {
          fill: #fff; }
  .mainpage-test .test-row {
    margin-left: -14px;
    margin-top: 43px; }
    .mainpage-test .test-row .test-col-1 {
      max-width: none; }
    .mainpage-test .test-row .test-col-2 {
      max-width: none; }
      .mainpage-test .test-row .test-col-2 .small-descr {
        text-align: right; } }
@media (max-width: 1220px) {
  .mainpage-test {
    height: 487px; }
    .mainpage-test .page-center {
      padding: 60px 47px 41px 0px;
      max-width: 716px; }
    .mainpage-test .a-nowrap {
      white-space: normal; }
    .mainpage-test .test-row {
      margin-top: 85px; }
      .mainpage-test .test-row .test-col-1 {
        text-align: right;
        width: 66.33%; }
        .mainpage-test .test-row .test-col-1 .small-descr {
          margin: 0 85px 18px 0;
          text-align: right;
          width: auto; }
      .mainpage-test .test-row .test-col-2 {
        display: none; }
    .mainpage-test .baloon {
      padding: 13px 20px;
      max-width: 425px; }
      .mainpage-test .baloon > .small-descr {
        display: none; }
      .mainpage-test .baloon .main {
        line-height: 39px;
        font-size: 39px; }
      .mainpage-test .baloon .sergey-test {
        bottom: -281px;
        left: -327px; }
      .mainpage-test .baloon:before {
        background: #778da9;
        position: absolute;
        display: block;
        height: 44px;
        width: 44px;
        content: '';
        left: -44px;
        top: 72px; }
      .mainpage-test .baloon:after {
        background: url(/img/mainpage-test-bubble.png) no-repeat;
        position: absolute;
        content: '';
        height: 44px;
        width: 44px;
        left: -44px;
        top: 72px; }
    .mainpage-test .last-row {
      margin-top: 24px; }
      .mainpage-test .last-row .w2 {
        text-align: right; }
      .mainpage-test .last-row .btn-rounded {
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        border-radius: 30px;
        padding: 21px 42px 33px;
        font-size: 24px; }
        .mainpage-test .last-row .btn-rounded .svg {
          margin: -4px 5px 0 0;
          height: 22px;
          width: 29px; } }
.mainpage-bad {
  color: #00295c;
  position: relative;
  background: #fff;
  z-index: 1; }
  .mainpage-bad .bad-top {
    position: relative;
    z-index: 5; }
    .mainpage-bad .bad-top.page-center {
      padding-bottom: 16px;
      padding-top: 78px; }
    .mainpage-bad .bad-top .w3 {
      text-align: center; }
    .mainpage-bad .bad-top .descr {
      color: #0096ff;
      margin-top: 30px; }
      .mainpage-bad .bad-top .descr SPAN SPAN {
        color: #00295c; }
    .mainpage-bad .bad-top .small-descr {
      margin: 30px 39px 0;
      line-height: 21px;
      color: #557699; }
      .mainpage-bad .bad-top .small-descr.m-small-descr {
        font-size: 12px;
        line-height: 13px;
        margin: 0 39px;
        padding-top: 11px;
        color: #00295c; }
  .mainpage-bad .baloon {
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    border: 3px solid transparent;
    position: relative;
    padding: 30px 20px; }
    .mainpage-bad .baloon:before {
      position: absolute;
      background: #fff;
      display: block;
      height: 44px;
      width: 44px;
      content: '';
      right: -44px;
      top: 72px; }
    .mainpage-bad .baloon:after {
      background: url(/img/mainpage-bad-bubble.png) no-repeat;
      position: absolute;
      content: '';
      height: 44px;
      right: -44px;
      width: 44px;
      top: 72px; }
    .mainpage-bad .baloon .sergey-bad {
      background: url("/img/sergey-bad.png");
      position: absolute;
      right: -407px;
      height: 530px;
      width: 380px;
      top: -115px; }
    .mainpage-bad .baloon .main {
      letter-spacing: -1px;
      line-height: 42px;
      font-size: 44px; }
  .mainpage-bad .m-small {
    display: none; }
  .mainpage-bad .bad-middle {
    background: #DCE3EB;
    padding: 0; }
    .mainpage-bad .bad-middle .tiles-cont {
      max-width: 1600px;
      margin: auto; }
  .mainpage-bad .weed {
    -webkit-transition: opacity 0.5s ease;
    -moz-transition: opacity 0.5s ease;
    -ms-transition: opacity 0.5s ease;
    -o-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 61px 20px 0;
    text-align: center;
    opacity: 0; }
    .mainpage-bad .weed.m-shown {
      opacity: 1; }
    .mainpage-bad .weed.col-1, .mainpage-bad .weed.col-3 {
      padding-top: 398px; }
    .mainpage-bad .weed.col-1 {
      background: url(/img/weed-1.1.png) center top no-repeat, url(/img/weed-1.2.jpg) left top no-repeat; }
    .mainpage-bad .weed.col-2 {
      background: url(/img/weed-2.png) 72px bottom no-repeat; }
    .mainpage-bad .weed.col-3 {
      color: #fff;
      background: url(/img/weed-3.1.png) center 44px no-repeat, url(/img/weed-3.2.jpg) left bottom no-repeat, #003263; }
    .mainpage-bad .weed.col-4 {
      background: url(/img/weed-4.png) center bottom no-repeat; }
    .mainpage-bad .weed .main {
      line-height: 32px;
      font-size: 32px; }
    .mainpage-bad .weed .small {
      line-height: 17px;
      margin-top: 23px; }
  .mainpage-bad .bad-bottom {
    padding-bottom: 50px;
    padding-top: 39px; }
    .mainpage-bad .bad-bottom .w4 {
      text-align: center; }
    .mainpage-bad .bad-bottom .main {
      line-height: 35px;
      font-size: 32px; }
    .mainpage-bad .bad-bottom .small {
      margin-top: 8px; }
    .mainpage-bad .bad-bottom .btn-rounded {
      margin-top: 10px; }
  .mainpage-bad .m-big.m-small {
    display: none; }

@media (max-width: 1620px) {
  .mainpage-bad .bad-top.page-center {
    padding: 88px 30px 15px; }
  .mainpage-bad .bad-top .w1 {
    width: 24.67%; }
  .mainpage-bad .bad-top .w3 {
    width: 74.33%; }
  .mainpage-bad .bad-top .small-descr {
    margin-top: 25px; }
  .mainpage-bad .baloon .sergey-bad {
    right: -360px;
    top: -91px; }
  .mainpage-bad .bad-middle {
    padding-right: 0;
    padding-left: 0; }
  .mainpage-bad .weed {
    padding-right: 15px;
    padding-left: 15px; }
    .mainpage-bad .weed.col-1, .mainpage-bad .weed.col-3 {
      padding-top: 338px; }
    .mainpage-bad .weed.col-1 {
      background-size: 280px auto, 304px auto; }
    .mainpage-bad .weed.col-2 {
      background-position: 72px	bottom; }
    .mainpage-bad .weed.col-3 {
      background-position: center 38px, bottom left;
      background-size: 244px 244px, auto; }
    .mainpage-bad .weed.col-4 {
      background-size: 260px auto; }
  .mainpage-bad .bad-bottom {
    padding-bottom: 43px;
    padding-top: 33px; }
  .mainpage-bad .m-big.m-small {
    display: inline; } }
@media (max-width: 1220px) {
  .mainpage-bad .bad-top.page-center {
    padding: 55px 65px 64px;
    min-height: 452px; }
  .mainpage-bad .bad-top .w3 {
    width: 80%; }
  .mainpage-bad .bad-top .baloon {
    padding: 35px 18px; }
    .mainpage-bad .bad-top .baloon .sergey-bad {
      right: -311px;
      top: -70px; }
    .mainpage-bad .bad-top .baloon .main {
      line-height: 39px;
      font-size: 39px; }
  .mainpage-bad .bad-top .descr {
    margin: 26px 65px 0 39px;
    line-height: 31px;
    text-align: left;
    font-size: 30px; }
  .mainpage-bad .bad-top .small-descr, .mainpage-bad .bad-top .small-descr.m-small-descr {
    margin-right: 117px;
    line-height: 22px;
    text-align: left; }
  .mainpage-bad .weed {
    padding: 29px 55px 0; }
    .mainpage-bad .weed.col-1 {
      padding-top: 333px; }
    .mainpage-bad .weed.col-3 {
      padding-top: 323px; }
    .mainpage-bad .weed.col-1 {
      background: url(/img/weed-1.1.png) center top no-repeat, url(/img/weed-1.2.jpg) left top no-repeat;
      background-size: 295px auto, 304px auto; }
    .mainpage-bad .weed.col-2 {
      background-position: 110px bottom; }
    .mainpage-bad .weed.col-3 {
      background-position: center 38px, bottom left; }
    .mainpage-bad .weed.col-4 {
      background-size: 275px auto; }
    .mainpage-bad .weed .main {
      line-height: 30px; }
    .mainpage-bad .weed .small {
      line-height: 16px;
      margin-top: 10px; }
  .mainpage-bad .bad-top .main {
    max-width: 700px;
    display: inline-block; }
  .mainpage-bad .bad-bottom {
    padding: 33px 30px 43px; }
    .mainpage-bad .bad-bottom .btn-rounded {
      -webkit-border-radius: 30px;
      -moz-border-radius: 30px;
      border-radius: 30px;
      padding: 17px 21px 34px;
      font-size: 21px; }
  .mainpage-bad .m-big.m-biggest {
    display: none; }
  .mainpage-bad .m-small {
    display: inline; } }
.mainpage-tiles {
  background: #d5dce7;
  padding-bottom: 58px;
  padding-top: 58px; }
  .mainpage-tiles .face, .mainpage-tiles .info {
    -webkit-transition: opacity 0.5s ease;
    -moz-transition: opacity 0.5s ease;
    -ms-transition: opacity 0.5s ease;
    -o-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    opacity: 0; }
    .mainpage-tiles .face.m-shown, .mainpage-tiles .info.m-shown {
      opacity: 1; }
  .mainpage-tiles .tiles.m-changing .face, .mainpage-tiles .tiles.m-changing .info {
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -ms-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    transition: all 0.7s ease; }
  .mainpage-tiles .face {
    color: #fff; }
    .mainpage-tiles .face IMG {
      display: block;
      height: 100%;
      width: 100%; }
  .mainpage-tiles .info {
    text-align: center;
    color: #fff; }
    .mainpage-tiles .info .main {
      line-height: 29px;
      font-size: 32px; }
    .mainpage-tiles .info .big {
      font: 48px/40px 'exo_light'; }
    .mainpage-tiles .info .small-descr {
      color: #00295c; }
    .mainpage-tiles .info .img {
      position: relative; }
      .mainpage-tiles .info .img .svg {
        height: 100%;
        width: 100%; }
      .mainpage-tiles .info .img IMG {
        position: absolute;
        margin-left: -39%;
        width: 78%;
        left: 50%;
        top: 13%; }
    .mainpage-tiles .info.info-1 {
      background: #dc005d; }
      .mainpage-tiles .info.info-1 SPAN {
        color: #00295c; }
      .mainpage-tiles .info.info-1 .text {
        margin: 18% 16% 0; }
      .mainpage-tiles .info.info-1 .img {
        height: 50%;
        margin: 12% 14% 0 18%; }
    .mainpage-tiles .info.info-2 {
      background: #4b6a91; }
      .mainpage-tiles .info.info-2 SPAN {
        color: #00295c; }
      .mainpage-tiles .info.info-2 .img {
        height: 50%;
        margin: 3% 23% 0; }
      .mainpage-tiles .info.info-2 .text {
        margin: 1% 4% 0; }
    .mainpage-tiles .info.info-3 {
      background: #004d69; }
      .mainpage-tiles .info.info-3 SPAN {
        color: #8ba2bf; }
      .mainpage-tiles .info.info-3 .text {
        margin: 9% 2% 0; }
      .mainpage-tiles .info.info-3 .big-text {
        display: none;
        color: #fff; }
    .mainpage-tiles .info.info-4 {
      background: #600069; }
      .mainpage-tiles .info.info-4 .img {
        margin: 5% 2% 0 6%;
        float: left;
        width: 28%;
        height: 77%; }
      .mainpage-tiles .info.info-4 .text {
        margin: 6% 2% 0 0; }
    .mainpage-tiles .info.info-5 {
      background: #0096ff; }
      .mainpage-tiles .info.info-5 SPAN {
        color: #00295c; }
      .mainpage-tiles .info.info-5 .text {
        margin: 10% 12% 0; }
      .mainpage-tiles .info.info-5 .img {
        width: 72%;
        height: 32%;
        margin: 10% auto 0; }
      .mainpage-tiles .info.info-5 .text-bottom {
        margin: 8% 8% 0; }
      .mainpage-tiles .info.info-5 .small-descr {
        line-height: 16px; }
      .mainpage-tiles .info.info-5 .btn-rounded {
        padding: 14px 10px;
        margin-top: 12px;
        display: block;
        width: 100%; }
        .mainpage-tiles .info.info-5 .btn-rounded .svg {
          margin: -6px 6px 0 0;
          vertical-align: top;
          height: 24px;
          width: 16px; }
          .mainpage-tiles .info.info-5 .btn-rounded .svg path {
            fill: #00396f; }
      .mainpage-tiles .info.info-5 .small-btn {
        display: none; }
    .mainpage-tiles .info.info-6 {
      background: #00295c;
      text-align: left; }
      .mainpage-tiles .info.info-6 SPAN {
        color: #0096ff; }
      .mainpage-tiles .info.info-6 .img {
        margin: 8% 6% 8% 2%;
        float: right;
        width: 34%;
        height: 70%; }
      .mainpage-tiles .info.info-6 .text {
        margin: 14% 0 0 4%; }

@media (max-width: 1600px) {
  .mainpage-tiles .info.tile .main {
    line-height: 24px;
    font-size: 26px; }
  .mainpage-tiles .info.tile .big {
    line-height: 34px;
    font-size: 40px; }
  .mainpage-tiles .info.tile .small-descr {
    line-height: 12px;
    font-size: 14px; }
  .mainpage-tiles .info.tile .btn-rounded {
    font-size: 12px; } }
@media (max-width: 1400px) {
  .mainpage-tiles .info.tile .main {
    line-height: 20px;
    font-size: 22px; }
  .mainpage-tiles .info.tile .big {
    line-height: 29px;
    font-size: 35px; }
  .mainpage-tiles .info.tile .text-bottom {
    margin-top: 5%; }
  .mainpage-tiles .info.tile .small-descr {
    line-height: 10px;
    font-size: 12px; }
  .mainpage-tiles .info.tile .btn-rounded {
    margin-top: 8px; }
    .mainpage-tiles .info.tile .btn-rounded .big-btn {
      display: none; }
    .mainpage-tiles .info.tile .btn-rounded .small-btn {
      display: inline; } }
@media (max-width: 1220px) {
  .mainpage-tiles .info.tile .main {
    line-height: 27px;
    font-size: 30px; }
  .mainpage-tiles .info.tile .big {
    line-height: 40px;
    font-size: 46px; }
  .mainpage-tiles .info.tile.info-4 .img {
    margin: 10% 24% 0;
    float: none;
    width: auto;
    height: 40%; }
  .mainpage-tiles .info.tile.info-4 .text {
    margin: 6% 6% 0; }
  .mainpage-tiles .info.tile.info-6 .text {
    margin-top: 15%; }
  .mainpage-tiles .info.tile .text-bottom {
    margin-top: 8%; }
  .mainpage-tiles .info.tile .small-descr {
    line-height: 12px;
    font-size: 14px; }
  .mainpage-tiles .info.tile .btn-rounded {
    margin-top: 14px; }
    .mainpage-tiles .info.tile .btn-rounded .big-btn {
      display: inline; }
    .mainpage-tiles .info.tile .btn-rounded .small-btn {
      display: none; } }
@media (max-width: 1100px) {
  .mainpage-tiles .info.tile .text-bottom {
    margin-top: 5%; }
  .mainpage-tiles .info.tile .small-descr {
    line-height: 10px;
    font-size: 12px; }
  .mainpage-tiles .info.tile .btn-rounded {
    margin-top: 8px; }
    .mainpage-tiles .info.tile .btn-rounded .big-btn {
      display: none; }
    .mainpage-tiles .info.tile .btn-rounded .small-btn {
      display: inline; } }
@media (max-width: 950px) {
  .mainpage-tiles .page-center {
    padding: 0 50px; }
  .mainpage-tiles .info.info-3 .text.main {
    font-size: 31px;
    margin-top: 23%;
    line-height: 31px; }
  .mainpage-tiles .info.info-3 .big-text {
    display: inline; }
  .mainpage-tiles .info.info-4.tile .img {
    margin-right: 29%;
    margin-left: 29%; }
  .mainpage-tiles .info.info-5 .text.main {
    font-size: 31px;
    line-height: 30px;
    margin-top: 40px; }
  .mainpage-tiles .info.info-5 .img {
    margin-top: 6%; }
  .mainpage-tiles .info.info-5 .small-descr {
    font-size: 18px;
    line-height: 16px;
    margin-bottom: 15px; }
  .mainpage-tiles .info.info-5 .btn-rounded {
    padding-bottom: 0;
    padding-top: 13px;
    font-size: 23px;
    width: 242px;
    margin: auto; }
    .mainpage-tiles .info.info-5 .btn-rounded .svg {
      width: 16px;
      height: 24px; }
  .mainpage-tiles .info.info-6 .text.big {
    margin-left: 6%; } }
@media (max-width: 700px) {
  .mainpage-tiles .info.tile.info-3 .text {
    margin-top: 26%; }
  .mainpage-tiles .info.tile.info-3 .big-text {
    display: inline; }
  .mainpage-tiles .info.tile .text-bottom {
    margin-top: 8%; }
  .mainpage-tiles .info.tile .small-descr {
    line-height: 12px;
    font-size: 14px; }
  .mainpage-tiles .info.tile .btn-rounded {
    margin-top: 12px; } }
.mainpage-comments .comments .comment {
  -webkit-transition: all 0.3s ease-out, opacity 0.4s 0.1s;
  -moz-transition: all 0.3s ease-out, opacity 0.4s 0.1s;
  -ms-transition: all 0.3s ease-out, opacity 0.4s 0.1s;
  -o-transition: all 0.3s ease-out, opacity 0.4s 0.1s;
  transition: all 0.3s ease-out, opacity 0.4s 0.1s;
  -webkit-transform: scale(2, 2);
  -moz-transform: scale(2, 2);
  -ms-transform: scale(2, 2);
  -o-transform: scale(2, 2);
  transform: scale(2, 2);
  opacity: 0; }
  .mainpage-comments .comments .comment.m-ready {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 1; }

.mainpage-questions {
  background: url(/img/question-bg.jpg) center;
  background-size: cover;
  text-align: center;
  color: #fff; }
  .mainpage-questions .page-center {
    padding-bottom: 76px;
    padding-top: 68px; }
  .mainpage-questions .w2 {
    position: relative;
    margin: 0 auto;
    width: 50%; }
  .mainpage-questions .arrows .arrow {
    position: absolute;
    cursor: pointer;
    height: 65px;
    width: 155px;
    top: 136px; }
    .mainpage-questions .arrows .arrow .svg path {
      fill: #fff; }
  .mainpage-questions .arrows .arrow.m-left {
    left: -250px; }
    .mainpage-questions .arrows .arrow.m-left .svg {
      -webkit-transform: rotate(180deg);
      -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      transform: rotate(180deg); }
  .mainpage-questions .arrows .arrow.m-right {
    right: -250px; }
  .mainpage-questions .descr {
    line-height: 42px;
    font-size: 30px;
    margin-top: 8px; }
  .mainpage-questions .baloon {
    -webkit-box-shadow: -1px 2px 3px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: -1px 2px 3px 0px rgba(0, 0, 0, 0.2);
    box-shadow: -1px 2px 3px 0px rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    padding: 38px 20px 8px;
    background: #00a9ff;
    position: relative;
    margin-top: 42px;
    color: #000;
    opacity: 0; }
    .mainpage-questions .baloon:after {
      background: url(/img/mainpage-questions-bubble.png) no-repeat;
      position: absolute;
      content: '';
      bottom: 40px;
      height: 44px;
      width: 44px;
      left: -43px; }
  .mainpage-questions .dots {
    margin-top: 14px; }
    .mainpage-questions .dots > DIV {
      display: inline-block;
      cursor: pointer;
      padding: 8px; }
      .mainpage-questions .dots > DIV.m-current {
        cursor: default; }
        .mainpage-questions .dots > DIV.m-current DIV {
          -webkit-box-shadow: 0 2px rgba(0, 0, 0, 0.2);
          -moz-box-shadow: 0 2px rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px rgba(0, 0, 0, 0.2);
          border-color: #fff;
          background: #fff; }
      .mainpage-questions .dots > DIV DIV {
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        border: 3px solid #000;
        height: 3px;
        width: 3px; }
  .mainpage-questions .answers {
    margin-top: 26px; }
  .mainpage-questions .answer > SPAN {
    -webkit-box-shadow: 0 0 0 8px #fff, inset 0 0 0 2px #fff;
    -moz-box-shadow: 0 0 0 8px #fff, inset 0 0 0 2px #fff;
    box-shadow: 0 0 0 8px #fff, inset 0 0 0 2px #fff;
    outline: 8px solid #fff;
    color: #00295c;
    font: 18px/39px Arial;
    background: #fff;
    overflow: hidden; }
    .mainpage-questions .answer > SPAN SPAN {
      line-height: 1px;
      font-size: 1px; }
  .mainpage-questions .questions .main {
    text-shadow: 0px 2px 0px rgba(0, 0, 0, 0.2);
    line-height: 36px;
    font-size: 44px; }
  .mainpage-questions .question, .mainpage-questions .answer {
    display: none; }
    .mainpage-questions .question.m-current, .mainpage-questions .answer.m-current {
      display: block; }
  .mainpage-questions .buttons {
    margin-top: 25px; }
    .mainpage-questions .buttons .small-descr {
      margin: 12px 0 14px; }
    .mainpage-questions .buttons .btn-rounded.m-green-filled {
      padding: 12px 30px 13px;
      color: #000; }
    .mainpage-questions .buttons .btn-rounded .svg {
      margin: -6px 6px 0 0;
      vertical-align: top;
      height: 24px;
      width: 16px; }
      .mainpage-questions .buttons .btn-rounded .svg path {
        fill: #000; }

@media (max-width: 1620px) {
  .mainpage-questions .w2 {
    width: 78%; }
  .mainpage-questions .arrows .arrow .svg {
    width: 123px;
    height: 52px; }
  .mainpage-questions .arrows .arrow.m-right {
    right: -183px; }
  .mainpage-questions .arrows .arrow.m-left {
    left: -183px; } }
@media (max-width: 1220px) {
  .mainpage-questions .page-center {
    padding: 38px 45px 76px; }
  .mainpage-questions .w2 {
    width: 100%; }
  .mainpage-questions .answers {
    margin-top: 40px; }
  .mainpage-questions .arrows .arrow {
    bottom: 80px;
    top: auto; }
    .mainpage-questions .arrows .arrow .svg {
      height: 42px;
      width: 100px; }
  .mainpage-questions .arrows .arrow.m-right {
    right: 0; }
  .mainpage-questions .arrows .arrow.m-left {
    left: 0; }
  .mainpage-questions .baloon {
    padding: 24px 30px 28px;
    margin-top: 27px; }
  .mainpage-questions .dots {
    display: none; }
  .mainpage-questions .m-big {
    display: none; }
  .mainpage-questions .buttons {
    margin-top: 30px; }
    .mainpage-questions .buttons .small-descr {
      margin-top: 14px; }
    .mainpage-questions .buttons .btn-rounded.m-white {
      -webkit-border-radius: 30px;
      -moz-border-radius: 30px;
      border-radius: 30px;
      padding: 19px 22px 32px;
      font-size: 20px; }
    .mainpage-questions .buttons .btn-rounded.m-green-filled {
      -webkit-border-radius: 30px;
      -moz-border-radius: 30px;
      border-radius: 30px;
      padding: 23px 45px 37px;
      letter-spacing: 1px;
      font-size: 23px; }
      .mainpage-questions .buttons .btn-rounded.m-green-filled .svg {
        margin: -13px 11px 0 0;
        height: 40px;
        width: 27px; } }
@-webkit-keyframes move-arm {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  35% {
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px); } }
@keyframes move-arm {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  35% {
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px); } }

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