body{margin:0;padding:0;background:#f1f1e9;text-align:center;font-family:'Roboto', sans-serif;margin:0;padding:0;height:100%;width:100%;position:absolute;min-height:100%;}
.main-content{position:fixed;width:100%;height:100%;top:0px;left:0px;z-index:0;overflow:auto;margin:0;padding:0;}
.main-content li{width:100%;min-height:100%;height:100%;position:absolute;top:0px;left:0px;color:transparent;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-position:center center;background-repeat:no-repeat;opacity:0;z-index:-10;animation:imageAnimation 30s linear infinite 0s;}
@keyframes imageAnimation{0%{opacity:0;animation-timing-function:ease-in;}
8%{opacity:1;animation-timing-function:ease-out;}
17%{opacity:1}
25%{opacity:0}
100%{opacity:0}
}
.main-content li:nth-child(1){background-image:url(../img/home1.jpg);}
.main-content li:nth-child(2){background-image:url(../img/home3.jpg);animation-delay:6s;}
.main-content li:nth-child(3){background-image:url(../img/reflex2.jpg);animation-delay:12s;}
.main-content li:nth-child(4){background-image:url(../img/home4.jpg);animation-delay:18s;}
.main-content li:nth-child(5){background-image:url(../img/home5.jpg);animation-delay:24s;}
div.color-strip{min-height:100%;position:relative;margin-left:auto;max-width:450px;margin-right:auto;}
div.color-strip#sign-up-page{background:rgba(149,116,173, 0.5);}
div.color-strip#login-page{background:rgba(50,50, 50, 0.5);}
div.color-strip#forgotten-page{background:rgba(50,50, 50, 0.5);}
.notification{background:#a88cbe;color:white;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.notification p{padding:1em 20px;}
div.login_box{margin:0 auto;width:350px;padding-top:150px;padding-bottom:75px;height:100%;}
#forgotten-page{display:none;}
#sign-up-page div.login_box{padding-top:40px;}
div.login_box h1{margin-top:5px;}
.tower-logo-login{width:200px;margin:auto;display:block;}
div.login_container{background:white;border:1px solid #d5d5d5;padding:10px;font-weight:300;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-box-shadow:0px 4px 20px -5px rgba(0,0,0,0.75);-moz-box-shadow:0px 4px 20px -5px rgba(0,0,0,0.75);box-shadow:0px 4px 20px -5px rgba(0,0,0,0.75);z-index:10;position:relative;background:#ececec;color:#333;}
div.login_container h3{font-weight:normal;}
input#submit,
input#submit_register{padding:15px 10px;margin:0;width:100%;background:#9574ad;color:white;cursor:pointer;}
#login input#submit{background:#9574ad;}
.l{color:#D34E24;background:white;}
input#submit:disabled,
input#submit_register:disabled{background:rgba(149,116,173, 0.4);cursor:default;}
#login input#submit:disabled{background:rgba(149,116,173, 0.4);}
.required{color:red;}
input{width:100%;font-size:17px;padding:8px 16px;margin:2px auto 12px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;border:2px solid #d9d9d9;font-family:'Roboto', sans-serif;whitespace:none;transition:border 0.5s;box-sizing:border-box;text-align:center;}
input:focus{border:2px solid #2C4770;outline:none;}
input::-webkit-input-placeholder{font-weight:100;font-style:italic;font-family:'Roboto', sans-serif;}
input:-moz-placeholder{font-weight:100;font-style:italic;font-family:'Roboto', sans-serif;}
input::-moz-placeholder{font-weight:100;font-style:italic;font-family:'Roboto', sans-serif;}
input:-ms-input-placeholder{font-weight:100;font-style:italic;font-family:'Roboto', sans-serif;}
div.email_input{position:relative;}
.pop_out{position:absolute;top:-4px;left:329px;width:200px;padding-left:10px;margin:0;opacity:0;transition:opacity 0.5s;text-align:center;color:white;}
.pop_out img{position:absolute;left:0;top:35px;}
.pop_out .pop_out_content{background:#333;padding:20px 10px;}
.pop_out .pop_out_content p{margin:5px 0;}
.pop_out i{color:white;}
.bottom_container{margin:auto;position:relative;width:300px;-webkit-border-radius:5px 5px 5px 5px;-moz-border-radius:5px 5px 5px 5px;border-radius:5px 5px 5px 5px;background:#ff7979;margin-top:10px;padding-top:5px;-webkit-box-shadow:0px 4px 20px -5px rgba(0,0,0,0.75);-moz-box-shadow:0px 4px 20px -5px rgba(0,0,0,0.75);box-shadow:0px 4px 20px -5px rgba(0,0,0,0.75);}
.bottom_container p{margin:0;padding:10px 0 15px;color:white;}
.bottom_container a.login,
.bottom_container a.register{background:white;color:#6e6e6e;display:inline-block;margin-bottom:15px;width:200px;padding:10px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;text-decoration:none;cursor:pointer;}
@media all and (max-width:767px){div.login_box{width:90%;margin:0 auto;padding-top:40px;padding-bottom:10px;}
.fm-logo,
input[type=input],
input[type=password],
input[type=email],
input#submit{-webkit-appearance:none;border-radius:none;}
.bottom_container{width:85%;}
.bottom_container a.login,
.bottom_container a.register{width:80%;}
.pop_out{position:fixed;width:100%;top:0;left:0;padding:0;}
.pop_out img{display:none;}
}