* {
box-sizing:border-box
}
.container{
float:right;
margin:0 5%;
width:90%;
background:url(../../../design/default/css/images/customer/bg.jpg) top center no-repeat;
min-height:768px
}
.container-end{
float:right;
margin:0 5%;
width:90%;
min-height:768px;
text-align:center;
background:url(../../../design/default/css/images/customer/end.jpg) top center no-repeat
}
.intro{
float:right;
margin:0 5%;
width:90%;
background:url(../../../design/default/css/images/customer/start.jpg) top center no-repeat;
min-height:768px
}
#regForm {
float:right;
margin:10px 20%;
padding:20px;
width:60%;
min-width:300px
}
h1 {
text-align:center
}
h2{
margin:30px 458px 40px 0;
width:156px;
text-align:center;
color:#fff
}
/* Mark input boxes that gets an error on validation:*/
.tab input.invalid {
background-color:#ffdddd
}
.tab select.invalid {
background-color:#ffdddd
}
.tab textarea.invalid {
background-color:#ffdddd
}
/* Hide all steps by default:*/
.tab {
display:none
}
.client_type {
float:right
}
.input {
float:right;
margin:0 0 0 20px
}
.tab input {
padding:10px;
font-size:17px;
border:1px solid #aaa
}
.tab span {
font-weight:bold;
float:right;
width:100%
}
.tab .nowidth {
float:right;
width:auto
}
.tab .normal{
font-weight:normal
}
.tab p{
margin:10px 0 0 10px;
float:right;
width:358px
}
.tab .noleft{
margin:10px 0 0 0
}
.tab .widthsm{
margin:10px 0 0 10px;
width:175px
}
.tab .width100{
margin:10px 0 0 0;
width:100%
}
input[type="radio"] {
height:auto !important;
width:auto !important
}
input[type="checkbox"] {
width:auto !important;
height:auto !important
}
textarea {
width:100%;
height:116px
}
.tab select {
float:right;
padding:4px;
font-size:17px;
border:1px solid #aaa;
background:#fff;
width:100%;
height:32px
}
.tab select.pre {
float:left;
width:60px
}
.tab p input{
width:100%;
height:32px
}
.tab p input#cellular{
float:right;
width:290px
}
.block1,.block2,.block3{
float:right
}
.block2{
display:none
}
.tab .right{
float:right;
width:358px;
margin:0 0 0 10px
}
.tab .left{
float:right;
width:358px;
margin:0 0 0 0
}
.nextBtn,.prevBtn {
background-color:#652d90;
color:#fff;
border:none;
padding:10px 20px;
font-size:17px;
cursor:pointer;
margin:10px 0 0 0;
border-radius:15px
}
.nextBtn:hover,.prevBtn:hover {
opacity:0.8
}
#prevBtn {
background-color:#bbb
}
/* Make circles that indicate the steps of the form:*/
.step {
height:15px;
width:15px;
margin:0 2px;
background-color:#bbb;
border:none;
border-radius:50%;
display:inline-block;
opacity:0.5
}
.step.active {
opacity:1
}
/* Mark the steps that are finished and valid:*/
.step.finish {
background-color:#652d90
}
.continue{
float:right;
margin:600px 350px 0 0;
width:562px;
font-size:22px
}
.continue a{
color:#fff
}
.print {
display:block;
float:right;
width:100%;
text-align:center;
margin:10px 0 0 0
}
/*----------------- Tablets and Mobile sizes -----------------*/
@media all and (max-width:640px),(max-device-width:640px){
.container{
margin:0;
width:100%;
/*background:url(../../../design/default/css/images/customer/mobile_bg.jpg) top center no-repeat;
*/
background:url(../../../design/default/css/images/customer/mobile_bg1.jpg) top center no-repeat,url(../../../design/default/css/images/customer/mobile_bg2.jpg) bottom center no-repeat;
min-height:960px;
height:1250px
}
.container-end{
margin:0;
width:100%;
background:url(../../../design/default/css/images/customer/end.jpg) top center no-repeat;
min-height:960px
}
.intro {
margin:0;
width:100%;
background:url(../../../design/default/css/images/customer/start.jpg) top center no-repeat;
min-height:960px
}
#regForm {
margin:115px 5%;
padding:0px;
width:90%
}
h2 {
margin:30px 400px 40px 0
}
.tab span {
font-size:20px
}
.input {
font-size:20px
}
.tab select {
height:42px
}
.tab p {
width:568px;
font-size:20px
}
.tab p input {
width:100%;
height:42px
}
.tab p input#cellular {
width:500px
}
.tab .widthsm {
width:279px
}
.nextBtn,.prevBtn {
font-size:20px
}
.continue {
margin:600px 22px 0 0
}
.print {
display:none
}
}