/*
Theme Name: New South Brewing
Theme URL: https://ThreeRingFocus.com
Description: Responsive Website by ThreeRingFocus
Author: Steven Lundy/South Design Co. 
Author URI: ThreeRingFocus.com
Version: 9.5.0
Tags: Responsive, grey, white, right-sidebar,theme-options, threaded-comments, banner ads, adsense, fab themes.
*/

* {
    box-sizing: border-box; /* border thickness & padding included inside box */
    margin: 0;
    padding: 0;
}

body { 
margin:0;
padding:0;
color:#333333;
background-color:#ffffff;
font-family: "mr-eaves-xl-modern";
}
.clear{
clear:both;
}

/*======================== FONTS ========================*/
/*======================== FONTS ========================*/
/*======================== FONTS ========================*/
h1 {
margin:0;
padding:15px 0px;
font-size:35px;
font-weight:300;
line-height:40px;
text-align:center;
letter-spacing:.1em;
text-transform:uppercase;
}
h2 {
margin:0;
padding:15px 0px;
font-size:30px;
font-weight:300;
line-height:35px;
text-align:center;
letter-spacing:.1em;
text-transform:uppercase;
}
h3 {
margin:0;
padding:15px 0px;
font-size:25px;
font-weight:500;
line-height:30px;
text-align:center;
letter-spacing:.1em;
text-transform:none;
}
h4 {
margin:0;
padding:15px 0px;
font-size:20px;
font-weight:500;
line-height:22px;
text-align:center;
letter-spacing:.1em;
text-transform:none;
}
h5 {
margin:0;
padding:35px 0px;
font-size:15px;
font-weight:400;
line-height:17px;
text-align:center;
letter-spacing:.1em;
text-transform:none;
}
p {
font-size:15px;
font-weight:200;
line-height:30px;
letter-spacing:.1em;
text-align:center;
color:#465053;
}
a {
color:#333333;
font-weight:500;
text-decoration:none;
transition:color .4s ease-in-out;
-o-transition:color .4s ease-in-out;
-ms-transition:color .4s ease-in-out;
-moz-transition:color .4s ease-in-out;
-webkit-transition:color .4s ease-in-out;
}
a:hover {
color:#bbb;
}
li {
font-size:15px;
font-weight:400;
line-height:30px;
}
ul {
padding:0 0 0 30px;
list-style-position: inside;
}
ol {
padding:0 0 0 30px;
list-style-position: inside;
}

/*======================== NAVIGATION ========================*/
/*======================== NAVIGATION ========================*/
/*======================== NAVIGATION ========================*/

.nav {
	float: right;
}
#submenu {
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
letter-spacing:2px;
text-transform:uppercase;
float:right;
}
#submenu ul {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
width:100%;
float:right;
list-style:none;
font-weight:300;
}
#submenu li {
margin:0;
padding:0;
float:left;
font-size:15px;
font-weight:300;
list-style:none;
}
#submenu li a {
margin:0px 0px 0px 0px;
color:#ffffff;
display:block;
font-weight:400;
font-size:16px;
position:relative;
text-decoration:none;
padding:8px 10px 0px 10px;
letter-spacing: .2em;
transition:color .4s ease-in-out;
-o-transition:color .4s ease-in-out;
-ms-transition:color .4s ease-in-out;
-moz-transition:color .4s ease-in-out;
-webkit-transition:color .4s ease-in-out;
}
#submenu li a:hover,
#submenu li a:active,
#submenu .current_page_item a  {
color:#bbb;
}
#submenu li a.sf-with-ul {
padding-right:10px;
}	
#submenu li li a, #submenu li li a:link, #submenu li li  {
color: #000;
width: 110px;
font-size:12px;
padding-top:0px; 
line-height:30px;
margin-left:-15px;
position: relative;
padding: 0px 0px 0px 10px;
transition:color .4s ease-in-out;
-o-transition:color .4s ease-in-out;
-ms-transition:color .4s ease-in-out;
-moz-transition:color .4s ease-in-out;
-webkit-transition:color .4s ease-in-out;
}
#submenu ul ul li:first-child{
margin-top:8px;
border-top:none;
}
#submenu ul ul li:last-child{
border-bottom:none;
}	
#submenu li li:last-child{
border-bottom:none;
}
#submenu li li a:hover, #submenu li li a:active {
color:#444; 
margin-left:-15px;
}
#submenu li ul {
padding: 0;
left:-999em;
height:auto;
width:110px;
z-index:9999;
margin:0px 25px;
position: absolute;
text-align:left;
}
#submenu li ul a { 
width:110px;
background-color:#FFFFFF;
}
#submenu li ul ul {
margin:-27px 0 0 170px;
}
#submenu li:hover ul ul,
#submenu li:hover ul ul ul,
#submenu li.sfHover ul ul,
#submenu li.sfHover ul ul ul {
left:-999em;
}
#submenu li:hover ul,
#submenu li li:hover ul,
#submenu li li li:hover ul,
#submenu li.sfHover ul,
#submenu li li.sfHover ul,
#submenu li li li.sfHover ul {
left:auto;
}
#submenu li:hover,
#submenu li.sfHover { 
position:static;
}
/* mobile-menu	 */
select.mobileMenu{
width:100%;
padding:3px 0px;
}
.top-bar {
width:100%;
height:50px;
background-color:transparent;
}


