background: linear-gradient(273.43deg, #7D4B33 -3.26%, #B18862 100.6%);
html {
    scroll-behavior: smooth;
}
body {
    width: 100%;
    cursor: none;
    background-color: #E5E5E5;
}
.cursor {
    pointer-events: none;
}
.cursor .cursor__ball {
    position: absolute;
    top: 0;
    left: 0;
    /*mix-blend-mode: overlay;*/
    z-index: 1000;
}
/*.cursor .cursor__ball circle {
    fill: #f7f8fa;
}*/
.cursor__ball--big {
    fill: #FFFFFF;
    opacity: 0.6;
}
.cursor__ball--small {
    fill: black;
}
.sec1 {
    background: url('/images/img.png') darkgray;
    width: 100%;
    height: 56.693vw;
    min-height: 10.499vw;
    background-size: cover;
    overflow: hidden;
}
.sec2 {
    background-color: #E5E5E5;
    /*    width: 100%;
        height: auto;*/
    overflow: hidden;
    /*padding-top: 100px;*/
}
.sec3 {
    background: linear-gradient(273.43deg, #7D4B33 -3.26%, #B18862 100.6%);
    width: 100%;
    height: auto;
    padding-bottom: 0;
}
.sec22 {
    /*height: auto;*/
    padding-top: 5.249vw;
    width: 100%;
    height: 70.693vw;
}
.sec23 {
    height: auto;
    padding-top: 4.252vw;
    width: 100%;
}
.sec24 {
    /*height: auto;*/
    padding-top: 3.675vw;
    width: 100%;
    height: 56.693vw;
    margin: 0;
}
.sec21 {
    /*height: auto;*/
    padding-top: 3.675vw;
    width: 100%;
    /*height: 56.693vw;*/
}
.sec211 {

    overflow: hidden;
}
ul > li > a, a:hover {
    font-family: 'Junge', sans-serif;
    /*font-family: 'Lato', sans-serif;*/
    /*font-size: 0.835vw;*/
    color: #FFFFFF;
    text-decoration: none;
    cursor: none !important;
}
.footerMenu > li > a {
    font-size: 1.1rem;
    font-weight: 300;
}
.qMarginAuto {
    margin-top: auto;
    margin-bottom: auto;
}
.title {
    font-family: 'Junge', serif;
    font-size: 3.76vw;
    color: #FFFFFF;
    position: absolute;
    top: 16.874vw;
    width: 29.816vw;
    height: 8.294vw;
    line-height: 4.494vw;
    display: inline-block;
    letter-spacing: 0.210vw;
}
.text {
    font-family: 'Junge', sans-serif;
    /*font-family: 'Lato', sans-serif;*/
    font-size: 1.255vw;
    color: #FFFFFF;
    position: relative;
    line-height: 1.365vw;
    width: 32.95vw;
    height: 5.564vw;
    top: 23.497vw;
}
.btnMain {
    font-family: 'Junge', sans-serif;
    /*font-family: 'Lato', sans-serif;*/
    font-size: 0.940vw;
    font-weight: bold;
    color: #FCFCFD;
    text-align: center;
    position: absolute;
    height: 2.520vw;
    width: 8.661vw;
    background: #2A3C2C;
    border-radius: 90px;
    display: inline-block;
}
.btnTitle {
    top: 34.471vw;
}
.social-wrapper {
    margin-top: 13vh;
}

.text2 {
    font-family: 'Junge', sans-serif;
    /*font-family: 'Lato', sans-serif;*/
    font-size: 0.630vw;
    font-weight: bold;
    color: #777E91;
    text-transform: uppercase;
    padding-top: 5.249vw;
    margin-bottom: 0.262vw;
}
.title2 {
    font-family: 'Junge', serif;
    font-size: 2.520vw;
    top: 15.15%;
    bottom: -42.42%;
    line-height: 2.940vw;
    letter-spacing: -0.050vw;
    color: #23262F;
}
.title3 {
    font-family: 'Junge', serif;
    font-size: 3.360vw;
    line-height: 3.622vw;
    /*position: absolute;*/
    width: 36.745vw;
    height: 8.189vw;
    display: block;
    /*margin-top: 22.572vw;*/
}
.title4 {
    font-family: 'Junge', serif;
    font-size: 1.890vw;
    position: static;
    line-height: 160%;
    letter-spacing: 0.03em;
    text-transform: capitalize;
    color: #54514B;
    order: 1;
    margin: 1.260vw 10.499vw 3.360vw 11.024vw;
}
.contact-info-container {
    color: #ffffff;
    margin-top: 5vh;
    font-size: 1rem;
    /*letter-spacing: 0.28em;*/
    text-transform: uppercase;
    line-height: 112.5%;
}

.title5 {
    font-family: 'Junge', serif;
    font-size: 3.150vw;
    /*position: absolute;*/
    height: 6.299vw;
    line-height: 100%;
    color: #FFFFFF;
    width: 42.835vw;
    margin: -1.155vw 0 6.299vw 0;
    /*top: 34.121vw;*/
}
.footerTitle {
    position: relative;
    font-family: 'Junge', serif;
    font-size: 2.100vw;
    line-height: 130%;
    color: #FFFFFF;
}
.smallFooterTitle {
    width: 3.097vw;
    height: 0.945vw;
    font-family: 'Junge', sans-serif;
    /*font-family: 'Lato', sans-serif;*/
    font-weight: bold;
    font-size: 1.1rem;
    line-height: 180%;
    letter-spacing: 0.28em;
    text-transform: uppercase;
    color: #FFFFFF;
}
.text3 {
    position: relative;
    display: block;
    font-family: 'Junge', sans-serif;
    /*font-family: 'Lato', sans-serif;*/
    font-size: 1.155vw;
    line-height: 1.732vw;
    letter-spacing: 0.03em;
    color: #321C1C;
    margin-top: 2.625vw;
    margin-left: 0.787vw;
    width: 28.346vw;
}
.colTitle {
    margin-top: 1.575vw;
    font-family: 'Junge', sans-serif;
    /*font-family: 'Lato', sans-serif;*/
    font-size: 0.840vw;
    font-weight: bold;
    line-height: 1.260vw;
    color: #23262F;
}
.colText {
    font-family: 'Junge', sans-serif;
    /*font-family: 'Lato', sans-serif;*/
    font-size: 0.735vw;
    line-height: 1.260vw;
    color: #777E91;
    margin-bottom: 2.100vw;
    width: 13.648vw;
}

.faq {
    font-family: 'Junge', sans-serif;
    /*font-family: 'Roboto', sans-serif;*/
    font-size: 0.525vw;
    line-height: 180%;
    letter-spacing: 0.28em;
    text-transform: uppercase;
    color: #ABA195;
    margin-left: 11.024vw;
}
.questions {
    margin: 0 11.024vw;
    list-style-type: none;
    font-family: 'Junge', serif;
    position: static;
    line-height: 130%;
    font-size: 1.575vw;
    letter-spacing: 0.02em;
    color: #2C2A27;
}
.olNumber {
    font-family: 'Junge', sans-serif;
    /*font-family: 'Roboto', sans-serif;*/
    font-size: 1.260vw;
    font-style: italic;
    line-height: 130%;
    color: #2C2A27;
    margin-right: 1.450vw;
    margin-top: -0.787vw;
}
.clps {
    font-family: 'Junge', sans-serif;
    /*font-family: 'Lato', sans-serif;*/
    font-size: 0.840vw;
    line-height: 170%;
    color: #54514B;
    margin: 0 2.625vw 0 3.150vw;
    max-width: 33.858vw;
    width: auto;
    font-weight: 300;
}
.heart {
    font-family: 'Junge', sans-serif;
    /*font-family: 'Lato', sans-serif;*/
    font-size: 0.840vw;
    font-weight: bold;
    line-height: 0.997vw;
    align-items: center;
    color: #000000;
    margin: 1vw 0.262vw 0 0.630vw;
    width: 1.627vw;
    height: 1.417vw;
}

input {
    display: block;
    background-color: transparent;
    font-family: 'Junge', sans-serif;
    /*font-family: 'Lato', sans-serif;*/
    font-size: 0.840vw;
    color: #FFFFFF;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: solid #FFFFFF 1px;
    padding: 0.525vw 0;
    width: 27.822vw;
    margin-top: 2.100vw;
    cursor: none !important;
}
::placeholder {
    font-family: 'Junge', sans-serif;
    /*font-family: 'Lato', sans-serif;*/
    font-size: 0.840vw;
    color: #C8B9AD;
    line-height: 170%;
}
.formBtn {
    border-color: transparent;
    color: #FFFFFF;
    font-family: 'Junge', sans-serif;
    /*font-family: 'Lato', sans-serif;*/
    font-size: 0.6rem;
    text-transform: uppercase;
    letter-spacing: 0.23em;
    text-align: center;
    background: none;
    padding: 0;
    margin-top: 2.835vw;
}
.copyRight {
    position: absolute;
    font-family: 'Junge', sans-serif;
    /*font-family: 'Roboto', sans-serif;*/
    font-size: 1rem;
    line-height: 100%;
    letter-spacing: 0.28em;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-top: 16vh;
}
.copyRight2{
    position: relative;
    font-family: 'Junge', sans-serif;
    /*font-family: 'Roboto', sans-serif;*/
    font-size: 1rem;
    line-height: 100%;
    letter-spacing: 0.28em;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-right: auto;
    margin-left: auto;
    display: none;
}

.pulse {
    background: linear-gradient(180deg, #E1BEB3 0%, #F4DBD3 100%);;
    height: 26.562vw;
    width: 26.562vw;
    border-radius: 100%;
    position: absolute;
    margin-left: 38%;
    margin-top: 17%;
}
.ring {
    position: absolute;
    background: inherit;
    height: 100%;
    width: 100%;
    border-radius: 100%;
    opacity: 1;
}
nav > ul, ul.footerMenu {
    list-style-type: none;
    float: right;
    margin-top: 2.257vw;
}

.listLine {
    margin-top: 2.257vw;
}

nav > ul > li, ul.footerMenu > li {
    display: inline-block;
    padding: 0.525vw 1.050vw;
}
.active {
    color: #ede3db;
}
.logo {
    float: left;
    display: inline-block;
    margin-left: 5.774vw;
    margin-top: 2.625vw;
    padding-right: 0.262vw;
    position: absolute;
}
#logo {
    width: 3.72vw;
    height: 3.72vw;
    padding-right: 0.840vw;
}
#mutri {
    width: 5.726vw;
    height: 2.362vw;
    padding-bottom: 0.210vw;
}
ul > li > a:hover {
    font-weight: bold;
}
.footerMenu {
    float: left;
    padding-left: 0;
    margin-top: 4.3vh;
    width: 100%;
    margin-bottom: 2.625vw;
}
.footerMenu > li > a:hover {
    font-weight: 400;
}
.footerMenu > li {
    padding: 0.420vw;
}
.btnTitle {
    top: 33.471vw;
}
.btn {
    border: none;
    cursor: none !important;
}
.centerV {
    text-align: center;
}
.center {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
.colImg {
    border-radius: 9px;
    margin-bottom: 30px;
    width: 13.648vw;
    height: 8.084vw;
}
.colImg2 {
    width: 3.517vw;
    height: 3.517vw;
}
.colIconImg {
    width: 2.100vw;
    height: 2.100vw;
}
.hide {
    visibility: hidden;
}
.wid {
    width: 100%;
    margin-left: 10%;
    margin-right: 0;
}
.appIcon {
    border: none;
    background-color: transparent;
    margin-top: 1.050vw;
    position: relative;
    padding-right: 0;
    padding-left: 0;
}
.appIconSize {
    width: 7.087vw;
    height: 2.100vw;
}
.mCol {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 65%;
}
.iPhone {
    margin: 9.013vw 0 0 -0.013vw;
    position: absolute;
    width: 18.110vw;
    height: 36.588vw;
}
.weight {
    position: relative;
    background: url("/images/bg.png");
    margin: -8.5vw 0 0 20.297vw;
    width: 24.199vw;
    height: 12.493vw;

    background-size: cover;
}
.crunches {
    margin: -30.835vw 0 0 28.896vw;
    position: relative;
    width: 17.900vw;
    height: 15.696vw;
}
.graf {
    background: url("/images/bg2.png");
    margin: -1.6vw 0 0 11.535vw;
    position: relative;
    width: 27.349vw;
    height: 16.745vw;
    background-size: cover;
}
section {
    /*float: left;*/
    margin-left: 11.024vw;
    margin-top: 4.724vw;
    height: 47.244vw;
}
aside {
    float: left;
    height: auto;
}
.right {
    float: right;
}
.union {
    float: right;
    overflow: hidden;
    height: 65.617vw;
}
#union1 {
    margin-top: 6.562vw;
    width: 9.921vw;
    height: 27.874vw;
}
#union2 {
    width: 9.921vw;
    height: 23.622vw;
}
#union3 {
    width: 9.921vw;
    height: 27.244vw;
}
#union4 {
    width: 9.921vw;
    height: 27.244vw;
}
#union5 {
    width: 9.921vw;
    height: 27.244vw;
}
#union6 {
    margin-top: 12.336vw;
    width: 9.921vw;
}
#union7 {
    margin-left: 3.150vw;
    width: 9.921vw;
    height: 23.622vw;
}
#column1 {
    margin-top: 11.654vw;
}
#column2 {
    margin-top: -16.168vw;
}
#column3 {
    margin-top: 10.499vw;
}
.mi {
    width: 1.155vw;
    height: 1px;
}
.pl {
    width: 1.155vw;
    height: 1.207vw;
}
button[aria-expanded=true] .pl {
    display: none;
}
button[aria-expanded=false] .mi {
    display: none;
}
.btn:focus,.btn:active {
    outline: none !important;
    box-shadow: none;
}
hr {
    margin-top: 0.840vw;
    margin-bottom: 0.840vw;
}
.qCon {
    height: 1.050vw;
}
#customer {
    width: 4.829vw;
    height: 4.829vw;
}
#universe {
    position: relative;
    width: 42.467vw;
    height: 42.467vw;
    transition: all 1.5s;
    margin: 10px auto 4.199vw;
}
#solar-system {
    width: 100%;
    height: 100%;
    position:relative;
}
#sun {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -3.412vw 0 0 -3.412vw;
    width: 6.824vw;
    height: 6.824vw;
    border-radius: 50%;
    background-position: center;
    background-size: cover;
}
.orbit {
    position:absolute; top:0; left:0; width: 42.467vw; height: 42.467vw; border-radius: 50%; border: 0.105vw dashed #2A3C2C;  /*transform-style: preserve-3d;*/ /*transform: /*rotateX(80deg)*/ /*rotateY(20deg)*/;
    /*transition: all 0.3s ease; */
}
.path {
    width:42.467vw; height:42.467vw; position:relative; /*transform-style: preserve-3d;*/
    /*transition: all 0.3s ease;*/
}
.orbit2 {
    width:35.328vw; height:35.328vw; border-radius: 50%; margin: 3.570vw;
}
.orbit2 .path {
    width:35.328vw; height:35.328vw;
}
.orbit3 {
    width: 26.404vw; height: 26.404vw; border-radius:50%; margin: 8.031vw;
}
.orbit3 .path {
    width:26.404vw; height:26.404vw;
}
.orbit4 {
    width: 13.228vw; height: 13.228vw; border-radius:50%; margin: 14.646vw;
}
.orbit4 .path {
    width:13.228vw; height:13.228vw;
}
.electron {
    position: absolute;
    border-radius: 50%;
    background: #E5E5E5;
    z-index:999;
    border: none;
}
#electron3 {
    top: 7.874vw;
    width: 5.512vw;
    height: 5.512vw;
    left: -2.625vw;
    background-size: cover;
}
#electron21 {
    top: 1.680vw;
    width: 5.039vw;
    height: 5.039vw;
    left: 4.357vw;
    background-size: cover;
}
#electron22 {
    top: 24.934vw;
    width: 5.669vw;
    height: 5.669vw;
    left: 28.661vw;
    background-size: cover;
}
#electron11 {
    top: 93%;
    width: 6.929vw;
    height: 6.929vw;
    left: 17.848vw;
    background-size: cover;
    background-repeat: no-repeat;
}
#electron12 {
    top: 2.782vw;
    width: 6.929vw;
    height: 6.929vw;
    left: 33.438vw;
    background-size: cover;
    background-repeat: no-repeat;
}
.contactImg {
    margin-top: 6vh;
    /*margin-top: -13.562vw;*/
    margin-left: 6.562vw;
    position: relative;
    object-fit: scale-down;
    width: 22.625vw;
    height: 29.081vw;
}
.contactImg2 {
    margin-left: -6.037vw;
    margin-top: 28.871vw;
    position: absolute;
    object-fit: scale-down;
    width: 13.018vw;
    height: 24.672vw;
}
.social {
    padding-right: 2.047vw;
    width: 3.255vw;
    height: 1.260vw;
}
.footerRight {
    margin-top: 7.139vw;
    margin-left: 2vw;
}
#footerRight {
    padding-left: 3.385vw;
}
.footerFormBtn {
    margin-bottom: 0.892vw;
    margin-left: -6.247vw;
}
.footerFormInput {
    margin-top: 1.890vw;
    margin-left: 15px;
}
.flower {
    height: 56.693vw;
    /*animation: move2 7s forwards ease-in-out;*/
}
.mask {
    height: 56.693vw;
    width: 39.706vw;
    display: block;
    float: right;
    mask-image: url("/images/logoMask.svg");
    -webkit-mask-image: url("/images/logoMask.svg");
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    -webkit-transform-origin: bottom center;
    animation: move 7s forwards ease-in-out;
    visibility: hidden;
}
#lastTitleSec2 {
    /*margin-top: 58.572vw;*/
}
#lowerFooter {
    /*padding-top: 3rem;*/
    /*margin-top: 3rem;*/
}
.plus {
    border: none;
    background: transparent;
}
.text2 {
    font-size: 24px;
    width: 160px;
    line-height: 28px;
    margin: auto;
    letter-spacing: 1px;
}
#customerTitle {
    font-weight: 500;
}
.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%237D4B33' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}
.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%237D4B33' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}
/*@-webkit-keyframes move2 {
    0% {
        -webkit-transform: translateX(-50px) rotate(-30deg);
    }
    100% {
        -webkit-transform: translateX(0px) rotate(0deg);
    }
}*/
@-webkit-keyframes move {
    0% {
        -webkit-transform: rotate(30deg);
    }
    100% {
        -webkit-mask-position-x: 9.449vw;
        -webkit-transform: rotate(0);
    }
}
.header {
    width: 100%;
    position: absolute;
}
.frm {
    margin-top: 0;
}

