/*********************************************************
* This is the primary SASS file
* Code should not be placed in this file, instead
* create SASS partial files and import them here.
* Several partials from Bootstrap v4 are also used.
**********************************************************/
/***************
* Bootstrap v4
****************/
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
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-color: transparent; }

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

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

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

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

small {
  font-size: 80%; }

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

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

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 #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: bold; }

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

td,
th {
  padding: 0; }

html {
  box-sizing: border-box; }

*,
*::before,
*::after {
  box-sizing: inherit; }

@-moz-viewport {
  width: device-width; }
@-ms-viewport {
  width: device-width; }
@-o-viewport {
  width: device-width; }
@-webkit-viewport {
  width: device-width; }
@viewport {
  width: device-width; }
html {
  font-size: 16px;
  -webkit-tap-highlight-color: transparent; }

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  color: #373a3c;
  background-color: #fff; }

[tabindex="-1"]:focus {
  outline: none !important; }

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: .5rem; }

p {
  margin-top: 0;
  margin-bottom: 1rem; }

abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #818a91; }

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit; }

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem; }

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0; }

dt {
  font-weight: bold; }

dd {
  margin-bottom: .5rem;
  margin-left: 0; }

blockquote {
  margin: 0 0 1rem; }

a {
  color: #0275d8;
  text-decoration: none; }
  a:focus, a:hover {
    color: #014c8c;
    text-decoration: underline; }
  a:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }

pre {
  margin-top: 0;
  margin-bottom: 1rem; }

figure {
  margin: 0 0 1rem; }

img {
  vertical-align: middle; }

[role="button"] {
  cursor: pointer; }

a,
area,
button,
[role="button"],
input,
label,
select,
summary,
textarea {
  touch-action: manipulation; }

table {
  background-color: transparent; }

caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #818a91;
  text-align: left;
  caption-side: bottom; }

th {
  text-align: left; }

label {
  display: inline-block;
  margin-bottom: .5rem; }

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color; }

input,
button,
select,
textarea {
  margin: 0;
  line-height: inherit;
  border-radius: 0; }

textarea {
  resize: vertical; }

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0; }

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: .5rem;
  font-size: 1.5rem;
  line-height: inherit; }

input[type="search"] {
  box-sizing: inherit;
  -webkit-appearance: none; }

output {
  display: inline-block; }

[hidden] {
  display: none !important; }

/***************
* Custom SASS
****************/
/**************************
 * Cubano
 **************************/
@font-face {
  font-family: 'Cubano';
  src: url("../fonts/cubano-regular-webfont.eot");
  src: url("../fonts/cubano-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/cubano-regular-webfont.woff") format("woff"), url("../fonts/cubano-regular-webfont.ttf") format("truetype"), url("../fonts/cubano-regular-webfont.svg#CubanoRegular") format("svg");
  font-weight: normal;
  font-style: normal;
  text-rendering: optimizeLegibility; }
/**************************
 * DIN
 **************************/
@font-face {
  font-family: 'DIN';
  src: url("../fonts/DIN-Light.eot");
  src: url("../fonts/DIN-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/DIN-Light.woff") format("woff"), url("../fonts/DIN-Light.ttf") format("truetype"), url("../fonts/DIN-Light.svg#DIN-Light") format("svg");
  font-weight: 200;
  font-style: normal;
  text-rendering: optimizeLegibility; }
@font-face {
  font-family: 'DIN';
  src: url("../fonts/DIN-Regular.eot");
  src: url("../fonts/DIN-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/DIN-Regular.woff") format("woff"), url("../fonts/DIN-Regular.ttf") format("truetype"), url("../fonts/DIN-Regular.svg#DIN-Regular") format("svg");
  font-weight: 300;
  font-style: normal;
  text-rendering: optimizeLegibility; }
