
.container {
    position: relative;
    text-align: center;
    color: white;
}

.image {
	position	: relative;
	width		: 100%; /* for IE 6 */
}

.login{background:#76b8c4 no-repeat; height: auto;min-height: 800px;
    background-size:auto;font-family:arial;padding:120px 0 0 0;overflow-y: hidden;}	
	
	
	
	
#logo{
    width:250px;
    height: 100px;
    border-radius: 0%;
    margin: 0 auto;
    background: url(logo.png) center no-repeat;
}

.login .logo{width: 60px; display:block;margin:0 auto 30px}.login a,.login a:visited{text-decoration:underline;color:inherit}ul.notice{margin:30px auto;width:300px;text-align:center;list-style-position:inside;font-size:12px;padding:20px 30px;border-radius:3px}ul.notice.errors{background-color:#fff4f4;border:1px solid #f50909;color:#f50909}ul.notice.success{background-color:#d7eacd;border:1px solid #6fae4f;color:#6fae4f}ul.notice li{padding:5px 0}.vertical-form{margin:0 auto}
.vertical-form legend{width:100%;font-size:18px;color: #fff;font-weight:500;text-align:center;margin:0 auto; border-bottom:8px transparent solid}
.vertical-form input[type='text'],.vertical-form input[type='password']{
    border-top:0px #fff solid;color:#fff;
    border-right:0px #fff solid;color:#fff;
    border-bottom:1px #fff solid;color:#fff;
    border-left:0px #fff solid;color:#fff;
    background-color:transparent;height:45px;font-size:17px}
	.vertical-form input::-webkit-input-placeholder{color:#a8e4fc;opacity: 1; transition: opacity 0.4s ease;}
	.vertical-form input[type='text'],.vertical-form input[type='password']{display:block;margin:4px auto; width:255px;text-align:center;border-radius:0px;outline:none;font-family:inherit}
	.vertical-form input:focus::-webkit-input-placeholder{opacity: 0; transition: opacity 0.3s ease;}
	.vertical-form input[type='submit']{display:block;margin:3px auto; width:255px;text-align:center;border-radius:0px;outline:none;font-family:inherit}
	.vertical-form input[type='submit']{-webkit-appearance:none;margin-top: 30px; color:#fff;background:rgba(255,255,255,0.5);
    background-image:url(next.png);
	background-repeat: no-repeat; background-position:center;
    border:none;padding: 0; border-radius:50%;height:60px;width:60px;font-size:18px;font-weight:400;outline:0;cursor:pointer;}.vertical-form input:hover[type='submit']{background-color:rgba(168,228,252,0.5);
    background-image:url(next2.png);
	background-repeat: no-repeat; background-position:center;
    color:#000;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease}.vertical-form .footer{text-align:center}.vertical-form .footer p:first-child{color:#f6f6f6}.vertical-form .footer a:first-child{border-bottom:solid 1px #ccc;text-decoration:none}.vertical-form .footer p:nth-child(2) a{border-bottom:solid 1px #000} @media (max-width:768px){.login{padding:10px 0 0 0}}
.footer{position: relative; top:40px;}
