html, body {margin: 0; height: 100%; }
html {font-family: 'Roboto', sans-serif, Arial;  -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;}
body {margin: 0; padding: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {display: block;}
audio, canvas, progress, video {display: inline-block; vertical-align: baseline;}
audio:not([controls]) {display: none; height: 0;}
[hidden],
template {display: none;}
a {background-color: transparent;}
a:active, a:hover {outline: 0;}
abbr[title] {border-bottom: 1px dotted;}
b, strong {font-weight: bold;}
dfn {font-style: italic;}
mark {background: #ff0; color: #000;}
small {font-size: 80%;}
sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
img {border: 0; max-width: 100%; height: auto;}
svg:not(:root) {overflow: hidden;}
figure {margin: 1em 40px;}
hr {box-sizing: content-box; height: 0;}
pre {overflow: auto;}
code, kbd, pre, samp {font-family: monospace, monospace; font-size: 1em;}
button,input,optgroup,select,textarea {color: inherit; font: inherit; margin: 0;}
button {overflow: visible;}
button, select {text-transform: none;}
button,html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance: button; cursor: pointer;}
button[disabled], html input[disabled] {cursor: default;}
button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0;}
input {line-height: normal;}
input[type="checkbox"], input[type="radio"] {box-sizing: border-box; padding: 0;}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {height: auto;}
input[type="search"] {-webkit-appearance: textfield;  box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
fieldset {border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em;}
legend {border: 0; padding: 0;}
textarea {overflow: auto;}
optgroup {font-weight: bold;}
table {border-collapse: collapse; border-spacing: 0;}
td,th {padding: 0;}

/********** custom fonts Poppins **********/

@font-face {
  font-family: 'Poppins';
  src: url(../fonts/Poppins/Poppins-Regular.ttf) format('ttf');
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: 'Poppins';
  src: url(../fonts/Poppins/Poppins-SemiBold.ttf) format('ttf');
  font-style: normal;
  font-weight: 600;
}
@font-face {
  font-family: 'Poppins';
  src: url(../fonts/Poppins/Poppins-Light.ttf) format('ttf');
  font-style: normal;
  font-weight: 300;
}
@font-face {
  font-family: 'Poppins';
  src: url(../fonts/Poppins/Poppins-Bold.ttf) format('ttf');
  font-style: normal;
  font-weight: 700;
}

/********** custom fonts roboto **********/
@font-face {
  font-family: 'Roboto';
  src: url(../fonts/Roboto/Roboto-Regular.woff) format('woff');
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: 'Roboto';
  src: url(../fonts/Roboto/Roboto-Medium.woff) format('woff');
  font-style: normal;
  font-weight: 600;
}
@font-face {
  font-family: 'Roboto';
  src: url(../fonts/Roboto/Roboto-Light.woff) format('woff');
  font-style: normal;
  font-weight: 300;
}
@font-face {
  font-family: 'Roboto';
  src: url(../fonts/Roboto/Roboto-Bold.woff) format('woff');
  font-style: normal;
  font-weight: 700;
}

/* ======== material input  ================= */
.md-material {padding-top:15px; position:relative;}
.md-material .md-input { appearance:none; -moz-appearance:none; -webkit-appearance:none;
    background:transparent; border:0; border-bottom:1px solid #e0e0e0; position:relative; z-index:1;}
.md-material .md-input:focus {outline:none;}
.md-material label {color:#9E9E9E; left:0; position:absolute; top:22px; pointer-events:none;
    transition:top 0.1s ease; z-index:0;}
.md-material .md-input:focus + label {color:#24272c; top:6px; font-size:13px; }
.md-material .md-input + label + .indicator {border-bottom:2px solid #24272c; height:0; position:absolute; top:50px; transition:width .1s ease-in 0s;
    width:0; z-index:2;}
.md-material .md-input:focus + label + .indicator {width:100%;}
.md-material .md-input:valid + label {top:6px;}

/* --------- aditional css -------------*/