* { margin: 0; padding: 0; }
body { font-size: 14px; font-family: 'Open Sans', sans-serif; }
a { text-decoration: none; }
h1 { font-size: 40px; font-weight: 600; }
h2 { font-size: 26px; font-weight: 400; }
ul { }
li { list-style-type: none; }
.clear { margin: 0; padding: 0; clear: both }
.left { float: left; }
.right { float: right; }
.wd { width: 100%; }
/*========== Form*/
input, textarea { font-family: 'Open Sans', sans-serif; font-size: 16px; }
input[type="text"] { border-radius: 5px; padding: 5px 10px; border: 1px solid #333; height: 30px; line-height: 30px; border: 1px solid #FFF; }
select { border-radius: 5px; padding: 5px; border: 1px solid #333; width: 200px; height: 30px; line-height: 30px; border: 1px solid #FFF; margin: 0 0 0 10px; font-size: 16px; }
textarea { border-radius: 5px; padding: 5px 10px; border: 1px solid #333; height: 30px; border: 1px solid #FFF; width: 600px; height: 100px; }
input[type="submit"] { border-radius: 5px; padding: 10px 30px; font-size: 20px; font-weight: 400; display: inline-block; color: #FFF; margin: 0px 5px 20px 5px; border: none; cursor: pointer; float: right; background: #0095da; /* Old browsers */ background: -moz-linear-gradient(top, #0095da 0%, #0069af 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0095da), color-stop(100%, #0069af)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #0095da 0%, #0069af 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #0095da 0%, #0069af 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #0095da 0%, #0069af 100%); /* IE10+ */ background: linear-gradient(to bottom, #0095da 0%, #0069af 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0095da', endColorstr='#0069af', GradientType=0 ); /* IE6-9 */
}
input:hover[type="submit"] { background: #0069af; /* Old browsers */ background: -moz-linear-gradient(top, #0069af 0%, #0095da 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0069af), color-stop(100%, #0095da)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #0069af 0%, #0095da 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #0069af 0%, #0095da 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #0069af 0%, #0095da 100%); /* IE10+ */ background: linear-gradient(to bottom, #0069af 0%, #0095da 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0069af', endColorstr='#0095da', GradientType=0 ); /* IE6-9 */
}
.submit-btn { float: left; width: 100%; }
.submit-btn .c1 { line-height: normal !important }
/*========== Form*/
header { position: relative; top: 0; left: 0; z-index: 1; }
.logo { margin: 20px 0 0 0px }
.layout { width: 950px; margin: 0 auto; }
.main { float: left; width: 100%; background-color: rgba(0,0,0,0.6); border-radius: 5px; color: #FFF; }
.main .pd { padding: 25px; }
.icon-sec .pd { padding: 10px 25px; }
/*========== form*/
form { margin-top: 20px; }
form ul { text-align: center; float: left; font-size: 0; }
form ul li { display: inline-block; vertical-align: top; margin: 0 5px 15px 5px; }
form ul li div.c1 { padding-bottom: 5px; text-align: left; font-size: 14px; }
form ul li span.red { font-size: 14px; text-align: left; color: #F00; display: block; }
/*========== Step1*/
.wrap1 { background: url(../jpg/image1.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-align: center; }
.wrap1 a { border-radius: 5px; padding: 10px 30px; font-size: 20px; font-weight: 400; display: inline-block; color: #FFF; margin: 40px 0 35px 0; background: #0095da; /* Old browsers */ background: -moz-linear-gradient(top, #0095da 0%, #0069af 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0095da), color-stop(100%, #0069af)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #0095da 0%, #0069af 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #0095da 0%, #0069af 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #0095da 0%, #0069af 100%); /* IE10+ */ background: linear-gradient(to bottom, #0095da 0%, #0069af 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0095da', endColorstr='#0069af', GradientType=0 ); /* IE6-9 */
}
.wrap1 a:hover { background: #0069af; /* Old browsers */ background: -moz-linear-gradient(top, #0069af 0%, #0095da 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0069af), color-stop(100%, #0095da)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #0069af 0%, #0095da 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #0069af 0%, #0095da 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #0069af 0%, #0095da 100%); /* IE10+ */ background: linear-gradient(to bottom, #0069af 0%, #0095da 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0069af', endColorstr='#0095da', GradientType=0 ); /* IE6-9 */
}
.wrap1 .main { margin-top: 25%; }
/*========== Step2*/
.wrap2 { background: url(../jpg/image2.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-align: left; }
.wrap2 .main { border-radius: 5px 5px 0 0; margin-top: 15%; }
/*========== Step3*/
.wrap3 { background: url(../jpg/image3.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-align: left; }
.wrap3 form ul { text-align: left; }
div.c1 { line-height: 30px; }
.wrap3 .main { border-radius: 5px 5px 0 0; margin-top: 15%; }
/*========== Step4*/

.wrap4 { background: url(../jpg/image4.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-align: center; }
.wrap4 form ul { }
.wrap4 form input[type="text"] { width: 300px; }
.wrap4 .main { border-radius: 5px 5px 0 0; margin-top: 15%; }
.wrap4 a { color: #F90; }
.wrap4 a:hover { text-decoration: underline; }
/*========== SignUp Com*/

.signup-com { background: url(../jpg/image1.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-align: left; }
.signup-com a.learn { border-radius: 5px; padding: 10px 30px; font-size: 20px; font-weight: 400; display: inline-block; color: #FFF; margin: 40px 0 0px 0; background: #0095da; /* Old browsers */ background: -moz-linear-gradient(top, #0095da 0%, #0069af 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0095da), color-stop(100%, #0069af)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #0095da 0%, #0069af 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #0095da 0%, #0069af 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #0095da 0%, #0069af 100%); /* IE10+ */ background: linear-gradient(to bottom, #0095da 0%, #0069af 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0095da', endColorstr='#0069af', GradientType=0 ); /* IE6-9 */
}
.signup-com a:hover.learn { background: #0069af; /* Old browsers */ background: -moz-linear-gradient(top, #0069af 0%, #0095da 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0069af), color-stop(100%, #0095da)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #0069af 0%, #0095da 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #0069af 0%, #0095da 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #0069af 0%, #0095da 100%); /* IE10+ */ background: linear-gradient(to bottom, #0069af 0%, #0095da 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0069af', endColorstr='#0095da', GradientType=0 ); /* IE6-9 */
}
.signup-com .main { margin-top: 16%; }
.signup-social { position: absolute; top: 40px; right: 40px; z-index:20; }
.signup-social h3 { float: left; margin: 0 10px 0 0; font-weight: 400; }
/*========== Icon Section*/
.icon-sec { float: left; width: 100%; background-color: rgba(255,255,255,0.6); margin: 0px 0 15px 0; border-radius: 0px 0px 5px 5px; }
.icon-sec ul { text-align: center; font-size: 0; }
.icon-sec ul li { display: inline-block; vertical-align: top; text-align: left; font-size: 14px; width: 285px; margin-right: 20px; }
.icon-sec ul li + li + li { margin-right: 0px; }
.icon-sec ul li img { float: left; margin-right: 15px; }
.icon-sec ul li span { margin-top: 20px; display: block; }
/*========== */
div.default { margin: 15px 0 0 0; text-align: left; }
div.default h2 { padding-bottom: 15px; }
div.default ul { float: left; margin-right: 20px; }
div.default ul li { line-height: 28px; background: url(../png/list.png) no-repeat left center; padding: 0 0 0 25px; }
div.how-work { right: 50px; top: 50px; position: absolute; z-index: 100 }
div.how-work a { background: #0095da; color: #FFF; font-size: 16px; text-transform: uppercase; margin: 0; font-weight: 400; }
div.how-work a:hover { background: #FFF; color: #0095da; }