@font-face {
    font-family: Metrophobic;
    src: url(../fonts/Metrophobic-Regular.ttf);
}

body {
    font-family: Metrophobic;
}





.product h5 {
    font-weight: 900;
}

.navbar-brand {
    font-size: 28px;
    font-weight: 900;
    color: #23577d !important;
    text-shadow: 2px 2px 5px #aaa8a8;
}

    .navbar-brand:hover {
        color: #9a4a11;
    }

.navbar .nav-item {
    border: solid 1px white;
}

    .navbar .nav-item:hover {
        border: solid 1px silver;
        background-color: #fcfcfc;
    }

.page-title {
    margin-bottom: 20px;
}

.container-fluid {
    padding: 0px !important;
}


footer {
    background-color: black;
    color: white;
    padding: 20px;
}

.counter {
    /*background-color: #23577d;*/
    color: white;
    background: url("/Areas/admin/templates/flatlab/img/slider/1.jpg") no-repeat scroll 0 0;
}

    .counter h5 {
        text-align: center;
    }

    .counter td > p {
        font-size: 40px;
    }

    .counter td {
        padding: 10px;
    }


.timer_box {
    margin: 35px 24px;
    display: inline-block;
    padding: 16px 12px;
    text-align: center;
    width: 130px;
    border-radius: 10%;
    border: 1px solid rgba(255, 255, 255, .6);
}

    .timer_box h1 {
        font-size: 48px;
        margin-top: 5px;
        margin-bottom: 0px;
        font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif;
        color: white;
    }



/* 404 Error */
.body-404 {
  
    /*background: #18d4cb;*/
    /*color: #fff;*/
}

.error-wrapper {
    text-align: center;
    margin-top: 10%;
}

    .error-wrapper .icon-404 {
        background: url("/images/404_icon.png") no-repeat;
        width: 289px;
        height: 274px;
        display: inline-block;
        margin-left: 30px;
    }


    .error-wrapper h1 {
        font-size: 90px;
        font-weight: 300;
        margin: -50px 0 0 0;
    }

    .error-wrapper h2 {
        font-size: 20px;
        font-weight: 300;
        margin: 0 0 30px 0;
    }

    .error-wrapper p, .error-wrapper p a {
        font-size: 18px;
        font-weight: 300;
    }

        .error-wrapper p.page-404 {
            /*color: #7dfff7;*/
        }

            .error-wrapper p.page-404 a, .error-wrapper p.page-500 a, .error-wrapper p.page-404 a:hover, .error-wrapper p.page-500 a:hover {
                /*color: #fff;*/
            }


/*500 page*/

.body-500 {
    /*background: #8075c6;*/
    /*color: #fff;*/
}

.error-wrapper p.page-500 {
    /*color: #afa5f1;*/
}

.error-wrapper .icon-500 {
    background: url("/images/500_icon.png") no-repeat;
    width: 289px;
    height: 274px;
    display: inline-block;
    margin-left: 55px;