@charset "UTF-8";
/* #region RESET CSS */

/*! normalize.css v3.0.1 | MIT License | git.io/normalize */

/*webfonts */
@import url('https://fonts.googleapis.com/css?family=Nunito+Sans');
@import url("//hello.myfonts.net/count/36a61e");

  
@font-face {font-family: 'CanvasInline-Reg';src: url('/css/fonts/36a61e_0_0.eot');src: url('/css/fonts/36a61e_0_0.eot?#iefix') format('embedded-opentype'),url('/css/fonts/36a61e_0_0.woff2') format('woff2'),url('/css/fonts/36a61e_0_0.woff') format('woff'),url('/css/fonts/36a61e_0_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'CanvasBasic-Sans';src: url('/css/fonts/36a61e_1_0.eot');src: url('/css/fonts/36a61e_1_0.eot?#iefix') format('embedded-opentype'),url('/css/fonts/36a61e_1_0.woff2') format('woff2'),url('/css/fonts/36a61e_1_0.woff') format('woff'),url('/css/fonts/36a61e_1_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'CanvasText-Sans';src: url('/css/fonts/36a61e_2_0.eot');src: url('/css/fonts/36a61e_2_0.eot?#iefix') format('embedded-opentype'),url('/css/fonts/36a61e_2_0.woff2') format('woff2'),url('/css/fonts/36a61e_2_0.woff') format('woff'),url('/css/fonts/36a61e_2_0.ttf') format('truetype');}

@font-face{font-family: 'Canvas3DSans-Kerned';
  src:url('/css/fonts/4bce2cadd3b91c37104d4e607e2c4e52.woff2') format('woff2'), /* chrome、firefox */
  url('/css/fonts/4bce2cadd3b91c37104d4e607e2c4e52.woff') format('woff');
}


.flavourHeader{
	font-family:"Canvas3DSans-Kerned";
}


@import url("https://p.typekit.net/p.css?s=1&k=clg8mqr&ht=tk&f=37276.37279.37282.37284.52046&a=7676033&app=typekit&e=css");

@font-face {
font-family:"rama-gothic-e";
src:url("https://use.typekit.net/af/caa7f8/00000000000000007735c152/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/caa7f8/00000000000000007735c152/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/caa7f8/00000000000000007735c152/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:400;font-stretch:normal;
}

@font-face {
font-family:"rama-gothic-e";
src:url("https://use.typekit.net/af/76927a/00000000000000007735c17e/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3") format("woff2"),url("https://use.typekit.net/af/76927a/00000000000000007735c17e/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3") format("woff"),url("https://use.typekit.net/af/76927a/00000000000000007735c17e/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:900;font-stretch:normal;
}

@font-face {
font-family:"rama-gothic-m";
src:url("https://use.typekit.net/af/a9f307/00000000000000007735c179/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/a9f307/00000000000000007735c179/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/a9f307/00000000000000007735c179/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:400;font-stretch:normal;
}

@font-face {
font-family:"rama-gothic-m";
src:url("https://use.typekit.net/af/0e4041/00000000000000007735c17f/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/0e4041/00000000000000007735c17f/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/0e4041/00000000000000007735c17f/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:700;font-stretch:normal;
}

@font-face {
font-family:"canvas-inline";
src:url("https://use.typekit.net/af/a77074/0000000000000000774ba090/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n2&v=3") format("woff2"),url("https://use.typekit.net/af/a77074/0000000000000000774ba090/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n2&v=3") format("woff"),url("https://use.typekit.net/af/a77074/0000000000000000774ba090/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n2&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:200;font-stretch:normal;
}


@font-face {
font-family:"rama-gothic-rounded-thin";
src:url("/media/2zlk4vi2/ramagothicroundede-thin.ttf") format("truetype");
font-display:auto;font-style:normal;font-weight:100;font-stretch:normal;
}
@font-face {
font-family:"rama-gothic-rounded-light";
src:url("/media/v0cjmlop/ramagothicroundede-light.ttf") format("truetype");
font-display:auto;font-style:normal;font-weight:300;font-stretch:normal;
}
@font-face {
font-family:"rama-gothic-rounded-regular";
src:url("/media/1baod5wu/ramagothicroundede-regular.ttf") format("truetype");
font-display:auto;font-style:normal;font-weight:400;font-stretch:normal;
}
@font-face {
font-family:"rama-gothic-rounded-semibold";
src:url("/media/gfyj0ptv/ramagothicroundede-semibold.ttf") format("truetype");
font-display:auto;font-style:normal;font-weight:600;font-stretch:normal;
}
@font-face {
font-family:"rama-gothic-rounded-bold";
src:url("/media/itujzuet/ramagothicroundede-bold.ttf") format("truetype");
font-display:auto;font-style:normal;font-weight:700;font-stretch:normal;
}
@font-face {
font-family:"rama-gothic-rounded-heavy";
src:url("/media/hhbjyhoq/ramagothicroundede-heavy-1.ttf") format("truetype");
font-display:auto;font-style:normal;font-weight:900;font-stretch:normal;
}




@font-face {
    font-family:"Rama-Gothic-Rounded-E-Regular";
    src:url("/media/pbwbyife/rama-gothic-rounded-e-regular.otf") format("opentype");
    font-display:auto;font-style:normal;font-weight:400;font-stretch:normal;
}

@font-face {
    font-family:"Rama-Gothic-Rounded-E-Heavy";
    src:url("/media/zvobrxld/rama-gothic-rounded-e-heavy.otf") format("opentype");
    font-display:auto;font-style:normal;font-weight:900;font-stretch:normal;
}

@font-face {
    font-family:"Rama-Gothic-Rounded-E-Bold";
    src:url("/media/02sgqn2t/rama-gothic-rounded-e-bold.otf") format("opentype");
    font-display:auto;font-style:normal;font-weight:700;font-stretch:normal;
}

@font-face {
    font-family:"Rama-Gothic-Rounded-C-Bold";
    src:url("/media/pxjebvgw/rama-gothic-rounded-c-bold.otf") format("opentype");
    font-display:auto;font-style:normal;font-weight:700;font-stretch:normal;
}
@import url('https://fonts.googleapis.com/css2?family=Outfit');

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%
}

body {
    margin: 0
}

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

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],
template {
    display: none
}

a {
    background: 0 0
}

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

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

b,
strong {
    font-weight: 700
}

h1 {
    font-size: 2em;
    margin: .67em 0;
    font-family:"Rama-Gothic-Rounded-E-Heavy";
	text-transform: uppercase
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

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

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0;
    max-width:100%;
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

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

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

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

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}

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

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

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

address,
cite,
dfn,
em,
i,
var {
    font-style: normal;
    font-weight: 400
}

.clearfix:after {
    clear: both;
    content: '.';
    display: block;
    visibility: hidden;
    height: 0
}

.clearfix {
    display: block
}

* html .clearfix {
    height: 1%
}

.hide {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0!important;
    position: absolute;
    width: 1px;
    opacity: 0;
    font-size: 0
}

.hide.show {
    clip: auto;
    height: auto;
    margin: auto;
    overflow: visible;
    position: relative;
    width: auto
}

* {
    box-sizing: border-box
}
/* #endregion RESET CSS */

/* #region SITE CSS */
.js .j2wow {
    opacity: 0;
    -webkit-transition: opacity 1s .25s ease;
    transition: opacity 1s .25s ease
}

.productPageNutritionAndDotterSection .j2wow {
    opacity: 1;
}

.js .j2wow.animated,
.no-anim #contact-call,
.no-anim #contact-services,
.no-anim .j2wow {
    opacity: 1
}

.js .heroshot-mix img.j2wow {
    position: relative;
    bottom: -40px;
    -webkit-transition: all 1s .25s ease;
    transition: all 1s .25s ease
}

.js .heroshot-mix img.animated {
    bottom: 0
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: none;
        transform: none
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: none;
        transform: none
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble
}

@-webkit-keyframes float {
    0%,
    100%,
    20%,
    53%,
    80% {
        -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
        -webkit-transform: translate3d(0, 0, 0) rotate(0);
        transform: translate3d(0, 0, 0) rotate(0)
    }
    40%,
    43% {
        -webkit-transition-timing-function: cubic-bezier(0.755, .05, .855, .06);
        transition-timing-function: cubic-bezier(0.755, .05, .855, .06);
        -webkit-transform: translate3d(16px, -30px, 0) rotate(0.8deg);
        transform: translate3d(16px, -30px, 0) rotate(0.8deg)
    }
    70% {
        -webkit-transition-timing-function: cubic-bezier(0.755, .05, .855, .06);
        transition-timing-function: cubic-bezier(0.755, .05, .855, .06);
        -webkit-transform: translate3d(20px, -15px, 0) rotate(-.4deg);
        transform: translate3d(20px, -15px, 0) rotate(-.4deg)
    }
    90% {
        -webkit-transform: translate3d(-2px, -4px, 0) rotate(0);
        transform: translate3d(-2px, -4px, 0) rotate(0)
    }
}

@keyframes float {
    0%,
    100%,
    20%,
    53%,
    80% {
        -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
        -webkit-transform: translate3d(0, 0, 0) rotate(0);
        transform: translate3d(0, 0, 0) rotate(0)
    }
    40%,
    43% {
        -webkit-transition-timing-function: cubic-bezier(0.755, .05, .855, .06);
        transition-timing-function: cubic-bezier(0.755, .05, .855, .06);
        -webkit-transform: translate3d(16px, -30px, 0) rotate(0.8deg);
        transform: translate3d(16px, -30px, 0) rotate(0.8deg)
    }
    70% {
        -webkit-transition-timing-function: cubic-bezier(0.755, .05, .855, .06);
        transition-timing-function: cubic-bezier(0.755, .05, .855, .06);
        -webkit-transform: translate3d(20px, -15px, 0) rotate(-.4deg);
        transform: translate3d(20px, -15px, 0) rotate(-.4deg)
    }
    90% {
        -webkit-transform: translate3d(-2px, -4px, 0) rotate(0);
        transform: translate3d(-2px, -4px, 0) rotate(0)
    }
}

.float {
    -webkit-animation-name: float;
    animation-name: float;
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-duration: 60s;
    animation-duration: 60s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -ms-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        -ms-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        -ms-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }
    100% {
        -webkit-transform: perspective(400px);
        -ms-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInY {
    -webkit-backface-visibility: visible!important;
    -ms-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY
}

@-webkit-keyframes bounceInDown {
    0%,
    100%,
    60%,
    75%,
    90% {
        -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 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)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInDown {
    0%,
    100%,
    60%,
    75%,
    90% {
        -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        -ms-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        -ms-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        -ms-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        -ms-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    100% {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg)
    }
    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg)
    }
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg)
    }
    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg)
    }
    100% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg)
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg)
    }
    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg)
    }
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg)
    }
    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg)
    }
    100% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg)
    }
}

.swing {
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, .3, .3);
        transform: scale3d(0.3, .3, .3)
    }
    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, .3, .3);
        transform: scale3d(0.3, .3, .3)
    }
    50% {
        opacity: 1
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

@-webkit-keyframes bounceIn {
    0%,
    100%,
    20%,
    40%,
    60%,
    80% {
        -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, .3, .3);
        transform: scale3d(0.3, .3, .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, .9, .9);
        transform: scale3d(0.9, .9, .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, .97, .97);
        transform: scale3d(0.97, .97, .97)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes bounceIn {
    0%,
    100%,
    20%,
    40%,
    60%,
    80% {
        -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, .3, .3);
        transform: scale3d(0.3, .3, .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, .9, .9);
        transform: scale3d(0.9, .9, .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, .97, .97);
        transform: scale3d(0.97, .97, .97)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
    -webkit-animation-duration: .75s;
    animation-duration: .75s
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes blur {
    0% {
        opacity: 0;
        -webkit-filter: blur(3px);
        filter: blur(3px)
    }
    100% {
        opacity: 1;
        -webkit-filter: blur(0);
        filter: blur(0)
    }
}

@keyframes blur {
    0% {
        opacity: 0;
        -webkit-filter: blur(3px);
        filter: blur(3px)
    }
    100% {
        opacity: 1;
        -webkit-filter: blur(0);
        filter: blur(0)
    }
}

.blur {
    -webkit-transition: -webkit-filter 1.5s ease, opacity .5s ease;
    transition: -webkit-filter 1.5s ease, opacity .5s ease;
    -webkit-animation-name: blur;
    animation-name: blur
}

.column {
    clear: none;
    float: left;
    min-height: 1px
}

.column.center,
.column.first,
.column.full,
.column.twelve {
    clear: both
}

.column.right {
    float: right
}

.column.center,
.column.right.center {
    float: none
}

.column {
    margin-left: 0;
    margin-right: 3.8%
}

.column.last,
.column.reset {
    margin-right: 0!important
}

.column.right {
    margin-right: 0;
    margin-left: 3.8%
}

.column.right.last,
.column.right.reset {
    margin-left: 0!important
}

.column.center,
.column.right.center {
    margin-right: auto!important;
    margin-left: auto!important
}

.column.full,
.column.twelve {
    width: 100%
}

.column.one {
    width: 4.85%
}

.column.sixth,
.column.two {
    width: 13.45%
}

.column.fourth,
.column.three {
    width: 22.05%
}

.column.four,
.column.third,
.column.twosixths {
    width: 30.75%
}

.column.five {
    width: 39.45%
}

.column.half,
.column.six,
.column.threesixths,
.column.twofourths {
    width: 48%
}

.column.seven {
    width: 56.75%
}

.column.eight,
.column.foursixths,
.column.twothirds {
    width: 65.4%
}

.column.nine,
.column.threefourths {
    width: 74.05%
}

.column.fivesixths,
.column.ten {
    width: 82.7%
}

.column.eleven {
    width: 91.35%
}

.column.push-one {
    margin-left: 8.65%
}

.column.right.push-one {
    margin-right: 8.65%
}

.column.push-sixth,
.column.push-two {
    margin-left: 17.25%
}

.column.right.push-sixth,
.column.right.push-two {
    margin-right: 17.25%
}

.column.push-fourth,
.column.push-three {
    margin-left: 25.85%
}

.column.right.push-fourth,
.column.right.push-three {
    margin-right: 25.85%
}

.column.push-four,
.column.push-third,
.column.push-twosixths {
    margin-left: 34.55%
}

.column.right.push-four,
.column.right.push-third,
.column.right.push-twosixths {
    margin-right: 34.55%
}

.column.push-five {
    margin-left: 43.25%
}

.column.right.push-five {
    margin-right: 43.25%
}

.column.push-half,
.column.push-six,
.column.push-threesixths,
.column.push-twofourths {
    margin-left: 51.8%
}

.column.right.push-half,
.column.right.push-six,
.column.right.push-threesixths,
.column.right.push-twofourths {
    margin-right: 51.8%
}

.column.push-seven {
    margin-left: 60.55%
}

.column.right.push-seven {
    margin-right: 60.55%
}

.column.push-eight,
.column.push-foursixths,
.column.push-twothirds {
    margin-left: 69.2%
}

.column.right.push-eight,
.column.right.push-foursixths,
.column.right.push-twothirds {
    margin-right: 69.2%
}

.column.push-nine,
.column.push-threefourths {
    margin-left: 77.85%
}

.column.right.push-nine,
.column.right.push-threefourths {
    margin-right: 77.85%
}

.column.push-fivesixths,
.column.push-ten {
    margin-left: 86.5%
}

.column.right.push-fivesixths,
.column.right.push-ten {
    margin-right: 86.5%
}

.column.push-eleven {
    margin-left: 95.15%
}

.column.right.push-eleven {
    margin-right: 95.15%
}

.column.one.reset {
    width: 8.3%
}

.column.sixth.reset,
.column.two.reset {
    width: 16.65%
}

.column.fourth.reset,
.column.three.reset {
    width: 25%
}

.column.four.reset,
.column.third.reset,
.column.twosixths.reset {
    width: 33.3%
}

.column.five.reset {
    width: 41.65%
}

.column.half.reset,
.column.six.reset,
.column.threesixths.reset,
.column.twofourths.reset {
    width: 50%
}

.column.seven.reset {
    width: 58.3%
}

.column.eight.reset,
.column.foursixths.reset,
.column.twothirds.reset {
    width: 66.6%
}

.column.nine.reset,
.column.threefourths.reset {
    width: 75%
}

.column.fivesixths.reset,
.column.ten.reset {
    width: 83.35%
}

.column.eleven.reset {
    width: 91.7%
}

.column.reset.push-one {
    margin-left: 8.3%
}

.column.reset.right.push-one {
    margin-right: 8.3%
}

.column.reset.push-sixth,
.column.reset.push-two {
    margin-left: 16.65%
}

.column.reset.right.push-sixth,
.column.reset.right.push-two {
    margin-right: 16.65%
}

.column.reset.push-fourth,
.column.reset.push-three {
    margin-left: 25%
}

.column.reset.right.push-fourth,
.column.reset.right.push-three {
    margin-right: 25%
}

.column.reset.push-four,
.column.reset.push-third,
.column.reset.push-twosixths {
    margin-left: 33.3%
}

.column.reset.right.push-four,
.column.reset.right.push-third,
.column.reset.right.push-twosixths {
    margin-right: 33.3%
}

.column.reset.push-five {
    margin-left: 41.65%
}

.column.reset.right.push-five {
    margin-right: 41.65%
}

.column.reset.push-half,
.column.reset.push-six,
.column.reset.push-threesixths,
.column.reset.push-twofourths {
    margin-left: 50%
}

.column.reset.right.push-six,
.column.right.reset.push-half,
.column.right.reset.push-threesixths,
.column.right.reset.push-twofourths {
    margin-right: 50%
}

.column.reset.push-seven {
    margin-left: 58.3%
}

.column.reset.right.push-seven {
    margin-right: 58.3%
}

.column.reset.push-eight,
.column.reset.push-foursixths,
.column.reset.push-twothirds {
    margin-left: 66.6%
}

.column.reset.right.push-eight,
.column.reset.right.push-foursixths,
.column.reset.right.push-twothirds {
    margin-right: 66.6%
}

.column.reset.push-nine,
.column.reset.push-threefourths {
    margin-left: 75%
}

.column.reset.right.push-nine,
.column.reset.right.push-threefourths {
    margin-right: 75%
}

.column.reset.push-fivesixths,
.column.reset.push-ten {
    margin-left: 83.35%
}

.column.reset.right.push-fivesixths,
.column.reset.right.push-ten {
    margin-right: 83.35%
}

.column.reset.push-eleven {
    margin-left: 91.7%
}

.column.reset.right.push-eleven {
    margin-right: 91.7%
}

.column.fluid {
    clear: none;
    float: left;
    width: 100%;
    margin-left: 0;
    margin-right: 0
}

.column.fluid>.column-content {
    margin-right: 10em
}

.column.fixed {
    position: static;
    clear: none;
    float: right;
    margin-right: 0;
    margin-left: -100%;
    width: 10em
}

.column.fluid.right>.column-content {
    margin-right: 0;
    margin-left: 10em
}

.column.fixed.right {
    float: left
}

.boldText {
    font-weight: bold;
}
.leftColumn,.rightColumn{
	width:46%;
	padding:2%;
	display:inline-block;
	overflow:hidden;
	vertical-align:middle;
	
}

.leftColumn img,.rightColumn img{
	text-align:center;
	max-width: 100%;
	
}

.individualSection{
	clear:both;
}

.perfectServeText,.productHeader,.productDescription
{
	color:#fff;
}
.contactUsText{
	max-width: 1024px;
    margin: 0 auto;
    width: 96%;
    padding-top: 20px
}

#winMenu li > a#navAnchorLink_5:after {
   color: #444;
   content: ' ▾';
}

#navLink_6{
	position:absolute;
	list-style:none;
	right:0;
}
#subLink1{
	text-align: center;
    position: absolute;
    display: block;
    margin: 0 auto;
    background-color: white;
    width: 200px;
    left: 0;
    padding: 14%;
}
#winSubMenu{
	display:none;
	position:relative;
	background-color:white;
    width: 100%;
	right: 90%;
	padding:0;
}
#winMenu{
	padding:0;
}

.header_nav .list{
	text-align:center;
}
	

 .header_current #navAnchorLink_11.header_item {
   color:#00582a!important;
}

 .header_current #navAnchorLink_11.header_item:focus, .header_current #navAnchorLink_11.header_item:hover, #navAnchorLink_11.header_item:focus,#navAnchorLink_11.header_item:hover {
    background-color: #00582a;
	color:white!important;
}

#root{
	position: relative;
    z-index: 1;	
}

#navLink_6.header_current a#navAnchorLink_6:after{
	
}

@media handheld,
only screen and (max-width:40em) {
    .column.eight,
    .column.eleven,
    .column.five,
    .column.fivesixths,
    .column.four,
    .column.foursixths,
    .column.fourth,
    .column.half,
    .column.nine,
    .column.one,
    .column.seven,
    .column.six,
    .column.sixth,
    .column.ten,
    .column.third,
    .column.three,
    .column.threefourths,
    .column.threesixths,
    .column.two,
    .column.twofourths,
    .column.twosixths,
    .column.twothirds {
        width: auto!important;
        float: none!important;
        clear: both!important;
        margin-right: 0!important;
        margin-left: 0!important
    }
}

@media handheld,
only screen and (max-width:40em) {
    body {
        font-size: .9em;
        -webkit-text-size-adjust: none
    }
}

.bx-wrapper {
    position: relative;
    margin: 0 auto 60px;
    padding: 0;
    *zoom: 1;
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.bx-wrapper img {
    max-width: 100%;
    display: block
}

.bxslider {
    margin: 0;
    padding: 0
}

ul.bxslider {
    list-style: none
}

.bx-viewport {
    -webkit-transform: translatez(0)
}

.bx-wrapper .bx-prev {
    left: 10px
}

.bx-wrapper .bx-prev:focus,
.bx-wrapper .bx-prev:hover {
    background-position: 0 0
}

.bx-wrapper .bx-next {
    right: 10px
}

.bx-wrapper .bx-next:focus,
.bx-wrapper .bx-next:hover {
    background-position: -43px 0
}

.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    width: 32px;
    height: 32px;
    z-index: 9999
}

.bx-wrapper .bx-controls-auto {
    text-align: center
}

.bx-wrapper .bx-controls-auto .bx-start {
    display: block;
    text-indent: -9999px;
    width: 10px;
    height: 11px;
    outline: 0;
    background: url(images/controls.png) -86px -11px no-repeat;
    margin: 0 3px
}

.bx-wrapper .bx-controls-auto .bx-start.active,
.bx-wrapper .bx-controls-auto .bx-start:focus,
.bx-wrapper .bx-controls-auto .bx-start:hover {
    background-position: -86px 0
}

.bx-wrapper .bx-controls-auto .bx-stop {
    display: block;
    text-indent: -9999px;
    width: 9px;
    height: 11px;
    outline: 0;
    background: url(images/controls.png) -86px -44px no-repeat;
    margin: 0 3px
}

.bx-wrapper .bx-controls-auto .bx-stop.active,
.bx-wrapper .bx-controls-auto .bx-stop:focus,
.bx-wrapper .bx-controls-auto .bx-stop:hover {
    background-position: -86px -33px
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    text-align: left;
    width: 80%
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    right: 0;
    width: 35px
}

.bx-wrapper .bx-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #666;
    background: rgba(80, 80, 80, .75);
    width: 100%
}

.bx-wrapper .bx-caption span {
    color: #fff;
    font-family: Arial;
    display: block;
    font-size: .85em;
    padding: 10px
}

@font-face {
    font-family: j2o-perfection;
    src: url(fonts/j2o-perfection.eot);
    src: url(fonts/j2o-perfection.eot?#iefix) format("embedded-opentype"), url(fonts/j2o-perfection.woff) format("woff"), url(fonts/j2o-perfection.ttf) format("truetype"), url(fonts/j2o-perfection.svg#j2o-perfection) format("svg");
    font-weight: 400;
    font-style: normal
}

body,
html {
    -webkit-text-size-adjust: 100%
}

html {
    font-size: 62.5%;
    height: 100%
}

body {
    height: 100%;
    min-height: 100%;
    background: #FFF;
    /*color: #000;*/
	color:#00582a;
    font-family: "Outfit", sans-serif;
    -webkit-font-smoothing: antialiased;
    /*font-size: 1.4rem;*/
	font-size: 20px;
    position: relative;
    z-index: 1;
    padding: 0;
}

.wrapper {
    max-width: 1440px;
    min-height: 100%;
    margin: 0 auto;
    position: relative;
    overflow:hidden;
}

a:active,
a:hover,
a:link,
a:visited {
    color: #fff;
    text-decoration: none
}

.breadcrumb {
    margin: 0;
    padding: 2rem 0
}

.breadcrumb .icon,
.breadcrumb_copy {
    display: inline-block;
    vertical-align: middle
}

.smallprint {
    font-size: 1.2rem
}

td,
th {
    padding: .25em .5em;
    text-align: left
}

.list {
    margin: 0;
    padding: 0;
    list-style: none
}

.list-horiz {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    /*-webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start*/
	-webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.list-stretch {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.list-wrap {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.logo-inline {
    vertical-align: middle
}

.ie9 .list-horiz {
    display: table;
    width: 100%;
    border-collapse: collapse
}

.ie9 .list-horiz li {
    display: table-cell
}

.no-wrap {
    white-space: nowrap
}

.bx-wrapper .bx-controls-direction a {
    text-indent: 0
}

.rel_next .icon,
.rel_prev .icon {
    opacity: .8;
    position: relative;
    left: 0
}

.rel_prev .icon {
    -webkit-transition: left .2s ease, opacity .25s ease;
    transition: left .2s ease, opacity .25s ease
}

.rel_next .icon,
.rel_prev .icon~.icon {
    -webkit-transition: left .2s .1s ease, opacity .25s ease;
    transition: left .2s .1s ease, opacity .25s ease
}

.rel_next .icon~.icon {
    -webkit-transition: left .2s ease, opacity .25s ease;
    transition: left .2s ease, opacity .25s ease
}

.bx-wrapper .bx-next,
.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-prev,
.bx-wrapper .bx-prev:hover {
    background: 0 0
}

.rel_prev:hover .icon {
    opacity: 1;
    left: -5px
}

.rel_next:hover .icon {
    opacity: 1;
    left: 5px
}

.mix .bx-viewport {
    overflow: visible!important
}

.constraint {
    max-width: 1440px;
    margin: 0 auto;
    padding:0;
}
.instagramCarousel{
    max-width:1010px;
    margin:0 auto;
}
.instagramSeeMore{
    display: block;
    width: 214px;
    height: auto;
    margin: 45px auto 0 auto;
}
@media screen and (min-width:800px) {
    .layouttrio {
        display: block;
        width: 100%;
        vertical-align: middle; 
        margin:0 auto;
    }
    .layouttrio-center {
        width: 23%
    }
    .mix_item .layouttrio {
        width: 35%
    }
    .mix_item .layouttrio-center {
        width: 27%
    }
}

.icon {
    display: inline-block
}

.header_burger {
    -webkit-transition: -webkit-transform .25s .5s ease;
    transition: transform .25s .5s ease
}

.icon-menu {
    width: 29px;
    height: 5px;
    background: #FE3B00;
    position: relative;
    border-radius: 2px
}

.icon-menu:before {
    width: 29px;
    height: 5px;
    position: absolute;
    top: -10px;
    background: #FE3B00;
    content: "";
    border-radius: 2px;
    -webkit-transition: top .25s ease, -webkit-transform .25s .25s ease;
    transition: top .25s ease, transform .25s .25s ease
}

.icon-menu:after {
    width: 29px;
    height: 5px;
    position: absolute;
    bottom: -10px;
    background: #FE3B00;
    content: "";
    border-radius: 2px;
    -webkit-transition: bottom .25s ease;
    transition: bottom .25s ease
}

.header_burger-open i,
.header_burger-opening i {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.header_burger-closing {
    -webkit-transition: -webkit-transform .25s ease;
    transition: transform .25s ease
}

.header_burger-open .icon-menu:before,
.header_burger-opening .icon-menu:before {
    top: 0;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.header_burger-closing .icon-menu:before {
    -webkit-transition: top .25s .5s ease, -webkit-transform .25s .25s ease;
    transition: top .25s .5s ease, transform .25s .25s ease
}

.header_burger-open .icon-menu:after,
.header_burger-opening .icon-menu:after {
    bottom: 0
}

.header_burger-closing .icon-menu:after {
    -webkit-transition: bottom .25s .5s ease;
    transition: bottom .25s .5s ease
}

.icon-leftarrow {
    background-image: url(/images/icons.png);
    background-position: -338px -24px;
    width: 11px;
    height: 17px
}

.icon-leftarrow-big {
    background-image: url(/media/agin5lll/arrow-left.png);
    background-position: center;
    width: 27px;
    height: 47px;
    background-size:cover;
}

.icon-rightarrow-big {
    background-image: url(/media/5klg32eg/arrow-right.png);
    background-position: center;
    width:27px;
    height:47px;
    background-size:cover;
}
.icon-leftarrow-big:first-child,
.icon-rightarrow-big:first-child{
    display:none;
}
.icon-leftarrow-big-forest {
    background-image: url(/images/icons.png);
    background-position: -282px -125px;
    width: 14px;
    height: 33px
}

.icon-rightarrow-big-forest {
    background-image: url(/images/icons.png);
    background-position: -282px -90px;
    width: 14px;
    height: 33px
}

.icon-leftarrow-big-amber {
    background-image: url(/images/icons.png);
    background-position: -276px -375px;
    width: 14px;
    height: 33px
}

.icon-rightarrow-big-amber {
    background-image: url(/images/icons.png);
    background-position: -282px -160px;
    width: 14px;
    height: 33px
}

.icon-cow {
    background-image: url(/images/icons.png);
    background-position: -276px -321px;
    width: 28px;
    height: 24px
}

.icon-music {
    background-image: url(/images/icons.png);
    background-position: -146px -256px;
    width: 20px;
    height: 23px
}

.icon-spear-small-left {
    background-image: url(/images/icons.png);
    background-position: -88px -404px;
    width: 49px;
    height: 6px
}

.icon-spear-small-right {
    background-image: url(/images/icons.png);
    background-position: -306px 0;
    width: 49px;
    height: 6px
}

.icon-chat {
    background-image: url(/images/icons.png);
    background-position: -246px -23px;
    width: 40px;
    height: 31px
}

.icon-chat-rear {
    background-image: url(/images/icons.png);
    background-position: -88px -368px;
    width: 49px;
    height: 35px
}

.icon-close {
    background-image: url(/media/0eljknlt/close-icon.png);
    background-position: center center;
    background-size:25px 25px;
    width: 25px;
    height: 25px
}

.icon-close-midnight-forest {
    background-image: url(/images/icons.png);
    background-position: -246px -293px;
    width: 29px;
    height: 27px
}

.icon-close-midnight-amber {
    background-image: url(/images/icons.png);
    background-position: -275px -261px;
    width: 29px;
    height: 27px
}

.icon-share {
    background-image: url(/images/icons.png);
    background-position: -306px -24px;
    width: 15px;
    height: 17px
}

.icon-share-midnight {
    background-image: url(/images/icons.png);
    background-position: -322px -24px;
    width: 15px;
    height: 17px
}


.icon-pinterest {
    background-image: url(/images/icons.png);
    background-position: -195px -92px;
    width: 45px;
    height: 44px
}

.icon-arrow-socialshare {
    background-image: url(/images/icons.png);
    background-position: -146px -371px;
    width: 29px;
    height: 13px
}

.icon-arrow-socialtitle {
    background-image: url(/images/icons.png);
    background-position: -146px -301px;
    width: 29px;
    height: 13px
}

.fill-a31240 .icon-arrow-socialtitle {
    background-image: url(/images/icons.png);
    background-position: -146px -315px;
    width: 29px;
    height: 13px
}

.glitterberry .icon-arrow-socialtitle {
    background-image: url(/images/icons.png);
    background-position: -146px -343px;
    width: 29px;
    height: 13px
}

.fill-f78a09 .icon-arrow-socialtitle {
    background-image: url(/images/icons.png);
    background-position: -146px -329px;
    width: 29px;
    height: 13px
}

.midnight-flavour .icon-arrow-socialtitle {
    background-image: url(/images/icons.png);
    background-position: -146px -357px;
    width: 29px;
    height: 13px
}

.icon-joy-twitter {
    background-image: url(/images/icons.png);
    background-position: -246px -125px;
    width: 35px;
    height: 34px
}

.icon-joy-facebook {
    background-image: url(/images/icons.png);
    background-position: -246px -55px;
    width: 35px;
    height: 34px
}

.icon-joy-vine {
    background-image: url(/images/icons.png);
    background-position: -246px -160px;
    width: 35px;
    height: 34px
}

.icon-joy-instagram {
    background-image: url(/images/icons.png);
    background-position: -246px -90px;
    width: 35px;
    height: 34px
}

.icon-likes-instagram {
    background-image: url(/images/icons.png);
    background-position: -306px -7px;
    width: 19px;
    height: 16px
}

.icon-likes-facebook {
    background-image: url(/images/icons.png);
    background-position: -277px -349px;
    width: 23px;
    height: 20px
}

.icon-likes-twitter {
    background-image: url(/images/icons.png);
    background-position: -146px -280px;
    width: 22px;
    height: 20px
}

.icon-likes-vine {
    background-image: url(/images/icons.png);
    background-position: -282px -55px;
    width: 22px;
    height: 22px
}

.icon-menu-close {
    background-image: url(/images/icons.png);
    background-position: -278px -195px;
    width: 27px;
    height: 27px
}

.icon-cookie-close {
    background-image: url(/images/icons.png);
    background-position: -326px -7px;
    width: 12px;
    height: 12px
}

.icon-menu-down {
    background-image: url(/images/icons.png);
    background-position: -167px -256px;
    width: 24px;
    height: 19px
}

.no-fl .header_nav a {
    opacity: 0
}

.fl .header_nav a,
.no-js .header_nav a {
    opacity: 1
}
/*
.cookie-notice {
    position: relative;
    display: none;
    margin-top: 0;
    -webkit-transition: margin-top .35s linear;
    transition: margin-top .35s linear;
    text-align: center;
    font-family: "Nunito Sans", Helvetica, Arial, sans-serif;
    font-size: 15px;
    line-height: 1.2;
    color: #00582a;
    background: #fff;
    box-shadow: inset 0 -1px 6px rgba(0, 0, 0, .5)
}

.cookie-notice__inner {
    padding: 10px;
    margin: 0 auto;
}
.cookie-notice__logo{
    display: block;
    margin: 0 auto 5px;
    max-width: 50px;
}
.cookie-notice__text {
    display: block;
    text-align: center;
    margin: 0 auto;
    max-width: 750px;
}

.cookie-notice__text a, .cookie-notice__text a:hover, .cookie-notice__text a:link, .cookie-notice__text a:visited {
	color:inherit;
	font-weight:bold;
	text-decoration:underline;
}

.cookie-notice__button-wrapper {
    display: block;
    text-align: center;
    width: 100%;
    margin: 10px 0 0
}
.cookie-notice__button{
    padding: 10px 25px;
    border-radius: 3px;
    display: inline-block;
    font-weight: bold;
    text-transform: uppercase;
    margin: 5px;
    cursor:pointer
}

.cookie-notice__close{
	padding: 10px 25px;
    border-radius: 3px;
    display: block;
    font-weight: bold;
    text-transform: uppercase;
    margin: 5px;
    cursor: pointer;
    position: absolute;
	right:0;
    background: #BD2F4D;
    color: #fff;
    z-index: 999;
    top: 0
}
*/
.header {
    padding-top: 0;
    z-index: 100;
    background: #fff
}



@media screen and (min-width:1025px) {
    .header {
        background: 0 0;
        position: relative
    }
    .constraint.header{
        max-width:1200px;
        position:relative;
        padding-left:116px;
        padding-right:20px;
    }
}

@media screen and (min-width:1025px) and (max-width:1179px) {
    .header {
        text-align: center;
        max-width: 100%;
        padding:0 25px;
        margin: 0 auto
    }
}

.header_burger {
    display: none
}

.header_logo img {
    max-height: 100%;
    padding: 0;
    margin: 0 auto
}

.header_logoalpha {
    display: block
}

.header_logocolour {
    display: none
}

.header_nav .list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}
.header_nav .list li {
}
.header_nav .list li.winButton{
    width:100px;
}
.header_nav a {
    position: relative;
    padding: 10px 14px;
    display: inline-block;
    background-color: transparent;
    text-decoration: none;
    font-family:"Rama-Gothic-Rounded-E-Bold";
    color: #FE3B00;
    font-weight: 700;
    font-size: 28px;
    text-transform: uppercase;
    margin-right: 0px;
    border: 3px solid #fff;
    border-radius:3px;
    height:50px;
    line-height:100%;
}

/*
.fill-ffb500 .header_nav a {
    color: #424242
}*/
.perfectServeText, .productHeader h1, .productDescription{
    text-align:left;
}
.productHeader h1{
    font-size:50px;
    margin-top:0;
    margin-bottom:20px;
    font-feature-settings:"ss02"
}
.productSubHeading,
.productDescription{
    padding-left:0;
}
.perfectServeText{
    padding-top:30px;
}
.productDescription{
    font-size:16px;
    max-width:330px;
}
.perfectServeText p{
    margin:0;
    font-size:16px;
    max-width:285px;
    position: relative;
    padding-left: 15px;
}
.perfectServeText p:before{
    content: ".";
    width: 5px;
    height: 5px;
    font-size: 20px;
    line-height: 0;
    left: 0;
    position: absolute;
    display: inline-block;
    top: 6px;
    margin-right: 10px;
}
.orange-and-passion-theme .productHeader h1,
.orange-and-passion-theme .perfectServeText, 
.orange-and-passion-theme .productDescription,
.orange-and-passion-theme .productSubHeading h2{
    color:#FFDC00;
    text-align:left;
}
.orange-and-passion-theme .perfectServeLayer {
    background-image:url('/media/prdbjvgg/orange-passion-fruit.png');
    background-repeat:no-repeat;
    background-size:contain;
    background-position: right bottom;
}
.orange-and-passion-theme .nutritioninfo:before{
    border-color:transparent transparent #FF5900 transparent;
}
.apple-and-raspberry-theme .productHeader h1,
.apple-and-raspberry-theme .perfectServeText, 
.apple-and-raspberry-theme .productDescription,
.apple-and-raspberry-theme .productSubHeading h2{
    color:#FFA8C7;
}
.apple-and-raspberry-theme .perfectServeLayer {
    background-image:url('/media/nmib1oav/apple-raspberry.png');
    background-repeat:no-repeat;
    background-size:contain;
    background-position: right bottom;
}
.apple-and-raspberry-theme .nutritioninfo:before{
    border-color:transparent transparent #F3005E transparent;
}
.apple-and-mango-theme .productHeader h1,
.apple-and-mango-theme .perfectServeText, 
.apple-and-mango-theme .productDescription,
.apple-and-mango-theme .productSubHeading h2{
    color:#00B700;
}
.apple-and-mango-theme .perfectServeLayer {
    background-image:url('/media/jj4pa54q/apple-mango.png');
    background-repeat:no-repeat;
    background-size:contain;
    background-position: right bottom;
}
.apple-and-mango-theme .nutritioninfo:before{
    border-color:transparent transparent #00B700 transparent;
}
.glitterberry-theme .productHeader h1,
.glitterberry-theme .perfectServeText, 
.glitterberry-theme .productDescription,
.glitterberry-theme .productSubHeading h2{
    color:#FF9EB9;
}
.glitterberry-theme .perfectServeLayer {
    background-image:url('/media/ug1l11fn/glitterberry.png');
    background-repeat:no-repeat;
    background-size:contain;
    background-position: right bottom;
}
.glitterberry-theme .nutritioninfo:before{
    border-color:transparent transparent #A02E60 transparent;
}
.apple-and-elderflower-theme .productHeader h1,
.apple-and-elderflower-theme .perfectServeText, 
.apple-and-elderflower-theme .productDescription,
.apple-and-elderflower-theme .productSubHeading h2{
    color:#FFFFFF;
}
.apple-and-elderflower-theme .perfectServeLayer {
    background-image:url('/media/fcqdvjus/apple-elderflower.png');
    background-repeat:no-repeat;
    background-size:contain;
    background-position: right bottom;
}
.apple-and-elderflower-theme .nutritioninfo:before{
    border-color:transparent transparent #8AC476 transparent;
}
.apple-and-watermelon-theme .productHeader h1,
.apple-and-watermelon-theme .perfectServeText, 
.apple-and-watermelon-theme .productDescription,
.apple-and-watermelon-theme .productSubHeading h2{
    color:#FFFFFF;
}
.apple-and-watermelon-theme .perfectServeLayer {
    background-image:url('/media/sgfnfv3l/apple-watermelon.png');
    background-repeat:no-repeat;
    background-size:contain;
    background-position: right bottom;
}
.apple-and-watermelon-theme .nutritioninfo:before{
    border-color:transparent transparent #EC81A0 transparent;
}
.pear-and-raspberry-theme .productHeader h1,
.pear-and-raspberry-theme .perfectServeText, 
.pear-and-raspberry-theme .productDescription,
.pear-and-raspberry-theme .productSubHeading h2{
    color:#FFFFFF;
}
.pear-and-raspberry-theme .perfectServeLayer {
    background-image:url('/media/wxslu3ft/pear-raspberry.png');
    background-repeat:no-repeat;
    background-size:contain;
    background-position: right bottom;
}
.pear-and-raspberry-theme .nutritioninfo:before{
    border-color:transparent transparent #F0898D transparent;
}
.blackberry-and-blueberry-theme .nutritioninfo:before{
    border-color:transparent transparent #3C3883 transparent;
}
.blackberry-and-blueberry-theme .productSubHeading h2{
    color:#FFFFFF;
}
.strawberry-and-orange-theme .nutritioninfo:before{
    border-color:transparent transparent #E12038 transparent;
}
.strawberry-and-orange-theme .productSubHeading h2{
    color:#FFFFFF;
}
.white-peach-and-mango-theme .nutritioninfo:before{
    border-color:transparent transparent #DD4C25 transparent;
}
.white-peach-and-mango-theme .productSubHeading h2{
    color:#FFFFFF;
}
.Our-Brand-Story{
    background-color: #CA115D;
    background-image:url('/media/0kmf3ziv/our-brand-story-bg.jpg');
    background-position:right bottom;
    background-repeat:no-repeat;
    background-size:cover;
    padding: 60px 120px !important;
    width: 100%;
    color: #FEB3C7 !important;
    text-align: left;
}
.Our-Brand-Story h2{
    color: #FEB3C7 !important;  
    font-weight:400;
    font-size:46px;
    font-family:"Rama-Gothic-Rounded-E-Regular";
    text-transform:uppercase;
    margin:0;
    line-height:100%;
    margin-bottom:50px;
}
.Our-Brand-Story h2 span{
    display:block;
    font-size:70px;
    font-weight:900;
    font-family:"Rama-Gothic-Rounded-E-Heavy";
}
.Our-Brand-Story .blockTitle{
    display:none;
    text-align:left;
    margin:0 auto;  
}
.Our-Brand-Story p{
    font-family:"Outfit", sans-serif;
    font-size:16px !important;
}
.Our-Brand-Story p strong{
    font-size:40px;
    font-weight:700;
    text-transform:uppercase;
    font-family:"Rama-Gothic-Rounded-E-Bold";
}
.ourBrandStoryInner{
    display:flex;
    flex-direction:row;
    column-gap:30px;
    align-items:center;
    justify-content:space-between;
}
.ourBrandStoryLeft{
    max-width:567px;
}
.ourBrandStoryLeft p{
    color:#FFFFFF;
}
.ourBrandStoryLeft p strong{
    color:#FEB3C7 ;
}
.ourBrandStoryRight{
    padding:20px;
    margin-top:40px;
    max-width: 427px;
}
.ourBrandStoryRight img{
    max-width:500px;
}
.campaignLayer {
    display:none;
}
.nutritioalInformationTitle{
    color:#FE3B00;
    text-align:center;
    font-weight:900;
    font-size:50px;
    font-family:"Rama-Gothic-Rounded-E-Heavy";
}

.orange-and-passion-theme .productSubHeading h2,
.apple-and-raspberry-theme .productSubHeading h2,
.apple-and-mango-theme .productSubHeading h2,
.glitterberry-theme .productSubHeading h2,
.apple-and-elderflower-theme .productSubHeading h2,
.apple-and-watermelon-theme .productSubHeading h2,
.pear-and-raspberry-theme .productSubHeading h2,
.blackberry-and-blueberry-theme .productSubHeading h2,
.strawberry-and-orange-theme .productSubHeading h2,
.white-peach-and-mango-theme .productSubHeading h2{
    text-align:left;
    font-size:26px;
    font-weight:700;
}

.orange-and-passion-theme .nutritioninfo_section tr:nth-child(2n-1) td{
    background-color:#FF8645;
}
.apple-and-raspberry-theme .nutritioninfo_section tr:nth-child(2n-1) td{
    background-color:#FF3E89;
}
.apple-and-mango-theme .nutritioninfo_section tr:nth-child(2n-1) td{
    background-color:#49CF49;
}
.glitterberry-theme .nutritioninfo_section tr:nth-child(2n-1) td{
    background-color:#BB3B73;
}
.apple-and-elderflower-theme .nutritioninfo_section tr:nth-child(2n-1) td{
    background-color:#A0D48E;
}
.apple-and-watermelon-theme .nutritioninfo_section tr:nth-child(2n-1) td{
    background-color:#F697B2;
}
.pear-and-raspberry-theme .nutritioninfo_section tr:nth-child(2n-1) td{
    background-color:#FCA7AA;
}
.blackberry-and-blueberry-theme .nutritioninfo_section tr:nth-child(2n-1) td{
    background-color:#5B57AF;
}
.strawberry-and-orange-theme .nutritioninfo_section tr:nth-child(2n-1) td{
    background-color:#ED4D61;
}
.white-peach-and-mango-theme .nutritioninfo_section tr:nth-child(2n-1) td{
    background-color:#F5684C;
}
.productContentLayerInner{
    max-width:1000px;
    margin:0 auto;
    display:flex;
    align-items:center;
    padding:40px 20px;
}
.perfectServeLayerInner{
    max-width:872px;
    margin:0 auto;
    display:flex;
    column-gap:100px;
    align-items:flex-start;
    padding:70px 20px 45px 20px;
}
.productContentLayerInner .leftColumn{
    width:490px;
    padding:0;
}
.productContentLayerInner .rightColumn{
    width:509px;
    padding:0;
}
.perfectServeLayerInner .leftColumn{
    width:285px;
    padding:0;
}
.perfectServeLayerInner .rightColumn{
    width:478px;
    padding:0;
}
.perfectServeLayerInner .rightColumn .perfectServeText h1{
    margin-top:0;
    margin-bottom:25px;
    font-size:50px;
}
.blackberry-and-blueberry-theme .perfectServeLayerInner,
.strawberry-and-orange-theme .perfectServeLayerInner,
.white-peach-and-mango-theme .perfectServeLayerInner{
    display:none;
}
.showOnMobile{
    display:none;
}
.constraint.header{
    height:100px;
}
.banner img{
    display:block;
}
.buyNowNavBtn{
    position: absolute;
    top: 0;
    right: 60px;
    padding: 10px 14px;
    font-size: 24px;
    font-weight: 700;
    font-family:"Rama-Gothic-Rounded-E-Bold";
    color: red !important;
    margin-top: 7px;
    text-transform: uppercase;
    border: 3px solid #FFFFFF;
    border-radius: 4px;
    display:none;
}

	.productselection{
	    padding:0 20px;
	}
	.productselection li{
	    max-width:unset !important;
	}
	.productselection_inner .flex-direction-nav {
	    position:static;
	}
	.productselection_inner .flex-nav-prev{
	    position:absolute;
        top: 50%;
        left: -24px;
        border: 0;
        width: 17px;
        height: 32px;
        padding: 0;
	}
	.productselection_inner .flex-nav-prev a.flex-prev{
	    background-image:url(/media/pqwj23hh/arrow-red-right.png);
	    padding:0 !important;
	    width: 17px;
        height: 32px;
        left: 0;
        top: 60%;
        opacity:1;
	}
	.productselection_inner .flex-nav-next{
	    position:absolute;
        top: 50%;
        right: -30px;
        border: 0;
        width: 30px;
        height: 30px;
	}
	.productselection_inner .flex-nav-next a.flex-next{
	    background-image:url(/media/qgblx4jb/arrow-red-left.png);
	    padding:0 !important;
	    width: 17px;
        height: 32px;
        left: 0;
        top: 60%;
        opacity:1;
	}
.hideOnDesktop{
    display:none !important;
}
.hideOnMobile{
    display:block !important;
}
#ifrContactFormFrame .intro h1{
    font-family:"Rama-Gothic-Rounded-E-Heavy";
    font-size:50px;
    color:#FE3B00;
}
@media screen and (max-width:1280px) {
    .Our-Brand-Story{
        
    }
}
@media screen and (max-width:1024px) {
    .constraint.header{
        height:65px;
        padding:10px 24px;
    }
    .header_logo {
        margin: 0 auto;
        display: block;
        text-align: center;
        width:63px;
        height: 49px;
        float:left;
    }
    .buyNowNavBtn{
        display:block;
    }
    .header_logoalpha {
        display: block;
        float:left;
    }
    .header_logocolour {
        display: block;
        float:left;
    }
    .header_wrap {
        max-width: 375px;
        width:100%;
        position: absolute;
        right: -375px;
        z-index: 10000000;
        top: 0;
        bottom: 0;
        -webkit-transition: right ease .8s;
        transition: right ease .8s;
        background: #fff;
        padding-top: 60px;
        padding-bottom: 30px;
        text-align: center;
        box-shadow: 0 0 30px 0 rgba(0, 0, 0, .2)
    }
    .header .social,
    .header_nav {
        background: #fff
    }
    .header_nav .list{
        text-align:left;
        padding-top:40px;
    }
    .header_nav .list li {
        width:inherit;
    }
    .header_nav .list li.winButton{
        width:inherit;
    }
    .header_nav a {
        color: #FE3B00;
        padding: 20px 24px;
        margin-right: 0;
        line-height:100%;
        text-align:left;
        font-size:40px;
        display:block;
        height:auto;
    }
    .header_nav a:after {
        content: "";
        width: 70%;
        position: relative;
        margin: 0 auto;
        height: 4px;
        background: url(/images/decor-dots-tight-grey.png) 0 0 repeat-x;
        display: none;
        margin-top: 1em
    }
    .header_burger {
        position: absolute;
        right: 0;
        top: 0;
        padding: 20px 15px 20px 20px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        cursor: pointer;
        z-index: 100000000;
        align-items: center;
        height:65px;
    }
    .header_burger-open{
        padding:24px;
    }
    .header_logo_mobile{
        display: block;
        position: absolute;
        top: 8px;
        left: 24px;
    }
    .header_burger-open .header_logo_mobile{
        display: inline;
        text-align: left;
        margin: 0;
        width: 63px;
    }
    .no-js .header_burger {
        display: none
    }
    .header_wrap.header-show {
        right: 0
    }
    .showOnMobile{
        display:block;
    }
    .header_nav .social .icon{
        position:static;
    }
    .header_nav .list.social_list{
        flex-direction:row;        
        justify-content: flex-start;
        padding: 20px 24px;
        column-gap:24px;
        margin-top:20px;
    }
    .header_nav .list.social_list li{
        width:37px;
    }
    .header_nav .list.social_list .social_channel a{
        padding:0;
    }
    .no-js .header_wrap {
        position: relative;
        width: 100%;
        right: auto;
        padding-top: 0
    }
	
	#winSubMenu {
		display: block!important;
		position: relative;
		background-color: white; 
		width: 100%;
		right:inherit;
		padding: 0;
	}
	#subLink1 {
		text-align: center;
		position: relative;
		display: block;
		margin: 0 auto;
		background-color: white;
		width: inherit; 
		left: 0;
		padding:0;
	}
	#navAnchorLink_11{
		
	}
	
	#navLink_6 a#navAnchorLink_6:after{
		content:none;
	}
	.Our-Brand-Story{
	    padding:40px;
	}
	.ourBrandStoryInner{
	    flex-direction:column;
	    text-align:center;
	}
    .introducingMojoTextWrapper.Our-Brand-Story{
        padding: 40px !important;
        background-size: 300%;
        text-align: center;
        background-position: center bottom;
    }
    .ourBrandStoryRight{
        padding:0;
    }
    .ourBrandStoryRight img{
        max-width:100%;
    }
}

@media screen and (max-width:767px) {
    .productHeader h1,
    .perfectServeLayerInner .rightColumn .perfectServeText h1,
    .nutritioalInformationTitle{
        font-size:40px;
    }
    .nutritioalInformationTitle{
        max-width:80%;
        margin-left:auto;
        margin-right:auto;
    }
    .ingredients_title span{
        margin-top:8px;
    }
    
    .orange-and-passion-theme .productSubHeading h2, 
    .apple-and-raspberry-theme .productSubHeading h2, 
    .apple-and-mango-theme .productSubHeading h2, 
    .glitterberry-theme .productSubHeading h2, 
    .apple-and-elderflower-theme .productSubHeading h2, 
    .apple-and-watermelon-theme .productSubHeading h2, 
    .pear-and-raspberry-theme .productSubHeading h2, 
    .blackberry-and-blueberry-theme .productSubHeading h2, 
    .strawberry-and-orange-theme .productSubHeading h2, 
    .white-peach-and-mango-theme .productSubHeading h2{
        font-size:20px;
    }
    .ingredients_title,
    .ingredients_more{
        font-size:16px !important;
    }
    .ingredients_GDA{
        font-size:14px;
        max-width:400px;
    }
    .productContentLayerInner{
        flex-direction:column;
        row-gap:20px;
        align-items:center;
        padding:40px 20px;
    }
    .icon-rightarrow-big {
        width:26px;
        height:48px;
    }
    .icon-leftarrow-big {
        width:26px;
        height:48px;
    }
    .perfectServeLayerInner{
        flex-direction:column;
        row-gap:20px;
        align-items:center;
    }
    .productSubHeading, .productDescription{
        padding-left:0;
    }
    .perfectServeText, 
    .productHeader,
    .productHeader h1,
    .productSubHeading h2,
    .productDescription{
        text-align:center !important;
    }
    .productDescription{
        max-width:100%;
    }
    .product_basics .rel_next{
        top:-webkit-calc(20% - 16px) !important;
        top:calc(20% - 16px) !important;
        right:20px !important;
    }
    .product_basics .rel_prev{
        top:-webkit-calc(20% - 16px) !important;
        top:calc(20% - 16px) !important;
        left:20px !important;
    }
    .blackberry-and-blueberry-theme .product_basics .rel_next,
    .strawberry-and-orange-theme .product_basics .rel_next,
    .white-peach-and-mango-theme .product_basics .rel_next{
        top:-webkit-calc(40% - 16px) !important;
        top:calc(40% - 16px) !important;
    }
    .blackberry-and-blueberry-theme .product_basics .rel_prev,
    .strawberry-and-orange-theme .product_basics .rel_prev,
    .white-peach-and-mango-theme .product_basics .rel_prev{
        top:-webkit-calc(40% - 16px) !important;
        top:calc(40% - 16px) !important;
    }
    .ingredients .product_supplementalinner{
        margin:0 11px;
    }
    .perfectServeLayerInner .leftColumn{
        order:2;
    }
    .perfectServeText p{
        text-align:left;
        max-width:100%;
    }
    .perfectServeLayerInner .rightColumn .perfectServeText h1{
        margin-top:0;
        margin-bottom:40px;
    }
    .productContentLayerInner .leftColumn,
    .productContentLayerInner .rightColumn,
    .perfectServeLayerInner .leftColumn,
    .perfectServeLayerInner .rightColumn{
        max-width:100%;
    }
    .instagramCarousel{
        padding:0 30px;
    }
}
@media screen and (max-width:480px) {
    .hideOnDesktop{
        display:block !important;
    }
    .hideOnMobile{
        display:none !important;
    }
    .introducingMojoTextWrapper{
        padding:0 15px !important;
    }
    .banner a{
        display:block !important;
    }
    .banner img,
    .banner a img{
        width:100%;
        max-width:100%;
    }
    .flavourgroupcontentInner{
        width:100%;
    }
    .instagramCarousel{
        padding:0 35px;
    }
    .instagramCarousel .slides img{
        width:100%;
    }
    .productselection_title{
        font-size:10px;
    }
    .perfectServeLayer{
        background-image: none !important;
    }
}


@media screen and (max-width:425px) {
    .product_basics .rel_next{
        top:-webkit-calc(28% - 16px) !important;
        top:calc(28% - 16px) !important;
        right:20px !important;
    }
    .product_basics .rel_prev{
        top:-webkit-calc(28% - 16px) !important;
        top:calc(28% - 16px) !important;
        left:20px !important;
    }
    .blackberry-and-blueberry-theme .product_basics .rel_next,
    .strawberry-and-orange-theme .product_basics .rel_next,
    .white-peach-and-mango-theme .product_basics .rel_next{
        top:-webkit-calc(48% - 16px) !important;
        top:calc(48% - 16px) !important;
    }
    .blackberry-and-blueberry-theme .product_basics .rel_prev,
    .strawberry-and-orange-theme .product_basics .rel_prev,
    .white-peach-and-mango-theme .product_basics .rel_prev{
        top:-webkit-calc(48% - 16px) !important;
        top:calc(48% - 16px) !important;
    }
}
@media screen and (min-width:1025px) {
    .header_wrap {
        max-width: 1440px;
        display: flex;
        width: 100%;
        align-items:center;
        padding-left:30px;
        height:100px;
    }
    .header_nav a {
    }
    .header_nav {
        display: block;
        width:100%;
    }
    .header_current .header_item,
    .header_item:focus,
    .header_item:hover,
    .winButton .header_item{
        border:3px solid #FE3B00;
    }
    
    .header_item.bg-d9b864:focus,
    .header_item.bg-d9b864:hover,
    .header_current .header_item.bg-d9b864,
    .winButton .header_item{
    }
    .header_item.bg-d9b864:after {
        background: url(/images/explore-arrow-home-midnight.png) 0 0 no-repeat
    }
    .explore-detail .header_current a,
    .header_current a.bg-ef5141,
    .header_item.bg-ef5141:focus,
    .header_item.bg-ef5141:hover {
        color: #FE3B00
    }
/*    .header_item.bg-ef5141:after {
        background: url(/images/explore-arrow-explore.png) 0 0 no-repeat
    }*/
    .header_item.bg-bd2f4d:focus,
    .header_item.bg-bd2f4d:hover,
    .header_current a.bg-bd2f4d {
        background-color: #BD2F4D
    }
    .header_item.bg-bd2f4d:after {
        background: url(/images/explore-arrow-joy.png) 0 0 no-repeat
    }
    .header_item.bg-f57d25:focus,
    .header_item.bg-f57d25:hover,
    .header_current a.bg-f57d25 {
        background-color: #F57D25
    }
    .header_item.bg-f57d25:after {
        background: url(/images/explore-arrow-story.png) 0 0 no-repeat
    }
    .header_logo {
        position: absolute;
        display: inline-block;
        vertical-align: middle;
        top:15px;
        left:20px;
        width:92px;
    }
    .header_logo img{
        max-width:100%;
        width:100%;
        height:auto;
        padding:0;
    }
    .header_nav .list {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        position:relative;
    }
	
}

@media screen and (min-width:1180px) {
    /*.header_wrap {
        width: -webkit-calc(100% - 136px);
        width: calc(100% - 136px);
        margin-left: 36px
    }*/
    .header_nav {
        display: inline-block;
        vertical-align: middle;
        width: 100%;
    }
}

.home.fullbleed .wrapper {
/*    background: #F2792A;
    background: #FAAE8E;
    background: #490a1d;*/
	background:	#fff;
    overflow: hidden
}

.division-home {
    position: relative;
    z-index: 1000
}

@media screen and (min-width:1000px) {
    .division-home {
        margin-top: -40px;
        -webkit-transition: margin-top .5s ease;
        transition: margin-top .5s ease
    }
}

@media screen and (min-width:600px) {
    .division-home.videoplaying {
        margin-top: 200px
    }
}

.curves-home {
    height: 52vw;
    max-height: 1000px;
    z-index: 10000;
    left: 0;
    width: 100%;
    position: absolute;
    bottom: -43vw
}

.orient-bypass.orient-horiz .curves-home {
    height: 52vh;
    bottom: -22vh
}

.curves-home.moving {
    -webkit-transition: bottom 1s cubic-bezier(0.6, -.28, .735, .045);
    transition: bottom 1s cubic-bezier(0.6, -.28, .735, .045)
}

@media screen and (min-width:1940px) {
    .curves-home {
        bottom: -850px
    }
}

.curves-home.off {
    bottom: -webkit-calc(-44vw - 13%);
    bottom: calc(-52vw - 13%)
}

.orient-bypass.orient-horiz .curves-home.off {
    bottom: -webkit-calc(-44vh - 13%);
    bottom: calc(-44vh - 13%)
}

.curves-home svg {
	display:none;
    height: 52vw;
    max-height: 1000px
}

.orient-bypass.orient-horiz .curves-home svg {
    height: 52vh
}

@media screen and (min-width:1250px) {
    .explore-the-blends .curves-home svg {
        height: 60vw
    }
}

@media screen and (min-width:1500px) {
    .explore-the-blends .curves-home svg {
        height: 52vw
    }
}

.boxes {
    position: relative;
    top: 30px;
    margin-bottom: 30px;
    font-size: 0
}

.boxes_title {
    font-size: 2.5rem;
    font-weight: 400;
    margin: 1em auto;
    text-align: center;
    max-width: 80%
}

@media screen and (min-width:600px) {
    .boxes_title {
        font-size: 4rem
    }
}

.box {
    width: 100%;
    margin-bottom: 40px;
    position: relative;
    text-align: center;
    display: inline-block;
    vertical-align: middle
}

.box_inner {
    padding: 20px 40px;
    position: relative
}

.box-nomargin .box_inner {
    padding: 0
}

@media screen and (min-width:600px) {
    .box {
        width: 50%
    }
    .ie9 .box {
        display: inline-block;
        width: 49%
    }
}

@media screen and (min-width:1000px) {
    .box {
        width: 33.33%
    }
    .ie9 .box {
        width: 33%
    }
}

.hero_main {
    overflow: hidden;
    width: 100%;
    margin-bottom: 2%;
    margin-top: 40px;
    position: relative
}

.hero_stage {
    position: relative;
    background: #000;
    padding-bottom: 56.5%;
    z-index: 10;
    text-align: center
}

.hero_stage img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    bottom: 0
}

.hero_video {
    position: relative;
    padding-bottom: 56.25%;
    width: 100%;
    max-width: 100%;
    min-height: 180px
}

.hero_item {
    max-width: 50%
}

.hero_item img {
    max-width: 100%
}

.minihero {
    background: #D5D5D5;
    font-size: 0;
    clear: both
}

.minihero-3 {
    width: 75%;
    display: inline-block;
    vertical-align: middle
}

.minihero-1 {
    width: 25%;
    display: inline-block;
    vertical-align: middle
}

.play-wrap {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    text-align: center
}

.play {
    width: 12%;
    height: 20%;
    min-height: 60px;
    min-width: 60px;
    max-height: 110px;
    max-width: 120px;
    background-color: #BE2F4E;
    margin: 0 auto;
    top: 60%;
    position: relative;
    border-radius: 50%;
    cursor: pointer;
    -webkit-transition: opacity .5s ease, background-color .5s ease;
    transition: opacity .5s ease, background-color .5s ease;
    outline: 0;
    z-index: 10
}

.play-joy {
    top: 10%
}

.play-active {
    opacity: 0
}

.perfectserve_serve-video .play:before {
    border-width: 12px;
    top: -webkit-calc(50% - 12px);
    top: calc(50% - 12px);
    border-left-color: #545454;
    border-left-width: 29px
}

@media screen and (min-width:360px) {
    .play {
        top: 56%
    }
    .play-joy {
        top: 33%
    }
}

@media screen and (min-width:760px) {
    .play {
        top: -webkit-calc(62% - 25px);
        top: calc(62% - 25px)
    }
    .play:before {
        top: -webkit-calc(50% - 16px);
        top: calc(50% - 16px);
        left: -webkit-calc(50% - 14px);
        left: calc(50% - 14px);
        border-width: 18px;
        border-left-width: 36px
    }
    .play-joy {
        width: 19%;
        height: 25%;
        top: -webkit-calc(54% - 25px);
        top: calc(54% - 25px);
        z-index: 1;
        opacity: 0
    }
    .play-joy:before {
        top: -webkit-calc(50% - 11px);
        top: calc(50% - 11px);
        left: -webkit-calc(50% - 11px);
        left: calc(50% - 11px);
        border-width: 11px;
        border-left-width: 28px
    }
    .perfectserve_serve-video .play:before {
        border-width: 16px;
        border-left-width: 36px
    }
}

.perfectserve_serve-video .play {
    width: 19%;
    height: 29%;
    top: 36%;
    background: #FFCB00
}

.gardenrose .perfectserve_serve-video .play {
    width: 19%;
    height: 28%;
    top: 36%;
    background: #E3ECA8
}

.gardenrose .perfectserve_serve-video .play:hover {
    background: #DAE688
}

.hero_item a:focus .play-joy,
.hero_item a:hover .play-joy,
.play:focus,
.play:hover {
    background-color: #EFAE14
}

.bx-controls {
    height: 0
}

.bx-pager {
    margin: -56px 0;
    z-index: 10;
    position: relative
}

.bx-wrapper .bx-pager.bx-default-pager a {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 4px solid #fff
}

.bx-wrapper .bx-controls-direction a.disabled {
    display: block;
    cursor: default;
    opacity: .5
}

.video-wrapper {
    position: relative;
    width: 100%;
    max-width: 100%;
    min-height: 250px;
    z-index: 2;
    text-align: center;
    -webkit-transition: padding-bottom 1s ease;
    transition: padding-bottom 1s ease
}

.video-caption {
    position: absolute;
    z-index: 11;
    margin: 0 auto;
    width: 100%;
    top: 12%;
    padding: 0 10px
}

.video-poster {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 10;
    text-align: center;
    opacity: 1;
    -webkit-transition: opacity ease .8s;
    transition: opacity ease .8s
}

.video-poster img {
    width: 100%
}

.video_posterimage {
    max-width: 100%;
    width: auto;
    height: 100%
}

.video_posterimage.midnight {
    /*background: url(/assets/build/media/Enjoy_spritz.jpg) no-repeat;
    background-position: center 100%;
    background-size: contain*/;
}

.video embed,
.video iframe {
    max-width: 100%;
    max-height: 100%
}

.video-wrapper .kWidgetIframeContainer,
.video-wrapper embed,
.video-wrapper iframe,
.video-wrapper object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%!important;
    border: 0;
    margin: 0 auto;
    max-width: 100%!important;
    overflow: visible!important
}

.no-js .video embed,
.no-js .video iframe {
    display: none
}

#player {
    margin: 0 auto
}

.bx-wrapper .bx-pager {
    position: relative;
    display: inline-block;
    z-index: 100000;
    top: -20px
}

.home .loop {
    position: relative;
    z-index: 10;
    text-align: center
}

.video-poster .loop_copy {
    max-width: 100%;
    display: inline-block;
    vertical-align: middle
}

.loop_copy:after {
    content: "";
    display: inline-block;
    vertical-align: middle
}

.division-video {
    background: #FFFFFF;
    position: relative;
    margin-bottom:50px;
}
.division-video h2{
    font-size:50px;
    color:#FE3B00;
    text-align:center;
    font-family:"Rama-Gothic-Rounded-E-Heavy";
    font-weight:900;
}

@media screen and (min-width:600px) {
    .video-caption {
        padding: 0 10%
    }
}

@media screen and (min-width:1025px) {
    .video-caption {
        padding: 0 20%;
        top: 39%
    }
    .division-video {
       /* top: -80px 
    }
    .ie9 .division-video {
       /* top: -106px */
    }
}

.loop_item {
    position: relative;
    min-height: 250px
}

.loop_item>img {
    max-width: 1900px;
    width: 100%
}

@media screen and (min-width:400px) {
    .loop_item,
    .video-wrapper {
        min-height: 170px
    }
}

@media screen and (max-width:399px) {
    .loop_item {
        position: relative;
        min-height: 137px;
    }

    .video-wrapper {
       min-height:inherit;
    }

}
.no-js .loop_item {
    display: none
}

.no-js .loop_item:first-child {
    display: block
}

.video_target {
    display: none
}

.video_target-playing {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    bottom: 0;
    z-index: 10
}

.video_target embed,
.video_target iframe,
.video_target object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%!important;
    border: 0;
    margin: 0 auto;
    max-width: 100%!important;
    max-height: 100%;
    overflow: visible!important
}

.video_close {
    position: absolute;
    top: 5%;
    right: 15px;
    cursor: pointer;
    opacity: .8;
    overflow: hidden;
    text-indent: -100px;
    z-index: 9999
}

.home .video_close {
    top: 15%
}

.video-caption-spritz {
    top: 25%
}

.video-caption-spritz img {
    max-width: 605px!important;
    min-width: 220px!important;
    width: 53%
}

.video-caption-spritz~.play-wrap .play {
    top: calc(53% - 45px);
    top: -webkit-calc(53% - 45px);
    width: 7%;
    height: 11%;
    max-width: 115px;
    max-height: 98px;
    background-color: #E9443E
}

.video-caption-spritz~.play-wrap .play:before {
    top: -webkit-calc(50% - 10px);
    top: calc(50% - 10px);
    left: -webkit-calc(50% - 7px);
    left: calc(50% - 7px);
    border-width: 10px;
    border-left-width: 20px
}

.video-caption-spritz~.play-wrap .play:hover {
    background-color: #EFAE14
}

@media screen and (min-width:1025px) {
    .video-caption-spritz~.play-wrap .play {
        top: calc(58% - 45px);
        top: -webkit-calc(58% - 45px)
    }
}

@media screen and (max-width:1024px) {
    .video-caption-spritz~.play-wrap .play {
        top: calc(67% - 45px);
        top: -webkit-calc(67% - 45px);
        min-width: 50px;
        min-height: 50px
    }

}

@media screen and (max-width:430px) {
    .video-caption-spritz~.play-wrap .play {
        top: 62%!important
    }
}

@media screen and (max-width:600px) {
    .video-caption-spritz {
        top: 15%;
        left: -15%
    }
    .video-caption-spritz~.play-wrap .play {
        top: 52%;
        left: -15%
    }
}

.video-poster-midnight .play {
    background: url(/assets/build/media/play-button.png) no-repeat;
    background-size: 100%;
    max-height: 130px;
    max-width: 131px;
    top: -webkit-calc(41% - 25px);
    top: calc(41% - 25px);
    z-index: 999
}

.video-poster-midnight .play:after {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(/assets/build/media/play-button-hover.png);
    background-size: 100%;
    opacity: 0;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease
}

.video-poster-midnight .play:hover:after {
    opacity: 1
}

.video-caption-midnight .loop_copy {
    max-width: 930px;
    display:none;
}

.video-caption-midnight-2 {
    top: 45%
}

.video-caption-midnight-2 .loop_copy {
    max-width: 65%
}

.winter-bg {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

.video-playing .winter-bg {
    bottom: -4%
}

.winter-flav-bg1 {
    height: 100%;
    width: 38%;
    position: absolute;
    left: -8%;
    bottom: 2%;
    opacity: .5;
	background:none;
}

.winter-flav-bg2 {
    height: 100%;
    width: 33%;
    position: absolute;
    right: -8%;
    bottom: -17%;
    opacity: .5;
	background:none;
}

@media screen and (min-width:1025px) {
    .video-caption-midnight {
        top: 25%
    }
    .video-caption-midnight-2 {
        top: 49%
    }
    .video-caption-midnight-2 .loop_copy {
        max-width: 75%
    }
}

@media screen and (min-width:1200px) {
    .video-caption-midnight-2 .loop_copy {
        max-width: 617px
    }
}

.constraint-wide {
    max-width: 1240px
}

.no-js .joy-in-the-blend .hero {
    display: none
}

.hero_stage iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.hero_listwrapper {
    padding: 0 70px
}

@media screen and (min-width:1360px) {
    .hero_listwrapper {
        padding: 0
    }
}

.joy_videotitle {
    font-family:"Outfit", sans-serif;
    text-transform: uppercase;
    font-size: 1.6rem;
    text-align: center;
    color: #fff
}

.joy-in-the-blend .hero_listwrapper .rel_next,
.joy-in-the-blend .hero_listwrapper .rel_prev {
    top: -webkit-calc(50% - 2rem);
    top: calc(50% - 2rem)
}

.joy-in-the-blend .rel_prev {
    left: -60px
}

.joy-in-the-blend .rel_next {
    right: -60px
}

.joy-in-the-blend .hero_item a {
    display: block;
    position: relative;
    overflow: hidden;
    padding-bottom: 56.5%
}

.joy-in-the-blend .hero_item img {
    position: absolute;
    top: -16.75%;
    left: 0
}

.joy_item-intro {
    color: #5D5D5D;
    font-size: 1.4rem;
    line-height: 1.5
}

.joy_item-intro .joy_inner {
    padding: 20px 30px
}

.joy_item-intro p {
    margin-bottom: 1.8em
}

.joy_item-intro a {
    line-height: 29px
}

.joy_item-intro a:hover {
    font-size: 15px
}

.joy_item-intro a .icon-joy-twitter {
    margin-bottom: -11px;
    margin-right: 5px
}

.joy_item-spritz .joy_title {
    margin-top: 10px!important;
    font-size: 26px;
    line-height: 1;
    text-transform: uppercase;
    font-family: proxima-nova, sans-serif
}

.joy_item-spritz .joy_wrap {
    min-height: 445px
}

.joy_item-spritz.pear-raspberry .joy_title {
    color: #EF5147
}

.joy_item-spritz.apple-watermelon .joy_title {
    color: #F3857F
}

.joy_item-spritz.peach-apricot .joy_title {
    color: #FDB835
}

.joy_item .joy_bottle {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.joy_item .joy_bottle img {
    max-width: 67px;
    width: 21%;
    margin-top: 10px
}





@media screen and (min-width:500px) and (max-width:800px) {
    .joy_item .joy_bottle img {
        max-width: 67px;
        width: 17.5%;
        margin-top: 7.5vw
    }
}

@media screen and (min-width:350px) and (max-width:499px) {
    .joy_item .joy_bottle img {
        max-width: 67px;
        width: 14.5%;
        margin-top: 25.5vw
    }
}

.joy_title {
    color: #141414;
    font-size: 1.9rem;
    line-height: 1.4;
    margin-bottom: 2.5rem;
    padding-bottom: 2.5rem;
    position: relative
}

.joy_title:after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 14%;
    border-bottom: 3px solid #C1C4C6;
    left: 43%
}

.joy_title.no_border {
    padding: 0;
    margin-top: 0
}

.joy_title.no_border:after {
    display: none
}

.joy_feed .list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.joy_item {
    padding: 20px;
    position: relative;
    font-family: "PT Sans", Helvetica, Arial, sans-serif
}

.joy_item a {
    color: #616161;
    display: block
}

.joy_item img {
    width: 100%;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px
}

.joy_wrap {
    background: #fff;
    color: #545454;
    border-radius: 3px;
    text-align: center
}

.joy_inner {
    padding: 20px;
    position: relative
}

.joy_inner .joy_type {
    position: absolute;
    top: -17px;
    left: -webkit-calc(50% - 17px);
    left: calc(50% - 17px)
}

.joy_hero {
    position: relative;
    overflow: hidden
}

.joy_hero-tweet {
    background: #35B1DB;
    color: #fff;
    padding: 10px 20px;
    font-size: 2rem;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px
}

.joy_likes {
    padding-bottom: 1rem;
    font-size: 1.4rem;
    color: #525252
}

.joy_likes .icon {
    vertical-align: middle
}

.joy_likes .icon-likes-facebook {
    vertical-align: bottom
}

.joy_caption {
    line-height: 1.6
}

.joy_time {
    color: #B1B1B1;
    padding: 1rem 0;
    font-size: 1.2rem;
    line-height: 1
}

.joy_image {
    -webkit-transition: -webkit-transform .5s ease;
    transition: transform .5s ease;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.joy_wrap>a:focus .joy_image,
.joy_wrap>a:hover .joy_image {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
}

.joy_item_feed {
    width: 100%
}

.subnav {
    opacity: 1;
    text-align: center;
    padding-top: 35px;
    margin-bottom: -40px
}

.campaign-one .subnav {
    overflow: hidden;
    transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -webkit-transition: all .15s ease-in-out
}

.subnav a {
    display: inline-block;
    padding: 0 1em;
    margin: 0 10px;
    position: relative;
    font-size: 15px;
    line-height: 16px;
    text-transform: uppercase;
    text-align: left;
    z-index: 1;
    color: #D0C5D2;
    margin-bottom: 40px
}

.subnav a span {
    display: block;
    padding-left: 60px
}

.subnav a:after {
    content: "";
    border-radius: 50%;
    width: 92px;
    height: 68px;
    background: #8b20a5;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    position: absolute;
    display: block;
    -webkit-transform: rotate(-10deg) scale(0);
    -ms-transform: rotate(-10deg) scale(0);
    transform: rotate(-10deg) scale(0);
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    top: 50%;
    z-index: -1;
    left: 50%;
    margin-top: -33px;
    margin-left: -44px
}

.subnav a.current,
.subnav a:active,
.subnav a:focus,
.subnav a:hover {
    color: #fff
}

.subnav a.current:after,
.subnav a:active:after,
.subnav a:focus:after,
.subnav a:hover:after {
    -webkit-transform: rotate(-12deg) scale(1);
    -ms-transform: rotate(-12deg) scale(1);
    transform: rotate(-12deg) scale(1)
}

.subnav a:not(.current):hover:after {
    background: #FFB500;
    -webkit-transform: rotate(-12deg) scale(1);
    -ms-transform: rotate(-12deg) scale(1);
    transform: rotate(-12deg) scale(1)
}

.campaign-wrappers {
    position: relative;
    overflow: hidden
}

.campaign-wrappers>div {
    opacity: 1;
    margin-top: 0;
    transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    display: block;
    width: 100%
}

.campaign-wrappers>.hide-campaign {
    position: absolute;
    opacity: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    margin-top: 75px
}

.campaign-spritz .header_nav a {
    color: #414141
}

.campaign-spritz .subnav a {
    color: #9D9FA1
}

.campaign-spritz .subnav a.current,
.campaign-spritz .subnav a:active,
.campaign-spritz .subnav a:focus,
.campaign-spritz .subnav a:hover {
    color: #2C2C2D
}

.campaign-spritz .subnav a:after {
    background: #f9ba3f
}


.subnav a.current-campaign-link {

    display:none;
}

@media screen and (max-width:600px) {
    .campaign-spritz .subnav a {
        color: #2C2C2D
    }
}

.joy-in-the-blend.campaign-spritz {
    background: #FB948F url(/images/bg-joy-in-the-blend-spritz.jpg) 50% 0 no-repeat;
    background-size: 1920px auto
}

@media screen and (max-width:1179px) {
    .joy-in-the-blend.campaign-spritz {
        background-size: 1215px auto
    }
}

@media screen and (max-width:1024px) {
    .joy-in-the-blend.campaign-spritz {
        background-size: 100% auto
    }
    .joy-in-the-blend.campaign-spritz .header {
        box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .25)
    }
}

.old-campaign-body {
    position: absolute;
    height: 100%;
    width: 100%;
    background: #4c2156 url(/images/bg-joy-in-the-blend-new.jpg) 50% 0 no-repeat;
    background-size: 100%;
    display: block;
    top: 0;
    left: 0;
    z-index: -1;
    opacity: 0;
    transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -webkit-transition: all .35s ease-in-out
}

.old-campaign-body.show-background {
    opacity: 1
}

.older-campaign-body {
    position: absolute;
    height: 100%;
    width: 100%;
    background: #602750 url(/images/bg-joy-in-the-blend.jpg) 50% 0 no-repeat;
    background-size: 100%;
    display: block;
    top: 0;
    left: 0;
    z-index: -1;
    opacity: 0;
    transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -webkit-transition: all .35s ease-in-out
}

.older-campaign-body.show-background {
    opacity: 1
}

.spritz-campaign-body {
    position: absolute;
    height: 100%;
    width: 100%;
    background: #fb948f url(/images/bg-joy-in-the-blend-spritz.jpg) 50% 0 no-repeat;
    background-size: 1920px auto;
    display: block;
    top: 0;
    left: 0;
    z-index: -1;
    opacity: 0;
    transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -webkit-transition: all .35s ease-in-out
}

.spritz-campaign-body.show-background {
    opacity: 1
}

@media screen and (min-width:500px) {
    .joy_item,
    .joy_item_feed {
        width: 50%
    }
}

@media screen and (min-width:800px) {
    .joy_item,
    .joy_item_feed {
        width: 33%
    }
    .joy_item.dbl {
        width: 66%
    }
}

@media screen and (min-width:1000px) {
    .joy_item,
    .joy_item_feed {
        width: 25%
    }
    .joy_item.dbl {
        width: 50%
    }
}

.campaign-midnight .subnav a {
    color: #fff;
    font-weight: 700
}

.campaign-midnight .subnav a.current,
.campaign-midnight .subnav a:active,
.campaign-midnight .subnav a:focus,
.campaign-midnight .subnav a:hover {
    color: #F1C57A
}

.campaign-midnight .subnav a:after {
    width: 92px;
    height: 92px;
    margin-top: -44px;
    background: #711039
}

.campaign-midnight .subnav a:not(.current):hover:after {
    background: #711039;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.campaign-midnight.joy-in-the-blend {
    background: #310713 url(/images/bg-joy-in-the-blend-midnight.jpg) 50% 0 no-repeat
}

.campaign-midnight .midnight-feed .joy_item-intro {
    font-family: utopia-std, serif;
    font-size: 18px;
    font-size: 1.8rem;
    background: 0 0
}

.campaign-midnight .midnight-feed .joy_item-intro .joy_wrap {
    background: #39091F
}

.campaign-midnight .midnight-feed .joy_item-intro .joy_wrap p {
    color: #fff
}

.campaign-midnight .midnight-feed .joy_item-intro .joy_title {
    padding-bottom: 0
}

.campaign-midnight .midnight-feed .joy_item-intro .joy_title:after {
    border-bottom: 3px solid #c58e63
}

.campaign-midnight .midnight-feed .joy_item-intro .joy_title img {
    max-width: none
}

.campaign-midnight .midnight-feed .joy_item.midnight-forest .joy_wrap {
    background: url(/assets/build/css//images/campaign-midnight-forest-bg.jpg);
    background-size: cover
}

.campaign-midnight .midnight-feed .joy_item.midnight-forest .joy_logo {
    top: 3em
}

.campaign-midnight .midnight-feed .joy_item.midnight-forest .joy_logo img {
    max-width: 164px
}

.campaign-midnight .midnight-feed .joy_item.midnight-amber .joy_wrap {
    background: url(/assets/build/css//images/campaign-midnight-amber-bg.jpg);
    background-size: cover
}

.campaign-midnight .midnight-feed .joy_item.midnight-amber .joy_logo {
    top: 0
}

.campaign-midnight .midnight-feed .joy_item.midnight-amber .joy_logo img {
    max-width: 144px
}

.campaign-midnight .midnight-feed .joy-item-midnight {
    font-family: utopia-std, serif;
    font-size: 18px;
    font-size: 1.8rem
}

.campaign-midnight .midnight-feed .joy-item-midnight p {
    color: #fff;
    line-height: 2.3rem
}

.campaign-midnight .midnight-feed .joy-item-midnight p a {
    color: #fff
}

.campaign-midnight .midnight-feed .joy-item-midnight a {
    padding-top: 8em
}

.campaign-midnight .midnight-feed .joy-item-midnight .joy_logo {
    position: absolute;
    width: 100%;
    left: 0
}

.campaign-midnight .midnight-feed .joy-item-midnight .joy_midnight_bottle img {
    width: auto
}

.campaign-midnight .midnight-feed .joy-item-midnight .joy_inner {
    padding-top: 0
}

.campaign-midnight .midnight-feed .joy_item.midnight-win .joy_logo {
    top: 0
}

.campaign-midnight .midnight-feed .joy_item.midnight-win .joy_logo img {
    max-width: 201px
}

.campaign-midnight .midnight-feed .joy_item.midnight-win .joy_wrap {
    min-height: 531px;
    padding-top: 3.5em;
    background: url(/assets/build/css//images/campaign-midnight-win-bg.jpg);
    background-size: cover
}

.campaign-midnight .midnight-feed .joy_item.midnight-win .joy_midnight_text_win {
    padding-top: 8em
}

.campaign-midnight .midnight-feed .joy_item.midnight-win .joy_midnight_text_win img {
    max-width: 177px
}

.campaign-midnight .midnight-feed .joy_item.midnight-win p {
    margin-bottom: 0
}

.campaign-midnight .midnight-feed .joy_item.midnight-win a.terms {
    color: #ffdac3;
    padding: 0 0 30px;
    text-decoration: underline
}

.ourstory .wrapper {
    background: #333 url(/images/bg-our-story.jpg) 50% 0 no-repeat;
    background-size: cover
}

.story {
    text-align: center
}

.story>section {
    font-size: 0;
    position: relative;
    margin: 7rem 0
}

@media screen and (min-width:500px) {
    .story>section {
        margin: 11rem 0
    }
}

.story_constraint {
    max-width: 800px;
    margin: 0 auto
}

.explore-the-blends .main-range-wrapper {
    background: url(/images/bg-blends.jpg) 50% 0 no-repeat;
    background-size: cover
}

.joy-in-the-blend {
    background: #4C2156 url(/images/bg-joy-in-the-blend-new.jpg) 50% 0 no-repeat;
    background-size: 100%
}

.joy-in-the-blend .wrapper {
    background: 0 0
}

.blends {
    padding: 7em 0 0;
    margin-bottom: -2em
}

.explore-the-blends.explore-midnight-flavours .blends {
    padding: 0 0;
}

.explore-the-blends.explore-midnight-flavours .wrapper .main-range-wrapper {
    position: relative;
    background: url(/media/1199/home_midnight.jpg) 60% 0;
    background-size: cover
}

.explore-the-blends.explore-midnight-flavours .wrapper .main-range-wrapper .curves-home {
    top: 0;
    bottom: auto;
    z-index: 0
}

.explore-the-blends.explore-midnight-flavours .wrapper .spritz-range-wrapper {
    padding-top: 7em
}

.explore-the-blends.explore-midnight-flavours .wrapper .curves-home,
.midnight-banner {
    display: none
}

@media screen and (min-width:800px) {
    .explore-the-blends.explore-midnight-flavours .wrapper .blends {
        padding: 3em 0 9em;
    }
    .explore-the-blends.explore-midnight-flavours .wrapper .blends_product:nth-child(3) {
        margin: 0 auto
    }
}

@media screen and (min-width:1025px) {
    .explore-the-blends.explore-midnight-flavours .wrapper .main-range-wrapper {
        margin-top: -7em;
        padding-top: 7em
    }
}

@media screen and (min-width:1250px) {
    .explore-the-blends.explore-midnight-flavours .wrapper .blends {
        padding: 4.5em 0;
    }
    .explore-the-blends.explore-midnight-flavours .wrapper .main-range-wrapper {
        z-index: 99;
        margin-top: -8em;
        padding-top: 3em;
        background: 0 0
    }
    .explore-the-blends.explore-midnight-flavours .wrapper .curves-home {
        display: block
    }
    .explore-the-blends.explore-midnight-flavours .wrapper .blends {
        position: relative
    }
}

@media screen and (min-width:1300px) {
    .explore-the-blends.explore-midnight-flavours .wrapper .main-range-wrapper {
        padding-top: 6em
    }
}

@media screen and (min-width:1400px) {
    .explore-the-blends.explore-midnight-flavours .wrapper .main-range-wrapper {
        padding-top: 8em
    }
}

@media screen and (min-width:1500px) {
    .explore-the-blends.explore-midnight-flavours .wrapper .blends {
        padding: 1.5em 0 9em
    }
    .explore-the-blends.explore-midnight-flavours .wrapper .main-range-wrapper {
        margin-top: -9%;
        padding-top: 9%
    }
}

@media screen and (min-width:1025px) {
    /*.blends_product--limited-edition:after {
        content: " ";
        display: block;
        position: absolute;
        height: 40px;
        width: 197px;
        right: 50px;
        top: -61px;
        background: url(/images/limited-edition.png) no-repeat;
    }*/
}

.spritz {
    padding: 2em 0
}

.list-blends {
    display: -webkit-box;
    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: distribute;
    justify-content: space-around;
    margin: 0;
    padding: 0
}

.ie9 .list-blends {
    display: block;
    width: 100%
}

.blends_product {
    text-align: center;
    padding: 20px 0;
    width: 40%;
    opacity: 0;
    -webkit-transition: opacity 1s .25s ease, left 1s ease, right 1s ease;
    transition: opacity 1s .25s ease, left 1s ease, right 1s ease;
    position: relative;
    left: -100px;
    float: left
}
.blends .blends_product{
    padding: 80px 0 20px;
    background-position: center 20px;
    background-repeat:no-repeat;
}
@media screen and (min-width:1100px) {
    .blends .blends_product{
        background-position: center 0;
    }
}

.ie9 .blends_product {
    display: inline-block
}

.blends_product.animate,
.no-js .blends_product {
    left: 0;
    opacity: 1
}

.blends_product:nth-child(1) {
    -webkit-transition: opacity 1s .25s ease, left 1s ease;
    transition: opacity 1s .25s ease, left 1s ease
}

.blends_product:nth-child(2) {
    -webkit-transition: opacity 1s .75s ease, left 1s .5s ease;
    transition: opacity 1s .75s ease, left 1s .5s ease
}

.blends_product:nth-child(3) {
    -webkit-transition: opacity 1s 1.25s ease, left 1s 1s ease;
    transition: opacity 1s 1.25s ease, left 1s 1s ease;
    margin: 0 25%
}

.blends_product:nth-child(4) {
    -webkit-transition: opacity 1s 1.75s ease, left 1s 1.5s ease;
    transition: opacity 1s 1.75s ease, left 1s 1.5s ease
}

.blends_product:nth-child(5) {
    -webkit-transition: opacity 1s 2.25s ease, left 1s 2s ease;
    transition: opacity 1s 2.25s ease, left 1s 2s ease
}

.blends_product a {
    text-decoration: none;
    position: relative;
    display: block;
    max-width: 150px;
    margin: 0 auto;
    text-align: center;
}

.blends_productbottle {
    max-height: 100%;
    width: 40%;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    z-index: 2
}

@media screen and (min-width:600px) {
    .blends_product {
        width: 20%
    }
}

.blends_title {
    margin: 0;
    padding: 0;
    font-size: 2.4rem;
    font-weight: 400;
    text-align: center
}

.blends_subtitle {
    background: #9A9A9A;
    color: #fff;
    font-size: 2rem;
    font-weight: 400;
    text-align: center;
    margin: 0;
    padding: .25em
}

.section.productselection {
    margin: 0;
    width: 100%;
    position: relative;
    z-index: 3
}

@media screen and (min-width:549px) {
    .section.productselection {
        margin: 0 auto;
        width: 100%;
        background-color:transparent !important;
    }
}

@media screen and (max-width:799px) {
    /*.productselection {
        background: url(/media/vichqeyx/header-curve.png) 50% -20% no-repeat, url(/media/1j0hqr1n/header-curve-bottom.png) 50% 100% no-repeat
    } */
}

@media screen and (min-width:799px) {
    .bottle-small.anim~.productselection_title {
    }
}

.productselection_inner {
    position: relative;
    z-index: 2;
    margin: 0 auto 20px auto !important;
    padding:0 20px;
}

@media screen and (min-width:960px) {
    .productselection_inner {
        margin: auto;
    }
}

@media screen and (min-width:1100px) {
    .productselection_inner {
        margin: 35px auto;
        max-width: 1200px
    }
    .list-horiz{
        justify-content:space-between;
        column-gap:13px;
    }
}

@media screen and (min-width:549px) and (max-width:799px) {
    .productselection .list {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
}

.productselection a {
    font-family: "Outfit", sans-serif;
    /*display: flex !important;*/
    text-decoration: none;
    color: #FE3B00;
    text-align: left;
    font-size:12px;
    font-weight: 400;
    line-height:100%;
    flex-direction:column;
    width:100%;
    padding-bottom:70px !important;
}
.productselection a img {
    max-width:120px;
    width:100%;
}
@media screen and (min-width:550px) {
    .productselection a {
    }
}

@media screen and (min-width:800px) {
    .productselection a {
        color: #FE3B00;
        padding:11px 5px;
        margin-top:9px;
    }
   /* .fill-ffb500 .productselection a {
        color: #fff
    }*/
}

.productselection li {
    position: relative;
    overflow: hidden;
    max-width:10%;
    width:10%;
    display:flex;
    height:100%;
    border: 3px solid #FFFFFF;
}
.productselection li.product-active  {
    border: 3px solid #FE3B00;
    border-radius:4px;
}

.bottle-small {
    /*height: 80px;*/
    display: block;
    vertical-align: middle;
    position: relative;
    opacity: 0;
    z-index: 10;
    margin: 0 auto;
}

.bottle-small.anim,
.no-js .bottle-small {
    left: 0;
    opacity: 1
}
/*
.product-active .bottle-small {
    height: 90px
}
*/
.productselection_title {
    display: block;
    vertical-align: middle;
    position: absolute;
    font-family: "Outfit", sans-serif;
    text-transform: uppercase;
    text-align: center;
    opacity: 0;
    margin: 0 auto;
    font-size:12px;
    margin-top:16px;
    height:54px;
    width:100%;
}

.product-active {
   /* top: -4px */
}

.productselection_title {
    max-width:100%;
    left:0;
}

.no-js .productselection_title {
    opacity: 1
}

.blends_productname {
    opacity: 0;
    padding-top: 20px
}

.blends_product:nth-child(1) .blends_productname {
    -webkit-transition: opacity 1s .5s ease;
    transition: opacity 1s .5s ease
}

.blends_product:nth-child(2) .blends_productname {
    -webkit-transition: opacity 1s 1s ease;
    transition: opacity 1s 1s ease
}

.blends_product:nth-child(3) .blends_productname {
    -webkit-transition: opacity 1s 1.5s ease;
    transition: opacity 1s 1.5s ease
}

.blends_product:nth-child(4) .blends_productname {
    -webkit-transition: opacity 1s 2s ease;
    transition: opacity 1s 2s ease
}

.blends_product:nth-child(5) .blends_productname {
    -webkit-transition: opacity 1s 2.5s ease;
    transition: opacity 1s 2.5s ease
}

.blends_productname img {
    max-width: 100%
}

.blends_product.animate .blends_productname,
.no-js .blends_productname {
    opacity: 1
}

.productselection_title i {
    position: relative;
    z-index: 2;
    font-weight: 800
}

.gardenrose .header_nav a,
.gardenrose .productselection_title i {
    color: #424242
}

.gardenrose .header_nav a:hover,
.gardenrose .product-active .productselection_title i,
.gardenrose a:hover .productselection_title i {
    color: #fff
}

@media screen and (min-width:550px) {
    .productselection_title i {
        display: inline-block
    }
    [href="/flavours/orange-and-passion-fruit"] .productselection_title i {
        margin-left: 0;
        width: 90px
    }
}



.product-active .productselection_title:before {
    -webkit-transform: rotate(-10deg) scale(1);
    -ms-transform: rotate(-10deg) scale(1);
    transform: rotate(-10deg) scale(1)
}

.product-active .productselection_title {
    color: #FE3B00
}

@media screen and (min-width:550px) {
    .productselection a:hover .productselection_title:before {
        -webkit-transform: rotate(-10deg) scale(1);
        -ms-transform: rotate(-10deg) scale(1);
        transform: rotate(-10deg) scale(1)
    }
    .productselection a:hover .productselection_title {
    }
}

.bottle-small.anim~.productselection_title {
    opacity: 1
}

.productselection li:nth-child(2) .bottle-small {
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-delay: .45s;
    animation-delay: .45s
}

.productselection li:nth-child(3) .bottle-small {
    -webkit-animation-duration: .9s;
    animation-duration: .9s
}

.productselection li:nth-child(4) .bottle-small {
    -webkit-animation-duration: 1.4s;
    animation-duration: 1.4s;
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

.productselection .productselection_title.fill-ffb500:before {
    background: #FFB500
}

.productselection [href*=garden-rose] .productselection_title:before {
    background: #6ABD42
}

.productselection .productselection_title.fill-a31240:before {
    background: #D42F5D
}

.productselection .productselection_title.fill-f78a09:before {
    background: #F78A08
}
.productselection .productselection_title.fill-de3950:before {
    background: #de3950
}
.productselection .productselection_title.fill-403e9a:before {
    background: #403e9a
}
.productselection .productselection_title.fill-e54322:before {
    background: #e54322
}
.productselection [href*=midnight-amber] .productselection_title:before {
    background: #F39011
}

.productselection [href*=midnight-forest] .productselection_title:before {
    background: #941D55
}

.js-productselection_more {
    display: none
}

@media screen and (max-width:799px) {
    .js-productselection_more {
        width: 60px;
        color: #545454;
        text-align: center;
        text-transform: uppercase;
        position: absolute;
        display: block;
        top: 40px;
        font-family:"Outfit", sans-serif;
        right: 5px;
        font-size: 1.1rem;
        cursor: pointer;
        display:none;
    }
    .productselection .list {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .productselection li {
        width: 100%;
        padding-left: 0
    }
    /*
    .productselection li:not(.product-active) {
        display: none
    }
    */
    .no-js .productselection li,
    .productselection.productselection-open li {
        display: block;
        background: #F2F0E9
    }
    .no-js .productselection li:last-of-type,
    .productselection.productselection-open li:last-of-type {
        background: 0 0
    }
    .productselection a {
        display: block;
        text-align: center
    }
    .productselection_title {
        width: 100%;
    }
    .product-active:after {
        border: 10px solid transparent;
        border-right-color: #F1F1F1;
        left: auto;
        bottom: -webkit-calc(50% - 10px);
        bottom: calc(50% - 10px);
        right: 0
    }
}

@media screen and (min-width:550px) {
    .productselection li {
        padding-left: 0
    }
    .productselection li a {
        display: block;
        text-align: center
    }
    .productselection_title:before {
        left: -5%
    }
}

.ie9 .productselection .list-horiz {
    width: auto
}

.product_basics .rel ul {
    display: block;
    font-size: 0
}
.product_basics .rel_prev {
    position: absolute;
    left: 5px;
    top: -webkit-calc(25% - 16px);
    top: calc(25% - 16px);
    z-index: 1000
}
.product_basics .rel_next {
    position: absolute;
    right: 5px;
    top: -webkit-calc(25% - 16px);
    top: calc(25% - 16px);
    z-index: 1000
}

@media screen and (min-width:550px) {
    .product_basics .rel ul {
        display: block;
        list-style: none;
        padding: 0;
        margin: 0
    }
    .product_basics .rel_prev {
        position: absolute;
        left: 5px;
        top: -webkit-calc(50% - 16px);
        top: calc(50% - 16px);
        z-index: 1000
    }
    .product_basics .rel_next {
        position: absolute;
        right: 5px;
        top: -webkit-calc(50% - 16px);
        top: calc(50% - 16px);
        z-index: 1000
    }
}

@media screen and (min-width:1300px) {
    .product_basics .rel ul {
        display: block;
        list-style: none;
        padding: 0;
        margin: 0
    }
    .product_basics .rel_prev {
        position: absolute;
        left: 20px;
        top: -webkit-calc(30% - 16px);
        top: calc(30% - 16px)
    }
    .product_basics .rel_next {
        position: absolute;
        right: 20px;
        top: -webkit-calc(30% - 16px);
        top: calc(30% - 16px)
    }
}

.explore-the-blends .wrapper {
    background: #fff
}

.explore-the-blends .wrapper .spritz-range-wrapper {
    background: #fff;
    position: relative;
    background-image: url(/images/spritz-top-curve.png);
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: 130% auto;
    padding-top: 5.5em
}

.explore-the-blends .wrapper .spritz-range-wrapper>img {
    margin: 0 auto;
    display: block;
    max-width: 300px;
    width: 80%;
    -webkit-animation: fadeIn 2s ease-in;
    animation: fadeIn 2s ease-in
}

.explore-the-blends .wrapper .spritz-range-wrapper:after {
    content: " ";
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 30px;
    background: url(/images/spritz-curve.png);
    margin-top: -1px;
    background-position: 50% 50%;
    background-size: 130% 30px;
    background-repeat: no-repeat
}

.explore-the-blends .wrapper .spritz-range-wrapper.lower-row {
    overflow: hidden;
    margin-top: -3em;
    background: 0 0;
    background-image: url(/media/rtjduwcu/curve-top-midnight.png);
    background-size: 130% auto;
    background-repeat: no-repeat;
    background-position: 50% 0
}

.spritz {
    position: relative;
    background: url(/images/spritz-mob-bg.jpg);
    background-position: 50% 77%;
    background-repeat: no-repeat;
    background-size: 100% auto;
    padding-bottom: 0
}

.spritz li+li+li {
    padding-bottom: 0;
    margin-bottom: 0
}

.spritz .spritz_name {
    font-size: 20px;
    font-family: proxima-nova, sans-serif;
    text-transform: uppercase;
    color: #F3857F;
    text-align: center
}

.blends_product-pear-and-raspberry-theme .spritz_name {
    color: #EF5147
}

.blends_product-apple-and-watermelon-theme .spritz_name {
    color: #F3857F
}

.blends_product-peach-and-apricot-theme .spritz_name {
    color: #FDB835
}

@media screen and (min-width:500px) {
    /*.spritz .spritz_name {
        font-size: 28px;
        line-height: 1em
    }*/
}
@media screen and (max-width:800px) {
    .spritz li+li+li {
        margin-top: -30px
    }
}

@media screen and (min-width:800px) {
    .explore-the-blends .wrapper .spritz-range-wrapper:after {
        height: 45px;
        background-size: 1940px 96px;
        background-position: 50% 100%
    }
    .spritz {
        background: 0 0;
        padding-bottom: 0!important
    }
    .spritz .spritz_name {
        font-size: 28px;
        line-height: 1em
    }
    .ie9 .spritz .heroshot-explore {
        width: 30%!important;
        margin-left: 3%
    }
}

@media screen and (min-width:1025px) {
    .explore-the-blends .wrapper .spritz-range-wrapper {
        background: 0 0;
        padding-top: 1.8em
    }
    .spritz {
        background: 0 0
    }
}

@media screen and (min-width:1250px) {
    .explore-the-blends .wrapper .spritz-range-wrapper {
        position: static;
        background: 0 0
    }
    .explore-the-blends .wrapper .spritz-range-wrapper>* {
        z-index: 2;
        position: relative
    }
    .explore-the-blends .wrapper .spritz-range-wrapper.lower-row {
        padding-top: 3em;
        position: relative
    }
    .explore-the-blends .wrapper .spritz-range-wrapper .bg-circle-1,
    .explore-the-blends .wrapper .spritz-range-wrapper .bg-circle-2,
    .explore-the-blends .wrapper .spritz-range-wrapper .bg-circle-3 {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 1
    }
    .explore-the-blends .wrapper .spritz-range-wrapper .bg-circle-1 {
        background-image: url(/images/circles/ranges/bg-circle-1.png);
        width: 306px;
        height: 308px;
        margin-right: -77px;
        margin-top: -20px
    }
    .explore-the-blends .wrapper .spritz-range-wrapper .bg-circle-2 {
        background-image: url(/images/circles/ranges/bg-circle-2.png);
        width: 187px;
        height: 187px;
        margin-right: 217px;
        margin-top: 116px
    }
    .explore-the-blends .wrapper .spritz-range-wrapper .bg-circle-3 {
        background-image: url(/images/circles/ranges/bg-circle-3.png);
        width: 128px;
        height: 128px;
        margin-top: 255px;
        margin-right: 130px
    }
    .explore-the-blends .wrapper .spritz-range-wrapper {
        top: -4em;
        padding-top: 4em
    }
    .explore-the-blends .wrapper .spritz-range-wrapper:after {
        top: 0;
        height: 100%;
        background: url(/images/spritz-bg.png);
        background-position: 50% 0;
        background-size: 100% auto;
        background-repeat: no-repeat;
        width: 1940px;
        margin-top: 0;
        margin-left: -970px;
        left: 50%
    }
    .explore-the-blends .wrapper .spritz-range-wrapper.lower-row:after {
        background: url(/images/spritz-bg-lower.jpg)
    }
    .explore-the-blends .wrapper .spritz-range-wrapper {
        margin-bottom: -3em
    }
    .explore-the-blends .wrapper .main-range-wrapper {
        padding-top: 4em
    }
}

@media screen and (min-width:1180px) and (max-width:1250px) {
    .explore-the-blends .wrapper:after {
        top: -38px;
        margin-left: -732px
    }
}

@media screen and (min-width:1500px) {
    .explore-the-blends .wrapper .spritz-range-wrapper.lower-row {
        margin-top: 2%;
        padding-top: 0
    }
}

@media screen and (min-width:1650px) {
    .explore-the-blends .wrapper .spritz-range-wrapper.lower-row {
        padding-top: 3%
    }
}

.spritz-range-wrapper .circles {
    height: auto;
    width: 148%;
    position: absolute;
    left: -24%;
    top: 5%;
    z-index: 0
}

.spritz-range-wrapper .circles img {
    width: 100%;
    height: auto
}

.spritz-range-wrapper .circles .circle-1,
.spritz-range-wrapper .circles .circle-10,
.spritz-range-wrapper .circles .circle-2,
.spritz-range-wrapper .circles .circle-3,
.spritz-range-wrapper .circles .circle-4,
.spritz-range-wrapper .circles .circle-6,
.spritz-range-wrapper .circles .circle-7,
.spritz-range-wrapper .circles .circle-8,
.spritz-range-wrapper .circles .circle-9,
.spritz-range-wrapper .circles .circle-lrg {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0
}

.spritz-range-wrapper .circles .circle-1 .circle-inner,
.spritz-range-wrapper .circles .circle-10 .circle-inner,
.spritz-range-wrapper .circles .circle-2 .circle-inner,
.spritz-range-wrapper .circles .circle-3 .circle-inner,
.spritz-range-wrapper .circles .circle-4 .circle-inner,
.spritz-range-wrapper .circles .circle-6 .circle-inner,
.spritz-range-wrapper .circles .circle-7 .circle-inner,
.spritz-range-wrapper .circles .circle-8 .circle-inner,
.spritz-range-wrapper .circles .circle-9 .circle-inner,
.spritz-range-wrapper .circles .circle-lrg .circle-inner {
    content: " ";
    display: block;
    position: absolute;
    background-size: 100% 100%
}

.spritz-range-wrapper .circles .circle-lrg .circle-inner {
    position: absolute;
    background-size: 100% 100%;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0
}

.spritz-range-wrapper .circles.fill-pear-and-raspberry-theme .circle-lrg .circle-inner {
    background-image: url(/images/pear/circle-lrg.png)
}

.spritz-range-wrapper .circles.fill-pear-and-raspberry-theme .circle-1 {
    z-index: 2
}

.spritz-range-wrapper .circles.fill-pear-and-raspberry-theme .circle-1 .circle-inner {
    background-image: url(/images/pear/circle-1.png);
    height: 23.75%;
    width: 23.75%;
    top: 23%;
    left: 63.75%
}

.spritz-range-wrapper .circles.fill-pear-and-raspberry-theme .circle-2 {
    z-index: 1
}

.spritz-range-wrapper .circles.fill-pear-and-raspberry-theme .circle-2 .circle-inner {
    background-image: url(/images/pear/circle-2.png);
    height: 9.75%;
    width: 9.75%;
    top: 44.25%;
    left: 23%
}

.spritz-range-wrapper .circles.fill-apple-and-watermelon-theme .circle-lrg .circle-inner {
    background-image: url(/images/apple/circle-lrg.png)
}

.spritz-range-wrapper .circles.fill-apple-and-watermelon-theme .circle-1 .circle-inner {
    background-image: url(/images/apple/circle-1.png);
    height: 11.75%;
    width: 11.75%;
    top: 39.5%;
    left: 70.5%
}

.spritz-range-wrapper .circles.fill-apple-and-watermelon-theme .circle-2 .circle-inner {
    background-image: url(/images/apple/circle-2.png);
    height: 17.25%;
    width: 17.25%;
    top: 16%;
    left: 66.5%
}

.spritz-range-wrapper .circles.fill-apple-and-watermelon-theme .circle-3 .circle-inner {
    background-image: url(/images/apple/circle-3.png);
    height: 25.25%;
    width: 25.25%;
    top: 12%;
    left: 62.5%
}

.spritz-range-wrapper .circles.fill-apple-and-watermelon-theme .circle-4 .circle-inner {
    background-image: url(/images/apple/circle-4.png);
    height: 15.25%;
    width: 15.25%;
    top: 47.25%;
    left: 83%
}

.spritz-range-wrapper .circles.fill-apple-and-watermelon-theme .circle-5 .circle-inner {
    background-image: url(/images/apple/circle-5.png);
    height: 4.75%;
    width: 4.75%;
    top: 31%;
    left: 60.75%
}

.spritz-range-wrapper .circles.fill-apple-and-watermelon-theme .circle-6 .circle-inner {
    background-image: url(/images/apple/circle-6.png);
    height: 9.75%;
    width: 9.75%;
    top: 6.5%;
    left: 24.5%
}

.spritz-range-wrapper .circles.fill-apple-and-watermelon-theme .circle-7 .circle-inner,
.spritz-range-wrapper .circles.fill-apple-and-watermelon-theme .circle-8 .circle-inner,
.spritz-range-wrapper .circles.fill-apple-and-watermelon-theme .circle-9 .circle-inner {
    background-image: url(/images/apple/circle-7.png);
    height: 3.25%;
    width: 3.25%;
    top: 21.75%;
    left: 31%
}

.spritz-range-wrapper .circles.fill-apple-and-watermelon-theme .circle-8 .circle-inner {
    top: 17.5%;
    left: 29%
}

.spritz-range-wrapper .circles.fill-apple-and-watermelon-theme .circle-9 .circle-inner {
    top: 15.25%;
    left: 33%
}

.spritz-range-wrapper .circles.fill-peach-and-apricot-theme .circle-lrg {
    z-index: 2
}

.spritz-range-wrapper .circles.fill-peach-and-apricot-theme .circle-1,
.spritz-range-wrapper .circles.fill-peach-and-apricot-theme .circle-2 {
    z-index: 1
}

.spritz-range-wrapper .circles.fill-peach-and-apricot-theme .circle-lrg .circle-inner {
    background-image: url(/images/peach/circle-lrg.png)
}

.spritz-range-wrapper .circles.fill-peach-and-apricot-theme .circle-1 .circle-inner {
    background-image: url(/images/peach/circle-1.png);
    height: 16.5%;
    width: 16.5%;
    top: 24%;
    left: 23.5%
}

.spritz-range-wrapper .circles.fill-peach-and-apricot-theme .circle-2 .circle-inner {
    background-image: url(/images/peach/circle-2.png);
    height: 19%;
    width: 19%;
    top: 58.5%;
    left: 27.75%
}

.banner {
    margin: 0 auto;
    text-align: center;
    color: #fff;
    font-family: Montserrat, Arial, sans-serif;
    text-transform: uppercase;
    /* max-width: 80% */
    width:100%;
    max-width:100%;
}

.contact_call .banner {
    margin: 0;
    color: #fff;
    font-family: Montserrat, Arial, sans-serif;
	max-width:100%;
}

.contact_call .banner img {
	width:100%;
}

.home .banner {
    max-width: none
}

.banner a {
    display: inline-block
}

.home .banner a {
    display: block
}

.product_hero {
    width: 40%
}

.heroshot {
    font-size: 0;
    position: relative;
    text-align: center
}

.heroshot_tray {
    position: relative
}

.heroshot-product {
    opacity: 0;
    -webkit-transition: opacity 1s .5s ease;
    transition: opacity 1s .5s ease;
    margin: 3rem auto;
    width: 100%
}

@media screen and (min-width:800px) {
    .heroshot-product {
        margin-top: 0
    }
}

.heroshot-explore {
    width: 100%;
    text-align: left;
    margin: 0 auto 3rem;
    display: inline-block
}
.blends .heroshot-explore {
    width: 100%;
}

.no-js .heroshot-explore,
.no-js .heroshot-product {
    opacity: 1
}

@media screen and (max-width:799px) {
    .product_hero {
        width: 100%
    }
    .no-js .product_hero {
        width: 300px
    }

    .midnight-flavour .product .product_hero {
        margin: -3em 0 4em 0;
    }

    .midnight-flavour .product .midnight-text {
        margin-top: 20px;
    }
}

@media screen and (min-width:400px) and (max-width:799px) {
    .product_description {
        display: inline-block;
        vertical-align: middle;
        width: 80%;
        margin: 0 auto
    }
    .heroshot-product {
        width: 300px;
        max-width: 100%;
        vertical-align: middle
    }
}
@media screen and (min-width:501px) {
    .blends_product a {
        max-width: 160px;
    }
}
@media screen and (min-width:800px) {
    .product_description {
        display: inline-block;
        vertical-align: middle;
        width: 38%
    }
    .product_hero {
        width: 23%
    }
    .heroshot-explore,
    .heroshot-product {
        vertical-align: middle;
        margin: 0 auto
    }
    .heroshot-explore {
        width: 100%
    }
    .ie9 .spritz .heroshot-explore {
        width: 33%
    }
    .heroshot-explore a {
        max-width: 160px
    }
}

@media screen and (min-width:1100px) {
    .heroshot-explore a {
        max-width: 180px
    }
    .spritz-range-wrapper .heroshot-explore a {
        max-width: 270px
    }
}

.heroshot_bottle {
    width: 50%;
    left: -85px;
    position: relative;
    -webkit-transition: left 1s .25s cubic-bezier(0.455, .03, .515, .955);
    transition: left 1s .25s cubic-bezier(0.455, .03, .515, .955)
}

.no-js .heroshot_bottle {
    left: 0
}

.heroshot_glass {
    position: absolute;
    bottom: 0;
    right: -100px;
    -webkit-transition: right 1s .25s cubic-bezier(0.455, .03, .515, .955);
    transition: right 1s .25s cubic-bezier(0.455, .03, .515, .955);
    width: 70%
}

.heroshot.heroshot-explore .heroshot_glass {
    width: 75%
}

.no-js .heroshot_glass {
    right: 0
}

.heroshot_bottle img,
.heroshot_glass img {
    max-width: 100%
}

.midnight .heroshot_glass img {
    max-height: 200px
}

.heroshot.animate {
    opacity: 1
}

.heroshot.animate .heroshot_bottle {
    left: 0
}

.spritz-range-wrapper .heroshot.animate .heroshot_bottle {
    left: 30%;
    width: 45%
}

.heroshot.animate .heroshot_glass {
    right: 0
}

.heroshot.heroshot-explore .heroshot_glass {
    right: 0;
    -webkit-transition: none;
    transition: none
}

.heroshot.heroshot-explore .heroshot_bottle {
    left: 0;
    -webkit-transition: none;
    transition: none
}

@media screen and (min-width:400px) {
    .midnight .heroshot_glass img {
        max-height: 300px
    }
}

@media screen and (min-width:500px) {
    .midnight .heroshot_glass img {
        max-height: none
    }
}

@media screen and (min-width:800px) {
    .heroshot.animate .heroshot_glass {
        right: -15px
    }
    .heroshot.heroshot-explore .heroshot_glass {
        right: -21px
    }
    .midnight .heroshot_glass img {
        max-height: 300px
    }
}

@media screen and (min-width:1250px) {
    .midnight .heroshot_glass img {
        max-height: none
    }
}

.no-svganim #svgbottle,
.no-svganim #svgglass {
    display: none
}

#svgbottle,
#svgglass {
    position: absolute!important;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.heroshot-mix img {
    max-width: 80%;
    margin: 0 auto
}

@media screen and (max-width:600px) {
    .heroshot-mix img {
        height: 300px
    }
}

.banner_copyinner {
    display: inline-block;
    vertical-align: middle
}

.banner_copy {
    position: relative;
    opacity: 0;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease
}

.no-anim .banner_copy,
.no-js .banner_copy {
    opacity: 1
}

.show {
    opacity: 1!important
}

.banner svg {
    max-height: 20%
}

.stepbystep * {
    visibility: hidden
}

.scroll {
    background: #fff;
    width: 0;
    margin: 0 auto;
    position: relative;
    height: 33px;
    z-index: 10
}

.scroll-tall {
    height: 54px;
    margin-bottom: 10px
}

.scroll-blocked {
    height: 44px
}

.scroll-streetsign {
    height: 72px
}

.no-anim .scroll,
.no-js .scroll,
.scroll-animate {
    -webkit-transition: width .5s cubic-bezier(0.175, .885, .32, 1.275);
    transition: width .5s cubic-bezier(0.175, .885, .32, 1.275);
    width: -webkit-calc(100% - 50px);
    width: calc(100% - 50px)
}

.scroll_end {
    opacity: 0;
    width: 44px;
    height: 29px;
    display: block;
    position: absolute;
    top: 1px;
    z-index: -1
}

.scroll_left {
    background: url(/images/banner-left.png) 0 0 no-repeat;
    left: 44px;
    -webkit-transition: left .5s cubic-bezier(1, -.02, .42, 1.27), opacity .5s ease, top .5s ease;
    transition: left .5s cubic-bezier(1, -.02, .42, 1.27), opacity .5s ease, top .5s ease
}

.scroll_right {
    background: url(/images/banner-right.png) 0 0 no-repeat;
    right: 44px;
    -webkit-transition: right .5s cubic-bezier(1, -.02, .42, 1.27), opacity .5s ease, top .5s ease;
    transition: right .5s cubic-bezier(1, -.02, .42, 1.27), opacity .5s ease, top .5s ease
}

.scroll-blocked .scroll_end,
.scroll-tall .scroll_end {
    width: 31px;
    height: 44px;
    top: 0
}

.scroll-blocked .scroll_left,
.scroll-tall .scroll_left {
    background: url(/images/banner-left-tall.png) 0 0 no-repeat
}

.scroll-blocked .scroll_right,
.scroll-tall .scroll_right {
    background: url(/images/banner-right-tall.png) 0 0 no-repeat
}

.scroll-streetsign .scroll_end {
    height: 72px;
    width: 40px;
    top: 0
}

.scroll-streetsign .scroll_left {
    background: url(/images/banner-left-streetsign.png) 0 0 no-repeat;
    -webkit-transition: right .5s cubic-bezier(1, -.02, .42, 1.27);
    transition: right .5s cubic-bezier(1, -.02, .42, 1.27)
}

.scroll-streetsign .scroll_right {
    background: url(/images/banner-right-streetsign.png) 0 0 no-repeat;
    -webkit-transition: right .5s cubic-bezier(1, -.02, .42, 1.27);
    transition: right .5s cubic-bezier(1, -.02, .42, 1.27)
}

.no-anim .scroll_end,
.no-js .scroll_end {
    opacity: 1
}

.no-anim .scroll_left,
.no-js .scroll_left,
.scroll-animate .scroll_left {
    left: -19px
}

.no-anim .scroll_right,
.no-js .scroll_right,
.scroll-animate .scroll_right {
    right: -19px
}

.no-anim .scroll-tall .scroll_end,
.no-js .scroll-tall .scroll_end,
.scroll-animate.scroll-tall .scroll_end {
    top: 18px
}

.no-anim .scroll-streetsign .scroll_right,
.no-js .scroll-streetsign .scroll_right,
.scroll-animate.scroll-streetsign .scroll_right {
    right: -24px
}

.no-anim .scroll-streetsign .scroll_left,
.no-js .scroll-streetsign .scroll_left,
.scroll-animate.scroll-streetsign .scroll_left {
    left: -24px
}

.scroll_copy {
    opacity: 0;
    -webkit-transition: opacity .25s ease;
    transition: opacity .25s ease;
    display: none;
    position: relative;
    height: 33px
}

.no-anim .scroll_copy,
.no-js .scroll_copy {
    opacity: 1;
    display: block
}

.scroll-tall .scroll_copy {
    height: 54px
}

.scroll-blocked .scroll_copy {
    height: 44px
}

.scroll-streetsign .scroll_copy {
    height: 72px
}

.scroll_copy img {
    max-width: 90%;
    position: relative;
    vertical-align: middle;
    display: inline-block
}

.scroll_copy:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    width: 1px
}

#applemango-apple .scroll_copy {
    color: #69B329
}

#applemango-mango .scroll_copy {
    color: #FF9519
}

.banner_primary {
    font-size: 25vw;
    font-family: Montserrat, Arial, sans-serif;
    font-weight: 700;
    margin: 0;
    line-height: 1;
    z-index: 5;
    letter-spacing: -.06em
}

.banner_primary .banner_copyinner {
    opacity: 0;
    -webkit-transition: opacity .75s ease;
    transition: opacity .75s ease
}

.no-anim .banner_primary .banner_copyinner,
.no-js .banner_primary .banner_copyinner {
    opacity: 1
}

#appleraspberry-apple .banner_primary {
    color: #E5CB2D;
    font-size: 8rem;
    padding-bottom: 0;
    line-height: .8
}

#appleraspberry-raspberry .banner_primary {
    font-size: 4rem;
    color: #EB336D
}

#applemango-apple .banner_primary {
    color: #69B329;
    font-size: 8rem
}

#applemango-mango .banner_primary {
    font-size: 6rem;
    color: #FF9F00;
    line-height: .8;
    padding-bottom: 1rem
}

#glitterberry-cherry .banner_primary {
    color: #D41751;
    font-size: 6rem;
    line-height: .8;
    padding-bottom: 1rem
}

#glitterberry-grape .banner_primary {
    font-size: 7rem;
    color: #EAC443
}

#orangepassionfruit-orange .banner_primary {
    font-size: 5.7rem
}

@media screen and (min-width:400px) and (max-width:799px) {
    .banner_primary {
        font-size: 14rem
    }
    #appleraspberry-raspberry .banner_primary {
        font-size: 5.5rem
    }
    #applemango-apple .banner_primary,
    #appleraspberry-apple .banner_primary {
        font-size: 10.5rem
    }
    #glitterberry-grape .banner_primary {
        font-size: 9rem
    }
    #applemango-mango .banner_primary,
    #glitterberry-cherry .banner_primary {
        font-size: 8rem
    }
    #orangepassionfruit-orange .banner_primary {
        font-size: 7rem
    }
}

@media screen and (min-width:800px) {
    .banner_primary {
        font-size: 9.3rem;
        font-size: -webkit-calc(25vw * .38);
        font-size: calc(25vw * .38)
    }
    #appleraspberry-raspberry .banner_primary {
        font-size: 4rem;
        font-size: -webkit-calc(13.4vw * .38);
        font-size: calc(13.4vw * .38)
    }
    #applemango-apple .banner_primary,
    #appleraspberry-apple .banner_primary {
        font-size: 9.3rem;
        font-size: -webkit-calc(22vw * .38);
        font-size: calc(22vw * .38)
    }
    #glitterberry-grape .banner_primary {
        font-size: 9.1rem;
        font-size: -webkit-calc(24vw * .38);
        font-size: calc(24vw * .38)
    }
    #applemango-mango .banner_primary,
    #glitterberry-cherry .banner_primary {
        font-size: 7.6rem;
        font-size: -webkit-calc(20vw * .38);
        font-size: calc(20vw * .38)
    }
    #orangepassionfruit-orange .banner_primary {
        font-size: 6rem;
        font-size: -webkit-calc(18vw * .38);
        font-size: calc(18vw * .38)
    }
}

@media screen and (min-width:1200px) {
    .banner_primary {
        font-size: 10rem
    }
    #appleraspberry-raspberry .banner_primary {
        font-size: 5.9rem
    }
    #applemango-apple .banner_primary,
    #appleraspberry-apple .banner_primary {
        font-size: 11.3rem
    }
    #glitterberry-grape .banner_primary {
        font-size: 10.1rem
    }
    #applemango-mango .banner_primary,
    #glitterberry-cherry .banner_primary {
        font-size: 9rem
    }
    #orangepassionfruit-orange .banner_primary {
        font-size: 8.5rem
    }
}

.banner_primary .banner_copyinner.show {
    opacity: 1
}

.banner_secondary {
    display: table
}

.banner_secondary .banner_copyinner {
    opacity: 0;
    -webkit-transition: opacity .75s ease;
    transition: opacity .75s ease
}

.ie9 #story-joy .banner_secondary {
    display: table
}

.ie9 #story-joy .banner_secondary .banner_copyinner {
    display: table-cell
}

.banner_secondary .banner_copyinner.show,
.no-anim .banner_secondary .banner_copyinner,
.no-js .banner_secondary .banner_copyinner {
    opacity: 1
}

#appleraspberry-raspberry .banner_secondary {
    font-size: 2rem;
    font-family: Montserrat, Arial, sans-serif;
    font-weight: 700;
    line-height: .8;
    padding-top: .25em;
    color: #EB336D
}

#applemango-mango .banner_secondary {
    font-family: j2o-perfection;
    font-weight: 500;
    font-size: 7.8rem;
    position: relative;
    line-height: .8
}

@media screen and (min-width:400px) and (max-width:799px) {
    #applemango-mango .banner_secondary {
        font-size: 11rem
    }
    #appleraspberry-raspberry .banner_secondary {
        font-size: 2rem;
        padding: .25em 0
    }
}

@media screen and (min-width:800px) {
    #applemango-mango .banner_secondary {
        font-size: 9rem;
        font-size: -webkit-calc(24vw * .38);
        font-size: calc(24vw * .38)
    }
    #appleraspberry-raspberry .banner_secondary {
        font-size: 2rem;
        font-size: -webkit-calc(4.9vw * .38);
        font-size: calc(4.9vw * .38)
    }
}

@media screen and (min-width:1200px) {
    #applemango-mango .banner_secondary {
        font-size: 11rem
    }
    #appleraspberry-raspberry .banner_secondary {
        font-size: 2.3rem
    }
}

.copy-inter {
    -webkit-animation-duration: .5s;
    animation-duration: .5s
}

.banner_copy img {
    max-width: 100%;
    display: block;
    margin: 0 auto
}

.copy-decor {
    opacity: 1
}

.copy-decor .banner_copyinner,
.copy-decor .decor {
    opacity: 0;
    -webkit-animation-duration: .5s;
    animation-duration: .5s
}

.no-anim .copy-decor .banner_copyinner,
.no-anim .copy-decor .decor,
.no-js .copy-decor .banner_copyinner,
.no-js .copy-decor .decor {
    opacity: 1
}

.decor {
    display: inline-block;
    vertical-align: middle
}

.decor-hash {
    width: 2%;
    margin: 0 .25%;
    height: 100%;
    padding-bottom: 3%;
    background: #fff;
    opacity: 0;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
    -webkit-transition-delay: .25s;
    transition-delay: .25s
}

.no-anim .decor-hash,
.no-js .decor-hash {
    opacity: 1
}

.decor-hash.decor-left {
    -webkit-transform: skewX(-19deg);
    -ms-transform: skewX(-19deg);
    transform: skewX(-19deg)
}

.decor-hash.decor-right {
    -webkit-transform: skewX(19deg);
    -ms-transform: skewX(19deg);
    transform: skewX(19deg)
}

.decor-diamond {
    width: 5%;
    font-size: 2rem;
    color: #fff
}

.decor-star {
    width: 5%;
    height: 100%;
    padding: 2%;
    opacity: 0;
    -webkit-transition: opacity .5s ease, -webkit-transform .5s ease;
    transition: opacity .5s ease, transform .5s ease;
    -webkit-transition-delay: .25s;
    transition-delay: .25s;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    background: url(/images/star.png) 50% 50% no-repeat;
    background-size: contain
}

.no-anim .decor-star,
.no-js .decor-star {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.decor-star.show {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.decor-scroll {
    width: 0;
    height: 15px;
    background: url(/images/decor-scroll-left.png) 0 50% no-repeat;
    opacity: 0;
    -webkit-transition: opacity .5s .25s ease, width .5s .25s cubic-bezier(0.175, .885, .32, 1.275);
    transition: opacity .5s .25s ease, width .5s .25s cubic-bezier(0.175, .885, .32, 1.275)
}

.decor-scroll.decor-right {
    background: url(/images/decor-scroll-right.png) 100% 50% no-repeat
}

.decor-scroll.show {
    width: 8%;
    opacity: 1
}

.decor-leaves {
    opacity: 0;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease
}

.decor-line {
    width: 0;
    border-bottom: 2px solid #fff;
    height: 0;
    display: inline-block;
    vertical-align: middle;
    -webkit-transition: opacity .25s ease, width .25s .5s ease;
    transition: opacity .25s ease, width .25s .5s ease
}

.decor-diamonds {
    width: 0;
    margin: 0;
    background: url(/images/decor-diamonds-horiz.png) 0 0 repeat-x;
    height: 8px;
    -webkit-transition: opacity .25s ease, width .5s ease;
    transition: opacity .25s ease, width .5s ease
}

.decor-diamonds-vert {
    height: 0;
    margin: 0;
    background: url(/images/decor-diamonds.png) 0 0 repeat-y;
    width: 8px;
    -webkit-transition: opacity .25s ease, height .5s ease;
    transition: opacity .25s ease, height .5s ease
}

.decor-dots {
    width: 0;
    margin: 0;
    -webkit-transition: width 1s ease;
    transition: width 1s ease;
    background: url(/images/decor-dots.png) 0 50% repeat-x;
    height: 4px
}

.decor-dots-divider {
    background-position: 50% 50%
}

.show .decor-dots-divider {
    width: 92%
}

.decor-dots-divider-vert {
    height: 0;
    margin: 0;
    background: url(/images/decor-dots-vert.png) 0 0 repeat-y;
    width: 4px;
    -webkit-transition: opacity .25s ease, height .5s ease;
    transition: opacity .25s ease, height .5s ease
}

.show .decor-dots-divider-vert {
    width: 4px;
    height: 100%
}

.decor-dots-tight {
    background-image: url(/images/decor-dots-tight.png)
}

.decor-dots.decor-left {
    background-position: 100% 50%
}

.decor-dots.show {
    width: 92%
}

.decor-cherry {
    width: 10%;
    position: relative
}

.decor-cherry img {
    width: 100%
}

.decor-cherry:hover {
    -webkit-animation-name: swing;
    animation-name: swing;
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center
}

.decor-line.show,
.no-anim .decor-line,
.no-js .decor-line {
    width: 14%
}

.copy-wordbyword {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.wordbyword {
    opacity: 0
}

.no-anim .wordbyword,
.no-js .wordbyword {
    opacity: 1
}

svg {
    width: 100%
}

.banner-slide {
    position: relative
}

.banner_slidein {
    position: absolute;
    opacity: 0;
    -webkit-transition: top .5s ease, left .5s ease, right .5s ease, bottom .5s ease, opacity .25s ease;
    transition: top .5s ease, left .5s ease, right .5s ease, bottom .5s ease, opacity .25s ease
}

.banner_slidein.show,
.no-anim .banner_slidein,
.no-js .banner_slidein {
    opacity: 1
}

#orangepassionfruit-orange .banner_primary {
    color: #fff
}

@media screen and (min-width:800px) {
    #orangepassionfruit-orange .banner_primary {
        color: #F78909
    }
}

#orangepassionfruit-orange .banner-slide {
    margin-top: 20px
}

.opo-was {
    top: -5px;
    left: 50px
}

.opo-was.show {
    top: 0;
    left: 0
}

.opo-christopher {
    top: 10px;
    left: -100px;
    position: relative
}

.no-anim .opo-christopher,
.no-js .opo-christopher,
.opo-christopher.show {
    top: 0;
    left: 0
}

.opo-columbus {
    top: -27px;
    right: -100px;
    position: relative
}

.no-anim .opo-columbus,
.no-js .opo-columbus,
.opo-columbus.show {
    top: -17px;
    right: 0
}

.opo-decor {
    right: -100px;
    bottom: 0
}

.no-anim .opo-decor,
.no-js .opo-decor,
.opo-decor.show {
    right: 0;
    bottom: 10px
}

#orangepassionfruit-passionfruit .banner-slide {
    height: 70px;
    margin: 1rem auto 0;
    max-width: 362px
}

.opp-landed {
    top: -10px;
    right: -100px;
    position: relative;
    max-width: 269px;
    margin: 0 auto
}

.no-anim .opp-landed,
.no-js .opp-landed,
.opp-landed.show {
    top: 0;
    right: 0
}

.opp-landed .before {
    position: absolute;
    width: 0;
    top: 0;
    left: 0;
    height: 28px;
    background: url(/images/text-op-landed-decor-left.png) 0 0 no-repeat;
    -webkit-transition: width .5s 1s ease;
    transition: width .5s 1s ease;
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.opp-landed .after {
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 28px;
    background: url(/images/text-op-landed-decor-right.png) 0 0 no-repeat;
    -webkit-transition: width .5s 1s ease;
    transition: width .5s 1s ease;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0
}

.no-anim .opp-landed .after,
.no-anim .opp-landed .before,
.no-js .opp-landed .after,
.no-js .opp-landed .before,
.opp-landed.show .after,
.opp-landed.show .before {
    width: 38px
}

.opp-in {
    left: 10px;
    bottom: 100px
}

.no-anim .opp-in,
.no-js .opp-in,
.opp-in.show {
    left: 10px;
    bottom: 0
}

.opp-southamerica {
    left: -140px;
    bottom: -6px
}

.no-anim .opp-southamerica,
.no-js .opp-southamerica,
.opp-southamerica.show {
    left: 40px;
    bottom: 0
}

@media screen and (min-width:400px) and (max-width:799px) {
    #orangepassionfruit-orange {
        max-width: 465px
    }
    #orangepassionfruit-passionfruit {
        max-width: 410px
    }
}

#orangepassionfruit-orange .copy-inter-one .banner_copyinner {
    width: 76%
}

#orangepassionfruit-orange .copy-inter-one .decor {
    width: 10%;
    border-width: 1px
}

#orangepassionfruit-passionfruit .copy-inter-one {
    padding-bottom: 1rem
}

#orangepassionfruit-passionfruit .copy-inter-one .banner_copyinner {
    width: 60%;
    margin: 0 2%
}

#orangepassionfruit-passionfruit .copy-inter-one .decor {
    opacity: 0;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    width: 16%
}

.copy-passion {
    padding: 1rem 0
}

#juicycrunch {
    position: relative;
    top: -1.3em;
    margin-bottom: -2.2em
}

#allofthemdelicate {
    margin-top: -.7em;
    margin-bottom: -1em
}

@media screen and (min-width:800px) {
    #allofthemdelicate {
        margin-top: 0;
        margin-bottom: 0
    }
    #appleraspberry-raspberry {
        top: -5px;
        position: relative
    }
}

@media screen and (min-width:400px) and (max-width:799px) {
    #appleraspberry-apple {
        max-width: 410px
    }
    #appleraspberry-raspberry {
        max-width: 370px
    }
}

#appleraspberry-apple .copy-inter-one .banner_copyinner {
    width: 85%
}

#appleraspberry-apple .copy-inter-two {
    padding: .85rem 0
}

#appleraspberry-apple .copy-inter-four,
#appleraspberry-apple .copy-inter-three {
    padding: .5rem 0
}

#appleraspberry-apple .copy-inter-four .banner_copyinner {
    width: 76%
}

#appleraspberry-apple .copy-inter-four .decor {
    width: 10%
}

#appleraspberry-apple .decor-line.show,
.no-anim #appleraspberry-apple .decor-line,
.no-js #appleraspberry-apple .decor-line {
    width: 5%
}

#appleraspberry-raspberry .copy-inter-two .banner_copyinner {
    width: 80%;
    padding: 0 5%
}

#appleraspberry-raspberry .copy-inter-three .banner_copyinner {
    width: 72%
}

#appleraspberry-raspberry .copy-inter-three .decor {
    width: 12%
}

#appleraspberry-raspberry .copy-inter-five .banner_copyinner {
    width: 80%
}

#appleraspberry-raspberry .copy-inter-five .decor-line.show,
.no-anim #appleraspberry-raspberry .copy-inter-five .decor-line,
.no-js #appleraspberry-raspberry .copy-inter-five .decor-line {
    width: 8%;
    border-color: #EB346D
}

@media screen and (min-width:400px) and (max-width:799px) {
    #applemango-apple {
        max-width: 410px
    }
    #applemango-mango {
        max-width: 400px
    }
}

#applemango-apple .decor-line.show,
.no-anim #applemango-apple .decor-line,
.no-js #applemango-apple .decor-line {
    width: 14%
}

#applemango-apple .copy-inter-one .banner_copyinner {
    width: 56%
}

#applemango-apple .copy-inter-two .banner_copyinner {
    width: 68%
}

.copy-you {
    padding: 2.2vw 0
}

@media screen and (min-width:800px) {
    .copy-you {
        padding: -webkit-calc(2.2vw * .38) 0;
        padding: calc(2.2vw * .38) 0
    }
}

#applemango-mango .banner_secondary .decor-dots {
    margin: 0 4%;
    margin-bottom: 1rem;
    display: block
}

#applemango-mango .copy-inter-two .decor-dots.show {
    width: 92%
}

#applemango-mango .decor-line.show,
.no-anim #applemango-mango .decor-line,
.no-js #applemango-mango .decor-line {
    width: 15%
}

#applemango-mango .copy-inter-one {
    opacity: 0;
    -webkit-filter: blur(3px);
    -webkit-transition: -webkit-filter 1.5s ease, opacity .5s ease;
    transition: -webkit-filter 1.5s ease, opacity .5s ease
}

#applemango-mango .copy-inter-one.show,
.no-anim #applemango-mango .copy-inter-one,
.no-js #applemango-mango .copy-inter-one {
    -webkit-filter: blur(0);
    opacity: 1
}

#applemango-mango .copy-inter-two {
    padding: 1rem 0
}

#applemango-mango .copy-inter-two .banner_copyinner {
    width: 64%
}

#applemango-mango .copy-inter-three {
    padding-top: 1rem
}

#applemango-mango .copy-inter-three .banner_copyinner {
    padding-top: 4px;
    width: 20%
}

@media screen and (min-width:400px) and (max-width:799px) {
    #glitterberry-cherry {
        max-width: 400px
    }
    #glitterberry-grape {
        max-width: 380px
    }
}

#glitterberry-cherry .scroll_copy {
    max-width: 88%;
    margin: 0 auto
}

#glitterberry-cherry .decor-line {
    border-width: 2px
}

#glitterberry-cherry .decor-line.show {
    width: 16%
}

#glitterberry-grape .decor-line.show {
    width: 15%
}

#glitterberry-cherry .copy-inter-one .banner_copyinner {
    width: 62%
}

#glitterberry-cherry .copy-inter-two {
    padding-top: 1.2rem
}

#glitterberry-cherry .copy-inter-two .banner_copyinner {
    width: 76%;
    padding: 0 3%
}

#glitterberry-grape .scroll {
    max-width: 60%
}

#glitterberry-grape .copy-inter-one {
    padding-top: 1.25rem
}

#glitterberry-grape .banner_primary {
    line-height: .8
}

#glitterberry-grape .copy-inter-two {
    padding-top: .75rem
}

#glitterberry-grape .copy-inter-two .banner_copyinner {
    width: 65%
}

@media screen and (min-width:400px) and (max-width:799px) {
    #gardenrose-apple {
        max-width: 400px
    }
    #gardenrose-raspberries {
        max-width: 380px
    }
}

#gardenrose-apple .banner_primary {
    color: #6ABD42;
    font-size: 4.8em
}

#gardenrose-apple .scroll_copy {
    max-width: 88%;
    margin: 0 auto
}

#gardenrose-apple .scroll_end {
    top: 5px
}

#gardenrose-apple .decor-line {
    border-width: 2px
}

#gardenrose-apple .decor-line.show {
    width: 16%
}

#gardenrose-raspberries .decor-line.show {
    width: 15%
}

#gardenrose-apple .copy-inter-one .banner_copyinner {
    width: 100%
}

#gardenrose-apple .copy-inter-two {
    padding-top: 1.2rem
}

#gardenrose-raspberries .scroll {
    max-width: 80%
}

#gardenrose-raspberries .scroll_end {
    top: 5px
}

#gardenrose-raspberries .copy-inter-one {
    padding-top: 3rem;
    padding-bottom: 1.5rem
}

#gardenrose-raspberries .banner_primary {
    line-height: .8;
    font-size: 3.7rem;
    color: #EA4084
}

#gardenrose-raspberries .copy-inter-two {
    padding-top: 1rem
}

@media screen and (min-width:800px) and (max-width:816px) {
    #gardenrose-apple .banner_primary {
        font-size: 4.4rem
    }
    #gardenrose-raspberries {
        padding-bottom: 60px
    }
    #gardenrose-raspberries .banner_primary {
        font-size: 3.5rem
    }
}

@media screen and (min-width:1100px) {
    #gardenrose-apple .banner_primary {
        font-size: 9rem
    }
    #gardenrose-raspberries .banner_primary {
        font-size: 5rem
    }
}

@media screen and (min-width:1300px) {
    #gardenrose-apple .banner_primary {
        font-size: 9.9rem
    }
    #gardenrose-raspberries .banner_primary {
        font-size: 5.4rem
    }
}

#home-explore {
    position: relative
}

@media screen and (min-width:600px) {
    #home-explore {
        top: -65px;
        margin-bottom: -65px
    }
}

@media screen and (min-width:1000px) {
    #home-explore {
        top: -130px;
        margin-bottom: -130px
    }
}

#home-explore .copy-inter-one img {
    display: inline-block;
    vertical-align: bottom;
    opacity: 0;
    position: relative
}

.no-anim #home-explore .copy-inter-one img,
.no-js #home-explore .copy-inter-one img {
    opacity: 1
}

#home-explore .copy-inter-one img:nth-child(2),
#home-explore .copy-inter-one img:nth-child(3) {
    -webkit-transform: scale(1.08);
    -ms-transform: scale(1.08);
    transform: scale(1.08)
}

#home-explore .copy-inter-one img:nth-child(1) {
    margin-right: -15px
}

#home-explore .copy-inter-one img:nth-child(4) {
    margin-left: -15px
}

#home-explore .copy-inter-one img:nth-child(1),
#home-explore .copy-inter-one img:nth-child(2) {
    left: -50px
}

#home-explore .copy-inter-one img:nth-child(1) {
    -webkit-transition: opacity 1s 1s ease, left 1s 1s ease;
    transition: opacity 1s 1s ease, left 1s 1s ease;
    z-index: 5
}

#home-explore .copy-inter-one img:nth-child(2) {
    -webkit-transition: opacity 1s .5s ease, left 1s .5s ease;
    transition: opacity 1s .5s ease, left 1s .5s ease;
    z-index: 6
}

#home-explore .copy-inter-one.animated img:nth-child(1),
#home-explore .copy-inter-one.animated img:nth-child(2),
.no-anim #home-explore .copy-inter-one img:nth-child(1),
.no-anim #home-explore .copy-inter-one img:nth-child(2),
.no-js #home-explore .copy-inter-one img:nth-child(1),
.no-js #home-explore .copy-inter-one img:nth-child(2) {
    left: 0;
    opacity: 1
}

#home-explore .copy-inter-one img:nth-child(3),
#home-explore .copy-inter-one img:nth-child(4) {
    right: -50px
}

#home-explore .copy-inter-one img:nth-child(3) {
    -webkit-transition: opacity 1s .5s ease, right 1s .5s ease;
    transition: opacity 1s .5s ease, right 1s .5s ease;
    z-index: 6
}

#home-explore .copy-inter-one img:nth-child(4) {
    -webkit-transition: opacity 1s 1s ease, right 1s 1s ease;
    transition: opacity 1s 1s ease, right 1s 1s ease;
    z-index: 5
}

#home-explore .copy-inter-one.animated img:nth-child(3),
#home-explore .copy-inter-one.animated img:nth-child(4),
.no-anim #home-explore .copy-inter-one img:nth-child(3),
.no-anim #home-explore .copy-inter-one img:nth-child(4),
.no-js #home-explore .copy-inter-one img:nth-child(3),
.no-js #home-explore .copy-inter-one img:nth-child(4) {
    right: 0;
    opacity: 1
}

#home-explore .scroll {
    top: -9px;
    z-index: 1
}

#home-explore a:focus .scroll_copy img,
#home-explore a:hover .scroll_copy img {
    -webkit-animation-name: pulse;
    animation-name: pulse;
    -webkit-animation-duration: .25s;
    animation-duration: .25s
}

#home-spritz,
#home-spritz .copy-inter-one {
    position: relative
}

@media screen and (min-width:600px) {
    .boxes {
        padding-top: 80px
    }
}

@media screen and (min-width:1025px) {
    .boxes {
        padding-top: 0
    }
    #home-spritz .copy-inter-one {
        margin-top: -57px
    }
}

#home-spritz .copy-inter-one:before {
    content: " ";
    display: block;
    background: url(/images/text-home-spritz-bg-2.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    width: 82.375%;
    height: 100%;
    max-width: 366px;
    max-height: 194px;
    top: 28%;
    left: 45%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    position: absolute;
    opacity: 0
}

#home-spritz .copy-inter-one.animated:before {
    opacity: 1;
    -webkit-transition: opacity .5s 1s ease;
    transition: opacity .5s 1s ease
}

#home-spritz .copy-inter-one img {
    display: inline-block;
    vertical-align: bottom;
    opacity: 0;
    position: relative
}

.no-anim #home-spritz .copy-inter-one img,
.no-js #home-spritz .copy-inter-one img {
    opacity: 1
}

#home-spritz .copy-inter-one img:nth-child(1) {
    margin-right: -15px
}

#home-spritz .copy-inter-one img:nth-child(2) {
    margin-bottom: -3%
}

#home-spritz .copy-inter-one img:nth-child(3) {
    margin-left: -15px
}

#home-spritz .copy-inter-one img:nth-child(1) {
    left: 50px
}

#home-spritz .copy-inter-one img:nth-child(2) {
    bottom: -20px
}

#home-spritz .copy-inter-one img:nth-child(1) {
    -webkit-transition: opacity .5s .4s ease, left .5s .4s ease;
    transition: opacity .5s .4s ease, left .5s .4s ease;
    z-index: 5
}

#home-spritz .copy-inter-one img:nth-child(2) {
    -webkit-transition: opacity .3s ease, bottom .3s ease;
    transition: opacity .3s ease, bottom .3s ease;
    z-index: 6
}

#home-spritz .copy-inter-one.animated img:nth-child(1),
.no-anim #home-spritz .copy-inter-one img:nth-child(1),
.no-js #home-spritz .copy-inter-one img:nth-child(1) {
    left: 0;
    opacity: 1
}

#home-spritz .copy-inter-one.animated img:nth-child(2),
.no-anim #home-spritz .copy-inter-one img:nth-child(2),
.no-js #home-spritz .copy-inter-one img:nth-child(2) {
    bottom: 0;
    opacity: 1
}

#home-spritz .copy-inter-one img:nth-child(3) {
    right: 50px;
    -webkit-transition: opacity .5s .4s ease, right .5s .4s ease;
    transition: opacity .5s .4s ease, right .5s .4s ease;
    z-index: 3
}

#home-spritz .copy-inter-one.animated img:nth-child(3),
.no-anim #home-spritz .copy-inter-one img:nth-child(3),
.no-js #home-spritz .copy-inter-one img:nth-child(3) {
    right: 0;
    opacity: 1
}

#home-spritz .copy-inter-two {
    margin-top: 25px
}

#home-spritz .copy-inter-three {
    margin-top: 20px
}

#home-spritz a:focus .pulse img,
#home-spritz a:hover .pulse img {
    -webkit-animation-name: pulse;
    animation-name: pulse;
    -webkit-animation-duration: .25s;
    animation-duration: .25s
}

#home-garden .copy-inter-one.show .before {
    display: none!important
}

#home-garden .copy-inter-two {
    left: auto;
    top: 20px
}

#home-apple {
    max-width: 254px
}

#home-apple .copy-inter-one .banner_copyinner {
    width: 76%
}

#home-apple .decor-line.show,
.no-anim #home-apple .decor-line,
.no-js #home-apple .decor-line {
    width: 10%
}

#home-apple .copy-inter-two {
    padding: .95rem 0 .3rem
}

#home-apple .copy-inter-three {
    padding: 1.1rem 0
}

#home-apple .copy-inter-seven,
#home-apple .copy-inter-six {
    display: none;
    position: absolute;
    left: 10px;
    top: 0;
    bottom: 0;
    width: 4px
}

#home-apple .copy-inter-seven {
    left: auto;
    right: 10px
}

#home-apple .copy-inter.show .decor-dots-vert,
.no-anim #home-apple .copy-inter .decor-dots-vert,
.no-js #home-apple .copy-inter .decor-dots-vert {
    height: 100%
}

@media screen and (min-width:600px) {
    #home-apple .copy-inter-six {
        display: block
    }
    #home-apple a {
        top: -25px;
        margin-bottom: -25px;
        position: relative
    }
    #home-apple .copy-inter-seven,
    #home-apple .copy-inter-six {
        top: -12px;
        bottom: 12px
    }
}

@media screen and (min-width:1000px) {
    #home-apple a {
        top: -50px;
        margin-bottom: -50px;
        position: relative
    }
    #home-apple .copy-inter-seven {
        display: block
    }
    #home-apple .copy-inter-seven,
    #home-apple .copy-inter-six {
        top: -25px;
        bottom: 25px
    }
}

#home-apple a:focus .copy-inter-four img,
#home-apple a:hover .copy-inter-four img {
    -webkit-animation-name: pulse;
    animation-name: pulse;
    -webkit-animation-duration: .25s;
    animation-duration: .25s
}

#home-glitter {
    position: relative
}

#home-glitter .copy-inter {
    display: inline-block;
    width: 49%
}

@media screen and (min-width:1000px) {
    #home-glitter {
        top: -130px;
        margin-bottom: -130px
    }
}

#home-glitter .copy-inter-one {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    z-index: 2;
    top: -20px;
    max-width: 165px
}

#home-glitter .copy-inter-one .before {
    content: "";
    width: 0;
    height: 0;
    border-radius: 50%;
    background: #850F45;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    z-index: 1
}

#home-glitter .copy-inter-one.show .before,
.no-anim #home-glitter .copy-inter-one .before,
.no-js #home-glitter .copy-inter-one .before {
    width: 140%;
    height: 140%;
    top: -20%;
    left: -20%
}

#home-glitter .copy-inter-one img {
    position: relative;
    z-index: 5;
    opacity: 0;
    -webkit-transition: opacity 1s .8s ease;
    transition: opacity 1s .8s ease;
    width: 100%;
    height: 100%
}

#home-glitter .copy-inter-one.show img,
.no-anim #home-glitter .copy-inter-one img,
.no-js #home-glitter .copy-inter-one img {
    opacity: 1
}

#home-glitter .copy-inter-two {
    right: -50px;
    -webkit-transition: right 1s ease;
    transition: right 1s ease;
    opacity: 0;
    z-index: 10
}

#home-glitter .copy-inter-two.show,
.no-anim #home-glitter .copy-inter-two,
.no-js #home-glitter .copy-inter-two {
    right: 0;
    opacity: 1
}

#home-glitter a:focus img,
#home-glitter a:hover img {
    -webkit-animation-name: pulse;
    animation-name: pulse;
    -webkit-animation-duration: .25s;
    animation-duration: .25s
}

#home-garden {
    position: relative
}

#home-garden .copy-inter {
    display: inline-block;
    width: 49%
}

@media screen and (min-width:1000px) {
    #home-garden {
        left: -10px;
        top: -130px;
        margin-bottom: -130px
    }
}

@media screen and (max-width:600px) {
    #home-garden {
        left: -10%
    }
}

#home-garden .copy-inter-one {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    z-index: 2;
    top: 0;
    max-width: 208px;
    width: 71%
}

#home-garden .copy-inter-one .before {
    content: "";
    width: 0;
    height: 0;
    border-radius: 50%;
    background: url(/images/limitededition-background.png) no-repeat;
    background-position: 50% 50%;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    z-index: 1
}

#home-garden .copy-inter-one.show .before,
.no-anim #home-garden .copy-inter-one .before,
.no-js #home-garden .copy-inter-one .before {
    width: 100%;
    height: 100%;
    top: 8%;
    left: 0
}

#home-garden .copy-inter-one img {
    position: relative;
    z-index: 5;
    opacity: 0;
    -webkit-transition: opacity 1s .8s ease;
    transition: opacity 1s .8s ease;
    width: 100%;
    height: 100%
}

#home-garden .copy-inter-one.show img,
.no-anim #home-garden .copy-inter-one img,
.no-js #home-garden .copy-inter-one img {
    opacity: 1
}

#home-garden .copy-inter-two {
    right: -50px;
    -webkit-transition: right 1s ease;
    transition: right 1s ease;
    opacity: 0;
    z-index: 10;
    margin-left: -8%;
    margin-right: -13%
}

#home-garden .copy-inter-two.show,
.no-anim #home-garden .copy-inter-two,
.no-js #home-garden .copy-inter-two {
    right: -10px;
    opacity: 1
}

#home-garden a:focus img,
#home-garden a:hover img {
    -webkit-animation-name: pulse;
    animation-name: pulse;
    -webkit-animation-duration: .25s;
    animation-duration: .25s
}

@media screen and (min-width:1000px) {
    #home-midnight {
        top: -85px;
        margin-bottom: -85px;
        position: relative
    }
}

#home-joy {
    opacity: 0
}

#home-joy.show,
.no-anim #home-joy,
.no-js #home-joy {
    opacity: 1
}

#home-grape .scroll {
    margin: 1.2rem auto
}

#home-grape .copy-inter-two {
    padding: .9rem 0
}

#home-grape .copy-inter-four {
    padding-bottom: 10px
}

#home-grape .copy-inter-four.show .decor-dots,
.no-anim #home-grape .copy-inter-four .decor-dots,
.no-js #home-grape .copy-inter-four .decor-dots {
    width: 80%
}

#home-grape a:focus .copy-inter-three img,
#home-grape a:hover .copy-inter-three img {
    -webkit-animation-name: pulse;
    animation-name: pulse;
    -webkit-animation-duration: .25s;
    animation-duration: .25s
}

#home-raspberries .scroll {
    margin: 1.2rem auto
}

#home-raspberries .copy-inter-one {
    padding: .5rem 0
}

#home-raspberries .copy-inter-two {
    padding: .9rem 0
}

#home-raspberries .copy-inter-three {
    padding: .5rem 0
}

#home-raspberries .copy-inter-four {
    padding-bottom: 10px
}

#home-raspberries .copy-inter-four.show .decor-dots,
.no-anim #home-raspberries .copy-inter-four .decor-dots,
.no-js #home-raspberries .copy-inter-four .decor-dots {
    width: 100%
}

#home-raspberries a:focus .copy-inter-three img,
#home-raspberries a:hover .copy-inter-three img {
    -webkit-animation-name: pulse;
    animation-name: pulse;
    -webkit-animation-duration: .25s;
    animation-duration: .25s
}

#home-story .copy-inter-two {
    padding: 1.2rem 0
}

#home-story .copy-inter-two .banner_copyinner,
#home-story .copy-inter-two.show .decor-dots,
.no-anim #home-story .copy-inter-two .decor-dots,
.no-js #home-story .copy-inter-two .decor-dots {
    width: 32%
}

#home-story .copy-inter-four {
    padding-top: 1.7rem
}

#home-story .copy-inter-five {
    padding-top: 10px
}

#home-story .copy-inter-five.show .decor-dots,
.no-anim #home-story .copy-inter-five .decor-dots,
.no-js #home-story .copy-inter-five .decor-dots {
    width: 100%
}

#home-story a:focus .copy-inter-four img,
#home-story a:hover .copy-inter-four img {
    -webkit-animation-name: pulse;
    animation-name: pulse;
    -webkit-animation-duration: .25s;
    animation-duration: .25s
}

@media screen and (min-width:500px) {
    .story {
        margin-bottom: -100px
    }
    .story~.sitefooter {
        margin-top: 0;
        height: 100px
    }
}

.story>section.story_bottom {
    margin-bottom: 0
}

#story-joy .banner_secondary {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

#story-joy .wordbyword img {
    width: 100%;
    padding: 0 5%
}

#story-cinema .copy-inter-two {
    padding: 1.2rem 0
}

#story-cinema .copy-inter-two .banner_copyinner {
    width: 10%
}

#story-cinema .copy-inter-two .decor-dots.show,
.no-anim #story-cinema .copy-inter-two .decor-dots {
    width: 40%
}

#story-cinema .copy-inter-four {
    padding-top: 1rem;
    margin-bottom: -.4rem
}

#story-cinema .copy-inter-four .banner_copyinner {
    width: 4%
}

#story-cinema .copy-inter-four .decor-dots.show,
.no-anim #story-cinema .copy-inter-four .decor-dots {
    width: 43%
}

#story-cinema .copy-inter-five .banner_copyinner {
    padding: 0 10px;
    width: 100%
}

#story-cinema .copy-inter-five .decor {
    display: none
}

#story-cinema .copy-inter-six {
    margin: 1rem 0
}

#story-cinema .copy-inter-seven.show .decor,
.no-anim #story-cinema .copy-inter-seven .decor {
    width: 93%
}

@media screen and (min-width:500px) {
    #story-cinema .copy-inter-five .decor {
        margin-top: 1.3rem;
        width: 30px;
        display: inline-block
    }
    #story-cinema .copy-inter-five .banner_copyinner {
        width: -webkit-calc(100% - 105px);
        width: calc(100% - 105px)
    }
}

#story-ingredients .copy-inter-two {
    margin-top: 1rem
}

#story-ingredients .copy-inter-two .banner_copyinner {
    width: 68%
}

#story-ingredients .copy-inter-two .decor-scroll.show,
.no-anim #story-ingredients .copy-inter-two .decor-scroll {
    width: 14%
}

#story-ingredients .copy-inter-three {
    margin: -1rem 0
}

#story-ingredients .copy-inter-three .banner_copyinner {
    width: 100%;
    padding: 1rem 0
}

#story-ingredients .copy-inter-three .decor {
    display: none
}

#story-ingredients .copy-inter-five {
    padding-top: 1rem
}

#story-ingredients .copy-inter-five.show .decor,
.no-anim #story-ingredients .copy-inter-five .decor {
    width: 93%
}

@media screen and (min-width:500px) {
    #story-ingredients .copy-inter-three .banner_copyinner {
        width: -webkit-calc(100% - 100px);
        width: calc(100% - 100px);
        padding: 0
    }
    #story-ingredients .copy-inter-three .decor {
        display: inline-block
    }
}

#story-backin .copy-inter-one {
    padding-top: 2rem
}

#story-backin .copy-inter-two .banner_copyinner {
    width: 100%
}

#story-backin .copy-inter-five {
    padding-bottom: 1rem
}

.banner_backtothefuture .copy-inter-three {
    width: 30%;
    margin-right: 3%;
    display: inline-block;
    vertical-align: bottom
}

.banner_backtothefuture .copy-inter-four {
    width: 66%;
    display: inline-block;
    vertical-align: bottom;
    background: url(/images/text-story-three-1998dots.png) -4px 0 no-repeat;
    background-size: cover
}

.banner_backtothefuture .copy-inter-four img {
    display: inline-block
}

.banner_backtothefuture .decorwrap {
    width: 60%;
    position: absolute;
    bottom: 0;
    right: 0
}

.banner_backtothefuture .copy-inter-three .decor {
    width: 20%;
    opacity: 0;
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
    -webkit-transition-duration: .75s;
    transition-duration: .75s
}

.no-anim .banner_backtothefuture .decor,
.no-js .banner_backtothefuture .decor {
    opacity: 1
}

.banner_backtothefuture .copy-inter-three .decor img {
    width: 100%
}

.banner_backtothefuture .copy-inter-four .wordbyword {
    -webkit-animation-duration: .5s;
    animation-duration: .5s
}

.banner_backtothefuture .copy-inter-four img:nth-child(1) {
    width: 17%
}

.banner_backtothefuture .copy-inter-four img:nth-child(2),
.banner_backtothefuture .copy-inter-four img:nth-child(3) {
    width: 27%
}

.banner_backtothefuture .copy-inter-four img:nth-child(4) {
    width: 29%
}

#story-perfecting .copy-inter-one {
    padding-bottom: 1rem
}

#story-perfecting .copy-inter-one .banner_copyinner {
    width: 100%
}

#story-perfecting .copy-inter-one .decor.show,
.no-anim #story-perfecting .copy-inter-one .decor {
    display: none
}

#story-perfecting .copy-inter-two {
    padding-bottom: 2rem
}

.banner_grid {
    width: 100%;
    position: relative;
    text-align: center
}

.banner_grid .show .decor-dots-divider,
.no-anim .banner_grid .decor-dots-divider {
    width: 100%
}

.banner_grid .show .decor-dots-divider-vert,
.no-anim .banner_grid .decor-dots-divider-vert {
    height: 100%
}

.copy-inter-gridtop {
    position: absolute;
    top: 0;
    width: 100%
}

.copy-inter-gridbottom {
    position: absolute;
    bottom: 0;
    width: 100%
}

.copy-inter-gridleft {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%
}

.copy-inter-gridright {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%
}

.copy-inter-gridmiddletop {
    position: absolute;
    top: 0;
    right: 0;
    height: 69%
}

.copy-inter-gridmiddlebottom {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 68%
}

.copy-inter-gridmiddleleft {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 90%
}

.copy-inter-gridmiddleright {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 90%
}

.decor-bottleoutline {
    opacity: 0;
    width: 15px;
    height: 50px;
    left: -webkit-calc(50% - 9px);
    left: calc(50% - 9px);
    top: -webkit-calc(50% - 24px);
    top: calc(50% - 24px);
    background: url(/images/decor-bottleoutline.png) 0 0 no-repeat;
    background-size: cover;
    position: absolute;
    -webkit-animation-duration: .5s;
    animation-duration: .5s
}

.no-anim .decor-bottleoutline,
.no-js .decor-bottleoutline {
    opacity: 1
}

.decor-bottlecap {
    opacity: 0;
    width: 18px;
    height: 19px;
    background: url(/images/decor-bottlecap.png) 0 0 no-repeat;
    position: absolute;
    bottom: -7px;
    left: -webkit-calc(50% - 11px);
    left: calc(50% - 11px);
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s
}

.no-anim .decor-bottlecap,
.no-js .decor-bottlecap {
    opacity: 1
}

.banner_cell {
    width: 50%;
    display: inline-block;
    position: relative;
    padding-bottom: 2rem
}

.appleAndRaspberryCell {
    width: 100%;
    padding-bottom: 0px;
    margin-top: 40px;
}

@media screen and (min-width:500px) {
    #story-perfecting .copy-inter-one .banner_copyinner {
        width: 40%
    }
    #story-perfecting .copy-inter-one .decor.show,
    .no-anim #story-perfecting .copy-inter-one .decor {
        display: inline-block;
        width: 20%
    }
    .decor-bottleoutline {
        width: 23px;
        height: 76px;
        top: -webkit-calc(50% - 38px);
        top: calc(50% - 38px);
        left: -webkit-calc(50% - 14px);
        left: calc(50% - 14px)
    }
}

#story-spritz {
    position: relative;
    padding-bottom: 8rem
}

#story-spritz .copy-inter-one {
    padding-bottom: 1rem
}

#story-spritz .copy-inter-four,
#story-spritz .copy-inter-three,
#story-spritz .copy-inter-two {
    padding-left: 10px;
    padding-right: 10px
}

#story-spritz .copy-inter-gridleft,
#story-spritz .copy-inter-gridright {
    top: -20px
}

#story-spritz .decor-dots.decor-left,
#story-spritz .decor-dots.decor-right {
    position: relative;
    float: right;
    top: -26px
}

#story-spritz .decor-dots.decor-right {
    float: left
}

#story-spritz .decor-dots.decor-left.show,
#story-spritz .decor-dots.decor-right.show,
.no-anim #story-spritz .decor-dots.decor-left,
.no-anim #story-spritz .decor-dots.decor-right {
    width: 50%;
    width: -webkit-calc(50% - 20px);
    width: calc(50% - 20px)
}

#story-spritz .decor-bubbles {
    height: 50px;
    width: 36px;
    position: absolute;
    left: -webkit-calc(50% - 18px);
    left: calc(50% - 18px);
    top: -52px;
    background: url(/images/decor-bubbles-bg.png) no-repeat;
    overflow: hidden;
    background-position: 50% 53%;
    background-size: 0 0
}

#story-spritz .show .decor-bubbles,
.no-anim #story-spritz .decor-bubbles {
    background-size: 30px 30px;
    transition: background-size .2s ease-in;
    -moz-transition: background-size .2s ease-in;
    -ms-transition: background-size .2s ease-in;
    -o-transition: background-size .2s ease-in;
    -webkit-transition: background-size .2s ease-in
}

#story-spritz .decor-bubble {
    width: 9px;
    height: 9px;
    background: url(/images/decor-bubbles.png) 0 bottom no-repeat;
    position: absolute;
    -webkit-transition: top 1750ms linear;
    transition: top 1750ms linear;
    right: 6px;
    top: 100px
}

#story-spritz .decor-bubble:first-child {
    left: 12px;
    -webkit-transition-delay: 250ms;
    transition-delay: 250ms;
    -webkit-transition-duration: 1000ms;
    transition-duration: 1000ms
}

#story-spritz .decor-bubble:last-child {
    left: 0;
    -webkit-transition-delay: 200ms;
    transition-delay: 200ms
}

#story-spritz .copy-inter-one.show .decor-bubble,
.no-anim #story-spritz .copy-inter-one .decor-bubble {
    top: 10px
}

#story-spritz .copy-inter-one.show .decor-bubble:first-child,
.no-anim #story-spritz .copy-inter-one .decor-bubble:first-child {
    top: 0
}

#story-spritz .copy-inter-one.show .decor-bubble:last-child,
.no-anim #story-spritz .copy-inter-one .decor-bubble:last-child {
    top: 41px
}

#story-spritz .copy-inter-three {
    margin-top: 24px;
    margin-bottom: 12px
}

#story-spritz .copy-inter-five {
    margin-top: 12px
}

#story-spritz .copy-inter-five .decor-left,
#story-spritz .copy-inter-five .decor-right,
.no-anim #story-spritz .copy-inter-five .decor-left,
.no-anim #story-spritz .copy-inter-five .decor-right {
    width: 5%
}

#story-spritz .copy-inter-five .decor-centre,
.no-anim #story-spritz .copy-inter-five .decor-centre {
    width: 9%
}

#story-spritz .copy-inter-five .decor-dots,
.no-anim #story-spritz .copy-inter-five .decor-dots {
    float: left;
    top: 55px;
    position: relative
}

#story-spritz .copy-flavour {
    width: 24%;
    height: 122px;
    background: url(/images/story-spritz-flavour-pear-raspberry.png) center 0 no-repeat;
    background-size: 100% auto;
    background-position: 50% 50%;
    float: left;
    opacity: 0
}

#story-spritz .copy-flavour .inner {
    display: block;
    width: 100%;
    height: 100%;
    background: url(/images/story-spritz-flavour-pear-raspberry-text.png) center 0 no-repeat;
    background-size: 100% auto;
    background-position: 50% 50%;
    opacity: 0
}

#story-spritz .copy-flavour.show {
    -webkit-animation: fadeInDown .8s ease-out;
    animation: fadeInDown .8s ease-out
}

#story-spritz .copy-flavour.apple-watermelon {
    background-image: url(/images/story-spritz-flavour-apple-watermelon.png)
}

#story-spritz .copy-flavour.apple-watermelon .inner {
    background-image: url(/images/story-spritz-flavour-apple-watermelon-text.png)
}

#story-spritz .copy-flavour.peach-apricot {
    background-image: url(/images/story-spritz-flavour-peach-apricot.png)
}

#story-spritz .copy-flavour.peach-apricot .inner {
    background-image: url(/images/story-spritz-flavour-peach-apricot-text.png)
}

#story-spritz .show .copy-flavour .inner,
.no-anim #story-spritz .copy-flavour .inner {
    opacity: 1;
    transition: opacity .4s .3s ease-in;
    -moz-transition: opacity .4s .3s ease-in;
    -ms-transition: opacity .4s .3s ease-in;
    -o-transition: opacity .4s .3s ease-in;
    -webkit-transition: opacity .4s .3s ease-in
}

.no-anim #story-spritz .copy-flavour {
    opacity: 1
}

.no-anim #story-spritz .decor-dots-divider-vert {
    height: 100%
}

@media screen and (max-width:350px) {
    #story-spritz {
        padding-bottom: 50px
    }
    #story-spritz .copy-flavour {
        height: 62px
    }
    #story-spritz .copy-inter-five .decor-dots,
    .no-anim #story-spritz .copy-inter-five .decor-dots {
        top: 30px
    }
}

@media screen and (max-width:500px) {
    #story-spritz {
        padding-bottom: 55px
    }
    #story-spritz .copy-flavour {
        height: 80px
    }
    #story-spritz .copy-inter-five .decor-dots,
    .no-anim #story-spritz .copy-inter-five .decor-dots {
        top: 36px
    }
}

@media screen and (min-width:765px) {
    #story-spritz .decor-pole {
        background: url(/images/decor-line-left.png) no-repeat;
        height: 11px;
        width: 15%;
        position: absolute;
        top: 40%;
        background-position: 100% 50%
    }
    #story-spritz .decor-pole-left {
        left: 10px
    }
    #story-spritz .decor-pole-right {
        background: url(/images/decor-line-right.png) no-repeat;
        right: 10px;
        background-position: 0 50%
    }
}

@media screen and (min-width:830px) {
    #story-spritz .decor-pole {
        width: 16%
    }
}

#story-blended .copy-inter-one {
    padding-bottom: 1rem
}

#story-blended .copy-inter-one .banner_copyinner {
    width: 100%
}

#story-blended .copy-inter-one.show .decor,
.no-anim #story-blended .copy-inter-one .decor {
    display: none
}

#story-blended .copy-inter-three .banner_copyinner {
    width: 20%
}

#story-blended .copy-inter-three.show .decor,
.no-anim #story-blended .copy-inter-three .decor {
    width: 40%
}

@media screen and (min-width:500px) {
    #story-blended .copy-inter-one .banner_copyinner {
        width: 90%
    }
    #story-blended .copy-inter-one.show .decor,
    .no-anim #story-blended .copy-inter-one .decor {
        display: inline-block;
        width: 3%;
        border-width: 2px
    }
}

#story-joy .copy-inter-one .banner_copyinner {
    width: 100%
}

#story-joy .copy-inter-one.show .decor,
.no-anim #story-joy .copy-inter-one .decor {
    display: none
}

#story-joy .copy-inter-two {
    padding: 1rem 0
}

@media screen and (min-width:500px) {
    #story-joy .copy-inter-one {
        width: 60%;
        margin: 0 auto
    }
    #story-joy .copy-inter-one .banner_copyinner {
        width: 82%
    }
    #story-joy .copy-inter-one.show .decor,
    .no-anim #story-joy .copy-inter-one .decor {
        display: inline-block;
        width: 4%;
        border-width: 3px
    }
}

.story_bottom .banner_copyinner {
    width: 100%
}

.intro-spritz {
    margin-bottom: 30px!important
}

@media screen and (max-width:500px) {
    .story>section.story_bottom {
        margin-bottom: -20px;
        width: 70%;
        margin-left: 15%
    }
}

.product_supplemental {
    position: relative;
    z-index: 5
}

.product_supplementalinner {
    position: relative;
    z-index: 6
}

.product_supplemental .after,
.product_supplemental .before {
    display: none
}

@media screen and (min-width:800px) {
    .product_supplemental {
       max-width: 587px
    }
    .product_supplemental .after,
    .product_supplemental .before {
        display: block;
        position: absolute;
        z-index: 4;
        width: 31px;
        height: 121px;
        top: -webkit-calc(50% - 60px);
        top: calc(50% - 60px);
        left: -30px;
        background-position: 31px 0;
        background-repeat: no-repeat;
        background-image: url(/images/am-nutritionbanner-left.png);
        -webkit-transition: background-position .5s .5s ease;
        transition: background-position .5s .5s ease
    }
    .product_supplemental .after {
        left: auto;
        right: -31px;
        background-position: -31px 0;
        background-image: url(/images/am-nutritionbanner-right.png)
    }
    .no-js .product_supplemental .after,
    .no-js .product_supplemental .before,
    .product_supplemental.animated .after,
    .product_supplemental.animated .before {
        background-position: 0 0
    }
    .ingredients {
        left: 0;
        /*left: 35px*/
    }
    .order {
        right: 35px
    }
}

.ingredients .product_supplementalinner {
    background: #454545;
    padding: 10px 5px;
    text-align: center;
    border-radius:20px;
}

.ingredients_title {
    color: #fff;
    font-family: "Outfit", sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 20px;
}
.ingredients_title span{
    margin-top:16px;
    font-size:16px !important;
    font-weight:400 !important;
    line-height:100% !important;
    letter-spacing:0 !important;
}
.ingredients_stats {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
	background: #fff;
    padding: 10px 0 10px 0;

}

.ingredients_stats img {
    margin: 0 1.5%;
    height: 60px
}

@media screen and (min-width:420px) {
    .ingredients_stats img {
        height: auto
    }
}

@media screen and (min-width:820px) {
    .ingredients_stats img {
        height: 60px
    }
}

@media screen and (min-width:1000px) {
    .ingredients_stats img {
        height: auto
    }
}

.ingredients_more {
    color: #fff;
    font-family:"Outfit", sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 20px;
    text-decoration: none;
    border-bottom: 1px dotted #fff;
    padding-bottom: 3px;
    display: inline-block;
    margin-top: 1em;
    -webkit-transition: border-bottom-color .25s ease;
    transition: border-bottom-color .25s ease;
    max-width: 90%;
    letter-spacing: .6px
}

.ingredients_more:focus,
.ingredients_more:hover {
    border-bottom-color: transparent
}

.ingredients_GDA {
    font-size: 16px;
    max-width:420px;
    color: #fff;
    margin:14px auto 0 auto;
}

.nutritioninfo {
    background: #454545;
    padding: 55px 20px;
    color: #fff;
    font-size: 0;
    font-family:"Outfit", sans-serif;
    position: relative;
    z-index: 100;
    opacity: 0;
    display:flex;
    flex-wrap:wrap;
}
.nutritioninfo.show {
    opacity:1;
}
.js .nutritioninfo {
    -webkit-transition: opacity 1s .5s ease;
    transition: opacity 1s .5s ease
}

.nutritioninfo.show {
    opacity: 1;
    max-width:1200px;
    margin: 102px auto 0 auto;
}
.nutritioninfo_title{
    font-family:"Rama-Gothic-Rounded-E-Bold";
    font-size:20px;
    font-weight:700;
    margin:0;
    margin-bottom:20px;
}
.no-js .nutritioninfo {
    opacity: 1;
    margin: 140px 0 0;
    clip: auto;
    height: auto;
    overflow: visible;
    position: relative;
    width: auto
}

@media screen and (min-width:900px) {
    .nutritioninfo {
        margin-right: 20px;
        margin-left: 20px
    }
}

.nutritioninfo:before {
    content: "";
    width: 0px;
    height: 0px;
    position: absolute;
    top: -29px;
    left: 50%;
    margin-left: -5px;
    border-width: 15px;
    border-style: solid;
    border-color: transparent transparent black transparent;
}

.nutritioninfo_title {
    font-weight: 400;
    text-transform: uppercase
}
/*
.nutritioninfo_product {
    display: none
}
*/
.nutritioninfo_section {
    font-size: 16px;
    font-weight:300;
    line-height: normal;
    vertical-align: top;
    padding: 0;
    width:100%;
}
.nutritioninfo_section:first-child{
    display:flex;
    align-items:flex-start;
    padding-bottom:25px;
}
.nutritioninfo.show .nutritioninfo_product {
    max-width:45%;
    top:0;
}
.nutritioninfo_section table {
    width: 100%;
    font-size: 1.4rem;
    line-height: 1
}

.nutritioninfo_section td,
.nutritioninfo_section th {
    padding: .45em .8em
}

.nutritioninfo_section td+td {
    text-align: right
}

.nutritioninfo_section tr:nth-child(2n-1) td {
    background: rgba(255,255,255,.2)
}

.nutritioninfo_close {
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
    opacity: .8;
    overflow: hidden;
    text-indent: -100px
}

.nutritioninfo_close:focus,
.nutritioninfo_close:hover {
    opacity: 1;
    outline: 0
}
.nutritioninfo_product+.nutritioninfo_copy{
    min-height:unset;
}
.nutritioninfo_title:first-child{
    display:none;
}
@media screen and (min-width:500px) {
    .nutritioninfo_title:first-child{
        display:block;
    }
    .nutritioninfo_product {
        display: block;
        position: absolute;
        top: -35px;
        padding: 0;
        max-height: 344px
    }
    .nutritioninfo_product+.nutritioninfo_copy {
        margin-left: 243px;
        min-height: 300px
    }
    .js .nutritioninfo_product {
        opacity: 0;
        top: -100px;
        -webkit-transition: top .5s 1.25s ease, opacity .5s 1.25s ease;
        transition: top .5s 1.25s ease, opacity .5s 1.25s ease
    }
    .js .nutritioninfo_copy {
        opacity: 0;
        -webkit-transition: opacity .25s .75s ease;
        transition: opacity .25s .75s ease
    }
    .js .nutritioninfo_table,
    .js .nutritioninfo_title {
        opacity: 0;
        -webkit-transition: opacity .25s 1s ease;
        transition: opacity .25s 1s ease
    }
    .nutritioninfo.show .nutritioninfo_product {
        opacity: 1;
        top: -62px;
    }

    .glitterberry .nutritioninfo.show .nutritioninfo_product {
        top: 35px
    }
    .nutritioninfo.show .nutritioninfo_copy,
    .nutritioninfo.show .nutritioninfo_table,
    .nutritioninfo.show .nutritioninfo_title {
        opacity: 1
    }
}

@media screen and (min-width:900px) {
    .nutritioninfo_section {
        padding: 0 40px 0 0;
        width: -webkit-calc(50% + 100px);
        width: calc(50% + 100px);
        display: inline-block;
        vertical-align: middle
    }
    .nutritioninfo_section+.nutritioninfo_section {
        width: -webkit-calc(50% - 100px);
        width: calc(50% - 100px)
    }
}

.order .product_supplementalinner {
    padding: 25px 20px 25px
}

.fill-ffb500 .order .product_supplementalinner {
    background: #FF9F00
}

.fill-ffb500 .order .before {
    background-image: url(/images/am-orderbanner-left.png)
}

.fill-ffb500 .order .after {
    background-image: url(/images/am-orderbanner-right.png)
}

.fill-a31240 .order .product_supplementalinner {
    background: #EB336D
}

.fill-a31240 .order .before {
    background-image: url(/images/ar-orderbanner-left.png)
}

.fill-a31240 .order .after {
    background-image: url(/images/ar-orderbanner-right.png)
}

.glitterberry .order .product_supplementalinner {
    background: #D51751
}

.glitterberry .order .before {
    background-image: url(/images/gb-orderbanner-left.png)
}

.glitterberry .order .after {
    background-image: url(/images/gb-orderbanner-right.png)
}

.fill-f78a09 .order .product_supplementalinner {
    background: #CD3875
}

.fill-f78a09 .order .before {
    background-image: url(/images/op-orderbanner-left.png)
}

.fill-f78a09 .order .after {
    background-image: url(/images/op-orderbanner-right.png)
}

.gardenrose .order .product_supplementalinner {
    background: #FFA165
}

.gardenrose .order .before {
    background-image: url(/images/gr-nutritionbanner-left.png)
}

.gardenrose .order .after {
    background-image: url(/images/gr-nutritionbanner-right.png)
}

.order_title {
    font-size: 2.5rem;
    font-family:"Outfit", sans-serif;
    text-transform: uppercase;
    font-weight: 400;
    color: #fff;
    margin: .5em 0;
    text-align: center
}

.order li {
    width: 120px;
    padding-bottom: 20px
}

.order_retailer {
    display: block;
    text-decoration: none;
    text-align: center;
    margin: 3px
}

.order_retailer img {
    opacity: .5;
    -webkit-transition: opacity .25s ease;
    transition: opacity .25s ease
}

.order_retailer:focus img,
.order_retailer:hover img {
    opacity: 1
}

.ie9 .order .list-horiz {
    display: block
}

.ie9 .order .list-horiz li {
    display: inline-block
}
/*

.fill-ffb500 .productselection {
    background-color: #FFB500
}

.glitterberry .product,
.glitterberry .productselection {
    background-color: #500925
}

.gardenrose .product,
.gardenrose .productselection {
    background-color: #E3ECA8
}

.fill-a31240 .productselection {
    background-color: #A31240
}


.fill-f78a09 .productselection {
    background-color: #F78A09
}

.section.product {
    padding-top: 20px
}
*/
@media screen and (min-width:800px) {
    .section.productselection {
        background-color: transparent
    }
    .section.product {
        background: 0 0
    }
}

.product_info {
    position: relative
}

.fill-f78a09 .product_info {background: #F78A09}
.fill-ffb500 .product_info {background: #ffb500}
.fill-a31240 .product_info {background: #a31240}

.glitterberry .product_info {
    background: #500925
}

.gardenrose .product_info {
    background: #E3ECA8
}

.curves_top {
    display: none;
    position: absolute;
    top: -180px;
    left: 0;
    width: 100%;
    height: 220px;
    z-index: 0;
    background-repeat: no-repeat;
    background-position: 50% 0;
}
.fill-f78a09 .curves_top {background-image:url(/images/curve-top-orangepassionfruit.png);}
.fill-ffb500 .curves_top {background-image:url(/images/curve-top-applemango.png);}
.fill-a31240 .curves_top {background-image:url(/images/curve-top-appleraspberry.png);}

.curves_top-tablet {
    display: none
}

@media screen and (min-width:800px) {
    .curves_top {
        top: -160px
    }
    .glitterberry .curves_top {
        background: url(/images/curve-top-glitterberry.png) 50% 0 no-repeat
    }
    .gardenrose .curves_top {
        background: url(/images/curve-top-gardenrose.png) 50% 0 no-repeat
    }
    .curves_top-desktop {
        display: block
    }
}

.curves_middle {
    display: block;
    position: absolute;
    bottom: -21rem;
    left: 0;
    width: 100%;
    height: 700px;
    z-index: 2;
    overflow: hidden
}

@media screen and (max-width:599px) {
    .glitterberry .curves_middle {
        bottom: -26rem
    }
}

@media screen and (min-width:800px) {
    .glitterberry .curves_middle {
        bottom: 6rem
    }
}

.curves_middle svg {
    position: relative;
    width: auto
}

.fill-f78a09 .curves_middle path{fill:#F36C25}
.fill-ffb500 .curves_middle path{fill: #FF9F00}
.fill-a31240 .curves_middle path {fill: #B82C51}
.glitterberry .curves_middle path {fill: #761A43}

.gardenrose .curves_middle {
    background: url(/images/curve-middle-gardenrose.png);
    background-position: 50% 0;
    bottom: -2rem
}

.gardenrose .division-product.division-two {
    margin-top: -21rem;
    padding-top: 10em
}

.gardenrose .curves_middle path {
    opacity: 0
}

.curves_bottom {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 700px;
    background: url(/images/curve-bottom.png) 50% 0 no-repeat;
    background-size: cover;
    z-index: 2
}

@media screen and (min-width:800px) {
    .curves_middle {
        bottom: 0
    }
}

.division-product.division-one {
    /*background: #F3F0E9*/
}

@media screen and (min-width:600px) {
    .gardenrose .curves_middle {
        bottom: 0;
        background-position: 80% 0
    }
    .gardenrose .division-product.division-two {
        margin-top: -21rem;
        padding-top: 9em
    }
}

@media screen and (min-width:800px) {
    .division-product.division-one {
        background-size: cover;
        background-position: 50% 0;
        background-repeat: no-repeat
    }
    .fill-ffb500 .division-one {
        background-image: url(/images/bg-apple-mango-primary.jpg)
    }
    .glitterberry .division-one {
        background-image: url(/images/bg-glitter-berry-primary.jpg)
    }
    .gardenrose .division-one {
        background-image: url(/images/bg-gardenrose-primary.jpg)
    }
    .fill-a31240 .division-one {
        background-image: url(/images/bg-apple-raspberry-primary.jpg)
    }
    .fill-f78a09 .division-one {
        background-image: url(/images/bg-orange-passionfruit-primary.jpg)
    }
    .gardenrose .curves_middle {
        background: url(/images/curve-middle-gardenrose.png);
        background-position: 70% 0;
        bottom: 0
    }
    .gardenrose .division-product.division-two {
        margin-top: 0;
        padding-top: 25rem
    }
    .gardenrose .fruit {
        top: 0
    }
}

@media screen and (min-width:1000px) {
    .gardenrose .curves_middle {
        background-position: 50% 0;
        bottom: 9rem
    }
    .gardenrose .division-product.division-two {
        margin-top: 0;
        padding-top: 18rem
    }
    .gardenrose .fruit {
        top: 0
    }
}

@media screen and (min-width:1400px) {
    .gardenrose .curves_middle {
        bottom: 11.5rem
    }
    .gardenrose .division-product.division-two {
        margin-top: -6rem;
        padding-top: 21rem
    }
}

.division-product.division-two {
    padding: 6rem 0;
    background-size: cover;
    position: relative;
    background-color: #282828;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

.fill-ffb500 .division-two {
    background-image: url(/images/bg-apple-mango-secondary.jpg)
}

.glitterberry .division-two {
    background-image: url(/images/bg-glitter-berry-secondary.jpg)
}

.gardenrose .division-two {
    background-image: url(/images/bg-garden-rose-secondary.jpg);
    background-size: inherit
}

.fill-a31240 .division-two {
    background-image: url(/images/bg-apple-raspberry-secondary.jpg)
}

.fill-f78a09 .division-two {
    background-image: url(/images/bg-orange-passionfruit-secondary.jpg);
    background-position: 0px -187px;
}

.flavourname_applemangosangria-apple {
    color: #69B329
}

.flavourname_applemangosangria-mango {
    color: #FFB500
}

@media screen and (min-width:600px) and (max-width:799px) {
    .division-product.division-two {
        padding-top: 14rem
    }
}

@media screen and (min-width:800px) {
    .division-product.division-two {
        top: -34rem;
        padding-top: 25rem;
        margin-bottom: -34rem
    }
    .mix {
        top: 7rem
    }
}

.spritz-product .animated {
    -webkit-animation-duration: .8s;
    animation-duration: .8s
}
@media screen and (min-width:1025px) {
	.core-product .header_nav a,
	.mocktail-product .header_nav a,
	.fill-apple-and-watermelon-theme .header_nav a,
	.fill-peach-and-apricot-theme .header_nav a,
	.fill-pear-and-raspberry-theme .header_nav a {
	}
}

.fill-apple-and-watermelon-theme .productselection a,
.fill-peach-and-apricot-theme .productselection a,
.fill-pear-and-raspberry-theme .productselection a {
    font-family: proxima-nova, sans-serif
}

@media screen and (min-width:1025px) {
    .fill-pear-and-raspberry-theme .wrapper {
        position: relative;
        z-index: 0
    }
    .fill-pear-and-raspberry-theme .wrapper:before {
        position: absolute;
        content: " ";
        display: block;
        top: -200px;
        right: 50%;
        width: 510px;
        height: 503px;
        background: url(/images/pear-raspberry-flair.png);
        background-repeat: no-repeat;
        margin-right: 220px;
        z-index: -1
    }
    .fill-pear-and-raspberry-theme .wrapper:after {
        position: absolute;
        content: " ";
        display: block;
        top: 620px;
        right: 50%;
        width: 510px;
        height: 503px;
        background: url(/images/pear-raspberry-flair.png);
        background-repeat: no-repeat;
        margin-right: 50px;
        z-index: -1;
        opacity: .5
    }
    .fill-apple-and-watermelon-theme .wrapper {
        position: relative;
        z-index: 0
    }
    .fill-apple-and-watermelon-theme .wrapper:before {
        position: absolute;
        content: " ";
        display: block;
        top: 0;
        right: 50%;
        width: 323px;
        height: 323px;
        background: url(/images/apple-watermelon-flair.png);
        background-repeat: no-repeat;
        margin-right: 280px;
        z-index: -1
    }
    .fill-apple-and-watermelon-theme .wrapper:after {
        position: absolute;
        content: " ";
        display: block;
        top: 120px;
        left: 50%;
        width: 510px;
        height: 503px;
        background: url(/images/pear-raspberry-flair.png);
        background-repeat: no-repeat;
        margin-left: 456px;
        z-index: -1;
        opacity: .5
    }
    .fill-peach-and-apricot-theme .wrapper {
        position: relative;
        z-index: 0
    }
    .fill-peach-and-apricot-theme .wrapper:before {
        position: absolute;
        content: " ";
        display: block;
        top: 0;
        right: 50%;
        width: 401px;
        height: 328px;
        background: url(/images/peach-apricot-flair.png);
        background-repeat: no-repeat;
        margin-right: 305px;
        z-index: -1
    }
    .fill-peach-and-apricot-theme .wrapper:after {
        position: absolute;
        content: " ";
        display: block;
        top: 147px;
        left: 50%;
        width: 510px;
        height: 503px;
        background: url(/images/pear-raspberry-flair.png);
        background-repeat: no-repeat;
        margin-left: 465px;
        z-index: -1;
        opacity: .5
    }
}

@media screen and (min-width:1180px) {
    .fill-pear-and-raspberry-theme .wrapper:before {
        margin-right: 320px
    }
    .fill-apple-and-watermelon-theme .wrapper:before {
        margin-right: 430px
    }
    .fill-peach-and-apricot-theme .wrapper:before {
        margin-right: 485px
    }
}

.productselection .spritz-item {
    overflow: visible;
    top: 0!important
}

.productselection.productselection-open .spritz-item {
    overflow: visible;
    background: #F2F0E9
}




@media screen and (min-width:550px) {
    .product-active.spritz-item .productselection_title:before,
    .productselection .spritz-item a:hover .productselection_title:before {
        -webkit-transform: rotate(-45deg) scale(1);
        -ms-transform: rotate(-45deg) scale(1);
        transform: rotate(-45deg) scale(1)
    }
}

.spritz-product .wrapper {
    background: #fff
}

@media screen and (min-width:800px) {
    .productselection.productselection-open .spritz-item {
        background: 0 0
    }
}

.spritz-fruit {
    position: relative
}

.spritz-fruit.mobile:before {
    content: " ";
    display: block;
    background-image: url(/images/introducing-spritz.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height: 37px;
    width: 123px;
    z-index: 2;
    margin: 40px 20px 20px
}

.spritz-fruit:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

@media screen and (min-width:640px) {
    .spritz-fruit.mobile:before {
        margin: 0 28px 0 55.5%;
        position: absolute;
        bottom: 38vw
    }
    .fill-apple-and-watermelon-theme .spritz-fruit.mobile:before {
        margin: 0 28px 0 52%;
        position: absolute;
        bottom: 41vw
    }
}

.sf-title {
    font-size: 36px;
    font-size: 11.25vw;
    line-height: 1.2;
    float: right;
    width: 100%;
    padding-left: 20px;
    position: relative;
    margin-bottom: -50px;
    font-family: proxima-nova, sans-serif;
    font-weight: lighter;
    z-index: 99
}

.sf-title span {
    letter-spacing: -.05em
}

.sf-bg {
    position: relative;
    float: left;
    width: 90%;
    margin-left: 5%
}

.sf-bg .inner {
    position: relative;
    float: right
}

.sf-bg img {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: auto;
    max-width: 567px;
    z-index: 3;
    -webkit-animation-duration: .8s;
    animation-duration: .8s
}

.sf-bg img:first-child {
    position: relative;
    float: right;
    z-index: 1
}

.sf-bg .sf-circle {
    content: " ";
    display: block;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: absolute
}

.sf-bg .inner:after {
    content: " ";
    display: block;
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 0 100%
}

@media screen and (max-width:640px) {
    .sf-title {
        padding-left: 40px
    }
    .spritz-fruit.mobile:before {
        margin-left: 40px
    }
}

.fill-pear-and-raspberry-theme .sf-bg img {
    max-width: 567px;
    max-height: 584px
}

.fill-pear-and-raspberry-theme .sf-title {
    color: #f05147
}

.fill-pear-and-raspberry-theme .sf-bg .sf-circle {
    background-image: url(/images/pear-raspberry-fruit-circle-spin.png);
    background-repeat: no-repeat;
    height: 12.34568%;
    width: 12.34568%;
    top: 54.67372%;
    left: 10.40564%;
    z-index: 2
}

.fill-pear-and-raspberry-theme .sf-bg .inner:after {
    background-image: url(/images/pear-raspberry-fruit-circle.png);
    background-repeat: no-repeat;
    height: 100%;
    width: 50%;
    bottom: 61%;
    left: 23%;
    max-height: 276px;
    max-width: 276px
}

.fill-apple-and-watermelon-theme .sf-bg img {
    max-width: 460px;
    max-height: 583px
}

.fill-apple-and-watermelon-theme .sf-title {
    color: #f48580;
    margin-left: -20px
}

.fill-apple-and-watermelon-theme .sf-bg .sf-circle {
    background-image: url(/images/apple-watermelon-fruit-circle-spin.png);
    background-repeat: no-repeat;
    height: 15.43739%;
    width: 19.56522%;
    top: 29.84563%;
    left: 71.73913%;
    z-index: 2
}

.fill-apple-and-watermelon-theme .sf-bg .inner:after {
    background-image: url(/images/apple-watermelon-fruit-circle.png);
    background-repeat: no-repeat;
    height: 100%;
    width: 50%;
    bottom: 61%;
    left: 23%;
    max-height: 242px;
    max-width: 242px
}

.fill-peach-and-apricot-theme .sf-bg img {
    max-width: 573px;
    max-height: 630px
}

.fill-peach-and-apricot-theme .sf-title {
    color: #fdb936
}

.fill-peach-and-apricot-theme .sf-bg .sf-circle {
    background-image: url(/images/peach-apricot-fruit-circle-spin.png);
    background-repeat: no-repeat;
    height: 9.84127%;
    width: 10.82024%;
    top: 63.01587%;
    left: 6.45724%;
    z-index: 2
}

.fill-peach-and-apricot-theme .sf-bg .inner:after {
    background-image: url(/images/peach-apricot-fruit-circle.png);
    background-repeat: no-repeat;
    height: 100%;
    width: 50%;
    bottom: 61%;
    left: 23%;
    max-height: 279px;
    max-width: 279px
}

@media screen and (min-width:640px) {
    .sf-title {
        width: 45%;
        font-size: 64px;
        padding: 0;
        position: absolute;
        left: 55%;
        top: 59%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }
    .sf-bg {
        float: left;
        width: 50%;
        margin: 0
    }
    .sf-bg img,
    .sf-bg img:first-child {
        margin-right: 0
    }
    .fill-pear-and-raspberry-theme .sf-bg .inner:after {
        bottom: 30%;
        left: 70%
    }
    .fill-apple-and-watermelon-theme .sf-bg .inner:after {
        bottom: 10%;
        left: 77%
    }
    .fill-peach-and-apricot-theme .sf-bg .inner:after {
        bottom: 13%;
        left: 70%
    }
}

.spritz-fruit.desktop {
    display: none
}

@media screen and (min-width:640px) {
    .fill-pear-and-raspberry-theme .spritz-fruit.mobile {
        margin-top: 28px
    }
    .fill-pear-and-raspberry-theme .spritz-fruit.mobile .sf-bg img:first-child {
        margin-right: -20px
    }
    .fill-apple-and-watermelon-theme .spritz-fruit.mobile {
        margin-top: -40px
    }
}

@media screen and (min-width:1025px) {
    .sf-title {
        width: 40%;
        left: 65%
    }
    .sf-bg {
        float: left;
        width: 60%
    }
    .spritz-fruit.mobile {
        display: none
    }
    .spritz-fruit.desktop {
        display: block
    }
}

@media screen and (min-width:1024px) {
    .fill-peach-and-apricot-theme .spritz-fruit.desktop {
        margin-top: -140px;
        margin-bottom: 40px
    }
}

.spritz-banner {
    position: relative
}

.spritz-banner:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.spritz-banner .product_basics {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.spritz-banner-text {
    position: relative;
    float: left;
    width: 80%;
    z-index: 2
}

.spritz-banner-text .inner {
    position: relative;
    float: left
}

.spritz-banner-text img {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: auto;
    z-index: 3
}

.spritz-banner-text img:first-child {
    position: relative;
    float: right;
    z-index: 1
}

.spritz-banner-text .sb-1-circle,
.spritz-banner-text .sb-1-circle-2 {
    content: " ";
    display: block;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: absolute
}

.spritz-banner-text-2 {
    position: relative;
    float: right;
    width: 85%;
    margin-right: 1%;
    z-index: 0
}

.spritz-banner-text-2 .inner {
    position: relative;
    float: right
}

.spritz-banner-text-2 img {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: auto;
    z-index: 3
}

.spritz-banner-text-2 img:first-child {
    position: relative;
    float: right;
    z-index: 2
}

.spritz-banner-text-2 .sb-2-circle {
    content: " ";
    display: block;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: absolute;
    z-index: 1
}

.spritz-banner-text-2 .sb-2-circle-2 {
    content: " ";
    display: block;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: absolute;
    z-index: 2
}

.spritz-banner-img {
    position: relative;
    float: left;
    width: 100%
}

.spritz-banner-img .inner {
    position: relative;
    display: block;
    margin: 0 auto
}

.spritz-banner-img img {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: auto;
    z-index: 3
}

.spritz-banner-img img:first-child {
    position: relative;
    display: block;
    z-index: 2
}

.spritz-banner-img .sb-img-circle {
    content: " ";
    display: block;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: absolute;
    z-index: 1
}

.fill-pear-and-raspberry-theme .spritz-banner-text img {
    max-width: 394px;
    max-height: 331px;
    z-index: 3
}

.fill-pear-and-raspberry-theme .spritz-banner-text .sb-1-circle {
    background-image: url(/images/pear-raspberry-fruit-banner-text-1-circle-1.png);
    background-repeat: no-repeat;
    height: 14.1994%;
    width: 11.92893%;
    top: 7.55287%;
    left: 0;
    z-index: 2
}

.fill-pear-and-raspberry-theme .spritz-banner-text .sb-1-circle-2 {
    background-image: url(/images/pear-raspberry-fruit-banner-text-1-circle-2.png);
    background-repeat: no-repeat;
    height: 21.75227%;
    width: 18.27411%;
    top: 4.53172%;
    left: 28.17259%;
    z-index: 2
}

.fill-pear-and-raspberry-theme .spritz-banner-text-2 {
    top: -35.3125vw;
    margin-bottom: -35.3125vw;
    margin-right: -5%;
    width: 100%
}

.fill-pear-and-raspberry-theme .spritz-banner-text-2 img {
    max-width: 501px;
    max-height: 438px
}

.fill-pear-and-raspberry-theme .spritz-banner-text-2 .sb-2-circle {
    background-image: url(/images/pear-raspberry-fruit-banner-text-2-circle-1.png);
    background-repeat: no-repeat;
    height: 82.6484%;
    width: 72.65469%;
    top: 0;
    left: 0
}

.fill-pear-and-raspberry-theme .spritz-banner-text-2 .sb-2-circle-2 {
    background-image: url(/images/pear-raspberry-fruit-banner-text-2-circle-2.png);
    background-repeat: no-repeat;
    height: 6.621%;
    width: 5.78842%;
    top: 33.56164%;
    left: 77.84431%
}

.fill-pear-and-raspberry-theme .spritz-banner-img {
    margin-left: 5%;
    width: 90%
}

.fill-pear-and-raspberry-theme .spritz-banner-img .inner {
    max-width: 466px
}

.fill-pear-and-raspberry-theme .spritz-banner-img img {
    max-width: 466px;
    max-height: 642px
}

.fill-pear-and-raspberry-theme .spritz-banner-img .sb-img-circle {
    background-image: url(/images/pear-raspberry-banner-circle.png);
    background-repeat: no-repeat;
    height: 71.65109%;
    width: 99.14163%;
    top: 24.29907%;
    left: .42918%
}

.fill-pear-and-raspberry-theme .product_basics .icon-leftarrow-big {
/*  background-image: url(/images/pear-raspberry-prev.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% 100%;
    width: 13px;
    height: 32px
	*/
}

.fill-pear-and-raspberry-theme .product_basics .icon-rightarrow-big {
/*   background-image: url(/images/pear-raspberry-next.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% 100%;
    width: 13px;
    height: 32px
	*/
}

.fill-apple-and-watermelon-theme .spritz-banner-text {
    left: 10px
}

.fill-apple-and-watermelon-theme .spritz-banner-text img {
    max-width: 314px;
    max-height: 282px;
    z-index: 3
}

.fill-apple-and-watermelon-theme .spritz-banner-text .sb-1-circle {
    background-image: url(/images/apple-watermelon-banner-text-1-circle-1.png);
    background-repeat: no-repeat;
    height: 24.8227%;
    width: 22.29299%;
    top: 0;
    left: 66.87898%;
    z-index: 2
}

.fill-apple-and-watermelon-theme .spritz-banner-text-2 {
    top: -21.875vw;
    margin-bottom: -15.625vw;
    right: 10px
}

.fill-apple-and-watermelon-theme .spritz-banner-text-2 img {
    max-width: 381px;
    max-height: 307px
}

.fill-apple-and-watermelon-theme .spritz-banner-text-2 .sb-2-circle {
    background-image: url(/images/apple-watermelon-banner-text-2-circle-1.png);
    background-repeat: no-repeat;
    height: 29.31596%;
    width: 23.62205%;
    top: 0;
    left: 66.92913%
}

.fill-apple-and-watermelon-theme .spritz-banner-img {
    margin-bottom: 40px
}

.fill-apple-and-watermelon-theme .spritz-banner-img .inner {
    max-width: 673px
}

.fill-apple-and-watermelon-theme .spritz-banner-img img {
    max-width: 673px;
    max-height: 653px
}

.fill-apple-and-watermelon-theme .spritz-banner-img .sb-img-circle {
    background-image: url(/images/apple-watermelon-banner-circle.png);
    background-repeat: no-repeat;
    height: 64.93109%;
    width: 63.00149%;
    top: 21.74579%;
    left: 17.53343%
}

.fill-apple-and-watermelon-theme .product_basics .icon-leftarrow-big {
/*    background-image: url(/images/apple-watermelon-prev.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% 100%;
    width: 13px;
    height: 32px
	*/
}

.fill-apple-and-watermelon-theme .product_basics .icon-rightarrow-big {
/*    background-image: url(/images/apple-watermelon-next.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% 100%;
    width: 13px;
    height: 32px
	*/
}

@media screen and (max-width:1024px) {
    .fill-pear-and-raspberry-theme .product_basics .rel_prev {
        top: auto;
        bottom: 32vw;
        left: 7vw
    }
    .fill-pear-and-raspberry-theme .product_basics .rel_next {
        top: auto;
        bottom: 32vw;
        right: 7vw
    }
    .fill-apple-and-watermelon-theme .product_basics .rel_prev {
        top: auto;
        bottom: 50vw;
        left: 5vw
    }
    .fill-apple-and-watermelon-theme .product_basics .rel_next {
        top: auto;
        bottom: 50vw;
        right: 5vw
    }
    .fill-peach-and-apricot-theme .product_basics .rel_prev {
        top: auto;
        bottom: 38vw;
        left: 7vw
    }
    .fill-peach-and-apricot-theme .product_basics .rel_next {
        top: auto;
        bottom: 38vw;
        right: 7vw
    }
}

@media screen and (max-width:660px) {
    .fill-pear-and-raspberry-theme .product_basics .rel_prev {
        top: auto;
        bottom: 40vw;
        left: 1.5vw
    }
    .fill-pear-and-raspberry-theme .product_basics .rel_next {
        top: auto;
        bottom: 40vw;
        right: 1.5vw
    }
    .fill-peach-and-apricot-theme .spritz-banner-text-2 .sb-2-circle {
        display: none
    }
}

.fill-peach-and-apricot-theme .spritz-banner-text {
    left: 15px
}

.fill-peach-and-apricot-theme .spritz-banner-text img {
    max-width: 473px;
    max-height: 355px;
    z-index: 3
}

.fill-peach-and-apricot-theme .spritz-banner-text .sb-1-circle {
    background-image: url(/images/peach-apricot-fruit-banner-text-1-circle-1.png);
    background-repeat: no-repeat;
    height: 21.12676%;
    width: 15.85624%;
    top: 4.78873%;
    left: 47.78013%;
    z-index: 2
}

.fill-peach-and-apricot-theme .spritz-banner-text .sb-1-circle-2 {
    background-image: url(/images/peach-apricot-fruit-banner-text-1-circle-2.png);
    background-repeat: no-repeat;
    height: 84.50704%;
    width: 68.71036%;
    top: 15.49296%;
    left: 31.28964%;
    z-index: 2;
    -webkit-transform-origin: 20% 71.66667%;
    -ms-transform-origin: 20% 71.66667%;
    transform-origin: 20% 71.66667%
}

.fill-peach-and-apricot-theme .spritz-banner-text-2 {
    top: -42.1875vw;
    margin-bottom: -42.1875vw;
    right: 15px;
    width: 80%
}

.fill-peach-and-apricot-theme .spritz-banner-text-2 img {
    max-width: 451px;
    max-height: 403px
}

.fill-peach-and-apricot-theme .spritz-banner-text-2 .sb-2-circle {
    background-image: url(/images/peach-apricot-fruit-banner-text-2-circle-1.png);
    background-repeat: no-repeat;
    height: 21.09181%;
    width: 18.84701%;
    top: 0;
    left: 36.8071%
}

.fill-peach-and-apricot-theme .spritz-banner-text-2 .sb-2-circle-2 {
    background-image: url(/images/peach-apricot-fruit-banner-text-2-circle-2.png);
    background-repeat: no-repeat;
    height: 36.72457%;
    width: 91.79601%;
    top: 16.62531%;
    left: 0;
    -webkit-transform-origin: 66.42512% 87.83784%;
    -ms-transform-origin: 66.42512% 87.83784%;
    transform-origin: 66.42512% 87.83784%
}

.fill-peach-and-apricot-theme .spritz-banner-img {
    margin-left: -40%;
    width: 175%
}

.fill-peach-and-apricot-theme .spritz-banner-img .inner {
    max-width: 828px
}

.fill-peach-and-apricot-theme .spritz-banner-img img {
    max-width: 828px;
    max-height: 695px
}

.fill-peach-and-apricot-theme .spritz-banner-img .sb-img-circle {
    background-image: url(/images/peach-apricot-banner-circle.png);
    background-repeat: no-repeat;
    height: 55.68345%;
    width: 46.73913%;
    top: 34.82014%;
    left: 28.1401%
}

.fill-peach-and-apricot-theme .product_basics .icon-leftarrow-big {
    background-image: url(/images/peach-apricot-prev.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: 0 0;
    width: 13px;
    height: 32px
}

.fill-peach-and-apricot-theme .product_basics .icon-rightarrow-big {
    background-image: url(/images/peach-apricot-next.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% 100%;
    width: 13px;
    height: 32px
}

@media screen and (min-width:640px) and (max-width:1024px) {
    .fill-pear-and-raspberry-theme .spritz-banner-text {
        left: 5%
    }
    .fill-pear-and-raspberry-theme .spritz-banner-text-2 {
        right: 5%
    }
    .fill-apple-and-watermelon-theme .spritz-banner-text {
        left: 10%
    }
    .fill-apple-and-watermelon-theme .spritz-banner-text-2 {
        right: 10%
    }
    .fill-peach-and-apricot-theme .spritz-banner-text {
        left: 5%
    }
    .fill-peach-and-apricot-theme .spritz-banner-text-2 {
        right: 5%
    }
}

@media screen and (min-width:1025px) {
    .spritz-banner {
        position: relative;
        margin-top: 20px
    }
    .spritz-banner-text,
    .spritz-banner-text-2 {
        margin: 0;
        position: absolute
    }
    .spritz-banner-img {
        margin: 0!important;
        width: 100%!important;
        z-index: 5
    }
    .fill-pear-and-raspberry-theme .spritz-banner-img .inner {
        width: 40%
    }
    .fill-pear-and-raspberry-theme .spritz-banner-text {
        top: 0;
        left: 0;
        width: 35%;
        max-width: 394px
    }
    .fill-pear-and-raspberry-theme .spritz-banner-text-2 {
        top: 21.2vw;
        right: 0;
        width: 43%;
        max-width: 501px
    }
    .fill-pear-and-raspberry-theme .desktop-extra-1 {
        content: " ";
        display: block;
        position: absolute;
        height: 62.3053%;
        width: 33.33333%;
        top: 46.72897%;
        left: 0;
        z-index: 2
    }
    .fill-pear-and-raspberry-theme .desktop-extra-1 .extra-inner-1 {
        content: " ";
        display: block;
        background: url(/images/pear-raspberry-extra-sub-1.png);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        position: absolute;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        z-index: 2
    }
    .fill-pear-and-raspberry-theme .desktop-extra-1 .extra-inner-2 {
        content: " ";
        display: block;
        background: url(/images/pear-raspberry-extra-sub-2.png);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        position: absolute;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        z-index: 3
    }
    .fill-pear-and-raspberry-theme .desktop-extra-1 .extra-inner-3 {
        content: " ";
        display: block;
        background: url(/images/pear-raspberry-extra-sub-3.png);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        position: absolute;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        z-index: 4
    }
    .fill-pear-and-raspberry-theme .desktop-extra-1 .extra-inner-4 {
        content: " ";
        display: block;
        background: url(/images/pear-raspberry-extra-sub-4.png);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        position: absolute;
        height: 12%;
        width: 12%;
        top: 28%;
        left: 54.25%;
        z-index: 1
    }
    .fill-pear-and-raspberry-theme .desktop-extra-2 {
        content: " ";
        display: block;
        background: url(/images/pear-raspberry-extra-2.png);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        position: absolute;
        height: 32.86604%;
        width: 17%;
        top: 1.55763%;
        left: 61.25%;
        z-index: 0
    }
    .fill-apple-and-watermelon-theme .spritz-banner-img .inner {
        width: 56%;
        margin-bottom: 5vw
    }
    .fill-apple-and-watermelon-theme .spritz-banner-text {
        top: 60px;
        left: 4%;
        width: 28%;
        max-width: 314px
    }
    .fill-apple-and-watermelon-theme .spritz-banner-text-2 {
        top: 35vw;
        right: 3%;
        width: 32%;
        max-width: 381px
    }
    .fill-apple-and-watermelon-theme .desktop-extra-1 {
        content: " ";
        display: block;
        background: url(/images/apple-watermelon-extra-bg.png);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        position: absolute;
        height: 31.77442%;
        width: 11%;
        top: 20.14388%;
        left: 75%;
        z-index: 3
    }
    .fill-apple-and-watermelon-theme .desktop-extra-1 .extra-inner-1 {
        content: " ";
        display: block;
        background: url(/images/apple-watermelon-extra-1.png);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        position: absolute;
        height: 6.06061%;
        width: 10.60606%;
        top: 97.8355%;
        left: -4.54545%
    }
    .fill-apple-and-watermelon-theme .desktop-extra-1 .extra-inner-2 {
        content: " ";
        display: block;
        background: url(/images/apple-watermelon-extra-1.png);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        position: absolute;
        height: 6.06061%;
        width: 10.60606%;
        top: 72.29437%;
        left: 22.72727%
    }
    .fill-apple-and-watermelon-theme .desktop-extra-1 .extra-inner-3 {
        content: " ";
        display: block;
        background: url(/images/apple-watermelon-extra-2.png);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        position: absolute;
        height: 9.52381%;
        width: 16.66667%;
        top: 44.15584%;
        left: 43.18182%
    }
    .fill-apple-and-watermelon-theme .desktop-extra-1 .extra-inner-4 {
        content: " ";
        display: block;
        background: url(/images/apple-watermelon-extra-2.png);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        position: absolute;
        height: 9.52381%;
        width: 16.66667%;
        top: 69.26407%;
        left: 68.18182%
    }
    .fill-apple-and-watermelon-theme .desktop-extra-1 .extra-inner-5 {
        content: " ";
        display: block;
        background: url(/images/apple-watermelon-extra-2.png);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        position: absolute;
        height: 9.52381%;
        width: 16.66667%;
        top: 56.27706%;
        left: 89.39394%
    }
    .fill-apple-and-watermelon-theme .desktop-extra-1 .extra-inner-6 {
        content: " ";
        display: block;
        background: url(/images/apple-watermelon-extra-3.png);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        position: absolute;
        height: 9.09091%;
        width: 15.90909%;
        top: 99.5671%;
        left: 22.72727%
    }
    .fill-apple-and-watermelon-theme .desktop-extra-1 .extra-inner-7 {
        content: " ";
        display: block;
        background: url(/images/apple-watermelon-extra-4.png);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        position: absolute;
        height: 13.85281%;
        width: 24.24242%;
        top: 101.7316%;
        left: 53.0303%
    }
    .fill-peach-and-apricot-theme .spritz-banner-img .inner {
        width: 69%
    }
    .fill-peach-and-apricot-theme .spritz-banner-text {
        top: 0;
        left: 40px;
        width: 42%;
        max-width: 473px
    }
    .fill-peach-and-apricot-theme .spritz-banner-text-2 {
        top: 28vw;
        right: 30px;
        width: 43%;
        max-width: 451px
    }
    .fill-peach-and-apricot-theme .desktop-extra-1 {
        content: " ";
        display: block;
        background: url(/images/peach-apricot-extra-1.png);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        position: absolute;
        height: 21.8705%;
        width: 12.66667%;
        top: 78.1295%;
        left: 32.58333%;
        z-index: 3
    }
    .fill-peach-and-apricot-theme .desktop-extra-2 {
        content: " ";
        display: block;
        background: url(/images/peach-apricot-extra-2.png);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        position: absolute;
        height: 15.97122%;
        width: 9.25%;
        top: 34.53237%;
        left: 56.91667%;
        z-index: 0
    }
}

@media screen and (min-width:1250px) {
    .fill-pear-and-raspberry-theme .spritz-banner-text-2 {
        margin: 0;
        top: 265px
    }
    .fill-apple-and-watermelon-theme .spritz-banner-text-2 {
        margin: 0;
        top: 460px;
        right: 10px
    }
    .fill-peach-and-apricot-theme .spritz-banner-text-2 {
        margin: 0;
        top: 378px;
        right: 45px
    }
}

.spritz-logo {
    display: block;
    margin: 0 auto;
    max-width: 151px
}

.spritz-title {
    display: block;
    margin: 0 auto;
    font-size: 24px;
    font-family: proxima-nova, sans-serif;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: .1em;
    line-height: 50px
}

.spritz-desc {
    width: 70%;
    display: block;
    margin: 0 auto;
    padding: 0 10px;
    font-size: 16px;
    color: #838588;
    font-family: proxima-nova, sans-serif;
    font-weight: 400;
    text-align: center;
    line-height: 24px;
    margin-bottom: 24px
}

.spritz-desc br {
    display: none
}

.fill-pear-and-raspberry-theme .spritz-title {
    color: #EF5147
}

.fill-apple-and-watermelon-theme .spritz-title {
    color: #f7a9a6
}

.fill-peach-and-apricot-theme .spritz-title {
    color: #fdb936
}

@media screen and (min-width:480px) {
    .spritz-desc br {
        display: block
    }
}

@media screen and (min-width:850px) {
    .spritz-logo {
        margin-top: 24px
    }
    .spritz-title {
        font-size: 36px;
        margin-bottom: 20px
    }
    .spritz-desc {
        font-size: 24px;
        line-height: 26px
    }
    .spritz-desc:after {
        content: " ";
        display: block;
        margin: 24px auto 0;
        height: 2px;
        width: 80px;
        background: #EF5147
    }
    .fill-pear-and-raspberry-theme .spritz-desc:after {
        background: #EF5147
    }
    .fill-apple-and-watermelon-theme .spritz-desc:after {
        background: #f7a9a6
    }
    .fill-peach-and-apricot-theme .spritz-desc:after {
        background: #fdb936
    }
}

.spritz-pair {
    display: block;
    width: 40%;
    height: auto;
    max-width: 210px;
    margin: 0 auto
}

.spritz-pair:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.spritz-pair .inner {
    position: relative;
    float: left;
    margin-bottom: -6.5em
}

.spritz-pair img {
    width: 100%;
    height: auto;
    float: left
}

.spritz-pair .sp-circle {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.fill-pear-and-raspberry-theme .spritz-pair .sp-circle:before {
    content: " ";
    display: block;
    background: url(/images/pear-raspberry-pair-circle.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    height: 41.69884%;
    width: 41.31274%;
    bottom: -20.07722%;
    left: -20.07722%;
    z-index: 1
}

.fill-apple-and-watermelon-theme .spritz-pair .sp-circle:before {
    content: " ";
    display: block;
    background-image: url(/images/apple-watermelon-pair-circle.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    height: 42.02899%;
    width: 42.02899%;
    top: -16.42512%;
    left: 83.57488%;
    z-index: 1
}

.fill-apple-and-watermelon-theme .spritz-pair .sp-circle:after {
    content: " ";
    display: block;
    background: #FDB936;
    border-radius: 100%;
    position: absolute;
    height: 18.84058%;
    width: 18.84058%;
    top: 55.55556%;
    left: -16.42512%;
    z-index: 1
}

.fill-peach-and-apricot-theme .spritz-pair {
    max-width: 216px
}

.fill-peach-and-apricot-theme .spritz-pair .sp-circle:before {
    content: " ";
    display: block;
    background: url(/images/peach-apricot-pair-circle.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    height: 29.62963%;
    width: 29.62963%;
    top: 60.64815%;
    left: 77.77778%;
    z-index: 1
}

@media screen and (min-width:640px) {
    .spritz-pair {
        margin-top: 20px
    }
    .spritz-pair .inner {
        margin-bottom: -16.5em
    }
    .fill-apple-and-watermelon-theme .spritz-pair .inner {
        margin-bottom: -13.5em
    }
}

.spritz-divider img {
    display: block;
    width: 100%;
    height: auto
}

@media screen and (min-width:640px) {
    .spritz-divider {
        height: 495px;
        background: url(/images/pear-raspberry-divider.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 50% 50%
    }
    .spritz-divider img {
        display: none
    }
    .fill-pear-and-raspberry-theme .spritz-divider {
        background-image: url(/images/pear-raspberry-divider.jpg);
        background-repeat: no-repeat
    }
    .fill-apple-and-watermelon-theme .spritz-divider {
        background-image: url(/images/apple-watermelon-divider.jpg);
        background-repeat: no-repeat
    }
    .fill-peach-and-apricot-theme .spritz-divider {
        background-image: url(/images/peach-apricot-divider.jpg);
        background-repeat: no-repeat
    }
}

.midnight-flavour .midnight-serve:after,
.spritz-serve:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.midnight-flavour .midnight-serve .midnight-serve-img,
.spritz-serve-img {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 18px;
    line-height: 1.2;
    color: #9D9FA1;
    font-family: proxima-nova, sans-serif;
    font-weight: lighter;
    padding-bottom: 40px;
    margin-top: -115px
}

.midnight-flavour .midnight-serve .midnight-serve-img:after,
.spritz-serve-img:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.midnight-flavour .midnight-serve .midnight-serve-img .inner,
.spritz-serve-img .inner {
    position: relative;
    z-index: 1;
    width: 92%;
    height: auto;
    max-width: 531px;
    margin: -2em auto 20px auto
}

.midnight-flavour .midnight-serve .midnight-serve-img img,
.spritz-serve-img img {
    width: 100%;
    height: auto;
    z-index: 2;
    position: relative
}

.midnight-flavour .midnight-serve .midnight-serve-img span,
.spritz-serve-img span {
    z-index: 99
}

.midnight-flavour .midnight-serve .fill-pear-and-raspberry-theme .midnight-serve-img .inner:after,
.fill-pear-and-raspberry-theme .midnight-flavour .midnight-serve .midnight-serve-img .inner:after,
.fill-pear-and-raspberry-theme .spritz-serve-img .inner:after {
    content: " ";
    display: block;
    background: url(/images/pear-raspberry-spritz-serve-img-after.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    height: 49.15541%;
    width: 54.80226%;
    top: 50.67568%;
    left: 84.74576%;
    z-index: 1
}

.midnight-flavour .midnight-serve .fill-pear-and-raspberry-theme .midnight-serve-img .ss-img-circle-2,
.fill-pear-and-raspberry-theme .midnight-flavour .midnight-serve .midnight-serve-img .ss-img-circle-2,
.fill-pear-and-raspberry-theme .spritz-serve-img .ss-img-circle-2 {
    position: absolute;
    bottom: .33784%;
    right: 0;
    width: 96.98682%;
    height: 86.99324%;
    z-index: -1
}

.midnight-flavour .midnight-serve .fill-pear-and-raspberry-theme .midnight-serve-img .ss-img-circle-2 .before,
.fill-pear-and-raspberry-theme .midnight-flavour .midnight-serve .midnight-serve-img .ss-img-circle-2 .before,
.fill-pear-and-raspberry-theme .spritz-serve-img .ss-img-circle-2 .before {
    content: " ";
    display: block;
    background: url(/images/pear-raspberry-glass-circle-2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    height: 13.98058%;
    width: 13.98058%;
    top: 50%;
    margin-top: -6.01942%;
    left: 100%;
    margin-left: -14.56311%;
    z-index: 1
}

.midnight-flavour .midnight-serve .fill-pear-and-raspberry-theme .midnight-serve-img .ss-img-circle,
.fill-pear-and-raspberry-theme .midnight-flavour .midnight-serve .midnight-serve-img .ss-img-circle,
.fill-pear-and-raspberry-theme .spritz-serve-img .ss-img-circle {
    display: block;
    background: url(/images/pear-raspberry-glass-circle-1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    height: 23.31081%;
    width: 25.9887%;
    top: 35.47297%;
    left: 86.25235%;
    z-index: 3
}

.fill-apple-and-watermelon-theme .midnight-flavour .midnight-serve .midnight-serve-img .inner,
.fill-apple-and-watermelon-theme .spritz-serve-img .inner,
.midnight-flavour .midnight-serve .fill-apple-and-watermelon-theme .midnight-serve-img .inner {
    max-width: 581px;
    max-height: 611px;
    margin: -2em auto 20px auto;
    width: 100%;
    z-index: 0
}

.fill-apple-and-watermelon-theme .midnight-flavour .midnight-serve .midnight-serve-img .inner:after,
.fill-apple-and-watermelon-theme .spritz-serve-img .inner:after,
.midnight-flavour .midnight-serve .fill-apple-and-watermelon-theme .midnight-serve-img .inner:after {
    content: " ";
    display: block;
    background: #f5f4f4;
    border-radius: 100%;
    position: absolute;
    height: 39.27987%;
    width: 41.30809%;
    top: 49.7545%;
    left: 87.09122%;
    z-index: -3
}

.fill-apple-and-watermelon-theme .midnight-flavour .midnight-serve .midnight-serve-img .ss-img-circle-2,
.fill-apple-and-watermelon-theme .spritz-serve-img .ss-img-circle-2,
.midnight-flavour .midnight-serve .fill-apple-and-watermelon-theme .midnight-serve-img .ss-img-circle-2 {
    position: absolute;
    top: 7.03764%;
    left: 5.33563%;
    width: 94.66437%;
    height: 90.01637%;
    z-index: -1
}

.fill-apple-and-watermelon-theme .midnight-flavour .midnight-serve .midnight-serve-img .ss-img-circle-2 .before,
.fill-apple-and-watermelon-theme .spritz-serve-img .ss-img-circle-2 .before,
.midnight-flavour .midnight-serve .fill-apple-and-watermelon-theme .midnight-serve-img .ss-img-circle-2 .before {
    content: " ";
    display: block;
    background: url(/images/apple-watermelon-glass-circle-2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    height: 18.90909%;
    width: 18.90909%;
    top: 50%;
    margin-top: -44.90909%;
    left: 50%;
    margin-left: 0;
    z-index: 1
}

.fill-apple-and-watermelon-theme .midnight-flavour .midnight-serve .midnight-serve-img .ss-img-circle,
.fill-apple-and-watermelon-theme .spritz-serve-img .ss-img-circle,
.midnight-flavour .midnight-serve .fill-apple-and-watermelon-theme .midnight-serve-img .ss-img-circle {
    display: block;
    background: url(/images/apple-watermelon-glass-circle-1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    height: 64.81178%;
    width: 68.15835%;
    top: 19.14894%;
    left: 21.85886%;
    z-index: 0
}

.midnight-flavour .midnight-serve .fill-peach-and-apricot-theme .midnight-serve-img .inner,
.fill-peach-and-apricot-theme .midnight-flavour .midnight-serve .midnight-serve-img .inner,
.fill-peach-and-apricot-theme .spritz-serve-img .inner {
    max-width: 631px;
    max-height: 609px;
    margin: -2em auto 20px auto;
    width: 100%
}

.midnight-flavour .midnight-serve .fill-peach-and-apricot-theme .midnight-serve-img .inner:after,
.fill-peach-and-apricot-theme .midnight-flavour .midnight-serve .midnight-serve-img .inner:after,
.fill-peach-and-apricot-theme .spritz-serve-img .inner:after {
    content: " ";
    display: block;
    background: url(/images/peach-apricot-spritz-serve-img-after.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    height: 72.41379%;
    width: 70.99842%;
    top: 29.55665%;
    left: 71.31537%;
    z-index: 1
}

.midnight-flavour .midnight-serve .fill-peach-and-apricot-theme .midnight-serve-img .ss-img-circle-2,
.fill-peach-and-apricot-theme .midnight-flavour .midnight-serve .midnight-serve-img .ss-img-circle-2,
.fill-peach-and-apricot-theme .spritz-serve-img .ss-img-circle-2 {
    background-image: url(/images/peach-apricot-glass-circle-2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    height: 32.34811%;
    width: 31.06181%;
    top: 47.45484%;
    left: .63391%;
    z-index: -1
}

.midnight-flavour .midnight-serve .fill-peach-and-apricot-theme .midnight-serve-img .ss-img-circle,
.fill-peach-and-apricot-theme .midnight-flavour .midnight-serve .midnight-serve-img .ss-img-circle,
.fill-peach-and-apricot-theme .spritz-serve-img .ss-img-circle {
    display: block;
    background: url(/images/peach-apricot-glass-circle-1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    height: 66.33826%;
    width: 64.02536%;
    top: 17.89819%;
    left: 6.49762%;
    z-index: -2
}

.midnight-flavour .midnight-serve .midnight-serve-text,
.spritz-serve-text {
    text-align: center;
    float: left;
    width: 100%;
    font-size: 18px;
    line-height: 1.2;
    color: #838588;
    font-family: proxima-nova, sans-serif;
    font-weight: lighter;
    padding-bottom: 40px
}

.midnight-flavour .midnight-serve .midnight-serve-text img,
.spritz-serve-text img {
    margin-bottom: 20px;
    max-width: 261px
}

.midnight-flavour .midnight-serve .midnight-serve-text p,
.spritz-serve-text p {
    position: relative;
    width: 80%;
    max-width: 355px;
    margin: 0 auto
}

.midnight-flavour .midnight-serve .midnight-serve-text p:before,
.spritz-serve-text p:before {
    content: ".";
    display: block;
    font-weight: 700;
    font-size: 24px;
    line-height: 4px;
    padding-bottom: 15px;
    padding-top: 5px
}

.midnight-flavour .midnight-serve .midnight-serve-text img+p:before,
.spritz-serve-text img+p:before {
    display: none
}
@media screen and (max-width:480px){
	
.leftColumn,.rightColumn{
	width:96%;
	padding:2%;
	display:inline-block;
	float:none;
	
	
	}
}
@media screen and (max-width:460px) {
    .midnight-flavour .midnight-serve .midnight-serve-text p br,
    .spritz-serve-text p br {
        display: none
    }
}

.spritz-small {
    width: 100%;
    clear: both;
    margin-bottom: 40px
}

.spritz-small:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.spritz-small .inner {
    position: relative;
    z-index: 1;
    width: 30%;
    height: auto;
    max-width: 152px;
    max-height: 125px;
    margin: 0 auto
}

.spritz-small img {
    width: 100%;
    height: auto;
    z-index: 2
}

.spritz-small .ssmall-circle {
    display: block;
    background: url(/images/pear-raspberry-small-circle.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    height: 46.4%;
    width: 38.15789%;
    top: 46.4%;
    left: 0;
    z-index: 3
}

.fill-pear-and-raspberry-theme .spritz-small .inner {
    max-width: 152px;
    max-height: 125px
}

.fill-pear-and-raspberry-theme .ssmall-circle {
    background-image: url(/images/pear-raspberry-small-circle.png);
    background-repeat: no-repeat;
    height: 46.4%;
    width: 38.15789%;
    top: 46.4%;
    left: 0;
    z-index: 3
}

.fill-apple-and-watermelon-theme .spritz-small .inner {
    max-width: 138px;
    max-height: 151px
}

.fill-apple-and-watermelon-theme .ssmall-circle {
    background-image: url(/images/apple-watermelon-small-circle.png);
    background-repeat: no-repeat;
    height: 19.86755%;
    width: 21.73913%;
    top: 30.46358%;
    left: 0;
    z-index: 3
}

.fill-peach-and-apricot-theme .spritz-small .inner {
    max-width: 121px;
    max-height: 136px
}

.fill-peach-and-apricot-theme .ssmall-circle {
    background-image: url(/images/peach-apricot-small-circle.png);
    background-repeat: no-repeat;
    height: 41.91176%;
    width: 47.10744%;
    top: 35.29412%;
    left: 3.30579%;
    z-index: 3
}

@media screen and (min-width:1025px) {
    .midnight-flavour .midnight-serve .midnight-serve-img,
    .spritz-serve-img {
        float: left;
        width: 49%
    }
    .midnight-flavour .midnight-serve .midnight-serve-img .inner,
    .spritz-serve-img .inner {
        margin-top: -8em
    }
    .midnight-flavour .midnight-serve .midnight-serve-text,
    .spritz-serve-text {
        float: right;
        width: 49%
    }
    .spritz-small {
        margin: 0
    }
    .spritz-small .inner {
        float: right;
        margin-right: 5px
    }
    .midnight-flavour .midnight-serve .fill-pear-and-raspberry-theme .midnight-serve-img .inner:before,
    .fill-pear-and-raspberry-theme .midnight-flavour .midnight-serve .midnight-serve-img .inner:before,
    .fill-pear-and-raspberry-theme .spritz-serve-img .inner:before {
        content: " ";
        display: block;
        background: url(/images/pear-raspberry-flair.png);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        position: absolute;
        height: 51.10733%;
        width: 56.49718%;
        top: 59.62521%;
        right: 28.24859%;
        z-index: -1;
        opacity: .5
    }
    .fill-apple-and-watermelon-theme .midnight-flavour .midnight-serve .midnight-serve-img .inner,
    .fill-apple-and-watermelon-theme .spritz-serve-img .inner,
    .midnight-flavour .midnight-serve .fill-apple-and-watermelon-theme .midnight-serve-img .inner {
        margin-top: -8em
    }
    .midnight-flavour .midnight-serve .fill-peach-and-apricot-theme .midnight-serve-img .inner,
    .fill-peach-and-apricot-theme .midnight-flavour .midnight-serve .midnight-serve-img .inner,
    .fill-peach-and-apricot-theme .spritz-serve-img .inner {
        width: 107%;
        margin-left: 4%;
        margin-top: -8em
    }
}

@media screen and (min-width:940px) {
    .spritz-small .inner {
        float: right;
        margin-top: -8vw
    }
}

@media screen and (min-width:1100px) {
    .spritz-small .inner {
        float: right;
        margin-top: -11em
    }
    .midnight-flavour .midnight-serve .midnight-serve-text,
    .spritz-serve-text {
        padding-top: 2em
    }
    .midnight-flavour .midnight-serve .fill-peach-and-apricot-theme .midnight-serve-img .inner,
    .fill-peach-and-apricot-theme .midnight-flavour .midnight-serve .midnight-serve-img .inner,
    .fill-peach-and-apricot-theme .spritz-serve-img .inner {
        margin-left: -2%
    }
}

.spritz-container {
    padding: 0 20px
}

.spritz-container:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.spritz-ingredients {
    margin-bottom: 24px;
    text-align: center;
    color: #9C9FA1;
    font-family: proxima-nova, sans-serif
}

.spritz-ingredients h3 {
    text-transform: uppercase;
    margin: 0;
    font-weight: 400;
    font-family: proxima-nova, sans-serif
}

.spritz-ingredients h3 span {
    text-transform: lowercase;
    display: block
}

.spritz-ingredients a {
    color: #9C9FA1;
    font-size: 12px;
    line-height: 16px;
    border-bottom: 1px dotted #9C9FA1;
    text-transform: uppercase
}

.spritz-ingredients p {
    font-size: 11px;
    line-height: 1.2
}

.spritz-ingredients img {
    display: inline-block;
    margin: 0 10px 10px;
    max-width: 65px
}

.spritz-ingredients .inner {
    margin-top: 20px;
    border: 2px solid #ccc;
    border-radius: 5px;
    padding: 20px 15px 15px;
    min-height: 210px;
    max-width: 568px;
    margin-left: auto;
    margin-right: auto
}

.spritz-buy {
    text-align: center;
    margin-bottom: 24px;
    color: #9C9FA1
}

.spritz-buy>img {
    max-width: 208px
}

.spritz-buy .inner {
    margin-top: 17px;
    border: 2px solid #f69791;
    border-radius: 5px;
    padding: 40px 15px 15px;
    min-height: 210px;
    max-width: 568px;
    margin-left: auto;
    margin-right: auto
}

.spritz-buy .inner img {
    display: inline-block;
    margin: 20px;
    max-width: 33%;
    max-height: 26px
}

.spritz-buy a {
    color: #9C9FA1
}

.spritz-buy a img {
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.spritz-buy a:hover img {
    opacity: .25
}

.fill-pear-and-raspberry-theme .spritz-buy .inner {
    border: 2px solid #f69791;
    background-color:#f69791;
}

.fill-apple-and-watermelon-theme .spritz-buy .inner {
    border: 2px solid #f7a9a6;
    background-color:#f7a9a6;
}

.fill-peach-and-apricot-theme .spritz-buy .inner {
    border: 2px solid #fdb936;
    background-color:#fdb936;
}

@media screen and (min-width:1025px) {
    .spritz-ingredients {
        width: 49%;
        float: left
    }
    .spritz-ingredients h3 {
        line-height: 23px
    }
    .spritz-ingredients h3 span {
        display: inline
    }
    .spritz-buy {
        width: 49%;
        float: right
    }
}

@media screen and (min-width:1025px) and (max-width:1050px) {
    .spritz-ingredients .inner img {
        max-width: 13.5%
    }
    .spritz-ingredients h3 span {
        display: block
    }
    .spritz-buy .inner img {
        max-width: 21%
    }
    .spritz-buy>img {
        padding-bottom: 23px
    }
}
/*
.spritz-product .nutritioninfo {
    clear: both;
    background: 0 0;
    font-family: proxima-nova, sans-serif
}

.spritz-product .nutritioninfo:before {
    display: none
}

.spritz-product .nutritioninfo .icon-close {
    background-image: url(/images/spritz-close.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% 100%;
    width: 23px;
    height: 23px;
    top: 5px;
    right: 2px
}

.spritz-product .nutritioninfo .nutritioninfo_product {
    padding: 0;
    top: -180px;
    max-width: 400px
}

.spritz-product .nutritioninfo.show .nutritioninfo_product {
    top: -80px
}

.spritz-product .nutritioninfo .nutritioninfo_section {
    font-size: 18px;
    line-height: 1.6;
    color: #9D9FA1;
    float: left;
    width: 100%
}

.spritz-product .nutritioninfo .nutritioninfo_section tr:nth-child(2n-1) td {
    background: #f5f5f6
}

.spritz-product .nutritioninfo .nutritioninfo_title {
    margin-top: 0;
    font-size: 18px;
    padding-left: 9px
}

.spritz-product .nutritioninfo .nutritioninfo_copy .nutritioninfo_title {
    padding-left: 0
}

.spritz-product .nutritioninfo .nutritioninfo_copy {
    font-size: 14px
}

.no-js .spritz-product .nutritioninfo .nutritioninfo_product {
    top: -80px
}

.no-js .spritz-product .nutritioninfo .icon-close {
    display: none
}

.fill-peach-and-apricot-theme.spritz-product .nutritioninfo .icon-close {
    background-image: url(/images/peach-apricot-spritz-close.png)
}

@media screen and (min-width:500px) {
    .spritz-product .nutritioninfo_product+.nutritioninfo_copy {
        margin-left: 160px;
        min-height: 240px
    }
}

@media screen and (min-width:900px) {
    .spritz-product .nutritioninfo .nutritioninfo_section {
        width: 49%;
        padding-right: 30px
    }
    .spritz-product .nutritioninfo .nutritioninfo_section+.nutritioninfo_section {
        padding-right: 0;
        margin-left: 2%
    }
}

@media screen and (max-width:859px) {
    .spritz-product .nutritioninfo {
        max-width: 568px;
        margin: 0 auto
    }
}
*/
.spritz-product .sitefooter {
    border-color: #F2F2F2
}

.midnight-flavour .heroshot-product {
    opacity: 1
}

@media screen and (min-width:800px) {
    .midnight-flavour .heroshot-product .heroshot-main {
        position: relative;
        top: -40px;
        -webkit-transition: opacity .75s .25s ease-out, top .75s .25s ease-out;
        transition: opacity .75s .25s ease-out, top .75s .25s ease-out;
        -webkit-transition-delay: .75s;
        transition-delay: .75s
    }
    .midnight-flavour .heroshot-product .heroshot-main.show {
        top: 0
    }
    .midnight-flavour .midnight-text.textleft {
        left: -85px;
        -webkit-transition: left 1s .25s ease-out, opacity 1s .25s ease-out;
        transition: left 1s .25s ease-out, opacity 1s .25s ease-out;
        -webkit-transition-delay: 1.25s;
        transition-delay: 1.25s
    }
    .midnight-flavour .midnight-text.textleft.left2 {
        left: -85px;
        -webkit-transition: left 1s .25s ease-out, opacity 1s .25s ease-out;
        transition: left 1s .25s ease-out, opacity 1s .25s ease-out;
        -webkit-transition-delay: 1.75s;
        transition-delay: 1.75s
    }
    .midnight-flavour .midnight-text.textright {
        right: -85px;
        right: -webkit-calc(-85px + 2%);
        right: calc(-85px + 2%);
        -webkit-transition: right 1s .25s ease-out, opacity 1s .25s ease-out;
        transition: right 1s .25s ease-out, opacity 1s .25s ease-out;
        -webkit-transition-delay: 2.5s;
        transition-delay: 2.5s
    }
    .midnight-flavour .main-left {
        left: -20px;
        -webkit-transition: left 1s .25s ease-out, opacity 1s .25s ease-out;
        transition: left 1s .25s ease-out, opacity 1s .25s ease-out;
        -webkit-transition-delay: 3.25s;
        transition-delay: 3.25s
    }
    .midnight-flavour .main-right {
        right: -20px;
        -webkit-transition: right 1s .25s ease-out, opacity 1s .25s ease-out;
        transition: right 1s .25s ease-out, opacity 1s .25s ease-out;
        -webkit-transition-delay: 3.25s;
        transition-delay: 3.25s
    }
    .midnight-flavour .midnight-content {
        -webkit-transition-delay: 3.25s;
        transition-delay: 3.25s
    }
    .midnight-flavour.midnight-amber .midnight-text.textright {
        -webkit-transition-delay: 1.75s;
        transition-delay: 1.75s
    }
    .midnight-flavour.midnight-amber .main-left,
    .midnight-flavour.midnight-amber .main-right,
    .midnight-flavour.midnight-amber .midnight-content {
        -webkit-transition-delay: 2.5s;
        transition-delay: 2.5s
    }
}

.midnight-flavour .heroshot-product .heroshot-main.animated {
    top: 0
}

.midnight-flavour.glitterberry .heroshot-product .heroshot-main.animated {
    top: 150px;
}


.midnight-flavour .midnight-content {
    z-index: 2;
    position: relative;
    margin-top: -9em;
    display:none;
}

.midnight-flavour .midnight-title {
    display: block;
    margin: 0 auto;
    width: 90%;
    max-width: 551px
}

.midnight-flavour.midnight-amber .midnight-title {
    max-width: 409px
}

.midnight-flavour .midnight-desc {
    width: 98%;
    display: block;
    margin: 0 auto;
    margin-top: 3em
}

.midnight-flavour .midnight-desc img {
    margin: 0 auto;
    display: block;
    width: 98%;
    max-width: 564px
}

.midnight-flavour .midnight-desc.desktop {
    display: none
}

.midnight-flavour .midnight-desc.desktop img {
    max-width: 609px
}

.midnight-flavour .midnight-desc:after {
    content: " ";
    display: block;
    width: 100%
}

.midnight-flavour .product .product_hero {
    width: auto;
    margin: -6em 0 4em 0;
    z-index: -1;
    position: relative
}

.midnight-flavour .product .product_hero .heroshot {
    width: 200%;
    margin-left: -52%;
    max-width: none
}

.midnight-flavour .product .product_hero .heroshot_bottle {
    width: auto;
    left: 0
}

.midnight-flavour .product .product_basics {
    margin: 2em 0 1.5em;
    padding: 0
}

.midnight-flavour .product .midnight-text {
    width: 95%;
    margin: 0 auto;
    max-width: 436px;
    margin-left: 20px;
}


.midnight-flavour .product .midnight-text.left1 {
    display:none;
}

.midnight-flavour .product .midnight-text.left2 {
    margin-bottom: 3em
}

.midnight-flavour .heroshot_bottle .bg {
    width: auto;
    left: 0;
    position: absolute;
    z-index: -1;
    display:none;
}

.midnight-flavour.midnight-amber .curves_bottom {
    background: url(/images/curve-bottom-amber.png) 50% 0 no-repeat
}

.midnight-flavour.midnight-amber .curves_bottom:before {
    content: " ";
    height: 305px;
    position: absolute;
    top: -13em; 
    right: 12.5%;
    width: 75%;
    background-size: contain
}

.midnight-flavour.midnight-amber .wrapper {
    background: #392231
}

.midnight-flavour.midnight-amber.glitterberry .division-product {
    background: url(/assets/build/media/glitterberry-page-background.jpg) center no-repeat;
    background-color:#de3c18;

}

.midnight-flavour.midnight-amber .division-product {
    background: url(/assets/build/media/flamingo-fling-product-page-background.jpg) center no-repeat;
    background-size: contain;
    background-color:#de3c18;

}



.midnight-flavour.midnight-amber .midnight-desc:after {
    background: url(/assets/build/media/midnight-amber-divider.png) center no-repeat;
    background-size: contain;
    height: 7em;
    max-width: 929px;
    margin: 0 auto
}

.midnight-flavour.midnight-amber .steps.main-left {
    display: none!important;
}

.midnight-flavour.midnight-amber .steps.main-right {
    float: right;
    max-width: 443px;
    display:none;

}

.midnight-flavour.midnight-forest .midnight-desc:after {
    background: url(/assets/build/media/midnight-forest-divider-mob.png) center no-repeat;
    background-size: contain;
    height: 12em
}

.midnight-flavour.midnight-forest .wrapper {
    background: #280E0F
}

.midnight-flavour.midnight-forest .squirrel {
    background: url(/assets/build/media/squirrel.png) no-repeat;
    margin: 0 auto;
    width: 22em;
    height: 12em
}

.midnight-flavour.midnight-forest .bird {
    background: url(/assets/build/media/bird.png) no-repeat;
    margin: 0 auto;
    width: 18em;
    height: 12em
}


.midnight-flavour.midnight-amber .midnight-text.textright.right2,.midnight-flavour.midnight-forest .midnight-text.textright.right2 {
   max-width:114px;
}

.midnight-flavour.midnight-amber.glitterberry .midnight-text.textright.right2,.midnight-flavour.midnight-forest .midnight-text.textright.right2 {
   max-width:145px;
}





@media screen and (min-width:440px) {
    .midnight-flavour.midnight-amber .curves_bottom {
        top: -15em
    }
    .midnight-flavour.midnight-amber .midnight-content {
        margin-top: -10.5em
    }
    .midnight-flavour .heroshot_bottle .bg {
        left: 20%;
        left: -webkit-calc(50% - 432px);
        left: calc(50% - 432px)
    }
    .midnight-flavour .heroshot_bottle .bg.amber-bg {
        left: -webkit-calc(50% - 443px);
        left: calc(50% - 443px)
    }
}

@media screen and (min-width:800px) {
    .midnight-flavour .product .product_basics {
        margin: 4em 0 1.5em
    }
    .midnight-flavour .product {
        margin-top: -13em;
        margin-bottom: -1em
    }
    .midnight-flavour .product .product_hero {
        margin-top: 0;
        min-height: 872px
    }
    .midnight-flavour .product .product_hero .heroshot {
        width: auto;
        margin-left: 0
    }
    .midnight-flavour .product .product_hero .heroshot_bottle {
        left: -2%
    }
    .midnight-flavour .heroshot_bottle.bg {
        left: 0
    }
    .midnight-flavour .midnight-desc:after {
        background-size: 100%
    }
    .midnight-flavour .midnight-desc.desktop {
        display: block
    }
    .midnight-flavour .midnight-desc.mobile {
        display: none
    }
    .midnight-flavour .main-left {
        position: absolute;
        z-index: 5;
        bottom: 0
    }
    .midnight-flavour .main-left.animated {
        left: 7%
    }
    .midnight-flavour .main-right {
        position: absolute;
        z-index: 5;
        bottom: -2em
    }
    .midnight-flavour .main-right.animated {
        right: 2%
    }
    .midnight-flavour.midnight-amber .midnight-text,
    .midnight-flavour.midnight-forest .midnight-text {
        width: auto;
        z-index: 2;
        position: absolute
    }
    .midnight-flavour.midnight-amber .midnight-text.textleft,
    .midnight-flavour.midnight-forest .midnight-text.textleft {
        width: 42%;
        left: 1em;
        top: 10em
    }
    .midnight-flavour.midnight-amber .midnight-text.textleft.left2,
    .midnight-flavour.midnight-forest .midnight-text.textleft.left2 {
        top: 18em;
        top: -webkit-calc(10em + 113px);
        top: calc(10em + 113px)
    }
    .midnight-flavour.midnight-amber .midnight-text.textright {
        top: 35%;
        width: 39%;
        right: 1%
    }
    .midnight-flavour.midnight-forest .midnight-text.textright {
        top: 27%;
        right: 13%;
    }
    .midnight-flavour.midnight-forest .midnight-text.textright.right2 {
        top: 45%;
        right: 27%;
    }
    .midnight-flavour.midnight-forest .midnight-content {
        margin-top: -6em
    }
    .midnight-flavour.midnight-forest .midnight-desc:after {
        background: url(/assets/build/media/midnight-forest-divider.png) no-repeat;
        background-size: 100%;
        margin-top: -2em;
        height: 12em
    }
    .midnight-flavour.midnight-forest .bird,
    .midnight-flavour.midnight-forest .squirrel {
        padding: 8em 12em
    }
    .midnight-flavour.midnight-amber .curves_bottom:before {
        top: -12em;
        right: -4em;
        background-size: auto;
        max-height: none;
        width: 100%
    }
    .midnight-flavour.midnight-amber .midnight-desc:after {
        background-size: 100%;
        height: 10em
    }
    .midnight-flavour.midnight-amber .midnight-text.textright {
        top: 20%;
    }
    .midnight-flavour.midnight-amber .midnight-text.textright.right2 {
        top: 35%;
    }

    .midnight-flavour.midnight-amber.glitterberry .midnight-text.textright.right2 {
        top: 20%;
    }

    .midnight-flavour.midnight-amber.glitterberry .midnight-text.textright.right2, .midnight-flavour.midnight-forest .midnight-text.textright.right2 {
        max-width: 275px;
    }

    .midnight-flavour.midnight-amber.glitterberry .midnight-text.textright.right2.animated {
        right: 60%;
    }

    .midnight-flavour.midnight-amber .steps.main-left {
        display: block;
        left: -4em;
        bottom: -23%
    }
    .midnight-flavour.midnight-amber .steps.main-right {
        right: -26em;
        bottom: -33%;
        max-width: none
    }
}




@media screen and (min-width:1200px) {
    .midnight-flavour.midnight-amber .midnight-text.textleft,
    .midnight-flavour.midnight-forest .midnight-text.textleft {
        top: 30%;
        width: auto
    }
    .midnight-flavour.midnight-amber .midnight-text.textleft.left2,
    .midnight-flavour.midnight-forest .midnight-text.textleft.left2 {
        top: 45%;
        top: -webkit-calc(30% + 113px);
        top: calc(30% + 113px)
    }
    .midnight-flavour.midnight-amber .midnight-text.textleft.animated,
    .midnight-flavour.midnight-forest .midnight-text.textleft.animated {
        left: 3em
    }
    .midnight-flavour.midnight-amber .midnight-text.textright,
    .midnight-flavour.midnight-forest .midnight-text.textright {
        width: auto
    }
    .midnight-flavour.midnight-amber .midnight-text.textright.animated {
        right: 2%
    }

   
    .midnight-flavour.midnight-amber .midnight-text.textright.animated {
        right: 12%
    }
     .midnight-flavour.midnight-amber .midnight-text.textright.right2.animated {
        right: 32%
    }

      .midnight-flavour.midnight-amber.glitterberry .midnight-text.textright.right2.animated {
        right: 60%;
    }

}

.midnight-flavour .midnight-serve {
    padding: 0 50px;
    display:none;
}

.midnight-flavour .midnight-serve .midnight-serve-text {
    color: #ED9450;
    font-family: utopia-std-display, serif;
    letter-spacing: 1px;
    margin-top: 1em;
    z-index: 10;
    position: relative;
    font-size: 1.5em
}

.midnight-flavour .midnight-serve .midnight-serve-text p {
    max-width: none;
    width: auto
}

.midnight-flavour .midnight-serve .midnight-serve-text p:before {
    content: "\25C6";
    font-size: 12px;
    padding: 10px 0
}

.midnight-flavour .midnight-serve .midnight-serve-text p.first-serve-text {
    text-transform: uppercase;
    font-weight: 600
}

.midnight-flavour .midnight-serve .midnight-serve-img,
.midnight-flavour .midnight-serve .midnight-serve-text p.first-serve-text:before {
    display: none
}

.midnight-flavour .midnight-serve .first-serve-caption {
    font-family: utopia-std-display, serif;
    letter-spacing: 1px;
    color: #ED9450;
    text-align: center;
    width: 256px;
    margin-top: .2em;
    position: relative
}

.midnight-flavour .midnight-serve .first-serve-caption span {
    display: block;
    font-size: .75em;
    margin-top: 1.5em;
    opacity: .7;
    position: absolute;
    bottom: -3em
}

.midnight-flavour.midnight-forest .midnight-serve .midnight-serve-text {
    z-index: 1
}

.midnight-flavour.midnight-forest .midnight-serve .midnight-serve-text:before {
    display: block;
    position: absolute;
    content: " ";
    background: url(/assets/build/media/deer.png) no-repeat;
    height: 345px;
    width: 251px;
    bottom: -4em;
    right: -6em
}

.midnight-flavour.midnight-amber .midnight-serve {
    margin-bottom: 4em;
    padding-bottom: 10em
}

.midnight-flavour.midnight-amber .midnight-serve .first-serve-caption,
.midnight-flavour.midnight-amber .midnight-serve .midnight-serve-text {
    color: #f3c579
}

.midnight-flavour.midnight-amber .midnight-serve .midnight-serve-text {
    float: right;
    margin-top: 1em
}

.midnight-flavour.midnight-amber .midnight-serve .midnight-serve-img {
    position: relative;
    padding-top: 1em
}

.midnight-flavour.midnight-amber .midnight-serve .midnight-serve-img:before {
    content: " ";
    background: url(/assets/build/media/midnight-amber-serve-image-bg.png);
    height: 221px;
    width: 140PX;
    display: block;
    position: absolute;
    left: .5EM;
    bottom: -6EM
}

@media screen and (min-width:1025px) {
    .midnight-flavour .midnight-serve {
        padding: 0
    }
    .midnight-flavour .midnight-serve .midnight-serve-img {
        display: block;
        float: right;
        padding-bottom: 0;
        padding-left: 5em;
        margin-top: 0;
        text-align: left;
        position: relative
    }
    .midnight-flavour .midnight-serve .midnight-serve-img img {
        width: auto
    }
    .midnight-flavour .midnight-serve .midnight-serve-img:before {
        display: block;
        position: absolute;
        content: " ";
        background: url(/assets/build/media/deer.png) no-repeat;
        background-size: cover;
        height: 7em;
        width: 7em;
        bottom: -7em;
        right: 0
    }
    .midnight-flavour .midnight-serve .midnight-serve-text {
        padding: 0 0 0 6%;
        margin-top: 0;
        float: left;
        font-size: 1.5em
    }
    .midnight-flavour .midnight-serve .midnight-serve-text:before,
    .midnight-flavour.midnight-forest .midnight-serve .midnight-serve-text:before {
        display: none
    }
    .midnight-flavour.midnight-amber .midnight-serve {
        padding: 0 2em 1em;
        margin-bottom: 0
    }
    .midnight-flavour.midnight-amber .midnight-serve .midnight-serve-img {
        padding-left: 8em;
        margin-bottom: 7em
    }
    .midnight-flavour.midnight-amber .midnight-serve .midnight-serve-text {
        padding: 0 0 3em 1em
    }
}

@media screen and (min-width:1080px) {
    .midnight-flavour .midnight-serve .midnight-serve-img:before {
        height: 10em;
        width: 10em
    }
}

@media screen and (min-width:1130px) {
    .midnight-flavour.midnight-amber .midnight-serve .midnight-serve-text {
        padding: 0 6% 4.5em 0
    }
}

@media screen and (min-width:1200px) {
    .midnight-flavour .midnight-serve .midnight-serve-img:before {
        height: 345px;
        width: 251px;
        right: -2em
    }
}

.midnight-flavour #mixology {
    position: relative
}

.midnight-flavour .division-product {
    background: url(/assets/build/media/toucan-tryst-product-background.jpg) center center no-repeat;
    background-size: contain;
    background-color:#de3c18;
}


.midnight-flavour .midnight-forest {
    background: url(/assets/build/media/flamingo-fling-product-page-background-2.jpg) top center no-repeat;
    background-size: cover;
    margin-top: -7em;
    padding-top: 3em;
}

.midnight-flavour #mixology.midnight-amber {
    background: url(/assets/build/media/flamingo-fling-product-page-background-2.jpg) top center no-repeat;
    background-size: cover;
    margin-top: -7em;
    padding-top: 3em;
}

.glitterberry #mixology.midnight-amber {
    background: url(/assets/build/media/glitterberry-page-background.jpg) top center no-repeat;
    background-size: cover;
    margin-top: -7em;
    padding-top: 5em;

}



.midnight-flavour #mixology.midnight-amber.toucanTryst {
    background: url(/assets/build/media/toucan-tryst-product-background-2.jpg) top center no-repeat;
    background-size: cover;
    margin-top: -18em;
    padding-top: 3em;
}



.midnight-flavour #mixology .layouttrio.desktop {
    display: none
}

.midnight-flavour #mixology .layouttrio.heroshot-mix img {
    height: auto;
    max-width: 100%
}

.midnight-flavour .mix-bg {
    background: url(/assets/build/media/midnight-mix-bg-mob.png) top center no-repeat;
    background-size: cover;
    position: absolute;
    width: 100%;
    height: 42%;
    z-index: 2
}

.midnight-flavour .mix-bg:before {
    background: url(/assets/build/media/midnight-mix-bg-mob-bottom.png) top center no-repeat;
    background-size: cover;
    position: absolute;
    width: 100%;
    height: 2em;
    content: " ";
    bottom: 0
}

.midnight-flavour .mix_subtitle {
    color: #ED9450;
    font-family: utopia-std-display, serif;
    font-size: 2.2rem;
    letter-spacing: 1px
}

.midnight-flavour.midnight-amber .mix_subtitle {
    color: #00a453
}

.midnight-flavour.midnight-amber.glitterberry .mix_subtitle {
    color: #ffd880;
}



.midnight-flavour .mix_ingredients,
.midnight-flavour .mixes {
    text-align: left
}

.midnight-flavour .mix_ingredients:before {
    display: none
}

.midnight-flavour .mix_ingredients:after {
    border-color: #713F28
}

.midnight-flavour .mix_ingredientslist {
    font-family: utopia-std-display, serif;
    opacity: .8;
    font-size: 2.2rem;
    letter-spacing: 1px
}

.midnight-flavour .mix_sharetitle {
    background-color: transparent;
    border: 2px solid #F9A567;
    color: #F9A567;
    font-weight: 700;
    letter-spacing: 1px
}

.midnight-flavour .mix_sharetitle:hover {
    background-color: #3F072A
}

.midnight-flavour.midnight-amber .mix_sharetitle {
    border: 2px solid #f3c579;
    color: #f3c579
}

.midnight-flavour .mix_stepslist_midnight {
    color: #5b4e9d;
    font-family: utopia-std-display;
    font-size: 2.2rem;
    letter-spacing: 1px
}

.midnight-flavour.glitterberry .mix_stepslist_midnight {
    color: #ffd880;
}


.midnight-flavour .mix_stepslist_midnight li {
    margin-bottom: 1.4em
}

.midnight-flavour .mix_stepslist_midnight .mix_heading {
    color: #F9A567;
    display: block;
    text-transform: uppercase;
    margin-bottom: .5em
}

.midnight-flavour.midnight-amber .mix_heading {
    color: #5b4e9d
}

.midnight-flavour .mix_share {
    margin-left: 0;
    text-align: left
}

.midnight-flavour .mix_share .icon-share-midnight {
    display: inline-block;
    vertical-align: middle
}

.midnight-flavour .mix_title_midnight {
    margin: 7em auto 3em
}

.midnight-flavour [name=showshare]:checked~.mix_sharetitle {
    background-color: #3F072A
}

.midnight-flavour .feeling-bold {
    color: #fff;
    font-family: utopia-std-display, serif;
    font-size: 1.8rem;
    letter-spacing: 1px;
    text-align: center;
    position: absolute;
    left: 40%
}

.midnight-flavour .feeling-bold.feeling-bold-midnight-forest {
    height: 205px;
    width: 199px;
    background: url(/assets/build/media/feeling-bold.png) top left no-repeat;
    padding: 3em 1em 1em;
    left: -webkit-calc(50% - 100px);
    left: calc(50% - 100px);
    top: -1em
}

.midnight-flavour .feeling-bold.feeling-bold-midnight-forest .feeling-bold-heading {
    color: #ED9450
}

.midnight-flavour .feeling-bold.feeling-bold-midnight-amber {
    height: 246px;
    width: 322px;
    background: url(/assets/build/media/feeling-bold-amber.png) top left no-repeat;
    padding: 3em 4em 2em 2em;
    left: -webkit-calc(50% - 141px);
    left: calc(50% - 141px);
    top: -10em
}

.midnight-flavour .feeling-bold.feeling-bold-midnight-amber .feeling-bold-heading {
    color: #f3c579
}

.midnight-flavour .feeling-bold .feeling-bold-heading {
    display: block;
    font-size: 2.2rem;
    margin-bottom: 1em;
    font-style: italic;
    font-weight: 700
}

.midnight-flavour .mix-nav-midnight {
    background: url(/assets/build/media/try-mocktail.png) no-repeat;
    width: 108px;
    height: 92px;
    display:none;
}

.midnight-flavour .mix-nav-midnight.mocktail {
    background: url(/assets/build/media/try-cocktail.png) no-repeat
}

.midnight-flavour .drink-aware {
    display: block;
    margin-top: 1em;
    color: red;
    font-size: 14px;
}


@media screen and (max-width:1900px) {
    .midnight-flavour.midnight-amber .division-product {
        background: url(/assets/build/media/flamingo-fling-product-page-background-dual.jpg) center no-repeat;
        background-size: cover
    }

    .midnight-flavour .division-product {
        background: url(/assets/build/media/toucan-tryst-product-background-dual.jpg) center no-repeat;
        background-size: cover;
    }
}


@media screen and  (max-width:800px) {
    .midnight-flavour #mixology.midnight-amber {
        background-size: contain;
        background-color: #500925;
        background-image: none;
    }
}


@media screen and (max-width:360px) {
    .midnight-flavour .mix_ingredients {
        margin-left: -20px
    }
    .midnight-flavour .steps.main-right {
        width: 100%
    }
}

@media screen and (min-width:400px) {
    .midnight-flavour .mix-bg {
        height: 57em;
        max-height: 673px
    }
}

@media screen and (min-width:800px) {
    .midnight-flavour #mixology.midnight-amber {
        margin-top: -18em
    }
}


@media screen and (min-width:1025px)  {
    .midnight-flavour.glitterberry #mixology.midnight-amber .heroshot-mix img {
        max-width: 600px;
    }
}

@media screen and (min-width:800px) and (max-width:1024px) {
    .midnight-flavour.glitterberry #mixology.midnight-amber .heroshot-mix img {
        max-width: 500px;
    }
}


@media screen and (min-width:800px) {
    .midnight-flavour .mix-bg {
        background: url(/images/curve-bottom-amber.png) 50% 0 no-repeat;
    }

  
    .midnight-flavour .mix-bg:before {
        display: none
    }
    .midnight-flavour #mixology .mix_instructions {
        padding-left: 6em
    }
    .midnight-flavour #mixology .layouttrio.desktop {
        display: inline-block
    }
    .midnight-flavour #mixology .layouttrio.mobile {
        display: none
    }
    .midnight-flavour .mix_title_midnight {
        margin: -1.5em 0 0
    }
    .midnight-flavour .mix_ingredients {
        padding-top: 2em
    }
    .midnight-flavour .mix_ingredients:before {
        display: block
    }
    .midnight-flavour #mixology.midnight-amber .mix_instructions {
        padding-left: 4em
    }
    .midnight-flavour #mixology.midnight-amber .heroshot-mix {
        position: relative;
        top: 5rem
    }

    .midnight-flavour.glitterberry #mixology.midnight-amber .heroshot-mix {
        position: relative;
        top: -10rem;
    }

    .midnight-flavour #mixology.midnight-amber .heroshot-mix img {
        max-width: 416px;
        left: -30%
    }
    .midnight-flavour.glitterberry #mixology.midnight-amber .heroshot-mix img {
       
        left: -30%
    }
    .midnight-flavour #mixology.midnight-forest .heroshot-mix {
        position: relative;
        top: 4rem;
        max-height: 38em;
        overflow: visible
    }
    .midnight-flavour #mixology.midnight-forest .mix_header {
        padding-left: 70px
    }
    .midnight-flavour #mixology.midnight-forest .midnight-forest-hot-coco .heroshot-mix {
        top: 13rem
    }
    .midnight-flavour #mixology.midnight-forest .midnight-forest-hot-coco .heroshot-mix img {
        max-width: 300px;
        left: 0
    }
    .midnight-flavour #mixology.midnight-forest .midnight-forest-midnight-martini .heroshot-mix {
        top: 13rem
    }
    .midnight-flavour #mixology.midnight-forest .midnight-forest-midnight-martini .heroshot-mix img {
        max-width: 300px;
        left: -5%
    }
    .midnight-flavour .feeling-bold.feeling-bold-midnight-forest {
        top: -4em
    }
}

@media screen and (min-width:800px) {
    .midnight-flavour #mixology.midnight-forest .heroshot-mix {
        position: relative;
        top: 10rem
    }
    .midnight-flavour #mixology.midnight-forest .midnight-forest-hot-coco .heroshot-mix img {
        max-width: 379px;
        left: 0
    }
    .midnight-flavour #mixology.midnight-forest .midnight-forest-midnight-martini .heroshot-mix img {
        max-width: none;
        left: 0
    }

    .midnight-flavour #mixology.midnight-amber .mix_header {
        padding-left: 7.143em
    }
    .midnight-flavour #mixology.midnight-amber .heroshot-mix img {
        left: 7%
    }

    .midnight-flavour.glitterberry #mixology.midnight-amber .heroshot-mix img {
        left: -50%;
    }
    .midnight-flavour #mixology.midnight-amber.toucanTryst .heroshot-mix img {
        left: -5%;
    }


}

@media screen and (min-width:1260px) {
    .midnight-flavour .mix-header {
        padding-left: 2em
    }
    .midnight-flavour #mixology.midnight-forest .mix_instructions {
        padding-right: 2em;
        padding-left: 2em
    }
    .midnight-flavour #mixology.midnight-amber .mix_instructions {
        padding-right: 2em;
        padding-left: .55em
    }

    .midnight-flavour.glitterberry #mixology.midnight-amber .mix_instructions {
        padding-right: 2em;
        padding-left: 5.55em;
    }
}

.midnight-flavour .product_supplemental {
    max-width: 96%;
    margin: 0 auto
}

.midnight-flavour .product_supplemental.midnight-forest .ingredients_title,
.midnight-flavour .product_supplemental.midnight-forest .order_title {
    color: #ED9450
}

.midnight-flavour .product_supplemental.midnight-amber .ingredients_title,
.midnight-flavour .product_supplemental.midnight-amber .order_title {
    color: #f3c579
}

.midnight-flavour .product_supplemental.ingredients {
    margin-bottom: 2em
}

.midnight-flavour .product_supplemental.midnight-amber.ingredients {
    margin-top: 10em
}

.midnight-flavour .product_supplemental.midnight-forest.ingredients:before,
.midnight-flavour .product_supplemental.midnight-forest.order:before {
    content: " ";
    display: block;
    margin: 6em auto 2em;
    max-width: 100%;
    width: 341px;
    height: 164px;
    background-size: contain
}

.midnight-flavour .product_supplemental.midnight-forest.ingredients:before {
    
}

.midnight-flavour .product_supplemental.midnight-forest.order:before {
   
}

.midnight-flavour .product_supplemental .ingredients_title {
    font-weight: 700
}

.midnight-flavour .product_supplemental .ingredients_title span {
    font-weight: 400;
    color: #969090
}

.midnight-flavour .product_supplemental.midnight-forest .product_supplementalinner {
    background: url(/assets/build/media/frame.png) no-repeat;
    background-size: 100% 100%
}

.midnight-flavour .product_supplemental.midnight-amber .product_supplementalinner {
    background: url(/assets/build/media/frame-amber.png) no-repeat;
    background-size: 100% 100%
}

@media screen and (min-width:400px) {
    .midnight-flavour .product_supplemental {
        max-width: 90%
    }
}

@media screen and (min-width:800px) {
    .midnight-flavour .product_supplemental {
        max-width: 425px;
        margin-top: -6em
    }
    .midnight-flavour .product_supplemental.midnight-amber.product_supplemental {
        margin-top: -15em;
        margin-bottom: 0
    }
    .midnight-flavour .product_supplemental.midnight-forest {
        margin-top: 0;
        z-index: 1
    }
    .midnight-flavour .product_supplemental.midnight-forest.ingredients:before {
        
        margin: 0 auto 2em;
        width: 255px;
        height: 130px
    }
    .midnight-flavour .product_supplemental.midnight-forest.order {
        margin-top: -4em
    }
    .midnight-flavour .product_supplemental.midnight-forest.order:before {
        display: block;
        margin: 0 auto 2em
    }
}

@media screen and (min-width:1080px) {
    .midnight-flavour .product_supplemental.ingredients {
        left: 35px
    }
    .midnight-flavour .product_supplemental.order {
        right: -35px
    }
}

@media screen and (min-width:1300px) {
    .midnight-flavour .product_supplemental .ingredients {
        left: -3em
    }
    .midnight-flavour .product_supplemental .order {
        left: 5em
    }
}

.midnight-flavour .nutritioninfo_close {
    top: 40px;
    right: 40px
}

.midnight-flavour .nutritioninfo {
    background: 0 0
}

.midnight-flavour .nutritioninfo:after,
.midnight-flavour .nutritioninfo:before {
    content: "";
    background-position: top;
    background-repeat: no-repeat;
    width: 100%;
    height: 44px;
    position: absolute;
    left: 0;
    background-size: contain
}

.midnight-flavour .nutritioninfo:after {
    bottom: 0
}

.midnight-flavour .nutritioninfo.midnight-forest:after,
.midnight-flavour .nutritioninfo.midnight-forest:before {
    background-image: url(/assets/build/media/divider-midnight-forest.png)
}

.midnight-flavour .nutritioninfo.midnight-amber:after,
.midnight-flavour .nutritioninfo.midnight-amber:before {
    background-image: url(/assets/build/media/divider-midnight-amber.png);
    width: 94%;
    left: 3%
}

.midnight-flavour .nutritioninfo th.right {
    text-align: right
}

.midnight-flavour .midnight-forest .nutritioninfo_section tr:nth-child(2n-1) td {
    background: #3D2827
}

.midnight-flavour .midnight-amber .nutritioninfo_section tr:nth-child(2n-1) td {
    background: #4d3946
}

.midnight-flavour.midnight-amber .sitefooter {
    border-color: #614e5a
}

.midnight-flavour.midnight-forest .sitefooter {
    border-color: #533e3f
}

.midnight-flavour .nutritioninfo_table {
    max-width: 425px;
    margin-bottom: 2em
}

@media screen and (min-width:1300px) {
    .midnight-flavour .nutritioninfo.midnight-forest:after,
    .midnight-flavour .nutritioninfo.midnight-forest:before {
        width: 102%
    }
}

.no-js .midnight-flavour .heroshot-product.heroshot-main.animated {
    top: 0
}

.no-js .midnight-flavour .main-left {
    left: 7%
}

.no-js .midnight-flavour .main-right {
    right: 2%
}

.no-js .midnight-flavour #mixology.midnight-amber .curves_bottom {
    top: 39em
}

.no-js .midnight-flavour #mixology.midnight-amber .heroshot-mix img {
    position: relative
}

@media screen and (min-width:1200px) {
    .no-js .midnight-flavour.midnight-amber .midnight-text.textleft,
    .no-js .midnight-flavour.midnight-forest .midnight-text.textleft {
        left: 5em
    }
    .no-js .midnight-flavour.midnight-amber .midnight-text.textright,
    .no-js .midnight-flavour.midnight-forest .midnight-text.textright {
        right: 2%
    }
}

@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes anti-spin {
    100% {
        -webkit-transform: rotate(-360deg)
    }
}

@keyframes anti-spin {
    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }
}

@-webkit-keyframes swing {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    50% {
        -webkit-transform: rotate(20deg);
        transform: rotate(20deg)
    }
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes swing {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    50% {
        -webkit-transform: rotate(20deg);
        transform: rotate(20deg)
    }
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@-webkit-keyframes anti-swing {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    50% {
        -webkit-transform: rotate(-20deg);
        transform: rotate(-20deg)
    }
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes anti-swing {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    50% {
        -webkit-transform: rotate(-20deg);
        transform: rotate(-20deg)
    }
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

.circles.fill-pear-and-raspberry-theme .circle-1 .circle-inner {
    -webkit-animation: spin 18s linear infinite;
    animation: spin 18s linear infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.circles.fill-pear-and-raspberry-theme .circle-2 {
    -webkit-animation: anti-spin 20s linear infinite;
    animation: anti-spin 20s linear infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.circles.fill-apple-and-watermelon-theme .circle-lrg {
    -webkit-animation: spin 22s linear infinite;
    animation: spin 22s linear infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.circles.fill-apple-and-watermelon-theme .circle-1 {
    -webkit-animation: anti-spin 24s linear infinite;
    animation: anti-spin 24s linear infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.circles.fill-apple-and-watermelon-theme .circle-2 .circle-inner {
    -webkit-animation: spin 22s linear infinite;
    animation: spin 22s linear infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.circles.fill-apple-and-watermelon-theme .circle-3 .circle-inner {
    -webkit-animation: anti-spin 25s linear infinite;
    animation: anti-spin 25s linear infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.circles.fill-apple-and-watermelon-theme .circle-4 .circle-inner {
    -webkit-animation: anti-spin 24s linear infinite;
    animation: anti-spin 24s linear infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.circles.fill-peach-and-apricot-theme .circle-lrg {
    -webkit-animation: spin 20s linear infinite;
    animation: spin 20s linear infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.circles.fill-peach-and-apricot-theme .circle-2 {
    -webkit-animation: anti-spin 22s linear infinite;
    animation: anti-spin 22s linear infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.spritz-range-wrapper .bg-circle-1 {
    -webkit-animation: spin 22s linear infinite;
    animation: spin 22s linear infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.spritz-range-wrapper .bg-circle-3 {
    -webkit-animation: anti-spin 19s linear infinite;
    animation: anti-spin 19s linear infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.fill-pear-and-raspberry-theme .spritz-fruit .sf-circle {
    -webkit-animation: spin 12s linear infinite;
    animation: spin 12s linear infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.fill-pear-and-raspberry-theme .spritz-banner-text .sb-1-circle {
    -webkit-animation: spin 13s linear infinite;
    animation: spin 13s linear infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.fill-pear-and-raspberry-theme .spritz-banner-text .sb-1-circle-2 {
    -webkit-animation: anti-spin 10s linear infinite;
    animation: anti-spin 10s linear infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.fill-pear-and-raspberry-theme .spritz-banner-text-2 .sb-2-circle {
    -webkit-animation: anti-spin 30s linear infinite;
    animation: anti-spin 30s linear infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.fill-pear-and-raspberry-theme .spritz-banner-text-2 .sb-2-circle-2 {
    -webkit-animation: spin 11s linear infinite;
    animation: spin 11s linear infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.fill-pear-and-raspberry-theme .spritz-banner-img .sb-img-circle {
    -webkit-animation: spin 20s linear infinite;
    animation: spin 20s linear infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.fill-pear-and-raspberry-theme .spritz-pair .sp-circle::before {
    -webkit-animation: anti-spin 8s linear infinite;
    animation: anti-spin 8s linear infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.midnight-flavour .midnight-serve .fill-pear-and-raspberry-theme .midnight-serve-img .ss-img-circle-2,
.fill-pear-and-raspberry-theme .midnight-flavour .midnight-serve .midnight-serve-img .ss-img-circle-2,
.fill-pear-and-raspberry-theme .spritz-serve-img .ss-img-circle-2 {
    -webkit-animation: anti-spin 18s linear infinite;
    animation: anti-spin 18s linear infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.midnight-flavour .midnight-serve .fill-pear-and-raspberry-theme .midnight-serve-img .ss-img-circle-2 .before,
.fill-pear-and-raspberry-theme .midnight-flavour .midnight-serve .midnight-serve-img .ss-img-circle-2 .before,
.fill-pear-and-raspberry-theme .spritz-serve-img .ss-img-circle-2 .before {
    -webkit-animation: spin 8s linear infinite;
    animation: spin 8s linear infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.midnight-flavour .midnight-serve .fill-pear-and-raspberry-theme .midnight-serve-img .ss-img-circle,
.fill-pear-and-raspberry-theme .midnight-flavour .midnight-serve .midnight-serve-img .ss-img-circle,
.fill-pear-and-raspberry-theme .spritz-serve-img .ss-img-circle {
    -webkit-animation: spin 25s linear infinite;
    animation: spin 25s linear infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.fill-pear-and-raspberry-theme .spritz-small .ssmall-circle {
    -webkit-animation: spin 15s linear infinite;
    animation: spin 15s linear infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.fill-pear-and-raspberry-theme .spritz-banner-img .desktop-extra-1 .extra-inner-1 {
    -webkit-animation: spin 21s linear infinite;
    animation: spin 21s linear infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.fill-pear-and-raspberry-theme .spritz-banner-img .desktop-extra-1 .extra-inner-2 {
    -webkit-animation: spin 30s linear infinite;
    animation: spin 30s linear infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.fill-pear-and-raspberry-theme .spritz-banner-img .desktop-extra-1 .extra-inner-3 {
    -webkit-animation: anti-spin 27s linear infinite;
    animation: anti-spin 27s linear infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.fill-pear-and-raspberry-theme .spritz-banner-img .desktop-extra-1 .extra-inner-4 {
    -webkit-animation: anti-spin 17s linear infinite;
    animation: anti-spin 17s linear infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.fill-apple-and-watermelon-theme .spritz-fruit .sf-circle {
    -webkit-animation: spin 12s linear infinite;
    animation: spin 12s linear infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.fill-apple-and-watermelon-theme .spritz-banner-text .sb-1-circle {
    -webkit-animation: spin 13s linear infinite;
    animation: spin 13s linear infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.fill-apple-and-watermelon-theme .spritz-banner-text .sb-1-circle-2 {
    -webkit-animation: anti-spin 10s linear infinite;
    animation: anti-spin 10s linear infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.fill-apple-and-watermelon-theme .spritz-banner-text-2 .sb-2-circle {
    -webkit-animation: anti-spin 30s linear infinite;
    animation: anti-spin 30s linear infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.fill-apple-and-watermelon-theme .spritz-banner-text-2 .sb-2-circle-2 {
    -webkit-animation: spin 11s linear infinite;
    animation: spin 11s linear infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.fill-apple-and-watermelon-theme .spritz-banner-img .sb-img-circle {
    -webkit-animation: spin 20s linear infinite;
    animation: spin 20s linear infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.fill-apple-and-watermelon-theme .spritz-pair .sp-circle::before {
    -webkit-animation: anti-spin 8s linear infinite;
    animation: anti-spin 8s linear infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.fill-apple-and-watermelon-theme .midnight-flavour .midnight-serve .midnight-serve-img .ss-img-circle-2,
.fill-apple-and-watermelon-theme .spritz-serve-img .ss-img-circle-2,
.midnight-flavour .midnight-serve .fill-apple-and-watermelon-theme .midnight-serve-img .ss-img-circle-2 {
    -webkit-animation: anti-spin 18s linear infinite;
    animation: anti-spin 18s linear infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.fill-apple-and-watermelon-theme .midnight-flavour .midnight-serve .midnight-serve-img .ss-img-circle-2 .before,
.fill-apple-and-watermelon-theme .spritz-serve-img .ss-img-circle-2 .before,
.midnight-flavour .midnight-serve .fill-apple-and-watermelon-theme .midnight-serve-img .ss-img-circle-2 .before {
    -webkit-animation: spin 18s linear infinite;
    animation: spin 18s linear infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.fill-apple-and-watermelon-theme .midnight-flavour .midnight-serve .midnight-serve-img .ss-img-circle,
.fill-apple-and-watermelon-theme .spritz-serve-img .ss-img-circle,
.midnight-flavour .midnight-serve .fill-apple-and-watermelon-theme .midnight-serve-img .ss-img-circle {
    -webkit-animation: spin 25s linear infinite;
    animation: spin 25s linear infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.fill-apple-and-watermelon-theme .spritz-small .ssmall-circle {
    -webkit-animation: spin 15s linear infinite;
    animation: spin 15s linear infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.fill-apple-and-watermelon-theme .spritz-banner-img .desktop-extra-1 {
    animation-name: sml-floating;
    -webkit-animation-name: sml-floating;
    animation-duration: 7.5s!important;
    -webkit-animation-duration: 7.5s!important;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite
}

@keyframes sml-floating {
    0% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }
    50% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }
    100% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }
}

@-webkit-keyframes sml-floating {
    0% {
        -webkit-transform: translateY(0px)
    }
    50% {
        -webkit-transform: translateY(8px)
    }
    100% {
        -webkit-transform: translateY(0px)
    }
}

.fill-apple-and-watermelon-theme .spritz-banner-img .desktop-extra-1 .extra-inner-1 {
    -webkit-transform-origin: 150% -10%;
    -ms-transform-origin: 150% -10%;
    transform-origin: 150% -10%;
    -webkit-animation: anti-spin 11s linear infinite;
    animation: anti-spin 11s linear infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.fill-apple-and-watermelon-theme .spritz-banner-img .desktop-extra-1 .extra-inner-2 {
    -webkit-transform-origin: 150% -10%;
    -ms-transform-origin: 150% -10%;
    transform-origin: 150% -10%;
    -webkit-animation: anti-spin 15s linear infinite;
    animation: anti-spin 15s linear infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.fill-apple-and-watermelon-theme .spritz-banner-img .desktop-extra-1 .extra-inner-3 {
    -webkit-transform-origin: 120% -50%;
    -ms-transform-origin: 120% -50%;
    transform-origin: 120% -50%;
    -webkit-animation: anti-spin 20s linear infinite;
    animation: anti-spin 20s linear infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.fill-apple-and-watermelon-theme .spritz-banner-img .desktop-extra-1 .extra-inner-4 {
    -webkit-transform-origin: 120% -50%;
    -ms-transform-origin: 120% -50%;
    transform-origin: 120% -50%;
    -webkit-animation: anti-spin 17s linear infinite;
    animation: anti-spin 17s linear infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.fill-apple-and-watermelon-theme .spritz-banner-img .desktop-extra-1 .extra-inner-5 {
    -webkit-transform-origin: 120% -50%;
    -ms-transform-origin: 120% -50%;
    transform-origin: 120% -50%;
    -webkit-animation: anti-spin 23s linear infinite;
    animation: anti-spin 23s linear infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.fill-apple-and-watermelon-theme .spritz-banner-img .desktop-extra-1 .extra-inner-6 {
    -webkit-transform-origin: 130% -10%;
    -ms-transform-origin: 130% -10%;
    transform-origin: 130% -10%;
    -webkit-animation: anti-spin 17s linear infinite;
    animation: anti-spin 17s linear infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.fill-apple-and-watermelon-theme .spritz-banner-img .desktop-extra-1 .extra-inner-7 {
    -webkit-transform-origin: 130% -10%;
    -ms-transform-origin: 130% -10%;
    transform-origin: 130% -10%;
    -webkit-animation: anti-spin 27s linear infinite;
    animation: anti-spin 27s linear infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.fill-peach-and-apricot-theme .spritz-fruit .sf-circle {
    -webkit-animation: spin 12s linear infinite;
    animation: spin 12s linear infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.fill-peach-and-apricot-theme .spritz-banner-text .sb-1-circle {
    -webkit-animation: spin 13s linear infinite;
    animation: spin 13s linear infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.fill-peach-and-apricot-theme .spritz-banner-text .sb-1-circle-2 {
    -webkit-animation: swing 15s linear infinite;
    animation: swing 15s linear infinite
}

.fill-peach-and-apricot-theme .spritz-banner-text-2 .sb-2-circle {
    -webkit-animation: anti-spin 30s linear infinite;
    animation: anti-spin 30s linear infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.fill-peach-and-apricot-theme .spritz-banner-text-2 .sb-2-circle-2 {
    -webkit-animation: anti-swing 25s linear infinite;
    animation: anti-swing 25s linear infinite
}

.fill-peach-and-apricot-theme .spritz-banner-img .sb-img-circle {
    -webkit-animation: spin 20s linear infinite;
    animation: spin 20s linear infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.fill-peach-and-apricot-theme .spritz-pair .sp-circle {
    -webkit-animation: anti-spin 25s linear infinite;
    animation: anti-spin 25s linear infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.midnight-flavour .midnight-serve .fill-peach-and-apricot-theme .midnight-serve-img .ss-img-circle-2,
.fill-peach-and-apricot-theme .midnight-flavour .midnight-serve .midnight-serve-img .ss-img-circle-2,
.fill-peach-and-apricot-theme .spritz-serve-img .ss-img-circle-2 {
    -webkit-animation: anti-spin 18s linear infinite;
    animation: anti-spin 18s linear infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.midnight-flavour .midnight-serve .fill-peach-and-apricot-theme .midnight-serve-img .ss-img-circle-2 .before,
.fill-peach-and-apricot-theme .midnight-flavour .midnight-serve .midnight-serve-img .ss-img-circle-2 .before,
.fill-peach-and-apricot-theme .spritz-serve-img .ss-img-circle-2 .before {
    -webkit-animation: spin 8s linear infinite;
    animation: spin 8s linear infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.midnight-flavour .midnight-serve .fill-peach-and-apricot-theme .midnight-serve-img .ss-img-circle,
.fill-peach-and-apricot-theme .midnight-flavour .midnight-serve .midnight-serve-img .ss-img-circle,
.fill-peach-and-apricot-theme .spritz-serve-img .ss-img-circle {
    -webkit-animation: spin 25s linear infinite;
    animation: spin 25s linear infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.fill-peach-and-apricot-theme .spritz-small .ssmall-circle {
    -webkit-animation: spin 15s linear infinite;
    animation: spin 15s linear infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.fill-peach-and-apricot-theme .spritz-banner-img .desktop-extra-1 {
    -webkit-animation: spin 21s linear infinite;
    animation: spin 21s linear infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.spritz-banner-text .inner {
    animation-name: floating;
    -webkit-animation-name: floating;
    animation-duration: 7.5s!important;
    -webkit-animation-duration: 7.5s!important;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite
}

.spritz-banner-text-2 .inner {
    animation-name: floating;
    -webkit-animation-name: floating;
    animation-duration: 10.5s!important;
    -webkit-animation-duration: 10.5s!important;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite
}

.sf-bg img:first-child+img,
.sf-bg img:first-child+img+img {
    animation-name: floating;
    -webkit-animation-name: floating;
    animation-duration: 17s!important;
    -webkit-animation-duration: 17s!important;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite
}

.sf-bg img:first-child+img+img {
    animation-duration: 20s!important;
    -webkit-animation-duration: 20s!important;
    -webkit-animation-delay: 5s;
    animation-delay: 5s
}

.midnight-flavour .midnight-serve .midnight-serve-img .inner,
.spritz-serve-img .inner {
    animation-name: floating;
    -webkit-animation-name: floating;
    animation-duration: 30s!important;
    -webkit-animation-duration: 30s!important;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite
}

@keyframes floating {
    0% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }
    50% {
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
    100% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }
}

@-webkit-keyframes floating {
    0% {
        -webkit-transform: translateY(0px)
    }
    50% {
        -webkit-transform: translateY(20px)
    }
    100% {
        -webkit-transform: translateY(0px)
    }
}

.product {
    position: relative;
    z-index: 2
}

.product_name {
    font-weight: 400;
    font-size: 3rem
}

@media screen and (min-width:600px) {
    .product_name {
        font-size: 4rem
    }
}

.product_basics {
    /*padding: 6rem 0;*/
    position: relative;
    text-align: center
}

@media screen and (min-width:800px) {
    .product_basics {
        padding: 0
    }
}

.product_info {
    text-align: center
}

.product_stats img {
    max-width: 100%
}

.perfectserve {
    position: relative;
    z-index: 4;
    padding: 0 20px
}

.perfectserve-withvideo {
    z-index: 10
}

@media screen and (min-width:600px) and (max-width:799px) {
    .js #js-mobile-hero {
        display: inline-block;
        width: 35%;
        vertical-align: middle;
        margin-right: 10%
    }
    .js .perfectserve_serve {
        display: inline-block;
        width: 50%;
        vertical-align: middle
    }
    .js .mix_header {
        width: 58%;
        display: inline-block;
        vertical-align: top
    }
    .js .mix_headerinner {
        width: 60%
    }
    .js .midnight-flavour .mix_header,
    .js .midnight-flavour .mix_headerinner {
        width: 100%
    }
    .js .mix_title {
        max-width: 100%;
        padding-top: 0
    }
    .js .heroshot-mix {
        display: inline-block;
        width: 40%;
        vertical-align: middle
    }
    .js .midnight-flavour .heroshot-mix {
        width: 100%
    }
    .js .midnight-flavour .heroshot-mix img {
        max-width: 50%
    }
    .js .mix_fact,
    .js .mix_ingredients {
        margin: 0;
        width: 48%;
        display: inline-block;
        vertical-align: top
    }
    .js .mix_ingredients {
        padding-left: 8rem;
        text-align: left
    }
    .js .midnight-flavour .mix_ingredients {
        padding-left: 0;
        width: 100%
    }
    .js .mix_steps {
        padding-top: 40px
    }
    .js .mix_stepslist {
        width: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .js .mix_stepslist li {
        width: -webkit-calc(50% - 40px);
        width: calc(50% - 40px);
        margin-left: 40px
    }
}

.fruit {
    display: block;
    text-align: right;
    z-index: 5;
    position: relative;
    height: 18vw;
    min-height: 60px
}

#js-mobile-fruit .fruit {
    width: 50%;
    display: inline-block;
    margin: 20px 0
}

.js .fruit {
    -webkit-transition: none;
    transition: none
}

.fruit~.fruit {
    text-align: left
}

.fruit_image {
    max-width: 100%;
    z-index: 100;
    position: relative;
    height: 100%;
    min-height: 90px;
    background-size: contain;
    background-position: 100% 100%;
    background-repeat: no-repeat
}

.fruit~.fruit .fruit_image {
    background-position: 0 100%
}

@media screen and (min-width:800px) {
    .perfectserve {
        padding: 0
    }
    .fruit {
        top: -60px
    }
    .js .fruit_image {
        position: relative;
        opacity: 0;
        -webkit-transition: opacity 1s ease, left 1.5s ease, right 1.5s ease;
        transition: opacity 1s ease, left 1.5s ease, right 1.5s ease
    }
    .js .fruit-left .fruit_image {
        right: 40px
    }
    .js .fruit-left.animated .fruit_image {
        right: -20%;
        opacity: 1
    }
    .js .fruit-right .fruit_image {
        left: 40px;
        background-position: 0 100%
    }
    .js .fruit-right.animated .fruit_image {
        left: -20%;
        opacity: 1
    }
    .glitterberry .fruit {
        max-width: none;
        top: -150px
    }
}

.fruit_image-orange-and-passionfruit-passion-fruit {
    background-image: url(/images/orange-and-passion-fruit-passion-fruit.png);
    height: 80%;
    top: 20%
}

.fruit_image-garden-rose-apple {
    background-image: url(/images/garden-rose-apple.png);
    right: -10%
}

.fruit_image-garden-rose-raspberry {
    background-image: url(/images/garden-rose-raspberry.png)
}

@media screen and (min-width:1025px) {
    .fruit_image-garden-rose-apple {
        background-image: url(/images/garden-rose-apple.png);
        height: 388px;
        width: 524px;
        max-width: 524px;
        top: -166px;
        right: 50%!important
    }
    .fruit_image-garden-rose-raspberry {
        background-image: url(/images/garden-rose-raspberry.png);
        height: 382px;
        width: 332px;
        max-width: 332px;
        top: -166px;
        left: -18%!important
    }
}

@media screen and (min-width:800px) {
    .product_info .layouttrio {
        display: inline-block;
        vertical-align: middle;
        width: 28%
    }
    .gardenrose .product_info .layouttrio,
    .glitterberry .product_info .layouttrio {
        width: 24%
    }
    .product_info .layouttrio-center {
        width: 43%;
        max-width: 455px
    }
    .gardenrose .product_info .layouttrio-center,
    .glitterberry .product_info .layouttrio-center {
        width: 50%;
        max-width: none
    }
    .fruit_image-orange-and-passionfruit-passion-fruit {
        margin-left: -4vw
    }
}

@media screen and (min-width:1000px) {
    .fruit_image-garden-rose-apple {
        right: -8%!important
    }
    .fruit_image-garden-rose-raspberry {
        left: -22%!important
    }
    .gardenrose .fruit {
        max-height: 333px
    }
}

.perfectserve_titlewrap {
    text-align: center;
    margin: 0 auto;
    max-width: 80%;
    position: relative;
    z-index: 10
}

.perfectserve_title {
    font-family:"Outfit", sans-serif;
    font-size: 3rem;
    text-transform: uppercase;
    color: #fff;
    margin: 0;
    padding: .5em 0 0;
    line-height: .9
}

.perfectserve_title .logo-inline {
    opacity: 0;
    -webkit-transition: opacity .5s 4s ease;
    transition: opacity .5s 4s ease
}

.no-anim .perfectserve_title .logo-inline,
.no-js .perfectserve_title .logo-inline {
    opacity: 1;
    -webkit-transition: none;
    transition: none
}

.perfectserve_title.show .logo-inline {
    opacity: 1
}

.perfectserve_title .flavourname_one {
    opacity: 0;
    -webkit-transition: opacity .5s 4.5s ease;
    transition: opacity .5s 4.5s ease
}

.no-anim .perfectserve_title .flavourname_one,
.no-js .perfectserve_title .flavourname_one {
    opacity: 1;
    -webkit-transition: none;
    transition: none
}

.perfectserve_title.show .flavourname_one {
    opacity: 1
}

.perfectserve_title .flavourname_two {
    opacity: 0;
    -webkit-transition: opacity .5s 5s ease;
    transition: opacity .5s 5s ease
}

.no-anim .perfectserve_title .flavourname_two,
.no-js .perfectserve_title .flavourname_two {
    opacity: 1;
    -webkit-transition: none;
    transition: none
}

.perfectserve_title.show .flavourname_two {
    opacity: 1
}

.perfectserve_title~.perfectserve_tagline {
    opacity: 0;
    -webkit-transition: opacity .5s 5.5s ease;
    transition: opacity .5s 5.5s ease
}

.no-anim .perfectserve_title~.perfectserve_tagline,
.no-js .perfectserve_title~.perfectserve_tagline {
    opacity: 1;
    -webkit-transition: none;
    transition: none
}

.perfectserve_title.show~.perfectserve_tagline {
    opacity: 1
}

.perfectserve_title~.perfectserve_stagewhisper {
    opacity: 0;
    -webkit-transition: opacity .5s 6.75s ease;
    transition: opacity .5s 6.75s ease
}

.no-anim .perfectserve_title~.perfectserve_stagewhisper,
.no-js .perfectserve_title~.perfectserve_stagewhisper {
    opacity: 1;
    -webkit-transition: none;
    transition: none
}

.perfectserve_title.show~.perfectserve_stagewhisper {
    opacity: 1
}

.perfectserve_title .sub {
    font-size: 1.7rem;
    -webkit-transition: opacity .5s 4.6s ease;
    transition: opacity .5s 4.6s ease;
    opacity: 0
}

.no-anim .perfectserve_title .sub,
.no-js .perfectserve_title .sub {
    opacity: 1;
    -webkit-transition: none;
    transition: none
}

.perfectserve_title.show .sub {
    opacity: 1
}

.perfectserve_tagline {
    font-family:"Outfit", sans-serif;
    font-size: 2.2rem;
    text-transform: uppercase;
    color: #fff;
    margin: 0 auto;
    padding: .25em 0 0
}

.fill-ffb500 .perfectserve_tagline {
    color: #FF6C00
}

.fill-a31240 .perfectserve_tagline {
    color: #F86392;
    max-width: 17em
}

.glitterberry .perfectserve_tagline {
    color: #DDBF57;
    max-width: 28em
}

.fill-f78a09 .perfectserve_tagline {
    color: #841748
}

.perfectserve_stagewhisper {
    font-family:"Outfit", sans-serif;
    font-size: 1.2rem;
    text-transform: uppercase;
    color: #fff;
    margin: 0;
    padding: .5em 0
}

.fill-ffb500 .perfectserve_stagewhisper {
    color: #FEEFCD
}

.perfectserve_serve {
    font-size: 1.6rem;
    width: 100%;
    color: #fff;
    margin: 60px auto;
    position: relative
}

.perfectserve_serveinner {
    padding: 20px;
    position: relative;
    margin: 0 auto;
    max-width: 455px;
    background: url(/images/serve-wavy-top.png) 50% 0 no-repeat, url(/images/serve-wavy-bottom.png) 50% 100% no-repeat, url(/images/serve-wavy-left.png) 0 0 repeat-y, url(/images/serve-wavy-right.png) 100% 0 repeat-y
}

.perfectserve_serve-video .perfectserve_serveinner {
    padding: 0
}

/*.fill-ffb500 .perfectserve_serveinner {
    max-width: 455px;
    background: url(/images/serve-horiz.png) 50% 0 repeat-x, url(/images/serve-horiz.png) 50% 100% repeat-x, url(/images/serve-vert.png) 0 0 repeat-y, url(/images/serve-vert.png) 100% 0 repeat-y
}

.fill-a31240 .perfectserve_serveinner {
    max-width: 455px;
    background: url(/images/decor-line.png) 50% 0 no-repeat, url(/images/decor-line.png) 50% 100% no-repeat
}*/

.perfectserve_serve-video {
    width: 100%;
    max-width: 620px;
    margin: 100px 0 112px;
    padding: 0
}

.perfectserve_serve-video img {
    min-width: 100%;
    height: 100%;
    position: relative
}

.perfectserve_serve:before {
    content: "";
    position: absolute;
    top: -35px;
    left: -webkit-calc(50% - 14px);
    left: calc(50% - 14px);
    z-index: 0;
    background-image: url(/images/icons.png);
    background-position: -146px -202px;
    width: 28px;
    height: 53px
}

.glitterberry .perfectserve_serve:before {
    top: -85px;
    background-image: url(/images/icons.png);
    background-position: -59px -156px;
    width: 28px;
    height: 130px
}

.perfectserve_serve:after {
    content: "";
    position: absolute;
    left: -webkit-calc(50% - 15px);
    left: calc(50% - 15px);
    z-index: 0;
    background-image: url(/images/icons.png);
    background-position: -29px 0;
    width: 29px;
    bottom: -55px;
    height: 313px;
}

.perfectserve_serve-video:before {
    top: -65px
}

.perfectserve_serve-video:after {
    bottom: -68px
}

.perfectserve_stepstoserve li {
    padding: .8em 0;
    font-size: 1.5rem
}

.perfectserve_stepstoserve li:last-child {
    text-transform: uppercase;
    font-weight: 400
}

.perfectserve_stepstoserve li:after {
    content: "";
    width: 8px;
    height: 8px;
    background: url(/images/decor-diamonds.png) 0 0 no-repeat;
    display: block;
    text-align: center;
    position: relative;
    bottom: -.5em;
    margin: 0 auto
}

.perfectserve_stepstoserve li:last-child:after {
    display: none
}

.perfectserve_options {
    font-family:"Outfit", sans-serif;
    width: 200px;
    border-radius: 50%;
    padding: 30px 20px;
    margin: 0 auto;
    position: relative;
    margin-top: 75px;
    margin-left: -webkit-calc(50% - 100px);
    margin-left: calc(50% - 100px);
    z-index: 1
}

.perfectserve_options:before {
    content: "";
    background: purple;
    width: 112%;
    height: 112%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    -webkit-transform: skewX(-25deg);
    -ms-transform: skewX(-25deg);
    transform: skewX(-25deg);
    z-index: 1;
    -webkit-transform-origin: 39% 39%;
    -ms-transform-origin: 39% 39%;
    transform-origin: 39% 39%
}

.fill-ffb500 .perfectserve_options:before {
    background: #FA4E54
}

.fill-a31240 .perfectserve_options:before {
    background: #E5CB2D
}

.glitterberry .perfectserve_options:before {
    background: #C92B73
}

.fill-f78a09 .perfectserve_options:before {
    background: #841748
}

.perfectserve_optiontitle {
    font-size: 2rem;
    color: #FEAE47;
    margin-bottom: 0;
    text-transform: uppercase;
    line-height: 1.1;
    padding-bottom: .25em;
    position: relative;
    z-index: 2
}

.fill-ffb500 .perfectserve_optiontitle {
    color: #FEAE47
}

.fill-a31240 .perfectserve_optiontitle {
    color: #C52955
}

.glitterberry .perfectserve_optiontitle {
    color: #DDBF57
}

.fill-f78a09 .perfectserve_optiontitle {
    color: #F0A327
}

.perfectserve_optioncopy {
    font-size: 1.4rem;
    margin-top: 0;
    color: #fff;
    position: relative;
    z-index: 2
}

.fill-ffb500 .perfectserve_optioncopy {
    color: #fff
}

.fill-a31240 .perfectserve_optioncopy {
    color: #4B3741
}

.glitterberry .perfectserve_optioncopy,
.fill-f78a09 .perfectserve_optioncopy {
    color: #fff
}

.gardenrose .perfectserve_title .logo-inline {
    display: none
}

.gardenrose .perfectserve_title {
    padding: 1em 0 .5em;
    color: #CB2C18
}

.gardenrose .perfectserve_title .flavourname_one:before {
    content: url(/images/logo-gardenrose.png);
    margin-right: 7px;
    display: block;
    position: relative;
    top: 13px;
    margin-bottom: 20px
}

@media screen and (min-width:470px) {
    .gardenrose .perfectserve_title .flavourname_one:before {
        display: inline-block;
        margin-bottom: 0
    }
}

.gardenrose .perfectserve_title.show~.perfectserve_tagline {
    color: #CB2C18;
    font-size: 2.8rem;
    max-width: 700px;
    padding: .5em 0 0
}

.gardenrose .perfectserve_serve:after {
    display: none
}

.gardenrose .perfectserve_serve:before {
    background: url(/images/perfectserve-gardenrose.png);
    background-position: 50% 0;
    background-repeat: no-repeat;
    height: 100px;
    top: -85px
}

.gardenrose .perfectserve_serve {
    background: url(/images/perfectserve-gardenrose-bottom.png);
    background-position: 50% 100%;
    background-repeat: no-repeat
}

.gardenrose .perfectserve_options {
    margin-top: 128px;
    padding-right: 49px;
    padding-left: 35px
}

.gardenrose .perfectserve_options .perfectserve_optiontitle {
    color: #fff
}

.gardenrose .perfectserve_options .perfectserve_optioncopy {
    padding-bottom: 0;
    margin-bottom: 0
}

.gardenrose .perfectserve_options:before {
    display: none
}

@media screen and (min-width:1000px) {
    .gardenrose .perfectserve_serve-video .perfectserve_serveinner {
        margin-bottom: -15px
    }
}

.mix {
    position: relative;
    z-index: 4
}

.mix .bx-wrapper .bx-controls-direction a {
    top: 100px
}

.midnight-flavour .mix .bx-wrapper .bx-controls-direction a.rel_next {
    right: 6em;
    top: 40em
}

@media screen and (min-width:800px) {
    .midnight-flavour .mix .bx-wrapper .bx-controls-direction a.rel_next {
        top: 2em;
        right: 7em
    }
    .midnight-flavour.midnight-amber .mix .bx-wrapper .bx-controls-direction a.rel_next {
        top: -4em
    }
}

@media screen and (min-width:1200px) {
    .mix .bx-wrapper .bx-controls-direction a.rel_prev {
        left: 2px
    }
}

@media screen and (min-width:1300px) {
    .mix .bx-wrapper .bx-controls-direction a.rel_prev {
        left: -20px
    }
    .mix .bx-wrapper .bx-controls-direction a.rel_next {
        right: -20px
    }
    .midnight-flavour .mix .bx-wrapper .bx-controls-direction a.rel_next {
        right: 20px;
        top: 225px
    }
    .midnight-flavour.midnight-amber .mix .bx-wrapper .bx-controls-direction a.rel_next {
        top: 100px
    }
}

.bx-wrapper .mix_item {
    left: 0;
    width: auto!important
}

.mix_item {
    list-style: none;
    padding: 0 50px;
    vertical-align: top;
    padding-bottom: 40px!important
}

.midnight-forest .mix_item {
    top: 14rem
}

@media screen and (min-width:800px) {
    .mix_item {
        top: -2rem
    }
    .heroshot-mix {
        top: 2rem
    }
    .midnight-amber .mix_item {
        position: relative;
        padding: 2rem
    }
    .midnight-forest .mix_item {
        top: 7rem;
        position: relative
    }
}

.mix_item-active,
.mix_item-inactive {
    display: none;
    opacity: 0
}

.mix_item-current {
    -webkit-transition: height .5s ease;
    transition: height .5s ease
}

.js-mix_inner {
    opacity: 1;
    -webkit-transition: opacity .25s ease;
    transition: opacity .25s ease
}

.js-mix_inner.off {
    opacity: 0
}

@media screen and (min-width:1200px) {
    .mix_item {
        padding: 0
    }
}

.no-js .mix_item+.mix_item {
    margin-top: 15rem
}

.mix_title {
    font-family: Montserrat, Arial, sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 5.1rem;
    line-height: 1.2;
    max-width: 5em;
    color: #fff;
    margin: 0 auto;
    position: relative
}

.mix_title * {
    text-align: left;
    display: inline-block
}

@media screen and (min-width:600px) {
    .mix_title {
        margin: 0;
        padding-left: 40px
    }
}

.mix_subtitle {
    font-family:"Outfit", sans-serif;
    font-size: 3.2rem;
    color: #fff;
    text-transform: uppercase;
    font-weight: 400;
    margin: .25em 0
}

.mix_title .flavourname {
    font-weight: 700;
    font-size: 3rem;
    color: #000;
    line-height: .8;
    display: block;
    position: relative
}

.mix_title .flavourname>span {
    position: relative
}

.mix_title .sub {
    font-size: 3.3rem;
    font-family:"Outfit", sans-serif;
    font-weight: 400;
    padding-right: .7em;
    display: inline-block;
    color: #fff;
    position: absolute;
    bottom: 0;
    right: -2em
}

.mix_title .sub:after {
    content: "";
    clear: both;
    display: block
}

.flavourname_cocktail {
    position: relative;
    display: block;
    margin-bottom: 9rem;
    font-family:"Outfit", sans-serif;
    line-height: .7
}

.flavourname_cocktailname {
    display: block;
    padding: 10px 0
}

.flavourname_line4 {
    display: block;
    padding: 5px 0;
    line-height: .8
}

.fill-ffb500 .flavourname_line1 {font-size: 5.6rem}
.fill-ffb500 .flavourname_line2 {font-size: 4.6rem}
.fill-ffb500 .flavourname_line3 {font-size: 4.7rem}

.fill-a31240 .flavourname_line1 {font-size: 5.6rem;}
.fill-a31240 .flavourname_line2 {font-size: 3.2rem;}
.fill-a31240 .flavourname_line3 {font-size: 6.4rem;font-weight: 400;}
.fill-a31240 .flavourname_line4 {font-size: 2.4rem}

.fill-f78a09 .flavourname_line1 {font-size: 4.2rem;}
.fill-f78a09 .flavourname_line2 {font-size: 4.1rem;}
.fill-f78a09 .flavourname_line3 {font-size: 6.4rem;font-weight: 400;}
.fill-f78a09 .flavourname_line4 {font-size: 3rem}

.fill-ffb500 .flavourname_line1 {color:#69B329;}
.fill-ffb500 .flavourname_line2 {color:#FFB500;}
.fill-ffb500 .flavourname_line3 {color:#fff;}
.fill-ffb500 .flavourname_line4 {color:#fff;}

.fill-f78a09 .flavourname_line1 {color:#FCB223;}
.fill-f78a09 .flavourname_line2 {color:#E93780;}
.fill-f78a09 .flavourname_line3 {color:#fff;}
.fill-f78a09 .flavourname_line4 {color:#fff;}

.fill-a31240 .flavourname_line1 {color:#E5CB2D;}
.fill-a31240 .flavourname_line2 {color:#EB336D;}
.fill-a31240 .flavourname_line3 {color:#fff;}
.fill-a31240 .flavourname_line4 {color:#fff;}


.flavourname_glitterbolt-glitter {
    font-size: 5.3rem;
    color: #C92C73
}

.flavourname_glitterbolt-bolt {
    font-size: 8.3rem;
    color: #E9C343
}

.flavourname_glitterbolt-cocktail {
    font-size: 2.7rem
}

.flavourname_redstorm-red {
    font-size: 10.2rem;
    color: #C92C73
}

.flavourname_redstorm-storm {
    font-size: 5.6rem;
    color: #E9C343
}

.flavourname_redstorm-cocktail {
    font-size: 1.9rem;
    font-weight: 400;
    color: #fff
}

.flavourname_veryberry-very {
    font-size: 7.6rem;
    color: #C92C73
}

.flavourname_veryberry-berry {
    font-size: 5.9rem;
    color: #E9C343
}

.flavourname_veryberry-cocktail {
    font-size: 2.2rem;
    font-weight: 400;
    color: #fff
}

.flavourname_rosecup-rose {
    font-size: 5rem;
    color: #6abd42
}

.flavourname_rosecup-cup {
    font-size: 6.5rem;
    color: #d5da43
}

.flavourname_indiansummer-indian {
    font-size: 6rem;
    color: #6ABD42
}

.flavourname_indiansummer-summer {
    font-size: 4.8rem;
    color: #D5DA43
}

.flavourname_indiansummer-cocktail,
.flavourname_rosecup-cocktail {
    font-size: 2.9rem;
    width: 240px
}

@media screen and (min-width:600px) {
    .fill-ffb500 .flavourname_line1 {font-size: 7rem}
    .fill-ffb500 .flavourname_line2 {font-size: 6.4rem}
    .fill-ffb500 .flavourname_line3 {font-size: 6.7rem}

    .fill-a31240 .flavourname_line1 {font-size: 6.6rem}
    .fill-a31240 .flavourname_line2 {font-size: 3.7rem}
    .fill-a31240 .flavourname_line3 {font-size: 9.6rem}
    .fill-a31240 .flavourname_line4 {font-size: 2rem}

    .fill-f78a09 .flavourname_line1 {font-size: 4rem}
    .fill-f78a09 .flavourname_line2 {font-size: 5rem}
    .fill-f78a09 .flavourname_line3 {font-size: 8.8rem}
    .fill-f78a09 .flavourname_line4 {font-size: 3rem}

    .flavourname_glitterbolt-glitter {
        font-size: 6.2rem
    }
    .flavourname_glitterbolt-bolt {
        font-size: 10.9rem
    }
    .flavourname_glitterbolt-cocktail {
        font-size: 4rem
    }
    .flavourname_redstorm-red {
        font-size: 13.5rem
    }
    .flavourname_redstorm-storm {
        font-size: 6.6rem
    }
    .flavourname_redstorm-cocktail {
        font-size: 2.3rem
    }
    .flavourname_veryberry-very {
        font-size: 9.1rem
    }
    .flavourname_veryberry-berry {
        font-size: 6.6rem
    }
    .flavourname_veryberry-cocktail {
        font-size: 3.1rem
    }
}

@media screen and (min-width:700px) {
    .fill-ffb500 .flavourname_line1 {font-size: 9rem}
    .fill-ffb500 .flavourname_line2 {font-size: 8.4rem}
    .fill-ffb500 .flavourname_line3 {font-size: 8.7rem}

    .fill-a31240 .flavourname_line1 {font-size: 8.6rem}
    .fill-a31240 .flavourname_line2 {font-size: 5.7rem}
    .fill-a31240 .flavourname_line3 {font-size: 11.6rem}
    .fill-a31240 .flavourname_line4 {font-size: 3rem}

    .fill-f78a09 .flavourname_line1 {font-size: 6rem}
    .fill-f78a09 .flavourname_line2 {font-size: 7rem}
    .fill-f78a09 .flavourname_line3 {font-size: 10.8rem}
    .fill-f78a09 .flavourname_line4 {font-size: 3rem}

    .flavourname_glitterbolt-glitter {
        font-size: 7.9rem
    }
    .flavourname_glitterbolt-bolt {
        font-size: 12.9rem;
        left: -10px
    }
    .flavourname_glitterbolt-cocktail {
        font-size: 4rem
    }
    .flavourname_redstorm-red {
        font-size: 15.5rem
    }
    .flavourname_redstorm-storm {
        font-size: 8.6rem
    }
    .flavourname_redstorm-cocktail {
        font-size: 3.3rem
    }
    .flavourname_veryberry-very {
        font-size: 11.1rem
    }
    .flavourname_veryberry-berry {
        font-size: 8.6rem
    }
    .flavourname_veryberry-cocktail {
        font-size: 4.1rem
    }
    .flavourname_rosecup-rose {
        font-size: 9rem
    }
    .flavourname_rosecup-cup {
        font-size: 11.5rem
    }
    .flavourname_rosecup-cocktail {
        width: 250px
    }
    .flavourname_indiansummer-indian {
        font-size: 9rem
    }
    .flavourname_indiansummer-summer {
        font-size: 7.3rem
    }
}

.drinkaware {
    position: absolute;
    left: 0;
    bottom: -56px;
    display: inline-block
}

@media screen and (min-width:800px) and (max-width:1000px) {
    .mix_title {
        -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8)
    }
}

@media screen and (min-width:1000px) {
    .mix_title {
        top: -20px
    }
    .gardenrose .mix_title {
        top: 10px
    }
}

.mix_fact {
    font-size: 2.1rem;
    color: #FBAE4A;
    padding: 0 20px;
    padding-top: 2.5em;
    text-align: center;
    line-height: 1.6;
    max-width: 18em;
    font-family:"Outfit", sans-serif;
    margin: 0 auto;
    margin-top: 2em;
    position: relative;
    background-repeat: no-repeat;
    background-position: center 0;
}

@media screen and (max-width:360px) {
    .mix_instructions {
        padding-top: 1px;
        margin-top: -10px;
        margin-left: -20px
    }
}

.fill-a31240 .mix_fact {
    color: #FF5086
}

.fill-f78a09 .mix_fact {
    color: #ff9f00
}

.fill-ffb500 .mix_fact {
    color: #FBAE4A
}

.mix_fact-glitter-bolt-with-vodka,
.mix_fact-red-storm-with-red-vermouth,
.mix_fact-very-berry-with-bourbon {
    color: #C3A53E
}

.mix_fact-indian-summer-with-vermouth,
.mix_fact-rose-cup-with-pimms {
    color: #B2764F;
    margin-top: 200px
}

.mix_fact:before {
    content: "";
    position: absolute;
    top: 0;
    width: 32px;
    height: 32px;
    left: -webkit-calc(50% - 16px);
    left: calc(50% - 16px)
}

.mix_fact-glitter-bolt-with-vodka:before,
.mix_fact-red-storm-with-red-vermouth:before,
.mix_fact-very-berry-with-bourbon:before {
    background-image: url(/images/icons.png);
    background-position: -246px -195px;
    width: 31px;
    height: 36px;
    left: -webkit-calc(50% - 14px);
    left: calc(50% - 14px)
}

.mix_fact-indian-summer-with-vermouth:before,
.mix_fact-rose-cup-with-pimms:before {
    background-image: url(/images/gr-mix-fact.png);
    background-position: 0 0;
    width: 28px;
    height: 31px;
    left: -webkit-calc(50% - 14px);
    left: calc(50% - 14px)
}

.mix_ingredients {
    margin-bottom: 4em;
    text-align: center
}

@media screen and (max-width:599px) {
    .mix_ingredients {
        padding-top: 4em
    }
    .mix_ingredients:before {
        content: "";
        display: block;
        width: 40px;
        margin: 0 auto;
        border-top: 1px solid #6B6868;
        top: -20px;
        position: relative
    }
    .mix_ingredients:after {
        content: "";
        display: block;
        width: 40px;
        margin: 0 auto;
        border-top: 1px solid #6B6868;
        bottom: -20px;
        position: relative
    }
}

@media screen and (min-width:800px) {
    .mix_ingredients {
        text-align: left;
        min-height: 250px
    }
}

.mix_ingredientslist {
    margin-bottom: 2rem;
    color: #00a453;
    font-size: 1.6rem;
    font-family: "PT Sans", Helvetica, Arial, sans-serif
}


.midnight-flavour.midnight-amber.glitterberry .mix_ingredientslist {
    color: #ffd880;
}

.mix_ingredientslist li {
    padding: 5px 0
}

.mix_steps {
    text-align: left;
    padding-bottom: 3rem
}

.mix_stepslist,
.mix_stepslist ol {
    counter-reset: steps
}

.mix_stepslist {
    color: rgba(255, 255, 255, .6);
    width: 80%;
    margin: 0 auto;
    padding: 0;
    font-size: 1.4rem;
    font-family: "PT Sans", Helvetica, Arial, sans-serif
}

@media screen and (min-width:600px) {
    .mix_stepslist {
        width: 50%
    }
}

@media screen and (min-width:800px) {
    .mix_stepslist {
        width: auto
    }
}

.mix_stepslist li {
    position: relative;
    padding: 0 5px 0 5rem;
    text-align: left;
    display: inline-block;
    min-height: 6em;
    padding-bottom: 1em;
    vertical-align: top
}

.mix_stepslist em {
    font-size: 2.7rem;
    display: block;
    font-style: normal;
    text-transform: uppercase;
    font-family:"Outfit", sans-serif;
    color: #fff;
    padding-bottom: .15em
}

.mix_stepslist li:before {
    counter-increment: steps;
    content: counter(steps);
    font-family:"Outfit", sans-serif;
    font-size: 6rem;
    color: #D1D642;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    line-height: 1
}

.fill-a31240 .mix_stepslist li:before {
    color: #E5CB2D
}

.glitterberry .mix_stepslist li:before {
    color: #C92C73
}

.fill-f78a09 .mix_stepslist li:before {
    color: #FFB500
}

.heroshot-mix,
.mix_header,
.mix_instructions {
    vertical-align: top;
    text-align: center
}

.heroshot-mix {
    vertical-align: bottom
}

.fill-a31240 .heroshot-mix,
.fill-f78a09 .heroshot-mix {
    vertical-align: middle
}

@media screen and (min-width:800px) {
    .fill-f78a09 .heroshot-mix {
        top: 6rem
    }
    .glitterberry .mix_header {
        padding-left: 20px
    }
}

.fill-ffb500 .mix_stepslist li:before {
    color: #F94F55
}

.mix_stepslist li li:before {
    content: counters(steps, ".") " ";
    font-size: 1.6rem;
    padding: .5em .4em;
    background: #BEB8B8
}

.mix_photo {
    margin-bottom: 2rem
}

@media screen and (max-width:599px) {
    .mix_fact {
        text-align: center;
        margin: 2em auto 0
    }
    .mix_steps {
        padding: 0 20px
    }
}

@media screen and (max-width:799px) {
    .mix_fact {
        margin-top: 4em
    }
}

@media screen and (min-width:1000px) {
    .mix_stepslist li {
        width: 49%
    }
}

.social {
    text-align: right;
	font-family: CanvasText-Sans;
}

.social_title {
    font-size: 1.4rem;
    display: inline-block;
    vertical-align: middle;
    text-transform: uppercase;
    font-family: CanvasBasic-Sans, Helvetica, Arial, sans-serif;
    font-weight: 400
}

.sitefooter .social {
    text-align: center
}

@media screen and (min-width:1200px) {
    .sitefooter .social {
        text-align: left;
    }
}

.sitefooter .social_title {
    color: #00582a
}
@media screen and (max-width:1024px) {
    .header .social_title {
        display: block;
        text-align: center;
        color: #545454;
        padding-top: 10px;
        margin-top: 0
    }
    .header .social {
        text-align: center
    }
    .productContentLayerInner{
        padding:40px;
    }
}

@media screen and (min-width:1025px) and (max-width:1179px) {
    .header .social,
    .header .social_title {
        display: none
    }
}

@media screen and (min-width:1180px) {
    .header .social {
        display: inline-block;
        vertical-align: middle
    }
    .header .social_title {
        display: none
    }
}

.social_list {
    display:flex;
    justify-content:flex-start;
    flex-direction:row;
    column-gap:24px;
}

.social_channel {
    display: inline-block;
    padding: 0;
    width:37px;
    height:37px;
}

.social_channel a {
    display: block;
    float:left;
}

.social_channel a:focus,
.social_channel a:hover {
    opacity: 1
}

.joy_item {
    background: 0 0;
    overflow: hidden
}

@media screen and (min-width:400px) {
    .social_title {
        margin-right: 1em
    }
}

.mix_share {
    position: relative;
    display: block;
    text-align: center
}

@media screen and (min-width:599px) {
    .mix_share {
        margin-left: 5rem;
        text-align: left
    }
}

.mix_sharesocial {
    background: #f3f3f3;
    border-radius: 14px;
    z-index: -1;
    position: absolute;
    top: -160px;
    display: inline-block;
    opacity: 0;
    height: 0;
    overflow: hidden;
    -webkit-transition: opacity 1s ease, top .75s ease;
    transition: opacity 1s ease, top .75s ease
}

[name=showshare]:checked~.mix_sharesocial {
    top: -230px;
    padding: 10px 20px;
    z-index: 4;
    opacity: 1;
    height: auto;
    overflow: visible
}

.mix_sharesocial .social_channel {
    display: list-item
}

.mix_sharetitle {
    background-color: #FF9F00;
    position: relative;
    cursor: pointer;
    color: #fff;
    font-family:"Outfit", sans-serif;
    text-transform: uppercase;
    font-size: 1.6rem;
    padding: 10px 15px;
    border-radius: 7px;
    -webkit-transition: background-color .25s ease;
    transition: background-color .25s ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 5;
    display: inline-block
}

@media screen and (max-width:599px) {
    .mix_share {
        margin-left: 0
    }
    .mix_sharetitle {
        margin: 0 auto
    }
}

.fill-f78a09 .mix_sharetitle {
    background-color: #CD3875
}

.glitterberry .mix_sharetitle {
    background-color: #D51751
}

.fill-a31240 .mix_sharetitle {
    background-color: #EB336D
}

.gardenrose .mix_sharetitle {
    background-color: #FFA165
}

.mix_sharetitle:focus,
.mix_sharetitle:hover,
[name=showshare]:checked~.mix_sharetitle {
    background-color: #ff8300
}

.fill-f78a09 .mix_sharetitle:focus,
.fill-f78a09 .mix_sharetitle:hover,
.fill-f78a09 [name=showshare]:checked~.mix_sharetitle {
    background-color: #bc2f69
}

.glitterberry .mix_sharetitle:focus,
.glitterberry .mix_sharetitle:hover,
.glitterberry [name=showshare]:checked~.mix_sharetitle {
    background-color: #be1548
}

.fill-a31240 .mix_sharetitle:focus,
.fill-a31240 .mix_sharetitle:hover,
.fill-a31240 [name=showshare]:checked~.mix_sharetitle {
    background-color: #e91c5c
}

.mix_share .icon-share,
.mix_sharecopy {
    display: inline-block;
    vertical-align: middle
}

.mix_share .icon-arrow-socialshare,
.mix_share .icon-arrow-socialtitle {
    opacity: 0;
    position: absolute;
    left: -webkit-calc(50% - 14px);
    left: calc(50% - 14px)
}

.mix_share .icon-arrow-socialtitle {
    top: 0;
    -webkit-transition: top .25s .8s ease;
    transition: top .25s .8s ease
}

.mix_share .icon-arrow-socialshare {
    bottom: 0;
    -webkit-transition: bottom .25s .8s ease;
    transition: bottom .25s .8s ease
}

[name=showshare]:checked~.mix_sharetitle .icon-arrow-socialtitle {
    top: -8px;
    opacity: 1
}

[name=showshare]:checked~.mix_sharesocial .icon-arrow-socialshare {
    bottom: -8px;
    opacity: 1
}

.mix_sharesocial .social_channel:nth-child(1) {
    opacity: 0;
    -webkit-transition: opacity .25s .35s ease;
    transition: opacity .25s .35s ease
}

.mix_sharesocial .social_channel:nth-child(2) {
    opacity: 0;
    -webkit-transition: opacity .25s .5s ease;
    transition: opacity .25s .5s ease
}

.mix_sharesocial .social_channel:nth-child(3) {
    opacity: 0;
    -webkit-transition: opacity .25s .65s ease;
    transition: opacity .25s .65s ease
}

[name=showshare]:checked~.mix_sharesocial .social_channel {
    opacity: .8
}

[name=showshare]:checked~.mix_sharesocial .social_channel:focus,
[name=showshare]:checked~.mix_sharesocial .social_channel:hover {
    opacity: 1;
    -webkit-transition: opacity .25s ease;
    transition: opacity .25s ease
}

.social .icon {
    position: relative
}

.social .icon:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: opacity .25s ease;
    transition: opacity .25s ease
}

.social .icon-facebook:after {
    background-image: url(/media/sj3b5mdz/facebook-icon.png);
    background-position:center center;
    background-size:37px 37px;
    width: 37px;
    height: 37px
}

.social .icon-twitter:after {
    background-image: url(/media/wk5nysh1/twitter-icon.png);
    background-position:center center;
    background-size:37px 37px;
    width: 37px;
    height: 37px
}

.social .icon-youtube:after {
    background-image: url(/media/mzifzmox/youtube-icon.png);
    background-position: center center;
    background-size:37px 37px;
    width: 37px;
    height: 37px
}

.social .icon-instagram:after {
    background-image: url(/media/fojcjqwn/instagram-icon.png);
    background-position: center center;
    background-size:37px 37px;
    width: 37px;
    height: 37px
}

.social .icon:hover:after {
    opacity: .9
}

.sitefooter {
    border-top: 2px solid #464646;
    color: #FE3B00;
    font-size: 0;
    z-index: 100;
    position: relative;
}
.productImage {
    background-repeat:no-repeat !important;
    background-size:100% !important;
    background-position:left 0px bottom 10px !important;
}
.productImage img{
    max-height:383px;
}
.perfectServeImage img{
    max-height:301px;
}
@media screen and (min-width:1280px) {
    .sitefooter {
        max-width: 1250px;
        padding:26px 25px;
        margin:0 auto;
    }
}

.fullbleed .sitefooter {
    position: relative;
    z-index: 10;
    border-top: 2px solid rgba(255, 255, 255, .5)
}

.sitefooter_links {
    font-family:"Rama-Gothic-Rounded-E-Bold";
    text-transform: uppercase;
    font-weight: 700;
    text-align: center
}

.sitefooter_links li {
    padding-bottom: 1em;
    display: inline-block;
    margin: 0 .5em;
    white-space: nowrap;
    font-size:28px;
}

.sitefooter_links a {
    color: #FE3B00;
    font-weight: 700;
    display: inline-block;
    position: relative;
    font-size:28px;
}

.sitefooter_links a:focus:after,
.sitefooter_links a:hover:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 3px;
    bottom: -3px;
    background: url(/images/link-border.png) 0 100% repeat-x
}

@media screen and (min-width:500px) {
    .sitefooter_links {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding-bottom: 2em
    }
    .ie9 .sitefooter_links {
        font-size: 0
    }
    .sitefooter_links li {
        padding-bottom: 0
    }
    .ie9 .sitefooter_links li {
        display: inline-block
    }
}


    .sitefooter .sitefooter_inner {
        display:inline-block;
        width: 100%;
        vertical-align: middle;
        padding:13px 0;
    }
    .sitefooter_outer_wrp{
        display:flex;
        flex-direction:row;
        justify-content:flex-start;
        align-items: flex-start;
        column-gap: 40px;
    }
    .sitefooter_inner_left{
        width:92px;
    }
    .sitefooter_inner_right{
        margin-top:10px;
    }
    .footer_logo img{
        max-width:100%;
        width:100%;
        height:auto;
    }
@media screen and (min-width:1025px) {
    .sitefooter .sitefooter_inner_
    .footer_logo
    .sitefooter .sitefooter_inner:last-child {
        width: 100%;
    }
    .ie9 .sitefooter_inner+.sitefooter_inner {
        text-align: right
    }
    .sitefooter_links {
        padding:0;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        text-align: left;
        flex-direction:row;
        column-gap:60px;
    }
    .sitefooter_links li {
        margin-right:0;
        margin-left:0;
        padding: 0;
        text-align: left;
    }
    .ie9 .sitefooter_links li {
        margin-right: 2.8rem
    }
    .ie9 .sitefooter .social {
        width: 100%
    }
    .ie9 .sitefooter .social_list {
        width: 220px;
        display: inline-block
    }
}

@media screen and (max-width:1280px) {
    .sitefooter {
        padding:26px;
    }
    .footer_logo img{
        max-width:unset;
        width:100%;
    }
    .sitefooter_links{
        column-gap:20px;
        flex-wrap: wrap;
    }
}
@media screen and (max-width:1140px) {
    .sitefooter {
        padding:26px;
    }
}
@media screen and (max-width:1024px) {
    .sitefooter {
        padding:26px;
    }
    .sitefooter_outer_wrp{
        flex-direction:column;
        align-items:center;
    }
    .sitefooter_links{
        align-items:center;
        justify-content:center;
        column-gap: 20px;
    }
    .social_list{
        justify-content:center;
    }
    .sitefooter_inner_right{
        display:flex;
        flex-direction:column;
    }
    .sitefooter_inner_right .sitefooter_inner:first-child{
        order:2;
    }
    #navLink_6{
        position:static;
    }
}

.explore-midnight-flavours .sitefooter {
    border-top: 2px solid rgba(206, 208, 207, .4)
}

.explore-midnight-flavours .sitefooter .sitefooter_links li,
.explore-midnight-flavours .sitefooter .social_title {
    color: #222
}

.explore-midnight-flavours .sitefooter .sitefooter_links li:first-child {
    padding-left: 0
}

.explore-midnight-flavours .sitefooter .sitefooter_links a {
    color: #222
}

.contact .wrapper {
    background-position: 0 0;
    background-repeat:no-repeat;
    background-size: cover
}
.contactForm {
    width:100%;
    margin:0 auto;
}

.introducingMojoTextWrapper {
	 margin:0 auto; 
    color: #00582a;
	padding-bottom:5%;
	max-width: 100%;
	padding:0 120px;
}


.introducingMojoTextWrapper h1 {
	 font-size:50px;
	 margin:50px 0;
	 font-weight:900;
	 line-height:100%;
    font-family:"Rama-Gothic-Rounded-E-Heavy";
	 color: #FE3B00;
	 text-align:center;
}
.introducingMojoTextWrapper p {
	 font-size:20px;
	
}

.introducingMojoTextWrapper a:active, .introducingMojoTextWrapper a:hover, .introducingMojoTextWrapper a:link, .introducingMojoTextWrapper a:visited  {
	 color: #00582a;
	font-weight:bold;
	
	
}

.flavourgroupwrapper {
	width: 100%;
    display: flex;
    margin: 0 auto;
    position: relative;
	flex-direction:row;
	column-gap:68px;
	height:100%;
	margin-bottom:50px;
}

.flavourgroupcontent {
    width:calc(100% / 3);
    display:flex;
    flex-direction:column;
    height:100%;
	align-items:center;
}

.flavourgroupcontent img {
	width:100%;
	max-width:600px
}
.flavourgroupcontent img.flavourgroupimage{
    margin-bottom:20px;
}
.flavourgroupcontent a.exploreBtn{
    text-align:center;
}
.flavourgroupcontent a.exploreBtn img{
    width:214px;
    max-width:80%;
    margin:0 auto;
}
.flavourgroupcontent p{
    font-size:16px;
    font-weight:400;
    color:#000000;
    min-height:240px;
}
.flavourgroupimages {
max-width:49%;
padding:2%;
}
.videoForm {
	width:100%;
	max-width:100%;
	margin:0 auto;

}
#ifrVideoFrame,.embededVideo {
    width: 100%;
    height: 500px;
    border: none;
}

#ifrContactFormFrame {
    width: 1440px;
    max-width:100%;
    height: 100%;
    height: 1400px;
    border:none;
}
.contact article {
    margin: 0;
    min-height: 62vh;
    text-align: center
}

.mojoVideo article {
    margin: 0 auto;
    min-height: 62vh;
    text-align: center
}

.contactForm {
    max-width: 1024px;
}

.contact_call .copy-inter-one {
    margin-bottom: 0
}

.contact_call a,
.contact_services a {
    font-weight: 700
}

.contact_call p,
.contact_services p {
    margin: 0
}

.contact_call,
.contact_services {
    margin-bottom: 10rem;
    position: relative
}

.contact_services .copy-inter-six {
    display: none
}

@media screen and (min-width:680px) {
    .contact_call,
    .contact_services {
        display: inline-block;
        vertical-align: middle;
        margin: 0 auto
    }
    .contact_services .copy-inter-six {
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 8px
    }
    .contact_services .copy-inter-six.show .decor-diamonds-vert,
    .no-js .contact_services .copy-inter-six .decor-diamonds-vert {
        height: 100%
    }
}

.contact_title {
    font-family: Montserrat, Arial, sans-serif;
    font-size: 2.8rem;
    text-transform: uppercase;
    margin: 0 0 1rem
}

.contact_services .banner {
    text-align: left;
    font-size: 1.6rem;
    line-height: 1.4;
    font-family: Arial, sans-serif;
    text-transform: none;
    font-weight: 400
}

#hearfromyou {
    width: -webkit-calc(100% - 110px);
    width: calc(100% - 110px);
    display: inline-block;
    vertical-align: middle
}

.contact .copy-inter-three {
    text-align: center;
    margin: 2rem 0
}

.contact_call .copy-inter-three .decor-dots,
.contact_services .copy-inter-three .decor-dots {
    width: 0;
    background-position: 50% 50%
}

.contact_call .copy-inter-three.show .decor-dots,
.contact_services .copy-inter-three.show .decor-dots,
.no-js .contact_call .copy-inter-three .decor-dots,
.no-js .contact_services .copy-inter-three .decor-dots {
    width: 100%
}

.contact_call .copy-inter-four .banner_copyinner {
    width: -webkit-calc(100% - 85px);
    width: calc(100% - 85px);
    text-align: left;
    font-size: 1.6rem;
    line-height: 1.4;
    font-family: Arial, sans-serif;
    text-transform: none;
    font-weight: 400;
    padding-left: 5%
}

.icon-chat-rear {
    position: relative;
    top: -7px
}

.contact_call .icon-chat {
    position: relative;
    left: -20px;
    margin-right: -20px;
    top: 10px
}

.wrapper-bare {
    background-color: #F4F4F4
}

.errorholding .wrapper-bare {
    background-color: #fff;
    text-align: center
}

.error_wrap {
    padding-top: 5%;
    font-size: 0;
    max-width: 760px;
    position: relative
}

.errorholding .error_wrap {
    max-width: 58%
}

.error_image {
    width: 100%;
    text-align: center;
    display: inline-block
}

.error_image-holding {
    width: 100%
}

.error_image img {
    max-width: 200px
}

.error_image-holding img {
    max-width: 100%
}

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

.error_copy-holding {
    position: relative;
    vertical-align: bottom
}

.error_copywrap {
    position: relative;
    text-align: center
}

.error_copywrap-holding {
    padding: 0 10px
}

.error_copywrap-holding img {
    max-width: 100%;
    padding-bottom: 18%
}

.error_title {
    color: #B02859;
    font-size: 2.6rem;
    font-family: Montserrat, Arial, sans-serif;
    text-transform: uppercase;
    margin-bottom: 0
}

@media screen and (min-width:500px) {
    .error_title {
        font-size: 3.3rem
    }
}

@media screen and (min-width:800px) {
    .error_copy {
        position: absolute;
        height: 100%;
        width: 60%;
        display: inline-block;
        vertical-align: top
    }
    .error_copywrap {
        left: -25%;
        top: 45%
    }
    .error_copywrap-holding {
        left: 0
    }
    .error_image img {
        max-width: 100%
    }
    .error_image {
        width: 50%
    }
    .error_title {
        font-size: 4.9rem
    }
    .error_image-holding {
        width: 43%;
        display: block
    }
    .error_copy-holding {
        width: 57%;
        top: 0;
        right: 0
    }
    .errorholding .error_wrap {
        max-width: 760px
    }
}

.error a {
    display: inline-block;
    max-width: 75%;
    position: relative
}

.error a:after {
    content: "";
    position: absolute;
    left: 7%;
    bottom: 3px;
    width: 100%;
    height: 4px;
    background: url(/images/missing-decor.png) 0 0 no-repeat;
    -webkit-transition: opacity .25s ease;
    transition: opacity .25s ease;
    opacity: 0
}

.error a:focus:after,
.error a:hover:after {
    opacity: 1
}

.error a img {
    max-width: 100%
}

h1.asdaspritzPageNoMarginTop {
    margin-top: 0
}

.asdaspritzPageTopAlign,
.asdaspritzfaqPageTopAlign {
    vertical-align: top
}

.asdaspritz {
    width: 100%!important;
    max-width: inherit!important
}

.competitionfaqterms {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: 2.5s;
    animation-duration: 2.5s;
    text-align: left;
    padding-top: 4%
}

.competitionfaqterms p {
    text-align: left;
    font-size: 1.6rem;
    line-height: 1.4;
    font-family: Arial, sans-serif;
    text-transform: none;
    font-weight: 400
}

#secondlevellist {
    font-size: smaller;
    padding-left: 2%;
    text-transform: lowercase;
}

.compolstyle {
    padding-left: 4%;
}
/* #endregion SITE CSS */
/* 
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */
/* clearfix */
.owl-carousel {
  /* display none until init */
  display: none;
  position: relative;
  width: 100%;
  -ms-touch-action: pan-y;
  max-width: 1200px;
  margin: 0 auto;
}
.owl-carousel .owl-wrapper {
  display: none;
  position: relative;
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel .owl-wrapper-outer {
  overflow: hidden;
  position: relative;
  width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item {
  float: left;
}
.owl-carousel .owl-item .item {
  display: block;
}
.owl-carousel .owl-item .item a {
  display: block;
}
.owl-carousel .owl-item .item a:hover {
  text-decoration: none;
}
.owl-carousel .owl-item .item a:hover img.lazyOwl {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.owl-carousel .owl-item .item img.lazyOwl {
  display: block;
  margin: 0 auto;
  -webkit-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}
.owl-carousel .owl-item .item span {
  color: #1F96D3;
  display: block;
  text-align: center;
  font-size: 20px;
  font-size: 2rem;
  margin: 10px 0 0;
}

#home-team.owl-carousel .owl-item .item span {
  margin-top: 20px;
}
#home-team.owl-carousel .owl-item .item span.position {
  color: #333333;
  display: block;
  font-size: 16px;
  font-size: 1.6rem;
  margin: -3px 0 0;
}

.owl-controls {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div {
  cursor: pointer;
}

@media (min-width: 768px) {
  .owl-carousel .owl-item .item span {
    font-size: 25px;
    font-size: 2.5rem;
    margin: 25px 0 0;
  }

  #home-team.owl-carousel .owl-item .item span {
    font-size: 18px;
    font-size: 1.8rem;
  }
  #home-team.owl-carousel .owl-item .item span.position {
    margin: 0;
    font-size: 16px;
    font-size: 1.6rem;
  }
}
/* mouse grab icon */
.grabbing {
  cursor: url(grabbing.png) 8 8, move;
}

/*
* 	Owl Carousel Owl Demo Theme 
*	v1.3.3
*/
.owl-item.loading {
  min-height: 150px;
  background: url(/images/ajax_loader.gif) no-repeat center center;
}

.owl-theme .owl-controls {
  margin: 0;
  text-align: center;
  /* Clickable class fix problem with hover on touch devices */
  /* Use it for non-touch hover action */
  /* Styling Pagination*/
}
.owl-theme .owl-controls .owl-buttons .owl-prev,
.owl-theme .owl-controls .owl-buttons .owl-next {
    margin: -16px 0 0;
    height: 33px;
    width: 14px;
    position: absolute;
    top: 50%;
    zoom: 1;
    padding: 0;
    background-repeat: no-repeat;
    opacity: 0.85;
    filter: alpha(opacity=85);
    background-image: url(/images/icons.png);
    opacity: 0.85;
    filter: alpha(opacity=85);
}
.owl-theme .owl-controls .owl-buttons .owl-prev {
    background-position: -246px -375px;
    left: 20px;
}
.owl-theme .owl-controls .owl-buttons .owl-next {
    right: 20px;
    background-position: -261px -375px;
}
.spritz-range-wrapper .owl-theme .owl-controls .owl-buttons .owl-prev {
    background-position: -276px -375px;
}
.spritz-range-wrapper .owl-theme .owl-controls .owl-buttons .owl-next {
    background-position: -282px -160px;
}
.owl-theme .owl-controls.clickable .owl-buttons .owl-prev:hover, .owl-theme .owl-controls.clickable .owl-buttons .owl-next:hover {
  opacity: 1;
  filter: alpha(opacity=100);
  text-decoration: none;
}
.owl-theme .owl-controls .owl-page {
  display: inline-block;
  zoom: 1;
  *display: inline;
  /*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span {
  display: block;
  width: 12px;
  height: 12px;
  margin: 5px 7px;
  opacity: 0.5;
  filter: alpha(opacity=50);
  -webkit-border-radius: 20px;
  border-radius: 20px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  background: #869791;
}
.owl-theme .owl-controls .owl-page span.owl-numbers {
  height: auto;
  width: auto;
  color: #FFF;
  padding: 2px 10px;
  font-size: 12px;
  font-size: 1.2rem;
  -webkit-border-radius: 30px;
  border-radius: 30px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
}
.owl-theme .owl-controls .owl-page.active span {
  opacity: 1;
  filter: alpha(opacity=100);
}
.owl-theme .owl-controls.clickable .owl-page:hover span {
  opacity: 1;
  filter: alpha(opacity=100);
}



/*
 * jQuery FlexSlider v2.7.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 and later license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 * a.k.v.15.05.2018
 *
 */
/* ====================================================================================================================
 * FONT-FACE
 * ====================================================================================================================*/
@font-face {
  font-family: 'flexslider-icon';
  src: url('fonts/flexslider-icon.eot');
  src: url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('fonts/flexslider-icon.woff') format('woff'), url('fonts/flexslider-icon.ttf') format('truetype'), url('fonts/flexslider-icon.svg#flexslider-icon') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* ====================================================================================================================
 * RESETS
 * ====================================================================================================================*/
.flex-container a:hover,
.flex-slider a:hover {
  outline: none;
}
.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  /*padding: 44px 0px 0px 0px;*/
  padding:0;
  list-style: none;
}
.flex-pauseplay span {
  text-transform: capitalize;
}
/* ====================================================================================================================
 * BASE STYLES
 * ====================================================================================================================*/
.flexslider {
  margin: 0;
  padding: 0;
}
.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
}
.flexslider .slides img {
  width: 100%;
  display: block;
}
.flexslider .slides:after {
  content: "\0020";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
html[xmlns] .flexslider .slides {
  display: block;
}
* html .flexslider .slides {
  height: 1%;
}
.no-js .flexslider .slides > li:first-child {
  display: block;
}
/* ====================================================================================================================
 * DEFAULT THEME
 * ====================================================================================================================*/
.flexslider {
  margin: 0 0 60px;
  background: #fff;
  border: 4px solid #fff;
  position: relative;
  zoom: 1;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  -o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
}
.flexslider .slides {
  zoom: 1;
}
.flexslider .slides img {
  height: auto;
  max-height:172px;
  width:auto;
  -moz-user-select: none;
}
.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.loading .flex-viewport {
  max-height: 300px;
}
.carousel li {
  margin-right: 5px;
}
.flex-direction-nav {
  *height: 0;
}
.flex-direction-nav a {
  text-decoration: none;
  display: block;
  width: 22px;
  height: 40px;
  margin: -20px 0 0;
  position: absolute;
  top: 50%;
  z-index: 10;
  overflow: hidden;
  opacity: 0;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.8);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-size:cover !important;
}
.flex-direction-nav a:before {
  font-family: "flexslider-icon";
  font-size: 40px;
  display: inline-block;
}
.flex-direction-nav a.flex-next:before {
}
.flex-direction-nav .flex-prev {
  left: 40px;
}
.flex-direction-nav .flex-next {
  right: 40px;
  text-align: right;
}

.flex-direction-nav a.flex-prev {
    background: url(/media/agin5lll/arrow-left.png) no-repeat;
	
}
.flex-direction-nav a.flex-next {
    background: url(/media/5klg32eg/arrow-right.png) no-repeat;
	
}

.home-page-carousel:hover .flex-direction-nav a.flex-prev {
  opacity: 0.7;
  left: 10px;
}
.home-page-carousel:hover .flex-direction-nav a.flex-prev:hover {
  opacity: 1;
}
.home-page-carousel:hover .flex-direction-nav a.flex-next {
  opacity: 0.7;
  right: 10px;
}
.home-page-carousel:hover .flex-direction-nav a.flex-next:hover {
  opacity: 1;
}
.flex-direction-nav .flex-disabled {
  opacity: 0!important;
  filter: alpha(opacity=0);
  cursor: default;
  z-index: -1;
}
.flex-pauseplay a {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 5px;
  left: 10px;
  opacity: 0.8;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  color: #000;
}
.flex-pauseplay a:before {
  font-family: "flexslider-icon";
  font-size: 20px;
  display: inline-block;
  content: '\f004';
}
.flex-pauseplay a:hover {
  opacity: 1;
}
.flex-pauseplay a.flex-play:before {
  content: '\f003';
}
.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: 16px;
  text-align: center;
  z-index:100;
}
.flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.flex-control-paging li a {
  width: 16px;
  height: 16px;
  display: block;
  background-color: #A6A6A6;
  cursor: pointer;
  text-indent: -9999px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
.flex-control-paging li a:hover {
  background: #333;
  background-color: #FFFFFF;
}
.flex-control-paging li a.flex-active {
  background-color: #FFFFFF;
  cursor: default;
}
.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden;
}
.flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0;
}
.flex-control-thumbs img {
  width: 100%;
  height: auto;
  display: block;
  opacity: .7;
  cursor: pointer;
  -moz-user-select: none;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.flex-control-thumbs img:hover {
  opacity: 1;
}
.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default;
}

.video_posterimage.midnight{
    background-color:white;
}
#divTermsAndConditionsWrp{
    width:80%;
    margin:0 auto;
    color:black;
    font-size:16px;
    padding-top:20px;
    padding-bottom:90px;
    text-align:left;
    text-transform: none;
}
#divTermsAndConditionsWrp h1{
    color:#FE3B00;
    text-align:center;
    margin-bottom:20px;
}

#divTermsAndConditionsWrp table{
    max-width: 1440px;
    margin: 0 auto;
}
#divTermsAndConditionsWrp li{
    padding:8px 0 8px 0;
}
#divTermsAndConditionsWrp a:active, #divTermsAndConditionsWrp a:hover, #divTermsAndConditionsWrp a:link, #divTermsAndConditionsWrp a:visited {
    color: black;
    text-decoration: none;
    font-weight:bold;
}

#divTermsAndConditionsWrp table, #divTermsAndConditionsWrp th, #divTermsAndConditionsWrp td {
    border: 1px solid black;
}

@media all and (max-width:1200px){
    .introducingMojoTextWrapper{
        padding:0 30px;
    }
    .flavourgroupwrapper{
        column-gap:30px;
    }
}
@media all and (max-width:1080px){
    #divHolidyWinCopyWrp{
        width:60%;
    }		
	
	
	
}
@media all and (max-width:480px){
    #divHolidyWinCopyWrp{
        width:80%;
    }	
    .flex-viewport{
        overflow:visible !important;
    }
    .instagramCarousel .flex-direction-nav .flex-next{
        right:0px;
    }
    .instagramCarousel .flex-direction-nav .flex-prev{
        left:0px;
    }
}

/* ====================================================================================================================
 * RESPONSIVE
 * ====================================================================================================================*/
@media screen and (max-width: 1023px) {
  .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 10px;
  }
  .flex-direction-nav .flex-next {
    opacity: 1;
    right: 10px;
  }
}

@media screen and (max-width: 800px) {
  
  
  #ifrContactFormFrame {
		height: 1900px;
		max-height: 2040px;
	}
}




@media all and (max-width:768px) {
.flavourgroupwrapper{
    flex-direction:column;
    row-gap:30px;
}
.home .flavourgroupwrapper{
    flex-direction:row;
    column-gap:24px;
}

.introducingMojoTextWrapper h1 {
    font-size: 40px;
}

.introducingMojoTextWrapper p {
    font-size: 14px;        
    height: auto;
    min-height: unset;
    margin-bottom: 20px;
}
.flavourgroupcontent{
    width:100%;
}

.slides, .slides > li, .flex-control-nav, .flex-direction-nav {
    padding: 5px 0px 0px 0px;
}	

	#divTermsAndConditionsWrp table, #divTermsAndConditionsWrp tbody, #divTermsAndConditionsWrp tr, #divTermsAndConditionsWrp th, #divTermsAndConditionsWrp td {
    display:block;
    width:100%;
	}

    
    #ifrVideoFrame, .embededVideo {
    height: 300px;
}
.sitefooter_links{
    display:block;
}
.sitefooter_links li:last-child{
    width:100%;
    margin:10px 0;
}
}

@media all and (max-width:480px) {
    
    .home .flavourgroupwrapper{
        flex-direction:column;
        row-gap:24px;
    }

    #ifrVideoFrame, .embededVideo {
    height: 240px;
}

}