@charset "utf-8";
/*  
	CSS Document
	Project : Badass Programmers
	File 	: common-base.css
	Date 	: 01/06/13 (dd-mm-yy)
	Authors : DBG (info@digitalbrandgroup.com)


*/

@import url('@import-color.css');
@import url('@import-font.css');
@import url('@import-width.css');

html,
button,
input,
select,
textarea {
	color: #222;
}
body{ 
	background: #f26522; 
	font-family:  "Open Sans", Helvetica, Arial, sans-serif;
	font-size: 1em;
	-webkit-font-smoothing: antialiased; 
	line-height: 1.4; 
	margin: 0; 
}
::-moz-selection { 
	background: #f26522; 
	color: #fff; 
	text-shadow: none; 
}
::selection { 
	background: #f26522; 
	color: #fff; 
	text-shadow: none; 
}
a { 
	color: #f26522;
	outline: 0;
}
a:hover { 
	color: #fff; 
}
a:focus{
	outline: 0;
}
strong{ 
	font-family: 'Open Sans', sans-serif;
    font-weight: 700;
}
/* ==========================================================================
 Site's specific styles
========================================================================== */
.badassContainer{
	overflow:hidden;
	position:relative
}
.wrapper{
	background: url(../images/common/dark_geometric.png) 50% 50%;
    overflow: hidden;
}
.wrapper.push{
	position: relative;
	left: 0;
}
.content{
	margin: 0 auto;
	max-width: 950px;
	padding: 0 10px;
	position: relative;
}
.headerWrap{
	background: #000;
	position: absolute; /*ie6 and above*/
	position:fixed !important;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 10007;
}
#header{
	padding: 0 10px;
}
#header .logo{
	float: left;
	margin: 22px 0;
	position: relative;
	width: 30%;
}
#header .logo a{
	background: url(../images/common/logo.png) no-repeat;
	display: block;
	height: 18px;
	text-indent: -999em;
}
#header .navClicker,
.mainNav.phoneNav{
	display: none;
}
.mainNav{
	float: right;
}
.mainNav .pageNav{
	float: left;
	margin: 0;
	padding: 0;
}
.mainNav .pageNav .navLink{
	float: left;
	font-size: .9em;
}
.mainNav .pageNav .navLink .item{
	color: #FFF;
	display: block;
	padding: 1.55em .9em;
	text-decoration: none;
	-moz-transition:background-color 250ms;
  	-webkit-transition:background-color 250ms;
  	-o-transition:background-color 250ms;
 	transition:background-color 250ms;
}
.mainNav .pageNav .navLink .item:hover,
.mainNav .pageNav .navLink.active .item{
	background:#f26522;
}
.mainNav .pageNav .navLink .mobSelectedNav{
	display: none;
}

#content{
	margin-top:62px;
}
.contentMain{
	margin: 0 auto;
	max-width: 950px;
	padding: 0 10px;
}
.scrollDown{
	background: url(../images/common/navigator.png) no-repeat;
	bottom: 0;
	cursor: pointer;
	display: block;
	height:25px;
	left: 50%;
	margin-left: -35px;
	position:absolute;
	text-indent: -999em;
	width: 70px;
}
#freeBeerBlock{
	background: #e5e5e5;
	color: #353535;
	padding: 50px;
	text-align: center;
}
#freeBeerBlock .contentContainer{
	margin: 0 auto;
	overflow: hidden;
	width: 640px;
}
#freeBeerBlock h2.title{
	float: left;
	font-size: 1.1em;
	margin: 15px 15px 0 0;
}
#freeBeerBlock .btnFreeBeer,
#freeBeerBlock .buttonFreeBeer{
	background: #303030 url(../images/common/orangeBtnBg.png) repeat-x;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	color: #fff;
	float: left;
	font-family: 'LatoBold';
	height: 52px;
	line-height: 52px;
	padding: 0 40px;
	text-decoration: none;
}

