@font-face {
	font-family: webOswald; font-weight: 300;
	src: url('../fonts/Oswald/Oswald-ExtraLight.ttf') format('truetype');
}
@font-face {
	font-family: webOswald; font-weight: 400;
	src: url('../fonts/Oswald/Oswald-Light.ttf') format('truetype');
}
@font-face {
	font-family: webOswald; font-weight: 500;
	src: url('../fonts/Oswald/Oswald-Regular.ttf') format('truetype');
}
@font-face {
	font-family: webOswald; font-weight: 600;
	src: url('../fonts/Oswald/Oswald-Medium.ttf') format('truetype');
}
@font-face {
	font-family: webOswald; font-weight: 700;
	src: url('../fonts/Oswald/Oswald-SemiBold.ttf') format('truetype');
}
@font-face {
	font-family: webOswald; font-weight: 800;
	src: url('../fonts/Oswald/Oswald-Bold.ttf') format('truetype');
}

@font-face {
	font-family: webSourceSansPro; font-weight: 300;
	src: url('../fonts/Source_Sans_Pro/SourceSansPro-ExtraLight.ttf') format('truetype');
}
@font-face {
	font-family: webSourceSansPro; font-weight: 400;
	src: url('../fonts/Source_Sans_Pro/SourceSansPro-Light.ttf') format('truetype');
}
@font-face {
	font-family: webSourceSansPro; font-weight: 500;
	src: url('../fonts/Source_Sans_Pro/SourceSansPro-Regular.ttf') format('truetype');
}
@font-face {
	font-family: webSourceSansPro; font-weight: 600;
	src: url('../fonts/Source_Sans_Pro/SourceSansPro-SemiBold.ttf') format('truetype');
}
@font-face {
	font-family: webSourceSansPro; font-weight: 700;
	src: url('../fonts/Source_Sans_Pro/SourceSansPro-Bold.ttf') format('truetype');
}
@font-face {
	font-family: webSourceSansPro; font-weight: 800;
	src: url('../fonts/Source_Sans_Pro/SourceSansPro-Black.ttf') format('truetype');
}.shadow-xs {
	box-shadow: 0 .05rem .05rem rgba(0, 35, 80, 0.3), 0 .1rem .15rem rgba(0, 15, 30, 0.4);
}
.shadow-s {
	box-shadow: 0 .05rem .05rem rgba(0, 35, 80, 0.2), 0 .15rem .2rem rgba(0, 35, 80, 0.3), 0 .25rem .4rem rgba(0, 15, 30, 0.35);
}
.shadow-m {
	box-shadow: 0 .05rem .05rem rgba(0, 35, 80, 0.2), 0 .2rem .4rem rgba(0, 35, 80, 0.15), 0 .35rem .6rem rgba(0, 15, 30, 0.35);
}
.shadow-l {
	box-shadow: 0 .05rem .1rem rgba(0, 35, 80, 0.2), 0 .25rem .7rem rgba(0, 35, 80, 0.13), 0 .45rem .9rem rgba(0, 15, 30, 0.35);
}
.shadow-xl {
	box-shadow: 0 .05rem .15rem rgba(0, 35, 80, 0.2), 0 .3rem 1.0rem rgba(0, 35, 80, 0.1), 0 .55rem 1.5rem rgba(0, 15, 30, 0.35);
}
.text-xxs {
	font-size:0.4rem;
}
.text-xs {
	font-size:0.6rem;
}
.text-s {
	font-size:0.8rem;
}
.text-m {
	font-size:1rem;
}
.text-l {
	font-size:1.2rem;
}
.text-xl {
	font-size:1.5rem;
}
.text-xxl {
	font-size:2rem;
}
.mao-btn {
	border: 0;
	border-radius: 0.25rem;
	margin: 0;
	padding: 0.5rem 1rem;
	text-decoration: none;
	font-family: 'webSourceSansPro', Arial, Helvetica, Sans-Serif;
	letter-spacing:0.05rem;
	cursor: pointer;
	transition: all .22s;
	text-align: center;
	color: rgba(0, 0, 0, .75);
	font-weight: 600;
	font-size: 1rem;
	text-transform: uppercase;
}

button:hover {
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	background: white;
	color: rgba(0, 0, 0, 1);
}

.mao-btn-s {
	height: 2rem;
	line-height: 1rem; 
}
.mao-btn-m {
	height: 2.5rem;
	line-height: 1.5rem; 
}
.mao-btn-l {
	height: 3rem;
	line-height: 2rem; 
}

.mao-btn-filled {}
.mao-btn-tonal {}
.mao-btn-outline {}
.mao-btn-text {}


:root {
  font-size: 16px;
  font-family: 'webSourceSansPro', Arial, Helvetica, Sans-Serif;
  font-weight: 500;
}


/**
 * Clearfix
 */
*::after {
  content: "";
  clear: both;
  display: table;
}

/**
 * Normalize
 */ 
*::before, *::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}



* {
	-webkit-transition: 0s;
	-moz-transition: 0s;
	-o-transition: 0s;
	transition: 0s;

	outline: none;
}
*:active,
*:focus {
	outline: none;
}


html, body {
  width:100%;height:100%;
  margin:0;padding:0;
  border:0;
}

form {
  width:100%;height:100%;
}

table, thead, tbody, tfoot {
  width:100%;height:100%;
}

table, thead, tbody, tfoot, tr, th, td {
  margin:0;padding:0;
  border:0;
  box-sizing:border-box;
  border-spacing:0;
  border-collapse:collapse;
}

body {
  text-align: center;
  
  background:rgb(200,220,235);
  background-size:cover;
  background-image:-moz-linear-gradient(top, rgba(0,10,15,0) 50%, rgba(0,35,80,0.25) 100%);
  background-image:-webkit-gradient(linear, left top, left bottom, color-stop(50%,rgba(0,10,15,0)), color-stop(100%,rgba(0,35,80,0.25)));
  background-image:-webkit-linear-gradient(top, rgba(0,10,15,0) 50%,rgba(0,35,80,0.25) 100%);
  background-image:-o-linear-gradient(top, rgba(0,10,15,0) 50%,rgba(0,35,80,0.25) 100%);
  background-image:-ms-linear-gradient(top, rgba(0,10,15,0) 50%,rgba(0,35,80,0.25) 100%);
  background-image:linear-gradient(to bottom, rgba(0,10,15,0) 50%,rgba(0,35,80,0.25) 100%);
}





input[type="text"], input[type="password"] {
  border:0;
  border-bottom:solid 2px rgba(0,15,30,0.5);
  text-align:center;
  background:transparent;
  padding:0.5rem 0;
}


.mao-bg-login {
  background:transparent;
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
  background-image:url('../assets/bg-login.jpg');
}

::placeholder {
  color: rgba(255,255,255,0.8); /* Firefox */
  opacity: 1;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color: rgba(255,255,255,0.8);
 opacity: 1;
}

::-ms-input-placeholder { /* Microsoft Edge */
 color: rgba(255,255,255,0.8);
 opacity: 1;
}

.mao-login-wrapper {
  display:inline-block;position:relative;
  width:84%;max-width:320px;
  background:transparent;
}

.mao-login-wrapper input {
  width:100%;
}

/* Large devices (desktops) */
body {

}
	
/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
	body {

	}
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
	body {

	}
}

/* X-Small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
	body {

	}
}