/* =============================================
-----------------   25. 404 Pages  -------------
==============================================*/

.error-page { padding:15px 0 35px; }

.error-page.error-pagebg { padding:35px 0; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; background-position: center center; background-attachment: fixed; background-image: url('../images/404bg.jpg'); }

.error-title,
.error-subtitle { font:700 100px/0.7 'Open Sans', Verdana, sans-serif; margin-bottom: 40px; }

.error-title.shadow,
.error-subtitle.shadow { color:transparent !important; text-shadow: 2px 2px 20px rgba(255, 255, 255, 0.50); transition: all 0.6s; -webkit-transition: all 0.6s; }

/* Fix for ie 10 + */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
    .error-title.shadow,
    .error-subtitle.shadow { color:#fff !important; }
}

/* Fix for ie 9 */
.ie9 .error-title.shadow,
.ie9 .error-subtitle.shadow { color:#fff !important; }

.error-title.shadow:hover,
.error-subtitle.shadow:hover { text-shadow: 2px 2px 2px rgba(255, 255, 255, 0.50); }
.error-title.vertical { font-family: 'Open Sans', Verdana, sans-serif; }

.error-subtitle { font-weight: 600; font-size:32px; color:#4e4e4e; margin-bottom: 30px; }

.error-text { max-width: 600px; font-size: 14px; margin-bottom: 20px; }

.error-page form { max-width: 480px; margin-right: auto; margin-left:auto; }

.error-pagebg.light .error-title,
.error-pagebg.light .error-subtitle,
.error-pagebg.light .error-text { color:#fff; }

@media (min-width: 768px) { .error-page { padding:30px 0 60px ; }

    .error-page.error-pagebg { padding:60px 0; }

    .error-title { font-size:180px; margin-bottom: 60px; }

    .error-subtitle { font-size:48px; margin-bottom: 45px; }

    .error-text { font-size: 15px; }

}

@media (min-width: 992px) { .error-page { padding:40px 0 80px; }

    .error-page.error-pagebg { padding:80px 0; }

    .error-title { font-size:200px; margin-bottom: 80px; }

    .error-title.vertical { text-align: right; line-height: 0.8; }

    .col-md-push-9 .error-title.vertical { text-align: left; }

    .error-title.vertical > span { display: block; }

    .error-subtitle { font-size:72px; margin-bottom: 60px; line-height: 0.9; }

    .error-subtitle.vertical { margin-top:200px; }

    .error-text { max-width: 720px; font-size: 16px; margin-bottom: 40px; }

    .error-page form { max-width: 600px; }
}