/* Base CSS for the Public-facing site (logged-out users) */


/*
    Icon Fonts
*/

@font-face {
    font-family: 'BrandonGrotesque-Regular';
    src: url("/static/fonts/2E1519_5_0.1358aa40f270.eot");
    src: url("/static/fonts/2E1519_5_0.1358aa40f270.eot?#iefix") format('embedded-opentype'),url("/static/fonts/2E1519_5_0.826773fb9f34.woff2") format('woff2'),url("/static/fonts/2E1519_5_0.69479686b229.woff") format('woff'),url("/static/fonts/2E1519_5_0.7b0ff0759615.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    text-rendering: optimizeLegibility;
}
@font-face {
    font-family: 'BrandonGrotesque-Bold';
    src: url("/static/fonts/2E1519_9_0.28ac89b54ede.eot");
    src: url("/static/fonts/2E1519_9_0.28ac89b54ede.eot?#iefix") format('embedded-opentype'),url("/static/fonts/2E1519_9_0.997e4e9453c1.woff2") format('woff2'),url("/static/fonts/2E1519_9_0.2feb7a414dae.woff") format('woff'),url("/static/fonts/2E1519_9_0.5087706107bb.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    text-rendering: optimizeLegibility;
}
@font-face {
    font-family: 'bevspot-icon';
    src: url("/static/fonts/bevspot-icon-206.af0b27040782.eot");
    src: url("/static/fonts/bevspot-icon-206.af0b27040782.eot") format('embedded-opentype'),
        url("/static/fonts/bevspot-icon-206.1e39c20daa50.woff") format('woff'),
        url("/static/fonts/bevspot-icon-206.2131d931393d.ttf") format('truetype'),
        url("/static/fonts/bevspot-icon-206.cb08ec66e176.svg") format('svg');
    font-weight: normal;
    font-style: normal;
    text-rendering: optimizeLegibility;
}
.bevicon,
.select:after,
.popup-menu.select-list li.active a:after {
    font-family: 'bevspot-icon';
    display: inline-block;
    position: relative;
    top: 1px;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /*font-size: 130%;*/
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.bevico-transfer-in:before {
    content: "\e91f";
}
.bevico-multi-location:before {
    content: "\e913";
}
.bevico-business-black:before {
    content: "\e914";
}
.bevico-headset:before {
    content: "\e915";
}
.bevico-import-contacts:before {
    content: "\e916";
}
.bevico-shopping-cart:before {
    content: "\e917";
}
.bevico-breakage:before {
    content: "\e918";
}
.bevico-check-box-indeterminate:before {
    content: "\e919";
}
.bevico-order-truck:before {
    content: "\e91b";
}
.bevico-transfer-out:before {
    content: "\e923";
}
.bevico-event-available:before {
    content: "\e920";
}
.bevico-feedback-bubble:before {
    content: "\e921";
}
.bevico-people:before {
    content: "\e922";
}
.bevico-ic_open_in_new_black_24px:before {
    content: "\e912";
}
.bevico-ic_sentiment_dissatisfied_black_24px:before {
    content: "\e90f";
}
.bevico-ic_sentiment_neutral_black_24px:before {
    content: "\e910";
}
.bevico-ic_sentiment_satisfied_black_24px:before {
    content: "\e911";
}
.bevico-can-par:before {
    content: "\e90d";
}
.bevico-mystery-item-par:before {
    content: "\e90e";
}
.bevico-bevspot-logo:before {
    content: "\e900";
}
.bevico-bevspot-wordmark:before {
    content: "\e901";
}
.bevico-cart-confirm:before {
    content: "\e902";
}
.bevico-ordering-inventory:before {
    content: "\e90a";
}
.bevico-can:before {
    content: "\e90b";
}
.bevico-mystery-item:before {
    content: "\e90c";
}
.bevico-apps3:before {
    content: "\e5c3";
}
.bevico-arrow_drop_down:before {
    content: "\e5c5";
}
.bevico-arrow_drop_up:before {
    content: "\e5c7";
}
.bevico-done2:before {
    content: "\e876";
}
.bevico-done_all:before {
    content: "\e877";
}
.bevico-note_add:before {
    content: "\e903";
}
.bevico-add_box:before {
    content: "\e904";
}
.bevico-add:before {
    content: "\e905";
}
.bevico-find_replace:before {
    content: "\e906";
}
.bevico-find_in_page:before {
    content: "\e907";
}
.bevico-share:before {
    content: "\e908";
}
.bevico-search:before {
    content: "\e909";
}
.bevico-announcement:before {
    content: "\e641";
}
.bevico-bookmark:before {
    content: "\e662";
}
.bevico-bookmark-outline:before {
    content: "\e663";
}
.bevico-bug-report:before {
    content: "\e643";
}
.bevico-credit-card:before {
    content: "\e63d";
}
.bevico-dashboard:before {
    content: "\e63f";
}
.bevico-delete:before {
    content: "\e664";
}
.bevico-description:before {
    content: "\e665";
}
.bevico-event:before {
    content: "\e666";
}
.bevico-history:before {
    content: "\e668";
}
.bevico-home:before {
    content: "\e669";
}
.bevico-launch:before {
    content: "\e66a";
}
.bevico-lock:before {
    content: "\e66b";
}
.bevico-print:before {
    content: "\e66c";
}
.bevico-store:before {
    content: "\e66d";
}
.bevico-swap-horiz:before {
    content: "\e64e";
}
.bevico-thumb-down:before {
    content: "\e644";
}
.bevico-thumb-up:before {
    content: "\e645";
}
.bevico-thumbs-up-down:before {
    content: "\e646";
}
.bevico-view:before {
    content: "\e64f";
}
.bevico-error:before {
    content: "\e647";
}
.bevico-warning:before {
    content: "\e648";
}
.bevico-not-interested:before {
    content: "\e66e";
}
.bevico-forum:before {
    content: "\e649";
}
.bevico-add-circle-outline:before {
    content: "\e642";
}
.bevico-backspace:before {
    content: "\e667";
}
.bevico-filter-list:before {
    content: "\e64a";
}
.bevico-remove-circle:before {
    content: "\e64b";
}
.bevico-remove-circle-outline:before {
    content: "\e64c";
}
.bevico-send:before {
    content: "\e64d";
}
.bevico-sort:before {
    content: "\e61e";
}
.bevico-edit:before {
    content: "\e650";
}
.bevico-cloud-download:before {
    content: "\e66f";
}
.bevico-cloud-upload:before {
    content: "\e670";
}
.bevico-file-download:before {
    content: "\e671";
}
.bevico-file-upload:before {
    content: "\e672";
}
.bevico-apps2:before {
    content: "\e673";
}
.bevico-notifications:before {
    content: "\e654";
}
.bevico-notifications-none:before {
    content: "\e655";
}
.bevico-social-youtube:before {
    content: "\e674";
}
.bevico-social-instagram:before {
    content: "\e675";
}
.bevico-social-linkedin:before {
    content: "\e676";
}
.bevico-social-facebook:before {
    content: "\e677";
}
.bevico-cart-add:before {
    content: "\e65c";
}
.bevico-cart-minus:before {
    content: "\e65d";
}
.bevico-cart-remove:before {
    content: "\e65e";
}
.bevico-inventory-add:before {
    content: "\e65f";
}
.bevico-inventory-minus:before {
    content: "\e660";
}
.bevico-inventory-remove:before {
    content: "\e661";
}
.bevico-cart-add-item:before {
    content: "\e656";
}
.bevico-cart-minus-item:before {
    content: "\e657";
}
.bevico-cart-remove-item:before {
    content: "\e658";
}
.bevico-inventory-add-item:before {
    content: "\e659";
}
.bevico-inventory-minus-item:before {
    content: "\e65a";
}
.bevico-inventory-remove-item:before {
    content: "\e65b";
}
.bevico-my-sort:before {
    content: "\e63e";
}
.bevico-reorder:before {
    content: "\e651";
}
.bevico-edit-error:before {
    content: "\e652";
}
.bevico-establishment:before {
    content: "\e653";
}
.bevico-sms:before {
    content: "\e602";
}
.bevico-edit-pars:before {
    content: "\e63b";
}
.bevico-pars:before {
    content: "\e63c";
}
.bevico-inventory-copy:before {
    content: "\e601";
}
.bevico-bottle:before {
    content: "\e600";
}
.bevico-bottle-par:before {
    content: "\e61f";
}
.bevico-keg:before {
    content: "\e620";
}
.bevico-keg-par:before {
    content: "\e621";
}
.bevico-case:before {
    content: "\e622";
}
.bevico-case-par:before {
    content: "\e623";
}
.bevico-logo-text:before {
    content: "\e60a";
}
.bevico-assignment:before {
    content: "\e603";
}
.bevico-assignment-late:before {
    content: "\e624";
}
.bevico-assignment-returned:before {
    content: "\e625";
}
.bevico-assignment-turned-in:before {
    content: "\e626";
}
.bevico-autorenew:before {
    content: "\e627";
}
.bevico-done:before {
    content: "\e628";
}
.bevico-help:before {
    content: "\e615";
}
.bevico-remove:before {
    content: "\e616";
}
.bevico-info:before {
    content: "\e617";
}
.bevico-info-outline:before {
    content: "\e629";
}
.bevico-query-builder:before {
    content: "\e618";
}
.bevico-swap-vert:before {
    content: "\e604";
}
.bevico-my-library-add:before {
    content: "\e619";
}
.bevico-new-releases:before {
    content: "\e62b";
}
.bevico-chat:before {
    content: "\e62c";
}
.bevico-email:before {
    content: "\e62d";
}
.bevico-location-off:before {
    content: "\e62e";
}
.bevico-location-on:before {
    content: "\e62f";
}
.bevico-add-box:before {
    content: "\e630";
}
.bevico-add-circle:before {
    content: "\e631";
}
.bevico-content-copy:before {
    content: "\e632";
}
.bevico-clipboard:before {
    content: "\e605";
}
.bevico-attach-money:before {
    content: "\e61a";
}
.bevico-keyboard-arrow-down:before {
    content: "\e606";
}
.bevico-keyboard-arrow-left:before {
    content: "\e607";
}
.bevico-keyboard-arrow-right:before {
    content: "\e608";
}
.bevico-keyboard-arrow-up:before {
    content: "\e609";
}
.bevico-filter-none:before {
    content: "\e633";
}
.bevico-local-offer:before {
    content: "\e60b";
}
.bevico-pin-drop:before {
    content: "\e634";
}
.bevico-apps:before {
    content: "\e635";
}
.bevico-arrow-back:before {
    content: "\e60c";
}
.bevico-arrow-forward:before {
    content: "\e60d";
}
.bevico-remove-inverse:before {
    content: "\e61b";
}
.bevico-check:before {
    content: "\e636";
}
.bevico-close:before {
    content: "\e60e";
}
.bevico-more-horiz:before {
    content: "\e60f";
}
.bevico-more-vert:before {
    content: "\e610";
}
.bevico-unfold-less:before {
    content: "\e637";
}
.bevico-unfold-more:before {
    content: "\e638";
}
.bevico-vpn-lock:before {
    content: "\e639";
}
.bevico-publ:before {
    content: "\e63a";
}
.bevico-check-box:before {
    content: "\e611";
}
.bevico-check-box-outline-blank:before {
    content: "\e612";
}
.bevico-radio-button-off:before {
    content: "\e613";
}
.bevico-radio-button-on:before {
    content: "\e614";
}
.bevico-bullhorn:before {
    content: "\e91a";
}
.bevico-lifebuoy:before {
    content: "\e941";
}
.bevico-alarm:before {
    content: "\e950";
}
.bevico-bell:before {
    content: "\e951";
}
.bevico-bubbles:before {
    content: "\e96c";
}
.bevico-user-plus:before {
    content: "\e973";
}
.bevico-user-minus:before {
    content: "\e974";
}
.bevico-spinner2:before {
    content: "\e97b";
}
.bevico-spinner8:before {
    content: "\e981";
}
.bevico-cog:before {
    content: "\e994";
}
.bevico-pie-chart:before {
    content: "\e99a";
}
.bevico-stats-dots:before {
    content: "\e99b";
}
.bevico-stats-bars:before {
    content: "\e99c";
}
.bevico-stats-bars2:before {
    content: "\e99d";
}
.bevico-rocket:before {
    content: "\e9a5";
}
.bevico-menu2:before {
    content: "\e9be";
}
.bevico-eye:before {
    content: "\e9ce";
}
.bevico-move-up:before {
    content: "\ea46";
}
.bevico-move-down:before {
    content: "\ea47";
}
.bevico-twitter:before {
    content: "\ea91";
}
.bevico-feed3:before {
    content: "\ea95";
}
.bevico-magic-wand:before {
    content: "\e997";
}
/* // TODO must change all of these to the correct icons (cc Turnwall) */
.bevico-bag:before {
  content: "\e9a5";
}
.bevico-bag-par:before {
  content: "\e9a5";
}
.bevico-box:before {
  content: "\e9a5";
}
.bevico-box-par:before {
  content: "\e9a5";
}
.bevico-can-food:before {
  content: "\e9a5";
}
.bevico-can-food-par:before {
  content: "\e9a5";
}
.bevico-carton:before {
  content: "\e9a5";
}
.bevico-carton-par:before {
  content: "\e9a5";
}
.bevico-container:before {
  content: "\e9a5";
}
.bevico-container-par:before {
  content: "\e9a5";
}
.bevico-package:before {
  content: "\e9a5";
}
.bevico-package-par:before {
  content: "\e9a5";
}
.bevico-tub:before {
  content: "\e9a5";
}
.bevico-tub-par:before {
  content: "\e9a5";
}



.social-logos {
    font-size: 150%;
    margin-top: 1rem;
}
.social-logos a {
    display: inline-block;
    margin-right: 0.2rem;
}

/* Page Setup */

html {
  position: relative;
  min-height: 100%;
}
html, body {
  font-size: 16px;
  line-height: 1.4;
}
body {
  font-family: 'BrandonGrotesque-Regular', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
input[type="number"] {
  padding-right: 2px;
  padding-left: 6px;
}
img {
  max-width: 100%;
}
.section-offset {
    width: 92%;
    margin-top: 4%;
    margin-left: 4%;
}
.section {
    width: 100%;
    float: left;
}
.loading-icon {
    display: none;
}

/* Type Defaults */

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  color:#1e1e1e;
  margin-top: 0;
  margin-bottom: 0.7em;
  line-height: 115%;
  font-family: 'BrandonGrotesque-Bold', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.brandon-bold {
    font-family: 'BrandonGrotesque-Bold';
}
.top-section-text h1,
.top-section-text h2,
.top-section-text h3,
.top-section-text h4,
.top-section-text h5,
.top-section-text h6,
.photo-section-head h1,
.photo-section-head h2,
.photo-section-head h3,
.photo-section-head h4,
.photo-section-head h5,
.photo-section-head h6 {
    margin-bottom: 0.2em;
}
h1 {
    font-size: 5em;
}
h2 {
    font-size: 3.6em;
    margin-bottom: 0.4em;
}
h3 {
    font-size: 2.6em;
    margin-bottom: 0.4em;
}
h4 {
    font-size: 1.6em;
    line-height: 125%;
}
h5 {
    font-size: 1.3em;
}
h6 {
    font-size: 1em;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #707070;
    line-height: 125%;
}
.top-section-text h6 {
    margin-bottom: 1.5em;
}
h6.page-title {
    color: #FFF;
    margin-left: 3em;
    float: left;
    padding: 0.8em 1em 0.4em;
    background-color: rgba(230, 162, 95, 0.8);
    background-color: rgba(40,40,40,0.2);
}
p {
    font-size: 1.25em;
    color: #4e4e4e;
    margin-bottom: 1.25em;
}
p small {
    font-size: 70%;
}
p.caption {
    font-size: 0.9em;
    color: #808080;
}
p strong {
    font-family: 'BrandonGrotesque-Bold', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: normal;
}
.text-shadow {
    text-shadow: 0px 0px 5px rgba(0,0,0,1);
}
.text-smooth {
    -webkit-font-smoothing: antialiased;
}


a {
  color: #df6f00;
}


.intro {
  font-size: 1.8em;
  line-height: 145%;
  color: #7f7f7f;
  margin-bottom: 1em;
}
.highlight {
  font-size: 1.2em;
  line-height: 140%;
  color: #7f7f7f;
  margin-bottom: 1.1em;
}

.dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6, .dark p {
  color:#ffffff;
  -webkit-font-smoothing: antialiased;
}
.site-footer h1, .site-footer h2, .site-footer h3, .site-footer h4, .site-footer h5, .site-footer h6, .site-footer p {
  color:#7F7F7F;
}
.site-footer {
  padding-left: 0;
}


/* Grid Defaults */
.pad-none {
  padding: 0;
}
.pad-sm {
  padding: 2em 0;
}
.pad-md {
  padding: 4em 0;
}
.pad-lg {
  padding: 6em 0;
}
.top-section {
    padding-top: 8em;
    padding-bottom: 3em;
    position: relative;
}
.top-section-image {
    padding-top: 6em;
    padding-bottom: 2em;
    position: relative;
    min-height: 35em;
    background-size:cover;
    background-repeat: no-repeat;
    background-position: top center;
}
.top-section-text {
    padding: 2.5em 3em 1em;
    position: absolute;
    bottom: 2em;
    left: 2em
}
.photo-section {
    min-height: 20em;
    background-color: #DADADA;
/*    background-image:url("/static/img/public/overlay-barscene-grain.637be5629e1a.jpg");*/
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: top center;
    position: relative;
}
.photo-section-head {
    /*position: absolute;
    bottom: 2rem;
    left: 5%;*/
    background-color: #fff;
    margin: 10% 0 2rem -2.0rem;
    padding: 1.2rem 2.0rem 0;
    float: left;
    max-width: 60%;
}
.pad-tp-xs {
    padding-top: 1em;
}
.pad-tp-sm {
    padding-top: 2em;
}
.pad-tp-md {
    padding-top: 4em;
}
.pad-tp-lg {
    padding-top: 6em;
}

.pad-bt-xs {
    padding-bottom: 1em;
}
.pad-bt-sm {
    padding-bottom: 2em;
}
.pad-bt-md {
    padding-bottom: 4em;
}
.pad-bt-lg {
    padding-bottom: 6em;
}
.pad-bt-xl {
    padding-bottom: 8em;
}

.space-tp-sm {
    margin-top: 2em;
}
.space-tp-md {
    margin-top: 3em;
}

.space-bt-sm {
    margin-bottom: 2em;
}
.space-bt-md {
    margin-bottom: 3em;
}
.space-bt-lg {
    margin-bottom: 5em;
}

.rule-tp,
.rule {
    border-top: 1px solid #7f7f7f;
}
.section-rule {
    border-top: 4px solid #373737;
    margin-bottom: 2rem;
}

.btn {
    padding: 0.8em 1.1em 0.6em;
}
.btn-default {
    border:none;
    background-color: #e5e5e5;
}
.btn-border {
    border:2px solid #7F7F7F;
    border-color:#f1a054;
    color:#f1a054;
    border-radius: 2px;
    background-color: transparent;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    font-size: 1.1em;
    font-family: 'BrandonGrotesque-Bold', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.btn-border:hover {
    background-color:#f1a054;
    color:#fff;
}
.dark .btn-border {
    border-color:#fff;
    color:#fff;
}
.dark .btn-border:hover {
    background-color:#fff;
    color:#f1a054;
}
.btn-clear {
    border:none;
    background-color: transparent;
    text-transform: uppercase;
    font-family: 'BrandonGrotesque-Bold', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
a.btn-orange {
    border:none;
    background-color:#ec9a08;
    color: #fff;
    font-weight: bold;
}
a.btn-orange:hover {
    background-color:#d64900;
    color: #fff;
}
.btn-xl {
    padding: 1.2em 2em;
    font-size: 1.1em;
}


.form-lines .validate.valid,
.form-lines .validate.valid + .input-group-addon,
.form-lines .validate.invalid,
.form-lines .validate.invalid + .input-group-addon {
    border: none !important;
}
.form-container {
    background-color: rgba(255,255,255,0.2);
    padding: 2em;
    float: left;
    width: 100%;
}
.form-control {
  box-shadow: none !important;
  border-radius: 2px;
}
label {
    font-weight: normal;
}
.form-lines input.form-control {
    border: none;
    border-radius: 0;
    background-color: transparent;
}
.form-lines .group-underline {
    border-bottom: 1px solid #D7D7D7;
}
.form-lines .form-control:focus,
.form-lines .form-control:focus + .input-group-addon {
    background-color: rgba(246,246,246,0.5);
    transition: all 0.4s ease;
}
.form-section {
    border-top: 1px solid #979797;
    padding-top: 1rem;
    margin-bottom: 3rem;
}
.num-circle {
    width: 2em;
    height: 2em;
    display: inline-table;
    border-radius: 50%;
    color: #fff;
    background-color: #7F7F7F;
    text-align: center;
    margin-bottom: 0.5em;
}
.num {
    display: table-cell;
    vertical-align: middle;
    line-height: 100%;
}
.group-underline {
}
.group-underline .input-group-addon {
    background-color: transparent !important;
    border: none !important;
    border-radius: 0;
    padding: 0;
    color: #7F7F7F;
    padding-right: 1em;
}
.group-underline .form-control {
    font-size: 1.2em;
}
.referral-row {
    padding-bottom: 2rem;
}
#request-demo-form .form-group {
    margin: 1em 0 2em;
}
#request-demo-form .group-underline {
    border-bottom-color: #747474;
}


/* Header */
.public-header {
     position: fixed;
     z-index: 999;
     width: 100%;
     transition: all 1.0s ease;
 }
.public-header-clean {
    position: fixed;
    z-index: 999;
    width: 100%;
    transition: all 1.0s ease;
    background-color: #ffffff;
    padding: .1em 0;
    -webkit-box-shadow: 0px 3px 5px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 3px 5px 2px rgba(0,0,0,0.2);
    box-shadow: 0px 3px 5px 2px rgba(0,0,0,0.2);
}
.public-header.opennav {
  padding: 2em 0 1em;
  background-color: rgba(36, 36, 36, 0.0);
  border: none;
}
.public-header.hidenav {
    margin-top: -4em;
}
.public-header.supernav {
    margin-top: 0em;
}
.public-navbar-main {
  float: right;
  margin-right: 1.5em;
}
a.brand-logo {
    padding: 0.8rem 0;
    color: #f1a054;
    text-decoration: none;
    display: block;
    float: left;
    margin-left: 3rem;
    font-size: 2.0em;
    line-height: 0.5;
    max-width: 7em;
    transition: all 0.2s ease;
    text-align: left;
}
a.brand-logo-clean {
    padding: .5rem 0;
    color: #727272;
    text-decoration: none;
    display: block;
    float: left;
    margin-left: 1rem;
    font-size: 1.25em;
    line-height: 0.5;
    max-width: 7em;
    transition: all 0.2s ease;
    text-align: left;
}
a.brand-logo:hover {
    color: #f1a054;
}
.opennav a.brand-logo {
    padding: 0.2rem 0;
    font-size: 3.5em;
}
.brand-name {
    display: none;
}

nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.public-navbar-main li {
  float: left;
}
.public-navbar-main li a {
    font-family: 'BrandonGrotesque-Bold', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    padding:2.3em 0.4em 1.7em;
    margin: 0 0.3em;
    font-size: 0.7em;
    line-height: 1.0;
    color:#B5B5B5;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    display: block;
    position: relative;
    border-bottom: 0.25rem solid transparent;
    transition: all 0.3s ease;
}
.opennav .public-navbar-main li a,
.opennav .public-navbar-main li.large a {
    color:#fff;
}
.public-navbar-main li.current a {
    color:#555555 !important;
    border-bottom-color: #e6a25f;
}
.public-navbar-main > li > a:hover,
.public-navbar-main > li > a:focus {
    background-color: transparent;
}
.public-navbar-main li.large a {
    padding:1.9em 0.3em 1.2em;
    margin: 0 0.7em 0 0.2em;
    font-size: 0.85em;
    color:#767676;
}
.public-navbar-main li a:hover {
    background-color: inherit;
    color:#222222;
}
.public-navbar-main li.navbtn a {
    background-color: #373737;
    color:#838383;
    font-size: 0.7em;
    border-radius: 2px;
    padding:0.8em 1em;
    margin-top:1.5em;
    margin-left: 0.5em;
}
.public-navbar-main li.navbtn a:hover {
    background-color: #4c4c4c;
    color:#3f3f3f;
}
.public-navbar-main li.navbtn.cta a {
    font-size: 0.9em;
    padding:0.8em 1.0em 0.6em;
    margin-top:0.8em;
    margin-left: 0.8em;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    background-color: transparent;
    color: #f1a054;
    border: 2px solid #f1a054;
}
.public-navbar-main li.navbtn.cta a:hover {
    background-color: #f1a054;
    color: #fff;
}
.opennav .public-navbar-main li.navbtn.cta a {
    font-size: 1.1em;
    margin-top:0.4em;
    color: #fff;
    border-color: #fff;
    padding:0.9em 1.0em 0.6em;
}
.public-navbar-main li.navbtn.username a {
    background-color: #f3bc7a;
    color: white;
    font-size: 0.7em;
    border-radius: 2px;
    padding:1.0em 1em 0.4em;
    margin-top:1.3em;
    margin-left: 0.5em;
}
.usericon {
    background-color: #494949;
    display: inline-block;
    height: 1.4rem;
    width: 1.4rem;
    margin-right: 0.1rem;
    margin-bottom: -0.5rem;
    margin-top: -0.7rem;
    margin-left: -0.1em;
    border-radius: 50%;
    overflow: hidden;
}
.public-navbar-main li a .usericon .glyphicon {
    margin: 0.2rem 0.25rem;
    font-size: 0.9rem;
}



/* Footer */

footer {
  bottom: 0;
  float: right;
  width: 100%;
  height: 100%;
  color: #777;
  /*background-color: #2c2a25;*/
  /*background-color: #473A3A;*/
  padding-bottom: 2em;
  margin: 0;
  border-top: 1px solid #3A3A3A;
  position: relative;
}
footer p {
    font-size: 1.1em
}
footer a {
    color:#9B9B9B;
}
.site-footer-head {
    border-bottom: 1px solid #3A3A3A;
    padding-top: 1rem;
    padding-bottom: 0.5rem;
    margin-bottom: 2rem;
}
.site-footer-foot {
    border-top: 1px solid #3A3A3A;
    padding-top: 1rem;
    padding-bottom: 0.5rem;
}
a.footer-logo {
  padding: 0;
  color:#716d61;
  text-decoration: none;
  display: block;
  font-size: 2.0em;
  line-height: 1.0;
  max-width: 7em;
  float: left
}

/* Page Template Specific */

.top-home {
    background-image:url("/static/img/public/overlay-barscene-grain.637be5629e1a.jpg");
    min-height: 80vh;
    background-attachment: fixed;
}
.top-home-text {
    position: absolute;
    bottom: 4rem;
    left: 3em;
}
.top-home-text h1 {
    font-size: 7.0em;
    line-height: 100%;
    margin-bottom: 1.5rem;
}
.top-home-text h4 {
    color: #DED2C6;
}
.arrow-rotate-down {
    display: block;
    /*margin-left: 0.5em;*/
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
a.home-intro {
    display: block;
    padding: 2.2rem 0 0;
    font-size: 2.5em;
    text-align: center;
    height: 20vh;
}
a.home-intro:hover {
    color: #FFF;
}
.quote-image {
    height: 28em;
    background-size:cover;
    background-repeat: no-repeat;
    background-position: top center;
}
.quote-box {
    padding: 2em;
    background-color: #ECECEC;
    position: relative;
}
.quote-box p {
    margin: 0;
}
.quote-box.top:before {
    content: ' ';
    display: block;
    height: 0;
    width: 0;
    border-left: 30px solid #ECECEC;
    border-bottom: 30px solid #ECECEC;
    border-right: 30px solid transparent;
    border-top: 30px solid transparent;
    position: absolute;
    top:-30px;
}
.quote-box.bottom:before {
    content: ' ';
    display: block;
    height: 0;
    width: 0;
    border-right: 1.1rem solid #ECECEC;
    border-top: 1.1rem solid #ECECEC;
    border-left: 1.1rem solid transparent;
    border-bottom: 1.1rem solid transparent;
    position: absolute;
    bottom:-2.0rem;
    left: 15%;
}
.quote-box.bg-brand-orange.bottom:before {
    border-right-color: #f3bc7a;
    border-top-color: #f3bc7a;
}
.test-person {
    display: block;
    font-family: 'BrandonGrotesque-Bold', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 1.2em;
    margin-left: 35%;
    margin-top: 0.8rem;
}
.test-person-title {
    display: block;
    margin-left: 35%;
}
.testimonial-block .quote-box {
    margin-top: -5em;
    width: 90%;
    margin-left: 5%;
}
.testimonial-only .quote-contain {
    width: 96%;
    margin: 0 2% 3rem;
    float: left;
}
.q-1 .quote-box {
    margin-top: 0rem;
}
.q-2 .quote-box {
    margin-top: -2.5rem;
}
.top-distributors {
    background-image:url("/static/img/public/toned-wine-boxes.3ca075e24cc1.jpg");
}
.top-suppliers {
    background-image:url("/static/img/public/toned-beer-bottles.905bc1644eaf.jpg");
}
.top-about {
    background-image:url("/static/img/public/toned-hanging.97d8a943f68c.jpg");
}
.top-referral {
    background-image:url("/static/img/public/bu-frontbar-slim-tiltshift.f8442bbb8c6f.jpg");
}
.top-handheld {
    background-image:url("/static/img/public/free-trial-handheld.8796a8e89cdc.jpg");
}
.top-referral-text  {
    width: 18em;
    height: 18em;
    display: inline-table;
    border-radius: 50%;
    color: #fff;
    background-color: #7F7F7F;
    text-align: center;
    margin-bottom: 0.5em;
    position: absolute;
    right: 10%;
    bottom: -2em;
}
.top-referral-text p {
    font-size: 2em;
    line-height: 100%;
}
.influencers-mark {
    display: inline-block;
    height: 6em;
    width: 6em;
    border: 6px double #fff;
    -webkit-transform: rotate(45deg);
    margin-bottom: 2em;
    color: #fff;
}



/* Home Page Specific */

.home-top {
    min-height: 80vh;
    position: relative;
    background-image:url("/static/img/public/overlay-bu-drink-grain.614e11cb5846.jpg");
    background-size:cover;
    background-repeat: no-repeat;
    background-position: top center;
    background-attachment: fixed;
}
.home-top-info {
    position: absolute;
    bottom: 6rem;
    left: 3rem;
    width: 60%;
}
.home-top-info h2 {
    font-size: 4em;
    line-height: 100%;
    -webkit-font-smoothing: antialiased;
}
.home-top-info h6 {
    color: #d4d5c0;
    margin-bottom: 2em;
    -webkit-font-smoothing: antialiased;
}
.fill-icon {
    display: block;
    font-size: 4em;
    text-align: center;
}
.arrow-down-fill {
    display: inline-block;
    font-size: 4em;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.chart-numbers {
    text-align: right;
}
.chart {
    color: #7F7F7F;
    font-size: 1.1rem;
}
.chart .savings {
    font-size: 1.6rem;
    padding-top: 1.4rem;
    display: inline-block;
    font-family: 'BrandonGrotesque-Bold', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.chart .noted {
    font-size: 1.2rem;
    padding-top: 1.2rem;
    color: #606060;
    display: inline-block;
    font-family: 'BrandonGrotesque-Bold', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.sticky-wrapper {
    height: 8rem;
    position: absolute;
    bottom: 0;
    width: 100%;
}
.secondary-nav {
    width: 100%;
    text-align: right;
    position: absolute;
    bottom: 0;
    z-index: 99;
    background-color: transparent;
    padding: 0 3%;
    transition: all 0.3s ease;
}
.secondary-nav.stuck {
    position: fixed;
    background-color: #4D4D4D;
    top: 0px;
    left: 0;
    height: auto;
    padding: 0 1%;
    bottom: auto;
}
.secondary-nav a {
    display: inline-block;
    padding: 1.3rem 0.4rem 1.3rem;
    /*background-color: #b3af82;*/
    color: #fff;
    margin: 0;
    font-size: 1.2em;
    line-height: 100%;
    text-decoration: none;
    font-weight: bold;
    -webkit-font-smoothing: antialiased;
    transition: all 0.3s ease;
}
.secondary-nav a.delay {
    display: none;
    font-weight: normal;
}
.secondary-nav.stuck a.sub-item,
.secondary-nav a.sub-item {
    font-size: 85%;
    opacity: 0.6;
    padding-left: 0.1rem;
    padding-right: 0.1rem;
}
.secondary-nav.stuck a {
    display: inline-block;
    padding: 1.0rem 0.7rem;
    font-size: 1.0em;
    background-color: transparent !important;
}
.secondary-nav.stuck a:hover {
    color: #efefef;
}
.alert.fixed-top {
    position: fixed;
    top: 4.3rem;
    left: 1%;
    right: 1%;
    width: 98%;
    z-index: 999;
    border-radius: 0;
    border:0;
    padding: 2em;
    box-shadow: 0 0 12px rgba(0,0,0,0.5);
}
.alert.fixed-top.success {
    background-color: #48a01e;
    color: #fff;
}
.alert.fixed-top.success h5,
.alert.fixed-top.success p {
    color: #fff;
}
.alert.fixed-top.success a {
    color: #143d07;
}

.price-block {
    background-color: #fff;
    border: 6px double #D1D1D1;
    float: left;
}
.price-block-head {
    padding: 1.8rem 1.2rem 0;
    float: left;
}
.price-block-price {
    padding: 1.8rem 1.2rem 0;
    background-color: #F4F4F4;
    color: #81817b;
    display: block;
    text-decoration: none;
    float: left;
    width: 100%;
}
.price-block-price .price-dollar {
    font-size: 1.6em;
    float: left;
}
.price-block-info {
    padding: 0.8rem 1.2rem;
    float: left;
}
.price-block ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.price-block li {
    padding: 0.8rem 0;
    border-bottom: 1px solid #d9d9d9;
    list-style: none;
    font-size: 1.2em;
}
.price-block li:last-of-type {
    border-bottom: none;
}
.section-product {
    /*padding: 6rem 0 2.5rem;*/
    position: relative;
}
.icon-circle {
    position: absolute;
    display: table;
    right: 8%;
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
    bottom: 0;
    margin-bottom: -2.5rem;
}
.icon-incircle {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    height: 100%;
    width: 100%;
    font-size: 250%;
}
.quotables {
    background-color: #d9bb77;
    text-align: center;
}
.quotables p {
    color: #a87334;
}
.quotables .intro {
    color: #fff7e7;
}
img.example {
    width: 100%;
    margin-bottom: 2rem;
}




/* About Page Specific */

.person-block {

}
.headshot {
  background-color: #cdcdcd;
  margin-bottom: 0.6em;
  overflow: hidden;
}
.member-name {
    font-weight: bold;
    font-size: 1.2em;
    margin-bottom: 0;
}
.member-title {
    color: #9a9a9a;
    margin-bottom: 2rem;
}
.member-description {
    display: none;
}


/* Video Page Specific */

video {
    width: 100% !important;
    height: auto !important;
}
/*
    Important!
    Videos have to be 16:9 ratio to make this work.

    *30px padding-top added for control bar below video on youtube
    we're commenting out because the controls are hidden by default
*/
.video-placeholder {
    position: relative;
    /*padding-top: 30px;*/
    padding-bottom: 56.25%;
    height: 0;
    width: 100%;
    overflow: hidden;
    margin-bottom: 0.8rem;
    background-color: #e2e2e2;
}
.video-placeholder iframe,
.video-placeholder object,
.video-placeholder embed {
    max-width: 100%;
    width: 100%;
    height: 100%;
    position: absolute;
    top:0;
    left:0;
}


.navbar-toggle,
.icon-bar,
.slide-transition,
.transition {
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}


.white {
    color: #fff;
}
.bg-white {
    background-color: #fff;
}

/* Inventory — Green ? */
.bg-inventory {
    background-color: #59be4f !important;
}
.color-inventory {
    color: #59be4f !important;
}
.bg-inventory-secondary {
    background-color: #32803a !important;
}
.color-inventory-secondary {
    color: #32803a !important;
}
.section-inventory {
    /*background-color: #59be4f;
    background-color: rgba(89, 190, 79, 0.88);*/
}


/* Ordering - Brick */
.bg-ordering {
    background-color: #d87545 !important;
}
.color-ordering {
    color: #d87545 !important;
}
.bg-ordering-secondary {
    background-color: #a94800 !important;
}
.color-ordering-secondary {
    color: #a94800 !important;
}
.section-ordering {
    /*background-color: #d87545;
    background-color: rgba(216, 117, 69, 0.88);*/
}


/* Blue */
.bg-catalog {
    background-color: #3990b3 !important;
}
.color-catalog {
    color: #3990b3 !important;
}
.bg-catalog-secondary {
    background-color: #194c80 !important;
}
.color-catalog-secondary {
    color: #194c80 !important;
}
.section-catalog {
    /*background-color: #3990b3;
    background-color: rgba(57, 144, 179, 0.88);*/
    border-color: #194c80;
}

body.referral_form,
.lightest-grey {
  background-color: #fafafa;
}
.light-grey {
  background-color: #eaeaea;
}
.mid-grey {
  background-color: #7F7F7F;
}
.dark-grey {
  background-color: #2c2a25;
}
.dark-brand, footer {
  background-color: #2B2625;
}
.bg-ltorange {
    background-color: #FFF6EE;
}
.bg-orange,
.bg-brand-orange {
    background-color:#f3bc7a;
}
.bg-brand-darkorange,
a.home-intro:hover,
.secondary-nav  {
    background-color:#f1a054;
}
.bg-tweed-orange {
    background-color:#f3bc7a;
    background-image:url("/static/img/public/fabric-orange.108d0ab96760.png");
    background-repeat: repeat;
}
.bg-tweed-dark {
    background-color:#f3bc7a;
    background-image:url("/static/img/public/fabric-dark.703b42f43b1a.png");
    background-repeat: repeat;
}
.brand-ltorange,
h1.brand-ltorange,
h2.brand-ltorange,
h3.brand-ltorange,
h4.brand-ltorange,
h5.brand-ltorange,
h6.brand-ltorange {
    color:#f3bc7a;
}
.brand-orange,
h1.brand-orange,
h2.brand-orange,
h3.brand-orange,
h4.brand-orange,
h5.brand-orange,
h6.brand-orange,
a.home-intro,
.chart .savings {
    color:#f1a054;
}

/*Cheezy*/
.center-on-featured {
    float: left;
    text-align: center;
    margin-left: 57%;
    width: 43%;
}

.sign-up-btn-lg {
    font-size: 1.5em;
    font-weight: bold;
    padding:0.9em 1.2em;
    margin-top:1.9em;
    text-transform: none;
    letter-spacing: 0;
    background-color: #e36300;
    color:#fff !important;
    -webkit-font-smoothing: antialiased;
}

.sign-up-btn-lg:hover {
    background-color: #ffae0a;
}


/* Login Page */

body.login {
  /*background-image:url("/static/img/home7_dark.18376d8de568.jpg");*/
  background-size:cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: top center;
}
body.login .public-body-container {
    height: 100vh;
}
#login-form {
    max-width: 330px;
    padding: 3rem;
    margin: 20% auto 0;
    position: relative;
    background-color: rgba(255,255,255,0.7);
    background-color: rgba(30,30,30,0.85);
    border-radius: 3px;
}
#login-form .form-control {
    position: relative;
    height: auto;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    padding: 10px;
    font-size: 16px;
}
#login-form .form-control:focus {
    z-index: 2;
}
#login-form input[type="password"] {
    margin-bottom: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.superscript {
    font-size: 0.8em;
    display: inline-block;
    vertical-align: text-top;
}
.alert-message .glyphicon-remove {
    float: right;
    cursor: pointer;
}
.alert-message .glyphicon-remove:hover {
    color: red;
}
.contact-us-link,
.referrer-link a {
    cursor: pointer;
}
.container {
    width: 1160px;
}
.paper-container {
    background-color: #fff;
    box-shadow: 0 0 8px rgba(0,0,0,0.2);
    margin-top: -15em;
    position: relative;
    z-index: 2;
    padding: 4rem 4rem 0;
    margin-bottom: 3rem;
}

/* Free Period Adwords Page Specific  */

body.demo .public-header,
body.demo .brand-name,
body.demo .navbar-toggle,
body.demo_thankyou .public-header,
body.demo_thankyou .brand-name,
body.demo_thankyou .navbar-toggle  {
    display: none;
}

 /* Hubspot Form Styling */
.hbspt-form .hs-form-field  {
    width: 100%;
    margin-bottom: 1.1rem;
}
.hbspt-form input  {
    width: 100%;
    padding: 0.3rem;
    border-radius: 2px;
    border: 1px solid #BFBFBF;
}
.hbspt-form input.hs-button  {
    width: auto;
    background-color: #DE7832;
    color: #fff;
    border:none;
    padding: 1.3rem 1.6rem 1.0rem;
    font-size: 1.6rem;
    vertical-align: middle;
    border-radius: 3px;
    float: right;
}
.hbspt-form .submitted-message {
    font-size: 3rem;
}
.margin-top-neg-ten {
    margin-top: -10rem;
}
#learn-more .hbspt-form .hs-form-field {
    margin-bottom: .9rem;
}
#learn-more .hbspt-form .hs-form-field label {
    margin-bottom: 0;
    font-size: 14px;
}
#learn-more .hbspt-form input  {
    border: none;
    border-bottom: 1px solid #7F7F7F;
    background-color: rgba(255,255,255,.2);
    border-radius: 0px;
    padding: .4rem .4rem .2rem;
}
#learn-more .hbspt-form input.hs-button {
    border:2px solid #7F7F7F;
    border-color:#f1a054;
    color:#f1a054;
    border-radius: 2px;
    background-color: transparent;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    font-size: 1.1em;
    font-family: 'BrandonGrotesque-Bold', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    transition: all 0.4s ease;
    padding: 1rem 1.2rem .7rem;
}
#learn-more .hbspt-form input.hs-button:hover {
    background-color:#f1a054;
    color: #fff;
}



