/* CSS Document */

/*========================Custom Styling-BT========================*/

h1 {
	font-family: "roboto", sans-serif;
	font-size: 33px;
	color: #003876;
	text-transform: uppercase;
	border-bottom: 1px solid #56616d;
	margin-bottom: 35px;
}

h2 {
	font-family: "roboto", sans-serif;
	font-size: 27px;
	color: #003876;
	text-transform: uppercase;
	margin-bottom: 25px;
}

p {
	font-family: "roboto", sans-serif;
	font-size: 15px;
	line-height: 26px;
	color: #56616d;
}

hr {
	border-color: #b5bac2;
}

a {
    color: #003876;
    text-decoration: none;
}

.content img {
	/*border: solid rgba(0,42,89,0.49) 1px;*/
	margin: 15px;
}

/* Even & Odd rows */

.mdEven {
	background-color: none;
}

.mdOdd {
	background-color: #e5e9ee;
}



/*
Disabled because it affects home banner container.
.container {
	min-height: 400px;
}*/

.pagination a.current {
	color: #ffffff;
	background-color: #003876 !important; 
}

/* Hide accessibility "Skip Navigation" link */

a.skip-main {
    left:-999px;
    position:absolute;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;
    z-index:-999;
}
a.skip-main:focus, a.skip-main:active {
    color: #fff;
    background-color:#000;
    left: auto;
    top: auto;
    width: 30%;
    height: auto;
    overflow:auto;
    margin: 10px 35%;
    padding:5px;
    border-radius: 15px;
    border:4px solid yellow;
    text-align:center;
    font-size:1.2em;
    z-index:999;
}



/*========================Custom Styling-NM========================*/

.productGalleryImageContainer a {
	outline: none;
}

img.productGalleryImage, #productProfile img {
	outline: none;
    padding: 0;
	margin: 0;
}

.uppercase {
	text-transform: uppercase;
}

.description th, .description td {
	padding: 0 17px 0 0 !important;
}

.territorySelect a:hover, .territorySelect a:active, .territorySelect a:selected {
	text-decoration: none !important;
}

/*=======================Back Button=======================*/

.backBtn {
	background-color: #003876; 
	padding: 3px 9px; 
	display: inline-block;
	color:#ffffff;
	border-radius: 4px;
	margin: 15px 0;
}

.backBtn a, .backBtn a:active, .backBtn a:visited, .backBtn a:link {
	color:#ffffff !important;
	text-decoration: none !important;
} 

.backBtn a::before{
	font-family: FontAwesome;
	content: "\f053";
	padding-right: 7px;
	font-size: 1em;
	text-decoration: none !important;
	color: #ffffff;
	position: relative;
	display: inline-block;

}

.backBtn a:visited {
	color:#ffffff !important;
	text-decoration: underline !important;
}


/*=======================Carousel=======================*/

#hdr-row {
	background-color: #002a59;
	border-bottom: 6px solid #cbb27c;
}

/* Homepage Slider/Carousel */

#homepage .sliderRow .carousel {
  margin: 0; 
	padding: 0 ;
	width: 100%;
	overflow: hidden;
}

/*#myCarousel .container {
	position: relative !important;
}*/

.sliderRow .carousel .item {
	max-height: 504px !important;
}

/*.sliderRow .glyphicon-chevron-left:before, .sliderRow .glyphicon-chevron-right:before {
    content: none !important;
}

.sliderRow .glyphicon-chevron-left, .sliderRow .glyphicon-chevron-right  {
	top: 32.75% !important;
	margin: -20px !important;
}

.sliderRow .glyphicon-chevron-left {
	background: url(../../../images/btn-carouselLeft.png) no-repeat !important;
	left: 50% !important;
}

.sliderRow .glyphicon-chevron-right {
	background: url(../../../images/btn-carouselRight.png) no-repeat !important;
	right: 50% !important;
}*/

.sliderRow .carousel-control {
	z-index: 10 !important;
}

.sliderRow .carousel-control.left, .sliderRow .carousel-control.right {
	background: none !important;
}

.sliderRow .carousel li:first-child:nth-last-child(1) { /* Removes li when only one item exists */
    display: none !important;
}

.sliderRow .carousel-caption {
	/*top: 157px !important;*/
	/*left: 57% !important;*/
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	text-align: left !important;
	background: none !important;
	/*width: 417px !important;*/
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	text-shadow: none !important;
}

.sliderRow .carousel-caption h2 {
	font-family: "refrigerator-deluxe", sans-serif !important;
	/*font-size: 33px !important;*/
	font-size: 18px !important;
	font-style: normal !important;
	font-weight: 600 !important;
	color: #fff !important;
	text-transform: uppercase;
	text-shadow: none !important;
	border: 0 !important;
	margin: 0 0 3px !important;
	padding: 0 !important;
}

.sliderRow .carousel-caption h3 a {
	display: none !important;
}

.sliderRow .carousel-caption h5 {
	font-family: "aktiv-grotesk", arial, sans-serif !important;
	/*font-size: 20px !important;*/
	font-size: 12px !important;
	font-weight: normal !important;
	color: #fff !important;
	text-shadow: none !important;
	margin: 0 0 11px !important;
}

.sliderRow .carousel-caption p a.btn {
	display: none !important;
}

.sliderRow .carousel ol {
    margin-bottom: 0 !important;
	/*background: url(../../../images/bg-carouselIndicators.png) repeat-y top center;*/
	background-size: 50% auto;
	height: 26px;
}

