@charset "UTF-8";
/*
	Theme Name: Margaret River Beverages
	Author URI: http://thecompetition.com.au
	Description: Margaret River Beverages Custom Theme by The Competition
	Version: 1.0
	Author: Brendan Foster & Nathan Shanahan
*/
/*  ==========================================================================
		Fonts
		Font shorthand: font-style font-variant font-weight font-size/line-height font-family;
		========================================================================== */
/* BRANDON GROTESQUE Loaded by Typekit: weights, 400(regular), 500(medium), 700(Bold) */
/* PROXIMA NOVA Loaded by Typekit: weights, 400 (Regular), 700(Bold) */
/*  ==========================================================================
		Font Weights
		========================================================================== */
/*  ==========================================================================
		Colors
		========================================================================== */
/* Design Teal */
/* Colour Black */
/* Desing Pink  */
/* Desing Green  */
/* Design Red */
/*  Design Teal */
/*  ==========================================================================
		Wrap & page setups width
		========================================================================== */
/*  ==========================================================================
		Break Points
		========================================================================== */
/*  ==========================================================================
		FONTS
		========================================================================== */
/**
 * @license
 * MyFonts Webfont Build ID 3214789, 2016-05-05T21:49:36-0400
 *
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are
 * explicitly restricted from using the Licensed Webfonts(s).
 *
 * You may obtain a valid license at the URLs below.
 *
 * Webfont: Pacifico by Aerotype
 * URL: http://www.myfonts.com/fonts/aerotype/pacifico/regular/
 * Copyright: Copyright (c) Aerotype, 2014. All rights reserved.
 * Licensed pageviews: 20,000
 *
 *
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=3214789
 *
 * © 2016 MyFonts Inc
*/
/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/310dc5");
@font-face {
  font-family: 'Pacifico';
  src: url("fonts/Pacifico/310DC5_0_0.eot");
  src: url("fonts/Pacifico/310DC5_0_0.eot?#iefix") format("embedded-opentype"), url("webfonts/310DC5_0_0.woff2") format("woff2"), url("fonts/Pacifico/310DC5_0_0.woff") format("woff"), url("fonts/Pacifico/310DC5_0_0.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  -webkit-transition: font-size .35s ease;
  transition: font-size .35s ease; }

/* ===============================================
		Flexbox Firefox fix
===============================================	*/
* {
  min-height: 0;
  min-width: 0; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, main, nav, section, cite {
  display: block; }

html {
  height: 100%; }

body {
  line-height: 1;
  min-height: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -webkit-text-size-adjust: none; }

.wf-loading h1, .wf-loading h2, .wf-loading h3, .wf-loading h4, .wf-loading ul, .wf-loading li, .wf-loading a, .wf-loading p {
  visibility: hidden; }

.wf-active h1, .wf-active h2, .wf-active h3, .wf-active h4, .wf-active ul, .wf-active li, .wf-active a, .wf-active p {
  visibility: visible; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

cite {
  display: block; }

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

.group:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0; }

.group {
  display: inline-block; }

/* start commented backslash hack \*/
* html .group {
  height: 1%; }

.group {
  display: block; }

/* close commented backslash hack */
img {
  max-width: 100%;
  vertical-align: bottom; }

a:focus {
  outline-width: 0; }

/* Width + Padding = element width */
*,
*:after,
*:before {
  -moz-box-sizing: border-box;
       box-sizing: border-box; }

a[href^=tel] {
  text-decoration: none;
  font-family: normal normal 400 14px/normal "proxima-nova", sans-serif;
  color: #00A1AF; }

/* ===============================================
		Button Reset
===============================================	*/
button {
  background: none repeat scroll 0 0 transparent;
  border: medium none;
  border-spacing: 0;
  font: normal normal 400 14px/normal "proxima-nova", sans-serif;
  color: #00A1AF;
  font-weight: normal;
  line-height: auto;
  list-style: none outside none;
  margin: 0;
  padding: 0;
  text-align: left;
  text-decoration: none;
  text-indent: 0;
  cursor: pointer; }

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

button:focus {
  outline: 0; }

/* ===============================================
 		Restore Google Maps Images
 ===============================================	*/
.google-maps-link {
  max-width: 100%; }

.gmnoprint img {
  max-width: none;
  z-index: 9999; }

/* Global Styles */
body {
  font: normal normal 400 14px/normal "proxima-nova", sans-serif;
  background: none;
  color: #58595B;
  overflow-x: hidden;
  overflow-y: scroll;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */ }

/* For sticking the footer to page bottom */
.container {
  min-height: 100%; }

.heading {
  font: normal normal 400 32px/normal "Pacifico", sans-serif; }
  @media (max-width: 767px) {
    .heading {
      font-size: 28px; } }

/* Headings */
p {
  font: normal normal 400 14px/normal "proxima-nova", sans-serif;
  line-height: 1.6;
  letter-spacing: 1px; }
  p + p {
    padding-top: 1em; }

a {
  text-decoration: none;
  color: inherit; }

/* Stops buttons being differant heights across browsers. Also removes the strange gap between inline-block elements. */
ul {
  font-size: 0px; }
  ul li {
    font: normal normal 400 14px/normal "proxima-nova", sans-serif;
    font-size: 14px; }

.page_wrap {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  /* 	max-width: $page-width; */
  /* This will letterbox the website */
  background: none; }

.content_wrap {
  position: relative;
  width: 1000px;
  height: 100%;
  margin: 0 auto;
  background: none; }
  @media (max-width: 1030px) {
    .content_wrap {
      width: 100%;
      padding-right: 15px;
      padding-left: 15px; } }
  @media (max-width: 787px) {
    .content_wrap {
      width: 100%; } }

.button {
  display: inline-block;
  padding: 13px 30px 18px 30px;
  font: normal normal 400 32px/normal "Pacifico", sans-serif;
  font-size: 21px;
  color: #FFF;
  background: #000;
  -webkit-transition: background .25s ease;
  transition: background .25s ease; }
  .button:hover {
    background: #00A1AF;
    -webkit-transition: background .25s ease;
    transition: background .25s ease; }

/*  ==========================================================================
	<svg class="icon_social_twitter" viewBox="0 0 27 27"><use xlink:href="#icon_social_twitter"></use></svg>
	<svg class="icon_social_facebook" viewBox="0 0 27 27"><use xlink:href="#icon_social_facebook"></use></svg>
	<svg class="icon_social_instagram" viewBox="0 0 27 27"><use xlink:href="#icon_social_instagram"></use></svg>
	<svg class="logo_typeface_mrb" viewBox="0 0 229 56"><use xlink:href="#logo_typeface_mrb"></use></svg>
	<svg class="logo_watermark_mrb" viewBox="0 0 115 75"><use xlink:href="#logo_watermark_mrb"></use></svg>
	<svg class="slideshow_arrow" viewBox="0 0 17 26"><use xlink:href="#slideshow_arrow"></use></svg>
	<svg class="arrow_up" viewBox="0 0 17 13"><use xlink:href="#arrow_up"></use></svg>
	<svg class="menu_open" viewBox="0 0 27 21"><use xlink:href="#menu_open"></use></svg>
	<svg class="menu_close" viewBox="0 0 27 21"><use xlink:href="#menu_close"></use></svg>
	<svg class="icon_cart" viewBox="0 0 15 16"><use xlink:href="#icon_cart"></use></svg>
	<svg class="with_stevia_text" viewBox="0 0 161 39"><use xlink:href="#with_stevia_text"></use></svg>
	<svg class="floating_container_texture" viewBox="0 0 990.3 76.1"><use xlink:href="#floating_container_texture"></use></svg>
========================================================================== */
/*  ==========================================================================
		SVG individual file CSS.
========================================================================== */
.menu_open, .menu_close {
  width: 27px;
  height: 21px;
  fill: #FFF; }

.logo_typeface_mrb {
  width: 229px;
  height: 56px; }

.icon_cart {
  width: 15px;
  height: 16px;
  fill: #FFF; }

.icon_close_form {
  width: 46px;
  height: 46px; }

.slideshow_arrow {
  width: 17px;
  height: 26px;
  fill: #FFF; }

.arrow_up {
  width: 17px;
  height: 13px;
  fill: #FFF;
  -webkit-transform: roate(180deg);
          transform: roate(180deg); }

.logo_watermark_mrb {
  width: 115px;
  height: 75px; }

.icon_social_instagram, .icon_social_twitter, .icon_social_facebook {
  width: 27px;
  height: 27px;
  fill: #000;
  -webkit-transition: fill .25s ease;
  transition: fill .25s ease; }

.with_stevia_text {
  width: 131px;
  height: 69px;
  display: block; }

.floating_container_texture {
  max-width: 990.3;
  width: 100%;
  max-height: 76.1px; }

footer {
  background: url("./img/background_texture_footer.jpg");
  background-repeat: repeat; }
  footer h1, footer h2 {
    padding-bottom: 5px;
    font: normal normal 400 14px/normal "proxima-nova", sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #000; }

.footer_banner_container {
  background: #000;
  width: 100%;
  text-align: center;
  padding: 8px 0px 17px 0px; }
  @media (max-width: 767px) {
    .footer_banner_container {
      padding: 15px 0px 20px 0px; } }
  .footer_banner_container p {
    color: #FFF;
    font: normal normal 400 32px/normal "Pacifico", sans-serif;
    font-size: 28px; }
    @media (max-width: 767px) {
      .footer_banner_container p {
        display: none; } }
    .footer_banner_container p a {
      color: #00A1AF;
      font: normal normal 400 32px/normal "Pacifico", sans-serif;
      font-size: 28px;
      -webkit-transition: color .25s ease;
      transition: color .25s ease; }
      .footer_banner_container p a:hover {
        color: #FFF;
        -webkit-transition: color .25s ease;
        transition: color .25s ease; }
  .footer_banner_container .mobile {
    display: none;
    color: #FFF;
    font: normal normal 400 32px/normal "Pacifico", sans-serif;
    font-size: 18px;
    -webkit-transition: color .25s ease;
    transition: color .25s ease; }
    @media (max-width: 767px) {
      .footer_banner_container .mobile {
        display: block; } }
    .footer_banner_container .mobile:hover {
      color: #00A1AF;
      -webkit-transition: color .25s ease;
      transition: color .25s ease; }

.footer_main {
  padding-top: 44px; }
  @media (max-width: 767px) {
    .footer_main {
      text-align: center; } }

.footer_logo {
  float: left;
  padding-top: 5px; }
  @media (max-width: 767px) {
    .footer_logo {
      float: none;
      width: 100%; } }
  .footer_logo .logo_container .logo_typeface_mrb {
    width: 270px;
    height: 65px; }
    @media (max-width: 767px) {
      .footer_logo .logo_container .logo_typeface_mrb {
        display: none; } }
  .footer_logo .logo_container .logo_watermark_mrb {
    display: block;
    margin-left: 58px;
    margin-top: 27px; }
    @media (max-width: 767px) {
      .footer_logo .logo_container .logo_watermark_mrb {
        margin: 0 auto; } }

.footer_contact_details {
  float: left;
  padding-left: 80px; }
  @media (max-width: 767px) {
    .footer_contact_details {
      float: none;
      width: 100%;
      padding: 41px 0px 26px 0px; } }
  .footer_contact_details ul li:not(:last-of-type) {
    padding-bottom: 5px; }
  .footer_contact_details ul li a {
    color: #000;
    -webkit-transition: color .25s ease;
    transition: color .25s ease; }
    .footer_contact_details ul li a:hover {
      color: #00A1AF;
      -webkit-transition: color .25s ease;
      transition: color .25s ease; }

.social_media {
  float: right; }
  @media (max-width: 767px) {
    .social_media {
      float: none;
      width: 100%; } }
  .social_media ul {
    padding-top: 7px; }
    .social_media ul li {
      display: inline-block; }
      .social_media ul li:nth-of-type(2) {
        padding: 0px 20px; }
      .social_media ul li a:hover svg {
        fill: #00A1AF;
        -webkit-transition: fill .25s ease;
        transition: fill .25s ease; }

.copyright {
  padding-top: 35px;
  padding-bottom: 27px;
  text-align: center; }
  .copyright p {
    font-size: 15px;
    color: #000; }
    @media (max-width: 767px) {
      .copyright p {
        display: none; } }

.desktop_navigation {
  display: block; }
  @media (max-width: 767px) {
    .desktop_navigation {
      display: none; } }

.header_cart {
  text-align: center;
  position: relative; }
  .header_cart .left {
    position: absolute;
    left: 0px;
    top: 0px; }
  .header_cart .logo_container {
    padding: 26px 0px 20px 0px; }
  .header_cart .right {
    position: absolute;
    top: 0px;
    right: 0px; }
  .header_cart a {
    font-weight: 700;
    color: #FFF;
    font-size: 13px;
    padding: 12px 20px;
    display: inline-block;
    background: #00A1AF;
    -webkit-transition: background .25s ease;
    transition: background .25s ease; }
    .header_cart a:hover {
      background: #000;
      -webkit-transition: background .25s ease;
      transition: background .25s ease; }
  .header_cart .icon_cart {
    margin-right: 9px;
    vertical-align: bottom; }

.fixed_navigation_push_desktop {
  display: block;
  height: 60px;
  background: #000; }

.website_header_container {
  position: relative; }

.header_navigation {
  background: #000;
  color: #FFF;
  position: absolute;
  width: 100%;
  top: 0px;
  display: block; }
  .header_navigation nav {
    text-align: center; }
    .header_navigation nav ul li {
      display: inline-block;
      font-weight: 700; }
      .header_navigation nav ul li:not(:last-of-type) {
        padding-right: 37px; }
      .header_navigation nav ul li a {
        padding: 20px 0px;
        display: block; }

.js_lock_sub_navigation {
  position: fixed;
  top: 0px;
  z-index: 99; }

.home .header_navigation nav ul li:nth-of-type(1) a, .our-story .header_navigation nav ul li:nth-of-type(2) a, .premium-soft-drinks .header_navigation nav ul li:nth-of-type(3) a, .stockists .header_navigation nav ul li:nth-of-type(4) a, .drinks-store .header_navigation nav ul li:nth-of-type(5) a, .contact-us .header_navigation nav ul li:nth-of-type(6) a {
  border-bottom: 3px solid #FFF; }

.fixed_navigation_push_mobile {
  display: none;
  height: 43px;
  background: #000; }
  @media (max-width: 767px) {
    .fixed_navigation_push_mobile {
      display: block; } }

.header_mobile_container {
  display: none; }
  @media (max-width: 767px) {
    .header_mobile_container {
      display: block; } }
  .header_mobile_container .logo_container {
    width: 100%;
    text-align: center;
    padding: 30px 0px; }

.mobile_navigation {
  position: fixed;
  top: 0px;
  background: #000;
  width: 100%;
  z-index: 99;
  padding: 0px 15px; }
  .mobile_navigation button {
    float: left;
    padding-top: 10px;
    padding-bottom: 0px; }
  .mobile_navigation .right {
    float: right;
    display: block; }
    .mobile_navigation .right a {
      font-weight: 700;
      font-size: 13px;
      color: #FFF;
      display: inline-block;
      padding-top: 13px;
      padding-bottom: 13px; }
      .mobile_navigation .right a:first-of-type {
        padding-right: 17px; }
      .mobile_navigation .right a:last-of-type {
        padding-left: 20px;
        border-left: 1px solid #FFF; }

.menu_close {
  display: none; }

.mobile_navigation_menu {
  position: fixed;
  z-index: 98;
  background: rgba(0, 0, 0, 0.8);
  color: #FFF;
  width: 100%;
  height: 100%; }
  .mobile_navigation_menu ul {
    background: #00A1AF;
    width: 100%;
    max-width: 250px;
    padding: 20px 0px 32px 20px; }
    .mobile_navigation_menu ul li {
      font-weight: 700;
      font-size: 17px; }
      .mobile_navigation_menu ul li a {
        display: block;
        width: 100%;
        padding-bottom: 13px;
        padding-top: 13px;
        border-bottom: 1px solid #FFF; }

.js_toggle_mobile {
  display: none; }

.js_modal_form_container {
  position: fixed;
  color: #FFF;
  top: 0px;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 999;
  display: none;
  content: '';
  cursor: url("./img/svg/icon_cursor.svg"), auto; }

.form_content_container {
  position: fixed;
  height: auto;
  margin: 0vw auto 50px auto;
  top: 4vw;
  background: #FFF;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  overflow-y: scroll;
  max-width: 500px;
  display: none; }
  .form_content_container .form_close_button {
    width: 46px;
    height: 46px;
    position: absolute;
    right: 0px; }
  .form_content_container article {
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
    float: none; }
    @media (max-width: 767px) {
      .form_content_container article {
        width: 100%;
        padding-right: 0%;
        padding-bottom: 30px; } }
    .form_content_container article h2 {
      font-size: 33px;
      padding-bottom: 44px;
      padding-top: 66px;
      text-align: left;
      font: normal normal 400 32px/normal "Pacifico", sans-serif;
      font-size: 40px;
      color: #00A1AF; }
    .form_content_container article a {
      display: block;
      color: white;
      line-height: 1; }
      .form_content_container article a:hover {
        text-decoration: underline; }
  .form_content_container .form_container {
    width: 100%;
    background: #FFF;
    padding-bottom: 60px;
    height: auto; }
  .form_content_container form {
    margin: 0 auto;
    width: 100%;
    max-width: 400px; }
    .form_content_container form input, .form_content_container form textarea {
      height: 46px;
      padding: 15px 22px;
      width: 100%;
      color: #58595b;
      background: #E8E8E8;
      margin-bottom: 20px;
      line-height: 1.3; }
    .form_content_container form textarea {
      min-height: 225px;
      background: #e8e8e8; }
    .form_content_container form .required_fields {
      color: #58595b; }
      @media (max-width: 767px) {
        .form_content_container form .required_fields {
          font-size: 10px; } }
    .form_content_container form .submit {
      float: right;
      width: auto;
      background: #00A1AF;
      color: #FFF;
      font: normal normal 400 32px/normal "Pacifico", sans-serif;
      font-size: 21px;
      line-height: 0px;
      padding-bottom: 18px;
      cursor: pointer; }
      @media (max-width: 767px) {
        .form_content_container form .submit {
          float: none; } }
      .form_content_container form .submit:hover {
        background: #000 !important;
        color: #FFF !important; }

.enquiry_form_page_response {
  position: relative;
  max-width: 400px;
  margin: 0 auto;
  padding-bottom: 30px;
  color: #58595B; }

.panoramic_image_header {
  min-height: 141px;
  width: 100%;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: inherit;
  position: relative; }
  .panoramic_image_header h1 {
    position: absolute;
    width: 100%;
    padding-left: calc( (100% - 1000px) /2);
    color: #FFF;
    font: normal normal 400 32px/normal "Pacifico", sans-serif;
    font-size: 40px;
    top: 50px; }
    @media (max-width: 1030px) {
      .panoramic_image_header h1 {
        padding-left: 15px; } }
    @media (max-width: 767px) {
      .panoramic_image_header h1 {
        font-size: 28px; } }

.drinks_store_nav {
  position: absolute;
  width: 100%;
  padding-right: calc( (100% - 1000px) /2);
  color: #FFF;
  font: normal normal 400 32px/normal "Pacifico", sans-serif;
  top: 50px;
  z-index: 98; }
  @media (max-width: 1030px) {
    .drinks_store_nav {
      padding-right: 15px; } }
  @media (max-width: 767px) {
    .drinks_store_nav {
      top: 160px;
      padding-left: 15px; } }
  .drinks_store_nav ul {
    min-width: 345px;
    float: right; }
    @media (max-width: 767px) {
      .drinks_store_nav ul {
        min-width: 100%;
        width: 100%;
        float: left; } }
    .drinks_store_nav ul .js_drop_toggle {
      background: #FFF;
      width: 100%;
      border: 1px solid #00A1AF; }
      .drinks_store_nav ul .js_drop_toggle:hover button:last-of-type {
        background: #00A1AF; }
      .drinks_store_nav ul .js_drop_toggle button:first-of-type {
        padding: 20px 0px 18px 18px;
        display: inline-block;
        width: 84%;
        color: #000; }
      .drinks_store_nav ul .js_drop_toggle button:last-of-type {
        background: #000;
        height: 100%;
        display: inline-block;
        float: right;
        padding: 20px 18px 18px 18px; }
    .drinks_store_nav ul .drop_container {
      display: none; }
      .drinks_store_nav ul .drop_container ul li {
        background: #FFF;
        color: #000;
        border-left: 1px solid #00A1AF;
        border-right: 1px solid #00A1AF;
        border-bottom: 1px solid #00A1AF; }
        .drinks_store_nav ul .drop_container ul li a {
          width: 100%;
          padding: 20px 0px 18px 18px;
          display: block; }
          .drinks_store_nav ul .drop_container ul li a:hover {
            color: #FFF;
            background: #00A1AF;
            -webkit-transition: all .25s ease;
            transition: all .25s ease; }

.js_rotate_svg svg {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg); }

.flexslider {
  position: relative;
  min-width: 100%; }
  .flexslider img {
    min-width: 100%; }

.flex-control-nav {
  width: 100%;
  height: 12px;
  position: absolute;
  text-align: center;
  z-index: 10;
  right: 0;
  padding-bottom: 40px;
  max-width: calc(100% - 1000px); }

.flex-control-nav li {
  margin: 0 7px;
  display: inline-block;
  zoom: 1;
  *display: inline; }
  .flex-control-nav li:first-of-type {
    margin-left: -180px; }

.flex-control-paging li a {
  width: 15px;
  height: 15px;
  display: block;
  cursor: pointer;
  text-indent: -9999px;
  border-radius: 30px;
  background: none;
  border: 3px solid #FFF; }

.flex-control-paging li a:hover {
  background: #FFF;
  border: 3px solid #FFF; }

.flex-control-paging li a.flex-active {
  cursor: default;
  background: #FFF;
  border: 3px solid #FFF; }

.flex-control-nav {
  width: 48%;
  bottom: 0px;
  width: 100%; }
  @media (max-width: 767px) {
    .flex-control-nav {
      width: 100%; } }

.flex-custom-nav {
  position: absolute;
  z-index: 10;
  top: 46%;
  display: block;
  width: 100%;
  left: 0px; }
  @media (max-width: 767px) {
    .flex-custom-nav {
      display: none; } }
  .flex-custom-nav a {
    display: inline-block;
    width: 56px;
    height: 55px;
    background: #000;
    -webkit-transition: background .25s ease;
    transition: background .25s ease; }
    .flex-custom-nav a:first-of-type {
      padding: 15px 0px 0px 15px; }
    .flex-custom-nav a:last-of-type {
      padding: 15px 0px 0px 20px; }
    .flex-custom-nav a:hover {
      background: #00A1AF;
      -webkit-transition: background .25s ease;
      transition: background .25s ease; }
  .flex-custom-nav .prev {
    float: left; }
  .flex-custom-nav .next {
    float: right; }
    .flex-custom-nav .next svg {
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg); }

.product_previews_container {
  padding-top: 82px; }
  .product_previews_container h1 {
    font: normal normal 400 32px/normal "Pacifico", sans-serif;
    color: #00A1AF; }
  .product_previews_container .tc_product_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    @media (max-width: 500px) {
      .product_previews_container .tc_product_list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: -moz-box;
        display: flex;
        -webkit-flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
           -moz-box-orient: vertical;
           -moz-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; } }
    .product_previews_container .tc_product_list li {
      -webkit-box-flex: 1 30%;
      -moz-box-flex: 1 30%;
      -webkit-flex: 1 30%;
      -ms-flex: 1 30%;
      flex: 1 30%;
      max-width: 30%;
      padding-top: 36px; }
      @media (max-width: 767px) {
        .product_previews_container .tc_product_list li {
          -webkit-box-flex: 1 48%;
          -moz-box-flex: 1 48%;
          -webkit-flex: 1 48%;
          -ms-flex: 1 48%;
          flex: 1 48%;
          max-width: 48%; } }
      @media (max-width: 500px) {
        .product_previews_container .tc_product_list li {
          -webkit-box-flex: 1 100%;
          -moz-box-flex: 1 100%;
          -webkit-flex: 1 100%;
          -ms-flex: 1 100%;
          flex: 1 100%;
          max-width: 100%; } }
      .product_previews_container .tc_product_list li .tc_view_single_product h2 {
        font: normal normal 400 32px/normal "Pacifico", sans-serif;
        font-size: 24px;
        font-weight: 700;
        color: #00A1AF;
        padding: 35px 0px 15px 0px;
        -webkit-transition: .25s color ease;
        transition: .25s color ease; }
      .product_previews_container .tc_product_list li .tc_view_single_product .tc_price {
        font-size: 21px;
        color: #000; }
      .product_previews_container .tc_product_list li .tc_view_single_product:hover h2 {
        color: #000;
        -webkit-transition: .25s color ease;
        transition: .25s color ease; }
      .product_previews_container .tc_product_list li .tc_add_to_cart {
        margin-top: 20px; }

.product_previews_container:last-of-type {
  padding-bottom: 75px; }

.single_product {
  padding-top: 80px; }
  .single_product h1 {
    font: normal normal 400 32px/normal "Pacifico", sans-serif;
    color: #00A1AF; }
  .single_product .flexbox_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding-top: 50px; }
    @media (max-width: 767px) {
      .single_product .flexbox_container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: -moz-box;
        display: flex;
        -webkit-flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
           -moz-box-orient: vertical;
           -moz-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; } }
    .single_product .flexbox_container .image_container {
      -webkit-box-flex: 1.5;
      -moz-box-flex: 1.5;
      -webkit-flex: 1.5;
      -ms-flex: 1.5;
      flex: 1.5; }
      @media (max-width: 767px) {
        .single_product .flexbox_container .image_container {
          -webkit-box-flex: 1;
          -moz-box-flex: 1;
          -webkit-flex: 1;
          -ms-flex: 1;
          flex: 1; } }
    .single_product .flexbox_container .content_container {
      -webkit-box-flex: 1;
      -moz-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
      padding-top: 50px; }
      @media (max-width: 767px) {
        .single_product .flexbox_container .content_container {
          padding-top: 25px; } }
      .single_product .flexbox_container .content_container p {
        padding-left: 50px; }
        @media (max-width: 767px) {
          .single_product .flexbox_container .content_container p {
            padding-left: 0px; } }
      .single_product .flexbox_container .content_container p + p {
        padding-top: 0px; }
      .single_product .flexbox_container .content_container a {
        margin-left: 50px; }
        @media (max-width: 767px) {
          .single_product .flexbox_container .content_container a {
            margin-left: 0px; } }
      .single_product .flexbox_container .content_container .tc_price {
        font-size: 50px;
        line-height: 50px;
        font-weight: 700;
        color: #000; }
      .single_product .flexbox_container .content_container .tc_price_description {
        font-size: 21px;
        color: #000;
        padding-bottom: 26px; }
      .single_product .flexbox_container .content_container .tc_product_description {
        padding-bottom: 30px; }

.floating_introduction_container {
  position: relative;
  height: 0px;
  z-index: 11;
  background: none; }
  @media (max-width: 970px) {
    .floating_introduction_container {
      height: auto; } }
  .floating_introduction_container .floating_introduction_content {
    position: absolute;
    left: 0px;
    bottom: -60px;
    max-width: 500px;
    color: #FFF; }
    @media (max-width: 1150px) {
      .floating_introduction_container .floating_introduction_content {
        max-width: 800px; } }
    @media (max-width: 970px) {
      .floating_introduction_container .floating_introduction_content {
        position: relative;
        bottom: 0px;
        width: 100%;
        max-width: 100%; } }
    .floating_introduction_container .floating_introduction_content h1 {
      font: normal normal 400 32px/normal "Pacifico", sans-serif;
      padding: 50px 57px 35px 70px; }
      @media (max-width: 970px) {
        .floating_introduction_container .floating_introduction_content h1 {
          padding: 50px 0px 35px 0px; } }
      @media (max-width: 767px) {
        .floating_introduction_container .floating_introduction_content h1 {
          font-size: 28px; } }
    .floating_introduction_container .floating_introduction_content p {
      padding: 0px 57px 60px 70px; }
      @media (max-width: 970px) {
        .floating_introduction_container .floating_introduction_content p {
          padding: 0px 0px 60px 0px; } }
    .floating_introduction_container .floating_introduction_content .floating_container_texture {
      position: absolute;
      bottom: 0px; }
      @media (max-width: 970px) {
        .floating_introduction_container .floating_introduction_content .floating_container_texture {
          display: none; } }

@media (max-width: 970px) {
  .margaret-river-beverages .floating_introduction_container {
    background: #00A1AF; } }
.margaret-river-beverages .floating_introduction_container .floating_introduction_content {
  background: #00A1AF; }

@media (max-width: 970px) {
  .our-story .floating_introduction_container {
    background: #FF8189; } }
.our-story .floating_introduction_container .floating_introduction_content {
  background: #FF8189; }

@media (max-width: 970px) {
  .premium-soft-drinks .floating_introduction_container {
    background: #B6BD00; } }
.premium-soft-drinks .floating_introduction_container .floating_introduction_content {
  background: #B6BD00; }

.introduction_section {
  width: 100%;
  padding-top: 150px;
  padding-bottom: 110px;
  padding-left: calc( (100% - 1000px) /2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row; }
  @media (max-width: 1030px) {
    .introduction_section {
      padding-left: 0px; } }
  @media (max-width: 767px) {
    .introduction_section {
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: -moz-box;
      display: flex;
      -webkit-flex-direction: column-reverse;
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
         -moz-box-orient: vertical;
         -moz-box-direction: reverse;
          -ms-flex-direction: column-reverse;
              flex-direction: column-reverse;
      padding-top: 0;
      } }
  .introduction_section .content {
    min-height: 20vh;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: 485px;
    padding-right: 90px; }
    @media (max-width: 1030px) {
      .introduction_section .content {
        padding-left: 15px; } }
    @media (max-width: 767px) {
      .introduction_section .content {
        padding-right: 15px;
        max-width: 100%;
        width: 100%; } }
    .introduction_section .content h2 {
      font: normal normal 400 32px/normal "Pacifico", sans-serif;
      color: #00A1AF;
      padding-bottom: 45px; }
      @media (max-width: 767px) {
        .introduction_section .content h2 {
          padding-top: 50px;
          font-size: 28px; } }
    .introduction_section .content p:first-of-type {
      font-weight: 700; }
    .introduction_section .content p:last-of-type {
      padding-bottom: 35px; }
  .introduction_section .image_container {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-height: 468px;
    width: 100%;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: inherit; }
    @media (max-width: 767px) {
      .introduction_section .image_container {
        display: none; } }
  .introduction_section .image_retina {
    display: none;
    position: relative; }
    .introduction_section .image_retina img, .introduction_section .image_retina picture {
      min-width: 100%; }
    @media (max-width: 767px) {
      .introduction_section .image_retina {
        display: inherit; } }

.stockists .introduction_section, .contact-us .introduction_section {
  padding-top: 84px; }
  @media (max-width: 767px) {
    .stockists .introduction_section, .contact-us .introduction_section {
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: -moz-box;
      display: flex;
      -webkit-flex-direction: column;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
         -moz-box-orient: vertical;
         -moz-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      padding-top: 0px; } }
  @media (max-width: 767px) {
    .stockists .introduction_section .button, .contact-us .introduction_section .button {
      margin-bottom: 20px; } }
  .stockists .introduction_section .image_container, .contact-us .introduction_section .image_container {
    margin-top: 84px; }
    @media (max-width: 767px) {
      .stockists .introduction_section .image_container, .contact-us .introduction_section .image_container {
        margin-top: 0px; } }

.introduction_section_team {
  width: 100%;
  padding-top: 0px;
  padding-bottom: 110px;
  padding-right: calc( (100% - 1000px) /2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row; }
  @media (max-width: 1030px) {
    .introduction_section_team {
      padding-left: 0px; } }
  @media (max-width: 767px) {
    .introduction_section_team {
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: -moz-box;
      display: flex;
      -webkit-flex-direction: column-reverse;
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
         -moz-box-orient: vertical;
         -moz-box-direction: reverse;
          -ms-flex-direction: column-reverse;
              flex-direction: column-reverse;
      padding-top: 0;
      padding-bottom: 0px; } }
  .introduction_section_team .content {
    min-height: 20vh;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: 485px;
    padding-left: 90px; }
    @media (max-width: 1030px) {
      .introduction_section_team .content {
        padding-left: 15px; } }
    @media (max-width: 767px) {
      .introduction_section_team .content {
        padding-right: 15px;
        max-width: 100%;
        width: 100%;
        padding-bottom: 50px; } }
    .introduction_section_team .content h2 {
      font: normal normal 400 32px/normal "Pacifico", sans-serif;
      color: #00A1AF;
      padding-bottom: 45px; }
      @media (max-width: 767px) {
        .introduction_section_team .content h2 {
          padding-top: 50px;
          font-size: 28px; } }
    .introduction_section_team .content p:first-of-type {
      font-weight: 700; }
    .introduction_section_team .content p:last-of-type {
      padding-bottom: 35px; }
  .introduction_section_team .image_container {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-height: 468px;
    width: 100%;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: inherit; }
    @media (max-width: 767px) {
      .introduction_section_team .image_container {
        display: none; } }
  .introduction_section_team .image_retina {
    display: none;
    position: relative; }
    .introduction_section_team .image_retina img, .introduction_section_team .image_retina picture {
      min-width: 100%; }
    @media (max-width: 767px) {
      .introduction_section_team .image_retina {
        display: inherit; } }

.stockists .introduction_section, .contact-us .introduction_section {
  padding-top: 84px; }
  @media (max-width: 767px) {
    .stockists .introduction_section, .contact-us .introduction_section {
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: -moz-box;
      display: flex;
      -webkit-flex-direction: column;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
         -moz-box-orient: vertical;
         -moz-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      padding-top: 0px; } }
  @media (max-width: 767px) {
    .stockists .introduction_section .button, .contact-us .introduction_section .button {
      margin-bottom: 20px; } }
  .stockists .introduction_section .image_container, .contact-us .introduction_section .image_container {
    margin-top: 84px; }
    @media (max-width: 767px) {
      .stockists .introduction_section .image_container, .contact-us .introduction_section .image_container {
        margin-top: 0px; } }

.home_purchase_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  min-height: 400px;
  width: 100%; }
  .home_purchase_container img, .home_purchase_container picture {
    min-width: 100%; }
  @media (max-width: 970px) {
    .home_purchase_container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: -moz-box;
      display: flex;
      -webkit-flex-direction: column;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
         -moz-box-orient: vertical;
         -moz-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }
  .home_purchase_container .flexbox_container {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background: #FFF; }
    .home_purchase_container .flexbox_container:nth-of-type(2) {
      margin-left: 2px; }
    .home_purchase_container .flexbox_container:nth-of-type(3) {
      margin-left: 2px; }
    .home_purchase_container .flexbox_container a:hover div:last-of-type {
      background: #00A1AF; }
  .home_purchase_container .split_column_layout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    .home_purchase_container .split_column_layout .split_row_layout {
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: -moz-box;
      display: flex;
      -webkit-flex-direction: row;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
         -moz-box-orient: horizontal;
         -moz-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      padding-bottom: 4px; }
      .home_purchase_container .split_column_layout .split_row_layout div {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1; }
        .home_purchase_container .split_column_layout .split_row_layout div:first-of-type {
          padding-right: 2px; }
        .home_purchase_container .split_column_layout .split_row_layout div:nth-of-type(2) {
          display: -webkit-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: -moz-box;
          display: flex;
          -webkit-flex-direction: column;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
             -moz-box-orient: vertical;
             -moz-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          background: #000;
          color: #FFF;
          padding-left: 2px;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
             -moz-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center; }
          .home_purchase_container .split_column_layout .split_row_layout div:nth-of-type(2) p {
            font-weight: 700;
            padding-left: 12%;
            padding-right: 12%; }
          @media (max-width: 1300px) {
            .home_purchase_container .split_column_layout .split_row_layout div:nth-of-type(2) p:not(:first-of-type) {
              font-size: 12px; } }
          .home_purchase_container .split_column_layout .split_row_layout div:nth-of-type(2) p:first-of-type {
            font-size: 20px;
            font-weight: 700; }
            @media (max-width: 1300px) {
              .home_purchase_container .split_column_layout .split_row_layout div:nth-of-type(2) p:first-of-type {
                font-size: 14px; } }
          .home_purchase_container .split_column_layout .split_row_layout div:nth-of-type(2) p:nth-of-type(3) {
            padding-top: 0; }
  .home_purchase_container .column_product {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    .home_purchase_container .column_product .product_details {
      -webkit-box-flex: 1;
      -moz-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: -moz-box;
      display: flex;
      -webkit-flex-direction: row;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
         -moz-box-orient: horizontal;
         -moz-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; }
      @media (max-width: 970px) {
        .home_purchase_container .column_product .product_details {
          min-height: 60px; } }
      .home_purchase_container .column_product .product_details div:first-of-type {
        -webkit-box-flex: 2;
        -moz-box-flex: 2;
        -webkit-flex: 2;
        -ms-flex: 2;
        flex: 2;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: -moz-box;
        display: flex;
        -webkit-flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
           -moz-box-orient: vertical;
           -moz-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
           -moz-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        padding-left: 6%;
        background: #00A1AF; }
      .home_purchase_container .column_product .product_details div:last-of-type {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: -moz-box;
        display: flex;
        -webkit-flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
           -moz-box-orient: vertical;
           -moz-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
           -moz-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
           -moz-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        background: #000; }
      .home_purchase_container .column_product .product_details p {
        color: #FFF;
        font-size: 18px;
        font-weight: 700; }
        @media (max-width: 1300px) {
          .home_purchase_container .column_product .product_details p {
            font-size: 14px; } }
      .home_purchase_container .column_product .product_details h4 {
        font: normal normal 400 32px/normal "Pacifico", sans-serif;
        font-size: 27px;
        color: #FFF; }

.instagram_map_container {
  padding-top: 105px;
  padding-bottom: 125px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  @media (max-width: 767px) {
    .instagram_map_container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: -moz-box;
      display: flex;
      -webkit-flex-direction: column;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
         -moz-box-orient: vertical;
         -moz-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }
  .instagram_map_container .instagram_container, .instagram_map_container .map_container {
    -webkit-box-flex: 1 49%;
    -moz-box-flex: 1 49%;
    -webkit-flex: 1 49%;
    -ms-flex: 1 49%;
    flex: 1 49%;
    max-width: 49%; }
    @media (max-width: 767px) {
      .instagram_map_container .instagram_container, .instagram_map_container .map_container {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        max-width: 100%; } }
  .instagram_map_container .heading_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding-bottom: 35px; }
    .instagram_map_container .heading_container h2 {
      -webkit-box-flex: 1;
      -moz-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
      font: normal normal 400 32px/normal "Pacifico", sans-serif;
      color: #00A1AF; }
      @media (max-width: 767px) {
        .instagram_map_container .heading_container h2 {
          font-size: 28px; } }
    .instagram_map_container .heading_container a {
      -webkit-box-flex: 1;
      -moz-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
      -webkit-align-self: flex-end;
          -ms-flex-item-align: end;
              align-self: flex-end;
      text-align: right;
      -webkit-transition: color .25s ease;
      transition: color .25s ease; }
      .instagram_map_container .heading_container a:hover {
        color: #00A1AF;
        -webkit-transition: color .25s ease;
        transition: color .25s ease; }
  @media (max-width: 767px) {
    .instagram_map_container .instagram_container {
      padding-bottom: 60px; } }
  @media (max-width: 400px) {
    .instagram_map_container .instagram_container .heading_container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: -moz-box;
      display: flex;
      -webkit-flex-direction: column;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
         -moz-box-orient: vertical;
         -moz-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }
  @media (max-width: 400px) {
    .instagram_map_container .instagram_container .heading_container a {
      text-align: left;
      -webkit-align-self: flex-start;
          -ms-flex-item-align: start;
              align-self: flex-start;
      margin-top: 5px; } }

#instafeed {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 100%;
  list-style: none;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  #instafeed li {
    width: 32.5%;
    min-width: 32.5%;
    padding-bottom: 8px; }
    @media (max-width: 767px) {
      #instafeed li {
        width: 49%;
        min-width: 49%; } }
    @media (max-width: 767px) {
      #instafeed li:nth-of-type(1n+3) {
        display: none; } }
    #instafeed li img {
      min-width: 100%; }
    #instafeed li a {
      -webkit-filter: grayscale(0);
              filter: grayscale(0);
      -webkit-transition: .5s all ease;
      transition: .5s all ease; }
      #instafeed li a:hover {
        -webkit-filter: grayscale(1);
                filter: grayscale(1);
        -webkit-transition: .5s all ease;
        transition: .5s all ease; }

.home #google_map {
  height: 100%;
  min-height: 326px; }

.black_background {
  position: relative;
  width: 100%;
  padding-top: 140px;
  padding-bottom: 140px;
  background: #00A1AF;
  text-align: center;
  color: #FFF; }
  .black_background h2 {
    padding-bottom: 40px;
    font: normal normal 400 32px/normal "Pacifico", sans-serif; }
    @media (max-width: 767px) {
      .black_background h2 {
        font-size: 28px; } }
  .black_background p {
    font-size: 20px;
    max-width: 820px;
    margin: 0 auto; }

.full_width_image {
  min-width: 100%;
  width: 100%; }
  .full_width_image img {
    min-width: 100%;
    width: 100%; }

.the_ranges {
  padding-top: 125px;
  padding-bottom: 116px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row; }
  @media (max-width: 767px) {
    .the_ranges {
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: -moz-box;
      display: flex;
      -webkit-flex-direction: column;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
         -moz-box-orient: vertical;
         -moz-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }
  .the_ranges .flex_row {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; }
    @media (max-width: 767px) {
      .the_ranges .flex_row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: -moz-box;
        display: flex;
        -webkit-flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
           -moz-box-orient: vertical;
           -moz-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; } }
    .the_ranges .flex_row .flexbox_inner_row {
      -webkit-box-flex: 1;
      -moz-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1; }
      .the_ranges .flex_row .flexbox_inner_row a {
        margin-top: 30px; }
    .the_ranges .flex_row img {
      -webkit-box-flex: 1;
      -moz-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
      margin-left: 25px; }
      @media (max-width: 767px) {
        .the_ranges .flex_row img {
          margin-left: 0px;
          height: 90vw;
          -webkit-transform: rotate(90deg);
                  transform: rotate(90deg);
          -webkit-transform-origin: 100% 72.5%;
                  transform-origin: 100% 72.5%;
          margin-top: -20vw; } }
    .the_ranges .flex_row h2 {
      font: normal normal 400 32px/normal "Pacifico", sans-serif;
      color: #00A1AF;
      padding-bottom: 45px; }
      @media (max-width: 767px) {
        .the_ranges .flex_row h2 {
          font-size: 28px; } }
    .the_ranges .flex_row p:first-of-type {
      font-weight: 700;
      font-size: 16px; }
    .the_ranges .flex_row:first-of-type {
      margin-right: 4vw; }
      @media (max-width: 767px) {
        .the_ranges .flex_row:first-of-type {
          padding-right: 0px;
          margin-right: 0px; } }
      .the_ranges .flex_row:first-of-type p {
        padding-right: 40px; }
        @media (max-width: 767px) {
          .the_ranges .flex_row:first-of-type p {
            padding-right: 0px; } }
    .the_ranges .flex_row:last-of-type .flexbox_inner_row {
      padding-left: 4vw;
      border-left: 1px solid #B6BD00; }
      @media (max-width: 767px) {
        .the_ranges .flex_row:last-of-type .flexbox_inner_row {
          border-left: 0px;
          padding-left: 0px; } }
      .the_ranges .flex_row:last-of-type .flexbox_inner_row a {
        margin-top: 10px; }

.stockists_locations {
  width: 100%;
  position: relative; }
  .stockists_locations .locations_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-top: 54px;
    padding-bottom: 100px; }
    .stockists_locations .locations_list li {
      -webkit-box-flex: 1 30%;
      -moz-box-flex: 1 30%;
      -webkit-flex: 1 30%;
      -ms-flex: 1 30%;
      flex: 1 30%;
      max-width: 30%;
      padding-bottom: 30px; }
      @media (max-width: 767px) {
        .stockists_locations .locations_list li {
          -webkit-box-flex: 1 100%;
          -moz-box-flex: 1 100%;
          -webkit-flex: 1 100%;
          -ms-flex: 1 100%;
          flex: 1 100%;
          max-width: 100%; } }
      .stockists_locations .locations_list li p + p {
        padding-top: 0px; }
      .stockists_locations .locations_list li p:first-of-type {
        font-weight: 700;
        color: #00A1AF; }

.stockists_nav {
  padding-top: 20px;
  padding-bottom: 20px;
  border-top: 4px solid #EFE6E8;
  border-bottom: 4px solid #EFE6E8; }
  .stockists_nav ul {
    text-align: center; }
    @media (max-width: 767px) {
      .stockists_nav ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: -moz-box;
        display: flex;
        -webkit-flex-direction: row;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
           -moz-box-orient: horizontal;
           -moz-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; } }
    .stockists_nav ul li {
      display: inline-block; }
      @media (max-width: 767px) {
        .stockists_nav ul li {
          -webkit-box-flex: 1 50%;
          -moz-box-flex: 1 50%;
          -webkit-flex: 1 50%;
          -ms-flex: 1 50%;
          flex: 1 50%;
          max-width: 50%; } }
      .stockists_nav ul li a {
        padding: 16px 30px;
        display: block;
        font-weight: 700;
        color: #000;
        position: relative; }

.stockists_active {
  background: #00A1AF;
  color: #FFF !important; }

.stockists_image_footer {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .stockists_image_footer li {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1; }
    @media (max-width: 950px) {
      .stockists_image_footer li {
        -webkit-box-flex: 1 33.33%;
        -moz-box-flex: 1 33.33%;
        -webkit-flex: 1 33.33%;
        -ms-flex: 1 33.33%;
        flex: 1 33.33%;
        max-width: 33.33%; } }
    @media (max-width: 500px) {
      .stockists_image_footer li {
        -webkit-box-flex: 1 50%;
        -moz-box-flex: 1 50%;
        -webkit-flex: 1 50%;
        -ms-flex: 1 50%;
        flex: 1 50%;
        max-width: 50%; } }
    .stockists_image_footer li img {
      min-width: 100%; }
  .stockists_image_footer li:nth-of-type(2n+2) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    background: #00A1AF;
    color: #FFF;
    padding-left: 2px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .stockists_image_footer li:nth-of-type(2n+2) p {
      font-weight: 700;
      padding-left: 12%;
      padding-right: 12%; }
    @media (max-width: 1300px) {
      .stockists_image_footer li:nth-of-type(2n+2) p:not(:first-of-type) {
        font-size: 12px; } }
    .stockists_image_footer li:nth-of-type(2n+2) p:first-of-type {
      font-size: 20px;
      font-weight: 700; }
      @media (max-width: 1300px) {
        .stockists_image_footer li:nth-of-type(2n+2) p:first-of-type {
          font-size: 14px; } }
    .stockists_image_footer li:nth-of-type(2n+2) p:nth-of-type(3) {
      padding-top: 0; }
  @media (max-width: 500px) {
    .stockists_image_footer li:nth-of-type(1n+3) {
      display: none; } }

.contact-us .contact_floating_container {
  height: 50px;
  text-align: right; }
  @media (max-width: 767px) {
    .contact-us .contact_floating_container {
      min-height: 100%;
      height: 100%;
      background: #EC0044; } }
  .contact-us .contact_floating_container .content_wrap > a {
    -webkit-transition: color .25s ease;
    transition: color .25s ease; }
    @media (max-width: 767px) {
      .contact-us .contact_floating_container .content_wrap > a {
        display: none; } }
    .contact-us .contact_floating_container .content_wrap > a:hover {
      color: #00A1AF;
      -webkit-transition: color .25s ease;
      transition: color .25s ease; }
  .contact-us .contact_floating_container .contact_floating_box {
    text-align: left;
    background: #EC0044;
    color: #FFF;
    position: absolute;
    z-index: 89;
    padding: 45px 45px 75px 40px; }
    @media (max-width: 767px) {
      .contact-us .contact_floating_container .contact_floating_box {
        position: relative;
        padding: 45px 0px 75px 0px; } }
    .contact-us .contact_floating_container .contact_floating_box h1 {
      font: normal normal 400 32px/normal "Pacifico", sans-serif;
      padding-bottom: 50px; }
    .contact-us .contact_floating_container .contact_floating_box li {
      padding-bottom: 5px; }
    .contact-us .contact_floating_container .contact_floating_box a {
      color: #FFF;
      -webkit-transition: color .25s ease;
      transition: color .25s ease; }
      .contact-us .contact_floating_container .contact_floating_box a:hover {
        color: #000;
        -webkit-transition: color .25s ease;
        transition: color .25s ease; }
.contact-us #google_map {
  height: 100%;
  min-height: 655px; }
  @media (max-width: 767px) {
    .contact-us #google_map {
      max-height: 300px;
      min-height: 300px; } }

/*  ==========================================================================
		Form Resets
		========================================================================== */
::-webkit-input-placeholder {
  color: #000;
  text-transform: none;
  font: normal normal 400 14px/normal "proxima-nova", sans-serif; }

:-moz-placeholder {
  /* Firefox 18- */
  color: #000;
  text-transform: none;
  font: normal normal 400 14px/normal "proxima-nova", sans-serif; }

::-moz-placeholder {
  /* Firefox 19+ */
  color: #000;
  text-transform: none;
  font: normal normal 400 14px/normal "proxima-nova", sans-serif; }

:-ms-input-placeholder {
  color: #000;
  text-transform: none;
  font: normal normal 400 14px/normal "proxima-nova", sans-serif; }

/* This overides the google autofill background yellow styling. Puts a white box shadow over it */
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px white inset; }

input {
  -webkit-appearance: none;
  border-radius: 0;
  background: none;
  letter-spacing: 1px;
  border: none; }

textarea {
  border: none; }

input[type="text"]:focus, textarea[type="text"]:focus, input[type="email"]:focus, input[type="number"]:focus {
  outline: 0;
  background: #F9F6F0;
  color: #000;
  padding-left: 20px;
  text-transform: none;
  font: normal normal 400 14px/normal "proxima-nova", sans-serif; }

input:focus {
  outline: 0;
  background: #000;
  border: 1px solid #FFF;
  color: #000; }

select {
  -webkit-appearance: none;
  border-radius: 0; }

.error::-webkit-input-placeholder, .error:-moz-placeholder, .error::-moz-placeholder, error:-ms-input-placeholder {
  color: #cc0000; }

/* Global default styles 
	- Used on sign-up and contact form.
*/
.js_modal_container {
  position: fixed;
  top: 0px;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  text-align: center;
  color: #000;
  background: rgba(0, 0, 0, 0.4);
  pointer-events: auto; }
  @media (max-width: 767px) {
    .js_modal_container {
      color: #000; } }

.modal_form_response {
  display: block;
  width: 100%;
  margin: 0 auto;
  padding: 50px 20px 50px 20px;
  background: #FFF; }
  .modal_form_response p {
    padding-top: 25px; }
  .modal_form_response button {
    font: normal normal 400 32px/normal "Pacifico", sans-serif;
    font-size: 16px;
    -webkit-transition: all .15s ease-in;
    transition: all .15s ease-in; }
    .modal_form_response button:hover {
      color: #00A1AF; }
  @media (max-width: 767px) {
    .modal_form_response p {
      padding-bottom: 20px;
      font-size: 12px; } }

.active_ajax {
  color: #000; }

/* AJAXLOAD URL LOADER STYLING*/
.ajaxload_url_target_loader, .ajaxload_posts_target_loader {
  display: block;
  position: fixed;
  left: 0%;
  width: 100%;
  height: 100%;
  bottom: 0px;
  padding-top: 35%;
  z-index: 1000;
  text-align: center;
  color: #000;
  background: rgba(255, 255, 255, 0.7);
  letter-spacing: .6px;
  font-size: 21px;
  font-size: 1.77vw; }

/* AJAXLOAD POSTS BUTTON STYLING */
.js_ajaxload_posts_navigation .next_post_link a {
  display: inline-block;
  padding: 9px 23px;
  padding: .9vw 1.9vw;
  color: #00A1AF;
  border: 1px solid #00A1AF;
  font-size: 21px;
  font-size: 1.77vw; }
  .js_ajaxload_posts_navigation .next_post_link a:hover {
    background: #FFF; }