@font-face {
  font-family: 'DIN';
  src: url("../fonts/DIN-Medium.eot");
  src: url("../fonts/DIN-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/DIN-Medium.woff") format("woff"), url("../fonts/DIN-Medium.ttf") format("truetype"), url("../fonts/DIN-Medium.svg#DIN-Medium") format("svg");
  font-weight: 400;
  font-style: normal;
  text-rendering: optimizeLegibility; }
@font-face {
  font-family: 'DIN';
  src: url("../fonts/DIN-Bold.eot");
  src: url("../fonts/DIN-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/DIN-Bold.woff") format("woff"), url("../fonts/DIN-Bold.ttf") format("truetype"), url("../fonts/DIN-Bold.svg#DIN-Bold") format("svg");
  font-weight: 600;
  font-style: normal;
  text-rendering: optimizeLegibility; }
@font-face {
  font-family: 'DIN';
  src: url("../fonts/DIN-Black.eot");
  src: url("../fonts/DIN-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/DIN-Black.woff") format("woff"), url("../fonts/DIN-Black.ttf") format("truetype"), url("../fonts/DIN-Black.svg#DIN-Black") format("svg");
  font-weight: 800;
  font-style: normal;
  text-rendering: optimizeLegibility; }
/* Contains SASS variable definitions as well as some
 * base-level HTML element styles such as font-sizes.
 */
body {
  font-size: 16px; }

.btn, .button {
  font-size: 0.875em; }

h1 {
  font-size: 3.75em; }

h2 {
  font-size: 2.5em; }

h3 {
  font-size: 1.25em; }

h4 {
  font-size: 1.2em; }

h5 {
  font-size: 1.15em; }

h6 {
  font-size: 1.1em; }

body {
  font-family: 'Din', Arial, sans-serif;
  font-weight: 300; }

h1, h2, h3, h4, h5, h6 {
  font-family: 'Cubano', Arial, sans-serif;
  font-weight: 400;
  line-height: 1.2; }

body.home .column, body.home .home-bottom, body.about .about-right {
  padding: 80px 50px; }
  @media (max-width: 480px) {
    body.home .column, body.home .home-bottom, body.about .about-right {
      padding: 40px 25px; } }

body.home .home-bottom, body.sodas #soda-types .soda-type .soda > .table > .content .details {
  padding: 80px 100px; }
  @media (max-width: 480px) {
    body.home .home-bottom, body.sodas #soda-types .soda-type .soda > .table > .content .details {
      padding: 40px 25px; } }

body {
  color: #0093b2;
  background-color: white;
  background-image: url(../images/bg-wood-white.jpg); }

header {
  position: absolute;
  width: 100%;
  z-index: 10;
  text-align: center;
  padding: 29px 0 37px; }
  header > nav {
    display: inline-block;
    color: black;
    text-transform: uppercase;
    border-top: 3px solid black;
    border-bottom: 3px solid black;
    padding: 0.2em 0.5em;
    font-family: 'Cubano', Arial, sans-serif; }
    header > nav a {
      color: inherit;
      margin: 0 0.8em;
      letter-spacing: 0.15em; }
      header > nav a:hover, header > nav a:active, header > nav a:focus, header > nav a.current {
        color: #00A4C4;
        text-decoration: none; }
      header > nav a:first-child {
        margin-left: 0; }
      header > nav a:last-child {
        margin-right: 0; }
  header a#logo {
    display: inline-block;
    margin: 0 0.8em; }
    header a#logo img {
      height: 160px;
      width: auto; }
  @media (max-width: 774px) and (min-width: 481px) {
    header a#logo {
      float: left; }
    header nav {
      margin-top: 28px; } }
  @media (max-width: 774px) and (min-width: 509px) {
    header nav {
      margin-right: 20px; } }
  @media (max-width: 480px) {
    header {
      padding: 10px 0; }
      header a#logo {
        float: left; }
        header a#logo img {
          height: 80px; }
      header nav {
        display: none; } }

