/*------------------------------------------------------------------------
# "Hot Cold Beer" - Commercial Joomla Template
# Copyright (C) 2014 HotThemes. All Rights Reserved.
# License: http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 only
# Author: HotThemes
# Website: http://www.hotjoomlatemplates.com
-------------------------------------------------------------------------*/

/******* COMMON SPARKY'S TEXT STYLES *******/

body {
	margin:0;
	padding:0;
}

p {
	margin: 0 0 15px;
	line-height: 21px;
}

a:hover {
	text-decoration: underline;
}

fieldset {
	border: none;
	padding: 0;
	margin: 0;
}

.tip-wrap {
	color: #333;
}

h1 {
    padding:0 0 30px 0;
    margin:0;
    line-height:normal;
}

h2, h2 a {
    padding:0 0 30px 0;
    margin:0;
    line-height:normal;
}

.sparky_home h2, .sparky_home h2 a {
    padding:0 0 15px 0;
}

h3 {
    margin:15px 0;
    padding:0;
}

h4 {
    margin:0 0 15px 0;
    padding:0;
}

/* read more button */

p.readmore a, .button, .btn {
	display: inline-block;
	padding: 15px 50px;
	margin-top: 20px;
	font-size: 18px;
	font-weight: bold;
	line-height: 20px;
	color: #fff;
	text-align: center;
	cursor: pointer;
	background-color: #867a68;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	transition: all .3s;
	border: 0;
}

p.readmore a:hover, p.readmore a:focus, .button:hover, .btn:hover {
	color: #fff;
	text-decoration: none;
	background-color: #70614b;
	transition: all .3s;
}

p.readmore span {
	display: none;
}

.sparky_inner p.readmore a {
	padding: 5px 15px;
	margin-top: 0;
}

/* contacts category layout */

.category th {
	height: 30px;
	background: #eee;
}

.category .item-num {
	width:9%;
	padding:1%;
}

.category .item-title {
	width:17%;
	padding:1%;
}

.category td.item-title a:link,
.category td.item-title a:visited,
.category td.item-title a:hover {
	text-decoration:underline;
}

.category .item-position {
	width:17%;
	padding:1%;
}

.category .item-phone {
	width:17%;
	padding:1%;
}

.category .item-suburb {
	width:17%;
	padding:1%;
}

.category .item-state {
	width:17%;
	padding:1%;
}

/* forms */

.input {
	margin:0;
	padding:0;
}

.inputbox, input.required, textarea.required {
	display: inline-block;
	vertical-align: middle;
	padding: 8px;
	margin: 0;
	background-color: #ffffff;
	color:#555555;
	border: 1px solid #cccccc;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
	-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
	-o-transition: border linear 0.2s, box-shadow linear 0.2s;
	transition: border linear 0.2s, box-shadow linear 0.2s;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

#jform_contact_emailmsg {
	max-width: 215px;
}

#login-form input {
	padding: 4px;
}

/* lists */

ul, ol {
	margin: 15px 45px;
	padding: 0;
}

div.item-page ol li, div.item-page ul li {
	margin: 0 0 10px 0;
	padding: 0;
}

ul.arrow, ul.arrowleft, ul.calendar, ul.checklist, ul.clock, ul.delete, ul.email, ul.file, ul.folder, ul.heart, ul.information, ul.lock, ul.pencil, ul.play, ul.rss, ul.person, ul.shop, ul.song, ul.star, ul.star2, ul.trash, ul.tweak, ul.unlock, ul.warn {
	margin: 15px 45px;
	padding: 0;
}

ul.arrow li, ul.arrowleft li, ul.calendar li, ul.checklist li, ul.delete li, ul.email li, ul.file li, ul.folder li, ul.heart li, ul.information li, ul.lock li, ul.pencil li, ul.play li, ul.rss li, ul.person li, ul.shop li, ul.song li, ul.star li, ul.star2 li, ul.trash li, ul.tweak li, ul.unlock li, ul.warn li {
	list-style: none;
	padding: 0 15px;
}