/* Start the Media Queries */

/* Smaller Laptops */
@media only screen and (max-width: 1199px) {

    .container {
        width: 978px;
    }
    .secondary-nav a {
        padding: 1.3rem 2.2rem 1.3rem 1.2rem;
        font-size: 1.0em;
    }
    .secondary-nav a.learn-more {
        font-size: 1.0em;
    }
}


@media only screen and (max-width: 999px) and (min-width: 770px) {
    .clear-left-md {
        clear: left;
    }
    .text-center-md {
        text-align: center;
    }
}

/* MD */
@media only screen and (max-width: 769px) and (min-width: 520px) {
    .clear-left-sm {
        clear: left;
    }
    .text-center-sm {
        text-align: center;
    }
}

/* SM */
@media only screen and (max-width: 769px) {
    .for-down {
        display: inline-block;
        font-size: 4em;
        -webkit-transform: rotate(90deg);
    }
    .margin-top-neg-ten {
        margin-top: 2rem;
    }
}

/* SM and MD - Tablets, Phones */
@media only screen and (max-width: 999px) {

    html, body {
        font-size: 14px;
    }
    .container {
        width: 94%;
    }
    .navbar-toggle {
        background-color: #262626;
        position: fixed;
        top:0;
        left:0px;
        margin: 0;
        border-radius: 0px;
        z-index: 1010;
        display: block;
        padding: 19px 14px;
        display: block;
        z-index: 999;
    }
    .navbar-toggle.bar-close {
        left: 200px;
        background-color: #ec9a08;
    }
    .navbar-toggle .icon-bar {
        background-color: #fff;
        height: 3px;
    }
    .bar-close .icon-bar.one {
        -webkit-transform: rotate(45deg) translate(5px, 5px);
        -moz-transform: rotate(45deg) translate(5px, 5px);
        -ms-transform: rotate(45deg) translate(5px, 5px);
        -o-transform: rotate(45deg) translate(5px, 5px);
        transform: rotate(45deg) translate(5px, 5px);
    }
    .bar-close .icon-bar.two {
        opacity: 0;
    }
    .bar-close .icon-bar.three {
        -webkit-transform: rotate(-45deg) translate(5px, -5px);
        -moz-transform: rotate(-45deg) translate(5px, -5px);
        -ms-transform: rotate(-45deg) translate(5px, -5px);
        -o-transform: rotate(-45deg) translate(5px, -5px);
        transform: rotate(-45deg) translate(5px, -5px);
    }
    .public-header,
    .public-header.opennav {
        position: fixed;
        z-index: 999;
        width: 200px;
        padding:1em 0;
        height: 100%;
        margin-left: -200px;
    }
    .public-header.nav-open {
        margin-left: 0px;
    }
    .nav li {
        float: left;
        width: 100%;
    }
    .nav li a,
    .nav li.large a {
        padding:0.8rem 1.0rem;
    }
    .nav li.sign-in {
        margin-left: 0;
        margin-top: 1em;
    }
    .brand-name {
        position: absolute;
        display: block;
        top: 0;
        background-color: #262626;
        padding:0.2rem 0.6rem 0.2rem 3rem;
        z-index: 998;
        width: 100%;
    }
    .opennav a.brand-logo,
    a.brand-logo {
        padding:0.6rem 1.0rem;
        margin-left: 0;
        font-size: 2.4em;
    }
    .home-top {
        height: auto;
        min-height: 100px;
        padding-top: 5em;
    }
    .home-top-info {
        position: relative;
        bottom: auto;
        left:0;
        width: 100%;
        padding:2em 2.5em;
    }
    .home-top-info h2 {
        font-size: 2.4em;
    }
    .home-more {
        display: none;
    }
    a.home-more {
        bottom: -2em;
        margin-left: -2em;
        height: 4em;
        width: 4em;
    }
    a.home-more .glyphicon-chevron-down {
        font-size: 1.5em;
    }
    .sticky-wrapper {
        display: none;
    }
    .price-block,
    .price-block.featured {
        width: 100%;
        margin-top: 0;
        float: left;
        margin-bottom: 1rem;
    }
    .center-on-featured {
        float: left;
        text-align: center;
        margin-left: 0%;
        width: 100%;
    }
    .public-header.homescroll .nav li.current a:after {
        display: none;
    }
    .public-header,
    .public-header.hidenav,
    .public-header.opennav {
        margin-top: 0em;
    }
    .brand-name .nav {
        float: right;
        display: block;
    }
    .brand-name .nav li,
    .brand-name .nav li a {
        float: right;
        width: auto;
    }
    .brand-name .nav li.navbtn.username a {
        margin-top: 0.9em;
    }
    .brand-name .nav li.navbtn.cta a {
        margin-top: 0.6em;
    }
    .brand-name .nav .sign-in {
        margin-top: 0.6em;
        margin-bottom: 0.6em;
    }
    .top-home {
        min-height: 0;
    }
    .top-home-text {
        position: relative;
        bottom: auto;
        left: auto;
        margin: 4em 4% 0;
    }
    .top-home-text h1 {
        font-size: 2.8em;
    }
    a.home-intro {
        padding: 2.2rem 0 0;
        font-size: 2.5em;
        height: auto;
    }
    a.home-intro {
        font-size: 1.5em;
    }
    h6.page-title {
        margin-left: 0em;
        float: none;
    }
    .top-section-text {
        padding: 2.5em 3em 1em;
        position: relative;
        bottom: auto;
        left: auto;
        margin-top: 4em;
        font-size: 80%;
    }
    .chart .savings {
        font-size: 1.1em;
    }
    .chart h5 {
        font-size: 0.8em;
    }
    .q-1 .quote-box,
    .q-2 .quote-box {
        margin-top: 0 !important;
    }
    .quote-box.bottom:before {
        left: 5%;
    }
    .test-person,
    .test-person-title {
        margin-left: 25%;
    }
}