/*======================== HEADER CONTROL ========================*/
/*======================== HEADER CONTROL ========================*/
/*======================== HEADER CONTROL ========================*/
header, a, img, li{
transition: all 1s;
-moz-transition: all 1s; /* Firefox 4 */
-webkit-transition: all 1s; /* Safari and Chrome */
-o-transition: all 1s; /* Opera */
}
img.logo{
float: left;
}

header{
float: left;
width: 100%;
position:absolute;
z-index: 100;
}

/* Sizes for the bigger menu */
header.large{
height: 110px;
background-color:transparent;
z-index:100;
opacity:0.9;
}
header.large img{
width: 300px;
height: 200px;
margin: -90px 0px 0px 30px;
text-shadow:2px 4px 15px #000000;
z-index:105;
}
header.large li{
margin-top: 45px;
}

/* Sizes for the smaller menu */
header.small{ 
height: 80px;
background-color:#ffffff;
z-index:100;
opacity:0.9;
}
header.small img{ 
width:75px; 
height:75px; 
margin:0px 0px 0px 20px;
z-index:105;
}
header.small li{ 
margin-top: 17px; 
}
header.small #submenu li a {
margin:0;
color:#000000;
display:block;
font-weight:700;
position:relative;
text-decoration:none;
padding:8px 12px 0px 12px;
transition:color .4s ease-in-out;
-o-transition:color .4s ease-in-out;
-ms-transition:color .4s ease-in-out;
-moz-transition:color .4s ease-in-out;
-webkit-transition:color .4s ease-in-out;
}
.hours {
color:#ffffff;
font-size:18px !important;
font-weight:500;
line-height:15px;
text-align:left;
letter-spacing:3px;
padding:25px 0px 5px 0px;
text-transform:uppercase;
}
.hours_box {
height:auto;
width:335px;
background-color:transparent;
float:right;
}

/*============Top Social Links=================*/
/*============Top Social Links=================*/
/*============Top Social Links=================*/

.top_social {
	width:270px;
	margin:-40px 0px 0px 0px;
    padding:0px 0px 10px 0px;
    float:right;
}
.top_social ul li {
	list-style-type: none;
	float: left;
}
.top_social ul li a i {
	color:#ffffff;
	font-size: 32px !important;
	text-align: center;
	margin-left: 14px;
	margin-right:14px;
	transition: all 0.4s ease-in-out;
	padding:0px 0px 0px 0px !important;
}
.top_social ul li a i:hover {
	color:#d6b368;
}
    .top_social ul {
    padding:0px 0px 0px 30px;        
        
}


/*======================== Come Say "Hey" ========================*/
/*======================== Come Say "Hey" ========================*/
/*======================== Come Say "Hey" ========================*/

.hey_box {
width:100%;
height: 125px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
background-color: #1f1d1b;
}
.hey_box h1 {
margin:auto;
font-size: 40px;
color:#ffffff;
padding:60px 0px 0px 0px;
font-weight: 600 !important;
line-height: 0px;
text-transform: uppercase;
letter-spacing: 5px;
}

/*============ Instagram Box =================*/
/*============ Instagram Box =================*/
/*============ Instagram Box =================*/

.insta_box {
width:100%;
height:100px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
background-color: #ffffff;
}
.insta_box p {
margin:auto;
font-size: 20px;
color:#333333;
padding:35px 0px 0px 0px;
font-weight: 300 !important;
line-height: 17px;
text-transform: uppercase;
letter-spacing: 1.5px;
width:100%;
}