#mobile-menu-toggle {
  display: none;
  position: absolute;
  top: 24px;
  right: 24px;
  z-index: 260;
  width: 50px;
  height: 50px;
  background-image: url(../images/btn-mobile-nav-navy.png);
  background-size: 40px 34px;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer; }
  #mobile-menu-toggle.home {
    background-image: url(../images/btn-mobile-nav-white.png); }
  .active + #mobile-menu-toggle {
    background-image: url(../images/btn-x-navy.png);
    background-size: 38px 39px;
    position: fixed; }
  @media (max-width: 480px) {
    #mobile-menu-toggle {
      display: block; } }

#mobile-menu {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 250;
  background-color: rgba(255, 255, 255, 0.8);
  background-image: url(../images/bg-wood-white-80.png);
  padding: 0 50px; }
  #mobile-menu > div {
    display: table;
    width: 100%;
    height: 100%; }
    #mobile-menu > div > div {
      display: table-cell;
      vertical-align: middle; }
    #mobile-menu > div a {
      color: black;
      display: block;
      text-align: center;
      font-size: 2em;
      border-top: 2px solid black; }
      #mobile-menu > div a:last-child {
        border-bottom: 2px solid black; }
      #mobile-menu > div a h3 {
        margin: 12px 0; }
  #mobile-menu.active {
    display: block; }
  @media (min-width: 481px) {
    #mobile-menu {
      display: none !important; } }

main {
  position: relative;
  z-index: 9; }

#jumbotron {
  background-image: url(../images/bg-wood-painted.jpg);
  background-repeat: repeat;
  background-attachment: fixed;
  width: 100%;
  height: auto;
  position: relative;
  z-index: 8;
  padding-top: 226px;
  box-sizing: border-box;
  -moz-box-sizing: border-box; }
  @media (max-width: 480px) {
    #jumbotron {
      padding-top: 100px; } }

