/* #General Styles
================================================== */
.em * { margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; list-style: none; }
.em * { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.em html, .em body, .em div, .em span, .em applet, .em object, .em iframe, .em a, .em img, .em select, .em input, .em option { margin: 0; padding: 0; border: 0; outline: 0; }
.em html { -webkit-text-size-adjust: none; }
.em button, .em input, .em select, .em textarea { font-size: 100%; margin: 0; vertical-align: baseline; box-shadow: none; }
.em input[type="button"], .em input[type="submit"] { -webkit-appearance: none !important; }
.em a { text-decoration: none; }
.em img { border: 0 none; max-width: 100%; vertical-align: top; }
.em a { outline: none; cursor: pointer; }
.em a:hover { text-decoration: none; }
.em a:focus { text-decoration: none !important; outline: none !important; }
.em .clear { clear: both; }
.em img { max-width: 100%; }
.em button:focus { outline: 0; }
.em .text-transform { text-transform: uppercase; }
.em .break { float: left; width: 100%; }
.em .preloader { display: none; }
.em img { vertical-align: middle; }

/*Placeholder opacity cross browsers*/
.em input::-webkit-input-placeholder {
color:hsl(212, 21%, 14%);
opacity:1;
}
.em input:-moz-placeholder {
color:hsl(212, 21%, 14%);
opacity:1;
}
.em input::-moz-placeholder {
color:hsl(212, 21%, 14%);
opacity:1;
}
.em input:-ms-input-placeholder {
color:hsl(212, 21%, 14%);
opacity:1;
}
.em textarea::-webkit-input-placeholder {
color:hsl(212, 21%, 14%)f;
opacity:1;
}
.em textarea:-moz-placeholder {
color:hsl(212, 21%, 14%);
opacity:1;
}
.em textarea::-moz-placeholder {
color:hsl(212, 21%, 14%);
opacity:1;
}
.em textarea:-ms-input-placeholder {
color:hsl(212, 21%, 14%);
opacity:1;
}
.em button::-moz-focus-inner, .em input[type="submit"]::-moz-focus-inner {
border: 0;
}
/* #Page Structure
================================================== */
body.em { margin: 0; padding: 0; font-size: 16px; color: hsl(212, 21%, 14%); background: #fff; font-family: Arial, sans-serif; font-weight: 400; opacity: 0; }
.em .main { max-width: 730px; margin: 0 auto; }
.em a, .em button { transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; }
.em .aligncenter { text-align: center; }
.em .alignleft { text-align: left; }
.em .alignright { text-align: right; }
.em p { margin: 0 0 15px; }
/* Home Page Style
 ==================================================*/
/***** form styles goes here *****/
.em #register-form { width: 100%; float: left; padding: 70px 0; }
.em #register-form .form-heading { width: 100%; float: left; margin-bottom: 40px; }
.em #register-form .form-intro { display: block; font-weight: 300; margin: 0 0 20px; position: relative; text-rendering: optimizelegibility; text-transform: uppercase; font-size: 30px; font-weight: 300; }
.em #register-form .form-row { float: left; margin-bottom: 20px; width: 100%; }
.em #register-form .label-form { font-size: 16px; font-style: italic; margin: 0 0 7px; min-height: 17px; text-transform: uppercase; }
.em #register-form .input-box-style { background: hsl(0, 0%, 100%) none no-repeat scroll 97.5% 50%; border: 3px solid hsl(36, 13%, 92%); border-radius: 0; color: hsl(212, 21%, 14%); font-family: Arial, sans-serif; font-size: 16px; font-weight: 300; height: 60px; line-height: 60px; padding: 0 10px; position: relative; resize: none; width: 100%; transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; }
.em #register-form .form-col { float: left; width: 47.5%; }
.em #register-form .form-col:last-child { float: right; margin-right: 0; }
.em #register-form .sbSelector { outline: none; background: hsl(36, 13%, 92%) none repeat scroll 0 0; cursor: pointer; font-size: 16px; line-height: 60px; height: 60px; font-family: Arial; }
.em #register-form .sbOptions { border: none; border-radius: 0 0 5px 5px; top: 59px !important; background: hsl(60, 9%, 98%) none repeat scroll 0 0; cursor: pointer; ; z-index: 99999; overflow: auto; max-height: 250px !important; -moz- box-shadow: 0 2px 14px hsla(206, 13%, 11%, 0.2);
-o- box-shadow: 0 2px 14px hsla(206, 13%, 11%, 0.2);
box-shadow: 0 2px 14px hsla(206, 13%, 11%, 0.2); -webkit-box-shadow: 0 2px 14px hsla(206, 13%, 11%, 0.2); }
.em #register-form .sbHolder { height: 60px; line-height: 60px; }
.em #register-form .sbOptions a { color: #424244 !important; padding: 1px 12px 0px; font-size: 16px; line-height: 40px; border: 0; display: block; }
.em #register-form .sbOptions a:hover { background: hsl(40, 14%, 92%) none repeat scroll 0 0; }
.em #register-form .sbSelector:focus {
 border: border: 1px solid hsl(36, 4%, 55%) !important; float: left; }
.em #register-form .sbSelector:focus {
 border: border: 1px solid hsl(36, 4%, 55%) !important; float: left; background: hsl(34, 19%, 85%) none repeat scroll 0 0; }
