*,
*:after,
*:before {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: none;
}

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

h1,
.h1 {
    font-size: 32px;
    font-family: 'FS Matthew';
}

h2,
.h2 {
    font-size: 26px;
    font-family: 'FS Matthew';
}

h3,
.h3 {
    font-size: 22px;
    font-family: 'FS Matthew';
}

h4,
.h4 {
    font-size: 16px;
    font-family: 'FS Matthew';
}

h5,
.h5 {
    font-size: 14px;
    font-family: 'FS Matthew';
}

h6,
.h6 {
    font-size: 12px;
    font-family: 'FS Matthew';
}


/* ===== Initializr Styles ==================================================
   Author: Jonathan Verrecchia - verekia.com/initializr/responsive-template
   ========================================================================== */
/**/
/*
body {
    font-family: 'FS Matthew';
    background-image: url('../images/bg_blue.jpg');
    background-attachment: fixed;
    background-size: cover;
    
    -webkit-transition: background-color 300ms ease-out;
    -moz-transition: background-color 300ms ease-out;
    transition: background-color 300ms ease-out;
}*/


html, body {
    font-family: 'FS Matthew';
    height: 100%;
    /* background: #fff url(../images/bg_blue.jpg) no-repeat center; */
    font-size: 13px;
    /*background: #2c5cb1;
    background: -moz-linear-gradient(left, #2c5cb1 0%, #0f3e91 100%);
    background: -webkit-linear-gradient(left, #2c5cb1 0%,#0f3e91 100%);
    background: linear-gradient(to right, #2c5cb1 0%,#0f3e91 100%);*/
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c5cb1', endColorstr='#0f3e91',GradientType=1 );*/
    background-color: #00528f;
    background-image: url("../images/wavy-big.png");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
}

    body.innerPage {
        background: #ecf0f5;
    }

.pageBG {
    background: rgba(0, 0, 0, 0.85);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
}

.wrapper {
    width: 100%;
    padding-top: 70px;
    position: relative;
    z-index: 2;
    padding-bottom: 30px;
}

.wrapper1 {
    /*width: 100%;
    padding-top: 40px;
    position: relative;
    z-index: 2;
    padding-bottom: 30px;
    margin-top: 25px;*/
    margin-top: 100px;
    width: 100%;
    /* margin-top: 40px;*/
    position: absolute;
    z-index: 2;
    /*height: 100%;*/
}

.clear {
    clear: both;
}

.container {
    width: 100%;
    max-width: 1366px;
    padding: 0 15px;
    margin: 0 auto;
}

header {
    background: #f6f6f6;
    padding: 0;
    position: relative;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 99;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
/*
.logo {
    float: left;
    padding-left: 15px;
    background: #aa0000;
}*/

.topRight {
    float: right;
    padding-right: 80px;
}

    .topRight ul {
        list-style: none;
        margin: 0px;
        padding: 0px;
    }

        .topRight ul li {
            display: inline-block;
        }

            .topRight ul li a {
                display: block;
                font-size: 25px;
                color: #aa0000;
                padding: 12px 5px;
            }

* {
    margin: 0;
    padding: 0;
}


/* Icon 1 */

.menubtn {
    position: absolute;
    background: #aa0000;
    padding: 15px 20px 5px;
    top: 0px;
    right: 0px;
    width: 70px;
}

    .menubtn.showMenu {
        z-index: 99;
    }

#nav-icon1 {
    width: 100%;
    height: 50px;
    position: relative;
    margin: 0px auto 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}

    #nav-icon1 span {
        display: block;
        position: absolute;
        height: 4px;
        width: 100%;
        background: #fff;
        border-radius: 9px;
        opacity: 1;
        left: 0;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .25s ease-in-out;
        -moz-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
    }

        #nav-icon1 span:nth-child(1) {
            top: 5px;
        }

        #nav-icon1 span:nth-child(2) {
            top: 18px;
        }

        #nav-icon1 span:nth-child(3) {
            top: 30px;
        }

