/*Reset Css*/
* { margin:0; padding:0;}
ul, ol, li{ list-style-type:none; font-family:'clio_xs_mediummedium'}
label, p, input { font-family:'clio_xs_mediummedium'; font-weight:normal;}
a, img{ text-decoration:none; }
body{ background:none;}
.pd-top{ padding-top:30px;}
h1{color:#47abc8 !important; font-family:'clio_xs_mediummedium'; font-size:1.5em; text-align:center; padding:20px 0;}
h3{font-size:1.2em; padding:0; margin-top:10px;}
body {background:url(../images/login-bg.jpg) no-repeat center center fixed !important; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
input{ background:#FFF; border:1px solid #ccc; font-family:'clio_xs_mediummedium'; padding:10px; line-height:25px; margin-bottom:20px; width:290px;}
button{ background:#4db3d0; border:none; color:#FFF; font-family:'clio_xs_mediummedium'; font-size:1.2em; padding:10px; width:290px;}
p{ padding:20px 0 30px 0;}
a{ color:#5a5a5a;}
/*End Reset*/
.logo{/*margin:0 auto; width:411px; position:relative; top:150px; z-index:999; */width: 100%;
    text-align: center;}
.oveerlay{ background:#4db3d0; bottom:0; height:100%; left:0; position:fixed; top:0; opacity:0.8; width:100%; }
.login-wrap{ background:#FFF;width:411px;height:465px; position:absolute;left:50%; top:50%;margin-left:-206px;margin-top:-232px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.login-details{box-sizing: border-box;
    padding: 40px 60px 0px 60px;
   }


/* Media Css */

@media screen and (max-width: 480px) {
.login-details{ padding:20px;}
.login-wrap{margin-bottom:20px; width:100%;}
input, button{ width:100%;}
h1{ margin:0; padding:0 0 20px 0;}
p{ margin:0; padding:20px 0 0 0;}
}
@media screen and (max-width: 800px) {
.logo{ top:70px;}
.login-wrap{ top:90px;}
}