/* rotation */
@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@-moz-keyframes rotate {
    0% {
        -moz-transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(360deg);
    }
}

@-ms-keyframes rotate {
    0% {
        -ms-transform: rotate(0deg);
    }

    100% {
        -ms-transform: rotate(360deg);
    }
}

@-o-keyframes rotate {
    0% {
        -o-transform: rotate(0deg);
    }

    100% {
        -o-transform: rotate(360deg);
    }
}

@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}


/* pre-validation */
.validate {
    border-right: 0px;
}

.validate:focus + .input-group-addon {
    border: 1px solid #66AFE9;
}

.validate + .input-group-addon {
    background-color: white;
    border-left: 0px !important;
}

.validate:disabled + .input-group-addon {
    background-color: rgb(238, 238, 238);
}


/* border */
.validate.valid,
.validate.valid + .input-group-addon {
    border: #3c763d solid 1px !important;
}

.validate.invalid,
.validate.invalid + .input-group-addon {
    border: #A94442 solid 1px !important;
}

.validate.valid,
.validate.invalid {
    border-right: 0px !important;
}

.validate.valid + .input-group-addon,
.validate.invalid + .input-group-addon {
    border-left: 0px !important;
}


/* icons */
.validate + .input-group-addon .bevico-check {
    color: #3c763d;
}

