@font-face {
    font-family: 'DinReg';
    src: url('../webfonts/DINPro-Regular.eot');
    src: url('../webfonts/DINPro-Regular.eot?#iefix') format('embedded-opentype'),
    url('../webfonts/DINPro-Regular.woff') format('woff'),
    url('../webfonts/DINPro-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'DinBold';
    src: url('../webfonts/DINPro-Bold.eot');
    src: url('../webfonts/DINPro-Bold.eot?#iefix') format('embedded-opentype'),
    url('../webfonts/DINPro-Bold.woff') format('woff'),
    url('../webfonts/DINPro-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Champion';
    src: url('../webfonts/Champion-HTF-Featherweight.eot');
    src: url('../webfonts/Champion-HTF-Featherweight.eot?#iefix') format('embedded-opentype'),
    url('../webfonts/Champion-HTF-Featherweight.woff') format('woff'),
    url('../webfonts/Champion-HTF-Featherweight.ttf') format('truetype');
}

body {
	color:#000;
	font-family:'DinBold';
	/*background-color:transparent;*/
	font-size: 13px;
	background-color: black;
}

sup{
	font-size:.6em;
}

.how_to_drink li:last-child .ddlabel::after
{
	content: "\00ae";
	font-size: .7em;
	vertical-align: super;
}

.locator{
	/*margin-top:250px*/
	text-align: center;
	border-radius: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 86%;
	transform: translate(-50%,-50%);
}

@media(min-width: 1000px){
	.locator{
		padding-top: 100px;
	}
}

.form_group{
	width:33%;
	float:left;
	padding:0 15px;
	text-align:left;
	box-sizing: border-box;
}

.form_group:first-child {
	padding-left:0;
}

.form_group:nth-child(3){
	padding-right:0;
}

.form_group:nth-child(4){
	padding-left: 0;
}

label{
	text-align:left;
	text-transform: uppercase;
	line-height:1;
	font-size:1.4em;
	margin:0 auto;
}

@media(max-width: 800px){
	label{
		font-size: 1.2em;
	}
}

.product_search label{
	/*max-width: 310px;*/
	font-weight: normal;
	display: block;
	padding-bottom: 10px;
	color: #fff;
	width: 100%;
}

*{
	outline: none !important;
}

select{
	width:100%;
}

#user_location{
	background-color:#ffffff;
	border:1px solid black;
	border-radius:0;
	text-align:left;
	margin:25px auto;
	font-family: 'DinReg';
	color:#000;
	font-size: 14px;
	width:100%;
	line-height:1;
	padding:13px 10px 7px;
}

#user_location::-webkit-input-placeholder {
	color: #ccc;
	font-size:1.2em;
}

#user_location:-moz-placeholder { /* Firefox 18- */
	color: #ccc;
	font-size:1.2em;
}

#user_location::-moz-placeholder {  /* Firefox 19+ */
	color: #ccc;
	font-size:1.2em;
}

#user_location:-ms-input-placeholder {
	color: #ccc;
	font-size:1.2em;
}

.locator button {
	font-size:14px;
	width:100%;
	text-transform: uppercase;
	padding:12px 0 10px 0;
	border:none;
	border-radius: 0;
	box-shadow:none;
	background-image:none;
	text-align:center;
	background-color: #df0523;
	margin: 25px auto;
	font-family: 'DinReg';
	color: #fff;
}

.locator button:hover{
	background-image:none;
	background-color: #df0523;
	color: black;
}

div.map{
	width:auto;
	height:400px;
	margin:0;
	position:relative;
	color:black;
	clear: left;
}

div#map-canvas{
	position:absolute;
	width:auto;
	height:400px;
	top:0;
	right:225px;
	left:0;
}

