@import url("//hello.myfonts.net/count/2fe347");

@font-face {
    font-family: 'VAGRoundedLTPro-Light';
    src: url('../webfonts/2FE347_0_0.eot');
    src: url('../webfonts/2FE347_0_0.eot?#iefix') format('embedded-opentype'), url('../webfonts/2FE347_0_0.woff2') format('woff2'), url('../webfonts/2FE347_0_0.woff') format('woff'), url('../webfonts/2FE347_0_0.ttf') format('truetype')
}

@font-face {
    font-family: 'Trash Hand Regular';
    src: url('../webfonts/trash-hand-regular.eot');
    src: url('../webfonts/trash-hand-regular.eot?#iefix') format('embedded-opentype'), url('../webfonts/trash-hand-regular.ttf') format('truetype'), url('../webfonts/trash-hand-regular.svg#trashhandregular') format('svg');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'bounce-icons';
    src: url('../webfonts/bounce-icons.eot?uj5tp7');
    src: url('../webfonts/bounce-icons.eot?uj5tp7#iefix') format('embedded-opentype'), url('../webfonts/bounce-icons.woff2?uj5tp7') format('woff2'), url('../webfonts/bounce-icons.ttf?uj5tp7') format('truetype'), url('../webfonts/bounce-icons.woff?uj5tp7') format('woff'), url('../webfonts/bounce-icons.svg?uj5tp7#bounce-icons') format('svg');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'FFScalaSansWebRegular';
    src: url('../webfonts/2FE347_2_0.eot');
    src: url('../webfonts/2FE347_2_0.eot?#iefix') format('embedded-opentype'), url('../webfonts/2FE347_2_0.woff2') format('woff2'), url('../webfonts/2FE347_2_0.woff') format('woff'), url('../webfonts/2FE347_2_0.ttf') format('truetype')
}

@font-face {
    font-family: 'FFScalaSansWebBold';
    src: url('../webfonts/2FE347_1_0.eot');
    src: url('../webfonts/2FE347_1_0.eot?#iefix') format('embedded-opentype'), url('../webfonts/2FE347_1_0.woff2') format('woff2'), url('../webfonts/2FE347_1_0.woff') format('woff'), url('../webfonts/2FE347_1_0.ttf') format('truetype')
}

.social-mobile__trigger:after, .social-switch:before, [class*=" icon-"], [class^=icon-] {
    font-family: 'bounce-icons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-percentage:before {
    content: "\e90b"
}

.icon-hash:before {
    content: "\e90a"
}

.icon-cross:before {
    content: "\e906"
}

.icon-eye:before {
    content: "\e905"
}

.icon-instagram:before {
    content: "\e907"
}

.icon-twitter-square:before {
    content: "\e908"
}

.icon-facebook-square:before {
    content: "\e909"
}

.icon-close:before {
    content: "\e904"
}

.icon-check:before {
    content: "\e903"
}

.icon-arrow-down:before, .social-mobile__trigger:after, .social-switch:before {
    content: "\e902"
}

.icon-angle-down:before {
    content: "\e901"
}

.icon-arrow-right:before {
    content: "\e900"
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0
}

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    font-size: 62.5%;
    -webkit-font-smoothing: antialiased
}

body {
    line-height: 1;
    background: #fff
}

blockquote {
    quotes: none
}

abbr[title] {
    border-bottom: 1px dotted
}

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word
}

small {
    font-size: 80%
}

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

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

ul {
    list-style-type: none
}

address {
    font-style: normal
}

a:active, a:hover {
    outline: 0
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

img {
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: middle;
    max-width: 100%;
    height: auto
}

input:first-line, select:first-line {
    display: inline-block
}

button, html, input, select, textarea {
    font-family: inherit;
    color: #222;
    font-size: 100%
}

button, input, label, option, select, textarea {
    vertical-align: baseline;
    *vertical-align: middle;
    cursor: pointer;
    border-radius: 0
}

button, input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    *overflow: visible
}

input[type=text]:active, input[type=text]:focus, textarea:active, textarea:focus {
    cursor: text
}

button[disabled], input[disabled] {
    cursor: default
}

textarea {
    overflow: auto;
    vertical-align: top;
    resize: vertical
}

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

[hidden] {
    display: none
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
    display: block
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: black;
    padding: 0.2em 0;
    text-align: center
}

.chromeframe a {
    color: #00e
}

@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
        -webkit-filter: none !important;
        filter: none !important;
        -ms-filter: none !important
    }

    a, a:visited {
        text-decoration: underline
    }

    a[href]:after {
        content: " ("attr(href) ")"
    }

    a[href^="#"]:after {
        content: ""
    }

    img {
        max-width: 100% !important
    }
}

.account-addresses .col2-set>div a, .button, .rounded, .woocommerce-view-order .col2-set>div a {
    border-radius: 5px
}

.basket-content .coupon, .cf, .checkout-content .checkout-details, .feat-slide .product>div, .woocommerce-edit-account .checkout-details, .woocommerce-edit-address .checkout-details {
    *zoom: 1
}

.basket-content .coupon, .cf:after, .cf:before, .checkout-content .checkout-details:after, .feat-slide .product>div, .woocommerce-edit-account .checkout-details:after, .woocommerce-edit-address .checkout-details:after {
    content: "";
    display: table
}

.basket-content .coupon, .cf:after, .checkout-content .checkout-details:after, .feat-slide .product>div, .woocommerce-edit-account .checkout-details:after, .woocommerce-edit-address .checkout-details:after {
    clear: both
}

.clear {
    clear: both
}

.clear-left {
    clear: left
}

.clear-right {
    clear: right
}

.ir {
    clip: rect(0 0 0 0);
    overflow: hidden;
    position: absolute;
    height: 1px;
    width: 1px
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.full-justify {
    text-align: justify
}

.full-justify:after {
    content: "";
    display: inline-block;
    height: 0;
    width: 100%
}

.alignleft {
    float: left
}

.alignright {
    float: right
}

.aligncenter {
    margin: 0 auto 2rem
}

img.alignleft {
    margin: 0.5rem 2rem 1rem 0
}

img.alignright {
    margin: 0.5rem 0 1rem 2rem
}

img.aligncenter {
    display: block
}

.w10 {
    width: 10%
}

.w12 {
    width: 12.5%
}

.w18 {
    width: 18.5%
}

.w20 {
    width: 20%
}

.variations_form>div, .variations_form>table, .w25 {
    width: 25%
}

.w30 {
    width: 30%
}

.featured-grid .product, .products li, .related .product, .upsells .product, .w33 {
    width: 33.33%
}

.account-addresses .col2-set>div, .w40, .woocommerce-view-order .col2-set>div {
    width: 40%
}

.login-content .col2-set>div, .variations_form .single_variation, .variations_form .single_variation_wrap, .variations_form .variations_button, .w50, .woocommerce-lost-password .woocommerce .col2-set>div {
    width: 50%
}

.w60 {
    width: 60%
}

.w66 {
    width: 66.66%
}

.w70 {
    width: 70%
}

.w75 {
    width: 75%
}

.w80 {
    width: 80%
}

.w90 {
    width: 90%
}

.w100 {
    width: 100%
}

.cart-collaterals, .container, .woocommerce-edit-account .page-single form, .woocommerce-edit-address .page-single form {
    max-width: 115.6rem;
    margin-left: auto;
    margin-right: auto;
    padding-left: 2rem;
    padding-right: 2rem
}

.account-addresses .col2-set, .featured-grid .products, .grid, .login-content .col2-set, .product-banner__summary, .products, .related .products, .upsells .products, .variations_form, .variations_form .single_variation_wrap, .woocommerce-lost-password .woocommerce .col2-set, .woocommerce-view-order .col2-set {
    font-size: 0
}

.grid>* {
    font-size: initial
}

.grid--pulled {
    margin-left: -1rem;
    margin-right: -1rem
}

.account-addresses .col2-set, .grid--spaced, .login-content .col2-set, .product-banner__summary, .woocommerce-lost-password .woocommerce .col2-set, .woocommerce-view-order .col2-set {
    padding-left: 1rem;
    padding-right: 1rem
}

.account-addresses .col2-set>div, .column, .featured-grid .product, .login-content .col2-set>div, .products li, .related .product, .upsells .product, .variations_form .single_variation, .variations_form .single_variation_wrap, .variations_form .variations_button, .variations_form>div, .variations_form>table, .woocommerce-lost-password .woocommerce .col2-set>div, .woocommerce-view-order .col2-set>div {
    display: inline-block;
    vertical-align: top;
    font-size: initial
}

.ie .column {
    font-size: 1.6rem
}

.account-addresses .col2-set>div, .column--spaced, .featured-grid .product, .login-content .col2-set>div, .products li, .related .product, .upsells .product, .variations_form .single_variation, .variations_form .single_variation_wrap, .variations_form .variations_button, .variations_form>div, .variations_form>table, .woocommerce-lost-password .woocommerce .col2-set>div, .woocommerce-view-order .col2-set>div {
    padding-left: 1rem;
    padding-right: 1rem
}

a {
    color: #B5BE02;
    text-decoration: none;
    outline: 0
}

a:focus, a:hover {
    color: #e5f003
}

::-moz-selection {
    background: #B5BE02;
    color: #fff;
    text-shadow: none
}

::selection {
    background: #B5BE02;
    color: #fff;
    text-shadow: none
}

html {
    font-size: 62.5%
}

body {
    color: #8e8e8e;
    font-size: 1.6rem
}

body {
    font-family: 'FFScalaSansWebRegular', sans-serif
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Trash Hand Regular', sans-serif;
    line-height: 1.2;
    margin-bottom: 2rem;
    font-weight: normal
}

.h1, h1 {
    font-size: 6.6rem
}

@media (max-width:480px) {
    .h1, h1 {
        font-size: 4.5rem
    }
}

.h2, h2 {
    font-size: 4.5rem
}

@media (max-width:480px) {
    .h2, h2 {
        font-size: 3.6rem
    }
}

.h3, h3 {
    font-size: 3.4rem
}

@media (max-width:480px) {
    .h3, h3 {
        font-size: 2.2rem
    }
}

.h4, h4 {
    font-size: 2.2rem
}

@media (max-width:480px) {
    .h4, h4 {
        font-size: 1.8rem
    }
}

.h5, h5 {
    font-size: 1.8rem
}

@media (max-width:480px) {
    .h5, h5 {
        font-size: 1.6rem
    }
}

p {
    line-height: 1.6;
    margin-bottom: 2rem
}

article blockquote {
    font-style: italic;
    padding: 2rem;
    margin-bottom: 2rem
}

article blockquote>p {
    margin-bottom: 0
}

article ol, article ul {
    padding-left: 2rem;
    margin: 2rem 0;
    list-style-position: outside;
    list-style-type: disc
}

article li {
    margin: 1rem 0
}

.wp-caption {
    max-width: 100% !important;
    margin-bottom: 2rem
}

.wp-caption>a {
    display: block
}

.wp-caption-text {
    text-align: center;
    font-size: 80%;
    margin: .5rem 0
}

.flip-clock-wrapper * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden
}

.flip-clock-wrapper a {
    cursor: pointer;
    text-decoration: none;
    color: #ccc
}

.flip-clock-wrapper a:hover {
    color: #fff
}

.flip-clock-wrapper ul {
    list-style: none
}

.flip-clock-wrapper.clearfix:after, .flip-clock-wrapper.clearfix:before {
    content: " ";
    display: table
}

.flip-clock-wrapper.clearfix:after {
    clear: both
}

.flip-clock-wrapper.clearfix {
    *zoom: 1
}

.flip-clock-wrapper {
    font: normal 11px "Helvetica Neue", Helvetica, sans-serif;
    -webkit-user-select: none
}

.flip-clock-meridium {
    background: none !important;
    box-shadow: 0 0 0 !important;
    font-size: 36px !important
}

.flip-clock-meridium a {
    color: #313333
}

.flip-clock-wrapper {
    text-align: center;
    position: relative;
    margin: 1em
}

.flip-clock-wrapper:after, .flip-clock-wrapper:before {
    content: " ";
    display: table
}

.flip-clock-wrapper:after {
    clear: both
}

.flip-clock-wrapper ul {
    position: relative;
    margin: 5px;
    width: 80px;
    height: 80px;
    font-size: 80px;
    font-weight: bold;
    line-height: 80px;
    border-radius: 6px;
    background: #000;
    display: inline-block
}

.flip-clock-wrapper ul li {
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    line-height: 80px;
    text-decoration: none !important
}

.flip-clock-wrapper ul li:first-child {
    z-index: 2
}

.flip-clock-wrapper ul li a {
    display: block;
    height: 100%;
    -webkit-perspective: 200px;
    -moz-perspective: 200px;
    perspective: 200px;
    margin: 0 !important;
    overflow: visible !important;
    cursor: default !important
}

.flip-clock-wrapper ul li a div {
    z-index: 1;
    position: absolute;
    left: 0;
    width: 100%;
    height: 50%;
    font-size: 80px;
    overflow: hidden;
    outline: 1px solid transparent
}

.flip-clock-wrapper ul li a div .shadow {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2
}

.flip-clock-wrapper ul li a div.up {
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    top: 0
}

.flip-clock-wrapper ul li a div.down {
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    -o-transform-origin: 50% 0;
    transform-origin: 50% 0;
    bottom: 0;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px
}

.flip-clock-wrapper ul li a div div.inn {
    position: absolute;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 200%;
    color: #fff;
    text-align: center;
    background-color: #333;
    border-radius: 6px;
    font-size: 4.7rem;
    letter-spacing: 6px;
    text-indent: 5px;
    font-family: 'VAG Rounded Thin', sans-serif;
    line-height: 8rem
}

.osx .flip-clock-wrapper ul li a div div.inn {
    line-height: 8.7rem
}

.flip-clock-wrapper ul li a div.up div.inn {
    top: 0;
    background-color: #313130
}

.flip-clock-wrapper ul li a div.down div.inn {
    bottom: 0;
    background-color: #515151
}

.flip-clock-wrapper ul.play li.flip-clock-before {
    z-index: 3
}

.flip-clock-wrapper ul.play li.flip-clock-active {
    -webkit-animation: asd 0.5s 0.5s linear both;
    -moz-animation: asd 0.5s 0.5s linear both;
    animation: asd 0.5s 0.5s linear both;
    z-index: 5
}

.flip-clock-divider {
    display: inline-block;
    position: relative;
    width: 5px;
    height: 100px
}

.flip-clock-divider:first-child {
    width: 0
}

.flip-clock-dot {
    display: block;
    background: #323434;
    width: 10px;
    height: 10px;
    position: absolute;
    border-radius: 50%;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    left: 5px
}

.flip-clock-divider .flip-clock-label {
    position: absolute;
    bottom: -2.5rem;
    right: -62px;
    text-shadow: none;
    font-size: 1.2rem;
    letter-spacing: 0.07em;
    font-family: 'VAG Rounded Thin', sans-serif
}

.flip-clock-divider.minutes .flip-clock-label {
    right: -73px
}

.flip-clock-divider.seconds .flip-clock-label {
    right: -91px
}

.flip-clock-dot.top {
    top: 30px
}

.flip-clock-dot.bottom {
    bottom: 30px
}

@-webkit-keyframes asd {
    0% {
        z-index: 2
    }

    20% {
        z-index: 4
    }

    to {
        z-index: 4
    }
}

@-moz-keyframes asd {
    0% {
        z-index: 2
    }

    20% {
        z-index: 4
    }

    to {
        z-index: 4
    }
}

@-o-keyframes asd {
    0% {
        z-index: 2
    }

    20% {
        z-index: 4
    }

    to {
        z-index: 4
    }
}

@keyframes asd {
    0% {
        z-index: 2
    }

    20% {
        z-index: 4
    }

    to {
        z-index: 4
    }
}

.flip-clock-wrapper ul.play li.flip-clock-active .down {
    z-index: 2;
    -webkit-animation: turn 0.5s 0.5s linear both;
    -moz-animation: turn 0.5s 0.5s linear both;
    animation: turn 0.5s 0.5s linear both
}

@-webkit-keyframes turn {
    0% {
        -webkit-transform: rotateX(90deg)
    }

    to {
        -webkit-transform: rotateX(0deg)
    }
}

@-moz-keyframes turn {
    0% {
        -moz-transform: rotateX(90deg)
    }

    to {
        -moz-transform: rotateX(0deg)
    }
}

@-o-keyframes turn {
    0% {
        -o-transform: rotateX(90deg)
    }

    to {
        -o-transform: rotateX(0deg)
    }
}

@keyframes turn {
    0% {
        -webkit-transform: rotateX(90deg);
        transform: rotateX(90deg)
    }

    to {
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg)
    }
}

.flip-clock-wrapper ul.play li.flip-clock-before .up {
    z-index: 2;
    -webkit-animation: turn2 0.5s linear both;
    -moz-animation: turn2 0.5s linear both;
    animation: turn2 0.5s linear both
}

@-webkit-keyframes turn2 {
    0% {
        -webkit-transform: rotateX(0deg)
    }

    to {
        -webkit-transform: rotateX(-90deg)
    }
}

@-moz-keyframes turn2 {
    0% {
        -moz-transform: rotateX(0deg)
    }

    to {
        -moz-transform: rotateX(-90deg)
    }
}

@-o-keyframes turn2 {
    0% {
        -o-transform: rotateX(0deg)
    }

    to {
        -o-transform: rotateX(-90deg)
    }
}

@keyframes turn2 {
    0% {
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg)
    }

    to {
        -webkit-transform: rotateX(-90deg);
        transform: rotateX(-90deg)
    }
}

.flip-clock-wrapper ul li.flip-clock-active {
    z-index: 3
}

.flip-clock-wrapper ul.play li.flip-clock-before .up .shadow {
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));
    background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%;
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
    background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%;
    -webkit-animation: show 0.5s linear both;
    -moz-animation: show 0.5s linear both;
    animation: show 0.5s linear both
}

.flip-clock-wrapper ul.play li.flip-clock-active .up .shadow {
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));
    background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%;
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
    background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%;
    -webkit-animation: hide 0.5s 0.3s linear both;
    -moz-animation: hide 0.5s 0.3s linear both;
    animation: hide 0.5s 0.3s linear both
}

.flip-clock-wrapper ul.play li.flip-clock-before .down .shadow {
    background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1)));
    background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%;
    background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
    background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
    background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%;
    -webkit-animation: show 0.5s linear both;
    -moz-animation: show 0.5s linear both;
    animation: show 0.5s linear both
}

.flip-clock-wrapper ul.play li.flip-clock-active .down .shadow {
    background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1)));
    background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%;
    background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
    background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
    background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%;
    -webkit-animation: hide 0.5s 0.3s linear both;
    -moz-animation: hide 0.5s 0.3s linear both;
    animation: hide 0.5s 0.2s linear both
}

@-webkit-keyframes show {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-moz-keyframes show {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-o-keyframes show {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes show {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes hide {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-moz-keyframes hide {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-o-keyframes hide {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes hide {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.fancy-select {
    position: relative
}

.fancy-select.disabled {
    opacity: .5
}

.fancy-select select:focus+.trigger.open {
    border-radius: 5px 5px 5px 0
}

.fancy-select .trigger {
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    width: 100%;
    height: 6rem;
    line-height: 6rem;
    font-size: 1.8rem;
    padding: 0 2rem;
    border-radius: 5px;
    background-color: #fff;
    color: #542D00;
    transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1);
    -webkit-transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1);
    -moz-transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1);
    -ms-transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1);
    -o-transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1)
}

.fancy-select .trigger:after {
    content: "\e902";
    display: block;
    position: absolute;
    width: 6rem;
    height: 6rem;
    line-height: 6rem;
    text-align: center;
    top: 0;
    right: 0;
    font-family: 'bounce-icons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1);
    transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.ie .fancy-select .trigger:after {
    top: 22px
}

.fancy-select .trigger.open:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.fancy-select .options {
    list-style: none;
    margin: 0;
    position: absolute;
    top: 6rem;
    left: 0;
    visibility: hidden;
    opacity: 0;
    z-index: 50;
    max-height: 20rem;
    overflow: auto;
    min-width: 20rem;
    width: 100%;
    width: calc(100% + 3rem);
    border-radius: 0 0 5px 5px;
    transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1);
    -webkit-transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1);
    -moz-transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1);
    -ms-transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1);
    -o-transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1)
}

@media (max-width:768px) {
    .fancy-select .options {
        width: calc(113.1%)
    }
}

.fancy-select .options.open {
    visibility: visible;
    opacity: 1;
    transition: opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1), top 0.3s cubic-bezier(0.55, 0, 0.1, 1);
    -webkit-transition: opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1), top 0.3s cubic-bezier(0.55, 0, 0.1, 1);
    -moz-transition: opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1), top 0.3s cubic-bezier(0.55, 0, 0.1, 1);
    -ms-transition: opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1), top 0.3s cubic-bezier(0.55, 0, 0.1, 1);
    -o-transition: opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1), top 0.3s cubic-bezier(0.55, 0, 0.1, 1)
}

.fancy-select .options.overflowing {
    top: auto;
    bottom: 6rem;
    border-radius: 5px 5px 0 0
}

.fancy-select .options li {
    cursor: pointer;
    white-space: nowrap;
    height: 6rem;
    line-height: 6rem;
    font-size: 1.8rem;
    padding: 0 2rem;
    color: #542D00;
    background-color: #fff;
    transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1);
    -webkit-transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1);
    -moz-transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1);
    -ms-transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1);
    -o-transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1)
}

.fancy-select .options li.hover {
    background-color: #B5BE02;
    color: #fff
}

/*! lightslider - v1.1.5 - 2015-10-31
* https://github.com/sachinchoolur/lightslider
* Copyright (c) 2015 Sachin N; Licensed MIT */
/*! lightslider - v1.1.3 - 2015-04-14
* https://github.com/sachinchoolur/lightslider
* Copyright (c) 2015 Sachin N; Licensed MIT */
.lSSlideOuter {
    overflow: hidden;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.lightSlider:after, .lightSlider:before {
    content: " ";
    display: table
}

.lightSlider {
    overflow: hidden;
    margin: 0
}

.lSSlideWrapper {
    max-width: 100%;
    overflow: hidden;
    position: relative
}

.lSSlideWrapper>.lightSlider:after {
    clear: both
}

.lSSlideWrapper .lSSlide {
    -webkit-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    -webkit-transition: all 1s;
    -webkit-transition-property: -webkit-transform, height;
    transition-property: -webkit-transform, height;
    transition-property: height, -webkit-transform;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform;
    -webkit-transition-duration: inherit !important;
    transition-duration: inherit !important;
    -webkit-transition-timing-function: inherit !important;
    transition-timing-function: inherit !important
}

.lSSlideWrapper .lSFade {
    position: relative
}

.lSSlideWrapper .lSFade>* {
    position: absolute !important;
    top: 0;
    left: 0;
    z-index: 9;
    margin-right: 0;
    width: 100%
}

.lSSlideWrapper.usingCss .lSFade>* {
    opacity: 0;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-duration: inherit !important;
    transition-duration: inherit !important;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: inherit !important;
    transition-timing-function: inherit !important
}

.lSSlideWrapper .lSFade>.active {
    z-index: 10
}

.lSSlideWrapper.usingCss .lSFade>.active {
    opacity: 1
}

.lSSlideOuter .lSPager.lSpg {
    margin: 10px 0 0;
    padding: 0;
    text-align: center
}

.lSSlideOuter .lSPager.lSpg>li {
    cursor: pointer;
    display: inline-block;
    padding: 0 5px
}

.lSSlideOuter .lSPager.lSpg>li a {
    background-color: #222222;
    border-radius: 30px;
    display: inline-block;
    height: 8px;
    overflow: hidden;
    text-indent: -999em;
    width: 8px;
    position: relative;
    z-index: 99;
    -webkit-transition: all 0.5s linear 0s;
    transition: all 0.5s linear 0s
}

.lSSlideOuter .lSPager.lSpg>li.active a, .lSSlideOuter .lSPager.lSpg>li:hover a {
    background-color: #428bca
}

.lSSlideOuter .media {
    opacity: 0.8
}

.lSSlideOuter .media.active {
    opacity: 1
}

.lSSlideOuter .lSPager.lSGallery {
    list-style: none outside none;
    padding-left: 0;
    margin: 0;
    overflow: hidden;
    transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
    -ms-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate3d(0px, 0px, 0px);
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.lSSlideOuter .lSPager.lSGallery li {
    overflow: hidden;
    -webkit-transition: border-radius 0.12s linear 0s 0.35s linear 0s;
    transition: border-radius 0.12s linear 0s 0.35s linear 0s
}

.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover {
    border-radius: 5px
}

.lSSlideOuter .lSPager.lSGallery img {
    display: block;
    height: auto;
    max-width: 100%
}

.lSSlideOuter .lSPager.lSGallery:after, .lSSlideOuter .lSPager.lSGallery:before {
    content: " ";
    display: table
}

.lSSlideOuter .lSPager.lSGallery:after {
    clear: both
}

.lSAction>a {
    width: 32px;
    display: block;
    top: 50%;
    height: 32px;
    cursor: pointer;
    position: absolute;
    z-index: 99;
    margin-top: -16px;
    opacity: 0.5;
    -webkit-transition: opacity 0.35s linear 0s;
    transition: opacity 0.35s linear 0s
}

.lSAction>a:hover {
    opacity: 1
}

.lSAction>.lSPrev {
    background-position: 0 0;
    left: 10px
}

.lSAction>.lSNext {
    background-position: -32px 0;
    right: 10px
}

.lSAction>a.disabled {
    pointer-events: none
}

.cS-hidden {
    height: 1px;
    opacity: 0;
    filter: alpha(opacity=0);
    overflow: hidden
}

.lSSlideOuter.vertical {
    position: relative
}

.lSSlideOuter.vertical.noPager {
    padding-right: 0px !important
}

.lSSlideOuter.vertical .lSGallery {
    position: absolute !important;
    right: 0;
    top: 0
}

.lSSlideOuter.vertical .lightSlider>* {
    width: 100% !important;
    max-width: none !important
}

.lSSlideOuter.vertical .lSAction>a {
    left: 50%;
    margin-left: -14px;
    margin-top: 0
}

.lSSlideOuter.vertical .lSAction>.lSNext {
    background-position: 31px -31px;
    bottom: 10px;
    top: auto
}

.lSSlideOuter.vertical .lSAction>.lSPrev {
    background-position: 0 -31px;
    bottom: auto;
    top: 10px
}

.lSSlideOuter.lSrtl {
    direction: rtl
}

.lSSlideOuter .lightSlider, .lSSlideOuter .lSPager {
    padding-left: 0;
    list-style: none outside none
}

.lSSlideOuter.lSrtl .lightSlider, .lSSlideOuter.lSrtl .lSPager {
    padding-right: 0
}

.lSSlideOuter .lightSlider>*, .lSSlideOuter .lSGallery li {
    float: left
}

.lSSlideOuter.lSrtl .lightSlider>*, .lSSlideOuter.lSrtl .lSGallery li {
    float: right !important
}

@-webkit-keyframes rightEnd {
    0% {
        left: 0
    }

    50% {
        left: -15px
    }

    to {
        left: 0
    }
}

@keyframes rightEnd {
    0% {
        left: 0
    }

    50% {
        left: -15px
    }

    to {
        left: 0
    }
}

@-webkit-keyframes topEnd {
    0% {
        top: 0
    }

    50% {
        top: -15px
    }

    to {
        top: 0
    }
}

@keyframes topEnd {
    0% {
        top: 0
    }

    50% {
        top: -15px
    }

    to {
        top: 0
    }
}

@-webkit-keyframes leftEnd {
    0% {
        left: 0
    }

    50% {
        left: 15px
    }

    to {
        left: 0
    }
}

@keyframes leftEnd {
    0% {
        left: 0
    }

    50% {
        left: 15px
    }

    to {
        left: 0
    }
}

@-webkit-keyframes bottomEnd {
    0% {
        bottom: 0
    }

    50% {
        bottom: -15px
    }

    to {
        bottom: 0
    }
}

@keyframes bottomEnd {
    0% {
        bottom: 0
    }

    50% {
        bottom: -15px
    }

    to {
        bottom: 0
    }
}

.lSSlideOuter .rightEnd {
    -webkit-animation: rightEnd 0.3s;
    animation: rightEnd 0.3s;
    position: relative
}

.lSSlideOuter .leftEnd {
    -webkit-animation: leftEnd 0.3s;
    animation: leftEnd 0.3s;
    position: relative
}

.lSSlideOuter.vertical .rightEnd {
    -webkit-animation: topEnd 0.3s;
    animation: topEnd 0.3s;
    position: relative
}

.lSSlideOuter.vertical .leftEnd {
    -webkit-animation: bottomEnd 0.3s;
    animation: bottomEnd 0.3s;
    position: relative
}

.lSSlideOuter.lSrtl .rightEnd {
    -webkit-animation: leftEnd 0.3s;
    animation: leftEnd 0.3s;
    position: relative
}

.lSSlideOuter.lSrtl .leftEnd {
    -webkit-animation: rightEnd 0.3s;
    animation: rightEnd 0.3s;
    position: relative
}

.lightSlider.lsGrab>* {
    cursor: -webkit-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab
}

.lightSlider.lsGrabbing>* {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: -o-grabbing;
    cursor: -ms-grabbing;
    cursor: grabbing
}

@-webkit-keyframes bounceIn {
    20%, 40%, 60%, 80%, 0%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97)
    }

    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes bounceIn {
    20%, 40%, 60%, 80%, 0%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97)
    }

    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@-webkit-keyframes hover {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    65% {
        -webkit-transform: translateY(0.5rem);
        -ms-transform: translateY(0.5rem);
        transform: translateY(0.5rem)
    }

    to {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes hover {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    65% {
        -webkit-transform: translateY(0.5rem);
        transform: translateY(0.5rem)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes hover {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    65% {
        -webkit-transform: translateY(0.5rem);
        transform: translateY(0.5rem)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes hover__shadows {
    0% {
        ransform: scale(0.8);
        opacity: 1
    }

    50% {
        ransform: scale(1);
        opacity: .8
    }

    to {
        ransform: scale(0.8);
        opacity: 1
    }
}

@-webkit-keyframes hover__shadows {
    0% {
        ransform: scale(0.8);
        opacity: 1
    }

    50% {
        ransform: scale(1);
        opacity: .8
    }

    to {
        ransform: scale(0.8);
        opacity: 1
    }
}

@keyframes hover__shadows {
    0% {
        ransform: scale(0.8);
        opacity: 1
    }

    50% {
        ransform: scale(1);
        opacity: .8
    }

    to {
        ransform: scale(0.8);
        opacity: 1
    }
}

@-webkit-keyframes bounceInUp {
    60%, 75%, 90%, 0%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-webkit-keyframes bounceInUp {
    60%, 75%, 90%, 0%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes bounceInUp {
    60%, 75%, 90%, 0%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp;
    -webkit-animation-duration: .5s;
    animation-duration: .5s
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }

    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0)
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }

    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0)
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown;
    -webkit-animation-duration: .5s;
    animation-duration: .5s
}

@-webkit-keyframes jello {
    11.1%, 0%, to {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        -ms-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        -ms-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        -ms-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        -ms-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        -ms-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        -ms-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg)
    }

    88.8% {
        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        -ms-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg)
    }
}

@-webkit-keyframes jello {
    11.1%, 0%, to {
        -webkit-transform: none;
        transform: none
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg)
    }

    88.8% {
        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg)
    }
}

@keyframes jello {
    11.1%, 0%, to {
        -webkit-transform: none;
        transform: none
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg)
    }

    88.8% {
        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg)
    }
}

.jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-animation-duration: .75s;
    animation-duration: .75s
}

@-webkit-keyframes bounce-ball {
    0%, to {
        -webkit-transform: translateY(0) scaleY(0.91);
        -ms-transform: translateY(0) scaleY(0.91);
        transform: translateY(0) scaleY(0.91)
    }

    75% {
        -webkit-transform: translateY(-2rem) scaleY(1);
        -ms-transform: translateY(-2rem) scaleY(1);
        transform: translateY(-2rem) scaleY(1)
    }
}

@keyframes bounce-ball {
    0%, to {
        -webkit-transform: translateY(0) scaleY(0.91);
        -ms-transform: translateY(0) scaleY(0.91);
        transform: translateY(0) scaleY(0.91)
    }

    75% {
        -webkit-transform: translateY(-2rem) scaleY(1);
        -ms-transform: translateY(-2rem) scaleY(1);
        transform: translateY(-2rem) scaleY(1)
    }
}

@-webkit-keyframes bounce-ball--colours {
    0% {
        background: #1480A5
    }

    20% {
        background: #F4C22C
    }

    40% {
        background: #F74A5E
    }

    60% {
        background: #A2195B
    }

    80% {
        background: #EE7600
    }

    to {
        background: #1480A5
    }
}