/*======================== HOME PAGE ========================*/
/*======================== HOME PAGE ========================*/
/*======================== HOME PAGE ========================*/
.rotation {
	padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
}
/* == PICK 4 TOP == */
.first_box {
width:33.33333%;
height:auto;
float:left;
padding-top:0px 0px 0px 0px;
}
.pickA {
margin-top:0px 0px 0px 0px;
margin:0;
width:100%;
min-width:275px;
height:490px;
background-size:100%;
text-indent:-9999px;
background-position:center;
background-repeat:no-repeat;
background-image:url(images/home/merch.jpg);
background-size:cover;
	background-position: center;
z-index:9999;
}
.pickA a {
margin-top:0px;
display:block;
height:490px;
background-size: 100%;
background-position:center;
background-repeat:no-repeat;
transition: opacity .6s ease-in-out;
-o-transition:opacity .6s ease-in-out;
-moz-transition:opacity .6s ease-in-out;
-webkit-transition:opacity .6s ease-in-out;
background-image:url(images/home/merch_r.jpg);
background-size:            cover;
	background-position: center;
z-index:9999;
}
.pickA a:hover,
.pickA a:focus {
opacity:0;
}
.pickB {
margin-top:0px 0px 0px 0px;
margin:0;
width:100%;
min-width:275px;
height:490px;
background-size:100%;
text-indent:-9999px;
background-position:center;
background-repeat:no-repeat;
background-image:url(images/home/seasonals.jpg);
background-size:cover;
	background-position: center;
z-index:9999;
}
.pickB a {
margin-top:0px;
display: block;
height:490px;
background-size: 100%; 
background-position:center;
background-repeat:no-repeat;
transition: opacity .6s ease-in-out;
-o-transition:opacity .6s ease-in-out;
-moz-transition:opacity .6s ease-in-out;
-webkit-transition:opacity .6s ease-in-out;
background-image:url(images/home/seasonals_r.jpg);
background-size:			cover;
	background-position: center;
z-index:9999;
}
.pickB a:hover,
.pickB a:focus {
opacity:0;
}
.pickC {
margin:-20px 0px 0px 0px;
width:100%;
min-width:275px;
height:490px;
background-size:100%;
text-indent:-9999px;
background-position:center;
background-repeat:no-repeat;
background-image:url(images/home/barrell_program.jpg);
background-size:cover;
	background-position: center;
z-index:9999;
}
.pickC a {
margin-top:20px;
display: block;
height:490px;
background-repeat:no-repeat;
transition: opacity .6s ease-in-out;
background-image:url(images/home/barrell_program_r.jpg);
background-size:			cover;
	background-position: center;
z-index:9999;
}
.pickC a:hover,
.pickC a:focus {
opacity:0;
}

/* == MID BOXES == */
/* == MID BOXES == */
/* == MID BOXES == */

.box_row {
	width:100%;
	margin: 0px;
	padding: 100px 50px;
    background-image:url(images/home/our_beers.jpg);
    background-repeat: no-repeat;
	background-size:			cover;
	background-position: center;
}
.box_row_text {
	width:45%;
}
.box_row_text  h1 {
	margin:0px;
    color:#d6b368;
    font-size:33px;
    text-transform:uppercase;
    font-weight:300;
    padding:0;
	text-align: left;
	font-family: "trumpgothicpro";
	letter-spacing:5px;
}
.box_row_text   p {
	padding:0px 0 20px 0;
    color:#ffffff;
    font-size:16px;
	text-align: left;
	line-height: 30px;
}
.box_row_text  a {
    color:#ffffff;
    border: 1px #ffffff;
}
.box_row_text  a:hover {
	color:#ffffff;
}

/* == Tour Box == */
/* == Tour Box == */
/* == Tour Box == */

.tour_row {
	width:100%;
    height:550px;
	margin: 0px 0px 0px 0px;
    background-image:url(images/home/tours.jpg);
    background-repeat: no-repeat;
	background-size:			cover;
	background-position: center;
}
.tour_row h1 {
	margin:0px 0px 0px 0px;
    color:#ffffff;
    font-size:32px;
    text-transform:uppercase;
    font-weight:200;
    padding:60px 0px 30px 13%;
	text-align: left;
	font-family: "trumpgothicpro";
	letter-spacing: 5px;
	
}
.tour_row p {
	padding:0px 10% 20px 13%;
    color:#ffffff;
    font-size:20px;
	text-align: left;
	line-height: 30px;
}
.tour_row_text {
float:left;
width:45%;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}
.sexybutton_top {
padding:0px 0px 0px 0px;
text-align:left;
margin:40px 0px 0px 0;
position:relative;
z-index:2;
}
.sexybutton_top a {	
color:#d6b368;
padding:10px 20px;
font-size:25px;
font-weight:200;
text-align:center;
letter-spacing:5px;
background-color:none;
border:1px solid #d6b368;
text-transform:uppercase;
font-family:"trumpgothicpro";
	display: inline-block;
}
.sexybutton_top a:hover {
background-color:#000000;
border:1px solid #000000;
color:#fff;
}

/* == MID BOXES TOP == */
/* == MID BOXES TOP == */
/* == MID BOXES TOP == */