.validate + .input-group-addon .bevico-error {
    color: #A94442;
}

.validate + .input-group-addon .bevico-check,
.validate + .input-group-addon .bevico-error,
.validate + .input-group-addon .bevico-spinner2 {
    font-size: 140%;
}

.validate.valid + .input-group-addon .bevico-check,
.validate.invalid + .input-group-addon .bevico-error,
.validate.validating + .input-group-addon .bevico-spinner2 {
    display: inline !important;
}

.validate + .input-group-addon .bevico-spinner2 {
    -webkit-animation: rotate 1s infinite linear;
    -moz-animation: rotate 1s infinite linear;
    -ms-animation: rotate 1s infinite linear;
    -o-animation: rotate 1s infinite linear;
    animation: rotate 1s infinite linear;
}


/* message */
.invalid-messages {
    margin-top: 5px;
    color: #A94442;
}


/*
    Bevspot Admin-only Tools
*/

.footer-status {
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    font-size: 0.8em;
    padding: 3px 15px;
    color: #535353;
    background-color: #E0E0E0;
    z-index: 9998;
    text-align: left;
    border-top: 1px solid #A5A5A5;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    display: block;
}
.footer-status.fs-off {
    left: 100%;
}
.fs-toggle {
    position: fixed;
    right: 15px;
    bottom: 3px;
    cursor: pointer;
    color: #000;
    z-index: 9999;
}
.fs-toggle .bevicon {
    text-shadow: 1px 1px 0px rgba(255,255,255,1.0);
}

#js-error {
    position: fixed;
    bottom: 0;
    height: 0px;
    background-color: #a94442;
    width: 100%;
    color: white;
    z-index: 1041;
    box-shadow: 0px 0px 2px #333;
    text-align: center;
}