footer {
  width: 100%;
  height: 200px;
  position: relative;
  z-index: 12;
  display: table;
  background-color: #14171A;
  background-image: url(../images/bg-wood-black.jpg);
  background-size: contain;
  color: #0093b2;
  text-align: center; }
  footer.bottom:after {
    height: 234px; }
  footer:after {
    display: block;
    content: '';
    width: 108px;
    height: 0;
    position: absolute;
    left: 4%;
    bottom: 0;
    background-image: url(../images/bear.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top left;
    -webkit-transition: height 2s cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition: height 2s cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: height 2s scubic-bezier(0.23, 1, 0.32, 1);
    transition: height 2s cubic-bezier(0.23, 1, 0.32, 1); }
    @media (max-width: 600px) {
      footer:after {
        display: none; } }
  footer > .content {
    display: table-cell;
    vertical-align: middle; }
    @media (max-width: 1100px) {
      footer > .content {
        padding-left: 160px; } }
    @media (max-width: 600px) {
      footer > .content {
        padding: 24px 32px; } }
    footer > .content > a {
      color: #0093b2;
      border-bottom: 3px solid #0093b2;
      padding: 0.2em 0;
      margin: 0 1.6em 2em;
      display: inline-block;
      text-transform: uppercase;
      font-size: 0.85em;
      font-weight: 600; }
      footer > .content > a:hover, footer > .content > a:active, footer > .content > a:focus {
        color: white;
        border-color: white;
        text-decoration: none; }
    footer > .content p {
      margin-bottom: 0;
      color: white;
      font-size: 0.85em;
      font-weight: 100; }
      footer > .content p span {
        margin: 0 0.6em; }
      footer > .content p a {
        color: white; }
        footer > .content p a.email {
          color: #0093b2; }

/**************************
 * Common Elements
 **************************/
@media (min-width: 481px) {
  .mobile-only {
    display: none !important; } }
@media (max-width: 480px) {
  .desktop-only {
    display: none !important; } }
.btn {
  display: inline-block;
  padding: 12px 18px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  text-transform: uppercase;
  line-height: 1;
  font-weight: 800; }
  .btn:hover, .btn:active, .btn:focus {
    text-decoration: none; }
  .btn.blue {
    background-color: #0093b2;
    color: #14171A; }
    .btn.blue:hover, .btn.blue:active, .btn.blue:focus {
      background-color: white; }
  .btn.black {
    background-color: #14171A;
    color: white; }
    .btn.black:hover, .btn.black:active, .btn.black:focus {
      background-color: #0093b2; }
  .btn.white {
    background-color: white;
    color: #0093b2; }
    .btn.white:hover, .btn.white:active, .btn.white:focus {
      background-color: #14171A; }

.table {
  display: table;
  position: relative;
  min-width: 100%; }
  .table > .row {
    display: table-row;
    position: relative;
    width: 100%; }
    .table > .row > .column {
      display: table-cell;
      position: relative;
      width: 50%; }
      @media (max-width: 480px) {
        .table > .row > .column {
          display: block;
          width: 100%; } }
    @media (max-width: 480px) {
      .table > .row {
        display: block; } }
  @media (max-width: 480px) {
    .table {
      display: block; } }

sup {
  vertical-align: super;
  font-size: 0.3em; }

body.home header > nav {
  color: white;
  border-color: white; }
body.home #jumbotron {
  background-image: url(../images/background-sky.jpg);
  background-repeat: no-repeat;
  width: 100%;
  height: 100vh;
  position: relative;
  z-index: 8;
  padding-top: calc(160px + 2em);
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  background-attachment: fixed;
  overflow: hidden; }
  @media (max-width: 480px) {
    body.home #jumbotron {
      padding-top: 100px; } }
  @media (min-width: 820px) {
    body.home #jumbotron {
      background-size: cover; } }
  body.home #jumbotron .content {
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    padding: 40px 50px 0;
    height: 100%;
    text-align: center;
    width: 100%; }
    @media (orientation: portrait) {
      body.home #jumbotron .content {
        padding-left: 30px;
        padding-right: 30px; } }
    body.home #jumbotron .content #home-headline {
      background-image: url("/assets/images/RootedInReal.svg");
      width: 100%;
      flex-basis: 100px;
      flex-grow: 1;
      background-repeat: no-repeat;
      background-position: center;
      background-size: contain; }
      @media (orientation: portrait) {
        body.home #jumbotron .content #home-headline {
          background-image: url("/assets/images/RootedInRealMobile.svg"); } }
    body.home #jumbotron .content .our-beverages {
      margin: 40px auto 0; }
    body.home #jumbotron .content .home-widget-wrapper {
      position: relative;
      width: 294.4px;
      margin: 0 auto; }
      body.home #jumbotron .content .home-widget-wrapper:after {
        content: "";
        display: block;
        width: 100%;
        padding-top: 113.04348%; }
    body.home #jumbotron .content #home-widget-canvas {
      margin: 0 auto;
      height: 208px !important;
      width: 189px !important; }
      @media screen and (min-height: 600px) {
        body.home #jumbotron .content #home-widget-canvas {
          height: 312px !important;
          width: 283px !important; } }
      @media screen and (min-height: 800px) {
        body.home #jumbotron .content #home-widget-canvas {
          height: 416px !important;
          width: 368px !important; } }
  body.home #jumbotron #can {
    background-image: url(../images/can.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom right;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 80vh;
    max-height: 600px;
    z-index: -1; }
    @media (max-width: 1500px) {
      body.home #jumbotron #can {
        height: 48vh; } }
    @media (orientation: portrait) {
      body.home #jumbotron #can {
        height: 100%;
        width: 48vw; } }
