.image-placeholder img.video-thumb {
    box-shadow: none !important;
}


/*
Theme Name: Welch
Author: Edesign
Author URI: https://edesigninteractive.com/
Description: Custom theme for this site
Version: 1.0
License: All right reserved
Text Domain: welch
*/


/*
This CSS resource incorporates links to font software which is the valuable copyrighted property of Monotype and/or its suppliers. You may not attempt to copy, install, redistribute, convert, modify or reverse engineer this font software. Please contact Monotype with any questions regarding Web Fonts: https://www.linotype.com
*/

html,
body {
    width: 100%;
    margin: 0;
    padding: 0;
    font-family: 'Helvetica LT W04 Light1489428', 'Arial', sans-serif;
}

body {
    color: #fff;
    font-weight: 400;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
}

blockquote {
    padding: 0;
    margin: 0;
}

button {
    cursor: pointer;
    border: 0;
    background: transparent;
    padding: 0;
}

button:focus {
    outline: 0;
}

a img {
    border: 0 none;
}

a {
    text-decoration: none;
    -webkit-text-decoration-skip: objects;
}

.f0 {
    font-size: 0;
}

.m-auto {
    margin: 0 auto;
}

.object {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.clr {
    clear: both;
}

.ul-reset {
    margin: 0;
    padding: 0;
}

.ul-reset li {
    list-style-type: none;
}

.h-reset h1,
.h-reset h2,
.h-reset h3,
.h-reset h4,
.h-reset p {
    margin: 0;
}

.w-reset {
    max-width: 100%;
    width: 100%;
}

.h-reset {
    height: auto;
}

.block {
    display: block;
}

.inline_block {
    display: inline-block;
}

.none {
    display: none;
}

.ov-hidden {
    overflow: hidden;
}

.ov-visible {
    overflow: visible;
}

.ov-o-hidden {
    opacity: 0;
    visibility: hidden;
}

.ov-o-visible {
    opacity: 1;
    visibility: visible;
}

input,
select,
textarea {
    outline: none;
}

input,
textarea {
    outline: none;
    -webkit-appearance: none;
    border-radius: 0;
}

select {
    outline: none;
    border-radius: 0;
}

button,
input,
select,
textarea {
    font: inherit;
    margin: 0;
}

button,
input {
    overflow: visible;
}

button,
select {
    /* 1 */
    text-transform: none;
}

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

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

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

blockquote {
    padding: 0;
    margin: 0;
}

button {
    cursor: pointer;
    border: 0;
    background: transparent;
    padding: 0;
}

button:focus {
    outline: 0;
}

.center {
    text-align: center;
}

.upper {
    text-transform: uppercase;
}

.lower {
    text-transform: lowercase;
}

.case {
    text-transform: normal;
}

.nocase {
    text-transform: none;
}

.italic {
    font-style: italic;
}

.hyphenate {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

.pull-left {
    float: left;
}

.pull-right {
    float: right;
}

.pull-none {
    float: none;
}

.prel {
    position: relative;
}

.pabs {
    position: absolute;
}

.pfix {
    position: fixed;
}

.valign {
    position: relative;
    display: table;
}

.valign.fit {
    width: 100%;
    height: 100%;
}

.valign .middle {
    display: table-cell;
    vertical-align: middle;
}

.middle {
    vertical-align: middle;
}

.bx {
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.fit {
    width: 100%;
    height: 100%;
}

@import url("https://fast.fonts.net/lt/1.css?apiType=css&c=b35c753d-6a3a-453d-bbdd-165c5f3d9f27&fontids=1489428,1489434,1489456,1489464");

@font-face {
    font-family: "Helvetica LT W04 Light1489428";
    src: url("../welch/assets/fonts-v/1489428/6cd1b54e-b8f5-4cf8-8e42-7934e3ec560e.eot?#iefix");
    src: url("../welch/assets/fonts-v/1489428/6cd1b54e-b8f5-4cf8-8e42-7934e3ec560e.eot?#iefix") format("eot"), url("../welch/assets/fonts-v/1489428/5e04826f-5440-42ee-82bb-b212cb16bccc.woff2") format("woff2"), url("../welch/assets/fonts-v/1489428/e0eda329-a6eb-46ac-8f15-e1c54de80856.woff") format("woff"), url("../welch/assets/fonts-v/1489428/fc0ced28-1aa0-49b9-aab1-ad5038d646b9.ttf") format("truetype");
}

@font-face {
    font-family: "Helvetica LT W04 Light 1489434";
    src: url("../welch/assets/fonts-v/1489434/f9f1f8d5-a30d-4667-a292-5c8b0a6abb7b.eot?#iefix");
    src: url("../welch/assets/fonts-v/1489434/f9f1f8d5-a30d-4667-a292-5c8b0a6abb7b.eot?#iefix") format("eot"), url("../welch/assets/fonts-v/1489434/5005fc11-550e-4047-817e-5604ec8b1f47.woff2") format("woff2"), url("../welch/assets/fonts-v/1489434/61610314-7aee-411d-8464-5e011b92aec8.woff") format("woff"), url("../welch/assets/fonts-v/1489434/7cba640b-8f0f-4761-ba16-134b3aa00b79.ttf") format("truetype");
}

@font-face {
    font-family: "Helvetica LT W04 Bold";
    src: url("../welch/assets/fonts-v/1489456/893142f2-c343-44de-949a-f933374e648c.eot?#iefix");
    src: url("../welch/assets/fonts-v/1489456/893142f2-c343-44de-949a-f933374e648c.eot?#iefix") format("eot"), url("../welch/assets/fonts-v/1489456/5b00a1f2-3a6d-4922-a126-bde89e7f683c.woff2") format("woff2"), url("../welch/assets/fonts-v/1489456/0b6078b5-b3d8-46ee-a22e-5197ae487290.woff") format("woff"), url("../welch/assets/fonts-v/1489456/2faee65d-e956-4390-9a9c-3928d6118c09.ttf") format("truetype");
}

@font-face {
    font-family: "Helvetica LT W04 Bold Oblique";
    src: url("../welch/assets/fonts-v/1489464/67292bf9-8a22-4a89-8131-47f55dd5bc42.eot?#iefix");
    src: url("../welch/assets/fonts-v/1489464/67292bf9-8a22-4a89-8131-47f55dd5bc42.eot?#iefix") format("eot"), url("../welch/assets/fonts-v/1489464/6f293208-fc9f-46b9-9543-603a61412a62.woff2") format("woff2"), url("../welch/assets/fonts-v/1489464/2d53c500-70cf-4d12-9c8c-abd0efe18145.woff") format("woff"), url("../welch/assets/fonts-v/1489464/3bee70a4-5d0e-46dd-93c0-03c95ad74801.ttf") format("truetype");
}

@font-face {
    font-family: 'ips';
    src: url('../welch/assets/fonts/ips.eot?zi7be3');
    src: url('../welch/assets/fonts/ips.eot?zi7be3#iefix') format('embedded-opentype'), url('../welch/assets/fonts/ips.ttf?zi7be3') format('truetype'), url('../welch/assets/fonts/ips.woff?zi7be3') format('woff'), url('../welch/assets/fonts/ips.svg?zi7be3#ips') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"],
[class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'ips' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-close:before {
    content: "\e90f";
    position: relative;
    display: inline-block;
}

.icon-social-fb:before {
    content: "\e930";
    position: relative;
    display: inline-block;
}

.icon-social-tw:before {
    content: "\e932";
    position: relative;
    display: inline-block;
}

.icon-instagram:before {
    position: relative;
    content: "\e902";
    display: inline-block;
}

.social-icon {
    display: block;
    position: relative;
    overflow: hidden;
}

.social-icon:hover:before {
    -webkit-animation: toTopFromBottom 0.6s forwards ease-in-out;
    -moz-animation: toTopFromBottom 0.6s forwards ease-in-out;
    animation: toTopFromBottom 0.6s forwards ease-in-out;
}

@-webkit-keyframes toTopFromBottom {
    49% {
        -webkit-transform: translateY(-100%);
    }

    50% {
        opacity: 0;
        -webkit-transform: translateY(100%);
    }

    51% {
        opacity: 1;
    }
}

@-moz-keyframes toTopFromBottom {
    49% {
        -moz-transform: translateY(-100%);
    }

    50% {
        opacity: 0;
        -moz-transform: translateY(100%);
    }

    51% {
        opacity: 1;
    }
}

@keyframes toTopFromBottom {
    49% {
        transform: translateY(-100%);
    }

    50% {
        opacity: 0;
        transform: translateY(100%);
    }

    51% {
        opacity: 1;
    }
}

.icon-right:before {
    content: "\e62a";
    position: relative;
    display: inline-block;
}

.col-d-100 {
    width: 100%;
}

.col-d-100.abs-square {
    position: relative;
    padding-bottom: 100%;
}

.col-d-100.abs-square.half {
    padding-bottom: 50%;
}

.col-d-75 {
    width: 75%;
}

.col-d-50 {
    width: 50%;
}
.col-d-58 {
    width: 58%;
}
.col-d-50.abs-square {
    position: relative;
    padding-bottom: 50%;
}

.col-d-50.abs-square.half {
    padding-bottom: 25%;
}

.col-d-33 {
    width: 33.333333333333336%;
}

.col-d-33.abs-square {
    position: relative;
    padding-bottom: 33.333333333333336%;
}

.col-d-33.abs-square.half {
    padding-bottom: 16.666666666666668%;
}

.col-d-25 {
    width: 25%;
}

.col-d-25.abs-square {
    position: relative;
    padding-bottom: 25%;
}

.col-d-25.abs-square.half {
    padding-bottom: 12.5%;
}

.col-d-20 {
    width: 20%;
}

.col-d-20.abs-square {
    position: relative;
    padding-bottom: 20%;
}

.col-d-20.abs-square.half {
    padding-bottom: 10%;
}

.col-d-16 {
    width: 16.666666666666668%;
}

.col-d-16.abs-square {
    position: relative;
    padding-bottom: 16.666666666666668%;
}

.col-d-16.abs-square.half {
    padding-bottom: 8.333333333333334%;
}

.col-d-14 {
    width: 14.285714285714286%;
}

.col-d-14.abs-square {
    position: relative;
    padding-bottom: 14.285714285714286%;
}

.col-d-14.abs-square.half {
    padding-bottom: 7.142857142857143%;
}

.col-d-12 {
    width: 12.5%;
}

.col-d-12.abs-square {
    position: relative;
    padding-bottom: 12.5%;
}

.col-d-12.abs-square.half {
    padding-bottom: 6.25%;
}

.col-d-11 {
    width: 11.11111111111111%;
}

.col-d-11.abs-square {
    position: relative;
    padding-bottom: 11.11111111111111%;
}

.col-d-11.abs-square.half {
    padding-bottom: 5.555555555555555%;
}

.col-d-10 {
    width: 10%;
}

.col-d-10.abs-square {
    position: relative;
    padding-bottom: 10%;
}

.col-d-10.abs-square.half {
    padding-bottom: 5%;
}

@media (min-width: 720px) and (max-width: 1024px) {
    .col-t-100 {
        width: 100%;
    }

    .col-t-100.abs-square {
        position: relative;
        padding-bottom: 100%;
    }

    .col-t-100.abs-square.half {
        padding-bottom: 50%;
    }

    .col-t-50 {
        width: 50%;
    }

    .col-t-50.abs-square {
        position: relative;
        padding-bottom: 50%;
    }

    .col-t-50.abs-square.half {
        padding-bottom: 25%;
    }

    .col-t-33 {
        width: 33.333333333333336%;
    }

    .col-t-33.abs-square {
        position: relative;
        padding-bottom: 33.333333333333336%;
    }

    .col-t-33.abs-square.half {
        padding-bottom: 16.666666666666668%;
    }

    .col-t-25 {
        width: 25%;
    }

    .col-t-25.abs-square {
        position: relative;
        padding-bottom: 25%;
    }

    .col-t-25.abs-square.half {
        padding-bottom: 12.5%;
    }

    .col-t-20 {
        width: 20%;
    }

    .col-t-20.abs-square {
        position: relative;
        padding-bottom: 20%;
    }

    .col-t-20.abs-square.half {
        padding-bottom: 10%;
    }

    .col-t-16 {
        width: 16.666666666666668%;
    }

    .col-t-16.abs-square {
        position: relative;
        padding-bottom: 16.666666666666668%;
    }

    .col-t-16.abs-square.half {
        padding-bottom: 8.333333333333334%;
    }

    .col-t-14 {
        width: 14.285714285714286%;
    }

    .col-t-14.abs-square {
        position: relative;
        padding-bottom: 14.285714285714286%;
    }

    .col-t-14.abs-square.half {
        padding-bottom: 7.142857142857143%;
    }

    .col-t-12 {
        width: 12.5%;
    }

    .col-t-12.abs-square {
        position: relative;
        padding-bottom: 12.5%;
    }

    .col-t-12.abs-square.half {
        padding-bottom: 6.25%;
    }

    .col-t-11 {
        width: 11.11111111111111%;
    }

    .col-t-11.abs-square {
        position: relative;
        padding-bottom: 11.11111111111111%;
    }

    .col-t-11.abs-square.half {
        padding-bottom: 5.555555555555555%;
    }

    .col-t-10 {
        width: 10%;
    }

    .col-t-10.abs-square {
        position: relative;
        padding-bottom: 10%;
    }

    .col-t-10.abs-square.half {
        padding-bottom: 5%;
    }
}

@media (max-width: 719px) {
    .col-m-100 {
        width: 100%;
    }

    .col-m-100.abs-square {
        position: relative;
        padding-bottom: 100%;
    }

    .col-m-100.abs-square.half {
        padding-bottom: 50%;
    }

    .col-m-50 {
        width: 50%;
    }

    .col-m-50.abs-square {
        position: relative;
        padding-bottom: 50%;
    }

    .col-m-50.abs-square.half {
        padding-bottom: 25%;
    }

    .col-m-33 {
        width: 33.333333333333336%;
    }

    .col-m-33.abs-square {
        position: relative;
        padding-bottom: 33.333333333333336%;
    }

    .col-m-33.abs-square.half {
        padding-bottom: 16.666666666666668%;
    }

    .col-m-25 {
        width: 25%;
    }

    .col-m-25.abs-square {
        position: relative;
        padding-bottom: 25%;
    }

    .col-m-25.abs-square.half {
        padding-bottom: 12.5%;
    }

    .col-m-20 {
        width: 20%;
    }

    .col-m-20.abs-square {
        position: relative;
        padding-bottom: 20%;
    }

    .col-m-20.abs-square.half {
        padding-bottom: 10%;
    }

    .col-m-16 {
        width: 16.666666666666668%;
    }

    .col-m-16.abs-square {
        position: relative;
        padding-bottom: 16.666666666666668%;
    }

    .col-m-16.abs-square.half {
        padding-bottom: 8.333333333333334%;
    }

    .col-m-14 {
        width: 14.285714285714286%;
    }

    .col-m-14.abs-square {
        position: relative;
        padding-bottom: 14.285714285714286%;
    }

    .col-m-14.abs-square.half {
        padding-bottom: 7.142857142857143%;
    }

    .col-m-12 {
        width: 12.5%;
    }

    .col-m-12.abs-square {
        position: relative;
        padding-bottom: 12.5%;
    }

    .col-m-12.abs-square.half {
        padding-bottom: 6.25%;
    }

    .col-m-11 {
        width: 11.11111111111111%;
    }

    .col-m-11.abs-square {
        position: relative;
        padding-bottom: 11.11111111111111%;
    }

    .col-m-11.abs-square.half {
        padding-bottom: 5.555555555555555%;
    }

    .col-m-10 {
        width: 10%;
    }

    .col-m-10.abs-square {
        position: relative;
        padding-bottom: 10%;
    }

    .col-m-10.abs-square.half {
        padding-bottom: 5%;
    }
}

.offset-d-1 {
    padding: 5rem;
    box-sizing: border-box;
}

.offset-d-2 {
    padding: 2.5rem;
    box-sizing: border-box;
}

.offset-d-3 {
    padding: 1.6666666666666667rem;
    box-sizing: border-box;
}

.offset-d-4 {
    padding: 1.25rem;
    box-sizing: border-box;
}

.offset-d-5 {
    padding: 1rem;
    box-sizing: border-box;
}

.row--left {
    width: 100%;
    float: left;
}

.col {
    float: left;
    display: block;
}

body,
html {
    height: 100%;
}

body.opened-menu,
html.opened-menu {
    overflow: hidden;
}

body.ie {
    overflow-x: hidden;
}

body.ie .svg-circle {
    top: 78%;
    left: 56%;
    width: 100%;
    height: 56vw;
}

body.ie .blue-fluid {
    /*top: -3%;*/
    height: 80vw;
    left: 1%;
}

body.ie .red-fluid {
    bottom: -12%;
}

body.ie .header-buy-svg {
    height: 50px;
}

body.ie .svg-prod {
    height: 90vw;
    width: 115vw;
}

.wave {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
}

@media (min-width: 1025px) {
    .col-d-35 {
        width: 35%;
    }
}

@media (min-width: 1025px) {
    .col-d-40 {
        width: 40%;
    }
}

@media (min-width: 1025px) {
    .col-d-60 {
        width: 60%;
    }
}

.loader-svg {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    background: white;
    display: none;
}

.loader-svg img {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 250px;
    z-index: 5;
}

@media (max-width: 1024px) {
    .loader-svg img {
        width: 150px;
    }
}

.intro-page {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 200;
    background: white;
    display: none;
}

.intro-page img {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 250px;
    z-index: 5;
}

@media (min-width: 1025px) {
    .intro-page img {
        width: 20.36vw;
    }
}

.intro-page svg {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    -ms-transform: translate(-50%, -50%) scale(3.5);
    transform: translate(-50%, -50%) scale(3.5);
}

@media (min-width: 640px) {
    .intro-page svg {
        -ms-transform: translate(-50%, -50%) scale(2.5);
        transform: translate(-50%, -50%) scale(2.5);
    }
}

@media (min-width: 1025px) {
    .intro-page svg {
        -ms-transform: translate(-50%, -50%) scale(1.5);
        transform: translate(-50%, -50%) scale(1.5);
    }
}

@media (min-width: 1441px) {
    .intro-page svg {
        -ms-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1);
    }
}

.preloader {
    width: 35%;
    height: 35%;
    position: fixed;
    background: #fa5967;
    z-index: 50;
    border-radius: 50%;
    padding-top: 17%;
    transition: all 0.3s ease-in-out;
    top: -20%;
    left: -20%;
}

.preloader:hover {
    width: 120%;
    height: 120%;
    transition: all 0.3s ease-in-out;
    border-radius: 0;
}

.button {
    font-family: 'Helvetica LT W04 Light1489428', 'Arial', sans-serif;
    font-size: 14px;
    max-width: 110px;
    width: 100%;
    border-radius: 30px;
    padding: 12px 25px;
    display: inline-block;
    text-align: center;
    background-color: #59aefa;
    color: #211651;
    border: 1px solid #59aefa;
    transition: background-color 0.3s ease-in-out;
}

.button.newsletter {
    margin-top: 15px;
    font-family: 'Helvetica LT W04 Bold', 'Arial', sans-serif;
    font-weight: unset;
}

@media (max-width: 1025px) {
    .button.newsletter {
        font-family: 'Helvetica LT W04 Bold', 'Arial', sans-serif;
        font-weight: unset;
    }
}

.button:hover {
    color: #59aefa;
    border: 1px solid #59aefa;
    background-color: transparent;
    transition: background-color 0.3s ease-in-out;
}

.button.buy {
    max-width: 150px;
    background-color: #fff;
    color: #59aefa;
    border: 1px solid #59aefa;
}

@media (min-width: 1025px) {
    .button.buy {
        max-width: 210px;
        background-color: #ff5588;
        color: #fff;
        border: 1px solid #ff5588;
    }
}

.button-arrow {
    font-family: 'Helvetica LT W04 Light1489428', 'Arial', sans-serif;
    font-size: 16px;
    font-weight: 100;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 30px;
    padding: 12px 35px;
    display: inline-block;
    min-width: 100px;
}

@media (max-width: 1024px) {
    .button-arrow {
        padding: 12px 20px;
    }
}

.button-arrow .arrow {
    width: 7px;
    height: 7px;
    padding: 0;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    display: inline-block;
    position: relative;
    top: 5px;
    vertical-align: super;
    right: -10px;
    transition: right 0.2s ease-in;
    margin-left: 39px;
    /* margin-left: -9px; */
    transition: all 0.3s ease-in-out;
}

.button-arrow .arrow:before {
    content: '';
    height: 1px;
    background: #fff;
    width: 25px;
    display: block;
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: -2px;
    left: -14px;
}

.button-arrow:hover {
    background-color: #fff;
    color: #59aefa;
    transition: all 0.3s ease-in-out;
}

.button-arrow:hover .arrow {
    border-color: #59aefa;
    right: -20px;
}

.button-arrow:hover .arrow:before {
    background: #59aefa;
}

.button-arrow.no-border {
    border: none;
    background-color: transparent;
}

.button-arrow.no-border:hover {
    background-color: transparent;
    color: #fff;
}

.button-arrow.no-border:hover .arrow {
    border-color: #fff;
}

.button-arrow.no-border:hover .arrow:before {
    background: #fff;
}

.button-arrow.no-border.pad-side {
    padding-left: 8px;
}

@media (max-width: 1024px) {
    .button-arrow.no-border {
        font-size: 14px;
    }
}

@media (min-width: 1024px) {
    .button-arrow.no-border {
        font-size: 18px;
    }
}

.button-arrow.left-side .arrow {
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    left: -45px;
}

.button-arrow.left-side:hover .arrow {
    left: -55px;
}

.button-arrow.back-to {
    color: #211651;
    position: absolute;
    bottom: 0;
    left: 0;
}

.button-arrow.back-to:hover {
    color: #211651;
}

@media (max-width: 1024px) {
    .button-arrow.back-to {
        position: relative;
        color: #fff;
    }
}

.button-arrow.back-to .arrow {
    border-color: #211651;
}

.button-arrow.back-to .arrow:before {
    background: #211651;
}

@media (max-width: 1024px) {
    .button-arrow.back-to .arrow {
        border-color: #fff;
    }

    .button-arrow.back-to .arrow:before {
        background: #fff;
    }
}

.button-arrow.back-to:hover {
    border-color: #211651;
}

.button-arrow.back-to:hover .arrow {
    border-color: #211651;
    right: -20px;
}

.button-arrow.back-to:hover .arrow:before {
    background: #211651;
}

.button-arrow.buy {
    color: #ff5588;
    background-color: #fff;
    transition: background-color 0.3s ease-in-out;
}

.button-arrow.buy:hover {
    background-color: transparent;
    color: #fff;
    transition: background-color 0.3s ease-in-out;
}

.button-arrow.blue {
    color: #1d96eb;
    border-color: #1d96eb;
    transition: all 0.3s ease-in-out;
}

.button-arrow.blue .arrow {
    border-color: #1d96eb;
}

.button-arrow.blue .arrow:before {
    background: #1d96eb;
}

.button-arrow.blue:hover {
    color: #fff;
    border-color: #1d96eb;
    background-color: #1d96eb;
    transition: all 0.3s ease-in-out;
}

.button-arrow.blue:hover .arrow {
    border-color: #fff;
    right: -20px;
}

.button-arrow.blue:hover .arrow:before {
    background: #fff;
}

.play-btn-holder {
    width: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.play-btn-holder .play-btn {
    position: relative;
}

.play-btn-holder:before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 44%;
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 80px;
    height: 80px;
    background: #ffffff;
    border-radius: 50%;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.hold-feat-img:hover {
    cursor: pointer;
}

.hold-feat-img:hover .play-btn-holder:before {
    animation: pulse-border 1500ms ease-out infinite;
    opacity: 1;
    transition: opacity 0.3s ease-in-out;
}

@keyframes pulse-border {
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1;
    }

    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0;
    }
}

.header-buy-svg {
    width: 160px;
    vertical-align: middle;
    fill: white;
    transition: 0.3s opacity ease-in-out, transform .3s ease-in-out;
    ;
}

@media (min-width: 1367px) {
    .header-buy-svg {
        width: 210px;
    }
}

.header-buy-svg:hover {
    transition: 0.3s opacity ease-in-out, transform .3s ease-in-out;
    cursor: pointer;
    transform: scale(1.1);
}

.paragraph {
    font-size: 18px;
    font-weight: 100;
    font-family: 'Helvetica LT W04 Light1489428', 'Arial', sans-serif;
}

.paragraph.purple {
    color: #211651;
}

.paragraph.dark-blue {
    color: #242175;
}

.paragraph.dark-blue a {
    font-weight: bold;
    text-decoration: underline;
    color: #211651;
    transition: color 0.3s ease-in-out;
}

.paragraph.dark-blue a:hover {
    color: #59aefa;
    transition: color 0.3s ease-in-out;
}

.section-txt {
    font-family: 'Helvetica LT W04 Light1489428', 'Arial', sans-serif;
    font-size: 18px;
    font-weight: 200;
    color: #242175;
}

.section-title {
    font-size: 30px;
    color: #1d96eb;
    line-height: 1;
    font-family: 'Helvetica LT Std', 'Arial', sans-serif;
}

@media (min-width: 1025px) {
    .section-title {
        font-size: 4.53vw;
        letter-spacing: -4px;
    }

    .section-title.small {
        font-size: 3.53vw;
    }
}

@media (min-width: 1921px) {
    .section-title {
        font-size: 87px;
    }
}

.section-title sup {
    font-size: 20px;
}

@media (min-width: 1025px) {
    .section-title sup {
        font-size: 24px;
    }
}

@media (min-width: 1367px) {
    .section-title sup {
        font-size: 24px;
    }
}

.section-name {
    font-size: 19px;
    color: #221f73;
    font-family: 'Helvetica LT W04 Light1489428', 'Arial', sans-serif;
    font-weight: 100;
    padding-bottom: 18px;
}

@media (min-width: 1025px) {
    .section-name {
        font-size: 30px;
    }
}

.blue-title {
    font-size: 35px;
    color: #1d96eb;
    font-family: 'Helvetica LT W04 Bold', 'Arial', sans-serif;
    font-weight: unset;
}

@media (min-width: 1025px) {
    .blue-title {
        letter-spacing: -5px;
        font-size: 6.35vw;
    }
}

.blue-err {
    color: #1d96eb;
    font-size: 20px;
    font-weight: bold;
    margin: 0;
}

@media (min-width: 640px) {
    .blue-err {
        font-size: 30px;
    }
}

@media (min-width: 1025px) {
    .anim-block {
        opacity: 1;
    }

    .anim-block .anim-elem {
        -webkit-transition: opacity .7s, visibility .7s;
        -moz-transition: opacity .7s, visibility .7s;
        -ms-transition: opacity .7s, visibility .7s;
        -o-transition: opacity .7s, visibility .7s;
        transition: opacity .7s, visibility .7s;
        will-change: transform, opacity, visibility;
        -webkit-backface-visibility: hidden;
        /* Chrome, Safari, Opera */
        backface-visibility: hidden;
        visibility: hidden;
        opacity: 0;
    }

    .anim-block .anim-elem.done {
        visibility: visible;
        opacity: 1;
    }

    .anim-block .anim-elem.faster {
        transition: all 0.5s;
    }

    .anim-block .anim-elem.slower {
        transition: all 1s;
    }

    .anim-block .anim-elem.top {
        -ms-transform: translateY(25px);
        transform: translateY(25px);
        -webkit-transition: opacity .5s, transform .5s, visibility .5s;
        -moz-transition: opacity .5s, transform .5s, visibility .5s;
        -ms-transition: opacity .5s, transform .5s, visibility .5s;
        -o-transition: opacity .5s, transform .5s, visibility .5s;
        transition: opacity .5s, transform .5s, visibility .5s;
    }

    .anim-block .anim-elem.top.done {
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    .anim-block .anim-elem.width {
        width: 0;
        left: 0;
    }

    .anim-block .anim-elem.width.done {
        width: 67vw;
    }

    .anim-block .anim-elem.top-hidden {
        -ms-transform: translateY(150px);
        transform: translateY(150px);
    }

    .anim-block .anim-elem.top-hidden.done {
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    .anim-block .anim-elem.bottom {
        -ms-transform: translateY(-50px);
        transform: translateY(-50px);
    }

    .anim-block .anim-elem.bottom.done {
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    .anim-block .anim-elem.bottom-hidden {
        -ms-transform: translateY(-150px);
        transform: translateY(-150px);
    }

    .anim-block .anim-elem.bottom-hidden.done {
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    .anim-block .anim-elem.left-opacity {
        -ms-transform: translateX(-250px);
        transform: translateX(-250px);
    }

    .anim-block .anim-elem.left-opacity.done {
        -ms-transform: translateX(0);
        transform: translateX(0);
        visibility: visible;
        opacity: .9;
    }

    .anim-block .anim-elem.left {
        -ms-transform: translateX(-50px);
        transform: translateX(-50px);
        -webkit-transition: opacity .5s, transform .5s, visibility .5s;
        -moz-transition: opacity .5s, transform .5s, visibility .5s;
        -ms-transition: opacity .5s, transform .5s, visibility .5s;
        -o-transition: opacity .5s, transform .5s, visibility .5s;
        transition: opacity .5s, transform .5s, visibility .5s;
    }

    .anim-block .anim-elem.left.done {
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    .anim-block .anim-elem.left-line {
        -ms-transform: translateX(-250px);
        transform: translateX(-250px);
        transition-delay: .4s;
    }

    .anim-block .anim-elem.left-line.done {
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    .anim-block .anim-elem.right-line {
        -ms-transform: translateX(250px);
        transform: translateX(250px);
        transition-delay: .2s;
    }

    .anim-block .anim-elem.right-line.done {
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    .anim-block .anim-elem.right {
        -ms-transform: translateX(50px);
        transform: translateX(50px);
    }

    .anim-block .anim-elem.right.done {
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    .anim-block .anim-elem.scale {
        -ms-transform: scale(0.9);
        transform: scale(0.9);
    }

    .anim-block .anim-elem.scale.done {
        -ms-transform: scale(1);
        transform: scale(1);
    }

    .anim-block .anim-elem.pop-up {
        -ms-transform: scale(0.4);
        transform: scale(0.4);
    }

    .anim-block .anim-elem.pop-up.done {
        -ms-transform: scale(1);
        transform: scale(1);
    }

    .anim-block .anim-elem.zoom-out {
        visibility: visible;
        opacity: 1;
        -ms-transform: scale(1.07);
        transform: scale(1.07);
    }

    .anim-block .anim-elem.zoom-out.done {
        -ms-transform: scale(1);
        transform: scale(1);
    }

    .anim-block .anim-elem.zoom-in {
        visibility: visible;
        opacity: 1;
        -ms-transform: scale(1);
        transform: scale(1);
    }

    .anim-block .anim-elem.zoom-in.done {
        -ms-transform: scale(1.2);
        transform: scale(1.2);
    }

    .anim-block .anim-elem.rotate {
        -ms-transform: scaleX(-1) rotate(0);
        transform: scaleX(-1) rotate(0);
    }

    .anim-block .anim-elem.rotate.done {
        -ms-transform: scaleX(-1) rotate(27deg);
        transform: scaleX(-1) rotate(27deg);
    }
}

.header {
    position: fixed;
    width: 100%;
    transition: all 0.3s ease-in-out;
    top: 0;
    z-index: 20;
}

.header.sticky .header-inner {
    background-color: #fff;
    padding-top: 30px;
    padding-bottom: 20px;
    transition: all 0.3s ease-in-out;
}

.header.sticky .header-logo {
    transition: width 0.3s ease-in-out;
}

@media (min-width: 1025px) {
    .header.sticky .header-logo {
        width: 14vw;
    }
}

@media (min-width: 1281px) {
    .header.sticky .header-logo {
        width: 10vw;
    }
}

.header-links span {
    display: block;
    transition: 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.header-links span:last-child {
    position: absolute;
    color: white;
    top: 0;
    left: 0;
    text-align: center;
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    transition: 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
    display: none;
}

@media (min-width: 1025px) {
    .header-links span:last-child {
        display: block;
    }

    .header-links:hover span:first-child {
        -ms-transform: translateY(-100%);
        transform: translateY(-100%);
    }

    .header-links:hover span:last-child {
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

@media (min-width: 1025px) {
    .header.sticky .header-links {
        color: #211651;
    }
}

.header.sticky .header-links.buy {
    color: #fff;
}

@media (min-width: 1025px) {
    .header.sticky .social-icon {
        color: #211651;
        border-color: #211651;
    }
}
@media (min-width: 1025px) {
    .header.sticky .mx-flag {
        background-image: url(assets/images/dark-globe-icon.png);
    }
}
@media (min-width: 1025px) {
    .header.sticky .version-txt {
        color: #c3c3c3;
    }
}

.header.sticky .header-buy-svg {
    fill: #FD5288;
}

.header.sticky .social-icon:hover {
    color: #59aefa;
    border-color: #59aefa;
}

.header.down-state {
    top: -120px;
    transition: top .3s;
}

.header.sub .header-inner {
    background-color: #fff;
}

.header.sub .header-logo {
    transition: width 0.3s ease-in-out;
}

@media (min-width: 1025px) {
    .header.sub .header-logo {
        width: 15vw;
    }
}

@media (min-width: 1025px) {
    .header.sub .header-links {
        color: #211651;
    }
}

@media (min-width: 1025px) {
    .header.sub .header-links.buy {
        color: #fff;
    }
}

@media (min-width: 1025px) {
    .header.sub .header-buy-svg {
        fill: #FD5288;
    }
}

@media (min-width: 1025px) {
    .header.sub .sub-open .header-links {
        color: #30adff;
    }
}

@media (min-width: 1025px) {
    .header.sub .social-icon {
        color: #211651;
        border-color: #211651;
    }
}

@media (min-width: 1025px) {
    .header.sub .version-txt {
        color: #c3c3c3;
    }
}

@media (min-width: 1025px) {
    .header.dark-version .header-links {
        color: #211651;
    }
}

@media (min-width: 1025px) {
    .header.dark-version .header-links.buy {
        color: #fff;
    }
}

@media (min-width: 1025px) {
    .header.dark-version .header-buy-svg {
        fill: #FD5288;
    }
}

@media (min-width: 1025px) {
    .header.dark-version .sub-open .header-links {
        color: #211651;
    }

    .header.dark-version .header-links:hover {
        color: #30adff;
    }

    .header.dark-version .header-links.story:hover {
        color: #211651;
    }
}

@media (min-width: 1025px) {
    .header.dark-version .social-icon {
        color: #211651;
        border-color: #211651;
    }
}

@media (min-width: 1025px) {
    .header.dark-version .version-txt {
        color: #c3c3c3;
    }

    .header.dark-version .header-links span:last-child {
        color: #211651;
    }

    .header.sticky .header-links span:last-child {
        color: #211651;
    }
}

.header-logo {
    width: 150px;
    max-width: 415px;
    transition: width 0.3s ease-in-out;
}

.header-logo img {
    width: 100%;
}

@media (min-width: 640px) {
    .header-logo {
        width: 30vw;
    }
}

@media (min-width: 1025px) {
    .header-logo {
        width: 20vw;
    }
}

.logo-holder {
    display: inline-block;
    vertical-align: top;
}

@media (min-width: 1025px) {
    .logo-holder {
        width: 25%;
    }
}

@media (min-width: 1441px) {
    .logo-holder {
        width: 26%;
    }
}

@media (min-width: 1025px) {
    .header-menu {
        display: inline-block;
        vertical-align: top;
        width: 54%;
        text-align: center;
    }
}

@media (min-width: 1441px) {
    .header-menu {
        width: 55%;
    }
}

@media (max-width: 1024px) {
    .header-menu {
        padding-top: 30px;
    }
}

@media (min-width: 1025px) {
    .social-lang {
        display: inline-block;
        vertical-align: top;
        width: 18%;
        text-align: right;
    }
}

.header-inner {
    padding: 20px;
    transition: background-color 0.3s ease-in-out;
}

@media (max-width: 1024px) {
    .header-inner {
        background-color: #fff;
    }
}

@media (min-width: 1025px) {
    .header-inner {
        padding-top: 64px;
    }
}

@media (min-width: 1441px) {
    .header-inner {
        padding-left: 5vw;
        padding-right: 5vw;
    }
}

.header-links {
    font-size: 18px;
    color: #fff;
    font-family: 'Helvetica LT W04 Bold', 'Arial', sans-serif;
    font-weight: unset;
}
.header-links svg {
    width: 190px;
    overflow: visible;
}
.mr-30 {
    margin-right: 30px;
}
.header-links.active {
    color: #211651;
}

.header-links.story {
    transition: .3s color ease-in-out;
}

.header-links.story:hover {
    transition: .3s color ease-in-out;
}

@media (min-width: 1025px) {
    .header-links {
        font-size: 16px;
    }
}

@media (min-width: 1367px) {
    .header-links {
        font-size: 20px;
    }
}

@media (min-width: 1826px) {
    .header-links {
        font-size: 22px;
    }
}

.header-link-holders {
    display: inline-block;
    vertical-align: middle;
    padding-right: 45px;
}

@media (max-width: 1024px) {
    .header-link-holders {
        padding: 15px 0 0 20px;
        display: block;
    }
}

@media (min-width: 1025px) {
    .header-link-holders {
        padding-right: 1vw;
    }
}

@media (min-width: 1680px) {
    .header-link-holders {
        padding-right: 1vw;
    }
}

.header-link-holders:last-child {
    padding-right: 0;
}

.header-link-holders:hover .header-inner {
    background-color: #fff;
}

.submenu {
    position: absolute;
    width: 100%;
    background: white;
    bottom: -410px;
    padding-bottom: 95px;
    padding-top: 50px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease-in-out, right 0.3s ease-in-out;
}

@media (max-width: 1024px) {
    .submenu {
        z-index: 5;
        height: 100%;
        top: 0;
        background-color: #39AEFC;
        right: -100%;
        padding-top: 25px;
    }
}

@media (min-width: 1025px) {
    .submenu {
        left: 0;
    }
}

@media (min-width: 1950px) {
    .submenu {
        bottom: -332px;
        padding-top: 0;
    }
}

.submenu.active {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.3s ease-in-out, right 0.3s ease-in-out;
    right: 0;
}

.submenu-inner {
    max-width: 1200px;
    width: 100%;
    float: right;
}

@media (min-width: 1025px) {
    .submenu-inner {
        display: flex;
        align-items: baseline;
        /* align-items: flex-end; */
    }
}

@media (min-width: 1921px) {
    .submenu-inner {
        float: none;
        margin: 0 40%;
    }
}

.submenu-item {
    padding-right: 3vw;
    padding-left: 1vw;
}

@media (min-width: 1367px) {
    .submenu-item {
        padding-left: 0;
    }
}

@media (min-width: 1025px) {
    .submenu-item {
        float: left;
    }
}

.submenu-item img {
    padding-bottom: 25px;
    display: none;
    position: relative;
    transition: all .3s ease-in-out;
    top: 0;
    margin: 0 auto;
}

@media (min-width: 1025px) {
    .submenu-item img {
        display: block;
    }
}

.submenu-item:hover img {
    top: -10px;
    transition: all .3s ease-in-out;
}

.submenu-item:hover a {
    color: #59aefa;
    transition: color 0.3s ease-in-out;
}

.submenu-item a {
    display: block;
    font-size: 18px;
    color: #211651;
    font-family: 'Helvetica LT W04 Bold', 'Arial', sans-serif;
    font-weight: unset;
    transition: color 0.3s ease-in-out;
}

.submenu-item a.abs-link {
    font-size: 0;
}

.submenu-item a sup {
    font-size: 11px;
}

@media (max-width: 1024px) {
    .submenu-item a {
        color: #fff;
        padding-top: 25px;
        padding-left: 25px;
        height: 62%;
    }
}

.close-sub {
    padding: 25px 0;
    margin-top: 25px;
}

.flag-image {
    max-width: 45px;
    width: 100%;
    transition: opacity .3s ease-in-out;
}

.flag-image:hover {
    opacity: .8;
    cursor: pointer;
    transition: opacity .3s ease-in-out;
}

@media (min-width: 1025px) {
    .flag-image {
        max-width: 33px;
    }
}

@media (min-width: 1367px) {
    .flag-image {
        max-width: 45px;
    }
}

.flag-image.first {
    margin-right: 10px;
}

@media (max-width: 1024px) {
    .social-lang {
        padding-top: 60px;
        padding-left: 20px;
    }
}

.social-icons {
    display: block;
    vertical-align: top;
}

.social-icons a {
    font-size: 0;
}

.wtb-a {
    font-size: 0;
}

@media (min-width: 1025px) {
    .social-icons {
        display: inline-block;
    }
}

.social-icons img {
    padding-left: 15px;
}

.social-icons .social-icon {
    font-size: 14px;
    border: 1px solid white;
    color: #fff;
    border-radius: 50%;
    padding: 11px;
    display: inline-block;
    margin-right: 10px;
    transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out;
}

@media (min-width: 1367px) {
    .social-icons .social-icon {
        font-size: 21px;
    }
}

.social-icons .social-icon a:last-child .social-icon {
    margin-right: 0;
}

.social-icons .social-icon:hover {
    cursor: pointer;
}

.site-versions {
    padding-top: 25px;
}

@media (min-width: 1025px) {
    .site-versions {
        margin-top: -14px;
        display: inline-block;
        vertical-align: middle;
        padding-top: 0;
    }
}

@media (min-width: 1367px) {
    .site-versions {
        padding-left: 35px;
        width: 106px;
    }
}

.site-versions.footer {
    display: block;
    padding-left: 0;
}

@media (min-width: 1025px) {
    .site-versions.footer {
        margin-top: 50px;
    }
}

.version-txt {
    font-size: 12px;
    color: #fff;
    text-align: left;
    margin-bottom: 6px;
    margin-left: 4px;
}

@media (min-width: 1025px) {
    .version-txt {
        margin-top: -7px;
    }
}

.menu-container {
    display: none;
}

@media (max-width: 1024px) {
    .menu-container {
        position: fixed;
        width: 100%;
        height: 100%;
        left: 0;
        background: #39AEFC;
        margin-top: 20px;
        padding-top: 15px;
        min-height: 600px;
        overflow: auto;
        overflow-x: hidden;
    }
}

@media (min-width: 1025px) {
    .menu-container {
        display: inline;
    }
}

.pad-top {
    padding-top: 208px;
}

.container {
    width: 80px;
    height: 80px;
    position: absolute;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    cursor: pointer;
    -ms-transform: scale(0.5);
    transform: scale(0.5);
}

@media (min-width: 1025px) {
    .container {
        display: none;
    }
}

.stick {
    width: 80px;
    height: 8px;
    border-radius: 4px;
    margin-bottom: 15px;
    background-color: #59aefa;
    display: inline-block;
}

.stick:last-child {
    margin-bottom: 0px;
}

.stick-1.open {
    animation: stick-1-open 0.6s ease-out forwards;
}

.stick-2.open {
    animation: stick-2-open 0.6s linear forwards;
}

.stick-3.open {
    animation: stick-3-open 0.6s linear forwards;
}

@keyframes stick-1-open {
    0% {
        width: 80px;
    }

    40% {
        background-color: #ff403b;
        width: 8px;
        transform: translate(40px, 0px);
    }

    75%,
    80% {
        width: 8px;
        transform: translate(40px, -50px);
        animation-timing-function: cubic-bezier(0, 1, 1, 1);
    }

    100% {
        background-color: #ff403b;
        width: 8px;
        transform: translate(35px, 46px);
    }
}

@keyframes stick-2-open {
    80% {
        background-color: #59aefa;
        transform: translate(0px, 0px) rotate(0deg);
    }

    100% {
        background-color: #ff403b;
        transform: translate(8px, 0px) rotate(40deg);
    }
}

@keyframes stick-3-open {
    80% {
        background-color: #59aefa;
        transform: translate(0px, 0px) rotate(0deg);
    }

    100% {
        background-color: #ff403b;
        transform: translate(8px, -23px) rotate(-40deg);
    }
}

.stick-1.close {
    width: 8px;
    -ms-transform: translate(27px, 26px);
    transform: translate(27px, 26px);
    animation: stick-1-close 0.6s ease-out forwards;
}

.stick-2.close {
    -ms-transform: translate(0px, 0px) rotate(40deg);
    transform: translate(0px, 0px) rotate(40deg);
    animation: stick-2-close 0.6s ease-out forwards;
}

.stick-3.close {
    -ms-transform: translate(0px, -23px) rotate(-40deg);
    transform: translate(0px, -23px) rotate(-40deg);
    animation: stick-3-close 0.6s ease-out forwards;
}

@keyframes stick-1-close {

    0%,
    70% {
        width: 0px;
    }

    100% {
        width: 80px;
        transform: translate(0, 0);
    }
}

@keyframes stick-2-close {
    0% {
        background-color: #ff403b;
        width: 80px;
    }

    20% {
        background-color: #ff403b;
        width: 8px;
        transform: translate(0, 0px) rotate(40deg);
    }

    40% {
        background-color: #59aefa;
        width: 0px;
    }

    65% {
        transform: translate(0, -70px);
        animation-timing-function: cubic-bezier(0, 1, 1, 1);
    }

    80% {
        width: 0px;
    }

    100% {
        width: 80px;
        transform: translate(0, 0px);
    }
}

@keyframes stick-3-close {
    0% {
        background-color: #ff403b;
        width: 80px;
    }

    20% {
        background-color: #ff403b;
        width: 8px;
        transform: translate(0, -23px) rotate(-40deg);
    }

    40% {
        background-color: #59aefa;
    }

    65% {
        transform: translate(0, -93px);
        animation-timing-function: cubic-bezier(0, 1, 1, 1);
    }

    90% {
        width: 8px;
    }

    100% {
        width: 80px;
        transform: translate(0, 0px);
    }
}

@media (max-width: 1024px) {
    .header-links {
        width: 76%;
        display: block;
        position: relative;
    }
}

.arrow {
    width: 7px;
    height: 7px;
    padding: 0;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    display: inline-block;
    position: absolute;
    top: 20px;
    vertical-align: super;
    right: 35px;
    transition: right 0.2s ease-in;
    margin-left: 39px;
    /* margin-left: -9px; */
    transition: all 0.3s ease-in-out;
}

.arrow:before {
    content: '';
    height: 1px;
    background: #fff;
    width: 25px;
    display: block;
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: -2px;
    left: -14px;
}

@media (min-width: 1025px) {
    .arrow {
        display: none;
    }
}

.arrow-left {
    width: 7px;
    height: 7px;
    padding: 0;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -ms-transform: rotate(-225deg);
    transform: rotate(-225deg);
    display: inline-block;
    position: relative;
    top: 5px;
    vertical-align: super;
    right: 10px;
    transition: right 0.2s ease-in;
    margin-left: 39px;
    /* margin-left: -9px; */
    transition: all 0.3s ease-in-out;
    display: block;
}

.arrow-left:before {
    content: '';
    height: 1px;
    background: #fff;
    width: 25px;
    display: block;
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: -2px;
    left: -14px;
}

@media (min-width: 1025px) {
    .arrow-left {
        display: none;
    }
}

.footer {
    background-color: #211651;
    clear: both;
    position: relative;
    z-index: 6;
}

.footer-inner {
    max-width: 1500px;
    width: 100%;
    margin: 0 auto;
    padding: 55px 25px;
    overflow: hidden;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

@media (min-width: 1025px) {
    .footer-inner {
        display: -ms-flexbox;
        display: flex;
    }
}

.footer-li {
    list-style-type: none;
    padding-top: 10px;
}

@media (min-width: 640px) {
    .footer-li {
        display: inline-block;
        padding-top: 0;
    }
}

.footer-li:last-child .footer-link {
    border-right: none;
}

.footer-li:first-child .footer-link {
    padding-left: 0;
}

@media (min-width: 1280px) {
    .footer-li:first-child .footer-link {
        padding-left: 15px;
    }
}

.footer-link {
    font-size: 17px;
    color: #59aefa;
    font-family: 'Helvetica LT W04 Bold', 'Arial', sans-serif;
    transition: color 0.3s ease-in-out;
    font-weight: unset;
}

@media (min-width: 640px) {
    .footer-link {
        border-right: 1px solid #59aefa;
        padding: 0 15px;
    }
}

@media (min-width: 1025px) {
    .footer-link {
        font-size: 15px;
    }
}

@media (min-width: 1440px) {
    .footer-link {
        font-size: 17px;
    }
}

.footer-link:hover {
    color: #fff;
    transition: color 0.3s ease-in-out;
}

.footer-menu {
    position: relative;
}

@media (min-width: 1025px) {
    .footer-menu {
        width: 75%;
        float: left;
    }
}

.newsletter-block {
    padding-top: 10px;
}

@media (min-width: 1025px) {
    .newsletter-block {
        width: 25%;
        float: left;
        padding-top: 0;
    }
}

.newsletter-block p {
    font-family: 'Helvetica LT W04 Light1489428', 'Arial', sans-serif;
    font-size: 14px;
}

.footer-menu-holder {
    display: block;
    vertical-align: top;
}

@media (max-width: 1024px) {
    .footer-menu-holder {
        padding: 0;
    }
}

@media (max-width: 1150px) {
    .footer-menu-holder {
        padding-left: 0;
    }
}

@media (min-width: 640px) {
    .footer-menu-holder {
        display: inline-block;
    }
}

.footer-logo-holder {
    display: inline-block;
    vertical-align: middle;
}

.terms-txt {
    font-size: 14px;
    color: #fff;
    font-family: 'Helvetica LT W04 Light1489428', 'Arial', sans-serif;
}

.terms-links-holder {
    padding: 0;
}

.terms-li {
    display: inline-block;
    color: #fff;
    font-family: 'Helvetica LT W04 Light1489428', 'Arial', sans-serif;
}

.terms-li .terms-link {
    border-right: 1px solid #fff;
    padding-left: 15px;
}

.terms-li:first-child .terms-link {
    padding-left: 0px;
}

.terms-li:last-child .terms-link {
    border-right:none;
}

.terms-link {
    color: #fff;
    font-size: 14px;
    padding-right: 15px;
}

.terms-link:hover {
    text-decoration: underline;
}

.terms-holder {
    padding-top: 25px;
}

@media (min-width: 1025px) {
    .terms-holder {
        position: absolute;
        bottom: 0;
        left: 25px;
        width: 65%;
        padding-bottom: 45px;
    }
}

.input {
    position: relative;
    z-index: 1;
    display: block;
    max-width: 350px;
    width: calc(98%);
    vertical-align: top;
    margin-top: 5px;
}

.input__field {
    position: relative;
    display: block;
    padding: 0.8em;
    width: 60%;
    border: none;
    border-radius: 0;
    background: #f0f0f0;
    color: #fff;
    font-weight: bold;
    font-family: "Helvetica LT W04 Light1489428", Helvetica, Arial, sans-serif;
    -webkit-appearance: none;
    /* for box shadows to show on iOS */
}

.input__field:focus {
    outline: none;
}

.input__label {
    display: inline-block;
    float: right;
    padding: 0 1em;
    width: 40%;
    color: #fff;
    font-size: 14px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.input__label-content {
    position: relative;
    display: block;
    padding: 1.6em 0;
    width: 100%;
}

.graphic {
    position: absolute;
    top: 0;
    left: 0;
    fill: none;
}

.icon {
    color: #ddd;
    font-size: 150%;
}

.input.error label:before {
    border-bottom: 1px solid #ff5587;
}


/* Hoshi */

.input--hoshi {
    overflow: hidden;
}

.input__field--hoshi {
    margin-top: 14px;
    padding: 10px 5px 7px;
    width: 100%;
    background: transparent;
    color: #fff;
}

.input__label--hoshi {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0 0.25em;
    width: 100%;
    height: calc(99%);
    text-align: left;
    pointer-events: none;
    font-family: 'Helvetica LT W04 Light1489428', 'Arial', sans-serif;
}

.input__label-content--hoshi {
    position: absolute;
}

.input__label--hoshi::before,
.input__label--hoshi::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(90%);
    border-bottom: 1px solid #59aefa;
}

.input__label--hoshi::after {
    border-bottom: 4px solid red;
    transform: translate3d(-100%, 0, 0);
    transition: transform 0.3s;
}

.input__label--hoshi-color-1::after {
    border-color: #00aaff;
}

.input__label--hoshi-color-2::after {
    border-color: #00ffaa;
}

.input__label--hoshi-color-3::after {
    border-color: #ff5500;
}

.input__field--hoshi:focus+.input__label--hoshi::after,
.input--filled .input__label--hoshi::after {
    transform: translate3d(0, 0, 0);
}

.input__field--hoshi:focus+.input__label--hoshi .input__label-content--hoshi,
.input--filled .input__label-content--hoshi {
    animation: anim-1 0.3s forwards;
}

@keyframes anim-1 {
    50% {
        opacity: 0;
        transform: translate3d(1em, 0, 0);
    }

    51% {
        opacity: 0;
        transform: translate3d(-1em, -40%, 0);
    }

    100% {
        opacity: 1;
        transform: translate3d(0, -40%, 0);
    }
}

.social-footer {
    display: inline-block;
    color: #59aefa;
    padding-top: 50px;
    padding-right: 15px;
    font-size: 19px;
    transition: color 0.3s ease-in-out;
}

.footer-socials a {
    font-size: 0;
}

.social-footer:hover {
    color: #fff;
    transition: color 0.3s ease-in-out;
}

.promotional-banner {
    background-color: #30adff;
}

.banner-inner {
    max-width: 1465px;
    width: 100%;
    margin: 0 auto;
    padding: 25px;
    padding-top: 50px;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
}

.promo-text {
    padding-bottom: 25px;
}

.promo-image img {
    width: 100%;
}

@media (min-width: 1025px) {
    .promo-image img {
        position: relative;
        /* right: 26%; */
        right: 0;
    }
}

@media (min-width: 1367px) {
    .promo-image img {
        /* width: auto; */
    }
}

.promo-big {
    font-size: 35px;
    color: #fff;
    font-weight: unset;
    font-family: 'Helvetica LT W04 Bold', sans-serif;
}

@media (min-width: 1025px) {
    .promo-big {
        font-size: 5.21vw;
    }
}

@media (min-width: 1921px) {
    .promo-big {
        font-size: 100px;
    }
}

.promo-em {
    background-color: #ff5588;
    border-radius: 50%;
    line-height: 0;
    display: inline-block;
    text-align: center;
    width: 50px;
    padding: 25px 0;
    line-height: 0;
}

@media (min-width: 1025px) {
    .promo-em {
        width: 8.33vw;
        padding: 4.17vw 0vw;
    }
}

.promo-info {
    font-size: 24px;
    font-weight: 100;
    margin-top: 0;
}

@media (min-width: 1025px) {
    .promo-info {
        width: 80%;
    }
}

.promo-info strong {
    font-family: 'Helvetica LT W04 Bold', 'Arial', sans-serif;
    font-weight: unset;
}

@media (min-width: 1281px) {
    .promo-info {
        width: 50%;
    }
}

.wrapper {
    height: 100%;
}

.intro-title {
    line-height: 1;
    font-size: 35px;
    font-family: 'Helvetica LT W04 Bold', 'Arial', sans-serif;
    font-weight: unset;
}

@media (min-width: 1025px) {
    .intro-title {
        font-size: 6.35vw;
        width: 85%;
        letter-spacing: -3px;
    }
}

@media (min-width: 1367px) {
    .intro-title {
        letter-spacing: -5px;
    }
}

@media (min-width: 1921px) {
    .intro-title {
        font-size: 122px;
        letter-spacing: -8px;
    }
}

.intro-title sup {
    font-size: 20px;
    letter-spacing: 0;
    font-weight: 100;
}

@media (min-width: 1025px) {
    .intro-title sup {
        font-size: 22px;
    }
}

.intro-title.our-story {
    font-size: 26px;
}

@media (min-width: 1025px) {
    .intro-title.our-story {
        font-size: 4.53vw;
    }
}

@media (min-width: 1367px) {
    .intro-title.our-story {
        letter-spacing: -4px;
    }
}

@media (min-width: 1921px) {
    .intro-title.our-story {
        font-size: 86px;
        letter-spacing: -4px;
        width: 100%;
    }
}

.intro-title.story-big {
    font-size: 30px;
}

@media (min-width: 1025px) {
    .intro-title.story-big {
        font-size: 6.09vw;
    }
}

@media (min-width: 1921px) {
    .intro-title.story-big {
        font-size: 117px;
    }
}

@media (min-width: 1921px) {
    .hero-inner .intro-title {
        font-size: 6.35vw;
        line-height: 0.8;
    }
}

.pre-title {
    font-size: 25px;
    color: #fff;
    font-weight: 100;
}
.zero-sugar-title {
    font-size: 30px;
}
.zero-sugar-title sup {
    font-size: 18px;
}
@media (min-width: 1025px) {
    .zero-sugar-title {
        font-size: 4.6vw;
        line-height: 1;
        font-family: 'Helvetica LT W04 Bold', 'Arial', sans-serif;
        font-weight: unset;
    }
    .zero-sugar-title sup {
        font-size: 2vw;
        line-height: 1;
        font-family: 'Helvetica LT W04 Bold', 'Arial', sans-serif;
        font-weight: unset;
    }
}
@media (min-width: 1025px) {
    .products-list .intro-title {
        font-size: 4.35vw;
    }
}

@media (min-width: 1367px) {
    
    .products-list .intro-title {
        font-size: 6.35vw;
    }
}

@media (min-width: 1921px) {
    .products-list .intro-title {
        font-size: 122px;
    }
}

@media (min-width: 1025px) {
    .pre-title {
        font-size: 35px;
    }
}

.pre-title sup {
    font-size: 15px;
}

@media (min-width: 1025px) {
    .pre-title sup {
        font-size: 18px;
    }
}

@media (max-width: 1024px) {
    .products-list .pre-title {
        font-size: 25px;
    }
}

@media (min-width: 1367px) {
    .products-list .pre-title {
        font-size: 48px;
    }
}

.hero-section {
    display: block;
    position: relative;
    overflow: hidden;
}
.hero-section.video{
	overflow: visible;
}

@media (min-width:1921px) {
    .hero-section {
        padding-bottom: 5%;
    }
}

.hero-inner {
    max-width: 1075px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    top: 120px;
    box-sizing: border-box;
    padding-bottom: 120px;
    padding-left: 20px;
    padding-right: 20px;
    z-index: 3;
}

@media (min-width: 640px) {
    .hero-inner {
        top: 20vw;
        padding-bottom: 30vw;
    }
}

@media (min-width: 1025px) {
	.hero-inner {
		top: 14vw;
		padding-left: 0px;
		padding-right: 0px;
		padding-bottom: 19vw;
		left: 11vw;
		max-width: 750px;
	}
}

@media (min-width: 1367px) {
    .hero-inner {
        max-width: 1075px;
        left: 13vw;
    }
}

@media (min-width: 1661px) {
    .hero-inner {
        left: -3vw;
    }
}

@media (min-width: 1921px) {
    .hero-inner {
        padding-bottom: 18vw;
    }
}

@media (min-width: 1025px) {
    .hero-inner .paragraph {
        font-size: 18px;
    }
}

@media (min-width: 1367px) {
    .hero-inner .paragraph {
        font-size: 22px;
    }
}

@media (min-width: 1921px) {
    .hero-inner .paragraph {
        font-size: 21px;
    }
}

.hero-inner .paragraph {
    line-height: 1.4;
}

@media (min-width: 1025px) {
    .hero-inner .paragraph {
        width: 49%;
    }
}

.hero-inner .paragraph.purple {
    width: 100%;
}

.hero-inner .button-arrow {
    margin-top: 20px;
}

.svg-circle {
    position: absolute;
    width: 100%;
    top: 90%;
    left: 55%;
    z-index: -1;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

@media (min-width: 1025px) {
    .svg-circle {
        left: 53%;
    }
}

@media (min-width: 1440px) {
    .svg-circle {
        width: 90%;
        height: 56vw;
        top: 103%;
        left: 53%;
    }
}

@media (min-width: 1921px) {
    .svg-circle {
        height: 44vw;
    }
}

.prod-pack-img {
    position: relative;
    top: 0;
    transition: top 0.3s ease-in-out;
    width: 60%;
    height: auto;
}

@media (min-width: 1025px) {
    .prod-pack-img {
        width: 14vw;
        top: -20px;
    }
}

@media (min-width: 1025px) {
    .products-section .prod-pack-img {
        top: 0;
    }
}

@media (min-width: 1441px) {
    .prod-pack-img {
        width: auto;
    }
}

.prod-col {
    vertical-align: middle;
    margin-bottom: 80px;
    text-align: center;
}

@media (min-width: 1025px) {
    .prod-col {
        /* margin-bottom: 150px; */
        margin-bottom: 10vw;
        margin-top: 5vw;
    }
}

.prod-col:hover .prod-pack-img {
    top: -30px;
    transition: top 0.3s ease-in-out;
}

.prod-col:hover .button-arrow {
    background-color: #fff;
    color: #1d96eb;
    transition: all 0.3s ease-in-out;
}

.prod-col:hover .button-arrow .arrow {
    border-color: #1d96eb;
    right: -20px;
}

.prod-col:hover .button-arrow .arrow:before {
    background: #1d96eb;
}

.prod-name {
    font-size: 25px;
    padding: 35px 0;
    font-family: 'Helvetica LT W04 Bold', 'Arial', sans-serif;
    line-height: 1;
    font-weight: unset;
}

@media (min-width: 1025px) {
    .prod-name {
        font-size: 35px;
        letter-spacing: -1px;
    }
}

@media (min-width: 1367px) {
    .prod-name {
        font-size: 45px;
        letter-spacing: -2px;
    }
}

@media (min-width: 1438px) {
    .prod-name {
        /* font-size: 33px; */
        font-size: 40px;
        letter-spacing: -2px;
    }
}

.prod-name sup {
    font-size: 16px;
}

@media (min-width: 1025px) {
    .prod-name sup {
        font-size: 17px;
    }
}

.products-section {
    float: left;
    width: 100%;
    box-sizing: border-box;
}

.products-section .prod-name {
    width: 70%;
    margin: 0 auto;
}

.prods-inner {
    /* max-width: 1903px; */
    /* max-width: 1440px; */
    width: 100%;
    margin: 0 auto;
    padding: 30px 20px 100px 20px;
    position: relative;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

@media (min-width: 1025px) {
    .prods-inner {
        padding: 100px 40px 90px 0;
    }

    .homepage-prods {
        max-width: 80%;
    }
}

@media (min-width: 1280px) {
    .homepage-prods {
        max-width: 75%;
    }
}

@media (min-width: 1921px) {
    .prods-inner {
        padding: 30px 40px 150px 20px;
    }
}

.apricot {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 10.33vw;
}

#shape-two {
    opacity: 0;
}

#shape-anim {
    opacity: 0;
}

#initial-path {
    opacity: 0;
}

@media (min-width: 1025px) {
    .image-side {
        width: 50%;
        display: inline-block;
    }
}

.image-side img.mask-overlay {
    width: 200%;
}

@media (min-width: 1921px) {
    .image-side img.mask-overlay {
        width: 175%;
    }
}

.mask-img.packs-mask-img {
    z-index: 1;
}

.mask-img.box-img {
    z-index: 1;
}

.mask-img.hands-img {
    top: 6%;
}

@media (min-width: 1025px) {
    .mask-img.hands-img {
        top: 14%;
    }
}

.image-side img.packs-mask-img {
    width: 27vw;
}

.image-side img.packs-mask-img-two {
    width: 75vw;
}

@media (min-width: 1025px) {
    .image-side img.packs-mask-img-two {
        width: 41vw;
    }
}

@media (max-width: 1024px) {
    .image-side img.packs-mask-img {
        width: 50%;
    }
}

.text-side {
    position: relative;
    z-index: 8;
}

@media (max-width: 1024px) {
    .text-side {
        padding: 20px 25px;
        box-sizing: border-box;
        background-color: #fff;
    }
}

@media (min-width: 1921px) {
    .story-section .text-side {
        margin-left: -14%;
    }
}

@media (min-width: 1025px) {
    .text-side {
        margin-top: 90px;
        width: 50%;
        display: inline-block;
        vertical-align: top;
        margin-left: -115px;
    }
}

.text-side .section-txt {
    padding-bottom: 10px;
}

@media (min-width: 1025px) {
    .text-side .section-txt {
        width: 65%;
        padding: 35px 0;
    }
}

@media (min-width: 1025px) {
    .text-side .section-txt.our-story-home {
        width: 100%;
        padding: 35px 0;
    }
}

@media (min-width: 1367px) {
    .text-side .section-txt.our-story-home {
        width: 65%;
        padding: 35px 0;
    }
}

@media (min-width: 1921px) {
    .text-side .section-txt {
        line-height: 1.4;
    }
}

.story-section {
    position: relative;
    float: left;
    width: 100%;
}

@media (max-width: 1024px) {
    .story-section {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

@media (min-width: 1025px) {}

@media (max-width: 1024px) {
    .story-section .image-side {
        -ms-flex-order: 2;
        order: 2;
    }
}

@media (max-width: 1024px) {
    .story-section .text-side {
        -ms-flex-order: 1;
        order: 1;
    }
}

.story-section.our-story-second {
    padding-bottom: 25px;
}

@media (min-width: 1025px) {
    .story-section.our-story-second {
        padding-bottom: 31vw;
    }
}

@media (min-width: 1367px) {
    .story-section.our-story-second {
        padding-bottom: 34vw;
    }
}

@media (min-width: 1921px) {
    .story-section.our-story-second {
        padding-bottom: 28vw;
    }
}


/* ////// */

.story-section.our-story-second.bottom {
    padding-bottom: 50px;
    margin-bottom: 20px;
}

@media (min-width: 1025px) {
    .story-section.our-story-second.bottom {
        margin-bottom: 7vw;
        padding-bottom: 30vw;
    }
}

@media (min-width: 1280px) {
    .story-section.our-story-second.bottom {
        padding-bottom: 40vw;
    }
}

@media (min-width: 1367px) {
    .story-section.our-story-second.bottom {
        /* padding-bottom: 40vw; */
        margin-bottom: 10vw;
        /* padding-bottom: 44vw; */
    }
}

@media (min-width: 1660px) {
    .story-section.our-story-second.bottom {
        margin-bottom: 8vw;
        padding-bottom: 47vw;
    }
}

@media (min-width: 1921px) {
    .story-section.our-story-second.bottom {
        /* padding-bottom: 28vw; */
    }
}


/* ///// */

@media (min-width: 1025px) {
    .story-section.our-story-second .text-side {
        width: 42%;
        position: relative;
        margin-left: 0;
        right: -187px;
    }
}

.story-section.our-story-second .text-side {
    background-color: transparent;
}

@media (max-width: 1024px) {
    .story-section.our-story-second .image-side {
        width: 100%;
    }
}

@media (min-width: 1921px) {
    .story-section .text-side {
        margin-top: 15%;
    }
}

.blue-fluid {
    position: absolute;
    left: -50%;
    width: 1200px;
}

@media (min-width: 640px) {
    .blue-fluid {
        left: -17%;
        width: 1500px;
    }
}

@media (min-width: 1025px) {
    .blue-fluid {
        left: 0%;
        width: auto;
    }
}

.red-fluid {
    position: absolute;
    max-width: 500px;
    bottom: 50%;
    width: 100%;
}

@media (max-width: 1024px) {
    .red-fluid {
        display: none;
    }
}

@media (min-width: 1025px) {
    .red-fluid {
        bottom: 20%;
        left: -10px;
    }
}

@media (min-width: 1367px) {
    .red-fluid {
        bottom: 21%;
    }
}

@media (min-width: 1661px) {
    .red-fluid {
        bottom: 18%;
    }
}

@media (min-width: 1921px) {
    .red-fluid {
        max-width: 700px;
    }
}

.image-placeholder {
    max-width: 660px;
    width: 100%;
    margin-top: 40px;
}

.image-placeholder img {
    width: 100%;
    height: auto;
}

.image-placeholder img.play-btn {
    width: auto;
}

.image-placeholder img.video-thumb {
    -webkit-box-shadow: -2px 14px 3px -4px rgba(160, 158, 158, 0.3);
    -moz-box-shadow: -2px 14px 3px -4px rgba(160, 158, 158, 0.3);
    box-shadow: -2px 14px 3px -4px rgba(160, 158, 158, 0.3);
}


/* .image-placeholder.dont-show{
    min-height: 53vw;
  }

@media (min-width: 1025px){
  .image-placeholder.dont-show{
    min-height: 40vw;
  }
} */

.feat-text .button-arrow {
    margin-bottom: 20px;
    margin-top: 0;
}

.feat-text .paragraph {
    margin-top: 0;
    margin-bottom: 20px;
}

.feat-text .feat-title {
    margin-bottom: 10px;
}

.image-placeholder:last-of-type {
    margin-top: 0;
}

.hold-feat-img {
    position: relative;
}

@media (min-width: 1025px) {
    .hold-feat-img {
        display: block;
        /* height: 410px; */
    }
}

.hold-feat-img iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 97%;
}

.feat-title {
    font-size: 30px;
    font-family: 'Helvetica LT W04 Bold', 'Arial', sans-serif;
    color: #ff403b;
    font-weight: unset;
}

@media (min-width: 1025px) {
    .feat-title {
        letter-spacing: -2px;
        font-size: 60px;
    }
}

.feat-text {
    padding-top: 25px;
}

.prod-blop {
    padding: 100px 0px;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

@media (min-width: 1025px) {
    .prod-blop {
        padding: 100px 10px;
    }
}

.to-buy-section {
    float: left;
    width: 100%;
    /* margin-bottom: 25px; */
    position: relative;
    top: -2px;
}

@media (min-width: 1025px) {
    .to-buy-section {
        position: relative;
        top: -1px;
        /* margin-bottom: 70px; */
    }
}

.to-buy-section .mask-overlay {
    left: -100%;
}

@media (min-width: 1921px) {
    .to-buy-section .mask-overlay {
        left: -75%;
    }
}

.to-buy-section .text-side {
    margin-left: 0;
}

@media (min-width: 1025px) {
    .to-buy-section .text-side {
        margin-top: 15%;
        left: 12%;
    }
}

.to-buy-section.our-story-first {
    padding-bottom: 25px;
}

@media (min-width: 1025px) {
    .to-buy-section.our-story-first {
        padding-bottom: 17vw;
    }
}

@media (min-width: 1367px) {
    .to-buy-section.our-story-first {
        padding-bottom: 33vw;
    }
}

.to-buy-section.our-story-first .blue-pack {
    top: 7vw;
    left: 31%;
    max-width: 518px;
}

@media (min-width: 1921px) {
    .to-buy-section.our-story-first .blue-pack {
        top: 11vw;
        left: 37%;
    }
}

.to-buy-section.our-story-first .purple-pack {
    top: 28vw;
    left: 55%;
    max-width: 518px;
}

.to-buy-section.our-story-first .text-side {
    background-color: transparent;
    margin-top: 12%;
}


/*@media (min-width: 1921px){
  .to-buy-section.our-story-first{
    padding-bottom: 18vw;
  }
}*/

@media (min-width: 1025px) {
    .ov-x {
        overflow-x: hidden;
    }
}

.underlayer-right {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: #eef3f7;
}

@media (min-width: 1025px) {
    .underlayer-right {
        width: 84%;
    }
}

.underlayer-left {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #eef3f7;
}

@media (min-width: 1025px) {
    .underlayer-left {
        width: 77%;
    }
}

.mask-overlay {
    width: 200%;
    position: relative;
    z-index: 5;
}

.mask-img {
    position: absolute;
    top: 20%;
    left: 0px;
    z-index: 0;
}

.mask-img.juiceful {
    position: absolute;
    top: 18vw;
    left: 15%;
    z-index: 0;
}

.mask-img.blue-pack {
    top: 21%;
    left: 2%;
}

.mask-img.red-pack {
    top: 18%;
    left: 46%;
}

.mask-img.purple-pack {
    top: 52%;
    left: 27%;
}

@media (min-width: 1921px) {
    .mask-img.purple-pack {
        top: 57%;
        left: 27%;
    }
}

.mask-img.hands-img {
    width: 100%;
}

@media (max-width: 1024px) {
    .mask-img.hands-img {
        width: 121vw;
    }
}

.mask-img.roll-img {
    width: 48.33vw;
    max-width: 927px;
    right: 0;
    left: inherit;
}

@media (max-width: 1024px) {
    .mask-img.roll-img {
        left: 19%;
        width: 90%;
    }
}

.starfruit {
    position: absolute;
    width: 23vw;
    top: 43%;
    left: -60%;
    z-index: 7;
}
.starfruit-hero{
	position: absolute;
	width: 20vw;
	top: -50%;
	left: 2%;
	z-index: 7;
}

@media (max-width: 1024px) {
    .starfruit {
        top: 20%;
        left: 0%;
        z-index: 0;
    }
}

.raspberry {
    width: 12.5vw;
    position: absolute;
    top: 42%;
    left: -9%;
    z-index: 7;
}

@media (max-width: 1024px) {
    .raspberry {
        top: 13%;
        left: 30%;
    }
}

.gummi-strawberry {
    width: 45px;
    position: absolute;
    top: 40%;
    right: 4%;
}

@media (min-width: 640px) {
    .gummi-strawberry {
        width: 50px;
    }
}

@media (min-width: 1025px) {
    .gummi-strawberry {
        width: 5.52vw;
    }
}

.gummi-milky {
    left: 0;
    width: 45px;
    position: absolute;
    top: 28%;
}

@media (min-width: 640px) {
    .gummi-milky {
        width: 50px;
    }
}

@media (min-width: 1025px) {
    .gummi-milky {
        left: -5%;
        width: 4.84vw;
    }
}

.gummi-orange {
    width: 45px;
    position: absolute;
    top: 64%;
    left: 11%;
}

@media (min-width: 640px) {
    .gummi-orange {
        width: 50px;
    }
}

@media (min-width: 1025px) {
    .gummi-orange {
        width: 5.36vw;
    }
}

.gummi-group {
    width: 300px;
    position: absolute;
    bottom: 13%;
    right: 2%;
}

@media (min-width: 640px) {
    .gummi-group {
        width: 250px;
    }
}

@media (min-width: 1025px) {
    .gummi-group {
        width: 36.98vw;
    }
}

.blueberreies {
    position: absolute;
    top: 80%;
    right: 0;
    z-index: 7;
    width: 100px;
    max-width: 308px;
}

.b-piece1 {
    position: absolute;
    top: 92%;
    right: 25%;
}

.b-piece3 {
    position: absolute;
    top: 86%;
    right: 28%;
}

.b-piece2 {
    position: absolute;
    top: 86%;
    right: 22%;
}

.bb-piece1 {
    position: absolute;
    top: 37%;
    right: 2%;
}

.bb-piece2 {
    position: absolute;
    top: 30%;
    right: 1%;
}

.bb-piece3 {
    position: absolute;
    top: 31%;
    right: 0;
}

@media (min-width: 641px) {
    .blueberries {
        top: 50%;
    }
}

@media (min-width: 1025px) {
    .blueberreies {
        width: 11.04vw;
        top: 30%;
    }
}

@media (min-width: 1367px) {
    .blueberreies {
        width: 16.04vw;
        top: 30%;
    }
}

.red-fruty {
    position: absolute;
    top: 65%;
    right: 7%;
    z-index: 7;
    width: 45px;
}

@media (min-width: 1025px) {
    .red-fruty {
        width: 5.31vw;
    }
}

.purple-fruty {
    position: absolute;
    top: -2%;
    z-index: 8;
    width: 25px;
    right: 2%;
}

@media (min-width: 640px) {
    .purple-fruty {
        width: 50px;
    }
}

@media (min-width: 1025px) {
    .purple-fruty {
        width: 5.68vw;
        right: inherit;
        top: 0;
    }
}

.orange-slice {
    display: none;
    position: absolute;
    top: 18%;
    right: 5%;
    width: 16.93vw;
    max-width: 325px;
}

@media (min-width: 1025px) {
    .orange-slice {
        display: block;
    }
}

@media (min-width: 1367px) {
    .orange-slice {
        right: 15%;
    }
}

.kiwi {
    position: absolute;
    top: 41%;
    right: 10%;
    max-width: 335px;
    width: 100px;
}

@media (min-width: 1025px) {
    .kiwi {
        width: 17.45vw;
    }
}

.raspberry-hero {
    width: 50px;
    position: absolute;
    top: 10%;
    right: 4%;
    max-width: 160px;
}

@media (min-width: 1025px) {
    .raspberry-hero {
        width: 8.33vw;
    }
}

.blueberries-hero {
    display: none;
    position: absolute;
    top: 33%;
    right: 0;
    width: 7.81vw;
    max-width: 150px;
}

@media (min-width: 1025px) {
    .blueberries-hero {
        display: block;
    }
}

.blueberries-smaller {
    display: none;
    position: absolute;
    top: 88%;
    right: 20%;
    width: 8.91vw;
    max-width: 171px;
}

@media (min-width: 1025px) {
    .blueberries-smaller {
        display: block;
    }
}

.cherry-hero {
    position: absolute;
    top: 62%;
    right: 0;
    width: 18.75vw;
    max-width: 360px;
}

.peach-hero {
    display: none;
    position: absolute;
    top: 70%;
    right: 23%;
    width: 19.11vw;
    max-width: 367px;
}

@media (min-width: 1660px) {
    .peach-hero {
        display: block;
    }
}

.drop {
    position: absolute;
    top: 9vw;
    right: 21%;
    display: none;
}

.orange-piece {
    display: none;
    position: absolute;
    top: 21%;
    right: 0;
    width: 3.18vw;
    max-width: 61px;
}

@media (min-width: 1025px) {
    .orange-piece {
        display: block;
    }
}

.red-piece {
    display: none;
    position: absolute;
    top: 58%;
    right: 20%;
    width: 7.86vw;
    max-width: 151px;
}

@media (min-width: 1025px) {
    .red-piece {
        display: block;
    }
}

.red-piece2 {
    display: none;
    position: absolute;
    top: 71%;
    right: 36%;
    width: 8.49vw;
    max-width: 163px;
}

@media (min-width: 1025px) {
    .red-piece2 {
        display: block;
    }
}

.dark-piece {
    display: none;
    position: absolute;
    top: 57%;
    right: 32%;
    width: 8.75vw;
    max-width: 168px;
}

@media (min-width: 1025px) {
    .dark-piece {
        display: block;
    }
}

.dark-piece2 {
    display: none;
    position: absolute;
    top: 64%;
    right: 79%;
    width: 7.24vw;
    max-width: 139px;
}

@media (min-width: 1025px) {
    .dark-piece2 {
        display: block;
    }
}

.strawberry {
    position: absolute;
    top: 46%;
    left: 3%;
    width: 70px;
}

@media (min-width: 1025px) {
    .strawberry {
        width: 11.77vw;
    }
}

.products-header {
    height: 145vw;
}

@media (max-width: 375px){
    .products-header.zero-sugar-header{
        height: 225vw;
    }
}
@media (min-width: 376px) and (max-width: 640px){
    .products-header.zero-sugar-header{
        height: 185vw
    }
}


@media (min-width: 640px) {
    .products-header {
        height: 89vw;
    }
}

@media (min-width: 1025px) {
    .products-header {
        height: 47vw;
    }
}

@media (min-width: 1921px) {
    .products-header {
        height: 34vw;
    }
}

.morph-wrap {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}

.morph-wrap svg {
    width: 100%;
    height: 120%;
}

@media (min-width: 1025px) {
    .morph-wrap svg {
        width: 100%;
        height: 160%;
    }
}

.morph-wrap.yogurt svg {
    height: 125%;
}

@media (min-width: 1025px) {
    .morph-wrap.yogurt svg {
        height: 135%;
    }
}

.morph-wrap svg path {
    -ms-transform: scale(3);
    transform: scale(3);
}

@media (min-width: 640px) {
    .morph-wrap svg path {
        -ms-transform: scale(2);
        transform: scale(2);
    }
}

@media (min-width: 1025px) {
    .morph-wrap svg path {
        -ms-transform: scale(1);
        transform: scale(1);
    }
}

.prod-header-inner {
    max-width: 880px;
    margin-left: 9.9vw;
    margin-right: 9.9vw;
    padding-top: 14vw;
    position: relative;
    padding-top: 120px;
    z-index: 1;
}

@media (min-width: 640px) {
    .prod-header-inner {
        padding-top: 20vw;
    }
}

@media (min-width: 1025px) {
    .prod-header-inner {
        padding-top: 14vw;
    }
}

@media (min-width: 1921px) {
    .prod-header-inner {
        padding-top: 10vw;
    }
}

.prod-header-inner .intro-title {
    width: auto;
    line-height: 0.9;
}

.prod-type {
    font-size: 18px;
    color: #fff;
    font-family: 'Helvetica LT W04 Light1489428', 'Arial', sans-serif;
    font-weight: 100;
}

@media (max-width: 768px) {
    .prod-type {
        font-size: 16px;
    }
}

@media (min-width: 1367px) {
    .prod-type {
        font-size: 21px;
    }
}

.prod-type sup {
    font-size: 15px;
}

.products-list-items {
    position: relative;
    z-index: 5;
    overflow: hidden;
    padding-top: 35px;
}

@media (min-width: 1024px) {
    .products-list-items.page-products {
        padding-bottom: 5vw;
    }
}

@media (min-width: 1440px) {
    .products-list-items.page-products {
        padding-bottom: 10vw;
    }
}

.products-list-items .prod-type {
    padding-top: 10px;
}

.products-list-items .prod-name {
    padding-top: 5px;
    width: 70%;
    margin: 0 auto;
}

@media (min-width: 1025px) {
    .products-list-items .prods-inner {
        padding: 0px 40px 0;
    }
}

.fruit-snacks-imgs .img1 {
    position: absolute;
    top: 13%;
    right: 22%;
    width: 19.11vw;
}

.fruit-snacks-imgs .img2 {
    position: absolute;
    top: 25%;
    right: 13%;
    z-index: 2;
    width: 8.75vw;
}

@media (max-width: 1024px) {
    .fruit-snacks-imgs .img2 {
        width: 35px;
    }
}

.fruit-snacks-imgs .img3 {
    position: absolute;
    top: 43%;
    right: 24%;
    z-index: 2;
    width: 7.86vw;
}

@media (max-width: 1024px) {
    .fruit-snacks-imgs .img3 {
        width: 35px;
    }
}

.fruit-snacks-imgs .img4 {
    position: absolute;
    top: 66%;
    right: 34%;
    width: 8.49vw;
}

@media (max-width: 1024px) {
    .fruit-snacks-imgs .img4 {
        width: 35px;
    }
}

.fruit-snacks-imgs .img5 {
    position: absolute;
    top: 77%;
    right: 8%;
    width: 14.03vw;
}

.fruit-snacks-imgs .img6 {
    position: absolute;
    top: 10%;
    right: 0;
    width: 13.8vw;
}

.fruit-rolls-imgs .img1 {
    position: absolute;
    top: 18%;
    right: 22%;
    width: 5.47vw;
}

@media (max-width: 1024px) {
    .fruit-rolls-imgs .img1 {
        width: 30px;
    }
}

.fruit-rolls-imgs .img2 {
    position: absolute;
    top: 28%;
    right: 25%;
    width: 5.94vw;
}

@media (max-width: 1024px) {
    .fruit-rolls-imgs .img2 {
        width: 30px;
    }
}

.fruit-rolls-imgs .img3 {
    position: absolute;
    top: 14%;
    right: 1%;
    z-index: 2;
    width: 12.55vw;
}

.fruit-rolls-imgs .img4 {
    position: absolute;
    top: 68%;
    right: 31%;
    width: 14.06vw;
}

.fruit-rolls-imgs .img5 {
    position: absolute;
    top: 60%;
    right: 6%;
    z-index: 2;
    width: 19.53vw;
}

.fruit-rolls-imgs .img6 {
    position: absolute;
    top: 31%;
    right: 0;
    width: 40vw;
}

.fruit-yogurt-imgs .img1 {
    position: absolute;
    top: 19%;
    right: 24%;
    width: 15.99vw;
}


/*@media (min-width: 1921px) {
  .fruit-yogurt-imgs .img1 {
    width: auto;
  }
}*/

.fruit-yogurt-imgs .img2 {
    position: absolute;
    top: 22%;
    right: 13%;
    width: 8.02vw;
}


/*@media (min-width: 1921px) {
  .fruit-yogurt-imgs .img2 {
    width: auto;
  }
}*/

.fruit-yogurt-imgs .img3 {
    position: absolute;
    top: 87%;
    right: 35%;
    width: 6.61vw;
}

@media (max-width: 1024px) {
    .fruit-yogurt-imgs .img3 {
        width: 35px;
    }
}


/*@media (min-width: 1921px) {
  .fruit-yogurt-imgs .img3 {
    width: auto;
  }
}*/

.fruit-yogurt-imgs .img4 {
    position: absolute;
    top: 53%;
    right: 10%;
    width: 18.85vw;
}


/*@media (min-width: 1921px) {
  .fruit-yogurt-imgs .img4 {
    width: auto;
  }
}*/

.fruit-yogurt-imgs .img5 {
    position: absolute;
    top: 40%;
    right: 12%;
    z-index: 2;
    width: 5.31vw;
}

@media (max-width: 1024px) {
    .fruit-yogurt-imgs .img5 {
        width: 35px;
    }
}


/*@media (min-width: 1921px) {
  .fruit-yogurt-imgs .img5 {
    width: auto;
  }
}*/

.fruit-yogurt-imgs .img6 {
    position: absolute;
    right: 1%;
    top: 33%;
    width: 5.47vw;
}

@media (max-width: 1024px) {
    .fruit-yogurt-imgs .img6 {
        width: 35px;
    }
}


/*@media (min-width: 1921px) {
  .fruit-yogurt-imgs .img6 {
    width: auto;
  }
}*/

.fruit-yogurt-imgs .img7 {
    position: absolute;
    top: 44%;
    right: 3%;
    width: 5.94vw;
}

@media (max-width: 1024px) {
    .fruit-yogurt-imgs .img7 {
        width: 35px;
    }
}


/*@media (min-width: 1921px) {
  .fruit-yogurt-imgs .img7 {
    width: auto;
  }
}*/

.juicefuls-imgs .img1 {
    position: absolute;
    top: 14%;
    right: 12%;
    width: 14vw;
}

.juicefuls-imgs .img2 {
    position: absolute;
    top: 22%;
    right: 2%;
    z-index: 2;
    width: 10vw;
}

.juicefuls-imgs .img3 {
    position: absolute;
    top: 45%;
    right: 24%;
    z-index: 2;
    width: 6vw;
}

.juicefuls-imgs .img4 {
    position: absolute;
    top: 56%;
    right: 35%;
    width: 8vw;
}

.juicefuls-imgs .img5 {
    position: absolute;
    top: 51%;
    right: 9%;
    width: 19vw;
}

.juicefuls-imgs .img6 {
    position: absolute;
    top: 48%;
    right: 0;
    width: 13.8vw;
}

.breadcrumbs {
    padding-bottom: 40px;
}

.breadcrumbs a {
    color: #fff;
    font-size: 14px;
    font-weight: 100;
    font-family: 'Helvetica LT W04 Light1489428', 'Arial', sans-serif;
}

.breadcrumbs a:hover {
    text-decoration: underline;
}

.breadcrumbs span {
    padding: 0 10px;
}

@media (max-width: 767px) {
    .prod-info {
        display: flex;
        -webkit-display: flex;
        -moz-display: flex;
        -ms-display: flex;
        -o-display: flex;
        flex-direction: column;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
    }
}

.product-detail {
    padding-top: 110px;
    position: relative;
    padding-bottom: 25vw;
}

@media (min-width: 640px) {
    .product-detail {
        padding-top: 140px;
    }
}

@media (min-width: 1025px) {
    .product-detail {
        padding-top: 14vw;
    }
}

@media (min-width: 1925px) {
    .product-detail {
        padding-top: 10vw;
    }
}

.prod-detail-inner {
    max-width: 1435px;
    width: 100%;
    margin: 0 auto;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    padding: 0 20px;
}

section.product-detail .prod-detail-inner {
    overflow: visible;
}

section.product-detail .button-arrow.back-to {
    display: none;
}

section.product-detail .prod-percent.col:not(:first-child) {
    margin-left: 40px;
}

@media (max-width: 767px) {
    section.product-detail .prod-percent.col:not(:first-child) {
        margin-left: 0px;
    }
}

@media (min-width: 1950px) {
    .prod-detail-inner {
        max-width: 2035px;
    }
}

.prod-detail-titile {
    font-weight: 100;
    font-size: 20px;
    letter-spacing: -1px;
}

@media (min-width: 1025px) {
    .prod-detail-titile {
        letter-spacing: -2px;
        font-size: 1.93vw;
    }
}

.prod-detail-titile sup {
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 100;
    letter-spacing: 1px;
}

.prod-detail-title-big {
    font-size: 45px;
    letter-spacing: -2px;
    line-height: 0.9;
    display: inline-block;
    font-family: 'Helvetica LT W04 Bold', 'Arial', sans-serif;
}

@media (max-width: 1024px) {
    .prod-detail-title-big {
        padding-top: 10px;
    }
}

@media (min-width: 1025px) {
    .prod-detail-title-big {
        padding-bottom: 30px;
        letter-spacing: -5px;
        font-size: 6.35vw;
    }
}

@media (min-width: 1921px) {
    .prod-detail-title-big {
        font-size: 122px;
    }
}

.prod-view-col:first-child {
    position: relative;
}

.prod-view-col:first-child::before {
    /* box-shadow: 0px -10px 20px 5px rgba(0, 0, 0, 0.3); */
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 368px;
    transform: translateX(-50%);
}


/* .prod-view-col:first-child::after {
	box-shadow: 0px -10px 20px 5px rgba(0,0,0,0.3);
	content: '';
	position: absolute;
	top: 27px;
	left: 50%;
	width: 368px;
	transform: translateX(-50%);
} */

@media (max-width: 1024px) {
    .prod-view-col:first-child::before {
        bottom: 20px;
        width: 348px;
    }

    .prod-view-col:first-child::after {
        top: 20px;
        width: 348px;
    }
}

@media (max-width: 641px) {
    .prod-view-col:first-child::before {
        width: 60%;
    }

    .prod-view-col:first-child::after {
        width: 60%;
    }
}
.prod-view-col ul {
    margin: 25px 0;
    padding-left: 20px;
}

.prod-view-col ul li {
    font-size: 18px;
    font-weight: 100;
}

.prod-view-col ul li:first-child {
    list-style: none;
    margin-left: -20px;
}

@media (max-width: 641px) {
    .prod-view-col img {
        width: 60%;
        height: auto;
    }
}

.prod-view-col img {
    position: relative;
    z-index: 2;
}

@media (max-width: 1024px) {
    .prod-view-col img.open-share {
        width: 49px;
    }
}

button.pop-up {
    margin-bottom: 25px;
}

.open-share:hover {
    cursor: pointer;
}

.deco-fruits {
    position: absolute;
    right: 0;
    top: 9vw;
    width: 27.5vw;
}

@media (max-width: 1024px) {
    .deco-fruits {
        top: 25vw;
        width: 350px;
    }
}

.btn-buy-svg {
    width: 135px;
    display: inline-block;
    vertical-align: middle;
    transition: 0.3s opacity ease-in-out;
    fill: white;
    overflow: visible;
    margin-right: 20px;
}
.btn-buy-svg:hover {
    opacity: 0.7;
    transition: 0.3s opacity ease-in-out;
    cursor: pointer;
}
@media (max-width: 641px) {
    .btn-buy-svg {
        margin-bottom: 30px;
    }
}
@media (max-width: 1024px) {
    .prod-view-col {
        padding-bottom: 25px;
    }
}

@media (max-width: 1024px) {
    .prod-percent {
        margin-bottom: 25px;
    }
}

.percent-val {
    font-size: 36px;
    font-weight: 100;
}


/* // custom design only for jucefuls category products signle page   */

.percent-val.id626 {
    font-size: 31px;
    line-height: 0.95;
}

.line-hight-cusom {
    line-height: 2;
}

.percent-txt {
    font-size: 16px;
    font-weight: 100;
}

.percent-txt.txt-val {
    padding-bottom: 25px;
}

.percent-txt.id626 {
    line-height: 2;
}

.prods-btns-group {
    margin: 45px 0;
    display: flex;
}
@media (max-width: 641px) {
    .prods-btns-group  {
        display: unset;
    }
}
.prods-btns-group button {
    margin-right: 15px;
}
.mr15 {
    margin-right: 10px;
}
@media (max-width: 641px) {
    .prods-btns-group button {
        font-size: 14px;
    }
}

.info-popup {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    z-index: 100;
    display: none;
}

.hold-nutrition {
    width: 100%;
    height: 90%;
    max-width: 1200px;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    min-height: 600px;
    overflow: auto;
}

@media (min-width: 1921px) {
    .hold-nutrition {
        height: 35vw;
    }
}

.pack-size-txt {
    color: #000;
    font-size: 24px;
}

.nutri-info {
    width: 100%;
    margin: 0 auto;
    padding: 2.6vw 5.21vw;
    overflow: hidden;
    box-sizing: border-box;
}
.nutri-info-text p{
    padding: 2.6vw 5.21vw;
    color: #000000;
    font-family: 'Helvetica LT W04 Light1489428', 'Arial', sans-serif;
}
.nutri-col {
    padding-right: 2%;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    /* height: 480px; */
    margin-bottom: 30px;
}

.nutri-col img {
    display: block;
    /* width: 100%; */
    /* max-width: 230px; */
    /* margin: 0 auto 30px; */
    width: auto;
    height: 100%;
    margin: auto;
}

@media (max-width: 1025px) {
    .nutri-col {
        height: auto;
    }

    .nutri-col img {
        width: 100%;
        height: auto;
    }
}

.wrap-x {
    position: absolute;
    top: 0;
    right: 0;
}

.close-x {
    position: relative;
    overflow: hidden;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background: #fff;
    -ms-transform: scale(0.5);
    transform: scale(0.5);
}

.close-x:hover {
    animation: border .4s ease 1 forwards;
    cursor: pointer;
}

@keyframes border {
    0% {
        box-shadow: 60px -60px 0 2px #eff3f7, -60px -60px 0 2px #eff3f7, -60px 60px 0 2px #eff3f7, 60px 60px 0 2px #eff3f7, 0 0 0 2px #eff3f7;
    }

    25% {
        box-shadow: 0 -125px 0 2px #eff3f7, -60px -60px 0 2px #eff3f7, -60px 60px 0 2px #eff3f7, 60px 60px 0 2px #eff3f7, 0 0 0 2px #000;
    }

    50% {
        box-shadow: 0 -125px 0 2px #eff3f7, -125px 0px 0 2px #eff3f7, -60px 60px 0 2px #eff3f7, 60px 60px 0 2px #eff3f7, 0 0 0 2px #000;
    }

    75% {
        box-shadow: 0 -125px 0 2px #eff3f7, -125px 0px 0 2px #eff3f7, 0px 125px 0 2px #eff3f7, 60px 60px 0 2px #eff3f7, 0 0 0 2px #000;
    }

    100% {
        box-shadow: 0 -125px 0 2px #eff3f7, -125px 0px 0 2px #eff3f7, 0px 125px 0 2px #eff3f7, 120px 40px 0 2px #eff3f7, 0 0 0 2px #000;
    }
}

.icon-close {
    font-size: 50px;
    color: black;
    /* transform: scale(0.5); */
    position: absolute;
    top: 50%;
    left: 50%;
    /* z-index: 2; */
    /* display: block; */
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.performance-facts {
    float: left;
    width: 100%;
    padding: 0.5rem;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.performance-facts table {
    border-collapse: collapse;
}

.performance-facts__title {
    font-weight: bold;
    font-size: 30px;
    margin: 0 0 0.25rem 0;
}

.performance-facts__header {
    border-bottom: 10px solid black;
    padding: 0 0 0.25rem 0;
    margin: 0 0 0.5rem 0;
    color: #000;
}

.performance-facts__header p {
    margin: 0;
    font-size: 12px;
}

tr {
    color: #000;
    font-size: 14px;
}

.add-info {
    font-size: 12px;
    color: #000;
}

.performance-facts__table,
.performance-facts__table--small,
.performance-facts__table--grid {
    width: 100%;
}

.performance-facts__table thead tr th,
.performance-facts__table--small thead tr th,
.performance-facts__table--grid thead tr th,
.performance-facts__table thead tr td,
.performance-facts__table--small thead tr td,
.performance-facts__table--grid thead tr td {
    border: 0;
}

.performance-facts__table th,
.performance-facts__table--small th,
.performance-facts__table--grid th,
.performance-facts__table td,
.performance-facts__table--small td,
.performance-facts__table--grid td {
    font-weight: normal;
    text-align: left;
    padding: 0.25rem 0;
    border-top: 1px solid black;
    white-space: nowrap;
}

.performance-facts__table td:last-child,
.performance-facts__table--small td:last-child,
.performance-facts__table--grid td:last-child {
    text-align: right;
}

.performance-facts__table td:last-child p,
.performance-facts__table--small td:last-child p,
.performance-facts__table--grid td:last-child p {
    margin: 0;
    margin-right: 25px;
}

.performance-facts__table .blank-cell,
.performance-facts__table--small .blank-cell,
.performance-facts__table--grid .blank-cell {
    border-top: 0;
}

.performance-facts__table .thick-row th,
.performance-facts__table--small .thick-row th,
.performance-facts__table--grid .thick-row th,
.performance-facts__table .thick-row td,
.performance-facts__table--small .thick-row td,
.performance-facts__table--grid .thick-row td {
    border-top-width: 5px;
}

.performance-facts__table--small {
    border-bottom: 1px solid #999;
    margin: 0 0 0.5rem 0;
}

.performance-facts__table--small thead tr {
    border-bottom: 1px solid black;
}

.performance-facts__table--small td:last-child {
    text-align: left;
}

.performance-facts__table--small th,
.performance-facts__table--small td {
    border: 0;
    padding: 0;
}

.performance-facts__table--grid {
    margin: 0 0 0.5rem 0;
}

.performance-facts__table--grid td:last-child {
    text-align: left;
}

.performance-facts__table--grid td:last-child::before {
    content: "•";
    font-weight: bold;
    margin: 0 0.25rem 0 0;
}

.text-center {
    text-align: center;
}

.thick-end {
    border-bottom: 10px solid black;
}

.thin-end {
    border-bottom: 1px solid black;
}

.svg-prod {
    position: absolute;
    top: 0;
    z-index: -1;
    height: 88vw;
    min-height: 1400px;
    left: -190%;
}

@media (min-width: 640px) {
    .svg-prod {
        left: -100%;
    }
}

@media (min-width: 1025px) {
    .svg-prod {
        left: 0;
    }
}

@media (max-width: 1024px) {
    .svg-prod {
        height: 900vw;
    }
}

.share-btns {
    color: #fff;
    font-size: 21px;
    border: 1px solid;
    border-radius: 50%;
    padding: 10px;
    margin-right: 10px;
}

.share-btns:hover {
    cursor: pointer;
}

.contacts {
    background-size: cover;
}

.contacts-holder {
    padding-bottom: 23vw;
    padding-top: 110px;
}

.contacts-holder.faqs-holder {
    padding-bottom: 10vw;
}

@media (min-width: 640px) {
    .contacts-holder {
        padding-top: 130px;
    }
}

@media (min-width: 1025px) {
    .contacts-holder {
        padding-top: 14vw;
    }
}

@media (min-width: 1921px) {
    .contacts-holder {
        padding-bottom: 6vw;
    }
}

.contacts-holder.err-holder {
    padding-bottom: 8vw;
}

.contacts-inner {
    padding: 0 20px;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 2;
}

@media (min-width: 1025px) {
    .contacts-inner {
        padding-left: 10vw;
        padding-right: 20px;
    }
}

.contacts-title {
    font-size: 18px;
    color: #1d96eb;
    font-family: 'Helvetica LT W04 Bold', 'Arial', sans-serif;
    font-weight: unset;
}

@media (min-width: 1025px) {
    .contacts-title {
        font-size: 30px;
    }
}

.contacts-txt {
    font-size: 14px;
    color: #211651;
    font-weight: 200;
    margin: 0;
}

@media (min-width: 1025px) {
    .contacts-txt {
        font-size: 24px;
    }
}

.contacts-txt a {
    color: #211651;
    font-family: 'Helvetica LT W04 Light1489428', 'Arial', sans-serif;
}

.contact-info {
    padding-top: 50px;
}

.contact-info a:hover {
    text-decoration: underline;
}

.contacts-icon-holder {
    display: inline-block;
    width: 9%;
    text-align: center;
    vertical-align: middle;
}

@media (max-width: 1024px) {
    .contacts-icon-holder {
        width: 20%;
    }
}

.contacts-icon-holder img {
    height: 100%;
    width: auto;
}

@media (max-width: 1024px) {
    .contacts-icon-holder img {
        max-height: 30px;
    }
}

.contacts-txt-holder {
    display: inline-block;
    vertical-align: middle;
}

@media (max-width: 1024px) {
    .contacts-txt-holder {
        width: 80%;
    }
}

@media (min-width: 1025px) {
    .contacts-txt-holder {
        width: 90%;
    }
}

@media (min-width: 1367px) {
    .contacts-txt-holder {
        width: auto;
    }
}

.contacts-row {
    margin-bottom: 35px;
}

@media (min-width: 640px) {
    .contacts-row:last-child .contacts-txt {
        width: 40%;
    }
}

.contacts-bg {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    z-index: -1;
}

.contacts-fruits .img1 {
    position: absolute;
    top: 20%;
    right: 29%;
    width: 16.93vw;
}

.contacts-fruits .img2 {
    position: absolute;
    top: 38%;
    right: 18%;
    width: 7.86vw;
}

.contacts-fruits .img3 {
    position: absolute;
    top: 22%;
    right: 1%;
    width: 12.5vw;
}

.contacts-fruits .img4 {
    position: absolute;
    top: 66%;
    right: 24%;
    width: 8.49vw;
}

.contacts-fruits .img5 {
    position: absolute;
    top: 50%;
    right: 0;
    width: 21.46vw;
}

.contacts-fruits .img6 {
    position: absolute;
    top: 88%;
    right: 29%;
    width: 17.03vw;
}

.contacts-fruits .img7 {
    position: absolute;
    top: 98%;
    right: 11%;
    width: 8.75vw;
}

.contacts-fruits .img8 {
    position: absolute;
    top: 82%;
    right: 0;
    width: 7.92vw;
}

.contacts-fruits .img9 {
    position: absolute;
    top: 124%;
    right: 37%;
    width: 8.65vw;
}

.contacts-fruits .img10 {
    position: absolute;
    top: 116%;
    right: 12%;
    width: 21.04vw;
}

.contacts-fruits.txt-page .img5 {
    width: 10.1vw;
    top: 40%;
}

.contacts-fruits.txt-page .img8 {
    width: 6.93vw;
}

.contacts-fruits.txt-page .img7 {
    top: 17%;
    right: 14%;
}

.contacts-fruits.txt-page .img10 {
    top: 188%;
    left: -10%;
}

.contacts-fruits.txt-page .img9 {
    top: 233%;
    left: 0;
    width: 7.24vw;
}

.contacts-svg {
    position: absolute;
    top: -20%;
    right: -18%;
}

.err-cols {
    display: inline-block;
    vertical-align: top;
    position: relative;
    z-index: 2;
}

.err-cols:nth-of-type(2) {
    padding-left: 45px;
}

.err-fruit-imgs img {
    position: absolute;
}

.err-fruit-imgs .img1 {
    right: 35%;
    top: 39%;
    width: 14.84vw;
}

.err-fruit-imgs .img2 {
    right: 25%;
    top: 27%;
    width: 6.41vw;
}

.err-fruit-imgs .img3 {
    right: 10%;
    top: 26%;
    width: 8.75vw;
}

.err-fruit-imgs .img4 {
    right: 0;
    top: 50%;
    width: 9.53vw;
}

.err-fruit-imgs .img5 {
    right: 16%;
    bottom: 0;
    width: 26.56vw;
}

.txt-holder {
    width: 100%;
    padding-top: 67px;
}

@media (min-width: 1025px) {
    .txt-holder {
        max-width: 75%;
        padding-left: 5%;
    }
}

.txt-holder h3,
.txt-post-rtf-styles h3 {
    font-size: 25px;
    color: #59aefa;
}

@media (min-width: 1025px) {
    .txt-holder h3,
    .txt-post-rtf-styles h3 {
        font-size: 30px;
    }
}

.txt-holder p,
.txt-post-rtf-styles p {
    color: #211651;
    font-size: 18px;
    font-weight: 100;
    font-family: 'Helvetica LT W04 Light1489428', 'Arial', sans-serif;
}

.txt-holder ul li,
.txt-post-rtf-styles ul li {
    color: #211651;
    font-size: 18px;
    font-weight: 100;
    font-family: 'Helvetica LT W04 Light1489428', 'Arial', sans-serif;
}

.txt-holder a,
.txt-post-rtf-styles a {
    color: #5fb1fa;
    text-decoration: underline;
}

.text-page-section {
    background-repeat: no-repeat;
}

.our-story-page .prod-header-inner {
    max-width: 1480px;
}

.our-story-svg-one {
    right: 0;
    position: relative;
    z-index: -1;
    width: 100%;
}

@media (max-width: 1024px) {
    .our-story-svg-one {
        float: right;
    }
}

@media (min-width: 1025px) {
    .our-story-svg-one {
        position: absolute;
        height: 66vw;
        width: 73vw;
        max-width: 1400px;
    }
}

.our-story-svg-two {
    position: relative;
    z-index: -1;
    width: 100%;
}

@media (min-width: 1025px) {
    .our-story-svg-two {
        position: absolute;
        height: 69vw;
        width: 59vw;
        max-width: 1260px;
    }
}

@media (min-width: 1950px) {
    .our-story-svg-two {
        height: 61vw;
        max-width: 1260px;
    }
}

.our-story-svg-three {
    position: relative;
    z-index: -1;
    right: 0%;
    top: -9vw;
    width: 80%;
}

@media (max-width: 1024px) {
    .our-story-svg-three {
        float: right;
    }
}

@media (min-width: 1025px) {
    .our-story-svg-three {
        position: absolute;
        height: 68vw;
        width: 59vw;
        max-width: 1260px;
    }
}

@media (min-width: 1921px) {
    .our-story-svg-three {
        height: 53vw;
    }
}

.our-story-svg-four {
    position: relative;
    z-index: -1;
    width: 80%;
}

@media (min-width: 1025px) {
    .our-story-svg-four {
        position: absolute;
        height: 79vw;
        width: 53vw;
        top: 0;
        left: 0;
        max-width: 1260px;
    }
}

@media (min-width: 1950px) {
    .our-story-svg-four {
        height: 61vw;
        max-width: 1260px;
    }
}

.our-story-page {
    overflow: hidden;
}

.mask-img.hands-img.box-img {
    width: 95%;
}

@media (min-width: 1025px) {
    .mask-img.hands-img.box-img {
        width: 55.64vw;
        -ms-transform: rotate(8deg);
        transform: rotate(8deg);
        max-width: 1216px;
    }
}

@media (min-width: 1950px) {
    .mask-img.hands-img.box-img {
        -ms-transform: rotate(6deg);
        transform: rotate(6deg);
    }
}

@media (max-width: 1024px) {
    .our-story-title {
        padding-bottom: 25px;
    }
}

.our-story-imgs .img1 {
    position: absolute;
    bottom: -26%;
    left: 10%;
    width: 18.8vw;
    max-width: 361px;
}

@media (max-width: 1024px) {
    .our-story-imgs .img1 {
        bottom: 0;
    }
}

.our-story-imgs .img2 {
    position: absolute;
    top: 33%;
    left: 44%;
    width: 19.11vw;
    max-width: 367px;
}

@media (max-width: 1024px) {
    .our-story-imgs .img2 {
        top: 0;
    }
}

.our-story-imgs .img3 {
    position: absolute;
    top: 58%;
    left: 58%;
    width: 8.75vw;
    max-width: 168px;
}

.our-story-imgs .img4 {
    position: absolute;
    top: 70%;
    right: 22%;
    width: 7.86vw;
    max-width: 151px;
}

.our-story-imgs .img5 {
    position: absolute;
    top: 58%;
    left: 13%;
    width: 7.24vw;
    max-width: 139px;
    display: none;
}

@media (min-width: 1367px) {
    .our-story-imgs .img5 {
        display: block;
    }
}

.our-story-imgs .img6 {
    position: absolute;
    top: 64%;
    left: 20%;
    width: 20.26vw;
    max-width: 389px;
}

.our-story-imgs .img7 {
    position: absolute;
    top: 76%;
    right: 33%;
    width: 8.49vw;
    max-width: 163px;
}

.our-story-imgs .img8 {
    position: absolute;
    top: 80%;
    left: 43%;
    width: 17.03vw;
    max-width: 327px;
}

.our-story-imgs .img9 {
    position: absolute;
    top: -5%;
    left: 20%;
    width: 11.77vw;
    max-width: 226px;
}

.our-story-imgs .img10 {
    position: absolute;
    top: -5%;
    right: 23%;
    width: 6.61vw;
    max-width: 127px;
}

.our-story-imgs .img11 {
    position: absolute;
    top: -1%;
    right: 14%;
    width: 8.02vw;
    max-width: 154px;
}

.our-story-imgs .img12 {
    position: absolute;
    top: 52%;
    right: 8%;
    width: 19.32vw;
    max-width: 371px;
}

@media (min-width: 1025px) {
    .our-story-imgs .img12 {
        display: none;
    }
}

@media (min-width: 1367px) {
    .our-story-imgs .img12 {
        display: block;
    }
}

.our-story-imgs .img13 {
    position: absolute;
    right: 0;
    top: 71%;
    width: 12.19vw;
    max-width: 234px;
}

.our-story-imgs .img14 {
    position: absolute;
    bottom: 9%;
    left: 33%;
    width: 20.52vw;
    max-width: 394px;
}

.our-story-imgs .img15 {
    position: absolute;
    top: 53%;
    right: 32%;
    width: 7.5vw;
    max-width: 144px;
}

.our-story-imgs .img16 {
    position: absolute;
    top: -5%;
    left: 0;
    width: 16vw;
    max-width: 315px;
}

@media (min-width: 768px) {
    .our-story-imgs .img16 {
        top: 30%;
    }
}

@media (min-width: 1025px) {
    .our-story-imgs .img16 {
        top: -5%;
    }
}

.our-story-imgs .img17 {
    position: absolute;
    top: 38%;
    left: 49%;
    width: 19vw;
    max-width: 370px;
}

@media (min-width: 768px) {
    .our-story-imgs .img17 {
        top: 22%;
        /* left: 49%; */
    }
}

@media (min-width: 1025px) {
    .our-story-imgs .img17 {
        top: 9%;
        left: 29%;
    }
}

.our-story-imgs .img18 {
    position: absolute;
    top: 70%;
    left: 0;
    width: 15vw;
    max-width: 300px;
}

@media (min-width: 768px) {
    .our-story-imgs .img18 {
        top: 60%;
    }
}

@media (min-width: 1025px) {
    .our-story-imgs .img18 {
        top: 44%;
    }
}

.our-story-imgs .img19 {
    position: absolute;
    top: 85%;
    left: 3%;
    width: 29vw;
    max-width: 440px;
}

@media (min-width: 768px) {
    .our-story-imgs .img19 {
        top: 75%;
    }
}

@media (min-width: 1025px) {
    .our-story-imgs .img19 {
        top: 70%;
        width: 23vw;
    }
}

.our-story-imgs .img20 {
    position: absolute;
    top: 53%;
    left: 62%;
    width: 14vw;
    max-width: 195px;
}

@media (min-width: 768px) {
    .our-story-imgs .img20 {
        top: 42%;
        left: 65%;
    }
}

@media (min-width: 1025px) {
    .our-story-imgs .img20 {
        top: 77%;
        left: 50%;
        width: 11vw;
    }
}

.our-story-imgs .img21 {
    position: absolute;
    top: 16%;
    right: 2%;
    width: 19vw;
    max-width: 340px;
}

@media (min-width: 768px) {
    .our-story-imgs .img21 {
        top: 75%;
    }
}

@media (min-width: 1025px) {
    .our-story-imgs .img21 {
        top: 16%;
        width: 19vw;
    }
}

.our-story-imgs .img22 {
    position: absolute;
    top: 30%;
    left: 3%;
    width: 21vw;
    max-width: 440px;
}

@media (min-width: 768px) {
    .our-story-imgs .img22 {
        top: 75%;
    }
}

@media (min-width: 1025px) {
    .our-story-imgs .img22 {
        top: 25%;
        width: 21;
    }
}

.our-story-imgs .img23 {
    position: absolute;
    top: 50%;
    right: 3%;
    width: 29vw;
    max-width: 440px;
}

@media (min-width: 768px) {
    .our-story-imgs .img23 {
        top: 50%;
    }
}

@media (min-width: 1025px) {
    .our-story-imgs .img23 {
        top: 50%;
        width: 12vw;
    }
}

.wave {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.fa-question {
    font-size: 18px;
    color: grey;
    font-weight: 500;
    transition: background-color 0.3s ease-in-out;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    padding-left: 50px;
}

.fa-question:hover {
    transition: background-color 0.3s ease-in-out;
    cursor: pointer;
}

@media (min-width: 641px) and (max-width: 1025px) {
    .fa-question {
        padding-bottom: 15px;
    }
}

.fa-question.active {
    border-bottom: none;
    transition: background-color 0.3s ease-in-out;
}

.fa-question img {
    max-height: 52px;
}

.fa-question .close-x {
    position: relative;
    float: right;
    right: inherit;
    top: inherit;
    transition: background-color 0.3s ease-in-out;
}

.fa-question .close-x:before {
    border: solid #fff;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 6px;
    -ms-transform: rotate(45deg) translate(-50%, -50%);
    transform: rotate(45deg) translate(-50%, -50%);
    top: 50%;
    left: 35%;
    width: auto;
    right: inherit;
    bottom: inherit;
}

.fa-question .close-x:after {
    display: none;
}

.fa-question .close-x:hover {
    -ms-transform: none;
    transform: none;
}

.fa-question .close-x.opened {
    background-color: #000;
    transition: background-color 0.3s ease-in-out;
}

.fa-question .close-x.opened:before {
    content: "";
    position: absolute;
    display: block;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 23px;
    height: 0;
    border-left: none;
    border-bottom: none;
    border: 1px solid white;
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -ms-transform-origin: center;
    transform-origin: center;
    padding: 0;
}

.fa-question .close-x.opened:after {
    content: "";
    position: absolute;
    display: block;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 23px;
    height: 0;
    border-top: 2px solid #fff;
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -ms-transform-origin: center;
    transform-origin: center;
}

.faq-title {
    font-size: 16px;
    color: #211651;
    margin-bottom: 0;
    font-weight: unset;
    font-family: 'Helvetica LT W04 Bold', 'Arial', sans-serif;
}

@media (min-width: 1025px) {
    .faq-title {
        font-size: 24px;
    }
}

.open-faq {
    position: relative;
}

@media (min-width: 1025px) {
    .open-faq {
        padding-top: 25px;
    }
}

.open-faq .feat-title {
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    width: 80%;
}


/* game page code overwrite start */

.game-page-wrapper h1 span {
    color: #1d96eb;
}

.game-page-wrapper .contact-info {
    font-size: 21px;
    color: #211651;
}

.game-page-wrapper .contact-info ul {
    font-size: 24px;
    padding-left: 0;
    list-style-position: inside;
}

.game-page-wrapper .contact-info ul li {
    padding-bottom: 15px;
}

.game-page-wrapper .contact-info ul li a {
    font-size: 24px;
    color: #211651;
}

.game-page-wrapper ul li a[href]:hover {
    text-decoration: underline;
    text-decoration-style: #211651;
}


/* game page code overwrite end */

.faq-holder {
    max-width: 80%;
    width: 100%;
    padding-top: 25px;
}

@media (min-width: 1025px) {
    .faq-holder {
        max-width: 60%;
        padding-top: 35px;
        padding-left: 5%;
    }
}

.faq-answer {
    display: none;
}

.faq-answer p {
    font-size: 15px;
    font-weight: 100;
    color: #211651;
}

@media (min-width: 1025px) {
    .faq-answer p {
        font-size: 21px;
    }
}

.faq-answer p.q-text {
    font-size: 18px;
}

@media (min-width: 1025px) {
    .faq-answer p.q-text {
        font-size: 30px;
    }
}

.inner-faq.active {
    background-color: #000;
    color: #fff;
}

.inner-faq.active .q-text {
    color: #fff;
}

.inner-faq.faq-answer {
    font-size: 0;
    position: relative;
    padding-left: 50px;
}

.q-text {
    display: inline-block;
    margin: 0;
    width: 80%;
}

.circle-plus {
    height: 4em;
    width: auto;
    font-size: 1em;
    opacity: .7;
    top: 5%;
    position: absolute;
    left: -4px;
}

@media (min-width: 1025px) {
    .circle-plus {
        top: 42%;
        width: 4em;
        right: 0;
    }
}

.circle-plus .circle {
    position: relative;
    width: 2.55em;
    height: 2.5em;
    border-radius: 100%;
}

.circle-plus .circle .horizontal {
    position: absolute;
    background-color: #59aefa;
    width: 25px;
    height: 3px;
    left: 50%;
    margin-left: -15px;
    top: 50%;
    margin-top: -2.5px;
    transition: all 0.5s ease-in-out;
}

.circle-plus .circle .vertical {
    position: absolute;
    background-color: #59aefa;
    width: 3px;
    height: 25px;
    left: 50%;
    margin-left: -4px;
    top: 50%;
    margin-top: -13px;
    transition: all 0.5s ease-in-out;
}

.inner-faq.active .circle-plus .circle .horizontal {
    background-color: #fff;
}

.inner-faq.active .circle-plus .circle .vertical {
    background-color: #fff;
}

.closed .vertical {
    transition: all 0.5s ease-in-out;
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.closed .horizontal {
    transition: all 0.5s ease-in-out;
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 1;
}

.opened {
    opacity: 1;
}

.opened .vertical {
    transition: all 0.5s ease-in-out;
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.opened .horizontal {
    transition: all 0.5s ease-in-out;
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
}

.abs-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 6;
    font-size: 0;
}

.prod-header-inner p {
    font-size: 18px;
    font-weight: 100;
    font-family: 'Helvetica LT W04 Light1489428', 'Arial', sans-serif;
}

@media (min-width: 1921px) {
    .prod-header-inner p {
        font-size: 20px;
    }
}

.reduced-text {
    font-size: 30px;
    font-weight: bold;
    letter-spacing: 0;
    display: block;
    padding-top: 5px;
    padding-top: 10px;
    color: #f6ed1a;
    letter-spacing: -2px;
}

.reduced-prod {
    font-size: 25px;
    font-weight: bold;
    line-height: 1;
    letter-spacing: 0px;
    color: #f6ed1a;
    padding-top: 5px;
    letter-spacing: -2px;
}

@media (min-width: 1367px) {
    .reduced-prod {
        font-size: 35px;
    }
}

.prod-header-inner .intro-title sup {
    font-size: 16px;
    letter-spacing: 0;
    font-weight: 100;
    vertical-align: top;
}

@media (min-width: 1025px) {
    .prod-header-inner .intro-title sup {
        font-size: 23px;
    }
}

.grouped-fruits img {
    backface-visibility: hidden;
}

@media (max-width: 1024px) {
    .txt-page .anim-fruit {
        display: none;
    }
}

@media (max-width: 1024px) {
    .fruit-snacks-imgs .anim-fruit {
        display: none;
    }
}

@media (max-width: 1024px) {
    .fruit-yogurt-imgs .anim-fruit {
        display: none;
    }
}

@media (max-width: 1024px) {
    .fruit-rolls-imgs .anim-fruit {
        display: none;
    }
}

@media (max-width: 1024px) {
    .juicefuls-imgs .anim-fruit {
        display: none;
    }
}

@media (max-width: 1024px) {
    .contacts-fruits .anim-fruit {
        display: none;
    }
}

@media (max-width: 1024px) {
    .product-detail .grouped-fruits .anim-fruit {
        display: none;
    }
}

p sup {
    font-size: 12px;
}

.paragraph.faq {
    color: #211651;
    font-size: 21px;
}

@media (max-width: 1024px) {
    .paragraph.faq {
        font-size: 16px;
    }
}

.paragraph.faq a {
    color: #30adff;
    font-weight: bold;
}

.spinner {
    width: 25vw;
    height: 25vw;
    max-width: 480px;
    max-height: 480px;
    border: 2px solid #59aefa;
    border-top: 3px solid white;
    border-radius: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    animation: spin 2s infinite linear;
}

@media (max-width: 1024px) {
    .spinner {
        width: 190px;
        height: 190px;
    }
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.ingred-holder {
    background-color: #eff3f7;
    padding: 25px 7.21vw;
}

.ingred-holder .ingre-title {
    color: #000000;
    font-family: 'Helvetica LT W04 Bold', 'Arial', sans-serif;
    font-size: 25px;
}

.ingred-holder p {
    color: #000000;
    font-family: 'Helvetica LT W04 Light1489428', 'Arial', sans-serif;
}

.orange-slice-story {
    position: absolute;
    bottom: 10%;
    right: 30%;
    z-index: 5;
    display: none;
    width: 17vw;
}

.cherries-slice-story {
    position: absolute;
    bottom: 15%;
    right: 28%;
    z-index: 5;
    display: none;
    width: 13vw;
}

.peach-slice-story {
    position: absolute;
    bottom: 1%;
    right: 58%;
    z-index: 5;
    display: none;
    width: 17vw;
}


@media (min-width: 1441px) {
    .orange-slice-story {
        display: block;
    }

    .peach-slice-story {
        display: block;
    }
    .cherries-slice-story {
        display: block;
    }
}


/* Where to buy page styles overwritten */

.contacts-holder.where-to-buy {
    padding-bottom: 0;
}

.contacts-holder.where-to-buy button {
    border-color: red;
}

.contacts-holder.where-to-buy .ps-online-tab-label span {
    text-transform: uppercase;
}

.contacts-holder.where-to-buy .ps-local-tab-label span {
    text-transform: uppercase;
}

.ps-no-results {
    text-align: left !important;
}

.ps-no-results span {
    width: auto !important;
    padding-left: 10px !important;
}

.ps-local-tab .ps-no-results span b {
    color: #211651 !important;
}

.ps-product-selector div select,
.ps-product-selector div .single {
    font-size: 17px !important;
    color: #211651 !important;
    font-weight: 100 !important;
    letter-spacing: -1px;
}

button.ps-online-buy-button.available:before {
    width: 7px;
    height: 7px;
    padding: 0;
    border-right: 1px solid #1d96eb;
    border-bottom: 1px solid #1d96eb;
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    display: inline-block;
    content: '';
    position: absolute;
    right: 10px;
    top: 18px;
}

button.ps-online-buy-button.available:after {
    content: '';
    position: absolute;
    right: 10px;
    top: 21px;
    height: 1px;
    width: 21px;
    z-index: 6;
    display: block;
    background: #1d96eb;
}

button.ps-online-buy-button {
    min-width: 150px !important;
}

button.ps-online-buy-button.available {
    position: relative;
    background-color: #ffffff !important;
    color: #30adff !important;
}

button.ps-online-buy-button:hover.available {
    background-color: #30adff !important;
    color: #fff !important;
}

button.ps-online-buy-button:hover.available:before {
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

button.ps-online-buy-button:hover.available:after {
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

button.ps-online-buy-button span {
    font-weight: 100 !important;
}

.prod-detail-bread {
    padding: 0 20px 40px;
}

@media (min-width: 1025px) {
    .prod-detail-bread {
        position: relative;
        margin-left: 10%;
        padding-right: 0;
        padding-left: 0;
    }
}

.family-wrap {
    padding-top: 10vw;
    padding-bottom: 10vw;
}

.mobile-only {
    display: block;
}

@media (min-width: 1025px) {
    .mobile-only {
        display: none;
    }
}

.desktop-only {
    display: none;
}

@media (min-width: 1025px) {
    .desktop-only {
        display: inline-block;
    }
}

.mob-buy {
    padding-bottom: 20px;
}

@media (min-width: 1025px) {
    .mob-buy {
        padding-bottom: 0;
    }
}

.newsletter-err {
    position: relative;
    font-size: 13px;
    color: #ff5587;
    padding-top: 20px;
}

/* .newsletter-err.success {
    color: #20BF55;
} */

.newsletter-err div {
    padding-bottom: 5px;
}

.input__field:focus .newsletter-err {
    opacity: 0;
    visibility: hidden;
}

#success {
    display: none;
    font-size: 14px;
    color: #20BF55;
}

.ps-product-details>h1.ps-product-name {
    font-size: 32px !important;
    line-height: 1.2;
    display: inline-block;
}


/* FAQ's on single product page */

.product-faqs {
    margin-top: 30px;
    padding-left: 100px;
    display: block;
}

.product-faqs a {
    color: #fff;
    font-size: 18px;
    border-bottom: 1px solid white;
}

/* .product-faqs a::before {
    content: "\003F";
    position: relative;
    display: inline-block;
    right: 12px;
    padding-left: 10px;
    padding-top: 4px;
    border: 1px solid #fff;
    width: 20px;
    height: 26px;
    border-radius: 50%;
} */

.clearme {
    clear: both;
}

@media (max-width:768px) {
    .product-faqs {
        margin-top: 30px;
        padding-left: 10px;
        display: block;
    }
}


/* Strong tag */

strong {
    font-weight: bold;
}

.story-section {
    /* margin-bottom: -500px; */
}

.orange-slice-story {
    visibility: hidden;
}

@media (max-width: 1025px) {
    /* .hands-fruits {
		height: 500px;
	} */
}

@media (max-width: 1025px) {
    .story-section {
        margin-bottom: 20px;
    }
    .orange-slice-story {
        visibility: visible;
    }
}

.section-title.social-title {
    /* font-size: 6vw; */
    margin-left: 22px;
    letter-spacing: -2px;
}

.w-150 {
    width: 170%;
}

@media (min-width: 1025px) {
    .w-150 {
        width: auto;
    }
}


/* Styles for Social Feed Section Homepage */

.social-section .text-side {
    margin-top: 0px;
}

.social-section {
    margin-bottom: 6vw;
}

.social-icons-holder {
    color: #242175;
    font-size: 20px;
    padding-left: 25px;
}

.follow-us-text {
    margin-right: 20px;
    margin-bottom: 10px;
}

.social-icons-holder .social-icons .social-icon {
    color: #242175;
    border: 1px solid #242175;
}

@media (min-width: 1024px) {
    .social-feed-holder {
        padding: 40px 0;
        padding-left: 12%;
        margin-left: -57.6px;
    }
    .social-icons-holder {
        /* color: #242175; */
        font-size: 30px;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        padding-right: 58px;
    }
    .follow-us-text {
        margin-right: 20px;
        padding-bottom: 25px;
    }
    .social-icons-holder .social-icons .social-icon {
        color: #242175;
        border: 1px solid #242175;
    }
}


/* Styles for Header Redirect to Mexico Button */

.mx-redirect::before {
    content: "\e930";
    width: 100%;
    height: 100%;
    background-image: url(assets/images/globe-icon.png);
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
}

.mx-wrapper {
    position: relative;
    width: auto;
    display: inline-block;
    margin-right: 10px;
}

@media (min-width: 1024px) {
    .mx-wrapper.mobile-only {
        display: none;
    }
}

@media (max-width: 1024px) {
    .mx-wrapper {
        margin-left: 15px;
    }
    .mx-wrapper.desktop-only {
        display: none;
    }
    .mx-wrapper.mobile-only .visible .toolbar-popup {
        /* left: 0;
        top: 200%;
        margin-right: 5px; */
    }
    .mx-wrapper.mobile-only .visible .toolbar-popup::before {
        /* right: 42%; */
    }
}


/* start styling for different resolutions here */


/* @media (min-width: 300px) and (max-width: 370px) {
    .mx-wrapper.mobile-only .visible .toolbar-popup {
        left: 0;
        top: 200%;
        margin-right: 5px;
    }
    .mx-wrapper.mobile-only .visible .toolbar-popup::before {
        right: 42%;
    }
} */

.mx-flag {
    display: none !important;
    position: relative;
    font-size: 14px;
    border: 1px solid white;
    color: transparent !important;
    border-radius: 50%;
    margin-right: 10px;
    transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out;
    background-image: url(assets/images/globe-icon.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
}

@media (max-width: 1024px) {
    .mx-flag {
        background-image: url(assets/images/dark-globe-icon.png);
    }
}

.mx-flag.visible {
    display: inline-block !important;
}

.flag-popup {
    width: 20px;
    height: 20px;
    display: inline-block;
    background-image: url(assets/images/mexico-flag.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 50%;
    vertical-align: middle;
    margin-left: 5px;
}

.mx-link {
    display: inline-block;
    position: relative;
    width: 14px;
    height: 14px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 50%;
    padding: 10px;
    vertical-align: middle;
}

@media (min-width: 1367px) {
    .mx-link {
        width: 21px;
        height: 21px;
    }
}

.toolbar-popup {
    display: none;
    position: absolute;
    left: 50%;
    top: 130%;
    width: 200px;
    transform: translateX(-50%);
    background-color: #fff;
    color: #000;
    z-index: 1;
    text-align: left;
    padding: 10px 15px;
    border-radius: 25px;
}

.toolbar-popup a {
    font-size: inherit;
}

.toolbar-popup.visible {
    display: block;
}

.toolbar-popup::before {
    background-color: #fff;
    border-width: 1px 0 0 1px;
    content: '';
    display: block;
    height: 15px;
    position: absolute;
    right: 50%;
    top: 0;
    transform: rotateZ(45deg) translateY(-30%);
    width: 15px;
}

.close-toolbar {
    float: right;
    cursor: pointer;
}


/* Styles for Header Redirect to Mexico Button */

.mx-redirect::before {
    content: "\e930";
    width: 100%;
    height: 100%;
    background-image: url(assets/images/globe-icon.png);
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
}

.mx-wrapper {
    position: relative;
    width: auto;
    display: inline-block;
    margin-right: 10px;
}

@media (min-width: 1024px) {
    .mx-wrapper.mobile-only {
        display: none;
    }
}

@media (max-width: 1024px) {
    .mx-wrapper {
        margin-left: 15px;
    }
    .mx-wrapper.desktop-only {
        display: none;
    }
    .mx-wrapper.mobile-only .visible .toolbar-popup {
        /* left: 0;
        top: 200%;
        margin-right: 5px; */
    }
    .mx-wrapper.mobile-only .visible .toolbar-popup::before {
        /* right: 42%; */
    }
}


/* start styling for different resolutions here */


/* @media (min-width: 300px) and (max-width: 370px) {
    .mx-wrapper.mobile-only .visible .toolbar-popup {
        left: 0;
        top: 200%;
        margin-right: 5px;
    }
    .mx-wrapper.mobile-only .visible .toolbar-popup::before {
        right: 42%;
    }
} */

.mx-flag {
    display: none !important;
    position: relative;
    font-size: 14px;
    border: 1px solid white;
    color: transparent !important;
    border-radius: 50%;
    margin-right: 10px;
    transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out;
    background-image: url(assets/images/globe-icon.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
}

@media (max-width: 1024px) {
    .mx-flag {
        background-image: url(assets/images/dark-globe-icon.png);
    }
}

.mx-flag.visible {
    display: inline-block !important;
}

.flag-popup {
    width: 20px;
    height: 20px;
    display: inline-block;
    background-image: url(assets/images/mexico-flag.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 50%;
    vertical-align: middle;
    margin-left: 5px;
}

/* Australia */
.flag-popup-au {
    width: 20px;
    height: 20px;
    display: inline-block;
    background-image: url(assets/images/australia-flag.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 50%;
    vertical-align: middle;
    margin-left: 5px;
}

.mx-link {
    display: inline-block;
    position: relative;
    width: 14px;
    height: 14px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 50%;
    padding: 10px;
    vertical-align: middle;
}

@media (min-width: 1367px) {
    .mx-link {
        width: 21px;
        height: 21px;
    }
}

.toolbar-popup {
    display: none;
    position: absolute;
    left: 50%;
    top: 130%;
    width: 200px;
    transform: translateX(-50%);
    background-color: #fff;
    color: #000;
    z-index: 1;
    text-align: left;
    padding: 10px 15px;
    border-radius: 25px;
}

/* Mexico country and Spanish language*/
.toolbar-popup-mx {
    display: none;
    position: absolute;
    left: 50%;
    top: 130%;
    width: 200px;
    transform: translateX(-50%);
    background-color: #fff;
    color: #000;
    z-index: 1;
    text-align: left;
    padding: 10px 15px;
    border-radius: 25px;
}

.toolbar-popup-mx a {
    font-size: inherit;
}

.toolbar-popup-mx.visible {
    display: block;
}

.toolbar-popup-mx::before {
    background-color: #fff;
    border-width: 1px 0 0 1px;
    content: '';
    display: block;
    height: 15px;
    position: absolute;
    right: 50%;
    top: 0;
    transform: rotateZ(45deg) translateY(-30%);
    width: 15px;
}

/* Mexico country and English language */
.toolbar-popup-mx-en {
    display: none;
    position: absolute;
    left: 50%;
    top: 130%;
    width: 200px;
    transform: translateX(-50%);
    background-color: #fff;
    color: #000;
    z-index: 1;
    text-align: left;
    padding: 10px 15px;
    border-radius: 25px;
}

.toolbar-popup-mx-en a {
    font-size: inherit;
}

.toolbar-popup-mx-en.visible {
    display: block;
}

.toolbar-popup-mx-en::before {
    background-color: #fff;
    border-width: 1px 0 0 1px;
    content: '';
    display: block;
    height: 15px;
    position: absolute;
    right: 50%;
    top: 0;
    transform: rotateZ(45deg) translateY(-30%);
    width: 15px;
}

/* Australia country and Eneglish language */
.toolbar-popup-au {
    display: none;
    position: absolute;
    left: 50%;
    top: 130%;
    width: 200px;
    transform: translateX(-50%);
    background-color: #fff;
    color: #000;
    z-index: 1;
    text-align: left;
    padding: 10px 15px;
    border-radius: 25px;
}

.toolbar-popup-au a {
    font-size: inherit;
}

.toolbar-popup-au.visible {
    display: block;
}

.toolbar-popup-au::before {
    background-color: #fff;
    border-width: 1px 0 0 1px;
    content: '';
    display: block;
    height: 15px;
    position: absolute;
    right: 50%;
    top: 0;
    transform: rotateZ(45deg) translateY(-30%);
    width: 15px;
}
.play-button-video{
	position: absolute;
	right: 2%;
	top: 33%;
	transform: translateY(-50%);
	cursor: pointer;
	display: inline-block;
}

.play-button-video:hover{
	opacity: 1;
}

.thumb-video{
	position: relative;
	max-width: 100%;
	width: 100%;
	z-index: -1;
}
.load-frame{
    overflow: hidden;
	position: relative;
	width: 60%;
	font-size: 0;
	margin: 70px auto 0 auto;
	border-radius: 25px;
}


@media (max-width: 1024px){
	.load-frame{
		width: 90%;
		margin: 25px auto;
		border-radius: 15px;
		background-size: 80%;
	}
	.video-block {
		margin: 40px 0;
	}
}
.video-heading {
	width: 60%;
	margin: 0 auto;
}
@media (max-width: 1024px){
	.video-heading{
		width: 90%;
		margin: 20px auto;
	}
}
.video-title{
	position: absolute;
    bottom: 0;
    right: 0;
	width: 33%;
	font-size: 3vw;
	color: #fff;
}
@media (max-width: 1024px){
	.video-title{
		width: 50%;
		padding: 15px;
		text-align: right;
	}
	.video-title sup{
		font-size: 2vw;
	}
}

/* //////////play video btn text//////// */

.video-btn-text{
	display: inline-block;
	font-size: 20px;
	color: #329ad1;
	font-family: "Helvetica LT Std", "Arial", sans-serif;
	position: relative;
	z-index: 1;
	font-weight: 600;
	text-transform: capitalize;
	letter-spacing: -.8px;
}

.video-btn-inner{
	display: inline-block;
	position: relative;
	background: #fff;
	box-sizing: border-box;
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 45px;
	border-radius: 60px;
	text-align: right;

}

.video-btn-inner::before{

	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7px 0 7px 12px;
	border-color: transparent transparent transparent #329ad1;
	position: absolute;
	top: 50%;
	margin-top: -7px;
	right: 16px;
	display: inline-block;
	z-index: 1;

}
.video-btn-inner::after{
	content: '';
	width: 100%; 
	height: 100%; 
	border-radius: 40px;
	position: absolute;
	top: 0;
	left:0;
}

@media (max-width: 1024px){

	.video-btn-text{
		font-size: 14px;
	}
}



@keyframes pulse {
    0% {
      -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
      box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
    }
    70% {
        -moz-box-shadow: 0 0 0 20px rgba(29, 150, 235, 0);
        box-shadow: 0 0 0 20px rgba(29, 150, 235, 0);
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(29, 150, 235, 0);
        box-shadow: 0 0 0 0 rgba(29, 150, 235, 0);
    }
  }

@media (min-width: 720px){
	.video-btn-text{
		font-size: 16px;
	}

	.video-btn-inner{
		padding-left: 40px;
		padding-top: 14px;
		padding-bottom: 14px;
		padding-right: 80px;
		border-radius: 60px;
	
	}

	.video-btn-inner::before{
		right: 27px;
		margin-top: -9px;
		border-width: 9px 0 9px 16px;

	}

	.play-button-video{
		top: 45%;
		right: 9%;
		
	}
}

@media (min-width: 1025px){
	.play-button-video:hover .video-btn-inner::after{
		animation: pulse 2s infinite;

	}

	.video-btn-text{
		font-size: 20px;
	}

}
/* revolutionizing-snacking-section styles: start */
.revolutionizing-snacking-section {
    padding: 50px 25px;
}

.revolutionizing-snacking-section .section-title {
    margin-bottom: 25px;
}

.revolutionizing-snacking-section .background-svg {
    position: absolute;
    width: 150%;
    top: -50%;
    left: -45%;
}

.revolutionizing-snacking-section .max-w-container {
    display: flex;
    align-items: flex-start;
    width: 100%;
    margin: 0 auto;
    max-width: 1720px;
}

.revolutionizing-snacking-section .txt-content {
    width: 100%;
    position: relative;
    z-index: 3;
}

.revolutionizing-snacking-section .bgr-fruits {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}


.revolutionizing-snacking-section .bgr-fruits .img-el-wrap {
    position: absolute;
    z-index: 1;
}

.revolutionizing-snacking-section .bgr-fruits .img-el-wrap-1 {
    top: 5.417vw;
    right: -7.188vw;
    width: 28.958vw;
}

.revolutionizing-snacking-section .bgr-fruits .img-el-wrap-2 {
    top: 0.521vw;
    width: 12.500vw;
    right: 22.031vw;
}

.revolutionizing-snacking-section .bgr-fruits .img-el-wrap-3 {
    left: -3.333vw;
    top: 50%;
    width: 22.083vw;
}

.revolutionizing-snacking-section .bgr-fruits .img-el-wrap-4 {
    bottom: 41.094vw;
    left: -3.542vw;
    width: 12.292vw;
}

.revolutionizing-snacking-section .bgr-fruits .img-el-wrap-5 {
    left: 14.583vw;
    bottom: 4.583vw;
    width: 24.635vw;
}

.revolutionizing-snacking-section .bgr-fruits .img-el-wrap-6 {
    bottom: 2.083vw;
    right: 20.781vw;
    width: 15.104vw;
}

.revolutionizing-snacking-section .bgr-fruits .img-el-wrap-7 {
    bottom: 23.854vw;
    right: 7.292vw;
    width: 9.427vw;
}

/* .revolutionizing-snacking-section .bgr-fruits .img-el-wrap-1 {
    top: 104px;
    right: -138px;
    width: 556px;
}

.revolutionizing-snacking-section .bgr-fruits .img-el-wrap-2 {
    top: 10px;
    width: 240px;
    right: 423px;
}

.revolutionizing-snacking-section .bgr-fruits .img-el-wrap-3 {
    left: -64px;
    top: 234px;
    width: 424px;
}

.revolutionizing-snacking-section .bgr-fruits .img-el-wrap-4 {
    bottom: 789px;
    left: -68px;
    width: 236px;
}

.revolutionizing-snacking-section .bgr-fruits .img-el-wrap-5 {
    left: 280px;
    bottom: 88px;
    width: 473px;
}

.revolutionizing-snacking-section .bgr-fruits .img-el-wrap-6 {
    bottom: 0;
    right: 399px;
    width: 290px;
}

.revolutionizing-snacking-section .bgr-fruits .img-el-wrap-7 {
    bottom: 458px;
    right: 140px;
    width: 181px;
} */


.revolutionizing-snacking-section .bgr-fruits .img-el {
    max-width: 100%;
    width: 100%;
    height: auto;
}

.op-0 {
    opacity: 0;
}

.story-section-product-img {
    position: relative;
    max-width: 503px;
    width: 100%;
    z-index: -1;
}

.story-section-product-img .img-wrapper {
    width: 100%;
    height: 0;
    padding-top: calc(572 / 490 * 100%);
}

.story-section-product-img .fruit-img {
    position: absolute;
    top: 0;
    left: 0;
    max-width: 100%;
    height: auto;
    transform-origin: 50% 50%;
}

.story-section-product-img .story-section-product-img-bgr {
    position: absolute;
    width: 208%;
    top: -107%;
    left: -72%;
}

.story-section-product-img .fruit-img-main {
    width: 100%;
    height: 100%;
    z-index: 10;
}

.story-section-product-img .fruit-img-1 {
    top: -3%;
    left: 36%;
    width: 24%;
    z-index: 1;
}

.story-section-product-img .fruit-img-2 {
    left: 21%;
    top: -8%;
    width: 18%;
    z-index: 2;
}

.story-section-product-img .fruit-img-3 {
    /* top: -23%;
    left: 30%;
    width: 23%; */
    top: -19%;
    left: 45%;
    width: 17%;
    z-index: 3;
}

.story-section-product-img .fruit-img-4 {
    top: -24%;
    left: 16%;
    width: 19%;
    z-index: 4;
}

.story-section-product-img .fruit-img-5 {
    top: -39%;
    left: 21%;
    width: 24%;
    z-index: 5;
}

.story-section-product-img .fruit-img-6 {
    top: -29%;
    left: -13%;
    width: 20%;
    z-index: 6;
}

.story-section-product-img .fruit-img-7 {
    /* top: -47%;
    left: 58%;
    width: 19%; */
    top: -44%;
    left: 51%;
    width: 16%;
    z-index: 7;
}

.story-section-product-img .fruit-img-8 {
    top: -50%;
    left: 3%;
    width: 22%;
    z-index: 8;
}

@media (max-width: 1024px) {
    .revolutionizing-snacking-section .max-w-container {
        flex-flow: column nowrap;
    }

    .txt-content {
        order: 1;
    }

    .story-section-product-img .img-wrapper {
        margin-top: 75%;
    }


    .story-section-product-img {
        order: 2;
        margin: 0 auto;
    }
}

@media (min-width: 1025px) {
    .revolutionizing-snacking-section {
        padding: 38.490vw 5.208vw 35vw;
    }

    .revolutionizing-snacking-section .section-title {
        margin-bottom: 2.708vw;
    }

    .revolutionizing-snacking-section .txt-content {
        width: 37.5vw;
        max-width: 610px;
        margin-left: auto;
    }

    .revolutionizing-snacking-section .background-svg {
        width: 220%;
        top: -104%;
        left: -85%;
    }

    .revolutionizing-snacking-section .section-txt {
        padding-right: 6.771vw;
    }

    .revolutionizing-snacking-section .bgr-fruits .img-el-wrap-1 {
        top: 5.417vw;
        right: -7.188vw;
        width: 28.958vw;
    }

    .revolutionizing-snacking-section .bgr-fruits .img-el-wrap-2 {
        top: 0.521vw;
        width: 12.500vw;
        right: 22.031vw;
    }

    .revolutionizing-snacking-section .bgr-fruits .img-el-wrap-3 {
        left: -3.333vw;
        top: 12.188vw;
        width: 22.083vw;
    }

    .revolutionizing-snacking-section .bgr-fruits .img-el-wrap-4 {
        bottom: 41.094vw;
        left: -3.542vw;
        width: 12.292vw;
    }

    .revolutionizing-snacking-section .bgr-fruits .img-el-wrap-5 {
        left: 14.583vw;
        bottom: 4.583vw;
        width: 24.635vw;
    }

    .revolutionizing-snacking-section .bgr-fruits .img-el-wrap-6 {
        bottom: 2.083vw;
        right: 20.781vw;
        width: 15.104vw;
    }

    .revolutionizing-snacking-section .bgr-fruits .img-el-wrap-7 {
        bottom: 23.854vw;
        right: 7.292vw;
        width: 9.427vw;
    }

    .story-section-product-img {
        position: absolute;
        width: 100%;
        z-index: -1;
        max-width: 26.198vw;
        left: 12.344vw;
        top: 0.833vw;
    }
}

@media (min-width: 1280px) {
    .revolutionizing-snacking-section {
        padding: 38.490vw 5.208vw 40vw;
    }
}

@media (min-width: 1600px) {
    .revolutionizing-snacking-section {
        padding: 38.490vw 5.208vw 45.729vw;
    }
}

@media (min-width: 1920px) {
    .revolutionizing-snacking-section {
        padding: 739px 100px 878px;
    }

    .revolutionizing-snacking-section .section-title {
        margin-bottom: 52px;
    }

    .revolutionizing-snacking-section .txt-content {
        width: 610px;
    }

    .revolutionizing-snacking-section .section-txt {
        padding-right: 130px;
    }

    .revolutionizing-snacking-section .bgr-fruits .img-el-wrap-1 {
        top: 104px;
        right: -138px;
        width: 556px;
    }

    .revolutionizing-snacking-section .bgr-fruits .img-el-wrap-2 {
        top: 10px;
        width: 240px;
        right: 423px;
    }

    .revolutionizing-snacking-section .bgr-fruits .img-el-wrap-3 {
        left: -64px;
        top: 234px;
        width: 424px;
    }

    .revolutionizing-snacking-section .bgr-fruits .img-el-wrap-4 {
        bottom: 789px;
        left: -68px;
        width: 236px;
    }

    .revolutionizing-snacking-section .bgr-fruits .img-el-wrap-5 {
        left: 280px;
        bottom: 88px;
        width: 473px;
    }

    .revolutionizing-snacking-section .bgr-fruits .img-el-wrap-6 {
        bottom: 40px;
        right: 399px;
        width: 290px;
    }

    .revolutionizing-snacking-section .bgr-fruits .img-el-wrap-7 {
        bottom: 458px;
        right: 140px;
        width: 181px;
    }

    .story-section-product-img {
        max-width: 503px;
        left: 237px;
        top: 16px;
    }
}

/* revolutionizing-snacking-section styles: end */

/* blog styles */
.blog-list-page{
    padding-top: 14vw;
}
.blog-list-page .title-36{
    font-family: 'Helvetica LT W04 Bold', 'Arial', sans-serif;
    font-weight: 700;
    font-size: 36px;
    color: #1D96EB;

}
.blog-wrapper{
    max-width: 1558px;
    margin: 0 auto;
    width: 100%;
    padding: 0 30px;
    box-sizing: border-box;
}
.blog-featured{
    z-index: 2;
}
.blog-featured-post{
    margin-top: 40px;
}
.blog-featured-post img{
    max-width: 100%;
    width: 100%;
}

.feat-blog-txt{
    background-color: #30ADFF;
    padding: 35px 50px;
    box-sizing: border-box;
    display: flex;
    flex-flow: column nowrap;
    align-items: flex-start;
}

.feat-blog-txt p {
    line-height: 1.17;
    margin: 0;
}
.feat-blog-txt .btn-wrap{
    margin-left: auto;
    margin-top: auto;
    padding-top: 25px;
}
.featured-date{
    width: 100%;
    font-family: 'Helvetica LT Std', 'Arial', sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: white;
}
.feat-blog-title{
    width: 100%;
    font-family: 'Helvetica LT Std', 'Arial', sans-serif;
    font-size: 35px;
    color: white;
    margin: 30px 0;
}
.feat-blog-title.blue{
    color: #1D96EB;
    z-index: 19;
    position: relative;
}
.para-22{
    font-family: 'Helvetica LT Std', 'Arial', sans-serif;
    font-weight: 300;
    font-size: 22px;
    color: white;
}
.scroll-container-outer {
    width: 100%;
}
.scroll-container-outer::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

.scroll-container-outer::-webkit-scrollbar-thumb {
    background: #000;
    border-radius: 5px;
}

.scroll-container-outer::-webkit-scrollbar-track {
    background: rgba(222, 222, 222, 0.75);
    border-radius: 5px;
    box-shadow: inset -30px 10px 12px #f0f0f0;
}

@media (min-width: 1025px) {
    .feat-blog-txt .scroll-container-outer {
        overflow-x: hidden;
        overflow-y: auto;
        padding-right: 20px;
        min-height: 2.34em;
        max-height: 100%;
    }
    .col-d-57 {
        width: 57%;
    }
    .col-d-43 {
        width: 43%;
    }
    .feat-blog-txt {
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        overflow: hidden;
    }
    .blog-featured-post{
        display: flex;
    }
    .feat-blog-title{
       font-size: 3.7vw;
    }
}
.v-top{
    vertical-align: top;
}
.blog-filters{
    display: flex;
    /* justify-content: space-between; */
    align-items: center;
    padding: 80px 0;
    margin: -10px;
}
.blog-filter-btn{
    color: #30ADFF;
    font-size: 28px;
    font-family: 'Helvetica LT Std', 'Arial', sans-serif;
    font-weight: 700;
    line-height: 1;
    padding: 16px 30px;
    border-radius: 50px;
    transition: background-color .3s ease-in-out, color .3s ease-in-out;
    margin: 10px;
}
@media (max-width: 1660px) {
    .blog-filter-btn{
        font-size: 20px;
    }
}
.blog-filter-btn:hover{
    background-color: #FF5588;
    color: white;
    transition: background-color .3s ease-in-out, color .3s ease-in-out;
}
.blog-filter-btn.active{
    background-color: #FF5588;
    color: white;
    transition: background-color .3s ease-in-out, color .3s ease-in-out;
}
.blog-list-img img{
    width: 100%;
}
.blog-list-txt{
    padding: 30px;
    box-sizing: border-box;
    background: white;
    transition: background .3s ease-in-out;
}
.blog-list-date{
    font-family: 'Helvetica LT Std', 'Arial', sans-serif;
    font-size: 15px;
    font-weight: 700;
    color: #211651;
    margin-bottom: 10px; 
    display: block;
    transition: color .3s ease-in-out;
}
.blog-list-title{
    font-family: 'Helvetica LT Std', 'Arial', sans-serif;
    font-weight: 700;
    font-size: 32px;
    color: #1d96eb;
    margin-bottom: 10px; 
    transition: color .3s ease-in-out;
}
.para-12{
    font-family: 'Helvetica LT Std', 'Arial', sans-serif;
    font-weight: 300;
    font-size: 12px;
    color: #211651;
    margin-top: 10px; 
    transition: color .3s ease-in-out;
}
.blog-posts .inline_block{
    padding-right: 3.5vw;
    padding-left: 3.5vw;
    box-sizing: border-box;
    margin-bottom: 4vw;
}
.blog-posts-wrapper{
    max-width: 1630px;
    margin: 0 auto;
}
.blog-list-inner{
    box-shadow: 1px 4px 4px 1px #c7c4c4;
    display: block;
}
.blog-list-inner:hover .blog-list-txt{
    background: #1d96eb;
    transition: background .3s ease-in-out;
}
.blog-list-inner:hover .blog-list-date {
    color: white;
    transition: color .3s ease-in-out;
}
.blog-list-inner:hover .blog-list-title{
    color: white;
    transition: color .3s ease-in-out;
}
.blog-list-inner:hover .para-12{
    color: white;
    transition: color .3s ease-in-out;
}
@media (max-width: 1025px) {
    .blog-list-page{
        padding-top: 110px;
    }
    .blog-filters{
        flex-wrap: wrap;
        padding: 30px 0;
    }
    .blog-filter-btn{
        font-size: 16px;
    }
    .blog-list-inner{
        margin-bottom: 25px;
    }
    .blog-posts .inline_block{
        padding-left: 30px;
        padding-right: 30px;
    }
    .feat-blog-title{
        font-size: 30px;
    }
    .blog-list-title{
        font-size: 28px;
    }
    .feat-blog-txt{
        padding: 30px 25px;
    }
    .blog-list-page .title-36{
        font-size: 32px;
    }
}
.blog-pagination{
    display: flex;
    align-items: flex-end;
    justify-content: center;
    margin-bottom: 60px;
}
.blog-pagination a{
    font-family: 'Helvetica LT Std', 'Arial', sans-serif;
    font-size: 20px;
    color: #aaaaaa;
    width: 45px;
    height: 45px;
    border-radius: 100%;
    border: 1px solid #aaaaaa;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    transition: color .3s ease-in-out, border-color .3s ease-in-out;
}
.blog-pagination a:hover{
    color: #30ADFF;
    border-color: #30ADFF;
    transition: color .3s ease-in-out, border-color .3s ease-in-out;
}
.blog-pagination a.active{
    color: #30ADFF;
    border-color: #30ADFF;
    transition: color .3s ease-in-out, border-color .3s ease-in-out;
}
.blog-pagination span{
    font-family: 'Helvetica LT Std', 'Arial', sans-serif;
    font-size: 20px;
    color: #aaaaaa;
    margin-right: 10px;
}
.article-page{
    padding-top: 14vw;
    background-size: contain;
    background-position: 100% 0%;
    background-repeat: no-repeat;
}
.article-title-holder{
    max-width: 918px;
    padding-left: 10vw;
}
.article-date{
    font-family: 'Helvetica LT Std', 'Arial', sans-serif;
    font-size: 24px;
    font-weight: 700;
    color: #1d96eb
}
.article-share-holder{
    display: flex;
    align-items: center;
}
.related-articles{
    background-size: cover!important;
    position: relative;
    z-index: 3;
    background: white;
}
.related-articles::before {
    content: '';
    position: absolute;
    display: inline-block;
    width: 100%;
    height: 50%;
    bottom: 0;
    left: 0;
    background-color: #30ADFF;
    z-index: -2;
}
.related-articles svg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: -1;
}
.article-share-holder p{
    font-family: 'Helvetica LT Std', 'Arial', sans-serif;
    font-size: 24px;
    font-weight: 300;
    color: #1d96eb;
    margin-right: 20px;
}
.article-social-icons img{
    margin-right: 15px;
    transition: opacity .3s ease-in-out;
}
.article-social-icons img:hover{
    opacity: .8;
    transition: opacity .3s ease-in-out;
}
.article-section{
    display: flex;
    position: relative;
}

.sidebar{
    margin-left: 5vw;
    box-sizing: border-box;
    width: 25%;
    /* margin-top: 60px; */
    margin-top: 20px;
    position: relative;
    z-index: 3;
}
.sidebar.fixed{
    position: fixed;
    top: 0px;
    right: 15vw;
}
.sidebar.absolute{
    position: absolute;
    top: inherit;
    bottom: 0;
    right: 15vw;
}
.sidebar-holder{
    background: white;
    padding: 20px;
    box-sizing: border-box;
}
.sidebar-holder .input__label-content{
    color: #211651;
}
.sidebar-holder .input__field--hoshi{
    color: #211651;
}
.sidebar-holder .underline{
    height: 1px;
    width: 100%;
    background: #1d96eb;
}
.sidebar-holder ul{
    padding: 0;
    margin: 20px 0;
}
.sidebar-holder li{
    margin-bottom: 6px;
}
.sidebar-holder a{
    font-family: 'Helvetica LT Std', 'Arial', sans-serif;
    font-weight: 300;
    font-size: 18px;
    color: #211651;
    margin: 20px 0;
}
.tags-holder{
    margin-top: 20px;
}
.tags-holder span{
    font-family: 'Helvetica LT Std', 'Arial', sans-serif;
    font-weight: 300;
    font-size: 18px;
    color: #211651;
    margin: 20px 0;
}
.sidebar-title{
    font-family: 'Helvetica LT Std', 'Arial', sans-serif;
    font-size: 24px;
    font-weight: 700;
    color: #1d96eb;
    margin-right: 20px;
}
.article-side{
    max-width: 852px;
    padding-left: 10vw;
    /* margin-top: 60px; */
    margin-bottom: 60px;
    overflow: hidden;
    width: 44%;
}
.article-side img{
    max-width: 100%;
}
.align-center-wrapper {
    width: 100%;
    display: block;
    text-align: center;
}
.article-side img.alignright{
    padding-left: 25px;
    padding-bottom: 15px;
    float: right;
    max-width: 65%;
    height: auto;
}
.article-side img.alignleft{
    padding-right: 25px;
    padding-bottom: 15px;
    float: left;
    max-width: 65%;
    height: auto;
}
    
.article-side p{
    /* font-family: 'Helvetica LT Std', 'Arial', sans-serif;
    font-weight: 300;
    font-size: 18px;
    color: #211651; */
    margin: 20px 0;
}
.article-side ul li{
    /* font-family: 'Helvetica LT Std', 'Arial', sans-serif;
    font-weight: 300;
    font-size: 18px;
    color: #211651; */
    margin: 20px 0;
}
/* .article-side ul li a{
    color: #1D96EB;
} */

.article-side h2{
    font-family: 'Helvetica LT Std', 'Arial', sans-serif;
    font-weight: 700;
    font-size: 42px;
    color: #1d96eb;
    margin: 10px 0;
}
.article-side h3{
    font-family: 'Helvetica LT Std', 'Arial', sans-serif;
    font-weight: 700;
    font-size: 32px;
    color: #1d96eb;
    margin: 10px 0;
}
@media (max-width: 1024px) {
    .article-side h3{
        font-size: 26px;
    }
}
.article-side h4{
    font-family: 'Helvetica LT Std', 'Arial', sans-serif;
    font-weight: 700;
    font-size: 24px;
    color: #1d96eb;
    margin: 10px 0;
}
.article-side h5{
    font-family: 'Helvetica LT Std', 'Arial', sans-serif;
    font-weight: 700;
    font-size: 20px;
    color: #1d96eb;
    margin: 10px 0;
}
.article-side h6{
    font-family: 'Helvetica LT Std', 'Arial', sans-serif;
    font-weight: 700;
    font-size: 18px;
    color: #1d96eb;
    margin: 10px 0;
}

.related-holder{
    max-width: 1500px;
    margin: 0 auto;
    box-sizing: border-box;
    padding-top: 19vw;
}
.related-holder .inline_block{
    padding: 0 50px;
    box-sizing: border-box;
}
.related-holder .blog-list-inner{
    box-shadow: 1px 4px 2px 1px rgba(98, 98, 98, 0.38);
}
.related-holder .blog-list-inner:hover .blog-list-txt{
    background: #211651;
}
.related-btn{
    padding: 70px 0;
}
.related-btn .button-arrow{
    color: white;
    background-color: #211651;
    border-color: #212121;
    transition: background-color .3s ease-in-out, color .3s ease-in-out;
}
.related-btn .button-arrow:hover{
    background-color: #ffffff;
    border-color: #ffffff;
    color: #211651;
    transition: background-color .3s ease-in-out, color .3s ease-in-out;
}
.article-berry{
    position: absolute;
    right: 4vw;
    bottom: 60%;
    width: 16vw; 
}
.article-straw{
    position: absolute;
    right: 20vw;
    bottom: 20%;
    width: 15.7vw; 
}
.article-gummy{
    position: absolute;
    right: 5vw;
    bottom: 0vw;
    width: 6.7vw;
}
@media (max-width: 1024px) {
    .article-berry{
       display: none;
    }
    .article-straw{
        display: none;
    }
    .article-gummy{
        display: none;
    }
}
@media (max-width: 1025px) {
    .article-deco{
        display: none;
    }
    .related-btn{
        padding: 30px 0;
    }
    .related-holder .inline_block{
        padding: 0 25px;
    }
    .related-holder{
        padding-top: 30px;
    }
    .article-side{
        padding: 0 25px;
        margin-top: 0px;
        width: 100%;
        box-sizing: border-box;
    }
    .article-share-holder p{
        font-size: 20px;
        margin-right: 10px;
    }
    .article-date{
        font-size: 20px;
    }
    .article-title-holder{
        padding: 0 25px;
    }
    .article-side h2{
        font-size: 28px;
    }
    .article-section{
        display: block;
    }
    .sidebar{
        position: relative;
        width: 100%;
        top: inherit;
        right: inherit;
        margin-top: 20px;
        margin-left: 0;
    }
    .sidebar.fixed{
        position: relative;
        width: 100%;
        top: inherit;
        right: inherit;
    }
    .sidebar.absolute{
        position: relative;
        width: 100%;
        top: inherit;
        right: inherit;
        right: bottom;
    }
    .related-articles svg{
        display: none;
    }
    .related-articles{
        background: url(assets/images/blog/wave.png)
    }
}
/* blog styles end */

.full-wrap-img {
    display: inline-block;
    position: relative;
    width: 100%;
    padding-top: calc(594 / 890 * 100%);
}

.full-wrap-img img {
    object-fit: cover;
    object-position: 50% 0%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}