.listLine {
    height: 9vh;
}

@media only screen and (min-width: 485px) {
    .smallFooterTitle {
        margin-bottom: 0;
    }
    .submitArrow {
        width: 20px;
        height: 10px;
        padding-bottom: 2px;
    }
    .menu-wrap {
        display: none;
    }
    #cameraFlower {
        width: 45vw;
    }
    #carouselExampleIndicators {
        display: none;
    }
    .scroll-downs {
        display: none;
    }
    .backArrow {
        display: none;
    }
    ul > li > a, a:hover {
        /*font-size: 1.2vw;*/
    }
    .footerMenu > li > a {
        font-size: 1.1rem;
    }
    .title {
        font-size: 3.2rem;
        top: 13.874vw;
        width: 500px;
        height: 11.294vw;
        line-height: 57px;
    }
    .text {
        font-size: 1.05rem;
        line-height: 19px;
        width: 400px;
        height: 5.564vw;
        top: 27.77vw;
    }
    .btnTitle {
        top: 38.471vw;
    }
    .btnMain {
        font-size: 1.3vw;
        height: 3.72vw;
        width: 12.61vw;
    }
    .logo {
        float: left;
        display: inline-block;
        margin-left: 5.774vw;
        margin-top: 1.925vw;
        padding-right: 0.262vw;
        position: absolute;
    }
    #logo {
        width: 5.22vw;
        height: 5.2vw;
        padding-right: 0.840vw;
    }
    #mutri {
        width: 7.26vw;
        height: 4.462vw;
        padding-bottom: 0.210vw;
    }
    .text2 {
        font-size: 0.55rem;
        width: 220px;
    }
    .title2 {
        font-size: 2.3rem;
        line-height: 40px;
    }
    .title3 {
        font-size: 4.46vw;
        line-height: 5.222vw;
        width: 36.745vw;
        height: 8.189vw;
        /*margin-top: 18.572vw;*/
    }
    .title4 {
        font-size: 2.49vw;
    }
    .title5 {
        font-size: 3.550vw;
        height: 6.299vw;
        width: 47.835vw;
        /*top: 34.121vw;*/
    }
    .footerTitle {
        font-size: 2.3vw;
        line-height: 130%;
    }
    .smallFooterTitle {
        font-size: 1.1rem;
    }
    .text3 {
        font-size: 1.51vw;
        line-height: 2.32vw;
        width: 38.346vw;
    }
    .colTitle {
        margin-top: 15px;
        font-size: 0.9rem;
        margin-bottom: 15px;
        line-height: 3.26vw;
    }
    .colText {
        font-size: 0.68rem;
        line-height: 17px;
        margin-bottom: 2.100vw;
        width: 200px;
    }
    .colIconImg {
        width: 30px;
        height: 30px;
    }
    .colImg {
        width: 200px;
        height: auto;
    }
    .mCol {
        position: relative;
        margin-left: auto;
        margin-right: auto;
        width: 85%;
        margin-top: 6%;
    }
    .sec21 {
        height: auto;
        padding-top: 6.275vw;
    }
    .appIconSize {
        width: 10.687vw;
        height: 3.3vw;
    }
    .colImg2 {
        width: 4.217vw;
        height: 4.217vw;
    }
    .faq {
        font-size: 0.925vw;
    }
    .questions {
        font-size: 2.15vw;
    }
    .olNumber {
        font-size: 1.960vw;
        margin-right: 2vw;
    }
    .clps {
        font-size: 0.9rem;
        line-height: 180%;
        max-width: 42.858vw;
        margin-left: 4.69vw;
    }
    .heart {
        font-size: 1.1vw;
        width: 2.5vw;
        height: 1.817vw;
    }
    .pl {
        width: 1.755vw;
        height: 1.97vw;
    }
    .mi {
        width: 1.755vw;
        height: 1px;
    }
    #customer {
        width: 5.9vw;
        height: 5.9vw;
    }
    #customerTitle {
        font-size: 1.37vw;
        font-weight: 500;
        line-height: 2.5vw;
    }
    #customerName {
        margin-left: 15px;
        margin-bottom: 1px;
    }
    input {
        font-size: 1.3vw;
        width: 29.822vw;
    }
    ::placeholder {
        font-size: 1.3vw;
    }
    .formBtn {
        font-size: 1.6rem;
    }
    .footerFormBtn {
        margin-left: -9.1vw;
    }
    .social {
        /*margin-top: 2.9vw;*/
        padding-right: 2.047vw;
        width: 3.855vw;
        height: 1.860vw;
    }
    .copyRight {
        font-size: 1rem;
    }
    #backArrow {
        width: 0.7vw;
    }

}
@media only screen and (min-width: 900px) {
    .submitArrow {
        width: 27px;
        height: 13px;
        padding-bottom: 2px;
    }
    .mCol {
        position: relative;
        margin-left: auto;
        margin-right: auto;
        width: 80%;
        margin-top: 6%;
    }
    .backArrow {
        display: none;
    }
    ul > li > a, a:hover {
        /*font-size: 1vw;*/
    }
    .footerMenu > li > a {
        font-size: 1.1rem;
    }
    .title {
        font-size: 4rem;
        top: 15.874vw;
        width: 600px;
        height: 11.294vw;
        line-height: 67px;
    }
    .text {
        font-size: 1.3rem;
        line-height: 25px;
        width: 650px;
        height: 5.564vw;
        top: 25vw;
    }
    .btnTitle {
        top: 37.471vw;
    }
    .btnMain {
        font-size: 1vw;
        height: 2.720vw;
        width: 9.61vw;
    }
    .logo {
        float: left;
        display: inline-block;
        margin-left: 5.774vw;
        margin-top: 2.625vw;
        padding-right: 0.262vw;
        position: absolute;
    }
    #logo {
        width: 4.22vw;
        height: 4.2vw;
        padding-right: 0.840vw;
    }
    #mutri {
        width: 6.26vw;
        height: 3.462vw;
        padding-bottom: 0.210vw;
    }
    .text2 {
        font-size: 0.65rem;
        width: 220px;
    }
    .title2 {
        font-size: 2.8rem;
        line-height: 55px;
    }
    .title3 {
        font-size: 3.960vw;
        line-height: 4.222vw;
        width: 36.745vw;
        height: 8.189vw;
        /*margin-top: 22.572vw;*/
    }
    .title4 {
        font-size: 2.19vw;
    }
    .title5 {
        font-size: 3.350vw;
        height: 6.299vw;
        width: 44.835vw;
        /*top: 34.121vw;*/
    }
    .footerTitle {
        font-size: 2.3vw;
        line-height: 130%;
    }
    .smallFooterTitle {
        font-size: 1.1rem;
    }
    .text3 {
        font-size: 1.45vw;
        line-height: 1.932vw;
        width: 34.346vw;
    }
    .colTitle {
        margin-top: 25px;
        margin-bottom: 20px;
        font-size: 1.07rem;
        line-height: 1.260vw;
    }
    .colText {
        font-size: 0.9rem;
        line-height: 23px;
        margin-bottom: 2.100vw;
        width: 268px;
    }
    .colIconImg {
        width: 35px;
        height: 35px;
    }
    .colImg {
        width: 268px;
        height: auto;
    }
    .appIconSize {
        width: 8vw;
        height: 2.6vw;
    }
    .faq {
        font-size: 0.725vw;
    }
    .questions {
        font-size: 1.775vw;
    }
    .olNumber {
        font-size: 1.460vw;
        margin-right: 1.50vw;
    }
    .clps {
        font-size: 0.9rem;
        line-height: 180%;
        max-width: 38.858vw;
        margin-left: 3.650vw;
    }
    .heart {
        font-size: 1vw;
        width: 1.827vw;
        height: 1.617vw;
    }
    .pl {
        width: 1.455vw;
        height: 1.707vw;
    }
    .mi {
        width: 1.455vw;
        height: 1px;
    }
    #customer {
        width: 5.529vw;
        height: 5.529vw;
    }
    #customerTitle {
        font-size: 1vw;
        font-weight: 500;
        line-height: 1.8vw;
    }
    input {
        font-size: 1.05vw;
        width: 29.822vw;

    }
    ::placeholder {
        font-size: 1.05vw;
    }
    .formBtn {
        font-size: 0.7rem;
    }
    .footerFormBtn {
        margin-left: -9.1vw;
    }
    .social {
        /*margin-top: 3.12vw;*/
        padding-right: 2.047vw;
        /* width: 3.555vw; */
        height: 4.56vw;
        width: 4.3vw;
    }
    .copyRight {
        font-size: 1rem;
    }
    #backArrow {
        /*width: 0.55vw;*/
        width: 1vw;
    }

    body.contact .text {
        top: 28vw;
    }
    body.contact .sec1 {
        background: url('/images/contactBackground.png') darkgray;
        background-size: cover;
    }
    body.contact .title {
        width: 37.816vw;
    }
    body.contact .footerRight {
        margin-top: 9.139vw;
    }
    .listLine {
        margin-top: 2.7vw;
    }

}
@media only screen and (min-width: 1400px) {
    .payment-card-wrapper{
        margin-top: 0!important;
    }
    .payment-card-wrapper .item{
        margin-bottom: 0;
    }
    .copyRight{
        display: none;
    }
    .copyRight2{
        display: block;
    }
    .social-wrapper {
        margin-top: 3vh;
    }
    #footerRight {
        margin-top: -1.6rem!important;
    }
    .submitArrow {
        width: 30px;
        height: 14px;
        padding-bottom: 2px;
    }
    .mCol {
        position: relative;
        margin-left: auto;
        margin-right: auto;
        width: 64%;
        margin-top: 6%;
        max-width: 1390px;
    }
    ul > li > a, a:hover {
        font-family: 'Junge', sans-serif;
        /*font-family: 'Lato', sans-serif;*/
        /*font-size: 0.835vw;*/
        color: #FFFFFF;
        text-decoration: none;
        cursor: none !important;
    }
    .footerFormBtn {
        margin-left: -7.1vw;
    }
    .footerMenu > li > a {
        font-size: 1.1rem;
        font-weight: 300;
    }
    .title {
        font-family: 'Junge', serif;
        font-size: 4.5rem;
        color: #FFFFFF;
        position: absolute;
        top: 260px;
        width: 568px;
        height: 8.294vw;
        line-height: 85px;
        display: inline-block;
        letter-spacing: 0.210vw;
    }
    .text {
        font-family: 'Junge', sans-serif;
        /* font-family: 'Lato', sans-serif; */
        font-size: 1.4rem;
        color: #FFFFFF;
        position: relative;
        line-height: 27px;
        width: 700px;
        height: 5.564vw;
        top: 404px;
    }
    .btnMain {
        font-family: 'Junge', sans-serif;
        /*font-family: 'Lato', sans-serif;*/
        font-size: 0.940vw;
        font-weight: bold;
        color: #FCFCFD;
        text-align: center;
        position: absolute;
        height: 2.520vw;
        width: 9.961vw;
        background: #2A3C2C;
        border-radius: 90px;
        display: inline-block;
    }
    .btnTitle {
        top: 36.81vw;
    }
    .appIconSize {
        width: 8vw;
        height: 2.59vw;
    }
    .text2 {
        font-family: 'Junge', sans-serif;
        /* font-family: 'Lato', sans-serif; */
        font-size: 0.75rem;
        font-weight: bold;
        color: #777E91;
        text-transform: uppercase;
        padding-top: 5.249vw;
        margin-bottom: 0.262vw;
        width: 400px;
    }
    .title2 {
        font-family: 'Junge', serif;
        font-size: 3rem;
        top: 15.15%;
        bottom: -42.42%;
        line-height: 56px;
        letter-spacing: -0.050vw;
        color: #23262F;
    }
    .title3 {
        font-family: 'Junge', serif;
        font-size: 3.360vw;
        line-height: 3.622vw;
        position: absolute;
        width: 36.745vw;
        height: 8.189vw;
        display: block;
        /*margin-top: 22.572vw;*/
    }
    .title4 {
        font-family: 'Junge', serif;
        font-size: 1.890vw;
        position: static;
        line-height: 160%;
        letter-spacing: 0.03em;
        text-transform: capitalize;
        color: #54514B;
        order: 1;
        margin: 1.260vw 10.499vw 3.360vw 11.024vw;
    }
    .title5 {
        font-family: 'Junge', serif;
        font-size: 3.150vw;
        /*position: absolute;*/
        height: 6.299vw;
        line-height: 100%;
        color: #FFFFFF;
        width: 42.835vw;
        margin: -1.155vw 0 6.299vw 0;
        /*top: 34.121vw;*/
    }
    .footerTitle {
        position: relative;
        font-family: 'Junge', serif;
        font-size: 2.100vw;
        line-height: 130%;
        color: #FFFFFF;
    }
    .smallFooterTitle {
        width: 3.097vw;
        height: 0.945vw;
        font-family: 'Junge', sans-serif;
        /*font-family: 'Lato', sans-serif;*/
        font-weight: bold;
        font-size: 1.1rem;
        line-height: 180%;
        letter-spacing: 0.28em;
        text-transform: uppercase;
        color: #FFFFFF;
    }
    .text3 {
        position: relative;
        display: block;
        font-family: 'Junge', sans-serif;
        /*font-family: 'Lato', sans-serif;*/
        font-size: 1.155vw;
        line-height: 1.732vw;
        letter-spacing: 0.03em;
        color: #321C1C;
        margin-top: 2.625vw;
        margin-left: 0.787vw;
        width: 29.346vw;
    }
    .colTitle {
        margin-top: 28px;
        font-family: 'Junge', sans-serif;
        /*font-family: 'Lato', sans-serif;*/
        font-size: 1.18rem;
        font-weight: bold;
        line-height: 1.260vw;
        color: #23262F;
        margin-bottom: 26px;
    }
    .colText {
        font-family: 'Junge', sans-serif;
        /*font-family: 'Lato', sans-serif;*/
        font-size: 0.95rem;
        line-height: 25px;
        color: #777E91;
        margin-bottom: 2.100vw;
        width: 335px;
    }
    .colImg {
        width: 335px;
        height: auto;
    }
    .colIconImg {
        width: 45px;
        height: 45px;
    }

    .faq {
        font-family: 'Junge', sans-serif;
        /*font-family: 'Roboto', sans-serif;*/
        font-size: 0.525vw;
        line-height: 180%;
        letter-spacing: 0.28em;
        text-transform: uppercase;
        color: #ABA195;
        margin-left: 11.024vw;
    }
    .questions {
        margin: 0 11.024vw;
        list-style-type: none;
        font-family: 'Junge', serif;
        position: static;
        line-height: 130%;
        font-size: 1.575vw;
        letter-spacing: 0.02em;
        color: #2C2A27;
    }
    .olNumber {
        font-family: 'Junge', sans-serif;
        /*font-family: 'Roboto', sans-serif;*/
        font-size: 1.260vw;
        font-style: italic;
        line-height: 130%;
        color: #2C2A27;
        margin-right: 1.4vw;
        margin-top: -0.787vw;
    }
    .clps {
        font-family: 'Junge', sans-serif;
        /* font-family: 'Lato', sans-serif; */
        font-size: 1rem;
        line-height: 170%;
        color: #54514B;
        margin: 0 2.625vw 0 3.150vw;
        max-width: 33.858vw;
        width: auto;
        font-weight: 300;
    }
    .heart {
        font-family: 'Junge', sans-serif;
        /*font-family: 'Lato', sans-serif;*/
        font-size: 0.840vw;
        font-weight: bold;
        line-height: 0.997vw;
        align-items: center;
        color: #000000;
        margin: 1vw 0.262vw 0 0.630vw;
        width: 1.627vw;
        height: 1.417vw;
    }

    input {
        display: block;
        background-color: transparent;
        font-family: 'Junge', sans-serif;
        /*font-family: 'Lato', sans-serif;*/
        font-size: 1vw;
        color: #FFFFFF;
        outline: none;
        border-top: none;
        border-left: none;
        border-right: none;
        border-bottom: solid #FFFFFF 1px;
        padding: 0.525vw 0;
        width: 27.822vw;
        margin-top: 2.100vw;
        cursor: none !important;
    }
    ::placeholder {
        font-family: 'Junge', sans-serif;
        /*font-family: 'Lato', sans-serif;*/
        font-size: 1vw;
        color: #C8B9AD;
        line-height: 170%;
    }
    .formBtn {
        border-color: transparent;
        color: #FFFFFF;
        font-family: 'Junge', sans-serif;
        /*font-family: 'Lato', sans-serif;*/
        font-size: 0.8rem;
        text-transform: uppercase;
        letter-spacing: 0.23em;
        text-align: center;
        background: none;
        padding: 0;
        margin-top: 8.835vw;
    }
    .copyRight {
        position: absolute;
        font-family: 'Junge', sans-serif;
        /*font-family: 'Roboto', sans-serif;*/
        font-size: 1rem;
        line-height: 100%;
        letter-spacing: 0.28em;
        text-transform: uppercase;
        color: #FFFFFF;
        margin-top: 16vh;
    }
    .logo {
        float: left;
        display: inline-block;
        margin-left: 7.574vw;
        margin-top: 1.925vw;
        padding-right: 0.262vw;
        position: absolute;
    }
    #logo {
        width: 3.82vw;
        height: 4.8vw;
        padding-right: 0.840vw;
    }
    #mutri {
        width: 6vw;
        height: 3vw;
        padding-bottom: 0.210vw;
    }
    .social {
        padding-right: 2.047vw;
        height: 3.56vw;
        width: 3.9vw;
    }
    .listLine {
        margin-top: 2.7vw;
    }
}
@media only screen and (max-device-width: 576px) {

    section {
        height: auto;
    }

    nav {
        display: none;
    }
    /* MENU STYLES */
    .menu-wrap {
        position: relative;
        top: 42px;
        left: 0;
        z-index: 1;
        display: unset;
        float: right;
        width: 10%;
    }

    .menu-wrap .toggler {
        position: absolute;
        top: 0;
        left: 0;
        margin-left: -2px;
        z-index: 2;
        cursor: pointer;
        width: 50px;
        height: 50px;
        opacity: 0;
    }

    .menu-wrap .hamburger {
        position: absolute;
        top: 0;
        left: 0;
        margin-left: -30px;
        z-index: 1;
        width: 100px;
        height: 100px;
        padding: 1rem;
        background: transparent;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    /* Hamburger Line */
    .menu-wrap .hamburger > div {
        position: relative;
        flex: none;
        width: 100%;
        height: 5px;
        background: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all 0.4s ease;
    }

    /* Hamburger Lines - Top & Bottom */
    .menu-wrap .hamburger > div::before,
    .menu-wrap .hamburger > div::after {
        content: '';
        position: absolute;
        z-index: 1;
        top: -14px;
        width: 100%;
        height: 5px;
        background: inherit;
    }

    /* Moves Line Down */
    .menu-wrap .hamburger > div::after {
        top: 14px;
    }

    /* Toggler Animation */
    .menu-wrap .toggler:checked + .hamburger > div {
        transform: rotate(135deg);
    }

    /* Turns Lines Into X */
    .menu-wrap .toggler:checked + .hamburger > div:before,
    .menu-wrap .toggler:checked + .hamburger > div:after {
        top: 0;
        transform: rotate(90deg);
    }

    /* Rotate On Hover When Checked */
    .menu-wrap .toggler:checked:hover + .hamburger > div {
        transform: rotate(225deg);
    }

    /* Show Menu */
    .menu-wrap .toggler:checked ~ .menu {
        visibility: visible;
    }

    .menu-wrap .toggler:checked ~ .menu > div {
        transform: scale(1);
        transition-duration: 0.5s;
    }

    .menu-wrap .toggler:checked ~ .menu > div > div {
        opacity: 1;
        transition:  opacity 0.4s ease 0.4s;
    }

    .menu-wrap .menu {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        visibility: hidden;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .menu-wrap .menu > div {
        background: #2a3c2c;
        border-radius: 50%;
        width: 100vw;
        height: 100vw;
        display: flex;
        flex: none;
        align-items: center;
        justify-content: center;
        transform: scale(0);
        transition: all 0.4s ease;
        opacity: 0.98;
    }

    .menu-wrap .menu > div > div {
        text-align: center;
        max-width: 90vw;
        max-height: 100vh;
        opacity: 0;
        transition: opacity 0.4s ease;
    }
    .menu-wrap .menu > div > div > ul {
        padding-left: 0;
    }
    .menu-wrap .menu > div > div > ul > li {
        list-style: none;
        color: #fff;
        font-size: 4rem;
        padding: 1rem;
        display: block;
    }

    .menu-wrap .menu > div > div > ul > li > a {
        color: inherit;
        text-decoration: none;
        transition: color 0.4s ease;
        font-size: 4.335vw;
    }

    .backArrow {
        display: inline-block;
        float: right;
        width: 30px;
        height: 100px;
        margin-right: 155px;
        margin-top: -160px;
    }
    .cursor {
        display: none;
    }
    .sec3 {
        /*height: 1500px;*/
    }
    .sec24 {
        height: 2600px;
        overflow: hidden;
    }
    .sec24 > .col-5 {
        height: 1260px;
        margin-top: 180px;
        margin-bottom: 50px;
    }
    #sec20 {
        /*height: 1600px;*/
        overflow: hidden;
    }
    .sec22 {
        height: 2800px;
        overflow: hidden;
        padding-top: 21.249vw;
    }
    .sec21 {
        /*height: 1900px;*/
        overflow: hidden;
    }
    .sec211 {
        margin-top: 111px;
    }
    .sec23 {
        height: auto;
        overflow: hidden;
    }
    .sec1 {
        background-image: url(/images/mobileBackground.png);
        width: 100%;
        min-height: 10.499vw;
        background-size: cover;
        background-repeat: no-repeat;
        height: 100vh;
        overflow: hidden;
    }
    .title {
        font-size: 10.525vw;
        width: 77.167vw;
        height: 26.007vw;
        line-height: 12.549vw;
        margin-top: 56.874vw;
    }
    .text {
        font-size: 4.229vw;
        width: 72.167vw;
        height: 26.007vw;
        line-height: 4.944vw;
        top: 101.875vw;
    }
    .btnMain {
        width: 305px;
        height: 90px;
        font-size: 33px;
        position: relative;
        margin-top: 27px!important;
    }
    .btnTitle {
        top: 33.471vw;
    }
    .mask{
        visibility: hidden;
    }
    #logo {
        width: 120px;
        height: 120px;
        margin-right: 15px;
    }
    #mutri {
        width: 170px;
        height: 120px;
    }
    section {
        margin-left: 7.774vw;
    }
    .logo {
        width: 330px;
        margin-top: 46px;
    }

    .title2 {
        text-align: left;
        /*font-size: 7.325vw;*/
        /*width: 58vw;*/
        font-size: 92px;
        width: auto;
        line-height: 9.6vw;
        margin: 100px auto;
    }
    .pulse {
        /* display: none; */
        height: 38.562vw;
        width: 38.562vw;
        margin-left: 33%;
        margin-top: 77%;
    }
    .ring {
        position: absolute;
        background: inherit;
        height: 90%;
        width: 90%;
        border-radius: 100%;
        opacity: 1;
        margin-left: 15px;
        margin-top: 15px;
    }
    .title3 {
        font-size: 9.625vw;
        /*margin-top: 68vw;*/
        line-height: 13.622vw;
        width: 75.745vw;
        margin-bottom: 50px;
        height: 250px;
    }
    #unionTitle{
        margin-top: 101.572vw !important;
        line-height: 8.922vw;
        width: 79.745vw;
    }
    .text3 {
        font-size: 4.229vw;
        width: 70.346vw;
        height: 45.346vw;
        line-height: 4.346vw;
        margin-top: 60px;
    }
    .text2 {
        /*font-size: 24px;*/
        /*width: 160px;*/
        font-size: 35px;
        width: 220px;
        line-height: 40px;
    }
    .hide {
        visibility: visible;
    }
    .iPhone {
        margin-left: 32%;
        margin-top: 3%;
        height: auto;
        width: auto;
    }
    .crunches {
        width: 300px;
        height: 265px;
        position: absolute;
        margin-top: -101.835vw;
        margin-left: 660px;
    }
    .col-5 {
        flex: none;
        max-width: 100%;
        height: 900px;
        margin-top: 80px;
    }
    .col-7 {
        flex: none;
        max-width: 100%;
        height: 900px;
        margin-top: 80px;
    }
    .col-6 {
        max-width: 100%;
    }
    .appIconSize {
        width: 25.8vw;
        margin-top: -55px;
        height: 12.8vw;
    }
    .weight {
        margin: -130.5vw 0 0 53.297vw;
        opacity: 0.9;
        width: 38vw;
        height: auto;
    }
    .graf {
        margin: -91.6vw 0 0 43.535vw;
        width: 38.349vw;
        height: auto;
    }
    .mCol {
        display: none;
    }
    #carouselExampleIndicators {
        display: block;
    }
    .carousel-indicators li {
        width: 15px;
        height: 15px;
        border-radius: 50%;
        background-color: #CFA08C;
        /*background-color: #7D4B33;*/
        opacity: 0.5;
    }
    .carousel-indicators .active {
        background-color: #CFA08C;
        /*background-color: #7D4B33;*/
        opacity: 1;
    }
    .carousel-control-next-icon, .carousel-control-prev-icon {
        width: 35px;
        height: 35px;
    }
    .colIconImg {
        width: 13.1vw;
        height: 13.1vw;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    .colTitle {
        margin-top: 1.575vw;
        font-size: 6.7vw;
        line-height: 13.26vw;
        margin-left: auto;
        margin-right: auto;
    }
    .colText {
        margin-left: auto;
        margin-right: auto;
        font-size: 4.229vw;
        line-height: 4.229vw;
        margin-bottom: 3.1vw;
        /*width: 67.648vw;*/
        width: auto;
    }
    .colImg {
        /*width: 69.648vw;*/
        width: 100%;
        /*height: 32.648vw;*/
        margin: 10px auto 85px;
    }
    .colImg2 {
        width: 11.1vw;
        height: 11.1vw;
    }
    #textSec22 {
        height: 36.346vw;
    }
    #union {
        height: 1520px;
    }
    .colUnion {
        margin-left: 0;
    }
    .union {
        transform: rotate(-90deg);
        height: 100%;
        width: 100%;
    }
    .union .row {
        height: 100%;
    }
    .union .col-4 {
        width: 100%;
        height: 100%;
        text-align: left !important;
    }
    /*.sec22 .col-5 {
        margin-top: 0;
    }*/
    .displayUnion {
        display: block;
        width: 167px!important;
        height: auto !important;
        float: right;
        margin-bottom: 350px!important;
    }
    #column2, #column1, #column3 {
        margin-right: -100px;
    }
    #column1 {
        margin-top: 83.654vw;
    }
    #column2 {
        margin-top: -79.168vw;
    }
    #column3 {
        margin-top: 79.499vw;
    }
    .title4 {
        font-size: 3.89vw;
        margin-left: 7.774vw;
    }
    .faq {
        font-size: 1.67vw;
        margin-bottom: 36px;
        margin-left: 7.774vw;
    }
    .olNumber {
        font-size: 4.8vw;
        margin-right: 5.05vw;
    }
    .questions {
        font-size: 3.8vw;
        line-height: 6.5vw;
        margin: 0 7.774vw;
    }
    .clps {
        font-size: 1.7rem;
        margin-left: 11.2vw;
        max-width: 52.858vw;
    }
    hr {
        margin-top: 2.84vw;
        margin-bottom: 2.84vw;
    }
    .qCon {
        height: 3vw;
    }
    .pl {
        width: 3.3vw;
        height: 3.9vw;
    }
    .mi {
        width: 3.3vw;
        height: 4.3vw;
    }
    #lastTitleSec2 {
        /*margin-top: 211.572vw!important;*/
        line-height: 9.622vw;
    }
    #lastTextSec2 {
        height: 18.346vw;
    }
    #universe {
        width: 1200px;
        height: 1200px;
        margin-bottom: 28px;
        margin-top: -80px;
        margin-left: -95px;
    }
    #sun {
        margin: -101px 0 0 -98px;
        width: 195px;
        height: 195px;
    }
    .orbit {
        position: absolute;
        top: 0;
        left: 0;
        width: 1200px;
        height: 1200px;
        border-radius: 50%;
        border: 2px dashed #2A3C2C;
        /* transform-style: preserve-3d; */
        /* transition: all 0.3s ease; */
    }
    .path {
        width: 1200px;
        height: 1200px;
        position: relative;
        /* transform-style: preserve-3d; */
        /* transition: all 0.3s ease; */
    }
    .orbit2 {
        width: 1000px;
        height: 1000px;
        border-radius: 50%;
        margin: 10vw;
    }
    .orbit2 .path {
        width: 1000px;
        height: 1000px;
    }
    .orbit3 {
        width: 750px;
        height: 750px;
        border-radius: 50%;
        margin: 22.8vw;
    }
    .orbit3 .path {
        width: 750px;
        height: 750px;
    }
    .orbit4 {
        width: 400px;
        height: 400px;
        border-radius: 50%;
        margin: 40.646vw;
    }
    #electron3 {
        width: 146px;
        height: 146px;
        left: -5.625vw;
        top: 23.874vw;
    }
    #electron21 {
        top: 73.68vw;
        width: 146px;
        height: 146px;
        left: 83.357vw;
    }
    #electron22 {
        top: -6.066vw;
        width: 146px;
        height: 146px;
        left: 46.661vw;
    }
    #electron11 {
        top: 85%;
        width: 170px;
        height: 170px;
    }
    #electron12 {
        top: 28.782vw;
        width: 190px;
        height: 190px;
        left: 109.438vw;
    }
    #customer {
        width: 120px;
        height: 120px;
        margin-top: 20px;
    }
    #customerName {
        margin-left: 30px;
    }
    #customerTitle {
        font-weight: normal;
        line-height: 6vw;
        margin-top: 3.575vw;
        font-size: 2.7vw;
    }
    .heart {
        width: 50px;
        height: 38px;
        margin-top: 4vw;
        font-size: 2.7vw;
        line-height: 3.197vw;
        margin-right: 13px;
    }
    .title5 {
        /*top: 128.121vw;*/
        font-size: 7.325vw;
        width: 54.835vw;
        height: 22.835vw;
    }
    .sec3 .col-6 {
        flex: none;

    }
    .frm {
        /*margin-top: 32.711vw;*/
    }
    input {
        font-size: 3.2vw;
        width: 80.822vw;
        margin-bottom: 47px;
        line-height: 64px;
        border-bottom: solid #FFFFFF 2px;
    }
    ::placeholder {
        font-size: 3.2vw;
    }
    .formBtn {
        margin-top: 2.835vw;
        font-size: 1.6rem;
    }
    .submitArrow {
        width: 36px;
        height: 30px;
    }
    #footerRight {
        /*display: none;;*/
    }
    .footerTitle {
        font-size: 5.5vw;
        margin-bottom: 10px;
    }

    .social-wrapper {
        margin-top: 0;
    }

    .social {
        padding-right: 4.47vw;
        width: 8.455vw;
        height: 4.16vw;
        margin-top: 6.12vw;
    }
    .copyRight {
        font-size: 1rem;
        margin-top: 10vw;
        margin-left: 3%;
    }
    body.contact .copyRight {
        font-size: 1rem;
        margin-top: 6vw;
        margin-left: 3%;
    }
    #lowerFooter {
        padding-top: 0;
        margin-top: 0;
    }
    .contactImg {
        display: none;
        margin-top: -123.562vw;
        margin-left: -11.438vw;
        position: relative;
        width: 21.625vw;
        height: 28.081vw;
        float: right;
        margin-right: -50vw;
    }
    .contactImg2 {
        margin-left: 82.963vw;
        margin-top: 29.871vw;
        position: absolute;
        width: 12.018vw;
        height: 23.672vw;
        float: right;
    }
    .scroll-downs {
        position: absolute;
        top: 88%;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        width: 62px;
        height: 113px;
        display: block;
    }
    .mousey {
        width: 19px;
        padding: 10px 15px;
        height: 61px;
        border: 6px solid #fff;
        border-radius: 250px;
        opacity: 1;
        box-sizing: content-box;
    }
    .scroller {
        width: 8px;
        height: 19px;
        border-radius: 35%;
        background-color: #fff;
        animation-name: scroll;
        animation-duration: 1.5s;
        animation-timing-function: cubic-bezier(.15,.41,.69,.94);
        margin-left: 0.343rem;
        animation-iteration-count: infinite;
    }
    @keyframes scroll {
        0% { opacity: 1; }
        10% { transform: translateY(0);}
        75% { opacity: 0.9; }
        100% { transform: translateY(15px); opacity: 0;}
    }
    .contact-info-container {
        font-size: 2rem;
        margin-top: 3vh
    }
    .social-wrapper {
        margin-top: 0;
    }

    body.contact .title {
        width: 76.816vw;
        margin-top: 39.874vw;
    }

    body.contact .text {
        top: 100vw;
    }

    body.contact .sec1 {
        background: url('/images/contactBackgroundMobile.png') darkgray;
        background-size: cover;
    }


    body.contact .payment-card-wrapper {
        margin-top: 6vh;
    }
    .cookies-content{
        font-size: 28px;
        line-height: 35px;
    }
    nav > ul, ul.footerMenu {
        list-style-type: none;
        float: right;
        margin-top: 6.257vw;
    }
    .listLine {
        margin-top: 7.257vw;
    }
    .footerRight {
        margin-top: 7.139vw;
        margin-left: -2vw;
    }
    .footerRight .footerMenu li {
        display: block;
        padding: 0.4vh 0;
    }
    .footerMenu > li > a {
        font-size: 1.7rem;
    }
    .smallFooterTitle {
        font-size: 1.7rem;
    }
    #backArrow {
        width: 2vw;
    }

}
@media only screen and (min-device-width: 577px) and (max-device-width: 990px) {
    .cursor {
        display: none;
    }
    nav {
        display: none;
    }
    /* MENU STYLES */
    .menu-wrap {
        position: relative;
        top: 5px;
        left: 0;
        z-index: 1;
        display: unset;
        float: right;
        width: 10%;
    }
    .menu-wrap .toggler {
        position: absolute;
        top: 0;
        left: 0;
        margin-left: -2px;
        z-index: 2;
        cursor: pointer;
        width: 50px;
        height: 50px;
        opacity: 0;
    }
    .menu-wrap .hamburger {
        position: absolute;
        top: 0;
        left: 0;
        margin-left: 0;
        z-index: 1;
        width: 84px;
        height: 88px;
        padding: 1rem;
        background: transparent;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    /* Hamburger Line */
    .menu-wrap .hamburger > div {
        position: relative;
        flex: none;
        width: 85%;
        height: 4px;
        background: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all 0.4s ease;
    }

    /* Hamburger Lines - Top & Bottom */
    .menu-wrap .hamburger > div::before,
    .menu-wrap .hamburger > div::after {
        content: '';
        position: absolute;
        z-index: 1;
        top: -14px;
        width: 100%;
        height: 4px;
        background: inherit;
    }

    /* Moves Line Down */
    .menu-wrap .hamburger > div::after {
        top: 14px;
    }

    /* Toggler Animation */
    .menu-wrap .toggler:checked + .hamburger > div {
        transform: rotate(135deg);
    }

    /* Turns Lines Into X */
    .menu-wrap .toggler:checked + .hamburger > div:before,
    .menu-wrap .toggler:checked + .hamburger > div:after {
        top: 0;
        transform: rotate(90deg);
    }

    /* Rotate On Hover When Checked */
    .menu-wrap .toggler:checked:hover + .hamburger > div {
        transform: rotate(225deg);
    }

    /* Show Menu */
    .menu-wrap .toggler:checked ~ .menu {
        visibility: visible;
    }

    .menu-wrap .toggler:checked ~ .menu > div {
        transform: scale(1);
        transition-duration: 0.5s;
    }

    .menu-wrap .toggler:checked ~ .menu > div > div {
        opacity: 1;
        transition:  opacity 0.4s ease 0.4s;
    }

    .menu-wrap .menu {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        visibility: hidden;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .menu-wrap .menu > div {
        background: #2a3c2c;
        border-radius: 50%;
        width: 70vw;
        height: 70vw;
        display: flex;
        flex: none;
        align-items: center;
        justify-content: center;
        transform: scale(0);
        transition: all 0.4s ease;
        opacity: 0.98;
    }

    .menu-wrap .menu > div > div {
        text-align: center;
        max-width: 90vw;
        max-height: 100vh;
        opacity: 0;
        transition: opacity 0.4s ease;
    }
    .menu-wrap .menu > div > div > ul {
        padding-left: 0;
    }
    .menu-wrap .menu > div > div > ul > li {
        list-style: none;
        color: #fff;
        font-size: 4rem;
        padding: 0;
        display: block;
    }

    .menu-wrap .menu > div > div > ul > li > a {
        color: inherit;
        text-decoration: none;
        transition: color 0.4s ease;
        font-size: 3vw;
    }
    .mask {
        height: 66.693vw;
        width: 43.706vw;
    }
    .flower {
        height: 66.693vw;
    }
    .footerMenu > li > a {
        font-size: 1.1rem;
    }
    .title {
        font-size: 6.5vw;
        top: 19.874vw;
        width: 47.816vw;
        height: 11.294vw;
        line-height: 7.094vw;
    }
    .text {
        font-size: 1.91vw;
        line-height: 2.1vw;
        width: 45.95vw;
        height: 7.564vw;
        top: 32.77vw;
    }
    .btnTitle {
        top: 48.671vw;
    }
    .btnMain {
        font-size: 1.6vw;
        height: 4.32vw;
        width: 14.61vw;
    }
    .logo {
        float: left;
        display: inline-block;
        margin-left: 5.274vw;
        margin-top: 1.625vw;
        padding-right: 0.262vw;
        width: 206px;
        position: absolute;
    }
    #logo {
        width: 8.96vw;
        height: 6.162vw;
        padding-right: 0.840vw;
    }
    #mutri {
        width: 9.86vw;
        height: 6.362vw;
        padding-bottom: 0.210vw;
    }
    .sec1 {
        height: 66.693vw;
    }
    section {
        margin-left: 7.2vw;
    }
    .text2 {
        font-size: 1.1vw;
        width: 220px;
    }
    .title2 {
        font-size: 4.1vw;
        line-height: 4.2vw;
    }
    .title3 {
        font-size: 4.56vw;
        line-height: 5.222vw;
        width: 37.745vw;
        height: 11.189vw;
        /*margin-top: 22.572vw;*/
    }
    .title4 {
        font-size: 2.59vw;
        margin-left: 7.2vw;
    }
    .title5 {
        font-size: 3.550vw;
        height: 7.299vw;
        width: 46.835vw;
        /*top: 36.1vw;*/
    }
    .footerTitle {
        font-size: 2.6vw;
        line-height: 125%;
    }
    .smallFooterTitle {
        font-size: 1.1rem;
    }
    .text3 {
        font-size: 1.74vw;
        line-height: 2.532vw;
        width: 41.346vw;
    }
    .mCol {
        position: relative;
        margin-left: 8%;
        margin-right: 0;
    }
    .colTitle {
        margin-top: 20px;
        font-size: 1.07rem;
        line-height: 3.26vw;
    }
    .colText {
        font-size: 0.9rem;
        line-height: 23px;
        margin-bottom: 2.100vw;
        width: 268px;
    }
    .colIconImg {
        width: 35px;
        height: 35px;
    }
    .colImg {
        width: 268px;
        height: auto;
    }
    #cameraFlower {
        width: 56vw;
    }
    .sec23 {
        padding-top: 10.852vw;
    }
    .colImg2 {
        width: 4.917vw;
        height: 4.917vw;
        margin-top: 25px;
    }
    .appIconSize {
        width: 12.3vw;
        height: 3.7vw;
    }
    .iPhone {
        margin: 9.013vw 0 0 -0.013vw;
        position: absolute;
        width: 20.3vw;
        height: auto;
    }
    .crunches {
        margin: -30.835vw 0 0 28.896vw;
        position: relative;
        width: 20.9vw;
        height: auto;
    }
    .faq {
        font-size: 1vw;
        margin-left: 7.2vw;
    }
    .questions {
        font-size: 2.5vw;
        margin: 0 7.2vw;
    }
    .olNumber {
        font-size: 2.4vw;
        margin-right: 2.5vw;
    }
    .clps {
        font-size: 0.9rem;
        line-height: 180%;
        max-width: 47.858vw;
        margin-left: 6vw;
    }
    .heart {
        font-size: 1.1vw;
        width: 2.7vw;
        height: 1.917vw;
    }
    .pl {
        width: 2vw;
        height: 2.307vw;
    }
    .mi {
        width: 2vw;
        height: 1px;
    }
    #customer {
        width: 5.929vw;
        height: 5.929vw;
    }
    #customerName {
        margin-left: 10px;
    }
    #customerTitle {
        font-size: 1.4vw;
        font-weight: 500;
        line-height: 2.4vw;
        margin-top: 1vw;
    }
    input {
        font-size: 1.28vw;
        width: 31.822vw;
    }
    ::placeholder {
        font-size: 1.28vw;
    }
    .formBtn {
        font-size: 0.6rem;
    }
    .footerFormBtn {
        margin-left: -9.7vw;
    }
    .sec24 {
        height: 61.693vw;
        padding-top: 8.675vw;
    }
    .social {
        /*margin-top: 3.12vw;*/
        padding-right: 2.047vw;
        width: 5.555vw;
        height: 2.56vw;
    }
    .copyRight {
        font-size: 1rem;
        margin-top: 13vh;
    }
    #textSec22 {
        margin-bottom: 23px;
    }
    .contact-info-container {
        margin-top: 3vh;
    }
    .social-wrapper {
        margin-top: 8vh;
    }

    body.contact .title {
        width: 61.816vw;
        font-size: 5.5vw;
    }
    body.contact .text {
        top: 38vw;
    }
    nav > ul, ul.footerMenu {
        list-style-type: none;
        float: right;
        margin-top: 4.257vw;
    }
    .listLine {
        margin-top: 4.257vw;
    }

}
@media only screen and (min-device-width: 577px) and (max-device-width: 990px) and (orientation:landscape) {
    cursor {
        display: none;
    }
}