.em #register-form .sbSelector > a { color: #333333; }
.em #register-form .dob .form-col:nth-child(2) { width: 20%; }
.em #register-form .dob .form-col:nth-child(3) { width: 60%; margin-left: 1%; }
.em #register-form .dob .form-col:nth-child(4) { width: 30%; }
.em #register-form .form-note { display: block; font-size: 16px; font-style: italic; line-height: 1.21429em; margin: 0px 0 0; }
.em #register-form .row-inner { float: left; margin-bottom: 10px !important; width: 100%; }
.em #register-form .form-option-section { width: 100%; float: left; margin-top: 30px; margin-bottom: 30px; }
.em #register-form .form-option-section h3 { font-size: 28px; letter-spacing: 2px; text-transform: uppercase; font-weight: 400; margin-bottom: 30px; }
.em #register-form .form-option-section li label { cursor: pointer; width: 100%; float: left; vertical-align: top; }
.em #register-form .form-option-section ul { list-style: none; width: 100%; float: left; position: relative; }
.em #register-form .form-option-section li { /*overflow: hidden;*/ display: inline-block; margin-bottom: 12px; width: 32.5%; min-height: 40px; vertical-align: top; }
.em #register-form .form-option-section input[type=checkbox], .em #register-form .form-option-section input[type=radio] {  position: absolute;  }
.em #register-form .form-option-section input[type=checkbox]:checked, .em #register-form .form-option-section input[type=radio]:checked, .em #register-form .form-option-section input[type=checkbox]:focus, .em #register-form .form-option-section input[type=radio]:focus { outline: none !important; }
.em #register-form .form-option-section input[type=checkbox]+.lbl, .em #register-form .form-option-section input[type=radio]+.lbl { position: relative; z-index: 11; display: inline-block; margin: 0; line-height: 20px; min-height: 14px; min-width: 14px; font-weight: normal; }
.em #register-form .form-option-section input[type=checkbox]+.lbl.padding-8::before, .em #register-form .form-option-section input[type=radio]+.lbl.padding-8::before { /*margin-right: 8px;*/ float: left; left: 0; width: auto; }
.em #register-form .form-option-section input[type=checkbox]+.lbl::before, .em #register-form .form-option-section input[type=radio]+.lbl::before { font-family: fontAwesome; font-weight: normal; font-size: 11px; color: #2091cf; content: ""; background-color: #FAFAFA; border: 1px solid #CCC; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); border-radius: 0; display: inline-block; text-align: center; vertical-align: top; line-height: 20px; min-width: 20px; margin-right: 1px; }
.em #register-form .form-option-section input[type=checkbox]:checked+.lbl::before, .em #register-form .form-option-section input[type=radio]:checked+.lbl::before { display: inline-block; content: "\2713"; font-size: 20px; background-color: #FFF; border-color: #000; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1); transition: all 0.3 ease-in; -webkit-transition: all 0.3 ease-in; -moz-transition: all 0.3 ease-in; -o-transition: all 0.3 ease-in; border: 1px solid #CCC; }
.em #register-form .form-option-section input[type=checkbox]:active+.lbl::before, .em #register-form .form-option-section input[type=radio]:active+.lbl::before, .em #register-form .form-option-section input[type=checkbox]:checked:active+.lbl::before, .em #register-form .form-option-section input[type=radio]:checked:active+.lbl::before { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px 1px 3px rgba(0, 0, 0, 0.1); }
.em #register-form .form-option-section .error input[type="checkbox"] + .lbl::before, .em #register-form .form-option-section input[type="radio"] + .lbl::before { border: 1px solid red; }
.em #register-form .cmn-btn { display: table; float: left; text-align: center; width: 100%; }
.em #register-form .submit-btn { background: #6c7175; border: 0 none; border-radius: 0; color: #fff; cursor: pointer; display: inline; font-size: 16px; margin: 0 auto; padding: 17px 57px !important; transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s; -moz-transition: all 0.3s ease-in 0s; -o-transition: all 0.3s ease-in 0s; text-transform: uppercase; vertical-align: middle; text-decoration: none; text-shadow: none; letter-spacing: 2px; line-height: 24px; font-weight: 400; }
.em #register-form .submit-btn:hover { background-color: hsl(212, 21%, 14%); }
.em #register-form span.error { color: hsl(345, 100%, 45%); float: left; font-size: 12px; padding-top: 5px; text-align: right; width: 100%; }
.em #register-form input.error { border-color: hsl(359, 100%, 50%) !important; }
.em #register-form .input-box-style:focus { border: 3px solid hsl(212, 21%, 14%) }
.em #register-form .form-last-section { margin-top: 0; }
.em #register-form .form-last-section ul { margin-bottom: 0; }
.em #register-form .sbHolder.error .sbSelector { border: 3px solid hsl(359, 100%, 50%) !important; overflow: hidden; }
.em #register-form .form-option-section input[type="checkbox"] + .lbl::before, .em #register-form .form-option-section input[type="radio"] + .lbl::before { background-color: #fafafa; border: 1px solid #ccc; border-radius: 0; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); color: #2091cf; content: ""; display: inline-block; font-family: fontAwesome; font-size: 11px; font-weight: normal; height: 20px; line-height: 20px; margin-right: 16px; min-width: 20px; text-align: center; vertical-align: top; margin-bottom: 20px; }
.em .form-option-section span.error { float: left !important; margin-top: -15px; padding-top: 0 !important; text-align: left !important; width: 100% !important; }
/***** form styles end *****/