.showMenu #nav-icon1 span:nth-child(1) {
    top: 18px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}

.showMenu #nav-icon1 span:nth-child(2) {
    opacity: 0;
    left: -60px;
}

.showMenu #nav-icon1 span:nth-child(3) {
    top: 18px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.menuBox {
    position: fixed;
    width: 100%;
    height: 0;
    background: #5C0000;
    left: 0px;
    top: 0px;
    transition: all ease-in-out 300ms;
    overflow: hidden;
    z-index: 99;
}

.menuContainer {
    display: table-cell;
    vertical-align: middle;
}

    .menuContainer .box {
        width: 100%;
        max-width: 1000px;
        margin: 0 auto;
        color: #fff;
        display: table;
        background: none;
        box-shadow: none;
        border: none;
    }

.menuLeft {
    display: table-cell;
    width: 50%;
    vertical-align: middle;
    transform: translateX(-500px);
    opacity: 0;
    transition: all ease-in 300ms;
}

.menuBox .box.animate .menuLeft {
    transform: translateX(0);
    opacity: 1;
}

.menuLeft ul {
    display: table;
    list-style: none;
    margin: 0px;
    padding: 0px;
}

    .menuLeft ul li {
    }

        .menuLeft ul li a {
            color: rgba(255, 255, 255, 0.6);
            font-size: 35px;
            font-family: 'FS Matthew';
            padding: 20px 0;
            display: block;
            position: relative;
            padding-right: 60px;
            transition: all ease-in-out 300ms;
        }

            .menuLeft ul li a:hover {
                color: #fff;
            }

            .menuLeft ul li a > span:not(.icon) {
                position: relative;
                display: inline-block;
                padding-bottom: 10px;
            }

            .menuLeft ul li a span:not(.icon):after {
                content: "";
                position: absolute;
                bottom: 0px;
                left: 0px;
                height: 2px;
                background: #fff;
                width: 0px;
                transition: all ease-in-out 300ms;
            }

            .menuLeft ul li a:hover span:not(.icon):after {
                width: 100%;
            }

            .menuLeft ul li a .icon {
                margin-left: 20px;
                background: rgba(255, 255, 255, 0.1);
                position: absolute;
                height: 40px;
                width: 40px;
                top: 50%;
                right: 0px;
                margin-top: -20px;
                line-height: 40px;
                text-align: center;
            }

                .menuLeft ul li a .icon i {
                    transition: all ease-in-out 300ms;
                }

            .menuLeft ul li a.dis .icon i {
                transform: rotate(180deg);
            }

            .menuLeft ul li a:hover {
                text-decoration: none;
            }

        .menuLeft ul li ul {
            padding-left: 20px;
            display: none;
        }

        .menuLeft ul li li a {
            font-size: 20px;
            padding: 10px 0;
        }

.menuRight {
    display: table-cell;
    width: 50%;
    vertical-align: middle;
    width: 50%;
    text-align: right;
    color: rgba(255, 255, 255, 0.6);
    transform: translateX(100%);
    opacity: 0;
    transition: all ease-in 300ms;
}

.menuBox .box.animate .menuRight {
    transform: translateX(0);
    opacity: 1;
}

.menuRight h3 {
    font-weight: normal;
    font-family: 'FS Matthew';
    font-size: 36px;
    margin: 0px;
    padding: 0px;
}

.menuRight h4 {
    font-weight: normal;
    font-family: 'FS Matthew';
    font-size: 20px;
    color: rgba(255, 255, 255, 0.2);
}

.menuRight p {
    font-size: 14px;
}

    .menuRight p strong {
        font-weight: normal;
        display: block;
        color: #fff;
        text-decoration: underline;
    }

.menuRight a {
    display: inline-block;
    color: rgba(255, 255, 255, 0.6);
    background: rgba(255, 255, 255, 0.1);
    padding: 10px 20px;
}

    .menuRight a:hover {
        text-decoration: none;
        color: #fff;
    }


/* footer */

