@import url(dynamic.css);
.login-card {
  padding: 30px 20px;
  width: 500px;
  position: relative;
  display: block;
  background-color: #fff;
  margin: 0 auto;
  -webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.3);
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.3); }
  .login-card h1 {
    font-weight: 400;
    color: #FFFFFF !important;
    font-size: 34px !important;
    text-transform: uppercase;
    margin: 0;
    padding-bottom: 0px; }
  .login-card h3 {
    color: #2196f3 !important;
    font-size: 20px;
    margin: 25px; }

.md-input-wrapper {
  position: relative;
  padding-top: 4px;
  width: 100%;
  display: block;
  margin-bottom: 20px; }
  .md-input-wrapper select, .md-input-wrapper textarea {
    border-radius: 0;
    border-width: 0 0 1px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.12);
    -webkit-box-shadow: inset 0 -1px 0 transparent;
    box-shadow: inset 0 -1px 0 transparent;
    box-sizing: border-box;
    padding: 12px 4px;
    background: 0;
    width: 100%;
    display: block;
    max-height: 100px; }

input[type=email].md-form-control, input[type=file].md-form-control, input[type=number].md-form-control, input[type=password].md-form-control, input[type=text].md-form-control {
  border-radius: 0;
  border-width: 0 0 1px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: inset 0 -1px 0 transparent;
  box-shadow: inset 0 -1px 0 transparent;
  box-sizing: border-box;
  padding: 12px 4px;
  background: 0;
  width: 100%;
  display: block;
  max-height: 100px; }

.md-input-wrapper > label {
  text-transform: initial;
  color: #727272;
  position: absolute;
  top: 16px;
  left: 4px;
  pointer-events: none;
  -webkit-transition: all 150ms ease-out;
  -moz-transition: all 150ms ease-out;
  -ms-transition: all 150ms ease-out;
  transition: all 150ms ease-out; }
.md-input-wrapper .md-line {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%; }

.md-form-control:focus ~ .md-line:before {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  width: 0;
  height: 2px;
  background: #1976d2;
  -webkit-transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -ms-transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1); }

.md-input-wrapper .md-line:after, .md-input-wrapper .md-line:before {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  width: 0;
  height: 2px;
  background: #1976d2;
  -webkit-transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -ms-transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1); }

.md-form-control:focus ~ .md-line:before {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  width: 0;
  height: 2px;
  background: #1976d2;
  -webkit-transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -ms-transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1); }

.md-input-wrapper .md-line:after, .md-input-wrapper .md-line:before {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  width: 0;
  height: 2px;
  background: #1976d2;
  -webkit-transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -ms-transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1); }

.msg-error {
  color: red;
  font-size: 14px; }

.card-block-title {
  background: #225a91;
  padding: 10px 0;
  position: static;
  width: 100%;
  left: 0;
  top: 0; }

label em {
  color: red; }

#section-1 {
  background-image: url(../images/bg-1.jpg); }

#section-2 {
  background-image: url(../images/bg-2.jpg); }

#section-3 {
  background-image: url(../images/bg-3.jpg); }

/*
#section-4{background-image:url(../images/bg-3.jpg)}
#section-5{background-image:url(../images/bg-3.jpg)}
*/

/*# sourceMappingURL=core.css.map */