.sliderRow .carousel-indicators {
    top: 0 !important;
	z-index: 14 !important;
	/*width: 573px;
	height: 37px;*/
	margin-left: 5%;
}

.sliderRow .carousel-indicators li {
	max-height: 8px !important;
	max-width: 8px !important;
	border: none !important;
	background-color: #fff !important;
	margin: 9px 2px;
}

.sliderRow .carousel-indicators .active {
    background-color: #017348 !important;
}

.sliderRow #bg-sliderShadow {
	/*background: url(../../../images/bg-sliderShadow.png) no-repeat top center;*/
	background-size: 100% auto;
}

.sliderRow .maroon, .sliderRow .blue, .sliderRow .darkBlue {
	position: absolute;
	z-index: 17;
	bottom: 0;
	/*width: 100%;*/
	padding: 15px;
}

.sliderRow .maroon {
	background: url(../../../images/bg-transMaroon.png);
}

.sliderRow .blue {
	background: url(../../../images/bg-transBlue.png);
}

.sliderRow .darkBlue {
	background: url(../../../images/bg-transDarkBlue.png);
}

.sliderRow .quickLink {
    text-align: center !important;
}

.sliderRow .quickLink p {
	display: inline-block;
    background: none !important;
	border: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.sliderRow .quickLink a, .quickLink i, .quickLink span {
	position: relative;
	font-size: 1em !important;
    color: #fff !important;
	text-decoration: none;
}

.sliderRow .quickLink a:hover {
	text-decoration: underline !important;
}

.sliderRow .quickLink a:after, .quickLink span:after {
	display: inline-block;
	position: relative;
	top: 0;
	right: 0;
	font-family: FontAwesome;
	margin: 0 0 0 4px;
	content: "\f101";
}

.sliderRow .quickLink a:hover:after {
	text-decoration: none !important;
}

@media (min-width:768px) {
.sliderRow .carousel-caption h2 {
	font-size: 28px !important;
}
.sliderRow .carousel-caption h5 {
	font-size: 15px !important;
}
.sliderRow .carousel ol {
	height: 36px !important;
}
.sliderRow .carousel-indicators {
	margin-left: 5% !important;
}
.sliderRow .carousel-indicators li {
	margin: 14px 2px !important;
}
.sliderRow .maroon, .sliderRow .blue, .sliderRow .darkBlue {
	bottom: 0 !important;
	padding: 15px 47px !important;
}
}
@media (min-width:992px) {
.sliderRow .carousel-caption h2 {
	font-size: 33px !important;
}
.sliderRow .carousel-caption h5 {
	font-size: 20px !important;
}
.sliderRow .carousel ol {
	height: 36px !important;
}
.sliderRow .carousel-indicators {
	margin-left: 0 !important;
}
.sliderRow .carousel-indicators li {
	margin: 14px 2px !important;
}
.sliderRow .maroon, .sliderRow .blue, .sliderRow .darkBlue {
	bottom: 0 !important;
	padding: 15px 47px !important;
}	
}
@media (min-width:1200px) {
.sliderRow .carousel-caption h2 {
	font-size: 33px !important;
}
.sliderRow .carousel-caption h5 {
	font-size: 20px !important;
}
.sliderRow .carousel ol {
	height: 36px !important;
}
.sliderRow .carousel-indicators {
	margin-left: -5% !important;
}	
.sliderRow .carousel-indicators li {
	margin: 14px 2px !important;
}
.sliderRow .maroon, .sliderRow .blue, .sliderRow .darkBlue {
	bottom: 100px !important;
	padding: 15px 47px !important;
}
}
@media (min-width:1500px) {
.sliderRow .maroon, .sliderRow .blue, .sliderRow .darkBlue {
	bottom: 200px !important;
}
}
@media (min-width:1750px) {
.sliderRow .maroon, .sliderRow .blue, .sliderRow .darkBlue {
	bottom: 300px !important;
}
}

/* Banner Masks */

.bnr-maskLeft {
	display: none;
}

.bnr-maskRight {
	display: none;
}

@media (min-width:768px) {
.bnr-maskLeft {
	/*display: block;
	width: 150px;*/
	display: none;
}
.bnr-maskRight {
	/*display: block;
	width: 150px;*/
	display: none;
}
}
@media (min-width:992px) {
.bnr-maskLeft {
	/*display: block;
	width: 250px;*/
	display: none;
}
.bnr-maskRight {
	/*display: block;
	width: 250px;*/
	display: none;
}
}
@media (min-width:1200px) {
.bnr-maskLeft {
	display: block;
	width: 150px;
}
.bnr-maskRight {
	display: block;
	width: 150px;
}
}
@media (min-width:1500px) {
.bnr-maskLeft {
	display: block;
	width: 250px;
}
.bnr-maskRight {
	display: block;
	width: 250px;
}
}
@media (min-width:1750px) {
.bnr-maskLeft {
	display: block;
	width: 350px;
}
.bnr-maskRight {
	display: block;
	width: 350px;
}
}


/*#homepage .carousel {
	margin-top: -64px;
	margin-bottom: 0;
}
#homepage .carousel .item {
	height: 918px;
	background-color: #555;
}*/
/*@media only screen and (max-width:1190px) {
#homepage .carousel {
	top: 0px;
}
}

@media screen and (max-width: 767px) {

#homepage .carousel .item img {
	max-width: 1140px;
  min-height: 100%;
  margin-left: -170px;
	}
}

@media screen and (max-width: 425px) {

#homepage .carousel .item img {
	max-width: 910px;
  min-height: 100%;
  margin-left: -170px;
	}
}
*/

.glyphicon-chevron-left:before, .glyphicon-chevron-right:before {
	display: none;
}

@media screen and (min-width: 768px) {
#homepage .glyphicon-chevron-left {
	height: 60px;
	width: 60px;
	margin-left:43px;
	margin-top: 20px;
	background-image: url(/sites/default/includes/themes/mitchelldistributing/images/btn-carouselLeft.png);
	background-repeat: no-repeat;
}
#homepage .glyphicon-chevron-right {
	height: 60px;
	width: 60px;
	margin-right: 43px;
	margin-top: 20px;
	background-image: url(/sites/default/includes/themes/mitchelldistributing/images/btn-carouselright.png);
	background-repeat: no-repeat;
}
}