ul.arrow li:before, ul.arrowleft li:before, ul.calendar li:before, ul.checklist li:before, ul.delete li:before, ul.email li:before, ul.file li:before, ul.folder li:before, ul.heart li:before, ul.information li:before, ul.lock li:before, ul.pencil li:before, ul.play li:before, ul.rss li:before, ul.person li:before, ul.shop li:before, ul.song li:before, ul.star li:before, ul.star2 li:before, ul.trash li:before, ul.tweak li:before, ul.unlock li:before, ul.warn li:before {
	font-family: FontAwesome;
    padding: 0;
    margin: 0 -20px;
    position: absolute;
}

ul.arrow li:before {
    content: "\f061";
}

ul.arrowleft li:before {
    content: "\f060";
} 

ul.calendar li:before {
    content: "\f073";
}

ul.checklist li:before {
    content: "\f00c";
}

ul.clock li:before {
    content: "\f017";
}

ul.delete li:before {
    content: "\f00d";
}

ul.email li:before {
	content: "\f0e0";
}

ul.file li:before {
	content: "\f15b";
}

ul.folder li:before {
	content: "\f07b";
}

ul.heart li:before {
	content: "\f004";
}

ul.information li:before {
	content: "\f05a";
}

ul.lock li:before {
	content: "\f023";
}

ul.pencil li:before {
	content: "\f040";
}

ul.person li:before {
	content: "\f007";
}

ul.play li:before {
	content: "\f04b";
}

ul.rss li:before {
	content: "\f09e";
}

ul.shop li:before {
	content: "\f07a";
}

ul.song li:before {
	content: "\f001";
}

ul.star li:before {
	content: "\f005";
}

ul.star2 li:before {
	content: "\f006";
}

ul.trash li:before {
	content: "\f014";
}

ul.tweak li:before {
	content: "\f0ad";
}

ul.unlock li:before {
	content: "\f09c";
}

ul.warn li:before {
	content: "\f071";
}

.content_sparky li {
	line-height: 21px;
}

/* font awesome icon sizes */

.fa-1 {
	font-size: 1em;
}

.fa-2 {
	font-size: 2em;
}

.fa-3 {
	font-size: 4em;
}

.fa-4 {
	font-size: 7em;
}

.fa-5 {
	font-size: 12em;
}

.fa-6 {
	font-size: 16em;
}

/* typography */

.warning {
	padding:15px 30px 15px 90px;
	color:#000;
	border: 1px solid #ffcc00;
	background:#ffff66;
	min-height: 50px;
}

.warning:before {
	font-family: FontAwesome;
	content: "\f071";
	font-size: 4em;
	color: #ffcc00;
	position: absolute;
	margin: 15px 0 0 -70px;
}

.info {
	padding:15px 30px 15px 90px;
	color:#006699;
	border: 1px solid #006699;
	background:#bde1ff;
	min-height: 50px;
}

.info:before {
	font-family: FontAwesome;
	content: "\f05a";
	font-size: 4em;
	color: #006699;
	position: absolute;
	margin: 15px 0 0 -70px;
}

.error {
	padding:15px 30px 15px 90px;
	color:#900;
	border: 1px solid #900;
	background:#f8b5b5;
	min-height: 50px;
}

.error:before {
	font-family: FontAwesome;
	content: "\f057";
	font-size: 4em;
	color: #f057;
	position: absolute;
	margin: 15px 0 0 -70px;
}

.typewriter {
	background: url(../images/typewriter_bg.png);
	padding:20px 15px 20px 30px;
	color:#000;
	font-family:"Courier New", Courier, monospace;
	line-height:20px;
	text-align:left;
}

blockquote {
	margin:0;
	padding:15px 15px 15px 15px;
	font-size:150%;
	font-style:italic;
	font-family: serif;
	line-height:normal;
}

blockquote:before {
	font-family: FontAwesome;
	content: "\f10d";
	font-size: 4em;
	font-style:normal;
	color: #ddd;
	float: left;
	margin-right: 30px;
}

