html {
    font-size: calc(15px + 0.390625vw);
    font-family: Arial, serif;
}
body {
    margin: 0;
    overflow-x: hidden;
    overflow-y: scroll;
}
.home {
    opacity: 1;
}
.no_transition * {
    -o-transition-property: none !important;
    -moz-transition-property: none !important;
    -ms-transition-property: none !important;
    -webkit-transition-property: none !important;
    transition-property: none !important;
    -o-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -webkit-transform: none !important;
    transform: none !important;
    -webkit-animation: none !important;
    -moz-animation: none !important;
    -o-animation: none !important;
    -ms-animation: none !important;
    animation: none !important;
}
.is_scrolling .show_site .intro {
    z-index: 1;
    background: #f6eefd;
}
a {
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
}
h1, h2, h3, h4 {
    margin: 0;
}
p {
    margin: 0;
    line-height: 23px;
}
ul {
    padding: 0;
}
.cf:after, .right:after {
    content: '';
    clear: both;
    display: table;
}
.page_height {
    height: 350vh;
}
.wrapper {
    top: 0;
    left: 0;
    right: 0;
    position: fixed;
    color: #4C2A6E; /*Purple*/
}
.show {
    opacity: 1;
}
.logo {
    top: 0;
    height: 31px;
    display: block;
    margin: 0 auto;
    padding: 60px 0 0;
    position: relative;
    transition: all 0.8s ease;
}
.trust {
    top: 0;
    margin: 0;
    z-index: 2;
    color: #4C2A6E;
    text-align: center;
    position: relative;
    padding: 15vh 0 5vh;
    transition: all 0.8s ease;
    font: bold 23vw/30vh Roboto;
}
.main {
    top: 0;
    width: 100%;
    height: 200vh;
    position: relative;
    background: #4C2A6E;
}
.main .trust {
    color: #fff;
    top: -540px;
    width: 100%;
    height: 428px;
    position: absolute;
}
.text_wrap {
    top: 0;
    opacity: 0;
    color: #fff;
    position: relative;
    transition: all 0.8s ease;
}
.text_wrap p {
    opacity: 0;
    text-align: center;
    transition: all 0.8s ease;
}
.text_wrap.top {
    opacity: 1;
    transition: all 0.8s ease;
}
.text_wrap .light {
    top: 0;
    position: relative;
    font: 300 2rem/4rem Roboto;
}
.text_wrap .dark {
    top: 47vh;
    position: relative;
    font: 900 3rem/4rem Roboto;
}
.wave_bg {
    top: -1px;
    width: 101%;
    display: block;
    position: absolute;
    transition: all 1.6s ease;
    transform: rotateX(0deg);
    border-bottom: 1px solid #4C2A6E;
}
.wave1 .wave_bg {
    top: -12rem;
    transform: scale(3) rotateX(10deg);
}

.wave1 .logo {
    height: 0;
    opacity: 0;
    padding: 0;
    top: -320px;
}
.wave1 .trust {
    top: 18vh;
    padding: 0;
    color: #fff;
}
.wave1 .text_wrap {
    top: 25vh;
    opacity: 1;
}
.wave1 .text_wrap p {
    opacity: 1;
}
.wave1 .light {
    font-size: 3.45rem;
}
.wave1 .dark {
    top: 8vh;
    font-size: 5.2rem;
}
.wave2 .intro {
    background: #4C2A6E;
}
.wave2 .trust {
    top: 51vh;
    transition: all 1.5s ease;
}
.wave2 .light {
    top: -20vh;
    font: 300 4.7vw/4vh Roboto;
}
.wave2 .dark {
    top: -47vh;
    position: relative;
    font: 900 9vw/12vh Roboto;
}

.site {
    height: 0;
    opacity: 0;
    color: #000;
    position: relative;
}
.show_site .intro .logo, .wave2 .wave, .wave2 .logo {
    display: none;
}
.base_anim {
    padding: 0 10px 0 0;
}
.base_anim .intro {
    height: 100vh;
}
.anim_to_site .top_wrap {
    top: -60px;
    position: absolute;
    transition: all 0.8s ease;
}
.show_site .top_wrap {
    top: 0;
    left: 0;
    right: 0;
    z-index: 2;
    width: 100%;
    height: 60px;
    margin: 0 auto;
    position: fixed;
    background: #fff;
    padding: 0 0 3px 0;
    box-shadow: 0 0 12px #00000033;
    border-bottom: 1px solid #cbcbcb;
}
.inner_top {
    margin: 0 auto;
    max-width: 1600px;
    position: relative;
}
.inner_wrap > div {
    top: 0;
    position: relative;
    margin: 425px auto 0;
    transition: all 1s ease;
}
.site .logo {
    height: 30px;
    width: 250px;
    display: inline-block;
    padding: 19px 15px 15px 0;
}
.site .menu {
    float: right;
}
.no_wrap, .site .menu {
    white-space: nowrap;
}
.menu a {
    color: #000;
    height: 60px;
    padding: 0 10px;
    font-size: 16px;
    line-height: 60px;
    transition: all 0.8s ease;
    border-bottom: 3px solid #fff;
}
.menu a:hover, .menu a:active, .menu a:focus {
    color: #4C2A6E;
}
.menu .active {
    color: #4C2A6E;
    border-bottom: 3px solid #4C2A6E;
}
.title {
    font-size: 2.8rem;
    font-weight: bold;
}
.box {
    width: 42%;
    min-height: 500px;
    display: inline-block;
}
.site > div:after {
    clear: both;
    content: '';
    display: table;
}
.content {
    font-size: 1.2rem;
    position: relative;
    line-height: 1.8rem;
    padding: 35px 0 127px;
}
.hero {
    right: 0;
    top: 50%;
    z-index: -1;
    width: 35rem;
    height: 34rem;
    overflow: hidden;
    position: absolute;
    transform: translateY(-50%);
}
.hero:after {
    top: 0;
    left: 0;
    content: '';
    display: block;
    width: inherit;
    height: inherit;
    position: absolute;
}
.steps {
    top: 0;
    margin: 0 auto;
    max-width: 1600px;
    position: relative;
    transition: all 1s ease;
}