/*=======================Nav Bar=======================*/

.navbar-inverse {
	background-color: rgba(11,25,54,0.60);
	border-color: transparent;
	position: relative;
	z-index: 15;
}

/*=======================Header Social Media=======================*/

.hdrSocialMedia {
	float: right;
	text-align: right;
	margin-top: 15px;
}
.hdrSocialMedia .fa {
	font-size: 21px;
}
.hdrSocialMedia h5 {
	font-family: "proxima-nova", arial, sans-serif !important;
	font-size: 16px !important;
	font-weight: 600 !important;
	color: #cbb27c !important;
	margin: 10px 0 4px;
}
.hdrSocialMedia ul.ul-social {
	list-style: none;
	margin: 0 0 10px;
	padding: 0;
}
.hdrSocialMedia li.li-social {
	display: inline-block;
	margin: 0 6px;
	border-radius: 3px;
	vertical-align: middle;
}
.hdrSocialMedia a.a-social {
	color: #cbb27c !important;
	font-size: 18px !important;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	text-decoration: none;
	height: 25px;
	width: 25px;
}
 .hdrSocialMedia a.a-social:link, .hdrSocialMedia a.a-social:hover, .hdrSocialMedia a.a-social:visted {
 color: #cbb27c !important;
}
.headerFindBeer:before {
	font-family: FontAwesome;
	content: "\f0fc";
	color: #002a59;
	margin-right: 5px;
	font-size: 18px;
	display: inline-block;
	vertical-align: middle;
}
.headerFindBeer {
    margin-right: 25px;
    color: #002a59;
    background-color: #cbb27c;
    padding: 2px 10px;
    outline: 1px solid #cbb27c;
    outline-offset: 2px;
}

.headerFindBeer a {
    color: #002a59;
}

.headerSearch {
	width: 100%;
	border-bottom: 1px solid #000;
	border-left: none;
	border-right: none;
	border-top: transparent;
	border-color: inherit;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-radius: 0px;
}

@media (min-width: 768px) {
.navbar-form .input-group {
	width: 100%;
}
}
.hdrSearchButton {
	font-size: 16px;
	border: transparent;
	border-color: inherit;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-radius: 0px;
	background-color: transparent;
	color: #56616d;
	padding: 0;
	position: relative;
	bottom: -8px;
}
/*=======================Main Menu/Primary Navigation=======================*/

#large-menu {
	display: none;
}
#small-menu {
	display: none;
}
.megaLink li:hover, .megaLink a:hover {
	background-color: transparent !important;
}
.hdrMainMenu {
	height: 64px !important;
}
.hdrMainMenu li.first {
	/*background: url(/kdmc/includes/themes/kdmc/images/hdr-div.png) no-repeat top right;*/
	margin: 0 -7px 0 0;
}
.hdrMainMenu .li-1 {
	/*background: url(/kdmc/includes/themes/kdmc/images/div-mainMenuNav.png) no-repeat top right;*/
	margin: 1px 0 0;
}
.hdrMainMenu .li-1:last-child {
	background: none !important;
}
/*=======================Homepage anchors=======================*/

.anchor {
	padding: 25px 5px 10px;
	text-align: center;
	text-transform: uppercase;
	color:#cbb27c;
	letter-spacing: 2px;
}

.anchor img {
	height: 40px;
	width: auto;
}

.anchor p {
	font-family: "Roboto", arial, sans-serif;
	color: #cbb27c;
	font-size: 16px;
	font-weight: 500;
	line-height: 22px;
	margin-top:25px;
}

@media (min-width: 769px) {
.anchor {
	margin-left: 30px;
}
}

@media (min-width: 621px) {
.anchor {
	margin-left: 20px;
}
}

@media (max-width: 520px) {
.anchor {
	padding: 20px 5px 10px 0;
}
}

/*=======================Home Page Content=======================*/

.homeBodyContainer {
	width:100%;  
	border-top: 10px solid #ffffff; 
	border-bottom: 10px solid #ffffff; 
	padding: 67px 0;
	background-image: url(/sites/default/includes/themes/mitchelldistributing/images/bkgHomeContent.jpg);
	background-position: center top;
	height: 547px;
	overflow: hidden;
}

.homeBodyContainer h1 {
	font-family: univia-pro, sans-serif;
	font-weight: 400;
	color:#ffffff;
	font-size: 25px;
	letter-spacing: 2px;
	border-bottom: none;
	margin-bottom: 25px;
}