/*.contact-info-container {*/
/*    color: #ffffff;*/
/*    margin-top: 3.385vh;*/
/*    font-size: 1rem;*/
/*}*/

.payment-card-wrapper {
    margin-top: 30px;
    width: 100%;
}
.text-center {
    text-align: center;
}

.payment-card-wrapper .item {
    display: inline-block;
    padding: 5px 10px;
    margin-bottom: 35px;
}

.payment-card-wrapper .card-logo {
    min-width: 37px;
    min-height: 23px;
    max-width: 100px;
    max-height: 113px;
    height: 50px;
}
.cookies_consent, .cookies_consent .header, .cookies_consent .sec3 {
    /*background-color: #E5E5E5;*/
}
.cookies_consent {
    font-family: 'Junge', sans-serif;
}
.cookies-title {
    font-size: 64px;
    line-height: 78px;
    text-align: center;
    text-transform: capitalize;
    color: #23262F;
}
.cookies-subtitle {
    font-size: 42px;
    line-height: 61px;
    color: #000000;
    margin-top: 40px;
}
.cookies-content {
    font-size: 22px;
    line-height: 29px;
    color: #000000;
}
.cookies-date {
    font-size: 12px;
    line-height: 15px;
    text-align: center;
    text-transform: capitalize;
    color: #23262F;
    margin-bottom: 60px;
}
.cookies-wrapper {
    /*margin-top: 10%;*/
}
.cookies-content div {
    margin-block: 30px;
}

