.body.beer-detail { background:#e7e5dd; }

.beer-detail-wrap {
	background-repeat:no-repeat;
	background-position: center top;
}

.beer-detail-marquee {
/*	overflow:hidden;*/
}

.beer-detail-marquee .content-main {
	position:relative;
}

@media(min-width:1024px) {
	.beer-detail-marquee {
		padding-bottom:50px;
/*		min-height:695px;*/
	}
}

/*.beer-detail-marquee:before { padding-top: 65.88%; }*/

.beer-detail-marquee h1.long-title { font-size:56px; }

.beer-detail-marquee .text {
	width:760px;
	float:right;
	margin-top:40px;
	position:relative;
}

.beer-detail-marquee .text .description {
	width:475px;
	float:left;
}

.beer-detail-marquee .text .description p {
	margin-top:0;
/*	font-size:14px;
	line-height:26px;*/
}

.beer-detail-marquee .text .buttons {
	float:right;
	width:250px;
	padding-top:7px;
}

.beer-detail-marquee .text .buttons .button {
	padding:0;
	display:block;
	width:auto;
	text-align:center;
	margin-bottom:8px;
}

.beer-detail-marquee .text .no-buttons .description {
	width:auto;
}

.beer-detail-marquee .text .no-buttons .buttons {
	display:none;
}

.beer-detail-marquee .hero {
	height:630px;
	width:auto;
	position:absolute;
	top:28px;
	left:8%;
}

.beer-detail-marquee .hero.wide-1 {
	left:0;
}

.beer-detail-marquee .specs {
	border-top:#87714d 1px solid;
	border-bottom:#87714d 1px solid;
	padding:15px 0;
	position:relative;
}

.beer-detail-marquee .specs .left {
	width:275px;
/*	border-right: #87714d 1px solid;*/
	padding-right:20px;
}

.beer-detail-marquee .specs .right {
	width:440px;
}

.beer-detail-marquee .specs:before {
	content:'';
	display:block;
	position:absolute;
	width:1px;
	left:295px;
	top:15px;
	bottom:15px;
	background:#87714d;
}

.beer-detail-marquee .specs .abv-ibu h3 {
	display:inline-block;
	margin:0;
	vertical-align:middle;
	font-size:36px;
}

.beer-detail-marquee .specs .abv-ibu {
	padding-bottom:15px;
}

.beer-detail-marquee .specs h4 {
	font-size:25px;
}

.beer-detail-marquee .specs .abv-ibu .vertical-divider {
	display:inline-block;
	margin:0 18px;
	vertical-align:middle;
	background:#8d7249;
	width:1px;
	height:47px;
}

.beer-detail-marquee .specs .specs-line {
	padding:15px 0 15px;
	border-top:#87714d 1px solid;
}

.beer-detail-marquee .specs .specs-line:last-child {
	padding-bottom:0;
}

.beer-detail-marquee .specs .specs-line p { margin:0; }

.beer-detail-marquee .specs .ingredients {
	margin-top:24px;
}

.beer-detail-marquee .specs .ingredient {
	overflow:hidden;
	margin-bottom:20px;
}

.beer-detail-marquee .specs .ingredient h6 {
	float:left;
	width:100px;
/*	margin:0 20px 0 0;*/
	margin:0;
	line-height:100%;
}

.beer-detail-marquee .specs .ingredient p {
	float:left;
	width:320px;
	margin:-2px 0 0 0;
}

.beer-detail-marquee .sub-nav {
	padding:20px 0;
	border-bottom:#87714d 1px solid;
}

.beer-detail-marquee .sub-nav ul {
	margin:0;
	padding:0;
}

.beer-detail-marquee .sub-nav ul li {
	margin:0 30px 0 0;
	padding:0;
	list-style:none;
	display:inline;
}

.beer-detail-marquee .sub-nav ul li:last-child {
	margin-right:0;
}

.beer-detail-marquee .sub-nav a {
	font-family: TradeGothicLTPro-BdCn20, sans-serif;
	font-weight: normal;
	font-style: normal;
	color:#8d7249;
	text-decoration:none;
	font-size:21px;
}

.beer-detail-marquee .sub-nav a:hover, .beer-detail-marquee .sub-nav a.selected {
	color:#333;
}

.beer-detail-content {
/*	background:#000;*/
	padding-bottom:80px;
}

.beer-detail-content .sub-content-section {
	display:none;
/*	margin-top:-72px;*/
	position:relative;
	z-index:2;
}

.beer-detail-content .sub-content-section.text {
	width:760px;
	float:right;
/*	margin-top:-140px;*/
}

.video-cta {
	display:block;
}

.video-cta .play-arrow {
	width:90px;
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-45px;
	margin-top:-45px;
	z-index:1;
	cursor:pointer;
}

.video-cta .dimmer {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:0;
	background:#000;
	opacity:0;
}

.video-cta:hover .dimmer {
	opacity:.5;
}

.beer-sub-content {
/*	background-image:url(/resources/img/detail-related-bg.jpg);
	background-size:100% auto;
	background-repeat:repeat-y;*/
/*	margin-bottom:60px;*/
}

.related-products {
/*	height:1000px;*/
	
	padding:30px 0 60px;
	overflow:hidden;
	text-align:center;
	background-size:100% auto;
	background-repeat:no-repeat;
}

.related-products .related-title {
	margin-bottom:90px;
}

.related-products .related-prod {
	display:inline-block;
	vertical-align:top;
	width:265px;
	text-decoration:none;
	margin-bottom:30px;
}

.related-products .related-prod img {
	height:255px;
	width:auto;
	margin-bottom:40px;
}

.related-products .related-prod .text {
	padding:0 10px;
}

.related-products .related-prod .abv-ibu h6 {
	display:inline-block;
	margin:0;
	vertical-align:middle;
}

.related-products .related-prod .abv-ibu .vertical-divider {
	display:inline-block;
	margin:0 8px;
	vertical-align:middle;
	background:#8d7249;
	width:1px;
	height:27px;
}

.image-gallery {
	position:relative;
	margin-bottom:55px;
}

.image-gallery .image { display:block; }

.image-gallery .arrow {
	position:absolute;
	z-index:3;
	top:50%;
	margin-top:-35px;
	cursor:pointer;
}

.image-gallery .arrow-gradient {
	position:absolute;
	z-index:2;
	top:0;
	width:255px;
	height:100%;
	pointer-events: none;
}

.image-gallery .arrow-gradient.next {
	right:0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.5+100 */
	background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=1 ); /* IE6-9 */
}