body.home .column, body.home .home-bottom {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  text-align: center;
  color: #14171A; }
  body.home .column p, body.home .home-bottom p {
    text-align: center;
    margin-bottom: 1.5em; }
body.home .column.home-left {
  background-color: #14171A;
  background-image: url(../images/bg-wood-navy.jpg);
  color: #0093b2; }
body.home .column.home-right {
  background-color: #0093b2;
  background-image: url(../images/bg-wood-blue.jpg);
  color: white; }
body.home .home-bottom {
  position: relative;
  padding-top: 340px;
  max-width: 1200px;
  margin: 0 auto; }
  body.home .home-bottom:before {
    display: block;
    content: "";
    width: 600px;
    max-width: 100%;
    height: 600px;
    position: absolute;
    left: 50%;
    margin-left: -320px;
    top: -260px;
    pointer-events: none;
    background-image: url(../images/home-drinks.png);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: contain; }
    @media (max-width: 600px) {
      body.home .home-bottom:before {
        left: 0;
        margin-left: 0; } }
    @media (max-width: 380px) {
      body.home .home-bottom:before {
        top: -280px; } }
    @media (max-width: 340px) {
      body.home .home-bottom:before {
        top: -300px; } }

body.sodas .lb-prev, body.sodas .lb-next {
  display: none !important; }
body.sodas #jumbotron {
  padding: 256px 0 40px; }
  @media (max-width: 480px) {
    body.sodas #jumbotron {
      padding-top: 130px; } }
  body.sodas #jumbotron nav {
    text-align: center; }
    @media (max-width: 700px) {
      body.sodas #jumbotron nav {
        display: none; } }
    body.sodas #jumbotron nav a {
      color: #14171A;
      text-transform: uppercase;
      font-weight: 800;
      font-size: 0.85em;
      border-bottom: 3px solid #14171A;
      padding: 0.5em 0;
      margin: 0 1.4em; }
      body.sodas #jumbotron nav a:hover, body.sodas #jumbotron nav a:active, body.sodas #jumbotron nav a:focus, body.sodas #jumbotron nav a.current {
        color: #0093b2;
        text-decoration: none; }
  body.sodas #jumbotron select {
    display: block;
    margin: 0 auto;
    font-size: 1em;
    color: black;
    max-width: 90%;
    padding: 10px 64px 10px 14px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border: 3px solid black;
    box-shadow: none;
    background-color: transparent;
    background-image: url(../images/arrow-navy-down.png);
    background-repeat: no-repeat;
    background-position: 90% center;
    background-size: 17px 11px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }
    @media (min-width: 701px) {
      body.sodas #jumbotron select {
        display: none; } }
body.sodas.fixed #jumbotron {
  position: fixed;
  top: -226px; }
  @media (max-width: 480px) {
    body.sodas.fixed #jumbotron {
      top: -100px; } }