.homeBodyContainer h1 strong {
	font-weight: 900;
	color: #cbb27c;
	font-size: 33px;
}

.homeBodyContainer p {
	color: #ffffff;
	font-size: 13px;
	line-height: 20px;
}

.homeBodyContainer .readMoreBtn {
	background-color: #cbb27c;
	padding: 5px 30px;
	text-transform: uppercase;
	display: inline-block;
	outline: #cbb27c 1px solid;
	outline-offset: 1px;
	margin: 20px 0;
}

.homeBodyContainer .readMoreBtn p, .homeBodyContainer .readMoreBtn a  {
	margin: 0;
	padding: 0;
	font-size: 13px;
	color:#002958;
	text-decoration: none;
	letter-spacing: 7px;
	font-weight: 500;
}

/* Columns */

.container .columns-2 h2,.container .columns-2 h3,.container .columns-2 h4,.container .columns-2 h5,.container .columns-2 h6, .container .columns-3 h2,.container .columns-3 h3,.container .columns-3 h4,.container .columns-3 h5,.container .columns-3 h6 {
	margin-top: 0 !important;
}

.container .columns-1 ul,.container .columns-2 ul,.container .columns-3 ul,.container .columns-4 ul,.container .columns-5 ul { /* For Mobile */
	-webkit-column-count: 1;
	-moz-column-count: 1;
	column-count: 1;
	width: 100%;
	max-height: none;
	padding: 0 17px 0 25px;
}

.container .columns-1 ul {
	width: inherit !important;
}

.container ol,.container .columns-1 ol,.container .columns-2 ol,.container .columns-3 ol,.container .columns-4 ol,.container .columns-5 ol {
	list-style-type: decimal !important;
}

.container .defaultBody ul li,.container .li-2 ul li,.container .columns-1 ul li,.container .columns-2 ul li,.container .columns-3 ul li,.container .columns-4 ul li,.container .columns-5 ul li {
	position: relative;
	width: 100%;
	margin: 0 0 12px 0;
	padding: 0 17px 0 15px;
	display: inline-block !important;
}

.container .defaultBody ul li:before,.container .li-2 ul li:before,.container .columns-1 ul li:before,.container .columns-2 ul li:before,.container .columns-3 ul li:before,.container .columns-4 ul li:before,.container .columns-5 ul li:before {
	position: absolute;
	top: 6px;
	left: 0;
	content: "\f111"; /* Separate Bullet */
	color: #003068 !important;
	font-family: FontAwesome;
	font-size: 6px;
}

.columns-1 ol li,.container .columns-2 ol li,.container .columns-3 ol li,.container .columns-4 ol li,.container .columns-5 ol li {
	margin: 0 0 12px 48px;
}

@media (min-width:768px) {
.columns {
	-webkit-column-count: 1 !important;
	-moz-column-count: 1 !important;
	column-count: 1 !important;
}
.container .columns-1 ul,.container .columns-2 ul,.container .columns-3 ul,.container .columns-4 ul,.container .columns-5 ul {
	padding: 0 17px 0 25px !important;
}
.container .columns-1 ul {
	-webkit-column-count: 1 !important;
	-moz-column-count: 1 !important;
	column-count: 1 !important;
}
.container .columns-2 ul {
	-webkit-column-count: 2 !important;
	-moz-column-count: 2 !important;
	column-count: 2 !important;
	max-height: 750px !important;
}
.container .columns-2.half-pg ul {
	-webkit-column-count: 1 !important;
	-moz-column-count: 1 !important;
	column-count: 1 !important;
	max-height: none !important;
}
.container .columns-3 ul {
	-webkit-column-count: 3 !important;
	-moz-column-count: 3 !important;
	column-count: 3 !important;
	max-height: 750px !important;
}
.container .columns-4 ul {
	-webkit-column-count: 4 !important;
	-moz-column-count: 4 !important;
	column-count: 4 !important;
	max-height: 750px !important;
}
.container .columns-5 ul {
	-webkit-column-count: 5 !important;
	-moz-column-count: 5 !important;
	column-count: 5 !important;
}
}
@media (min-width:992px) {
.columns {
	-webkit-column-count: 2 !important;
	-moz-column-count: 2 !important;
	column-count: 2 !important;
}
.container .columns-1 ul,.container .columns-2 ul,.container .columns-3 ul,.container .columns-4 ul,.container .columns-5 ul {
	padding: 0 17px 0 37px !important;
}
.container .columns-1 ul {
	-webkit-column-count: 1 !important;
	-moz-column-count: 1 !important;
	column-count: 1 !important;
}
.container .columns-2 ul,.container .columns-2.half-pg ul {
	-webkit-column-count: 2 !important;
	-moz-column-count: 2 !important;
	column-count: 2 !important;
	max-height: 750px !important;
}
.container .columns-3 ul {
	-webkit-column-count: 3 !important;
	-moz-column-count: 3 !important;
	column-count: 3 !important;
	max-height: 750px !important;
}
.container .columns-4 ul {
	-webkit-column-count: 4 !important;
	-moz-column-count: 4 !important;
	column-count: 4 !important;
	max-height: 750px !important;
}
.container .columns-5 ul {
	-webkit-column-count: 5 !important;
	-moz-column-count: 5 !important;
	column-count: 5 !important;
}
}
@media (min-width:1200px) {
.columns {
	-webkit-column-count: 3 !important;
	-moz-column-count: 3 !important;
	column-count: 3 !important;
}
.container .columns-1 ul,.container .columns-2 ul,.container .columns-3 ul,.container .columns-4 ul,.container .columns-5 ul {
	padding: 0 17px 0 37px !important;
}
.container .columns-1 ul {
	-webkit-column-count: 1 !important;
	-moz-column-count: 1 !important;
	column-count: 1 !important;
}
}