.box_row_top {
	width: 100%;
	margin: 0;
	display: flex;
}
.box_A {
	width:50%;
    background-image:url(images/home/left_pic.jpg);
    background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.box_B {
	width:50%;
	padding: 80px 50px;
    background-image:url(images/home/right_pic.jpg);
    background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.box_B_text  h1 {
	margin:0px 0px 30px 0px;
    color:#ffffff;
    font-size:6.5vh;
    text-transform:uppercase;
    font-weight:300;
	line-height: 65px;
	text-align: left;
	font-family: "trumpgothicpro"
}
.box_B_text p {
	padding:30px 0;
    color:#ffffff;
    font-size:18px;
	line-height: 35px;
	text-align: left;
	font-family:"mr-eaves-xl-modern";
	font-weight: 100 !important;
}
#marg20 {
	margin:20px 0;
}

/* == MID BOXES == */
/* == MID BOXES == */
/* == MID BOXES == */

/* == IG BOXES == */
/* == IG BOXES == */
/* == IG BOXES == */
.ig {
margin:auto;
height:45px;
background-color:#ffffff;
width:280px;
padding:10px 0px 10px 0px;
}
.ig p {
font-size:15px;
font-weight:400;
line-height:30px;
letter-spacing:.1em;
text-align:center;
text-transform:uppercase;
color:#465053;
font-family:'.tk-bebas-neue', sans-serif;
}
.ig_icon {
float:left;
margin:10px 0px 0px 10px;
padding:0px 0px 0px 0px;
background-image:url(images/home/ig_icon.png);
height:40px;
width:40px;
background-repeat: no-repeat;
}
/* == IG BOXES == */
/* == IG BOXES == */
/* == IG BOXES == */


.sexybutton {
padding:0px 0px 0px 0px;
text-align:left;
margin:40px 0px 0px 14%;
position:relative;
z-index:2;
}
.sexybutton a {	
color:#1f1d1b;
padding:10px 20px;
font-size:25px;
font-weight:200;
text-align:center;
letter-spacing:5px;
background-color:none;
border:1px solid #1f1d1b;
text-transform:uppercase;
font-family:"trumpgothicpro";
	display: inline-block;
}
.sexybutton a:hover {
background-color:#000000;
border:1px solid #000000;
color:#fff;
}

/* == Bottom Pick 3 ==*/
/* == Bottom Pick 3 ==*/
/* == Bottom Pick 3 ==*/

.top-paragraph { 
width:100%;
}
.top_p { 
color:#333333;
font-size:13px;
font-weight:400;
line-height:35px;
text-align:left;
letter-spacing:.2em;
padding:5px 70px 0px 70px;
text-transform:uppercase;
}

.sexybutton-top {
padding:35px;
text-align:center;
margin:10px auto 50px;
}
.sexybutton-top a {
color:#333333;
padding:15px;
font-size:16px;
font-weight:500;
margin:20px auto;
text-align:center;
letter-spacing:2px;
border:2px solid #333;
border-radius:.5em;
text-transform:uppercase;
}
.sexybutton-top a:hover {
color:#ffffff;
background-color:#2a6eb6;
border:2px solid #2a6eb6;
transition: opacity .6s ease-in-out;
-o-transition:opacity .6s ease-in-out;
-moz-transition:opacity .6s ease-in-out;
-webkit-transition:opacity .6s ease-in-out;
}
.numbers {
margin:auto;
padding:10px 0px 20px 0px;
font-size:30px;
font-weight:600;
letter-spacing:0px;
color:#333333;
}
.numbers h3 {
color:#333333;
margin:0px 0px 0px 0px;
text-align: left;
padding:0px 70px 0px 70px;
font-size:40px;
}

/* == Bottom Pick 3 ==*/
/* == Bottom Pick 3 ==*/
/* == Bottom Pick 3 ==*/



/*======================== INTERIOR ========================*/
/*======================== INTERIOR ========================*/
/*======================== INTERIOR ========================*/
.banner img {
display:block;
width:100%;
height:auto;
padding:0px 0px 0px 0px;
}

/*======================== NEWS & BLOG ========================*/
/*======================== NEWS & BLOG ========================*/
/*======================== NEWS & BLOG ========================*/
#inPage {
padding:60px 0px;
}
#inPage h1 {
text-align:center;
}
#thumby {
padding:0;
display:block;
margin-top:20px;
margin-bottom:10px;
min-height:150px;
background-position:center;
background-size:cover;
background-image:url(images/global/thumby.jpg);
	background-position: center;
}
#thumby img {
margin:0;
padding:0;
width:100%;
height:auto;
display:block;
}
#texty h2{
padding:0;
margin:30px 0px 25px 25px;
text-align:left;
font-size:22px;
font-weight:300 !important;
}
#texty p {
font-size:13px;
font-weight:400;
line-height:23px;
text-align:left;
letter-spacing:1px;
margin:0px 0px 15px 25px;
}
.spacer{
	width:100%;
	height:30px;
}
.split{
padding:0;
width:25%;
height:2px;
margin:20px auto;
background-color:#BBB;
}
.divide{
	width:100%;
	height:1px;
	background-color: #BBB;
}

/*======================== FOOTER ========================*/
/*======================== FOOTER ========================*/
/*======================== FOOTER ========================*/

/*======================== SHOUT FOOTER ========================*/
/*======================== SHOUT FOOTER ========================*/
/*======================== SHOUT FOOTER ========================*/

/* == FOOTER BUTTON == */