.cookies_consent #sec1 {
    background: none;
    height: auto;
}

.cookies_consent #mutri {
    filter: invert(1);
    /*background-color: #3E3E3E;*/
    /*fill: #3E3E3E;*/

}


.cookies_consent nav ul > li > a,
.cookies-wrapper ul > li > a {
    color: #3E3E3E;
}

.cookies_consent #sec3 {
    /*background: none;*/
    height: auto;
}

.cookies_consent #sec3 ul > li > a, .cookies_consent .footerTitle, .cookies_consent .contact-info-container,
.cookies_consent .smallFooterTitle, .cookies_consent .copyRight {
    /*color: #3e3e3e;*/
}

.cookies_consent {
    background-color: #EDECE7;
}

.cookies_consent .social {
    /*filter: invert(1) opacity(0.5);*/
    /*background-color: #3E3E3E;*/
    /*fill: #3E3E3E;*/

}

.cookies-subtitle2 {
    font-size: 32px;
    line-height: 61px;
    color: #000000;
    margin-top: 40px;

}

.cookies-content-title {
    font-size: 26px;
    line-height: 61px;
    color: #000000;
    margin-top: 40px;

}

/*.cookies_consent ul {*/
/*    float: none;*/
/*    list-style-type: disc;*/
/*}*/

