.banner {
    height: 720px;
}
.topnav0 > div.right > button, .topnav1 > div.right > button, .topnav2 > div.right > button {
   background-color:#fff;
}
.topnav1 > div.right > button, .topnav2 > div.right > button {
	background-color:#009ee3;
}
div.loginmodal {
    height: 350px;
    margin: 150px auto;
    width: 280px;
}
div.loginmodal > div {
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
}
div.loginmodal > div > div {
    float: left;
    position: absolute;
    transition: left 0.5s ease-in-out 0s;
    width: 100%;
}
div.loginmodal > div > .login {
    left: 0;
}
div.loginmodal > div > .recover {
    left: 100%;
}
div.loginmodal > div.r > .login {
    left: -100%;
}
div.loginmodal > div.r > .recover {
    left: 0;
}
div.loginmodal > div > div p {
    margin-bottom: 10px;
}
div.loginmodal > div > div p.msg {
    margin-top: 20px;
    text-align: center;
}
div.loginmodal > div > div p > input {
    background-color: transparent;
    border: 1px solid #009ee3;
    font-family: "Poppins",sans-serif;
    font-size: 18px;
    padding: 2px 5px;
    width: 100%;
}
div.loginmodal > div > div div {
    text-align: center;
}
div.loginmodal > div > div div > button {
    background-color: #009ee3;
    border: 1px solid #009ee3;
    border-radius: 5px;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    margin: 15px 0 5px;
    padding: 3px 10px;
}
div.loginmodal > div > div div > button:active:hover {
    background-color: #fff;
    color: #009ee3;
}
div.loginmodal > div > div div > a {
    color: #009ee3;
    font-family: "Poppins",sans-serif;
    font-weight: 100;
    text-decoration: none;
}
div.loginmodal > div > div div > a:hover {
    text-decoration: underline;
}

div.loginmodal .login button img {
	display:none;
	vertical-align: middle;
	margin-left:10px;
}
div.loginmodal .login button:disabled img {
	display:inline;
}
div.loginmodal .login button:disabled ~ a {
	display:none;
}