/* ------------------------------------------------------------------------- *
 *  Reset - http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126
 * ------------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, 
pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, 
samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, 
canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, 
section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block }
ol, ul { list-style: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none }
table { border-collapse: collapse; border-spacing: 0 }
* { outline: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }
::-webkit-scrollbar{ width: 12px; height: 12px }
::-webkit-scrollbar-track{ background-color: rgba(0, 0, 0, 0.1) }
::-webkit-scrollbar-thumb{ background-color: #999 }
/* ------------------------------------------------------------------------- *
 *  HTML Layout
/* ------------------------------------------------------------------------- */
body{ border:0; margin:0; min-height: 50%; height:100%; font-family: 'Maven Pro'; color: #FFF; background-color: #353944 }
.trans-05{ -webkit-transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in; -ms-transition: all 0.5s ease-in; transition: all 0.5s ease-in }
/*  base : clear
/* ------------------------------------ */
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0 }
.group:before, .group:after { content: ""; display: table }
.group:after { clear: both }
.group { zoom: 1 }
/* ------------------------------------------------------------------------- *
 *  Header
/* ------------------------------------------------------------------------- */
header{ padding: 10px 0; background-color: #FF3535 }
header div.content{ text-align: center }
/* ------------------------------------------------------------------------- *
 *  Login
/* ------------------------------------------------------------------------- */
h1.title{ font-size: 26px; font-weight: bold; line-height: 30px; margin-top: 50px; padding: 30px 0; text-align: center }
section.box-login{ background-color: #4A4D5C; padding: 30px; width: 480px; margin: 0 auto 20px }
section.box-login div.logo{ text-align: center; margin-bottom: 20px }
div.row{ padding: 0; margin: 0 0 15px; clear: both }
div.row input{ display: block; width: 100%; height: 46px; line-height: 28px; padding: 8px; font-size: 16px; color: #555; border: solid 1px #D7D7D7; outline: 0 }
button.button-login{ width: 100%; line-height: 56px; background-color: #EE8722; border: 0; font-size: 20px; color: #FFF; cursor: pointer }
div.row input,
button.button-login{ -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px }
button.button-login:hover { background-color: #b96512 }
/*  Mobile Wide Styles
/* ------------------------------------ */
@media only screen and (max-width: 737px){
	h1.title{ font-size: 20px }
	section.box-login{ width: 100% }
}