/*.cookies_consent ul > li {*/
/*    display: block;*/
/*}*/

.payment-card-wrapper {
    margin-top: 10vh;
    width: 100%;
}

.payment-card-wrapper .item {
    display: inline-block;
    padding: 5px 10px;
    margin-bottom: 35px;
}

.payment-card-wrapper .card-logo {
    min-width: 37px;
    min-height: 23px;
    max-width: 100px;
    max-height: 113px;
    height: 34px;
}

.cookies_consent, .cookies_consent .header {
    background-color: #E5E5E5;
}
.cookies_consent {
    font-family: 'Junge', sans-serif;
}
.cookies-title {
    font-size: 64px;
    line-height: 78px;
    text-align: center;
    text-transform: capitalize;
    color: #23262F;
}
.cookies-subtitle {
    font-size: 42px;
    line-height: 61px;
    color: #000000;
    margin-top: 40px;
    width: 685px;
}
.cookies-content {
    font-size: 22px;
    line-height: 29px;
    color: #000000;
}
.cookies-date {
    font-size: 12px;
    line-height: 15px;
    text-align: center;
    text-transform: capitalize;
    color: #23262F;
    margin-bottom: 60px;
}
.cookies-wrapper {
    margin-top: 10%;
}
.cookies-content div {
    margin-block: 30px;
}

.footerRight .footerMenu li {
    display: block;
    padding: 0.2vh 0;
}

@media only screen and (max-device-width: 576px) {
    .cookies-content{
        font-size: 32px;
        line-height: 38px;
    }
    .cookies-subtitle{
        font-size: 50px;
    }
    .cookies-subtitle2{
        font-size: 45px;
    }
    .cookies-content-title{
        font-size: 36px;
    }
    .cookies-date{
        font-size: 18px;
        line-height: 20px;
    }

}

.email-notification {
    color: white;
}