/* 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%; } }