@font-face {
  font-family: 'Montserrat';
  font-weight: 200;
  src: url("../fonts/Montserrat-ExtraLight.ttf"); }

@font-face {
  font-family: 'Montserrat';
  font-weight: 400;
  src: url("../fonts/Montserrat-Regular.ttf"); }

@font-face {
  font-family: 'Montserrat';
  font-weight: 500;
  src: url("../fonts/Montserrat-Medium.ttf"); }

@font-face {
  font-family: 'Montserrat';
  font-weight: 600;
  src: url("../fonts/Montserrat-SemiBold.ttf"); }

@font-face {
  font-family: 'Montserrat';
  font-weight: 700;
  src: url("../fonts/Montserrat-Bold.ttf"); }

@font-face {
  font-family: 'Geometria';
  font-weight: 500;
  src: url("../fonts/Geometria-Medium.ttf"); }

* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

html {
  overflow-x: hidden; }

a {
  color: inherit;
  text-decoration: none;
  cursor: pointer; }
  a:hover {
    color: #FDB813; }

body {
  position: relative;
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  color: #333333;
  background: #ffffff;
  overflow-x: hidden; }

body.fixed {
  overflow: hidden; }

.container {
  max-width: 1188px;
  margin: 0 auto;
  padding: 0 24px; }

.input {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 17px;
  border-radius: 15px;
  outline: none;
  border: 1px solid #BBBBBB;
  background: #FFFFFF;
  font-family: 'Geometria';
  font-weight: 500;
  height: 62px;
  font-size: 18px;
  line-height: 23px;
  letter-spacing: -0.04em;
  color: #333333; }
  .input::-webkit-input-placeholder {
    color: #D3D3D3; }
  .input::-moz-placeholder {
    color: #D3D3D3; }
  .input:-ms-input-placeholder {
    color: #D3D3D3; }
  .input::-ms-input-placeholder {
    color: #D3D3D3; }
  .input::placeholder {
    color: #D3D3D3; }
  .input:focus {
    border: 1px solid #333333; }

.phoneInputWrapper {
  position: relative; }
  .phoneInputWrapper .input {
    border: 1px solid #BBBBBB; }
  .phoneInputWrapper .inputErrors {
    position: absolute;
    bottom: -17px;
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    color: #F84747;
    display: none; }

.phoneInputWrapper.error .input {
  border: 1px solid #F84747; }

.phoneInputWrapper.error .inputErrors {
  display: block; }

.button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 260px;
  height: 62px;
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  background: none;
  outline: none;
  border-radius: 15px;
  letter-spacing: .8px;
  cursor: pointer; }

.button.black {
  border: 2px solid #333333;
  color: #333333; }
  .button.black:hover {
    color: #FFFFFF;
    background: #333333; }

.button.accent {
  background: #FDB813;
  color: #FFFFFF;
  border: none; }
  .button.accent:hover {
    background: #FEA115; }

.selectWrapper .select {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  width: 387px;
  height: 62px;
  cursor: pointer;
  border: 1px solid #d9c9a7;
  padding: 0 17px;
  background: #FFFFFF;
  border: 1px solid #BBBBBB;
  border-radius: 15px; }
  .selectWrapper .select:after {
    content: '';
    position: absolute;
    top: -webkit-calc(50% - 3.75px);
    top: calc(50% - 3.75px);
    right: 23px;
    width: 18px;
    height: 10px;
    background-size: cover;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    -o-transition: transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s;
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='10' viewBox='0 0 18 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 1.25L9 8.75L16.5 1.25' stroke='%23333333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            transform: rotate(0deg); }
  .selectWrapper .select .selectValue {
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: -0.04em;
    color: #1B2731; }
  .selectWrapper .select .selectValue.active {
    color: #000000; }

.selectWrapper .select.active:after {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg); }

.selectWrapper .optionList {
  display: none;
  position: absolute;
  left: -1px;
  top: -webkit-calc(100% + 5px);
  top: calc(100% + 5px);
  width: -webkit-calc(100% + 2px);
  width: calc(100% + 2px);
  max-height: 478px;
  background: #FFFFFF;
  -webkit-box-shadow: 0px 25px 50px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 25px 50px rgba(0, 0, 0, 0.2);
  border-radius: 15px; }
  .selectWrapper .optionList .brandList {
    overflow-y: scroll;
    height: 100%;
    max-height: 478px; }
  .selectWrapper .optionList .modelList {
    overflow-y: scroll;
    display: none;
    height: 100%;
    max-height: 478px; }
  .selectWrapper .optionList .modelList.active {
    display: block; }

.selectWrapper .option, .selectWrapper .select, .selectWrapper p {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 62px;
  font-size: 14px;
  color: #ababab;
  line-height: 3.214;
  padding: 0 15px; }

.selectWrapper .option, .selectWrapper p {
  position: relative;
  font-size: 16px;
  line-height: 20px;
  height: 40px;
  letter-spacing: -0.04em;
  color: #1B2731; }
  .selectWrapper .option:hover, .selectWrapper p:hover {
    color: #FDB813; }
    .selectWrapper .option:hover:after, .selectWrapper p:hover:after {
      content: '';
      position: absolute;
      width: 10px;
      height: 40px;
      left: 0;
      top: 0;
      background: #FDB813; }

.header {
  position: relative;
  background: #FFFFFF;
  -webkit-box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.15);
  z-index: 10; }
  .header .container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    height: 141px; }
    .header .container .logoContainer {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center; }
      .header .container .logoContainer:hover {
        color: #333333; }
      .header .container .logoContainer .logoImage {
        width: 134.8px;
        height: 79px; }
      .header .container .logoContainer .logoTitle {
        font-weight: 600;
        font-size: 18px;
        line-height: 22px;
        margin-left: 5px; }
    .header .container .humburger {
      display: none;
      width: 24px;
      height: 24px;
      background-image: url("../img/noActiveHamburger.svg"); }
    .header .container .humburger.active {
      background-image: url("../img/hamburger.svg"); }
    .header .container .addressWrapepr {
      display: none;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      text-align: center;
      padding-top: 30px; }
      .header .container .addressWrapepr .title {
        font-size: 18px;
        margin-bottom: 20px; }
      .header .container .addressWrapepr .itemList {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center; }
        .header .container .addressWrapepr .itemList .item {
          font-weight: 600;
          font-size: 16px;
          margin-bottom: 20px;
          max-width: 280px; }
          .header .container .addressWrapepr .itemList .item .name {
            color: #FDB813; }
          .header .container .addressWrapepr .itemList .item .value {
            color: #323C47; }
    .header .container .phoneContainer {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center; }
      .header .container .phoneContainer .phone {
        color: #FDB813;
        font-weight: 600;
        font-size: 25px;
        line-height: 30px; }
      .header .container .phoneContainer .exit {
        display: none; }
      .header .container .phoneContainer .messengerWrappe {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex; }
      .header .container .phoneContainer .whatsapp {
        margin-left: 15px; }
      .header .container .phoneContainer .viber {
        margin-left: 20px; }
      .header .container .phoneContainer .button {
        margin-left: 15px;
        width: 218px;
        min-height: 40px; }

.main {
  padding-bottom: 55px; }
  .main .container .mainWrapper {
    margin-top: 69px;
    background-image: url("../img/mainBg.jpg");
    background-size: cover;
    height: 600px;
    padding-top: 44px;
    z-index: -1; }
   .main .container .mainWrapper .title {
      font-weight: bold;
      font-size: 70px;
      line-height: 85px;
      color: #FDB813;
      text-transform: uppercase;
      max-width: 786px; }
    .main .container .mainWrapper .subtitle {
      font-weight: 500;
      font-size: 20px;
      line-height: 24px;
      margin-top: 33px;
      max-width: 547px; }
	  .main .container .mainWrapper .subtitle-sale {
      font-weight: 500;
      font-size: 12px;
      line-height: 24px;
      margin-top: 1px;
      max-width: 547px; }
    .main .container .mainWrapper .button {
      margin-top: 28px; }

.compilation {
  padding-bottom: 137px; }
  .compilation .container .title {
    font-weight: bold;
    font-size: 40px;
    line-height: 49px;
    text-align: center;
    margin-bottom: 55px; }
  .compilation .container .compilationWrapper {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    background: #FFFFFF;
    -webkit-box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1);
    border-radius: 30px;
    padding: 43px 103px;
    height: auto; }
    .compilation .container .compilationWrapper:after {
      content: '';
      position: absolute;
      top: 60px;
      left: -68px;
      height: 367px;
      width: 100vw;
      background: #F8F8F8;
      border-radius: 30px 0px 0px 30px;
      z-index: -2; }
    .compilation .container .compilationWrapper:before {
      content: '';
      position: absolute;
      width: 150px;
      height: 162.79px;
      bottom: -19.79px;
      right: -22px;
      background-image: url("../img/dotsBg.png");
      background-size: cover;
      z-index: -1; }
    .compilation .container .compilationWrapper .compilationContentWrapepr {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      width: 798px; }
      .compilation .container .compilationWrapper .compilationContentWrapepr .compilationTitle {
        font-weight: bold;
        font-size: 25px;
        line-height: 30px;
        color: #FDB813;
        text-align: center; }
      .compilation .container .compilationWrapper .compilationContentWrapepr .compilationForm {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between;
        margin: 40px 0 18px 0;
        width: 100%; }
      .compilation .container .compilationWrapper .compilationContentWrapepr .resultWrapper.active {
        visibility: visible; }
      .compilation .container .compilationWrapper .compilationContentWrapepr .resultWrapper {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column;
        font-weight: bold;
        -webkit-align-self: start;
            -ms-flex-item-align: start;
                align-self: start;
        visibility: hidden; }
        .compilation .container .compilationWrapper .compilationContentWrapepr .resultWrapper .result {
          font-size: 20px;
          line-height: 24px; }
          .compilation .container .compilationWrapper .compilationContentWrapepr .resultWrapper .result span {
            color: #FDB813; }
          .compilation .container .compilationWrapper .compilationContentWrapepr .resultWrapper .result .code {
            color: #333333; }
        .compilation .container .compilationWrapper .compilationContentWrapepr .resultWrapper .price {
          font-size: 25px;
          line-height: 30px;
          margin-top: 5px; }
      .compilation .container .compilationWrapper .compilationContentWrapepr .button {
        margin-top: 40px;
        width: 260px; }

.info .container .title {
  font-weight: bold;
  font-size: 40px;
  line-height: 49px; }

.info .container .desc .title {
  margin-bottom: 30px; }

.info .container .desc .content {
  font-size: 18px;
  line-height: 22px;
  text-align: justify;
  color: #585858; }
  .info .container .desc .content b {
    font-weight: 600; }

.info .container .desc .infoImage {
  height: 456px;
  border-radius: 30px;
  background-image: url("../img/infoImage.jpg");
  background-size: cover;
  margin-top: 50px; }

.info .plus {
  padding-top: 61px;
  padding-bottom: 100px; }
  .info .plus .title {
    font-weight: bold;
    font-size: 40px;
    line-height: 49px;
    text-align: center; }
  .info .plus .plusWrapper {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    margin-top: 60px;
    background-image: url("../img/plusBg.svg");
    background-size: 36%;
    background-repeat: no-repeat;
    background-position: 425px 140px; }
    .info .plus .plusWrapper .item {
      position: relative;
      text-align: center;
      margin: 0 0px 115px 0px; }
      .info .plus .plusWrapper .item:after {
        content: '';
        position: absolute;
        width: 252px;
        height: 38px;
        background-image: url("../img/line.svg");
        background-size: cover;
        top: 80px;
        right: -160px; }
      .info .plus .plusWrapper .item:nth-child(1) {
        width: 345px; }
      .info .plus .plusWrapper .item:nth-child(2) {
        width: 334px; }
      .info .plus .plusWrapper .item:nth-child(3) {
        width: 315px; }
        .info .plus .plusWrapper .item:nth-child(3):after {
          display: none; }
      .info .plus .plusWrapper .item:nth-child(4) {
        width: 348px;
        margin-left: 120px;
        margin-bottom: 0; }
        .info .plus .plusWrapper .item:nth-child(4):after {
          top: 90px; }
      .info .plus .plusWrapper .item:nth-child(5) {
        width: 317px;
        margin-right: 120px;
        margin-bottom: 0; }
        .info .plus .plusWrapper .item:nth-child(5):after {
          display: none; }
      .info .plus .plusWrapper .item .desc {
        font-weight: 500;
        font-size: 16px;
        line-height: 20px;
        margin-top: 28px; }

.howItWorks {
  background: #F6F6F6;
  padding: 76px 0 127px 0; }
  .howItWorks .container .title {
    font-weight: bold;
    font-size: 40px;
    line-height: 49px;
    text-align: center; }
  .howItWorks .container .videoWrapper {
    position: relative;
    margin-top: 83px;
    border-radius: 20px;
    height: 530px;
    z-index: 10; }
    .howItWorks .container .videoWrapper:before {
      content: '';
      position: absolute;
      width: 150px;
      height: 162.79px;
      bottom: -37px;
      left: -37px;
      background-image: url("../img/howItWorksDots.svg");
      background-size: cover;
      z-index: -1; }
    .howItWorks .container .videoWrapper:after {
      content: '';
      position: absolute;
      top: -17px;
      right: -19px;
      width: 250px;
      height: 233px;
      background: #FDB813;
      border-radius: 0px 30px;
      z-index: -1; }
    .howItWorks .container .videoWrapper iframe {
      border-radius: 20px; }

.elements {
  padding-top: 57px; }
  .elements .container img {
    width: 100%; }

.authenticity .container, .cooperation .container {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  .authenticity .container::after, .cooperation .container::after {
    content: '';
    position: absolute;
    top: 88px;
    left: 0;
    width: 100vw;
    height: 301px;
    background: #F7F7F7;
    border-radius: 30px 0px 0px 30px;
    z-index: -1; }
  .authenticity .container .contentWrapper, .cooperation .container .contentWrapper {
    margin-left: 92px;
    max-width: 803px;
    padding-top: 90px;
    margin-right: 27px;
    z-index: 1; }
    .authenticity .container .contentWrapper .title, .cooperation .container .contentWrapper .title {
      color: #FDB813;
      font-weight: bold;
      font-size: 40px;
      line-height: 49px; }
    .authenticity .container .contentWrapper .desc, .cooperation .container .contentWrapper .desc {
      margin-top: 25px;
      font-weight: 500;
      font-size: 25px;
      line-height: 30px;
      color: #585858; }

.howItUse {
  padding-top: 94px;
  padding-bottom: 110px; }
  .howItUse .container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    .howItUse .container .imageWrapper {
      position: relative; }
      .howItUse .container .imageWrapper:before {
        content: '';
        position: absolute;
        width: 150px;
        height: 162.79px;
        bottom: -25px;
        right: -25px;
        background-image: url("../img/howItUseDots.svg");
        background-size: cover;
        z-index: -1; }
      .howItUse .container .imageWrapper:after {
        content: '';
        position: absolute;
        top: -15px;
        left: -14px;
        width: 296px;
        height: 233px;
        background: #FDB813;
        border-radius: 30px 0px;
        z-index: -1; }
      .howItUse .container .imageWrapper img {
        border-radius: 20px; }
    .howItUse .container .contentWrapper {
      padding-left: 35px; }
      .howItUse .container .contentWrapper .title {
        font-weight: bold;
        font-size: 40px;
        line-height: 49px; }
      .howItUse .container .contentWrapper ul {
        margin-top: 22px;
        padding-left: 15px; }
        .howItUse .container .contentWrapper ul li {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: start;
          -webkit-align-items: start;
              -ms-flex-align: start;
                  align-items: start;
          font-size: 18px;
          line-height: 22px;
          color: #000000;
          list-style-type: none;
          margin-bottom: 20px; }
          .howItUse .container .contentWrapper ul li i {
            display: block;
            margin-right: 12px;
            background: #FDB813;
            width: 15px;
            min-width: 15px;
            height: 15px;
            border-radius: 50%; }

.order {
  padding-bottom: 113px; }
  .order .container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .order .container .orderForm {
      position: relative;
      width: 1004px;
      height: 367px;
      background: #FFFFFF;
      -webkit-box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1);
              box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1);
      border-radius: 30px;
      padding: 64px 25px; }
      .order .container .orderForm:before {
        content: '';
        position: absolute;
        width: 150px;
        height: 162.79px;
        bottom: -18px;
        left: -22px;
        background-image: url("../img/howItWorksDots.svg");
        background-size: cover;
        z-index: -1; }
      .order .container .orderForm::after {
        content: '';
        position: absolute;
        background: #F8F8F8;
        border-radius: 0px 30px 30px 0px;
        height: 367px;
        width: 100vw;
        top: 57px;
        right: -68px;
        z-index: -2; }
      .order .container .orderForm .title {
        text-align: center;
        font-weight: bold;
        font-size: 25px;
        line-height: 30px; }
        .order .container .orderForm .title span {
          color: #FDB813; }
      .order .container .orderForm form {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        margin-top: 40px; }
        .order .container .orderForm form .inputWrapper {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: justify;
          -webkit-justify-content: space-between;
              -ms-flex-pack: justify;
                  justify-content: space-between;
          width: 798px; }
          .order .container .orderForm form .inputWrapper .input {
            width: 387px; }
        .order .container .orderForm form .button {
          position: relative;
          margin-top: 40px; }
          .order .container .orderForm form .button .success {
            position: absolute;
            left: 0;
            bottom: -35px;
            width: 100%;
            text-align: center;
            color: green; }

.benefits .container .title {
  text-align: center;
  font-weight: bold;
  font-size: 40px;
  line-height: 49px; }

.benefits .container .subtitle {
  color: #FDB813;
  text-align: center;
  font-weight: 600;
  font-size: 30px;
  line-height: 37px;
  margin-top: 15px;
  margin-bottom: 74px; }

.benefits .container .benefitsWrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: start;
      -ms-flex-align: start;
          align-items: start; }
  .benefits .container .benefitsWrapper ul {
    margin-left: 42px; }
    .benefits .container .benefitsWrapper ul li {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      margin-bottom: 51px;
      font-weight: bold;
      font-size: 20px;
      line-height: 24px;
      width: 441px; }
      .benefits .container .benefitsWrapper ul li:last-child {
        margin-bottom: 0; }
      .benefits .container .benefitsWrapper ul li img {
        margin-right: 35px; }
  .benefits .container .benefitsWrapper .imageWrapper {
    position: relative;
    top: 30px;
    left: 20px;
    margin-left: 40px; }
    .benefits .container .benefitsWrapper .imageWrapper img {
      width: 317px;
      height: 447px;
      -webkit-filter: drop-shadow(0px 4px 50px rgba(0, 0, 0, 0.1));
              filter: drop-shadow(0px 4px 50px rgba(0, 0, 0, 0.1));
      border-radius: 30px; }
    .benefits .container .benefitsWrapper .imageWrapper:before {
      content: '';
      position: absolute;
      width: 105.91px;
      height: 114.85px;
      bottom: -15px;
      left: -15px;
      background-image: url("../img/howItWorksDots.svg");
      background-size: cover;
      z-index: -1; }
    .benefits .container .benefitsWrapper .imageWrapper:after {
      content: '';
      position: absolute;
      top: -20px;
      right: -20px;
      width: 260px;
      height: 243px;
      background: #FDB813;
      border-radius: 0px 30px;
      z-index: -1; }

.cooperation {
  padding-top: 120px; }
  .cooperation .container .contentWrapper {
    max-width: 500px;
    margin-left: 75px;
    padding-top: 53px; }
    .cooperation .container .contentWrapper .title {
      font-size: 30px;
      line-height: 37px; }
    .cooperation .container .contentWrapper .phone {
      font-weight: bold;
      font-size: 40px;
      line-height: 49px;
      margin-top: 18px; }
    .cooperation .container .contentWrapper .email {
      font-weight: bold;
      font-size: 20px;
      line-height: 24px;
      margin-top: 14px; }
  .cooperation .container img {
    position: relative;
    top: -44px; }

.map {
  padding-top: 105px;
  padding-bottom: 107px; }
  .map .container .mapWrapper {
    position: relative;
    height: 688px;
    background-image: url("../img/mapp.jpeg");
    background-size: cover;
    border-radius: 30px;
    z-index: 1; }
    .map .container .mapWrapper .addressWrapper {
      position: relative;
      top: -56px;
      left: 35px;
      width: 489px;
      height: 540px;
      background: #FFFFFF;
      -webkit-box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.15);
              box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.15);
      border-radius: 30px;
      padding: 42px 35px; }
      .map .container .mapWrapper .addressWrapper:before {
        content: '';
        position: absolute;
        width: 98.32px;
        height: 106.62px;
        bottom: -32px;
        right: -32px;
        background-image: url("../img/howItUseDots.svg");
        background-size: cover;
        z-index: -1; }
      .map .container .mapWrapper .addressWrapper:after {
        content: '';
        position: absolute;
        top: -13px;
        left: -13px;
        width: 260px;
        height: 243px;
        background: #FDB813;
        border-radius: 30px 0px;
        z-index: -1; }
      .map .container .mapWrapper .addressWrapper .title {
        font-weight: 600;
        font-size: 40px;
        line-height: 49px;
        margin-bottom: 22px; }
      .map .container .mapWrapper .addressWrapper .contentWrapper {
        max-width: 338px; }
        .map .container .mapWrapper .addressWrapper .contentWrapper .item {
          margin-bottom: 24px; }
          .map .container .mapWrapper .addressWrapper .contentWrapper .item .name, .map .container .mapWrapper .addressWrapper .contentWrapper .item .content {
            font-weight: 600;
            font-size: 20px;
            line-height: 24px;
            color: #FDB813; }
          .map .container .mapWrapper .addressWrapper .contentWrapper .item .content {
            color: #323C47; }
    .map .container .mapWrapper .orderToHome {
      position: relative;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      width: 1004px;
      height: 265px;
      bottom: -15px;
      left: 50%;
      margin-left: -502px;
      background: #FFFFFF;
      -webkit-box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1);
              box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1);
      border-radius: 30px;
      z-index: 9999; }
      .map .container .mapWrapper .orderToHome .title {
        font-weight: bold;
        font-size: 30px;
        line-height: 37px; }
      .map .container .mapWrapper .orderToHome .button {
        width: 260px;
        font-size: 18px;
        line-height: 22px;
        margin-top: 33px; }

.footer {
  padding: 61px 0 56px 0; }
  .footer .container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    .footer .container img {
      width: 135px;
      height: 79px;
      margin-bottom: 15px; }
    .footer .container .copyright {
      font-size: 14px;
      line-height: 17px;
      color: #A9A9A9; }

.white-popup {
  position: relative;
  background: #FFF;
  padding: 100px 34px;
  width: 600px;
    width-height: auto;
  margin: 0 auto 0 auto; }

.mfp-zoom-in .mfp-with-anim {
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
          transform: scale(0.8); }

.mfp-zoom-in.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; }

.mfp-zoom-in.mfp-ready .mfp-with-anim {
  opacity: 1;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1); }

.mfp-zoom-in.mfp-ready.mfp-bg {
  opacity: 0.8; }

.mfp-zoom-in.mfp-removing .mfp-with-anim {
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
          transform: scale(0.8);
  opacity: 0; }

.mfp-zoom-in.mfp-removing.mfp-bg {
  opacity: 0; }

#callPopup {
  -webkit-box-shadow: 0px 13px 50px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 13px 50px rgba(0, 0, 0, 0.2);
  border-radius: 30px;
  text-align: center; }
  #callPopup .title {
    font-weight: bold;
    font-size: 25px;
    line-height: 30px; }
  #callPopup .formWrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    #callPopup .formWrapper .input {
      width: 387px;
      margin-top: 40px; }
    #callPopup .formWrapper .button {
      margin-top: 40px;
      position: relative; }
      #callPopup .formWrapper .button .success {
        position: absolute;
        left: 0;
        bottom: -35px;
        width: 100%;
        text-align: center;
        color: green; }

#certImage {
  max-width: 650px;
  max-height: auto;
  height: auto;
  padding: 0; }
  #certImage img {
    width: 100%;
    height: auto;
    margin: -40px 0; }

@media (max-width: 1188px) {
  #callPopup {
    border-radius: 30px; }
    #callPopup .title {
      font-weight: bold;
      font-size: 20px;
      line-height: 24px; }
    #callPopup .formWrapper .input {
      width: 310px;
      margin-top: 20px; }
    #callPopup .formWrapper .button {
      margin-top: 30px; }
  .white-popup {
    width: 400px;
    padding: 43px 45px 62px 45px; }
  .map {
    padding-top: 140px;
    padding-bottom: 151px;
    pointer-events: inherit; }
    .map .container .mapWrapper {
      height: 519px; }
      .map .container .mapWrapper .orderToHome {
        width: 632px;
        height: 215px;
        margin-left: -316px;
        text-align: center;
        padding: 32px 72px; }
        .map .container .mapWrapper .orderToHome .title {
          font-weight: bold;
          font-size: 25px;
          line-height: 30px; }
      .map .container .mapWrapper .addressWrapper {
        width: 329px;
        height: 446px;
        top: -38px;
        padding: 28px 23px; }
        .map .container .mapWrapper .addressWrapper:after {
          width: 175.36px;
          height: 163.9px;
          top: -9px;
          left: -9px; }
        .map .container .mapWrapper .addressWrapper .title {
          font-weight: 600;
          font-size: 25px;
          line-height: 30px; }
        .map .container .mapWrapper .addressWrapper .contentWrapper .item {
          margin-bottom: 20px; }
          .map .container .mapWrapper .addressWrapper .contentWrapper .item .name {
            font-weight: 600;
            font-size: 16px;
            line-height: 20px; }
          .map .container .mapWrapper .addressWrapper .contentWrapper .item .content {
            font-weight: 600;
            font-size: 16px;
            line-height: 20px; }
  .benefits .container .subtitle {
    font-weight: 600;
    font-size: 25px;
    line-height: 30px;
    margin-bottom: 50px; }
  .benefits .container .benefitsWrapper {
    -webkit-box-align: start;
    -webkit-align-items: start;
        -ms-flex-align: start;
            align-items: start; }
    .benefits .container .benefitsWrapper ul {
      margin-left: 0; }
      .benefits .container .benefitsWrapper ul li {
        font-weight: bold;
        font-size: 18px;
        line-height: 22px;
        max-width: 405px; }
        .benefits .container .benefitsWrapper ul li img {
          width: 80px;
          height: 80px;
          margin-right: 35px; }
    .benefits .container .benefitsWrapper .imageWrapper {
      margin-left: 0; }
      .benefits .container .benefitsWrapper .imageWrapper:before {
        width: 106.2px;
        height: 115.16px; }
      .benefits .container .benefitsWrapper .imageWrapper img {
        width: 390px; }
  .order {
    padding-bottom: 42px; }
    .order .container .orderForm {
      width: 786px;
      padding: 28px 59px 38px 59px;
      height: auto; }
      .order .container .orderForm:before {
        width: 150px;
        height: 162.79px;
        left: -8px;
        bottom: -8px; }
      .order .container .orderForm:after {
        height: 294px;
        border-radius: 0px 40px 40px 0px;
        bottom: -12px;
        right: -12px;
        top: inherit; }
      .order .container .orderForm form {
        margin-top: 30px; }
        .order .container .orderForm form .inputWrapper {
          width: 100%; }
          .order .container .orderForm form .inputWrapper .input {
            width: 310px;
            font-weight: 500;
            font-size: 16px;
            line-height: 20px;
            letter-spacing: -0.04em; }
        .order .container .orderForm form .button {
          margin-top: 30px; }
          .order .container .orderForm form .button .success {
            bottom: -28px; }
  .howItUse {
    padding-bottom: 96px; }
    .howItUse .container .imageWrapper img {
      width: 454.89px;
      height: 303.95px;
      border-radius: 13.8475px; }
    .howItUse .container .imageWrapper:after {
      width: 173.09px;
      height: 161.32px;
      top: -11px;
      left: -10px; }
    .howItUse .container .imageWrapper:before {
      width: 103.86px;
      height: 112.94px;
      right: -17px;
      bottom: -17px; }
    .howItUse .container .contentWrapper {
      padding-left: 30px; }
      .howItUse .container .contentWrapper .title {
        font-weight: bold;
        font-size: 27.695px;
        line-height: 34px; }
      .howItUse .container .contentWrapper ul {
        padding-left: 0; }
        .howItUse .container .contentWrapper ul li {
          font-weight: normal;
          font-size: 12px;
          line-height: 15px;
          margin-bottom: 15px; }
          .howItUse .container .contentWrapper ul li i {
            width: 10.39px;
            min-height: 10.39px;
            min-width: 10.39px;
            height: 10.39px; }
  .authenticity .container:after, .cooperation .container:after {
    top: 110px;
    left: 24px;
    right: inherit;
    border-radius: 30px 0px 0px 30px;
    height: 231px; }
  .authenticity .container .contentWrapper, .cooperation .container .contentWrapper {
    margin-left: 41px;
    padding-top: 140px;
    max-width: 501px;
    margin-right: 23px; }
    .authenticity .container .contentWrapper .title, .cooperation .container .contentWrapper .title {
      font-size: 30px;
      line-height: 37px; }
    .authenticity .container .contentWrapper .desc, .cooperation .container .contentWrapper .desc {
      font-size: 20px;
      line-height: 24px;
      margin-top: 10px; }
  .authenticity .container img, .cooperation .container img {
    position: relative;
    width: 164px;
    height: 311.29px;
    top: 30px; }
  .elements {
    padding-top: 60px; }
    .elements .container {
      padding: 0; }
  .howItWorks .container h2.title, .info .plus h2.title, .benefits .container h2.title {
    font-weight: bold;
    font-size: 30px;
    line-height: 37px; }
  .howItWorks {
    padding-top: 55px;
    padding-bottom: 90px; }
    .howItWorks .container .videoWrapper {
      margin-top: 43px;
      height: 366.78px; }
      .howItWorks .container .videoWrapper:after {
        width: 173.01px;
        height: 161.24px;
        right: -13px;
        top: -11px; }
      .howItWorks .container .videoWrapper:before {
        width: 103.81px;
        height: 112.88px;
        bottom: -25px;
        left: -25px; }
  .info .plus {
    padding-top: 40px;
    padding-bottom: 55px; }
    .info .plus .title {
      font-weight: bold;
      font-size: 30px;
      line-height: 37px; }
    .info .plus .plusWrapper {
      margin-top: 30px;
      background-position: 300px 100px; }
      .info .plus .plusWrapper .item {
        margin-bottom: 15px; }
        .info .plus .plusWrapper .item:after {
          width: 178.93px;
          height: 26.98px;
          right: -105px;
          top: 55px; }
        .info .plus .plusWrapper .item:nth-child(1) {
          width: 244.96px; }
          .info .plus .plusWrapper .item:nth-child(1) .stepNumber {
            width: 61.06px;
            height: 127.8px; }
        .info .plus .plusWrapper .item:nth-child(2) {
          width: 237.15px;
          margin: 0 30px; }
          .info .plus .plusWrapper .item:nth-child(2) .stepNumber {
            width: 92.3px;
            height: 127.8px; }
        .info .plus .plusWrapper .item:nth-child(3) {
          width: 224px; }
          .info .plus .plusWrapper .item:nth-child(3) .stepNumber {
            width: 92.3px;
            height: 127.8px; }
        .info .plus .plusWrapper .item:nth-child(4) {
          width: 247px;
          margin-right: 15px; }
          .info .plus .plusWrapper .item:nth-child(4) .stepNumber {
            width: 92.3px;
            height: 127.8px; }
          .info .plus .plusWrapper .item:nth-child(4):after {
            top: 60px; }
        .info .plus .plusWrapper .item:nth-child(5) {
          width: 225.08px; }
          .info .plus .plusWrapper .item:nth-child(5) .stepNumber {
            width: 92.3px;
            height: 127.8px; }
        .info .plus .plusWrapper .item .desc {
          font-weight: 500;
          font-size: 14px;
          line-height: 17px; }
  .info .container .desc .title {
    font-weight: bold;
    font-size: 30px;
    line-height: 37px;
    max-width: 659px;
    margin-bottom: 20px; }
  .info .container .desc .infoImage {
    width: 786px;
    height: 314px;
    margin-top: 15px; }
  .selectWrapper .select .selectValue {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.04em; }
  .compilation {
    padding-bottom: 48px; }
    .compilation .container .title {
      font-weight: bold;
      font-size: 30px;
      line-height: 37px;
      margin-bottom: 30px; }
    .compilation .container .compilationWrapper {
      width: 100%;
      padding: 39px 58px;
      height: auto; }
      .compilation .container .compilationWrapper:after {
        border-radius: 40px 0px 0px 40px;
        height: 314px;
        top: 23px;
        left: -11px;
        right: inherit; }
      .compilation .container .compilationWrapper:before {
        right: -8px;
        bottom: -8px; }
      .compilation .container .compilationWrapper .compilationContentWrapepr {
        width: 670px; }
        .compilation .container .compilationWrapper .compilationContentWrapepr .compilationForm {
          margin: 20px 0; }
          .compilation .container .compilationWrapper .compilationContentWrapepr .compilationForm .selectWrapper .select {
            width: 310px; }
        .compilation .container .compilationWrapper .compilationContentWrapepr .resultWrapper .result {
          font-weight: bold;
          font-size: 18px;
          line-height: 22px; }
        .compilation .container .compilationWrapper .compilationContentWrapepr .resultWrapper .price {
          font-weight: bold;
          font-size: 20px;
          line-height: 24px; }
        .compilation .container .compilationWrapper .compilationContentWrapepr .button {
          margin-top: 30px;
          font-weight: 600;
          font-size: 18px;
          line-height: 22px; }
  .cooperation {
    padding-top: 0; }
    .cooperation .container:after {
      top: 51px;
      height: 264px;
      border-radius: 30px 0px 0px 30px; }
    .cooperation .container .contentWrapper {
      padding-top: 90px;
      max-width: 430px;
      margin-left: 27px;
      margin-right: 0; }
      .cooperation .container .contentWrapper .title {
        font-weight: bold;
        font-size: 25px;
        line-height: 30px; }
      .cooperation .container .contentWrapper .phone {
        font-weight: bold;
        font-size: 40px;
        line-height: 49px;
        margin-top: 10px; }
      .cooperation .container .contentWrapper .email {
        font-weight: bold;
        font-size: 20px;
        line-height: 24px;
        margin-top: 10px; }
    .cooperation .container img {
      width: 360.46px;
      height: 285.1px;
      margin-right: -24px; }
  .main .container .mainWrapper {
    margin-top: 0;
    padding-top: 31px;
    height: auto;
    padding-bottom: 25px; }
    .main .container .mainWrapper .title {
      font-weight: bold;
      font-size: 50px;
      line-height: 61px; }
    .main .container .mainWrapper .subtitle {
      font-weight: 500;
      font-size: 18px;
      line-height: 22px;
      margin-top: 14px;
      max-width: 405px; }
    .main .container .mainWrapper .button {
      margin-top: 22px; }
  .header .container .logoContainer .logoImage {
    width: 92.86px;
    height: 54.42px; }
  .header .container .logoContainer .logoTitle {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px; }
  .header .container .phoneContainer .phone {
    font-weight: 600;
    font-size: 22px;
    line-height: 20px; }
  .header .container .phoneContainer .messenger {
    margin-left: 10.33px; }
    .header .container .phoneContainer .messenger svg {
      width: 24px;
      height: 24px; }
  .header .container .phoneContainer .button {
    width: 150.17px;
    height: 40.55px;
    font-weight: 600;
    font-size: 11.0219px;
    line-height: 13px;
    margin-left: 10.33px; }
  .container {
    padding: 0 25px; } }

@media (max-width: 834px) {
  #callPopup, #certImage {
    max-width: 100%; }
    #callPopup .title, #certImage .title {
      font-size: 20px;
      line-height: 24px; }
    #callPopup .formWrapper .button, #certImage .formWrapper .button {
      font-size: 16px;
      line-height: 20px; }
  .footer {
    padding: 20px 0 31px 0; }
  .map {
    padding: 184px 0 468px 0; }
    .map .container .mapWrapper {
      height: 484px;
      width: 100vw;
      margin: 0 -16px;
      border-radius: 0px;
      background-position: center; }
      .map .container .mapWrapper .addressWrapper {
        position: absolute;
        bottom: -438px;
        top: inherit;
        left: 50%;
        margin-left: -171.5px;
        width: 343px;
        height: 513px; }
        .map .container .mapWrapper .addressWrapper:after, .map .container .mapWrapper .addressWrapper:before {
          display: none; }
        .map .container .mapWrapper .addressWrapper .title {
          font-weight: 600;
          font-size: 20px;
          line-height: 24px; }
        .map .container .mapWrapper .addressWrapper .contentWrapper .item .name {
          font-size: 16px;
          line-height: 24px; }
        .map .container .mapWrapper .addressWrapper .contentWrapper .item .content {
          font-size: 16px;
          line-height: 24px; }
      .map .container .mapWrapper .orderToHome {
        top: -152px;
        margin-left: -171.5px;
        bottom: inherit;
        width: 343px;
        height: 215px;
        padding: 44px 15px 32px 15px; }
        .map .container .mapWrapper .orderToHome .title {
          font-size: 20px;
          line-height: 24px; }
        .map .container .mapWrapper .orderToHome .button {
          font-size: 16px;
          line-height: 20px; }
  .cooperation .container {
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; }
    .cooperation .container:after {
      width: -webkit-calc(100% - 32px);
      width: calc(100% - 32px);
      height: 482px;
      border-radius: 20px;
      left: 0;
      margin: 0 16px; }
    .cooperation .container .contentWrapper .title {
      font-weight: bold;
      font-size: 20px;
      line-height: 24px; }
    .cooperation .container .contentWrapper .phone {
      font-size: 30px;
      line-height: 37px; }
    .cooperation .container .contentWrapper .email {
      font-size: 16px;
      line-height: 20px; }
    .cooperation .container img {
      width: 323.9px;
      height: auto;
      margin-right: 0;
      top: 15px;
      left: 10px; }
  .benefits {
    padding-top: 10px; }
    .benefits .container h2.title {
      font-weight: bold;
      font-size: 20px;
      line-height: 24px; }
    .benefits .container .subtitle {
      font-weight: 600;
      font-size: 18px;
      line-height: 22px;
      margin-top: 10px; }
    .benefits .container .benefitsWrapper {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center; }
      .benefits .container .benefitsWrapper ul li {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column;
        font-size: 20px;
        line-height: 24px;
        text-align: center;
        max-width: 100%;
        width: 100%;
        margin-bottom: 80px; }
        .benefits .container .benefitsWrapper ul li img {
          width: 150px;
          height: 150px;
          margin-right: 0;
          margin-bottom: 30px; }
      .benefits .container .benefitsWrapper .imageWrapper {
        top: 0;
        left: 0;
        margin-top: 35px; }
        .benefits .container .benefitsWrapper .imageWrapper:after {
          width: 213px;
          height: 199px; }
        .benefits .container .benefitsWrapper .imageWrapper:before {
          width: 86.66px;
          height: 93.97px; }
        .benefits .container .benefitsWrapper .imageWrapper img {
          width: 350px;
          height: auto; }
  .order {
    padding-top: 18px; }
    .order .container .orderForm {
      width: 100%;
      padding: 41px 15px;
      border-radius: 20px;
      -webkit-box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1);
              box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1); }
      .order .container .orderForm:after, .order .container .orderForm:before {
        display: none; }
      .order .container .orderForm .title {
        font-weight: bold;
        font-size: 20px;
        line-height: 24px; }
      .order .container .orderForm .callForm {
        margin-top: 30px; }
        .order .container .orderForm .callForm .inputWrapper {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -webkit-flex-direction: column;
              -ms-flex-direction: column;
                  flex-direction: column;
          -webkit-box-align: center;
          -webkit-align-items: center;
              -ms-flex-align: center;
                  align-items: center; }
          .order .container .orderForm .callForm .inputWrapper .phoneInputWrapper {
            margin-top: 20px; }
        .order .container .orderForm .callForm .button {
          font-weight: 600;
          font-size: 16px;
          line-height: 20px; }
  .howItUse {
    padding-bottom: 50px; }
    .howItUse .container {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column; }
      .howItUse .container .imageWrapper img {
        width: 100%;
        height: auto; }
      .howItUse .container .contentWrapper {
        padding-top: 42px;
        padding-left: 0; }
        .howItUse .container .contentWrapper .title {
          font-size: 20px;
          line-height: 24px; }
        .howItUse .container .contentWrapper ul {
          margin-top: 20px; }
          .howItUse .container .contentWrapper ul li {
            font-size: 16px;
            line-height: 20px;
            margin-bottom: 20px; }
            .howItUse .container .contentWrapper ul li:last-child {
              margin-bottom: 0; }
            .howItUse .container .contentWrapper ul li i {
              margin-right: 15px; }
  .authenticity {
    padding-top: 45px; }
    .authenticity .container:after {
      height: 217px;
      top: 0;
      left: 20px; }
    .authenticity .container .contentWrapper {
      padding-top: 30px;
      margin-left: 0;
      padding-left: 16px;
      margin-right: 0; }
      .authenticity .container .contentWrapper .title {
        font-weight: bold;
        font-size: 20px;
        line-height: 24px;
        width: 263px; }
      .authenticity .container .contentWrapper .desc {
        font-weight: 500;
        font-size: 14px;
        line-height: 17px;
        margin-top: 19px; }
    .authenticity .container img {
      width: 92.49px;
      height: 175.56px;
      top: 40px;
      margin-right: -16px; }
  .elements {
    padding-top: 50px; }
  .howItWorks .container h2.title, .info .container h2.title, .benefits .container h2.title {
    font-size: 20px;
    line-height: 24px; }
  .info {
    padding-top: 5px; }
    .info .container .desc .title {
      font-size: 20px;
      line-height: 24px;
      margin-bottom: 13px; }
    .info .container .desc .content {
      font-size: 16px;
      line-height: 20px;
      text-align: justify; }
    .info .container .desc .infoImage {
      width: 100%;
      height: 137px; }
    .info .plus {
      padding-top: 50px;
      padding-bottom: 5px; }
      .info .plus .plusWrapper {
        margin-top: 50px;
        background: none;
        width: 100%; }
        .info .plus .plusWrapper .item {
          width: 100%; }
          .info .plus .plusWrapper .item .desc {
            font-weight: 500;
            font-size: 16px;
            line-height: 20px;
            width: 100%;
            margin-top: 30px; }
          .info .plus .plusWrapper .item:after {
            display: none; }
          .info .plus .plusWrapper .item:nth-child(1), .info .plus .plusWrapper .item:nth-child(2), .info .plus .plusWrapper .item:nth-child(3), .info .plus .plusWrapper .item:nth-child(4), .info .plus .plusWrapper .item:nth-child(5) {
            margin: 0 0 50px 0;
            width: 100%; }
            .info .plus .plusWrapper .item:nth-child(1) .stepNumber, .info .plus .plusWrapper .item:nth-child(2) .stepNumber, .info .plus .plusWrapper .item:nth-child(3) .stepNumber, .info .plus .plusWrapper .item:nth-child(4) .stepNumber, .info .plus .plusWrapper .item:nth-child(5) .stepNumber {
              width: 130px;
              height: 180px; }
  .compilation .container .title {
    font-weight: bold;
    font-size: 20px;
    line-height: 24px; }
  .compilation .container .compilationWrapper {
    width: 100%;
    padding: 29px 20px; }
    .compilation .container .compilationWrapper:after, .compilation .container .compilationWrapper:before {
      display: none; }
    .compilation .container .compilationWrapper .compilationContentWrapepr .compilationTitle {
      font-weight: bold;
      font-size: 18px;
      line-height: 22px; }
    .compilation .container .compilationWrapper .compilationContentWrapepr .compilationForm {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      margin-top: 40px; }
      .compilation .container .compilationWrapper .compilationContentWrapepr .compilationForm .selectWrapper:first-child {
        margin-bottom: 20px; }
      .compilation .container .compilationWrapper .compilationContentWrapepr .compilationForm .selectWrapper .select {
        width: 100%; }
        .compilation .container .compilationWrapper .compilationContentWrapepr .compilationForm .selectWrapper .select .selectValue {
          letter-spacing: -0.04em;
          font-weight: 500;
          font-size: 16px;
          line-height: 20px; }
        .compilation .container .compilationWrapper .compilationContentWrapepr .compilationForm .selectWrapper .select .optionList {
          z-index: 100; }
    .compilation .container .compilationWrapper .compilationContentWrapepr .resultWrapper {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: start;
      -webkit-align-items: start;
          -ms-flex-align: start;
              align-items: start; }
      .compilation .container .compilationWrapper .compilationContentWrapepr .resultWrapper .result {
        font-size: 16px;
        line-height: 20px; }
      .compilation .container .compilationWrapper .compilationContentWrapepr .resultWrapper .price {
        margin-top: 15px;
        margin-left: 0;
        font-size: 18px;
        line-height: 22px; }
    .compilation .container .compilationWrapper .compilationContentWrapepr .button {
      font-size: 16px;
      line-height: 20px;
      margin-top: 20px; }
  .main {
    padding-bottom: 26px;
    margin-top: 103px; }
    .main .container .mainWrapper {
      padding-top: 31px;
      background-position: -center 0;
      background-size: contain;
      background-repeat: no-repeat;
      height: 527px; }
      .main .container .mainWrapper .title {
        font-weight: bold;
        font-size: 20px;
        line-height: 24px;
        max-width: 235px; }
        .main .container .mainWrapper .title br {
          display: none; }
      .main .container .mainWrapper .subtitle {
        font-weight: 500;
        font-size: 12px;
        line-height: 15px;
        max-width: 289px;
        margin-top: 6px; }
      .main .container .mainWrapper .button {
        margin: 352px auto 0 auto;
        font-weight: 600;
        font-size: 16px;
        line-height: 20px;
        width: 260px; }
  .container {
    padding: 0 16px; }
  .header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100; }
    .header .container {
      height: 103px; }
      .header .container .logoContainer .logoImage {
        width: 63px;
        height: 37px;
        margin-top: 7px; }
      .header .container .logoContainer .logoTitle {
        font-weight: 600;
        font-size: 12px;
        line-height: 15px;
        margin-left: 18px;
        max-width: 193px; }
      .header .container .phoneContainer {
        position: fixed;
        display: none;
        top: 103px;
        left: 0;
        width: 100vw;
        height: -webkit-calc(100vh - 103px);
        height: calc(100vh - 103px);
        background: #ffffff;
        overflow-y: scroll; }
        .header .container .phoneContainer .exit {
          display: block;
          position: absolute;
          right: 20px;
          top: 20px;
          font-size: 32px; }
      .header .container .phoneContainer.active {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: start;
        -webkit-justify-content: start;
            -ms-flex-pack: start;
                justify-content: start;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center; }
        .header .container .phoneContainer.active .messengerWrappe {
          margin: 20px 0; }
      .header .container .humburger {
        display: block;
        margin-top: 7px; }
      .header .container .addressWrapepr {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex; } }

@media (max-width: 500px) {
  .benefits .container .benefitsWrapper .imageWrapper:after, .benefits .container .benefitsWrapper .imageWrapper:before {
    display: none; }
  .benefits .container .benefitsWrapper .imageWrapper img {
    width: 100%; }
  .main .container .mainWrapper {
    background-size: 200%;
    background-position: right 100px;
    margin: 0; } }