footer {
    text-align: center;
    color: #000;
    background-color: #fff;
    padding: 10px;
    position: relative;
    width: 100%;
    bottom: 0px;
    left: 0px;
    font-size: 13px;
}

    footer.fixed {
        position: fixed;
    }

    footer img {
        height: 20px;
        width: auto;
    }


/* ==========================================================================
   Content Page
   ========================================================================== */

.content {
    padding: 10px 0;
    min-height: 545px;
}

.innerPage .content {
    padding-left: 15px;
    padding-right: 15px;
}

.content h1 {
    text-align: center;
    color: #fff;
    /*  padding: 20px 0;*/
    font-family: 'FS Matthew';
    font-size: 35px;
    font-weight: 300;
}

.content h6 {
    text-align: center;
    color: #fff;
    /*  padding: 20px 0;*/
    font-family: 'FS Matthew';
    font-size: 14px;
    font-weight: 300;
    color: #E9E9E9;
}

.dashboard_menu p {
    margin: 0;
    color: #fff;
    font-size: 18px;
}

    .dashboard_menu p:nth-child(2) {
        margin: 0;
        float: left;
        color: #ccc;
        font-size: 15px;
    }

.dashboard_menu li:nth-child(2) {
    margin-top: 8px !important;
}

.dashboard {
    max-width: 1130px !important;
}

.num {
    font-size: 30px;
    font-weight: bold;
    line-height: 72px;
}


.menu1 {
    border-bottom: solid 1px #2f2f2e;
    padding: 0px 0px 10px 0px;
}

/* Home Page */

.homePage {
    display: table;
}

    .homePage .content {
        display: table-cell;
        vertical-align: middle;
    }

        .homePage .content ul {
            list-style: none;
            text-align: center;
            margin: 0px auto;
            padding: 20px 0 0 0;
            max-width: 100%;
        }

            .homePage .content ul li {
                display: inline-block;
                margin: 0px 5px 0px;
                padding: 0px;
                float: left;
                color: #fff;
            }



/*.homePage .content ul li {
    display: inline-block;
    margin: 0px 5px 0px;
    padding: 0px;
}*/



