@charset "UTF-8";
* {
  margin: 0;
  padding: 0;
  list-style: none;
  text-decoration: none;
  font-family: 'Roboto Condensed', sans-serif; }

body {
  font-size: 10px; }

.container {
  width: 1136px;
  margin: 0 auto; }

input[type=range] {
  -webkit-appearance: none;
  width: 100%;
  margin-top: 40px; }

input[type=range]:focus {
  outline: none; }

input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 18px;
  cursor: pointer;
  background: #92278f;
  border-radius: 100px; }

input[type=range]::-webkit-slider-thumb {
  border: 8px solid #92278f;
  height: 42px;
  width: 42px;
  border-radius: 50px;
  background: #ffffff;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -13px; }

input[type=range]:focus::-webkit-slider-runnable-track {
  background: #a8ec6c; }

input[type=range]::-moz-range-track {
  width: 100%;
  height: 18px;
  cursor: pointer;
  background: #92278f;
  border-radius: 100px; }

input[type=range]::-moz-range-thumb {
  border: 8px solid #92278f;
  height: 42px;
  width: 42px;
  border-radius: 50px;
  background: #ffffff;
  cursor: pointer; }

input[type=range]::-ms-track {
  width: 100%;
  height: 18px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent; }

input[type=range]::-ms-fill-lower {
  background: #92e848;
  border-radius: 200px; }

input[type=range]::-ms-fill-upper {
  background: #92278f;
  border-radius: 200px; }

input[type=range]::-ms-thumb {
  border: 8px solid #92278f;
  height: 42px;
  width: 42px;
  border-radius: 50px;
  background: #ffffff;
  cursor: pointer;
  height: 18px; }

input[type=range]:focus::-ms-fill-lower {
  background: #92278f; }

input[type=range]:focus::-ms-fill-upper {
  background: #a8ec6c; }

body.popup-active {
  overflow: hidden; }

body {
  overflow: auto; }

.header {
  width: 100%;
  background: transparent;
  position: absolute;
  top: 20px;
  left: 0;
  z-index: 2; }
  .header-mobile {
    display: none; }
  .header > .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .header-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .header-trigger {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    margin-right: 56px;
    width: 24px;
    height: 15px; }
    .header-trigger span {
      background-color: #000;
      border-radius: 3px;
      height: 3px; }
      .header-trigger span:nth-child(1) {
        width: 13px; }
      .header-trigger span:nth-child(2) {
        width: 24px; }
      .header-trigger span:nth-child(3) {
        width: 20px; }
  .header-logo {
    width: 270px; }
  .header-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 95px; }
    .header-links-group {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-pack: space-between;
      -ms-flex-pack: space-between;
      justify-content: space-between;
      -webkit-box-align: flex-start;
      -ms-flex-align: flex-start;
      align-items: flex-start;
      margin-bottom: 7px; }
    .header-links-item {
      height: 21px; }
      .header-links-item:nth-child(2) {
        margin: 0 20px; }
    .header-links-text {
      font-size: 1.3em;
      font-family: "Roboto", sans-serif;
      font-weight: 300;
      color: #000; }
  .header-callback {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    font-family: "Roboto", sans-serif; }
    .header-callback-text {
      font-weight: 300;
      color: #000;
      opacity: 0.43;
      font-size: 1.3em;
      margin-bottom: 5px; }
    .header-callback-phone {
      font-size: 1.5em;
      margin-bottom: 10px;
      font-weight: 700;
      color: #000; }
    .header-callback-trigger {
      font-weight: 400;
      color: #ff5c5c;
      font-size: 1.4em;
      cursor: pointer;
      border-bottom: 1px dotted #ff5c5c; }

.s1 {
  position: relative;
  width: 100%;
  height: 100%;
  padding-top: 120px;
  overflow: hidden; }
  .s1-bg {
    position: absolute;
    top: -300px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 120%;
    z-index: -1; }
    .s1-bg-el1 {
      position: absolute;
      top: 50%;
      left: -100px; }
    .s1-bg-additional {
      position: absolute;
      bottom: 70px;
      width: 105%;
      z-index: -1; }
  .s1-box {
    position: absolute;
    top: 50px;
    right: -400px; }
    .s1-box-item {
      position: absolute;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: flex-start;
      -ms-flex-pack: flex-start;
      justify-content: flex-start;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      width: 215px;
      color: #7c7f7a;
      font-family: "Roboto Condensed", sans-serif;
      font-size: 1.7em;
      text-align: center; }
      .s1-box-item.first {
        top: 100px;
        left: 233px; }
      .s1-box-item.second {
        top: 268px;
        left: 120px; }
        .s1-box-item-text {
          opacity: 0;
          transition: .35s ease;
        }
        .chb-plus:checked ~ .s1-box-item-text {
          opacity: 1;
        }
        .lbl_chb {
          cursor: pointer;
        }
  .s1-title {
    margin-top: 80px;
    color: #545263;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 700;
    font-size: 5.5em;
    display: inline-block; }
    .s1-title strong {
      color: #da9f78;
      font-weight: 700;
      font-style: normal; }
  .s1-subtext {
    font-weight: 400;
    font-size: 3em;
    color: #545263;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 400; }
  .s1-btn {
    margin-top: 130px;
    height: 75px;
    width: 308px;
    border: 1px solid #d270d0;
    border-radius: 1000px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    margin-bottom: 62px; }
    .s1-btn:hover span {
      -webkit-box-shadow: 0 13px 26px #8f00ff;
      box-shadow: 0 13px 26px #8f00ff; }
    .s1-btn span {
      width: 288px;
      height: 59px;
      border-radius: 1000px;
      -webkit-transition: .3s;
      -o-transition: .3s;
      transition: .3s;
      background-image: linear-gradient(  180deg ,#92278f 0%,#8f00ff 100%);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      color: #fff;
      font-family: "Roboto Condensed", sans-serif;
      font-size: 2em;
      text-shadow: 0 0 40px #539a00; }
  .s1-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start; }
    .s1-list-item {
      min-width: 280px;
      padding: 15px;
      background-image: -o-linear-gradient(179deg, #ffffff 0%, #fcfcfc 100%);
      background-image: linear-gradient(-89deg, #ffffff 0%, #fcfcfc 100%);
      border-radius: 5px;
      color: #545263;
      font-family: "Roboto", sans-serif;
      font-size: 2em;
      font-weight: 500;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-pack: flex-start;
      -ms-flex-pack: flex-start;
      justify-content: flex-start;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      .s1-list-item:first-child {
        margin-right: 35px; }
      .s1-list-item-icon {
        margin-right: 25px; }
  .s1-begin {
    width: 100%;
    height: auto;
    margin-top: 100px;
    text-align: center; }
    .s1-begin-title {
      color: #545263;
      font-family: "Roboto Condensed", sans-serif;
      font-weight: 700;
      font-size: 4.1em;
      margin-bottom: 150px;
      display: inline-block; }
      .s1-begin-title strong {
        color: #da9f78;
        font-weight: 700;
        font-style: normal; }
    .s1-begin-list {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-pack: space-between;
      -ms-flex-pack: space-between;
      justify-content: space-between;
      -webkit-box-align: flex-start;
      -ms-flex-align: flex-start;
      align-items: flex-start;
      margin-bottom: 35px; }
      .s1-begin-list-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: space-between;
        -ms-flex-pack: space-between;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
        .s1-begin-list-item-img {
          height: 260px; }
        .s1-begin-list-item-text {
          font-family: "Roboto Condensed", sans-serif;
          color: #545263;
          font-size: 2.5em;
          line-height: 3em;
          font-weight: 700;
          margin-top: 25px; }
          .s1-begin-list-item-text strong {
            color: #da9f78;
            font-style: normal; }
    .s1-begin-text {
      text-align: left;
      width: 560px;
      margin: 0 auto;
      color: #545263;
      font-size: 2em;
      font-family: "Roboto", sans-serif;
      line-height: 25px;
      font-weight: 400;
      margin-bottom: 35px; }
      .s1-begin-text strong {
        font-weight: 700; }
    .s1-begin-subtext {
      font-size: 1.7em;
      color: #545263;
      font-family: "Roboto", sans-serif;
      line-height: 25px;
      font-weight: 300; }
      .s1-begin-subtext strong {
        font-weight: 400; }

.s2 {
  width: 100%;
  height: 100%;
  padding-top: 51px;
  overflow: hidden;
  position: relative; }
  .s2-img {
    position: absolute;
    top: 133px;
    right: 75%;
    z-index: 3; }
  .s2-title {
    color: #545263;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 700;
    font-size: 5.5em;
    display: inline-block;
    margin-bottom: 48px;
    text-align: center;
    width: 100%; }
    .s2-title strong {
      color: #da9f78;
      font-weight: 700;
      font-style: normal; }
  .s2-card {
    width: 1043px;
    margin: 0 auto 103px;
    height: auto;
    padding: 43px 150px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: "Roboto", sans-serif;
    background-image: url(../img/s2-card.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start; }
    .s2-card-title {
      font-size: 2em;
      color: #545263;
      font-weight: 400;
      margin-bottom: 5px; }
    .s2-card-result {
      font-size: 5.5em;
      font-family: "Roboto Condensed", sans-serif;
      color: #da9f78;
      font-weight: 700;
      position: relative;
      z-index: 1;
      margin-bottom: 30px; }
      .s2-card-result:after {
        position: absolute;
        content: "руб";
        font-family: "Roboto Condensed", sans-serif;
        color: #da9f78;
        font-weight: 700;
        font-size: 30px; }
    .s2-card-line {
      font-size: 1.5em;
      font-family: "Roboto", sans-serif;
      font-weight: 400;
      margin-bottom: 10px;
      line-height: 1;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-pack: flex-start;
      -ms-flex-pack: flex-start;
      justify-content: flex-start;
      -webkit-box-align: flex-end;
      -ms-flex-align: flex-end;
      align-items: flex-end; }
      .s2-card-line.medium .s2-card-line-dashed {
        width: 77px; }
      .s2-card-line-text {
        color: #545263; }
      .s2-card-line-result {
        color: #da9f78;
        font-style: normal;
        font-weight: 500; }
      .s2-card-line-dashed {
        border: 1px dashed #545263;
        margin: 0 3px 0;
        opacity: 0.3;
        width: 101px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transform: translateY(-3px);
        -ms-transform: translateY(-3px);
        transform: translateY(-3px); }
    .s2-card input[type=range] {
      position: relative;
      margin-bottom: 40px; }
      .s2-card input[type=range]:before {
        position: absolute;
        color: #545263;
        font-size: 15px;
        font-weight: 400;
        font-family: "Roboto", sans-serif;
        content: "15 000 руб";
        bottom: -25px; }
      .s2-card input[type=range]:after {
        position: absolute;
        color: #545263;
        font-size: 15px;
        font-weight: 400;
        font-family: "Roboto", sans-serif;
        content: "150 000 руб";
        bottom: -25px;
        right: 0; }
    .s2-card-btn {
      height: 75px;
      width: 335px;
      border: 1px solid #d270d0;
      border-radius: 1000px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      cursor: pointer;
      margin: 0 auto 15px; }
      .s2-card-btn:hover span {
        -webkit-box-shadow: 0 13px 26px #8f00ff;
        box-shadow: 0 13px 26px #8f00ff; }
      .s2-card-btn span {
        width: 311px;
        height: 59px;
        border-radius: 1000px;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
        background-image: linear-gradient(  180deg ,#92278f 0%,#8f00ff 100%);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        color: #fff;
        font-family: "Roboto Condensed", sans-serif;
        font-size: 2em;
        text-shadow: 0 0 40px #539a00; }
    .s2-card-subtext {
      font-size: 1.2em;
      color: #7c7f7a;
      font-family: "Roboto", sans-serif;
      font-weight: 400px;
      text-align: center;
      margin: 0 auto; }
  .s2-categories {
    margin-top: 30px;
    margin-bottom: 50px;
    position: relative; }
    .s2-categories-bg {
      position: absolute;
      left: -40%;
      top: 0; }
    .s2-categories-content {
      width: 958px;
      margin: 0 auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-pack: space-between;
      -ms-flex-pack: space-between;
      justify-content: space-between;
      -webkit-box-align: flex-end;
      -ms-flex-align: flex-end;
      align-items: flex-end;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      padding-left: 20px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      position: relative; }
      .s2-categories-content-stripe {
        position: absolute;
        height: 100%;
        top: 0;
        left: -30px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: space-between;
        -ms-flex-pack: space-between;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
        .s2-categories-content-stripe .stripe {
          height: 40%;
          width: 1px;
          background: #cddae8; }
        .s2-categories-content-stripe .text {
          color: #cddae8;
          font-family: "Roboto", sans-serif;
          font-size: 1.3em;
          font-weight: 400;
          -webkit-transform: rotate(270deg);
          -ms-transform: rotate(270deg);
          transform: rotate(270deg); }
    .s2-categories-item {
      width: 192px;
      height: 275px;
      border-radius: 5px;
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: space-between;
      -ms-flex-pack: space-between;
      justify-content: space-between;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-transition: .3s;
      -o-transition: .3s;
      transition: .3s;
      background-image: -webkit-gradient(linear, left top, left bottom, from(#ffb2b4), to(#ff405b));
      background-image: -o-linear-gradient(top, #ffb2b4 0%, #ff405b 100%);
      background-image: linear-gradient(180deg, #ffb2b4 0%, #ff405b 100%); }
      .s2-categories-item:nth-child(4), .s2-categories-item:nth-child(2), .s2-categories-item:nth-child(3), .s2-categories-item:nth-child(5) {
        margin-bottom: 25px; }
      .s2-categories-item:hover {
        -webkit-transform: scaleY(1.05) translateY(-2.5%);
        -ms-transform: scaleY(1.05) translateY(-2.5%);
        transform: scaleY(1.05) translateY(-2.5%);
        z-index: 5; }
        .s2-categories-item:hover .s2-categories-item-bg {
          z-index: 3; }
        .s2-categories-item:hover .s2-categories-item-btn {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex; }
      .s2-categories-item-title {
        margin: 13px auto;
        color: #ffffff;
        font-family: "Roboto", sans-serif;
        font-size: 1.7em;
        font-weight: 700;
        text-align: center;
        z-index: 4; }
      .s2-categories-item img {
        position: absolute;
        bottom: 0;
        width: auto;
        z-index: 3; }
      .s2-categories-item-bg {
        z-index: 2;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#ffb2b4), to(#ff405b));
        background-image: -o-linear-gradient(top, #ffb2b4 0%, #ff405b 100%);
        background-image: linear-gradient(180deg, #ffb2b4 0%, #ff405b 100%);
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        border-radius: 5px;
        opacity: 0.5;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s; }
      .s2-categories-item-btn {
        z-index: 4;
        margin-bottom: 18px;
        border: 2px solid #ffffff;
        border-radius: 1000px;
        width: 126px;
        height: 33px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-family: "Roboto", sans-serif;
        color: #ffffff;
        font-size: 1.5em;
        font-weight: 400;
        display: none;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
        cursor: pointer; }
  .s2-colors {
    margin-bottom: 80px; }
    .s2-colors-content {
      width: 958px;
      margin: 0 auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-pack: space-between;
      -ms-flex-pack: space-between;
      justify-content: space-between;
      -webkit-box-align: flex-end;
      -ms-flex-align: flex-end;
      align-items: flex-end;
      padding-left: 20px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      position: relative; }
      .s2-colors-content-stripe {
        position: absolute;
        height: 100%;
        top: 0;
        left: -30px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: space-between;
        -ms-flex-pack: space-between;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
        .s2-colors-content-stripe .stripe {
          height: 40%;
          width: 1px;
          background: #cddae8; }
        .s2-colors-content-stripe .text {
          color: #cddae8;
          font-family: "Roboto", sans-serif;
          font-size: 1.3em;
          font-weight: 400;
          -webkit-transform: rotate(270deg);
          -ms-transform: rotate(270deg);
          transform: rotate(270deg); }
    .s2-colors-item {
      width: 422px;
      height: 274px;
      position: relative;
      background-color: #f7f7f7;
      border-radius: 5px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: space-between;
      -ms-flex-pack: space-between;
      justify-content: space-between;
      -webkit-box-align: flex-start;
      -ms-flex-align: flex-start;
      align-items: flex-start; }
      .s2-colors-item:last-child .s2-colors-item-bg {
        bottom: 0;
        right: 0; }
      .s2-colors-item-title {
        margin-top: 22px;
        margin-left: 34px;
        color: #545263;
        font-family: "Roboto", sans-serif;
        font-size: 2.2em;
        font-weight: 700; }
      .s2-colors-item-btn {
        height: 33px;
        border-radius: 1000px;
        background-color: #ffffff;
        padding: 8px 23px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        text-align: center;
        color: #545263;
        font-family: "Roboto", sans-serif;
        font-size: 1.5em;
        font-weight: 400;
        margin: 0 auto 20px;
        z-index: 1;
        cursor: pointer; }
      .s2-colors-item-bg {
        position: absolute; }

.s3 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  padding-bottom: 250px; }
  .s3 > .container {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start; }
  .s3-title {
    color: #545263;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 700;
    font-size: 5.5em;
    text-align: left;
    display: block;
    margin: 0 auto 120px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    position: relative; }
    .s3-title strong {
      color: #da9f78;
      font-weight: 700;
      font-style: normal; }
  .s3-notation {
    color: #545263;
    font-size: 13px;
    font-weight: 300;
    font-family: "Roboto", sans-serif;
    position: absolute;
    right: 0;
    top: 0;
    width: 177px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start; }
    .s3-notation p {
      width: 160px; }
    .s3-notation svg {
      margin-top: 3px; }
  .s3-bg {
    position: absolute;
    top: 100px;
    left: 0; }
  .s3-tulip {
    position: absolute;
    left: -20%;
    top: 0; }
  .s3-download {
    position: absolute;
    right: 200px;
    top: 120px; }
    .s3-download-link {
      position: relative;
      overflow: hidden; }
      .s3-download-link a {
        opacity: 0;
        width: 100vw;
        height: 100vh;
        position: absolute;
        left: 0;
        top: 0; }
      .s3-download-link span {
        background-color: #ffffff;
        -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
        box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
        padding: 6px 18px;
        font-size: 13px;
        color: #545263;
        font-family: "Roboto", sans-serif;
        font-weight: 400; }
  .s3-form {
    width: 420px;
    padding: 45px 32px 55px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-image: url(../img/s3-form.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .s3-form-title {
      color: #545263;
      font-family: "Roboto Condensed", sans-serif;
      font-weight: 700;
      font-size: 2.5em;
      text-align: left;
      display: block;
      margin: 0 auto 25px;
      text-align: left; }
      .s3-form-title strong {
        color: #da9f78;
        font-weight: 700;
        font-style: normal; }
    .s3-form-input {
      width: 100%;
      height: 58px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      border-radius: 1000px;
      border: 2px solid #cddae8;
      padding: 20px 30px;
      font-size: 13px;
      color: #7c7f7a;
      font-family: "Roboto", sans-serif;
      font-weight: 400;
      margin-bottom: 17px; }
      .s3-form-input::-webkit-input-placeholder {
        font-size: 13px;
        color: #7c7f7a;
        font-family: "Roboto", sans-serif;
        font-weight: 400; }
      .s3-form-input::-moz-placeholder {
        font-size: 13px;
        color: #7c7f7a;
        font-family: "Roboto", sans-serif;
        font-weight: 400; }
      .s3-form-input:-ms-input-placeholder {
        font-size: 13px;
        color: #7c7f7a;
        font-family: "Roboto", sans-serif;
        font-weight: 400; }
      .s3-form-input::-ms-input-placeholder {
        font-size: 13px;
        color: #7c7f7a;
        font-family: "Roboto", sans-serif;
        font-weight: 400; }
      .s3-form-input::placeholder {
        font-size: 13px;
        color: #7c7f7a;
        font-family: "Roboto", sans-serif;
        font-weight: 400; }
    .s3-form-btn {
      height: 75px;
      width: 100%;
      border: 1px solid #d270d0;
      border-radius: 1000px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      cursor: pointer;
      margin-bottom: 15px;
      background: transparent; }
      .s3-form-btn:hover span {
        -webkit-box-shadow: 0 13px 26px #8f00ff;
        box-shadow: 0 13px 26px #8f00ff; }
      .s3-form-btn span {
        width: 336px;
        height: 59px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border-radius: 1000px;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#92278f), to(#8f00ff));
        background-image: -o-linear-gradient(top, #92278f 0%, #8f00ff 100%);
        background-image: linear-gradient(180deg, #92278f 0%, #8f00ff 100%);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        color: #fff;
        font-family: "Roboto Condensed", sans-serif;
        font-size: 20px;
        text-shadow: 0 0 40px #539a00; }
    .s3-form-subtext {
      font-size: 13px;
      font-weight: 400;
      opacity: 0.7;
      font-family: "Roboto", sans-serif;
      width: 220px;
      text-align: center;
      color: #7c7f7a; }
      .s3-form-subtext span {
        color: #92278f; }

.s4 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  padding-bottom: 62px; }
  .s4 > .container {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start; }
  .s4-title {
    color: #545263;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 700;
    font-size: 5.5em;
    text-align: left;
    display: block;
    margin: 0 0 60px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    position: relative; }
    .s4-title strong {
      color: #da9f78;
      font-weight: 700;
      font-style: normal; }
  .s4-bg {
    position: absolute;
    top: 50px;
    left: 0; }
  .s4-list {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .s4-list-item {
      max-width: 384px;
      margin-right: 90px;
      margin-bottom: 98px; }
      .s4-list-item-title {
        margin-bottom: 13px;
        color: #545263;
        font-family: "Roboto Condensed", sans-serif;
        font-weight: 700;
        font-size: 2.5em;
        text-align: left;
        display: block;
        position: relative; }
        .s4-list-item-title strong {
          color: #da9f78;
          font-weight: 700;
          font-style: normal; }
      .s4-list-item-text {
        font-family: "Roboto", sans-serif;
        color: #545263;
        font-size: 1.7em;
        font-weight: 400;
        line-height: 25px; }
  .s4-single {
    width: 748px;
    margin: 0 auto 100px;
    padding: 7px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 10px 50px #f0f0f0;
    box-shadow: 0 10px 50px #f0f0f0;
    border-radius: 10px;
    background: #fff;
    position: relative; }
    .s4-single:after {
      position: absolute;
      width: 382px;
      height: 220px;
      content: "";
      background-image: url(../img/s4-grid.png);
      background-size: cover;
      top: -66px;
      right: -50px;
      z-index: -1; }
    .s4-single-content {
      position: relative;
      padding: 20px 20px 30px 263px;
      border-radius: 10px;
      border: 1px solid #cddae8;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: flex-start;
      -ms-flex-pack: flex-start;
      justify-content: flex-start;
      -webkit-box-align: flex-start;
      -ms-flex-align: flex-start;
      align-items: flex-start; }
    .s4-single-img {
      position: absolute;
      bottom: 0;
      left: -40px; }
    .s4-single-title {
      margin-bottom: 9px;
      color: #545263;
      font-family: "Roboto Condensed", sans-serif;
      font-weight: 700;
      font-size: 2.5em;
      text-align: left;
      display: block;
      position: relative; }
      .s4-single-title strong {
        color: #da9f78;
        font-weight: 700;
        font-style: normal; }
    .s4-single-text {
      color: #545263;
      font-family: "Roboto", sans-serif;
      font-weight: 400;
      font-size: 1.7em; }
      .s4-single-text strong {
        font-weight: 500; }
      .s4-single-text span {
        font-weight: 500;
        color: #da9f78; }
  .s4-btn {
    height: 75px;
    width: 308px;
    border: 1px solid #d270d0;
    border-radius: 1000px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    cursor: pointer;
    background: transparent; }
    .s4-btn:hover span {
      -webkit-box-shadow: 0 13px 26px #8f00ff;
      box-shadow: 0 13px 26px #8f00ff; }
    .s4-btn span {
      width: 288px;
      height: 59px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      border-radius: 1000px;
      -webkit-transition: .3s;
      -o-transition: .3s;
      transition: .3s;
      background-image: linear-gradient(  180deg ,#92278f 0%, #8f00ff 100%);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      color: #fff;
      font-family: "Roboto Condensed", sans-serif;
      font-size: 20px;
      text-shadow: 0 0 40px #539a00; }

.s5 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative; }
  .s5 > .container {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start; }
  .s5-title {
    color: #545263;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 700;
    font-size: 4.1em;
    text-align: left;
    display: block;
    margin: 0 auto 100px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    position: relative; }
    .s5-title strong {
      color: #da9f78;
      font-weight: 700;
      font-style: normal; }
  .s5-bg {
    position: absolute;
    top: 100px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%); }
  .s5-list {
    width: 630px;
    margin: 0 auto 37px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start; }
    .s5-list-item {
      padding: 9px;
      border: 3px solid #cddae8;
      border-radius: 10px;
      background-color: #ffffff;
      width: 300px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      font-family: "Roboto", sans-serif; }
      .s5-list-item.second {
        
        border: 3px solid #f8c39f; }
      .s5-list-item-content {
        width: 100%;
        height: 100%;
        border-radius: 10px;
        border: 1px solid #cddae8;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 9px 0 15px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: flex-start;
        -ms-flex-pack: flex-start;
        justify-content: flex-start;
        -webkit-box-align: flex-start;
        -ms-flex-align: flex-start;
        align-items: flex-start; }
      .s5-list-item-title {
        margin-bottom: 13px;
        font-size: 2em;
        color: #545263;
        font-weight: 700;
        margin: 0 auto 13px; }
      .s5-list-item-line {
        margin-left: 32px;
        margin-bottom: 11px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: flex-start;
        -ms-flex-pack: flex-start;
        justify-content: flex-start;
        -webkit-box-align: flex-start;
        -ms-flex-align: flex-start;
        align-items: flex-start; }
        .s5-list-item-line-text {
          margin-left: 9px;
          font-size: 1.5em;
          color: #545263;
          font-weight: 400;
          margin-top: 3px; }
        .s5-list-item-line-subtext {
          color: rgba(84, 82, 99, 0.5);
          font-size: 13px; }
      .s5-list-item-stripe {
        width: 100%;
        height: 1px;
        background: #cddae8;
        position: relative; }
        .s5-list-item-stripe:after {
          position: absolute;
          content: "";
          height: 2px;
          background: #da9f78;
          width: 80px;
          top: -1px;
          left: 50%;
          -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
          transform: translateX(-50%); }
      .s5-list-item-price {
        margin: 18px auto 24px;
        color: #545263;
        font-size: 15px;
        font-weight: 400; }
        .s5-list-item-price strong {
          font-size: 20px;
          font-weight: 700;
          font-family: "Roboto Condensed", sans-serif; }
      .s5-list-item-btn {
        height: 51px;
        width: 214px;
        border: 1px solid #d270d0;
        border-radius: 1000px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 0 auto;
        cursor: pointer;
        background: transparent; }
        .s5-list-item-btn:hover span {
          -webkit-box-shadow: 0 13px 26px #8f00ff;
          box-shadow: 0 13px 26px #8f00ff; }
        .s5-list-item-btn span {
          width: 200px;
          height: 43px;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          border-radius: 1000px;
          -webkit-transition: .3s;
          -o-transition: .3s;
          transition: .3s;
          background-image: linear-gradient(  180deg ,#92278f 0%,#8f00ff 100%);
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: row;
          flex-direction: row;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          color: #fff;
          font-family: "Roboto Condensed", sans-serif;
          font-size: 17px;
          text-shadow: 0 0 40px #539a00; }
  .s5-btn {
    height: 75px;
    width: 308px;
    border: 1px solid #d270d0;
    border-radius: 1000px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    cursor: pointer;
    background: transparent; }
    .s5-btn:hover span {
      -webkit-box-shadow: 0 13px 26px #8f00ff;
      box-shadow: 0 13px 26px #8f00ff; }
    .s5-btn span {
      width: 288px;
      height: 59px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      border-radius: 1000px;
      -webkit-transition: .3s;
      -o-transition: .3s;
      transition: .3s;
      background-image: linear-gradient(  180deg ,#92278f 0%, #8f00ff 100%);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      color: #fff;
      font-family: "Roboto Condensed", sans-serif;
      font-size: 20px;
      text-shadow: 0 0 40px #539a00; }

.s6 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative; }
  .s6 > .container {
    position: relative;
    padding-top: 74px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start; }
  .s6-title {
    color: #545263;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 700;
    font-size: 4.1em;
    text-align: left;
    display: block;
    margin: 0 auto 100px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    position: relative; }
    .s6-title strong {
      color: #da9f78;
      font-weight: 700;
      font-style: normal; }
  .s6-bg-car {
    position: absolute;
    top: 270px;
    left: -350px; }
  .s6-bg-box {
    position: absolute;
    top: 340px;
    right: -150px; }
  .s6-bg-map {
    position: absolute;
    top: 0;
    right: -150px; }
  .s6-text {
    line-height: 20px;
    font-weight: 400;
    font-size: 1.7em;
    color: #545263;
    font-family: "Roboto", sans-serif;
    margin-left: 360px;
    width: 295px;
    margin-bottom: 165px; }
    .s6-text strong {
      font-weight: 700; }
  .s6-single {
    width: 748px;
    margin: 0 auto 100px;
    padding: 7px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 10px 50px #f0f0f0;
    box-shadow: 0 10px 50px #f0f0f0;
    border-radius: 10px;
    background: #fff;
    position: relative; }
    .s6-single:after {
      position: absolute;
      width: 382px;
      height: 220px;
      content: "";
      background-image: url(../img/s4-grid.png);
      background-size: cover;
      top: -66px;
      right: -50px;
      z-index: -1;
      display: none; }
    .s6-single-content {
      position: relative;
      padding: 20px 20px 30px 263px;
      border-radius: 10px;
      border: 1px solid #cddae8;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: flex-start;
      -ms-flex-pack: flex-start;
      justify-content: flex-start;
      -webkit-box-align: flex-start;
      -ms-flex-align: flex-start;
      align-items: flex-start; }
    .s6-single-img {
      position: absolute;
      bottom: 0;
      left: -40px; }
    .s6-single-title {
      margin-bottom: 9px;
      color: #545263;
      font-family: "Roboto Condensed", sans-serif;
      font-weight: 700;
      font-size: 2.5em;
      text-align: left;
      display: block;
      position: relative; }
      .s6-single-title strong {
        color: #da9f78;
        font-weight: 700;
        font-style: normal; }
    .s6-single-text {
      color: #545263;
      font-family: "Roboto", sans-serif;
      font-weight: 400;
      font-size: 1.7em; }
      .s6-single-text strong {
        font-weight: 500; }
      .s6-single-text span {
        font-weight: 500;
        color: #da9f78; }

.s7 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative; }
  .s7 > .container {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start; }
  .s7-title {
    color: #545263;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 700;
    font-size: 4.1em;
    text-align: left;
    display: block;
    margin: 0 auto 100px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    position: relative; }
    .s7-title strong {
      color: #da9f78;
      font-weight: 700;
      font-style: normal; }
  .s7-bg {
    position: absolute;
    top: 0;
    right: -350px; }
  .s7-label {
    position: absolute;
    top: 96px;
    left: -250px;
    z-index: 3; }
  .s7-content {
    width: 550px;
    margin: 0 auto;
    padding-left: 200px; }
  .s7-text {
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    font-family: "Roboto", sans-serif;
    color: #545263; }
    .s7-text strong {
      font-weight: 500; }
  .s7-subtitle {
    margin: 40px 0 10px;
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    font-family: "Roboto", sans-serif; }
  .s7-play {
    position: absolute;
    top: 300px;
    left: 170px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 2;
    color: #545263;
    font-size: 15px;
    font-weight: 500;
    font-family: "Roboto", sans-serif; }
    .s7-play p {
      width: 105px; }
  .s7-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    margin-top: 30px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%; }
    .s7-list.second {
      width: 67%;
      margin: 30px auto 0; }
    .s7-list-item {
      padding: 4px;
      width: 280px;
      -webkit-box-shadow: 0 3px 30px rgba(0, 0, 0, 0.02);
      box-shadow: 0 3px 30px rgba(0, 0, 0, 0.02);
      border-radius: 5px;
      background-image: -o-linear-gradient(179deg, #ffffff 0%, #fcfcfc 100%);
      background-image: linear-gradient(-89deg, #ffffff 0%, #fcfcfc 100%);
      color: #545263;
      font-family: "Roboto", sans-serif;
      font-size: 20px;
      font-weight: 300;
      line-height: 20px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
      .s7-list-item-content {
        width: 100%;
        height: 100%;
        border-radius: 5px;
        border: 1px solid #cddae8;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: space-between;
        -ms-flex-pack: space-between;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 11px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box; }
      .s7-list-item-text {
        text-align: center; }
        .s7-list-item-text strong {
          font-weight: 700; }
  .s7-btn {
    height: 75px;
    width: 308px;
    border: 1px solid #d270d0;
    border-radius: 1000px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 60px auto 0;
    cursor: pointer;
    background: transparent; }
    .s7-btn:hover span {
      -webkit-box-shadow: 0 13px 26px #8f00ff;
      box-shadow: 0 13px 26px #8f00ff; }
    .s7-btn span {
      width: 288px;
      height: 59px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      border-radius: 1000px;
      -webkit-transition: .3s;
      -o-transition: .3s;
      transition: .3s;
      background-image: linear-gradient(  180deg ,#92278f 0%,#8f00ff 100%);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      color: #fff;
      font-family: "Roboto Condensed", sans-serif;
      font-size: 20px;
      text-shadow: 0 0 40px #539a00; }

.s8 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  padding-top: 90px; }
  .s8 > .container {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start; }
  .s8-title {
    color: #545263;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 700;
    font-size: 4.1em;
    text-align: left;
    display: block;
    margin: 0 auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    position: relative; }
    .s8-title strong {
      color: #da9f78;
      font-weight: 700;
      font-style: normal; }
    .s8-title:before {
      position: absolute;
      width: 515px;
      height: 119px;
      content: "";
      background-image: url(../img/questions.png);
      background-size: cover;
      z-index: -1;
      left: -60px;
      top: -10px; }
  .s8-bg {
    position: absolute;
    top: 0;
    left: -260px; }
  .s8-text {
    font-size: 20px;
    color: #545263;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    margin-bottom: 60px;
    margin-top: 10px; }
  .s8-list {
    font-size: 1.5em;
    font-family: "Roboto", sans-serif;
    margin: 0 auto;
    font-weight: 400;
    width: 672px;
    margin-bottom: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start; }
    .s8-list-column {
      width: 326px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: flex-start;
      -ms-flex-pack: flex-start;
      justify-content: flex-start;
      -webkit-box-align: flex-start;
      -ms-flex-align: flex-start;
      align-items: flex-start; }
    .s8-list-item {
      width: 100%;
      padding: 3px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      -webkit-box-shadow: 0 0 16px rgba(205, 218, 232, 0.2);
      box-shadow: 0 0 16px rgba(205, 218, 232, 0.2);
      border-radius: 7px;
      background-color: #ffffff;
      margin-bottom: 19px;
      cursor: pointer; }
      .s8-list-item.active .s8-list-item-title {
        color: #da9f78; }
      .s8-list-item.active .s8-list-item-row svg {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0); }
      .s8-list-item.active .s8-list-item-text {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
      .s8-list-item-content {
        width: 100%;
        border: 1px solid #cddae8;
        border-radius: 7px;
        padding: 17px 18px 20px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: flex-start;
        -ms-flex-pack: flex-start;
        justify-content: flex-start;
        -webkit-box-align: flex-start;
        -ms-flex-align: flex-start;
        align-items: flex-start; }
      .s8-list-item-row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: space-between;
        -ms-flex-pack: space-between;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%; }
        .s8-list-item-row svg {
          -webkit-transform: rotate(-90deg);
          -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
          -webkit-transition: .3s;
          -o-transition: .3s;
          transition: .3s; }
      .s8-list-item-title {
        color: #545263;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s; }
      .s8-list-item-text {
        color: #545263;
        display: none;
        margin-top: 14px; }

.s9 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  padding-top: 90px; }
  .s9 > .container {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start; }
  .s9-title {
    color: #545263;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 700;
    font-size: 4.1em;
    text-align: left;
    display: block;
    margin: 0 auto 10px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    position: relative; }
    .s9-title strong {
      color: #da9f78;
      font-weight: 700;
      font-style: normal; }
  .s9-bg {
    position: absolute;
    top: -110px;
    right: -270px; }
  .s9-subtitle {
    color: #7c7f7a;
    font-size: 18px;
    font-weight: 400;
    font-family: "Roboto", sans-serif;
    margin: 0 auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-bottom: 52px; }
  .s9-form {
    width: 818px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start; }
    .s9-form-row {
      width: 100%;
      margin-bottom: 25px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-pack: space-between;
      -ms-flex-pack: space-between;
      justify-content: space-between;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
    .s9-form-input {
      width: 397px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      border-radius: 1000px;
      border: 1px solid #d270d0;
      padding: 28px 29px;
      color: #7c7f7a;
      font-size: 15px;
      font-weight: 400;
      font-family: "Roboto", sans-serif; }
      .s9-form-input::-webkit-input-placeholder {
        color: #7c7f7a;
        font-size: 15px;
        font-weight: 400;
        font-family: "Roboto", sans-serif; }
      .s9-form-input::-moz-placeholder {
        color: #7c7f7a;
        font-size: 15px;
        font-weight: 400;
        font-family: "Roboto", sans-serif; }
      .s9-form-input:-ms-input-placeholder {
        color: #7c7f7a;
        font-size: 15px;
        font-weight: 400;
        font-family: "Roboto", sans-serif; }
      .s9-form-input::-ms-input-placeholder {
        color: #7c7f7a;
        font-size: 15px;
        font-weight: 400;
        font-family: "Roboto", sans-serif; }
      .s9-form-input::placeholder {
        color: #7c7f7a;
        font-size: 15px;
        font-weight: 400;
        font-family: "Roboto", sans-serif; }
    .s9-form-btn {
      height: 75px;
      width: 397px;
      border: 1px solid #d270d0;
      border-radius: 1000px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      cursor: pointer;
      background: transparent; }
      .s9-form-btn:hover span {
        -webkit-box-shadow: 0 13px 26px #8f00ff;
        box-shadow: 0 13px 26px #8f00ff; }
      .s9-form-btn span {
        width: 377px;
        height: 59px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border-radius: 1000px;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
        background-image: linear-gradient(  180deg ,#92278f 0%,#8f00ff 100%);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        color: #fff;
        font-family: "Roboto Condensed", sans-serif;
        font-size: 20px;
        text-shadow: 0 0 40px #539a00; }
    .s9-form-text {
      color: #7c7f7a;
      font-size: 13px;
      font-family: "Roboto", sans-serif;
      font-weight: 400;
      opacity: 0.7;
      position: relative;
      text-align: center;
      width: 399px; }
      .s9-form-text span {
        color: #c1c1c1;
        font-family: "Roboto", sans-serif; }
      .s9-form-text::before {
        position: absolute;
        content: "";
        background-image: url(../img/s9-pic.png);
        width: 196px;
        height: 74px;
        background-size: cover;
        left: 0;
        top: -25px; }

.s10 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  padding-top: 90px; }
  .s10 > .container {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start; }
  .s10-title {
    color: #545263;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 700;
    font-size: 4.1em;
    text-align: left;
    display: block;
    margin: 0 auto 50px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    position: relative; }
    .s10-title strong {
      color: #da9f78;
      font-weight: 700;
      font-style: normal; }
  .s10-card {
    width: 949px;
    -webkit-box-shadow: 0 3px 16px rgba(205, 218, 232, 0.3);
    box-shadow: 0 3px 16px rgba(205, 218, 232, 0.3);
    border-radius: 30px;
    background-color: #ffffff;
    margin: 0 auto;
    height: 334px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    margin-bottom: 25px; }
    .s10-card-left {
      width: 348px;
      padding: 50px 25px 22px 35px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: flex-start;
      -ms-flex-pack: flex-start;
      justify-content: flex-start;
      -webkit-box-align: flex-start;
      -ms-flex-align: flex-start;
      align-items: flex-start; }
    .s10-card-right {
      width: 601px;
      height: 100%;
      border-radius: 0 30px 30px 0;
      -webkit-box-shadow: -50px 0 56px rgba(0, 0, 0, 0.05);
      box-shadow: -50px 0 56px rgba(0, 0, 0, 0.05);
      overflow: hidden; }
    .s10-card-item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-pack: flex-start;
      -ms-flex-pack: flex-start;
      justify-content: flex-start;
      -webkit-box-align: flex-start;
      -ms-flex-align: flex-start;
      align-items: flex-start;
      font-family: "Roboto", sans-serif;
      color: #545263;
      margin-bottom: 20px; }
      .s10-card-item-icon {
        margin-right: 22px; }
      .s10-card-item-text {
        font-size: 17px;
        font-weight: 300;
        line-height: 20px;
        color: #545263; }
      .s10-card-item-title {
        font-size: 15px;
        font-weight: 700;
        line-height: 20px; }
      .s10-card-item-callback {
        font-weight: 400;
        font-size: 14px;
        border-bottom: 1px dashed #545263;
        cursor: pointer;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content; }
    .s10-card-links {
      margin: 0 30px 0 auto;
      position: relative; }
      .s10-card-links-item:not(:last-child) {
        margin-right: 20px; }
      .s10-card-links:before {
        position: absolute;
        content: "";
        left: -275px;
        top: -30px;
        width: 320px;
        height: 81px;
        background: url(../img/s10-bg.png);
        background-size: cover; }

.footer {
  margin-bottom: 80px; }
  .footer-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
    -webkit-box-align: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
    width: 949px;
    margin: 0 auto;
    font-family: "Roboto", sans-serif;
    font-weight: 400; }
  .footer-copy {
    opacity: 0.6;
    font-size: 15px;
    color: #7c7f7a; }
  .footer-doneby {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    color: #9da1af;
    font-size: 15px; }
    .footer-doneby img {
      margin-top: 5px; }

.popup {
  width: 100%;
  min-width: 100vw;
  height: 100%;
  min-height: 100vh;
  background: rgba(255, 255, 255, 0.77);
  position: fixed;
  z-index: 100;
  top: -120vh;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  overflow-y: scroll;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s; }
  .popup.active {
    top: 0; }
  .popup-close {
    position: absolute;
    font-size: 32px;
    right: 10px;
    top: 13px;
    line-height: 15px;
    cursor: pointer; }
  .popup-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 80px;
    margin-bottom: 80px;
    position: relative;
    width: 488px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 10px;
    -webkit-box-shadow: 4px 6px 60px rgba(23, 20, 21, 0.24);
    box-shadow: 4px 6px 60px rgba(23, 20, 21, 0.24);
    background-color: #ffffff;
    padding: 67px 57px 54px;
    display: none; }
    .popup-item.active {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
    .popup-item-title {
      font-family: "Roboto Condensed", sans-serif;
      font-size: 45px;
      color: #343446;
      font-weight: 500;
      margin-bottom: 30px;
      text-transform: uppercase;
      text-align: center; }
      .popup-item-title strong {
        color: #92278f; }
    .popup-item-text {
      color: #343446;
      font-family: "Roboto", sans-serif;
      font-size: 20px;
      font-weight: 400;
      text-align: left; }
      .popup-item-text strong {
        font-weight: 700; }
      .popup-item-text ul li {
        list-style: disc;
        margin: 5px 0; }
      .popup-item-text ol li {
        list-style: decimal;
        margin: 5px 0; }
  .popup-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 80px;
    margin-bottom: 80px;
    position: relative;
    width: 488px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 10px;
    -webkit-box-shadow: 4px 6px 60px rgba(23, 20, 21, 0.24);
    box-shadow: 4px 6px 60px rgba(23, 20, 21, 0.24);
    background-color: #ffffff;
    padding: 67px 57px 54px;
    display: none; }
    .popup-form.active {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
    .popup-form-title {
      font-family: "Roboto Condensed", sans-serif;
      font-size: 45px;
      color: #343446;
      font-weight: 500;
      margin-bottom: 30px;
      text-transform: uppercase;
      text-align: center; }
      .popup-form-title strong {
        color: #92278f; }
    .popup-form-subtitle {
      opacity: 0.66;
      color: #343446;
      font-family: "Roboto", sans-serif;
      font-size: 20px;
      font-weight: 400;
      text-align: center;
      margin-bottom: 45px; }
    .popup-form-input {
      -webkit-box-shadow: 4px 6px 16px rgba(23, 20, 21, 0.15);
      box-shadow: 4px 6px 16px rgba(23, 20, 21, 0.15);
      border-radius: 31px;
      border: 1px solid #a2a2a2;
      background-color: #fff;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding: 22px 32px;
      margin-bottom: 10px;
      color: #8b8b8b;
      font-family: "Roboto Condensed", sans-serif;
      font-size: 21px;
      font-weight: 400;
      width: 100%; }
      .popup-form-input::-webkit-input-placeholder {
        color: #8b8b8b;
        font-family: "Roboto Condensed", sans-serif;
        font-size: 21px;
        font-weight: 400; }
      .popup-form-input::-moz-placeholder {
        color: #8b8b8b;
        font-family: "Roboto Condensed", sans-serif;
        font-size: 21px;
        font-weight: 400; }
      .popup-form-input:-ms-input-placeholder {
        color: #8b8b8b;
        font-family: "Roboto Condensed", sans-serif;
        font-size: 21px;
        font-weight: 400; }
      .popup-form-input::-ms-input-placeholder {
        color: #8b8b8b;
        font-family: "Roboto Condensed", sans-serif;
        font-size: 21px;
        font-weight: 400; }
      .popup-form-input::placeholder {
        color: #8b8b8b;
        font-family: "Roboto Condensed", sans-serif;
        font-size: 21px;
        font-weight: 400; }
    .popup-form-btn {
      height: 75px;
      width: 308px;
      border: 1px solid #d270d0;
      border-radius: 1000px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin: 15px auto 7px;
      cursor: pointer;
      background: transparent; }
      .popup-form-btn:hover span {
        -webkit-box-shadow: 0 13px 26px #8f00ff;
        box-shadow: 0 13px 26px #8f00ff; }
      .popup-form-btn span {
        width: 288px;
        height: 59px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border-radius: 1000px;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
        background-image: linear-gradient(  180deg ,#92278f 0%,#8f00ff 100%);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        color: #fff;
        font-family: "Roboto Condensed", sans-serif;
        font-size: 20px;
        text-shadow: 0 0 40px #539a00; }
    .popup-form-disclaimer {
      font-size: 14px;
      font-family: "Roboto Condensed", sans-serif;
      color: #8b8b8b;
      font-weight: 400;
      text-align: center; }
      .popup-form-disclaimer span {
        color: #92278f; }

.thanks {
  background-image: -webkit-gradient(linear, left top, right top, from(#fafcf6), to(#fdf8f8));
  background-image: -o-linear-gradient(left, #fafcf6 0%, #fdf8f8 100%);
  background-image: linear-gradient(to right, #fafcf6 0%, #fdf8f8 100%);
  width: 100%;
  height: 100%;
  padding-top: 252px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  .thanks .footer {
    margin-bottom: 40px; }
  .thanks .footer-content {
    width: 964px; }
  .thanks .title {
    font-size: 63px;
    text-transform: uppercase;
    font-weight: 500;
    color: #5b5a68;
    font-family: "Roboto Condensed", sans-serif;
    margin-bottom: 40px;
    text-align: center; }
    .thanks .title strong {
      color: #92278f; }
  .thanks .subtitle {
    font-size: 30px;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    color: #5b5a68;
    opacity: 0.5;
    margin-bottom: 150px;
    text-align: center; }
  .thanks .list {
    width: 100%;
    padding-bottom: 160px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: space-around;
    -ms-flex-pack: space-around;
    justify-content: space-around;
    -webkit-box-align: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end; }
    .thanks .list-item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: flex-start;
      -ms-flex-pack: flex-start;
      justify-content: flex-start;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      width: 331px; }
      .thanks .list-item-icon {
        margin-bottom: 30px; }
      .thanks .list-item-text {
        font-size: 32px;
        font-weight: 500;
        color: #5b5a68;
        font-family: "Roboto Condensed", sans-serif;
        margin-bottom: 45px;
        text-align: center; }
        .thanks .list-item-text strong {
          color: #d89a71; }
      .thanks .list-item-btn {
        width: 300px;
        height: 82px;
        border-radius: 41px;
        border: 1px solid #d270d0;
        padding: 10px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s; }
        .thanks .list-item-btn.lionweb {
          border: 1px solid rgba(0, 0, 0, 0.5); }
          .thanks .list-item-btn.lionweb span {
            background-color: #424242; }
            .thanks .list-item-btn.lionweb span:hover {
              -webkit-box-shadow: 1px 1px 79px rgba(23, 20, 21, 0.04);
              box-shadow: 1px 1px 79px rgba(23, 20, 21, 0.04); }
        .thanks .list-item-btn span {
          width: 279px;
          height: 61px;
          border-radius: 31px;
          background-color: #92278f;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: row;
          flex-direction: row;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          color: #ffffff;
          font-size: 24px;
          font-weight: 400; }
          .thanks .list-item-btn span:hover {
            -webkit-box-shadow: 1px 1px 79px rgba(23, 20, 21, 0.04);
            box-shadow: 1px 1px 79px rgba(23, 20, 21, 0.04); }

@media screen and (max-width: 1150px) {
  .container {
    width: 960px; } }
@media screen and (max-width: 960px) {
  html {
    overflow-x: hidden; }

  body {
    overflow-x: hidden; }

  .header {
    overflow: hidden; }
    .header > .container {
      width: 100%; }
    .header-trigger {
      display: none; }
    .header-logo {
      margin-left: 25px;
      width: 195px; }
    .header-links, .header-callback {
      display: none; }
    .header-mobile {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-pack: flex-start;
      -ms-flex-pack: flex-start;
      justify-content: flex-start;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      height: 44px;
      width: 100px;
      border-radius: 1000px 0 0 1000px;
      background-color: #ffffff;
      padding: 12px 16px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }

  body {
    font-size: 6px; }

  .s1 {
    padding-top: 100px; }
    .s1 > .container {
      width: 95%; }
    .s1-title {
      margin-top: 0; }
    .s1-box {
      right: -200px;
      top: 110px;
      /*z-index: -1;*/
       }
      .s1-box-bg {
        width: 500px; }
      .s1-box-item.first {
        top: 230px;
        left: -70px; }
      .s1-box-item.second {
        top: 300px;
        left: 40px; }
      .s1-box-item-plus {
        width: 60px; }
      .s1-box-item-text {
        max-width: 130px; }
    .s1-btn {
      margin-top: 28px;
      width: 171px;
      height: 45px; }
      .s1-btn span {
        width: 160px;
        height: 36px; }
    .s1-bg {
      width: auto; }
    .s1-list {
      margin-top: 240px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      .s1-list-item {
        border-radius: 5px;
        background: #fff;
        min-width: 191px;
        padding: 15px 10px; }
        .s1-list-item-text {
          font-size: 15px; }
        .s1-list-item:first-child {
          margin-right: 0;
          margin-bottom: 10px; }
          .s1-list-item:first-child .s1-list-item-icon svg {
            width: 48px; }
        .s1-list-item:last-child .s1-list-item-icon svg {
          width: 49px; }
    .s1-begin {
      margin-top: 50px; }
      .s1-begin-title {
        margin-bottom: 50px; }
      .s1-begin-list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
        .s1-begin-list-item {
          margin-bottom: 30px; }
          .s1-begin-list-item-img {
            height: 190px; }
          .s1-begin-list-item-text {
            line-height: 21px;
            margin-top: 15px;
            font-size: 18px; }
      .s1-begin-text {
        width: 100%;
        font-size: 17px; }
      .s1-begin-subtext {
        font-size: 17px; }
    .s1-bg-additional {
      width: auto; }

  .s2 > .container {
    width: 100%; }
  .s2-title {
    font-size: 22px;
    margin-bottom: 45px; }
  .s2-img {
    top: 0;
    right: 60%;
    width: 430px;
    z-index: -1; }
  .s2-card {
    width: 100%;
    margin-bottom: 35px;
    background-image: none;
    padding: 0; }
    .s2-card-title {
      font-size: 20px;
      margin-left: 20px; }
    .s2-card-result {
      font-size: 46px;
      margin-left: 20px;
      margin-bottom: 25px; }
    .s2-card-line {
      font-size: 15px;
      margin-left: 20px; }
    .s2-card-btn {
      width: 307px;
      height: 69px; }
      .s2-card-btn span {
        width: 285px;
        height: 54px;
        font-size: 18px; }
    .s2-card-subtext {
      font-size: 12px; }
  .s2 input[type=range] {
    width: 104%;
    margin: 25px 0 65px -2%; }
    .s2 input[type=range]:before {
      bottom: -35px;
      left: 5%; }
    .s2 input[type=range]:after {
      bottom: -35px;
      right: 5%; }
  .s2-categories {
    margin-top: 0;
    margin-bottom: 12px; }
    .s2-categories-bg {
      width: 300px;
      left: -70%;
      top: -150px; }
    .s2-categories-content {
      width: 100%;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      padding-left: 0;
      padding-top: 26px;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      .s2-categories-content-stripe {
        width: 100%;
        left: 0;
        top: -10px;
        height: auto;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row; }
        .s2-categories-content-stripe .text {
          -webkit-transform: rotate(0);
          -ms-transform: rotate(0);
          transform: rotate(0);
          font-size: 13px; }
        .s2-categories-content-stripe .stripe {
          width: 35%;
          height: 1px; }
    .s2-categories-item {
      margin-bottom: 25px; }
  .s2-colors {
    margin-bottom: 0; }
    .s2-colors-content {
      width: 100%;
      padding: 30px 0 0 0;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      .s2-colors-content-stripe {
        width: 100%;
        left: 0;
        top: -10px;
        height: auto;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row; }
        .s2-colors-content-stripe .text {
          -webkit-transform: rotate(0);
          -ms-transform: rotate(0);
          transform: rotate(0);
          font-size: 13px; }
        .s2-colors-content-stripe .stripe {
          width: 35%;
          height: 1px; }
    .s2-colors-item {
      width: 100%;
      max-width: 422px;
      margin-bottom: 20px; }
      .s2-colors-item-title {
        font-size: 22px; }
      .s2-colors-item-btn {
        font-size: 15px; }

  .s3 {
    padding-top: 30px;
    padding-bottom: 40px; }
    .s3 > .container {
      width: 100%; }
    .s3-tulip {
      width: 232px;
      left: -30%; }
    .s3-title {
      margin-left: 50px;
      font-size: 22px;
      margin-bottom: 380px; }
    .s3-notation {
      top: 80px;
      right: 40px; }
    .s3-bg {
      width: 600px;
      top: 160px; }
    .s3-download {
      right: 50%;
      top: 170px;
      -webkit-transform: translateX(50%);
      -ms-transform: translateX(50%);
      transform: translateX(50%); }
    .s3-form {
      width: 100%;
      background-size: 130% 100%;
      padding: 50px 10px 55px; }
      .s3-form-title {
        font-size: 19px; }
      .s3-form-input {
        width: 290px;
        height: 47px; }
      .s3-form-btn {
        width: 290px;
        height: 61px;
        margin: 0 auto; }
        .s3-form-btn span {
          width: 274px;
          height: 48px; }

  .s4 {
    padding-bottom: 35px; }
    .s4 > .container {
      width: 271px; }
    .s4-title {
      font-size: 22px;
      margin: 0 auto 45px; }
    .s4-list {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      .s4-list-item {
        width: 100%;
        margin-right: 0;
        margin-bottom: 65px; }
        .s4-list-item-img {
          margin: 0 auto;
          display: block;
          max-height: 170px;
          margin-bottom: 15px; }
        .s4-list-item-title {
          font-size: 18px;
          margin-bottom: 13px; }
        .s4-list-item-text {
          font-size: 12px;
          line-height: 18px; }
    .s4-single {
      width: 100%;
      margin-bottom: 75px; }
      .s4-single:after {
        width: 150vw;
        top: -45px;
        height: 130%;
        background-size: auto; }
      .s4-single-img {
        top: -45px;
        left: -7px;
        width: 278px; }
      .s4-single-content {
        padding: 159px 15px 15px; }
      .s4-single-title {
        font-size: 18px; }
      .s4-single-text {
        font-size: 12px; }
    .s4-btn {
      width: 273px; }
      .s4-btn span {
        width: 255px; }

  .s5 > .container {
    width: 300px; }
  .s5-title {
    width: 100%;
    text-align: center;
    font-size: 22px;
    margin-bottom: 35px; }
  .s5-list {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    font-size: 10px; }
    .s5-list-item.second {
      position: relative;
      left: 0;
      -webkit-transform: translate(0, -20px);
      -ms-transform: translate(0, -20px);
      transform: translate(0, -20px); }
    .s5-list-item:last-child {
      -webkit-transform: translateY(-10px);
      -ms-transform: translateY(-10px);
      transform: translateY(-10px); }
  .s5-btn {
    width: 300px; }
    .s5-btn span {
      width: 280px; }

  .s6 > .container {
    padding-top: 56px;
    width: 300px; }
  .s6-bg-map {
    width: 856px;
    left: -150px;
    top: 50px; }
  .s6-bg-box {
    display: none; }
  .s6-bg-car {
    width: 420px;
    left: -300px;
    top: 320px; }
  .s6-text {
    margin: 0 auto 240px;
    width: 230px; }
  .s6-single {
    width: 100%;
    margin-bottom: 75px; }
    .s6-single:after {
      width: 150vw;
      top: -45px;
      height: 130%;
      background-size: auto;
      display: block; }
    .s6-single-img {
      top: -45px;
      left: 0;
      width: 278px; }
    .s6-single-content {
      padding: 159px 15px 15px; }
    .s6-single-title {
      font-size: 18px; }
    .s6-single-text {
      font-size: 12px; }

  .s7 > .container {
    width: 300px; }
  .s7-bg {
    display: none; }
  .s7-label {
    left: -330px;
    top: 20px; }
  .s7-play {
    left: 70px;
    top: 200px; }
  .s7-title {
    margin-bottom: 361px; }
  .s7-content {
    padding: 0;
    width: 100%;
    margin-top: 70px; }
  .s7-text strong {
    font-weight: 700; }
  .s7-list {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
    .s7-list.second {
      margin-top: 0; }
    .s7-list-item {
      width: 211px;
      font-size: 14px;
      line-height: 14px;
      margin-bottom: 14px; }
      .s7-list-item img {
        height: 53px; }
  .s7-btn {
    width: 300px;
    position: relative;
    margin-top: 140px; }
    .s7-btn:after {
      position: absolute;
      width: 264px;
      height: 229px;
      content: "";
      background-image: url(../img/s6-box.png);
      background-size: cover;
      background-repeat: no-repeat;
      bottom: 5px;
      z-index: -1; }
    .s7-btn span {
      width: 280px; }

  .s8 > .container {
    width: 300px; }
  .s8-title {
    text-align: center;
    font-size: 22px; }
    .s8-title::before {
      left: 0;
      top: -54px; }
  .s8-bg {
    display: none; }
  .s8-text {
    font-size: 15px;
    margin-bottom: 25px; }
  .s8-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    margin-bottom: 0; }
    .s8-list-column {
      width: 100%; }
    .s8-list-item {
      width: 100%;
      margin-bottom: 15px;
      font-size: 13px; }

  .s9 {
    padding-top: 54px;
    padding-bottom: 56px; }
    .s9 > .container {
      width: 300px; }
    .s9-title {
      font-size: 22px; }
    .s9-bg {
      bottom: -58px;
      right: -120px;
      width: 162px;
      top: auto; }
    .s9-subtitle {
      font-size: 15px;
      text-align: center;
      margin-bottom: 34px; }
    .s9-form {
      width: 100%; }
      .s9-form-row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 0; }
      .s9-form-input {
        width: 100%;
        padding: 25px 29px;
        font-size: 13px;
        margin-bottom: 13px; }
        .s9-form-input::-webkit-input-placeholder {
          font-size: 13px; }
        .s9-form-input::-moz-placeholder {
          font-size: 13px; }
        .s9-form-input:-ms-input-placeholder {
          font-size: 13px; }
        .s9-form-input::-ms-input-placeholder {
          font-size: 13px; }
        .s9-form-input::placeholder {
          font-size: 13px; }
      .s9-form-btn {
        width: 300px;
        position: relative;
        margin-bottom: 40px; }
        .s9-form-btn span {
          width: 280px; }

  .s10 {
    padding-top: 0; }
    .s10 > .container {
      width: 100%; }
    .s10-title {
      margin-bottom: 30px; }
    .s10-card {
      width: 100%;
      height: auto;
      border-radius: 0 0 30px 30px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-shadow: none;
      box-shadow: none;
      margin-bottom: 110px; }
      .s10-card-left {
        width: 100%;
        height: auto;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 40px 25px 22px;
        -webkit-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        transform: translateY(-15px);
        background: #ffffff;
        border-radius: 30px;
        -webkit-box-shadow: 0 3px 16px rgba(205, 218, 232, 0.3);
        box-shadow: 0 3px 16px rgba(205, 218, 232, 0.3); }
      .s10-card-right {
        width: 100%;
        overflow: auto;
        -webkit-box-shadow: -50px 0 56px rgba(0, 0, 0, 0.05);
        box-shadow: -50px 0 56px rgba(0, 0, 0, 0.05);
        height: 350px;
        border-radius: 0;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        overflow: hidden; }
      .s10-card-links {
        margin: 15px auto 0; }
        .s10-card-links:before {
          width: 320px;
          left: 50%;
          -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
          transform: translateX(-50%);
          top: 26px;
          right: auto; }

  .footer {
    margin-bottom: 25px; }
    .footer-content {
      width: 269px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
    .footer-logo {
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
      order: 1;
      margin-bottom: 34px; }
    .footer-doneby {
      -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
      order: 2;
      margin-bottom: 25px; }
    .footer-copy {
      -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
      order: 3;
      text-align: center;
      font-size: 11px; }

  .popup-item {
    width: 100%;
    max-width: 450px;
    padding: 40px 20px 40px;
    margin: 0; }
    .popup-item-title {
      font-size: 28px;
      margin-bottom: 18px; }
    .popup-item-text {
      font-size: 16px; }
  .popup-form {
    width: 100%;
    max-width: 450px;
    padding: 40px 20px 40px;
    margin: 0; }
    .popup-form-title {
      font-size: 28px;
      margin-bottom: 18px; }
    .popup-form-subtitle {
      font-size: 16px;
      margin-bottom: 22px; }
    .popup-form-input {
      padding: 16px 20px;
      font-size: 16px; }
      .popup-form-input::-webkit-input-placeholder {
        font-size: 16px; }
      .popup-form-input::-moz-placeholder {
        font-size: 16px; }
      .popup-form-input:-ms-input-placeholder {
        font-size: 16px; }
      .popup-form-input::-ms-input-placeholder {
        font-size: 16px; }
      .popup-form-input::placeholder {
        font-size: 16px; }
    .popup-form-btn {
      width: 282px;
      position: relative; }
      .popup-form-btn span {
        width: 262px; }
      .popup-form-btn-disclaimer {
        font-size: 12px; }

  .thanks {
    padding-top: 160px; }
    .thanks main > .container {
      width: 300px; }
    .thanks .title {
      font-size: 25px;
      margin-bottom: 14px; }
    .thanks .subtitle {
      font-size: 16px;
      margin-bottom: 60px; }
    .thanks .list {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      padding-bottom: 50px; }
      .thanks .list-item {
        width: 100%;
        margin-bottom: 30px; }
        .thanks .list-item-icon {
          margin-bottom: 15px; }
        .thanks .list-item-text {
          font-size: 24px; }
    .thanks .footer-content {
      width: 300px; } }

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