@keyframes bounce-ball--colours {
    0% {
        background: #1480A5
    }

    20% {
        background: #F4C22C
    }

    40% {
        background: #F74A5E
    }

    60% {
        background: #A2195B
    }

    80% {
        background: #EE7600
    }

    to {
        background: #1480A5
    }
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate(3deg);
        -ms-transform: rotate(3deg);
        transform: rotate(3deg)
    }

    40% {
        -webkit-transform: rotate(-3deg);
        -ms-transform: rotate(-3deg);
        transform: rotate(-3deg)
    }

    60% {
        -webkit-transform: rotate(3deg);
        -ms-transform: rotate(3deg);
        transform: rotate(3deg)
    }

    80% {
        -webkit-transform: rotate(-3deg);
        -ms-transform: rotate(-3deg);
        transform: rotate(-3deg)
    }

    to {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate(3deg);
        -ms-transform: rotate(3deg);
        transform: rotate(3deg)
    }

    40% {
        -webkit-transform: rotate(-3deg);
        -ms-transform: rotate(-3deg);
        transform: rotate(-3deg)
    }

    60% {
        -webkit-transform: rotate(3deg);
        -ms-transform: rotate(3deg);
        transform: rotate(3deg)
    }

    80% {
        -webkit-transform: rotate(-3deg);
        -ms-transform: rotate(-3deg);
        transform: rotate(-3deg)
    }

    to {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

.swing {
    -webkit-transform-origin: bottom center;
    -ms-transform-origin: bottom center;
    transform-origin: bottom center;
    -webkit-animation-name: swing;
    animation-name: swing;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes pathOut {
    to {
        stroke-dashoffset: 0
    }
}

@keyframes pathOut {
    to {
        stroke-dashoffset: 0
    }
}

.anim-arrows {
    overflow: visible
}

.anim-arrows__arrow {
    -webkit-animation: anim-arrow--1 1.5s cubic-bezier(0.55, 0, 0.1, 1) infinite;
    animation: anim-arrow--1 1.5s cubic-bezier(0.55, 0, 0.1, 1) infinite
}

.gecko .anim-arrows__arrow {
    -webkit-animation: none;
    animation: none
}

.anim-arrows__arrow--1 {
    -webkit-animation-name: anim-arrow--1;
    animation-name: anim-arrow--1
}

.anim-arrows__arrow--2 {
    -webkit-animation-name: anim-arrow--2;
    animation-name: anim-arrow--2;
    -webkit-animation-delay: -0.2s;
    animation-delay: -0.2s
}

.anim-arrows__arrow--3 {
    -webkit-animation-name: anim-arrow--3;
    animation-name: anim-arrow--3;
    -webkit-animation-delay: -0.4s;
    animation-delay: -0.4s
}

.anim-arrows__arrow--4 {
    -webkit-animation-name: anim-arrow--4;
    animation-name: anim-arrow--4;
    -webkit-animation-delay: -0.6s;
    animation-delay: -0.6s
}

.anim-arrows__arrow--5 {
    -webkit-animation-name: anim-arrow--5;
    animation-name: anim-arrow--5;
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s
}

.anim-arrows__arrow--6 {
    -webkit-animation-name: anim-arrow--6;
    animation-name: anim-arrow--6;
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

.anim-arrows__arrow--7 {
    -webkit-animation-name: anim-arrow--7;
    animation-name: anim-arrow--7;
    -webkit-animation-delay: -1.2s;
    animation-delay: -1.2s
}

@-webkit-keyframes anim-arrow--1 {
    0%, 80% {
        opacity: 1
    }

    to {
        opacity: 0
    }

    0% {
        -webkit-transform: translate(0, 70%);
        transform: translate(0, 70%)
    }

    to {
        -webkit-transform: translate(30%, -50%);
        transform: translate(30%, -50%)
    }
}

@keyframes anim-arrow--1 {
    0%, 80% {
        opacity: 1
    }

    to {
        opacity: 0
    }

    0% {
        -webkit-transform: translate(0, 70%);
        transform: translate(0, 70%)
    }

    to {
        -webkit-transform: translate(30%, -50%);
        transform: translate(30%, -50%)
    }
}

@-webkit-keyframes anim-arrow--2 {
    0%, 80% {
        opacity: 1
    }

    to {
        opacity: 0
    }

    0% {
        -webkit-transform: translate(-140%, -40%);
        transform: translate(-140%, -40%)
    }

    to {
        -webkit-transform: translate(0, 30%);
        transform: translate(0, 30%)
    }
}

@keyframes anim-arrow--2 {
    0%, 80% {
        opacity: 1
    }

    to {
        opacity: 0
    }

    0% {
        -webkit-transform: translate(-140%, -40%);
        transform: translate(-140%, -40%)
    }

    to {
        -webkit-transform: translate(0, 30%);
        transform: translate(0, 30%)
    }
}

@-webkit-keyframes anim-arrow--3 {
    0%, 80% {
        opacity: 1
    }

    to {
        opacity: 0
    }

    0% {
        -webkit-transform: translate(160%, 120%);
        transform: translate(160%, 120%)
    }

    to {
        -webkit-transform: translate(-10%, -10%);
        transform: translate(-10%, -10%)
    }
}

@keyframes anim-arrow--3 {
    0%, 80% {
        opacity: 1
    }

    to {
        opacity: 0
    }

    0% {
        -webkit-transform: translate(160%, 120%);
        transform: translate(160%, 120%)
    }

    to {
        -webkit-transform: translate(-10%, -10%);
        transform: translate(-10%, -10%)
    }
}

@-webkit-keyframes anim-arrow--4 {
    0%, 80% {
        opacity: 1
    }

    to {
        opacity: 0
    }

    0% {
        -webkit-transform: translate(-120%, 70%);
        transform: translate(-120%, 70%)
    }

    to {
        -webkit-transform: translate(40%, -30%);
        transform: translate(40%, -30%)
    }
}

@keyframes anim-arrow--4 {
    0%, 80% {
        opacity: 1
    }

    to {
        opacity: 0
    }

    0% {
        -webkit-transform: translate(-120%, 70%);
        transform: translate(-120%, 70%)
    }

    to {
        -webkit-transform: translate(40%, -30%);
        transform: translate(40%, -30%)
    }
}

@-webkit-keyframes anim-arrow--5 {
    0%, 80% {
        opacity: 1
    }

    to {
        opacity: 0
    }

    0% {
        -webkit-transform: translate(-170%, 90%);
        transform: translate(-170%, 90%)
    }

    to {
        -webkit-transform: translate(20%, -20%);
        transform: translate(20%, -20%)
    }
}

@keyframes anim-arrow--5 {
    0%, 80% {
        opacity: 1
    }

    to {
        opacity: 0
    }

    0% {
        -webkit-transform: translate(-170%, 90%);
        transform: translate(-170%, 90%)
    }

    to {
        -webkit-transform: translate(20%, -20%);
        transform: translate(20%, -20%)
    }
}

@-webkit-keyframes anim-arrow--6 {
    0%, 50% {
        opacity: 1
    }

    to {
        opacity: 0
    }

    0% {
        -webkit-transform: translate(270%, 90%);
        transform: translate(270%, 90%)
    }

    to {
        -webkit-transform: translate(20%, -30%);
        transform: translate(20%, -30%)
    }
}

@keyframes anim-arrow--6 {
    0%, 50% {
        opacity: 1
    }

    to {
        opacity: 0
    }

    0% {
        -webkit-transform: translate(270%, 90%);
        transform: translate(270%, 90%)
    }

    to {
        -webkit-transform: translate(20%, -30%);
        transform: translate(20%, -30%)
    }
}

@-webkit-keyframes anim-arrow--7 {
    0%, 80% {
        opacity: 1
    }

    to {
        opacity: 0
    }

    0% {
        -webkit-transform: translate(130%, 0);
        transform: translate(130%, 0)
    }

    to {
        -webkit-transform: translate(-20%, 0%);
        transform: translate(-20%, 0%)
    }
}

@keyframes anim-arrow--7 {
    0%, 80% {
        opacity: 1
    }

    to {
        opacity: 0
    }

    0% {
        -webkit-transform: translate(130%, 0);
        transform: translate(130%, 0)
    }

    to {
        -webkit-transform: translate(-20%, 0%);
        transform: translate(-20%, 0%)
    }
}

.anim-stars {
    overflow: visible;
    height: 110%;
    top: -7rem !important
}

.anim-stars__star {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-animation: anim-stars-stars 2s cubic-bezier(0.55, 0, 0.1, 1) infinite;
    animation: anim-stars-stars 2s cubic-bezier(0.55, 0, 0.1, 1) infinite
}

.gecko .anim-stars__star {
    -webkit-animation: none;
    animation: none
}

.anim-stars__line {
    -webkit-animation: anim-stars-lines 2s cubic-bezier(0.55, 0, 0.1, 1) infinite;
    animation: anim-stars-lines 2s cubic-bezier(0.55, 0, 0.1, 1) infinite
}

.gecko .anim-stars__line {
    -webkit-animation: none;
    animation: none
}

.anim-stars__line--1 {
    stroke-dasharray: 43;
    stroke-dashoffset: 43
}

.anim-stars__line--2 {
    stroke-dasharray: 79;
    stroke-dashoffset: 79;
    -webkit-animation-delay: -0.3s;
    animation-delay: -0.3s
}

.anim-stars__star--2 {
    -webkit-animation-delay: -0.3s;
    animation-delay: -0.3s
}

.anim-stars__line--3 {
    stroke-dasharray: 55;
    stroke-dashoffset: 55;
    -webkit-animation-delay: -0.6s;
    animation-delay: -0.6s
}

.anim-stars__star--3 {
    -webkit-animation-delay: -0.6s;
    animation-delay: -0.6s
}

.anim-stars__line--4 {
    stroke-dasharray: 46;
    stroke-dashoffset: 46;
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s
}

.anim-stars__star--4 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s
}

.anim-stars__line--5 {
    stroke-dasharray: 48;
    stroke-dashoffset: 48;
    -webkit-animation-delay: -1.2s;
    animation-delay: -1.2s
}

.anim-stars__star--5 {
    -webkit-animation-delay: -1.2s;
    animation-delay: -1.2s
}

.anim-stars__line--6 {
    stroke-dasharray: 55;
    stroke-dashoffset: 55;
    -webkit-animation-delay: -1.5s;
    animation-delay: -1.5s
}

.anim-stars__star--6 {
    -webkit-animation-delay: -1.5s;
    animation-delay: -1.5s
}

.anim-stars__line--7 {
    stroke-dasharray: 44;
    stroke-dashoffset: 44;
    -webkit-animation-delay: -1.8s;
    animation-delay: -1.8s
}

.anim-stars__star--7 {
    -webkit-animation-delay: -1.8s;
    animation-delay: -1.8s
}

.anim-stars__line--8 {
    stroke-dasharray: 46;
    stroke-dashoffset: 46;
    -webkit-animation-delay: -2.1s;
    animation-delay: -2.1s
}

.anim-stars__star--7 {
    -webkit-animation-delay: -2.1s;
    animation-delay: -2.1s
}

@-webkit-keyframes anim-stars-lines {
    80% {
        stroke-dashoffset: 0;
        opacity: 1
    }

    to {
        stroke-dashoffset: 0;
        opacity: 0
    }
}

@keyframes anim-stars-lines {
    80% {
        stroke-dashoffset: 0;
        opacity: 1
    }

    to {
        stroke-dashoffset: 0;
        opacity: 0
    }
}

@-webkit-keyframes anim-stars-stars {
    0%, 40% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    75% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

@keyframes anim-stars-stars {
    0%, 40% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    75% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

.anim-ripple {
    overflow: visible;
    height: 120%
}

.anim-ripple__item--left .anim-ripple__line {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-animation: anim-ripple-left 1.5s linear infinite;
    animation: anim-ripple-left 1.5s linear infinite
}

.anim-ripple__item--left .anim-ripple__line--2 {
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

.anim-ripple__item--right .anim-ripple__line {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-animation: anim-ripple-right 1.5s linear infinite;
    animation: anim-ripple-right 1.5s linear infinite
}

.anim-ripple__item--right .anim-ripple__line--3 {
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

@-webkit-keyframes anim-ripple-left {
    60% {
        opacity: 1
    }

    90%, to {
        opacity: 0
    }

    0% {
        -webkit-transform: translateX(0) scale(1);
        transform: translateX(0) scale(1)
    }

    20% {
        -webkit-transform: translateX(-5px) scale(1.1);
        transform: translateX(-5px) scale(1.1)
    }

    40% {
        -webkit-transform: translateX(-10px) scale(1);
        transform: translateX(-10px) scale(1)
    }

    60% {
        -webkit-transform: translateX(-15px) scale(1.1);
        transform: translateX(-15px) scale(1.1)
    }

    80% {
        -webkit-transform: translateX(-20px) scale(1.2);
        transform: translateX(-20px) scale(1.2)
    }

    to {
        -webkit-transform: translateX(-25px) scale(1.1);
        transform: translateX(-25px) scale(1.1)
    }
}

@keyframes anim-ripple-left {
    60% {
        opacity: 1
    }

    90%, to {
        opacity: 0
    }

    0% {
        -webkit-transform: translateX(0) scale(1);
        transform: translateX(0) scale(1)
    }

    20% {
        -webkit-transform: translateX(-5px) scale(1.1);
        transform: translateX(-5px) scale(1.1)
    }

    40% {
        -webkit-transform: translateX(-10px) scale(1);
        transform: translateX(-10px) scale(1)
    }

    60% {
        -webkit-transform: translateX(-15px) scale(1.1);
        transform: translateX(-15px) scale(1.1)
    }

    80% {
        -webkit-transform: translateX(-20px) scale(1.2);
        transform: translateX(-20px) scale(1.2)
    }

    to {
        -webkit-transform: translateX(-25px) scale(1.1);
        transform: translateX(-25px) scale(1.1)
    }
}

@-webkit-keyframes anim-ripple-right {
    60% {
        opacity: 1
    }

    90%, to {
        opacity: 0
    }

    0% {
        -webkit-transform: translateX(0) scale(1);
        transform: translateX(0) scale(1)
    }

    20% {
        -webkit-transform: translateX(5px) scale(1.1);
        transform: translateX(5px) scale(1.1)
    }

    40% {
        -webkit-transform: translateX(10px) scale(1);
        transform: translateX(10px) scale(1)
    }

    60% {
        -webkit-transform: translateX(15px) scale(1.1);
        transform: translateX(15px) scale(1.1)
    }

    80% {
        -webkit-transform: translateX(20px) scale(1.2);
        transform: translateX(20px) scale(1.2)
    }

    to {
        -webkit-transform: translateX(25px) scale(1.1);
        transform: translateX(25px) scale(1.1)
    }
}

@keyframes anim-ripple-right {
    60% {
        opacity: 1
    }

    90%, to {
        opacity: 0
    }

    0% {
        -webkit-transform: translateX(0) scale(1);
        transform: translateX(0) scale(1)
    }

    20% {
        -webkit-transform: translateX(5px) scale(1.1);
        transform: translateX(5px) scale(1.1)
    }

    40% {
        -webkit-transform: translateX(10px) scale(1);
        transform: translateX(10px) scale(1)
    }

    60% {
        -webkit-transform: translateX(15px) scale(1.1);
        transform: translateX(15px) scale(1.1)
    }

    80% {
        -webkit-transform: translateX(20px) scale(1.2);
        transform: translateX(20px) scale(1.2)
    }

    to {
        -webkit-transform: translateX(25px) scale(1.1);
        transform: translateX(25px) scale(1.1)
    }
}

.anim-orbit {
    overflow: visible
}

.anim-orbit__line--1 {
    stroke-dasharray: 42;
    stroke-dashoffset: 42
}

@-webkit-keyframes anim-orbit-line--1 {
    80% {
        opacity: 1
    }

    to {
        opacity: 0
    }

    0% {
        stroke-dashoffset: 42
    }

    80%, to {
        stroke-dashoffset: 0
    }
}

.anim-burst {
    overflow: visible
}

.anim-burst__line--1 {
    stroke-dasharray: 42;
    stroke-dashoffset: 42
}

@-webkit-keyframes anim-burst-line--1 {
    80% {
        opacity: 1
    }

    to {
        opacity: 0
    }

    0% {
        stroke-dashoffset: 42
    }

    80%, to {
        stroke-dashoffset: 0
    }
}

.anim-go {
    overflow: visible;
    height: 120%
}

.anim-go__line {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-animation: anim-go-lines 0.6s cubic-bezier(0.55, 0, 0.1, 1) infinite;
    animation: anim-go-lines 0.6s cubic-bezier(0.55, 0, 0.1, 1) infinite
}

.anim-go__line:nth-child(4) {
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s
}

.anim-go__line:nth-child(3), .anim-go__line:nth-child(5), .anim-go__line:nth-child(6) {
    -webkit-animation-delay: -0.4s;
    animation-delay: -0.4s
}

.anim-go__line:nth-child(2), .anim-go__line:nth-child(7) {
    -webkit-animation-delay: -0.2s;
    animation-delay: -0.2s
}

@-webkit-keyframes anim-go-lines {
    0% {
        opacity: 1
    }

    80%, to {
        opacity: 0
    }

    0% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }

    80%, to {
        -webkit-transform: translateX(-100%) scaleY(0.5);
        transform: translateX(-100%) scaleY(0.5)
    }
}

@keyframes anim-go-lines {
    0% {
        opacity: 1
    }

    80%, to {
        opacity: 0
    }

    0% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }

    80%, to {
        -webkit-transform: translateX(-100%) scaleY(0.5);
        transform: translateX(-100%) scaleY(0.5)
    }
}

.anim-ring {
    overflow: visible
}

.anim-ring__line--1 {
    stroke-dasharray: 42;
    stroke-dashoffset: 42
}

@-webkit-keyframes anim-ring-line--1 {
    80% {
        opacity: 1
    }

    to {
        opacity: 0
    }

    0% {
        stroke-dashoffset: 42
    }

    80%, to {
        stroke-dashoffset: 0
    }
}

.anim-flowers {
    overflow: visible
}

.anim-flowers path {
    -webkit-animation: pathOut 1s cubic-bezier(0.55, 0, 0.1, 1) infinite alternate;
    animation: pathOut 1s cubic-bezier(0.55, 0, 0.1, 1) infinite alternate
}

.anim-flower__item--1 path:nth-child(2), .anim-flower__item--3 path:nth-child(2) {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s
}

.anim-flower__item--1 path:nth-child(3), .anim-flower__item--3 path:nth-child(3) {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

.anim-flower__item--1 path:nth-child(4), .anim-flower__item--3 path:nth-child(4) {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s
}

.anim-flower__item--1 path:nth-child(5), .anim-flower__item--3 path:nth-child(5) {
    -webkit-animation-delay: -1.2s;
    animation-delay: -1.2s
}

.anim-flower__item--1 path:nth-child(6), .anim-flower__item--3 path:nth-child(6) {
    -webkit-animation-delay: -1.3s;
    animation-delay: -1.3s
}

.anim-flower__item--2 path:nth-child(2), .anim-flower__item--4 path:nth-child(2) {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s
}

.anim-flower__item--2 path:nth-child(3), .anim-flower__item--4 path:nth-child(3) {
    -webkit-animation-delay: -1.2s;
    animation-delay: -1.2s
}

.anim-flower__item--2 path:nth-child(4), .anim-flower__item--4 path:nth-child(4) {
    -webkit-animation-delay: -1.3s;
    animation-delay: -1.3s
}

.anim-flower__item--2 path:nth-child(5), .anim-flower__item--4 path:nth-child(5) {
    -webkit-animation-delay: -1.4s;
    animation-delay: -1.4s
}

.anim-flower__item--2 path:nth-child(6), .anim-flower__item--4 path:nth-child(6) {
    -webkit-animation-delay: -1.5s;
    animation-delay: -1.5s
}

.anim-flower__item--5 path:nth-child(2) {
    -webkit-animation-delay: -1.3s;
    animation-delay: -1.3s
}

.anim-flower__item--5 path:nth-child(3) {
    -webkit-animation-delay: -1.4s;
    animation-delay: -1.4s
}

.anim-flower__item--5 path:nth-child(4) {
    -webkit-animation-delay: -1.5s;
    animation-delay: -1.5s
}

.anim-flower__item--5 path:nth-child(5) {
    -webkit-animation-delay: -1.6s;
    animation-delay: -1.6s
}

.anim-flower__item--5 path:nth-child(6) {
    -webkit-animation-delay: -1.7s;
    animation-delay: -1.7s
}

@-webkit-keyframes anim-flowers {
    to {
        stroke-dashoffset: 0
    }
}

@keyframes anim-flowers {
    to {
        stroke-dashoffset: 0
    }
}

#mfPreviewBar {
    display: none
}

html {
    overflow-x: hidden
}

.site-wrap {
    position: relative
}

.site-wrap:before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: .5rem;
    background-color: #fff;
    z-index: 199
}

.site-header {
    background-color: #fff;
    padding: 0 0 0 8.8rem;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 200;
    transition: 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55)
}

@media (max-width:1215px) {
    .site-header {
        padding-left: 4rem
    }
}

@media (max-width:480px) {
    .site-header {
        padding-left: 2rem
    }
}

.admin-bar .site-header {
    top: 3.1rem
}

.has-shrunk .site-header, .shrunk-header .site-header {
    -webkit-transform: translateY(-2.5rem);
    -ms-transform: translateY(-2.5rem);
    transform: translateY(-2.5rem)
}

@media (max-width:380px) {
    .has-shrunk .site-header, .shrunk-header .site-header {
        -webkit-transform: translateY(-1.9rem);
        -ms-transform: translateY(-1.9rem);
        transform: translateY(-1.9rem)
    }
}

.site-header__wrap {
    background-color: #fff;
    height: 7.4rem
}

.site-header__logo {
    position: relative;
    z-index: 22;
    max-width: 13.7rem;
    float: left;
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1);
    margin-top: 1.3rem
}

.site-header__logo svg {
    width: auto;
    height: 5rem
}

.site-header__inner {
    display: inline-block;
    vertical-align: middle;
    float: right;
    margin-left: -27.7rem;
    padding-left: 27.7rem;
    width: 100%
}

@media (max-width:1080px) {
    .site-header__inner {
        float: none;
        margin: 0;
        padding: 0
    }
}

.site-header__navigation {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    float: left;
    margin-right: -26.2rem;
    padding-right: 26.2rem;
    padding-top: 3rem;
    padding-bottom: 2.7rem;
    padding-left: 15rem
}

@media (max-width:1320px) {
    .site-header__navigation {
        padding-left: 0
    }
}

@media (max-width:1080px) {
    .site-header__navigation {
        display: none;
        padding-right: 0;
        margin-right: 0
    }
}

.has-shrunk .site-header__navigation, .shrunk-header .site-header__navigation {
    padding-top: 2.8rem
}

@media (max-width:1080px) {
    .has-shrunk .site-header__navigation, .shrunk-header .site-header__navigation {
        padding-top: 1rem
    }
}

.mobile-cart__button {
    position: absolute;
    top: 24px;
    right: 10rem;
    width: 3rem;
    height: 2.3rem;
    background-image: url(../images/icon-bag--blue.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    display: none
}

@media (max-width:1080px) {
    .mobile-cart__button {
        display: block
    }
}

.cart-button__wrap {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    max-width: 20.2rem;
    float: right
}

@media (max-width:1080px) {
    .cart-button__wrap {
        display: none
    }
}

.cart-button {
    display: block;
    max-width: 27.4rem;
    width: 100%;
    transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1);
    background-color: #1480A5;
    padding-top: 3rem;
    padding-bottom: 2.7rem;
    padding-left: 3.5rem;
    padding-right: 3.5rem;
    text-align: center
}

.cart-button:hover {
    background-color: #B5BE02
}

.cart-button__price {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    margin-left: 3rem;
    font-size: 1.4rem
}

.cart-button__icon {
    display: inline-block;
    vertical-align: middle;
    width: 1.8rem;
    height: 1.8rem;
    background-image: url(../images/icon-bag.svg);
    background-size: cover;
    position: relative;
    top: -2px
}

@media (max-width:1080px) {
    .cart-button__icon {
        width: 1.5rem;
        height: 1.5rem
    }
}

.iphone.safari .cart-button__side--front {
    display: block;
    text-align: center
}

.iphone.safari .cart-button__side--front .cart-button__items {
    float: right
}

.iphone.safari .cart-button__side--front .cart-button__icon {
    float: left
}

.main-nav {
    display: inline-block;
    vertical-align: middle;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding-right: 2rem
}

@media (max-width:1080px) {
    .main-nav {
        display: block;
        padding-right: 0
    }
}

.main-nav__container {
    width: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width:1080px) {
    .main-nav__container {
        display: block
    }
}

.main-nav li {
    display: inline-block;
    vertical-align: middle
}

@media (max-width:1080px) {
    .main-nav li {
        display: block;
        text-align: right
    }
}

[data-ua*="MSIE 9"] .main-nav li {
    padding-left: 2rem;
    padding-right: 2rem
}

.main-nav a {
    display: block;
    font-size: 1.5rem;
    color: #1480A5;
    font-family: 'VAGRoundedLTPro-Light', sans-serif
}

@media (max-width:1080px) {
    .main-nav a {
        padding: 1.7rem 2rem
    }
}

.main-nav a:hover {
    color: #F74A5E
}

.nav-toggle {
    position: absolute;
    top: 23px;
    right: 4rem;
    width: 3.1rem;
    height: 2.3rem;
    display: none;
    cursor: pointer
}

@media (max-width:1080px) {
    .nav-toggle {
        display: block
    }
}

@media (max-width:480px) {
    .nav-toggle {
        right: 2rem
    }
}

.has-shrunk .nav-toggle {
    top: 57%
}

@media (max-width:1080px) {
    .has-shrunk .nav-toggle {
        top: 49%
    }
}

@media (max-width:380px) {
    .has-shrunk .nav-toggle {
        top: 44%
    }
}

.nav-toggle__item {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 3px;
    transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1)
}

.nav-toggle__item:after, .nav-toggle__item:before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #1480A5;
    transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center
}

.nav-toggle__item--1:before {
    top: -1rem
}

.nav-toggle__item--1:after {
    bottom: -1rem
}

.is-active .nav-toggle__item--1 {
    opacity: 0
}

.is-active .nav-toggle__item--2:before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.is-active .nav-toggle__item--2:after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.mobile-links {
    display: none;
    background-color: #EAEAEA
}

@media (max-width:1080px) {
    .mobile-links {
        display: block
    }
}

.mobile-links__container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.mobile-links a {
    color: #959595;
    display: block;
    padding: 2.5rem 2rem
}

.site-footer {
    position: relative;
    z-index: 70;
    background-color: #fff
}

.site-footer__container {
    padding-left: 2rem
}

@media (max-width:955px) {
    .site-footer__container {
        padding-left: 0
    }
}

@media (max-width:955px) {
    .site-footer__column.column {
        width: 33.33%
    }
}

@media (max-width:480px) {
    .site-footer__column.column {
        width: 50%
    }
}

.site-footer__title {
    color: #542D00;
    margin-bottom: 1.5rem;
    font-size: 1.4rem;
    font-family: 'VAGRoundedLTPro-Light', sans-serif
}

.site-footer__links {
    width: 15.5%;
    padding-top: 2.9rem
}

.site-footer__links a {
    font-size: 1.2rem;
    color: #542D00;
    margin-bottom: 1rem;
    border-bottom: 1px solid transparent;
    transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1)
}

.site-footer__links a:hover {
    border-color: #542D00
}

.site-footer__legal.column {
    width: 30%;
    color: #542D00;
    padding-top: 2.9rem
}

@media (max-width:480px) {
    .site-footer__legal.column {
        width: 100%;
        padding-top: 0;
        padding-bottom: 1rem
    }
}

.site-footer__copy {
    padding-top: 3.3rem;
    font-size: 1rem
}

.site-footer__copy p {
    margin-bottom: 0
}

.site-footer__social {
    width: 39%;
    font-size: 0
}

@media (max-width:955px) {
    .site-footer__social {
        display: none
    }
}

.site-by {
    color: #542D00;
    margin-bottom: 0
}

.site-by a {
    color: #542D00
}

.site-by a:hover {
    color: #B5BE02
}

.newsletter-signup {
    background-color: #F4C22C;
    padding-top: 6.5rem;
    padding-bottom: 3.5rem;
    position: relative;
    z-index: 70;
    margin-top: -1px;
    overflow: hidden
}

@media (max-width:768px) {
    .newsletter-signup {
        padding-top: 4.4rem;
        padding-bottom: 3.4rem
    }
}

.page-template-page-bounce-bites-thanks .newsletter-signup, .page-template-page-bounce-bites .newsletter-signup {
    background-color: #EE7600
}

.newsletter-signup__container {
    max-width: 100%;
    padding-left: 2rem;
    padding-right: 2rem
}

.newsletter-signup .grid {
    position: relative;
    z-index: 2
}

.newsletter-signup__title {
    color: #542D00;
    display: inline-block;
    vertical-align: top;
    width: auto;
    font-size: 4rem;
    margin-bottom: 0;
    margin-top: 1rem
}

@media (max-width:768px) {
    .newsletter-signup__title {
        font-size: 2rem;
        text-align: center;
        margin-top: 0;
        margin-bottom: 3rem;
        width: 100%
    }
}

@media (max-width:640px) {
    .newsletter-signup__title {
        text-align: left
    }
}

.newsletter-signup input, .newsletter-signup label {
    color: #542D00;
    font-size: 1.6rem
}

@media (max-width:768px) {
    .newsletter-signup input, .newsletter-signup label {
        font-size: 1.2rem
    }
}

.newsletter-signup label {
    text-transform: uppercase
}

.newsletter-signup .field__input--inline {
    margin-right: -12.7rem;
    padding-right: 12.7rem
}

@media (max-width:768px) {
    .newsletter-signup .field__input--inline {
        margin-right: -5.5rem;
        padding-right: 5.5rem
    }
}

.newsletter-signup button {
    color: #F4C22C;
    background-color: #FFEA96;
    transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1);
    height: 5.8rem;
    width: 12.7rem;
    padding: 2rem 0;
    position: relative;
    z-index: 2
}

@media (max-width:768px) {
    .newsletter-signup button {
        width: 5.5rem;
        height: 5.5rem
    }
}

.ie .newsletter-signup button {
    height: 65px
}

.newsletter-signup button:hover {
    background-color: #ffe063
}

@media (max-width:768px) {
    .newsletter-signup .column {
        width: 100%
    }

    .newsletter-signup .column:first-child {
        margin-bottom: 1.5rem
    }
}

.newsletter-signup p {
    color: #542D00;
    margin-bottom: 0
}

.newsletter-signup .field--go {
    margin-top: 1.3rem
}

.newsletter-signup__input {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    max-width: 86.2rem
}

.newsletter-anim {
    position: absolute;
    bottom: 0;
    left: -3rem;
    width: 52%;
    height: 48%
}

@media (max-width:1283px) {
    .newsletter-anim {
        width: 110%
    }
}

@media (max-width:768px) {
    .newsletter-anim {
        height: auto;
        bottom: 10rem
    }
}

.newsletter-anim svg {
    width: 100%;
    height: 100%;
    display: inline-block;
    vertical-align: bottom
}

.newsletter-anim path {
    stroke-width: 2px;
    stroke-dasharray: 10px
}

.newsletter-path {
    position: relative
}

.newsletter-reveal {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 105%;
    background-color: #F4C22C
}

.newsletter-ball {
    width: 5.5rem;
    height: 5.5rem;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0
}

@media (max-width:768px) {
    .newsletter-ball {
        height: 5vw;
        width: 5vw
    }
}

.account-addresses .col2-set>div a, .button, .woocommerce-view-order .col2-set>div a {
    display: inline-block;
    text-align: center;
    padding: 2rem 1rem 1.5rem;
    font-size: 3rem;
    font-family: 'Trash Hand Regular', sans-serif;
    color: #fff;
    max-width: 26.5rem;
    width: 100%;
    background-color: #391E00;
    box-shadow: 0 5px 0 #060300;
    transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1);
    cursor: pointer;
    border: 0
}

.button:focus, .button:hover {
    color: #fff;
    background-color: #532b00;
    box-shadow: 0 5px 0 #201100
}

.button:active {
    color: #fff;
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
    box-shadow: 0 0 0 #060300
}

.button.alt {
    background-color: #B5BE02;
    box-shadow: 0 5px 0 #858c01
}

.button.alt:focus, .button.alt:hover {
    background-color: #cdd702;
    box-shadow: 0 5px 0 #9da502
}

.button.alt:active {
    box-shadow: 0 0 0 #858c01
}

.button--yellow {
    background-color: #F4C22C;
    box-shadow: 0 5px 0 #e1ac0c
}

.button--yellow:focus, .button--yellow:hover {
    background-color: #f5c944;
    box-shadow: 0 5px 0 #f3bb14
}

.button--yellow:active {
    box-shadow: 0 0 0 #e1ac0c
}

.button--pastel {
    background-color: #e25b52;
    box-shadow: 0 5px 0 #db3226
}

.button--pastel:focus, .button--pastel:hover {
    background-color: #e67068;
    box-shadow: 0 5px 0 #de463c
}

.button--pastel:active {
    box-shadow: 0 0 0 #db3226
}

.button--purple {
    background-color: #A2195B;
    box-shadow: 0 5px 0 #761242
}

.button--purple:focus, .button--purple:hover {
    background-color: #b81c67;
    box-shadow: 0 5px 0 #8c164f
}

.button--purple:active {
    box-shadow: 0 0 0 #761242
}

.button--blue {
    background-color: #1480A5;
    box-shadow: 0 5px 0 #0e5d78
}

.button--blue:focus, .button--blue:hover {
    background-color: #1792bc;
    box-shadow: 0 5px 0 #116e8e
}

.button--blue:active {
    box-shadow: 0 0 0 #0e5d78
}