/*=======================Featured Projects=======================*/

.featuredBeers {
	text-align: center;
	padding: 0;
	margin: 0;
}

.featuredBeers h2 {
	font-family: univia-pro, sans-serif;
	font-weight: 900;
	color: #cbb27c;
	font-size: 33px;
	padding: 30px 0;
	background-color: #1b1d1e;
	text-align: center;
	margin: 0;
}

.featuredBeers h3 {
	font-family: "Roboto", arial, sans-serif;
	color: #cbb27c;
	font-size: 16px;
	font-weight: 500;
	line-height: 22px;
	background-color: #1b1d1e;
	text-align: center;
	margin: 0 0 25px 0;
	text-transform: uppercase;
	letter-spacing: 2px;
	border-top: #323435 1px solid;
	padding: 21px 0;
	height: 65px;
	overflow: hidden;
}

.featuredBeers td {
	text-align: left;
	padding: 0 15px;
}

.featuredBeers p {
	font-family: Roboto;
	color: #1b1d1e;
	font-size: 14px;
	font-weight: 300;
	line-height: 22px;
	text-align: left;
}

.featuredBeers .learnMoreBtn {
	background-color: #cbb27c;
	padding: 7px 30px;
	text-transform: uppercase;
	display: inline-block;
	outline: #002a59 2px solid;
	outline-offset: -4px;
	margin: 20px 0;
	text-align: center;
}

.featuredBeers .learnMoreBtn p, .featuredBeers .learnMoreBtn a  {
	margin: 0;
	padding: 0;
	font-size: 13px;
	color:#002958;
	text-decoration: none;
	letter-spacing: 7px;
	font-weight: 500;
}

.featuredBeers .hoppsDiv {
	height: 92px;
	background-image: url(/sites/default/includes/themes/mitchelldistributing/images/bkgHomeHopps.jpg);
	background-position: top center;
}


/*=======================Services Index=======================*/

.servicesIndex {
	text-align: center;
	padding: 0;
	margin-top: 35px;
}

.servicesIndex h2 {
	font-size: 35px;
	font-family: "roboto", sans-serif;
	color: #ffbb00;
	text-transform: uppercase;
	font-weight: 300;
	line-height: 40px;
	margin-bottom: 60px;
}

.servicesIndex h2 strong {
	color: #003876;
}

.servicesIndexImageContainer {
	float:left; 
	padding: 1px; 
	width:33%;
	display: block;
	position: relative;
}

img.servicesIndexImage {
	width:100%;
	z-index: 9
}


.servicesIndexImageInfo {
  z-index: 10;
  background-color: rgba(57, 83, 125, 0.27);
  width: 100%;
  padding: 20px 0;
	-o-transition: background .2s ease-in-out;
	-ms-transition: background .2s ease-in-out;
	-moz-transition: background .2s ease-in-out;
	-webkit-transition: background .2s ease-in-out;
	transition: background .2s ease-in-out;
}

.servicesIndexImageInfo h3 {
	font-family: "roboto", sans-serif;
	color: #003876;
	font-size: 23px;
	line-height: 22px;
	font-weight: 300;
	margin: 0;
	-o-transition: background .2s ease-in-out;
	-ms-transition: background .2s ease-in-out;
	-moz-transition: background .2s ease-in-out;
	-webkit-transition: background .2s ease-in-out;
	transition: background .2s ease-in-out;
	
}

/*.servicesIndexImageInfo h3:hover {
	color:#ffffff;
}*/

.servicesIndexImageInfo h4 {
 font-family: "roboto", sans-serif;
	color: #727477;
	font-size: 17px;
	font-weight: 400;
}

.servicesIndexImageInfo p {
	margin:0;
	padding:0;
}

.servicesIndexImageContainer:hover a {
	text-decoration: none;
}

/*Trigger fade-in on hover*/
.servicesIndexImageContainer:hover .servicesIndexImageInfo {
	background-color: #003876;
}

.servicesIndexImageContainer:hover .servicesIndexImageInfo h3 {
	color: #ffffff;
	
}

@media (max-width: 768px) {

	.servicesIndexImageContainer {
		width:50%;
		height: auto;
	}

	img.servicesIndexImage {
		width:100%;
		max-width:480px;
	}
	.servicesIndexImageInfo {
		opacity: 1;

}
}

@media (max-width: 480px) {

	.servicesIndexImageContainer {
		width:100%;
	}

	img.servicesIndexImage {
		width:100%;
		max-width:480px;
	}
	
	.servicesIndexImageInfo {
		opacity: 1;
}
}

/*=======================Service Details=======================*/

img.serviceDetailImage {
	width: 100%;
}

@media (max-width: 768px) {
	img.serviceDetailImage {
		margin-bottom: 25px; 
	}
}

/*=======================Territory Select=======================*/

