/* ==========================================================================
    Base
   ========================================================================== */

	img {
		max-width: 100%;
		height: auto;
	}
	iframe {
		border: 0;
		margin: 0;
		padding: 0;
	}
	.shop-wrap {
		padding: 15px;
		background: white;
	}
	.container {
		position: relative;
	}

/* ==========================================================================
    Grids
   ========================================================================== */

	.row-primary {
		background: white;
		padding-top: 15px;
		padding-bottom: 15px;
	}
	@media (min-width: 769px) {
		.row-primary {
			padding-top: 50px;
			padding-bottom: 50px;
		}
	}
	.row.no-gutters {
		margin-right: 1px;
		margin-left: 1px;
	}
	.row.no-gutters [class^="col-"],
	.row.no-gutters [class*=" col-"]{
		padding-right: 1px;
		padding-left: 1px;
	}
	.row-primary.no-gutters {
		border-left: 1px solid black;
	}
	@media (min-width: 769px) {
		.row-primary.no-gutters {
			border-right: 1px solid black;
		}
	}
	.row-primary.no-gutters [class^="col-"],
	.row-primary.no-gutters [class*=" col-"]{
		padding-right: 0;
		padding-left: 0;
	}
	.inner {
		padding-left: 15px;
		padding-right: 15px;
	}

/* ==========================================================================
    Header
   ========================================================================== */

	/* Nav bar */
	.navbar:before {
		background: black;
		height: 50px;
		display: block;
		width: 100%;
		overflow: hidden;
		content: '';
		position: absolute;
		z-index: 1;
		top: 0;
	}
	.navbar {
		background: black url() 50px 0;
		border: 0;
		border-bottom: 1px solid white;
		border-radius: 0;
		margin-bottom: 0;
		min-height: 161px;
		padding-right: 1px;
	}
	.navbar-nav {
		padding-bottom: 0;
	}
	.navbar-nav > li {
		text-align: right;
	}
	@media (min-width: 768px) {
		.navbar-nav {
			background: black;
			width: 100%;
			padding-left: 180px;
			position: relative;
			z-index: 2;
			padding-right: 0;
		}
		.navbar-nav > li {
			text-align: left;
		}
	}
	@media (min-width: 992px) {
		.navbar-nav {
			padding-left: 324px;
		}
	}
	.navbar-inverse .navbar-nav > li > a {
		color: white;
		text-transform: uppercase;
	}
	.navbar-inverse .navbar-nav > li > a:hover {
		color: #ccc;
	}

	/* Navbar Toggle */
	.navbar-header {
		width: 100%;
		position: relative;
	}
	.navbar-toggle {
		position: absolute;
		right: 0;
		z-index: 5;
		margin-right: -15px;
	}
	.navbar-inverse .navbar-toggle {
		background-color: #881a1b;
		border-color: #881a1b;
	}
	.navbar-inverse .navbar-toggle:hover,
	.navbar-inverse .navbar-toggle:focus {
		background-color: #881a1b;
	}
	@media (max-width: 767px) {
		.navbar-collapse {
			position: relative;
			z-index: 4;
		}
		.navbar-collapse .navbar-nav {
			margin-top: 50px;
		}
		.navbar-collapse .navbar-nav > li > a {
			padding-top: 5px;
			padding-bottom: 5px;
		}
	}

	/* Logo */
	.navbar-brand {
		padding: 0;
		height: 160px;
		position: absolute;
		z-index: 3;
	}
	.navbar-brand > img {
		margin-left: -25px;
	}
	@media (min-width: 992px) {
		.navbar-brand > img {
			margin-left: 0;
		}
	}

	/* Social Media Links */
	.navbar-nav > .social-icon {
		float: right;
	}
	.social-icon {
		display: block;
		width: 21px;
		height: 21px;
		overflow: hidden;
		margin: 0 15px 15px 0;
	}
	@media (min-width: 768px) {
		.social-icon {
			margin: 14px 0 0 10px;
		}
	}
	.social-icon:hover {
		opacity: 0.8;
	}
	.fb {
		background: url();
	}
	.tw {
		background: url();
	}
	.insta {
		background: url();
	}
	.no-svg .fb {
		background: url();
	}
	.no-svg .tw {
		background: url();
	}
	.no-svg .insta {
		background: url();
	}

	/* Site Utils */
	.site-utils,
	.navbar .barnet-widget {
		background: white;
		opacity: 0.8;
		text-transform: uppercase;
		float: right;
		margin: 0 0 15px;
		padding: 2px 7px;
		letter-spacing: 0.025em;
		line-height: 16px;
		font-size: 11px;
	}
	@media (min-width: 769px) {
		.site-utils,
		.navbar .barnet-widget {
			margin: 0 15px;
			position: absolute;
			right: 0;
			z-index: 100;
		}
	}
	.site-utils > li {
		margin: 0;
		list-style: none;
		display: block;
		float: left;
		position: relative;
	}
	.site-utils > li > a,
	.navbar .barnet-widget a {
		color: black;
		position: relative;
	}
	.site-utils > li > a:hover,
	.navbar .barnet-widget a:hover {
		text-decoration: none;
		color: #555;
	}
	.site-utils > li:last-child:before {
		content: '';
		height: 10px;
		width: 1px;
		background: black;
		position: absolute;
		left: 0;
		top: 3px;
	}
	.site-utils > li:last-child > a {
		padding-left: 8px;
	}
	.site-utils strong,
	.navbar .barnet-widget .badge {
		display: inline-block !important;
		border-radius: 100%;
		background: black;
		padding: 2px;
		vertical-align: middle;
		line-height: 1;
		width: 16px;
		height: 16px;
		color: white;
		text-align: center;
		margin-left: 2px;
		margin-top: -2px;
		font-size: 10px;
	}