body.sodas #soda-types {
  width: 100%;
  overflow: hidden; }
  body.sodas #soda-types .soda-type {
    width: 100%; }
    body.sodas #soda-types .soda-type:nth-child(3n + 1) {
      background-color: #14171A;
      background-image: url(../images/bg-wood-navy.jpg);
      color: #0093b2; }
      body.sodas #soda-types .soda-type:nth-child(3n + 1) h4, body.sodas #soda-types .soda-type:nth-child(3n + 1) .cycle-pager-active {
        color: white; }
      body.sodas #soda-types .soda-type:nth-child(3n + 1) .btn, body.sodas #soda-types .soda-type:nth-child(3n + 1) .button {
        background-color: #0093b2;
        color: #14171A; }
      body.sodas #soda-types .soda-type:nth-child(3n + 1) > a.prev {
        background-image: url(../images/arrow-blue-left.png); }
      body.sodas #soda-types .soda-type:nth-child(3n + 1) > a.next {
        background-image: url(../images/arrow-blue-right.png); }
    body.sodas #soda-types .soda-type:nth-child(3n + 2) {
      background-color: #0093b2;
      background-image: url(../images/bg-wood-blue.jpg);
      color: white; }
      body.sodas #soda-types .soda-type:nth-child(3n + 2) h4, body.sodas #soda-types .soda-type:nth-child(3n + 2) .cycle-pager-active {
        color: #14171A; }
      body.sodas #soda-types .soda-type:nth-child(3n + 2) .btn, body.sodas #soda-types .soda-type:nth-child(3n + 2) .button {
        background-color: white;
        color: #00A4C4; }
      body.sodas #soda-types .soda-type:nth-child(3n + 2) > a.prev {
        background-image: url(../images/arrow-white-left.png); }
      body.sodas #soda-types .soda-type:nth-child(3n + 2) > a.next {
        background-image: url(../images/arrow-white-right.png); }
    body.sodas #soda-types .soda-type:nth-child(3n + 3) {
      background-color: white;
      background-image: url(../images/bg-wood-white.jpg);
      color: #14171A; }
      body.sodas #soda-types .soda-type:nth-child(3n + 3) h4, body.sodas #soda-types .soda-type:nth-child(3n + 3) .cycle-pager-active {
        color: #00A4C4; }
      body.sodas #soda-types .soda-type:nth-child(3n + 3) .btn, body.sodas #soda-types .soda-type:nth-child(3n + 3) .button {
        background-color: #14171A;
        color: white; }
      body.sodas #soda-types .soda-type:nth-child(3n + 3) > a.prev {
        background-image: url(../images/arrow-navy-left.png); }
      body.sodas #soda-types .soda-type:nth-child(3n + 3) > a.next {
        background-image: url(../images/arrow-navy-right.png); }
    body.sodas #soda-types .soda-type > a.anchor {
      position: absolute;
      top: 0;
      left: 50%; }
    body.sodas #soda-types .soda-type > .pager-wrapper {
      width: 100%;
      position: absolute;
      left: 0;
      z-index: 200;
      bottom: 18px; }
      body.sodas #soda-types .soda-type > .pager-wrapper > .cycle-pager {
        width: 100%;
        max-width: 1100px;
        margin: 0 auto;
        font-size: 1.5em; }
        body.sodas #soda-types .soda-type > .pager-wrapper > .cycle-pager span {
          cursor: pointer;
          margin-right: 0.5em; }
          body.sodas #soda-types .soda-type > .pager-wrapper > .cycle-pager span:first-child {
            margin-left: 45%; }
          body.sodas #soda-types .soda-type > .pager-wrapper > .cycle-pager span:last-child {
            margin-right: 0; }
      @media (max-width: 480px) {
        body.sodas #soda-types .soda-type > .pager-wrapper {
          text-align: center;
          bottom: initial;
          top: 290px; }
          body.sodas #soda-types .soda-type > .pager-wrapper > .cycle-pager span:first-child {
            margin-left: 0; } }
    body.sodas #soda-types .soda-type > a.prev, body.sodas #soda-types .soda-type > a.next {
      display: block;
      position: absolute;
      top: 50%;
      z-index: 200;
      width: 22px;
      height: 48px;
      margin-top: -24px;
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center center;
      cursor: pointer; }
      @media (max-width: 480px) {
        body.sodas #soda-types .soda-type > a.prev, body.sodas #soda-types .soda-type > a.next {
          top: 20%; } }
    body.sodas #soda-types .soda-type > a.prev {
      left: 1.5em; }
    body.sodas #soda-types .soda-type > a.next {
      right: 1.5em; }
    body.sodas #soda-types .soda-type .soda {
      width: 100vw; }
      body.sodas #soda-types .soda-type .soda > .table {
        width: 100%;
        max-width: 1100px;
        margin: 0 auto;
        margin: 0 auto;
        position: relative; }
        body.sodas #soda-types .soda-type .soda > .table > .content {
          width: 100%;
          position: relative; }
          body.sodas #soda-types .soda-type .soda > .table > .content .image {
            width: 45%;
            min-height: 480px;
            padding: 1em;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            vertical-align: middle; }
            @media (max-width: 480px) {
              body.sodas #soda-types .soda-type .soda > .table > .content .image {
                width: 100%;
                height: 300px;
                min-height: initial; } }
            body.sodas #soda-types .soda-type .soda > .table > .content .image:after {
              content: "";
              display: block;
              width: 100%;
              height: 100%;
              min-height: 480px;
              background-repeat: no-repeat;
              background-size: contain;
              background-position: center center; }
              @media (max-width: 480px) {
                body.sodas #soda-types .soda-type .soda > .table > .content .image:after {
                  min-height: initial; } }
          body.sodas #soda-types .soda-type .soda > .table > .content .details {
            width: 55%;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            padding-left: 0;
            padding-bottom: 100px; }
            @media (max-width: 480px) {
              body.sodas #soda-types .soda-type .soda > .table > .content .details {
                width: 100%;
                padding-left: 25px;
                padding-bottom: 40px;
                text-align: center;
                min-height: 450px; } }
            body.sodas #soda-types .soda-type .soda > .table > .content .details .type {
              font-size: 1.5em; }
            body.sodas #soda-types .soda-type .soda > .table > .content .details .title {
              font-size: 4em;
              line-height: 1.1; }
            body.sodas #soda-types .soda-type .soda > .table > .content .details p {
              font-weight: 200; }
            body.sodas #soda-types .soda-type .soda > .table > .content .details nav {
              padding-top: 2em; }
              @media (max-width: 800px) {
                body.sodas #soda-types .soda-type .soda > .table > .content .details nav {
                  position: relative;
                  bottom: initial;
                  width: 100%; }
                  body.sodas #soda-types .soda-type .soda > .table > .content .details nav .btn, body.sodas #soda-types .soda-type .soda > .table > .content .details nav .button {
                    margin-bottom: 12px; } }
              body.sodas #soda-types .soda-type .soda > .table > .content .details nav .btn, body.sodas #soda-types .soda-type .soda > .table > .content .details nav .button {
                font-weight: 400;
                margin-right: 12px; }
                body.sodas #soda-types .soda-type .soda > .table > .content .details nav .btn:last-child, body.sodas #soda-types .soda-type .soda > .table > .content .details nav .button:last-child {
                  margin-right: 0; }
                @media (max-width: 480px) {
                  body.sodas #soda-types .soda-type .soda > .table > .content .details nav .btn, body.sodas #soda-types .soda-type .soda > .table > .content .details nav .button {
                    width: 100%;
                    display: block;
                    margin: 0 auto 24px !important;
                    text-align: center; } }