.footerWrap{
	background: url(../images/common/footerHr.png) repeat-x 0 55px;
	min-height: 200px;
	padding: 35px 0;
}
#footer{
	padding: 0 10px;
}
#footer .footerNav{
	float: left;
	font: normal .9em/normal 'Open Sans', Helvetica, Arial;
	width:24%;
	font-weight: 400;
}
#footer .footerNav.aboutNav{
	width: 20%;
}
#footer .footerNav.socialNav{
	width:35%;
}

#footer .footerNav .footerNavTitle{
	color: #999;
	font: normal 1em/normal 'Open Sans', Helvetica, Arial;
	margin: 0 0 15px 0;
	padding-bottom: 5px;
    font-weight: 600;
}
#footer .footerNav .footerNavList{
	margin: 0;
	padding: 0;
}
#footer .footerNav .footerNavList .navLinks .linkTxt{
	color: #999;
	display: block;
	margin-bottom: 8px;
	text-decoration: none;
}
#footer .footerNav .footerNavList .navLinks.active .linkTxt,
#footer .footerNav .footerNavList .navLinks a:hover{
	color: #f26522;
}
#footer .footerNav .footerNavList .socialLinks{
	background: url(../images/common/socialIcons.png) no-repeat;
	float: left;
	height: 55px;
	text-indent: -999em;
	width: 52px;
}
#footer .footerNav .footerNavList .socialLinks.tw{
	background-position: -52px 0;
	margin-left: 10px;
}
#footer .footerNav .footerNavList .socialLinks.gplus{
	background-position: -104px 0;
	margin-left: 10px;
}
#footer .footerNav .footerNavList .socialLinks:hover{
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8;
}
#footer .footerNav .footerNavList .socialLinks .linkTxt{
	float: left;
	height: 55px;
	width: 52px;
}
#footer .copyrightNav{
	color: #999;
	float: right;
	font-size: .8em;
	margin-top: 40px;
	width: 21%;
}
#footer .copyrightNav .linkTxt{
	color: #999;
	text-decoration: none;
}
#footer .copyrightNav .linkTxt.active,
#footer .copyrightNav a:hover{
	color: #f26522;
}
#footer .copyrightNav .copyrights{
	float: left;
	margin-top: 3px;
	width: 100%;
}
.forScreen{
	display: block;
}
.forMobile{
	display: none;
}
.staus_msg{
	color: #504f4f !important;
	text-align: center !important;
}
.tmp{
	background: url(../images/common/dark_geometric.png);
}

/* Large desktop */
@media (min-width: 1200px) {}


/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
	.content,
	.contentMain{
		max-width: 758px;
	}
	.mainNav{
		width:59%;
	}
	.mainNav .pageNav .navLink .item{
		padding: 1.55em .4em;
	}
	#header .logo{
		width:39%;
	}
	.footerWrap{
		min-height: 100px;
	}
	#footer .footerNav{
		font-size: .75em;
		width: 23%;
	}
	#footer .copyrightNav{
		font-size: .75em;
		width: 24%;
	}
	.forMobile{
		display: block;
	}
	.forScreen{
		display: none;
	}

}


