/***
Error Pages
***/
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'), local('OpenSans'), url('../font/OpenSans-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url('../font/OpenSans-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'OpenSans-Bold';
    src: url('../font/OpenSans-Bold.ttf') format('truetype');
}

/* default */
.left-noborder {
    text-align: left;
    border-bottom: none !important;
    padding-bottom: 20px;
}

.clear-top {
    margin-top: 10vh;
}

.align-left {
    text-align: left;
}

.icon-left {
    float: left;
    position: relative;
    top: 18px;
    height: 1px;
}

/* 404 page option #3*/
.page-404-1 {
    background: #fff !important;
    text-align: center;
}

    .page-404-1 .header {
        height: 30vh;
        background-color: #5f5f5f;
    }

    .page-404-1 .main-content {
        margin-top: 5vh;
        padding: 20px;
    }

        .page-404-1 .main-content h1.error {
            font-size: 248px;
            font-weight: bold;
            color: white;
            -webkit-text-stroke-width: 4px;
            -webkit-text-stroke-color: #e2e2e2;
        }

    .page-404-1 .main-content i.error {
        font-size: 150px;
        color: #353535;
    }

    .page-404-1 .main-content p {
        width: 375px;
        margin: 0 auto;
        font-size: 15px;
    }

    .page-404-1 .main-content .msg {
        color: #ce1111;
        cursor: pointer;
        text-decoration: none;
        font-weight: bold;
    }

    .page-404-1 img {
        width: 200px;
        margin: 20vh 0 0 0;
    }

    .page-404-1 h1 {
        font-family: 'Open Sans', sans-serif;
        font-weight: bold;
        font-size: 60px;
        color: #a0a0a0;
    }

    .page-404-1 .blue {
        color: #ce1111;
    }

    .page-404-1 .contact {
        text-align: center;
        width: 490px;
        margin: 50px auto;
    }

        .page-404-1 .contact .col1 {
            float: left;
            width: 230px;
        }

        .page-404-1 .contact .col2 {
            float: right;
            width: 230px;
        }

            .page-404-1 .contact .col1 span,
            .page-404-1 .contact .col2 span {
                color: gray;
                display: block;
                text-align: left;
                padding-left: 45px;
            }

            .page-404-1 .contact .col2 span {
                margin-top: 10px;
            }

        .page-404-1 .contact .icon {
            width: 30px;
            background-color: transparent;
            height: 30px;
            color: #a0a0a0;
            margin: 6px auto;
            float: left;
            border-right: 1px solid #a0a0a0;
        }

            .page-404-1 .contact .icon i {
                padding: 8px;
            }

    .page-404-1 .footer {
        position: absolute;
        bottom: 10px;
        width: 100%;
        color: #b3b3b3;
        font-size: 14px;
    }

.return-container {
    margin-top: 20vh;
}

.return-btn {
    cursor: pointer;
    background: #5D6780;
    text-decoration: none;
    color: white;
    padding: 10px;
}

    .return-btn:hover {
        background-color: #ce1111;
        text-decoration: none;
        color: white;
    }