/*
.homePage .content ul li .box {
    display: table;
    width: 200px;
    height: 200px;
    background: none;
    position: relative;
    overflow: hidden;
    border-radius: 50%;
}
*/
/*
.homePage .content ul li a {
    display: table-cell;
    vertical-align: middle;
    line-height: 1.4;
    padding: 20px 30px;
    position: relative;
}

                    .homePage .content ul li a:before {
                        content: "";
                        position: absolute;
                        left: 0px;
                        top: 0px;
                        bottom: 0px;
                        right: 0px;
                        background: #ccc;
                        width: 200px;
                        height: 200px;
                        transition: all ease-in-out 500ms;
                        transform: scale(1);
                        border: 3px solid transparent;
                        border-radius: 50%;
                        transform: scale(0.9);
                    }

                    .homePage .content ul li a:after {
                        content: "";
                        position: absolute;
                        left: 0px;
                        top: 0px;
                        bottom: 0px;
                        right: 0px;
                        background: none;
                        width: 200px;
                        height: 200px;
                        transition: all ease-in-out 300ms;
                        transform: scale(0.8);
                        border: 3px solid #fff;
                        opacity: 0;
                        border-radius: 50%;
                        transform: scale(1);
                        opacity: 1;
                    }

                    .homePage .content ul li a:hover {
                        text-decoration: none;
                    }

                        .homePage .content ul li a:hover:before {
                            transform: scale(1);
                            border: 0px solid transparent;
                        }

                        .homePage .content ul li a:hover:after {
                            transform: scale(0.9);
                            -webkit-box-shadow: inset 0px 0px 20px 5px rgba(50, 50, 50, 0.5);
                            -moz-box-shadow: inset 0px 0px 20px 5px rgba(50, 50, 50, 0.5);
                            box-shadow: inset 0px 0px 20px 5px rgba(50, 50, 50, 0.5);
                        }

                .homePage .content ul li:nth-child(1) a:before {
                    background: #00c0ef;
                }

                .homePage .content ul li:nth-child(2) a:before {
                    background: #00a65a;
                }

                .homePage .content ul li:nth-child(3) a:before {
                    background: #f39c12;
                }

                .homePage .content ul li:nth-child(4) a:before {
                    background: #605ca8;
                }

                .homePage .content ul li:nth-child(5) a:before {
                    background: #d81b60;
                }

                .homePage.content ul li:nth-child(1) a:hover:before {
                    background: none;
                    border: 3px solid #00c0ef;
                }

                .homePage .content ul li:nth-child(2) a:hover:before {
                    background: none;
                    border: 3px solid #00a65a;
                }

                .homePage .content ul li:nth-child(3) a:hover:before {
                    background: none;
                    border: 3px solid #f39c12;
                }

        .homePage .content .content ul li:nth-child(4) a:hover:before {
            background: none;
            border: 3px solid #605ca8;
        }

        .homePage .content ul li:nth-child(5) a:hover:before {
            background: none;
            border: 3px solid #d81b60;
        }

        .homePage .content ul li:nth-child(1) a:hover:after {
            background: #fff;
        }

        .homePage .content ul li:nth-child(2) a:hover:after {
            background: #fff;
        }

        .homePage .content ul li:nth-child(3) a:hover:after {
            background: #fff;
        }

        .homePage .content ul li:nth-child(4) a:hover:after {
            background: #fff;
        }

        .homePage .content ul li:nth-child(5) a:hover:after {
            background: #fff;
        }

.homePage .content ul li a:after {}


        /*
#00c0ef
#00a65a
#f39c12
#605ca8
#d81b60
*/
/*
.homePage .content ul li a span {
    display: block;
    position: relative;
    z-index: 2;
    color: #fff;
    transition: all ease-in-out 300ms;
}

            .homePage .content ul li a span.num {
                font-size: 40px;
                color: #fff;
            }

        .homePage .content ul li:nth-child(1) a:hover span {
            color: #00c0ef;
        }

        .homePage .content ul li:nth-child(2) a:hover span {
            color: #00c0ef;
        }

        .homePage .content ul li:nth-child(3) a:hover span {
            color: #00c0ef;
        }

        .homePage .content ul li:nth-child(4) a:hover span {
            color: #00c0ef;
        }

        .homePage .content ul li:nth-child(5) a:hover span {
            color: #00c0ef;
        }

.custTitle{ padding-top:10px; padding-bottom:15px; margin-bottom:15px; border-bottom:1px dashed #d2d6de;}

*/

/* ==========================================================================
   Data Tables
   ========================================================================== */

.tableBox {
    position: relative;
    border-radius: 3px;
    background: #ffffff;
    border-top: 3px solid #d2d6de;
    margin-bottom: 20px;
    width: 100%;
    box-shadow: 0 1px 1px rgba(0, 0, 2px, 0.1);
    background: #f6f6f6;
    padding: 15px;
}

.dataTables_wrapper .row {
    margin-left: 0px;
    margin-right: 0px;
}

    .dataTables_wrapper .row .col-sm-12,
    .dataTables_wrapper .row .col-sm-6 {
        padding-left: 0px;
        padding-right: 0px;
    }

table.dataTable td,
table.dataTable th {
    font-size: 14px;
}

table.table-bordered tbody th, table.table-bordered tbody td {
    font-size: 14px;
}

/* ==========================================================================
   Tabs
   ========================================================================== */

.panel.with-nav-tabs > .panel-heading {
    padding: 5px 5px 0 5px;
}

.panel.with-nav-tabs .nav-tabs {
    border-bottom: none;
}

.panel.with-nav-tabs .nav-justified {
    margin-bottom: -1px;
}


/*** PANEL PRIMARY ***/