.image-gallery .arrow-gradient.prev {
	left:0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.5+0,0+100 */
	background: -moz-linear-gradient(left, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(0,0,0,0.75) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(0,0,0,0.75) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
}

.image-gallery .arrow.next {
	right:15px;
}

.image-gallery .arrow.prev {
	left:15px;
}

.image-gallery .title {
	margin:25px 0 55px;
}

.image-gallery.overlay {
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:999;
	background:rgba(0,0,0,0.85);
	margin:0;
	display:none;
}


.image-gallery.overlay .owl-stage-outer,
.image-gallery.overlay .owl-stage,
.image-gallery.overlay .owl-item {
	height:100%;
}

.image-gallery.grid {
/*	background:#000;*/
	padding:40px 0 0;
	margin-bottom:0;
}

.image-gallery.grid .image {
	width:25%;
	float:left;
	cursor:pointer;
/*	box-sizing:border-box;*/
	position:relative;
	background-size:100%;
}

.image-gallery.grid .image .hover {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	border:#8d7249 0px solid;
	opacity:0;
}

.image-gallery.grid .image:hover {
/*	border:#8d7249 3px solid;*/
	background-size:110% !important;
}

.image-gallery.grid .image:hover .hover {
	border:#8d7249 6px solid;
	opacity:1;
}

@media(min-width:1024px) {
	.beer-detail-marquee .title-wrap img { display:none; }
}

@media(max-width:1150px) {
	.beer-detail-marquee .hero {
		left:4%;
	}
	
	.beer-detail-marquee .hero.wide-1 {
		left:0;
		height:380px;
	}
}

@media(max-width:1023px) {
	
	.beer-detail-wrap {
		background-image:none !important;
	}
	
	.body.beer-detail {
/*		background-image:url(/resources/img/detail-related-bg.jpg) !important;
		background-size:100% auto;
		background-position: center top;
		background-repeat:repeat-y;*/
	}
	
	.beer-detail-marquee, .beer-sub-content {
		background-image:none !important;
		min-height:0 !important;
	}
	
	.beer-detail-marquee .title-wrap img,
	.beer-detail-marquee .title-wrap h1 {
		display:inline-block;
		vertical-align:bottom;
	}
	
	.beer-detail-marquee .title-wrap img {
		margin-right:20px;
		height:255px;
		width:auto;
	}
	
	.beer-detail-marquee .title-wrap h1 {
		margin-bottom: 0;
		/* margin-left:20px; */
		margin-top: 20px;
	}
	
	.beer-detail-marquee .title-wrap {
		margin-bottom:30px;
	}
	
	.beer-detail-marquee .content {
		position:static;
	}
	
	.beer-detail-marquee:before { padding-top: 0; }
	
	.beer-detail-marquee .text,
	.beer-detail-content .sub-content-section,
	.beer-detail-content .sub-content-section.text {
		width:auto;
		max-width:760px;
		float:none;
		margin-top:40px;
		margin-left:auto;
		margin-right:auto;
		overflow:hidden;
	}
	
	.beer-detail-content {
		background:transparent;
	}
	
	.beer-detail-marquee .hero {
		display:none;
	}
}

@media(max-width:819px) {
	
	.beer-detail-marquee .content-main {
/*		padding-top:40px;*/
	}
	
	.beer-detail-marquee .text .description,
	.beer-detail-marquee .text .buttons {
		width:auto;
		float:none;
	}
	
	.beer-detail-marquee .text .buttons .button {
		max-width:300px;
	}
	
	.beer-detail-marquee .specs {
		margin-top:20px;
	}
	
	.beer-detail-marquee .specs .left,
	.beer-detail-marquee .specs .right {
		width:auto;
		float:none;
		border-right:none;
	}
	
	.beer-detail-marquee .specs:before { display:none; }
	
	.beer-detail-marquee .specs .right {
		padding-top:15px;
	}
	
	.beer-detail-marquee .specs .specs-line,
	.beer-detail-marquee .specs .specs-line:last-child {
		border-top:none;
		padding-bottom:15px;
	}
	
	.beer-detail-marquee .sub-nav ul li {
		margin: 0 20px 10px 0;
		display: inline-block;
	}
	
	.beer-detail-marquee .sub-nav {
		padding: 20px 0 5px;
	}
	
	.beer-detail-marquee .specs .ingredient h6 {
		width:150px;
	}
}

@media(max-width:767px) {
	.beer-detail-marquee .content-main {
		padding-top:60px;
	}
	
	.image-gallery.grid .image {
		width:33.33333%;
	}
}

@media(max-width:480px) {
	.image-gallery.grid .image {
		width:50%;
	}
}