html {
  line-height: 1.15;

  -webkit-text-size-adjust: 100%;
  }


body {
  margin: 0; }

main {
  display: block; }


h1 {
  font-size: 2em;
  margin: 0.67em 0; }

hr {
  box-sizing: content-box;
 
  height: 0;
 
  overflow: visible;
 }

pre {
  font-family: monospace, monospace;
 
  font-size: 1em;
  }


a {
  background-color: transparent; }


abbr[title] {
  border-bottom: none;

  text-decoration: underline;
 
  text-decoration: underline dotted;
 }

b,
strong {
  font-weight: bolder; }


code,
kbd,
samp {
  font-family: monospace, monospace;
 
  font-size: 1em;
 }


small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

img {
  border-style: none; }


button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  
  font-size: 100%;
 
  line-height: 1.15;
  
  margin: 0;
   }


button,
input {
 
  overflow: visible; }

button,
select {
 
  text-transform: none; }

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }


button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }


fieldset {
  padding: 0.35em 0.75em 0.625em; }


legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }


progress {
  vertical-align: baseline; }

textarea {
  overflow: auto; }


[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }


[type="search"] {
  -webkit-appearance: textfield;
  
  outline-offset: -2px;
  }

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }


::-webkit-file-upload-button {
  -webkit-appearance: button;

  font: inherit;
  }

details {
  display: block; }

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item; }

template {
  display: none; }

[hidden] {
  display: none; }

