@charset "utf-8";
/*  
	CSS Document
	Project : Badass Programmers
	File 	: home.css
	Date 	: 01/06/13 (dd-mm-yy)
	Author  : DBG (info@digitalbrandgroup.com)
*/
.contactWrap{
	background:#fff;
	padding-bottom:30px;
}
#contact {
	overflow: hidden;
	position: relative;
	background:#fff;
	padding: 0 25px;
}
#contact.contactPage{
	max-width:800px; 
	margin:0 auto
}
#contact  h2 {
	color: #625f5f;
	font-family: 'Open Sans';
	text-align: left;
	margin-bottom: 31px;
	font-size: 1.5em;
	font-weight: 700;
}
#contact .contact-form-title a{
	color: #625f5f;
	text-decoration: none;
}
#contact .contact-form-title a:hover,
#contact .contact-form-title a:active{
	color: #f26522;
}
#contact .contactForm {
	float: left;
	position: relative;
	width: 100%;
}
#contact .contactForm .formLeftSide {
	width: 46%;
	float:left;
}
#contact .contactForm .contactTxt {
	float: right;
	width: 99%;
	margin-bottom: 9%;	
}
#contact .contactForm .contactTxt p {
	text-align: left;
	color: #645e5e;
	margin-top: 0;
	font-size: 14px;
	line-height: 1.5;
}
#contact .contactForm .contactTxt p.poptxtRight {
	color: #625f5f;
	font-size: 1.1em;
	font-family: 'Open Sans';
	font-weight: 700;
	text-align: left;
}
#contact .contactForm .popupTxt {
	width: 93%;
	border: 1px solid #ded9d9;
	border-radius: 3px;
	background: #fff;
	color: #645e5e;
	font: normal .8em/normal 'Open Sans';
	font-weight: 400;
	padding: 4px 10px;
	-webkit-appearance: none;
}
#contact .contactForm .popupTxt:focus, 
#contact .contactForm .popupMessage:focus, 
input[type="text"]#recaptcha_response_field:focus {
	border: 1px solid #f26522 !important;
	outline: none;
}
#usr_type,
#fnd_us,
#hlp_token,
#start_date{
	width: 170px;
}
#contact .contactForm .popupMessage {
	width: 92.5%;
	padding: 3%;
	height: 140px;
	resize: none;
	border: 1px solid #ded9d9;
	border-radius: 3px;
	background: #fff;
	color: #645e5e;
	font: 400 .8em/.8 'Open Sans';
	-webkit-appearance: none;
	line-height: 1.4;
}
#contact .contactForm .labelTxt {
	color: #645e5e;
	font: normal .9em/.9 'Open Sans';
	padding: 0 0 12px 1px;
	float: left;
	font-weight: 400;
}
#contact .contactForm .width62 {
	width: 62%;
}
#contact .contactForm .marginTop08p {
	margin-top: 8.5%
}
#contact .contactForm .sendEmailBtn {
	background: url(../images/home/sendEmailBtn.png) repeat-x 0 0;
	width: 100%;
	border-radius: 6px;
	height: 56px;
	float: right;
	font-family: 'LatoBold';
	font-size: 17px;
	color: #fff;
	text-align: center;
	border: none;
	border-left: 1px solid #795840;
	border-right: 1px solid #795840;
}
#contact .contactForm .captchaSubmission {
	float: right;
	width: 100%;
}
#contact .contactForm label.error{
	font-size: .8em;
}
.font1em {
	font-size:1em;
}
#contactMessageBlock,
#contactMessageBlock_popup{
	font-size:16px;
	font-weight:bold;
	text-align:center;	
}
.messageText{
	padding:20px;
	background: #f26522;
	color: #fff;
}

/*------------ recaptcha styles-----------*/

#recaptcha_widget {
	background: #fff;
	width: 99%;
	float: right;
}
#recaptcha_image {
	width: 100% !important;
	height: 50px !important;
	overflow: hidden;
	border-radius: 3px;
	background: #fff;
	float: left;
	border: 1px solid #ded9d9;
}
#recaptcha_image img {
	width: 100% !important;
	height: 50px !important;
	float: left;
	overflow: hidden;
	border-radius: 3px;
}
#recaptcha_response_field {
	width: 96%;
	height: 30px;
	border: 1px solid #ded9d9;
	border-radius: 3px;
	background: #fff;
	color: #645e5e;
	font: normal .8em/.8 'Open Sans';
	padding: 0 2%;
	margin-top: 10px;
	font-weight: 400;
	-webkit-appearance: none;
}
.cpatchaIcons {
	float: left;
	width: 25px;
	margin-left: 10px;
}
.cpatchaIcons a {
	background: url(../images/home/captchaIcons.png) no-repeat 0 0;
	text-indent: -9999em;
	float: left;
	width: 25px;
	margin-bottom: 1px;
}
.cpatchaIcons .get_another_captcha a { background-position: 0 0; height:17px !important;}
.cpatchaIcons .recaptcha_only_if_audio a { background-position: 0px -18px; height:14px !important;}
.cpatchaIcons .recaptchaHelp a { background-position: 0px -48px; height:16px !important;}
.cpatchaIcons .recaptcha_only_if_image a{background-position: 0px -33px; height:14px !important;}
a#recaptcha_audio_play_again  {
	border-radius: 5px;
	display: block;
	color: #645e5e;
	font: normal 1em/.5 'Open Sans';
	text-align: center;
	cursor: pointer;
	font-weight: 400;
}
#recaptcha_audio_download { display:none}
#recaptcha_widget .width255px {
	width: 69%;
}
#recaptcha_widget .recaptchaIcon {
	background: url(../images/home/procaptcha.jpg) no-repeat 0 0;
	text-indent: -9999em;
	float: left;
	height: 77px;
	width: 72px;
}
.formRightSide {
	width:51%;
	float:right;
}
.selectHolder{
	width: 177px;
	margin-right: 3px;
}
.marginBtm08 {
	margin-bottom: 8px;
}
.formRightSide .marginTop30 {
	margin-top: 30px !important;
}
.topBand {
	background: #f26522;
}
.topBand h3 {
	color: #fff;
	padding-top: 20px;
	line-height: 1;
	margin-bottom: 0;
}
.topBandBg {
	background:  url(../images/common/contact.png) no-repeat 3% 100%;
	min-height: 150px;
}
h3.font36px span.font18px {
    font-size: 0.5em;
}
/* ----------------Loading CSS ---------------------*/