.dropcap:first-letter {
	font-size: 300%;
	font-weight:bold;
	float:left;
	margin:0 10px 5px 0;
}

span.p_number {
	font-size: 400%;
	font-weight:bold;
	float:left;
	margin:0 10px 10px 0;
	position: relative;
	line-height: 40px;
}

.inset_left {
	display:block;
	float:left;
	width: 150px;
	font-style: italic;
	margin: 15px 15px 15px 0;
}

.inset_right {
	display:block;
	float:right;
	width: 150px;
	font-style: italic;
	margin: 15px 0 15px 15px;
}

.inset_title {
	font-weight:bold;
	display:block;
}

img.img_left {
	float:left;
	margin:0 30px 30px 0;
}

img.img_right {
	float:right;
	margin:0 0 30px 30px;
}

/******* CUSTOM ROWS AND CELLS STYLING *******/

.sparky_full {
}

.container {
	margin:0 auto;
	padding:0;
}

/*.row {
	padding:0;
	margin:0;
}*/

.row > * {
	float:left;
}

/* abovecontent and belowcontent modules */

div.abovecontent {
	padding: 0 0 30px 0;
}

div.belowcontent {
	padding: 30px 0 0 0;
}

p.copyright {
	text-align: center;
	margin: 30px 0 60px;
}

/******* COLD BEER SPECIFICS *******/

/* top row */

.toprow {
	padding-top: 55px;
	position: absolute;
	width: 100%;
	z-index: 100;
}

.sparky_inner .toprow {
	position: relative;
	margin-bottom: 50px;
}

/* logo */

.sparky_logo {
	line-height: 44px;
}

.sparky_logo a, .mnu_topmenu a {
	text-decoration: none;
}

.sparky_slogan {
	text-transform: uppercase;
	letter-spacing: 5px;
	padding-left: 8px;
}

/* top menu */

