body {
    margin: 0px;
    padding: 0px;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 100%;
}

.topBlock {
    padding: 0px;
}

.nav1 {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    background-color: #182549;
    border: 1px solid #182549;
    padding-left: 40px;
    padding-right: 40px;
}

    .nav1 > div {
        flex: 1;
        text-align: center;
        border-left: 1px solid #fff;
        padding: 8px 0px 8px 0px;
        line-height: 18px;
    }

        .nav1 > div:last-child {
            border-right: 1px solid #fff;
        }
    .nav1 a:hover {
        color: #fff;
    }

.nav1_focus {
    background-color: #F0F0F0;
}

    .nav1_focus a, .nav1_focus a:hover {
        color: #0e4a77;
    }

    .nav1_focus span {
        color: #0e4a77;
    }

.navbar-toggler {
    /*border: 1px solid red;*/
    padding: 5px;
    margin: 0px;
}

.navbar-brand {
    /*border: 1px solid red;*/
}

.myToggle {
    border-top: 1px solid #dedede;
    /*border-bottom:1px solid #dedede;*/
}

    .myToggle::after {
        content: initial;
    }

    .myToggle + .dropdown-menu {
        border: 0px;
        border-top: 1px solid #dedede;
        background-color: inherit;
        padding-left: 10px;
        border-radius: initial;
    }

.demo1 {
    background: rgba(255,255,255,0.8);
}

.lFloat {
    float: left;
    box-sizing: border-box;
}

.rFloat {
    float: right;
    box-sizing: border-box;
}

.clearFloat {
    clear: both;
}

.txtBox {
    border-radius: 6px;
    border: 1px solid #808080;
    font-size: 14px;
    line-height: 26px;
}

.btnBox {
    background-color: #E9E9E9;
    color: #333;
    border-radius: 5px;
    font-size: 14px;
    font-weight: bold;
    border: 1px solid #e9e9e9;
    padding: 5px 10px 5px 10px;
}

/* top  banner*/
.topBlock, .footer {
    width: 100%;
    background-color: #f8f8f8;
    padding: 5px;
}

.logoBlock {
    padding: 0px;
    width: 70%;
    text-align: center;
}

.logo {
    width: 95%;
}

.searchBlock {
    width: 30%;
    /*
        border: 1px solid red;
            display: flex;
            align-items: center;*/
}

.SearchTable {
    width: 90%;
    margin: auto;
    /*border: 1px solid blue;*/
}

.txtBox {
    border: 0px;
    width: 100%;
    height: 30px;
}

.footer {
    text-align: center;
    margin-top: 5px;
    padding: 15px;
}


/* sub Menu CSS*/

.nav2 {
    background-color: #D8D8D8;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    padding: 1px 40px 1px 40px;
}

.cell {
    flex-grow: 1;
    padding: 7px 0px 7px 0px;
    border-left: 1px solid #333;
    text-align: center;
}

    .cell a {
        text-decoration: none;
    }

.nav2 > .cell:last-child {
    border-right: 1px solid #333;
}

.nav2_focus {
    background-color: #25AC38;
}

    .nav2_focus span {
        color: #ffffff;
    }

.font8-grey-333 {
    display: inline-block;
    -webkit-transform: scale(0.9)
}

.font8-grey-999 {
    display: inline-block;
    -webkit-transform: scale(0.9)
}

.subTable {
    width: 100%;
    border-bottom: 1px solid #D8D8D8;
}

    .subTable td {
        padding-top: 1px;
    }

    .subTable a {
        text-decoration: none;
    }
/*********/

.con {
    padding-left: 50px;
    width: 80%;
    margin-top: 10px;
    margin-bottom: 30px;
}

.con1 {
    border-radius: 5px;
    padding: 15px 20px 15px 20px;
}

@media (max-width: 576px) {
    .logo {
        width: 100%;
    }

    .logoBlock {
        width: 100%;
        float: none;
    }

    .searchBlock {
        display: none;
    }

    .navbar2 {
        background-color: #f8f8f8;
        padding: 0px 8px 5px 18px;
    }

    .navbar {
        padding: 0px;
        padding-top: 5px;
    }

    .nav1, .nav2 {
        display: none;
    }
    .con {
        padding: 10px;
        width: 95%;
        margin: auto;
        margin-top: 5px;
    }

    .con1 {
        padding: 15px 15px 0px 15px;
    }
}