@charset "UTF-8";
@import url('//fonts.googleapis.com/css?family=Poppins:400,500,600,700,900');
@import url("//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css");

html{font-family:"Poppins";line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent}
@-ms-viewport{width:device-width}
body{margin:0;font-family:"Poppins";font-size:.875rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}

#notfound{position:relative;height:100vh}
#notfound .notfound{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.notfound{max-width:520px;width:100%;line-height:1.4;text-align:center}
.notfound .notfound-404{position:relative;height:200px;margin:0 auto 20px;z-index:-1}
.notfound .notfound-404 h1{font-family:"Poppins",sans-serif;font-size:236px;font-weight:200;margin:0;color:#211b19;text-transform:uppercase;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.notfound .notfound-404 h2{font-family:"Poppins",sans-serif;font-size:28px;font-weight:400;text-transform:uppercase;color:#211b19;background:#fff;padding:10px 5px;margin:auto;display:inline-block;position:absolute;bottom:0;left:0;right:0}
.notfound a{font-family:"Poppins",sans-serif;display:inline-block;font-weight:700;text-decoration:none;color:#fff;text-transform:uppercase;padding:13px 23px;background:#ff6300;font-size:18px;-webkit-transition:.2s all;transition:.2s all}
.notfound a:hover{color:#ff6300;background:#211b19}
@media only screen and (max-width:767px){
  .notfound .notfound-404 h1{font-size:148px}
}
@media only screen and (max-width:480px){
  .notfound .notfound-404{height:148px;margin:0 auto 10px}
  .notfound .notfound-404 h1{font-size:86px}
  .notfound .notfound-404 h2{font-size:16px}
  .notfound a{padding:7px 15px;font-size:14px}
}