@charset "utf-8";
html,body{width: 100%; height: 100%;}
body {margin:0 auto; background:#dfe1e7; font-family: 'Didact Gothic', sans-serif;}
::-moz-selection {background: #d82531;color: white; }
::-webkit-selection {background: #d82531;color: white; }
a, a:hover, a:focus{outline:none;} 
a, a:hover {-webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out;text-decoration:none;}

a, a:visited {
	color: #0087cc;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

a:hover, a:focus {
	color: #ff7b29;
}

.text-vertical-center {
    display: table-cell;
    vertical-align: middle;
	text-align:center;
}

.banner-main {
    display: table;
    position: relative;
    width: 100%;
    height: 100%;
}

.wrapper {
	margin:0 auto;
	padding:100px 0;
	width:650px;
	height:auto;
	background:#fff;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	box-shadow: 0px 0px 4px 0px #9498a1;
	background:url(../images/bg-1.png), url(../images/bg-2.png) #fff;
	background-repeat: no-repeat, no-repeat;
    background-position:right 0, bottom 0px left;
}

.wrapper h1{
	font-size:24px;
	color:#000;
	text-align:center;
	margin:0 auto;
	padding:10px 0 15px 0;
	font-weight:normal;
}

.wrapper a.regi{
	font-size:18px;
	color:#FFF;
	background:#2e5185;
	border-radius:5px;
	padding:20px 35px;
	margin:0;
}

.wrapper a.regi:hover{
	text-decoration:none;
	background:#000;
	color:#fff;
}

.upgrade {
	margin:65px 0 0 0;
}

.wrapper ul {
	margin:0 auto;
	padding:50px 0 0 0;
	text-align:center;
}

.wrapper ul li{
	list-style:none;
	display:inline;
	margin:0;
	padding:0 5px;
	font-size:16px;
	color:#000;
}

.wrapper ul li a{
	font-size:16px;
	color:#666;
	text-decoration:none;
	margin:0;
	padding:0;
}

.wrapper ul li a:hover{
	color:#069;
	text-decoration:none;
}

.wrapper h2{
	font-size:16px;
	color:#000;
	text-align:center;
	margin:0 auto;
	padding:10px 0 0 0;
	font-weight:normal;
}

.wrapper h3{
	font-size:30px;
	color:#F00;
	border-radius:7px;
	display:table;
	text-align:center;
	margin:0 auto;
	padding:25px 0 0 0;
	font-weight:normal;
}

.form-section {
	width:60%;
	margin:0 auto;
	padding:0;
}

.form-section-colleft {
	width:40%;
	margin:0;
	padding:5px 20px 0 62px;
	height:35px;
	float:left;
	font-size:16px;
	text-align:left;
}

.form-section-colleft span{
	padding-left:40px;
}

.form-section-colright {
	width:45%;
	margin:0;
	padding:0;
	height:35px;
	float:left;
	font-size:16px;
	text-align:left;
}

.form-section-colright p{
	font-size:16px;
	margin:0;
	padding:5px 0 0 0;
	text-align:left;
}

.form-section h4{
	font-size:20px;
	line-height:30px;
	color:#000;
	text-align:center;
	margin:0 auto;
	padding:10px 50px;
	font-weight:normal;
}

.wrapper h5{
	font-size:24px;
	color:#093;
	border-radius:7px;
	display:table;
	text-align:center;
	margin:0 auto;
	padding:0 100px;
	line-height:36px;
	font-weight:normal;
}

.form-section-2 {
	width:90%;
	margin:0 auto;
	padding:0;
	text-align:left;
}

.form-section-2 h1{
	font-size:16px;
	color:#2e5185;
	margin:0 0 0 0;
	padding:10px;
	padding:10px;
	border:1px dashed #666;
}

.form-section-2 h2{
	font-size:16px;
	color:#000;
	margin:0 0 15px 0;
	padding:0;
	padding:10px;
	border-left:1px dashed #666;
	border-right:1px dashed #666;
	border-bottom:1px dashed #666;
}

.form-section-2 h1 span{
	font-weight:bold;
}

.form-section-2 h3{
	font-size:16px;
	color:#C00;
	margin:20px 0 10px 0;
	padding:0;
	padding:0;
	text-align:left;
}

.form-section-2 ul.note1 {
	margin:0;
	padding:0;
}

.form-section-2 ul.note1 li{
	margin:0 0 0 0;
	padding:2px 0;
	font-size:12px;
	list-style:circle;
	text-align:left;
	display:block;
}

.form-section-3 {
	width:90%;
	margin:0 auto;
	padding:0;
	text-align:left;
}

.form-section-3 h1{
	font-size:18px;
	color:#2e5185;
	margin:0 0 20px 0;
	padding:10px;
	padding:10px;
	font-weight:400;
	letter-spacing:0.8px;
}

.form-section-3-left {
	margin:0;
	padding:30px 0 0 0;
}

.form-section-3 h2{
	font-size:16px;
	color:#000;
	margin:0 0 10px 0;
	padding:0;
	padding:0;
	font-weight:300;
	letter-spacing:0.5px;
	text-align:left;
}

.form-section-3 h2 span{
	color:#666;
}

.form-section-3 p{
	font-size:16px;
	color:#000;
	margin:25px 0 0 0;
	padding:0;
	padding:0;
	font-weight:300;
	letter-spacing:0.5px;
	text-align:left;
}

.form-section-3 p span{
	font-size:14px;
	line-height:18px;
	color:#666;
}

.form-section-3-right {
	margin:0;
	padding:0;
	background:#fff;
}

.form-section-3-right-from{
	margin:0;
	padding:0;
	border:1px solid #666;
}

.form-section-3-right-from-left{
	margin:0;
	padding:5px;
	font-size:16px;
	color:#000;
	letter-spacing:0.5px;
}

.form-section-3-right-from-right{
	margin:0;
	padding:5px;
	font-size:16px;
	color:#666;
	letter-spacing:0.5px;
}

.line-btm {
	width:100%;
	height:1px;
	background:#666;
	margin:0 auto;
}


/* Portrait phones to Landscape phone*/
@media (min-width: 320px) and (max-width: 480px){
	.text-vertical-center {
		display: table-cell;
		vertical-align: middle;
		text-align:center;
	}
	
	.banner-main {
		display: table;
		position: relative;
		width: 100%;
		height: 100%;
	}
	
	.wrapper {
		margin:0 auto;
		padding:65px 0;
		width:90%;
		height:auto;
		background:#fff;
		border-radius:8px;
		-moz-border-radius:8px;
		-webkit-border-radius:8px;
		box-shadow: 0px 0px 4px 0px #9498a1;
		background:url(../images/bg-1.png), url(../images/bg-2.png) #fff;
		background-repeat: no-repeat, no-repeat;
		background-position:right 0, bottom 0px left;
	}
	
	.wrapper img {
		width:80%;
	}
	
	.wrapper h1{
		font-size:20px;
		color:#000;
		text-align:center;
		margin:0 auto;
		padding:10px 0 25px 0;
		font-weight:normal;
	}
	
	.wrapper a.regi{
		font-size:14px;
		color:#FFF;
		background:#2e5185;
		border-radius:5px;
		padding:10px 10px;
		margin:0;
	}
	
	.wrapper a.regi:hover{
		text-decoration:none;
		background:#000;
		color:#fff;
	}	
	
	.upgrade {
		margin:30px 0 0 0;
	}
	
	.wrapper ul {
		margin:0 auto;
		padding:20px 0 0 0;
		text-align:center;
	}
	
	.wrapper ul li{
		list-style:none;
		display:inline;
		margin:0;
		padding:0 5px;
		font-size:16px;
		color:#000;
	}
	
	.wrapper ul li a{
		font-size:14px;
		color:#666;
		text-decoration:none;
		margin:0;
		padding:0;
	}
	
	.wrapper ul li a:hover{
		color:#069;
		text-decoration:none;
	}
	
	.wrapper h2{
		font-size:16px;
		color:#000;
		text-align:center;
		margin:0 auto;
		padding:0 0 0 0;
		font-weight:normal;
	}
	
	.wrapper h3{
		font-size:18px;
		color:#F00;
		border-radius:7px;
		display:table;
		text-align:center;
		margin:0 auto;
		padding:0;
		font-weight:normal;
	}
	
	.form-section {
		width:100%;
		margin:0 auto;
		padding:0;
	}
	
	.form-section-colleft {
		width:35%;
		margin:0;
		padding:5px 0 0 0;
		height:35px;
		float:left;
		font-size:14px;
		text-align:center;
	}
	
	.form-section-colright {
		width:55%;
		margin:0;
		padding:0;
		height:35px;
		float:left;
		font-size:16px;
		text-align:left;
	}
	
	.form-section-colright p{
		font-size:16px;
		margin:0;
		padding:5px 0 0 0;
		text-align:left;
	}
	
	.wrapper h5{
		font-size:18px;
		color:#093;
		border-radius:7px;
		display:table;
		text-align:center;
		margin:0 auto;
		padding:0 20px;
		line-height:22px;
		font-weight:normal;
	}
	
	.form-section-2 {
		width:80%;
		margin:0 auto;
		padding:0;
		text-align:left;
	}
	
	.form-section-2 h1{
		font-size:14px;
		color:#000;
		margin:0 0 15px 0;
		padding:0;
		padding:10px;
		display:block;
		border:1px dashed #666;
	}
	
	.form-section-2 h1 span{
		font-weight:bold;
	}
	
	.form-section-2 h2{
		font-size:14px;
		color:#C00;
		margin:20px 0 10px 0;
		padding:0;
		padding:0;
		text-align:left;
	}
	
	.form-section-2 ul.note1 {
		margin:0;
		padding:0;
	}
	
	.form-section-2 ul.note1 li{
		margin:0 0 0 0;
		padding:2px 0;
		font-size:12px;
		list-style:circle;
		text-align:left;
		display:block;
	}
	
	.form-section-3 {
		width:90%;
		margin:0 auto;
		padding:0;
		text-align:left;
	}
	
	.form-section-3 h1{
		font-size:16px;
		color:#2e5185;
		margin:0 0 20px 0;
		padding:10px;
		padding:10px;
		font-weight:400;
		letter-spacing:0.8px;
	}
	
	.form-section-3-left {
		margin:0;
		padding:0;
	}
	
	.form-section-3 h2{
		font-size:14px;
		color:#000;
		margin:0 0 5px 0;
		padding:0;
		padding:0;
		font-weight:300;
		letter-spacing:0.5px;
		text-align:left;
	}
	
	.form-section-3 h2 span{
		color:#666;
	}
	
	.form-section-3 p{
		font-size:14px;
		color:#000;
		margin:15px 0 20px 0;
		padding:0 0 10px 0;
		padding:0;
		font-weight:300;
		letter-spacing:0.5px;
		text-align:left;
		border-bottom:1px dashed #999;
	}
	
	.form-section-3 p span{
		font-size:14px;
		line-height:18px;
		color:#666;
		padding:0 0 15px 0;
	}
	
	.form-section-3-right {
		margin:0;
		padding:0;
		background:#fff;
	}
	
	.form-section-3-right-from{
		margin:0;
		padding:0;
	}
	
	.form-section-3-right-from-left{
		margin:0;
		padding:5px;
		font-size:14px;
		color:#000;
		letter-spacing:0.5px;
	}
	
	.form-section-3-right-from-right{
		margin:0;
		padding:5px;
		font-size:16px;
		color:#666;
		letter-spacing:0.5px;
	}
	
	.line-btm {
		width:100%;
		height:1px;
		background:#666;
		margin:0 auto;
	}

	
}
/* Landscape phone to portrait tablet */
@media (min-width: 481px) and (max-width: 767px){}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px){}
@media (min-width: 980px) and (max-width:1200px){}