.footer_button a:hover {
    color: #e64b4e;
    text-decoration: underline;
}
.footer_button a, .footer_button button {
    display: block;
    float: left;
    margin: 2vw 2vw 0vw 0.6vw;
    background-color: transparent;
    font-size: 1.7vw;
    font-weight: 100;
    letter-spacing: 0.6vh;
    text-decoration: none;
    font-family:"mr-eaves-xl-modern",sans-serif;
    color: #ffffff;
    cursor: pointer;
    padding: 0 1.3vw;
    text-transform: uppercase;
}
.footer_button {
    text-align: left;
    margin: 0 auto;
    position: relative;
    float: left;
}
.entry { 
	font-family:"mr-eaves-xl-modern",sans-serif;
	letter-spacing:1.2px;
	text-decoration: none;
	color:#333333;
	font-size:14px;
}

/*======================== FOOTER ========================*/
.left_info {
    width: 100%;
    float: none;
    margin: 30px 0px;
    text-align: center;
    padding: 0 10px;
}
.left_info h6 {
	color: #d6b368 !important;
    font-size: 18px;
    font-weight: 300;
    line-height: 25px;
    margin: 10px 0;
	text-transform: uppercase;
	}
.right_info {
width:35%;
height:auto;
float:left;
}
.right_info h6 {
 color: #fffff0;
 font-size: 17px;
 font-family: "mr-eaves-xl-modern",sans-serif;
 font-weight: 100;
 line-height: 23px;
 text-align: justify;
 letter-spacing: 3px;
 margin: 0px 0px 0px 0px;
 padding: 25px 40px 0px 10px;
 text-transform:none;
}
.right_info h2 {
 color: #e64b4e;
 font-size: 22px;
 font-family: "mr-eaves-xl-modern",sans-serif;
 font-weight: 300;
 line-height: 20px;
 text-align: justify;
 letter-spacing: 2px;
 margin:0px 0px 0px 0px;
 padding:20px 0px 0px 10px;
}
.bottom_info {
margin:20px 0px 0px 0px;
padding:0px 0px 0px 0px;
width:100%;
height:auto;
float:none;
}
.bottom_info h6 {
color:#ffffff;
font-family: "trumpgothicpro",sans-serif;
font-weight:100;
font-size:18px;
letter-spacing:5px;
margin:auto;
padding:27px 0px 0px 0px;
text-transform:uppercase;
width:500px;
height:auto;
float:none;
text-align:center;
}
.bottom_info a {
    color: #e64b4e;
    font-family: "mr-eaves-xl-modern",sans-serif;
    font-weight: 100;
    font-size: 18px;
    letter-spacing: 5px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-transform: uppercase;
    width:auto;
    height: auto;
}
.bottom_info a:hover {
color:#ffffff;
}
.foot_logo {
	width: 250px;
	margin: 0 auto;
}
.google_map {
    float: left;
    width: 350px;
    height: auto;
    padding: 45px 0px 0px 10px;
    margin: 0px 0px 0px 0px;
}
.phone {
	padding:10px 0px;
}
.phone a {
	color:#ffffff;
	font-weight:200;
	font-size:20px;
	text-transform: uppercase;
}
.fa {
	font-size:30px !important;
	padding: 0 10px;
}
.grey_box {
    width: 100%;
    background-color: #000000;
    height:70px;
}
.foot_links {
    width: 100%;
    padding: 70px 10px 30px 10px;
    font-family: "trumpgothicpro";
    text-align: center;
}
.foot_links a {
	padding:0px 20px 0px 20px;
	margin:0px 0px 0px 0px;
	font-size:20px;
	letter-spacing: 4px;
	text-transform: uppercase;
	color:#ffffff;
	}
.foot_links a:hover {
	color:#d6b368
	}
.footer {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background-image: url(images/home/foot.jpg);
    height: 100%;
    width: 100%;
    background-position: center;
    background-size: cover;
}
.footer p {
    color: #d6b368 !important;
    font-size: 18px;
    font-weight: 300;
    line-height: 20px;
    margin: 0;
	text-transform: uppercase;
}
.footer p a {
    color: #fff;
}
.footer p a:hover {
    color: #e64b4e;
}
.footer h1{
    color: #ffffff !important;
	font-size: 25px;
    font-weight: 300;
    line-height: 20px;
    margin:0px 0 20px 0;
}
.footer h1 a {
    color: #fff;
}
.footer h1 a:hover {
    color:#d6b368;
}

.footer ul {
    margin: 0;
    font-size: 10px;
    text-align: left;
    padding: 0px 0px 0px 10px;
}
.threeRF {
    padding: 15px 0px 0px 20px;
    margin: auto;
    width: 210px;
    height: 30px;
    background-repeat: no-repeat;
    float: right;
}
.threeRF a {
    padding: 0;
    width: 143px;
    height: 30px;
    display: block;
    overflow: hidden;
    text-indent: -9999px;
    margin: 0px auto;
}
.threeRF a {
    width: 143px;
    height: 30px;
    display: block;
    opacity: 0.5;
    transition: opacity .6s ease-in-out;
	background-position: center;
    background-image: url(images/global/Three-Ring-Focus.png);
}
.threeRF a:hover, .threeRF a:focus {
    color:#e64b4e;
}
/*======================== SOCIAL MEDIA ========================*/
.social {
	width:100%;
	margin:30px 0;
	padding:0px 20px;
	text-align: center;
}
.social h1 {
	 color:#ffffff !important;
	 font-size:25px;  
	 font-weight: 300;
	 line-height: 20px;
}

