@font-face {
  font-family: 'Commissioner', sans-serif; }
* {
  position: relative;
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

a, button, span {
  display: inline-block; }

input, textarea {
  display: block;
  width: 100%; }

table {
  width: 100%;
  border-collapse: collapse; }

a {
  background-color: transparent;
  text-decoration: none; }

img {
  border: none;
  max-width: 100%;
  height: auto; }

a, button {
  outline: 0;
  cursor: pointer; }

li {
  list-style: none; }

button {
  background: 0 0;
  border: none; }

a, button, input, textarea {
  color: #000;
  font-weight: inherit;
  -webkit-appearance: none;
  transition: all .5s ease; }

:after, :before {
  box-sizing: border-box; }

textarea {
  resize: none;
  outline: 0;
  border: none;
  -webkit-appearance: none;
  border-radius: 0;
  background: 0 0; }

input {
  outline: 0;
  border: none;
  -webkit-appearance: none;
  border-radius: 0;
  background: 0 0; }

input[type=number] {
  -moz-appearance: textfield; }

input::-webkit-inner-spin-button, input::-webkit-outer-spin-button {
  -webkit-appearance: none; }

input[type=submit] {
  cursor: pointer;
  -webkit-appearance: none;
  display: inline-block; }

input[type=search]::-webkit-search-cancel-button {
  background: 0 0;
  display: none; }

.text-align-left {
  text-align: left; }

.text-align-center {
  text-align: center; }

.text-align-right {
  text-align: right; }

.full-img img {
  width: 100%; }

figure {
  text-align: center;
  margin-bottom: 30px;
  margin-top: 5px;
  font-size: .75em;
  opacity: .8; }

[hidden] {
  display: none !important; }

.img-full {
  width: 100%; }

.clearfix:after {
  content: '';
  clear: both;
  display: block; }

h1, .h1 {
  font-weight: 700;
  font-size: 65px;
  line-height: 100%;
  margin: 0 0 36px 0; }
  @media (max-width: 1023px) {
    h1, .h1 {
      font-size: 50px;
      margin-bottom: 20px; } }
  @media (max-width: 767px) {
    h1, .h1 {
      font-size: 40px;
      text-align: center; } }

h2, .h2 {
  font-weight: 700;
  font-size: 55px;
  line-height: 100%;
  margin-bottom: 100px;
  text-align: center; }
  @media (max-width: 1023px) {
    h2, .h2 {
      margin-bottom: 60px;
      font-size: 42px; } }
  @media (max-width: 767px) {
    h2, .h2 {
      font-size: 30px;
      text-align: center;
      margin-bottom: 40px; } }

h3, .h3 {
  font-weight: 700;
  font-size: 40px;
  line-height: 110%;
  margin-bottom: 20px; }
  @media (max-width: 1023px) {
    h3, .h3 {
      font-size: 32px; } }
  @media (max-width: 767px) {
    h3, .h3 {
      font-size: 30px;
      text-align: center; } }

.subtitle {
  font-weight: 300;
  font-size: 17px;
  line-height: 130%;
  margin-bottom: 24px; }
  @media (max-width: 1023px) {
    .subtitle {
      font-size: 16px; } }
  @media (max-width: 767px) {
    .subtitle {
      text-align: center; } }

.text {
  margin-bottom: 32px; }
  .text > * + * {
    margin-top: 16px; }

body {
  font-family: "Commissioner", sans-serif;
  color: #000;
  font-style: normal;
  font-weight: 400;
  background: #fff;
  font-size: 16px; }

.wrapper {
  width: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  min-height: 100vh; }

header {
  width: 100%; }

main {
  flex: auto;
  display: block; }

footer {
  margin: auto auto 0 auto;
  width: 100%; }

.container,
.container-fluid {
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
  z-index: 2; }

.container {
  max-width: 1154px; }

.container-fluid {
  max-width: 1920px; }

.fancybox-navigation {
  position: static; }

.swiper-button {
  outline: none;
  border-radius: 10px;
  background-color: #ed246c;
  background-size: 13px;
  width: 49px;
  height: 49px;
  background-repeat: no-repeat;
  background-position: center; }
  .swiper-button.swiper-button-prev {
    background-image: url(../img/prev.svg); }
  .swiper-button.swiper-button-next {
    background-image: url(../img/next.svg); }
  .swiper-button:before, .swiper-button:after {
    display: none; }

.swiper-pagination {
  position: absolute;
  width: 100%;
  text-align: center;
  margin-top: 50px; }
  .swiper-pagination .swiper-pagination-bullet {
    opacity: 1;
    outline: none; }

.slider-btn {
  display: flex; }
  @media (max-width: 767px) {
    .slider-btn {
      justify-content: center; } }
  .slider-btn .swiper-button {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    margin: 0; }
    .slider-btn .swiper-button + .swiper-button {
      margin-left: 10px; }

.btn {
  text-align: center;
  outline: none; }
  .btn-primary {
    color: #fff;
    padding: 15px 30px;
    background: #ed246c;
    border-radius: 10px;
    font-size: 20px;
    font-weight: 700;
    border: 1px solid #CF1256;
    box-shadow: 0px 4px 4px rgba(60, 40, 86, 0.16); }
    @media (max-width: 767px) {
      .btn-primary {
        font-size: 16px; } }
    .btn-primary:hover {
      transform: translateY(3px);
      box-shadow: 0px 8px 16px rgba(60, 40, 86, 0.26); }
  .btn-arrow {
    padding-right: 30px;
    display: block;
    text-align: left; }
    .btn-arrow:after {
      content: '';
      width: 9px;
      height: 16px;
      background: url(../img/btn-arrow.svg) no-repeat center;
      bottom: 8px;
      position: absolute;
      right: 0;
      top: 50%;
      margin-top: -8px;
      transition: .5s; }
  .btn:hover .btn-arrow:after {
    transform: translateX(6px); }

.header {
  background: #fff; }
  .header .container {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    @media (max-width: 1023px) {
      .header .container {
        justify-content: center;
        padding-top: 20px;
        padding-bottom: 20px; } }
    @media (max-width: 767px) {
      .header .container {
        padding-top: 16px;
        padding-bottom: 16px; } }

.logo img {
  width: 193px; }
  @media (max-width: 767px) {
    .logo img {
      width: 158px; } }

.menu {
  display: flex; }
  @media (max-width: 1023px) {
    .menu {
      display: none; } }
  .menu li {
    margin-left: 50px; }
  .menu a {
    color: #1B1D2D;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 36px 0; }
    .menu a:before {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      height: 0;
      background: #C51F5A;
      transition: .5s; }
    .menu a.current {
      font-weight: 700; }
      .menu a.current:before {
        height: 5px; }

.section-home {
  padding: 62px 0 29px 0;
  color: #fff;
  background: url(../img/home-bg.jpg) no-repeat center;
  background-size: cover; }
  @media (max-width: 1023px) {
    .section-home {
      padding: 60px 0 30px 0; } }
  @media (max-width: 767px) {
    .section-home {
      padding: 40px 0; } }

.home {
  display: flex;
  align-items: center;
  justify-content: space-between; }
  @media (max-width: 767px) {
    .home {
      display: block; } }
  .home-text {
    width: 60%; }
    @media (max-width: 767px) {
      .home-text {
        width: 100%;
        text-align: center;
        margin-bottom: 36px; } }
  .home-img {
    width: 40%;
    text-align: center; }
    @media (max-width: 767px) {
      .home-img {
        width: 100%; } }
    .home-img img {
      max-height: 70vh; }
      @media (max-width: 767px) {
        .home-img img {
          max-width: 280px; } }
  .home-subtitle {
    font-weight: 400;
    font-size: 24px;
    line-height: 29px;
    margin-bottom: 42px; }
    @media (max-width: 1023px) {
      .home-subtitle {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 20px; } }
    @media (max-width: 767px) {
      .home-subtitle {
        text-align: center;
        margin-bottom: 16px; } }
  .home .btn {
    width: 380px;
    max-width: 100%;
    margin-bottom: 35px; }
    @media (max-width: 767px) {
      .home .btn {
        margin-bottom: 16px; } }
  .home-note {
    font-size: 12px;
    line-height: 15px; }

.section-invest {
  background: #3a2b65;
  padding: 30px 0; }

.invest {
  display: flex;
  align-items: center;
  justify-content: space-between; }
  @media (max-width: 767px) {
    .invest {
      display: block; } }
  .invest-text {
    width: 360px;
    padding-right: 30px;
    color: #fff; }
    @media (max-width: 767px) {
      .invest-text {
        padding-right: 0;
        margin-bottom: 30px; } }
  .invest-slider {
    width: calc(100% - 360px); }
    @media (max-width: 767px) {
      .invest-slider {
        width: 100%; } }
    .invest-slider .swiper-slide {
      height: auto; }
  .invest-slide {
    width: 100%;
    height: 100%;
    min-height: 280px;
    border-radius: 10px;
    padding: 24px 16px;
    background-color: #fff;
    display: flex;
    align-items: center;
    align-content: center;
    flex-direction: column;
    justify-content: center; }
    @media (max-width: 1023px) {
      .invest-slide {
        min-height: 200px; } }
    .invest-slide__content {
      width: 200px;
      max-width: 100%;
      display: flex;
      flex-direction: column;
      justify-content: space-between; }
    .invest-slide__logo {
      margin-bottom: 24px;
      text-align: center;
      height: 90px;
      display: flex;
      align-items: center;
      justify-content: center; }
      @media (max-width: 767px) {
        .invest-slide__logo {
          margin-bottom: 16px; } }
      .invest-slide__logo img {
        max-height: 100%;
        object-fit: contain; }
    .invest-slide__row {
      display: flex;
      align-items: center;
      justify-content: space-between; }
    .invest-slide__info {
      font-weight: 400;
      font-size: 14px;
      line-height: 130%;
      padding-right: 16px; }
    .invest-slide__percent {
      white-space: nowrap;
      font-weight: 700;
      font-size: 25px;
      line-height: 100%;
      padding: 4px 14px;
      color: #fff;
      border-radius: 30px;
      background: linear-gradient(90deg, #ED246C 0%, #FF6287 100%); }

.section-advantage {
  padding: 95px 0; }
  @media (max-width: 1023px) {
    .section-advantage {
      padding: 60px 0; } }

.advantage {
  display: flex;
  flex-wrap: wrap; }
  @media (max-width: 767px) {
    .advantage {
      justify-content: center; } }
  .advantage-item {
    width: 33%;
    text-align: center;
    padding: 0 15px; }
    @media (max-width: 767px) {
      .advantage-item {
        width: 100%;
        margin-bottom: 36px; }
        .advantage-item:last-child {
          margin-bottom: 0; } }
  .advantage-icon {
    width: 160px;
    height: 160px;
    margin: 0 auto 35px auto;
    background: url(../img/icon-bg.svg) no-repeat center;
    background-size: 160px;
    display: flex;
    align-items: center;
    justify-content: center; }
    @media (max-width: 1023px) {
      .advantage-icon {
        width: 120px;
        height: 120px;
        margin-bottom: 24px;
        background-size: 120px; } }
    .advantage-icon img {
      max-width: 90%;
      max-height: 90%; }
      @media (max-width: 1023px) {
        .advantage-icon img {
          width: 48px; } }
      @media (max-width: 767px) {
        .advantage-icon img {
          width: 44px; } }
  .advantage-title {
    font-weight: 600;
    font-size: 24px;
    line-height: 29px;
    margin-bottom: 12px; }
    @media (max-width: 1023px) {
      .advantage-title {
        font-size: 20px;
        line-height: 24px; } }
  .advantage p {
    font-weight: 400;
    font-size: 17px;
    line-height: 21px;
    color: #555769;
    margin: 0 auto;
    max-width: 260px; }
    @media (max-width: 1023px) {
      .advantage p {
        font-size: 15px; } }

.section-offer {
  padding: 70px 0 160px 0;
  background: url(../img/bg-blue-top-left.png) no-repeat -186px -177px, url(../img/bg-blue-center-right.png) no-repeat calc(100% - -207px) 45%, url(../img/bg-blue-bottom-left.png) no-repeat -184px calc(100% + 280px), #3A2B65; }
  @media (max-width: 1023px) {
    .section-offer {
      padding: 80px 0; } }
  @media (max-width: 767px) {
    .section-offer {
      padding: 46px 0; } }
  .section-offer h2 {
    color: #fff; }

.offer {
  margin-top: 110px; }
  .offer-logo {
    width: 268px;
    height: 125px;
    background: #FFFFFF;
    box-shadow: 0px 4px 15px rgba(66, 56, 98, 0.08);
    border-radius: 15px;
    padding: 15px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1; }
    @media (max-width: 767px) {
      .offer-logo {
        width: 198px;
        height: 94px; } }
    .offer-logo img {
      max-height: 100%; }
  .offer-content {
    background: #FFFFFF;
    border-radius: 15px;
    padding: 115px 60px 45px 60px; }
    @media (max-width: 767px) {
      .offer-content {
        padding: 80px 24px 40px 24px; } }
  .offer-title {
    text-align: center;
    font-weight: 500;
    font-size: 26px;
    line-height: 100%;
    margin-bottom: 30px; }
    @media (max-width: 767px) {
      .offer-title {
        font-size: 20px; } }
  .offer-text {
    text-align: center;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    color: #555769;
    margin: 0 auto 15px auto;
    max-width: 700px; }
  .offer-row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px; }
    @media (max-width: 767px) {
      .offer-row {
        margin: 0 -12px; } }
    .offer-row__box {
      width: calc(25% - 10px);
      margin: 5px;
      padding: 20px 30px;
      background: #F8F8FA;
      border-radius: 15px;
      font-weight: 400;
      font-size: 14px;
      line-height: 140%;
      color: #555769; }
      @media (max-width: 1023px) {
        .offer-row__box {
          width: calc(50% - 10px); } }
      @media (max-width: 767px) {
        .offer-row__box {
          padding: 16px 12px;
          margin: 2px;
          width: calc(50% - 4px);
          font-size: 13px; } }
      .offer-row__box span {
        margin-top: 3px;
        display: block;
        font-weight: 600;
        font-size: 19px;
        line-height: 140%;
        color: #141414; }
        @media (max-width: 767px) {
          .offer-row__box span {
            font-size: 16px;
            margin-top: 1px; } }
  .offer .btn {
    margin-top: 35px; }

.section-start {
  padding: 100px 0; }
  @media (max-width: 1023px) {
    .section-start {
      padding: 60px 0; } }
  @media (max-width: 767px) {
    .section-start {
      padding: 46px 0; } }

.start {
  margin: 0 -15px;
  display: flex;
  justify-content: space-between; }
  @media (max-width: 1023px) {
    .start {
      flex-wrap: wrap;
      justify-content: center; } }
  .start-item {
    padding: 0 15px;
    overflow: hidden; }
    @media (max-width: 1023px) {
      .start-item {
        width: 50%;
        margin-top: 36px; }
        .start-item:last-child {
          width: 100%; } }
    @media (max-width: 767px) {
      .start-item {
        width: 100%; } }
  .start-title {
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    margin-bottom: 15px; }
    .start-title span {
      color: #ED246C;
      display: inline; }
  .start-dot {
    width: 14px;
    height: 14px;
    background: #ED246C;
    border-radius: 50%;
    margin-bottom: 18px; }
    @media (max-width: 1023px) {
      .start-dot {
        display: none; } }
  .start p {
    max-width: 260px;
    font-size: 17px;
    line-height: 21px; }

.section-info {
  background: #F7F6FA;
  display: flex;
  justify-content: center; }
  @media (max-width: 767px) {
    .section-info {
      display: block; } }
  .section-info__bg {
    max-width: 750px;
    width: 50%;
    min-height: 100%;
    object-fit: cover;
    overflow: hidden; }
    @media (max-width: 767px) {
      .section-info__bg {
        width: 100%;
        max-height: 300px; } }
    .section-info__bg img {
      width: 100%;
      min-height: 100%;
      object-fit: cover; }
  .section-info__text {
    width: 50%;
    padding: 112px 5%;
    max-width: 790px; }
    @media (max-width: 1023px) {
      .section-info__text {
        padding: 50px 20px; } }
    @media (max-width: 767px) {
      .section-info__text {
        width: 100%; } }
  .section-info__title {
    font-weight: 700;
    font-size: 48px;
    line-height: 100%;
    margin-bottom: 30px; }
    @media (max-width: 1023px) {
      .section-info__title {
        font-size: 36px;
        margin-bottom: 24px; } }
  .section-info p {
    font-size: 17px;
    line-height: 21px;
    color: #7A7A7A; }
    @media (max-width: 1023px) {
      .section-info p {
        font-size: 15px;
        line-height: 18px; } }
  .section-info .btn-primary {
    margin-top: 30px;
    width: 380px;
    max-width: 100%; }
    @media (max-width: 1023px) {
      .section-info .btn-primary {
        margin-top: 20px; } }

.footer {
  padding: 80px 0 64px 0;
  text-align: center; }
  @media (max-width: 1023px) {
    .footer {
      padding: 46px 0; } }
  .footer-count {
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    letter-spacing: 0.02em; }
    .footer-count span {
      display: inline;
      white-space: nowrap;
      color: #ED246C; }

.copyright {
  font-size: 14px;
  line-height: 17px;
  text-align: center;
  letter-spacing: 0.02em;
  color: #828282;
  margin: 20px 0; }
  @media (max-width: 1023px) {
    .copyright {
      margin: 12px 0; } }

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