.row:after,
.clearfix:after{
	content:'';
	display:table;
	clear:both;
}
html,body{
	height: 100%;
}
body{
	min-width:320px;
	font:14px/19px 'Open Sans', Arial, Helvetica, sans-serif;
	color: #483d32;
	margin: 0;
	-ms-text-size-adjust: none;
	-webkit-text-size-adjust:none;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}
*{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
*:before,
*:after{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.text-right{text-align:right;}
.text-left{text-align:left;}
.text-center{text-align:center;}
.pull-left{float: left;}
.pull-right{float: right;}
.display-block{display: block !important;}
button.display-block{width: 100%;}
.pointer{ cursor: pointer; }
.m0{margin: 0 !important;}
.mb0{margin-bottom: 0 !important;}
.mb5{margin-bottom: 5px !important;}
.mb10{margin-bottom: 10px !important;}
.mb15{margin-bottom: 15px !important;}
.mb20{margin-bottom: 20px !important;}
.mb25{margin-bottom: 25px !important;}
.hidden{display: none !important;}

/* text styles */
.text-muted{
	color: #999;
}
.text-gray{
	color: #666;
}
.text-green{
	color: #00cf70;
}
.text-red{
	color: #f55656;
}
.text-orange{
	color: #ff7441;
}
.text-black{
	color: #000;
}
.text-dark{
	color: #333;
}
.text-md{
	font-size: 16px;
	line-height: 20px;
}
.text-sm{
	font-size: 12px !important;
	line-height: 15px !important;
}
.text-ellipsis{
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	max-width: 100%;
}
.nowrap{
	white-space: nowrap;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after{
	content:'';
	content:none;
}
p{
	margin: 0 0 10px;
}
p:last-child{
	margin: 0;
}
ul{
	list-style: none;
	padding: 0;
	margin: 0;
}
table{
	border-collapse:collapse;
	border-spacing:0;
}
img{
	vertical-align:top;
	border-style:none;
	max-width: 100%;
	height: auto;
}
a{
	color: #237dc9;
	text-decoration: underline;
	transition: all 0.2s ease;
}
a:hover{
	text-decoration: none;
}
.layout-fix{
	display:table;
}
.layout-fix:after{
	content: ". .";
	display: block;
	font-size:0;
	height: 0;
	word-spacing: 99in;
}
.float-box{
	float: left;
	width: 100%;
}

/* forms */
.row{
	margin: 0 -15px;
}
.form-group {
	margin-bottom: 15px;
}
input[type=text], input[type=submit], input[type=button],
input[type=password], input[type=file], textarea{
	-webkit-appearance:none;
}
input[type="number"]{
	-moz-appearance: textfield;
}
input[type="number"]::-webkit-inner-spin-button {
	display: none;
}
button,
input,
textarea,
select{
	font:100% 'Open Sans', Arial, Helvetica, sans-serif;
	color:#343f52;
	outline:none;
}
::-moz-placeholder{
	color: #999;
	opacity: 1;
}
:-ms-input-placeholder {
	color: #999;
}
::-webkit-input-placeholder {
	color: #999;
}
input[type="number"]{
	-moz-appearance: textfield;
}
input[type="number"]::-webkit-inner-spin-button {
	display: none;
}
button::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner{
	padding:0;
	border:0;
}
textarea{resize:vertical;}
.form-control,
.form-control:focus{
	box-shadow: none;
	background: #fff;
	font-size: 18px;
	line-height: 24px;
	font-weight: bold;
	width: 100%;
	margin: 0;
	color: #8f8e8d;
	height: 57px;
	padding: 11px 18px;
	border-radius: 10px;
	border: 1px solid #d1d1d1;
	transition: all 0.2s ease;
}
.btn{
	background: #246fb6;
	color: #f2f2f2;
	font-size: 24px;
	line-height: 28px;
	font-weight: bold;
	display: block;
	width: 100%;
	border-radius: 10px;
	padding: 14px 20px;
	text-decoration: none;
	border: none;
	margin: 0;
}
.btn:hover,
.btn:active,
.btn.active,
.btn:focus,
.btn.focus{
	background: #23527c;
	color: #f2f2f2;
}
.btn-lg{
	padding: 23px 20px 24px;
}
.form-text{
	padding: 9px 0 5px;
}

/* form errors */
.has-error .form-control,
.has-error .form-control:focus{
	border-color: #9b2820;
	box-shadow: none;
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label{
	color: #9b2820;
}
.has-error .help-block{
	text-align: left;
	padding: 5px 15px 0;
}

body.sign-up-page .wrap{
	background: url('../images/bg-sign-up-page.jpg') fixed no-repeat 50% 50%;
	-webkit-background-size: cover;
	background-size: cover;
}
.wrap{
	width: 100%;
	height: 100%;
	display: table;
}
.wrap-holder{
	display: table-cell;
	vertical-align: middle;
	padding: 35px 0 20px;
	background: rgba(255, 255, 255, 0.3);
}

.header-box{
	position: fixed;
	top: 10px;
	left: 0;
	right: 0;
	text-align: right;
}
.header-box a{
	color: #483d32;
	text-decoration: none;
	font-weight: bold;
}

/* container */
.container{
	margin: 0 auto;
}
@media (min-width: 768px){
	.container{
		width: 750px;
		padding-left: 15px;
		padding-right: 15px;
	}
}
@media (min-width: 992px){
	.container{
		width: 970px;
	}
}
@media (min-width: 1200px){
	.container{
		width: 1170px;
	}
}

h1{
	font-size: 30px;
	line-height: 34px;
	font-weight: bold;
	color: #483d32;
	margin: 0 0 40px;
	text-align: center;
}
h2, h3{
	font-size: 18px;
	line-height: 22px;
	font-weight: bold;
	color: #483d32;
	margin: 0 0 20px;
}
h3{
	margin: 0;
}

/* sign-up-box */
.sign-up-box,
.site-request-password-reset{
	color: #8f8e8d;
	max-width: 421px;
	margin: 0 auto;
	padding: 30px;
	background: #f2f2f2;
	border-radius: 12px;
	text-align: center;
	-webkit-box-shadow: 0 0 15px rgba(0,0,0,0.15);
	-moz-box-shadow: 0 0 15px rgba(0,0,0,0.15);
	box-shadow: 0 0 15px rgba(0,0,0,0.15);
}
.logo{
	margin: 0 0 46px;
	display: inline-block;
	vertical-align: top;
	max-width: 100%;
}
.sign-up-box h1,
.site-request-password-reset h1{
	font-size: 24px;
	line-height: 28px;
	text-transform: uppercase;
	margin: 0 0 14px;
}
.link{
	display: inline-block;
	vertical-align: top;
	font-size: 18px;
	line-height: 22px;
	margin: 0 0 20px;
	background: none;
	border: none;
	text-decoration: underline;
	color: #026cc0;
	padding: 0;
}
.link:hover{
	text-decoration: none;
}

/* box-holder */
.box-holder{
	margin: 0 -15px;
	font-size: 0;
}
.box-holder .box{
	display: inline-block;
	vertical-align: middle;
	width: 33.33%;
	padding: 0 15px 30px;
	font-size: 14px;
	line-height: 19px;
}
.box-holder .box .holder{
	display: table;
	width: 100%;
	height: 170px;
	background: rgba(242, 242, 242, 0.75);
	border-radius: 10px;
	-webkit-box-shadow: 0 0 15px rgba(0,0,0,0.15);
	-moz-box-shadow: 0 0 15px rgba(0,0,0,0.15);
	box-shadow: 0 0 15px rgba(0,0,0,0.15);
}
.box-holder .box .frame{
	display: table-cell;
	vertical-align: middle;
	padding: 10px 20px;
	position: relative;
	transition: all 0.2s ease;
}
.box-holder .box a.holder{
	text-align: center;
	text-decoration: none;
	color: #483d32;
}
.box-holder .box a.holder:hover{
	text-decoration: none;
	background: #f2f2f2;
	-webkit-box-shadow: 0 0 15px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 0 15px rgba(0,0,0,0.3);
	box-shadow: 0 0 15px rgba(0,0,0,0.3);
}
.box-holder .logo{
	margin: 0;
	display: block;
	width: 100%;
	text-align: center;
}
.box-holder .logo img{
	width: 100%;
	max-width: 261px;
}
.box-holder h2{
	margin: 0 0 25px;
}
.box-holder .img{
	margin: 0 0 10px;
	display: inline-block;
}
.box-holder .title{
	display: block;
	font-size: 21px;
	line-height: 25px;
	font-weight: normal;
}
.box .fa-external-link{
	position: absolute;
	top: 15px;
	right: 15px;
	font-size: 24px;
	text-decoration: none;
	color: #483d32;
	opacity: 0.5;
	transition: all 0.2s ease;
}
.box-holder .box a.holder:hover .fa-external-link{
	color: #9b2820;
	opacity: 1;
}

/* media queries */
@media(max-width: 1199px){
	h2{
		margin: 0 0 10px;
	}
	.box-holder .box .holder{
		height: 185px;
	}
}
@media(max-width: 991px){
	h2, h3{
		font-size: 16px;
		line-height: 20px;
	}
	.box-holder{
		margin: 0 -15px;
	}
	.box-holder .box{
		padding: 0 10px 20px;
		font-size: 13px;
	}
	.box-holder .box .frame{
		padding: 10px 15px;
	}
	.box-holder .title{
		font-size: 18px;
		line-height: 22px;
	}
}
@media(max-width: 767px){
	.sign-up-page .container{
		padding: 0 10px;
	}
	h1{
		margin: 0 0 25px;
	}
	.box-holder{
		margin: 0 -7px;
	}
	.box-holder .box{
		width: 50%;
		font-size: 13px;
		padding: 0 7px 15px;
	}
	.box-holder .box .frame{
		padding: 10px;
	}
}
@media(max-width: 479px){
	.sign-up-box,
	.site-request-password-reset{
		padding: 15px;
	}
	.btn-lg{
		padding: 18px 15px;
		font-size: 22px;
	}
	.box-holder{
		margin: 0;
	}
	.box-holder .logo{
		width: 200px;
		margin: 0 auto;
	}
	.box-holder .box{
		width: 100%;
		padding: 0 0 15px;
	}
	.box-holder .box .holder{
		height: auto;
	}
}