.social a {
	color:#fff;
	font-size:30px;
	transition:all 0.5s ease-in-out;
}
.social a:hover {
	color:#e64b4e;
}
.foot-middle {
	width:100%;
	margin:0 auto;
    background-color:transparent;
    height:auto;
    padding:30px 0px 0px 0px;
    z-index:0;
}

.threeRF {
padding:0px 0px 0px 0px;
margin:0px 10px 0px 0px;
float:right;
width:50px;
height:50px;
background-repeat:no-repeat;
	background-position: center;
background-image:url(images/global/Three-Ring-Focus_r.png);
}
.threeRF a {
padding:0;
width:50px;
height:50px;
display:block;
overflow:hidden;
text-indent:-9999px;
}
.threeRF a {
width:50px;
height:50px;
display: block;
transition: opacity .6s ease-in-out;
	background-position: center;
background:url(images/global/Three-Ring-Focus.png) no-repeat;
}
.threeRF a:hover,
.threeRF a:focus {
opacity:0.2;
}
.context {
float:left;
font-size:12px;
letter-spacing:2px;
margin:-26px 0px 0px 0px;
padding:0px 0px 0px 20px;
width:500px;
}
.context a {
color:#fff;
text-decoration:none;
transition:color .4s ease-in-out;
-o-transition:color .4s ease-in-out;
-ms-transition:color .4s ease-in-out;
-moz-transition:color .4s ease-in-out;
-webkit-transition:color .4s ease-in-out;
}
.context a:hover {
color:#bbb;
}
.center-links {
width:201px;
height:auto;
padding:20px 0px 0px 0px;
color:#ffffff;
background-color:transparent;
}
.center-links ul li {
	list-style-type: none;
	float: left;
}
.center-links ul li a i {
	color:#ffffff;
	font-size: 10px;
	text-align: center;
	margin-left: 14px;
	margin-right:14px;
	transition: all 0.4s ease-in-out;
}
.center-links ul li a i:hover {
	color:#333;
}


/*======================== RESPONSIVE STYLES ========================*/
/*======================== RESPONSIVE STYLES ========================*/
.container {
	padding:0;
	width:100%;
	margin:0px auto;
	position:relative;
    background-color:#ffffff;
}
#cent{margin:auto;}
#alpha{float:left;}
#omega{float:right;}

.one 	{width:10%;}
.two 	{width:20%;}
.three 	{width:30%;}
.four 	{width:40%;}
.five 	{width:50%;}
.six 	{width:60%;}
.seven 	{width:70%;}
.eight 	{width:80%;}
.nine 	{width:90%;}
.ten 	{width:100%;}
.third 	{width:33.333%;}
.quarter {width:25%;}

/* responsive images */
#response {}
#response img{
	display: block;
	width: 100%;
	height: auto;
}

/* Responsive Maps */
.map-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
	margin-bottom:20px;
	height: 0;
	overflow: hidden;
}
.map-container iframe,
.map-container object,
.map-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* Responsive Video */
.videoWrapper {
	height:0;
	padding-top:25px;
	position:relative;
	padding-bottom:56.25%;
}
.videoWrapper iframe {
	top:0;
	left:0;
	width:100%;
	height:100%;
	position:absolute;
}

/* #Tablet (Portrait)   |   Design for a width of 768px
======================================================= */
@media only screen and (max-width: 959px) {

	#hideAll {
	height:0px;
	width:0px;
	margin:0px;
	padding:0px;
	overflow:hidden;
	}
	
    .second_box {width:100%;} 
  
       
/* == Bottom Pick 3 ==*/
/* == Bottom Pick 3 ==*/
/* == Bottom Pick 3 ==*/

.top-paragraph { 
width:100%;
}
.top_p { 
color:#333333;
font-size:13px;
font-weight:400;
line-height:20px;
text-align:center;
letter-spacing:.2em;
padding:5px 70px 0px 70px;
text-transform:uppercase;
}
.sexybutton-top {
padding:35px;
text-align:center;
margin:10px auto 50px;
}
.sexybutton-top a {
color:#333333;
padding:15px;
font-size:16px;
font-weight:500;
margin:20px auto;
text-align:center;
letter-spacing:2px;
border:2px solid #333;
border-radius:.5em;
text-transform:uppercase;
}
.sexybutton-top a:hover {
color:#ffffff;
background-color:#2a6eb6;
border:2px solid #2a6eb6;
transition: opacity .6s ease-in-out;
-o-transition:opacity .6s ease-in-out;
-moz-transition:opacity .6s ease-in-out;
-webkit-transition:opacity .6s ease-in-out;
}box_A {
	width:100%;
    height:100%;
	margin: 0;
    background-image:url(images/home/left_pic.jpg);
    background-repeat: no-repeat;
	background-position: center;
	float:left;
}
}

