#preloader{position:fixed;top:0;left:0;right:0;bottom:0;background:#050505;z-index:800;height:100%;width:100%}
.no-js #preloader,.oldie #preloader{display:none}
#loader{position:absolute;left:50%;top:50%;width:60px;height:60px;margin:-30px 0 0 -30px;padding:0}
#loader:before{content:"";border-top:11px solid rgba(255,255,255,0.1);border-right:11px solid rgba(255,255,255,0.1);border-bottom:11px solid rgba(255,255,255,0.1);border-left:11px solid #FFF;-webkit-animation:load 1.1s infinite linear;animation:load 1.1s infinite linear;display:block;border-radius:50%;width:60px;height:60px}
@-webkit-keyframes load {
    0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
    100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes load {
    0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
    100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
#main-404-content{background:#151515;width:100%;height:100%;min-height:720px;z-index:600;position:relative;-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;-moz-transition:transform .4s ease-in-out;-o-transition:transform .4s ease-in-out;-webkit-transition:transform .4s ease-in-out;-ms-transition:transform .4s ease-in-out;transition:transform .4s ease-in-out}
#main-404-content.main-content-slides{height:100%!important}
#main-404-content.main-content-particle-js{background:#020507;overflow:hidden}
#main-404-content.main-content-particle-js .pg-canvas{position:absolute;top:0;left:0;height:100%!important;width:100%!important;opacity:.15}
#main-404-content.main-content-particle-js .shadow-overlay{display:none}
.content-wrap{width:100%;height:100%;display:table;position:relative}
.shadow-overlay{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.9;background:-moz-linear-gradient(left,black 0%,black 20%,transparent 100%);background:-webkit-linear-gradient(left,black 0%,black 20%,transparent 100%);background:linear-gradient(to right,black 0%,black 20%,transparent 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000',endColorstr='#00000000',GradientType=1)}
.main-content{display:table-cell;vertical-align:middle;position:relative;z-index:700;padding:98px}
.main-content h1{font-family:"roboto-black",sans-serif;text-transform:uppercase;letter-spacing:-.2rem;font-size:5.4rem;line-height:1;padding-top:-.6rem;position:relative;color:#fff;margin:11px 0 0}
.main-content h1::before{content:"";display:block;background:#c25d02;width:120px;height:3px;position:absolute;top:0;left:9px}
.col-twelve a{color:#fff;font-size:21px;margin:21px 0 0}
.col-twelve a:hover{color:#c25d02}
.main-content .kern-this [class*="char"]{position:relative}
.main-content .char3{left:-.01em}
.main-content .char7{left:-.013em}
.main-content .char8{left:-.04em}
.main-content .char9{left:-.052em}
.main-content .char10{left:-.038em}
.main-content p{color:rgba(255,255,255,0.6);font-family:"roboto-regular",sans-serif;font-size:1.3rem;max-width:380px;z-index:50000000;text-shadow:0 1px 5px rgba(0,0,0,0.5);margin:17px 7px 0 0}
.main-content .search form{max-width:360px;margin:3rem 0 1.2rem}
.main-content .search form input[type="text"]{background:rgba(255,255,255,0.1);width:100%}
#main-404-content footer{position:absolute;width:100%;min-height:12rem;bottom:0;left:0;z-index:700}
#main-404-content .social-links{text-align:right;margin-bottom:3rem}
#main-404-content .social-links ul{display:block;list-style:none;margin:0;padding:0;font-size:3rem}
#main-404-content .social-links ul li{display:inline-block;padding:0 .9rem}
#main-404-content .social-links ul li:last-child{padding-right:0}
#main-404-content .bottom-links .links{display:block;list-style:none;margin:0 0 .9rem;padding:0;font-family:"roboto-bold",sans-serif;font-size:1.7rem}
#main-404-content .bottom-links .links:before,#main-404-content .bottom-links .links:after{content:"";display:table}
#main-404-content .bottom-links .links:after{clear:both}
#main-404-content .bottom-links li{float:left;padding:0 1.2rem}
#main-404-content .bottom-links li:first-child{padding-left:0}
#main-404-content .bottom-links .credits{font-size:1.4rem;line-height:3rem;color:rgba(255,255,255,0.2)}
#main-404-content .bottom-links .credits a{color:rgba(255,255,255,0.2);display:inline-block;border-bottom:1px dotted rgba(255,255,255,0.1)}
#main-404-content .bottom-links .credits a:hover,#main-404-content .bottom-links .credits a:focus{color:#FFF}
@media only screen and (max-width:1024px) {
    .main-content h1{font-size:4.6rem}
}
@media only screen and (max-width:768px) {
    .main-content h1{font-size:4.2rem}
    #main-404-content .social-links{text-align:left}
    #main-404-content .social-links ul{font-size:2.8rem}
    #main-404-content .social-links li:first-child{padding-left:0}
    #main-404-content .bottom-links .links{font-size:1.6rem}
    .logo404{width:53%;margin-bottom:17px}
}
@media only screen and (max-width:600px) {
    .main-content h1{font-size:3.2rem}
}
@media only screen and (max-width:400px) {
    .main-content h1{font-size:2.5rem}
    #main-404-content .social-links ul{font-size:2.6rem}
    .logo404{width:100%;margin-bottom:4px}
}
@media only screen and (max-width:380px) {
    .main-content h1{font-size:5.2rem}
}
.container-empty{text-align: center; padding: 20px;}