.with-nav-tabs.panel-primary .nav-tabs > li > a,
.with-nav-tabs.panel-primary .nav-tabs > li > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li > a:focus {
    color: #fff;
}

    .with-nav-tabs.panel-primary .nav-tabs > .open > a,
    .with-nav-tabs.panel-primary .nav-tabs > .open > a:hover,
    .with-nav-tabs.panel-primary .nav-tabs > .open > a:focus,
    .with-nav-tabs.panel-primary .nav-tabs > li > a:hover,
    .with-nav-tabs.panel-primary .nav-tabs > li > a:focus {
        color: #aa0000;
        background-color: #fff;
        border-color: transparent;
    }

.with-nav-tabs.panel-primary .nav-tabs > li.active > a,
.with-nav-tabs.panel-primary .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li.active > a:focus {
    color: #aa0000;
    background-color: #fff;
    border-color: #aa0000;
    border-bottom-color: transparent;
}

.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #aa0000;
    border-color: #aa0000;
}

    .with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a {
        color: #fff;
    }

        .with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
        .with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
            background-color: #aa0000;
        }

    .with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a,
    .with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
    .with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
        background-color: #aa0000;
    }


/* ==========================================================================
   From Controls
   ========================================================================== */

/*.form-control[readonly] {
    background: none;
    border: none;
    box-shadow: none;
    border-radius: 0px;
    border-bottom: 1px dotted rgba(170, 0, 0, 0.3);
    font-size: 12px;
}

.form-control.queueSlct {
    width: 90px;
}*/

/* ==========================================================================
   Breadcrumbs
   ========================================================================== */

.content-header {
    position: relative;
    padding: 15px 15px 0 15px;
}

    .content-header > h1 {
        margin: 0;
        font-size: 32px;
        text-align: left;
        color: #000;
        padding-top: 0px;
    }

        .content-header > h1 > small {
            font-size: 15px;
            display: inline-block;
            padding-left: 4px;
            font-weight: 300;
        }

    .content-header > .breadcrumb {
        float: right;
        background: transparent;
        margin-top: 0;
        margin-bottom: 0;
        font-size: 12px;
        padding: 7px 5px;
        position: absolute;
        top: 15px;
        right: 10px;
        border-radius: 2px;
    }

        .content-header > .breadcrumb > li > a {
            color: #444;
            text-decoration: none;
            display: inline-block;
        }

            .content-header > .breadcrumb > li > a > .fa,
            .content-header > .breadcrumb > li > a > .glyphicon,
            .content-header > .breadcrumb > li > a > .ion {
                margin-right: 5px;
            }

        .content-header > .breadcrumb > li + li:before {
            content: '>\00a0';
        }

@media (max-width: 991px) {
    .content-header > .breadcrumb {
        position: relative;
        margin-top: 5px;
        top: 0;
        right: 0;
        float: none;
        background: #d2d6de;
        padding-left: 10px;
    }

        .content-header > .breadcrumb li:before {
            color: #97a0b3;
        }
}


/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 480px) {
    /* ====================
    INTERMEDIATE: Menu
   ==================== */
    nav a {
        float: left;
        width: 27%;
        margin: 0 1.7%;
        padding: 25px 2%;
        margin-bottom: 0;
    }

    nav li:first-child a {
        margin-left: 0;
    }

    nav li:last-child a {
        margin-right: 0;
    }
    /* ========================
    INTERMEDIATE: IE Fixes
   ======================== */
    nav ul li {
        display: inline;
    }

    .oldie nav a {
        margin: 0 0.7%;
    }
}

@media only screen and (min-width: 768px) {
    /* ====================
    WIDE: CSS3 Effects
   ==================== */
    .header-container,
    .main aside {
        -webkit-box-shadow: 0 5px 10px #aaa;
        -moz-box-shadow: 0 5px 10px #aaa;
        box-shadow: 0 5px 10px #aaa;
    }
    /* ============
    WIDE: Menu
   ============ */
    .title {
        float: left;
    }

    nav {
        float: right;
        width: 38%;
    }
    /* ============
    WIDE: Main
   ============ */
    .main article {
        float: left;
        width: 57%;
    }

    .main aside {
        float: right;
        width: 28%;
    }
}