/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
	.contentMain{
		padding: 0;
	}
	#header .logo{
		width:70%;
	}
	.mainNav{
		display: none;
	}
	#header .navClicker{
		background: url(../images/common/navCliker.png) no-repeat;
		cursor:pointer;
		display: block;
		height: 18px;
		overflow: hidden;
		position: absolute;
		right:10px;
		text-indent: -999em;
		top:20px;
		width:24px;
		z-index: 10;
	}
	.mainNav.phoneNav{
		background: #3b3f41;
		border:1px solid #000;
		bottom: 0;
		display: block;
		font: normal 1em/normal 'Open Sans', Helvetica, Arial;
		font-weight: 600;
		position: fixed;
		right: -350px;
		top:0;
		/*
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		transition: all 150ms cubic-bezier(.10,.10,.10,.10);
		*/
		width: 298px;
		z-index: 99999;
	}
	.mainNav.phoneNav.phoneNavActivated{
		/*right: 0;*/
	}
	.phoneNav .navLink.onPhone{
		background: url(../images/common/navheaderBg.png) repeat-x !important;
		color: #fff;
		display: inline !important;
		font-size: .9em !important;
		height: 55px;
	}
	.phoneNav .navLink.onPhone .navExpanded{
		background: url(../images/common/navCliker.png) no-repeat;
		cursor: pointer;
		float: left;
		margin: 17px 0 0 15px;
		padding: 3px 35px;
		width:200px !important;
	}
	.phoneNav .navLink{
		font-size: 1.1em !important;
		position: relative;
		width:100%;
	}
	.phoneNav .navLink .item{
		background: url(../images/common/headerNavBg.png) repeat-x bottom left;
		height: 41px;
		line-height: 48px;
		padding: 0 !important;
		text-indent: 15px;
	}
	.phoneNav .navLink a:hover,
	.phoneNav .navLink.active .item{
		background: url(../images/common/headerNavBg.png) repeat-x top left !important;
	}
	.phoneNav .navLink .mobSelectedNav{
		display: none;
	}
	.phoneNav .navLink.active .mobSelectedNav{
		background: url(../images/common/tick.png) no-repeat 100% 100%;
		color: #f26522 !important;
		display: block !important;
		height: 20px;
		position: absolute;
		right:15px;
		text-indent: -999em;
		top:10px;
		width: 20px;
	}
	.contentMain .scrollDown{
		display: none;
	}
	#freeBeerBlock{
		padding: 30px 10px;
	}
	#freeBeerBlock .contentContainer{
		float: left;
		width: 100%;
	}
	#freeBeerBlock h2.title{
		margin:0 20px 20px 0;
		text-align: left;
		width: 300px;
	}
	#freeBeerBlock .btnFreeBeer{
		display: block;
	}
	#footer .footerNav{
		width: 32%;
	}
	#footer .footerNav.socialNav{
		width:35%;
	}
	#footer .copyrightNav{
		float:left;
		margin-top: 20px;
		width: 100%;
	}
	.forMobile{
		display: block;
	}
	.forScreen{
		display: none;
	}
}

/* Landscape phones and down */
@media (max-width: 480px) { 
	.contentMain{
		padding: 0;
	}
	#header .logo{
		width:254px;
	}
	#header .logo a{
		background: url(../images/common/logo_480.png) no-repeat;
	}
	.mainNav{
		display: none;
	}
	.footerWrap{
		background: none;
	}
	#footer{
		padding: 0;
	}
	#footer .footerNav{
		margin-bottom: 25px;
		width: 100%;
	}
	#footer .footerNav .footerNavTitle{
		background: url(../images/common/footerHr.png) repeat-x bottom left;
		padding: 0 10px 10px 10px;
	}
	#footer .footerNav .footerNavList{
		padding: 0 10px;
	}
	#footer .footerNav.socialNav,
	#footer .footerNav.aboutNav{
		width: 100%;
	}
	#footer .copyrightNav{
		float: left;
		margin-top: 10px;
		padding: 0 10px;
		width: 85%;
	}
	.forMobile{
		display: block;
	}
	.forScreen{
		display: none;
	}
}

@media (max-width: 320px){
	#header .logo{
		margin:22px 0;
		width:200px;
	}
	#header .logo a{
		background: url(../images/common/logo_mob.png) no-repeat;
	}
	.forMobile{
		display: block;
	}
	.forScreen{
		display: none;
	}
}

@media (max-height: 665px){
	#colorbox{
		position: absolute !important;
	}
}
@media screen and (max-height: 790px) {
	.footerNavList .forScreen.navLinks{
		display: none;
	}
	.footerNavList .navLinks.forMobile{
		display: block;
	}
}
/* ==========================================================================
 Additional padding and margin styles
========================================================================== */

.marginBtm35 {
	margin-bottom: 35px;
}
.paddingBtm35 {
	padding-bottom: 35px;
}