html {    line-height: 1.15;    -ms-text-size-adjust: 100%;    -webkit-text-size-adjust: 100%;            }h1 {    font-size: 2em;    margin: .67em 0}hr {    -webkit-box-sizing: content-box;    box-sizing: content-box;    height: 0;    overflow: visible}main {    display: block}pre {    font-family: monospace, monospace;    font-size: 1em}a {    background-color: transparent;    -webkit-text-decoration-skip: objects}abbr[title] {    text-decoration: underline;    -webkit-text-decoration: underline dotted;    text-decoration: underline dotted}b,strong {    font-weight: bolder}code,kbd,samp {    font-family: monospace, monospace;    font-size: 1em}small {    font-size: 80%}img {    border-style: none}svg:not(:root) {    overflow: hidden}button,input,optgroup,select,textarea {    margin: 0}button {    overflow: visible;    text-transform: none}[type=button],[type=reset],[type=submit],button {    -webkit-appearance: button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {    border-style: none;    padding: 0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring {    outline: 1px dotted ButtonText}fieldset {    padding: .35em .75em .625em}input {    overflow: visible}legend {    -webkit-box-sizing: border-box;    box-sizing: border-box;    color: inherit;    display: table;    max-width: 100%;    padding: 0;    white-space: normal}progress {    display: inline-block;    vertical-align: baseline}select {    text-transform: none}textarea {    overflow: auto}[type=checkbox],[type=radio] {    -webkit-box-sizing: border-box;    box-sizing: border-box;    padding: 0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {    height: auto}[type=search] {    -webkit-appearance: textfield;    outline-offset: -2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration {    -webkit-appearance: none}::-webkit-file-upload-button {    -webkit-appearance: button;    font: inherit}details {    display: block}summary {    display: list-item}[hidden],template {    display: none}@font-face {    font-family: Cervo Neue Black;    src: url(./fonts/178a2cf8-1429-4101-9c89-1f820cd1c5fa.c8c0a0a20d0543b844b63f47d41cf52a.woff2) format("woff2"), url(./fonts/7594a6b6-e2a3-4f7c-a57c-7f3642338ada.e49234047e5f9eece6ae3055b8d19ffd.woff) format("woff"), url(./fonts/239548d6-9ca4-435b-8445-f4d87715ac88.178d033902553e936c3c19648714e99a.ttf) format("truetype")}@font-face {    font-family: Sofia Pro Regular;    src: url(./fonts/8b31e0d7-5f53-45c2-b318-064f0b532543.6980bac4cb63376ad59b3dc816cffdff.woff2) format("woff2"), url(./fonts/476fe015-ab32-40a2-8fed-0a5af9a3bba4.e15319837a18b11d04994148fd733a56.woff) format("woff"), url(./fonts/d8bcfa37-4f93-49cf-8dea-c29e894af58e.535a1f100b5543ccee919c57f7ff5512.ttf) format("truetype")}@font-face {    font-family: Sofia Pro Black;    src: url(./fonts/fb8331b5-dfd3-496e-9a0e-8afbb5014272.d666372c41dda9a167ba21b72643d620.woff2) format("woff2"), url(./fonts/b65232b3-e982-4cd6-a8ae-4bee2ecdb90d.5310a7253b85a5291f28de5f42a720a5.woff) format("woff"), url(./fonts/2dec1b8b-9bad-4cc0-8bea-76f93ebb2331.081acda8bebc1a2fe9214be99596ddb5.ttf) format("truetype")}h1,h2,h3,h4,h5 {    font-family: Cervo Neue Black, Helvetica Neue, Helvetica, Arial, sans-serif;    font-weight: 400;    margin: 0}h1 {    font-size: 5.625rem;    line-height: 5rem}p {    font-weight: 300}.button-large:not(.no-button-large),button.button-large:not(.no-button-large) {    display: inline-block;    font-size: 1em;    height: 2.3em;    padding: .4em 1.85em;    border: 2px solid #fff;    border-radius: 1.8em;    background: transparent;    color: #fff;    font-family: Sofia Pro Black, Helvetica Neue, Helvetica, Arial, sans-serif;    text-transform: uppercase;    cursor: pointer;    outline: 0;    white-space: nowrap;    overflow: hidden;    -webkit-transition: background-color .1s ease-out, color .1s ease-out;    transition: background-color .1s ease-out, color .1s ease-out}.button-large:not(.no-button-large) a,button.button-large:not(.no-button-large) a {    color: #fff}.button-large:not(.no-button-large):hover,button.button-large:not(.no-button-large):hover {    background-color: #fff;    color: #0065c3!important;    opacity: 1}.button-large-active,.button-large:not(.no-button-large):hover a,button.button-large:not(.no-button-large):hover a {    color: #0065c3!important}.button-large-active {    background-color: #fff!important}a {    text-decoration: none;    color: #fff}.character,.character-under {    display: block;    float: left;    pointer-events: none}.character-under {    top: 1rem;    position: relative}.navigation {    position: fixed;    top: 0;    width: 100%;    height: 5.625rem;    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-align: center;    -ms-flex-align: center;    align-items: center;    -webkit-box-pack: justify;    -ms-flex-pack: justify;    justify-content: space-between;    //transition:all .2s ease-out;    z-index: 4;    //transition:color .5s ease 0s}.navigation .bg {    position: absolute;    width: 100%;    height: 100%;    top: 0;    left: 0;    background: #0065c3;    -webkit-transition: background .5s ease 0s;    transition: background .5s ease 0s}.navigation .navigation__list {    position: relative;    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-align: center;    -ms-flex-align: center;    align-items: center;    width: 95%;    margin: auto;    padding: 0;    list-style: none;}.navigation.visible .navigation__list {    opacity: 1}.navigation .navigation__list-item {    float: left;    margin-right: 2.75rem;    font-family: Sofia Pro Black, Helvetica Neue, Helvetica, Arial, sans-serif;    font-size: .875rem;    cursor: pointer;    font-weight: 400;    white-space: nowrap;    //transition:color .5s ease 0s}.navigation .navigation__list-item:hover:not(.button-large):not(.navigation__logo) {    opacity: .6!important}.navigation .navigation__logo {    margin-right: 4rem;    overflow: hidden;    width: 225px;    height: 43px;    background: url(./images/logo.44fea4ca40e8a8843bb0fdf07d618439.png) no-repeat 0 0;    background-size: cover;    margin-top: 15px;}.navigation .navigation__logo a{    font-size: 23px;    font-weight: bold;}.navigation .navigation__product-item {    //transition:color .5s ease 0s}.navigation .navigation__product-item:after {    content: " ";    display: -webkit-inline-box;    display: -ms-inline-flexbox;    display: inline-flex;    position: relative;    top: -2px;    margin-left: 7px;    width: 10px;    height: 7px;    background: url(./images/navigation-arrow.507f9064ac2514d24d99d36b5d4f5dde.svg) no-repeat 0 0;    background-size: cover;    -webkit-transition: all .5s ease 0s;    transition: all .5s ease 0s}.navigation .navigation__hamburger {    display: none;    cursor: pointer}.navigation .navigation__buy-cta {    margin: auto;    margin-right: 0}.navigation #icon__hamburger-bottom,.navigation #icon__hamburger-middle,.navigation #icon__hamburger-top {    -webkit-transition: all .1s ease-out;    transition: all .1s ease-out}.navigation #icon__hamburger-closeleft,.navigation #icon__hamburger-closeright {    opacity: 0;    -webkit-transition: all .2s ease-out;    transition: all .2s ease-out}.navigation.hamburger {    background: #0065c3;    color: #fff}.navigation #icon__hamburger-bottom,.navigation #icon__hamburger-closeleft,.navigation #icon__hamburger-closeright,.navigation #icon__hamburger-middle,.navigation #icon__hamburger-top {    -webkit-transition: stroke .5s ease 0s;    transition: stroke .5s ease 0s}.navigation.active {    color: #bfbfbf;    //transition:color .5s ease 0s}.navigation.active .bg {    background: #fff;    -webkit-transition: background 0s ease .7s;    transition: background 0s ease .7s}.navigation.active a {    color: #bfbfbf}.navigation.active .navigation__product-item {    color: #0065c3;    //transition:color .5s ease 0s}.navigation.active .navigation__product-item:after {    background: url(./images/navigation-arrow-blue.c5b2cdb679c591e6648c823b4e272cca.svg) no-repeat 0 0;    -webkit-transform: rotate(180deg);    transform: rotate(180deg)}.navigation.active #icon__hamburger-bottom,.navigation.active #icon__hamburger-closeleft,.navigation.active #icon__hamburger-closeright,.navigation.active #icon__hamburger-middle,.navigation.active #icon__hamburger-top {    stroke: #bfbfbf;    -webkit-transition: stroke .5s ease 0s;    transition: stroke .5s ease 0s}.navigation.active .button-large {    color: #0065c3;    border: 2px solid #0065c3;    //transition:border .5s ease 0s}.navigation.active .button-large a {    color: #0065c3}.navigation.active .button-large:hover {    background-color: #0065c3;    color: #fff!important;    border: 2px solid #0065c3}.navigation.active .button-large:hover a {    color: #fff!important}@media (max-width:1024px) {    .navigation {        height: 6.25rem    }    .navigation .navigation__list {        -webkit-box-pack: justify;        -ms-flex-pack: justify;        justify-content: space-between;        width: 95%    }    .navigation .navigation__list-item {        display: none;        font-size: 1rem    }    .navigation .navigation__product-item {        margin-right: 1rem!important    }    .navigation .navigation__logo {        width: 225px;        height: 50px    }    .navigation .navigation__on-mobile {        display: block;        margin: 0    }    .navigation.active .navigation__product-item {        color: #000    }    .navigation.active .navigation__product-item:after {        background: url(./images/navigation-arrow-black.708e85975d45374a9eaf4729453a6e06.svg) no-repeat 0 0    }    .navigation.hamburger {        position: fixed;        top: 0;        z-index: 3    }    .navigation.hamburger .navigation__list {        margin-top: 25px    }    .navigation.hamburger .navigation__product-item {        display: none    }    .navigation.hamburger #icon__hamburger-bottom,    .navigation.hamburger #icon__hamburger-middle,    .navigation.hamburger #icon__hamburger-top {        opacity: 0    }    .navigation.hamburger #icon__hamburger-closeleft,    .navigation.hamburger #icon__hamburger-closeright {        opacity: 1    }}@media (max-width:600px) {    .navigation .navigation__list {        -webkit-box-pack: justify;        -ms-flex-pack: justify;        justify-content: space-between;        width: 90%    }    .navigation .navigation__logo {        width: 225px;        height: 38px    }    .navigation.hamburger .navigation__list {        margin-top: 31px    }}.navigation-hamburger {    display: none}@media (max-width:1024px) {    .navigation-hamburger.hamburger {        display: -webkit-box;        display: -ms-flexbox;        display: flex;        top: 6.25rem;        width: 100%;        height: calc(100vh - 6.25rem);        background: #0065c3;        position: fixed;        z-index: 3    }    .navigation-hamburger.hamburger .navigation__list {        position: relative;        top: -2rem;        list-style: none;        width: 95%;        margin: auto;        padding: 0    }    .navigation-hamburger.hamburger .navigation__list-item {        font-family: Sofia Pro Black, Helvetica Neue, Helvetica, Arial, sans-serif;        font-size: 1.5rem;        cursor: pointer;        white-space: nowrap;        margin: 1rem auto;        display: -webkit-box;        display: -ms-flexbox;        display: flex;        -webkit-box-pack: center;        -ms-flex-pack: center;        justify-content: center;        overflow: hidden    }}@-webkit-keyframes product-image-transform {    0% {        -webkit-transform: translate3d(0, 400px, 0);        transform: translate3d(0, 400px, 0)    }    35% {        -webkit-transform: translate3d(0, -24px, 0);        transform: translate3d(0, -24px, 0)    }    82% {        -webkit-transform: translate3d(0, 1px, 0);        transform: translate3d(0, 1px, 0)    }    to {        -webkit-transform: translateZ(0);        transform: translateZ(0)    }}@keyframes product-image-transform {    0% {        -webkit-transform: translate3d(0, 400px, 0);        transform: translate3d(0, 400px, 0)    }    35% {        -webkit-transform: translate3d(0, -24px, 0);        transform: translate3d(0, -24px, 0)    }    82% {        -webkit-transform: translate3d(0, 1px, 0);        transform: translate3d(0, 1px, 0)    }    to {        -webkit-transform: translateZ(0);        transform: translateZ(0)    }}@-webkit-keyframes product-border {    0% {        border-color: hsla(45, 4%, 81%, 0)    }    to {        border-color: hsla(45, 4%, 81%, .5)    }}@keyframes product-border {    0% {        border-color: hsla(45, 4%, 81%, 0)    }    to {        border-color: hsla(45, 4%, 81%, .5)    }}@-webkit-keyframes product-title-transform {    0% {        -webkit-transform: translate3d(0, 25px, 0);        transform: translate3d(0, 25px, 0);        opacity: 0    }    35% {        -webkit-transform: translate3d(0, -4px, 0);        transform: translate3d(0, -4px, 0);        opacity: 1    }    82% {        -webkit-transform: translate3d(0, .2px, 0);        transform: translate3d(0, .2px, 0);        opacity: 1    }    to {        -webkit-transform: translateZ(0);        transform: translateZ(0);        opacity: 1    }}@keyframes product-title-transform {    0% {        -webkit-transform: translate3d(0, 25px, 0);        transform: translate3d(0, 25px, 0);        opacity: 0    }    35% {        -webkit-transform: translate3d(0, -4px, 0);        transform: translate3d(0, -4px, 0);        opacity: 1    }    82% {        -webkit-transform: translate3d(0, .2px, 0);        transform: translate3d(0, .2px, 0);        opacity: 1    }    to {        -webkit-transform: translateZ(0);        transform: translateZ(0);        opacity: 1    }}@-webkit-keyframes product-fade-in {    0% {        opacity: 0    }    to {        opacity: 1    }}@keyframes product-fade-in {    0% {        opacity: 0    }    to {        opacity: 1    }}@-webkit-keyframes products-wave-in {    0% {        fill: #0065c3    }    to {        fill: #fff    }}@keyframes products-wave-in {    0% {        fill: #0065c3    }    to {        fill: #fff    }}@-webkit-keyframes products-wave-offset-in {    0% {        background-color: #0065c3    }    to {        background-color: #fff    }}@keyframes products-wave-offset-in {    0% {        background-color: #0065c3    }    to {        background-color: #fff    }}@-webkit-keyframes products-wave-out {    0% {        fill: #fff    }    to {        fill: #0065c3    }}@keyframes products-wave-out {    0% {        fill: #fff    }    to {        fill: #0065c3    }}@-webkit-keyframes products-wave-offset-out {    0% {        background-color: #fff    }    to {        background-color: #0065c3    }}@keyframes products-wave-offset-out {    0% {        background-color: #fff    }    to {        background-color: #0065c3    }}.products {    display: none;    -webkit-box-orient: vertical;    -webkit-box-direction: normal;    -ms-flex-direction: column;    flex-direction: column;    -webkit-box-pack: start;    -ms-flex-pack: start;    justify-content: flex-start;    background: #fff;    position: fixed;    z-index: 2;    font-family: Sofia Pro Black, Helvetica Neue, Helvetica, Arial, sans-serif;    min-height: 100%!important}.products.active {    display: -webkit-box!important;    display: -ms-flexbox!important;    display: flex!important;    height: calc(100% - 90px)}.products .product__container {    position: relative;    display: -webkit-box;    display: -ms-flexbox;    display: flex;    width: 100%;    overflow: hidden;    -webkit-box-orient: horizontal;    -webkit-box-direction: normal;    -ms-flex-direction: row;    flex-direction: row;    -webkit-box-align: start;    -ms-flex-align: start;    align-items: flex-start;    -ms-flex-wrap: wrap;    flex-wrap: wrap}.products .product__navigation-container {    display: none;    pointer-events: none}.products .product__navigation-container.hidden {    display: none}.products .product__navigation-container svg {    fill: #bfbfbf}.products .product__navigation-button {    background: transparent;    border: none;    outline: none;    cursor: pointer;    height: 4rem;    pointer-events: all}.products .product__navigation-button:disabled {    opacity: .3}.products .button-left img {    -webkit-transform: rotate(180deg);    transform: rotate(180deg)}.products .product,.products .product__hero {    position: relative;    width: 16.667%;    height: 13.33333vw;    border: 1px solid hsla(45, 4%, 81%, 0);    border-left: 0;    border-bottom: 0;    overflow: hidden;    text-align: center;    cursor: pointer;    display: inline-block}.products .product>div,.products .product>img,.products .product>p,.products .product__hero>div,.products .product__hero>img,.products .product__hero>p {    pointer-events: none}.products .product .product__hover-background,.products .product__hero .product__hover-background {    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 0;    -webkit-transition: all .3s ease-out;    transition: all .3s ease-out;    -ms-flex-item-align: start;    align-self: flex-start}.products .product .product__hover-background-polygon,.products .product__hero .product__hover-background-polygon {    width: 100%;    height: 100%}.products .product .product__hover,.products .product__hero .product__hover {    width: 100%;    height: 100%;    top: 0;    position: absolute;    opacity: 0;    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-align: center;    -ms-flex-align: center;    align-items: center;    -webkit-box-pack: center;    -ms-flex-pack: center;    justify-content: center;    border-radius: 50%;    -webkit-transition: -webkit-transform .2s ease-out;    transition: -webkit-transform .2s ease-out;    transition: transform .2s ease-out;    transition: transform .2s ease-out, -webkit-transform .2s ease-out}.products .product .product__hover-title,.products .product__hero .product__hover-title {    text-transform: uppercase;    font-size: 1vw;    opacity: 0;    -webkit-transition: all .4s ease-out;    transition: all .4s ease-out}.products .product .product__title,.products .product__hero .product__title {    font-size: .75rem;    color: #bfbfbf;    text-transform: uppercase;    text-align: center;    margin: 1.5rem auto 0;    opacity: 0}.products .product .product__image,.products .product__hero .product__image {    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-pack: center;    -ms-flex-pack: center;    justify-content: center;    -webkit-transform: translate3d(0, 400px, 0);    transform: translate3d(0, 400px, 0)}.products .product .product__image img,.products .product__hero .product__image img {    width: 40%;    -o-object-fit: contain;    object-fit: contain;    -ms-flex-item-align: end;    align-self: flex-end;    margin-top: 1.5rem;    -webkit-transition: all .3s ease-out;    transition: all .3s ease-out}.products .product__hero {    width: 33.33%!important;    height: 25vw!important;    border-bottom: 0}.products .product__hero .product__hover-title {    font-size: 2rem}.products .product__hero .product__title {    font-size: 1rem;    margin: 2rem auto 0}.products .product__hero .product__image img {    margin-top: 2rem}.products .product__bottom {    border-bottom: 1px solid hsla(45, 4%, 81%, .5)}.products.product-grid .product,.products.product-grid .product__hero {    -webkit-animation: .5s cubic-bezier(.215, .61, .355, 1) 0s forwards product-border;    animation: .5s cubic-bezier(.215, .61, .355, 1) 0s forwards product-border}.products.product-grid .product .product__image,.products.product-grid .product__hero .product__image {    -webkit-animation: .9s cubic-bezier(.455, .03, .515, .955) 0s forwards product-image-transform;    animation: .9s cubic-bezier(.455, .03, .515, .955) 0s forwards product-image-transform}.products.product-grid .product__title {    -webkit-animation: .9s cubic-bezier(.455, .03, .515, .955) 0s forwards product-title-transform;    animation: .9s cubic-bezier(.455, .03, .515, .955) 0s forwards product-title-transform}@media (min-width:1025px) {    .products .product:hover .product__hover,    .products .product__hero:hover .product__hover {        opacity: 1;        cursor: pointer    }    .products .product:hover .product__hover-title,    .products .product__hero:hover .product__hover-title {        opacity: 1    }    .products .product:hover .product__image img,    .products .product__hero:hover .product__image img {        width: 42%    }    .products .product:hover .product__hover-background,    .products .product__hero:hover .product__hover-background {        height: 150%;        -webkit-transform: scale(1.5);        transform: scale(1.5)    }    .products .product:hover {        border: 0    }}@media (max-width:2560px) {    .products .product__container-desktop {        -webkit-transform: none;        transform: none    }    .products.active {        position: relative;        height: auto!important    }    .products .product__navigation-container {        top: calc(20% - 65px)    }    .products .product {        width: 25%;        height: 16.66667vw    }}@media (max-width:768px) {    .products .product__container-desktop {        overflow-y: hidden;        width: 300vw;        -ms-flex-wrap: nowrap;        flex-wrap: nowrap;        -webkit-transform: translateX(100vw);        transform: translateX(100vw);        -webkit-transition: -webkit-transform .6s ease-in-out;        transition: -webkit-transform .6s ease-in-out;        transition: transform .6s ease-in-out;        transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out    }    .products .product__navigation-container {        position: absolute;        top: 15%;        display: -webkit-box;        display: -ms-flexbox;        display: flex;        -webkit-box-pack: justify;        -ms-flex-pack: justify;        justify-content: space-between;        width: 90vw;        z-index: 1    }    .products .product {        width: 50%;        height: 40vw    }    .products .product__hero {        width: 100vw!important;        height: 80vw!important    }    .products .product:hover .product__hover-title {        font-size: .8rem    }}@media (min-width:769px) {    & .product__container-desktop {        -webkit-transform: none;        transform: none    }}.navigation .products-wave {    position: absolute;    top: 0;    left: 0;    width: 100vw;    height: 100vh;    overflow: hidden;    visibility: hidden}.navigation .products-wave.visible {    visibility: visible}.navigation .products-wave canvas {    width: 100vw!important;    height: 100vh!important;    //font-size:7px;    //width:192em!important;    //height:108em!important}@media (orientation:portrait) {    .navigation canvas {        width: 100vh!important;        height: 100vh!important    }}.product-detail-wave {    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    visibility: hidden}.product-detail-wave.visible {    visibility: visible}.products .productdetail__container {    display: none;    width: 80%;    height: 100vh;    margin: auto;    -webkit-box-orient: horizontal;    -webkit-box-direction: normal;    -ms-flex-direction: row;    flex-direction: row;    -webkit-box-align: center;    -ms-flex-align: center;    align-items: center}.products .productdetail__backbutton-container {    display: none;    position: absolute;    top: 1.25rem;    right: 1.25rem;    z-index: 1;    padding: 0}.products .productdetail__backbutton {    background: transparent;    outline: 0;    border: 0;    cursor: pointer;    opacity: .5;    -webkit-transition: opacity .33s ease 0s;    transition: opacity .33s ease 0s;    padding: 0}.products .productdetail__backbutton:hover {    opacity: 1}.products .productdetail__backbutton svg path {    fill: #fff}.products .nutrition__container {    width: 50%;    max-width: 30rem;    height: 36rem;    position: relative;    margin: auto;    font-family: Sofia Pro Regular, Helvetica Neue, Helvetica, Arial, sans-serif;    font-size: .875rem;    opacity: 0}.products #products__background {    fill: #fff}.products .nutrition__border {    border: 1px solid #fff;    padding: 6px}.products .nutrition__table {    width: 100%;    padding: 4px;    border-collapse: collapse;    line-height: 1}.products .nutrition__table td {    padding: 4px 0}.products .nutrition__table .title {    font-size: 38px;    padding: 0;    padding-bottom: 24px}.products .nutrition__table .subtitle,.products .nutrition__table .title {    font-family: Cervo Neue Black, Helvetica Neue, Helvetica, Arial, sans-serif;    text-transform: uppercase}.products .nutrition__table .subtitle {    font-size: 21px}.products .nutrition__table .padding4 {    padding-bottom: 12px}.products .nutrition__table .right {    text-align: right}.products .nutrition__table .indent {    padding-left: 1rem}.products .nutrition__table .line2 {    border-bottom: 2px solid #fff}.products .nutrition__table .line5 {    border-bottom: 5px solid #fff}.products .nutrition__table .line8 {    border-bottom: 8px solid #fff}.products .nutrition__ingredients {    width: 100%;    max-width: 30rem;    margin: 1rem auto}.products .nutrition__ingredient {    display: inline-block;    text-transform: uppercase;    margin: 0;    margin-right: .25rem;    padding-bottom: 1px;    border-bottom: 1px solid;    font-size: 10px;    opacity: .8}.products .nutrition__ingredient:not(:last-child):after {    content: ", "}.products .nutrition__lastupdated {    text-align: right;    font-size: 10px;    margin: auto;    opacity: .6}.products .nutrition__cta-container {    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-align: center;    -ms-flex-align: center;    align-items: center;    -webkit-box-pack: center;    -ms-flex-pack: center;    justify-content: center;    margin: 2rem auto}.products .nutrition__button {    font-size: .875rem;    line-height: 1.15}.products .nutrition__link {    font-family: Sofia Pro Black, Helvetica Neue, Helvetica, Arial, sans-serif;    text-transform: uppercase;    margin-left: 4rem;    position: relative;    top: -3px}.products .productdetail__image {    width: 50%;    max-width: 30rem;    height: 36rem;    margin: auto;    position: relative;    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-align: start;    -ms-flex-align: start;    align-items: flex-start;    -webkit-box-pack: center;    -ms-flex-pack: center;    justify-content: center;    opacity: 0;    background: url(./images/product-shadow-10.f59551dc698276753ea1f9269cbb152e.png) no-repeat bottom;    -webkit-user-select: none;    -moz-user-select: none;    -ms-user-select: none;    user-select: none}.products .productdetail__image img {    height: 80%;    -o-object-fit: contain;    object-fit: contain;    -webkit-transform-origin: 50% 33%;    transform-origin: 50% 33%}.products .productdetail__navigation-container {    display: none;    width: 95%;    -webkit-box-pack: justify;    -ms-flex-pack: justify;    justify-content: space-between;    position: absolute;    top: calc(50% - 65px);    left: 2.5%;    pointer-events: none;    z-index: 1}.products .productdetail__navigation-container svg {    fill: #fff}.products .productdetail__navigation-button {    background: transparent;    border: none;    outline: none;    cursor: pointer;    height: 4rem;    pointer-events: all;    opacity: .5;    -webkit-transition: opacity .33s ease 0s;    transition: opacity .33s ease 0s}.products .productdetail__navigation-button:hover {    opacity: 1}.products .productdetail__navigation-button:disabled {    opacity: .3}@media screen and (max-height:669px) and (min-width:1025px) and (orientation:landscape) {    .products .productdetail__container {        -webkit-transform: scale(.8);        transform: scale(.8)    }}@media (max-width:1024px) {    .products .productdetail__container {        width: 100%;        height: auto;        -webkit-box-orient: vertical;        -webkit-box-direction: reverse;        -ms-flex-direction: column-reverse;        flex-direction: column-reverse    }    .products .productdetail__image {        min-width: auto;        height: 36rem;        -webkit-box-align: center;        -ms-flex-align: center;        align-items: center    }    .products .productdetail__image img {        -webkit-transform: scale(.8);        transform: scale(.8)    }    .products .productdetail__navigation-container {        top: 16rem    }    .products .nutrition__container {        height: auto    }    .products .nutrition__cta-container {        margin: 2rem auto    }    .products .nutrition__ingredients {        width: 100%    }    .products .nutrition__link {        margin-left: 2rem    }}@media (max-width:768px) {    .products .nutrition__container {        width: 95%    }    .products .nutrition__table {        line-height: 1    }    .products .nutrition__table td {        padding: 6px 0    }    .products .nutrition__table .title {        font-size: 42px;        padding-bottom: 24px    }    .products .nutrition__table .subtitle {        font-size: 21px    }    .products .nutrition__table .padding4 {        padding-bottom: 12px    }    .products .nutrition__table .right {        text-align: right    }    .products .nutrition__table .indent {        padding-left: 14px    }    .products .nutrition__table .line2 {        border-bottom: 2px solid #fff    }    .products .nutrition__table .line5 {        border-bottom: 5px solid #fff    }    .products .nutrition__table .line8 {        border-bottom: 8px solid #fff    }    .products .productdetail__image {        height: 26rem;        background-size: 100%    }    .products .productdetail__navigation-container {        top: 11rem    }}@-webkit-keyframes animateDown {    0% {        -webkit-transform: translateY(0);        transform: translateY(0)    }    to {        -webkit-transform: translateY(10px);        transform: translateY(10px)    }}@keyframes animateDown {    0% {        -webkit-transform: translateY(0);        transform: translateY(0)    }    to {        -webkit-transform: translateY(10px);        transform: translateY(10px)    }}@-webkit-keyframes hero-word {    0% {        -webkit-transform: translate3d(0, 1000px, 0);        transform: translate3d(0, 1000px, 0)    }    35% {        -webkit-transform: translate3d(0, -60px, 0);        transform: translate3d(0, -60px, 0)    }    82% {        -webkit-transform: translate3d(0, 2.3px, 0);        transform: translate3d(0, 2.3px, 0)    }    to {        -webkit-transform: translateZ(0);        transform: translateZ(0)    }}@keyframes hero-word {    0% {        -webkit-transform: translate3d(0, 1000px, 0);        transform: translate3d(0, 1000px, 0)    }    35% {        -webkit-transform: translate3d(0, -60px, 0);        transform: translate3d(0, -60px, 0)    }    82% {        -webkit-transform: translate3d(0, 2.3px, 0);        transform: translate3d(0, 2.3px, 0)    }    to {        -webkit-transform: translateZ(0);        transform: translateZ(0)    }}@-webkit-keyframes hero-letter {    0% {        -webkit-transform: translate3d(0, 128px, 0);        transform: translate3d(0, 128px, 0)    }    32% {        -webkit-transform: translate3d(0, -10px, 0);        transform: translate3d(0, -10px, 0)    }    76% {        -webkit-transform: translate3d(0, .5px, 0);        transform: translate3d(0, .5px, 0)    }    to {        -webkit-transform: translateZ(0);        transform: translateZ(0)    }}@keyframes hero-letter {    0% {        -webkit-transform: translate3d(0, 128px, 0);        transform: translate3d(0, 128px, 0)    }    32% {        -webkit-transform: translate3d(0, -10px, 0);        transform: translate3d(0, -10px, 0)    }    76% {        -webkit-transform: translate3d(0, .5px, 0);        transform: translate3d(0, .5px, 0)    }    to {        -webkit-transform: translateZ(0);        transform: translateZ(0)    }}.hero {    height: 100%}.hero .hero__content {    position: absolute;    z-index: 1;    top: 0;    width: 100%;    height: 100%;    min-height: 100%;    -webkit-user-select: none;    -moz-user-select: none;    -ms-user-select: none;    user-select: none}.hero .hero__content,.hero .hero__titles {    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-align: center;    -ms-flex-align: center;    align-items: center;    -webkit-box-pack: center;    -ms-flex-pack: center;    justify-content: center;    -webkit-box-orient: vertical;    -webkit-box-direction: normal;    -ms-flex-direction: column;    flex-direction: column;    text-align: center}.hero .hero__titles {    width: auto;    height: auto;    margin: auto}@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {    .hero .hero__titles {        margin-top: 0    }}.hero .hero__title {    font-size: 7.5rem;    line-height: 6.875rem;    letter-spacing: -.03em;    text-shadow: 5px 5px 2px hsla(0, 0%, 50%, .1);    margin: auto;    margin-bottom: 0;    -webkit-transform: translate3d(0, 1000px, 0);    transform: translate3d(0, 1000px, 0);    display: block}.hero .hero__title,.hero .hero__title span {    -webkit-user-select: none;    -moz-user-select: none;    -ms-user-select: none;    user-select: none}.hero .hero__title span {    -webkit-transform: translate3d(0, 128px, 0);    transform: translate3d(0, 128px, 0)}.hero.visible .hero__titles .hero__title {    -webkit-animation: .9s cubic-bezier(.455, .03, .515, .955) forwards hero-word;    animation: .9s cubic-bezier(.455, .03, .515, .955) forwards hero-word}.hero.visible .hero__titles .hero__title span {    -webkit-animation: .9s cubic-bezier(.455, .03, .515, .955) forwards hero-letter;    animation: .9s cubic-bezier(.455, .03, .515, .955) forwards hero-letter}.hero .hero__title-nomargin {    margin: 0}.hero .hero__divider:after {    content: "";    position: relative;    top: 10rem;    margin: auto;    width: 6rem;    border-bottom: 10px solid #fff;    display: none;    -webkit-box-sizing: border-box;    box-sizing: border-box}.hero .hero__cta-title {    font-family: Sofia Pro Black, Helvetica Neue, Helvetica, Arial, sans-serif;    color: #fff;    position: relative;    top: -45px;    -webkit-transition: all .2s ease-out;    transition: all .2s ease-out}.hero .hero__cta-button {    position: relative;    bottom: 3rem;    margin: 0;    width: auto;    height: 72px;    cursor: pointer;    border: 0;    padding: 0;    outline: 0;    background-color: transparent}.hero .hero__cta-button-bg {    position: absolute;    display: block;    top: 0;    left: 0;    width: 100%;    height: 100%;    background: transparent url(./images/hero-down-arrow.ce61a28cf371a0d6a5c737cb556e6fec.svg) no-repeat bottom;    -webkit-animation: .9s infinite alternate animateDown;    animation: .9s infinite alternate animateDown}.hero .hero__video-container {    width: 100%;    height: 100%;    overflow: hidden;    background: #000}.hero .hero__video {    width: 100%;    height: 100%;    -o-object-fit: cover!important;    object-fit: cover!important}@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {    .hero .hero__video {        position: absolute;        z-index: 0;        top: 50%;        left: 50%;        height: auto;        width: auto;        min-width: 100%;        min-height: 100%;        -webkit-transform: translate(-50%, -50%);        transform: translate(-50%, -50%);        -o-object-fit: cover;        object-fit: cover    }}@media (max-width:1024px) {    .hero .hero__title {        font-size: 5.625rem;        line-height: 5rem    }    .hero .hero__divider:after {        top: 6rem    }    .hero .hero__cta-title {        font-size: 1.125rem    }}@media (max-width:768px) and (orientation:landscape) {    .hero .hero__title {        margin-bottom: auto    }    .hero .hero__cta-button {        display: none    }}@media (max-width:667px) and (orientation:landscape) {    .hero .hero__title {        font-size: 3.125rem;        line-height: 3rem    }    .hero .hero__cta-button {        display: none    }}@media (max-width:600px) {    .hero .hero__divider:after {        top: 4rem    }    .hero .hero__title {        font-size: 3.125rem;        line-height: 3rem    }    .hero .hero__cta-title {        font-size: .875rem    }}@-webkit-keyframes elastic-ease-out-right {    0% {        -webkit-transform: translate3d(-200px, 0, 0);        transform: translate3d(-200px, 0, 0)    }    25% {        -webkit-transform: translate3d(25px, 0, 0);        transform: translate3d(25px, 0, 0)    }    62% {        -webkit-transform: translate3d(-2.5px, 0, 0);        transform: translate3d(-2.5px, 0, 0)    }    90% {        -webkit-transform: translate3d(.25px, 0, 0);        transform: translate3d(.25px, 0, 0)    }    to {        -webkit-transform: translateZ(0);        transform: translateZ(0)    }}@keyframes elastic-ease-out-right {    0% {        -webkit-transform: translate3d(-200px, 0, 0);        transform: translate3d(-200px, 0, 0)    }    25% {        -webkit-transform: translate3d(25px, 0, 0);        transform: translate3d(25px, 0, 0)    }    62% {        -webkit-transform: translate3d(-2.5px, 0, 0);        transform: translate3d(-2.5px, 0, 0)    }    90% {        -webkit-transform: translate3d(.25px, 0, 0);        transform: translate3d(.25px, 0, 0)    }    to {        -webkit-transform: translateZ(0);        transform: translateZ(0)    }}@-webkit-keyframes elastic-ease-out-left {    0% {        -webkit-transform: translate3d(200px, 0, 0);        transform: translate3d(200px, 0, 0)    }    25% {        -webkit-transform: translate3d(-25px, 0, 0);        transform: translate3d(-25px, 0, 0)    }    62% {        -webkit-transform: translate3d(2.5px, 0, 0);        transform: translate3d(2.5px, 0, 0)    }    90% {        -webkit-transform: translate3d(-.25px, 0, 0);        transform: translate3d(-.25px, 0, 0)    }    to {        -webkit-transform: translateZ(0);        transform: translateZ(0)    }}@keyframes elastic-ease-out-left {    0% {        -webkit-transform: translate3d(200px, 0, 0);        transform: translate3d(200px, 0, 0)    }    25% {        -webkit-transform: translate3d(-25px, 0, 0);        transform: translate3d(-25px, 0, 0)    }    62% {        -webkit-transform: translate3d(2.5px, 0, 0);        transform: translate3d(2.5px, 0, 0)    }    90% {        -webkit-transform: translate3d(-.25px, 0, 0);        transform: translate3d(-.25px, 0, 0)    }    to {        -webkit-transform: translateZ(0);        transform: translateZ(0)    }}@-webkit-keyframes linear-fade-in {    0% {        opacity: 0    }    to {        opacity: 1    }}@keyframes linear-fade-in {    0% {        opacity: 0    }    to {        opacity: 1    }}.promotion {    background-repeat: no-repeat;    background-size: cover;    background-position: 50%;    position: relative}.promotion .promotion__container {    width: 80%;    height: 80%;    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-align: center;    -ms-flex-align: center;    align-items: center;    -webkit-box-pack: justify;    -ms-flex-pack: justify;    justify-content: space-between;    position: relative}.promotion .promotion__left {    -webkit-box-orient: horizontal;    -webkit-box-direction: normal;    -ms-flex-direction: row;    flex-direction: row}.promotion .promotion__right {    -webkit-box-orient: horizontal;    -webkit-box-direction: reverse;    -ms-flex-direction: row-reverse;    flex-direction: row-reverse}.promotion .promotion__right .promotion__container2 {    -webkit-box-align: start;    -ms-flex-align: start;    align-items: flex-start;    text-align: left}.promotion.fly-in .promotion__right .promotion__body,.promotion.fly-in .promotion__right .promotion__button_container,.promotion.fly-in .promotion__right .promotion__title,.promotion.fly-in .promotion__right .promotion__video {    -webkit-transform: translate3d(-200px, 0, 0);    transform: translate3d(-200px, 0, 0);    opacity: 0}.promotion.fly-in .promotion__left .promotion__body,.promotion.fly-in .promotion__left .promotion__button_container,.promotion.fly-in .promotion__left .promotion__title,.promotion.fly-in .promotion__left .promotion__video,.promotion.fly-in .promotion__right .promotion__container1 {    -webkit-transform: translate3d(200px, 0, 0);    transform: translate3d(200px, 0, 0);    opacity: 0}.promotion.fly-in .promotion__left .promotion__container1 {    -webkit-transform: translate3d(-200px, 0, 0);    transform: translate3d(-200px, 0, 0);    opacity: 0}.promotion.fly-in.visible .promotion__right .promotion__body,.promotion.fly-in.visible .promotion__right .promotion__button_container,.promotion.fly-in.visible .promotion__right .promotion__title,.promotion.fly-in.visible .promotion__right .promotion__video {    -webkit-animation: .9s cubic-bezier(.455, .03, .515, .955) .5s forwards elastic-ease-out-right, .9s cubic-bezier(.215, .61, .355, 1) .5s forwards linear-fade-in;    animation: .9s cubic-bezier(.455, .03, .515, .955) .5s forwards elastic-ease-out-right, .9s cubic-bezier(.215, .61, .355, 1) .5s forwards linear-fade-in}.promotion.fly-in.visible .promotion__right .promotion__container1 {    -webkit-animation: .9s cubic-bezier(.455, .03, .515, .955) .5s forwards elastic-ease-out-left, .9s cubic-bezier(.215, .61, .355, 1) .5s forwards linear-fade-in;    animation: .9s cubic-bezier(.455, .03, .515, .955) .5s forwards elastic-ease-out-left, .9s cubic-bezier(.215, .61, .355, 1) .5s forwards linear-fade-in}.promotion.fly-in.visible .promotion__right .promotion__title {    -webkit-animation-delay: .6s, .6s;    animation-delay: .6s, .6s}.promotion.fly-in.visible .promotion__right .promotion__body {    -webkit-animation-delay: .7s, .7s;    animation-delay: .7s, .7s}.promotion.fly-in.visible .promotion__right .promotion__video {    -webkit-animation-delay: .8s, .8s;    animation-delay: .8s, .8s}.promotion.fly-in.visible .promotion__right .promotion__button_container {    -webkit-animation-delay: .9s, .9s;    animation-delay: .9s, .9s}.promotion.fly-in.visible .promotion__left .promotion__body,.promotion.fly-in.visible .promotion__left .promotion__button_container,.promotion.fly-in.visible .promotion__left .promotion__title,.promotion.fly-in.visible .promotion__left .promotion__video {    -webkit-animation: .9s cubic-bezier(.455, .03, .515, .955) .5s forwards elastic-ease-out-left, .9s cubic-bezier(.215, .61, .355, 1) .5s forwards linear-fade-in;    animation: .9s cubic-bezier(.455, .03, .515, .955) .5s forwards elastic-ease-out-left, .9s cubic-bezier(.215, .61, .355, 1) .5s forwards linear-fade-in}.promotion.fly-in.visible .promotion__left .promotion__container1 {    -webkit-animation: .9s cubic-bezier(.455, .03, .515, .955) .5s forwards elastic-ease-out-right, .9s cubic-bezier(.215, .61, .355, 1) .5s forwards linear-fade-in;    animation: .9s cubic-bezier(.455, .03, .515, .955) .5s forwards elastic-ease-out-right, .9s cubic-bezier(.215, .61, .355, 1) .5s forwards linear-fade-in}.promotion.fly-in.visible .promotion__left .promotion__title {    -webkit-animation-delay: .6s, .6s;    animation-delay: .6s, .6s}.promotion.fly-in.visible .promotion__left .promotion__body {    -webkit-animation-delay: .7s, .7s;    animation-delay: .7s, .7s}.promotion.fly-in.visible .promotion__left .promotion__video {    -webkit-animation-delay: .8s, .8s;    animation-delay: .8s, .8s}.promotion.fly-in.visible .promotion__left .promotion__button_container {    -webkit-animation-delay: .9s, .9s;    animation-delay: .9s, .9s}.promotion .promotion__container1 {    width: 47.5%;    height: 80%;    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-align: center;    -ms-flex-align: center;    align-items: center;    -webkit-box-pack: center;    -ms-flex-pack: center;    justify-content: center;    -webkit-filter: drop-shadow(1rem 1rem 1.5rem rgba(0, 0, 0, .5));    filter: drop-shadow(1rem 1rem 1.5rem rgba(0, 0, 0, .5));    position: relative}.promotion .promotion__container1 .promotion__hero-image {    max-width: 100%;    width: auto;    max-height: 100%;    height: auto;    -o-object-fit: contain;    object-fit: contain;    -webkit-box-flex: 0;    -ms-flex: 0 0 auto;    flex: 0 0 auto}.promotion .promotion__hero-image-mobile {    display: none}.promotion .promotion__container2 {    width: 47.5%;    height: auto;    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-align: start;    -ms-flex-align: start;    align-items: flex-start;    -webkit-box-pack: center;    -ms-flex-pack: center;    justify-content: center;    -webkit-box-orient: vertical;    -webkit-box-direction: normal;    -ms-flex-direction: column;    flex-direction: column;    position: relative}.promotion .promotion__title {    font-size: 3.75rem;    line-height: 1em;    width: 100%;    //transition:all .2s ease-out;    position: relative;    text-align: center;}.promotion .promotion__title__image {    height: auto;    margin-bottom: .2em}.promotion .promotion__title__line {    display: block}.promotion .promotion__body {    width: 80%;    margin: 1em 0;    line-height: 1.25;    position: relative}@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {    .promotion .promotion__body {        padding-bottom: 3rem    }}.promotion .promotion__video {    position: relative;    width: 15rem;    height: 8rem;    min-height: 8rem;    margin: 1em 0;    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-pack: center;    -ms-flex-pack: center;    justify-content: center;    -webkit-box-align: center;    -ms-flex-align: center;    align-items: center;    -webkit-box-orient: vertical;    -webkit-box-direction: normal;    -ms-flex-direction: column;    flex-direction: column;    cursor: pointer}.promotion .promotion__video>* {    pointer-events: none}.promotion .promotion__video .promotion__video-cta {    font-family: Sofia Pro Black, Helvetica Neue, Helvetica, Arial, sans-serif;    font-size: .875rem;    z-index: 1;    margin: 0}.promotion .promotion__video .promotion__video-button {    width: 3.5rem;    height: 3.5rem;    z-index: 1;    background: transparent;    border: none;    outline: none;    pointer-events: none}.promotion .promotion__video img {    position: absolute;    top: 0;    left: 0;    width: 100%;    -o-object-fit: cover;    object-fit: cover}.promotion .promotion__button_container {    position: relative;    margin-top: 1em;    min-width: 16rem}.promotion .promotion__button_container a,.promotion .promotion__button_container button {    font-size: .875rem;    line-height: 1.15}.promotion .promotion__button_container a:first-of-type,.promotion .promotion__button_container button:first-of-type {    margin-right: 1rem}@media (max-width:1124px) {    .promotion .promotion__title {        font-size: 2.5rem    }    .promotion .promotion__body {        font-size: .85em    }}@media (max-width:900px) {    .promotion {        /* min-height: 30rem */    }    .promotion .promotion__container {        //width:90%    }    .promotion .promotion__title {        font-size: 2.125rem    }    .promotion .promotion__body {        width: 100%    }}@media (orientation:portrait) {    .promotion {        /* min-height: 56rem */    }    .promotion .promotion__container {        -webkit-box-orient: vertical;        -webkit-box-direction: normal;        -ms-flex-direction: column;        flex-direction: column;        width: 100%;        height: 90%    }    .promotion .promotion__container1,    .promotion .promotion__container2 {        width: 80%!important;        height: 50%!important;        text-align: center!important    }    .promotion .promotion__container2 {        -webkit-box-align: center!important;        -ms-flex-align: center!important;        align-items: center!important;        max-width: 460px    }    .promotion .promotion__title__image {        margin-bottom: 1em    }    .promotion .promotion__body,    .promotion .promotion__button_container,    .promotion .promotion__video {        margin: 1em 0    }    .promotion .promotion__body {        width: 100%    }    .promotion .promotion__button_container button:first-of-type {        margin-right: auto    }    .promotion .promotion__hero-image {        height: 100%;        display: none;        bottom: auto    }    .promotion .promotion__hero-image-mobile {        display: block;        width: auto    }}@media (max-width:320px) {    .promotion .promotion__title {        font-size: 2rem    }}.promotion-superbowl {    padding: 0;    height: auto;    background-size: 100% 100%;    background-position: 50%;    min-height: 100%}.promotion-superbowl:before {    content: "";    position: absolute;    display: block;    visibility: visible;    width: 100%;    height: 100%;    top: 0;    left: 0;    opacity: 0;    -webkit-transform: translate3d(-200px, 0, 0);    transform: translate3d(-200px, 0, 0);    //background-image:url(./images/promotion-superbowl-background-hero.29610b8065932a7f396caa5d447b33e9.png);    background-size: contain;    background-position: 20% bottom;    background-repeat: no-repeat}.promotion-superbowl.visible:before {    -webkit-animation: .9s cubic-bezier(.455, .03, .515, .955) .5s forwards elastic-ease-out-right, .9s cubic-bezier(.215, .61, .355, 1) .5s forwards linear-fade-in;    animation: .9s cubic-bezier(.455, .03, .515, .955) .5s forwards elastic-ease-out-right, .9s cubic-bezier(.215, .61, .355, 1) .5s forwards linear-fade-in}.promotion-superbowl .promotion__container {    height: auto;    -webkit-box-align: end;    -ms-flex-align: end;    align-items: flex-end}.promotion-superbowl .promotion__container1 {    -webkit-filter: none;    filter: none;    height: auto}.promotion-superbowl .promotion__container1 .superbowl-hero {    width: 120%;    max-height: none;    height: auto;    display: inline-block;    position: relative;    //bottom:calc(4.5vh - 4.05px);    //bottom:calc((100vh - 90px) * .045);    //bottom:0;    left: 50%;    -webkit-transform: translateX(-50%);    transform: translateX(-50%);    display: none}.promotion-superbowl .promotion__container1 .superbowl-hero-mobile {    display: none}.promotion-superbowl .promotion__container2 {    padding: 50px 0 60px;    height: auto}.promotion-superbowl .promotion__title:before {    content: "";    display: block;    width: auto;    height: 5rem;    background: url(./images/logo-pepsi-superbowl.24234db994bc4ecf9a67f6157883fdf0.png) no-repeat 0 0;    background-size: contain;    margin-bottom: 1rem}@media (max-width:1024px) {    .promotion-superbowl .promotion__body {        width: 100%    }    .promotion-superbowl .promotion__video {        position: relative;        width: 182px;        max-width: none;        min-width: auto;        height: 103px;        max-height: none;        min-height: auto    }    .promotion-superbowl .promotion__video .promotion__video-cta {        font-size: 12px;        margin-top: .25em    }    .promotion-superbowl .promotion__video .promotion__video-button {        width: 35px;        height: 35px;        padding: 0    }}@media (orientation:portrait) {    .promotion-superbowl {        background-image: url(./images/promotion-superbowl-mobile-background.f093c7d9a162c0bf5d0ce4e09b8e5eb7.jpg)!important;        background-size: 100% 100%;        height: auto;        min-height: 100%    }    .promotion-superbowl:before {        visibility: hidden    }    .promotion-superbowl .promotion__container {        height: auto!important;        -webkit-box-align: center;        -ms-flex-align: center;        align-items: center;        min-height: auto    }    .promotion-superbowl .promotion__container1 {        margin-top: 75px;        height: auto!important;        min-height: auto    }    .promotion-superbowl .promotion__container2 {        width: 90%!important;        height: auto!important;        min-height: auto;        padding: 20px 0 60px    }    .promotion-superbowl .promotion__container1 .superbowl-hero {        height: 100%;        display: none;        bottom: auto    }    .promotion-superbowl .promotion__container1 .superbowl-hero-mobile {        display: block;        height: 294px;        width: auto    }    .promotion-superbowl .promotion__title:before {        width: 100%;        height: 58px;        background-size: contain;        background-position: 50%;        margin-bottom: 15px    }    .promotion-superbowl .promotion__body {        font-size: 14px    }}.promotion-loyalty .promotion__title .loyalty__title-blue,.promotion-loyalty .promotion__title .LOYALTY__TITLE-BLUE {    color: #00529c}.promotion-loyalty .promotion__title .loyalty__title-red,.promotion-loyalty .promotion__title .LOYALTY__TITLE-RED {    color: #ed1b2e}.promotion-loyalty .promotion__title:before {    content: "";    display: block;    width: 8rem;    height: 5rem;    background: url(./images/logo-pepsi-stuff.153f6283d90250a69c4bb0acacd8c3d5.png) no-repeat 0 0;    background-size: contain}.promotion-loyalty .promotion__body {    color: #000}.promotion-loyalty .button-large,.promotion-loyalty button.button-large {    color: #00529c!important;    border-color: #00529c!important}.promotion-loyalty button.button-large:hover {    background-color: transparent!important}@media (orientation:portrait) {    .promotion-loyalty {        background-image: url(./images/promotion-loyalty-mobile-background.ee7d497313bdd74935a6b1cc5487dec5.jpg)!important;        min-height: 55rem    }    .promotion-loyalty .promotion__title:before {        width: 100%;        height: 4.5rem;        background-size: 70%;        background-position-x: 50%    }}@-webkit-keyframes social-item-y {    0% {        -webkit-transform: translate3d(0, 400px, 0);        transform: translate3d(0, 400px, 0)    }    26% {        -webkit-transform: translate3d(0, -51px, 0);        transform: translate3d(0, -51px, 0)    }    60% {        -webkit-transform: translate3d(0, 5px, 0);        transform: translate3d(0, 5px, 0)    }    92% {        -webkit-transform: translate3d(0, -.5px, 0);        transform: translate3d(0, -.5px, 0)    }    to {        -webkit-transform: translateZ(0);        transform: translateZ(0)    }}@keyframes social-item-y {    0% {        -webkit-transform: translate3d(0, 400px, 0);        transform: translate3d(0, 400px, 0)    }    26% {        -webkit-transform: translate3d(0, -51px, 0);        transform: translate3d(0, -51px, 0)    }    60% {        -webkit-transform: translate3d(0, 5px, 0);        transform: translate3d(0, 5px, 0)    }    92% {        -webkit-transform: translate3d(0, -.5px, 0);        transform: translate3d(0, -.5px, 0)    }    to {        -webkit-transform: translateZ(0);        transform: translateZ(0)    }}@-webkit-keyframes social-item-opacity {    0% {        opacity: 0    }    to {        opacity: 1    }}@keyframes social-item-opacity {    0% {        opacity: 0    }    to {        opacity: 1    }}.social {    -webkit-box-orient: vertical;    -webkit-box-direction: normal;    -ms-flex-direction: column;    flex-direction: column;    -ms-flex-pack: distribute;    justify-content: space-around;    width: 100%;    height: 80%;    color: #0065c3}.social .social__title-container {    margin: auto;    text-align: center}.social .social__title {    font-size: 3.75rem;    line-height: 3rem;    -webkit-transform: translate3d(0, 400px, 0);    transform: translate3d(0, 400px, 0);    opacity: 0}.social .social__item-container {    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-orient: horizontal;    -webkit-box-direction: normal;    -ms-flex-flow: row nowrap;    flex-flow: row nowrap;    width: 90%;    height: auto;    margin: auto;    margin-top: 0;    font-size: 0}.social .social__item {    -webkit-box-flex: 1;    -ms-flex: auto;    flex: auto;    width: 21.875rem;    position: relative;    overflow: hidden;    -webkit-transform: translate3d(0, 400px, 0);    transform: translate3d(0, 400px, 0);    opacity: 0}.social .social__item .social__item-image {    width: 100%;    height: auto;    -webkit-transition: -webkit-transform .3s ease-out;    transition: -webkit-transform .3s ease-out;    transition: transform .3s ease-out;    transition: transform .3s ease-out, -webkit-transform .3s ease-out}.social.visible .social__item,.social.visible .social__title {    -webkit-animation: .9s cubic-bezier(.455, .03, .515, .955) forwards social-item-y, .9s cubic-bezier(.215, .61, .355, 1) forwards social-item-opacity;    animation: .9s cubic-bezier(.455, .03, .515, .955) forwards social-item-y, .9s cubic-bezier(.215, .61, .355, 1) forwards social-item-opacity}.social .social__item:hover .social__item-image {    -webkit-transition: all .5s cubic-bezier(.1, 1.05, .55, 1.49);    transition: all .5s cubic-bezier(.1, 1.05, .55, 1.49);    -webkit-transform: scale(1.15) rotate(5deg);    transform: scale(1.15) rotate(5deg);    -webkit-filter: brightness(.6);    filter: brightness(.6)}@media (max-width:1024px) {    .social {        min-height: 60rem    }    .social .social__title {        font-size: 3rem;        line-height: 2.75rem    }    .social .social__title-container {        width: 80%    }    .social .social__title {        font-size: 2.75rem;        line-height: 2.5rem    }    .social .social__item-container {        -ms-flex-wrap: wrap;        flex-wrap: wrap;        width: 80%    }    .social .social__item {        width: 50%    }}@media (max-width:768px) {    .social {        min-height: 100%    }    .social .social__title {        font-size: 2.75rem;        line-height: 2.5rem    }}@media (max-width:768px) and (orientation:landscape) {    .social .social__item-container {        -webkit-box-orient: horizontal;        -webkit-box-direction: normal;        -ms-flex-flow: row nowrap;        flex-flow: row nowrap    }    .social .social__item {        width: 25%    }}.social__twitter:after {    background: url(./images/icon-twitter.19d7e9de57475b8de6a58e97e7f52dfb.svg) no-repeat 0 0;    background-size: contain}.social__instagram:after,.social__twitter:after {    content: "";    position: absolute;    left: 1rem;    bottom: 1rem;    display: block;    width: 2rem;    height: 2rem;    opacity: .9}.social__instagram:after {    background: url(./images/icon-instagram.0e3d410649ac6ffeefa45808120e1e95.svg) no-repeat 0 0}.social__youtube:after {    background: url(./images/icon-youtube.0d901105ba15121b08030e8c9d1823ad.svg) no-repeat 0 0}.social__facebook:after,.social__youtube:after {    content: "";    position: absolute;    left: 1rem;    bottom: 1rem;    display: block;    width: 2rem;    height: 2rem;    opacity: .9}.social__facebook:after {    background: url(./images/icon-facebook.cf7efb08f7b9eaa4f8c2765e29c33bdc.svg) no-repeat 0 0}.footer {    position: relative;    width: auto;    height: 18rem;    -webkit-box-orient: vertical;    -webkit-box-direction: normal;    -ms-flex-direction: column;    flex-direction: column;    background: #0065c3;    margin-top: 54px;}.footer,.footer .footer__container {    display: -webkit-box;    display: -ms-flexbox;    display: flex}.footer .footer__container {    width: 100%;    height: 100%;    padding: 2.5%;    -webkit-box-align: center;    -ms-flex-align: center;    align-items: center;    -webkit-box-pack: justify;    -ms-flex-pack: justify;    justify-content: space-between}.footer .footer__logo {    display: block}.footer .footer__logo img {    width: 100%}.footer .footer__linklist-mobile_container {    display: none}.footer .footer__linklist,.footer .footer__linklist-mobile {    margin: 0;    padding: 0;    list-style: none;    -webkit-column-count: 3;    column-count: 3;    -webkit-column-gap: 4rem;    column-gap: 4rem}.footer .footer__link-item {    font-family: Sofia Pro Black, Helvetica Neue, Helvetica, Arial, sans-serif;    font-size: 1rem;    margin-bottom: 1rem;    white-space: nowrap;    -webkit-transition: opacity .2s ease-out;    transition: opacity .2s ease-out}.footer .footer__link-item:hover:not(.button-large) {    opacity: .6!important}.footer .footer__button-list {    display: none}.footer .footer__container-right h2 {    font-size: 1rem;    line-height: 1rem}.footer .footer__social-container {    display: -webkit-box;    display: -ms-flexbox;    display: flex;    width: 100%;    margin-top: 1rem;    -webkit-box-align: center;    -ms-flex-align: center;    align-items: center;    -ms-flex-pack: distribute;    justify-content: space-around}.footer .footer__social-link {    display: -webkit-box;    display: -ms-flexbox;    display: flex;    width: auto;    height: 3rem;    margin: 0 30px 0 0;}.footer .footer__social-link img {    width: 2rem;    height: 2rem;    -webkit-transition: opacity .2s ease-out;    transition: opacity .2s ease-out}.footer .footer__social-link:hover img {    opacity: .6!important}@media (max-width:1300px) {    .footer .footer__container-right h2,    .footer .footer__link-item {        font-size: .875rem    }}@media (max-width:1024px) {    .footer {        height: 60%;        min-height: 28rem    }    .footer .footer__container {        height: 25%;        border-top: 1px solid hsla(0, 0%, 100%, .5)    }    .footer .footer__logo {        width: 3rem;        height: auto    }    .footer .footer__linklist {        display: none    }    .footer .footer__linklist-mobile_container {        display: -webkit-box;        display: -ms-flexbox;        display: flex;        -webkit-box-align: center;        -ms-flex-align: center;        align-items: center;        -webkit-box-flex: 2;        -ms-flex: 2;        flex: 2    }    .footer .footer__linklist-mobile {        -webkit-column-count: 1;        column-count: 1;        margin: auto;        text-align: center    }    .footer .footer__button-list {        display: block    }    .footer .footer__container-right {        width: auto    }    .footer .footer__container-right button {        display: none    }    .footer .footer__social-container {        margin-top: auto;        width: 10rem    }    .footer .footer__social-link {        margin: auto 2.5%    }    .footer .footer__social-link img {        width: 1.875rem    }}@media (max-width:600px) {    .footer .footer__logo {        width: 2rem;        height: auto    }    .footer .footer__link-item {        margin-bottom: 5%    }}.modal {    position: fixed;    top: 0;    left: 0;    width: 100%;    height: 100%;    z-index: 999999;    background: rgba(0, 0, 0, .7);    display: none;    -webkit-box-align: center;    -ms-flex-align: center;    align-items: center;    -webkit-box-pack: center;    -ms-flex-pack: center;    justify-content: center}.modal .modal__shop-container {    width: 25rem;    height: auto;    background: #fff;    -webkit-box-shadow: 24px 0 97.85px 5.15px rgba(0, 0, 0, .15);    box-shadow: 24px 0 97.85px 5.15px rgba(0, 0, 0, .15);    text-align: center;    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-orient: vertical;    -webkit-box-direction: normal;    -ms-flex-direction: column;    flex-direction: column;    -ms-flex-pack: distribute;    justify-content: space-around}.modal .modal__copy-body,.modal .modal__cta {    width: 100%;    display: block;    margin: 1rem auto}.modal .modal__copy-body {    color: hsla(0, 0%, 60%, .6);    font-family: Sofia Pro Black, Helvetica Neue, Helvetica, Arial, sans-serif;    font-size: 14px;    text-transform: uppercase;    margin: 2rem auto;    width: auto;    padding: 0 .5rem;    z-index: 1}.modal .modal__retailers {    display: block;    margin: 0}.modal .modal__copy-bodybackground {    background: #fff}.modal .modal__cta-storelocator {    color: #0065c3;    border-color: #0065c3;    text-transform: uppercase;    margin: .5em auto;    position: relative;    top: -2rem;    font-size: 14px;    max-width: 10rem}@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {    .modal .modal__cta-storelocator {        left: 30%    }}.modal .modal__copy-divider {    position: relative;    top: -3rem;    width: 100%;    border: 0;    border-bottom: 2px solid hsla(0, 0%, 60%, .4)}.modal .modal__video-container {    display: none;    width: 80vw;    height: 45.19774vw;    -webkit-box-shadow: 24px 0 97.85px 5.15px rgba(0, 0, 0, .15);    box-shadow: 24px 0 97.85px 5.15px rgba(0, 0, 0, .15);    background: #000}.modal .modal__button-close {    width: 3rem;    height: 3rem;    border: 0;    background: transparent;    outline: 0;    position: absolute;    top: .5rem;    right: .5rem;    cursor: pointer}.modal .modal__button-close svg {    -webkit-transition: all .3s ease-out;    transition: all .3s ease-out;    fill: hsla(0, 0%, 60%, .6)}.modal .modal__button-close:hover svg {    fill: #000}@media screen and (max-height:500px) and (orientation:landscape) {    .modal .modal__shop-container {        width: auto;        padding: 0 1em    }    .modal .modal__cta {        width: auto;        margin: 0 1em    }    .modal .modal__cta,    .modal .modal__cta img {        display: inline-block;        vertical-align: middle    }    .modal .modal__retailers {        white-space: nowrap    }}.copyright,.terms {    width: 80%;    margin: auto;    padding-bottom: 5.625rem;    font-family: Sofia Pro Regular, Helvetica Neue, Helvetica, Arial, sans-serif;    font-size: 1.25rem;    line-height: 1.5;    color: #000}.copyright h1,.copyright h2,.terms h1,.terms h2 {    color: #0065c3;    line-height: 1}.copyright a,.terms a {    display: inline-block;    font-family: Sofia Pro Black, Helvetica Neue, Helvetica, Arial, sans-serif;    color: #0065c3}.copyright h1,.terms h1 {    font-size: 3rem;    margin-bottom: 2rem}.copyright span,.terms span {    display: block;    margin: 2rem 0;    border: .5rem solid #0065c3;    width: 6rem}.copyright ul,.terms ul {    list-style-type: lower-latin}.copyright li,.terms li {    padding: .5rem}.copyright .copyright__logo,.copyright .terms__logo,.terms .copyright__logo,.terms .terms__logo {    margin-bottom: 2rem}.copyright .copyright__footnote,.copyright .terms__footnote,.terms .copyright__footnote,.terms .terms__footnote {    color: #0065c3;    padding: 1rem 0;    border-bottom: .5rem solid #0065c3;    width: 10rem}@media (max-width:768px) {    .copyright,    .terms {        width: 95%;        font-size: .8rem    }    .copyright h1,    .terms h1 {        font-size: 2rem;        margin-bottom: 1rem    }}.fourohfour {    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-orient: vertical;    -webkit-box-direction: normal;    -ms-flex-direction: column;    flex-direction: column;    width: 90%;    margin: auto;    font-family: Sofia Pro Regular, Helvetica Neue, Helvetica, Arial, sans-serif;    font-size: 1.25rem;    line-height: 1.5;    color: #fff;    text-align: center}.fourohfour h1,.fourohfour h2 {    line-height: 1}.fourohfour .button-large {    text-transform: uppercase;    position: relative;    font-size: 14px;    line-height: 1.2em}.fourohfour h1 {    font-size: 13rem;    margin-bottom: 1rem;    color: #0058a9;    opacity: .5}.fourohfour h2 {    font-size: 3.5rem;    text-transform: uppercase}.fourohfour .copyright__logo,.fourohfour .terms__logo {    margin-bottom: 2rem;    text-align: left}@media (max-width:1024px) {    body.layout-404 {        padding-top: 0!important    }    .fourohfour {        height: 100%;        font-size: .8rem;        padding: 1rem;        -webkit-box-pack: center;        -ms-flex-pack: center;        justify-content: center    }    .fourohfour h1 {        font-size: 10rem    }    .fourohfour h2 {        font-size: 1.5rem    }    .fourohfour .terms__logo {        position: absolute;        top: 2rem    }}* {    -webkit-box-sizing: border-box;    box-sizing: border-box}body,html {    color: #fff;    background: ;    margin: 0;    padding: 0;    font-family: Sofia Pro Regular, Helvetica Neue, Helvetica, Arial, sans-serif;    -moz-osx-font-smoothing: grayscale;    -webkit-font-smoothing: antialiased;    font-smoothing: antialiased;    font-weight: 400}body.active,body.hamburger,html.active,html.hamburger {    overflow: hidden}body {    padding-top: 5.625rem;    -webkit-overflow-scrolling: touch}@media (max-width:2560px) {    body.active,    html.active {        overflow: auto    }    body.active .footer,    body.active section,    html.active .footer,    html.active section {        display: none!important    }    body.active .hero,    html.active .hero {        display: -webkit-box;        display: -ms-flexbox;        display: flex    }}@-moz-document url-prefix() {    body {        font-weight: lighter!important    }}section {    position: relative;    width: 100%;    height: 100%;    margin: 0;    padding: 0;    background: #fff;    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-align: center;    -ms-flex-align: center;    align-items: center;    -webkit-box-pack: center;    -ms-flex-pack: center;    justify-content: center;    overflow: hidden}.deeplink-anchor {    position: absolute;    margin-top: -90px}@media (max-width:1224px) {    .navigation .navigation__logo {        width: 225px !important;        margin: auto;    }    .navigation .navigation__list-item {        display: none;        font-size: 1rem    }    .navigation .navigation__on-mobile {        display: block;        margin: auto;    }}@media (max-width:1024px) {    body {        padding-top: 6.25rem    }    .po {        display: none;    }    .vde {        width: 300px !important;    }    .navigation .navigation__logo {        width: 225px !important;        height: 50px;    }    .deeplink-anchor {        position: absolute;        margin-top: -100px    }}@media (max-width:500px) {    .lnk {        width: 74% !important;        margin: 0px auto;    }    .vde {        width: 256px !important;    }	.navigation__list a{font-size:12px;}	li.footer__link-item {font-size:12px;}}@media (max-width:380px) {		li.footer__link-item {font-size:11px !important;}}.dg.main {    position: absolute;    top: 0;    z-index: 100}.customform input.btn {    color: #fff;}.customform input.btn:hover{    background-color: green;    font-weight: bold;}/*tushar*/.navigation__list_mb{    display: none;}@media (max-width:1224px) {    .navigation {        height: 4.25rem;    }    .navigation__list_mb{        margin: -35px 0 0 0;        background-color: #0065c3;        text-align: center;        padding:20px 0;        display: block;    }    .navigation__list_mb li{        list-style: none;        margin: 5px 0;    }    .navigation .navigation__logo {        height: 25px;    }}.grid_mob{    display: none;}.grid_desk{    display: block;}@media (max-width:650px) {    .background{        background:none !important;        padding-top: 0 !important;    }    .box {        width: 100% !important;        margin: 0px auto;    }    .grid-container {        display: grid;        grid-template-columns: none !important;        grid-row-gap: 30px !important;        padding: 0;     }    .box img{        width: 95% !important;        padding: 5px 0;    }    .grid-container img:hover{        transform: scale(1.16) !important;    }    .grid-container>div{        padding: 0 !important;    }    .footer__container-right h2{        margin: 0 0 5px 6px;    }    .grid_mob{        display: block;    }    .grid_desk{        display: none;    }    }