@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: cambria;
    src: url(/Content/fonts/cambria.ttf);
}

body{
	margin:0;
	padding:0; 
	background: #1860a3; 
	background-size:cover;
	font-family:cambria !important; 
	font-size:14px; 
	color:#000; 
	}
	.navbar-default {
    background-color: #fff !important;
    border-color: #e7e7e7;
}
.navbar-brand {
    float: left;
    height: 60px !important;
    padding: 6px 15px !important;
    font-size: 18px;
    line-height: 20px;
}
.navbar-right {
    float: right !important;
    margin-right: 0 !important;
    margin: 12px 0 0 0 !important;
}
.navbar-nav > li {
    float: left;
    padding: 0 2px !important;
}
.header{width:100%; margin:0 0 0 0; padding:10px 0; background:#fff; text-align:center; overflow:hidden;}
.banner{margin:60px 0 0 0; padding:0; background: url(/Content/images/Counseling/banner-bg.png) no-repeat; background-size:cover; text-align:center;}
.banner img{margin:0 auto; padding:14px 0; }
.career{margin:0; padding:0; background:#fff;}
.career h3{margin:0; padding:18px 0 0 0; text-align:center; font-size:26px; font-weight:bold; color:#404040;}
.career h6{margin:0; padding:3px 0 0 0; text-align:center; font-size:18px; font-weight:bold; color:#5c6873;}
.career ul{margin:0; padding:8px 0 0 0; text-align:center; font-size:16px; font-weight:normal; color:#414141; list-style-type:none;}
.career ul li{margin:0; padding:0 0 0 0; text-align:center; font-size:16px; font-weight:normal; color:#414141;}
.career ul li span{font-weight:bold; font-size:18px;}
.career p{margin:20px 0 0 0; padding:0 0 0 0; background:url(/Content/images/Counseling/career_bg.png) repeat-x; height:9px;}
.howitworks{margin:0; padding:0; background:#f7f7f7;}
.howitworks h3{margin:0; padding:18px 0 0 0; text-align:center; font-size:26px; font-weight:bold; color:#404040;}
.howitworks ul{margin:0 auto; padding:16px 0; list-style-type:none; width:780px; overflow:hidden;}
.howitworks ul li{margin:0; padding:0; float:left;}
.paid{margin:0 0 0 0; padding:0;}
.session{
	margin:10px 0 0 0; padding:14px 20px; background:#ffffff; color:#505050; font-size:16px; border-radius:3px; border:1px solid #ea7b28;
	-webkit-box-shadow: 4px 4px 4px -1px rgba(234,123,40,1);
-moz-box-shadow: 4px 4px 4px -1px rgba(234,123,40,1);
box-shadow: 4px 4px 4px -1px rgba(234,123,40,1);}
.session h4{margin:0; padding:0px; font-size:18px; font-weight:bold;}
.session ul{margin:10px 0 0 30px; padding:0px;}
.session ul li{margin:0; padding:0px; color:#505050; font-size:15px; font-weight:normal; line-height:18px;}
.pay{margin:10px 0 0 0; padding:14px 20px; background:#ffffff; color:#505050; font-size:16px; border-radius:3px; border:1px solid #ea7b28;
	-webkit-box-shadow: 4px 4px 4px -1px rgba(234,123,40,1);
-moz-box-shadow: 4px 4px 4px -1px rgba(234,123,40,1);
box-shadow: 4px 4px 4px -1px rgba(234,123,40,1);}
.pay h4{margin:0; padding:0px; font-size:18px; font-weight:bold;}
.pay p{margin:10px 0 0 30px; padding:0 0 60px 0; font-size:17px; font-weight:normal;}
.manulogo{margin:20px 0 70px 0; padding:0; text-align:center;}
.wrapper{width:90%; margin:0 auto; padding:0;}
.l1{margin:0; padding:0; float:left;}
.l2{margin:6px 0px 0px 0px; padding:0; float:right; list-style-type:none;}
.l2 li{margin:0 4px 0 0; padding:0; float:left;}

h3{margin:18px 0; padding:0; font-size:50px; text-align:center; color:#fff; font-weight:300;}
h3 span{color:#32c5d2; font-weight:600;}
h5{margin:10px 0; padding:0; font-size:14px; font-style:italic; color:#fff; }
.panel{width:85%; margin:0 auto; padding:0;}
.login{background:#fff; border-radius:4px;}


.form-header{background:url(/Content/images/Counseling/formheader-bg.png) repeat; color:#fff; font-size:18px; text-align:center; padding:8px 0; border-radius:4px 4px 0 0;}
.form-header1{background:url(/Content/images/Counseling/formheader-bg.png) repeat; color:#fff; font-size:18px; text-align:center; padding:8px 0; border-radius:4px 4px 0 0;}
.pdfcontainer{padding:5px;}
.forminner{margin:10px auto; padding:0; width:90%;}
form{margin:0; padding:0;}
.txtinput{margin:3px 0; padding:5px 6px;  width:100%; border:none; font-size:14px; background:#f5f5f5; background-image: linear-gradient(top, rgba(0, 0, 0, 0.02) 0%, rgba(255, 255, 255, 0.02) 50%); border: 1px solid rgba(0, 0, 0, 0.16);}
.txtinput1{margin:3px 0; padding:5px 6px;  width:100%; border:none; font-size:14px; background:#f5f5f5; background-image: linear-gradient(top, rgba(0, 0, 0, 0.02) 0%, rgba(255, 255, 255, 0.02) 50%); border: 1px solid rgba(0, 0, 0, 0.16);}
.txtinput2{margin:3px 0; padding:5px 6px;  width:100%; border:none; font-size:14px; background:#f5f5f5; background-image: linear-gradient(top, rgba(0, 0, 0, 0.02) 0%, rgba(255, 255, 255, 0.02) 50%); border: 1px solid rgba(0, 0, 0, 0.16);}
.otpinput{margin:3px 0; padding:5px 6px;  width:32%; border:none; font-size:14px; background:#FFFFFF; background-image: linear-gradient(top, rgba(0, 0, 0, 0.02) 0%, rgba(255, 255, 255, 0.02) 50%); border: 1px solid rgba(0, 0, 0, 0.16); float:left;}
.btn_login{
float:left;
color: #fff !important;
background: #8064a2;
margin: 3px 0 0 0;
padding: 6px 20px !important;
border: none;
cursor:pointer;
}
.btn_login:hover{
background: #5f467d !important;
color:#fff !important;
text-decoration:none !important;

}

.btn_signup{
float: left;
color: #fff;
background: #88241f;
margin: 3px 0 0 0;
padding: 6px 25px;
border: none;
cursor:pointer;
}
.btn_signup:hover{
background: #621b17;

}
.btn_otp{
float: left;
color: #fff;
background: #0090ff;
margin: 3px 13px 0 10px;
padding: 5px 13px 4px;
border: none;
cursor:pointer;
}
.btn_otp:hover{
background: #0275cd;
}
.btn_verify{
float: left;
color: #fff;
background: #88241f;
margin: 3px 0 0 10px;
padding: 4px 27px;
border: none;
cursor:pointer;
}
.btn_verify:hover{
background: #621b17;

}
label{margin:0; padding:0; color:#fff;}
.submit{padding:8px 6px; margin:4px 0; background:#0275cd; color:#fff; border:none; width:100%;font-size:14px;}
.fields{text-align:right; color:#fff; font-size:12px; font-style:italic;margin:0; padding:1px 0 8px 0;}
.r-form-inner {
    width: 32%;
    float: left;
}
.r-spacer {
    margin: 0 0 0 10px;
}
.spacer{padding:0 15px;}
.lab{border-bottom:1px solid #ccc; padding:4px 0; font-weight:bold;}
.footerpanel{width:100%; background:#243841; position:fixed; bottom:0;}
.footer{width:100%; margin:0 auto; padding:10px 0 10px 0; text-align:center; color:#fff; }

.modal-header {
    padding: 6px 15px !important;
    border-bottom: 1px solid #e5e5e5;
	background:#8064a2;
	color:#ffffff;
}
.modal-body {
    position: relative;
    padding: 0px 15px !important;
}
.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #fff !important;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: 1 !important;
}
.modal-footer {
    display: none !important;
}
.nameinput{margin:3px 0; padding:5px 6px;  width:100%; border:none; font-size:14px; background:#f5f5f5; background-image: linear-gradient(top, rgba(0, 0, 0, 0.02) 0%, rgba(255, 255, 255, 0.02) 50%); border: 1px solid rgba(0, 0, 0, 0.16); width:63%; float:left;}
.pwd{margin:3px 0; padding:5px 6px;  width:100%; border:none; font-size:14px; background:#f5f5f5; background-image: linear-gradient(top, rgba(0, 0, 0, 0.02) 0%, rgba(255, 255, 255, 0.02) 50%); border: 1px solid rgba(0, 0, 0, 0.16); width:49%; float:left;}
.dobinput{margin:3px 0; padding:5px 6px;  width:100%; border:none; font-size:14px; background:#f5f5f5; background-image: linear-gradient(top, rgba(0, 0, 0, 0.02) 0%, rgba(255, 255, 255, 0.02) 50%); border: 1px solid rgba(0, 0, 0, 0.16); width:35%; float:right;}
.form-group {
    margin-bottom:0 !important;
    width: 100%;
    overflow: hidden;
}
.wtype{background:#fff9e7; margin:6px 0; padding:2px 10px; color:#000; border:1px solid #ccc; border-radius:3px;}
.wtypet1{width: 25%; height: 28px; float: left; color: black;}
.wtypet2{color: black;
width: 40%;
font-size: 14px;
margin: 4px 6px 0;
padding: 4px 5px;}
.wtypet3{color: black;
width: 30%;
font-size: 14px;
margin: 4px 0;
padding: 4px 5px;}

.capchap{background:#ecfeff; margin:6px 0; padding:2px 10px; color:#000; border:1px solid #ccc; border-radius:3px;}
.thanku{margin:34px 0 0 0; padding:0; background: url(/Content/images/Counseling/banner-bg.png) repeat;  text-align:center;}
.payment-suc{
	border-radius: 50%;
height: 100px;
width: 100px;
background: #88241f;
color: #fff;
margin: 0 auto;
padding: 23px 0;
font-size: 17px;

	}
.paymentpage1{background:#fff9e7; margin:6px 0; padding:2px 10px; color:#000; border:1px solid #ccc; border-radius:3px; text-align:left;}
.paymentpage1 h3{margin:0 0 10px 0; padding:5px 0 5px 0; color:#000; border-bottom:1px solid #ccc; text-align:left; font-size:16px;}
.paymentpage1 p{margin:2px 0; padding:0; color:#000; border-bottom:1px dotted #ccc; font-size:13px;}
#chkterms a{ color:#000000; text-decoration:none;}
#chkterms a:hover{ color:#000000; text-decoration:underline;}
.spacer2{margin:3px 0 0 11px;}
.emailerpnl{list-style-type:none; margin:3px; padding:0; float:left; width:49%; background:#5f467d; color:#fff; border-radius:7px;}
.phonepnl{list-style-type:none; margin:3px; padding:0; float:right; width:49%; background:#008bc5; color:#fff; border-radius:7px;}
.spacer3{width:20%;}
@media (max-width:768px)
	{
	    .emailerpnl{ width:98%; }
.phonepnl{width:98%;}
	    .spacer3{width:50%;}
	    .panel{width:100%;}
	    .banner{margin:60px 0 0 0; padding:0 20px;}
	    .career{padding:0 19px;}
	    .spacer{padding:0;}
	    .pay p{margin:10px 0 0 0px;}
	    .howitworks ul{width:77%;}
	.panel_left {
    width: 100%;
    margin: 0;
    padding: 0;
    float: left;
}
.panel_right {
    width: 100%;
    margin: 10px 0 0 0;
    padding: 0;
    float: right;
}
.pwd{ width:100%;}
.spacer2{margin:3px 0 0 0;}
.r-form-inner {
    width: 100%;
}
.r-spacer {
    margin: 0 0 0 0px;
}
.otpinput{width:71%;}
.btn_otp{margin:3px 0 0 6px;}
.btn_verify{margin:3px 0 0 6px; padding:4px 19px;}
	}