@media only screen and (min-width: 1140px) {
    /* ===============
    Maximal Width
   =============== */
    .wrapper {
    }
}


/* ==========================================================================
   Helper classes
   ========================================================================== */

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

    .visuallyhidden.focusable:active,
    .visuallyhidden.focusable:focus {
        clip: auto;
        height: auto;
        margin: 0;
        overflow: visible;
        position: static;
        width: auto;
    }

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}


/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

        a[href]:after {
            content: " (" attr(href) ")";
        }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

#lab {
    width: 1000px;
    overflow: hidden;
    padding-bottom: 70px;
    position: relative;
    margin: 0 auto;
    margin-bottom: 2.5em;
    -webkit-transition: all ease 500ms;
    -moz-transition: all ease 500ms;
    -o-transition: all ease 500ms;
    -ms-transition: all ease 500ms;
    transition: all ease 500ms;
}

.lab_item {
    width: 200px;
    height: 180px;
    position: relative;
    display: inline-block;
    margin-left: 7px;
    margin-right: 7px;
}

.hexagon2 {
    position: absolute;
    width: 200px;
    height: 400px;
    top: -85px;
}

.hexagon {
    overflow: hidden;
    visibility: hidden;
    -webkit-transform: rotate(120deg);
    -moz-transform: rotate(120deg);
    -o-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    transform: rotate(120deg);
    cursor: pointer;
}

.hexagon-in1 {
    overflow: hidden;
    width: 100%;
    height: 100%;
    -webkit-transform: rotate(-60deg);
    -moz-transform: rotate(-60deg);
    -o-transform: rotate(-60deg);
    -ms-transform: rotate(-60deg);
    transform: rotate(-60deg);
}

.hexagon-in2 {
    -webkit-box-shadow: inset 0 0 0 200px #fff;
    box-shadow: inset 0 0 0 200px #fff;
    overflow: hidden;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    -webkit-background-size: 125%;
    -moz-background-size: 125%;
    background-size: 125%;
    visibility: visible;
    -webkit-transform: rotate(-60deg);
    -moz-transform: rotate(-60deg);
    -o-transform: rotate(-60deg);
    -ms-transform: rotate(-60deg);
    transform: rotate(-60deg);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
    background-color: #fff;
    display: table;
}

.lab_item:nth-child(1) .hexagon-in2 {
    -webkit-box-shadow: inset 0 0 0 200px #00c0ef;
    box-shadow: inset 0 0 0 200px #00c0ef;
}

.lab_item:nth-child(2) .hexagon-in2 {
    -webkit-box-shadow: inset 0 0 0 200px #00a65a;
    box-shadow: inset 0 0 0 200px #00a65a;
}

.lab_item:nth-child(3) .hexagon-in2 {
    -webkit-box-shadow: inset 0 0 0 200px #f39c12;
    box-shadow: inset 0 0 0 200px #f39c12;
}

.lab_item:nth-child(4) .hexagon-in2 {
    -webkit-box-shadow: inset 0 0 0 200px #605ca8;
    box-shadow: inset 0 0 0 200px #605ca8;
}

.lab_item:nth-child(5) .hexagon-in2 {
    -webkit-box-shadow: inset 0 0 0 200px #d81b60;
    box-shadow: inset 0 0 0 200px #d81b60;
}

.lab_item:nth-child(1) .hexagon-in2:hover {
    -webkit-box-shadow: inset 0 0 0 0px #00c0ef;
    box-shadow: inset 0 0 0 0px #00c0ef;
}

.lab_item:nth-child(2) .hexagon-in2:hover {
    -webkit-box-shadow: inset 0 0 0 0px #00a65a;
    box-shadow: inset 0 0 0 0px #00a65a;
}

.lab_item:nth-child(3) .hexagon-in2:hover {
    -webkit-box-shadow: inset 0 0 0 0px #f39c12;
    box-shadow: inset 0 0 0 0px #f39c12;
}

.lab_item:nth-child(4) .hexagon-in2:hover {
    -webkit-box-shadow: inset 0 0 0 0px #605ca8;
    box-shadow: inset 0 0 0 0px #605ca8;
}