.territoryBtn {
	padding: 3px 9px; 
	display: block;
	color:#ffffff;
	border-radius: 4px;
	margin: 15px 0;
	text-align: center;
	font-size: 1.4em;
}

.territoryBtn a, .territoryBtn a:active, .territoryBtn a:visited, .territoryBtn a:link {
	color:#ffffff !important;
	text-decoration: none !important;
} 

.territoryBtn a:visited {
	color:#ffffff !important;
	text-decoration: underline !important;
}

/*=======================Product Gallery Index=======================*/

.productGallery {
	text-align: center;
	padding: 0;
	margin-top: 35px;
}

.productGallery h2 {
	font-size: 35px;
	font-family: "roboto", sans-serif;
	color: #ffbb00;
	text-transform: uppercase;
	font-weight: 300;
	line-height: 40px;
	margin-bottom: 60px;
}

.productGallery h2 strong {
	color: #003876;
}

.productGalleryIndexImageContainer {
	float:left; 
	padding: 1px; 
	width:33%;
	display: block;
	position: relative;
}

img.productGalleryIndexImage {
	width:100%;
	z-index: 9
}


.productGalleryIndexImageInfo {
  z-index: 10;
  background-color: rgba(57, 83, 125, 0.27);
  width: 100%;
  padding: 20px 0;
	-o-transition: background .2s ease-in-out;
	-ms-transition: background .2s ease-in-out;
	-moz-transition: background .2s ease-in-out;
	-webkit-transition: background .2s ease-in-out;
	transition: background .2s ease-in-out;
}

.productGalleryIndexImageInfo h3 {
	font-family: "roboto", sans-serif;
	color: #003876;
	font-size: 23px;
	line-height: 22px;
	font-weight: 300;
	margin: 0;
	-o-transition: background .2s ease-in-out;
	-ms-transition: background .2s ease-in-out;
	-moz-transition: background .2s ease-in-out;
	-webkit-transition: background .2s ease-in-out;
	transition: background .2s ease-in-out;
	
}

/*.productGalleryIndexImageInfo h3:hover {
	color:#ffffff;
}*/

.productGalleryIndexImageInfo h4 {
 font-family: "roboto", sans-serif;
	color: #727477;
	font-size: 17px;
	font-weight: 400;
}

.productGalleryIndexImageInfo p {
	margin:0;
	padding:0;
}

.productGalleryIndexImageContainer:hover a {
	text-decoration: none;
}

/*Trigger fade-in on hover*/
.productGalleryIndexImageContainer:hover .productGalleryIndexImageInfo {
	background-color: #003876;
}

.productGalleryIndexImageContainer:hover .productGalleryIndexImageInfo h3 {
	color: #ffffff;
	
}

@media (max-width: 768px) {

	.productGalleryIndexImageContainer {
		width:50%;
		height: auto;
	}

	img.productGalleryIndexImage {
		width:100%;
		max-width:480px;
	}
	.productGalleryIndexImageInfo {
		opacity: 1;

}
}

@media (max-width: 480px) {

	.productGalleryIndexImageContainer {
		width:100%;
	}

	img.productGalleryIndexImage {
		width:100%;
		max-width:480px;
	}
	
	.productGalleryIndexImageInfo {
		opacity: 1;
}
}

/*=======================Product Index=======================*/
.productList {
	text-align: center;
	padding: 0;
	margin-top: 35px;
}

.productListImageContainer {
	float:left; 
	padding: 1px; 
	width:20%;
	display: block;
	position: relative;
	border-right: 1px solid rgba(255,255,255,0.30);
    border-bottom: 1px solid rgba(255,255,255,0.30);
}

img.productListImage {
	z-index: 9;
	width:auto;
	max-height:96px;
}

.productListImageInfo {
  z-index: 10;
  background-color: rgba(57, 83, 125, 0);
  width: 100%;
  padding: 20px 0;
	-o-transition: background .2s ease-in-out;
	-ms-transition: background .2s ease-in-out;
	-moz-transition: background .2s ease-in-out;
	-webkit-transition: background .2s ease-in-out;
	transition: background .2s ease-in-out;
}

.productListImageInfo h3 {
	font-family: "roboto", sans-serif;
	color: #cbb27c;
	font-size: 15px;
	line-height: 22px;
	font-weight: 300;
	margin: 0;
	-o-transition: background .2s ease-in-out;
	-ms-transition: background .2s ease-in-out;
	-moz-transition: background .2s ease-in-out;
	-webkit-transition: background .2s ease-in-out;
	transition: background .2s ease-in-out;
}

.productListImageInfo h4 {
 	font-family: "Roboto", arial, sans-serif;
	color: #cbb27c;
	font-size: 16px;
	font-weight: 400;
}

.productListImageInfo p {
	margin:0;
	padding:0;
}

.productListImageContainer:hover a {
	text-decoration: none;
}

/*Trigger fade-in on hover*/
.productListImageContainer:hover .productListImageInfo {
	background-color: #003876;
}

.productListImageContainer:hover .productListImageInfo h3 {
	color: #ffffff;
	
}

@media (max-width: 768px) {

	.productListImageContainer {
		width:50%;
		height: auto;
		border-bottom: 1px solid rgba(255,255,255,0.30);
	}
}

@media (max-width: 480px) {

	.productListImageContainer {
		width:100%;
		border-bottom: 1px solid rgba(255,255,255,0.30);
	}
}



/*=======================Product Gallery=======================*/