body.about .about-left {
  background-image: url(../images/bg-about-left.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center right;
  height: 100%; }
  @media (max-width: 480px) {
    body.about .about-left {
      height: 200px; } }
body.about .about-right {
  background-color: #0093b2;
  background-image: url(../images/bg-wood-blue.jpg);
  background-size: contain;
  color: white;
  text-align: center;
  box-sizing: border-box;
  -moz-box-sizing: border-box; }
  body.about .about-right p {
    margin-bottom: 50px;
    text-align: left; }

.bullets div {
  color: #14171A;
  display: inline-block;
  font-family: 'Cubano', Arial, sans-serif;
  font-size: 1.25em;
  text-transform: uppercase;
  line-height: 1.5; }
.bullets span {
  color: white;
  display: inline-block;
  margin: 0 0.6em; }

.contact-form-wrapper {
  margin: 4rem auto;
  max-width: 800px; }

.tel {
  white-space: nowrap; }

article {
  padding-top: 36px; }

input.required {
  position: fixed;
  left: 110%; }

#contact-form {
  display: block;
  margin: 0 auto; }

#contact-form label {
  display: block;
  position: relative;
  color: #0093b2;
  padding-left: 0.5em; }

#contact-form label sup {
  position: absolute;
  color: #0093b2;
  margin-left: 2px;
  top: 10px;
  font-size: 18px; }

