/* Fonts */
@font-face {
  font-family: "ProximaNova";
  src: url("../fonts/ProximaNova-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "ProximaNova";
  src: url("../fonts/ProximaNova-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal; }
@font-face {
  font-family: "ProximaNova";
  src: url("../fonts/ProximaNova-Semibold.woff") format("woff");
  font-weight: 500;
  font-style: normal; }
@font-face {
  font-family: "ProximaNova";
  src: url("../fonts/ProximaNova-Black.woff") format("woff");
  font-weight: 700;
  font-style: normal; }
/*  */
* {
  box-sizing: border-box; }

html {
  min-width: 100%;
  min-height: 100%; }

body {
  width: 100%;
  margin: 0;
  padding: 0; }

ul {
  margin: 0;
  padding: 0; }

li {
  list-style-type: none; }

p, input {
  font-family: "ProximaNova";
  padding: 0;
  margin: 0; }

a {
  color: #000;
  text-decoration: none;
  display: block; }

button {
  cursor: pointer;
  border: none;
  outline: none;
  background-color: transparent;
  font-family: "ProximaNova"; }

.wrapper {
  width: 100%;
  min-height: 100vh;
  font-family: "ProximaNova";
  font-weight: normal;
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 1280px; }

.main__content {
  flex: 1; }

.container {
  width: 100%;
  height: 100%;
  max-width: 1160px;
  margin: 0 auto;
  padding: 0 15px;
  display: flex;
  flex-direction: column; }

.header__top {
  display: flex;
  align-items: center;
  border-bottom: 2px solid #e9e7e6; }
  .header__top .header__logo {
    margin-left: 26px;
    display: flex; }
  .header__top .header__links {
    display: flex;
    align-items: center;
    margin-left: auto; }
    .header__top .header__links .link {
      color: #a29e9c;
      font-size: 13px;
      line-height: 0.85; }
      .header__top .header__links .link:first-child {
        margin-right: 32px; }
      .header__top .header__links .link:last-child {
        margin-left: 24px;
        background-color: #6e7992;
        padding: 8px 12px 8px 5px;
        color: #d6d6d6;
        border-radius: 2px; }

.header__inner {
  display: flex;
  align-items: flex-start;
  align-items: center;
  margin-top: 60px; }
  .header__inner .header__logo .logo__desc {
    font-size: 13px;
    line-height: 0.85;
    color: #2d3039;
    margin-top: 12px; }
  .header__inner .nav {
    margin-left: auto; }
    .header__inner .nav .nav__list {
      display: flex;
      align-items: center; }
      .header__inner .nav .nav__list .nav__link, .header__inner .nav .nav__list .nav__link--btn {
        font-size: 18px;
        margin-left: 50px; }
        .header__inner .nav .nav__list .nav__link:last-child, .header__inner .nav .nav__list .nav__link--btn:last-child {
          margin-left: 44px;
          padding: 5px 10px;
          color: #183e69;
          border: 1px solid #183e69;
          border-radius: 3px; }

.section__hero {
  padding-top: 73px;
  background: url("../../img/hero-bg.png") no-repeat 80% 0;padding-bottom:80px; }
  .section__hero .hero__title {
    font-size: 45px;
    color: #183e69;
    line-height: 1.22; }
    .section__hero .hero__title span {
      display: block; }
  .section__hero .hero__desc {
    font-size: 22px;
    line-height: 1.18;
    margin-top: 23px;
    margin-bottom: 58px; }
    .section__hero .hero__desc span {
      display: block; }
  .section__hero .hero__search {
    width: 772px;
    height: 45px;
    align-items: center;
    display: flex;
    overflow: hidden;
    margin-bottom: 178px; }
    .section__hero .hero__search input {
      width: 100%;
      height: 100%;
      font-size: 20px;
      border: 1px solid #c3bdba;
      outline: none;
      border-radius: 5px;
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
      padding-left: 10px;
      padding-right: 20px;
      color: #908b89; }
    .section__hero .hero__search button {
      border-radius: 5px;
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
      width: 182px;
      background-color: #183e69;
      height: 100%;
      font-size: 18px;
      color: #ffffff; }

.section__insert {
  margin-top: 94px; }
  .section__insert .insert__title {
    text-align: center;
    font-size: 35px;
    color: #2d3039; }
    .section__insert .insert__title span {
      display: block; }
  .section__insert .insert__desc {
    font-size: 21px;
    color: #2d3039;
    text-transform: uppercase;
    font-weight: 500;
    padding-bottom: 11px; }
    .section__insert .insert__desc span {
      display: block; }
  .section__insert .insert__line {
    width: 100%;
    height: 1px;
    background-color: #e5e5e5; }

.insert--first .insert__desc {
  margin-top: 80px; }

.insert--second .insert {
  display: flex;
  justify-content: space-between; }
  .insert--second .insert .insert__title {
    font-size: 35px;
    text-align: center;
    
    }
    .insert--second .insert .insert__title span {
      display: block; }
  .insert--second .insert .insert__desc {
    padding: 10px 0;
    display: flex;
    align-items: flex-end; }
    .insert--second .insert .insert__desc .insert__elem {
      display: flex;
      flex-direction: column;
      align-items: center;
      margin: 0 15px 11px; }
      .insert--second .insert .insert__desc .insert__elem:last-child {
        margin-right: 0;
        margin-bottom: 0;
        line-height: 1.2; }
        .insert--second .insert .insert__desc .insert__elem:last-child span {
          display: block; }
      .insert--second .insert .insert__desc .insert__elem .elem__desc {
        padding-top: 5px;
        font-size: 12px;
        color: #93989c;
        text-align: center; }

.insert--third {
  background-color: #f6f6f6;
  margin-top: 0; }
  .insert--third .insert {
    padding-top: 39px; }

.insert--fourth {
  margin-top: 0;
  background-color: #f6f6f6; }
  .insert--fourth .insert {
    padding-top: 39px; }

.helper {
  padding-top: 58px;
  padding-bottom: 65px;
  align-self: center;
  justify-content: center;
  display: none; }
  .helper .helper__content {
    display: flex;
    align-items: flex-start; }
    .helper .helper__content .helper__answer {
      width: 721px;
      margin: 35px 0 20px 30px;
      background-color: #fff;
      padding: 8px 20px 24px 22px;
      border-radius: 10px;
      box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.1);
      position: relative;
      display: none;
      opacity: 0;
      transition: 0.3s; }
      .helper .helper__content .helper__answer:first-child {
        margin-top: 0; }
      .helper .helper__content .helper__answer.active {
        display: block;
        opacity: 1;
        transition: 0.3s; }
      .helper .helper__content .helper__answer:after {
        content: url("../../img/Combined Shape.svg");
        width: 27px;
        height: 13px;
        position: absolute;
        left: -8px;
        bottom: -3px; }
      .helper .helper__content .helper__answer .helper__timer {
        width: 28px;
        height: 12px;
        font-size: 12px;
        position: absolute;
        line-height: 1;
        color: #1a2028;
        left: 0;
        bottom: -25px; }
      .helper .helper__content .helper__answer .answer__title {
        font-size: 14px;
        line-height: 1.86; }
      .helper .helper__content .helper__answer .answer__desc {
        font-size: 16px;
        line-height: 1.38;
        color: #1a2028; }
  .helper .helper__button {
    padding-top: 23px;
    display: flex;
    justify-content: center; }
    .helper .helper__button .button {
      font-size: 16px;
      padding: 14px 0;
      border-radius: 5px;
      box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.1);
      border: solid 1px #0075ff;
      color: #0d7cff;
      width: 263px;
      text-align: center; }

.section__decision {
  background-color: #f6f6f6; }
  .section__decision .decision {
    display: flex;
    justify-content: space-between;
    position: relative;
    border-bottom: 1px solid #e5e5e5; }
    .section__decision .decision:after {
      content: "";
      position: absolute;
      bottom: -1px;
      right: -50px;
      width: 50px;
      height: 1px;
      background-color: #e5e5e5; }
    .section__decision .decision .decision__about {
      padding-top: 75px; }
      .section__decision .decision .decision__about .decision__title {
        font-size: 35px;
        color: #2d3039; }
      .section__decision .decision .decision__about .decision__desc {
        margin: 19px 0 110px;
        width: 482px;
        font-size: 18px;
        line-height: 26px; }
        .section__decision .decision .decision__about .decision__desc span {
          color: #183e69; }
    .section__decision .decision .decision__pic {
      position: absolute;
      right: 0;
      top: -118px;
      font-size: 0; }

.section__advice {
  padding-top: 60px; }
  .section__advice .advice {
    display: flex;
    justify-content: space-between;
    position: relative;
    margin-bottom: 40px;}
    .section__advice .advice .advice__about {
      width: 493px;
      padding-top: 76px; }
      .section__advice .advice .advice__about .advice__elem {
        margin-bottom: 36px; }
        .section__advice .advice .advice__about .advice__elem .advice__title {
          font-size: 22px;
          color: #183e69;
          font-weight: 500;
          margin-bottom: 5px; }
        .section__advice .advice .advice__about .advice__elem .advice__desc {
          font-size: 18px; }
          .section__advice .advice .advice__about .advice__elem .advice__desc span {
            color: #183e69; }
      .section__advice .advice .advice__about .advice__button {
        margin-bottom: 68px;
        display: flex; }
        .section__advice .advice .advice__about .advice__button .button {
          background-color: #183e69;
          width: 378px;
          font-size: 18px;
          color: #fff;
          border-radius: 3px;
          line-height: 1.44;
          text-align: center;
          padding: 11.5px 60px;
          display: block; }
    .section__advice .advice .advice__pic {
      position: relative;
      display: flex;
      justify-content: space-between; }
      .section__advice .advice .advice__pic .advice__pic__quest {
        position: absolute;
        z-index: 99;
        bottom: 0;
        right: 80%; }
      .section__advice .advice .advice__pic .advice__pic__anim {
        position: relative;
        z-index: 100;
        box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); }

.section__needful {
  background-color: #f6f6f6; }
  .section__needful .needful {
    display: flex;
    position: relative;
    justify-content: space-between;
    border-bottom: 1px solid #e5e5e5; }
    .section__needful .needful:after {
      content: "";
      position: absolute;
      bottom: -1px;
      right: -50px;
      width: 50px;
      height: 1px;
      background-color: #e5e5e5; }
    .section__needful .needful .needful__about {
      padding-top: 103px; }
      .section__needful .needful .needful__about .needful__title {
        font-size: 35px;
        color: #2d3039; }
        .section__needful .needful .needful__about .needful__title span {
          display: block; }
      .section__needful .needful .needful__about .needful__desc {
        margin: 46px 0 91px;
        width: 416px;
        font-size: 18px;
        line-height: 26px; }
        .section__needful .needful .needful__about .needful__desc span {
          color: #183e69; }
    .section__needful .needful .needful__pic {
      position: absolute;
      right: 0;
      top: -40px;
      font-size: 0; }

.section__specialist {
  padding-top: 74px;
  padding-bottom: 67px; }
  .section__specialist .container {
    position: relative; }
  .section__specialist .specialist__button {
    text-align: center; }
    .section__specialist .specialist__button .button__title {
      font-size: 35px;
      color: #2d3039; }
    .section__specialist .specialist__button .button {
      font-size: 18px;
      color: #fff;
      background-color: #183e69;
      border-radius: 3px;
      padding: 12px 60px;
      margin-top: 40px; }

.specialist {
  display: flex;
  flex-direction: column;
  margin-bottom: 90px; }
  .specialist .specialist__top {
    display: flex;
    justify-content: space-between; }
    .specialist .specialist__top .specialist__title {
      min-width: 390px;
      font-size: 22px;
      color: #183e69;
      font-weight: bold; }
    .specialist .specialist__top .specialist__desc {
      min-height: 116px;
      margin-left: 108px;
      font-size: 18px;
      line-height: 1.44; }
  .specialist .specialist__slider .slider__content {
    display: flex;
    flex-direction: column; }
    .specialist .specialist__slider .slider__content .content__user {
      display: flex;
      flex-direction: column; }
      .specialist .specialist__slider .slider__content .content__user .user__elem {
        margin: 0 30px;
        display: flex;
        align-items: center;
        flex-direction: column; }
        .specialist .specialist__slider .slider__content .content__user .user__elem .user__link {
          width: 158px;
          height: 206px;
          filter: grayscale(96%); }
          .specialist .specialist__slider .slider__content .content__user .user__elem .user__link img {
            max-width: 100%;
            height: 100%; }
        .specialist .specialist__slider .slider__content .content__user .user__elem .user__name {
          margin-top: 12px;
          font-size: 14px;
          line-height: 1.64; }
        .specialist .specialist__slider .slider__content .content__user .user__elem .user__desc {
          font-size: 16px;
          font-weight: bold; }
    .specialist .specialist__slider .slider__content .content__text {
      max-width: 600px;
      margin-top: 37px;
      min-height: 85px;
      align-self: center;
      display: none; }
      .specialist .specialist__slider .slider__content .content__text .user__text {
        display: none; }
        .specialist .specialist__slider .slider__content .content__text .user__text span {
          font-weight: bold; }

.specialist--second, .specialist--third {
  margin-bottom: 74px; }
  .specialist--second .specialist__list, .specialist--third .specialist__list {
    display: flex; }
    .specialist--second .specialist__list .user__elem, .specialist--third .specialist__list .user__elem {
      display: flex;
      flex-direction: column;
      align-items: center;
      width: calc(100% / 7 - 22px);
      margin: 0 11px 30px;
      position: relative;
      cursor: pointer;
      text-align: center; }
      .specialist--second .specialist__list .user__elem .user__pic, .specialist--third .specialist__list .user__elem .user__pic {
        display: flex;
        justify-content: center;
        width: 100px;
        height: 100px;
        border-radius: 50%;
        overflow: hidden;
        margin-bottom: 13px; }
        .specialist--second .specialist__list .user__elem .user__pic img, .specialist--third .specialist__list .user__elem .user__pic img {
          max-width: 100%;
          max-height: 100%; }
      .specialist--second .specialist__list .user__elem .user__name, .specialist--second .specialist__list .user__elem .user__stat, .specialist--third .specialist__list .user__elem .user__name, .specialist--third .specialist__list .user__elem .user__stat {
        font-size: 14px;
        line-height: 1.29; }
      .specialist--second .specialist__list .user__elem .user__stat, .specialist--third .specialist__list .user__elem .user__stat {
        font-weight: bold; }
      .specialist--second .specialist__list .user__elem .user__desc, .specialist--third .specialist__list .user__elem .user__desc {
        width: 315px;
        padding: 10px 13px 10px 15px;
        display: flex;
        align-items: center;
        background-color: #f6f6f6;
        border: solid 1px #e9e7e6;
        position: absolute;
        left: 50%;
        bottom: -55px;
        transform: translateX(-5%);
        z-index: 1;
        display: none; }
        .specialist--second .specialist__list .user__elem .user__desc:after, .specialist--third .specialist__list .user__elem .user__desc:after {
          content: "";
          position: absolute;
          width: 150px;
          height: 100%;
          opacity: 0.4;
          top: -20px;
          left: 0; }
        .specialist--second .specialist__list .user__elem .user__desc:before, .specialist--third .specialist__list .user__elem .user__desc:before {
          content: url("../../img/angle.svg");
          position: absolute;
          top: -13.5px;
          left: 5px;
          transform: rotate(180deg); }
        .specialist--second .specialist__list .user__elem .user__desc .user__text, .specialist--third .specialist__list .user__elem .user__desc .user__text {
          font-size: 18px;
          line-height: 1.44; }
        .specialist--second .specialist__list .user__elem .user__desc .user__btn, .specialist--third .specialist__list .user__elem .user__desc .user__btn {
          font-size: 0;
          margin-left: auto; }
      .specialist--second .specialist__list .user__elem:hover .user__desc, .specialist--third .specialist__list .user__elem:hover .user__desc {
        display: flex;
        z-index: 2; }

.specialist--third {
  margin-bottom: 79px;
  position: relative; }
  .specialist--third .specialist__list {
    flex-wrap: wrap; }
  .specialist--third .specialist__bottom {
    margin-top: 22px;
    display: flex;
    justify-content: center; }
    .specialist--third .specialist__bottom .specialist__button {
      border-radius: 3px;
      border: solid 1px #0278ff;
      color: #0278ff;
      font-size: 16px;
      line-height: 1.44;
      padding: 7px 15px; }
  .specialist--third .specialist__popup {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9;
    display: none; }
    .specialist--third .specialist__popup .popup__content {
      min-width: 640px;
      background-color: #f6f6f6;
      padding: 30px 30px 45px 30px;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
      .specialist--third .specialist__popup .popup__content .popup__close {
        position: relative; }
        .specialist--third .specialist__popup .popup__content .popup__close .close__btn {
          position: absolute;
          right: 0;
          font-size: 0; }
          .specialist--third .specialist__popup .popup__content .popup__close .close__btn img {
            transform: rotate(0deg); }
      .specialist--third .specialist__popup .popup__content .specialist__item {
        display: none; }
        .specialist--third .specialist__popup .popup__content .specialist__item .specialist__data .data__photo {
          display: flex;
          align-items: center; }
          .specialist--third .specialist__popup .popup__content .specialist__item .specialist__data .data__photo .data__photo__pic {
            width: 100px;
            height: 100px;
            overflow: hidden;
            display: flex;
            justify-content: center;
            align-items: center;
            border-radius: 50%; }
            .specialist--third .specialist__popup .popup__content .specialist__item .specialist__data .data__photo .data__photo__pic img {
              max-width: 100%; }
          .specialist--third .specialist__popup .popup__content .specialist__item .specialist__data .data__photo .data__photo__text {
            margin-left: 24px; }
        .specialist--third .specialist__popup .popup__content .specialist__item .specialist__data .data__desc {
          margin: 29px 0;
          font-size: 16px;
          color: #000;
          line-height: 24px; }
        .specialist--third .specialist__popup .popup__content .specialist__item .specialist__data .data__about {
          font-size: 16px;
          color: #183e69;
          padding-bottom: 25px; }

.owl-carousel .owl-item.center.active .user__elem .user__link {
  width: 198px;
  height: 256px;
  filter: grayscale(0); }
  .owl-carousel .owl-item.center.active .user__elem .user__link img {
    max-width: 100%;
    max-height: 100%; }

.owl-stage {
  position: relative; }

.owl-nav {
  display: flex;
  justify-content: space-between;
  position: absolute;
  width: 115%;
  top: 50%;
  left: 50%;
  transform: translate(-50%); }

.owl-next:hover img {
  content: url("../../img/R-hover.svg");
  transition: 0.5s; }

.owl-prev:hover img {
  content: url("../../img/L-hover.svg"); }

.section__base {
  background-color: #f6f6f6; }
  .section__base .base {
    display: flex;
    position: relative;
    justify-content: space-between;
    border-bottom: 1px solid #e5e5e5; }
    .section__base .base:after {
      content: "";
      position: absolute;
      bottom: -1px;
      right: -50px;
      width: 50px;
      height: 1px;
      background-color: #e5e5e5; }
    .section__base .base .base__about {
      padding-top: 103px; }
      .section__base .base .base__about .base__title {
        font-size: 35px;
        color: #2d3039; }
        .section__base .base .base__about .base__title span {
          display: block; }
      .section__base .base .base__about .base__desc {
        margin: 46px 0 91px;
        width: 416px;
        font-size: 18px;
        line-height: 26px; }
        .section__base .base .base__about .base__desc span {
          color: #183e69; }
    .section__base .base .base__pic {
      position: absolute;
      right: 0;
      top: -40px;
      font-size: 0; }

.section__journal {
  padding-top: 63px;
  padding-bottom: 105px; }

.journal {
  display: flex;
  flex-direction: column; }
  .journal .journal__header {
    margin-bottom: 38px; }
  .journal .journal__top {
    display: flex;
    justify-content: space-between;
    position: relative; }
    .journal .journal__top:after {
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 1px;
      background-color: #e5e5e5; }
    .journal .journal__top .journal__title {
      min-width: 390px;
      font-size: 25px;
      color: #2d3039;
      font-weight: 500; }
      .journal .journal__top .journal__title span {
        display: block; }
    .journal .journal__top .journal__desc {
      margin-top: 40px;
      font-size: 18px;
      line-height: 1.44; }
      .journal .journal__top .journal__desc span {
        display: block; }
    .journal .journal__top .journal__number {
      font-size: 18px;
      color: #9b9b9b;
      line-height: 1.44;
      margin-top: 30px; }
    .journal .journal__top .journal__pic {
      font-size: 0;
      align-self: flex-end; }
  .journal .journal__slider {
    margin-top: 51px; }
    .journal .journal__slider .slider__cap {
      font-size: 25px;
      text-align: center;
      color: #2d3039; }
    .journal .journal__slider .slider__content {
      margin-top: 50px;
      display: flex;
      flex-direction: column; }
      .journal .journal__slider .slider__content .content__journal {
        display: flex;
        align-items: center; }
        .journal .journal__slider .slider__content .content__journal .journal__elem {
          width: 112px;
          height: 206px;
          margin: 0 28px;
          display: flex;
          align-items: flex-end; }
          .journal .journal__slider .slider__content .content__journal .journal__elem .journal__link img {
            max-width: 100%;
            height: 100%; }
      .journal .journal__slider .slider__content .content__text {
        display: none;
        max-width: 600px;
        margin-top: 37px;
        min-height: 85px;
        align-self: center; }
        .journal .journal__slider .slider__content .content__text .journal__text {
          display: none; }
          .journal .journal__slider .slider__content .content__text .journal__text span {
            font-weight: bold; }
  .journal .journal__bottom {
    margin-top: 86px; }
    .journal .journal__bottom .bottom__title {
      font-size: 35px;
      color: #2d3039;
      text-align: center;
      margin-bottom: 20px; }
    .journal .journal__bottom .bottom__button, .section__scroll .scroll__button {
      display: flex;
      justify-content: center; }
      .journal .journal__bottom .bottom__button .button, .section__scroll .scroll__button .button {
        background-color: #183e69;
        width: 378px;
        font-size: 18px;
        color: #fff;
        border-radius: 3px;
        line-height: 1.44;
        text-align: center;
        padding: 11.5px 60px;
        display: block; }

.section__payment {
  background: #f6f6f6; }
  .section__payment .payment {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 67px;
    /*border-bottom: 1px solid #e5e5e5;*/ }
    .section__payment .payment .payment__title {
      font-size: 35px;
      color: #2d3039; }
    .section__payment .payment .payment__desc {
      font-size: 18px;
      color: #000;
      line-height: 1.44; }
    .section__payment .payment .payment__toggle {
      margin-top: 20px;
      display: flex;
      border-radius: 5px; }
      .section__payment .payment .payment__toggle .toggle__btn {
        width: 237px;
        font-size: 16px;
        padding: 14px 26px;
        color: #0d7cff;
        border-radius: 5px;
        border: solid 1px #0075ff;
        box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.1);
        transition: 0.4s; }
        .section__payment .payment .payment__toggle .toggle__btn:hover {
          background-color: #0075ff;
          color: #fff;
          transition: 0.4s;
          border-radius: 5px; }
        .section__payment .payment .payment__toggle .toggle__btn.active {
          background-color: #0075ff;
          color: #fff;
          border-radius: 5px; }
    .section__payment .payment .payment__ability {
      color: #fff; }
      .section__payment .payment .payment__ability .ability__title {
        font-size: 21px;
        font-weight: 500;
        color: #2d3039; }
      .section__payment .payment .payment__ability .ability__content {
        display: flex;
        margin: 53px -20px 0;
        flex-wrap: wrap; }
        .section__payment .payment .payment__ability .ability__content .ability__elem {
          width: calc(50% - 40px);
          display: flex;
          justify-content: space-between;
          background: #fff;
          color: #000;
          padding: 28px 20px 21px 28px;
          border: solid 1px #e9e7e6;
          display: flex;
          margin: 0 20px 33px; }
          .section__payment .payment .payment__ability .ability__content .ability__elem:first-child {
            padding-top: 14px;
            padding-bottom: 0; }
          .section__payment .payment .payment__ability .ability__content .ability__elem .ability__cap {
            font-size: 22px;
            line-height: 1.23;
            color: #183e69;
            font-weight: 500; }
            .section__payment .payment .payment__ability .ability__content .ability__elem .ability__cap span {
              display: block; }
            .section__payment .payment .payment__ability .ability__content .ability__elem .ability__cap .ability__text {
              font-size: 14px;
              line-height: 1.38;
              margin-top: 15px;
              font-weight: normal;
              color: #2d3039; }
              .section__payment .payment .payment__ability .ability__content .ability__elem .ability__cap .ability__text span {
                display: block; }
          .section__payment .payment .payment__ability .ability__content .ability__elem .ability__pic {
            margin-left: 34px;
            font-size: 0; }
          .section__payment .payment .payment__ability .ability__content .ability__elem:first-child .ability__cap {
            margin-top: 12px; }
          .section__payment .payment .payment__ability .ability__content .ability__elem:first-child .ability__pic {
            margin-left: 0;
            margin-right: 10px; }
    .section__payment .payment .payment__button {
      margin-top: 31px;
      margin-bottom: 45px; }
      .section__payment .payment .payment__button .button {
        font-size: 18px;
        color: #fff;
        background-color: #183e69;
        border-radius: 3px;
        padding: 12px 60px; }

.section__review {
  background-color: #f6f6f6; }

.review {
  padding-top: 64px;
  padding-bottom: 84px;
  align-self: center;
  max-width: 1034px; }
  .review .review__title {
    font-size: 35px;
    text-align: center; }
    .review .review__title span {
      display: block; }
  .review .rewiew__desc {
    font-size: 18px;
    text-align: center;
    color: #979797;
    margin: 30px 0; }
    .review .rewiew__desc span {
      display: block; }
  .review .rewiew__content {
    width: 994px;
    display: flex;
    justify-content: space-between;
    margin: 0 -10px;
    flex-wrap: wrap; }
    .review .rewiew__content .rewiew__user {
      border: 1px solid #e3dfdd;
      border-radius: 3px;
      padding: 13px 27px 20px 14px;
      margin: 10px;
      width: calc(50% - 20px);
      display: flex;
      flex-direction: column;
      background-color: #fff; }
      .review .rewiew__content .rewiew__user .rewiew__user__data {
        display: flex;
        justify-content: space-between;
        align-items: center; }
        .review .rewiew__content .rewiew__user .rewiew__user__data .user__data {
          display: flex;
          align-items: center; }
          .review .rewiew__content .rewiew__user .rewiew__user__data .user__data .user__pic {
            width: 45px;
            height: 45px;
            border-radius: 50%;
            overflow: hidden;
            margin-right: 7px; }
            .review .rewiew__content .rewiew__user .rewiew__user__data .user__data .user__pic img {
              max-width: 100%;
              min-width: 100%; }
          .review .rewiew__content .rewiew__user .rewiew__user__data .user__data .user__name {
            font-size: 15px;
            color: #2d3039; }
        .review .rewiew__content .rewiew__user .rewiew__user__data .user__rating {
          display: flex;
          align-items: center; }
          .review .rewiew__content .rewiew__user .rewiew__user__data .user__rating .rating__pic {
            font-size: 0;
            margin-right: 8px; }
          .review .rewiew__content .rewiew__user .rewiew__user__data .user__rating .rating__score {
            font-size: 24px;
            color: #2d3039; }
      .review .rewiew__content .rewiew__user .rewiew__user__text {
        flex: 1;
        margin-top: 24px;
        margin-bottom: 13px; }
        .review .rewiew__content .rewiew__user .rewiew__user__text .user__text {
          min-height: 100px;
          font-size: 16px;
          line-height: 1.25;
          opacity: 0.8; }
      .review .rewiew__content .rewiew__user .rewiew__user__social {
        display: flex;
        justify-content: space-between;
        align-items: center; }
        .review .rewiew__content .rewiew__user .rewiew__user__social .social__icon {
          width: 22px;
          height: 22px; }
          .review .rewiew__content .rewiew__user .rewiew__user__social .social__icon .icon__pic {
            max-width: 100%;
            min-width: 100%; }
        .review .rewiew__content .rewiew__user .rewiew__user__social .user__comment .comment__time {
          font-size: 14px;
          color: #2d3039; }
  .review .rewiew__btn {
    display: flex;
    justify-content: center;
    margin-top: 48px; }
    .review .rewiew__btn .btn__link {
      font-size: 18px;
      padding: 12px 28px;
      border-radius: 3px;
      border: 1px solid #808080; }

.section__purchase {
  background-color: #f6f6f6; }

.purchase {
  padding-top: 50px; }
  .purchase .purchase__data {
    display: flex;
    justify-content: space-between; }
    .purchase .purchase__data .purchase__data__left {
      width: 70%; }
      .purchase .purchase__data .purchase__data__left .purchase__title {
        font-size: 35px;
        margin-bottom: 40px; }
      .purchase .purchase__data .purchase__data__left .purchase__form {
        margin-bottom: 29px; }
        .purchase .purchase__data .purchase__data__left .purchase__form .purchase__label {
          width: 100%; }
          .purchase .purchase__data .purchase__data__left .purchase__form .purchase__label .purchase__search {
            width: 100%;
            padding: 0 20px;
            border-radius: 3px;
            box-shadow: -7px 9px 15px 0 rgba(137, 165, 202, 0.12);
            border: solid 1px #e5e5e5;
            background-color: #ffffff;
            font-size: 16px;
            line-height: 2.06; }
      .purchase .purchase__data .purchase__data__left .purchase__example {
        font-size: 16px; }
        .purchase .purchase__data .purchase__data__left .purchase__example .purchase__example__list {
          display: block; }
          .purchase .purchase__data .purchase__data__left .purchase__example .purchase__example__list .purchase__example__link {
            display: inline;
            color: #0278ff; }
    .purchase .purchase__data .purchase__data__right {
      height: 220px;
      min-width: 200px;
      width: 200px;
      margin-right: 48px; }
      .purchase .purchase__data .purchase__data__right .purchase__recommendation {
        font-size: 14px;
        color: #2d3039;
        height: 100%;
        background: url("../../img/chek.png") no-repeat top left;
        padding: 24px 14px 0;
        position: relative; }
        .purchase .purchase__data .purchase__data__right .purchase__recommendation:after {
          content: url("../../img/chek_shd.png");
          position: absolute;
          right: -48px;
          top: 0; }
        .purchase .purchase__data .purchase__data__right .purchase__recommendation .recommendation__caption {
          font-size: 16px;
          font-weight: bold;
          position: relative;
          text-align: center; }
          .purchase .purchase__data .purchase__data__right .purchase__recommendation .recommendation__caption:before {
            content: "- - - - - - - - - - - - - - - - - - - - - ";
            position: absolute;
            left: 0;
            top: 20px;
            font-weight: normal;
            font-size: 15px; }
        .purchase .purchase__data .purchase__data__right .purchase__recommendation .recommendation__title {
          margin-top: 23px;
          margin-bottom: 10px; }
        .purchase .purchase__data .purchase__data__right .purchase__recommendation .period {
          display: flex;
          justify-content: space-between;
          line-height: 1.56;
          margin-bottom: 8px;
          position: relative; }
          .purchase .purchase__data .purchase__data__right .purchase__recommendation .period:last-child:after {
            content: "- - - - - - - - - - - - - - - - - - - - - ";
            position: absolute;
            left: 0;
            bottom: -30px;
            font-size: 15px; }
      .purchase .purchase__data .purchase__data__right .refund {
        margin-top: 35px;
        display: flex;
        justify-content: space-between;
        display: none; }
        .purchase .purchase__data .purchase__data__right .refund .refund__title {
          font-size: 55px;
          color: #183e69;
          line-height: 0.73; }
        .purchase .purchase__data .purchase__data__right .refund .refund__desc {
          font-size: 16px;
          line-height: 1.5;
          color: #183e69;
          min-width: 100px;
          margin-left: 25px; }
          .purchase .purchase__data .purchase__data__right .refund .refund__desc span {
            display: block;
            color: #0278ff; }
  .purchase .purchase__address {
    display: flex;
    flex-wrap: wrap;
    /*margin-top: 82px;*/ }
    .purchase .purchase__address .address__box {
      font-size: 18px;
      line-height: 1.56;
      margin-bottom: 46px;
      width: 33%;
      padding-bottom: 15px; }
      .purchase .purchase__address .address__box .address__title {
        font-weight: bold;
        color: #2d3039;
        position: relative;
        display: flex;
        align-items: center; }
        .purchase .purchase__address .address__box .address__title .addres__logo {
          padding-left: 15px; }
      .purchase .purchase__address .address__box .address__email .email__link {
        color: #0278ff; }
  .purchase .partners {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding-bottom: 49px; }
    .purchase .partners .partners__elem {
      width: calc(20% - 10px);
      display: flex;
      align-items: flex-start;
      font-size: 16px;
      line-height: 1.13;
      color: #2d3039; }
      .purchase .partners .partners__elem:first-child .partners__title {
        line-height: 1.56;
        font-size: 18px;
        margin-left: 0;
        font-weight: bold; }
      .purchase .partners .partners__elem .partners__title {
        margin-left: 12px; }
        .purchase .partners .partners__elem .partners__title .partners__title__link {
          color: #0278ff; }

.section__footer {
  font-family: "ProximaNova";
  background: #424040; }
  .section__footer .footer {
    padding-top: 45px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding-bottom: 119px; }
    .section__footer .footer .footer__content {
      font-size: 13px;
      color: #fff; }
      .section__footer .footer .footer__content .footer__rules {
        display: flex;
        margin-top: 10px; }
        .section__footer .footer .footer__content .footer__rules .rules__link {
          color: #fff; }
        .section__footer .footer .footer__content .footer__rules .private__policy {
          margin-left: 5px; }
          .section__footer .footer .footer__content .footer__rules .private__policy .private__link {
            color: #fff; }

.section__banner {
  padding: 50px 0; }
  .section__banner .container {
    justify-content: center;
    align-items: center;
    overflow: hidden;
    max-width: 100%; }
  .section__banner .banner {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 900px;
    height: 300px; }
    .section__banner .banner img {
      max-width: 100%;
      min-width: 100%; }

.section__scroll {
  background-color: #f6f6f6; }
  .section__scroll .scroll {
    padding-top: 28px;
    padding-bottom: 55px; }
    .section__scroll .scroll .scroll__content {
      display: flex;
      justify-content: space-between;
      border-bottom: 1px solid #e5e5e5; }
      .section__scroll .scroll .scroll__content .scroll__list {
        width: 45%; }
        .section__scroll .scroll .scroll__content .scroll__list .list__item {
          margin-top: 29px;
          position: relative;
          z-index: 99; }
          .section__scroll .scroll .scroll__content .scroll__list .list__item:first-child {
            margin-top: 0; }
          .section__scroll .scroll .scroll__content .scroll__list .list__item .item__badge {
            display: inline-block;
            font-size: 13px;
            text-transform: uppercase;
            padding: 5px 9px;
            line-height: 2;
            color: #183e69;
            border-radius: 3px;
            border: solid 1px #183e69;
            margin-bottom: 11px;
            cursor: pointer; }
          .section__scroll .scroll .scroll__content .scroll__list .list__item .item__desc {
            font-size: 18px;
            line-height: 1.44;
            color: #435466;
            position: relative;
            text-decoration: underline; }
            .section__scroll .scroll .scroll__content .scroll__list .list__item .item__desc:hover {
              text-decoration: none; }
            .section__scroll .scroll .scroll__content .scroll__list .list__item .item__desc:after {
              content: "";
              position: absolute;
              width: 80px;
              height: 1px;
              top: 15px;
              right: -80px;
              background-color: #183e69;
              opacity: 0.5;
              z-index: 99;
              display: none; }
          .section__scroll .scroll .scroll__content .scroll__list .list__item.active .item__desc {
            font-size: 22px;
            font-weight: 500;
            line-height: 1.18;
            text-decoration: none; }
            .section__scroll .scroll .scroll__content .scroll__list .list__item.active .item__desc:after {
              display: block; }
          .section__scroll .scroll .scroll__content .scroll__list .list__item.active .item__badge {
            transition: 0.3s;
            background-color: #183e69;
            color: #fff; }
        .section__scroll .scroll .scroll__content .scroll__list .scroll__list__desc {
          font-size: 18px;
          line-height: 1.67;
          color: #2d3039;
          margin-top: 16px;
          padding-bottom: 14px; }
      .section__scroll .scroll .scroll__content .scroll__main__content {
        width: 55%;
        margin-left: 37px;
        display: flex; }
        .section__scroll .scroll .scroll__content .scroll__main__content .main__content__list {
          height: 963px;
          overflow: hidden; }
          .section__scroll .scroll .scroll__content .scroll__main__content .main__content__list::-webkit-scrollbar {
            display: none; }
          .section__scroll .scroll .scroll__content .scroll__main__content .main__content__list .content__elem {
            display: flex;
            flex-direction: column;
            scroll-behavior: smooth;
            position: relative;
            transition: 0.4s; }
            .section__scroll .scroll .scroll__content .scroll__main__content .main__content__list .content__elem .list__elem {
              font-size: 0; }
              .section__scroll .scroll .scroll__content .scroll__main__content .main__content__list .content__elem .list__elem img {
                max-width: 100%; }
        .section__scroll .scroll .scroll__content .scroll__main__content .main__content__right {
          height: 963px;
          overflow: hidden; }
          .section__scroll .scroll .scroll__content .scroll__main__content .main__content__right img {
            max-width: 100%; }
    .section__scroll .scroll .payment__content {
      max-width: 980px;
      margin: 57px auto 0; }
      .section__scroll .scroll .payment__content .payment__content__title {
        font-size: 35px;
        color: #2d3039;
        text-align: center; }
      .section__scroll .scroll .payment__content .payment__table {
        margin-top: 57px;
        border-collapse: collapse; }
        .section__scroll .scroll .payment__content .payment__table.active {
          display: block; }
        .section__scroll .scroll .payment__content .payment__table tr:first-child td {
          padding-top: 0; }
        .section__scroll .scroll .payment__content .payment__table tr:last-child td:after {
          display: none; }
        .section__scroll .scroll .payment__content .payment__table tr > td {
          width: 251px;
          padding-right: 23px;
          padding-top: 14px;
          vertical-align: top;
          padding-bottom: 13px;
          box-sizing: content-box; }
          .section__scroll .scroll .payment__content .payment__table tr > td:nth-child(1) {
            border-right: 1px solid #d1d1d1;
            padding-right: 22px;
            border-bottom: none;
            position: relative; }
            .section__scroll .scroll .payment__content .payment__table tr > td:nth-child(1):after {
              content: "";
              position: absolute;
              width: 90%;
              height: 1px;
              background-color: #d1d1d1;
              left: 0;
              bottom: 0; }
          .section__scroll .scroll .payment__content .payment__table tr > td:nth-child(2) {
            width: 265px;
            border-left: 1px solid #d1d1d1;
            /*border-right: 1px solid #d1d1d1;*/
            padding-left: 35px;
            padding-right: 22px;
            border-bottom: none;
            position: relative; }
            .section__scroll .scroll .payment__content .payment__table tr > td:nth-child(2):after {
              content: "";
              position: absolute;
              width: 75%;
              height: 1px;
              background-color: #d1d1d1;
              left: 50%;
              bottom: 0;
              transform: translate(-50%); }
          .section__scroll .scroll .payment__content .payment__table tr > td:nth-child(3) {
            padding-left: 36px;
            position: relative; }
            .section__scroll .scroll .payment__content .payment__table tr > td:nth-child(3):after {
              content: "";
              position: absolute;
              width: 75%;
              height: 1px;
              background-color: #d1d1d1;
              left: 50%;
              bottom: 0;
              transform: translate(-50%); }
          .section__scroll .scroll .payment__content .payment__table tr > td .table__data__title {
            display: flex;
            font-size: 22px;
            font-weight: 500;
            line-height: 1.23;
            color: #183e69; }
            .section__scroll .scroll .payment__content .payment__table tr > td .table__data__title .data__title__pic {
              padding-right: 10px; }
          .section__scroll .scroll .payment__content .payment__table tr > td .table__data__desc {
            padding-top: 30px;
            font-size: 16px;
            color: #2d3039;
            min-height: 85px;
            line-height: 1.38; }
            .section__scroll .scroll .payment__content .payment__table tr > td .table__data__desc span {
              display: block; }
.section__scroll .scroll__button {
    margin-bottom: 40px;
}
.section__order {
  padding-top: 53px;
  color: #000;
    margin-bottom: 40px;
	padding-bottom: 40px;
}

.section__order .order .order__title {
    font-size: 35px;
    color: #2d3039;
    text-align: center;
}

.section__order .order .order__title span {
  display: block;
}

.section__order .order .order__desc {
  font-size: 18px;
  line-height: 1.44;
  text-align: center;
  padding: 23px 0;
  color: #435466;

}

.section__order .order .order__desc span {
  display: block;
}

.section__order .order .order__form {
  margin-top: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.section__order .order .order__form .form__label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 14px;
  text-transform: uppercase;
  width: 30%;
  margin-right: 10px;
}

.section__order .order .order__form .form__label .form__input {
  height: 50px;
  margin-top: 6px;
  padding-left: 20px;
  font-size: 16px;
  border: 1px solid #666;
  border-radius: 3px;
}

.section__order .order .order__form .form__button {
  padding: 0;
  min-width: 300px;
  font-size: 18px;
  color: #fff;
  width: 300px;
  height: 50px;
  background-color: #183e69;
  border-radius: 3px;
  margin-left: 20px;
}

.section__order .order .order__private {
  margin-top: 5px;
  text-align: right;
}

.section__order .order .order__private .order__link {
  font-size: 10px;
}

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