.lab_item:nth-child(5) .hexagon-in2:hover {
    -webkit-box-shadow: inset 0 0 0 0px #d81b60;
    box-shadow: inset 0 0 0 0px #d81b60;
}

.lab_item:nth-child(1) .hexagon-in2:hover .mBox span {
    color: #00c0ef;
}

.lab_item:nth-child(2) .hexagon-in2:hover .mBox span {
    color: #00a65a;
}

.lab_item:nth-child(3) .hexagon-in2:hover .mBox span {
    color: #f39c12;
}

.lab_item:nth-child(4) .hexagon-in2:hover .mBox span {
    color: #605ca8;
}

.lab_item:nth-child(5) .hexagon-in2:hover .mBox span {
    color: #d81b60;
}

#lab article {
    padding-top: 1em;
    padding-bottom: 4em;
    width: 750px;
    margin: 0 auto;
    text-align: center;
}

.mBox {
    width: 100px;
    height: 100px;
    display: table-cell;
    vertical-align: middle;
    text-decoration: none;
    line-height: 1.3;
    padding: 0 15px;
}

    .mBox:hover {
        text-decoration: none;
    }

    .mBox span {
        display: block;
        position: relative;
        z-index: 2;
        color: #fff;
        transition: all ease-in-out 300ms;
        font-size: 16px;
    }

        .mBox span.num {
            font-size: 40px;
        }

    .mBox:hover span {
        font-size: 18px;
    }

        .mBox:hover span.num {
            font-size: 50px;
        }

.error {
    color: #ff3333;
    font-size: 11px;
    /* word-spacing: 0.5px; */
    letter-spacing: 0.5px;
}

.btn-file {
    position: relative;
    overflow: hidden;
}

    .btn-file input[type=file] {
        position: absolute;
        top: 0;
        right: 0;
        min-width: 100%;
        min-height: 100%;
        font-size: 100px;
        text-align: right;
        filter: alpha(opacity=0);
        opacity: 0;
        outline: none;
        background: white;
        cursor: inherit;
        display: block;
    }

label.required::before {
    color: #f00;
    content: "|";
    font-weight: bold;
}

label.required2::after {
    color: #000080;
    content: "|";
    font-weight: bold;
}

.labelbold {
    font-weight: bold !important;
}

.link {
    color: rgb(0, 102, 102);
    cursor: pointer;
}



/****************Added by rushikesh*******************/





.btn-primary {
    background: #ffa300;
    border: 1px solid #ffa300;
    color: #fff;
}

.btn {
    display: inline-block;
    padding: 10px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    /*border: 1px solid transparent;*/
    /*border-radius: 12px 0px 12px 0px;*/
    border-radius: 6px;
    -webkit-transition: all 0.35s ease;
    -o-transition: all 0.35s ease;
    transition: all 0.35s ease;
}


.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover {
    background: #01214e;
    border: 1px solid #01214e;
    color: #fff;
}

.btn-primary:hover {
    background: #01214e;
    border: 1px solid #01214e;
    color: #fff;
    /*-webkit-transition:background-color 300ms ease-out;
    -moz-transition:background-color 300ms ease-out;
    transition:background-color 300ms ease-out;*/
}

.form-control {
    display: block;
    width: 100%;
    letter-spacing: 0.4px;
    height: 40px;
    padding: 8px 12px;
    font-size: 14px;
    background: none;
    line-height: 1.42857143;
    color: #4b4e53;
    background-color: #fff;
    background-image: none;
    border: 1px solid;
    border-radius: 6px;
    /*border-width: 0px 0px 1px 0px;*/
    box-shadow: none;
}


input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    background-color: #00c0ef !important;
    background-image: none !important;
    color: rgb(0, 0, 0) !important;
    border-color: #bfd0e7;
}


.focus.btn-primary, .btn-primary:focus {
    color: #fff;
    background-color: #01214e;
    border-color: #01214e;
}