#contact-form input, #contact-form select, #contact-form textarea {
  box-sizing: border-box;
  -moz-box-sizing: border-box; }

#contact-form input:not([type=submit]), #contact-form select, #contact-form textarea {
  width: 100%;
  margin-bottom: 1em;
  border: 3px solid #0093b2;
  border-radius: 5px;
  background-color: white;
  font-size: 1rem;
  padding: 0.5em 1em; }

#contact-form input[type=submit] {
  border: none;
  outline: none;
  color: white;
  background-color: #00A4C4;
  font-weight: 400; }

#contact-form select {
  height: 44px; }
  #contact-form select:disabled {
    background-color: lightgray; }

.clear {
  display: block;
  float: none;
  clear: both; }

.submit-wrapper {
  text-align: center; }

#birthdate {
  overflow: auto; }
  #birthdate select {
    float: left;
    width: 31.33%;
    margin-right: 3%; }
    #birthdate select:last-child {
      margin-right: 0; }

.form-thanks {
  font-size: 18px;
  color: #0093b2;
  letter-spacing: 1px;
  margin: 2rem auto; }
  .form-thanks strong {
    font-family: "Oregon", sans-serif;
    text-transform: uppercase; }

@media screen and (min-width: 600px) {
  .half-field {
    display: block;
    width: 50%;
    float: left;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 0 0.5em; }

  .first-field {
    padding-left: 0; }

  .last-field {
    padding-right: 0; }

  .half-field.thirds.first-field {
    width: 66%; }

  .half-field.thirds.last-field {
    width: 34%; }

  .submit-wrapper {
    text-align: right; } }
.refunds #jumbotron {
  background: transparent;
  height: 660px; }
.refunds .refunds-jumbotron {
  position: relative;
  background-image: url(../images/refund-bg.png);
  background-position: center bottom;
  background-repeat: repeat-x;
  margin-top: -660px;
  height: 660px;
  overflow: hidden; }
  .refunds .refunds-jumbotron .jumbo-headline {
    width: 611px;
    height: 226px;
    background-image: url(../images/jumbo-headline.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    position: absolute;
    left: 50%;
    margin-left: -127px;
    transform: translateX(-50%);
    bottom: 7px; }
  .refunds .refunds-jumbotron .jumbo-can {
    width: 343px;
    height: 480px;
    background-image: url(../images/sodas/Zero-Cola.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    bottom: -80px;
    left: 50%;
    margin-left: 200px;
    transform: rotate(4deg); }
.refunds .refunds-top {
  background-image: url(../images/bg-wood-blue.jpg);
  text-align: center;
  padding: 2rem 0;
  z-index: 10;
  position: relative; }
.refunds .refund-content {
  max-width: 1000px;
  margin: 0 auto;
  text-align: center;
  padding: 4rem 2rem; }
  .refunds .refund-content h4 {
    color: #00a4c4;
    margin-bottom: 3.5rem;
    font-size: 24px; }
  .refunds .refund-content p {
    color: black;
    font-size: 16px;
    margin-bottom: 1.5rem; }
    .refunds .refund-content p a {
      color: #00a4c4;
      text-decoration: underline; }
@media (max-width: 1000px) {
  .refunds .refunds-jumbotron .jumbo-can {
    display: none; }
  .refunds .refunds-jumbotron .jumbo-headline {
    margin-left: 0;
    max-width: 90%; } }
@media (max-width: 480px) {
  .refunds #jumbotron {
    background-color: white;
    height: 160.57vw;
    z-index: 0; }
  .refunds .refunds-jumbotron {
    background-color: white;
    background-image: url(../images/refund-bg-mobile.png);
    background-position: center top;
    background-size: cover;
    height: 160.57vw; }
    .refunds .refunds-jumbotron .jumbo-headline, .refunds .refunds-jumbotron .jumbo-can {
      display: none; }
  .refunds .refund-content {
    padding: 4rem 1rem; } }

/*# sourceMappingURL=main.css.map */