.login-page { background-image:url(../images/login-body-bg.jpg); margin:0px; padding:0px;  background-repeat:no-repeat; background-size:cover; height:100% }
.contactBlock{padding:20px;}
.login-page .content { margin-top:130px; } 
.stylist { text-transform:uppercase; }
.page-title { margin:0px; padding:0px 0 50px 0; }
.page-title h2 { margin:0px; padding:0px; text-align:center; font-size:40px; text-transform:uppercase; color:#fff; font-weight:100;  }

.register-block { position:relative; z-index:1; }

.register-block-main {  margin:0px; padding:50px 45px 57px; width:100%; height:100%; box-shadow:0 0 16px rgba(0,0,0,0.2); border-radius:5px 0 0 5px; -ms-border-radius:5px 0 0 5px; -moz-border-radius:5px 0 0 5px; -webkit-border-radius:5px 0 0 5px; background:url(../images/user-img.png) no-repeat; background-size:cover; position:relative; }
 
.register-block-main:after { background:rgba(136,136,136,0.9); content:""; margin:0px; padding:0px; display:block; width:100%; height:100%; position:absolute; left:0; right:0; top:0; bottom:0;  border-radius:5px 0 0 5px; -ms-border-radius:5px 0 0 5px; -moz-border-radius:5px 0 0 5px; -webkit-border-radius:5px 0 0 5px;} 

 .contactBlock h3 { margin:0px; padding:0px 0 25px 0; font-size:20px; font-weight:bold; color:#fff;  }
.contactBlock p { margin:0px; padding:0px; font-size:15px; font-weight:400; line-height:23px; color:#fff;  }

.contactBlock span { margin:0px; padding:10px 0 0 0; text-align:center; color:#fff; font-weight:400; font-size:11px; display:block; } 


a.global-btn, .btn1 { font-family: 'Lato', sans-serif; margin:0px auto; width:250px; padding:0px 0px; background:#12ce35; font-size:18px; color:#fff; text-transform:uppercase; text-align:center; line-height:50px; display:block; border-radius:5px; -ms-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; box-shadow:0px 4px 0px #058d1e; font-weight:400; }

.btn1, .btn2 { display:inherit; font-family: 'Lato', sans-serif; }
.login-form-block { margin:0px; padding:50px 50px 55px; background:#fff; width:100%; height:100%;  box-shadow:8px 0px 16px rgba(0,0,0,0.2); border-radius:0px 5px 5px 0px; -ms-border-radius:0px 5px 5px 0px; -moz-border-radius:0px 5px 5px 0px; -webkit-border-radius:0px 5px 5px 0px; }
.login-form-block  h3 { margin:0px; padding:0px 0 22px 0; color:#919191; font-size:20px;  font-weight:bold;}
.login-form > span { width:100%; display:block; margin-top:0px; }
.login-form .input-box { width:100%; margin:0px; padding:0px 15px; height:42px; border:1px solid #e6e6e6; font-size:14px; color:#7f7f7f; font-weight:400;  }
.login-form .input-textarea { width:100%; margin:0px; padding:0px 15px; height:100px; border:1px solid #e6e6e6; font-size:14px; color:#7f7f7f; font-weight:400; resize: none;   }

.login-form a {font-size:14px; color:#7f7f7f; font-weight:400;  margin:0px; padding:0px; text-decoration:underline;}

.submit-btn, .btn2 { margin:0px; padding:0px; width:100%; text-align:center; font-size:18px; text-transform:uppercase; font-weight:400; text-align:center; line-height:50px; color:#fff;border-radius:5px; -ms-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; box-shadow:0px 4px 0px #1b8fd4; background:#32a5e9; border:none; cursor:pointer; }

.login-page .block-explore-world .col-sm-5:first-child{ padding-right:0px;  }
.login-page .block-explore-world .col-sm-5:last-child{ padding-left:0px;  }

.footer-block p { margin:0px; padding:30px 0; text-align:center; color:#fff; font-size:12px; text-transform:uppercase;  }
.footer-block p a { color:#fff; } 
.stylist {padding:0 12px 0 25px}  



@media screen and (max-width:1200px){
.stylist { padding:0 10px 0 30px; font-size:13px; }

}


@media screen and (max-width:992px){ 

.login-form-block { padding:20px 20px 25px; }
.register-block-main { padding: 20px 25px 30px }
.stylist { padding:3px 3px 0 25px }
.register-block span { padding-top:27px; }
a.global-btn { width:210px; }
}

@media screen and (max-width:767px){
.page-title { padding-bottom:20px; }
.login-page .block-explore-world .col-sm-5:first-child{ padding-right:15px;  }
.login-page .block-explore-world .col-sm-5:last-child{ padding-left:15px;  }

.login-page .content { margin-top:20px; }

a.global-btn { width:100%; }
.register-block-main, .register-block-main::after { border-radius:5px 7px 0 0; -ms-border-radius:5px 7px 0 0; -webkit-border-radius:5px 7px 0 0; -moz-border-radius:5px 7px 0 0; -o-border-radius:5px 7px 0 0; }
.login-form-block { border-radius:0px 0px 5px 5px; -ms-border-radius:0px 0px 5px 5px; -webkit-border-radius:0px 0px 5px 5px; -moz-border-radius:0px 0px 5px 5px; -o-border-radius:0px 0px 5px 5px;  }
.login-page { background-image:url(../images/login-body-bg-mob.jpg); background-size:auto auto}
}


@media screen and (max-width:360px){
.page-title h2 { font-size:30px; }
.footer-block p  { padding:30px 50px;  }
}


/*.fromBlock{width:100%; height:auto; margin: 0px;box-shadow: 0 0 16px rgba(0,0,0,0.2);border-radius: 5px 0 0 ;webkit-border-radius: 5px 0 0 5px;}
*//*.fromBlock:after { background:rgba(136,136,136,0.9); content:""; margin:0px; padding:0px; display:block; width:100%; height:100%; position:absolute; left:0; right:0; top:0; bottom:0;  border-radius:5px 0 0 5px; -ms-border-radius:5px 0 0 5px; -moz-border-radius:5px 0 0 5px; -webkit-border-radius:5px 0 0 5px;} 
*/