.box_row_top {flex-direction: column;}
.box_A {display: none;}
.box_B {width: 100%;}
.box_row_text {width:100%;}

/* #Tablet (Portrait)   |   Design for a width of 768px
======================================================= */
@media only screen and (min-width: 768px) and (max-width: 959px) {

/* == Bottom Pick 3 ==*/
/* == Bottom Pick 3 ==*/
/* == Bottom Pick 3 ==*/

.numbers {
margin:auto;
padding:10px 0px 20px 0px;
font-size:30px;
font-weight:600;
letter-spacing:0px;
color:#333333;
}
.top-paragraph { 
width:100%;
}
.top_p { 
color:#333333;
font-size:13px;
font-weight:400;
line-height:20px;
text-align:center;
letter-spacing:.2em;
padding:5px 70px 0px 70px;
text-transform:uppercase;
}
.sexybutton-top {
padding:35px;
text-align:center;
margin:10px auto 50px;
}
.sexybutton-top a {
color:#333333;
padding:15px;
font-size:16px;
font-weight:500;
margin:20px auto;
text-align:center;
letter-spacing:2px;
border:2px solid #333;
border-radius:.5em;
text-transform:uppercase;
}
.sexybutton-top a:hover {
color:#ffffff;
background-color:#2a6eb6;
border:2px solid #2a6eb6;
transition: opacity .6s ease-in-out;
-o-transition:opacity .6s ease-in-out;
-moz-transition:opacity .6s ease-in-out;
-webkit-transition:opacity .6s ease-in-out;
}
/* == Bottom Pick 3 ==*/
/* == Bottom Pick 3 ==*/
/* == Bottom Pick 3 ==*/


header.large img{
width:150px;
height:100px;
margin:-30px 0px 0px 20px;
}
    
}

/* #Mobile (Landscape)   |   Design for a width of 480px
======================================================= */
@media only screen and (min-width: 360px) and (max-width: 767px) {

	
	.one,
	.two,
	.three,
	.four,
	.five,
	.six,
	.seven,
	.eight,
	.nine,
	.ten {
	width:80%;
	}
	

    #hideM, .hideM { 
    	display: none;
    }

/*======================== Mailchip Form ========================*/
/*======================== Mailchip Form ========================*/
/*======================== Mailchip Form ========================*/

.enews {
max-width:465px;
margin:15px auto 0 auto;
width:370px;
}
.enews input {
color:#fff;
border:1px solid #fff;
-webkit-appearance:none;
font-size:14px;
border-radius:0;
}
.enews input:focus {
border-color:#fff;
color:#fff;
}
.enews .buttonB {
clear:both;
background:none;
color:#FFF; 
display: inline-block;
font-size:15px;
font-weight: 400;
height: 37px;
line-height: 37px;
text-transform:uppercase;
margin-top:0px;
padding:0;
text-align: center;
text-decoration: none;
vertical-align: top;
white-space: nowrap;
width: 70px;
transition:background-color .4s ease-in-out;
}
.enews .buttonB:hover {
color:#BBB;
}
.enews input.email {
width:100%;
display:block;
font-size:12px;
padding:10px 0;
text-indent:8px;
min-width:100px;
font-style:italic;
margin:0px 4% 15px 0px;
background-color:transparent;
}
.enews-box{
width:100%;
margin:0;
height:auto;
padding:40px 0px 30px 0px;
background-color:transparent;
z-index:0;
}
.enews-box h4{
color:#fff;
font-size:15px;
font-weight:600;
letter-spacing:1.8px;
line-height:10px;
text-align:center;
padding:0px 0px 0px 0px;
text-transform: uppercase;
z-index: 100;
}
.enews-box h5{
color:#fff;
font-size:10.8px;
text-align:center;
line-height:10px;
letter-spacing: .1em;
font-weight:200;
padding:10px 0px 0px 0px;
z-index: 100;
}
	
}