.spinner {
  margin: 100px auto 0;
  width: 70px;
  text-align: center;
}

.spinner > div {
  width: 18px;
  height: 18px;
  background-color: #FFF;
  margin-top: 18px;

  border-radius: 100%;
  display: inline-block;
  -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
  animation: bouncedelay 1.4s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0.0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes bouncedelay {
  0%, 80%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 40% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}

.contact_us.disabled .popupTxt,
.contact_us.disabled .popupMessage,
.contact_us.disabled .ddlabel,
.contact_us.disabled #recaptcha_response_field{
	color:#ccc !important;
}
body.contact-badass{
	background: url(../images/common/dark_geometric.png) 0 42px;
}
/*------------------------ media qurey --------------------------*/

@media (max-width: 854px) {
	#recaptcha_widget .width255px {
		width: 100%;
	}
	.selectHolder  {
		width: 100%;
		float: left !important;
	}
	#recaptcha_widget .recaptchaIcon {
		background: url(../images/home/procaptchaMobile.jpg) no-repeat 0 0;
		width: 140px;
		height: 39px;
	}
	#usr_type,
	#fnd_us,
	#hlp_token,
	#start_date{
		width: 99%;
	}
	#contact .contactForm .popupMessage {
		width: 93.2%;
	}
}

/* Landscape phone to portrait tablet */
@media (max-width: 768px) {
	#contact .contactForm .captchaSubmission {
	    float: right;
	    width: 96%;
	}
	.selectHolder  {
		width: 100%;
		float: left !important;
	}
	#recaptcha_widget .recaptchaIcon {
		background: url(../images/home/procaptchaMobile.jpg) no-repeat 0 0;
		width: 140px;
		height: 39px;
	}
	.captchaRefresh {
		margin-top: 15px;
		float: left;
	}
	.topBand h3 {
		margin-right: 2%;
	}
	#contact .contactForm .popupMessage {
		width: 93.8%;
	}
}

@media (max-width: 320px) {
	#contact .contactForm .formLeftSide {
		width: 100%;
	}
	.formRightSide {
		width:100%;
		margin-top: 9%;
	}
	.contactTxt {
		display: none;
	}
	#contact .contactForm .captchaSubmission {
		width: 100%
	}
	#recaptcha_widget {
		float: left;
		width: 100%
	}
	#recaptcha_widget .recaptchaIcon {
		background: url(../images/home/procaptchaMobile.jpg) no-repeat 0 0;
		width: 140px;
		height: 39px;
	}
	.cpatchaIcons {
		margin-left: 0; 
	}
	#contact h2 {
		font: 1.2em/1 'Open Sans';
		font-weight: 600;
	}
	#recaptcha_widget .width255px {
		width: 100%;
	}
	#contact {
		padding: 0 12px;
	}
	#recaptcha_widget .recaptchaIcon {
		background: url(../images/home/procaptchaMobile.jpg) no-repeat 0 0;
		width: 140px;
		height: 39px;
	}
}
@media (max-width: 480px) {
	#contact .contactForm .formLeftSide {
		width: 100%;
	}
	.formRightSide {
		width:100%;
		margin-top: 9%;
	}
	.contactTxt {
		display: none;
	}
	#contact .contactForm .captchaSubmission {
		width: 100%
	}
	#recaptcha_widget {
		float: left;
		width: 100%
	}
	#recaptcha_widget .width255px {
		width: 100%;
	}
	#recaptcha_widget .recaptchaIcon {
		background: url(../images/home/procaptchaMobile.jpg) no-repeat 0 0;
		width: 140px;
		height: 39px;
	}
	#contact {
		padding: 0 12px;
	}
	.topBandBg {
		background:  url(../images/common/contactSmall.png) no-repeat 4% bottom;
		min-height: 75px;
	}
	.topBand h3 {
		padding-top: 10px;
		font-size: 1.188em;
		margin-right: 4%;
	}
	.topBand h3 span.font18px {
		font-size: 0.750em;
	}
	#contact .contactForm .popupTxt{
		width: 97%;
		padding-right:3px; 
	}
}
@media screen and (device-aspect-ratio: 40/71) {
	#contact .contactForm .formLeftSide {
		width: 100%;
	}
	.formRightSide {
		width:100%;
		margin-top: 9%;
	}
	.contactTxt {
		display: none;
	}
	#contact .contactForm .captchaSubmission {
		width: 100%
	}
	#recaptcha_widget {
		float: left;
		width: 100%
	}
	#contact .contactForm .popupTxt{
		width: 95.2%;
	}
	#contact .contactForm .popupMessage {
		width: 93.2%;
	}
}