.sidr{display:none;position:absolute;position:fixed;top:0;height:100%;z-index:999999;width:260px;overflow-x:none;overflow-y:auto;font-family:"lucida grande",tahoma,verdana,arial,sans-serif;font-size:15px;background:#333;color:#fff;-webkit-box-shadow:inset 0 0 5px 5px #222;-moz-box-shadow:inset 0 0 5px 5px #222;box-shadow:inset 0 0 5px 5px #222}.sidr .sidr-inner{padding:0 0 15px}.sidr .sidr-inner>p{margin-left:15px;margin-right:15px}.sidr.right{left:auto;right:-260px}.sidr.left{left:-260px;right:auto}.sidr h1,.sidr h2,.sidr h3,.sidr h4,.sidr h5,.sidr h6{font-size:11px;font-weight:normal;padding:0 15px;margin:0 0 5px;color:#fff;line-height:24px;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4d4d4d), color-stop(100%, #1a1a1a));background-image:-webkit-linear-gradient(#4d4d4d,#1a1a1a);background-image:-moz-linear-gradient(#4d4d4d,#1a1a1a);background-image:-o-linear-gradient(#4d4d4d,#1a1a1a);background-image:linear-gradient(#4d4d4d,#1a1a1a);-webkit-box-shadow:0 5px 5px 3px rgba(0,0,0,0.2);-moz-box-shadow:0 5px 5px 3px rgba(0,0,0,0.2);box-shadow:0 5px 5px 3px rgba(0,0,0,0.2)}.sidr p{font-size:13px;margin:0 0 12px}.sidr p a{color:rgba(255,255,255,0.9)}.sidr>p{margin-left:15px;margin-right:15px}.sidr ul{display:block;margin:0 0 15px;padding:0;border-top:1px solid #1a1a1a;border-bottom:1px solid #2e2014}.sidr ul li{display:block;margin:0;line-height:48px;border-top:1px solid #2e2014;border-bottom:1px solid #1a1a1a}.sidr ul li:hover,.sidr ul li.active,.sidr ul li.sidr-class-active{border-top:none;line-height:49px}.sidr ul li:hover>a,.sidr ul li:hover>span,.sidr ul li.active>a,.sidr ul li.active>span,.sidr ul li.sidr-class-active>a,.sidr ul li.sidr-class-active>span{-webkit-box-shadow:inset 0 0 15px 3px #222;-moz-box-shadow:inset 0 0 15px 3px #222;box-shadow:inset 0 0 15px 3px #222}.sidr ul li a,.sidr ul li span{padding:0 15px;display:block;text-decoration:none;color:#fff}.sidr ul li ul{border-bottom:none;margin:0}.sidr ul li ul li{line-height:40px;font-size:13px}.sidr ul li ul li:last-child{border-bottom:none}.sidr ul li ul li:hover,.sidr ul li ul li.active,.sidr ul li ul li.sidr-class-active{border-top:none;line-height:41px}.sidr ul li ul li:hover>a,.sidr ul li ul li:hover>span,.sidr ul li ul li.active>a,.sidr ul li ul li.active>span,.sidr ul li ul li.sidr-class-active>a,.sidr ul li ul li.sidr-class-active>span{-webkit-box-shadow:inset 0 0 15px 3px #222;-moz-box-shadow:inset 0 0 15px 3px #222;box-shadow:inset 0 0 15px 3px #222}.sidr ul li ul li a,.sidr ul li ul li span{color:rgba(255,255,255,0.8);padding-left:30px}.sidr form{margin:0 15px}.sidr label{font-size:13px}.sidr input[type="text"],.sidr input[type="password"],.sidr input[type="date"],.sidr input[type="datetime"],.sidr input[type="email"],.sidr input[type="number"],.sidr input[type="search"],.sidr input[type="tel"],.sidr input[type="time"],.sidr input[type="url"],.sidr textarea,.sidr select{width:100%;font-size:13px;padding:5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 0 10px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;border:none;background:rgba(0,0,0,0.1);color:rgba(255,255,255,0.6);display:block;clear:both}.sidr input[type=checkbox]{width:auto;display:inline;clear:none}.sidr input[type=button],.sidr input[type=submit]{color:#333;background:#fff}.sidr input[type=button]:hover,.sidr input[type=submit]:hover{background:rgba(255,255,255,0.9)}

.wrap
{
	width:320px;
}

.nav
{
	display:none;
}

header {
    height: 80px;
}

#logo
{
	width: 102px;
	height: 63px;
}

#logo a
{
	width: 102px;
	height: 63px;
	background:url('images/logo@2x.png') center center no-repeat transparent;
	display:block;
	background-size:102px 63px;
}



#slider .sliderimage
{
	background-size:cover;
	height:auto;
}


#slider h1
{
	padding:30px auto 30px auto !important;
	color:#F7B466;
	font-size:24px !important;
	font-weight:bold;
	font-family: 'Roboto Slab',serif;
	margin-bottom: 30px !important;
	margin-top:30px !important ;
	
	text-transform:none;
}

#slider h2
{
	color:#fff;
	font-size:16px;
	font-family:'Lato',Arial;
	line-height:21px;
	text-transform:none;
	    font-weight: 300;
}

#slider a.sliderlink
{
	color: #F7B466;
    font-size: 13px !important;
    font-family: 'Lato',Arial;
    padding: 12px 0px 12px 0px !important;
    background-color: #000;
    text-transform: uppercase !important;
    margin: 20px auto ;
    width: 70% !important;
    text-decoration: none;
    display: block;
    text-align: center;
    letter-spacing: 3px;
}







#carosel .your-class {
    margin-left: 8px;
}