@font-face {
  font-family: 'Myriad Pro Regular';
  src: url("../fonts/MyriadPro-Regular.eot");
  src: url("../fonts/MyriadPro-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/MyriadPro-Regular.woff") format("woff"), url("../fonts/MyriadPro-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

body {
  background-color: #0f2c26;
  font-family: Arial; }

input:invalid {
    box-shadow: none;
}

section {
  max-width: 320px;
  margin: 0 auto;
  padding: 0 12px; }

.header {
  background-color: #fff;
  border-radius: 16px;
  border: 3px dashed #fd3c9c;
  text-align: center;
  padding: 10px;
  font-size: 12.5px;
  margin-top: 24px;
  margin-bottom: 22px; }
  .header .text1 {
    text-transform: uppercase;
    color: #0f2c26;
    font-weight: bold; }
  .header .text2 {
    color: #87ab5a; }

.main1 {
  background-color: #fff;
  border-radius: 8px;
  text-align: center;
  margin-bottom: 30px; }
  .main1 .text1 {
    background: url("../img/main_bg_line1.png") bottom center no-repeat;
    font-size: 44.76px;
    text-transform: uppercase;
    padding: 22px 20px 17px;
    color: white;
    font-family: 'Myriad Pro Regular';
    text-shadow: -0   -3px 0   #13352E,
 0   -3px 0   #13352E,
 -0    3px 0   #13352E,
 0    3px 0   #13352E,
 -3px -0   0   #13352E,
 3px -0   0   #13352E,
 -3px  0   0   #13352E,
 3px  0   0   #13352E,
 -1px -3px 0   #13352E,
 1px -3px 0   #13352E,
 -1px  3px 0   #13352E,
 1px  3px 0   #13352E,
 -3px -1px 0   #13352E,
 3px -1px 0   #13352E,
 -3px  1px 0   #13352E,
 3px  1px 0   #13352E,
 -2px -3px 0   #13352E,
 2px -3px 0   #13352E,
 -2px  3px 0   #13352E,
 2px  3px 0   #13352E,
 -3px -2px 0   #13352E,
 3px -2px 0   #13352E,
 -3px  2px 0   #13352E,
 3px  2px 0   #13352E,
 -3px -3px 0   #13352E,
 3px -3px 0   #13352E,
 -3px  3px 0   #13352E,
 3px  3px 0   #13352E,
 -3px -3px 0   #13352E,
 3px -3px 0   #13352E,
 -3px  3px 0   #13352E,
 3px  3px 0   #13352E; }
  .main1 .wrap1 {
   }
    .main1 .wrap1 .text2 {
      font-size: 20.83px;
      font-weight: bold;
      padding: 0 20px;
      color: #fd2a93; }
    .main1 .wrap1 .text3 {
      color: #0f2c26;
      font-size: 14.58px;
      padding: 0 20px;
      position: relative;
      z-index: 10; }
      .main1 .wrap1 .text3::before {
        content: '';
        position: absolute;
        background: url("../img/main_bg_kan1.png") no-repeat;
        width: 100%;
        height: 100%;
        top: -20px;
        left: 10px;
        z-index: -1; }
  .main1 .text4 {
    color: #0f2c26;
    font-size: 14.58px;
    padding: 23px 20px 15px;
    position: relative;
    z-index: 1; }
    .main1 .text4::before {
      content: '';
      position: absolute;
      background: url("../img/main_bg_kan2.png") no-repeat;
      width: 100%;
      height: 100%;
      top: -16px;
      left: 10px;
      z-index: -10; }
  .main1 .text5 {
    font-size: 16.67px;
    font-weight: bold;
    color: #fd1f8d; }
  .main1 .text6 {
    font-size: 12.5px;
    color: #87ab5a;
    background: url("../img/main_bg_line2.png") bottom center no-repeat;
    padding: 0 25px 21px; }
  .main1 .wrap2 {
    background: url("../img/main_bg2.png") center center no-repeat;
    height: 312px;
    position: relative; }
    .main1 .wrap2 .wrap3 {
      background: url("../img/main_bg_price.png") center center no-repeat;
      position: absolute;
      top: 150px;
      left: 75px;
      padding: 25px; }
      .main1 .wrap2 .wrap3 .oldPrice {
        text-align: right; }
        .main1 .wrap2 .wrap3 .oldPrice .oldPriceForLandingInfoApi {
          font-size: 20px;
          text-decoration: line-through; }
        .main1 .wrap2 .wrap3 .oldPrice .labelForLandingInfoApi {
          font-size: 10px; }
      .main1 .wrap2 .wrap3 .newPrice {
        color: white;
        padding-bottom: 10px; }
        .main1 .wrap2 .wrap3 .newPrice .priceForLandingInfoApi {
          font-size: 32px;
          line-height: 30px; }
        .main1 .wrap2 .wrap3 .newPrice .labelForLandingInfoApi {
          font-size: 18px; }
  .main1 .wrap4 {
    background: url("../img/main_bg3.png") top center no-repeat;
    background-size: contain;
    background-color: #d5d5d5;
    border-radius: 0 0 8px 8px; }
    .main1 .wrap4 .text7 {
      font-size: 41.67px;
      font-weight: bold;
      color: white; }
    .main1 .wrap4 .text8 {
      font-size: 12.5px;
      padding: 0 10px;
      color: white;
      padding-bottom: 46px; }
    .main1 .wrap4 .text9 {
      font-size: 16.67px;
      font-weight: bold;
      color: #87ab5a;
      padding: 10px; }
    .main1 .wrap4 .timer {
      font-size: 45.83px;
      padding-bottom: 28px; }
      .main1 .wrap4 .timer span > span {
        background-color: #fff;
        border-radius: 6px;
        padding: 2px;
        margin-right: 5px; }
      .main1 .wrap4 .timer span + span {
        margin: 0; }
    .main1 .wrap4 input {
      margin-bottom: 10px;
      font-size: 16.67px;
      font-weight: bold;
      color: #d5d5d5;
      padding: 12px;
      width: 274px;
      box-sizing: border-box;
      border: none; }
      .main1 .wrap4 input::placeholder {
        color: #d5d5d5; }
    .main1 .wrap4 button {
      color: white;
      font-size: 13.5px;
      font-weight: bold;
      background-color: #ff0000;
      border: 3px solid white;
      border-radius: 26px;
      width: 274px;
      padding: 8px 0px;
      margin-top: 10px;
      margin-bottom: 40px;
      box-shadow: 0 0 16px rgba(0, 0, 0, 0.5);
      position: relative; 
      cursor: pointer;
    }
      .main1 .wrap4 button::before {
        content: '';
        position: absolute;
        background: url('../img/main_button_bg.png') no-repeat;
        width: 100%;
        height: 100%;
        top: -5px;
        left: -5px; }
      .main1 .wrap4 button span {
        font-size: 30px; }

.social1 {
  background-color: #fff;
  border-radius: 8px;
  font-size: 12.5px;
  font-weight: bold;
  color: #3b5998;
  margin-bottom: 30px; }
  .social1 div {
    display: flex;
    align-items: center; }
  .social1 .first, .social1 .second {
    padding: 5px 10px; }
    .social1 .first {
      margin-left: 5px;
    }
  .social1 .second {
    background: url("../img/main_bg_line1.png") top center no-repeat;
    background-size: contain; }
.txt {
  margin: 0 auto;
}
.social2 {
  background-color: #fff;
  border-radius: 8px;
  margin-bottom: 30px;
  padding: 8px 12px 5px;
  text-align: center; }

.main2 {
  background-color: #fff;
  border-radius: 8px;
  text-align: center;
  margin-bottom: 30px; }
  .main2 .text1 {
    font-size: 41.67px;
    font-weight: bold;
    color: #fd1f8d; }
  .main2 .text2 {
    font-size: 20.83px;
    color: #4d6c49;
    padding-bottom: 12px; }
  .main2 .text3 {
    font-size: 16.67px;
    color: #fd1f8d;
    padding: 20px; }
  .main2 .text4 {
    font-size: 16.67px;
    color: #4d6c49;
    text-align: left;
    display: flex;
    padding: 40px 24px 0 12px; }
    .main2 .text4 img {
      padding-right: 18px;
      height: 46px; }
    .main2 .text4 span {
      font-weight: bold;
      position: relative; }
  .main2 .text5 {
    font-size: 16.67px;
    color: #4d6c49;
    text-align: left;
    display: flex;
    padding: 40px 24px 10px 12px;
    position: relative; }
    .main2 .text5 img {
      padding-right: 18px;
      height: 46px; }
    .main2 .text5::before {
      content: '';
      position: absolute;
      background: url("../img/main2_img2.png") right top no-repeat;
      width: 100%;
      height: 100%;
      top: 0;
      right: 12px; }
  .main2 > img {
    padding: 0 12px; }
  .main2 .text6 {
    font-size: 20.83px;
    font-weight: bold;
    color: #ff0000;
    text-align: left;
    padding-left: 12px;
    padding-top: 12px; }
  .main2 .text7 {
    font-size: 16.67px;
    color: #4d6c49;
    text-align: left;
    padding-left: 12px;
    padding-top: 20px;
    padding-bottom: 16px; }
  .main2 .text8 {
    font-size: 20.83px;
    color: #ff0000;
    text-align: left;
    padding-left: 12px;
    padding-bottom: 16px; }
    .main2 .text8 .priceAndLabelForLandingInfoApi {
      font-weight: bold;
      font-size: 25px;
      line-height: 10px; }
  .main2 .button {
    background-color: #0f2c26;
    padding: 20px 0; 
    cursor: pointer;
  }
    .main2 .button button {
      color: white;
      font-size: 13.5px;
      font-weight: bold;
      background-color: #fd3c9c;
      border: 3px solid white;
      border-radius: 26px;
      width: 274px;
      padding: 8px 0px;
      box-shadow: 0 0 16px rgba(0, 0, 0, 0.5);
      position: relative;
    cursor: pointer; }
      .main2 .button button::before {
        content: '';
        position: absolute;
        background: url('../img/main_button_bg.png') no-repeat;
        width: 100%;
        height: 100%;
        top: -5px;
        left: -5px; }
      .main2 .button button span {
        font-size: 30px; }
  .main2 .text9 {
    font-size: 12.5px;
    padding: 10px 0;
    color: #0f2c26; }

.main3 {
  background-color: #fff;
  border-radius: 8px;
  text-align: center;
  margin-bottom: 30px; }
  .main3 .text1 {
    font-size: 16.67px;
    font-weight: bold;
    color: #89ad5a;
    padding: 25px 0 35px 0; }
  .main3 .text2 {
    text-align: left;
    padding: 12px;
    background: url("../img/main3_img1.png") 35% center no-repeat; }
    .main3 .text2 .title {
      padding-right: 30px;
      font-weight: bold;
      color: #18342e; }
  .main3 .text3 {
    text-align: left;
    padding: 10px 12px 40px;
    color: #4d6c49; }
  .main3 .text4 {
    font-size: 20.83px;
    padding: 12px;
    background-color: #0f2c26;
    color: white; }
    .main3 .text4 span {
      font-weight: bold; }
  .main3 .wrap {
    background-color: #effcd4;
    border-radius: 0 0 8px 8px;
    color: #0f2c26;
    font-size: 16.67px;
    padding: 30px 12px;
    display: flex;
    flex-direction: column; }
    .main3 .wrap span {
      font-weight: bold; }
    .main3 .wrap .txt2 {
      width: 50%;
      align-self: flex-end;
      text-align: right;
      padding-top: 10px; }
      .main3 .wrap .txt2 span {
        font-size: 25px; }
      .main3 .wrap .txt2 img {
        margin: 0 auto; }
    .main3 .wrap .txt3 {
      width: 50%;
      align-self: flex-start;
      text-align: left;
      margin-top: -80px; }
      .main3 .wrap .txt3 span {
        font-size: 25px; }
    .main3 .wrap img {
      display: block; }
    .main3 .wrap .txt4 {
      padding-top: 80px;
      position: relative; }
      .main3 .wrap .txt4 img {
        position: absolute;
        right: 50px;
        bottom: 60px; }

.offer {
  background-color: #fff;
  border-radius: 8px;
  text-align: center;
  margin-bottom: 30px; }
  .offer .text7 {
    font-size: 16.67px;
    color: #0f2c26;
    text-align: left;
    padding-left: 12px;
    padding-top: 20px;
    padding-bottom: 16px; }
  .offer .text8 {
    font-size: 20.83px;
    color: #fd3c9c;
    text-align: left;
    padding-left: 12px;
    padding-bottom: 10px; }
    .offer .text8 .priceAndLabelForLandingInfoApi {
      font-weight: bold;
      font-size: 25px;
      line-height: 10px; }
  .offer .button {
    padding: 20px 0; }
    .offer .button button {
      color: white;
      font-size: 13.5px;
      font-weight: bold;
      background-color: #fd3c9c;
      border: 3px solid white;
      border-radius: 26px;
      width: 274px;
      padding: 8px 0px;
      box-shadow: 0 0 16px rgba(0, 0, 0, 0.5);
      position: relative;
    cursor: pointer; }
      .offer .button button::before {
        content: '';
        position: absolute;
        background: url('../img/main_button_bg.png') no-repeat;
        width: 100%;
        height: 100%;
        top: -5px;
        left: -5px; }
      .offer .button button span {
        font-size: 30px; }

.comments {
  background-color: #fff;
  border-radius: 8px;
  text-align: left;
  margin-bottom: 30px; }
  .comments .text1 {
    font-size: 20.83px;
    color: #0f2c26;
    padding: 12px; }
  .comments .text2 {
    font-size: 20.83px;
    background-color: #fd3c9c;
    padding: 12px;
    color: white; }
  .comments .wrapper {
    background-color: #0f2c26;
    margin-top: 16px;
    padding: 15px 12px 8px;
    color: white; }
    .comments .wrapper .title {
      display: flex; }
      .comments .wrapper .title .name {
        font-size: 20.83px;
        padding-left: 16px; }

.main4 {
  background-color: #fff;
  border-radius: 8px;
  text-align: center;
  margin-bottom: 30px;
  padding: 12px;
  color: #0f2c26; }
  .main4 p {
    text-align: left;
    font-size: 16.67px; }
  .main4 span {
    font-weight: bold; }

.main5 {
  background-color: #fff;
  border-radius: 8px;
  text-align: center;
  margin-bottom: 30px; }
  .main5 .text1 {
    font-size: 44.76px;
    text-transform: uppercase;
    padding: 22px 20px 17px;
    color: white;
    font-family: 'Myriad Pro Regular';
    text-shadow: -0   -3px 0   #13352E,
 0   -3px 0   #13352E,
 -0    3px 0   #13352E,
 0    3px 0   #13352E,
 -3px -0   0   #13352E,
 3px -0   0   #13352E,
 -3px  0   0   #13352E,
 3px  0   0   #13352E,
 -1px -3px 0   #13352E,
 1px -3px 0   #13352E,
 -1px  3px 0   #13352E,
 1px  3px 0   #13352E,
 -3px -1px 0   #13352E,
 3px -1px 0   #13352E,
 -3px  1px 0   #13352E,
 3px  1px 0   #13352E,
 -2px -3px 0   #13352E,
 2px -3px 0   #13352E,
 -2px  3px 0   #13352E,
 2px  3px 0   #13352E,
 -3px -2px 0   #13352E,
 3px -2px 0   #13352E,
 -3px  2px 0   #13352E,
 3px  2px 0   #13352E,
 -3px -3px 0   #13352E,
 3px -3px 0   #13352E,
 -3px  3px 0   #13352E,
 3px  3px 0   #13352E,
 -3px -3px 0   #13352E,
 3px -3px 0   #13352E,
 -3px  3px 0   #13352E,
 3px  3px 0   #13352E; }
  .main5 .wrap2 {
    background: url("../img/main5_bg.png") center center no-repeat;
    height: 341px;
    position: relative; }
    .main5 .wrap2 .wrap3 {
      background: url("../img/main_bg_price.png") center center no-repeat;
      position: absolute;
      top: 150px;
      left: 75px;
      padding: 25px; }
      .main5 .wrap2 .wrap3 .oldPrice {
        text-align: right; }
        .main5 .wrap2 .wrap3 .oldPrice .oldPriceForLandingInfoApi {
          font-size: 20px;
          text-decoration: line-through; }
        .main5 .wrap2 .wrap3 .oldPrice .labelForLandingInfoApi {
          font-size: 10px; }
      .main5 .wrap2 .wrap3 .newPrice {
        color: white;
        padding-bottom: 10px; }
        .main5 .wrap2 .wrap3 .newPrice .priceForLandingInfoApi {
          font-size: 32px;
          line-height: 30px; }
        .main5 .wrap2 .wrap3 .newPrice .labelForLandingInfoApi {
          font-size: 18px; }
  .main5 .wrap4 {
    background: url("../img/main_bg3.png") top center no-repeat;
    background-size: contain;
    background-color: #d5d5d5;
    border-radius: 0 0 8px 8px; }
    .main5 .wrap4 .text7 {
      font-size: 41.67px;
      font-weight: bold;
      color: white; }
    .main5 .wrap4 .text8 {
      font-size: 12.5px;
      padding: 0 10px;
      color: white;
      padding-bottom: 46px; }
    .main5 .wrap4 .text9 {
      font-size: 16.67px;
      font-weight: bold;
      color: #87ab5a;
      padding: 0 12px 16px; }
    .main5 .wrap4 .timer {
      font-size: 45.83px;
      padding-bottom: 28px; }
      .main5 .wrap4 .timer span > span {
        background-color: #fff;
        border-radius: 6px;
        padding: 2px;
        margin-right: 5px; }
      .main5 .wrap4 .timer span + span {
        margin: 0; }
    .main5 .wrap4 input {
      margin-bottom: 10px;
      font-size: 16.67px;
      font-weight: bold;
      color: #d5d5d5;
      padding: 12px;
      width: 274px;
      box-sizing: border-box;
      border: none; }
      .main5 .wrap4 input::placeholder {
        color: #d5d5d5; }
    .main5 .wrap4 button {
      color: white;
      font-size: 13.5px;
      font-weight: bold;
      background-color: #ff0000;
      border: 3px solid white;
      border-radius: 26px;
      width: 274px;
      padding: 8px 0px;
      margin-top: 10px;
      margin-bottom: 40px;
      box-shadow: 0 0 16px rgba(0, 0, 0, 0.5);
      position: relative;
    cursor: pointer; }
      .main5 .wrap4 button::before {
        content: '';
        position: absolute;
        background: url('../img/main_button_bg.png') no-repeat;
        width: 100%;
        height: 100%;
        top: -5px;
        left: -5px; }
      .main5 .wrap4 button span {
        font-size: 30px; }

.privacy {
  padding-bottom: 10px; }