.button--3d {
    background-color: transparent;
    border: 1px solid;
    font-family: 'VAGRoundedLTPro-Light', sans-serif;
    font-size: 1.6rem;
    box-shadow: none;
    position: relative;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.has-hovered-product .button--3d {
    color: #fff !important;
    border-color: #fff !important
}

.filter-active .button--3d, li:hover .button--3d {
    box-shadow: none;
    -webkit-transform: rotateX(-91deg);
    transform: rotateX(-91deg);
    background-color: transparent !important
}

[data-ua*="MSIE 9"] .filter-active .button--3d, [data-ua*="MSIE 9"] li:hover .button--3d, [data-ua*="MSIE 10"] .filter-active .button--3d, [data-ua*="MSIE 10"] li:hover .button--3d, [data-ua*="rv:11"] .filter-active .button--3d, [data-ua*="rv:11"] li:hover .button--3d {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    color: #fff
}

.button--3d:before, .social-categories__list .button:after {
    content: "";
    position: absolute;
    top: 0;
    left: -1px;
    right: -1px;
    z-index: -1;
    text-align: center;
    padding: inherit;
    font-size: inherit;
    font-family: inherit;
    color: #fff;
    border-radius: 5px;
    background-color: #391E00;
    transition: inherit;
    -webkit-transform: rotateX(90deg) translateY(-56px);
    transform: rotateX(90deg) translateY(-56px);
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.button--3d:after {
    content: "×";
    color: #fff;
    font-family: 'FFScalaSansWebRegular', sans-serif;
    font-size: 2.4rem;
    width: 1rem;
    height: 1rem;
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transform: rotateX(90deg) translateY(-41px) translateX(-20px);
    transform: rotateX(90deg) translateY(-41px) translateX(-20px);
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.button--3d.button--green {
    border-color: #0FB44E;
    color: #0FB44E
}

[data-ua*="MSIE 9"] .button--3d.button--green:hover, [data-ua*="MSIE 9"] .filter-active .button--3d.button--green, [data-ua*="MSIE 10"] .button--3d.button--green:hover, [data-ua*="MSIE 10"] .filter-active .button--3d.button--green, [data-ua*="rv:11"] .button--3d.button--green:hover, [data-ua*="rv:11"] .filter-active .button--3d.button--green {
    background-color: #0FB44E !important
}

.button--3d.button--green:before {
    background-color: #0FB44E;
    box-shadow: 0 5px 0 #0d9c44
}

.button--3d.button--pastel {
    border-color: #e25b52;
    color: #e25b52
}

[data-ua*="MSIE 9"] .button--3d.button--pastel:hover, [data-ua*="MSIE 9"] .filter-active .button--3d.button--pastel, [data-ua*="MSIE 10"] .button--3d.button--pastel:hover, [data-ua*="MSIE 10"] .filter-active .button--3d.button--pastel, [data-ua*="rv:11"] .button--3d.button--pastel:hover, [data-ua*="rv:11"] .filter-active .button--3d.button--pastel {
    background-color: #e25b52 !important
}

.button--3d.button--pastel:before {
    background-color: #e25b52;
    box-shadow: 0 5px 0 #de463c
}

.button--3d.button--blue {
    border-color: #1480A5;
    color: #1480A5
}

[data-ua*="MSIE 9"] .button--3d.button--blue:hover, [data-ua*="MSIE 9"] .filter-active .button--3d.button--blue, [data-ua*="MSIE 10"] .button--3d.button--blue:hover, [data-ua*="MSIE 10"] .filter-active .button--3d.button--blue, [data-ua*="rv:11"] .button--3d.button--blue:hover, [data-ua*="rv:11"] .filter-active .button--3d.button--blue {
    background-color: #1480A5 !important
}

.button--3d.button--blue:before {
    background-color: #1480A5;
    box-shadow: 0 5px 0 #116e8e
}

.button--3d.button--brown {
    border-color: #542D00;
    color: #542D00
}

[data-ua*="MSIE 9"] .button--3d.button--brown:hover, [data-ua*="MSIE 9"] .filter-active .button--3d.button--brown, [data-ua*="MSIE 10"] .button--3d.button--brown:hover, [data-ua*="MSIE 10"] .filter-active .button--3d.button--brown, [data-ua*="rv:11"] .button--3d.button--brown:hover, [data-ua*="rv:11"] .filter-active .button--3d.button--brown {
    background-color: #542D00 !important
}

.button--3d.button--brown:before {
    background-color: #542D00;
    box-shadow: 0 5px 0 #3b1f00
}

.button--3d.button--balls:before {
    content: "Bounce Balls"
}

.button--3d.button--bites:before {
    content: "Bounce Bites"
}

.button--3d.button--pickmix:before {
    content: "Pick N Mix"
}

.button--3d.button--merch:before {
    content: "Extras"
}

.account-addresses .col2-set>div a, .account-content .button, .button--secondary, .woocommerce-view-order .col2-set>div a {
    font-size: 2rem;
    font-family: 'FFScalaSansWebRegular', sans-serif;
    max-width: 100%;
    min-width: 0;
    width: auto;
    padding-left: 4rem;
    padding-right: 4rem
}

.woocommerce-error, .woocommerce-info, .woocommerce-message {
    padding: 2rem;
    color: #fff;
    font-size: 2rem;
    border-radius: 5px;
    width: 90%;
    width: calc(100% - 16rem);
    margin: 8rem auto
}

@media (max-width:480px) {
    .woocommerce-error, .woocommerce-info, .woocommerce-message {
        margin: 0 auto;
        text-align: center;
        width: calc(100% - 4rem)
    }
}

.woocommerce-cart .woocommerce-error, .woocommerce-cart .woocommerce-info, .woocommerce-cart .woocommerce-message {
    margin-top: 0;
    margin-bottom: 0
}

.woocommerce-error a, .woocommerce-error a:hover, .woocommerce-info a, .woocommerce-info a:hover, .woocommerce-message a, .woocommerce-message a:hover {
    color: #fff
}

.woocommerce-message {
    background-color: #B5BE02;
    overflow: hidden
}

@media (max-width:640px) {
    .woocommerce-message {
        text-align: center
    }
}

.woocommerce-message .wc-forward {
    float: right;
    font-family: 'FFScalaSansWebRegular', sans-serif;
    font-size: 2rem
}

@media (max-width:640px) {
    .woocommerce-message .wc-forward {
        display: inline-block;
        margin-bottom: 20px;
        float: none
    }
}

.woocommerce-error {
    background-color: #F74A5E
}

.woocommerce-info {
    background-color: #F4C22C
}

.cart-empty {
    padding: 2rem;
    color: #542D00;
    font-size: 2rem
}

.return-to-shop {
    padding-left: 2rem
}

.fade-in-block {
    opacity: 0;
    transition: 0.3s 0.3s cubic-bezier(0.55, 0, 0.1, 1)
}

.fade-in-block.on-screen {
    opacity: 1
}

.fade-in-block:nth-child(2n) {
    transition-delay: .5s
}

.flag-links {
    width: 3.6rem;
    height: 3.6rem;
    position: absolute;
    top: 0;
    right: 0;
    background-color: #fff;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle
}

@media (max-width:1080px) {
    .flag-links {
        height: auto
    }
}

.flag-links.hovered {
    width: 25.6rem
}

.flag-links.hovered .flag-links__link {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.flag-links__link {
    position: absolute;
    top: 0;
    right: 0;
    width: 3.6rem;
    height: 3.6rem;
    opacity: 0;
    z-index: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
    transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1)
}

@media (max-width:1080px) {
    .flag-links__link {
        display: block;
        position: relative;
        opacity: 1;
        margin-bottom: 2rem;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.flag-links__link:hover .flag-links__icon--front {
    opacity: 0
}

.flag-links__link:hover .flag-links__icon--back {
    opacity: 1
}

.flag-links__link:nth-child(2) {
    right: 6.6rem
}

@media (max-width:1080px) {
    .flag-links__link:nth-child(2) {
        right: 0
    }
}

.flag-links__link:nth-child(3) {
    right: 12.6rem;
    transition-delay: .2s
}

@media (max-width:1080px) {
    .flag-links__link:nth-child(3) {
        right: 0
    }
}

.flag-links__link:nth-child(4) {
    right: 18.6rem;
    transition-delay: .4s
}

@media (max-width:1080px) {
    .flag-links__link:nth-child(4) {
        right: 0
    }
}

.flag-links__icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 3.6rem;
    height: 3.6rem;
    display: block;
    transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1);
    -webkit-transform: scale(0.99);
    -ms-transform: scale(0.99);
    transform: scale(0.99)
}

.flag-links__icon svg {
    width: 100%;
    height: auto
}

.safari .flag-links__icon svg {
    margin-top: -4px
}

@media (max-width:1080px) {
    .flag-links__icon--front {
        display: none
    }
}

.flag-links__icon--back {
    opacity: 0
}

@media (max-width:1080px) {
    .is-active .flag-links__icon--back {
        opacity: 1
    }
}

.flag-links .is-active {
    z-index: 1;
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.social-links {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.social-links__link {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    border-radius: 50%;
    overflow: hidden;
    width: 3.6rem;
    height: 3.6rem;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.social-links__link:hover .social-links__icon--front {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    opacity: 0
}

.social-links__link:hover .social-links__icon--back {
    -webkit-transform: scale(0.99);
    -ms-transform: scale(0.99);
    transform: scale(0.99);
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}

.social-links__icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
    transition: 0.6s cubic-bezier(0.55, 0, 0.1, 1);
    -webkit-transform: scale(0.99);
    -ms-transform: scale(0.99);
    transform: scale(0.99)
}

.social-links__icon--back {
    transition: 0.6s cubic-bezier(0.55, 0, 0.1, 1);
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0)
}

.social-links__icon--back .social-links__outline {
    fill: #fff
}

.social-links__icon--front {
    border-radius: 50%;
    border: 1px solid #8e8e8e;
    transition: 0.6s cubic-bezier(0.55, 0, 0.1, 1)
}

.social-links__icon--front .social-links__outline {
    fill: #8e8e8e
}

.social-links__icon--front .social-links__background {
    fill: #fff
}

.social-links .is-active {
    z-index: 1;
    opacity: 1
}

.social-links svg {
    width: 100%;
    height: 100%
}

.social-links__link {
    display: inline-block;
    vertical-align: middle;
    width: 25%;
    height: auto;
    padding-top: 25%;
    position: relative;
    border-radius: 0
}

.social-links__link:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0;
    transition: 0.3s
}

.social-links__link:hover:before {
    opacity: .2
}

.social-links__link svg {
    z-index: 2
}

.lt-ie10 .social-links__link {
    width: 24%
}

@media (max-width:955px) {
    .social-links__link {
        height: 0;
        padding-top: 25%
    }
}

.social-links__icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 2.1875vw;
    height: 2.1875vw
}

@media (max-width:955px) {
    .social-links__icon {
        width: 7.3752711vw;
        height: 7.3752711vw
    }
}

.social-links__link--instagram {
    background-color: #77B9D0
}

.social-links__link--youtube {
    background-color: #F74A5E
}

.social-links__link--twitter {
    background-color: #39CCD2
}

.social-links__link--facebook {
    background-color: #10769B
}

.social-links__link--twitter .social-links__icon--back .social-links__background {
    fill: #53ADF0
}

.social-links__link--facebook .social-links__icon--back .social-links__background {
    fill: #3A5A9A
}

.social-links__link--instagram .social-links__icon--back .social-links__background {
    fill: #3E739C
}

.social-links__link--youtube .social-links__icon--back .social-links__background {
    fill: #CD261F
}

.product-banner .social-links__icon--front .social-links__background {
    fill: transparent
}

.social-share {
    padding-top: 7rem;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.social-share .social-links__link {
    width: 2rem;
    height: 2rem;
    margin: 0 4.5rem 0 0
}

.product-banner .social-share .social-links__link {
    width: 3rem;
    height: 3rem;
    padding: 0;
    background: none
}

.lt-ie10 .social-share .social-links__link {
    line-height: 20px
}

.social-share .social-links__outline {
    fill: #fff
}

.social-share .social-links__icon--front {
    border-color: #fff
}

.accepted-cards__image {
    margin-right: 2rem
}

.accepted-cards__image:last-child {
    margin-right: 0
}

.field {
    position: relative;
    overflow: hidden
}

.field__input, .field__label {
    width: 100%;
    font-size: 1.8rem;
    padding: 2.3rem 2rem 1.9rem;
    line-height: 1
}

.field__label {
    position: absolute;
    top: 0;
    left: 0;
    transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1)
}

.field .is-focused {
    opacity: 0
}

.field__button, .field__input {
    box-shadow: none;
    border: 0
}

.field__input:focus {
    outline: 0
}

.field__input--inline {
    float: left;
    margin-right: -6rem;
    padding-right: 6rem
}

.field__button {
    width: 6rem;
    height: 6rem;
    text-align: center;
    padding: 2.2rem 0 2rem;
    position: relative
}

.field i {
    font-size: 2rem;
    line-height: .9
}

.basic-form {
    text-align: center
}

@media (max-width:480px) {
    .basic-form {
        padding-left: 1rem;
        padding-right: 1rem
    }
}

.basic-form__label {
    text-align: left;
    display: block;
    padding-bottom: 1rem;
    font-size: 1.8rem;
    padding-top: 3rem
}

.basic-form__input {
    text-align: left;
    display: block;
    border-radius: 5px;
    width: 100%;
    border: 1px solid transparent;
    outline: 0;
    height: 6rem;
    line-height: 6rem;
    font-size: 1.8rem;
    padding: 0 2rem
}

.basic-form__input.error {
    border-color: #b00
}

.basic-form__submit {
    max-width: 31.4rem;
    margin-top: 8rem
}

.basic-form .fancy-select {
    text-align: left
}

.basic-form .fancy-select .trigger:before {
    content: "";
    width: 6rem;
    height: 6rem;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 0 5px 5px 0
}

.open .basic-form .fancy-select .trigger:before {
    border-radius: 5px 0 0 5px
}

.error-container {
    border-radius: 5px;
    background-color: #b00;
    color: #fff;
    margin: 2rem 0
}

.error-container label {
    display: block;
    padding: 1rem 2rem;
    text-align: left;
    font-size: 1.6rem;
    line-height: 1;
    color: #fff
}

.error-container label:first-child {
    padding-top: 2rem
}

.error-container label:last-child {
    padding-bottom: 2rem
}

.form__response {
    font-size: 4.2rem;
    text-align: center;
    color: #fff;
    padding-left: 1rem;
    padding-right: 1rem
}

@media (max-width:480px) {
    .form__response {
        font-size: 3rem
    }
}

.cookie-notice {
    padding: 1rem 8rem;
    background-color: #F74A5E;
    color: #fff;
    text-align: center;
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width:480px) {
    .cookie-notice {
        padding-left: 2rem;
        padding: 2rem;
        text-align: center;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media (max-width:480px) {
    .cookie-notice {
        font-size: 1.2rem
    }
}

.cookie-notice__container {
    display: inline-block;
    width: 100%
}

.cookie-notice__button, .cookie-notice__icon, .cookie-notice__text {
    display: inline-block;
    vertical-align: middle
}

@media (max-width:480px) {
    .cookie-notice__button, .cookie-notice__icon, .cookie-notice__text {
        margin-bottom: 1rem
    }
}

.cookie-notice__icon {
    width: 4rem;
    height: 4rem;
    margin-right: 2.5rem;
    min-width: 4rem
}

@media (max-width:480px) {
    .cookie-notice__icon {
        margin-right: 0
    }
}

.cookie-notice__icon svg {
    width: 100%;
    height: 100%
}

.cookie-notice__text {
    margin-bottom: 0;
    margin-right: 9rem
}

@media (max-width:1420px) {
    .cookie-notice__text {
        margin-right: 2rem
    }
}

@media (max-width:480px) {
    .cookie-notice__text {
        margin-right: 0;
        margin-bottom: 1rem
    }
}

.cookie-notice__button {
    max-width: 14.7rem;
    font-size: 1.6rem;
    background-color: #ff7c81;
    box-shadow: none;
    font-family: 'FFScalaSansWebRegular', sans-serif;
    padding-top: 1.5rem
}

@media (max-width:480px) {
    .cookie-notice__button {
        font-size: 1.2rem
    }
}

.cookie-notice__button:active, .cookie-notice__button:focus, .cookie-notice__button:hover {
    background-color: #ff6d72;
    box-shadow: none;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.product-image {
    position: relative;
    max-width: 57.9rem;
    height: 31.3rem;
    margin: auto
}

.product-image:after {
    content: "";
    display: table
}

.product-image__packet {
    float: left;
    -webkit-filter: drop-shadow(0px 5px 10px rgba(0, 0, 0, 0.2));
    filter: drop-shadow(0px 5px 10px rgba(0, 0, 0, 0.2));
    -webkit-transform: rotate(-11deg);
    -ms-transform: rotate(-11deg);
    transform: rotate(-11deg)
}

.product-image__ball, .product-image__bg {
    position: absolute
}

.product-image__bg {
    left: 0;
    right: 0;
    top: 0;
    width: 100%
}

.product-image__ball {
    bottom: 0;
    right: 0
}

.page-banner__container {
    height: 75rem;
    overflow: hidden;
    width: 100%;
    position: relative
}

@media (max-width:480px) {
    .page-banner__container {
        height: 59rem
    }
}

.page-banner__slide {
    height: 64rem;
    width: 100%;
    background-position: center;
    background-size: cover;
    position: relative
}

@media (max-width:480px) {
    .page-banner__slide {
        height: 59rem
    }
}

@media (max-width:480px) {
    .page-banner__slide--image {
        background: none !important
    }
}

.page-banner__mob-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    background-position: center;
    background-size: cover
}

@media (max-width:480px) {
    .page-banner__mob-image {
        display: block
    }
}

.page-banner__button {
    max-width: inherit;
    padding-left: 5rem;
    padding-right: 5rem;
    position: absolute;
    bottom: 5rem;
    left: 50%;
    margin: 0 auto;
    opacity: 0;
    transition: 0.3s 0.6s;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: auto
}

.active .page-banner__button {
    opacity: 1
}

.page-banner .lSNext, .page-banner .lSPrev {
    background-image: url(../images/icon-banner-right.png);
    background-size: cover;
    background-position: center;
    width: 1.7rem;
    height: 2.4rem;
    margin-top: -1.2rem;
    right: 8.5rem;
    opacity: 1
}

@media (max-width:480px) {
    .page-banner .lSNext, .page-banner .lSPrev {
        right: 2.5rem
    }
}

.page-banner .lSPrev {
    background-image: url(../images/icon-banner-left.png);
    right: auto;
    left: 8.5rem
}

@media (max-width:480px) {
    .page-banner .lSPrev {
        right: 0;
        left: 2.5rem
    }
}

.feat-slide {
    overflow-x: hidden
}

.home .feat-slide {
    background-color: #1686AF;
    background-image: radial-gradient(circle, #8BC3D7, rgba(139, 195, 215, 0) 50%)
}

.feat-slide img {
    width: 100%
}

.feat-slide__title {
    text-align: center;
    color: #fff;
    font-size: 4rem;
    padding-top: 10rem
}

@media (max-width:480px) {
    .feat-slide__title {
        padding-top: 6rem
    }
}

.feat-slide__title span {
    display: block;
    font-size: 1.8rem;
    letter-spacing: .16em;
    text-transform: uppercase;
    font-family: 'FFScalaSansWebBold', sans-serif
}

.feat-slide__product-wrap {
    position: absolute;
    top: 0;
    left: 4rem;
    width: 100%;
    height: 100%;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center
}

@media (max-width:1760px) {
    .feat-slide__product-wrap {
        left: 2.5rem;
        -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8)
    }
}

@media (max-width:1420px) {
    .feat-slide__product-wrap {
        -webkit-transform: scale(0.6);
        -ms-transform: scale(0.6);
        transform: scale(0.6)
    }
}

@media (max-width:480px) {
    .feat-slide__product-wrap {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

.feat-slide .product {
    width: 100%;
    position: absolute;
    top: 60%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media (max-width:480px) {
    .feat-slide .product {
        /* display: none; */
        top: 55%
    }
}

.feat-slide .product>div {
    height: auto;
    width: auto
}

.gecko .feat-slide .product>div, .ie .feat-slide .product>div {
    width: auto;
    height: auto
}

.feat-slide .product .product__packet {
    float: right;
    width: 100%;
    -webkit-transform: rotate(7deg);
    -ms-transform: rotate(7deg);
    transform: rotate(7deg)
}

.feat-slide .banner-product-image {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.feat-slide .product__ball {
    bottom: 0
}

.feat-slide .item-1 .product__ball, .feat-slide .item-2 .product__ball, .feat-slide .item-3 .product__ball, .feat-slide .item-4 .product__ball {
    right: auto;
    left: 0
}

.feat-slide .item-5 .product__packet, .feat-slide .item-6 .product__packet, .feat-slide .item-7 .product__packet, .feat-slide .item-8 .product__packet, .feat-slide .item-9 .product__packet {
    float: left
}

.feat-slide .item-1 {
    max-width: 24.4rem;
    z-index: 2;
    margin-top: -22.7rem;
    margin-left: -81.8rem
}

@media (max-width:480px) {
    .feat-slide .item-1 {
        display: none;
    }
}

.feat-slide .item-1 .product__packet {
    max-width: 32.3rem
}

.feat-slide .item-1 .product__ball {
    max-width: 11.3rem;
    bottom: -2.5rem;
    left: -1rem
}

.feat-slide .item-2 {
    max-width: 28.8rem;
    z-index: 2;
    margin-top: -18.5rem;
    margin-left: -67.8rem
}

@media (max-width:480px) {
    .feat-slide .item-2 {
        max-width: 28.8rem !important;
    }
}

.feat-slide .item-2 .product__packet {
    max-width: 32.3rem
}

.feat-slide .item-2 .product__ball {
    max-width: 16.5rem;
    bottom: -2.6rem;
    left: 0
}

.feat-slide .item-3 {
    max-width: 41.6rem;
    z-index: 3;
    margin-top: -12.9rem;
    margin-left: -42.5rem
}

@media (max-width:480px) {
    .feat-slide .item-3 {
        display: none;
    }
}

.feat-slide .item-3 .product__packet {
    max-width: 36.8rem
}

.feat-slide .item-3 .product__ball {
    max-width: 18.9rem;
    bottom: -3.3rem;
    left: -5.4rem
}

.feat-slide .item-4 {
    max-width: 46.1rem;
    z-index: 4;
    margin-top: -7rem;
    margin-left: -20.7rem
}

@media (max-width:480px) {
    .feat-slide .item-4 {
        display: none;
    }
}

.feat-slide .item-4 .product__packet {
    max-width: 41.1rem
}

.feat-slide .item-4 .product__ball {
    max-width: 26.8rem;
    bottom: -5.2rem;
    left: -6rem
}

.feat-slide .item-5 {
    max-width: 45.6rem;
    z-index: 5
}

@media (max-width:480px) {
    .feat-slide .item-5 {
        display: none;
    }
}

.feat-slide .item-5 .product__ball {
    display: none
}

.feat-slide .item-5 .product__packet {
    max-width: 100%;
    width: 100%
}

.feat-slide .item-6 {
    max-width: 45.2rem;
    z-index: 4;
    margin-top: -7.9rem;
    margin-left: 24.4rem
}

.feat-slide .item-6 .product__packet {
    max-width: 41.6rem
}

.feat-slide .item-6 .product__ball {
    max-width: 29.5rem;
    bottom: -3.9rem;
    right: -0.8rem
}

.feat-slide .item-7 {
    max-width: 34.3rem;
    z-index: 3;
    margin-top: -15.4rem;
    margin-left: 46.3rem
}

.feat-slide .item-7 .product__packet {
    max-width: 32.5rem
}

.feat-slide .item-7 .product__ball {
    max-width: 20rem;
    bottom: -4.9rem;
    right: -1.5rem;
    width: 53%
}

.feat-slide .item-8 {
    max-width: 29.1rem;
    z-index: 2;
    margin-top: -19.6rem;
    margin-left: 60.1rem
}

.feat-slide .item-8 .product__packet {
    max-width: 29.4rem
}

.feat-slide .item-8 .product__ball {
    max-width: 14.9rem;
    bottom: -1.4rem;
    right: -2rem
}

.feat-slide .item-9 {
    max-width: 24rem;
    z-index: 1;
    margin-top: -24rem;
    margin-left: 74.4rem
}

.feat-slide .item-9 .product__packet {
    max-width: 28.6rem
}

.feat-slide .item-9 .product__ball {
    max-width: 11.3rem;
    bottom: -1.5rem
}

.feat-slide .product.is-nutrition-item:hover .product__packet-image {
    top: 0;
    -webkit-animation: none;
    animation: none
}

.feat-slide .product:hover .product__packet-shadow {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.feat-slide .product:hover .product__packet-shadow:before {
    -webkit-animation: none;
    animation: none
}

.feat-slide .product:hover .product__ball img {
    top: 0;
    -webkit-animation: none;
    animation: none
}

.feat-slide .product:hover .product__ball-shadow {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.feat-slide .product:hover .product__ball-shadow:before {
    -webkit-animation: none;
    animation: none
}

.feat-slide .product .product__packet.hover .product__packet-image, .feat-slide .product .product__packet:hover .product__packet-image {
    top: -4.6rem;
    -webkit-animation: hover 2s infinite ease-in-out;
    animation: hover 2s infinite ease-in-out
}

.feat-slide .product .product__packet.hover .product__packet-shadow, .feat-slide .product .product__packet:hover .product__packet-shadow {
    opacity: .4;
    -webkit-transform: scale(1.5, 0.4) rotate(-20deg);
    -ms-transform: scale(1.5, 0.4) rotate(-20deg);
    transform: scale(1.5, 0.4) rotate(-20deg)
}

.feat-slide .product .product__packet.hover .product__packet-shadow:before, .feat-slide .product .product__packet:hover .product__packet-shadow:before {
    -webkit-animation: hover_shadow 2s 0.4s infinite ease-in-out;
    animation: hover_shadow 2s 0.4s infinite ease-in-out
}

.feat-slide .product .product__packet.hover+.product__ball img, .feat-slide .product .product__packet:hover+.product__ball img {
    top: -4.6rem;
    -webkit-animation: hover 2s 0.4s infinite ease-in-out;
    animation: hover 2s 0.4s infinite ease-in-out
}

.feat-slide .product .product__packet.hover+.product__ball-shadow, .feat-slide .product .product__packet:hover+.product__ball-shadow {
    opacity: .4;
    -webkit-transform: scale(1.4, 0.6);
    -ms-transform: scale(1.4, 0.6);
    transform: scale(1.4, 0.6)
}

.feat-slide .product .product__packet.hover+.product__ball-shadow:before, .feat-slide .product .product__packet:hover+.product__ball-shadow:before {
    -webkit-animation: hover__shadow 2s 0.4s infinite ease-in-out;
    animation: hover__shadow 2s 0.4s infinite ease-in-out
}

@media (max-width:440px) {
    .latest-news__col {
        width: 100%
    }
}

.latest-news__post {
    position: relative;
    display: block;
    height: 0;
    width: 100%;
    padding-top: 66.66%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
    color: #fff
}

@media (max-width:880px) {
    .latest-news__post {
        padding-top: 100%
    }
}

.latest-news__post:hover {
    color: #fff
}

.latest-news__post:hover:before {
    opacity: .5
}

.latest-news__post:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #26cad3;
    transition: 0.3s
}

.latest-news__title {
    width: 100%;
    position: absolute;
    top: 6.5rem;
    left: 0;
    font-size: 3rem
}

@media (max-width:1120px) {
    .latest-news__title {
        font-size: 2rem
    }

    .latest-news__title svg {
        width: 2.3rem;
        height: 1.6rem
    }
}

@media (max-width:720px) {
    .latest-news__title {
        font-size: 1.6rem;
        top: 2.5rem
    }
}

.latest-news__title svg {
    display: inline-block;
    vertical-align: middle
}

.latest-news__heading {
    width: 100%;
    position: absolute;
    padding-left: 2rem;
    padding-right: 2rem;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 5rem;
    line-height: 1.2
}

@media (max-width:720px) {
    .latest-news__heading {
        font-size: 2rem
    }
}

.latest-news__author {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 3rem;
    font-size: 1.4rem
}

@media (max-width:720px) {
    .latest-news__author {
        display: none
    }
}

.latest-news__button {
    display: none;
    background-color: transparent;
    box-shadow: none;
    color: #fff;
    border: 1px solid #fff;
    font-size: 1.2rem;
    max-width: 11.3rem;
    padding: .8rem;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 2.5rem;
    width: 100%
}

@media (max-width:720px) {
    .latest-news__button {
        display: inline-block
    }
}

@media (max-width:440px) {
    .grams {
        width: 100%
    }
}

@media (max-width:880px) {
    .grams__col {
        width: 50%
    }

    .grams__col:first-child, .grams__col:nth-child(2) {
        display: none
    }
}

.grams__link {
    display: block;
    position: relative;
    background-color: #26cad3;
    overflow: hidden
}

.grams__link:hover .grams__img {
    opacity: .8;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.grams__img {
    transition: 0.3s
}

.grams__likes {
    position: absolute;
    bottom: 0;
    left: 0;
    padding-left: 1.3rem;
    padding-bottom: .8rem;
    color: #fff;
    font-style: normal;
    font-size: 1.2rem
}

.home-links {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.home-links .button {
    position: absolute;
    bottom: 5rem;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 20
}

.latest-products {
    padding-top: 8rem;
    padding-bottom: 4.6rem;
    background-color: #F2E9D1;
    text-align: center;
    margin-top: -1px
}

.latest-products .lSAction a {
    width: 17px;
    height: 24px;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 1
}

.latest-products .lSAction .lSPrev {
    background-image: url(../images/icon-banner-left.png)
}

.latest-products .lSAction .lSNext {
    background-image: url(../images/icon-banner-right.png)
}

@media (max-width:720px) {
    .latest-products {
        padding-top: 3.5rem;
        padding-bottom: 3rem;
        background-size: 100%
    }
}

@media (max-width:800px) {
    .latest-products .button {
        display: none
    }
}

.latest-products__title {
    margin-bottom: 3rem;
    font-size: 4rem;
    color: #542D00
}

@media (max-width:720px) {
    .latest-products__title {
        font-size: 20px
    }
}

.latest-products__item {
    margin-bottom: 4.4rem;
    padding: 0 6rem
}

@media (max-width:1080px) {
    .latest-products__item {
        padding: 0 4rem
    }
}

@media (max-width:640px) {
    .latest-products__item {
        padding: 0 2rem
    }
}

.latest-products__cat, .latest-products__name, .latest-products__price {
    display: block;
    color: #542D00;
    font-size: 1.8rem
}

@media (max-width:480px) {
    .latest-products__cat, .latest-products__name, .latest-products__price {
        font-size: 1.3rem
    }
}

.latest-products__cat {
    color: #542D00;
    font-family: 'Trash Hand Regular', sans-serif;
    font-size: 2.8rem;
    line-height: 1.2;
    margin-bottom: 1rem
}

@media (max-width:480px) {
    .latest-products__cat {
        font-size: 2.2rem
    }
}

.latest-products__price {
    font-size: 1.6rem
}

@media (max-width:768px) {
    .home-links__col {
        width: 100%
    }
}

.home-links__block {
    position: relative;
    background-position: center;
    background-size: cover;
    height: 0;
    padding-top: 66.66%
}

.home-links__block .button {
    position: absolute;
    bottom: 4.5rem;
    left: 0;
    right: 0;
    margin: auto
}

@media (max-width:480px) {
    .home-links__block .button {
        font-size: 1.2rem;
        bottom: 2.3rem;
        padding: 1rem;
        max-width: 13.2rem
    }
}

.ballfall-block {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.shop-content {
    overflow: hidden;
    background-color: #F4F3E9;
    padding-top: 10rem;
    padding-bottom: -0.5rem;
    transition: background-color 0.6s cubic-bezier(0.55, 0, 0.1, 1)
}

@media (max-width:720px) {
    .shop-content {
        padding-top: 0
    }
}

.shop-content h1 {
    text-align: center;
    font-size: 4.5rem;
    margin-bottom: 5rem;
    color: #542D00;
    transition: 0.6s cubic-bezier(0.55, 0, 0.1, 1)
}

@media (max-width:720px) {
    .shop-content h1 {
        display: none
    }
}

.shop-content.has-hovered-product h1 {
    color: #fff
}

.shop-container {
    max-width: 100%
}

.products li {
    padding-bottom: 11.5rem
}

@media (max-width:1080px) {
    .products li {
        width: 50%
    }
}

@media (max-width:640px) {
    .products li {
        width: 100%
    }
}

.product-banner__images.is-gtg, .product-banner__images.is-new-in, .product-banner__images.is-offer-bogof, .product-banner__images.is-org-award, .products .product.is-gtg, .products .product.is-new-in, .products .product.is-offer-bogof, .products .product.is-org-award {
    position: relative
}

.product-banner__images.is-gtg:after, .product-banner__images.is-new-in:after, .product-banner__images.is-offer-bogof:after, .product-banner__images.is-org-award:after, .products .product.is-gtg:after, .products .product.is-new-in:after, .products .product.is-offer-bogof:after, .products .product.is-org-award:after {
    content: "";
    width: 80px;
    height: 80px;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    background-image: url('../images/offer-badge-bogof.png');
    background-size: cover;
    pointer-events: none
}

@media (max-width:780px) {
    .product-banner__images.is-gtg:after, .product-banner__images.is-new-in:after, .product-banner__images.is-offer-bogof:after, .product-banner__images.is-org-award:after, .products .product.is-gtg:after, .products .product.is-new-in:after, .products .product.is-offer-bogof:after, .products .product.is-org-award:after {
        width: 50px;
        height: 50px
    }
}

.product-banner__images.is-gtg:after, .products .product.is-gtg:after {
    background-image: url('../images/gtg-badge.png')
}

.product-banner__images.is-new-in:after, .products .product.is-new-in:after {
    top: 0;
    right: 40px;
    z-index: 20;
    background-image: url('../images/icon-new-in.png')
}

.products .product.product_cat-bites.is-new-in:after {
    right: auto;
    left: 50px
}

.product-banner__images.is-org-award:after, .products .product.is-org-award:after {
    top: -30px;
    right: 40px;
    background-image: url('../images/BestNewFoodProduct_Winner.png');
    width: 67px;
    height: 144px
}

.product-banner__images.is-new-in:after, .product-banner__images.is-offer-bogof:after {
    width: 100px;
    height: 100px
}

.product-banner__images.is-org-award:after {
    top: 0;
    width: 95px;
    height: 205px
}

@media (max-width:950px) {
    .product-banner__images.is-org-award:after {
        width: 75px;
        height: 161px
    }
}

.product a {
    display: block;
    position: relative;
    max-width: 46.5rem;
    margin: auto
}

.product a:after {
    content: "";
    display: table
}

.product.product_cat-bites h3 {
    padding-top: 0
}

.product h3 {
    text-align: center;
    padding-top: 6.5rem
}

.product h3>span {
    display: block;
    font-family: 'FFScalaSansWebRegular', sans-serif;
    font-size: 1.8rem;
    line-height: 1.2;
    transition: 0.6s cubic-bezier(0.55, 0, 0.1, 1)
}

.has-hovered-product .product h3>span {
    color: #fff !important
}

.product h3 .from-price {
    font-size: 1.6rem
}

.product h3 .product-name {
    font-size: 2.8rem;
    line-height: 1.2;
    color: #542D00;
    margin-bottom: 1.5rem;
    font-family: 'Trash Hand Regular', sans-serif
}

.product__packet {
    width: 100%;
    display: block;
    position: relative;
    z-index: 1;
    text-align: center
}

.product-type-pick_and_mix_box .product__packet {
    width: 70%;
    margin: 0 auto
}

.product-type-bundle_box .product__packet {
    width: 100%;
    margin: 0 auto
}

.is-nutrition-item .product__packet {
    width: 70%;
    text-align: left
}

.product_cat-bites .product-banner .product__packet {
    width: 100%
}

li.product_cat-bites .product__packet {
    width: 100%
}

.product__packet-image {
    width: 100%;
    max-width: 17rem;
    position: relative;
    top: 0;
    -webkit-transform: translateY(0) translateZ(0);
    transform: translateY(0) translateZ(0);
    transition: 0.6s cubic-bezier(0.55, 0, 0.1, 1)
}

.is-nutrition-item .product__packet-image, .product-type-bundle_box .product__packet-image, .product-type-pick_and_mix_box .product__packet-image {
    max-width: 100% !important
}

.product.is-nutrition-item:hover .product__packet-image {
    top: -4.6rem;
    -webkit-animation: hover 2s infinite ease-in-out;
    animation: hover 2s infinite ease-in-out
}

.product-cat-bites .product-banner .product.is-nutrition-item:hover .product__packet-image {
    top: 0;
    -webkit-animation: none;
    animation: none
}

.product-cat-bites.product.is-nutrition-item:hover .product__packet-image {
    top: 0;
    -webkit-animation: none;
    animation: none
}

.product__packet-shadow {
    position: absolute;
    bottom: .4rem;
    left: 1.9rem;
    max-width: 43.4rem;
    opacity: .8;
    width: 100%;
    padding-top: 22%;
    height: 0;
    z-index: -1;
    transition: 0.6s cubic-bezier(0.55, 0, 0.1, 1);
    -webkit-transform: scale(1.7, 0.6) rotate(-20deg);
    -ms-transform: scale(1.7, 0.6) rotate(-20deg);
    transform: scale(1.7, 0.6) rotate(-20deg);
    display: none
}

.product-cat-bites .product-banner .product__packet-shadow {
    display: none !important
}

.archive .product-cat-bites .product__packet-shadow {
    display: none !important
}

.product:hover .product__packet-shadow {
    opacity: .4;
    -webkit-transform: scale(1.5, 0.4) rotate(-20deg);
    -ms-transform: scale(1.5, 0.4) rotate(-20deg);
    transform: scale(1.5, 0.4) rotate(-20deg)
}

.product:hover .product__packet-shadow:before {
    -webkit-animation: hover_shadow 2s 0.4s infinite ease-in-out;
    animation: hover_shadow 2s 0.4s infinite ease-in-out
}

.product__packet-shadow:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/bg-product-shadow-packet.png);
    background-size: cover;
    background-repeat: no-repeat
}

.is-nutrition-item .product__packet-shadow {
    display: block
}

.product__ball {
    position: absolute;
    bottom: 12.5rem;
    right: 0;
    width: 49%;
    z-index: 1
}

.product-cat-bites .product-banner .product__ball {
    display: none
}

.product-cat-bites .archive .product__ball {
    display: none
}

.product__ball img {
    width: 100%;
    top: 0;
    position: relative;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    transition: 0.6s 0.1s cubic-bezier(0.55, 0, 0.1, 1)
}

.product:hover .product__ball img {
    top: -4.6rem;
    -webkit-animation: hover 2s 0.4s infinite ease-in-out;
    animation: hover 2s 0.4s infinite ease-in-out
}

.product__ball-shadow {
    position: absolute;
    bottom: -2rem;
    left: 0;
    max-width: 25.9rem;
    width: 100%;
    padding-top: 33%;
    z-index: -1;
    opacity: .8;
    transition: 0.6s 0.1s cubic-bezier(0.55, 0, 0.1, 1);
    -webkit-transform: scale(1.5, 0.8);
    -ms-transform: scale(1.5, 0.8);
    transform: scale(1.5, 0.8)
}

.product:hover .product__ball-shadow {
    opacity: .4;
    -webkit-transform: scale(1.4, 0.6);
    -ms-transform: scale(1.4, 0.6);
    transform: scale(1.4, 0.6)
}

.product:hover .product__ball-shadow:before {
    -webkit-animation: hover__shadow 2s 0.4s infinite ease-in-out;
    animation: hover__shadow 2s 0.4s infinite ease-in-out
}

.product__ball-shadow:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/bg-product-shadow-ball.png);
    background-size: cover;
    background-repeat: no-repeat
}

.product-banner .product__ball-shadow:before {
    background-position: center;
    background-size: 100%
}

.product-banner__summary .stock {
    display: none
}

.product-banner__summary .available-on-backorder {
    display: block !important;
    position: absolute !important;
    right: 2rem;
    bottom: 6rem;
    top: auto !important;
    opacity: 0.5;
    width: auto !important
}

@media (max-width:640px) {
    .product-banner__summary .available-on-backorder {
        bottom: 12rem
    }
}

.onsale {
    position: absolute;
    top: 0;
    right: 0;
    background-image: url(../images/icon-sale.svg);
    width: 12.1rem;
    height: 11.6rem;
    background-size: contain;
    background-repeat: no-repeat;
    text-indent: -9999px
}

.mix-filters {
    text-align: center;
    margin-bottom: 6rem;
    position: relative;
    z-index: 1
}

@media (max-width:720px) {
    .mix-filters {
        background-color: #F9F9F4;
        margin-left: -2rem;
        margin-right: -2rem
    }
}

.mix-filters li {
    cursor: pointer;
    margin: 0 1rem;
    display: inline-block;
    max-width: 27.4rem;
    width: 20%;
    -webkit-perspective: 10000px;
    perspective: 10000px
}

@media (max-width:720px) {
    .mix-filters li {
        width: 25%;
        margin: 0;
        vertical-align: top;
        font-size: 1.4rem
    }

    .mix-filters li span {
        color: #542D00 !important;
        border: 0;
        -webkit-transform: none !important;
        -ms-transform: none !important;
        transform: none !important;
        padding-top: 2.3rem;
        padding-bottom: 1.8rem
    }

    .mix-filters li span:after, .mix-filters li span:before {
        display: none
    }

    .mix-filters li.filter-active span {
        color: #1480A5 !important
    }
}

.lt-ie10 .mix-filters span {
    color: #542D00
}

.lt-ie10 .mix-filters span:after, .lt-ie10 .mix-filters span:before {
    display: none
}

.product-pre-order-message {
    color: #fff;
    font-family: 'Trash Hand Regular', sans-serif;
    font-size: 1.8rem
}

.product-container {
    max-width: 100%;
    width: 100%;
    padding-left: 0;
    padding-right: 0
}

.product-banner {
    position: relative;
    padding-top: 6.5rem;
    z-index: 1;
    background-size: cover;
    background-position: bottom left
}

.product-banner:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 31.6rem;
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.3), transparent);
    z-index: -1
}

.product-banner__desc {
    vertical-align: middle;
    padding-top: 3rem
}

@media (max-width:768px) {
    .product-banner__desc {
        width: 100%
    }
}

.product-banner__excerpt {
    font-size: 1.6rem;
    color: #fff;
    padding-top: 4.5rem
}

@media (max-width:768px) {
    .product-banner__excerpt {
        padding-top: 5rem;
        width: 100%;
        padding-left: 1rem;
        padding-right: 1rem
    }
}

.product-banner__excerpt p {
    line-height: 1.2
}

.product-banner__excerpt ul {
    list-style-type: none;
    margin-bottom: 4rem
}

.product-banner__excerpt li {
    padding: .5rem 0;
    line-height: 1;
    padding-left: 2.5rem;
    position: relative
}

.product-banner__excerpt li:before {
    content: "\e903";
    font-family: 'bounce-icons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: .8rem;
    left: 0
}

.product-banner h1 {
    color: #fff;
    font-family: 'FFScalaSansWebRegular', sans-serif;
    font-size: 2.4rem;
    line-height: 1.5;
    margin-bottom: 0
}

@media (max-width:768px) {
    .product-banner h1 {
        margin-bottom: 3rem
    }
}

.product-banner h1 span {
    font-size: 4.5rem;
    line-height: 1;
    display: block;
    font-family: 'Trash Hand Regular', sans-serif
}

.product-banner__container {
    max-width: 100%;
    padding-left: 7rem;
    padding-right: 7rem
}

@media (max-width:1215px) {
    .product-banner__container {
        padding-left: 3rem;
        padding-right: 3rem
    }
}

@media (max-width:480px) {
    .product-banner__container {
        padding-left: 0;
        padding-right: 0
    }
}

.product-banner__images {
    text-align: right;
    padding-left: 3.5rem;
    padding-right: 3.5rem;
    vertical-align: middle;
    position: relative
}

@media (max-width:768px) {
    .product-banner__images {
        width: 100%;
        padding-left: 1rem;
        padding-right: 1rem
    }
}

@media (max-width:480px) {
    .product-banner__images {
        padding-left: 0;
        padding-right: 0
    }
}

.product-banner__animation {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.product-banner__animation svg {
    width: 100%;
    height: 100%;
    overflow: visible
}

.product-banner .grid {
    overflow: hidden
}

.product-banner .images {
    display: inline-block;
    width: 100%;
    max-width: 81.8rem;
    padding-top: 4rem;
    position: relative;
    z-index: 1;
    -webkit-transform: scale(0.85);
    -ms-transform: scale(0.85);
    transform: scale(0.85)
}

@media (max-width:768px) {
    .product-banner .images {
        padding-top: 0
    }
}

@media (max-width:480px) {
    .product-banner .images {
        padding-top: 6rem;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

.is-bites-item .product-banner .images {
    max-width: 112rem
}

.product-banner .images:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: radial-gradient(circle closest-side, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
    z-index: -1
}

@media (max-width:480px) {
    .product-banner .images:before {
        bottom: -15%;
        left: -15%;
        width: 130%;
        height: 130%
    }
}

.product-banner__summary {
    padding-top: 14rem
}

@media (max-width:768px) {
    .product-banner__summary {
        padding-top: 5rem
    }
}

@media (max-width:480px) {
    .product-banner__summary .cart {
        padding-left: 0 !important;
        padding-right: 0 !important
    }
}

@media (max-width:480px) {
    .product-banner__summary .variations {
        padding-left: 0 !important;
        padding-right: 0 !important
    }
}

.product-banner .product__packet-image {
    max-width: 39.2rem
}

.is-nutrition-item .product-banner .product__packet-image {
    max-width: 100%
}

.product-banner .product__ball {
    bottom: -1.5rem
}

.product-banner .social-share {
    padding-top: 1rem;
    padding-bottom: 3rem
}

@media (max-width:480px) {
    .product-banner .product__packet {
        top: 10%
    }
}

@media (max-width:480px) {
    .product-banner .product__ball {
        bottom: -3.5rem
    }
}

.product-banner .product__packet-image {
    top: -4.6rem;
    -webkit-animation: hover 2s infinite ease-in-out;
    animation: hover 2s infinite ease-in-out
}

.is-bites-item .product-banner .product__packet-image {
    -webkit-animation: none;
    animation: none;
    top: 0
}

.product-banner .product__packet-shadow {
    opacity: .4;
    -webkit-transform: scale(1.5, 0.4) rotate(-20deg);
    -ms-transform: scale(1.5, 0.4) rotate(-20deg);
    transform: scale(1.5, 0.4) rotate(-20deg)
}

.is-bites-item .product-banner .product__packet-shadow {
    display: none
}

.product-banner .product__packet-shadow:before {
    -webkit-animation: hover_shadow 2s 0.4s infinite ease-in-out;
    animation: hover_shadow 2s 0.4s infinite ease-in-out
}

.product-banner .product__ball img {
    top: -4.6rem;
    -webkit-animation: hover 2s 0.4s infinite ease-in-out;
    animation: hover 2s 0.4s infinite ease-in-out
}

.is-bites-item .product-banner .product__ball img {
    -webkit-animation: none;
    animation: none
}

.product-banner .product__ball-shadow {
    opacity: .4;
    -webkit-transform: scale(1.4, 0.6);
    -ms-transform: scale(1.4, 0.6);
    transform: scale(1.4, 0.6)
}

.is-bites-item .product-banner .product__ball-shadow {
    display: none
}

.product-banner .product__ball-shadow:before {
    -webkit-animation: hover__shadow 2s 0.4s infinite ease-in-out;
    animation: hover__shadow 2s 0.4s infinite ease-in-out
}

.product-banner__summary {
    line-height: 5rem
}

.is-bites-item .product-banner__summary, .product-type-bundle_box .product-banner__summary, .product-type-pick_and_mix_box .product-banner__summary {
    padding-top: 0
}

.product-banner__summary .button, .product-banner__summary .cart, .product-banner__summary .quantity, .product-banner__summary .stock {
    display: inline-block;
    width: 25%
}

.product-banner__summary .cart {
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem
}

.product-banner__summary .cart>div {
    display: inline-block
}

.product-banner__summary .cart>div>span {
    display: inline-block;
    color: #fff;
    font-size: 2rem
}

@media (max-width:420px) {
    .product-banner__summary .cart>div>span {
        display: none
    }
}

.product-banner__summary .cart .qty {
    width: 5rem;
    text-align: center
}

.product-banner__summary .cart button {
    float: right;
    outline: 0
}

@media (max-width:680px) {
    .product-banner__summary .cart button {
        float: none;
        width: 100%;
        clear: both
    }
}

.product-banner__summary .cart .price {
    display: inline-block;
    width: 25%;
    text-align: center
}

@media (max-width:680px) {
    .product-banner__summary .cart .price {
        float: right;
        width: 50%;
        text-align: right
    }
}

@media (max-width:420px) {
    .product-banner__summary .cart .price {
        text-align: center
    }
}

.product-banner__summary .cart .price del {
    display: none
}

.product-banner__summary .cart .price ins {
    text-decoration: none
}

.product-banner__summary .variations_form {
    width: 100%
}

.product-banner__summary .variations_form .button {
    float: none
}

.ie .product-banner__summary .variations_form .button {
    line-height: 18px
}

.product-banner__summary .variations+div:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 1rem;
    right: 1rem;
    width: 90%;
    width: calc(100% - 2rem);
    height: 1px;
    background-color: #fff;
    display: none
}

@media (max-width:680px) {
    .product-banner__summary .variations+div:before {
        display: block
    }
}

.product-banner__summary .label {
    display: none
}

.product-banner__summary .button, .product-banner__summary .price, .product-banner__summary .qty, .product-banner__summary .quantity, .product-banner__summary .stock, .product-banner__summary select {
    margin-bottom: 0;
    font-size: 1.8rem;
    color: #fff;
    display: inline-block
}

.product-banner__summary .price, .product-banner__summary .qty, .product-banner__summary .stock, .product-banner__summary select {
    position: relative;
    top: .4rem
}

.product-banner__summary .value {
    position: relative;
    display: block;
    width: 100%
}

@media (max-width:360px) {
    .product-banner__summary .value {
        width: 92%
    }
}

.product-banner__summary .value:before {
    display: none;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: "\e901";
    font-family: 'bounce-icons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

@media (max-width:680px) {
    .product-banner__summary .value:before {
        font-size: 2rem
    }
}

.product-banner__summary .quantity {
    display: inline-block;
    width: 100%;
    float: right;
    margin-right: -55px
}

@media (max-width:420px) {
    .product-banner__summary .quantity {
        margin-right: 0;
        text-align: center
    }
}

.product-banner__summary .qty, .product-banner__summary select {
    outline: 0;
    border: 0;
    background-color: transparent;
    color: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.product-banner__summary input[type=number].qty {
    -moz-appearance: textfield
}

.product-banner__summary .button, .product-banner__summary .trigger {
    border: 0;
    border-radius: 5px 5px 0 0;
    background-color: rgba(255, 255, 255, 0.2);
    box-shadow: none;
    font-family: 'FFScalaSansWebRegular', sans-serif;
    color: #fff;
    max-width: 27.4rem;
    width: 100%
}

@media (max-width:680px) {
    .product-banner__summary .button, .product-banner__summary .trigger {
        max-width: 100%
    }
}

@media (max-width:768px) {
    .product-banner__summary .button, .product-banner__summary .trigger {
        border-radius: 5px
    }
}

.product-banner__summary .button:hover, .product-banner__summary .trigger:hover {
    background-color: rgba(255, 255, 255, 0.25);
    box-shadow: none
}

.product-banner__summary .button:after, .product-banner__summary .trigger:after {
    color: #fff
}

.product-banner__summary .trigger {
    max-width: 100%;
    padding-right: 4rem
}

.product-banner__summary .fancy-select .options {
    top: 5.5rem
}

.product-banner__summary .fancy-select .options.overflowing {
    top: auto
}

.product-banner__summary .fancy-select .options li {
    color: #fff;
    position: relative
}

@media (max-width:780px) {
    .product-banner__summary .fancy-select .options li:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(255, 255, 255, 0.1)
    }
}

.product-banner__summary .fancy-select .options li:hover:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.1)
}

@media (max-width:780px) {
    .product-banner__summary .fancy-select .options li:hover:before {
        background-color: rgba(255, 255, 255, 0.2)
    }
}

@media (max-width:680px) {
    .product-banner__summary .single_add_to_cart_button {
        float: none;
        width: 50%
    }
}

.product-banner__summary .qty-btn {
    width: 2.4rem;
    height: 2.4rem;
    text-align: center;
    line-height: 2.4rem;
    border-radius: 50%;
    color: #fff;
    font-weight: bold;
    background-color: rgba(255, 255, 255, 0.2);
    padding: 0
}

.product-banner__summary .qty-btn:hover {
    background-color: rgba(255, 255, 255, 0.25);
    box-shadow: none
}

.product-banner__summary .qty-dec {
    right: 7.5rem
}

.product-banner__summary .qty-inc {
    right: 1rem
}

.product-banner__summary tbody, .product-banner__summary tr {
    display: block
}

.product-type-simple .product-banner__summary .cart>div {
    width: 25%
}

@media (max-width:680px) {
    .product-type-simple .product-banner__summary .cart>div {
        width: 50%;
        position: relative
    }
}

.product-type-pick_and_mix_box .product-banner__summary .cart>div {
    width: 25%;
    float: none;
    margin-right: 0
}

.product-type-pick_and_mix_box .product-banner__summary .cart>div:before {
    content: "Qty";
    margin-right: 1.6rem
}

@media (max-width:420px) {
    .product-type-pick_and_mix_box .product-banner__summary .cart>div:before {
        display: none
    }
}

@media (max-width:680px) {
    .product-type-pick_and_mix_box .product-banner__summary .cart>div {
        width: 50%
    }
}

.product-type-pick_and_mix_box .product-banner__summary .cart>div .qty-btn {
    display: inline-block !important
}

.variations_form {
    color: #fff
}

.variations_form>div, .variations_form>table {
    vertical-align: middle;
    height: 5.5rem;
    line-height: 5.5rem;
    position: relative
}

@media (max-width:680px) {
    .variations_form>div, .variations_form>table {
        width: 50%
    }
}

.variations_form>div {
    text-align: left;
    padding-left: 10%
}

@media (max-width:1200px) {
    .variations_form>div {
        padding-left: 5%
    }
}

@media (max-width:680px) {
    .variations_form>div {
        width: 50% !important
    }
}

.variations_form .variations_button {
    text-align: right
}

.variations_form .single_variation {
    text-align: center
}

.variations_form .wholesale_price_title {
    display: none
}

.variations_form .single_variation_wrap {
    font-size: 0
}

@media (max-width:680px) {
    .variations_form .single_variation_wrap {
        padding-top: 2rem
    }
}

.variations_form .single_variation, .variations_form .single_variation_wrap, .variations_form .variations_button {
    vertical-align: middle
}

@media (max-width:680px) {
    .variations_form .single_variation_wrap {
        width: 100% !important
    }

    .variations_form .single_variation_wrap .button {
        margin-top: 0
    }
}

.variations_form .variations_button {
    text-align: right
}

@media (max-width:680px) {
    .variations_form .variations_button {
        padding-right: 0
    }
}

@media (max-width:680px) {
    .variations_form .single_variation {
        padding-left: 0
    }

    .variations_form .single_variation .price {
        float: none
    }
}

.product-banner .stock.in-stock {
    display: none
}

.product-banner .stock.out-of-stock {
    position: absolute;
    bottom: 0;
    right: 0
}

.nutritional-info {
    padding-top: 10rem;
    padding-bottom: 8rem;
    background-color: #F4F3E9;
    color: #542D00
}

@media (max-width:640px) {
    .nutritional-info {
        padding-top: 2rem;
        padding-bottom: 2rem
    }
}

.nutritional-info__container {
    max-width: 100%;
    text-align: center
}

@media (max-width:1050px) {
    .nutritional-info__container {
        padding-left: 4rem;
        padding-right: 4rem
    }
}

@media (max-width:480px) {
    .nutritional-info__container {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

.nutritional-info__column {
    position: relative;
    text-align: left
}

@media (max-width:1050px) {
    .nutritional-info__column {
        width: 100% !important;
        padding-left: 0;
        padding-right: 0
    }
}

.nutritional-info__content {
    padding-top: 4rem;
    font-size: 1.6rem;
    line-height: 1.6;
    display: none
}

@media (max-width:1050px) {
    .nutritional-info__content {
        padding-bottom: 6rem;
        padding-top: 2rem
    }
}

.nutritional-info__content>div {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -ms-transform: translateY(40px);
    transform: translateY(40px);
    transition: 0.6s cubic-bezier(0.55, 0, 0.1, 1)
}

.nutritional-info__content h2 {
    display: none
}

.nutritional-info__title {
    margin-bottom: 0;
    cursor: pointer;
    transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1)
}

.nutritional-info__title .is-active {
    cursor: default
}

@media (max-width:640px) {
    .nutritional-info__title {
        font-size: 2.2rem;
        padding-bottom: 1rem
    }
}

.nutritional-info__container:hover .nutritional-info__title {
    color: #B5BE02
}

.nutritional-info__container:hover .nutritional-info__title:after {
    transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1);
    color: #B5BE02
}

.nutritional-info__container:hover .nutritional-info__button {
    border-color: #B5BE02
}

.nutritional-info__container:hover .nutritional-info__button:after, .nutritional-info__container:hover .nutritional-info__button:before {
    background-color: #B5BE02
}

.is-active .nutritional-info__container:hover .nutritional-info__title {
    color: #542D00;
    cursor: auto
}

.is-active .nutritional-info__container:hover .nutritional-info__title:after {
    transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1);
    color: #542D00
}

.is-active .nutritional-info__container:hover .nutritional-info__button {
    border-color: #542D00
}

.is-active .nutritional-info__container:hover .nutritional-info__button:after, .is-active .nutritional-info__container:hover .nutritional-info__button:before {
    background-color: #542D00
}

.shop-banner {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background-color: #F4F3E9;
    padding-top: 0
}

.shop-banner__column {
    width: 33.33%;
    float: left;
    text-align: center;
    padding-top: 5.5rem;
    padding-bottom: 9rem;
    padding-left: 2rem;
    padding-right: 2rem;
    height: calc(100vh - 75px);
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden
}

.shop-banner__column:hover .shop-banner__background .anim-flowers path {
    -webkit-animation-play-state: running;
    -moz-animation-play-state: running;
    -o-animation-play-state: running;
    animation-play-state: running
}

@media (max-width:767px) {
    .shop-banner__column.is-filtered:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #000;
        opacity: .55
    }

    .shop-banner__column.is-filtered:after {
        display: none !important
    }
}

@media (max-height:860px) {
    .shop-banner__column {
        padding-top: 2rem;
        padding-bottom: 3rem
    }
}

@media (max-width:767px) {
    .shop-banner__column {
        width: 100%;
        float: none;
        height: auto;
        padding-top: 2rem;
        padding-bottom: 3rem;
        position: relative
    }

    .filters-active .shop-banner__column:after {
        content: "";
        background-image: url(../images/icon-close-mobile.png);
        background-size: 100% 100%;
        width: 28px;
        height: 28px;
        position: absolute;
        top: 22px;
        right: 22px;
        z-index: 2;
        pointer-events: none
    }
}

.shop-banner__column--balls {
    background-color: #1481a5
}

.shop-banner__column--balls .shop-banner__shot {
    margin-top: 50px
}

.shop-banner__column--vlife {
    background-color: #279F8A;
    background-image: url(../images/img--cat-bg-vlife.png)
}

@media (max-width:767px) {
    .shop-banner__column--vlife .shop-banner__shot {
        margin-bottom: 0
    }
}

.shop-banner__column--bites {
    background-color: #F0B600;
    background-image: url(../images/img--cat-bg-bites.png)
}

@media (max-width:767px) {
    .shop-banner__column--bites .shop-banner__shot {
        margin-bottom: 0
    }
}

.shop-banner__background svg {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.shop-banner__background .anim-flowers path {
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused
}

.shop-banner__button, .shop-banner__intro, .shop-banner__title {
    position: relative;
    z-index: 2
}

.shop-banner__logo, .shop-banner__shot {
    display: inline-block;
    max-width: 85%;
    margin: 0 auto 5.4rem
}

@media (max-height:860px) {
    .shop-banner__logo, .shop-banner__shot {
        margin-bottom: 3rem
    }
}

@media (max-height:740px) {
    .shop-banner__logo, .shop-banner__shot {
        margin-bottom: 1.5rem
    }
}

.shop-banner__logo {
    max-width: 60%
}

@media (max-height:740px) {
    .shop-banner__logo {
        max-width: 40%
    }
}

@media (max-width:767px) {
    .shop-banner__logo {
        max-width: 13rem;
        display: block;
        margin: 0 auto 2rem
    }
}

.shop-banner__intro {
    max-width: 40rem;
    width: 100%;
    margin: 0 auto 5rem;
    color: #fff;
    font-size: 2.6rem;
    font-family: 'Trash Hand Regular', sans-serif;
    line-height: 1.2
}

@media (max-height:860px) {
    .shop-banner__intro {
        margin-bottom: 3rem;
        font-size: 2rem
    }
}

@media (max-width:767px) {
    .shop-banner__intro {
        font-size: 1.4rem;
        margin-bottom: 0
    }
}

.shop-banner__button {
    font-size: 2.6rem;
    padding: 1.3rem 1rem .7rem;
    position: relative
}

.shop-banner__button.filter-active:before {
    content: "";
    background-image: url(../images/icon--close.png);
    width: 18px;
    height: 17px;
    position: absolute;
    top: 50%;
    right: 2rem;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media (max-width:767px) {
    .shop-banner__button.filter-active:before {
        display: none
    }
}

.filtered .shop-banner__button {
    top: 0.7rem;
    font-size: 2.2rem;
    max-width: 22.5rem
}

@media (max-width:767px) {
    .shop-banner__button {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        max-width: 100% !important;
        z-index: 2
    }

    .filtered .shop-banner__button {
        top: 0
    }
}

.shop-info {
    display: block;
    text-align: center;
    background-color: #F4F3E9;
    padding-left: 2rem;
    padding-right: 2rem
}

@media (max-width:767px) {
    .shop-info {
        display: none !important
    }
}

.shop-info__list {
    width: 80%;
    display: none;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 auto;
    padding-top: 0
}

.shop-info__list li {
    display: inline-block;
    color: #542D00;
    font-family: 'Trash Hand Regular', sans-serif;
    font-size: 2.4rem
}

.shop-info__list li:before {
    content: "\02713"
}

.shop-info__full-item {
    width: 100%;
    text-align: center;
    padding-top: 2rem
}

.shop-info__full-item:before {
    content: "" !important
}

.shop-content .products li {
    display: none
}

.info-nutrition .nutritional-info__button {
    position: absolute;
    top: .5rem;
    left: 4.75rem;
    width: 3.5rem;
    height: 3.5rem;
    border: 2px solid #542D00;
    border-radius: 50%;
    cursor: pointer;
    transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1)
}

@media (max-width:1050px) {
    .info-nutrition .nutritional-info__button {
        display: none
    }
}

.info-nutrition .nutritional-info__button:hover {
    border-color: #B5BE02
}

.info-nutrition .nutritional-info__button:hover:after, .info-nutrition .nutritional-info__button:hover:before {
    background-color: #B5BE02
}

.info-nutrition .nutritional-info__button:after, .info-nutrition .nutritional-info__button:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    height: 2px;
    width: 2rem;
    margin-top: -1px;
    margin-left: -1rem;
    background-color: #542D00;
    transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center
}

.info-nutrition .nutritional-info__button:before {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.info-nutrition .nutritional-info__button:after {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.is-active .info-nutrition .nutritional-info__button:after, .is-active .info-nutrition .nutritional-info__button:before {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg)
}

.is-active .info-nutrition .nutritional-info__button:hover {
    border-color: #B5BE02
}

.is-active .info-nutrition .nutritional-info__button:hover:after, .is-active .info-nutrition .nutritional-info__button:hover:before {
    background-color: #B5BE02
}

.info-nutrition {
    padding-left: 15rem
}

@media (max-width:1050px) {
    .info-nutrition {
        padding-left: 0
    }
}

@media (max-width:1050px) {
    .info-nutrition .nutritional-info__title {
        cursor: pointer
    }
}

.info-nutrition .nutritional-info__title:after {
    content: ","
}

@media (max-width:1050px) {
    .info-nutrition .nutritional-info__title:after {
        display: none
    }
}

.is-active .info-nutrition .nutritional-info__title:after {
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    opacity: 0
}

.info-nutrition .nutritional-info__title:before {
    position: absolute;
    right: 0;
    top: -0.3rem;
    font-size: 3rem;
    display: none;
    content: "\e901";
    font-family: 'bounce-icons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

@media (max-width:1050px) {
    .info-nutrition .nutritional-info__title:before {
        display: block
    }
}

.info-nutrition table {
    width: 100%;
    max-width: 57rem;
    border-bottom: 1px solid #C7B89C
}

@media (max-width:1050px) {
    .info-nutrition table {
        max-width: none
    }
}

.info-nutrition table, .info-nutrition tr {
    border-top: 1px solid #C7B89C
}

.info-nutrition td {
    width: 25%;
    line-height: 1.2;
    padding: .9rem 1rem .5rem 0
}

.info-nutrition td:first-child {
    width: 50%
}

.info-health .nutritional-info__title:after {
    content: " &"
}

@media (max-width:1050px) {
    .info-health .nutritional-info__title:after {
        display: none
    }
}

.is-active .info-health .nutritional-info__title:after {
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    opacity: 0
}

.info-ingredients div {
    max-width: 27.5rem
}

@media (max-width:1050px) {
    .info-ingredients div {
        max-width: none
    }
}

.featured-grid, .related, .upsells {
    overflow-x: hidden;
    padding-top: 10rem;
    padding-left: 3rem;
    padding-right: 2rem;
    background-color: #fff
}

@media (max-width:480px) {
    .featured-grid, .related, .upsells {
        padding-left: 1rem;
        padding-right: 1rem
    }
}

.featured-grid h2, .related h2, .upsells h2 {
    color: #542D00;
    margin-bottom: 8rem;
    padding-left: 5rem
}

@media (max-width:1215px) {
    .featured-grid h2, .related h2, .upsells h2 {
        padding-left: 0
    }
}

@media (max-width:480px) {
    .featured-grid h2, .related h2, .upsells h2 {
        font-size: 2.6rem;
        padding-left: 1rem
    }
}

.featured-grid h3, .related h3, .upsells h3 {
    text-align: left
}

@media (max-width:640px) {
    .featured-grid h3 span, .related h3 span, .upsells h3 span {
        font-size: 1.2rem
    }
}

@media (max-width:640px) {
    .featured-grid h3 span+span, .related h3 span+span, .upsells h3 span+span {
        font-size: 1.8rem
    }
}

@media (max-width:640px) {
    .featured-grid .product, .related .product, .upsells .product {
        width: 50%
    }

    .featured-grid .product:last-child, .related .product:last-child, .upsells .product:last-child {
        display: none
    }
}

.featured-grid li.product_cat-bites .product__packet, .related li.product_cat-bites .product__packet, .upsells li.product_cat-bites .product__packet {
    width: 100%
}

.featured-grid li.product_cat-bites .product__ball, .featured-grid li.product_cat-bites .product__packet-shadow, .related li.product_cat-bites .product__ball, .related li.product_cat-bites .product__packet-shadow, .upsells li.product_cat-bites .product__ball, .upsells li.product_cat-bites .product__packet-shadow {
    display: none
}

.testimonials {
    background-color: #F4F3E9;
    padding-top: 7.5rem;
    padding-bottom: 4rem;
    color: #fff;
    text-align: center
}

.testimonials__title {
    margin-bottom: 0;
    line-height: 1
}

.testimonials__item {
    padding-top: 6rem;
    padding-bottom: 6.5rem;
    padding-left: 9rem;
    padding-right: 9rem;
    margin: 0;
    width: 100%;
    -webkit-transform: scale(0.83);
    -ms-transform: scale(0.83);
    transform: scale(0.83);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    opacity: .5
}

@media (max-width:640px) {
    .testimonials__item {
        padding-left: 4rem;
        padding-right: 4rem
    }
}

.testimonials__item.active {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.testimonials__avatar {
    display: block;
    margin: 0 auto;
    border-radius: 50%;
    margin-bottom: 3.5rem
}

.testimonials__cite {
    font-style: normal
}

.testimonials__name {
    display: block;
    font-size: 3rem;
    font-family: 'Trash Hand Regular', sans-serif
}

@media (max-width:480px) {
    .testimonials__name {
        margin-bottom: 1rem
    }
}

.testimonials__add-review {
    margin-top: 4rem;
    background-color: rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 0 rgba(0, 0, 0, 0.15)
}

.testimonials__add-review:hover {
    background-color: rgba(0, 0, 0, 0.05);
    box-shadow: 0 5px 0 rgba(0, 0, 0, 0.2)
}

.testimonials .lightSlider {
    overflow: visible
}

.testimonials .lSSlideWrapper {
    max-width: 74rem;
    margin: 0 auto;
    overflow: visible
}

.testimonials .lSSlideOuter .lSPager.lSpg>li a {
    width: 1.4rem;
    height: 1.4rem;
    background: transparent;
    border: 2px solid #fff;
    margin: 0 2.5rem
}

.testimonials .lSSlideOuter .lSPager.lSpg>li.active a, .testimonials .lSSlideOuter .lSPager.lSpg>li:hover a {
    background-color: #fff
}

.review-modal {
    display: none;
    position: fixed;
    top: 50%;
    left: 0;
    right: 0;
    -webkit-transform: translateY(-50%) !important;
    -ms-transform: translateY(-50%) !important;
    transform: translateY(-50%) !important;
    margin: auto;
    background-color: #F74A5E;
    z-index: 500;
    width: 100%;
    max-width: 40rem;
    padding: 4rem;
    border-radius: 5px;
    box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.4)
}

@media (max-width:380px) {
    .review-modal {
        padding-left: 2rem;
        padding-right: 2rem;
        border-radius: 0;
        position: static;
        -webkit-transform: translateY(0) !important;
        -ms-transform: translateY(0) !important;
        transform: translateY(0) !important;
        box-shadow: none
    }
}

.review-modal h2 {
    color: #fff;
    text-align: center
}

.review-modal .button {
    margin: 0 auto;
    display: block
}

.review-modal .field {
    margin-bottom: 2rem;
    border-radius: 5px;
    overflow: hidden
}

.review-modal .field__input--textarea {
    height: 15rem
}

.review-modal label.error {
    display: block;
    color: #fff;
    padding-top: .4rem
}

.basket-content {
    padding-top: 7rem;
    padding-bottom: 4.5rem;
    background-color: #F4F3E9
}

.basket-content__container {
    max-width: 163rem;
    padding-left: 8rem;
    padding-right: 8rem
}

@media (max-width:1215px) {
    .basket-content__container {
        max-width: 100%;
        padding-left: 3rem;
        padding-right: 3rem
    }
}

@media (max-width:480px) {
    .basket-content__container {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

.basket-content h2 {
    color: #542D00;
    margin-bottom: 4rem
}

.basket-content table {
    width: 100%;
    margin-top: 2rem
}

@media (max-width:640px) {
    .basket-content table {
        display: block
    }
}

@media (max-width:640px) {
    .basket-content thead {
        display: none
    }
}

.basket-content th {
    padding-top: 3rem;
    padding-bottom: 3rem;
    font-size: 1.8rem;
    font-weight: normal;
    text-align: left;
    position: relative
}

.basket-content th:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    width: calc(100% - 2rem);
    height: 1px;
    background-color: #C4C4C4
}

.basket-content th:first-child+th:before, .basket-content th:first-child:before {
    display: none
}

.basket-content .product-subtotal:before {
    width: 100%
}

.basket-content tbody {
    font-size: 2rem;
    color: #542D00
}

@media (max-width:640px) {
    .basket-content tbody {
        display: block
    }
}

.basket-content tbody .qty, .basket-content tbody a {
    color: #542D00
}

.basket-content tbody .qty {
    background-color: transparent;
    border: 0;
    outline: 0;
    width: 100%
}

@media (max-width:640px) {
    .basket-content tbody .qty {
        background-color: #fff;
        padding: 1rem
    }
}

.basket-content tbody td {
    padding-right: 2rem;
    border-bottom: 1px solid #C4C4C4
}

@media (max-width:640px) {
    .basket-content tbody td {
        border: 0;
        padding: 0
    }
}

@media (max-width:640px) {
    .basket-content tr {
        display: block;
        clear: both;
        border-bottom: 1px solid #C4C4C4;
        padding-bottom: 2.5rem;
        margin-bottom: 2rem;
        overflow: hidden
    }
}

.basket-content td, .basket-content th {
    width: 8.33%
}

@media (max-width:640px) {
    .basket-content td, .basket-content th {
        width: 50%;
        display: block;
        float: right
    }
}

.basket-content .cart_item_pick_and_mix_box {
    border: 0
}

.basket-content .cart_item_pick_and_mix_box td {
    border: 0
}

.basket-content .product-remove {
    text-align: center
}

@media (max-width:640px) {
    .basket-content .product-remove {
        position: absolute;
        display: block;
        width: auto
    }
}

.basket-content .product-thumbnail {
    width: 20%;
    padding-top: 2.5rem;
    padding-bottom: 2rem
}

@media (max-width:640px) {
    .basket-content .product-thumbnail {
        display: block;
        float: left;
        width: 50%;
        padding-top: 0;
        padding-bottom: 0;
        text-align: center;
        min-height: 18rem;
        padding-right: 2rem;
        padding-left: 2rem
    }
}

.basket-content .product-name {
    width: 33%
}

.basket-content .product-name p {
    margin-bottom: 0
}

@media (max-width:640px) {
    .basket-content .product-name {
        width: 50%
    }
}

@media (max-width:640px) {
    .basket-content .product-name, .basket-content .product-price, .basket-content .product-quantity {
        padding-bottom: 1.5rem
    }
}

.basket-content .remove {
    font-size: 0;
    display: block;
    width: 3.5rem;
    height: 3.5rem;
    margin: auto;
    border: 2px solid #c4c4c4;
    border-radius: 50%;
    position: relative;
    transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1)
}

@media (max-width:640px) {
    .basket-content .remove {
        width: 2rem;
        height: 2rem
    }
}

.basket-content .remove:hover {
    border-color: #542D00
}

.basket-content .remove:hover:after, .basket-content .remove:hover:before {
    background-color: #542D00
}

.basket-content .remove:after, .basket-content .remove:before {
    content: "";
    width: 70%;
    height: 2px;
    position: absolute;
    top: 50%;
    left: 0%;
    margin-left: 15%;
    margin-top: -1px;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    background-color: #c4c4c4;
    transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1)
}

.basket-content .remove:before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.basket-content .remove:after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.basket-content .actions {
    padding-top: 4.5rem;
    padding-bottom: 4rem;
    overflow: hidden;
    padding-right: 0
}

@media (max-width:640px) {
    .basket-content .actions {
        width: 100%
    }
}

.basket-content .actions>.button {
    float: right
}

.basket-content .coupon {
    float: left;
    position: relative;
    width: 100%;
    max-width: 59rem
}

@media (max-width:820px) {
    .basket-content .coupon {
        max-width: 100%;
        float: none;
        margin-bottom: 2rem
    }
}

.basket-content .coupon label {
    display: none
}

.basket-content .coupon input {
    float: left
}

.basket-content .coupon input[type=text] {
    width: 100%;
    margin-right: -14.7rem;
    padding-right: 14.7rem;
    border: 0;
    font-size: 1.6rem;
    color: #542D00;
    height: 6rem;
    line-height: 6.5rem;
    padding-left: 2rem;
    outline: 0
}

@media (max-width:640px) {
    .basket-content .coupon input[type=text] {
        margin-right: -11.7rem;
        padding-right: 11.7rem;
        height: 3.4em;
        line-height: 6rem
    }
}

.basket-content .button {
    font-size: 2rem;
    font-family: 'FFScalaSansWebRegular', sans-serif;
    max-width: 14.7rem
}

@media (max-width:640px) {
    .basket-content .button {
        font-size: 1.4rem;
        max-width: 11.7rem
    }
}

.basket-content .cell-text {
    display: none;
    color: #8e8e8e
}

@media (max-width:640px) {
    .basket-content .cell-text {
        display: inline
    }
}

.cart_item_pick_and_mix_box .variation dt {
    display: none
}

.cart-collaterals {
    padding-top: 3.5rem;
    padding-bottom: 7rem;
    text-align: right;
    font-size: 1.8rem;
    max-width: 163rem;
    padding-left: 8rem;
    padding-right: 8rem
}

@media (max-width:1215px) {
    .cart-collaterals {
        max-width: 100%;
        padding-left: 3rem;
        padding-right: 3rem
    }
}

@media (max-width:480px) {
    .cart-collaterals {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

.cart-collaterals .cart_totals {
    width: 100%;
    max-width: 42rem;
    text-align: left;
    display: inline-block
}

.cart-collaterals h2 {
    display: none
}

.cart-collaterals table {
    width: 100%
}

.cart-collaterals td, .cart-collaterals th {
    padding-top: 2.5rem;
    padding-bottom: 3.5rem
}

.cart-collaterals td {
    padding-left: 2rem;
    text-align: right;
    font-size: 2rem;
    color: #542D00
}

.cart-collaterals strong, .cart-collaterals th {
    font-weight: normal
}

.cart-collaterals .shipping td, .cart-collaterals .shipping th {
    vertical-align: top;
    padding-top: 3.5rem;
    border-top: 1px solid #c4c4c4;
    border-bottom: 1px solid #c4c4c4
}

.cart-collaterals .shipping form {
    padding-top: 2rem
}

.cart-collaterals .shipping a {
    font-size: 1.8rem;
    color: #1480A5;
    border-bottom: 1px solid #1480A5
}

.cart-collaterals .wc-proceed-to-checkout {
    padding-top: 2rem
}

.cart-collaterals .checkout-button {
    max-width: 100%;
    font-family: 'FFScalaSansWebRegular', sans-serif;
    font-size: 2rem
}

.checkout-content {
    background-color: #F4F3E9;
    padding-bottom: 8rem
}

.checkout-content h2, .checkout-content h3 {
    color: #542D00;
    margin-bottom: 3.5rem;
    font-size: 3rem
}

.checkout-content .checkout-content__container>h2 {
    font-size: 4.5rem
}

.checkout-content .button, .woocommerce-edit-account .button, .woocommerce-edit-address .button {
    color: #fff !important;
    font-family: 'FFScalaSansWebRegular', sans-serif;
    font-size: 2rem
}

.checkout-content .showlogin, .woocommerce-edit-account .showlogin, .woocommerce-edit-address .showlogin {
    display: none
}

.checkout-content .login, .woocommerce-edit-account .login, .woocommerce-edit-address .login {
    display: block !important;
    padding-bottom: 5rem
}

@media (max-width:768px) {
    .checkout-content .login, .woocommerce-edit-account .login, .woocommerce-edit-address .login {
        padding-bottom: 0
    }
}

.checkout-content .login .form-row-first, .checkout-content .login .form-row-last, .woocommerce-edit-account .login .form-row-first, .woocommerce-edit-account .login .form-row-last, .woocommerce-edit-address .login .form-row-first, .woocommerce-edit-address .login .form-row-last {
    width: 50%;
    float: left
}

@media (max-width:480px) {
    .checkout-content .login .form-row-first, .checkout-content .login .form-row-last, .woocommerce-edit-account .login .form-row-first, .woocommerce-edit-account .login .form-row-last, .woocommerce-edit-address .login .form-row-first, .woocommerce-edit-address .login .form-row-last {
        width: 100%;
        padding: 0 !important
    }
}

.checkout-content .login .form-row-first, .woocommerce-edit-account .login .form-row-first, .woocommerce-edit-address .login .form-row-first {
    padding-right: 1rem
}

.checkout-content .login .form-row-last, .woocommerce-edit-account .login .form-row-last, .woocommerce-edit-address .login .form-row-last {
    padding-left: 1rem
}

.checkout-content .login .button, .woocommerce-edit-account .login .button, .woocommerce-edit-address .login .button {
    height: 4.6rem;
    line-height: 4.6rem;
    max-width: 14.7rem
}

.checkout-content .lost_password a, .woocommerce-edit-account .lost_password a, .woocommerce-edit-address .lost_password a {
    color: #542D00;
    border-bottom: 1px solid #542D00
}

.checkout-content .form-row, .woocommerce-edit-account .form-row, .woocommerce-edit-address .form-row {
    position: relative
}

.checkout-content .form-row label, .woocommerce-edit-account .form-row label, .woocommerce-edit-address .form-row label {
    top: 0;
    transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1)
}

.checkout-content .form-row .is-focused, .woocommerce-edit-account .form-row .is-focused, .woocommerce-edit-address .form-row .is-focused {
    opacity: 0
}

.checkout-content .form-row input, .checkout-content .form-row textarea, .woocommerce-edit-account .form-row input, .woocommerce-edit-account .form-row textarea, .woocommerce-edit-address .form-row input, .woocommerce-edit-address .form-row textarea {
    width: 100%;
    height: 5.1rem;
    line-height: 5.1rem;
    padding: 0 2rem;
    color: #8e8e8e;
    border: 0;
    border-radius: 5px
}

.checkout-content .form-row textarea, .woocommerce-edit-account .form-row textarea, .woocommerce-edit-address .form-row textarea {
    line-height: 1.2;
    height: 17.6rem;
    padding: 2rem
}

.checkout-content .form-row [for=createaccount], .checkout-content .form-row [for=rememberme], .checkout-content .form-row [type=checkbox], .woocommerce-edit-account .form-row [for=createaccount], .woocommerce-edit-account .form-row [for=rememberme], .woocommerce-edit-account .form-row [type=checkbox], .woocommerce-edit-address .form-row [for=createaccount], .woocommerce-edit-address .form-row [for=rememberme], .woocommerce-edit-address .form-row [type=checkbox] {
    display: inline-block !important;
    width: auto;
    height: auto;
    line-height: 1
}

.checkout-content [for=billing_country], .woocommerce-edit-account [for=billing_country], .woocommerce-edit-address [for=billing_country] {
    display: none
}

.checkout-content .checkout-details, .woocommerce-edit-account .checkout-details, .woocommerce-edit-address .checkout-details {
    padding-left: 0
}

@media (max-width:740px) {
    .checkout-content .checkout-details, .woocommerce-edit-account .checkout-details, .woocommerce-edit-address .checkout-details {
        width: 100%
    }
}

.checkout-content .checkout-details .login label[for=rememberme], .woocommerce-edit-account .checkout-details .login label[for=rememberme], .woocommerce-edit-address .checkout-details .login label[for=rememberme] {
    display: block;
    margin-top: 2rem
}

@media (max-width:920px) {
    .checkout-content .login {
        max-width: 100%
    }

    .checkout-content .checkout-details, .checkout-content .payment_methods {
        width: 50%
    }

    .checkout-content .review-column {
        padding-left: 1rem
    }
}

@media (max-width:768px) {
    .checkout-content .checkout-details, .checkout-content .review-column {
        width: 100%
    }
}

.checkout-content__container {
    max-width: 159.3rem;
    padding-left: 8rem;
    padding-right: 8rem
}

@media (max-width:1215px) {
    .checkout-content__container {
        max-width: 100%;
        padding-left: 3rem;
        padding-right: 3rem
    }
}

@media (max-width:480px) {
    .checkout-content__container {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

.checkout-content__container>.woocommerce-info {
    font-size: 4.5rem;
    font-family: 'Trash Hand Regular', sans-serif;
    color: #542D00;
    margin-bottom: 3.5rem;
    background: none;
    margin: 0;
    padding: 0;
    margin-bottom: 30px;
    width: 100%;
    text-align: left
}

.select2-container .select2-choice {
    width: 100%;
    height: 5.1rem;
    line-height: 5.1rem;
    padding: 0 2rem;
    color: #8e8e8e;
    border: 0;
    background: #fff;
    border-radius: 5px
}

.select2-container .select2-choice .select2-arrow {
    width: 5.1rem;
    height: 5.1rem;
    background: #DEDEDB;
    border: 0
}

.select2-container .select2-choice .select2-arrow b {
    display: none
}

.select2-container .select2-choice .select2-arrow:before {
    content: "\e902";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    line-height: 5.1rem;
    color: #fff;
    text-align: center;
    top: 0;
    right: 0;
    font-family: 'bounce-icons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.ie .select2-container .select2-choice .select2-arrow:before {
    top: 22px
}

.select2-drop-active {
    border: 0
}

.review-column {
    padding-left: 10%;
    position: relative
}

@media (max-width:740px) {
    .review-column {
        width: 100%;
        padding-left: 0
    }
}

.review-column strong {
    font-weight: normal
}

.review-column table {
    width: 100%
}

.review-column td, .review-column th {
    border-bottom: 1px solid #C7C7C7;
    padding: 3rem 0;
    width: 50%;
    font-weight: normal
}

.review-column td:first-child, .review-column th:first-child {
    text-align: left
}

.review-column td:last-child, .review-column th:last-child {
    text-align: right;
    color: #542D00
}

.review-column td:last-child .amount, .review-column th:last-child .amount {
    display: block;
    margin-top: 1rem
}

.review-column td p, .review-column th p {
    margin-bottom: 0
}

.review-column .payment_methods {
    padding-top: 4rem
}

.review-column .payment_methods li {
    padding: 3.5rem 0 2rem;
    border-bottom: 1px solid #C7C7C7
}

.review-column .payment_methods li:last-child {
    border-bottom: 0
}

.review-column .payment_method_paypal img {
    display: block
}

.review-column .place-order {
    padding-top: 3.5rem
}

.review-column .place-order .button {
    width: 100%;
    max-width: 100%
}

.review-column small span {
    display: inline !important;
    margin: 0 !important
}

.woocommerce-shipping-fields {
    padding-top: 3.5rem
}

#ship-to-different-address {
    font-family: 'FFScalaSansWebRegular', sans-serif;
    color: #8e8e8e;
    font-size: 1.6rem
}

.checkout_newsletter {
    margin-top: 3rem
}

.checkout_newsletter__input {
    margin-right: 10px
}

.order-complete-content {
    background-color: #F4F3E9;
    padding-top: 10rem;
    padding-bottom: 17rem
}

.order-complete__container {
    max-width: 145rem
}

.order-complete__container h1, .order-complete__container h3 {
    color: #542D00;
    margin-bottom: 3.5rem;
    padding-left: 1rem;
    line-height: 1
}

.order-complete__container h2 {
    color: #542D00;
    margin-bottom: 6rem
}

.order-complete__container h3 {
    padding-left: 0;
    font-size: 4.5rem
}

.order-complete__container strong {
    font-weight: normal
}

.order-complete__container table, .woocommerce-view-order table {
    width: 100%
}

.order-complete__container address, .woocommerce-view-order address {
    color: #542D00;
    line-height: 1.4
}

.order-complete__container td, .order-complete__container th, .woocommerce-view-order td, .woocommerce-view-order th {
    border-bottom: 1px solid #C7C7C7;
    padding: 3rem 0;
    width: 50%;
    font-weight: normal
}

.order-complete__container td:first-child, .order-complete__container th:first-child, .woocommerce-view-order td:first-child, .woocommerce-view-order th:first-child {
    text-align: left
}

.order-complete__container td:last-child, .order-complete__container th:last-child, .woocommerce-view-order td:last-child, .woocommerce-view-order th:last-child {
    text-align: right;
    color: #542D00
}

.order-complete__container td:last-child .amount, .order-complete__container th:last-child .amount, .woocommerce-view-order td:last-child .amount, .woocommerce-view-order th:last-child .amount {
    display: block;
    margin-top: 1rem
}

.order-complete__container td p, .order-complete__container th p, .woocommerce-view-order td p, .woocommerce-view-order th p {
    margin-bottom: 0
}

.customer_details {
    margin-bottom: 3.5rem
}

.customer_details td, .customer_details th {
    border-bottom: 0;
    padding: 0;
    width: 50%;
    font-weight: normal;
    line-height: 1.4
}

.customer_details td:last-child, .customer_details th:last-child {
    text-align: left
}

.customer_details td {
    color: #542D00
}

#customer_details {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.addresses address {
    margin-bottom: 3.5em
}

.details-column, .status-column {
    padding-right: 7%
}

.customer-column .customer_details {
    margin-bottom: 4rem
}

.order_details li {
    padding-top: 3rem;
    padding-bottom: 3rem;
    border-bottom: 1px solid #C7C7C7
}

.order_details li:last-child {
    border-bottom: 0
}

.order_details li strong {
    float: right;
    font-weight: normal;
    color: #542D00
}

.order_details a {
    color: #542D00
}

.social-section {
    background-color: #FBFAF6
}

.social-section .lSPager {
    padding: 1rem 1rem 2rem !important;
    margin: 0 !important
}

.social-section .lSSlideOuter .lSPager.lSpg>li a {
    width: 1.4rem;
    height: 1.4rem;
    background: transparent;
    border: 2px solid #542D00;
    margin: 0
}

.social-section .lSSlideOuter .lSPager.lSpg>li.active a, .social-section .lSSlideOuter .lSPager.lSpg>li:hover a {
    background-color: #542D00
}

.preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #F4F3E9;
    z-index: 20;
    display: none
}

.home .preloader, .our-story-page .preloader {
    display: block
}

.load {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 10rem;
    height: 10rem
}

.load hr {
    border: 0;
    margin: 0;
    width: 40%;
    height: 40%;
    position: absolute;
    border-radius: 50%;
    -webkit-animation: spin 2s ease infinite;
    animation: spin 2s ease infinite
}

.load hr:first-child {
    background: #26cad3;
    -webkit-animation-delay: -1.5s;
    animation-delay: -1.5s
}

.load hr:nth-child(2) {
    background: #F4C22C;
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

.load hr:nth-child(3) {
    background: #F74A5E;
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s
}

.load hr:last-child {
    background: #EE7600
}

@-webkit-keyframes spin {
    0%, to {
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    25% {
        -webkit-transform: translate(160%);
        transform: translate(160%)
    }

    50% {
        -webkit-transform: translate(160%, 160%);
        transform: translate(160%, 160%)
    }

    75% {
        -webkit-transform: translate(0, 160%);
        transform: translate(0, 160%)
    }
}

@keyframes spin {
    0%, to {
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    25% {
        -webkit-transform: translate(160%);
        transform: translate(160%)
    }

    50% {
        -webkit-transform: translate(160%, 160%);
        transform: translate(160%, 160%)
    }

    75% {
        -webkit-transform: translate(0, 160%);
        transform: translate(0, 160%)
    }
}

.social-page {
    position: relative
}

.social-grid {
    max-width: 174.2rem;
    padding-top: 6.7rem
}

@media (max-width:1160px) {
    .social-grid__cats, .social-grid__news {
        width: 100%
    }
}

.social-mobile__trigger {
    position: relative;
    font-size: 2rem;
    color: #542D00;
    display: none;
    text-align: center;
    cursor: pointer;
    margin-bottom: 4rem
}

@media (max-width:860px) {
    .social-mobile__trigger {
        display: block
    }
}

.social-mobile__trigger:after {
    display: inline-block;
    vertical-align: middle;
    transition: 0.3s;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    margin-left: 1rem;
    font-size: 1.6rem
}

.social-mobile__trigger.is-active:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.social-categories__list {
    text-align: center;
    margin-bottom: 4rem;
    position: relative;
    z-index: 1;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (max-width:860px) {
    .social-categories__list {
        text-align: center;
        margin-bottom: 4.6rem;
        display: none
    }
}

.social-categories__list li {
    color: #1480A5;
    cursor: pointer;
    margin-bottom: 2rem;
    display: inline-block;
    min-width: 12.5%;
    border-radius: 3px;
    transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1);
    -webkit-perspective: 10000px;
    perspective: 10000px
}

.social-categories__list li:last-child {
    margin-right: 0
}

.social-categories__list li:hover {
    color: currentColor;
    -webkit-transform: translateY(12px);
    -ms-transform: translateY(12px);
    transform: translateY(12px)
}

.social-categories__list li:hover .button--3d {
    background-color: currentColor;
    -webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg)
}

@media (max-width:1480px) {
    .social-categories__list li {
        min-width: 25%;
        padding-left: 1rem;
        padding-right: 1rem
    }
}

@media (max-width:860px) {
    .social-categories__list li {
        width: 100%;
        display: block;
        max-width: 100%;
        margin: 0 auto 1rem
    }
}

.social-categories__list .button {
    color: currentColor;
    border-color: currentColor;
    padding-top: 0;
    padding-bottom: 0;
    height: 44px;
    line-height: 44px;
    font-size: 1.4rem;
    max-width: 16.4rem
}

@media (max-width:1480px) {
    .social-categories__list .button {
        max-width: 100%
    }
}

@media (max-width:860px) {
    .social-categories__list .button {
        max-width: 100%
    }
}

.social-categories__list .button:before {
    content: "View Category";
    background-color: currentColor;
    color: currentColor
}

[data-ua*="MSIE 9"] .social-categories__list .button:before, [data-ua*="MSIE 10"] .social-categories__list .button:before, [data-ua*="rv:11"] .social-categories__list .button:before {
    display: none
}

[data-ua*="MSIE 9"] .social-categories__list .button:hover, [data-ua*="MSIE 10"] .social-categories__list .button:hover, [data-ua*="rv:11"] .social-categories__list .button:hover {
    background-color: transparent !important
}

.social-categories__list .button:after {
    content: "View Category";
    left: 0;
    right: 0;
    width: auto;
    height: 5.3rem;
    background-color: transparent;
    color: #fff
}

[data-ua*="MSIE 9"] .social-categories__list .button:after, [data-ua*="MSIE 10"] .social-categories__list .button:after, [data-ua*="rv:11"] .social-categories__list .button:after {
    display: none
}

.social-grid__news .grid {
    margin-left: -4.6rem;
    margin-right: -4.6rem
}

@media (max-width:1160px) {
    .social-grid__news .grid {
        margin-left: -2.3rem;
        margin-right: -2.3rem
    }
}

.news-post {
    padding-left: 4.6rem;
    padding-right: 4.6rem;
    margin-bottom: 10rem
}

@media (max-width:1160px) {
    .news-post {
        padding-left: 2.3rem;
        padding-right: 2.3rem
    }
}

@media (max-width:1024px) {
    .news-post {
        width: 50%
    }
}

@media (max-width:680px) {
    .news-post {
        width: 100%;
        margin-bottom: 4.6rem
    }
}

.news-post__img {
    border-radius: 7px;
    display: block;
    width: 100%;
    margin-bottom: 4.2rem;
    transition: 0.3s
}

.news-post__img-link {
    display: block;
    overflow: hidden
}

.news-post__img-link:hover img {
    opacity: .8;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.news-post__header {
    float: left;
    margin-right: -15.6rem;
    padding-right: 15.6rem;
    width: 100%
}

@media (max-width:860px) {
    .news-post__header {
        float: none;
        margin-right: 0;
        padding-right: 0
    }
}

.news-post__title {
    font-size: 2rem;
    line-height: 1.2;
    font-family: 'FFScalaSansWebRegular', sans-serif
}

.news-post__title a {
    color: #542D00;
    transition: 0.3s
}

.news-post__title a:hover {
    color: #B5BE02
}

.news-post__cats {
    width: 15.6rem;
    float: right;
    text-align: right;
    padding-left: 3rem
}

@media (max-width:860px) {
    .news-post__cats {
        display: none
    }
}

.news-post__cat {
    font-size: 1.3rem;
    display: inline-block;
    vertical-align: middle;
    border-radius: 3px;
    background-color: #1480A5;
    margin-bottom: .5rem
}

.news-post__cat a {
    color: #fff;
    padding: 1rem;
    display: inline-block;
    position: relative;
    z-index: 1
}

.news-post__cat a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
    transition: 0.3s;
    opacity: 0;
    z-index: -1
}

.news-post__cat a:hover:before {
    opacity: 1
}

.news-post__author span {
    font-size: 1.2rem;
    color: #542D00;
    display: inline-block;
    vertical-align: middle
}

.social-grid__social {
    padding-left: 15.8rem;
    color: #542D00
}

@media (max-width:1600px) {
    .social-grid__social {
        padding-left: 9.2rem
    }
}

@media (max-width:1160px) {
    .social-grid__social {
        display: none
    }
}

.social-switch {
    position: relative;
    margin-top: -1.3rem
}

.social-switch:before {
    position: absolute;
    top: 3.1rem;
    right: 3rem;
    transition: 0.3s;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    z-index: 2
}

.social-switch.is-active:before {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.social-switch__item {
    font-size: 2rem;
    font-family: 'VAGRoundedLTPro-Light', sans-serif;
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
    padding-left: 3.5rem;
    cursor: pointer;
    margin-left: -3.5rem;
    display: none;
    position: absolute;
    width: calc(100% + 3.5rem);
    left: 0
}

.social-switch__item:first-child {
    font-size: 3rem;
    display: block;
    padding-top: 2.5rem
}

.is-active .social-switch__item:first-child, .social-switch__item:first-child:hover {
    background-color: #F4F3E9 !important;
    color: #542D00 !important
}

.social-switch__item:nth-child(2) {
    background-color: #FBFAF6;
    top: 9rem
}

.social-switch__item:nth-child(3) {
    background-color: #F4F3E9;
    top: 18rem
}

.social-switch__item.social-switch__item--twitter:hover {
    background-color: #39CCD2;
    color: #fff
}

.social-switch__item.social-switch__item--facebook:hover {
    background-color: #10769B;
    color: #fff
}

.social-switch__item.social-switch__item--instagram:hover {
    background-color: #77B9D0;
    color: #fff
}

.feed-list {
    padding-bottom: 12rem;
    overflow-x: hidden
}

.social-list {
    overflow-y: scroll;
    height: 100%;
    width: 105%;
    display: none
}

.social-list--twitter {
    display: block
}

.social-list__item {
    padding-top: 3.9rem;
    padding-bottom: 3rem;
    border-top: 1px solid rgba(87, 39, 0, 0.1);
    overflow: hidden
}

.social-list__item:first-child {
    border-top: 0;
    padding-top: 0
}

.social-list__item a {
    color: #1480A5
}

.social-list__item a:hover {
    color: #B5BE02
}

.social-list--instagram .social-list__item {
    width: 50%;
    float: left;
    padding-top: 0;
    padding-bottom: 0;
    border: 0;
    margin-bottom: 2rem;
    padding-right: 1rem
}

.social-list--instagram .social-list__item:nth-child(2n) {
    padding-right: 0;
    padding-left: 1rem
}

.social-list__img {
    width: 17.7rem;
    height: 17.7rem;
    float: left;
    margin-right: 2rem;
    margin-bottom: 2rem;
    border-radius: 4px;
    object-fit: cover;
    object-position: center
}

.social-list--instagram .social-list__img {
    width: 100%;
    height: 14.7rem;
    margin-right: 0;
    margin-bottom: 0
}

.social-list__text {
    font-size: 2rem;
    line-height: 1.2;
    margin-bottom: 0
}

.social-list__img+.social-list__text {
    font-size: 1.6rem
}

.pagination {
    text-align: center;
    overflow: hidden;
    margin-bottom: 3rem
}

.pagination a, .pagination span {
    color: #542D00;
    font-size: 2rem;
    padding: 0 1rem
}

.pagination a:hover {
    color: #B5BE02
}

.pagination span {
    opacity: .4
}

.pagination .prev {
    float: left;
    padding-left: 0
}

.pagination .next {
    float: right;
    padding-right: 0
}

.page-single {
    background-color: #F4F3E9;
    padding-top: 10rem;
    padding-bottom: 9rem
}

.post-single {
    padding-top: 0;
    background-color: #fff
}

.post {
    color: #542D00
}

.post__header {
    position: relative;
    margin-bottom: 4.4rem
}

.post__body, .post__heading, .post__meta {
    max-width: 100rem
}

.post__banner img {
    max-width: 100rem;
    width: 100%;
    display: block;
    margin: 0 auto
}

.post__heading {
    position: relative;
    z-index: 2
}

.post__video {
    position: relative;
    height: 0;
    padding-top: 56.25%;
    max-width: 124rem;
    width: 62vw;
    margin-left: calc(-31vw + 50%);
    margin-bottom: 9rem;
    margin-top: 4rem
}

@media (max-width:1500px) {
    .post__video {
        width: 100%;
        max-width: 100%;
        margin-left: 0
    }
}

.post iframe {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.post__cat {
    display: inline-block;
    vertical-align: middle;
    font-size: 1.3rem;
    padding: 1rem;
    border-radius: 4px;
    background-color: #1480A5;
    color: #fff
}

.post__title {
    line-height: 1;
    margin-bottom: 4rem;
    font-size: 6rem;
    width: 100%;
    z-index: 2
}

.page-template-default .post__title {
    text-align: center
}

@media (max-width:640px) {
    .post__title {
        font-size: 4.5rem
    }
}

@media (max-width:380px) {
    .post__title {
        font-size: 3.6rem
    }
}

.post__meta {
    padding-bottom: 7.4rem
}

.post__author {
    float: left
}

.post__author img {
    border-radius: 50%;
    margin-right: 1.5rem;
    float: left
}

@media (max-width:380px) {
    .post__author img {
        width: 3.6rem;
        height: 3.6rem
    }
}

.post__author-by {
    float: left;
    padding-top: 1.5rem
}

@media (max-width:380px) {
    .post__author-by {
        padding-top: .3rem
    }
}

.post__share {
    float: right
}

.post__share .social-links {
    display: inline-block;
    vertical-align: middle;
    margin-left: 7.8rem;
    padding-top: 0
}

.post__share .social-links__link {
    width: 3.4rem;
    height: 3.4rem;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    background-color: #1480A5;
    text-align: center;
    line-height: 3.8rem;
    padding-top: 0;
    margin: 0;
    transition: 0.3s
}

.post__share .social-links__link:hover {
    background-color: #F74A5E
}

.post__share svg {
    width: 1.2rem;
    height: 1.2rem
}

.post__cats {
    display: inline-block;
    vertical-align: middle
}

.post__body {
    padding-bottom: 15.4rem
}

@media (max-width:1080px) {
    .post__body {
        margin-top: 4rem;
        max-width: 100%;
        padding-left: 4rem;
        padding-right: 4rem
    }
}

@media (max-width:480px) {
    .post__body {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

.post__body p {
    font-size: 1.6rem
}

.post__body img.size-full {
    max-width: 145rem;
    width: 75vw;
    margin-left: calc(-37.5vw + 50%);
    margin-bottom: 9rem
}

.post__body .post__back {
    color: #542D00;
    margin-top: 0
}

.post__back {
    color: #fff;
    margin-top: 5.7rem;
    font-size: 1.8rem;
    display: inline-block
}

.post__back i {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    font-size: 1.3rem;
    width: 1.4rem;
    height: 1.4rem;
    border: 1px solid currentColor;
    border-radius: 50%;
    text-align: center;
    line-height: 1.4rem;
    position: relative;
    top: -2px;
    margin-right: 1rem
}

.post__end {
    margin-top: 4.8rem;
    border-top: 1px solid #542D00;
    padding-top: 6.5rem
}

.post__meta .post__back {
    position: absolute;
    color: #542D00;
    left: 8.8rem;
    margin-top: 0;
    white-space: nowrap
}

@media (max-width:1450px) {
    .post__meta .post__back {
        display: none
    }
}

.post-related {
    padding-top: 9.9rem;
    padding-bottom: 9.9rem;
    background-color: #F4F3E9
}

.post-related .container {
    max-width: 166rem
}

.post-related__grid {
    margin-left: -3.3rem;
    margin-right: -3.3rem
}

.post-related__heading {
    color: #542D00;
    margin-bottom: 4.4rem;
    font-size: 6rem
}

.post-related__post {
    padding: 0 3.3rem
}

.post-related__link {
    display: block
}

.post-related__link:hover .post-related__title {
    color: #B5BE02
}

.post-related__img {
    display: block;
    width: 100%;
    border-radius: 4px;
    margin-bottom: 3rem
}

.post-related__title {
    font-size: 2.5rem;
    font-family: 'FFScalaSansWebRegular', sans-serif;
    color: #542D00;
    width: 100%;
    float: right;
    margin-left: -5.5rem;
    padding-left: 5.5rem;
    transition: 0.3s
}

.post-related__author {
    width: 4rem;
    height: 4rem
}

.post-related__author img {
    margin-right: 0;
    float: none
}

.post-related .lSSlideOuter .lSPager.lSpg>li a {
    width: 1.4rem;
    height: 1.4rem;
    background: transparent;
    border: 2px solid #542D00;
    margin: 0
}

.post-related .lSSlideOuter .lSPager.lSpg>li.active a, .post-related .lSSlideOuter .lSPager.lSpg>li:hover a {
    background-color: #542D00
}

.find-us-page {
    position: relative
}

.find-us-page canvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.find-us {
    background-color: #F74A5E;
    color: #fff;
    text-align: center;
    padding-top: 9.1rem;
    padding-bottom: 15rem;
    position: relative
}

.find-us svg {
    position: absolute
}

.find-us svg {
    position: absolute
}

@media (max-width:767px) {
    .find-us svg {
        display: none
    }
}

.find-us .intro-flower-1 {
    top: 10%;
    left: 65%
}

.find-us .intro-flower-1 path:nth-child(2) {
    -webkit-animation-delay: -0.1s;
    animation-delay: -0.1s
}

.find-us .intro-flower-1 path:nth-child(3) {
    -webkit-animation-delay: 0s;
    animation-delay: 0s
}

.find-us .intro-flower-1 path:nth-child(4) {
    -webkit-animation-delay: -0.1s;
    animation-delay: -0.1s
}

.find-us .intro-flower-1 path:nth-child(5) {
    -webkit-animation-delay: -0.2s;
    animation-delay: -0.2s
}

.find-us .intro-flower-1 path:nth-child(6) {
    -webkit-animation-delay: -0.3s;
    animation-delay: -0.3s
}

.find-us .intro-flower-2 {
    top: 50%;
    left: 10%
}

.find-us .intro-flower-2 path:nth-child(2) {
    -webkit-animation-delay: -0.1s;
    animation-delay: -0.1s
}

.find-us .intro-flower-2 path:nth-child(3) {
    -webkit-animation-delay: -0.2s;
    animation-delay: -0.2s
}

.find-us .intro-flower-2 path:nth-child(4) {
    -webkit-animation-delay: -0.3s;
    animation-delay: -0.3s
}

.find-us .intro-flower-2 path:nth-child(5) {
    -webkit-animation-delay: -0.4s;
    animation-delay: -0.4s
}

.find-us .intro-flower-2 path:nth-child(6) {
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s
}

.find-us .intro-flower-3 {
    bottom: 15%;
    right: 20%
}

.find-us .intro-flower-3 path:nth-child(2) {
    -webkit-animation-delay: -0.3s;
    animation-delay: -0.3s
}

.find-us .intro-flower-3 path:nth-child(3) {
    -webkit-animation-delay: -0.4s;
    animation-delay: -0.4s
}

.find-us .intro-flower-3 path:nth-child(4) {
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s
}

.find-us .intro-flower-3 path:nth-child(5) {
    -webkit-animation-delay: -0.6s;
    animation-delay: -0.6s
}

.find-us .intro-flower-3 path:nth-child(6) {
    -webkit-animation-delay: -0.7s;
    animation-delay: -0.7s
}

.find-us .intro-flower-4 {
    bottom: 10%;
    left: 35%
}

.find-us .intro-flower-5 {
    top: 15%;
    left: 27%
}

.find-us .intro-flower-5 path {
    -webkit-animation-delay: -0.6s;
    animation-delay: -0.6s
}

.find-us path {
    -webkit-animation: pathOut 1s cubic-bezier(0.55, 0, 0.1, 1) infinite alternate;
    animation: pathOut 1s cubic-bezier(0.55, 0, 0.1, 1) infinite alternate
}

.find-us__header {
    position: relative;
    z-index: 20
}

.find-us__title {
    font-size: 7rem;
    margin-bottom: 0;
    text-transform: uppercase
}

@media (max-width:680px) {
    .find-us__title {
        font-size: 3rem
    }
}

.find-us__subtitle {
    font-size: 3rem;
    text-transform: uppercase;
    margin-bottom: 0
}

@media (max-width:680px) {
    .find-us__subtitle {
        font-size: 2rem
    }
}

.retailers {
    background-color: transparent;
    position: relative;
    z-index: 2;
    padding-top: 4.5rem;
    padding-bottom: 25rem
}

.retailers__container {
    max-width: 156.4rem
}

.retailers__item {
    padding-top: 13.5rem;
    margin-bottom: 10.9rem;
    text-align: center;
    vertical-align: middle
}

@media (max-width:680px) {
    .retailers__item {
        width: 50%
    }
}

.retailers__item.has-desc {
    cursor: pointer
}

.retailers__item.has-desc:hover .retailers__logo {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.retailers__logo {
    max-width: 90%;
    transition: 0.3s
}

.retailers__content {
    position: relative;
    width: 100%
}

.retailers__icon {
    position: absolute;
    bottom: -2rem;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 1.2rem;
    height: .8rem;
    background-image: url(../images/icon-banner-up.png);
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    transition: 0.3s;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center
}

.retailers__desc {
    margin-bottom: 0;
    color: #542D00;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    display: none;
    text-align: center;
    text-transform: uppercase;
    line-height: 2;
    letter-spacing: .08em;
    font-size: 1.6rem;
    padding-top: 3.5rem;
    background-color: #fff
}

.retailers__outro {
    padding-top: 8rem;
    padding-left: 1rem;
    font-family: 'Trash Hand Regular', sans-serif;
    color: #542D00;
    max-width: 115.2rem;
    margin: 0 auto;
    text-align: center;
    font-size: 4rem
}

@media (max-width:680px) {
    .retailers__outro {
        font-size: 2rem
    }
}

.retailers .stockist-trigger {
    display: inline-block;
    max-width: 27.4rem;
    width: 100%;
    margin: 4.5rem auto 0;
    font-size: 2.4rem
}

@media (max-width:680px) {
    .retailers .stockist-trigger {
        font-size: 1.4rem
    }
}

.stockist-form {
    background-color: #F74A5E;
    padding-top: 5rem;
    padding-bottom: 5rem;
    text-align: center;
    color: #fff;
    font-size: 1.8rem;
    line-height: 1.2;
    display: none
}

.stockist-form .container {
    max-width: 115.2rem
}

@media (max-width:820px) {
    .stockist-form__column {
        width: 100%;
        padding-left: 0;
        padding-right: 0
    }
}

.stockist-form input {
    background-color: #f97b89;
    color: #fff
}

.stockist-form input:focus {
    border-color: #d20920
}

.stockist-form__submit {
    max-width: 31.4rem;
    margin-top: 6rem
}

@media (max-width:680px) {
    .stockist-form__submit {
        font-size: 1.4rem
    }
}

.stockist-form .fancy-select .trigger {
    background-color: #f97b89;
    color: #fff
}

.stockist-form .fancy-select .trigger:after {
    color: #f97b89
}

.stockist-form .fancy-select .trigger:before {
    background-color: #f86274
}

.stockist-form .fancy-select .options li {
    background-color: #f97b89;
    color: #fff
}

.stockist-form .fancy-select .options li:hover {
    background-color: #ea0a24;
    color: #fff
}

.stage {
    width: 100%;
    height: 100%;
    position: relative;
    background-color: #02549f;
    color: #fff;
    padding-top: 20rem;
    padding-bottom: 11.4rem;
    text-align: center;
    font-family: 'Trash Hand Regular', sans-serif
}

@media (max-width:768px) {
    .stage {
        display: none !important
    }
}

.touch .stage {
    background-image: linear-gradient(to bottom, #02549f, #63a6a8)
}

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

.stage__center {
    width: 100%
}

.stage__packet {
    width: 31%;
    max-width: 54rem;
    height: 0;
    padding-top: 24.5588235%;
    margin: 0 auto;
    background-size: contain;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    background-repeat: no-repeat;
    z-index: 4;
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.touch .stage__packet {
    display: none
}

.stage__ball {
    width: 21.9270833%;
    max-width: 42.1rem;
    height: 0;
    margin: 0 auto;
    padding-top: 14.484561%;
    background-size: contain;
    background-repeat: no-repeat;
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 3;
    -webkit-filter: drop-shadow(0px 0px 30px rgba(255, 255, 255, 0.4));
    filter: drop-shadow(0px 0px 30px rgba(255, 255, 255, 0.4))
}

.chrome .stage__ball, .safari .stage__ball {
    clip: rect(-62px, 405px, 308px, -118px)
}

.touch .stage__ball {
    display: none
}

.stage__content {
    width: 100%;
    clear: both
}

.stage p {
    font-size: 4rem;
    line-height: 1.2;
    margin-bottom: 0
}

@media (max-width:768px) {
    .stage p {
        font-size: 3rem
    }
}

@-webkit-keyframes storybounce {
    0%, 20%, 50%, 80%, to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }

    60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px)
    }
}

@keyframes storybounce {
    0%, 20%, 50%, 80%, to {
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    40% {
        -ms-transform: translateY(-30px);
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }

    60% {
        -ms-transform: translateY(-15px);
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px)
    }
}

.story-down {
    -ms-transform: translateY(5rem);
    -webkit-transform: translateY(5rem);
    transform: translateY(5rem)
}

.story-down span {
    display: block;
    -webkit-animation: storybounce 2s infinite;
    animation: storybounce 2s infinite
}

.touch-ball {
    display: none
}

.touch .touch-ball {
    display: block
}

.touch-packet {
    display: none;
    width: 35.4166667%;
    max-width: 54rem;
    height: 0;
    padding-top: 24.5588235%;
    margin: 18rem auto 0;
    background-size: contain;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    background-repeat: no-repeat
}

.touch .touch-packet {
    display: block
}

.stage--abs {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.touch .stage--abs {
    position: relative;
    top: 0
}

.touch .stage-1, .touch .stage-3 {
    height: auto !important
}

.stage-1 .stage__center, .stage-3 .stage__center {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

.touch .stage-1 .stage__center, .touch .stage-3 .stage__center {
    position: relative
}

.stage-1 .stage__content, .stage-3 .stage__content {
    position: absolute;
    top: 50%;
    left: 50%
}

.touch .stage-1 .stage__content, .touch .stage-3 .stage__content {
    position: relative;
    top: 0;
    left: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.stage-2 {
    position: relative;
    z-index: 2
}

.stage__title {
    font-size: 6rem;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.stage__content--1 {
    max-width: 26rem;
    margin-left: -25%;
    margin-top: 16%
}

.touch .stage__content--1 {
    margin-left: 15%;
    margin-top: 2rem
}

.stage__content--1 p {
    font-size: 3rem
}

.stage__content--2 {
    width: 25%;
    max-width: 49.1rem;
    margin-left: 20%;
    margin-top: -13%
}

.touch .stage__content--2 {
    float: right;
    margin-right: 10%;
    margin-top: 10rem
}

.stage__content--2 p {
    max-width: 38rem;
    margin: 4rem auto 0
}

.stage__content--3 {
    padding-top: 27rem;
    max-width: 57rem;
    margin: 0 auto
}

.touch .stage__content--3 {
    padding-top: 34rem
}

.touch .stage__content--4 {
    padding-top: 24rem
}

.stage__content--4 .touch-packet {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.stage__content--4 span {
    display: block;
    position: absolute
}

.stage__content--4 .line-1 {
    left: -31%;
    top: 0%
}

.stage__content--4 .line-2 {
    right: 43%;
    bottom: -46%
}

.stage__content--4 .line-3 {
    top: -40%;
    right: -33%
}

.stage__content--4 p {
    font-size: 7rem;
    max-width: 30rem;
    margin: 0 auto
}

@media (max-width:768px) {
    .stage__content--4 p {
        font-size: 4.5rem
    }
}

.stage__content--4 .stage-4-wrap {
    margin-left: 10%;
    max-width: 25rem;
    position: relative
}

.touch .stage__content--4 .stage-4-wrap {
    -webkit-transform: translateY(-270px);
    -ms-transform: translateY(-270px);
    transform: translateY(-270px)
}

@media (max-width:1080px) {
    .stage__content--4 .stage-4-wrap {
        -webkit-transform: scale(0.7);
        -ms-transform: scale(0.7);
        transform: scale(0.7)
    }
}

.stage__content--5 {
    padding-top: 50.5rem;
    max-width: 57rem;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center
}

.touch .stage__content--5 {
    padding-top: 30rem
}

.stage__content--5 p {
    font-size: 6rem
}

@media (max-width:768px) {
    .stage__content--5 p {
        font-size: 4rem
    }
}

.stage__content--6 {
    padding-top: 7rem;
    width: 50%
}

.stage__content--6 .line-1 {
    max-width: 59.9rem;
    width: 62.3958333%;
    float: right
}

.stage__content--6 svg {
    width: 100%;
    height: auto
}

.touch .stage__content--6 svg path:nth-child(2) {
    display: none
}

.stage__content--6 p {
    max-width: 56.5rem;
    text-align: center;
    float: left;
    padding-top: 6rem
}

.stage__content--7 {
    padding-top: 4rem
}

.stage__content--7 .line-1 {
    max-width: 121.3rem;
    width: 63.1770833%;
    margin: 0 auto
}

.stage__content--7 svg {
    width: 100%;
    height: auto
}

.touch .stage__content--7 svg path:nth-child(2) {
    display: none
}

.stage__content--7 p {
    padding-top: 7rem;
    max-width: 56.8rem;
    float: right
}

@media (max-width:768px) {
    .stage__content--7 p {
        font-size: 3rem
    }
}

.stage__content--8 {
    padding-top: 5rem;
    margin: 0 auto;
    position: relative
}

.stage__content--8 .line-1 {
    width: 29%;
    display: inline-block;
    max-width: 56.4rem;
    position: relative;
    right: -14.5%
}

.stage__content--8 svg {
    width: 100%;
    height: auto
}

.touch .stage__content--8 svg path:nth-child(2) {
    display: none
}

.stage__content--8 p {
    padding-top: 7rem;
    max-width: 35.4rem;
    margin: 0 auto
}

.stage__content--9 {
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.stage__content--9 .stage-9-wrap {
    height: 70.5rem;
    width: 89rem;
    position: relative;
    left: -2.4rem;
    margin: 4rem auto 0
}

.touch .stage__content--9 .stage-9-wrap {
    margin-top: 20rem
}

.stage__content--9 .stage-9-wrap .touch-ball {
    width: 100%;
    max-width: 42.1rem;
    height: 0;
    margin: 0 auto;
    padding-top: 32%;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 48%;
    left: 55%;
    z-index: 3;
    -webkit-transform: translate(-50%, -50%) scale(0.8);
    -ms-transform: translate(-50%, -50%) scale(0.8);
    transform: translate(-50%, -50%) scale(0.8);
    -webkit-filter: drop-shadow(0px 0px 30px rgba(255, 255, 255, 0.4));
    filter: drop-shadow(0px 0px 30px rgba(255, 255, 255, 0.4))
}

@media (max-height:800px), (max-width:1000px) {
    .stage__content--9 .stage-9-wrap {
        -webkit-transform: scale(0.7);
        -ms-transform: scale(0.7);
        transform: scale(0.7)
    }
}

@media (max-width:840px) {
    .stage__content--9 .stage-9-wrap {
        left: -12.4rem
    }
}

.stage__content--9 .stage-9-wrap__inner {
    -webkit-transform-origin: 53% 50%;
    -ms-transform-origin: 53% 50%;
    transform-origin: 53% 50%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.stage__content--9 span {
    position: absolute
}

.stage__content--9 em {
    font-style: normal;
    display: inline-block
}

.stage__content--9 g {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center
}

.stage__content--9 .text-1, .stage__content--9 .text-2, .stage__content--9 .text-3 {
    position: absolute
}

.stage__content--9 .text-1 {
    top: 5%;
    left: 0;
    right: -16%;
    margin: 0 auto
}

.stage__content--9 .text-1 .text-1-image {
    position: absolute;
    left: 0;
    right: 0;
    top: -42%
}

.stage__content--9 .text-2 {
    bottom: 16%;
    right: 7%
}

.stage__content--9 .text-2 .text-2-image {
    position: absolute;
    right: -30%;
    top: -150%
}

.stage__content--9 .text-3 {
    bottom: 36%;
    left: 7%
}

.stage__content--9 .text-3 .text-3-image {
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    height: 100%
}

.stage__content--9 .text-3 .text-3-line-1 {
    left: -62%;
    top: -40%
}

.stage__content--9 .text-3 .text-3-line-2 {
    top: 132%;
    left: 30%
}

.stage__content--9 .text-3 .text-3-line-3 {
    top: -130%;
    right: -80%
}

.stage__content--9 .arrow-1 {
    top: 16%;
    left: 20%
}

.stage__content--9 .arrow-2 {
    top: 25%;
    right: 11%
}

.stage__content--9 .arrow-3 {
    bottom: 10%;
    left: 30%
}

.stage__content--10 {
    width: 100%;
    text-align: center;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.touch .stage__content--10 {
    padding-top: 30rem;
    padding-bottom: 36rem
}

.stage__content--11 {
    width: 73rem;
    height: 70.5rem;
    margin: auto;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.stage__content--11 .touch-ball {
    width: 100%;
    max-width: 42.1rem;
    height: 0;
    margin: 0 auto;
    padding-top: 32%;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 48%;
    left: 55%;
    z-index: 3;
    -webkit-transform: translate(-50%, -50%) scale(0.8);
    -ms-transform: translate(-50%, -50%) scale(0.8);
    transform: translate(-50%, -50%) scale(0.8);
    -webkit-filter: drop-shadow(0px 0px 30px rgba(255, 255, 255, 0.4));
    filter: drop-shadow(0px 0px 30px rgba(255, 255, 255, 0.4))
}

.stage__content--11 .stage-11-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9)
}

@media (max-height:800px), (max-width:1000px) {
    .stage__content--11 .stage-11-wrap {
        -webkit-transform: scale(0.7);
        -ms-transform: scale(0.7);
        transform: scale(0.7)
    }
}

@media (max-height:700px) {
    .stage__content--11 .stage-11-wrap {
        -webkit-transform: scale(0.5);
        -ms-transform: scale(0.5);
        transform: scale(0.5)
    }
}

.stage__content--11 .stage-11-wrap>div {
    position: absolute
}

.stage__content--11 .item-1 {
    width: 11rem;
    height: 12.6rem;
    left: 2.5%;
    top: 5%
}

.stage__content--11 .item-2 {
    width: 4.7rem;
    height: 4.9rem;
    left: 44.5%;
    top: 0
}

.stage__content--11 .item-3 {
    width: 17rem;
    height: 11.1rem;
    right: 5%;
    top: 5.5%
}

.stage__content--11 .item-4 {
    width: 4.7rem;
    height: 4.9rem;
    right: 0;
    top: 46%
}

.stage__content--11 .item-5 {
    width: 12.1rem;
    height: 14.9rem;
    right: 8%;
    bottom: 2%
}

.stage__content--11 .item-6 {
    width: 3.2rem;
    height: 2.6rem;
    right: 50%;
    bottom: 2%
}

.stage__content--11 .item-6 p {
    line-height: 2.6rem;
    font-size: 8rem;
    -webkit-transform: scale(-1);
    -ms-transform: scale(-1);
    transform: scale(-1)
}

.stage__content--11 .item-7 {
    width: 14.5rem;
    height: 13.4rem;
    left: 2%;
    bottom: 4%;
    display: block !important
}

.stage__content--11 .item-7 p {
    line-height: 2.6rem;
    font-size: 8rem;
    -webkit-transform: scale(-1);
    -ms-transform: scale(-1);
    transform: scale(-1)
}

.stage__content--11 .item-plus {
    max-width: 4.7rem
}

.stage__content--11 .item-plus-2 svg {
    -webkit-transform: scaleX(-1) rotate(11deg);
    -ms-transform: scaleX(-1) rotate(11deg);
    transform: scaleX(-1) rotate(11deg)
}

.stage__content--11 .item-equals {
    font-size: 8rem
}

.stage__content--12 {
    padding-top: 61.8rem
}

.touch .stage__content--12 {
    padding-top: 0
}

.stage__content--12 .text-1 {
    position: relative;
    z-index: 2;
    top: 16rem;
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px)
}

.stage__content--12 .button {
    position: relative;
    z-index: 2;
    top: -8rem;
    -webkit-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    transform: translateY(-50px)
}

.stage__content--12 .text-2 {
    position: relative;
    z-index: 2;
    top: -5rem;
    -webkit-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    transform: translateY(-50px)
}

.stage__content--12 .button, .stage__content--12 p {
    opacity: 0;
    transition: 0.6s 0.2s cubic-bezier(0.55, 0, 0.1, 1)
}

.stage__content--12 .button.on-screen, .stage__content--12 p.on-screen {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px)
}

.mobile-stage {
    background-image: linear-gradient(to bottom, #085AA2, #63A6A8);
    position: relative;
    color: #fff;
    text-align: center;
    display: none
}

@media (max-width:768px) {
    .mobile-stage {
        display: block !important
    }
}

.mobile-stage h1, .mobile-stage p {
    font-size: 2.2rem;
    font-family: 'Trash Hand Regular', sans-serif;
    line-height: 1.2;
    margin: 0 auto
}

.mobile-stage img {
    margin: 0 auto;
    display: block
}

.mobile-stage__ball {
    max-width: 19.1rem;
    position: fixed;
    top: 3.5rem;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 2;
    transition: 0.6s cubic-bezier(0.55, 0, 0.1, 1);
    -webkit-transform: translateY(-400px) rotate(180deg);
    -ms-transform: translateY(-400px) rotate(180deg);
    transform: translateY(-400px) rotate(180deg)
}

.mobile-stage__ball.shown {
    -webkit-transform: translateY(0) rotate(180deg);
    -ms-transform: translateY(0) rotate(180deg);
    transform: translateY(0) rotate(180deg)
}

.mobile-stage .stage-center {
    max-width: 32rem;
    margin: 0 auto
}

.mobile-stage .mob-stage-1 {
    padding-top: 10rem
}

.mobile-stage .mob-stage-2 {
    padding-top: 15.5rem
}

.mobile-stage .mob-stage-2 img {
    max-width: 24.7rem
}

.mobile-stage .mob-stage-2b {
    padding-top: 1rem;
    padding-left: 2rem
}

.mobile-stage .mob-stage-2b img {
    max-width: 2.2rem;
    margin: 0 auto 2rem
}

.mobile-stage .mob-stage-2b p {
    max-width: 15.9rem;
    margin-left: 0
}

.mobile-stage .mob-stage-3 {
    padding-top: 8.5rem
}

.mobile-stage .mob-stage-3 img {
    max-width: 27.4rem;
    margin: 0 auto 2rem
}

.mobile-stage .mob-stage-3 p {
    max-width: 20.8rem
}

.mobile-stage .mob-stage-4 {
    padding-top: 12.5rem
}

.mobile-stage .mob-stage-4 p {
    max-width: 23.3rem
}

.mobile-stage .mob-stage-5 {
    padding-top: 12.1rem
}

.mobile-stage .mob-stage-5 p {
    max-width: 14.1rem;
    margin-bottom: 2.5rem
}

.mobile-stage .mob-stage-5 img {
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.mobile-stage .mob-stage-6 {
    padding-top: 2.5rem
}

.mobile-stage .mob-stage-6 p {
    max-width: 14rem;
    margin-bottom: 2.5rem;
    margin-left: 1rem
}

.mobile-stage .mob-stage-6 img {
    margin-left: 0;
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%)
}

.mobile-stage .mob-stage-7 {
    padding-top: 2.5rem
}

.mobile-stage .mob-stage-7 p {
    max-width: 14rem;
    margin-bottom: 2.5rem;
    margin-right: 1rem
}

.mobile-stage .mob-stage-7 img {
    margin-right: 0;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%)
}

.mobile-stage .mob-stage-8 {
    padding-top: 2.5rem
}

.mobile-stage .mob-stage-9 {
    padding-top: 7rem
}

.mobile-stage .mob-stage-10 {
    padding-top: 13.1rem;
    padding-left: 1rem;
    padding-right: 1rem
}

.mobile-stage .mob-stage-10 img {
    margin-top: 5rem
}

.mobile-stage .mob-stage-11 {
    padding-top: 8.5rem;
    padding-bottom: 5.5rem
}

.mobile-stage .mob-stage-11 img {
    margin-top: 3.5rem;
    margin-bottom: 3.5em;
    width: 100%
}

.contact-info {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.contact-info__details {
    background-color: #26cad3;
    text-align: right
}

@media (max-width:767px) {
    .contact-info__details {
        width: 100%
    }
}

.contact-info__content {
    display: inline-block;
    color: #fff;
    padding-top: 14rem;
    padding-bottom: 11.5rem;
    padding-left: 8rem;
    max-width: 79.5rem;
    width: 100%;
    text-align: left
}

@media (max-width:1215px) {
    .contact-info__content {
        padding-left: 4rem
    }
}

@media (max-width:480px) {
    .contact-info__content {
        padding-left: 2rem
    }
}

.contact-info__content span {
    display: inline-block;
    position: relative;
    top: 1.5rem
}

.contact-info__social {
    background-color: #fff
}

.contact-info__map-wrap {
    position: relative
}

@media (max-width:767px) {
    .contact-info__map-wrap {
        display: none
    }
}

.contact-info__map {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.contact-info .button {
    display: none
}

@media (max-width:767px) {
    .contact-info .button {
        display: inline-block
    }
}

.contact-section {
    padding-top: 10rem;
    padding-bottom: 7rem;
    background-color: #F74A5E;
    color: #fff
}

.contact-section__container {
    max-width: 163rem;
    padding-left: 7rem;
    padding-right: 7rem
}

@media (max-width:1215px) {
    .contact-section__container {
        max-width: 100%;
        padding-left: 3rem;
        padding-right: 3rem
    }
}

@media (max-width:480px) {
    .contact-section__container {
        padding-left: 0rem;
        padding-right: 0rem
    }
}

.contact-section__title {
    padding-left: 1rem
}

@media (max-width:640px) {
    .contact-form__column {
        width: 100%
    }
}

.contact-form__input {
    color: #F74A5E
}

.contact-form__input:focus {
    border-color: #f51933
}

.contact-form textarea {
    height: 29.7rem;
    line-height: 1.6;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
}

.contact-form__submit {
    max-width: 27.4rem
}

.contact-form .fancy-select .trigger {
    color: #F74A5E
}

.contact-form .fancy-select .trigger:after {
    color: #f51933
}

.contact-form .fancy-select .trigger:before {
    background-color: #FAC8CD
}

.contact-form .fancy-select .options li {
    background-color: #fff;
    color: #F74A5E
}

.contact-form .fancy-select .options li:hover {
    background-color: #FAC8CD;
    color: #f51933
}

.woocommerce-account .page-single {
    padding-top: .1rem;
    padding-bottom: 0
}

.login-content, .woocommerce-lost-password .woocommerce {
    background-color: #F74A5E;
    color: #fff;
    padding-top: 13rem;
    padding-bottom: 16rem
}

.login-content .lost_reset_password, .login-content .woocommerce-error, .login-content__container, .woocommerce-lost-password .woocommerce .lost_reset_password, .woocommerce-lost-password .woocommerce .woocommerce-error, .woocommerce-lost-password .woocommerce__container {
    max-width: 59.6rem;
    margin: 0 auto
}

.login-content .woocommerce-error, .woocommerce-lost-password .woocommerce .woocommerce-error {
    padding-left: 0;
    padding-right: 0
}

.login-content .col2-set>div, .woocommerce-lost-password .woocommerce .col2-set>div {
    padding-right: 14.7rem;
    font-size: 1.6rem
}

.login-content .form-row, .woocommerce-lost-password .woocommerce .form-row {
    position: relative
}

.login-content .form-row input, .login-content .form-row label, .woocommerce-lost-password .woocommerce .form-row input, .woocommerce-lost-password .woocommerce .form-row label {
    width: 100%;
    height: 5.1rem;
    line-height: 5.1rem;
    padding: 0 2rem;
    border-radius: 5px;
    border: 1px solid transparent;
    transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1)
}

.login-content .form-row label, .woocommerce-lost-password .woocommerce .form-row label {
    position: absolute;
    top: 0;
    left: 0;
    color: #8e8e8e
}

.login-content .form-row label.is-focused, .woocommerce-lost-password .woocommerce .form-row label.is-focused {
    opacity: 0
}

.login-content .form-row .inline, .woocommerce-lost-password .woocommerce .form-row .inline {
    position: relative;
    color: #fff
}

.login-content .form-row .button, .woocommerce-lost-password .woocommerce .form-row .button {
    font-family: 'FFScalaSansWebRegular', sans-serif;
    font-size: 1.8rem;
    max-width: 21rem
}

.login-content .form-row [type=password]:focus, .login-content .form-row [type=text]:focus, .woocommerce-lost-password .woocommerce .form-row [type=password]:focus, .woocommerce-lost-password .woocommerce .form-row [type=text]:focus {
    outline: 0;
    border-color: #f51933
}

.login-content .form-row [type=checkbox], .woocommerce-lost-password .woocommerce .form-row [type=checkbox] {
    width: auto;
    height: auto;
    line-height: inherit
}

.login-content .lost_password a, .woocommerce-lost-password .woocommerce .lost_password a {
    color: #fff
}

.login-content__container {
    max-width: 80rem
}

.login-content .col2-set>div {
    padding-right: 3.7rem
}

@media (max-width:640px) {
    .login-content .col2-set>div {
        width: 100%;
        padding-right: 1rem
    }
}

.login-content input[name=login] {
    clear: right
}

.login-content label[for=rememberme] {
    padding-left: 0;
    float: left
}

.account-banner {
    background-color: #F74A5E;
    padding-top: 13rem;
    padding-bottom: 7rem;
    color: #fff
}

.account-banner p a {
    color: #fff;
    border-bottom: 1px solid #fff
}

.account-banner p a:hover {
    border-bottom-color: transparent
}

.account-banner__container {
    padding-left: 5rem;
    padding-right: 6rem
}

@media (max-width:1215px) {
    .account-banner__container {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (max-width:480px) {
    .account-banner__container {
        padding-left: 0;
        padding-right: 0
    }
}

@media (max-width:980px) {
    .account-banner__user-column {
        width: 100%
    }
}

@media (max-width:980px) {
    .account-banner__avatar {
        width: auto
    }
}

@media (max-width:500px) {
    .account-banner__avatar {
        display: none
    }
}

.account-banner__avatar img {
    border-radius: 50%
}

@media (max-width:500px) {
    .account-banner__title {
        width: 100%
    }
}

.account-banner__title h1 {
    font-size: 5rem;
    line-height: 1;
    margin-bottom: 1.5rem
}

.account-banner__title p {
    font-size: 1.8rem
}

.account-banner__info-column {
    padding-top: 6.5rem
}

@media (max-width:980px) {
    .account-banner__info-column {
        width: 100%
    }
}

.account-banner__info-column p {
    max-width: 56.5rem;
    font-size: 1.8rem;
    padding-bottom: 4rem
}

@media (max-width:980px) {
    .account-banner__info-column p {
        max-width: 100%
    }
}

.account-banner__info-column .button {
    margin-right: 1.5rem
}

@media (max-width:600px) {
    .account-banner__info-column .button {
        margin: 0 0 2rem;
        width: 100%;
        padding-left: 1rem;
        padding-right: 1rem
    }

    .account-banner__info-column .button:first-of-type {
        display: none
    }
}

.account-content {
    padding-top: 9.5rem;
    padding-bottom: 12rem;
    color: #542D00
}

.account-content h2 {
    margin-top: 11.5rem;
    line-height: 1
}

@media (max-width:880px) {
    .account-content h2 {
        margin-top: 6rem
    }
}

.account-content h2:first-child {
    margin-top: 0
}

.account-content h3 {
    font-size: 3rem;
    line-height: 1;
    margin-bottom: 1rem;
    margin-top: 1rem
}

.account-content__container {
    max-width: 163rem;
    padding-left: 7rem;
    padding-right: 7rem
}

@media (max-width:1215px) {
    .account-content__container {
        max-width: 100%;
        padding-left: 2rem;
        padding-right: 0
    }
}

@media (max-width:880px) {
    .account-content__downloads-column, .account-content__orders-column {
        width: 100%
    }
}

@media (max-width:880px) {
    .account-content__orders-column {
        padding-top: 4rem;
        overflow-x: scroll
    }

    .account-content__orders-column table {
        margin-bottom: 4rem
    }
}

.account-content .button {
    font-size: 1.8rem;
    padding-left: 3rem;
    padding-right: 3rem
}

.account-content .form-row {
    float: left
}

.account-content .form-row:first-of-type {
    width: 100%;
    max-width: 29.4rem
}

.account-content .input-text {
    height: 6rem;
    line-height: 6rem;
    padding: 0 2rem;
    border-radius: 5px 0 0 5px;
    border: 0;
    width: 100%
}

.account-content table {
    width: 100%
}

.account-content table .button {
    font-size: 1.6rem;
    padding: 1.7rem 1.5rem 1.1rem;
    color: #fff
}

.account-content table a {
    color: #542D00
}

.account-content th {
    font-weight: normal;
    color: #8e8e8e;
    text-align: left;
    padding: 0 2rem 1.5rem
}

@media (max-width:530px) {
    .account-content th {
        padding-right: 1rem;
        padding-left: 1rem
    }
}

.account-content th:first-child {
    padding-left: 0
}

.account-content th:last-child {
    padding-right: 0
}

.account-content td {
    padding: 3.5rem 2rem;
    border-bottom: 1px solid #C4C4C4
}

@media (max-width:530px) {
    .account-content td {
        padding: 1rem;
        font-size: 1.4rem
    }
}

.account-content td:first-child {
    padding-left: 0
}

.account-content td:last-child {
    border-bottom: 0;
    padding-left: 2rem;
    text-align: right
}

.account-addresses {
    color: #542D00;
    background-color: #fff;
    padding-top: 8.5rem;
    padding-bottom: 8.5rem
}

.account-addresses__container {
    max-width: 100%;
    padding-left: 6rem;
    padding-right: 6rem
}

@media (max-width:1215px) {
    .account-addresses__container {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (max-width:480px) {
    .account-addresses__container {
        padding-left: 0;
        padding-right: 0
    }
}

.account-addresses__container>h2, .account-addresses__container>p {
    display: none
}

.account-addresses .col2-set>div, .woocommerce-view-order .col2-set>div {
    padding-right: 11.2080537%
}

@media (max-width:1120px) {
    .account-addresses .col2-set>div, .woocommerce-view-order .col2-set>div {
        padding-right: 2rem;
        width: 50%
    }
}

@media (max-width:720px) {
    .account-addresses .col2-set>div, .woocommerce-view-order .col2-set>div {
        padding-right: 0;
        width: 100%
    }
}

.account-addresses .col2-set>div a, .woocommerce-view-order .col2-set>div a {
    float: right;
    font-size: 1.8rem;
    padding: 1.7rem 1.5rem 1.1rem
}

.account-addresses .col2-set>div h3, .woocommerce-view-order .col2-set>div h3 {
    float: left
}

.account-addresses .col2-set>div header, .woocommerce-view-order .col2-set>div header {
    overflow: hidden
}

.account-addresses h3, .woocommerce-view-order h3 {
    font-size: 4.5rem;
    line-height: 1
}

@media (max-width:400px) {
    .account-addresses h3, .woocommerce-view-order h3 {
        font-size: 3.6rem
    }
}

.woocommerce-edit-account label, .woocommerce-edit-address label {
    opacity: 1 !important
}

.woocommerce-edit-account legend, .woocommerce-edit-address legend {
    display: none
}

.woocommerce-edit-account fieldset, .woocommerce-edit-address fieldset {
    border: 0
}

.woocommerce-edit-account .page-single form, .woocommerce-edit-address .page-single form {
    color: #542D00;
    padding-top: 8.5rem;
    padding-bottom: 8.5rem
}

.woocommerce-edit-account .page-single form .button, .woocommerce-edit-address .page-single form .button {
    margin-top: 4rem
}

.woocommerce-view-order .page-single {
    padding-top: 8.5rem;
    padding-bottom: 8.5rem;
    color: #542D00
}

.woocommerce-view-order .order-info {
    padding: 2rem;
    background-color: #F74A5E;
    color: #fff;
    width: 90%;
    width: calc(100% - 4rem);
    margin: 2rem auto;
    border-radius: 5px
}

.woocommerce-view-order .order-info mark {
    background-color: transparent;
    font-weight: bold;
    color: #fff
}

.woocommerce-view-order h2 {
    padding: 4rem 2rem 0
}

.woocommerce-view-order .addresses, .woocommerce-view-order header {
    padding-top: 4rem
}

.woocommerce-view-order table {
    max-width: 58rem
}

.woocommerce-view-order table td, .woocommerce-view-order table th {
    padding-left: 2rem;
    padding-right: 2rem
}

.woocommerce-view-order table a {
    color: #542D00;
    border-bottom: 1px solid transparent
}

.woocommerce-view-order table a:hover {
    border-color: #542D00
}

.account-post [type=text], .account-post textarea {
    border: 0;
    border-radius: 5px;
    width: 100%;
    padding: 0 2rem
}

.account-post [type=text] {
    height: 5.5rem;
    line-height: 5.5rem
}

.account-post textarea {
    padding: 2rem;
    height: 15rem
}

.account-post .fancy-select ul {
    padding: 0
}

.account-post .fancy-select li, .account-post .fancy-select ul {
    margin: 0
}

.four-oh-four {
    padding-top: 10rem;
    min-height: 70rem;
    background-color: #26cad3;
    position: relative
}

.four-oh-four h1 {
    color: #fff
}

.four-oh-four p {
    margin-bottom: 0
}

.four-oh-four .canvas-404 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

.four-oh-four .post {
    position: relative;
    z-index: 2
}

.colour-content {
    padding: 6rem 2rem
}

@media (max-width:1080px) {
    .colour-content {
        padding: 5rem 2rem
    }
}

.colour-content__text {
    margin: 0 auto;
    max-width: 90rem;
    color: #fff;
    text-align: center;
    font-size: 2rem
}

.products-carousel {
    padding: 7rem 0
}

@media (max-width:1080px) {
    .products-carousel {
        padding: 6rem 0
    }
}

@media (max-width:768px) {
    .products-carousel {
        padding: 5rem 0
    }
}

.products-carousel__title {
    text-align: center;
    color: #542D00;
    font-size: 3.5rem;
    margin-bottom: 7rem
}

.products-carousel__slider {
    max-width: 145rem;
    margin: 0 auto;
    padding: 0 3rem;
    position: relative
}

.products-carousel__slider:after, .products-carousel__slider:before {
    content: "";
    position: absolute;
    z-index: 10;
    top: 0;
    bottom: -1rem;
    display: block;
    width: 100%;
    background: #fff
}

.products-carousel__slider:before {
    right: 100%
}

.products-carousel__slider:after {
    left: 100%
}

.products-carousel li {
    padding-bottom: 0
}

.products-carousel .lightSlider, .products-carousel .lSSlideOuter, .products-carousel .lSSlideWrapper {
    overflow: visible
}

.products-carousel .lSNext, .products-carousel .lSPrev {
    background-image: url(../images/icon-carousel-right.png);
    background-size: cover;
    background-position: center;
    width: 1.7rem;
    height: 2.4rem;
    margin-top: -1.2rem;
    right: -2rem;
    opacity: 1
}

@media (max-width:480px) {}

.products-carousel .lSPrev {
    background-image: url(../images/icon-carousel-left.png);
    right: auto;
    left: -2rem
}

@media (max-width:480px) {}

.products-carousel__button {
    margin-top: 4rem;
    text-align: center
}

.products-carousel .product .quick-view-button {
    display: none
}

.retailers-simple {
    padding: 7rem 0;
    background: #0FB44E
}

@media (max-width:1080px) {
    .retailers-simple {
        padding: 6rem 0
    }
}

@media (max-width:768px) {
    .retailers-simple {
        padding: 5rem 0
    }
}

.retailers-simple__title {
    text-align: center;
    color: #fff;
    font-size: 3.5rem;
    margin-bottom: 7rem
}

@media (max-width:768px) {
    .retailers-simple__title {
        margin-bottom: 4rem
    }
}

.retailers-simple__list {
    max-width: 145rem;
    margin: 0 auto;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.retailers-simple__item {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 4rem 0
}

@media (max-width:768px) {
    .retailers-simple__item {
        width: 33.333%;
        margin: 3rem 0
    }
}

@media (max-width:480px) {
    .retailers-simple__item {
        width: 50%;
        margin: 2rem 0
    }
}

.retailers-simple__container, .retailers-simple__link {
    max-width: 100%
}

.recall-page {
    padding-top: 10rem;
    padding-bottom: 7rem;
    background-color: #1480A5;
    color: #fff
}

.recall-page__container {
    max-width: 100rem;
    padding-left: 7rem;
    padding-right: 7rem;
    margin: 0 auto
}

@media (max-width:1215px) {
    .recall-page__container {
        max-width: 100%;
        padding-left: 3rem;
        padding-right: 3rem
    }
}

@media (max-width:480px) {
    .recall-page__container {
        padding-left: 0;
        padding-right: 0
    }
}

.recall-page__spacer {
    height: 2px;
    width: 100%;
    background: #fff;
    margin: 4rem 0
}

.recall-page__grid {
    width: calc(100% + 2rem);
    margin-left: -1rem
}

.recall-form__form {
    text-align: left
}

.recall-form .basic-form__label {
    padding-top: 1rem
}

.recall-form__label--unpadded {
    padding-top: 0
}

.recall-form__select {
    width: 100%
}

.recall-form__textarea {
    resize: vertical;
    height: 15rem !important
}

.recall-form .basic-form__input {
    padding: 1rem 2rem
}

.recall-form .basic-form__input, .recall-form .fancy-select .trigger, .recall-form .fancy-select .trigger:after, .recall-form .fancy-select .trigger:before {
    height: 4rem;
    line-height: 4rem
}

.recall-form .fancy-select .options {
    top: 4rem
}

.recall-form input[type=number] {
    -moz-appearance: textfield
}

.recall-form input[type=number]::-webkit-inner-spin-button, .recall-form input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.recall-form__image {
    max-width: 40rem;
    margin-bottom: 2rem
}

.recall-table {
    width: 100%;
    position: relative;
    margin-bottom: 8rem
}

.recall-table:after {
    content: "";
    position: absolute;
    bottom: -4rem;
    left: 0;
    height: 2px;
    width: 100%;
    background: #fff
}

.recall-table thead {
    background: #fff;
    color: #000;
    text-align: left
}

.recall-table th {
    padding: 1.4rem 2rem;
    font-weight: normal
}

.recall-table td {
    padding: 1rem 1rem;
    border-bottom: 2px solid #fff
}

.recall-table td:first-child {
    padding-left: 0
}

.recall-table td:last-child {
    padding-right: 0
}

.recall-table tr:last-child td {
    border: 0
}

.recall-table__quantity {
    width: 16rem
}

.recall-table__date {
    width: 20rem
}

.options-notice {
    padding: 1rem 8rem;
    background-color: #1480A5;
    color: #fff;
    text-align: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 100
}

@media (max-width:480px) {
    .options-notice {
        text-align: center;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.options-notice__container {
    display: inline-block;
    width: 100%
}

.options-notice__button, .options-notice__icon, .options-notice__text {
    display: inline-block;
    vertical-align: middle
}

@media (max-width:480px) {
    .options-notice__button, .options-notice__icon, .options-notice__text {
        margin-bottom: 1rem
    }
}

.options-notice__icon {
    width: 4rem;
    height: 4rem;
    margin-right: 2.5rem;
    min-width: 4rem
}

@media (max-width:480px) {
    .options-notice__icon {
        margin-right: 0
    }
}

.options-notice__icon svg {
    width: 100%;
    height: 100%
}

.options-notice__text {
    margin-bottom: 0;
    margin-right: 9rem
}

@media (max-width:1420px) {
    .options-notice__text {
        margin-right: 2rem
    }
}

@media (max-width:480px) {
    .options-notice__text {
        margin-right: 0;
        margin-bottom: 1rem
    }
}

.options-notice__button {
    max-width: 10rem;
    font-size: 1.6rem;
    background-color: #1aa3d2;
    box-shadow: none;
    font-family: 'FFScalaSansWebRegular', sans-serif;
    padding: 1rem
}

.options-notice__button:active, .options-notice__button:focus, .options-notice__button:hover {
    background-color: #127597;
    box-shadow: none;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.bites {
    background-color: #F4C22C;
    position: relative;
    text-align: center;
    -webkit-perspective: 10000px;
    perspective: 10000px;
    width: 100%;
    overflow: hidden;
    opacity: 0;
    transition: 0.6s cubic-bezier(0.55, 0, 0.1, 1)
}

.bites.loaded {
    opacity: 1
}

@media (max-width:540px) {
    .bites {
        background-image: url(../images/bg--bites-bg-mobile.png);
        background-repeat: no-repeat;
        background-position: top center;
        background-size: 100% auto
    }
}

.bites__bg {
    position: absolute;
    top: 40rem;
    left: 0;
    width: 100%;
    z-index: 0;
    pointer-events: none
}

@media (max-width:540px) {
    .bites__bg {
        display: none
    }
}

.bites__bg img {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.bites__bg--back {
    z-index: 0
}

.bites__bg--back span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center
}

.bites__splash {
    background-image: url(../images/bg--bites-splash.svg);
    background-position: top left;
    background-size: 100% 100%;
    position: absolute;
    top: -0.5rem;
    left: 0;
    width: 100%;
    height: 61.6666667vw;
    z-index: 0
}

.bites__splash svg {
    width: 100%;
    height: 100%
}

.bites__sections {
    position: relative;
    z-index: 1
}

.bites__sections .container {
    max-width: 162rem
}

.bites__section {
    overflow: hidden
}

.bites__title {
    padding-top: 4rem;
    color: #ad431c;
    font-size: 6.5rem
}

@media (max-width:520px) {
    .bites__title {
        -webkit-transform: scale(0.7);
        -ms-transform: scale(0.7);
        transform: scale(0.7)
    }
}

.bites__title-part-1 {
    font-size: 3rem;
    display: block;
    margin-bottom: 2rem;
    opacity: 0;
    -webkit-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px);
    transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275)
}

.on-screen .bites__title-part-1 {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.bites__title-part-1b {
    display: inline-block;
    opacity: 0;
    -webkit-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px);
    transition: 0.3s 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275)
}

.on-screen .bites__title-part-1b {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.bites__title-part-2 {
    font-size: 8.5rem;
    font-weight: normal;
    color: #542D00;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    opacity: 0;
    -webkit-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px);
    transition: 0.3s 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275)
}

.on-screen .bites__title-part-2 {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.bites__title-part-2:before {
    content: "";
    background-image: url(../images/bg--bites-title-burst.svg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    width: 7.9rem;
    height: 14.1rem;
    position: absolute;
    top: 50%;
    left: 40%;
    -webkit-transform: translate(-50%, -50%) scale(0);
    -ms-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    -webkit-transform-origin: bottom center;
    -ms-transform-origin: bottom center;
    transform-origin: bottom center;
    transition: 0.3s 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275)
}

.on-screen .bites__title-part-2:before {
    -webkit-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1)
}

.bites__title-part-3 {
    font-size: 3rem;
    display: inline-block;
    vertical-align: middle;
    opacity: 0;
    -webkit-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px);
    transition: 0.3s 0.9s cubic-bezier(0.175, 0.885, 0.32, 1.275)
}

.on-screen .bites__title-part-3 {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.bites__title-part-4 {
    display: inline-block;
    opacity: 0;
    -webkit-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px);
    transition: 0.3s 1.1s cubic-bezier(0.175, 0.885, 0.32, 1.275)
}

.on-screen .bites__title-part-4 {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.bites__desc {
    position: relative;
    top: -9vw;
    font-size: 2.7rem;
    line-height: 1.18;
    color: #542D00;
    font-family: 'Trash Hand Regular', sans-serif;
    padding-left: 2rem;
    padding-right: 2rem
}

@media (max-width:520px) {
    .bites__desc {
        font-size: 2.2rem
    }
}

.bites__next {
    background-image: url(../images/icon--bites-down.svg);
    background-position: center;
    background-size: cover;
    width: 2.6rem;
    height: 5.6rem;
    position: absolute;
    top: 150%;
    left: 50%;
    margin-left: -1.3rem
}

@media (max-width:860px) {
    .bites__next {
        display: none
    }
}

.bites__win {
    position: absolute;
    top: 4rem;
    left: 8rem;
    width: 20.4rem;
    height: 20.4rem;
    will-change: transform
}

.bites--thanks .bites__win {
    position: relative;
    width: 29.6rem;
    height: 29.6rem;
    margin: 6rem auto;
    display: block;
    top: 0;
    left: 0
}

@media (max-width:1024px) {
    .bites--thanks .bites__win {
        width: 14.8rem;
        height: 14.8rem
    }
}

.bites__section--1 .bites__win {
    opacity: 0;
    transition: 0.3s 2.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -webkit-animation: pulse 1s ease infinite alternate;
    animation: pulse 1s ease infinite alternate
}

@media (max-width:1300px) {
    .bites__section--1 .bites__win {
        display: none
    }
}

.on-screen.bites__section--1 .bites__win {
    opacity: 1
}

.bites__section--1 .bites__win:hover img {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}

.bites__win:before {
    content: "";
    background-image: url(../images/img--bites-competition.svg);
    background-position: center;
    background-size: 100% 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.bites--thanks .bites__win:before {
    background-image: url(../images/img--bites-thanks.svg);
    -webkit-animation: prize-spin 20s linear infinite forwards;
    animation: prize-spin 20s linear infinite forwards
}

.bites__win img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 2rem;
    transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1);
    will-change: transform
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    to {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    to {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }
}

.bites__thanks {
    color: #542D00;
    font-size: 13rem;
    text-align: center;
    padding-left: 1rem;
    padding-right: 1rem
}

@media (max-width:1024px) {
    .bites__thanks {
        font-size: 8rem
    }
}

@media (max-width:400px) {
    .bites__thanks {
        font-size: 5rem
    }
}

.bites__supplier {
    position: absolute;
    top: 4rem;
    right: 8rem;
    opacity: 0;
    transition: 0.3s 2.4s cubic-bezier(0.175, 0.885, 0.32, 1.275)
}

.on-screen .bites__supplier {
    opacity: 1
}

@media (max-width:1300px) {
    .bites__supplier {
        display: none
    }
}

.bites__supplier h2 {
    font-size: 3rem;
    color: #ad431c
}

.bites__new {
    width: 8.8rem;
    height: 8.8rem;
    background-image: url(../images/icon-new-in.png);
    background-position: center;
    background-size: 100% 100%;
    position: absolute;
    top: 0;
    right: 10%;
    transition: 0.3s 2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0)
}

@media (max-width:540px) {
    .bites__new {
        width: 4.4rem;
        height: 4.4rem
    }
}

.on-screen .bites__new {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.bites__packets {
    position: relative;
    max-width: 133.9rem;
    width: 100%;
    margin: 0 auto;
    -webkit-perspective: 2000px;
    perspective: 2000px
}

.bites__packets img {
    transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    opacity: 0
}

.on-screen .bites__packets img {
    -webkit-transform: rotateX(0deg) rotateY(0deg) translateX(0) translateY(0);
    transform: rotateX(0deg) rotateY(0deg) translateX(0) translateY(0);
    opacity: 1
}

img.bites__packets__img-2, img.bites__packets__img-3 {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    max-width: 100%;
    max-height: 100%
}

img.bites__packets__img-1 {
    -webkit-transform: translateX(-100px) rotateY(40deg);
    transform: translateX(-100px) rotateY(40deg);
    transition-delay: 1.4s;
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center
}

img.bites__packets__img-2 {
    -webkit-transform: translateX(100px) rotateY(-40deg);
    transform: translateX(100px) rotateY(-40deg);
    transition-delay: 1.6s;
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center
}

img.bites__packets__img-3 {
    -webkit-transform: translateY(100px) rotateX(40deg);
    transform: translateY(100px) rotateX(40deg);
    transition-delay: 1.8s;
    -webkit-transform-origin: bottom center;
    -ms-transform-origin: bottom center;
    transform-origin: bottom center
}

.bites__section--2 {
    padding-top: 5rem;
    text-align: left
}

.bites__callout {
    position: relative
}

.bites__callout svg {
    position: relative;
    max-width: 100%
}

.bites__callout .bites__text-background, .bites__callout .bites__text-burst-left, .bites__callout .bites__text-burst-right, .bites__callout .bites__text-text, .bites__callout .bites__text-title {
    opacity: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275)
}

.on-screen.bites__callout .bites__text-background, .on-screen.bites__callout .bites__text-burst-left, .on-screen.bites__callout .bites__text-burst-right, .on-screen.bites__callout .bites__text-text, .on-screen.bites__callout .bites__text-title {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.bites__callout .bites__text-background, .bites__callout .bites__text-text, .bites__callout .bites__text-title {
    -webkit-transform-origin: bottom center;
    -ms-transform-origin: bottom center;
    transform-origin: bottom center
}

.bites__callout .bites__text-burst-left {
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;
    transition-delay: .2s
}

.bites__callout .bites__text-burst-right {
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
    transition-delay: .2s
}

.bites__callout .bites__text-text {
    transition-delay: .5s
}

.bites__callout .bites__text-background {
    transition-delay: .4s
}

.bites__callout--1 {
    margin-bottom: 10rem
}

@media (max-width:520px) {
    .bites__callout--1 {
        margin-bottom: 0
    }
}

.bites__callout--1 svg {
    left: 22rem
}

@media (max-width:1024px) {
    .bites__callout--1 svg {
        left: 2rem
    }
}

.bites__callout--2 {
    text-align: right;
    margin-bottom: 7.5rem
}

@media (max-width:520px) {
    .bites__callout--2 {
        margin-bottom: 0
    }
}

.bites__callout--3 {
    text-align: left;
    margin-bottom: 10.4rem
}

@media (max-width:520px) {
    .bites__callout--3 {
        margin-bottom: 0
    }
}

.bites__product {
    position: relative
}

@media (max-width:520px) {
    .bites__product {
        -webkit-transform: scale(0.5);
        -ms-transform: scale(0.5);
        transform: scale(0.5)
    }
}

.bites__product img {
    will-change: opacity, transform;
    display: block;
    position: relative;
    transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    opacity: 0
}

.on-screen.bites__product img {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 1
}

.bites__product h3 {
    will-change: opacity;
    position: relative;
    color: #542D00;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    opacity: 0;
    font-size: 5rem;
    transition: 0.3s 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275)
}

.on-screen.bites__product h3 {
    opacity: 1
}

.bites__end-arrow, .bites__product-arrow {
    display: inline-block;
    position: relative;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.bites__end-arrow path, .bites__product-arrow path {
    will-change: stroke-dashoffset;
    transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275)
}

.on-screen.bites__end-arrow path, .on-screen .bites__end-arrow path, .on-screen .bites__product-arrow path, .on-screen.bites__product-arrow path {
    stroke-dashoffset: 0 !important
}

.bites__end-arrow .bites__arrow-tip, .bites__product-arrow .bites__arrow-tip {
    transition-delay: 0.3s
}

.bites__product--1 {
    text-align: left;
    max-width: 35.1rem;
    left: 6rem;
    padding-bottom: 2.5rem
}

@media (max-width:520px) {
    .bites__product--1 {
        left: 0
    }
}

.bites__product--1 img {
    left: 12.6rem;
    -webkit-transform: translateX(-200px);
    -ms-transform: translateX(-200px);
    transform: translateX(-200px)
}

.bites__product--1 .bites__product-arrow {
    left: 12.6rem;
    width: 6rem;
    height: 11.8rem
}

.bites__product--1 h3 {
    left: 12.6rem;
    -webkit-transform: rotate(0deg) translate(0px, 200px);
    -ms-transform: rotate(0deg) translate(0px, 200px);
    transform: rotate(0deg) translate(0px, 200px)
}

.on-screen.bites__product--1 h3 {
    -webkit-transform: rotate(-20deg) translate(-20px, -40px);
    -ms-transform: rotate(-20deg) translate(-20px, -40px);
    transform: rotate(-20deg) translate(-20px, -40px)
}

.bites__product--2 {
    text-align: center;
    max-width: 34.6rem;
    float: right;
    right: 29rem;
    padding-bottom: 19.2rem
}

@media (max-width:520px) {
    .bites__product--2 {
        padding-bottom: 0
    }
}

@media (max-width:830px) {
    .bites__product--2 {
        right: 0
    }
}

.bites__product--2 img {
    margin-bottom: 2rem;
    -webkit-transform: translateX(200px);
    -ms-transform: translateX(200px);
    transform: translateX(200px)
}

.bites__product--2 .bites__product-arrow {
    width: 4rem;
    height: 11.2rem
}

.bites__product--2 h3 {
    -webkit-transform: rotate(0deg) translate(0px, 200px);
    -ms-transform: rotate(0deg) translate(0px, 200px);
    transform: rotate(0deg) translate(0px, 200px)
}

.on-screen.bites__product--2 h3 {
    -webkit-transform: rotate(-15deg) translate(20px, 20px);
    -ms-transform: rotate(-15deg) translate(20px, 20px);
    transform: rotate(-15deg) translate(20px, 20px)
}

.bites__product--3 {
    text-align: right;
    max-width: 40.9rem;
    left: 28.6rem;
    padding-bottom: 14rem
}

@media (max-width:520px) {
    .bites__product--3 {
        padding-bottom: 0
    }
}

@media (max-width:830px) {
    .bites__product--3 {
        left: 0
    }
}

.bites__product--3 img {
    -webkit-transform: translateX(-200px);
    -ms-transform: translateX(-200px);
    transform: translateX(-200px)
}

.bites__product--3 .bites__product-arrow {
    width: 6rem;
    height: 11.8rem;
    right: -4rem
}

.bites__product--3 h3 {
    text-align: center;
    right: -16rem;
    -webkit-transform: rotate(0deg) translate(0px, 200px);
    -ms-transform: rotate(0deg) translate(0px, 200px);
    transform: rotate(0deg) translate(0px, 200px)
}

.on-screen.bites__product--3 h3 {
    -webkit-transform: rotate(-10deg) translate(0px, 0px);
    -ms-transform: rotate(-10deg) translate(0px, 0px);
    transform: rotate(-10deg) translate(0px, 0px)
}

@media (max-width:520px) {
    .bites__end-arrow {
        -webkit-transform: scale(0.6);
        -ms-transform: scale(0.6);
        transform: scale(0.6)
    }
}

.bites__section--5 {
    padding-top: 6.9rem
}

@media (max-width:520px) {
    .bites__section--5 {
        padding-left: 0;
        padding-right: 0
    }
}

@media (max-width:520px) {
    .bites__comp {
        padding-left: 0;
        padding-right: 0
    }
}

.bites__comp-img-col {
    text-align: center;
    opacity: 0;
    -webkit-transform: translateY(200px);
    -ms-transform: translateY(200px);
    transform: translateY(200px);
    transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275)
}

.on-screen .bites__comp-img-col {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.bites__comp-img-col .bites__win {
    display: inline-block;
    position: relative;
    width: 29.4rem;
    height: 29.4rem;
    max-width: 100%;
    top: 0;
    left: 0
}

.bites__comp-img-col .bites__win:before {
    background-image: url(../images/img--bites-competition-alt.svg);
    background-size: 100% 100%;
    background-position: center;
    -webkit-animation: prize-spin 20s linear infinite forwards;
    animation: prize-spin 20s linear infinite forwards
}

@media (max-width:890px) {
    .bites__comp-img-col .bites__win {
        display: none
    }
}

@-webkit-keyframes prize-spin {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes prize-spin {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.bites__form {
    text-align: left;
    color: #542D00;
    opacity: 0;
    -webkit-transform: translateY(200px);
    -ms-transform: translateY(200px);
    transform: translateY(200px);
    transition: 0.3s 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275)
}

.on-screen .bites__form {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.bites__form .field {
    margin-bottom: 1.8rem
}

.bites__form .button {
    max-width: 100%;
    padding: 1.7rem 1rem .7rem
}

@media (max-width:620px) {
    .bites__form .column {
        width: 100%
    }
}

.bites__form .field--check {
    font-size: 2rem
}

@media (max-width:620px) {
    .bites__form .field--check {
        margin-top: 2rem;
        margin-bottom: 2rem;
        float: none;
        display: block
    }
}

.bites__form .field__input--check {
    display: none
}

.bites__form .field__input--check:checked+.field__label--check:after {
    display: block
}

.bites__form .field__label--check {
    display: inline-block;
    vertical-align: middle;
    position: relative
}

.bites__form .field__label--check:before {
    content: "";
    width: 1.8rem;
    height: 1.8rem;
    display: inline-block;
    vertical-align: middle;
    background-color: #fff;
    border-radius: 5px;
    margin-right: 1rem
}

.bites__form .field__label--check:after {
    content: '✓';
    position: absolute;
    top: 2px;
    left: 2px;
    display: none
}

.bites__form a {
    color: #542D00
}

@media (max-width:620px) {
    .bites__form a {
        float: none;
        display: block
    }
}

.bites__form-title {
    font-family: 'VAGRoundedLTPro-Light', sans-serif;
    font-size: 2.6rem;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: .14em;
    margin-bottom: 0;
    line-height: 1.2
}

@media (max-width:620px) {
    .bites__form-title {
        font-size: 2.2rem
    }
}

.bites__form-subtitle {
    font-size: 4rem
}

@media (max-width:620px) {
    .bites__form-subtitle {
        font-size: 3rem
    }
}

.bites__stores {
    margin-top: 12.4rem;
    padding-top: 6.7rem;
    padding-bottom: 9.7rem;
    color: #fff;
    position: relative
}

.bites__stores:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 14.8rem;
    height: 34.5rem;
    margin-left: -7.4rem;
    background-image: url(../images/bg--bites-shop-burst.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    transition: 0.3s 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275)
}

.on-screen.bites__stores:before {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.bites__stores h3 {
    font-size: 4rem;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: bottom center;
    -ms-transform-origin: bottom center;
    transform-origin: bottom center;
    transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275)
}

@media (max-width:520px) {
    .bites__stores h3 {
        font-size: 2.5rem
    }
}

.on-screen.bites__stores h3 {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.bites__stores h3 span {
    display: block;
    font-family: 'VAGRoundedLTPro-Light', sans-serif;
    text-transform: uppercase;
    letter-spacing: .14em;
    font-size: 2.6rem;
    font-weight: bold;
    margin-bottom: 1rem
}

@media (max-width:520px) {
    .bites__stores h3 span {
        font-size: 1.6rem
    }
}

.bites__stores svg {
    width: 39.5rem;
    height: 3.7rem;
    margin-bottom: 2rem;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: bottom center;
    -ms-transform-origin: bottom center;
    transform-origin: bottom center;
    transition: 0.3s 0.1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    max-width: 100%
}

.on-screen.bites__stores svg {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.bites__stores svg path, .bites__stores svg polygon {
    fill: #fff
}

.bites__section--6 {
    padding-top: 14.5rem;
    padding-bottom: 12rem
}

@media (max-width:890px) {
    .bites__comp-form-col {
        width: 100%
    }
}

.bites__shop-title {
    color: #542D00;
    margin-bottom: 9rem;
    font-size: 8rem;
    opacity: 0;
    -webkit-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px);
    transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275)
}

@media (max-width:720px) {
    .bites__shop-title {
        font-size: 6rem
    }
}

@media (max-width:485px) {
    .bites__shop-title {
        font-size: 4rem
    }
}

.on-screen.bites__shop-title {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

@media (max-width:720px) {
    .bites__shop-item {
        width: 100%;
        padding-bottom: 4rem
    }
}

.bites__shop-item a, .bites__shop-item img {
    transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    display: inline-block;
    opacity: 0;
    -webkit-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px)
}

.on-screen.bites__shop-item a, .on-screen.bites__shop-item img {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.bites__shop-item a {
    transition-delay: .2s
}

.bites__shop-item:nth-child(2) img {
    transition-delay: .4s
}

.bites__shop-item:nth-child(2) a {
    transition-delay: .6s
}

.bites__shop-item:nth-child(3) img {
    transition-delay: .8s
}

.bites__shop-item:nth-child(3) a {
    transition-delay: 1s
}

.zorb-logo {
    overflow: visible
}

.zorb-logo .lines {
    opacity: 0;
    -webkit-transform-origin: 50% 25%;
    -ms-transform-origin: 50% 25%;
    transform-origin: 50% 25%
}

.zorb-logo .ball {
    opacity: 0;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center
}

.animatelogo .zorb-logo .lines {
    -webkit-animation: flashIn 1.5s forwards;
    animation: flashIn 1.5s forwards
}

.animatelogo .zorb-logo .ball {
    -webkit-animation: bounceInDown 1.5s forwards;
    animation: bounceInDown 1.5s forwards
}

.ballshow .zorb-logo .ball, .ballshow .zorb-logo .lines {
    opacity: 1;
    -webkit-animation: none;
    animation: none
}

.wobbleball .zorb-logo .ball {
    -webkit-transform-origin: bottom center;
    -ms-transform-origin: bottom center;
    transform-origin: bottom center;
    -webkit-animation-name: swing;
    animation-name: swing;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.pulselines .zorb-logo .lines {
    -webkit-animation: pulseBounce 1s forwards;
    animation: pulseBounce 1s forwards
}

@-webkit-keyframes flashIn {
    0% {
        opacity: 0
    }

    55% {
        opacity: 0
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes flashIn {
    0% {
        opacity: 0
    }

    55% {
        opacity: 0
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@-webkit-keyframes bounceInDown {
    60%, 75%, 90%, 0%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -300rem, 0);
        transform: translate3d(0, -300rem, 0)
    }

    10% {
        opacity: 1
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 3rem, 0);
        transform: translate3d(0, 3rem, 0)
    }

    75% {
        -webkit-transform: translate3d(0, -2rem, 0);
        transform: translate3d(0, -2rem, 0)
    }

    90% {
        -webkit-transform: translate3d(0, 1rem, 0);
        transform: translate3d(0, 1rem, 0)
    }

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes bounceInDown {
    60%, 75%, 90%, 0%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -300rem, 0);
        transform: translate3d(0, -300rem, 0)
    }

    10% {
        opacity: 1
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 3rem, 0);
        transform: translate3d(0, 3rem, 0)
    }

    75% {
        -webkit-transform: translate3d(0, -2rem, 0);
        transform: translate3d(0, -2rem, 0)
    }

    90% {
        -webkit-transform: translate3d(0, 1rem, 0);
        transform: translate3d(0, 1rem, 0)
    }

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@-webkit-keyframes pulseBounce {
    60%, 75%, 90%, 0%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    40% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }

    50% {
        -webkit-transform: scale(0.95);
        transform: scale(0.95)
    }

    60% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }

    75% {
        -webkit-transform: scale(0.95);
        transform: scale(0.95)
    }

    90% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes pulseBounce {
    60%, 75%, 90%, 0%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    40% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }

    50% {
        -webkit-transform: scale(0.95);
        transform: scale(0.95)
    }

    60% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }

    75% {
        -webkit-transform: scale(0.95);
        transform: scale(0.95)
    }

    90% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

.zorb-banner {
    background: url('../images/zorb-banner.jpg');
    background-size: cover;
    background-position: center;
    padding: 6rem 0 10rem 0;
    position: relative;
    overflow: hidden
}

@media (max-width:768px) {
    .zorb-banner {
        padding: 2rem
    }
}

.zorb-banner__container {
    padding-left: 1rem;
    padding-right: 1rem;
    max-width: 145rem;
    margin: 0 auto;
    height: 100%
}

@media (max-width:480px) {
    .zorb-banner__container {
        padding-left: 1rem;
        padding-right: 1rem
    }
}

.zorb-banner__blocks {
    width: calc(100% + 13rem);
    margin-left: -6.5rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 100%
}

@media (max-width:1300px) {
    .zorb-banner__blocks {
        width: 100%;
        margin: 0
    }
}

@media (max-width:768px) {
    .zorb-banner__blocks {
        display: block
    }
}

.zorb-banner__block {
    padding: 0 6.5rem;
    float: left;
    width: 50%;
    min-height: 200px;
    height: 100%;
    max-width: 57rem
}

@media (max-width:1300px) {
    .zorb-banner__block {
        padding: 0 2rem;
        width: 60%
    }
}

@media (max-width:768px) {
    .zorb-banner__block {
        width: 100%;
        padding: 0
    }
}

.zorb-banner__block--logo {
    text-align: center;
    padding-top: 5%;
    padding-bottom: 5%
}

@media (max-width:1300px) {
    .zorb-banner__block--logo {
        width: 40%
    }
}

@media (max-width:768px) {
    .zorb-banner__block--logo {
        width: 100%;
        margin-bottom: 2rem
    }
}

.zorb-banner__block--logo svg {
    display: inline-block;
    max-width: 100%;
    max-height: 100%
}

@media (max-width:768px) {
    .zorb-banner__block--logo svg {
        max-width: 25rem
    }
}

.zorb-banner__block--single {
    margin: 0 auto;
    float: none
}

.zorb-banner__title {
    color: #fff;
    text-align: center;
    margin: 3rem 0;
    font-size: 4rem;
    padding: 0 3rem
}

@media (max-width:768px) {
    .zorb-banner__title {
        font-size: 3rem
    }
}

.zorb-banner__social {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 2rem
}

@media (max-width:768px) {
    .zorb-banner__social {
        display: none
    }
}

.zorb-banner__social-block {
    width: 33.333%;
    float: left;
    text-align: center
}

.zorb-banner__social-links {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 2rem;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.zorb-banner__social-links a {
    padding: 1rem
}

.zorb-banner__hashtag {
    font-family: 'Trash Hand Regular', sans-serif;
    font-size: 3rem
}

.zorb-banner__hashtag .icon-hash {
    vertical-align: middle
}

.zorb-banner a {
    color: #fff
}

.zorb-small-gallery {
    height: 100%;
    overflow: hidden;
    position: relative
}

@media (max-width:1080px) {
    .zorb-small-gallery {
        height: auto
    }
}

.zorb-small-gallery .lSSlideOuter {
    height: 100%;
    overflow: visible;
    position: relative
}

@media (max-width:1080px) {
    .zorb-small-gallery .lSSlideOuter {
        height: auto
    }
}

.zorb-small-gallery .lSSlideOuter .lSPager.lSpg>li {
    padding: 0.5rem;
    margin: 0 0.5rem
}

.zorb-small-gallery .lSSlideOuter .lSPager.lSpg>li a {
    width: 1rem;
    height: 1rem;
    border: 1px solid #542D00;
    background: none
}

.zorb-small-gallery .lSSlideOuter .lSPager.lSpg>li.active a, .zorb-small-gallery .lSSlideOuter .lSPager.lSpg>li:hover a {
    background: #542D00
}

.zorb-small-gallery .lSSlideWrapper {
    height: 100%
}

@media (max-width:1080px) {
    .zorb-small-gallery .lSSlideWrapper {
        height: auto
    }
}

.zorb-small-gallery .lSPager {
    position: absolute;
    bottom: 1rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.zorb-locations {
    overflow: hidden
}

.zorb-locations__location {
    width: 33.333%;
    float: left;
    text-align: center;
    font-family: 'VAG Rounded Thin', sans-serif;
    color: #fff;
    position: relative
}

@media (max-width:950px) {
    .zorb-locations__location {
        width: 100%
    }
}

.zorb-locations__location--blue {
    background: #1480A5
}

.zorb-locations__location--yellow {
    background: #F4C22C
}

.zorb-locations__location--brown {
    background: #542D00
}

.zorb-locations__location--pink {
    background: #F74A5E
}

.zorb-locations__location--purple {
    background: #A2195B
}

.zorb-locations__location--sky {
    background: #26cad3
}

.zorb-locations__location--orange {
    background: #EE7600
}

.zorb-locations__location--green {
    background: #0FB44E
}

.zorb-locations__location--lime {
    background: #B5BE02
}

.zorb-locations__link {
    text-decoration: none;
    color: #fff
}

.zorb-locations__link:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
    -moz-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
    -ms-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
    -o-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
    transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1)
}

.zorb-locations__location--blue .zorb-locations__link:before {
    background: #106785
}

.zorb-locations__location--yellow .zorb-locations__link:before {
    background: #f0b70d
}

.zorb-locations__location--brown .zorb-locations__link:before {
    background: #301a00
}

.zorb-locations__location--pink .zorb-locations__link:before {
    background: #f52840
}

.zorb-locations__location--purple .zorb-locations__link:before {
    background: #83144a
}

.zorb-locations__location--sky .zorb-locations__link:before {
    background: #21adb5
}

.zorb-locations__location--orange .zorb-locations__link:before {
    background: #ca6400
}

.zorb-locations__location--green .zorb-locations__link:before {
    background: #0c9340
}

.zorb-locations__location--lime .zorb-locations__link:before {
    background: #939b02
}

.zorb-locations__link:active, .zorb-locations__link:hover {
    color: #fff
}

.zorb-locations__link:active:before, .zorb-locations__link:hover:before {
    opacity: 1
}

.zorb-locations__header {
    padding: 4rem 0;
    position: relative;
    z-index: 10
}

.zorb-locations__title {
    font-size: 7rem
}

@media (max-width:1080px) {
    .zorb-locations__title {
        font-size: 5.5rem
    }
}

.zorb-locations__sub-title {
    font-size: 2rem;
    padding: 0 2rem;
    display: block;
    height: 3.5rem;
    line-height: 2.4rem
}

.zorb-locations__content {
    position: relative;
    z-index: 10;
    margin-bottom: 8rem
}

.zorb-locations__date {
    font-size: 2.2rem;
    margin-bottom: 0.8rem;
    display: block
}

.zorb-locations__time {
    display: block
}

.zorb-locations__terms {
    display: block;
    font-size: 1.3rem;
    margin-top: 1rem
}

.zorb-locations .countdown {
    margin: 11rem 0 16rem 0
}

@media (max-width:950px) {
    .zorb-locations .countdown {
        margin: 3rem 0 4rem 0
    }
}

.zorb-locations .flip-clock-content {
    -webkit-transform: scale(1.4);
    -ms-transform: scale(1.4);
    transform: scale(1.4)
}

@media (max-width:1300px) {
    .zorb-locations .flip-clock-content {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

.zorb-locations .flip-clock-label {
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7)
}

@media (max-width:1300px) {
    .zorb-locations .flip-clock-label {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

.zorb-locations__googlemaps {
    display: inline-block;
    color: #fff;
    font-size: 2rem;
    position: relative;
    z-index: 10
}

.zorb-locations__googlemaps:hover {
    color: #fff
}

.zorb-locations__googlemaps:hover .zorb-locations__icon {
    -webkit-animation: tirl .4s 1 linear;
    animation: twirl .4s 1 linear
}

.zorb-locations__icon {
    display: block;
    margin: 0 auto 2rem auto;
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    width: 45px;
    height: 45px
}

.zorb-locations__footer {
    position: relative;
    margin-top: 6rem;
    padding: 7rem 0 4rem 0
}

.zorb-locations__footer:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.25)
}

.zorb-locations__button-wrap {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.zorb-locations__button {
    min-width: 27rem
}

.zorb-locations__vote {
    position: relative;
    z-index: 10;
    font-size: 2.2rem;
    color: #542D00;
    max-width: 35rem;
    display: block;
    margin: 0 auto
}

@-webkit-keyframes twirl {
    0% {
        -webkit-transform: translateY(0) rotateY(0deg);
        transform: translateY(0) rotateY(0deg)
    }

    50% {
        -webkit-transform: translateY(1rem) rotateY(175deg);
        transform: translateY(1rem) rotateY(175deg)
    }

    to {
        -webkit-transform: translateY(0) rotateY(359deg);
        transform: translateY(0) rotateY(359deg)
    }
}

@keyframes twirl {
    0% {
        -webkit-transform: translateY(0) rotateY(0deg);
        transform: translateY(0) rotateY(0deg)
    }

    50% {
        -webkit-transform: translateY(1rem) rotateY(175deg);
        transform: translateY(1rem) rotateY(175deg)
    }

    to {
        -webkit-transform: translateY(0) rotateY(359deg);
        transform: translateY(0) rotateY(359deg)
    }
}

.zorb-video {
    background: #F74A5E;
    color: #fff;
    padding: 7rem 0
}

@media (max-width:1080px) {
    .zorb-video {
        padding: 2rem
    }
}

.zorb-video__video {
    position: relative;
    margin: 0 auto;
    max-width: 160rem;
    padding: 0 19rem
}

@media (max-width:1080px) {
    .zorb-video__video {
        padding: 0;
        max-width: 100%
    }
}

.zorb-video__title {
    color: #fff;
    font-size: 4rem;
    font-family: 'Trash Hand Regular', sans-serif;
    position: absolute;
    top: 7rem;
    left: 7rem;
    z-index: 10
}

.zorb-video__title .break {
    display: block
}

@media (max-width:1080px) {
    .zorb-video__title {
        position: relative;
        top: auto;
        left: auto;
        margin-bottom: 1.5rem;
        display: block
    }

    .zorb-video__title .break {
        display: inline
    }
}

@media (max-width:380px) {
    .zorb-video__title {
        font-size: 3rem
    }
}

.zorb-video--small {
    width: 50%;
    padding: 6rem
}

@media (max-width:1080px) {
    .zorb-video--small {
        width: 100%;
        padding: 2rem
    }
}

.zorb-video--small .zorb-video__video {
    padding: 0
}

.video-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0
}

.video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.js-small-slider {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.js-small-slider .slide-content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.zorb-blocks {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media (max-width:1080px) {
    .zorb-blocks {
        display: block
    }
}

.zorb-blocks .lSSlideOuter {
    height: 100%;
    overflow: visible;
    position: relative
}

.zorb-blocks .lSSlideOuter .lSPager.lSpg>li {
    padding: 0.5rem;
    margin: 0 0.5rem
}

.zorb-blocks .lSSlideOuter .lSPager.lSpg>li a {
    width: 1rem;
    height: 1rem;
    border: 1px solid #542D00;
    background: none
}

.zorb-blocks .lSSlideOuter .lSPager.lSpg>li.active a, .zorb-blocks .lSSlideOuter .lSPager.lSpg>li:hover a {
    background: #542D00
}

.zorb-blocks .lSSlideWrapper {
    height: 100%
}

.zorb-blocks .lSPager {
    position: absolute;
    bottom: -6rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.zorb-social-feed .lSSlideOuter .lSPager.lSpg>li:nth-child(2n) {
    display: none
}

@media (max-width:640px) {
    .zorb-social-feed .lSSlideOuter .lSPager.lSpg>li:nth-child(2n) {
        display: inline-block
    }
}

.zorb-testimonials {
    background: #F4C22C;
    color: #fff;
    font-family: 'VAG Rounded Thin', sans-serif;
    font-size: 2rem;
    line-height: 2.4rem;
    text-align: center;
    padding: 9rem;
    width: 50%
}

@media (max-width:1080px) {
    .zorb-testimonials {
        width: 100%;
        padding: 4rem 4rem 12rem 4rem;
        font-size: 1.8rem
    }
}

.zorb-testimonials__image {
    margin-bottom: 7rem
}

.zorb-testimonials .lSSlideOuter .lSPager.lSpg>li a {
    border: 1px solid #fff
}

.zorb-testimonials .lSSlideOuter .lSPager.lSpg>li.active a, .zorb-testimonials .lSSlideOuter .lSPager.lSpg>li:hover a {
    background: #fff
}

.zorb-social-feed {
    background: #F3F3E9;
    padding: 9rem 2rem;
    width: 50%;
    position: relative;
    font-family: 'Trash Hand Regular', sans-serif
}

@media (max-width:1080px) {
    .zorb-social-feed {
        width: 100%;
        padding-top: 2rem;
        padding-bottom: 6rem
    }

    .zorb-social-feed .lSPager {
        bottom: -4rem !important
    }
}

.zorb-social-feed .social-box:nth-child(6n+1) .social-box__container {
    background: #B5BE02
}

.zorb-social-feed .social-box:nth-child(6n+2) .social-box__container {
    background: #26cad3
}

.zorb-social-feed .social-box:nth-child(6n+3) .social-box__container {
    background: #EE7600
}

.zorb-social-feed .social-box:nth-child(6n+4) .social-box__container {
    background: #F74A5E
}

.zorb-social-feed .social-box:nth-child(6n+5) .social-box__container {
    background: #F4C22C
}

.zorb-social-feed .social-box:nth-child(6n+6) .social-box__container {
    background: #1480A5
}

.zorb-social-feed .lSSlideOuter {
    margin: 0 auto;
    max-width: 57rem
}

.zorb-social-feed__tweet p, .zorb-social-feed__tweet span {
    color: #fff
}

@media (max-width:640px) {
    .zorb-social-feed__tweet p, .zorb-social-feed__tweet span {
        font-size: 2rem
    }
}

.zorb-social-feed__tweet .social-box__icon--twitter {
    background-image: url('../images/icon-blog-twitter.svg')
}

.zorb-social-feed__hashtag {
    position: absolute;
    bottom: 3.3rem;
    font-size: 2rem;
    color: #542D00
}

.zorb-social-feed__hashtag--left {
    left: 12rem
}

@media (max-width:1300px) {
    .zorb-social-feed__hashtag--left {
        left: 6rem
    }
}

@media (max-width:640px) {
    .zorb-social-feed__hashtag--left {
        display: none
    }
}

.zorb-social-feed__hashtag--right {
    right: 12rem
}

@media (max-width:1300px) {
    .zorb-social-feed__hashtag--right {
        right: 6rem
    }
}

@media (max-width:640px) {
    .zorb-social-feed__hashtag--right {
        display: none
    }
}

.zorb-social-feed__hashtag .icon-hash {
    vertical-align: middle;
    font-size: 80%
}

.zorb-table {
    height: 37rem;
    position: relative;
    margin-bottom: 8rem;
    text-align: center
}

@media (max-width:950px) {
    .zorb-table {
        height: 27rem
    }
}

@media (max-width:380px) {
    .zorb-table {
        height: 25rem
    }
}

.zorb-table__line {
    height: 1px;
    width: 100%;
    display: block;
    position: absolute;
    left: 0
}

.zorb-table__line-1 {
    bottom: 75%
}

.zorb-table__line-2 {
    bottom: 50%
}

.zorb-table__line-3 {
    bottom: 25%
}

.zorb-table__line-4 {
    bottom: 0
}

.zorb-table--blue .zorb-table__line {
    background: #0e5d78
}

.zorb-table--yellow .zorb-table__line {
    background: #e1ac0c
}

.zorb-table--brown .zorb-table__line {
    background: #211200
}

.zorb-table--pink .zorb-table__line {
    background: #f51933
}

.zorb-table--purple .zorb-table__line {
    background: #761242
}

.zorb-table--sky .zorb-table__line {
    background: #1ea1a8
}

.zorb-table--orange .zorb-table__line {
    background: #bb5d00
}

.zorb-table--green .zorb-table__line {
    background: #0b853a
}

.zorb-table--lime .zorb-table__line {
    background: #858c01
}

.zorb-table__column {
    width: 14rem;
    height: 100%;
    padding: 0 3rem;
    displaY: inline-block;
    position: relative
}

.zorb-table__tube {
    position: absolute;
    z-index: 10;
    bottom: 1px;
    left: 3rem;
    right: 3rem;
    min-height: 35%;
    border-radius: 4rem 4rem 0 0;
    opacity: 0
}

.zorb-table__tube--blue {
    background: linear-gradient(#09394a, #1480A5)
}

.zorb-table__tube--yellow {
    background: linear-gradient(#b18709, #F4C22C)
}

.zorb-table__tube--brown {
    background: linear-gradient(#000000, #542D00)
}

.zorb-table__tube--pink {
    background: linear-gradient(#d20920, #F74A5E)
}

.zorb-table__tube--purple {
    background: linear-gradient(#4a0b29, #A2195B)
}

.zorb-table__tube--sky {
    background: linear-gradient(#1481A5, #26cad3)
}

.zorb-table__tube--orange {
    background: linear-gradient(#884300, #EE7600)
}

.zorb-table__tube--green {
    background: linear-gradient(#075625, #0FB44E)
}

.zorb-table__tube--lime {
    background: linear-gradient(#555901, #B5BE02)
}

.zorb-table__number {
    font-family: 'VAG Rounded Thin', sans-serif;
    font-size: 4.4rem;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
    letter-spacing: 0.1em
}

.zorb-table__label {
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-top: 2rem
}

.zorb-distance, .zorb-scroll-header, .zorb-shares {
    color: #fff;
    font-family: 'VAG Rounded Thin', sans-serif
}

.zorb-distance--blue, .zorb-scroll-header--blue, .zorb-shares--blue {
    background: #1480A5
}

.zorb-distance--yellow, .zorb-scroll-header--yellow, .zorb-shares--yellow {
    background: #F4C22C
}

.zorb-distance--brown, .zorb-scroll-header--brown, .zorb-shares--brown {
    background: #542D00
}

.zorb-distance--pink, .zorb-scroll-header--pink, .zorb-shares--pink {
    background: #F74A5E
}

.zorb-distance--purple, .zorb-scroll-header--purple, .zorb-shares--purple {
    background: #A2195B
}

.zorb-distance--sky, .zorb-scroll-header--sky, .zorb-shares--sky {
    background: #26cad3
}

.zorb-distance--orange, .zorb-scroll-header--orange, .zorb-shares--orange {
    background: #EE7600
}

.zorb-distance--green, .zorb-scroll-header--green, .zorb-shares--green {
    background: #0FB44E
}

.zorb-distance--lime, .zorb-scroll-header--lime, .zorb-shares--lime {
    background: #B5BE02
}

.zorb-distance__container, .zorb-scroll-header__container, .zorb-shares__container {
    padding-left: 1rem;
    padding-right: 1rem;
    max-width: 145rem;
    margin: 0 auto;
    position: relative
}

@media (max-width:480px) {
    .zorb-distance__container, .zorb-scroll-header__container, .zorb-shares__container {
        padding-left: 1rem;
        padding-right: 1rem
    }
}

.zorb-scroll-header {
    position: fixed;
    z-index: 19;
    top: 185px;
    left: 0;
    right: 0;
    padding: 2rem 0 0 0
}

.zorb-scroll-header:after {
    top: 100%;
    left: 0;
    right: 0;
    content: "";
    position: absolute;
    display: block;
    height: 2rem
}

.zorb-scroll-header--blue:after {
    background: linear-gradient(#1480A5, transparent)
}

.zorb-scroll-header--yellow:after {
    background: linear-gradient(#F4C22C, transparent)
}

.zorb-scroll-header--brown:after {
    background: linear-gradient(#542D00, transparent)
}

.zorb-scroll-header--pink:after {
    background: linear-gradient(#F74A5E, transparent)
}

.zorb-scroll-header--purple:after {
    background: linear-gradient(#A2195B, transparent)
}

.zorb-scroll-header--sky:after {
    background: linear-gradient(#26cad3, transparent)
}

.zorb-scroll-header--orange:after {
    background: linear-gradient(#EE7600, transparent)
}

.zorb-scroll-header--green:after {
    background: linear-gradient(#0FB44E, transparent)
}

.zorb-scroll-header--lime:after {
    background: linear-gradient(#B5BE02, transparent)
}

.shrunk-header .zorb-scroll-header {
    top: 143px
}

.zorb-scroll-header__date {
    position: absolute;
    left: 1rem;
    top: 4.5rem;
    font-size: 1.8rem
}

@media (max-width:768px) {
    .zorb-scroll-header__date {
        display: none
    }
}

.zorb-scroll-header__title {
    display: block;
    text-align: center;
    margin: 0;
    font-size: 7rem;
    padding: 1.5rem 0
}

.zorb-scroll-header__googlemaps {
    position: absolute;
    right: 1rem;
    top: 4.5rem;
    color: #fff;
    font-size: 1.8rem
}

@media (max-width:768px) {
    .zorb-scroll-header__googlemaps {
        display: none
    }
}

.zorb-scroll-header__googlemaps:hover {
    color: #fff
}

.zorb-scroll-header__googlemaps:hover .zorb-scroll-header__icon {
    -webkit-transform: translateX(-1rem);
    -ms-transform: translateX(-1rem);
    transform: translateX(-1rem)
}

.zorb-scroll-header__googlemaps:hover svg {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.zorb-scroll-header__icon {
    width: 29px;
    height: 29px;
    display: inline-block;
    margin-right: 0.5em;
    vertical-align: middle;
    transition: 0.6s cubic-bezier(0.55, 0, 0.1, 1);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center
}

.zorb-scroll-header__icon svg {
    transition: 0.6s cubic-bezier(0.55, 0, 0.1, 1);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center
}

.zorb-distance, .zorb-shares {
    color: #fff;
    min-height: calc(100vh - 185px);
    padding-top: 150px
}

.shrunk-header .zorb-distance, .shrunk-header .zorb-shares {
    min-height: calc(100vh - 168px)
}

@media (max-width:1080px) {
    .zorb-distance, .zorb-shares {
        min-height: calc(100vh - 240px);
        padding-top: 85px
    }

    .shrunk-header .zorb-distance, .shrunk-header .zorb-shares {
        min-height: calc(100vh - 223px)
    }
}

.zorb-distance__title, .zorb-shares__title {
    font-size: 2.2rem;
    display: block;
    text-align: center
}

.zorb-distance {
    position: relative
}

.zorb-distance:after {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    top: 100%;
    left: 0;
    background: rgba(255, 255, 255, 0.25);
    margin-top: 5rem
}

.zorb-shares__footer {
    position: relative;
    margin-top: 6rem;
    padding: 7rem 0 4rem 0
}

.zorb-shares__footer:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.25)
}

.zorb-shares__button-wrap {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.zorb-shares__button {
    min-width: 27rem
}

.zorb-shares__vote {
    position: relative;
    z-index: 10;
    font-size: 4rem;
    display: block;
    margin: 0 auto;
    font-family: 'Trash Hand Regular', sans-serif;
    text-align: center
}

.zorb-shares__vote span {
    font-size: 3rem;
    display: inline-block;
    -webkit-transform: translateY(0.2rem);
    -moz-transform: translateY(0.2rem);
    -ms-transform: translateY(0.2rem);
    -o-transform: translateY(0.2rem);
    transform: translateY(0.2rem)
}

.zorb-grid {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    padding: 5rem 0
}

@media (max-width:1080px) {
    .zorb-grid {
        padding: 2rem 0
    }
}

.zorb-grid__table {
    margin-left: 15rem;
    margin-right: 10rem;
    position: relative;
    width: calc(100% - 25rem)
}

@media (max-width:768px) {
    .zorb-grid__table {
        margin-right: 0;
        width: calc(100% - 17rem)
    }
}

.zorb-grid__table:before {
    position: absolute;
    z-index: 18;
    right: 100%;
    top: 0;
    content: "";
    display: block;
    width: 100%;
    height: 100%
}

.zorb-grid__table--blue:before {
    background: #1480A5
}

.zorb-grid__table--yellow:before {
    background: #F4C22C
}

.zorb-grid__table--brown:before {
    background: #542D00
}

.zorb-grid__table--pink:before {
    background: #F74A5E
}

.zorb-grid__table--purple:before {
    background: #A2195B
}

.zorb-grid__table--sky:before {
    background: #26cad3
}

.zorb-grid__table--orange:before {
    background: #EE7600
}

.zorb-grid__table--green:before {
    background: #0FB44E
}

.zorb-grid__table--lime:before {
    background: #B5BE02
}

.zorb-grid__line {
    height: 100%;
    width: 1px;
    display: block;
    position: absolute;
    top: 0
}

.zorb-grid__line-1 {
    left: 0
}

.zorb-grid__line-2 {
    left: 7.7%
}

@media (max-width:768px) {
    .zorb-grid__line-2 {
        display: none
    }
}

.zorb-grid__line-3 {
    left: 15.4%
}

@media (max-width:640px) {
    .zorb-grid__line-3 {
        display: none
    }
}

.zorb-grid__line-4 {
    left: 23.1%
}

@media (max-width:768px) {
    .zorb-grid__line-4 {
        display: none
    }
}

.zorb-grid__line-5 {
    left: 30.8%
}

.zorb-grid__line-6 {
    left: 38.5%
}

@media (max-width:768px) {
    .zorb-grid__line-6 {
        display: none
    }
}

.zorb-grid__line-7 {
    left: 46.2%
}

@media (max-width:640px) {
    .zorb-grid__line-7 {
        display: none
    }
}

.zorb-grid__line-8 {
    left: 53.9%
}

@media (max-width:768px) {
    .zorb-grid__line-8 {
        display: none
    }
}

.zorb-grid__line-9 {
    left: 61.6%
}

.zorb-grid__line-10 {
    left: 69.3%
}

@media (max-width:768px) {
    .zorb-grid__line-10 {
        display: none
    }
}

.zorb-grid__line-11 {
    left: 77%
}

@media (max-width:640px) {
    .zorb-grid__line-11 {
        display: none
    }
}

.zorb-grid__line-12 {
    left: 84.7%
}

@media (max-width:768px) {
    .zorb-grid__line-12 {
        display: none
    }
}

.zorb-grid__line-13 {
    left: 92.4%
}

.zorb-grid__line-14 {
    right: 0
}

@media (max-width:768px) {
    .zorb-grid__line-14 {
        display: none
    }
}

.zorb-grid--blue .zorb-grid__line {
    background: #0e5d78
}

.zorb-grid--yellow .zorb-grid__line {
    background: #e1ac0c
}

.zorb-grid--brown .zorb-grid__line {
    background: #211200
}

.zorb-grid--pink .zorb-grid__line {
    background: #f51933
}

.zorb-grid--purple .zorb-grid__line {
    background: #761242
}

.zorb-grid--sky .zorb-grid__line {
    background: #1ea1a8
}

.zorb-grid--orange .zorb-grid__line {
    background: #bb5d00
}

.zorb-grid--green .zorb-grid__line {
    background: #0b853a
}

.zorb-grid--lime .zorb-grid__line {
    background: #858c01
}

.zorb-grid__rows {
    min-height: calc(100vh - 510px);
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

@media (max-width:1080px) {
    .zorb-grid__rows {
        min-height: calc(100vh - 390px)
    }
}

.zorb-grid__row {
    position: relative
}

.zorb-grid__tube {
    position: relative;
    z-index: 10;
    bottom: 1px;
    border-radius: 0 1rem 1rem 0;
    height: 2rem;
    margin-left: 1px
}

.zorb-grid__tube--full {
    border-radius: 0 6rem 6rem 0;
    height: 11rem;
    min-width: 12%
}

@media (max-width:768px) {
    .zorb-grid__tube--full {
        height: 8rem
    }
}

.zorb-grid__tube--blue {
    background: #09394a
}

.zorb-grid__tube--yellow {
    background: #b18709
}

.zorb-grid__tube--brown {
    background: #000000
}

.zorb-grid__tube--pink {
    background: #d20920
}

.zorb-grid__tube--purple {
    background: #4a0b29
}

.zorb-grid__tube--sky {
    background: #1481A5
}

.zorb-grid__tube--orange {
    background: #884300
}

.zorb-grid__tube--green {
    background: #075625
}

.zorb-grid__tube--lime {
    background: #555901
}

.zorb-grid__tube--blue--full {
    background: linear-gradient(-90deg, #09394a, #1480A5)
}

.zorb-grid__tube--yellow--full {
    background: linear-gradient(-90deg, #b18709, #F4C22C)
}

.zorb-grid__tube--brown--full {
    background: linear-gradient(-90deg, #000000, #542D00)
}

.zorb-grid__tube--pink--full {
    background: linear-gradient(-90deg, #d20920, #F74A5E)
}

.zorb-grid__tube--purple--full {
    background: linear-gradient(-90deg, #4a0b29, #A2195B)
}

.zorb-grid__tube--sky--full {
    background: linear-gradient(-90deg, #1481A5, #26cad3)
}

.zorb-grid__tube--orange--full {
    background: linear-gradient(-90deg, #884300, #EE7600)
}

.zorb-grid__tube--green--full {
    background: linear-gradient(-90deg, #075625, #0FB44E)
}

.zorb-grid__tube--lime--full {
    background: linear-gradient(-90deg, #555901, #B5BE02)
}

.zorb-grid__full-distance {
    position: absolute;
    top: 1rem;
    left: 2.5rem;
    vertical-align: top;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media (max-width:768px) {
    .zorb-grid__full-distance {
        top: 2.5rem
    }
}

.zorb-grid__number {
    font-family: 'VAG Rounded Thin', sans-serif;
    letter-spacing: 0.1em;
    color: #fff
}

.zorb-grid__tube .zorb-grid__number {
    font-size: 4.4rem
}

@media (max-width:768px) {
    .zorb-grid__tube .zorb-grid__number {
        font-size: 3rem
    }
}

.zorb-grid__label {
    position: absolute;
    z-index: 18;
    top: 0;
    left: -15rem
}

.zorb-grid__label--blue {
    color: #09394a
}

.zorb-grid__label--yellow {
    color: #b18709
}

.zorb-grid__label--brown {
    color: #000000
}

.zorb-grid__label--pink {
    color: #d20920
}

.zorb-grid__label--purple {
    color: #4a0b29
}

.zorb-grid__label--sky {
    color: #1481A5
}

.zorb-grid__label--orange {
    color: #884300
}

.zorb-grid__label--green {
    color: #075625
}

.zorb-grid__label--lime {
    color: #555901
}

.zorb-grid__name {
    font-size: 1.4rem;
    display: inline-block;
    margin-bottom: 1rem
}

.zorb-grid__name--full {
    font-size: 2rem
}

.zorb-grid__number {
    font-size: 2rem
}

.zorb-grid__km {
    color: #fff;
    font-size: 1.4rem;
    margin-left: 1rem
}

.zorb-grid__balls {
    width: 100%;
    height: 100%;
    border-radius: 0 6rem 6rem 0
}

@media (max-width:768px) {
    .zorb-grid__balls {
        display: none
    }
}

.zorb-shares--blue .zorb-shares__name {
    color: #09394a
}

.zorb-shares--blue .zorb-shares__ball {
    background-color: #09394a
}

.zorb-shares--blue .zorb-shares__ball--large {
    background: linear-gradient(-90deg, #09394a, #1480A5)
}

.zorb-shares--yellow .zorb-shares__name {
    color: #b18709
}

.zorb-shares--yellow .zorb-shares__ball {
    background-color: #b18709
}

.zorb-shares--yellow .zorb-shares__ball--large {
    background: linear-gradient(-90deg, #b18709, #F4C22C)
}

.zorb-shares--brown .zorb-shares__name {
    color: #000000
}

.zorb-shares--brown .zorb-shares__ball {
    background-color: #000000
}

.zorb-shares--brown .zorb-shares__ball--large {
    background: linear-gradient(-90deg, #000000, #542D00)
}

.zorb-shares--pink .zorb-shares__name {
    color: #d20920
}

.zorb-shares--pink .zorb-shares__ball {
    background-color: #d20920
}

.zorb-shares--pink .zorb-shares__ball--large {
    background: linear-gradient(-90deg, #d20920, #F74A5E)
}

.zorb-shares--purple .zorb-shares__name {
    color: #4a0b29
}

.zorb-shares--purple .zorb-shares__ball {
    background-color: #4a0b29
}

.zorb-shares--purple .zorb-shares__ball--large {
    background: linear-gradient(-90deg, #4a0b29, #A2195B)
}

.zorb-shares--sky .zorb-shares__name {
    color: #1481A5
}

.zorb-shares--sky .zorb-shares__ball {
    background-color: #1481A5
}

.zorb-shares--sky .zorb-shares__ball--large {
    background: linear-gradient(-90deg, #1481A5, #26cad3)
}

.zorb-shares--orange .zorb-shares__name {
    color: #884300
}

.zorb-shares--orange .zorb-shares__ball {
    background-color: #884300
}

.zorb-shares--orange .zorb-shares__ball--large {
    background: linear-gradient(-90deg, #884300, #EE7600)
}

.zorb-shares--green .zorb-shares__name {
    color: #075625
}

.zorb-shares--green .zorb-shares__ball {
    background-color: #075625
}

.zorb-shares--green .zorb-shares__ball--large {
    background: linear-gradient(-90deg, #075625, #0FB44E)
}

.zorb-shares--lime .zorb-shares__name {
    color: #555901
}

.zorb-shares--lime .zorb-shares__ball {
    background-color: #555901
}

.zorb-shares--lime .zorb-shares__ball--large {
    background: linear-gradient(-90deg, #555901, #B5BE02)
}

.zorb-shares__container {
    *zoom: 1;
    padding: 0 1rem;
    max-width: 145rem;
    margin: 0 auto;
    position: relative
}

.zorb-shares__container:after, .zorb-shares__container:before {
    content: "";
    display: table
}

.zorb-shares__container:after {
    clear: both
}

@media (max-width:480px) {
    .zorb-shares__container {
        padding-left: 1rem;
        padding-right: 1rem
    }
}

.zorb-shares__cities {
    min-height: calc(-300vh);
    padding: 5rem 1rem
}

@media (max-width:768px) {
    .zorb-shares__cities {
        padding-left: 3rem;
        padding-right: 3rem
    }
}

.zorb-shares__city {
    position: relative
}

.zorb-shares__left {
    width: 50%;
    float: left
}

@media (max-width:768px) {
    .zorb-shares__left {
        width: 100%;
        padding-bottom: 3rem
    }
}

.zorb-shares__right {
    width: 50%;
    float: right;
    padding-left: 15rem
}

@media (max-width:1080px) {
    .zorb-shares__right {
        padding-left: 6rem
    }
}

@media (max-width:768px) {
    .zorb-shares__right {
        width: 100%;
        padding: 0 0 2rem 0
    }
}

.zorb-shares__right .zorb-shares__city {
    margin-bottom: 10rem
}

@media (max-width:768px) {
    .zorb-shares__right .zorb-shares__city {
        width: 50%;
        float: left;
        padding-left: 10rem;
        margin-bottom: 5rem
    }
}

.zorb-shares__right .zorb-shares__ball {
    position: absolute;
    top: 0;
    left: 14rem
}

@media (max-width:768px) {
    .zorb-shares__right .zorb-shares__ball {
        left: 0
    }
}

.zorb-shares__name {
    font-size: 1.4rem;
    margin-bottom: 1rem;
    display: inline-block
}

@media (max-width:768px) {
    .zorb-shares__name {
        color: #fff !important
    }
}

.zorb-shares__number {
    font-size: 3rem
}

@media (max-width:768px) {
    .zorb-shares__number {
        font-size: 2.2rem
    }
}

.zorb-shares__ball {
    border-radius: 50%;
    position: relative;
    overflow: hidden
}

.zorb-shares__ball canvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.chrome .zorb-shares__ball canvas, .safari .zorb-shares__ball canvas {
    border-radius: 50%
}

.zorb-shares__ball--large-wrap {
    max-width: 47rem
}

@media (max-width:1080px) {
    .zorb-shares__ball--large-wrap {
        max-width: 30rem
    }
}

@media (max-width:768px) {
    .zorb-shares__ball--large-wrap {
        margin: 0 auto
    }
}

.zorb-shares__ball--large {
    width: 100%;
    padding-bottom: 100%;
    text-align: center
}

.zorb-shares__ball--large span {
    color: #fff !important;
    font-size: 1.4rem
}

.zorb-shares__ball--large .zorb-shares__name {
    font-size: 1.6rem
}

.zorb-shares__ball--large .zorb-shares__number {
    font-size: 6rem;
    display: inline-block;
    margin-bottom: 1rem
}

@media (max-width:768px) {
    .zorb-shares__ball--large .zorb-shares__number {
        font-size: 3.2rem
    }
}

.zorb-shares__ball--medium {
    width: 17rem;
    height: 17rem;
    background-image: url('../images/zorb-share-bg.png');
    background-size: contain;
    background-position: bottom center;
    background-repeat: no-repeat;
    -webkit-transform: translateY(-5rem);
    -ms-transform: translateY(-5rem);
    transform: translateY(-5rem)
}

@media (max-width:768px) {
    .zorb-shares__ball--medium {
        width: 9rem;
        height: 9rem;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

.zorb-shares__ball--small {
    width: 6.5rem;
    height: 6.5rem;
    background-image: url('../images/zorb-share-bg.png');
    background-size: contain;
    background-position: bottom center;
    background-repeat: no-repeat
}

@media (max-width:768px) {
    .zorb-shares__ball--small {
        width: 6.5rem;
        height: 6.5rem
    }
}

.zorb-shares__ball--empty {
    background-image: none !important
}

.zorb-shares__ball-content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 6rem
}

@media (max-width:768px) {
    .zorb-shares__ball-content {
        padding: 3rem
    }

    .zorb-shares__ball-content span:last-child {
        display: none
    }
}

.zorb-shares__subtitle {
    -webkit-transform: skew(-10deg) rotate(-8deg);
    -ms-transform: skew(-10deg) rotate(-8deg);
    transform: skew(-10deg) rotate(-8deg);
    margin-bottom: 0
}

@media (max-width:768px) {
    .zorb-shares__subtitle {
        display: block;
        clear: both;
        text-align: center;
        font-size: 3rem
    }
}

.zorb-shares__button-wrap {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.zorb-shares__button {
    min-width: 27rem
}

.zorb-gallery {
    background: #0FB44E;
    color: #fff;
    padding: 5rem 0;
    text-align: center;
    overflow: hidden;
    font-family: 'VAG Rounded Thin', sans-serif
}

@media (max-width:640px) {
    .zorb-gallery {
        padding: 2rem 0 8rem 0
    }
}

.zorb-gallery .lSAction {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    pointer-events: none
}

.zorb-gallery .lSNext, .zorb-gallery .lSPrev {
    position: absolute;
    display: block;
    width: 4.8rem;
    height: 4.8rem;
    background: url('../images/zorb-pager.png');
    pointer-events: auto;
    opacity: 1;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-top: 0
}

.zorb-gallery .lSNext {
    -webkit-transform: rotate(180deg) translateY(50%);
    -ms-transform: rotate(180deg) translateY(50%);
    transform: rotate(180deg) translateY(50%)
}

.zorb-gallery__subtitle {
    font-size: 1.8rem
}

.zorb-gallery__grid {
    padding: 7rem 0;
    width: 116.666%;
    margin-left: -8.33%
}

@media (max-width:640px) {
    .zorb-gallery__grid {
        display: none
    }
}

.zorb-gallery__grid .lSPrev {
    left: 8.33%
}

.zorb-gallery__grid .lSNext {
    right: 8.33%
}

.zorb-gallery__grid .zorb-gallery__image {
    width: 100%;
    padding-bottom: 100%;
    overflow: hidden;
    position: relative
}

.zorb-gallery__grid .zorb-gallery__image:first-child {
    margin-bottom: 2.5rem
}

@media (max-width:768px) {
    .zorb-gallery__grid .zorb-gallery__image:first-child {
        margin-bottom: 1rem
    }
}

.zorb-gallery__grid .zorb-gallery__image img {
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer
}

.zorb-gallery__single {
    padding: 5rem 0;
    width: 200%;
    margin-left: -50%;
    text-align: center
}

@media (max-width:640px) {
    .zorb-gallery__single {
        padding: 2rem 0 0 0;
        width: 300%;
        margin-left: -100%;
        position: relative
    }
}

.zorb-gallery__single .lSPrev {
    left: calc(33% + 2rem)
}

.zorb-gallery__single .lSNext {
    right: calc(33% + 2rem)
}

.zorb-gallery__single .zorb-gallery__image {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
    transition: all 0.6s cubic-bezier(0.55, 0, 0.1, 1)
}

.zorb-gallery__single .zorb-gallery__image.active+.zorb-gallery__image {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.zorb-gallery__close {
    cursor: pointer;
    font-size: 3rem;
    position: absolute;
    top: 0;
    right: 25%;
    -webkit-transform: translate(-5rem, -5rem);
    -ms-transform: translate(-5rem, -5rem);
    transform: translate(-5rem, -5rem)
}

.zorb-gallery__share {
    bottom: -1rem;
    font-size: 1.8rem;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media (max-width:640px) {
    .zorb-gallery__share {
        bottom: -5rem
    }
}

.zorb-gallery__share a {
    margin: 0 3rem;
    font-size: 2.4rem;
    vertical-align: middle;
    color: #fff
}

.js-zorb-header {
    display: none
}

.zorb-header {
    font-family: 'VAG Rounded Thin', sans-serif;
    color: #fff;
    background: #F74A5E;
    z-index: 190;
    position: fixed;
    top: 140px;
    left: 0;
    width: 100%;
    transition: top 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    height: 67px
}

.zorb-header--blue {
    background: #09394a
}

.zorb-header--blue a:after {
    background: #09394a
}

.zorb-header--yellow {
    background: #b18709
}

.zorb-header--yellow a:after {
    background: #b18709
}

.zorb-header--brown {
    background: #000000
}

.zorb-header--brown a:after {
    background: #000000
}

.zorb-header--pink {
    background: #d20920
}

.zorb-header--pink a:after {
    background: #d20920
}

.zorb-header--purple {
    background: #4a0b29
}

.zorb-header--purple a:after {
    background: #4a0b29
}

.zorb-header--sky {
    background: #1481A5
}

.zorb-header--sky a:after {
    background: #1481A5
}

.zorb-header--orange {
    background: #884300
}

.zorb-header--orange a:after {
    background: #884300
}

.zorb-header--green {
    background: #075625
}

.zorb-header--green a:after {
    background: #075625
}

.zorb-header--lime {
    background: #555901
}

.zorb-header--lime a:after {
    background: #555901
}

.page-template-template-zorb-home-php .zorb-header {
    position: absolute
}

.zorb-header.has-shrunk {
    top: 100px
}

.zorb-header__container {
    padding-left: 1rem;
    padding-right: 1rem;
    max-width: 145rem;
    margin: 0 auto;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-around;
    -ms-flex-pack: justify;
    justify-content: space-around
}

@media (max-width:480px) {
    .zorb-header__container {
        padding-left: 1rem;
        padding-right: 1rem
    }
}

.zorb-header__navigation {
    text-align: center;
    font-size: 1.6rem;
    line-height: 1.5em;
    padding: 1rem 0
}

.page-template-template-zorb-city .zorb-header__navigation {
    padding-top: 2.1rem
}

@media (max-width:640px) {
    .zorb-header__navigation {
        font-size: 1.4rem
    }
}

.zorb-header__cities {
    padding: 4rem 0 3rem;
    background: #E6365B;
    text-align: center;
    margin-top: -1px
}

.zorb-header__city {
    padding: 0 2rem;
    max-width: 33.333%
}

.zorb-header__introduction {
    min-height: 3rem;
    display: block
}

@media (max-width:768px) {
    .zorb-header__introduction {
        min-height: 0
    }
}

.zorb-header__image {
    margin: 2rem auto;
    max-width: 20rem
}

.zorb-header__start {
    font-size: 1.2rem;
    letter-spacing: 0.05em
}

.zorb-header img {
    border-radius: 50%
}

.zorb-header a {
    color: #fff;
    position: relative
}

.zorb-header a:after {
    pointer-events: none;
    content: "";
    position: absolute;
    bottom: -4rem;
    left: 50%;
    width: 2rem;
    height: 2rem;
    opacity: 0;
    -webkit-transform: rotate(45deg) translateX(-50%);
    -ms-transform: rotate(45deg) translateX(-50%);
    transform: rotate(45deg) translateX(-50%);
    transition: opacity bottom 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55)
}

.zorb-header a.active:after {
    opacity: 1
}

.zorb-header__close {
    display: none
}

@media (max-width:1100px) {
    .zorb-header .countdown {
        width: 200%;
        margin-left: -50%
    }

    .zorb-header .flip-clock-content {
        -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8)
    }

    .zorb-header .flip-clock-label {
        -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2)
    }
}

@media (max-width:850px) {
    .zorb-header__close {
        display: block;
        position: absolute;
        top: 3rem;
        right: 2rem;
        color: #fff;
        font-size: 4rem;
        cursor: pointer
    }

    .zorb-header__cities {
        position: relative;
        padding: 0;
        max-height: calc(100vh - 20.7rem);
        overflow-y: scroll
    }

    .has-shrunk .zorb-header__cities {
        max-height: calc(100vh - 16.6rem)
    }

    .zorb-header__cities .zorb-header__container {
        padding: 0
    }

    .zorb-header__city {
        width: 100%;
        max-width: 100%;
        padding: 3rem 2rem;
        overflow: hidden
    }

    .zorb-header__city:nth-child(2) {
        background: #0FB44E
    }

    .zorb-header__image, .zorb-header__start {
        display: none
    }
}

@media (max-width:640px) {
    .zorb-header__close {
        top: 1rem;
        right: 1rem
    }
}

.vlife {
    background-color: #279F8A;
    color: #542D00;
    position: relative;
    height: 15000px;
    overflow: hidden
}

@media (max-width:830px) {
    .vlife {
        height: auto
    }
}

.vlife__wrap {
    position: fixed;
    top: 7.2rem;
    left: 0;
    width: 100%;
    height: calc(100% - 7.2rem)
}

@media (max-width:830px) {
    .vlife__wrap {
        position: relative;
        height: auto;
        top: 0
    }
}

@media (max-width:1280px) {
    .vlife__wrap {
        -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8)
    }
}

@media (max-width:830px) {
    .vlife__wrap {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

.vlife__corner {
    position: fixed;
    width: 11vw;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    opacity: .5
}

@media (max-width:830px) {
    .vlife__corner {
        transition: 0.6s cubic-bezier(0.55, 0, 0.1, 1)
    }
}

.vlife__corner svg {
    width: 100%;
    height: 100%
}

.vlife__corner--tl {
    top: 7.2rem;
    left: 0;
    -webkit-transform: translate(-100%, -100%);
    -ms-transform: translate(-100%, -100%);
    transform: translate(-100%, -100%)
}

.show-corners .vlife__corner--tl {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

.vlife__corner--tr {
    top: 7.2rem;
    right: 0;
    -webkit-transform: scaleX(-1) translate(-100%, -100%);
    -ms-transform: scaleX(-1) translate(-100%, -100%);
    transform: scaleX(-1) translate(-100%, -100%)
}

.show-corners .vlife__corner--tr {
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1)
}

.vlife__corner--br {
    bottom: 0;
    right: 0;
    -webkit-transform: scale(-1) translate(-100%, -100%);
    -ms-transform: scale(-1) translate(-100%, -100%);
    transform: scale(-1) translate(-100%, -100%)
}

.show-corners .vlife__corner--br {
    -webkit-transform: scale(-1);
    -ms-transform: scale(-1);
    transform: scale(-1)
}

.vlife__corner--bl {
    bottom: 0;
    left: 0;
    -webkit-transform: scaleY(-1) translate(-100%, -100%);
    -ms-transform: scaleY(-1) translate(-100%, -100%);
    transform: scaleY(-1) translate(-100%, -100%)
}

.show-corners .vlife__corner--bl {
    -webkit-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    transform: scaleY(-1)
}

.vlife__burst {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 174rem;
    height: 118rem;
    margin-top: -59rem;
    margin-left: -87rem;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

@media (max-width:830px) {
    .vlife__burst {
        top: -34rem;
        margin-top: 0;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

    .vlife__burst svg {
        width: 100%;
        height: 100%
    }
}

@media (max-width:650px) {
    .vlife__burst {
        -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8)
    }
}

@media (max-width:480px) {
    .vlife__burst {
        -webkit-transform: scale(0.6);
        -ms-transform: scale(0.6);
        transform: scale(0.6)
    }
}

@media (max-width:360px) {
    .vlife__burst {
        -webkit-transform: scale(0.4);
        -ms-transform: scale(0.4);
        transform: scale(0.4)
    }
}

.vlife__burst svg {
    overflow: visible
}

.vlife__l2 {
    opacity: .75
}

.vlife__l3 {
    opacity: .9
}

.vlife__intro {
    position: absolute;
    top: 25%;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center
}

@media (max-height:768px) {
    .vlife__intro {
        top: 10%
    }
}

@media (max-width:830px) {
    .vlife__intro {
        position: relative;
        top: 0;
        padding-top: 50px
    }
}

.vlife__intro-1 {
    text-transform: uppercase;
    letter-spacing: .3em;
    font-size: 1.4rem;
    font-family: 'VAGRoundedLTPro-Light', sans-serif;
    font-weight: bold;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin-top: 40px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media (max-width:830px) {
    .vlife__intro-1 {
        position: relative;
        top: 0;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.vlife__intro-2 {
    font-size: 3.5rem;
    letter-spacing: .08em;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 0
}

@media (max-width:830px) {
    .vlife__intro-2 {
        opacity: 1;
        top: 0;
        position: relative
    }
}

.vlife__logo {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 25vh;
    width: 25vw;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center
}

@media (max-width:1280px) {
    .vlife__logo {
        width: 45vw
    }
}

@media (max-height:768px) {
    .vlife__logo {
        top: 40%
    }
}

@media (max-width:830px) {
    .vlife__logo {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        margin-left: -22.5vw;
        top: 18rem;
        height: auto
    }
}

.vlife__logo img {
    height: 100%;
    width: auto;
    margin: auto;
    transition: .6s
}

@media (max-width:830px) {
    .vlife__logo img {
        height: auto
    }
}

.vlife__logo.is-fixed img {
    position: fixed;
    top: 90px;
    left: 0;
    right: 0;
    width: 45vw;
    z-index: 60
}

.vlife__logo.is-ended img {
    opacity: 0
}

.vlife__down {
    position: absolute;
    bottom: 3.3rem;
    left: 0;
    right: 0;
    width: 3.7rem;
    height: 2.4rem;
    margin: auto
}

@media (max-width:1280px) {
    .vlife__down {
        bottom: -6rem
    }
}

.vlife__products {
    width: 84.6354167vw;
    height: 57vh;
    position: absolute;
    top: 25%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 50
}

@media (max-width:1280px) {
    .vlife__products {
        width: 124vw
    }
}

@media (max-height:768px) {
    .vlife__products {
        width: 75vw
    }
}

@media (max-width:830px) {
    .vlife__products {
        position: relative;
        height: auto;
        text-align: center;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        top: 0;
        left: 0;
        margin: auto;
        max-width: 60%;
        width: auto;
        padding-top: 500px
    }
}

@media (max-width:830px) {
    .vlife__product-link {
        display: block
    }
}

.vlife__product {
    opacity: 0;
    -webkit-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px);
    will-change: transform;
    display: inline-block;
    position: relative
}

@media (max-width:830px) {
    .vlife__product {
        float: none !important;
        -webkit-transform: none !important;
        -ms-transform: none !important;
        transform: none !important;
        display: block;
        margin: 0 auto 2rem;
        height: auto;
        position: relative;
        left: -5px;
        max-width: 90%;
        transition: .6s
    }
}

.vlife__product.is-shown {
    opacity: 1
}

.vlife__product--1, .vlife__product--3 {
    float: left;
    -webkit-transform: translateY(100px) rotate(-10deg);
    -ms-transform: translateY(100px) rotate(-10deg);
    transform: translateY(100px) rotate(-10deg)
}

.vlife__product--2, .vlife__product--4 {
    float: right;
    -webkit-transform: translateY(100px) rotate(10deg);
    -ms-transform: translateY(100px) rotate(10deg);
    transform: translateY(100px) rotate(10deg)
}

.vlife__product--3 {
    clear: both;
    margin-left: 20.3rem
}

@media (max-width:830px) {
    .vlife__product--3 {
        margin: 0 0 0 auto
    }
}

.vlife__product--4 {
    margin-right: 20.3rem
}

@media (max-width:830px) {
    .vlife__product--4 {
        margin: 0 0 0 auto
    }
}

.vlife__product--5 {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media (max-width:830px) {
    .vlife__product--5 {
        position: relative;
        left: 0
    }
}

.vlife__product-img {
    display: block;
    width: auto;
    height: 24vh;
    will-change: transform
}

.vlife__product-ball {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 100%;
    width: auto;
    will-change: transform
}

.vlife__texts {
    position: absolute;
    bottom: 15%;
    left: 0;
    right: 0
}

.vlife__texts svg {
    width: 100%;
    height: 100%
}

.vlife__text {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    opacity: 0;
    min-width: 28rem
}

@media (max-width:1280px) {
    .vlife__text {
        min-width: 33.6rem;
        bottom: -6rem
    }
}

@media (max-width:830px) {
    .vlife__text {
        position: relative;
        min-width: 0;
        bottom: 0;
        max-width: 90%;
        margin: auto;
        transition: 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275)
    }
}

.vlife__text--1 {
    width: 21.41%;
    height: 19.7vh;
    -webkit-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    transform: rotate(10deg)
}

@media (max-width:830px) {
    .vlife__text--1 {
        width: auto;
        height: auto;
        margin-top: 25px;
        margin-bottom: 25px
    }

    .vlife__text--1 svg {
        width: 100%;
        height: 100%
    }
}

.vlife__text--1.is-shown {
    opacity: 1;
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg)
}

.vlife__text--2 {
    width: 20.10%;
    height: 19.7vh;
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg)
}

@media (max-width:830px) {
    .vlife__text--2 {
        width: auto;
        height: auto;
        margin-top: 25px;
        margin-bottom: 25px
    }

    .vlife__text--2 svg {
        width: 100%;
        height: 100%
    }
}

.vlife__text--2.is-shown {
    opacity: 1;
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg)
}

.vlife__headings {
    position: absolute;
    width: 88.75vw;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 28%
}

@media (max-width:1280px) {
    .vlife__headings {
        width: 120vw
    }
}

.vlife__heading {
    opacity: 0;
    width: 11.4vw;
    height: 9.8vh;
    -webkit-transform: scale(0) translateY(50px);
    -ms-transform: scale(0) translateY(50px);
    transform: scale(0) translateY(50px)
}

.vlife__heading svg {
    width: 100%;
    height: 100%
}

.vlife__heading--1 {
    float: right
}

.vlife__heading--2 {
    float: left
}

.vlife__footer {
    position: absolute;
    bottom: 3.5%;
    left: 0;
    right: 0;
    margin: auto;
    width: 60vw;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

@media (max-width:1280px) {
    .vlife__footer {
        width: 100vw;
        bottom: -6rem
    }
}

@media (max-width:830px) {
    .vlife__footer {
        position: relative;
        bottom: 0;
        width: auto;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 40px
    }
}

.vlife__vegan {
    float: left;
    opacity: 0;
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);
    width: 5.67vw;
    height: 4.53vw
}

@media (max-width:1280px) {
    .vlife__vegan {
        width: 8vw;
        height: 8vw
    }
}

@media (max-width:830px) {
    .vlife__vegan {
        width: 70px;
        height: auto;
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }
}

.vlife__vegan svg {
    width: 100%;
    height: 100%
}

.vlife__sample {
    float: right;
    text-align: center;
    color: #fff;
    font-family: 'Trash Hand Regular', sans-serif;
    letter-spacing: .08em;
    font-size: 1.4vw;
    transition: .2s;
    opacity: 0;
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);
    position: relative;
    top: -12px
}

@media (max-width:1280px) {
    .vlife__sample {
        font-size: 3vw
    }
}

@media (max-width:830px) {
    .vlife__sample {
        font-size: 1.2rem;
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
        top: 0
    }
}

.vlife__shop {
    color: #fff;
    font-family: 'Trash Hand Regular', sans-serif;
    letter-spacing: .08em;
    font-size: 1vw;
    border: 1px solid #fff;
    border-radius: 6px;
    padding: .6vw 1.2vw;
    transition: .2s;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    max-width: 14.9vw;
    width: 100%;
    text-align: center;
    margin: auto;
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 0
}

@media (max-width:1280px) {
    .vlife__shop {
        font-size: 3vw;
        max-width: 47vw;
        padding: 2vw 4vw
    }
}

@media (max-width:830px) {
    .vlife__shop {
        font-size: 1.6rem;
        opacity: 1;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        position: relative;
        top: 0;
        clear: both;
        max-width: 100%;
        width: 100%;
        display: block;
        margin-top: 40px
    }
}

.vlife__shop:hover {
    background-color: #fff;
    color: #542D00
}