@import url(http://fonts.googleapis.com/css?family=Roboto:400,500&subset=latin,latin-ext);

@font-face {
	font-family: 'FontAwesome';
	src: url('/layout/fonts/fontawesome/fontawesome-webfont.eot?v=3.2.1');
	src: url('/layout/fonts/fontawesome/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'), url('/layout/fonts/fontawesome/fontawesome-webfont.woff?v=3.2.1') format('woff'), url('/layout/fonts/fontawesome/fontawesome-webfont.ttf?v=3.2.1') format('truetype'), url('/layout/fonts/fontawesome/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg');
	font-weight: normal;
	font-style: normal;
}

* {
	margin: 0;
	padding: 0;
}

@-webkit-keyframes show_from_bottom {
	0% {
		opacity:0;
		margin-top:15px;
		margin-bottom:-15px;
	}
	100% {
		opacity:1;
		margin-top:0;
		margin-bottom:0;
	}
}

@-moz-keyframes show_from_bottom {
	0% {
		opacity:0;
		margin-top:15px;
		margin-bottom:-15px;
	}
	100% {
		opacity:1;
		margin-top:0;
		margin-bottom:0;
	}
}

@-ms-keyframes show_from_bottom {
	0% {
		opacity:0;
		margin-top:15px;
		margin-bottom:-15px;
	}
	100% {
		opacity:1;
		margin-top:0;
		margin-bottom:0;
	}
}

@keyframes show_from_bottom {
	0% {
		opacity:0;
		margin-top:30px;
		margin-bottom:-30px;
	}
	100% {
		opacity:1;
		margin-top:0;
		margin-bottom:0;
	}
}

body {
	font-family: 'Roboto', tahoma;
	background: #E8E8E8;
}

	.admin_login_head {
		padding: 50px 0;
		text-align: center;
		background: white;
	}
		@media (max-width:1300px){
			.admin_login_head img {
				width:750px
			}
		}
		
		@media (max-width:950px){
			.admin_login_head img {
				width:500px
			}
		}
		
		@media (max-width:600px){
			.admin_login_head img {
				width:300px
			}
		}

	.admin_login_form {
		padding: 50px 0;
	}
	
	.admin_login_form h1 {
		font-size:24px;
		font-weight:normal;
		text-align:center;
		padding:0 0 40px 0;
		margin:0;
		color: #484848;
		
	}
	@media (max-width:600px){
		.admin_login_form h1 {
			font-size:16px;
		}
	}

		.admin_login_form .inside {
			width: 300px;
			margin: 0 auto;
			-webkit-animation: show_from_bottom 700ms;
			-webkit-animation-fill-mode: forwards;
			-moz-animation: show_from_bottom 700ms;
			-moz-animation-fill-mode: forwards;
			-ms-animation: show_from_bottom 700ms;
			-ms-animation-fill-mode: forwards;
			animation: show_from_bottom 700ms;
			animation-fill-mode: forwards;
		}

		.admin_login_form form > div {
			padding: 10px 0;
			overflow: hidden;
		}

			
			.admin_login_form form .failed {
				display: block;
				text-align: center;
				color: red;
				line-height: 16px;
			}

			.admin_login_form form > div > label {
				display: block;
				font-size: 16px;
				color: #d40567;
				padding: 5px 0 5px 0;
			}

			.admin_login_form form > div > input.text {
				width: 282px;
				border: 3px solid #dbdfe1;
				border-radius: 2px;
				box-shadow: inset 0 0 10px #f4f4f4;
				font-family: 'Roboto',Arial;
				font-size: 14px;
				padding: 6px;
				outline: none;
				color: #454545;
				
			}

			.admin_login_form form > div button.submit {
				padding: 7px 7px 5px 7px;
				background: #353535;
				border: 0;
				border-bottom: 3px solid #191919;
				border-radius: 3px;
				cursor: pointer;
				font-family: 'Roboto',arial;
				font-size: 14px;
				color: white;
				text-transform: uppercase;
				float: right;
			}

			.admin_login_form form > div button.submit:before {
				font-family: FontAwesome;
				content: "\f00c";
				padding: 0 5px 0 0;
			}

			.admin_login_form form > div button.submit:hover {
				border-bottom-color: #353535;
			}

			.admin_login_form form > div a.back {
				display: inline-block;
				padding: 7px;
				font-size: 14px;
				color: #757575;
				text-decoration: none;
			}

			.admin_login_form form > div a.back:hover {
				color: #2A2A2A;
			}