.productGalleryImageContainer {
	float:left; 
	padding: 1px; 
	width:25%;
	display: block;
	position: relative;
}

img.productGalleryImage {
	width:100%;
	z-index: 9
}

.productGalleryImageInfo {
  z-index: 10;
  background-color: rgba(57, 83, 125, 0.27);
  width: 100%;
  padding: 20px 0;
	-o-transition: background .2s ease-in-out;
	-ms-transition: background .2s ease-in-out;
	-moz-transition: background .2s ease-in-out;
	-webkit-transition: background .2s ease-in-out;
	transition: background .2s ease-in-out;
}

.productGalleryImageInfo h3 {
	font-family: "roboto", sans-serif;
	color: #003876;
	font-size: 15px;
	line-height: 22px;
	font-weight: 300;
	margin: 0;
	-o-transition: background .2s ease-in-out;
	-ms-transition: background .2s ease-in-out;
	-moz-transition: background .2s ease-in-out;
	-webkit-transition: background .2s ease-in-out;
	transition: background .2s ease-in-out;
}

.productGalleryImageInfo h4 {
 font-family: "roboto", sans-serif;
	color: #727477;
	font-size: 16px;
	font-weight: 400;
}

.productGalleryImageInfo p {
	margin:0;
	padding:0;
}

.productGalleryImageContainer:hover a {
	text-decoration: none;
}

/*Trigger fade-in on hover*/
.productGalleryImageContainer:hover .productGalleryImageInfo {
	background-color: #003876;
}

.productGalleryImageContainer:hover .productGalleryImageInfo h3 {
	color: #ffffff;
	
}

@media (max-width: 768px) {

	.productGalleryImageContainer {
		width:50%;
		height: auto;
	}

	img.productGalleryImage {
		width:100%;
		max-width:480px;
	}
}

@media (max-width: 480px) {

	.productGalleryImageContainer {
		width:100%;
	}

	img.productGalleryImage {
		width:100%;
		max-width:480px;
	}
}

/*=======================Photo Gallery=======================*/

.photoGallery {
	margin: 0 auto;
}

.photoGalleryImageContainer {
	float:left; 
	padding: 1px;
}

img.galleryPhoto {
	outline: none;
	padding: 0;
	margin: 0;
} 

@media (min-width: 1024px) {
img.galleryPhoto {
	max-width: 180px;
} 
}

@media (max-width: 768px) {
img.galleryPhoto {
	max-width: 350px;
} 
}

@media (max-width: 360px) {
img.galleryPhoto {
	width: 100%;
} 
}

/*=======================Management Team=======================*/

.teamMembers h2 {
	margin-bottom: 5px;
}

.teamMembers h3 {
	font-size: 21px;
	margin: 10px 0;
	color: #56616d;
}

/*=======================Customer Page=======================*/

.customerPortalLogin {
    background-color: #002958;
    padding: 5px 30px;
    text-transform: uppercase;
    display: inline-block;
    outline: #002958 1px solid;
    outline-offset: 1px;
    margin: 20px 0;
}

.customerPortalLogin p {
    margin: 0;
    padding: 0;
    font-size: 13px;
    color: #fff;
    text-decoration: none;
    font-weight: 500;
}

.customerPortalLogin a {
    margin: 0;
    padding: 0;
    font-size: 13px;
    color: #fff;
    text-decoration: none;
    letter-spacing: 7px;
    font-weight: 500;
}


.customerPortalLogin a::before {
    margin-right: 5px;
    font-family: FontAwesome;
    color: #fff;
    content: "\f090";
    font-size: 15px;
}

.customerPortalForm {
    background-color: #072a592b;
    display: inline-block;
    padding: 20px;
}

.customerPortalForm h2, .customerRequestForm h2 {
    margin-top: 0 !important;
    margin-bottom: 10px !important; 
}

.customerPortalForm .form-submit, .customerRequestForm .form-submit {
    background-color: #002958;
    padding: 5px 30px;
    text-transform: uppercase;
    display: inline-block;
    outline: #002958 1px solid;
    outline-offset: 1px;
    margin: 20px 0;
    color: #fff;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
}

.customerPortalForm button.form-submit:hover, .customerRequestForm button.form-submit:hover {
    color: #fff !important;
}

.customerRequestForm textarea {
    min-height: 120px;
}

@media (max-width:769px) {
    .customerPortalLogin a {;
        letter-spacing: 4px;
    }
    
    .customerRequestForm h2 {
        margin-top: 30px !important;
    }
}

/*=======================Contact=======================*/

.contact>.fa-ul {
	margin-left: 0;
}

.contact>.fa-ul>li {
	line-height: 35px;
	font-size: 15px;
}

.contact>.fa-ul>li .fa {
	margin-right: 5px
}

@media (max-width: 360px) {
img.contactImage {
	margin: 15px 0;
}
}

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

.footer-top {
	margin: 17px 0 0 !important;
	padding: 0 !important;
}

.footer-wrapper {
	background-color: #002a59 !important;
	margin: 50px 0 0 !important;
}

.footerContact {
	padding: 35px 0;
	min-width: 300px 
}

.nav-stacked {
	margin: 20px 0;
}

.nav-stacked>li>a {
	font-family: "Roboto", sans-serif;
	padding: 5px 15px;
	/*color: #c4c2c2;*/
	color: #cbb27c;
	font-size: 14px;
}

.nav-stacked .fa {
	margin-right:5px;
}