div#sidebar{
	position:absolute;
	top:0;
	right:0;
	width:225px;
	height:400px;
	margin:0;
	text-align:left;
	background-color:#f8f8f8;
	font-size:.7em;
}

	div#sidebar div.header{
		border-bottom:1px solid #ddd;
		height:44px;
		padding-top:15px;
		color:#797d86;
		text-align: center;
		text-transform:uppercase;
	}
	
		div#sidebar div.header h4{
			display:inline;
			font-weight:400;
			font-size: 16px;
			color: black;
		}

		div#sidebar div.header .details {
			font-size: 16px;
			font-family: 'DinReg';
		}
	
	div#sidebar div.data{
		overflow:auto;
		position:absolute;
		top:46px;
		bottom:0;
		left:10px;
		width:205px;
		-webkit-overflow-scrolling: touch;
	}
	
	div#sidebar ul.location_list{
		margin:0;
		padding:0;
		list-style:none;
	}
	
		div#sidebar ul.location_list li.location,
		div.location{
			margin:10px;
			padding-left:75px;
			padding-top:10px;
			padding-bottom: 10px;
			border-bottom: 1px solid #dedede;
			line-height:1.1;
			text-align:left;
			overflow:auto;
			cursor: pointer;
		}
		div#sidebar ul.location_list li.location{
			padding-left:30px;
		}
		
		div#sidebar ul.location_list li.location p.count,
		div.location p.count{
			margin-left:-18px;
			font-size:1.5em;
			color: black;
			float:left;
			font-weight: bolder;
		}
		
		.gm-style-iw p.count {
			display: none;
		}
		
		div.location_map{
			overflow:hidden;
			padding-left:0;
			padding-top:10px;
		}
		
		li.location.selected{
			background-color:#ddd;
		}
			
		div#sidebar ul.location_list li.location p,
		div.location p{
			margin:5px 0;
			padding:0;
			color:#000;
			font-family: 'DinReg';
			font-size: 1.2em;
		}
		
		div#sidebar ul.location_list li.location p.map_title,
		div.location p.map_title{
			font-weight:400;
			color:black;
			margin-bottom:15px;
			text-transform:uppercase;
			font-family: 'DinBold';
			font-size: 1.5em;
		}
		
		div#sidebar ul.location_list li.location a,
		div.location a{
			color:black;
			padding:5px 20px;
			background-color:#cecfd2;
			border-radius: 5px;
			text-decoration:none;
		}

		div#sidebar ul.location_list li.location a:hover,
		div.location a:hover{
			background-color:#04122b;
			color:white;
		}
		
		ul.brand_list{
			padding:0;
			margin:0;
			list-style:none;
			overflow:none;
		}
		
			ul.brand_list li{
				margin:1px 0;
				padding:0;
				color:#999;
				font-family: 'DinReg';
				line-height:1.1;
			}
		
		a.refresh_btn {
			position:absolute;
			left:8px;
			top:8px;
			background-color: white;
			color: #333;
			border: 1px solid #999;
			text-transform: uppercase;
			padding:5px 10px;
			text-decoration: none;
			cursor: pointer;
		}

div#sidebar ul.location_list li.location p.brand_map_title {
	margin-top:10px;
	margin-bottom: 0;
	padding-top:4px !important;
	text-transform: uppercase;
	color: #999;
}

div.sidebar_note{
	padding:50px 20px 20px;
	text-align:center;
	color:#888;
}

	div.sidebar_note h4{
		display:inline;
		font-weight:400;
		font-size: 16px;
		text-transform: uppercase;
	}


/* FACEBOOK STYLED VERSION */

body.facebook div.map{
	width:790px;
	height:450px;
}

body.facebook form#searchForm{
	padding-right:0;
}

body.facebook div#map-canvas{
	position:absolute;
	width:409px;
	height:450px;
	top:0;
	left:0;
}
body.facebook div#sidebar{
	height:450px;
}


/* LOADING SPINNER */
.loader-fb {
  top: calc(70px);
  left: calc(50% - 30px);
  position: absolute !important;
  width:60px;
  height:60px;
  background-image:url('../images/spinnerLarge.gif');
}