/* ==========================================================================
    Footer
   ========================================================================== */

	footer {
		background: black url();
		padding: 15px 0 0;
		border-left: 2px solid black;
		border-right: 2px solid black;
	}
	.nav-footer {
		text-align: center;
		margin: 0;
	}
	.nav-footer > li {
		position: relative;
		line-height: 1;
		display: inline-block;
	}
	.nav-footer > li > a {
		color: white;
		text-transform: uppercase;
		padding: 5px 10px 5px 9px;
		font-size: 11px;
	}
	.nav-footer > li > a:hover,
	.nav-footer > li > a:focus,
	.nav-footer > li > a:active {
		background-color: transparent;
		color: #ccc;
	}
	.nav-footer > li:after {
		content: '';
		border-right: 1px solid white;
		height: 10px;
		top: 6px;
		right: 0;
		position: absolute;
	}
	.nav-footer > li:last-child:after {
		border-right: 0;
	}
	.disclaimer {
		margin: 0;
		text-align: center;
		padding: 10px;
		font-size: 9px;
		color: white;
		font-weight: 700;
		letter-spacing: 0.025em;
	}
	footer .inner {
		background: rgba(0,0,0,.5);
		padding: 10px 0 5px;
	}

/* ==========================================================================
    CTA Module
   ========================================================================== */

	.cta-modules {
		margin-bottom: 2px;
	}
	.cta-module-title {
		color: white;
		text-transform: uppercase;
		padding: 4px 0 5px 75px;
		background: url();
		font-weight: normal;
		font-size: 16px;
		margin: 0;
	}
	.cta-module-title a {
		color: white;
	}
	.cta-module-icon-and-content {
		padding: 5px 10px;
		position: relative;
		font-size: 11px;
		background: white;
		min-height: 65px;
		overflow: hidden;
	}
	.cta-module-icon {
		float: left;
		width: 65px;
		padding-right: 10px;
		padding-top: 4px;
		padding-bottom: 15px;
	}
	@media (min-width: 480px) {
		.cta-module-icon {
			padding-bottom: 5px;
		}
	}
	@media (min-width: 960px) {
		.cta-module-icon {
			padding-bottom: 0;
		}
	}
	.cta-module-icon img {
		width: 100%;
		height: auto;
	}
	.cta-module-content {
		margin: 0;
		padding: 5px 20px 5px 0;
	}
	.cta-module-exclusives .cta-module-icon {
		padding-left: 5px;
		padding-right: 15px;
		padding-top: 8px;
	}
	.row.no-gutters .cta-module-social {
		padding-right: 0;
	}
	.cta-module-social .cta-module-icon {
		padding-left: 5px;
		padding-right: 15px;
		padding-top: 16px;
	}