.inner_wrap {
    top: 0;
    width: 100%;
    position: relative;
    padding: 0 0 10rem 0;
    display: inline-block;
}

.site .step1 {
    margin: 50% auto 5rem;
    transform: translateY(-100%);
}
.step1 .hero:after {
    background: url(/img/hero1.jpg?v1) no-repeat;
    background-size: contain;
}
.step2 .hero:after {
    background: url(/img/hero2.jpg?v1) no-repeat;
    background-size: contain;
}
.step3 .hero:after {
    background: url(/img/hero3.jpg?v1) no-repeat;
    background-size: contain;
}
.step4 .hero:after {
    background: url(/img/hero4.jpg?v1) no-repeat;
    background-size: contain;
}
.step5 .hero:after {
    background: url(/img/hero5.jpg?v1) no-repeat;
    background-size: contain;
}
.step6 .hero:after {
    background: url(/img/hero6.jpg?v1) no-repeat;
    background-size: contain;
}
.view_btn {
    left: 0;
    bottom: 0;
    color: #fff;
    height: 30px;
    line-height: 30px;
    padding: 10px 29px;
    text-align: center;
    position: absolute;
    border-radius: 5px;
    font-size: 0.95rem;
    background: #4C2A6E;
    transition: all 0.3s ease;
}
.view_btn:hover {
    color: #e6d2f9;
    text-decoration: none;
    border-right: 1px solid #e6d2f9;
    border-left: 1px solid #e6d2f9;
}
.right .box {
    z-index: 1;
    width: 50%;
    float: right;
    position: relative;
}
.right .hero {
    left: 0;
    right: auto;
}
.site .step3 {
    margin: 23rem auto 240px;
}
.step3 .box {
    width: 46%;
}
.anim_to_site .main {
    background: #D3C4E2;
    transition: all 1s ease;
}
.show_site .main {
    top: auto;
    left: auto;
    width: auto;
    height: auto;
    position: unset;
}
.base_anim, .base_anim .anim_to_site .text_wrap p {
    transition: all 1s ease;
}
.anim_to_site .text_wrap {
    opacity: 1;
    transition: all 0.8s ease;
}
.show_site .site {
    opacity: 1;
    height: auto;
    overflow: hidden;
}

.base_anim .intro .logo {
    display: none;
}
.base_anim .menu {
    opacity: 0;
    transition: all 1s ease;
}
.show_site .menu {
    opacity: 1;
}
.show_site .trust, .show_site .text_wrap {
    margin: 0;
    height: 0;
    opacity: 0;
}
.anim_to_site .trust, .anim_to_site .text_wrap p {
    top: 12rem;
    color: #fff;
    left: 6.5rem;
    opacity: 0.2;
    font-size: 2.6rem;
    position: absolute;
}
.anim_to_site .text_wrap p {
    top: 3rem;
}
.anim_to_site .text_wrap {
    top: 70px;
}
.anim_to_site .wave {
    display: none;
}
.anim_to_site .intro {
    top: 0;
    left: 0;
    opacity: 1;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    position: absolute;
}

.show_site .intro, .title b {
    left: 6rem;
    top: 13rem;
    z-index: -1;
    opacity: 0.5;
    width: 27.5rem;
    height: 3.8rem;
    overflow: hidden;
    position: absolute;
    background: #D3C4E2;
    transition: all 0.8s ease;
}
.title .max {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    width: 120vw;
    height: 120vh;
    overflow: auto;
    position: fixed;
    transform: translate(-10%, -30%);
}
.title .min {
    width: 0;
    height: 0;
    opacity: 0;
}
.show_site .intro {
    opacity: 0;
}
.step1 b {
    left: -0.5rem;
    top: -0.4rem;
}
.step2 b {
    left: 8.5rem;
    top: -0.4rem;
    width: 14.5rem;
}
.step3 b {
    top: 3rem;
    width: 26rem;
    left: -0.5rem;
}
.step4 b {
    top: -0.2rem;
    width: 14rem;
    left: -0.5rem;
}
.step5 b {
    top: -0.2rem;
    width: 16.5rem;
    left: -0.5rem;
}
.step6 b {
    top: -0.1rem;
    width: 14rem;
    left: 14.3rem;
}
.anim_to_site .intro > .logo {
    display: none;
}
.anim_to_site .inner_wrap {
    top: 30rem;
    opacity: 0.5;
    transition: all 0.8s ease;
}
.show_site .inner_wrap {
    top: 0;
    opacity: 1;
}
.site1 .site {
    top: 0;
    opacity: 1;
}
.show_site .main {
    width: inherit;
    height: inherit;
}
.demo_on .show_rec_btn {
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    color: #DBBD85;
    position: fixed;
    text-align: center;
    background: #282828;
    font: 19px/21px hero_new, Arial, serif;
}

