/* reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
ol,ul{list-style:none;margin:0px;padding:0px;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
/* start editing from here */
a{text-decoration:none;}
.txt-rt{text-align:right;}/* text align right */
.txt-lt{text-align:left;}/* text align left */
.txt-center{text-align:center;}/* text align center */
.float-rt{float:right;}/* float right */
.float-lt{float:left;}/* float left */
.clear{clear:both;}/* clear float */
.pos-relative{position:relative;}/* Position Relative */
.pos-absolute{position:absolute;}/* Position Absolute */
.vertical-base{ vertical-align:baseline;}/* vertical align baseline */
.vertical-top{ vertical-align:top;}/* vertical align top */
nav.vertical ul li{ display:block;}/* vertical menu */
nav.horizontal ul li{ display: inline-block;}/* horizontal menu */
img{max-width:100%;}
/*end reset*/
html, body{
font-size: 100%;
font-family: 'Raleway', sans-serif;
background: url(../images/banner.jpg) no-repeat 0px 0px;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
-ms-background-size: cover;
background-attachment: fixed;
}
h1,h2,h3,h4,h5,h6,input,p,a,select{
font-family: 'Raleway', sans-serif;
margin:0;
}
ul,label{
margin:0;
padding:0;
}
body a:hover,body a{
text-decoration:none;
}
/*-- main --*/
.agileits_copyright{
text-align: center;
}
.agileits_copyright p{
font-size: 1em;
color:#fff;
line-height: 1.8em;
padding: 0 1em;
text-transform: capitalize;
margin-top: 2em;
}
.agileits_copyright p a {
color:#38a90e;
text-decoration: underline;
}
.agileits_copyright p a:hover{
color:#fff;
}
input[type="submit"],.agileits_copyright p a,a{
transition:.5s ease-in;
-webkit-transition:.5s ease-in;
-moz-transition:.5s ease-in;
-o-transition:.5s ease-in;
-ms-transition:.5s ease-in;
}
.main{
padding:3em 0;
}
.main h1{
text-align: center;
color:#fff;
font-size: 3em;
margin-bottom: 1em;
text-transform: uppercase;
letter-spacing: 5px;
font-weight: 600;
}
/*-- //main --*/
.w3_agile_main_grids{
width:45%;
margin:0 auto;
}
#steps {
margin: 80px 0 0 0;
}
.commands {
overflow: hidden;
margin-top: 30px;
}
.prev {
float:left;
}
.next, .submit {
float:right;
}
.error {
color: #d65c0d;
display: block;
font-size: 13px;
font-style: italic;
}
#progress {
position: relative;
height: 15px;
background-color: #eee;
margin-bottom: 20px;
border-radius: 20px;
}
#progress-complete {
border: 0;
position: absolute;
height: 15px;
min-width: 10px;
background-color: #d65c0d;
transition: width .5s ease-in-out;
border-radius: 20px;
}
.agile_form{
padding:3em;
background:#fff;
}
.w3_agile_main_grids h3 {
margin-bottom: 2em;
font-size: 1.5em;
color: #333;
border-bottom: 1px solid #e5e5e5;
text-align: center;
font-weight: 600;
padding-bottom: .5em;
}
.agileits_w3layouts_form{
width: 48.05%;
float: left;
margin-bottom:1.5em;
}
.wthree_input,.w3ls_description{
position:relative;
}
.wthree_input i{
position: absolute;
left: 0%;
top: 25%;
color: #38a90e;
}
.wthree_input input[type="text"],.w3ls_description textarea,.wthree_input select,.wthree_input input[type="email"],.wthree_input input[type="password"],.wthree_input input[type="date"]{
outline: none;
background: none;
border: none;
border-bottom: 2px solid #212121;
font-size: 14px;
font-style: normal;
color: #212121;
padding: 1em 1em 1em 2em;
width: 85.5%;
font-weight: 600;
font-family: 'Raleway', sans-serif;
}
.w3_agileits_margin{
margin-right:1.5em;
}
.w3_agileits_margin select{
width:100% !important;
}
.w3ls_description textarea{
width: 93% !important;
min-height: 170px;
}
.w3ls_description i{
position: absolute;
left: 0%;
top: 8%;
color: #38a90e;
}
::-webkit-input-placeholder{
color:#212121 !important;
}
.btn-primary,button#step1Prev,button#step2Prev{
font-size:14px;
color:#fff;
font-weight:600;
padding:10px 45px;
background:#d65c0d;
outline:none;
border:none;
cursor:pointer;
}
.w3_agile_main_grids h4{
color: #d65c0d;
font-size: 1em;
text-transform: capitalize;
text-align: center;
margin-bottom: 2em;
letter-spacing: 2px;
}
.agileits_circles{
float:left;
width:33.33%;
}
label.radio {
font-size: 1em;
font-weight: 500;
color: #212121;
padding-left: 20px;
margin: 0;
padding: 5em 0 2em;
text-align: center;
}
.radio, .checkbox {
position: relative;
display: block;
margin-top: 10px;
margin-bottom: 10px;
}
.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
position: absolute;
margin-top: 4px \9;
margin-left: -20px;
}
.checkbox input, .radio input {
position: absolute;
left: -9999px;
}
.radio i {
position: absolute;
top: 10%;
left: 36.5%;
display: block;
width: 50px;
height: 50px;
outline: none;
border: 2px solid #999;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
}
.radio input + i:after {
content: '';
top: 30%;
left: 31%;
width: 20px;
height: 20px;
border-radius: 50%;
background-color: #999 !important;
}
.checkbox input + i:after, .radio input + i:after {
position: absolute;
opacity: 0;
transition: opacity 0.1s;
-o-transition: opacity 0.1s;
-ms-transition: opacity 0.1s;
-moz-transition: opacity 0.1s;
-webkit-transition: opacity 0.1s;
}
.checkbox input:checked + i:after, .radio input:checked + i:after {
opacity: 1;
}
.icon i {
font-size: 2em;
color: #38a90e;
line-height: 3.5em;
}
.wthree_radio {
text-align: center;
cursor: pointer;
}
.wthree_radio span{
font-size:2em;
color:#38a90e;
}
/*-- start-responsive-design --*/
@media (max-width:1440px){
.w3_agile_main_grids {
width: 50%;
}
}
@media (max-width: 1366px){
.w3_agile_main_grids {
width: 53%;
}
}
@media (max-width: 1280px){
.w3_agile_main_grids {
width: 56%;
}
}
@media (max-width: 1080px){
.w3_agile_main_grids {
width: 66%;
}
}
@media (max-width: 1024px){
.w3_agile_main_grids {
width: 71%;
}
}
@media (max-width: 991px){
.w3_agile_main_grids {
width: 73%;
}
}
@media (max-width: 800px){
.main h1 {
font-size: 2.7em;
}
.agile_form {
padding: 2em;
}
.agileits_w3layouts_form {
width: 47.65%;
}
.wthree_input input[type="text"], .w3ls_description textarea, .wthree_input select, .wthree_input input[type="email"], .wthree_input input[type="password"] {
width: 83%;
}
#progress,#progress-complete {
height: 10px;
}
.radio i {
left: 33.5%;
}
.w3_agile_main_grids {
width: 74%;
}
}
@media (max-width: 768px){
.w3_agile_main_grids {
width: 77%;
}
.w3_agile_main_grids h3 {
margin-bottom: 1.5em;
}
.agileits_w3layouts_form {
width: 47.5%;
}
}
@media (max-width: 736px){
.main h1 {
font-size: 2.4em;
letter-spacing: 3px;
}
.w3_agile_main_grids {
width: 81%;
}
.commands {
margin-top: 1em;
}
.wthree_input i {
top: 29%;
}
.w3ls_description i {
top: 7%;
}
}
@media (max-width: 667px){
.w3_agile_main_grids {
width: 89%;
}
}
@media (max-width: 640px){
.agileits_w3layouts_form {
width: 47.5%;
}
.radio input + i:after {
top: 33%;
left: 36%;
width: 15px;
height: 15px;
}
}
@media (max-width: 600px){
.agileits_w3layouts_form {
width: 46.7%;
}
.wthree_input input[type="text"], .w3ls_description textarea, .wthree_input select, .wthree_input input[type="email"], .wthree_input input[type="password"] {
width: 80%;
}
.radio i {
left: 31.5%;
}
.w3ls_description textarea {
width: 90% !important;
}
}
@media (max-width: 568px){
.main {
padding: 2em 0;
}
.main h1 {
font-size: 2em;
}
.w3_agile_main_grids h3 {
font-size: 1.3em;
margin-bottom: 1em;
}
.wthree_input input[type="text"], .w3ls_description textarea, .wthree_input select, .wthree_input input[type="email"], .wthree_input input[type="password"] {
width: 78.5%;
}
.agileits_copyright p {
font-size: 14px;
}
.wthree_radio span {
font-size: 1.5em;
}
.radio i {
left: 34.5%;
top: 13%;
width: 40px;
height: 40px;
}
.radio input + i:after {
top: 38%;
left: 36%;
width: 10px;
height: 10px;
}
label.radio {
font-size: 14px;
}
.w3ls_description textarea {
min-height: 150px;
}
.wthree_input select{
margin-bottom:0 !important;
}
}
@media (max-width: 480px){
.wthree_input input[type="text"], .w3ls_description textarea, .wthree_input select, .wthree_input input[type="email"], .wthree_input input[type="password"] {
width: 75.5%;
}
.wthree_input i {
font-size: 14px;
}
.wthree_input input[type="text"], .w3ls_description textarea, .wthree_input select, .wthree_input input[type="email"], .wthree_input input[type="password"] {
font-size: 13px;
}
.w3_agile_main_grids h4 {
font-size: 15px;
}
.radio i {
left: 30.5%;
}
.agileits_w3layouts_form {
width: 46.5%;
}
}
@media (max-width: 414px){
.main h1 {
font-size: 1.8em;
letter-spacing: 2px;
}
#progress, #progress-complete {
height: 5px;
}
.agile_form {
padding: 1.5em;
}
.agileits_w3layouts_form {
width: 100%;
float: none;
}
.wthree_input input[type="text"], .w3ls_description textarea, .wthree_input select, .wthree_input input[type="email"], .wthree_input input[type="password"] {
width: 87%;
}
.w3_agileits_margin {
margin-right: 0;
}
.agileits_w3layouts_form {
margin-bottom: 1em;
}
.commands {
margin-top: 0;
padding: 1em 0 0;
}
.w3_agile_main_grids h4 {
letter-spacing: 0px;
}
.w3ls_description i {
top: 7.5%;
font-size: 14px;
}
.w3ls_description textarea {
width: 87% !important;
}
}
@media (max-width: 384px){
.wthree_input input[type="text"], .w3ls_description textarea, .wthree_input select, .wthree_input input[type="email"], .wthree_input input[type="password"] {
width: 86%;
}
.radio i {
left: 27.5%;
}
.btn-primary, button#step1Prev, button#step2Prev {
font-size: 13px;
padding: 8px 25px;
}
.w3ls_description textarea {
width: 86% !important;
}
}
@media (max-width: 375px){
.main h1 {
font-size: 1.7em;
letter-spacing: 1px;
}
.wthree_input input[type="text"], .w3ls_description textarea, .wthree_input select, .wthree_input input[type="email"], .wthree_input input[type="password"] {
width: 85%;
}
.radio i {
left: 26.5%;
}
}
@media (max-width: 320px){
.main h1 {
font-size: 1.5em;
letter-spacing: 0px;
}
.w3_agile_main_grids h3 {
font-size: 1.2em;
}
.agile_form {
padding: 1em;
}
.wthree_input input[type="text"], .w3ls_description textarea, .wthree_input select, .wthree_input input[type="email"], .wthree_input input[type="password"] {
width: 83%;
}
.wthree_input i {
top: 30%;
}
.agileits_copyright p {
font-size: 13px;
}
label.radio {
padding: 4em 0 2em;
}
.radio i {
left: 28%;
width: 30px;
height: 30px;
}
.radio input + i:after {
top: 35%;
left: 34%;
}
.w3_agile_main_grids h4,label.radio {
font-size: 13px;
}
.w3ls_description textarea {
min-height: 120px;
width: 84% !important;
}
.w3ls_description i {
top: 9.5%;
}
}