/* #Mobile (Portrait)   |   Design for a width of 320px
======================================================= */
@media only screen and (max-width: 767px) {

		
	.one,
	.two,
	.three,
	.four,
	.five,
	.six,
	.seven,
	.eight,
	.nine,
	.ten {width:90%;}

	header.large {background-color:#000000;}
	.com1,
	.com2,
	.com3,
	.com4,
	.com5,
	.com6 {width:100%; float: none;}
	.foot-bot h2 {padding:0 5px; line-height:25px;}
	.rotation {padding-top:0px;}
	.banner {padding-top:0px;}
	.box_row p {padding: 0 10px;}
	.testimonial li {padding: 30px 10px 0 10px;}
	.first_box {width:100%;}

header{
float: left;
width: 100%;
position:absolute;
z-index: 100;
}
header.large{
height: 60px;
background-color:#000000;
z-index:100;
opacity:1;
}
header.large li{
margin-top: 45px;
}
header.large img{
width:150px;
height:100px;
margin:10px 0px 0px 10px;
z-index:105;
float:none;
}
.hours {
color:#ffffff;
font-size:14px !important;
font-weight:500;
line-height:15px;
text-align:center;
letter-spacing:.2em;
padding:20px 0px 20px;
}
.hours_box {
height:auto;
width:100%;
background-color:transparent;
margin:0px 0px 0px 0px;
}
.top-bar {
width:100%;
height:auto;
background-color:transparent;
}
img.logo {
float: none;
}
.rotation {
padding:60px 0px 0px 0px;
}
/* == Bottom Pick 3 ==*/
/* == Bottom Pick 3 ==*/
/* == Bottom Pick 3 ==*/

.top-paragraph { 
width:100%;
}
.top_p { 
color:#ffffff;
font-size:13px;
font-weight:400;
line-height:20px;
text-align:center;
letter-spacing:.2em;
padding:5px 70px 0px 70px;
text-transform:uppercase;
}
.sexybutton-top {
padding:35px;
text-align:center;
margin:10px auto 50px;
}
.sexybutton-top a {
color:#ffffff;
padding:15px;
font-size:16px;
font-weight:500;
margin:20px auto;
text-align:center;
letter-spacing:2px;
border:2px solid #333;
border-radius:.5em;
text-transform:uppercase;
}
.sexybutton-top a:hover {
color:#ffffff;
background-color:#2a6eb6;
border:2px solid #2a6eb6;
transition: opacity .6s ease-in-out;
}
    
/* == PICK 4 TOP RESPONSIVE == */
    
.first_box {
width:100%;
height:auto;
float:left;
padding-top:0px 0px 0px 0px;
}
.second_box {
width:100%;
height:auto;
float:left;
padding-top:0px 0px 0px 0px;
}
.pickA {
margin-top:0px 0px 0px 0px;
margin:0;
width:100%;
min-width:275px;
height:490px;
text-indent:-9999px;
background-position: center;
background-repeat:no-repeat;
background-image:url(images/home/merch.jpg);
background-size:cover;
z-index:9999;
}
.pickA a {
margin-top:0px;
display:block;
height:490px;
background-position:center;
background-repeat:no-repeat;
transition: opacity .6s ease-in-out;
background-image:url(images/home/merch_r.jpg);
background-size:            cover;
z-index:9999;
}
.pickA a:hover,
.pickA a:focus {
opacity:0;
}
.pickB {
margin-top:0px 0px 0px 0px;
margin:0;
width:100%;
min-width:275px;
height:490px;
text-indent:-9999px;
background-position:center;
background-repeat:no-repeat;
background-image:url(images/home/seasonals.jpg);
background-size:cover;
z-index:9999;
}
.pickB a {
margin-top:0px;
display: block;
height:490px;
background-position:center;
background-repeat:no-repeat;
transition: opacity .6s ease-in-out;
background-image:url(images/home/seasonals_r.jpg);
background-size:			cover;
z-index:9999;
}
.pickB a:hover,
.pickB a:focus {
opacity:0;
}
.pickC {
margin:-20px 0px 0px 0px;
width:100%;
min-width:275px;
height:490px;
text-indent:-9999px;
background-position:center;
background-repeat:no-repeat;
background-image:url(images/home/barrell_program.jpg);
background-size:cover;
z-index:9999;
}
.pickC a {
margin-top:20px;
display: block;
height:490px;
background-position:center;
background-repeat:no-repeat;
transition: opacity .6s ease-in-out;
background-image:url(images/home/barrell_program_r.jpg);
background-size:			cover;
z-index:9999;
}
.pickC a:hover,
.pickC a:focus {
opacity:0;
}
	
/* == PICK 4 TOP RESPONSIVE == */
	
.bottom_info h6 {
color:#ffffff;
font-family: "trumpgothicpro",sans-serif;
font-weight:100;
font-size:12px;
letter-spacing:5px;
margin:auto;
padding:27px 0px 0px 0px;
text-transform:uppercase;
width:100%;
height:auto;
float:none;
text-align:center;
}	
}



/* MOBILE HEADER STYLE   |   Design for a width up to 1000px
======================================================= */
@media only screen and (min-width: 768px) and (max-width: 1000px) {

    header{
    float: left;
    width: 100%;
    position:absolute;
    z-index: 100;
    }
    img.logo{
    float: none;
    }
    .rotation {
	padding:0px 0px 0px 0px;
    }
    .top-bar {
    width:100%;
    height:auto;
    background-color:transparent;
    }
    .banner img {
    display:block;
    width:100%;
    height:auto;
    padding:0px 0px 0px 0px;
    }
	first_box {
width:33.3333%;
height:auto;
float:left;
padding-top:0px 0px 0px 0px;
}
    }