html,button,input,select,textarea{color:#fff;}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}
audio,canvas,img {vertical-align:middle;}
::-moz-selection,::selection{background:#b3d4fc;text-shadow:none;}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}
fieldset{border:0;margin:0;padding:0;}
textarea{resize:vertical;}
.browsehappy{background:#ccc;color:#000;margin:.2em 0;padding:.2em 0;}

/* ==========================================================================
Global Layout
========================================================================== */
html, body { height: 100%; width: 100%; }
html { background-color: #fff; color: #7b7b7b; }
body { font-size: 2em; line-height: normal; font-family: 'Montserrat', sans-serif; padding: 0; margin: 0;}
#bgr { min-height: 750px; background-image: url(../images/bg.jpg); background-size: 100% 100%; background-repeat: no-repeat;}
ul, li, p, h1, h2, h3, h4, h5, h6 { padding: 0; margin: 0; }
h1, h2, h3, h4, h5, h6 { font-weight: 300;  }
a { text-decoration: none; color: #3c5ac7; }
a img { border: none; }
a:hover, a.active { color: #3c5ac7; }
ul, li, ol { list-style-type: none; }
input:focus, textarea:focus { outline: none; }
canvas { display: inline-block; }
.block { position: absolute; display: block; }
input { -webkit-appearance: none; border-radius: 0; font-family: 'Montserrat', sans-serif; font-style: normal; }
input::-webkit-input-placeholder, input::-moz-placeholder, input:-ms-input-placeholder, input:-moz-placeholder { color: #6a6a6a; }
input.error::-webkit-input-placeholder, input.error::-moz-placeholder, input.error:-ms-input-placeholder, input.error:-moz-placeholder { color: #e65757; }
.chromeframe {position:absolute;top:0;left:0;width:100%;height:100%;}
.lt-ie8 #wrapper {display:none;}

/* ==========================================================================
========================================================================== */

.button-style-1 {width:130px;display:block;border:0 !important;margin:0 auto;padding:0 10px;height:43px;font-size:36%;font-style:normal;background:#00447b;color:#fff;-moz-border-radius:2px;border-radius:2px;text-align:center;line-height:43px;box-shadow: 2px 2px 0 #1836a2;}
.button-style-1.grey {background:#fff;color:#575757;box-shadow: 2px 2px 0 #575757;}
.button-style-1:hover {background:#00447b;color:#fff;box-shadow: 2px 2px 0 #00447b;} 

.logo_img{position: relative;width: 100%;background: #f4f4f4;height: 60px;}
.logo_img img{padding-top: 6px;}

.titles { float: left; width: 100%; padding: 5px 0 15px 0; }
.titles .errors {color:#ed1c24;font-size: 65%; font-weight: 600; text-align: center;}
.titles h5 { font-size: 86%; font-weight: 100; text-align: center; }
.titles h4 { font-size: 100%; text-align: center; font-weight: 600; }

.page .head {float:left;width:100%;margin:35px 0 0 0;}
.page .head .title {width:100%;font-size:120%;color:#00447c;margin: 0;}

.page .head .title.small {font-size:18px;}
.page .head .title.small em {line-height:50px;color:#00447c; font-style: normal;}
.page .head .title.small span {font-size:75%;display:block;}

.page .head h2 {font-size:76%;font-weight:400;float: left;width: 100%;text-align: center;padding:35px 20px 0;box-sizing:border-box;}
.page .head h2 span {max-width:990px;margin:0 auto;display:block;}
.page .head .icon {width:63px;height:63px;background:#3c5ac7;float:left;margin-right: 15px;border-radius: 50px;}
.page .head .title em {float:left;line-height:normal;font-weight: 300;width: 100%;text-align: center;font-style: normal;}
.page .head .title em img {margin-right:45px;font-style: normal;}
.page .head .decs {float:left;width:100%;padding:50px 0;font-size:45%;color:#7b7b7b;font-weight:600;text-align:center;}

.coloring {float:left;width:100%;text-align:center;margin:5px 0 0;position: relative;}
.coloring span {max-width:660px;padding:0 10px;margin:0 auto;display:block;position: relative;overflow:0;}
.coloring span:before, .coloring span:after {content:'';}
.coloring img {position: relative;z-index: 1;}
.page .coloring span:before {left:0}
.page .coloring span:after { right:0;}
.page .coloring {margin:25px 0 0;}

.inquiries { margin: 50px auto 100px; max-width: 780px; text-align: center; }
.inquiries .big-button { width: 312px; height: 77px; font-size: 70%; text-transform: none; line-height: 77px; display: inline-block; margin: 25px; }

.form { float: left; width: 100%; }
.form form { font-style: normal; font-size: 86%;padding-top: 30px; }
.form .fields { width: 640px; margin: 20px auto; clear: both; position: relative; padding: 0 20px; }
.form .fields .row:last-child input.field, .form .fields .row:last-child .select {margin-bottom:0;}


.form .fields-mobile { width: 340px; margin: 20px auto; clear: both; position: relative; padding: 0 20px; }
.form .fields-mobile .row:last-child input.field, .form .fields-mobile .row:last-child .select {margin-bottom:0;}



.form .row { float: left; width: 100%; }
.form .capthca_img { float: left; margin: 0px 0px 10px 23px; }
.form .row.error, .form .capthca.error { color: #ed1c24; }
.form .row.error input, .form .capthca.error input{ background: #ed777c; color: #ed1c24; }
.form .success {color:#6eda63;font-weight: 600;padding-top: 20px;}
.form .error {color:#ed1c24;font-weight: 600;padding-top: 20px;}
.form .capsLock {font-size: 55%; text-align: center; margin: 10px auto; }

.form label { font-size: 14px; text-align: left; width: 180px; float: left; height: 32px; line-height: 32px; padding-left:8px;}
.form label.two {line-height: 18px;height: 45px;padding-top: 10px;padding-bottom: 10px;}
.form label .small {font-size:12px;color:#8f8f8f;display:block;}
.form input.field, .form .select { width: 180px; height: 42px; border-radius: 0px; background: #fff; border: 1px solid #00447b; float: left; margin-bottom: 15px; margin-left: 20px; padding: 0 20px; font-size: 55%; color: #6a6a6a; }
.form input.field {line-height: 42px;} 

.form span.required { color: #3c5ac7; }
.form .capthca label { width: 289px; margin-right: 29px; }
.form .capthca img { float: left; margin: 10px 20px 0 0; }
.form .capthca input { width: 132px; float: left; }

.form .text { font-size: 45%; text-align: center; max-width: 800px; margin: 50px auto; }
.form .border { max-width: 940px; margin: 45px auto; }

.form .select {position:relative;background:url(../images/neb.png) no-repeat right center #ebebeb;cursor:pointer;}
.form .select .label {margin-top:11px;}
.form .select .options {display:none;position:absolute;top: 51px;left:0;width: 100%;background: #ebebeb;max-height: 350px;padding:  10px 0;overflow: auto;z-index: 1;}
.form .select .options a {display: block;padding: 10px 20px;}
.form .select .options a:hover {color:#6a6a6a;} 
.form .select select {display:none;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;filter: alpha(opacity=0);}

.button_box {margin: 0 auto;width:310px;}
.button_box .first {margin:0 50px 50px 0;} 
.button_box .button-style-1 {float:left;font-size: 16px; font-weight: 300;padding:0;}
.button_box  input { text-transform: uppercase; }

.login-wrapper {
	position: absolute;
    left: 50%;
    margin-left: -250px;
    height: 640px;
    width: 500px;
    background-color:rgba(255,255,255,0.9);
    marign: 40px;
    align-content: center;
    text-align: center;
    vertical-align: middle;
    padding-bottom: 20px;
    margin-top:5%;
    border-radius: 25px;
    border: 2px solid #fff;
}

.mobileShow { display: none;}
.mobileHide { display: inline;}

@media only screen and (max-width: 1370px) { 
	.page .head{margin: 15px 0 0 0;}
	.form .border {margin: 30px auto;}
	.form .text {margin: 20px auto;}
	.page .coloring{margin: 10px 0 0;}
	.form form{padding-top: 22px;}
	.login-wrapper {height: 580px; padding-bottom: 0; margin-top: 40px;}
	#bgr {  min-height: 650px; }
}

@media only screen and (max-width: 640px) { 
	
	.page .head .title {font-size:150%;} 
	.form_head { padding: 25px 0; }
	.form { -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 20px; }
	.form fieldset { -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; }
	.form .fields label { width: 100%; margin: 0; }

	.form .fields { width: 240px; margin: 20px auto; clear: both; position: relative; padding: 0 20px; }
	.form .fields .row:last-child input.field, .form .fields .row:last-child .select {margin-bottom:0;}
	
	.form input { width: 100%; margin: 0; }
	.form input.field,.form .select { width: 100% !important;-moz-box-sizing: border-box;box-sizing: border-box; margin: 0 0 15px !important; }
	.form .grid .checkbox_box { width: 235px; }
	.form input { -moz-box-sizing: border-box; box-sizing: border-box; }
	.form .capthca label { width: 100%; line-height: 15px; text-align: center; height: auto; margin: 20px 0; }
	.form .capthca img { float: none; margin: 0 auto 20px; clear: both; }
	.form .row .capthca_img { margin-left: 0; }
	.form .checkbox_box { width: 100%; }
	.button-style-1 {box-shadow:none;}
	.page .head .title em img {margin-right:0}
	.page .button_box {width:100%;}
	.button_box .button-style-1 {width: 100%;box-sizing: border-box;margin:0 0 25px 0;}
	.login-wrapper { margin-top: 0; width: 360px; margin: 0 auto; left: 0; position: relative; }
	#bgr { background-image: none; min-hegiht: 300px; }
	.mobileShow { display: inline;}
	.mobileHide { display: none;}
}

/* ==========================================================================
Helper classes
========================================================================== */

.clr {clear: both;}
.clr.border {border-top:1px solid #e1e1e1;}
.ir {background-color: transparent;border: 0;overflow: hidden;/* IE 6/7 fallback */*text-indent: -9999px; }
.ir:before {content: "";display: block;width: 0;height: 150%;}
.hidden {display: none !important;visibility: hidden;}
.visuallyhidden {border: 0;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {clip: auto;height: auto;margin: 0;overflow: visible;position: static;width: auto;}
.invisible {visibility: hidden;}
.clearfix:before,
.clearfix:after{content: " ";display: table;}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}

@media only screen and (min-width: 35em) {
	/* Style adjustments for viewports that meet the condition */
}

@media print,
(-o-min-device-pixel-ratio: 5/4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {
	/* Style adjustments for high resolution devices */
}

/* ==========================================================================
Print styles.
Inlined to avoid required HTTP connection: h5bp.com/r
========================================================================== */

@media print {
	* {
		background: transparent !important;
		color: #000 !important; /* Black prints faster: h5bp.com/s */
		box-shadow: none !important;
		text-shadow: none !important;
	}

	a,
	a:visited {
		text-decoration: underline;
	}

	a[href]:after {
		content: " (" attr(href) ")";
	}

	abbr[title]:after {
		content: " (" attr(title) ")";
	}

/*
* Don't show links for images, or javascript/internal links
*/

.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
	content: "";
}

pre,
blockquote {
	border: 1px solid #999;
	page-break-inside: avoid;
}

thead {
	display: table-header-group; /* h5bp.com/t */
}

tr,
img {
	page-break-inside: avoid;
}

img {
	max-width: 100% !important;
}

@page {
	margin: 0.5cm;
}

p,
h2,
h3 {
	orphans: 3;
	widows: 3;
}

h2,
h3 {
	page-break-after: avoid;
}
}

.login-title {
	font-size: 18px; 
}

.description-text {
	font-size: 10px; 
	font-weight: 100;
	font-style: italic;
}