footer.footer-wrapper .footer-top .nav-social {
	font-size: 1em !important;
} 

footer.footer-wrapper .footer-top .nav-social li a {
	/*padding: 2px 6px;
  	width: 25px;
  	height: 25px;
	margin: 0 .8em 0 0;
	background-color: #586984;*/
	background: none;
	color: #586984;
	font-size: 22px;
}

footer.footer-wrapper .footer-top p {
	float:left;
	margin: 0 20px 0 15px;
	color: #c4c2c2;
}

/*footer.footer-wrapper .footer-top .nav-social li a.facebook {
	padding: 5px 8px;
}*/

footer.footer-wrapper .footer-top .nav-social li a:hover {
	/*background-color: #c4c2c2*/
	background: none
}

footer.footer-wrapper .footer-top .nav-social li a:hover.facebook {
	/*background-color: #3262b9*/
	background: none;
	color: #3262b9
}

footer.footer-wrapper .footer-top .nav-social li a:hover.twitter {
	/*background-color: #3dd7e5*/
	background: none;
	color: #3dd7e5
}

footer.footer-wrapper .footer-top .nav-social li a:hover.instagram {
	/*background-color: #cbb27c*/
	background: none;
	color: #cbb27c
}

footer.footer-wrapper .footer-top .nav-social li a:hover.youtube{
	background-color: #cc181e;
}

footer.footer-wrapper .footer-top .nav-social li a:hover.pinterest{
	background-color: #BD081C
}

.footerMenu {
	margin-top: 65px;
	margin-left: 30px;
	margin-bottom: 50px;
	z-index: 2;
}

.footerMenu h4 {
	font-family: "Roboto", sans-serif;
	font-size: 15px;
	margin-left: 27px;
}

.footerMenu li {
	/*line-height: 45px;*/
	line-height: 30px;
}

.footerMenu li .fa {
	margin-right: 5px
}

.footerMenu a, .footerMenu a:hover {
	/*color: #ffbb00*/
	color: #cbb27c !important
}

.footerHours {
	margin-top: 65px;
}

.footerHours h4 {
	font-family: "Roboto", sans-serif;
	font-size: 15px;	
	margin-bottom: 20px;
}

.footerHours td {
	padding: 5px 0;
}

.footerHours>.fa-ul>li {
	padding: 0 0 10px;
}


.footer-bottom {
	/*background-color: #262727;*/
	/*margin-top: -1px !important;*/
	margin: 17px 0 0 !important;
	/*border-top: none !important;*/
	border-top: 1px solid #1a406a !important;
	height: 72px;
	padding: 0 !important;
	overflow: hidden;
}

.footer-bottom p {
	/*color: #6a6e72;*/
	color: #fff;
	font-family: "roboto", sans-serif;
	font-size: 12px;
	line-height: 72px;
	text-align: center;
	margin: 0 !important;
}


@media (max-width: 1280px) {
.footer-wrapper {
	background-position: 564px bottom;
}
}

@media (max-width: 1024px) {
.footer-wrapper {
	background-position: 415px bottom;
}
}

@media (max-width: 768px) {
.footer-wrapper {
	background-position: 211px bottom;
}
}


@media (max-width: 700px) {
	.footer-wrapper {
	background-image: none;
}
	.footerHours {
	margin: 35px 0;
}
}

/*=================== Bud & Burgers Landing Page =================== */

.bbQuickLink p {
	display: inline-block;
    background-color: #da1a33;
    padding: 5px 15px;
    min-width: 210px;
    text-align: center;
}

.bbQuickLink.blueBox p {
    background-color: #003876;
} 

.bbQuickLink.purpleBox p {
    background-color: #3c2a6f;
    min-width: 270px;
} 

.bbQuickLink.greenBox p {
    background-color: #0c851f;
    min-width: 270px;
} 



.bbQuickLink a, .bbQuickLink i, .bbQuickLink span {
	position: relative;
	font-size: 1em !important;
    color: #fff !important;
	text-decoration: none;
}


/*=================== New Bud N Burgers and Bud N Boilin Landing Pages =================== */

.bnbContent p {
    font-size: 1.1em;
}

.bnbBanner {
    width: 100%;
    max-width: 700px;
    height: aut;
}

.bnbLinks {
    margin: 45px 0;
}

.bnbLink {
    margin: 0 0 15px;
}

.bnbLink a, .bnbLink i, .bnbLink span {
	position: relative;
	font-size: 1em !important;
    color: #fff !important;
	text-decoration: none;
    display: inline-block;
    background-color: #da1a33;
    padding: 5px 15px;
    width: 100%;
    text-align: center;
}


.bnbLink a:hover {
    background-color: #003876;
}

.bnbLink.blueBox a {
    background-color: #003876;
} 

.bnbLink.purpleBox a {
    background-color: #3c2a6f;
} 

.bnbLink.greenBox a {
    background-color: #0c851f;
} 

.bnbPhotos {
    margin: 30px 0;
}

.bnbPhotos img {
        padding: 0 0 1px;
    }

@media (min-width: 768px) {
    .bnbLink {
        margin: 0 30px 0 0;
        width: 100%;
    }
    .bnbPhotos img {
        padding: 0 1px 1px 0;
    }
}

/*=================== Bud & Burgers Landing Page =================== */

#beverageLocator iframe {
    width: 100%;
    min-height: 750px;
    border: none;
}