/* ==========================================================================
    Pages
   ========================================================================== */

    /* Typography */
    h1 {
    	color: #bd1900;
    	text-transform: uppercase;
    	font-weight: 400;
    	margin: 0;
    	line-height: 1.2;
    	padding: 0 0 15px;
    }
    h2 {
    	font-weight: 900;
    	color: black;
    	font-size: 12px;
    	margin: 0;
    }
    h3 {
    	font-size: 12px;
    	color: #555;
    	margin: 0;
    }
    p, ul, ol {
    	margin: 0;
    	padding-bottom: 20px;
    }

	/* Contact */
	.form-fields {
		margin: 0;
		padding: 0;
	}
	.form-fields li {
		list-style: none;
		margin: 0;
		padding: 0 0 15px;
	}
	.contact-form label {
		display: block;
	}
	.contact-form input[type='text'],
	.contact-form input[type='email'],
	.contact-form textarea {
		border: 1px solid #ccc;
		background: white;
		padding: 3px;
	}
	.contact-form textarea {
		width: 100%;
	}
	@media (min-width: 769px) {
		.contact-form input[type='text'],
		.contact-form input[type='email'],
		.contact-form textarea {
			width: 250px;
		}
	}
	.contact-form button {
		background: #bd1900;
		color: white;
		border: 0;
		padding: 5px 10px;
		border-radius: 4px;
		cursor: pointer;
	}
	.contact-form button:hover {
		background: #555;
	}

	/* About */
	.img-about {
		padding-bottom: 15px;
	}
	@media (min-width: 769px) {
		.img-about {
			margin-top: -30px;
			padding-bottom: 0;
		}
	}

	/* Drink Responsibly */
	.center {
		text-align: center;
	}
	.img-drink {
		margin: 0 auto;
		padding-bottom: 15px;
	}
	@media (min-width: 769px) {
		.img-drink {
			padding-bottom: 0;
		}
	}

	/* Shop */
	.row-no-padd {
		padding-top: 0;
		padding-bottom: 0;
	}
	@media (min-width: 769px) {
		.row-no-padd {
			padding-top: 0;
			padding-bottom: 0;
		}
	}

	/* Top 10 */
	.page-topten .row-primary {
		padding-top: 0;
		padding-bottom: 0;
	}
	@media (min-width: 769px) {
		.page-topten .row-primary {
			padding-top: 0;
			padding-bottom: 0;
		}
	}
	.top10 {
		background: black;
	}
	.top10-wrap {
		background: white;
		min-height: 372px;
	}
	.top10-title {
		background: black url();
		color: #fff;
		font-size: 19px;
		text-shadow: 0 2px 0 rgba(1,1,1,.75);
		text-transform: uppercase;
		font-weight: 400;
		padding: 15px 30px;
		letter-spacing: 0.025em;
		line-height: 1;
		-moz-box-shadow: inset 0 2px 20px 4px rgba(1,1,1,.41);
		-webkit-box-shadow: inset 0 2px 20px 4px rgba(1,1,1,.41);
		box-shadow: inset 0 2px 20px 4px rgba(1,1,1,.41);
	}
	.top10-list,
	.top-products {
		text-transform: uppercase;
		background: white;
		list-style-type: none;
    	list-style-type: decimal !ie; /*IE 7- hack*/
    	counter-reset: li-counter;
    	padding-left: 0;
	}
	.top10-list li:before,
	.top-products li:before {
		content: counter(li-counter);
    	counter-increment: li-counter;
    	z-index: 99;
    	overflow: hidden;
    	position: absolute;
    	top: 5px;
    	left: 0;
		padding-left: 30px;
	}
	.top10-list li,
	.top-products li {
		list-style-position: inside;
		background: white;
		position: relative;
		color: #555;
		padding-left: 30px;
	}
	.top10-list a,
	.top-products a {
		display: block;
		text-decoration: underline;
		color: #555;
		padding: 5px 30px;
	}
	.top10-list a:hover,
	.top-products a:hover {
		color: black;
		text-decoration: underline;
	}
	.top10-list li:nth-of-type(odd),
	.top-products li:nth-of-type(odd) {
		background: #eadddd;
	}
	.row.no-gutters .top10-last {
		padding-right: 0;
	}

	/* Home */
	.title-find {
		color: #555;
		text-transform: uppercase;
		font-size: 15px;
		font-weight: 400;
		margin: 0;
		padding: 0;
		letter-spacing: 0.075em;
	}
	.button-shop {
		margin: 0;
		padding: 5px 0 0;
	}
	.module-lg {
		clear: both;
	}
	.module img {
		width: 100%;
		height: auto;
	}
	@media (min-width: 481px) {
		.module-sm {
			float: left;
			width: 50%;
		}
	}
	.carousel {
		padding-top: 80px;
	}
	@media (min-width: 768px) {
		.carousel {
			padding-top: 0;
		}
	}
	.carousel-indicators {
		float: right;
		width: auto;
		right: 15px;
		left: auto;
	}
	.module {
		position: relative;
		border: 1px solid black;
		border-top: 0;
	}
	.module h3 {
		color: #fff;
		font-size: 18px;
		text-shadow: 0 2px 27px rgba(1,1,1,.75);
		background: rgba(0,0,0,.31);
		padding: 10px 30px;
		text-align: right;
		position: absolute;
		text-transform: uppercase;
		bottom: -1px;
		right: 0;
		width: 100%;
		font-weight: 400;
		letter-spacing: 0.075em;
		line-height: 1;
		z-index: 2;
	}
	.badge-top10 {
		width: 100%;
		height: 100%;
		overflow: hidden;
		position: absolute;
		z-index: 1;
		background: url(../img/badge-top10.png) no-repeat center 15px;
		display: block;
		top: 0;
		left: 0;
	}
	.home-sidebar {
		background: white;
		border-right: 1px solid black;
		padding-bottom: 5px;
	}
	.home-modules {
		background: black;
	}
	.row-home {
		background: black;
	}

	/* Find */
	.filter-block {
		width: 100%;
		overflow: hidden;
		padding: 5px 0 0;
	}
	.filter-content select {
		margin-top: 12px;
	}
	.filter-block .radio {
		float: left;
		width: 50%;
		margin-top: 0 !important;
		text-align: left;
		margin-bottom: 3px;
		padding-left: 35px;
	}
	.filter-content .nav-header {
		text-transform: uppercase;
		font-weight: bold;
		color: #555;
		padding: 8px 0;
	}
	.filter-actions {
		clear: both;
		padding: 0 0 13px;
	}
	.filter-actions a {
		color: #fff;
		background: #bd1900;
		display: inline-block;
		padding: 5px 15px;
	}
	.filter-actions a:hover {
		color: #fff;
		background: #555;
	}

	/* Age Verification */
	@media (min-width: 960px) {
		.modal-dialog {
			width: 835px;
		}
	}
	.modal-content {
		border-bottom-right-radius: 25px;
		border-bottom-left-radius: 25px;
	}
	.modal-header {
		padding: 0;
		border: 0;
	}
	.modal-body {
		padding: 0;
	}
	.modal-footer {
		padding: 0;
		text-align: center;
		border: 0;
		background: #1a1818;
		border-bottom-right-radius: 19px;
		border-bottom-left-radius: 19px;
	}
	.modal-disclaimer {
		color: white;
		text-transform: uppercase;
		font-size: 10px;
		margin: 0;
		padding: 25px;
		line-height: 1.2;
	}
	.input-w-sm,
	.input-w-md,
	.form-button,
	.form-select {
		background: #1a1818;
		border: 0;
		color: white;
		text-transform: uppercase;
		text-align: center;
		padding: 10px 5px;
		margin: 0;
		display: inline-block;
		font-size: 19px;
		-webkit-appearance: none;
  		-webkit-border-radius: 0px;
  		letter-spacing: 0.075em;
  		vertical-align: middle;
	}
	.input-w-sm {
		width: 70px;
	}
	.input-w-md {
		width: 100px;
	}
	.form-controls {
		text-align: center;
		clear: both;
		padding: 20px 0 0;
	}
	.form-select {
		background: black;
		padding: 10px;
		margin-left: 4px;
		margin-top: 10px;
		font-size: 14px;
		margin: 15px auto 0;
	}
	@media (min-width: 480px) {
		.form-select {
			font-size: 19px;
			padding: 10px 15px;
		}
	}
	@media (min-width: 960px) {
		.form-select {
			margin: 0;
		}
	}
	.form-button {
		font-weight: 700;
		font-size: 24px;
		cursor: pointer;
		margin: 0 auto;
		padding: 5px 50px;
	}
	.form-button:hover {
		background-color: #000;
	}
	.form-legend {
		text-align: center;
		font-size: 14px;
		color: black;
		border: 0;
		margin: 0;
		padding: 15px;
		letter-spacing: 0.075em;
		line-height: 1.2;
	}
	.verification .form-fields {
		text-align: center;
	}