.mnu_topmenu > li {
	-wekit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.mnu_topmenu > li.topradiusonly {
	-wekit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}

.mnu_topmenu ul {
	-wekit-border-radius: 0 5px 5px 5px;
	-moz-border-radius: 0 5px 5px 5px;
	border-radius: 0 5px 5px 5px;
}

.mnu_topmenu li:hover {
	-wekit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}

.mnu_topmenu > li.active:hover > a, .mnu_topmenu > li.active:hover > span {
	color: #fff !important;
}

.mnu_topmenu > li > ul {
	background: #dbae4e; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiYWU0ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4Njc3NjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #dbae4e 0%, #867768 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dbae4e), color-stop(100%,#867768)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #dbae4e 0%,#867768 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #dbae4e 0%,#867768 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #dbae4e 0%,#867768 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #dbae4e 0%,#867768 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbae4e', endColorstr='#867768',GradientType=0 ); /* IE6-8 */
}

/* slider row - hot full carousel */

.sliderrow {
	background: url(../images/custom/slider_bg.jpg) top center no-repeat;
}

.hero-carousel article .contents h2 {
	line-height: 50px;
	padding-top: 150px;
	color: #827269;
}

.hero-carousel article .contents h2 span.one {
	font-size: 56px;
	font-weight: bold;
	color: #db9e4e;
}

.hero-carousel article .contents h2 span.two {
	font-size: 56px;
	font-weight: bold;
}

.hero-carousel article .contents p {
	font-weight: 300;
	text-align: right;
	max-width: 480px;
	padding-left: 50px !important;
	line-height: 28px;
}

.hero-carousel-nav li a:hover {
	background: none;
}

/* images positioning in slides */

.slide1 div.glass1 {
	position: absolute;
	top: 50px;
	right: 170px;
}

.slide1 div.glass2 {
	position: absolute;
	top: 125px;
	right: 0;
}

.slide2 div.woman {
	position: absolute;
	top: 0;
	right: 0;
}

.slide3 div.glass3 {
	position: absolute;
	top: 70px;
	right: 163px;
}

.slide3 div.bottle {
	position: absolute;
	top: 20px;
	right: 40px;
}

@-webkit-keyframes glass1 {
	0% { right: -40px; }
	100% { right: 170px; }
}

@-moz-keyframes glass1 {
	0% { right: -40px; }
	100% { right: 170px; }
}

@-o-keyframes glass1 {
	0% { right: -40px; }
	100% { right: 170px; }
}

@keyframes glass1 {
	0% { opacity: 0; right: -40px; }
	100% { opacity: 1; right: 170px; }
}

@-webkit-keyframes glass2 {
	0% { opacity: 0; right: -40px; }
	50% { opacity: 0; right: -40px; }
	100% { opacity: 1; right: 0; }
}

@-moz-keyframes glass2 {
	0% { opacity: 0; right: -40px; }
	50% { opacity: 0; right: -40px; }
	100% { opacity: 1; right: 0; }
}

@-o-keyframes glass2 {
	0% { opacity: 0; right: -40px; }
	50% { opacity: 0; right: -40px; }
	100% { opacity: 1; right: 0; }
}

@keyframes glass2 {
	0% { opacity: 0; right: -40px; }
	50% { opacity: 0; right: -40px; }
	100% { opacity: 1; right: 0; }
}

@-webkit-keyframes woman {
	0% { opacity: 0; right: -40px; }
	100% { opacity: 1; right: 0; }
}

@-moz-keyframes woman {
	0% { opacity: 0; right: -40px; }
	100% { opacity: 1; right: 0; }
}

@-o-keyframes woman {
	0% { opacity: 0; right: -40px; }
	100% { opacity: 1; right: 0; }
}

@keyframes woman {
	0% { opacity: 0; right: -40px; }
	100% { opacity: 1; right: 0; }
}

@-webkit-keyframes glass3 {
	0% { opacity: 0; right: -40px; }
	100% { opacity: 1; right: 163px; }
}

@-moz-keyframes glass3 {
	0% { opacity: 0; right: -40px; }
	100% { opacity: 1; right: 163px; }
}

@-o-keyframes glass3 {
	0% { opacity: 0; right: -40px; }
	100% { opacity: 1; right: 163px; }
}

@keyframes glass3 {
	0% { opacity: 0; right: -40px; }
	100% { opacity: 1; right: 163px; }
}

@-webkit-keyframes bottle {
	0% { opacity: 0; right: -40px; }
	50% { opacity: 0; right: -40px; }
	100% { opacity: 1; right: 40px; }
}

@-moz-keyframes bottle {
	0% { opacity: 0; right: -40px; }
	50% { opacity: 0; right: -40px; }
	100% { opacity: 1; right: 40px; }
}

@-o-keyframes bottle {
	0% { opacity: 0; right: -40px; }
	50% { opacity: 0; right: -40px; }
	100% { opacity: 1; right: 40px; }
}

@keyframes bottle {
	0% { opacity: 0; right: -40px; }
	50% { opacity: 0; right: -40px; }
	100% { opacity: 1; right: 40px; }
}

.hero-carousel article div.glass1,
.hero-carousel article div.glass2,
.hero-carousel article div.woman,
.hero-carousel article div.glass3,
.hero-carousel article div.bottle {
	opacity: 0;
}

.hero-carousel article.current div.glass1,
.hero-carousel article.current div.glass2,
.hero-carousel article.current div.woman,
.hero-carousel article.current div.glass3,
.hero-carousel article.current div.bottle {
	opacity: 1;
}

.hero-carousel article.current div.glass1 {
	-webkit-animation: glass1 1s 1; /* Safari 4+ */
	-moz-animation:    glass1 1s 1; /* Fx 5+ */
	-o-animation:      glass1 1s 1; /* Opera 12+ */
	animation:         glass1 1s 1; /* IE 10+, Fx 29+ */
}

.hero-carousel article.current div.glass2 {
	-webkit-animation: glass2 2s 1; /* Safari 4+ */
	-moz-animation:    glass2 2s 1; /* Fx 5+ */
	-o-animation:      glass2 2s 1; /* Opera 12+ */
	animation:         glass2 2s 1; /* IE 10+, Fx 29+ */
}

.hero-carousel article.current div.woman {
	-webkit-animation: woman 2s 1; /* Safari 4+ */
	-moz-animation:    woman 2s 1; /* Fx 5+ */
	-o-animation:      woman 2s 1; /* Opera 12+ */
	animation:         woman 2s 1; /* IE 10+, Fx 29+ */
}

.hero-carousel article.current div.glass3 {
	-webkit-animation: glass3 1s 1; /* Safari 4+ */
	-moz-animation:    glass3 1s 1; /* Fx 5+ */
	-o-animation:      glass3 1s 1; /* Opera 12+ */
	animation:         glass3 1s 1; /* IE 10+, Fx 29+ */
}

.hero-carousel article.current div.bottle {
	-webkit-animation: bottle 2s 1; /* Safari 4+ */
	-moz-animation:    bottle 2s 1; /* Fx 5+ */
	-o-animation:      bottle 2s 1; /* Opera 12+ */
	animation:         bottle 2s 1; /* IE 10+, Fx 29+ */
}

/* tape row - hot film tape */

.taperow {
    background: url(../images/custom/tape_bg.png) center;
    background-size: cover;
    position: relative;
    z-index: 10;
    margin-top: -10px;
    padding-bottom: 20px;
}

.list_carousel.responsive {
    width: 100%;
}

.list_carousel.responsive img {
    float: left;
}

.list_carousel.responsive h4 {
    color: #db9e4e;
    font-weight: bold;
    font-size: 48px;
    line-height: 48px;
    padding-top: 70px;
}

.list_carousel.responsive h4 span {
    font-weight: 300;
    font-size: 36px;
    line-height: 36px;
    display: block;
    color: #fff;
}

.list_carousel.responsive p {
    font-size: 14px;
    color: #fff;
    font-weight: 300;
}

.list_carousel.responsive .dark h4 span {
    color: #947b62;
}

.list_carousel.responsive .dark p {
    color: #c7ad93;
}

.list_carousel.responsive .wheat h4 span {
    color: #db9e4e;
}

.list_carousel.responsive .wheat p {
    color: #ebd4b6;
}

.list_carousel.responsive .red h4 span {
    color: #db4e4e;
}

.list_carousel.responsive .red p {
    color: #ebb8b6;
}

.list_carousel.responsive .lime h4 span {
    color: #cfdb4e;
}

.list_carousel.responsive .lime p {
    color: #d6ebb6;
}

.film_tape_arrows {
    position: absolute;
    width: 960px;
    font-size: 60px;
    line-height: 60px;
}

.film_tape_arrows .prev {
	position: absolute;
	top: -220px;
	left: -30px;
	background: none !important;
	padding: 0 !important;
}

.film_tape_arrows .next {
	position: absolute;
	top: -220px;
	right: -40px;
	background: none !important;
	padding: 0 !important;
}

.film_tape_arrows .prev:hover i, .film_tape_arrows .next:hover i, .hero-carousel-nav i:hover {
	color: #fff;
	transition: all .3s;
}

/* slicebox */

.nav-dots {
	margin-bottom: 60px;
}

.nav-arrows {
	width: 960px;
}

.nav-arrows a {
	margin-top: 300px;
}

/* barrels row */

.barrelsrow {
	background: url(../images/custom/barrels.jpg) top center no-repeat fixed;
	font-size: 120px;
	font-weight: 100;
	color: #fff;
	margin-top: -10px;
	padding: 140px 0 110px;
}

.barrelsrow p {
	line-height: 100px;
}

.barrelsrow span {
	font-weight: bold;
}

.barrelsrow .custom {
	width: 960px;
	position: relative;
}

/* check our beers */

.check_beers {
	width: 122px;
	height: 126px;
	position: absolute;
	background: url(../images/custom/bottle_check.png) no-repeat;
	z-index: 9;
	margin-top: -200px;
	padding-top: 130px;
	padding-left: 85px;
}

.check_beers a, .learn_more a {
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
}

.check_beers a:hover, .learn_more a:hover {
	text-decoration: none;
}

.check_beers a span, .learn_more a span {
	font-size: 28px;
	display: block;
}

.learn_more {
	width: 115px;
	height: 171px;
	position: absolute;
	background: url(../images/custom/glass_more.png) no-repeat;
	z-index: 9;
	margin-top: -70px;
	right: 0;
	padding-top: 70px;
	padding-left: 105px;
}

.learn_more p {
	line-height: 21px;
}

/* content row */

.contentrow {
	background: url(../images/custom/content_bg_top.png) repeat-x;
	margin-top: -10px;
	padding-top: 10px;
	position: relative;
	z-index: 10;
}

.nostripes .contentrow {
	background: none;
	padding-top: 0;
	z-index: 0;
}

.contentrow .container {
	width: 100%;
	background: #a29888 url(../images/custom/content_bg_bottom.png) repeat-x bottom;
}

.contentrow .container .row {
	margin: 0 auto;
}

.contentrow .container .row .content_sparky {
	padding: 20px 0;
}

.sparky_inner .contentrow .container .row .content_sparky {
	padding: 50px 0 70px;
}

.sparky_home .content_sparky {
	color: #e9e3d9;
	text-align: center;
}

.cols-3 div.item {
	width: 280px;
	float: left;
	margin: 0 60px 0 0;
}

.cols-3 div.item.column-3 {
	margin: 0;
}

.cols-2 div.item {
	width: 450px;
	float: left;
	margin: 0 60px 0 0;
}

.cols-2 div.item.column-2 {
	margin: 0;
}

.sparky_home .content_sparky h2 {
	font-size: 36px;
	color: #fff;
	font-weight: 300;
	text-align: center;
	line-height: 44px;
	margin-top: 15px;
}

.sparky_home .content_sparky h2 span {
	font-weight: bold;
	display: block;
}

dl.article-info {
	margin-bottom: 30px;
}

.items-row {
	padding: 30px 0;
}

.img-intro-left {
	margin: 0 30px 15px 0;
}

.item-page .cols-2 {
	width: 48%;
	margin-right: 2%;
	float: left;
}

/* left column */

.mp_left .cell_pad {
	margin: 30px 60px 60px 0;
}

.mp_right .cell_pad {
	margin: 30px 0 60px 60px;
}

.mp_left ul, .mp_right ul {
	margin: 0;
	padding: 0;
}

.mp_left li, .mp_right li {
	margin: 0 0 10px !important;
	padding: 0;
	list-style: none;
}

/* bottom row */

.bottomrow {
	padding: 25px 0;
	color: #a29888;
}

.bottomrow h3 {
	margin-bottom: 25px;
}

.bottomrow p {
	line-height: 28px;
}

.bottomrow a, .mp_copyright a {
	color: #DB9E4E;
	font-weight: 300;
}

.bottomrow ul {
	margin: 0;
	padding: 0;
}

.bottomrow li {
	list-style: none;
	margin: 0;
	padding: 0;
	line-height: 28px;
}

.bottomrow li a {
	color:#a29888;
	transition: all .3s;
}

.bottomrow li a:hover {
	color:#db9e4e;
	transition: all .3s;
}

.mp_copyright {
	border-top: 1px solid #e7e2d4;
	color: #a29888;
}

.pane-toggler-down, .pane-toggler {
	border: 0;
	background: none;
}

/* tags */

ul.tags {
	margin: 0 0 10px 0;
	padding: 0;
}

ul.tags li {
	display: inline-block;
	list-style: none;
	margin: 0 2px !important;
	padding: 0;
}

ul.tags a.label {
	display: inline-block;
	padding: 5px;
	background: #ccc;
	border-radius: 3px;
	color: #000 !important;
	font-weight: normal;
	background-color: #ccc;
}

ul.tags a.label:hover {
	background-color: #bbb;
}

/* responsive behaviour */

@media (max-width: 1060px) {

	.film_tape_arrows .prev {
		left: 0;
	}

	.film_tape_arrows .next {
		right: 0;
	}

}

@media (max-width: 979px) {

	img {
		max-width: 100%;
		height: auto;
	}

	.hero-carousel article, .container, .row {
		width: 724px;
	}

	.mp_logo {
		width: 80%;
	}

	.mp_topmenu {
		width: 20%;
	}

	.hero-carousel article .contents h2 {
		font-size: 36px;
		line-height: 36px;
	}

	.hero-carousel article .contents h2 span.one,
	.hero-carousel article .contents h2 span.two {
		font-size: 40px;
	}

	.hero-carousel article .contents p {
		max-width: 350px;
		padding-left: 0 !important;
		line-height: 22px;
	}

	.hero-carousel article .contents {
		font-size: 16px;
	}

	.list_carousel.responsive img {
		max-width: 50%;
		padding-top: 30px;
	}

	.film_tape_arrows, .barrelsrow .custom {
		width: 724px;
	}

	.film_tape_arrows .prev {
		left: -10px;
	}

	.film_tape_arrows .next {
		right: -10px;
	}

	.barrelsrow {
		font-size: 100px;
		padding: 110px 0;
	}

	.cols-3 div.item {
		width: 210px;
		margin: 0 47px 0 0;
	}

	.sparky_home .content_sparky h2 {
		font-size: 30px;
		line-height: 36px;
	}

	h3 {
		font-size: 30px;
	}

}

@media (max-width: 767px) {

	.container, .row, .film_tape_arrows, .barrelsrow .custom {
		width: 100%;
	}

	.cell_pad {
		padding: 0px 10px;
	}

	.taperow .cell_pad {
		padding: 0;
	}

	.check_beers, .learn_more {
		display: none;
	}

	.hero-carousel article .contents {
		top: 0;
		text-align: center;
	}

	.hero-carousel article .contents h2 {
		display: inline-block;
		margin: 0 auto;
		font-size: 28px;
		line-height: 28px;
	}

	.hero-carousel article .contents h2 span.one,
	.hero-carousel article .contents h2 span.two {
		font-size: 32px;
	}

	.hero-carousel article .contents p {
		max-width: 320px;
		margin: 0 auto;
	}

	.slide1 div.glass1, .slide1 div.glass2, .slide2 div.woman, .slide3 div.glass3, .slide3 div.bottle {
		position: relative;
		top: auto;
		right: auto;
		display: inline-block;
		margin-top: 30px;
	}

	.slide1 div.glass1 img, .slide1 div.glass2 img, .slide2 div.woman img, .slide3 div.glass3 img, .slide3 div.bottle img {
		max-height: 240px;
	}

	.hero-carousel article.current div.glass1,
	.hero-carousel article.current div.glass2,
	.hero-carousel article.current div.woman,
	.hero-carousel article.current div.glass3,
	.hero-carousel article.current div.bottle {
		-webkit-animation: none;
		-moz-animation: none;
		-o-animation: none;
		animation: none;
	}

	.hero-carousel-nav {
		bottom: -100px;
	}

	.film_tape_arrows .prev {
		left: 0px;
	}

	.film_tape_arrows .next {
		right: 0px;
	}

	.barrelsrow {
		padding: 60px 0;
	}

	.barrelsrow p {
		font-size: 60px;	
		line-height: 60px;
	}

	.cols-2 div.item, .cols-3 div.item, .cols-4 div.item {
		width: 100%;
		margin: 0;
	}

	.bottomrow, .bottomrow h3 {
		text-align: center;
	}

	.mp_right .cell_pad, .mp_left .cell_pad {
		margin: 30px 0 60px 0;
	}

}