/** BEGIN FONTS.COM **/

@import url("http://fast.fonts.net/t/1.css?apiType=css&projectid=a2b07d7e-06ae-43c5-8c9b-bc607538fbfe");
    @font-face{
        font-family:"Avenir Next W01 Light";
        src:url("../fonts/0ecef829-586e-426d-a633-4c8a8c926769.eot?#iefix");
        src:url("../fonts/0ecef829-586e-426d-a633-4c8a8c926769.eot?#iefix") format("eot"),url("../fonts/49c5f3e1-5867-4b1d-a843-2d07fa60d85d.woff2") format("woff2"),url("../fonts/f401df6f-54eb-406c-b46a-90b9451c598d.woff") format("woff"),url("../fonts/276fe25e-e430-4376-b33c-705dd77b3dba.ttf") format("truetype"),url("../fonts/869dc33b-3685-4d74-a51c-82b435579093.svg#869dc33b-3685-4d74-a51c-82b435579093") format("svg");
    }
    @font-face{
        font-family:"Avenir Next LT W01 Demi";
        src:url("../fonts/12d643f2-3899-49d5-a85b-ff430f5fad15.eot?#iefix");
        src:url("../fonts/12d643f2-3899-49d5-a85b-ff430f5fad15.eot?#iefix") format("eot"),url("../fonts/aad99a1f-7917-4dd6-bbb5-b07cedbff64f.woff2") format("woff2"),url("../fonts/91b50bbb-9aa1-4d54-9159-ec6f19d14a7c.woff") format("woff"),url("../fonts/a0f4c2f9-8a42-4786-ad00-fce42b57b148.ttf") format("truetype"),url("../fonts/99affa9a-a5e9-4559-bd07-20cf0071852d.svg#99affa9a-a5e9-4559-bd07-20cf0071852d") format("svg");
    }

/** END FONTS.COM */

html, body {
  background: url('https://source.unsplash.com/random/') no-repeat cover fixed;
  /* background: url('https://source.unsplash.com/mawU2PoJWfU/1600x900') no-repeat center center fixed; */
  
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#328eff+0,89ffc6+100 */

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#328eff', endColorstr='#89ffc6',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  height: 100%;
  padding: 30px;
  font-size: 12px;
  font-family: 'Avenir Next LT W01 Demi';
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

h3 {
  margin-bottom:25px;
}

.loginform {
  margin-top:5%;
  padding: 50px 50px 30px 50px;
  background-color: rgba(255,255,255,1);
  text-align: center;
  color: #222;
  border: 2px solid #F9FAFC;
  border-radius: 3px;
}


.loginform fieldset {
  text-align: center;
}

.loginform fieldset legend {
  border: 0px;
  color: #222;
}

.loginform fieldset label {
  border: none;
  display: none;
}

.loginform a {
  color: #00B868;
  display: block;
  text-align: center;
}

.loginform input[type=text] {
  height: 50px;
  padding: 12px 18px;
  box-sizing: border-box;
  background-color: #fff;
  margin-bottom: 5px;
  font-size: 16px;
  border:none;
  border: 1px solid #EFF2F3;
  box-shadow:none;
}

.loginform input[type=password] {
  height: 50px;
  padding: 12px 18px;
  background-color: #fff;
  box-shadow:none;
  box-sizing: border-box;
  font-size: 16px;
  border:none;
  border: 1px solid #EFF2F3;
}

.loginform button[type=submit] {
  height: 45px;
  box-sizing: border-box;
  border-radius: 2px;
  border: none;
  background-color: #00B868;
  color: white;
  margin-top:20px;
  margin-bottom:20px;
  transition: all 0.2s;
}

.loginform button[type=submit]:hover {
  transform: translatey(-1px);
  background-color: #009F5A;
}

#logo {
  display: block;
  text-align: center;d
}

#logo img {
  width: 50px;
  margin-bottom:20px;
}