#carosel
{
	min-height:252px;
	background-color:#1a1710;
}


.carosel_item
{
	width: 118px;
	height: 220px;
	
	display:block;
	margin-right:8px;
	position:relative;
	
}
.carosel_item_inner
{
	width: 118px;
	height: 130px;
	position:absolute;
	bottom:0px;
	background-color: #000000;
	/*border: solid 1px #353535;*/
}

.carosel_item img
{
    left: 40px;
    top: 17px;
	width: 40.1px;
	height: 141.9px;
}

.carosel_item h5
{
	font-size: 10.6px;
	color: #ffffff;
	font-family: 'Roboto Slab', serif;
	text-align:center;
	    position: relative;
    bottom: -97px;
}

.carosel_item span
{
	font-size: 8.4px;
	bottom: -90px;
}

.carosel_item .bottle
{
	width: 40.1px;
	height: 141.9px;
	background-repeat:no-repeat;
	background-position:left top;
	background-color:transparent;
}



p.pmain {
    font-size: 16px;
    line-height: 2.0;
}

.heading2 {
    top: -14px;
	font-size:19px;
}
.shortborder2 {
    top: -16px;
}

h2.script4
{
	font-size:71px;
	margin-top:30px;
}


#hops
{
	width:158px;
	height:160px;
	background:url('images/hops-sketch@2x.png') left top no-repeat transparent;
	background-size:158px 160px;
	margin:6px auto;
}


#whybeer {
	height:auto;
	background:url('images/why-specialty-beer-background.jpg') center center no-repeat transparent;
	background-size:cover;
}

#whybeer .thirdcol {
	width:100%;
	
}

#whybeer .thirdcol .thirdcolinner {
	padding-right:0px;
}



.addition_block {
    width: 100%;
	margin-right:0px;
}

.thirdcol
{
	float:left;
	margin-bottom:52px;
}


#simple-menu,
#order-link
{
	display:block;
}


#beer_details
{
	width:100%;
}

#main-beer-img img
{
	width:100%;
	margin-top:30px;
}
#beer_banner
{
	
}
#beer_details_inner
{
	padding:26px;
}

.beerstat
{
	height:auto;
	min-height:82px;
	text-indent:0px;
	padding:20px;
}
.beerstat span
{
	display:block !important;
	width:100% !important;
	text-align:center !important;
	line-height:normal;
	text-indent: 0px; 
}
#beer_zip,#beer_locate
{
	width:100%;
	margin-bottom:10px;
}
#beer_right_div {
    float: left;
    width: 100%;
    position: relative;
    top: -70px;
}
#beer_details #beer_facts_type
{
	width:160px;
}

#backtobeer {
    margin-top: 56px;
}









#additional_info
{
	border:1px solid #ccc;
	margin:20px 0px 20px 0px;
	padding:10px;
	width:250px;
	height:120px;
}
#order_button
{
	background-position:30px center;
	width:100%;
	text-indent:17px;
}


.row12
{
	border-bottom:1px solid #cccccc;
	display:block;
	padding:15px;
	
}
.col12
{
	float:left;
	width:100%;
	line-height:28px;
	
	
}

.col12 input[type=text]
{
	line-height:23px; 
	width:97%;
}


.input_text, #select-beer {
    float: left;
    width: 100% !important;
    height: 38px !important;
    line-height: 38px;
    margin-right: 0px !important;
}

#beer-locator-form-wrapper .two-col-left {
    float: left;
    margin-bottom: 20px;
    width: 100%;
}

#selectDiv
{
	width:100% !important;
}

#beer-locator-form-wrapper #submit
{
	width:100%;
	margin-top:-30px;
}



#map-back
{
	display:none;
}
.google-map-wrap,#google-map
{
	width:100% !important;
	    margin-top: 0px;
    margin-left: 0px;

}

#beer_map .google-map-wrap #google-map {
    width: 100%;
    height: 487px;
    margin-top: 0px !important;
    margin-left: 0px !important;
}




.footercol
{
	width:100%;
	float:left;
	margin-right:0px;
	margin-bottom:30px;
}

.beer_list_box
{
	width:100%;
	margin-right:auto !important;
	margin-left:auto !important;
}

.beer_list_box a
{
	width:100%;
}