@font-face {
    font-family: 'hero_new';
    src: url('/fonts/hero_new_bold.eot');
    src: url('/fonts/hero_new_bold.eot?#iefix') format('embedded-opentype'),
    url('/fonts/hero_new_bold.woff2') format('woff2'),
    url('/fonts/hero_new_bold.woff') format('woff'),
    url('/fonts/hero_new_bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'hero_new';
    src: url('/fonts/hero_new.eot');
    src: url('/fonts/hero_new.eot?#iefix') format('embedded-opentype'),
    url('/fonts/hero_new.woff2') format('woff2'),
    url('/fonts/hero_new.woff') format('woff'),
    url('/fonts/hero_new.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
label {
    margin: 0;
    display: block;
}
.burst_box {
    left: 0;
    right: 0;
    z-index: 4;
    color: #fff;
    width: 100%;
    height: 92px;
    bottom: -100px;
    font-size: 14px;
    position: fixed;
    overflow: hidden;
    background: #282828;
    transition: all 0.5s ease;
    box-shadow: 0 0 8px #00000033;
    font-weight: normal;
    font-family: hero_new, Arial, serif;
}
.burst_box h3, .burst_box h4 {
    font-weight: normal;
}

.burst_box_open .burst_box {
     bottom: 0;
     height: 600px;
}
.box_bar .logo, .buy_box_open .box_bar {
    display: block;
}
h3 {
    font-size: 30px;
}
.burst_box h3 {
    margin: 20px 0 0;
    line-height: 42px;
}
.burst_box a {
    color: #fff;
    outline: none;
    text-decoration: none;
}
.burst_box p {
    font-size: 1.35em;
    word-spacing: -1px;
    padding: 5px 0 1px;
    letter-spacing: -0.3px;
}
.burst_box i {
    font-style: normal;
}
.show_rec_btn {
    z-index: 3;
    color: #fff;
    width: 100%;
    display: block;
    padding: 25px 0;
    font-size: 2.1em;
    position: absolute;
    text-decoration: none;
    letter-spacing: 0.4px;
}
.show_rec_btn span {
    text-align: center;
}
.show_rec_btn span {
    display: block;
}
.burst_box_bg {
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    background: #282828;
}
.burst_box_bg, .burst_box > .container {
    top: 495px;
}
.burst_box_open .burst_box_bg, .burst_box_open .burst_box > .container  {
    top: 0;
}

.cover {
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    z-index: -1;
    top: 1200px;
    width: 100%;
    height: 100%;
    cursor: pointer;
    position: fixed;
    background: #000;
    transition: all 0.4s ease;
}
.burst_box_open .burst_box .cover  {
    top: 0;
    opacity: 0.9;
}
.burst_box_wrap {
    bottom: -535px;
    display: block;
    position: relative;
    padding: 30px 0 20px;
}
.burst_box_open .burst_box_wrap {
    bottom: 0;
}
.burst_box .close, .med_pdf_box .close {
    top: 26%;
    right: 21%;
    opacity: 1;
    z-index: 2;
    color: #fff;
    float: none;
    font-size: 4em;
    position: fixed;
    text-shadow: none;
    font-weight: normal;
}
.burst_box .close {
    opacity: 0;
    position: relative;
}
.burst_box_open .burst_box .close {
    opacity: 1;
    width: 20%;
    position: fixed;
    padding: 4px 0 0;
    text-align: center;
}
.btn {
    color: #282828;
    font-size: 16px;
    line-height: 23px;
    font-weight: bold;
    border-radius: 27px;
    display: inline-block;
}
.btn.focus, .btn:focus {
    box-shadow: none;
}
.burst_box .btn {
    text-align: center;
    padding: 11px 19px;
    margin: 0 0 20px 0;
}
.burst_box .btn:hover, .burst_box .btn:focus, .burst_box .btn:active {
    outline: none;
    background: #CB7375;
    border-color: #CB7375;
}
.burst_box .order {
    color: #DBBD85;
    background: none;
}
.burst_box .order:hover, .burst_box .order:focus, .burst_box .order:active {
    color: #fff;
    outline: none;
    background: #51BC9C;
    border-color: #51BC9C;
}
.burst_box > .container {
    z-index: 2;
    padding: 0;
    width: 1366px;
    margin: 0 auto;
    position: relative;
}
.burst_box_wrap > div {
    height: 458px;
    width: 33.3333%;
}
.show_rec_btn, .burst_box_open .show_rec_btn {
    display: none;
}
.burst_box .price {
    font-size: 3.6em;
    font-weight: bold;
    position: relative;
    padding: 5px 0 0 6px;
    display: inline-block;
}
.burst_box .icons_row {
    margin: 12px 0 10px;
}
.burst_box .icons_row, .burst_box .action_row, .burst_box .live, .burst_box .recommend_form {
    display: none;
}
.burst_inputs input {
    width: 100%;
    outline: none;
    display: block;
    color: #9B9B9B;
    font-size: 1.3em;
    padding: 11px 19px;
    font-weight: normal;
    background: #3A3A3A;
    border-radius: 24px;
    border: 1px solid #505050;
}
.burst_box_wrap .burst_left {
    padding: 0;
    width: 380px;
    transition: all 1s ease;
}

.burst_mid {
    padding: 0;
    z-index: 1;
    max-width: 391px;
    position: relative;
    margin: 0 0 0 114px;
}
.burst_right {
    padding: 0;
    max-width: 378px;
    margin: 0 0 0 101px;
}
.burst_mid span {
    color: #9B9B9B;
    display: block;
    padding: 12px 0 0;
    font-size: 1.1em;
    line-height: 1.9em;
    margin: 0 0 11px 0;
    letter-spacing: 0.2px;
}
.burst_mid  p {
    font-size: 1em;
    color: #9B9B9B;
    line-height: 2em;
    margin: 12px 0 0;
    font-weight: normal;
    word-spacing: normal;
    letter-spacing: normal;
    padding: 4px 0 15px 2px;
}
.burst_mid h4 {
    font-size: 2.1em;
    margin: 68px 0 4px;
    letter-spacing: 0.3px;
}
.burst_right img {
    width: 102%;
    margin: -46px 0 0 -1px;
}
.price span {
    top: -2px;
    font-size: 0.6em;
    position: relative;
    padding: 0 0 0 2px;
    font-weight: normal;
}
.your_price {
    height: 60px;
    display: block;
    position: relative;
    margin: 0 0 18px 0;
    white-space: nowrap;
}
.your_price .order {
    top: -15px;
    z-index: 2;
    width: auto;
    padding: 11px 54px;
    margin: 0 0 0 13px;
    position: relative;
}
.your_price_animated {
    height: 60px;
    display: block;
}
.your_price_animated .price span {
    padding: 0 0 0 8px;
}
.your_price_animated .order {
    width: 200px;
    padding: 11px 54px;
    margin: 13px 0 0 180px;
}
.your_price_animated .orig .cost, .your_price_animated .orig .symbol, .your_price .orig .cost, .your_price .orig .symbol {
    top: 2px;
    padding: 0;
    font-size: 1em;
    font-weight: bold;
    position: relative;
    display: inline-block;
}
.your_price_animated .orig .cost, .your_price_animated .orig .symbol {
    display: block;
    position: absolute;
}
.your_price .orig .cost, .your_price .orig .symbol {
    position: unset;
}
.your_price_animated .orig .cost {
    top: 2px;
    left: 28px;
    width: 66px;
}
.burst_left .your_price .orig {
    width: 160px;
}
.your_price .currency, .your_price_animated .currency {
    font-size: 0.6em;
    font-weight: normal;
    display: inline-block;
}
.your_price .currency {
    top: -2px;
    margin: 0 0 0 8px;
    position: relative;
}
.your_price_animated .currency {
    top: 21px;
    left: 101px;
    display: block;
    position: absolute;
}
.your_price_animated .orig {
    position: absolute;
}
.price_list div {
    padding: 13px 0 0 8px;
}
.price_list .user {
    width: 30px;
    height: 30px;
    position: relative;
    display: inline-block;
}
.price_list .user:after, .icons_wrap i:after {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    background: url('/img/user.svg') no-repeat;
    background-size: contain;
}
.icons_wrap i:after {
    opacity: 0.3;
}
.icons_wrap .active:after {
    opacity: 1;
}
.price_list span {
    color: #DBBD85;
    font-size: 1.7em;
    line-height: 1.1em;
    display: inline-block;
}
.price_list .count {
    width: 27px;
}
.price_list .star {
    top: -4px;
    font-size: 1.1em;
    position: relative;
    padding: 0 7px 0 5px;
}
.price_list .equals {
    top: -3px;
    font-size: 1.15em;
    position: relative;
    padding: 0 7px 0 0;
}
.price_list .cost {
    width: 34px;
    font-size: 1.7em;
    line-height: 1.1em;
}
.price_list .currency {
    font-size: 0.85em;
    line-height: 1em;
}
.price_list .free {
    font-size: 1.6em;
    letter-spacing: 1.1px;
}
.send {
    position: relative;
    padding: 14px 31px;
    background: #DBBD85;
}
.burst_left .send {
    margin: 0;
    color: #000;
    font-size: 1.12em;
    transition: opacity 1s ease;
    padding: 13px 20px 11px 20px;
}

.burst_left .send:hover {
    color: #fff;
}
.burst_left .init_btn {
    transition: all 1s ease;
}
.sms_btn {
    direction: ltr;
}
.anim3 button.send {
    display: none;
}
.anim2 button.send {
    opacity: 0;
}
.equals {
    color: #DBBD85;
    display: inline-block;
}
.equals i {
    top: -5px;
    font-size: 0.8em;
    position: relative;
    display: inline-block;
}
.equals b {
    font-size: 1.5em;
    letter-spacing: -1px;
    padding: 10px 0 0 7px;
    display: inline-block;
}
.equals span {
    font-size: 0.8em;
    padding: 0 0 0 3px;
    display: inline-block;
}
.recommend_form {
    padding: 25px 0 0;
}
.recommend_form label {
    display: block;
}
.more_details {
    color: #fff;
    padding: 2px 0 0;
    font-size: 1.1em;
    display: inline-block;
}
.medical {
    cursor: pointer;
    padding: 2px 0 0;
    margin: -10px 0 0;
    display: inline-block;
}
.medical svg {
    top: 8px;
    left: -2px;
    margin: 0 2px 0 0;
    position: relative;
}
.burst_right .select {
    top: -16px;
    display: block;
    font-size: 1.3em;
    position: relative;
}
.med_pdf_box {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    display: none;
    position: fixed;
}
.med_pdf_box_open {
    overflow: hidden;
}
.med_pdf_box_open .med_pdf_box {
    display: block;
}
.med_pdf_box iframe {
    width: 100%;
    height: 100%;
}
.med_pdf_box .close {
    top: 7%;
    right: 2%;
    color: #000;
    padding: 0 6px;
    background: #fff;
    line-height: 45px;
    border-radius: 10px;
}

.burst_box .orig {
    padding: 0;
    color: #DBBD85;
}
.burst_box .orig:before {
    width: 0;
    left: 50%;
    top: 37px;
    height: 1px;
    content: '';
    position: absolute;
    transition: all 1.5s ease;
    transform: translateX(-50%);
    border-top: 3px solid #9B9B9B;
}
.burst_left .live {
    opacity: 0;
    font-size: 1em;
    padding: 0 0 0 21px;
    transition: all 1s ease;
}
.burst_left .live div {
    display: inline-block;
}
.burst_left .live .currency {
    top: 0;
    margin: 18px 0 0 3px;
}
.burst_left p.anim {
    opacity: 1;
    display: block;
}
.icons_wrap {
    margin: 0 0 0 4px;
    display: inline-block;
}
.icons_wrap i {
    width: 40px;
    height: 40px;
    margin: 0 0 0 5px;
    position: relative;
    display: inline-block;
}
.icons_wrap i.active:after {
    background: url(/img/user.svg) no-repeat;
    background-size: contain;
}
.icons_wrap i.active[data-is_active]:after {
    background: url(/img/user_on.svg) no-repeat;
    background-size: contain;
}
.rec_equals {
    color: #DBBD85;
    margin: 0 0 0 2px;
}
.rec_equals span {
    display: inline-block;
}
.rec_equals .equals {
    top: -2px;
    font-size: 1.2em;
    position: relative;
    font-style: normal;
    padding: 0 7px 0 0;
    display: inline-block;
}
.rec_equals .symbol {
    top: 3px;
    font-size: 2.3em;
    font-weight: bold;
    position: relative;
}
.rec_equals .cost {
    top: 3px;
    font-size: 2.3em;
    font-weight: bold;
    position: relative;
    display: inline-block;
}
.rec_equals .currency {
    top: 3px;
    font-size: 1.3em;
    font-weight: bold;
    position: relative;
    padding: 0 0 0 4px;
}
.burst_left .action_row {
    padding: 4px 0 0 10px;
}
.action_row a {
    width: 30px;
    height: 30px;
    opacity: 0.3;
    margin: 0 22px 0 0;
    display: inline-block;
}
.action_row .active {
    opacity: 1;
}
.action_row .email_btn {
    top: -3px;
    position: relative;
}
.burst_form {
    overflow: hidden;
    padding: 14px 0 0;
}
.burst_form label {
    display: none;
}
.burst_left .name {
    padding: 14px 0 0;
}
.burst_form .whatsapp {
    margin: 0 0 10px 0;
}
.the_code svg {
    width: 120px;
    height: 120px;
    border-radius: 8px;
    border: 3px solid #fff;
}
.qr_code input {
    opacity: 1;
    width: auto;
}
.burst_form .open_wa, .burst_form .open_sms {
    color: #9B9B9B;
    font-size: 1.15em;
    line-height: 1.8em;
    margin: 22px 0 0 0;
    font-weight: normal;
    letter-spacing: -0.2px;
}
.burst_form .open_sms {
    margin-left: 13px;
}
.burst_inputs .sms, .burst_inputs .email {
    margin: 0 0 10px 0;
    position: relative;
}
.mobile_input:after {
    top: 12px;
    left: 13px;
    width: 37px;
    height: 25px;
    display: block;
    overflow: hidden;
    border-radius: 40%;
    position: absolute;
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1100 731'%3E%3Cpath d='M0-36h1100v800H0V-36z' fill='%23fff'/%3E%3Cpath d='M0 39h1100v125H0V39zm0 525h1100v125H0V564z' fill='%230038b8'/%3E%3Cpath d='M423.8 436.9h252.4L550 218.3 423.8 436.9zM550 509.7l126.2-218.6H423.8L550 509.7z' fill='none' stroke='%230038b8' stroke-width='27.5'/%3E%3C/svg%3E");
}
.en_page .mobile_input:after {
    top: 14px;
    left: auto;
    width: 42px;
    right: 16px;
    border-radius: inherit;
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 1103.9 582.9'%3E%3Cpath d='M1104.717 580.722H.013V2.163h1104.704v578.559' fill='%23fff'/%3E%3Cpath d='M1103.797 45.763H.027V-.01h1103.771v45.773m-.001 89.52H.027v-45.76h1103.771v45.76m-.001 89.52H.027V179.03h1103.771v45.773m-.001 89.52H.027V268.55h1103.771v45.773m-.001 89.519H.027v-45.773h1103.771v45.773m-.001 89.52H.027v-45.76h1103.771v45.76m-.001 89.52H.027v-45.76h1103.771v45.76' fill='%23b22234'/%3E%3Cpath d='M440.839 314.336H0V-.01h440.839v314.346' fill='%233c3b6e'/%3E%3Cg fill='%23fff'%3E%3Cpath d='M37.493 12.017l4.12 12.84H54.96l-10.8 7.933 4.12 12.827-10.8-7.933-10.8 7.933L30.8 32.79 20 24.857h13.347l4.147-12.84'/%3E%3Cuse xlink:href='%23B'/%3E%3Cuse xlink:href='%23B' y='63.014'/%3E%3Cuse xlink:href='%23B' y='126.04'/%3E%3Cuse xlink:href='%23B' y='189.053'/%3E%3Cuse xlink:href='%23C'/%3E%3Cuse xlink:href='%23C' y='63.014'/%3E%3Cuse xlink:href='%23C' y='126.04'/%3E%3Cuse xlink:href='%23C' y='189.053'/%3E%3Cuse xlink:href='%23C' x='73.653'/%3E%3Cuse xlink:href='%23C' x='73.653' y='63.014'/%3E%3Cuse xlink:href='%23C' x='73.653' y='126.04'/%3E%3Cuse xlink:href='%23C' x='73.653' y='189.053'/%3E%3Cuse xlink:href='%23C' x='147.293'/%3E%3Cuse xlink:href='%23C' x='147.293' y='63.014'/%3E%3Cuse xlink:href='%23C' x='147.293' y='126.04'/%3E%3Cuse xlink:href='%23C' x='147.293' y='189.053'/%3E%3Cuse xlink:href='%23C' x='220.946'/%3E%3Cuse xlink:href='%23C' x='220.946' y='63.014'/%3E%3Cuse xlink:href='%23C' x='220.946' y='126.04'/%3E%3Cuse xlink:href='%23C' x='220.946' y='189.053'/%3E%3Cpath d='M37.493 75.043l4.12 12.827H54.96l-10.8 7.933 4.12 12.827-10.8-7.933-10.8 7.933 4.12-12.827L20 87.87h13.347l4.147-12.827'/%3E%3Cuse xlink:href='%23D'/%3E%3Cpath d='M37.493 201.083l4.12 12.827H54.96l-10.8 7.933 4.12 12.827-10.8-7.933-10.8 7.933 4.12-12.827L20 213.91h13.347l4.147-12.827'/%3E%3Cuse xlink:href='%23D' y='126.04'/%3E%3Cuse xlink:href='%23E'/%3E%3Cuse xlink:href='%23C' x='-37.32' y='30.76'/%3E%3Cuse xlink:href='%23C' x='-37.32' y='93.787'/%3E%3Cuse xlink:href='%23C' x='-37.32' y='156.8'/%3E%3Cuse xlink:href='%23C' x='-37.32' y='219.827'/%3E%3Cpath d='M184.8 12.017l4.12 12.84h13.347l-10.8 7.933 4.12 12.827-10.8-7.933-10.8 7.933 4.12-12.827-10.8-7.933h13.36l4.133-12.84'/%3E%3Cuse xlink:href='%23F'/%3E%3Cuse xlink:href='%23F' y='63.027'/%3E%3Cuse xlink:href='%23F' y='126.04'/%3E%3Cuse xlink:href='%23F' y='189.067'/%3E%3Cuse xlink:href='%23E' x='147.799'/%3E%3Cuse xlink:href='%23C' x='110.479' y='30.76'/%3E%3Cuse xlink:href='%23C' x='110.479' y='93.787'/%3E%3Cuse xlink:href='%23C' x='110.479' y='156.8'/%3E%3Cuse xlink:href='%23C' x='110.479' y='219.827'/%3E%3Cuse xlink:href='%23E' x='220.959'/%3E%3Cuse xlink:href='%23C' x='183.639' y='30.76'/%3E%3Cuse xlink:href='%23C' x='183.639' y='93.787'/%3E%3Cuse xlink:href='%23C' x='183.639' y='156.8'/%3E%3Cuse xlink:href='%23C' x='183.639' y='219.827'/%3E%3Cuse xlink:href='%23E' x='295.586'/%3E%3Cuse xlink:href='%23C' x='258.266' y='30.76'/%3E%3Cuse xlink:href='%23C' x='258.266' y='93.787'/%3E%3Cuse xlink:href='%23C' x='258.266' y='156.8'/%3E%3Cuse xlink:href='%23C' x='258.266' y='219.827'/%3E%3C/g%3E%3Cdefs %3E%3Cpath id='B' d='M73.826 44.283l4.12 12.827h13.347l-10.8 7.933 4.12 12.827-10.8-7.933-10.8 7.933 4.12-12.827-10.8-7.933H69.68l4.147-12.827'/%3E%3Cpath id='C' d='M147.48 44.283l4.12 12.827h13.347l-10.8 7.933 4.12 12.827-10.8-7.933-10.8 7.933 4.12-12.827-10.8-7.933h13.347l4.147-12.827'/%3E%3Cpath id='D' d='M37.493 138.07l4.12 12.827H54.96l-10.8 7.933 4.12 12.827-10.8-7.933-10.8 7.933 4.12-12.827-10.8-7.933h13.347l4.147-12.827'/%3E%3Cpath id='E' d='M110.16 12.017l4.12 12.84h13.347l-10.8 7.933 4.12 12.827-10.8-7.933-10.8 7.933 4.12-12.827-10.8-7.933h13.347l4.147-12.84'/%3E%3Cpath id='F' d='M184.8 75.043l4.12 12.827h13.347l-10.8 7.933 4.12 12.827-10.8-7.933-10.8 7.933 4.12-12.827-10.8-7.933h13.36l4.133-12.827'/%3E%3C/defs%3E%3C/svg%3E");
}
.confetti_box {
    bottom: 0;
    z-index: 1;
    top: -30px;
    right: 28px;
    width: 178px;
    height: 136px;
    display: none;
    position: absolute;
}
.burst_box .confetti_box, .type_email .email, .type_sms .sms, .after_burst .type_qr_code .open_wa {
    display: block;
}
.burst_box .orig {
    transition: all 0.5s ease;
}
.burst_box .anim_color:before {
    width: 100%;
    transition: all 0.8s ease;
}
.burst_left .anim_live {
    opacity: 1;
    color: #DBBD85;
    font-size: 3.6em;
}
.anim3 .sms input {
    opacity: 1;
    height: auto;
}
.after_burst .price_list, .after_burst .type_qr_code .send, .after_burst .anim, .is_wa, .is_email, .is_sms, .after_burst .send {
    display: none;
}
.after_burst .action_row, .after_burst .icons_row, .after_burst .type_qr_code .the_code, .after_burst .burst_left,
.type_whatsapp .is_wa, .type_sms .is_sms, .type_email .is_email  {
    opacity: 1;
    height: auto;
    display: block;
}
.after_burst .anim_live {
    display: inline-block;
}

.after_burst .anim_color {
    color: #9B9B9B;
}
.reset_burst {
    top: 1px;
    width: 70px;
    height: 47px;
    display: none;
    position: absolute;
}
.after_burst .reset_burst {
    display: block;
}
.reset_burst:after {
    top: -17px;
    width: 43px;
    display: block;
    position: relative;
    transform: rotate(180deg);
    content: url(/img/arrow2.svg);
}
.divider {
    height: 38px;
    display: none;
    position: relative;
}
.divider span {
    top: 12px;
    left: 50%;
    z-index: 1;
    color: #ddcaaa;
    padding: 0 7px;
    font-size: 1.1em;
    position: absolute;
    background: #282828;
    display: inline-block;
    transform: translateX(-50%);
}
.divider:after {
    left: 0;
    right: 0;
    height: 0;
    top: 22px;
    content: '';
    position: absolute;
    border-top: 1px solid #707070;
}
.copy_button_wrap {
    height: 46px;
    display: none;
    cursor: pointer;
    position: relative;
}
.after_burst .divider, .after_burst .copy_button_wrap  {
    display: block;
}
.copy_button {
    display: block;
}
.copy_button svg {
    top: 11px;
    left: 14px;
    position: absolute;
}
.copy_button_wrap span {
    color: #ddcaaa;
    display: inline-block;
    transition: all 0.5s ease;
}
.copy_button_wrap:hover span {
    color: #f9e2bb;
}
.copy_button_wrap:hover .copy_button {
    border-color: #ddcaaa;
}
.copy_button_wrap .copy_button {
    top: 0;
    left: 0;
    font-size: 1.15em;
    position: absolute;
    border-radius: 5px;
    background: #373737;
    border: 1px solid #373737;
    transition: all 0.5s ease;
    padding: 9px 19px 10px 41px;
}
.copy_button_wrap .copy_help {
    padding: 0 0 0 112px;
    letter-spacing: -0.2px;
}
.copied .copy_help {
    display: none;
}
.copied:hover span {
    color: #ddcaaa;
}
.copied:hover .copy_button {
    border-color: #373737;
}
.init_whatsapp_btn, .burst_box_open .show_rec_btn, .burst_box_open .box_bar {
    display: none;
}
.burst_box_wrap > div {
    float: left;
}

.radio {
    cursor: pointer;
    position: relative;
    padding: 0 0 0 30px;
}
input[type="radio"] {
    position: absolute;
    width: 0 !important;
    height: 0 !important;
}
[type="radio"] + label:after {
    top: 0;
    left: 2px;
    content: '';
    width: 22px;
    height: 22px;
    display: block;
    background: #fff;
    border-radius: 50%;
    position: absolute;
}
[type="radio"] + label:before {
    top: 3px;
    left: 5px;
    z-index: 1;
    opacity: 0;
    width: 16px;
    content: '';
    height: 16px;
    border-radius: 50%;
    position: absolute;
    display: inline-block;
    vertical-align: -0.25em;
    transition: all 0.2s linear;
    background-color: #2fc19c;
    background-position: center; /* ignore optimization suggestions */
    background-repeat: no-repeat;
}
[type="radio"]:checked + label:before {
    opacity: 1;
}
.radio_wrap {
    top: -9px;
    display: block;
    overflow: hidden;
    position: relative;
    margin: 0 0 0 -12px;
}
.radio_wrap label {
    width: 36px;
    height: 36px;
    outline: none;
    cursor: pointer;
    margin: 0 0 0 10px;
    background: #52595D;
    border-radius: 36px;
    text-decoration: none;
    display: inline-block;
    border: 2px solid #52595D;
    transition: opacity 0.5s linear;
}
.radio_wrap label:before, .radio_wrap label:after {
    content: unset!important;
}
.radio_wrap input {
    top: -200px;
    position: absolute;
}
.radio_wrap .red {
    background: #CB7375;
    border: 2px solid #CB7375;
}
.radio_wrap :checked + label {
    border: 2px solid #FBF9ED;
    transition: border 0.3s ease;
}
.burst_form .submit_btn {
    opacity: 0;
    z-index: -1;
    position: absolute;
}
.burst_box .order {
    display: none;
}

@media (max-width: 1350px) {
    .burst_box_open .burst_box > .container {
        width: auto;
    }
    .burst_box_wrap > div {
        margin: 0 0 0 5px;
    }
    .burst_box_open .menu_btn {
        display: none;
    }
    .burst_box_open .menu {
        display: none;
    }
}
@media (max-width: 1280px) {
    .site {
        padding: 76px 0 0;
    }
}
@media (max-width: 1161px) {
    .burst_box_open .burst_box {
        top: 0;
        bottom: auto;
        height: auto;
        position: absolute;
    }
    .burst_box .close {
        top: 0;
        right: 0;
    }
}
@media (max-width: 1024px) {
    .site > div {
        width: 93%;
    }
}
/* Laptop 1600 max Resolution */
@media only screen and (min-width: 1030px) and (max-width: 1600px) {
    .inner_top, .steps {
        padding: 0 5%;
    }
    .logo {
        padding: 70px 0 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1040px) {
    .hero {
        top: -1rem;
        width: 22rem;
        height: 23rem;
    }
}

/* Mobiles 768 max Resolution */
@media (max-width: 767px) {
    .wrapper {
        right: 0;
    }
    .trust {
        padding: 0;
        font: bold 26.7vw/20vh Roboto;
    }
    .wave1 .trust {
        top: 25.2vh;
        line-height: 17vh;
    }
    .fix_iphone {
        background: #4C2A6E;
    }
    .fix_iphone .wave_bg {
        display: none;
    }
    .wave1 .text_wrap {
        top: 24vh;
    }

    .text_wrap .light {
        top: -720px;
        font: 300 1.15rem/1.5rem Roboto;
    }
    .wave1 .light {
        top: 3vh;
        font-size: 2.15vh;
        line-height: 2.17vh;
    }
    .wave1 .dark {
        padding: 0;
        line-height: 3vh;
        font-size: 3.25vh;
    }
    .wave2 .light {
        font-size: 2.38vh;
    }
    .wave2 .trust {
        top: 32vh;
    }
    .wave2 .text_wrap {
        top: 9vh;
    }
    .wave2 .dark {
        top: 23vh;
        font-size: 2.4rem;
    }
    .site .logo {
        display: block;
    }
    .site .step1 {
        margin: 0 auto;
        transform: none;
    }
    .box {
        z-index: 1;
        position: relative;
    }
    .box, .step2 .box, .step3 .box, .right .box {
        width: auto;
        min-height: auto;
    }
    .hero, .right .hero {
        top: 0;
        width: 22rem;
        height: 24rem;
        transform: none;
        position: relative;
    }
    .title {
        font-size: 2.1rem;
        line-height: 2.7rem;
    }
    .anim_to_site .main {
        top: 89px;
        left: 8px;
        width: 7rem;
        height: 7rem;
    }
    .menu {
        display: none;
    }
    .content {
        font-size: 1.1rem;
        line-height: 1.6rem;
        padding: 35px 0 75px;
    }
    .site1 .main {
        right: auto;
        top: 4.5rem;
        left: 7.2rem;
        height: 5rem;
        width: 5.7rem;
        animation: bounce1 1.4s ease-out 0s 1 forwards;
    }
    @-webkit-keyframes bounce1 {
        0% {

        }
        50% {
            top: 175px;
            width: 220px;
        }
        100% {
        }
    }
    .site2 .main {
        right: auto;
        top: 6.8rem;
        left: 0.5rem;
        width: 10rem;
        animation: bounce2 1.4s ease-out 0s 1 forwards;
    }
    @-webkit-keyframes bounce2 {
        0% {

        }
        50% {
            top: 175px;
            width: 160px;
        }
        100% {
        }
    }
    .site3 .main {
        top: 4.5rem;
        left: 10.5rem;
        width: 11.5rem;
        animation: bounce1 1.4s ease-out 0s 1 forwards;
    }
    .site4 .main {
        left: 8px;
        top: 4.5rem;
        right: auto;
        width: 12rem;
        height: 4rem;
        animation: bounce2 1.4s ease-out 0s 1 forwards;
    }
    .site5 .main {
        left: 0;
        top: 5rem;
        width: 100%;
        height: 5rem;
        animation: none;
    }
    .step2 .hero {
        top: 0;
        left: auto;
        right: -4rem;
        width: 20rem;
    }
    .step3 .hero {
        right: 0;
        top: 1rem;
        width: 20rem;
        margin: 0 auto;
    }
    .step1 b {
        left: -0.5rem;
        top: -0.3rem;
        width: 20.5rem;
        height: 3.2rem;
    }
    .step2 b {
        left: 6.5rem;
        top: -0.3rem;
        width: 10.5rem;
        height: 3.1rem;
    }
    .step3 b {
        top: 2.3rem;
        width: 19.5rem;
        height: 3.5rem;
    }
    .step4 b {
        width: 10.5rem;
    }
    .step5 b {
        top: -0.2rem;
        width: 12.5rem;
        left: -0.5rem;
        height: 3.2rem;
    }
    .step6 b {
        top: -0.3rem;
        width: 11.5rem;
        left: -0.5rem;
        height: 3.2rem;
    }
    .show_site .intro {
        top: 0;
        left: 0;
        width: 100%;
    }

    .burst_box .show_rec_btn {
        padding: 2rem 0;
    }
    .burst_box {
        height: 85px;
        overflow: initial;
    }
    .burst_box > .container {
        width: auto;
        padding: 0 8%;
    }
    .burst_box_wrap > div {
        height: auto;
    }
    .burst_box_bg, .burst_box_open {
        top: 0;
        background: #131215;
    }
    .burst_box_wrap {
        bottom: 0;
        display: flex;
        padding: 20px 0 0;
        flex-direction: column-reverse;
    }
    .burst_box_open .wrapper {
        display: none;
    }
    .burst_box_open .burst_box {
        top: 0;
        bottom: auto;
        height: auto;
        position: relative;
    }
    .burst_box_open .burst_box_wrap > div {
        height: auto;
        float: none;
        width: 100%;
    }
    .burst_box_open .page_height {
        height: auto;
    }
    .burst_box_open .burst_box > .container {
        top: 0;
    }
    .burst_box_open .top_bar {
        background: #282828;
    }
    .burst_right, .burst_mid, .burst_left {
        margin: 0;
        float: none;
    }
    .burst_right {
        display: none;
    }
    .burst_box .show_rec_btn, .burst_box a.show_rec_btn, .burst_box a.show_rec_btn:hover, .burst_box a.show_rec_btn:active {
        padding: 30px 0;
        font-size: 1.05em;
        text-align: center;
        letter-spacing: 0.15px;
    }
    .burst_box_open .wrapper .burst_box {
        z-index: 3;
        height: 100%;
        background: none;
        overflow-y: auto;
        padding: 60px 0 0;
        position: relative;
    }
    .burst_box_open .burst_box_bg {
        top: 60px;
    }
    .burst_box_open .wrapper .after_burst {
        height: 100vh;
    }
    .burst_box_open .burst_box_bg {
        position: fixed;
    }
    .burst_box_open .wrapper .show_rec_btn {
        display: none;
    }
    .burst_box .close {
        top: 0;
        right: 0;
        padding: 4px 22px 0;
    }
    .burst_box_open .burst_box .cover {
        display: none;
    }
    .burst_box h3 {
        margin: 0;
        color: #DBBD85;
        font-size: 1.7em;
        padding: 11px 0 0;
        line-height: 1.4em;
        letter-spacing: -0.4px;
    }
    .burst_mid span {
        padding: 6px 0 0;
        line-height: 1.5em;
        letter-spacing: -0.1px;
    }
    .burst_mid h4 {
        margin: 0;
        color: #DBBD85;
        font-size: 1.6em;
        padding: 9px 0 0;
    }
    .burst_box_wrap .burst_left {
        width: auto;
        padding: 27px 0 0 0;
    }
    .burst_left h3 {
        color: #fff;
        font-size: 2.1em;
        padding: 11px 0 0;
    }
    .burst_box .order {
        margin: -13px 0 0 20px;
    }
    .burst_box .orig {
        top: -5px;
        left: 5px;
        position: relative;
    }
    .burst_box .icons_row {
        white-space: nowrap;
    }
    .burst_left .currency {
        margin: 0;
    }
    .burst_box_open .burst_box_wrap {
        padding: 59px 0 20px;
    }
    .burst_box_open .box_bar {
        z-index: 3;
        display: block;
        position: relative;
    }
    .burst_box_open .logo {
        display: none;
    }
    .burst_box_open .burst_box .close {
        width: 50%;
        line-height: 65px;
        text-align: right;
        padding: 0 4% 0 0;
    }
    .burst_right img {
        margin: 0;
    }
    .your_price .currency, .your_price_animated .currency {
        font-size: 0.55em;
    }
    .your_price {
        margin: 0 0 9px 0;
        white-space: nowrap;
    }
    .burst_right .select, .radio_wrap {
        top: 0;
    }
    .forward_rec {
        color: #a39883;
        display: block;
        font-weight: normal;
        line-height: 1.15rem;
        margin: 9px 26px 10px;
        letter-spacing: -0.4px;
    }
    .copy_button_wrap {
        height: auto;
    }
    .view_btn:hover {
        color: #fff;
        border: none;
    }
}

@media (max-width: 385px) {
    .burst_box_open .burst_box > .container {
        overflow: hidden;
    }
    .burst_box > .container {
        padding: 0 4%;
    }
}
@media (min-width: 768px) {
    .container {
        width: 94%;
    }
}
@media (min-width: 854px) {
    .container {
        width: 90%;
    }
}
@media (min-width: 1200px) {
    .container {
        width: 1245px;
    }
}