@charset "utf-8";

@import url("fontawesome-4.2.0.min.css");
@import url("framework.css");


/* Rows
--------------------------------------------------------------------------------------------------------------- */
.row0, .row0 a {
}

.row1, .row1 a {
}

.row2, .row2 a {
}

.row3, .row3 a {
}

.row4, .row4 a {
}

.row5, .row5 a {
}


/* Top Bar
--------------------------------------------------------------------------------------------------------------- */
#topbar {
    padding: 2px 0 0 0;
    text-align: right;
}
    /* font-size:.8em; */

    #topbar li {
        display: inline;
        margin-right: 3px;
        padding-right: 8px;
        border-right: 1px solid;
    }

        #topbar li:last-child {
            margin-right: 0;
            padding-right: 0;
            border: none;
        }

/*  New header
        ------------------------------------------------------------------------------------------------------------*/
/*Maintenance message*/
.clear {
    clear: both;
}

.maintenance-msg {
    display: none;
    position: relative;
}
/*.maintenance-msg.hide {
    display: none;
}*/

/*.maintenance-toggle.hide {
    display: none;
}*/
.maintenance-toggle-wrapper {
    display: none;
}

    .maintenance-toggle-wrapper.active {
        display: block;
        box-sizing: border-box;
        background-color: #333333;
        position: relative;
        float: right;
        right: 2%;
        top: 0;
        width: 32px;
        height: 29px;
        /*padding: 3px 0 0 4px;*/
        text-align: center;
    }

.maintenance-toggle {
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #ffffff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    z-index: 9000;
    width: 21px;
    height: 21px;
    border-radius: 50%;
    font-weight: 900;
    font-size: 10px;
    color: #ffffff;
    text-align: center;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

.maintenance-msg {
    background-color: #333333;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    z-index: 9000;
    text-align: left;
    box-sizing: border-box;
    color: white;
    padding: 35px 170px 30px 170px;
}


    .maintenance-msg .loadingSpinner {
        position: absolute;
        top: 30%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        border: 5px solid #f3f3f3; /* Light grey */
        border-top: 5px solid #bcbcbc; /* Dark grey */
        border-radius: 50%;
        width: 25px;
        height: 25px;
        animation: spin 2s linear infinite;
    }

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}


.maintenance-msg a {
    color: #ffffff;
    border-bottom: 1px solid #ffffff;
    transition: all 0.25s;
}

    .maintenance-msg a:hover {
        padding-bottom: 3px;
    }

.maintenance-msg .maintenance-msg-txt {
    text-align: center;
    font-size: 14px;
    color: #ffffff;
    position: relative;
    width: auto;
    height: auto;
    line-height: 150%;
    margin: 0 10%;
    padding: 20px;
    vertical-align: middle;
}

.maintenance-msg .maintenance-msg-close-btn {
    position: absolute;
    top: 25%;
    right: 1%;
    width: auto;
    font-size: 40px;
    color: #ffffff;
    cursor: pointer;
}


/*color codes*/

/* end */

/*generic head*/
.top {
    position: relative;
    z-index: 2;
    box-shadow: 5px 5px 5px #aaaaaa;
}

    .top .top-cnt {
        max-width: 1440px;
        margin: auto;
    }

    .top .top-wrap {
        position: relative;
    }

    /*sg gov row*/
    .top .sg-gov-cred-cnt {
        background-color: #f0f0f0;
        font-size: 81.25%;
        position: relative;
    }

        .top .sg-gov-cred-cnt .top-cnt {
            padding: 0 15px;
        }

        .top .sg-gov-cred-cnt img {
            border: none;
            display: inline-block;
            vertical-align: middle;
            margin-right: 5px;
            max-height: 17px;
        }

        .top .sg-gov-cred-cnt .sg-gov-cred {
            display: inline-block;
            vertical-align: middle;
            padding: 5px 0px;
        }

            .top .sg-gov-cred-cnt .sg-gov-cred a {
                color: #363636;
            }

                .top .sg-gov-cred-cnt .sg-gov-cred a:hover {
                    color: #000;
                }

    /*meta*/
    .top .top-meta-cnt {
        background-color: #fff;
    }

        .top .top-meta-cnt .top-cnt {
            position: relative;
        }

    .top .top-meta {
        padding: 5px 15px 5px;
    }

        .top .top-meta .logo {
            max-width: 100%;
            position: relative;
            z-index: 1;
        }

            .top .top-meta .logo a {
                display: inline-block;
            }

            .top .top-meta .logo img {
                width: 300px;
                border: none;
            }

        /* for switching display of the header search 	*/
        .top .top-meta .feedback {
            /*position: absolute;*/
            right: 65px;
            top: 25px;
            padding: 7px 7px 7px 0px;
            z-index: 1;
        }

            /* .top .top-meta .feedback:after {
                content: "";
                height: 28px;
                margin-left: 8px;
                width: 1px;
                background-color: #bcbcbc;
                border-right: 1px solid #dadada;
                display: inline-block;
                vertical-align: middle;
            }*/

            /* .top .top-meta .feedback { position: absolute; right: 28px; top: 13px; padding: 7px 7px 7px 0px; z-index: 1; } */
            /* .top .top-meta .feedback:after { content: none; } */
            /*end*/

            .top .top-meta .feedback a {
                background-size: 33px;
                color: #363636;
                padding: 10px 0px 7px 40px;
                font-weight: 600;
                /* background-image: url(/images/feedback-icon.png);*/
                background-image: url(../images/feedback-icon.png);
                background-position: center left;
                background-repeat: no-repeat;
                vertical-align: middle;
                text-transform: capitalize;
            }

        .top .top-meta .Logout a {
            background-size: 25px;
            color: #363636;
            padding: 7px 0px 7px 35px;
            font-weight: 600;
            background-image: url(../images/Logout.png);
            background-position: center left;
            background-repeat: no-repeat;
            vertical-align: middle;
            text-transform: capitalize;
        }

@font-face {
    font-family: customLatoFont;
    src: url(../App_Themes/Lato-light.ttf);
}

/*menu*/
.top .top-menu-cnt {
    position: relative;
}

    .top .top-menu-cnt:before {
        content: "";
        background-color: #f3f3f3;
        display: block;
        position: absolute;
        width: 50%;
        left: 0;
        top: 0;
        bottom: 0;
        z-index: -1;
    }

    .top .top-menu-cnt:after {
        content: "";
        background-color: #ed3d33;
        display: block;
        position: absolute;
        width: 50%;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: -1;
    }

.top .top-menu {
    padding: 0 7px;
}

    .top .top-menu .top-search {
        min-height: 76px;
        position: absolute;
        right: 0;
        top: -76px;
        left: 0;
        max-width: 1440px;
        margin: auto;
        width: 100%;
    }

        .top .top-menu .top-search.active {
            z-index: 1;
            pointer-events: none;
        }

        /* for switching display of the header search*/
        .top .top-menu .top-search .menuSearch {
            min-height: 76px;
            pointer-events: all;
            padding: 20px 50px 20px 30px;
            text-align: right;
            width: 48%;
            margin-left: auto;
            overflow: hidden;
        }

    /* .top .top-menu .top-search .menuSearch {display:none; } */
    /*end*/

    .top .top-menu .menuSearch button.btnSearch {
        cursor: pointer;
        outline: none;
        position: absolute;
        background: none;
        padding: 0;
        vertical-align: middle;
        font-size: 7px;
        display: inline-block;
        box-sizing: content-box;
        width: 27px;
        height: 27px;
        border: 0px none;
        right: 30px;
        top: 32%;
        top: calc(50% - (25px / 2));
    }

        .top .top-menu .menuSearch button.btnSearch:before {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            display: inline-block;
            border: 3px solid #363636;
            border-radius: 25px;
            width: 15px;
            height: 15px;
            transition: all 0.25s;
        }

        .top .top-menu .menuSearch button.btnSearch:after {
            content: "";
            position: absolute;
            right: 5px;
            bottom: 0;
            display: inline-block;
            border-radius: 25px;
            border-width: 0;
            background: #363636;
            width: 3px;
            height: 11px;
            transform: rotate(135deg);
            transition: all 0.25s;
        }

        .top .top-menu .menuSearch button.btnSearch.active:before {
            transform: rotate(45deg);
            background-color: #363636;
            border-width: 0px;
            width: 3px;
            height: 35px;
            left: 12px;
            top: -4px;
            transition: all 0.25s;
        }

        .top .top-menu .menuSearch button.btnSearch.active:after {
            right: 12px;
            bottom: -4px;
            height: 35px;
            transition: all 0.25s;
        }

    .top .top-menu .menuSearch button.btnGoSrc {
        opacity: 0;
        outline: none;
        background: none;
        position: absolute;
        padding: 0;
        font-size: 0;
        display: inline-block;
        box-sizing: content-box;
        width: 27px;
        height: 27px;
        border: 0px none;
        right: 75px;
        top: 32%;
        top: calc(50% - (25px / 2));
        cursor: pointer;
    }

        .top .top-menu .menuSearch button.btnGoSrc.active {
            opacity: 1;
            transition: opacity 0.25s;
        }

        .top .top-menu .menuSearch button.btnGoSrc:before {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            display: inline-block;
            border: 3px solid #363636;
            border-radius: 25px;
            width: 15px;
            height: 15px;
            transition: all 0.25s;
        }

        .top .top-menu .menuSearch button.btnGoSrc:after {
            content: "";
            position: absolute;
            right: 5px;
            bottom: -1px;
            display: inline-block;
            border-radius: 25px;
            border-width: 0;
            background: #363636;
            width: 3px;
            height: 14px;
            transform: rotate(135deg);
            transition: all 0.25s;
        }

    .top .top-menu .menuSearch input#srcMenu {
        min-height: 76px;
        opacity: 0;
        visibility: hidden;
        width: 100%;
        transition: all 0.25s;
        font-weight: 400;
        font-family: "Lato", sans-serif;
        font-size: 16px;
        border: 0px none;
        background-color: #fafafa;
        padding: 25px 15px 25px;
        outline: none;
        line-height: 140%;
    }

        .top .top-menu .menuSearch input#srcMenu.active {
            visibility: visible;
            opacity: 1;
        }

        .top .top-menu .menuSearch input#srcMenu:focus,
        .top .top-menu .menuSearch input#srcMenu:hover {
            background-color: #f0f0f0;
            transition: all 0.25s;
        }
        /*search placeholder text*/
        .top .top-menu .menuSearch input#srcMenu::-webkit-input-placeholder,
        .top .top-menu .menuSearch input#srcMenu::-moz-placeholder,
        .top .top-menu .menuSearch input#srcMenu:-ms-input-placeholder,
        .top .top-menu .menuSearch input#srcMenu:-moz-placeholder {
            color: #6e6e6e;
        }
        /*search focus cross*/
        .top .top-menu .menuSearch input#srcMenu::-ms-clear,
        .top .top-menu .menuSearch input#srcMenu::-ms-reveal,
        .top .top-menu .menuSearch input#srcMenu::-webkit-search-decoration,
        .top .top-menu .menuSearch input#srcMenu::-webkit-search-cancel-button,
        .top .top-menu .menuSearch input#srcMenu::-webkit-search-results-button,
        .top .top-menu .menuSearch input#srcMenu::-webkit-search-results-decoration {
            display: none;
            width: 0;
            height: 0;
        }

    .top .top-menu .smallMenuIcon {
        display: none;
    }

    .top .top-menu .wpSmallMenuM1 {
        display: none;
    }

    .top .top-menu .menu-cnt {
    }

    .top .top-menu .menu-wrap {
        text-align: center;
    }

        .top .top-menu .menu-wrap.menu-combo {
            overflow: hidden;
        }

        .top .top-menu .menu-wrap:first-child {
            text-align: left;
            float: left;
        }

    .top .top-menu .navm1 {
        background-color: #f3f3f3;
    }

    .top .top-menu .navm2 {
        background-color: #0072ca;
        overflow: hidden;
        text-align: left;
    }

    .top .top-menu .navm3 {
        background-color: #ed3d33;
        float: right;
    }

    .top .top-menu a {
        color: #fff;
        padding: 15px 0;
    }

    .top .top-menu .navm1 a {
        color: #363636
    }

    .top .top-menu .navm1 ul.sfNavList {
    }

    .top .top-menu ul.sfNavList {
        font-size: 0;
    }

        .top .top-menu ul.sfNavList > li {
            font-size: 16px;
            display: inline-block;
            font-weight: 300;
        }

            .top .top-menu ul.sfNavList > li:last-child {
                margin-right: 0px;
            }

            .top .top-menu ul.sfNavList > li > a {
                padding: 16px 25px 12px;
                display: inline-block;
                border-bottom: 5px solid transparent;
                font-weight: 400;
                transition: border 0.25s, padding 0.25s, color 0.25s;
            }

            .top .top-menu ul.sfNavList > li:hover > a {
                border-bottom: 5px solid #fff;
                transition: border 0.25s, padding 0.25s, color 0.25s;
            }

    /*top social*/
    .top .top-menu .navm2 .sfNavWrp {
        overflow: hidden;
    }

    .top .top-menu .navm2 .social {
        float: right;
        margin-right: 25px;
        font-size: 0;
        min-width: 180px;
    }

        .top .top-menu .navm2 .social a {
            display: inline-block;
            padding: 8px 0;
            margin: 0;
            vertical-align: top;
            transition: filter 0.25s;
            margin-left: 5%;
            padding: 12px 0 13px;
        }

            .top .top-menu .navm2 .social a:first-child {
                margin-left: 0;
            }

            .top .top-menu .navm2 .social a:hover {
                -webkit-filter: grayscale(1);
                filter: grayscale(1);
                transition: filter 0.25s;
            }

        .top .top-menu .navm2 .social img {
            max-width: 28px;
        }
    /**/


    .top .top-menu .navm2 > .sfNavWrp > ul > li:last-child {
        background-image: url("../image/buildsg-white.png");
        background-size: 82px;
        background-position: left 9px center;
        background-repeat: no-repeat;
    }

        .top .top-menu .navm2 > .sfNavWrp > ul > li:last-child > a {
            color: transparent;
            width: 100px;
        }

        .top .top-menu .navm2 > .sfNavWrp > ul > li:last-child:hover > a {
        }

    .top .top-menu .navm1 > .sfNavWrp > ul > li:last-child {
        background-color: #d7d7d7;
    }

        .top .top-menu .navm1 > .sfNavWrp > ul > li:last-child > a {
            background-color: #d7d7d7;
        }

    .top .top-menu .navm1 > .sfNavWrp > ul > li:first-child > a {
        padding: 16px 35px 12px 9px;
    }
    /**
.top .top-menu .navm1 > .sfNavWrp > ul > li:first-child { background-image: url("../image/build-sg.png"); background-size: 82px;background-position: left 9px center; background-repeat: no-repeat; }
.top .top-menu .navm1 > .sfNavWrp > ul > li:first-child > a { padding: 16px 60px 12px 9px; color: transparent; }
.top .top-menu .navm1 > .sfNavWrp > ul > li:first-child:hover > a { }**/
    .top .top-menu .navm1 > .sfNavWrp > ul > li {
        text-align: center;
    }

        .top .top-menu .navm1 > .sfNavWrp > ul > li > a {
            background-size: 8px 5px;
            padding: 16px 35px 12px 25px;
            border-bottom: 5px solid transparent;
            background-image: url(../image/menu-arrow.png);
            background-position: right 15px top 25px;
            background-repeat: no-repeat;
        }

        .top .top-menu .navm1 > .sfNavWrp > ul > li:hover > a {
            border-bottom: 5px solid #0072ca;
        }
        /*Highlight parent in blue*/
        .top .top-menu .navm1 > .sfNavWrp > ul > li > a.sfSel {
            border-bottom: 5px solid #0072ca;
            font-weight: normal;
        }


    .top .top-menu .myBCA ul.sfNavList > li > a {
        /* padding: 16px 25px 12px 75px;  */
        /* background-image: url(../image/access-icon.png);  */
        /* background-position: left 25px top 65%;  */
        /* background-repeat: no-repeat;  */
        font-weight: 400;
        /* background-size: 35px; */
    }

    .top .top-menu .myBCA ul.sfNavList > li:hover > a {
    }

    .top .top-menu ul.sfNavList .mega-cnt {
        transition: top 0s 0.3s;
        background-color: #fff;
        position: absolute;
        left: 0;
        top: -2999px;
        right: 0;
        z-index: -2;
    }

    .top .top-menu ul.sfNavList > li:hover > .mega-cnt {
        top: 50px;
        transition: all 0.5s;
    }

    .top .top-menu ul.sfNavList .mega-cnt .mega {
        max-width: 1440px;
        margin: auto;
        padding: 45px 15px;
    }

    .top .top-menu ul.sfNavList .mega-cnt .mega-desc {
        text-align: left;
        width: 55%;
        display: inline-block;
        margin-right: -4px;
        vertical-align: top;
        padding-right: 15%;
        line-height: 175%;
    }

    .top .top-menu ul.sfNavList .mega-cnt .mega-menu-cnt {
        width: 45%;
        display: inline-block;
        vertical-align: top;
        padding-left: 65px;
    }

    .top .top-menu ul.sfNavList ul.mega-menu {
        display: block;
        position: static;
        max-width: none;
    }

        .top .top-menu ul.sfNavList ul.mega-menu li {
            margin-top: 6px;
        }

            .top .top-menu ul.sfNavList ul.mega-menu li:first-child {
                margin-top: 0px;
            }

    .top .top-menu ul.sfNavList .mega-cnt a {
        padding: 7px 5px 7px 30px;
        display: inline-block;
        color: #363636;
        background-image: url("../image/mega-bullet.png");
        background-repeat: no-repeat;
        background-position: left top 14px;
    }

        .top .top-menu ul.sfNavList .mega-cnt a:hover {
            background-position: left 7px top 14px;
        }

    .top .top-menu ul.sfNavList .mega-cnt ul {
        list-style: none;
    }

    .top .top-menu ul.sfNavList .mega-cnt h2 {
        margin: 0 0 35px;
        color: #0072ca;
    }

    .top .top-menu ul.sfNavList ul {
        background: #fff;
        list-style: none;
        text-align: left;
        position: absolute;
        padding: 7px 0;
        top: -2999px;
        z-index: -2;
    }

    .top .top-menu ul.sfNavList > li:hover > ul {
        top: 50px;
        transition: all 0.5s;
    }

    .top .top-menu ul.sfNavList ul li a {
        color: #363636;
        display: block;
        padding: 15px 25px;
        font-size: 112.5%;
        transition: background-color 0.25s;
    }

    .top .top-menu ul.sfNavList ul li:hover a {
        background-color: #f7f7f7;
        transition: background-color 0.25s;
    }

    .top .top-menu ul.sfNavList .mega ul li:hover a {
        background-color: transparent;
        transition: background-position 0.25s;
    }


/*for scaling 140% and above*/
/* @media (-webkit-min-device-pixel-ratio: 1.1) { */
/* .top .sg-gov-cred-cnt .top-cnt { padding: 0 7px; } */
/* .top .sg-gov-cred-cnt img { margin-right: 4px; max-height: 14px; } */
/* .top .sg-gov-cred-cnt .sg-gov-cred { padding: 4px 0px; } */

/* .top .top-meta { padding: 4px 7px 4px; } */
/* .top .top-meta .logo img { width: 200px; } */
/* .top .top-meta .feedback { right: 44px; top: 10px; padding: 5px 5px 5px 0px; } */
/* .top .top-meta .feedback a { background-size: 22px; padding: 7px 0px 7px 27px; } */
/* .top .top-meta .feedback:after { height: 24px; margin-left: 7px; } */

/* .top .top-menu { padding: 0 7px; } */
/* .top .top-menu .top-search {top: -52px; min-height: 0; } */
/* .top .top-menu .top-search .menuSearch { padding: 0 7px; min-height: 52px; } */
/* .top .top-menu .menuSearch button.btnSearch { font-size: 7px; width: 18px; height: 18px; right: 20px; top: 38%; top: calc(50% - (13px / 2)); } */
/* .top .top-menu .menuSearch button.btnSearch:before { border: 2px solid #363636; width: 7px; height: 7px; } */
/* .top .top-menu .menuSearch button.btnSearch:after { right: 6px; bottom: 3px; width: 2px; height: 7px; } */
/* .top .top-menu .menuSearch button.btnSearch.active:before { width: 2px; height: 24px; left: 8px; } */
/* .top .top-menu .menuSearch button.btnSearch.active:after { right: 8px; bottom: -2px; height: 24px; } */
/* .top .top-menu .menuSearch input#srcMenu { min-height: 0; font-size: 11px; padding: 19px 30px 18px; } */

/* .top .top-menu a { padding: 10px 0; } */
/* .top .top-menu ul.sfNavList > li { font-size: 11px; } */
/* .top .top-menu ul.sfNavList > li > a { padding: 10px 17px 10px; border-bottom: 2px solid transparent;} */
/* .top .top-menu ul.sfNavList > li:hover > a { border-bottom: 2px solid #fff; } */
/* .top .top-menu .navm1 > .sfNavWrp > ul > li:first-child { background-position: left 6px center; background-size: 55px; } */
/* .top .top-menu .navm1 > .sfNavWrp > ul > li:first-child > a { padding: 11px 45px 9px 6px; } */
/* .top .top-menu .navm1 > .sfNavWrp > ul > li > a { background-size: 6px 4px; padding: 11px 38px 9px 17px; border-bottom: 2px solid transparent; background-position: right 17px top 15px; } */
/* .top .top-menu .navm1 > .sfNavWrp > ul > li:hover > a { border-bottom: 2px solid #0072ca; } */
/* .top .top-menu .myBCA ul.sfNavList > li > a { padding: 11px 17px 8px 50px; background-position: left 17px top 65%; background-size: 18px 17px; } */
/* .top .top-menu .navm1 > .sfNavWrp > ul > li > a.sfSel { border-bottom: 2px solid #0072ca; font-weight: normal; } */
/* .top .top-menu ul.sfNavList .mega-cnt { top: -2000px; } */
/* .top .top-menu ul.sfNavList > li:hover > .mega-cnt { top: 34px; } */
/* .top .top-menu ul.sfNavList .mega-cnt .mega { padding: 30px 7px; } */
/* .top .top-menu ul.sfNavList .mega-cnt .mega-menu-cnt { padding-left: 44px; } */
/* .top .top-menu ul.sfNavList ul.mega-menu li { margin-top: 4px; } */
/* .top .top-menu ul.sfNavList .mega-cnt a { background-size: 4px auto; padding: 7px 4px 7px 20px; background-position: left top 11px; } */
/* .top .top-menu ul.sfNavList .mega-cnt a:hover { background-position: left 7px top 11px; } */
/* .top .top-menu ul.sfNavList .mega-cnt h2 { margin: 0 0 24px; } */
/* .top .top-menu ul.sfNavList ul {  padding: 5px 0; } */
/* .top .top-menu ul.sfNavList > li:hover > ul { top: 35px; } */
/* .top .top-menu ul.sfNavList ul li a {  padding: 10px 17px; } */
/* .top .top-menu .social img { max-height: 24px; } */
/* .top .top-menu .navm2 .social a { padding: 6px 0 5px; } */
/* } */

/* @media (-webkit-min-device-pixel-ratio: 2) { */
/* .top .sg-gov-cred-cnt .top-cnt { padding: 0 5px; } */
/* .top .sg-gov-cred-cnt img { margin-right: 3px; max-height: 10px; } */
/* .top .sg-gov-cred-cnt .sg-gov-cred { padding: 3px 0px; } */

/* .top .top-meta { padding: 3px 5px 3px; } */
/* .top .top-meta .logo img { width: 150px; } */
/* .top .top-meta .feedback { right: 33px; top: 8px; padding: 4px 4px 4px 0px; } */
/* .top .top-meta .feedback a { background-size: 17px; padding: 4px 0px 4px 20px; } */
/* .top .top-meta .feedback:after { height: 18px; margin-left: 5px;  border-right: 0px none;  } */

/* .top .top-menu { padding: 0 5px; } */
/* .top .top-menu .top-search { top: -39px; min-height: 0; } */
/* .top .top-menu .top-search .menuSearch { padding: 0 5px; min-height: 39px; } */
/* .top .top-menu .menuSearch button.btnSearch { font-size: 5px; width: 14px; height: 14px; right: 15px; top: 38%; top: calc(50% - (10px / 2)); } */
/* .top .top-menu .menuSearch button.btnSearch:before { border: 1px solid #363636; width: 8px; height: 8px; } */
/* .top .top-menu .menuSearch button.btnSearch:after { right: 4px; bottom: 0px; width: 1px; height: 6px; } */
/* .top .top-menu .menuSearch button.btnSearch.active:before { width: 1px; height: 18px; left: 7px; top: -2px; } */
/* .top .top-menu .menuSearch button.btnSearch.active:after { right: 6px; bottom: -2px; height: 18px; } */
/* .top .top-menu .menuSearch input#srcMenu { min-height: 0; font-size: 8px; padding: 14px 22px 14px; } */

/* .top .top-menu a { padding: 7px 0; } */
/* .top .top-menu ul.sfNavList > li { font-size: 8px; } */
/* .top .top-menu ul.sfNavList > li > a { padding: 8px 12px 7px; border-bottom: 1px solid transparent; } */
/* .top .top-menu ul.sfNavList > li:hover > a { border-bottom: 1px solid #fff; } */
/* .top .top-menu .navm1 > .sfNavWrp > ul > li:first-child { background-position: left 5px center; background-size: 41px; } */
/* .top .top-menu .navm1 > .sfNavWrp > ul > li:first-child > a { padding: 8px 30px 7px 15px; } */
/* .top .top-menu .navm1 > .sfNavWrp > ul > li > a { background-size: 5px 3px; border-bottom: 1px solid transparent; padding: 8px 29px 7px 13px; background-position: right 17px top 12px; } */
/* .top .top-menu .myBCA ul.sfNavList > li > a { padding: 8px 12px 6px 37.5px; background-position: left 13px top 65%; } */
/* .top .top-menu .navm1 > .sfNavWrp > ul > li:hover > a { border-bottom:1px solid #0072ca; } */
/* .top .top-menu .navm1 > .sfNavWrp > ul > li > a.sfSel { border-bottom: 1px solid #0072ca ;} */
/* .top .top-menu ul.sfNavList .mega-cnt { top: -2000px; } */
/* .top .top-menu ul.sfNavList > li:hover > .mega-cnt { top: 25px; } */
/* .top .top-menu ul.sfNavList .mega-cnt .mega { padding: 23px 5px; } */
/* .top .top-menu ul.sfNavList .mega-cnt .mega-menu-cnt { padding-left: 33px; } */
/* .top .top-menu ul.sfNavList ul.mega-menu li { margin-top: 3px; } */
/* .top .top-menu ul.sfNavList .mega-cnt a { background-size: 3px auto; padding: 5px 3px 5px 15px; background-position: left top 9px; } */
/* .top .top-menu ul.sfNavList .mega-cnt a:hover { background-position: left 5px top 9px; } */
/* .top .top-menu ul.sfNavList .mega-cnt h2 { margin: 0 0 18px; } */
/* .top .top-menu ul.sfNavList ul { padding: 5px 0; } */
/* .top .top-menu ul.sfNavList > li:hover > ul { top: 26px; } */
/* .top .top-menu ul.sfNavList ul li a { padding: 8px 13px; } */
/* .top .top-menu .social img { max-height: 18px; } */
/* .top .top-menu .navm2 .social a { padding: 4px 0 4px; } */

/* } */
/* @media (-webkit-min-device-pixel-ratio: 2.5) { */
/* .top .sg-gov-cred-cnt .top-cnt { padding: 0 4px; } */
/* .top .sg-gov-cred-cnt img { margin-right: 2px; max-height: 8px; } */
/* .top .sg-gov-cred-cnt .sg-gov-cred { padding: 2px 0px; } */

/* .top .top-meta { padding: 2px 4px 2px; } */
/* .top .top-meta .logo img { width: 120px; } */
/* .top .top-meta .feedback { right: 26px; top: 6px; padding: 3px 3px 3px 0px; } */
/* .top .top-meta .feedback a { background-size: 14px; padding: 3px 0px 3px 16px; } */
/* .top .top-meta .feedback:after { height: 14px; margin-left: 4px; } */

/* .top .top-menu { padding: 0 4px; } */
/* .top .top-menu .top-search { top: -31px; min-height: 0; } */
/* .top .top-menu .top-search .menuSearch { padding: 0 4px; min-height: 31px; } */
/* .top .top-menu .menuSearch button.btnSearch { font-size: 4px; width: 11px; height: 11px; right: 12px; top: 38%; top: calc(50% - (8px / 2)); } */
/* .top .top-menu .menuSearch button.btnSearch:before { border: 1px solid #363636; width: 6px; height: 6px; } */
/* .top .top-menu .menuSearch button.btnSearch:after { right: 3px; bottom: 0px; width: 1px; height: 5px; } */
/* .top .top-menu .menuSearch button.btnSearch.active:before { width: 1px; height: 14px; left: 5px; top: -2px; } */
/* .top .top-menu .menuSearch button.btnSearch.active:after { right: 5px; bottom: -1px; height: 14px; } */
/* .top .top-menu .menuSearch input#srcMenu { min-height: 0; font-size: 6px; padding: 11px 18px 11px; } */

/* .top .top-menu a { padding: 6px 0; } */
/* .top .top-menu ul.sfNavList > li { font-size: 6px; } */
/* .top .top-menu ul.sfNavList > li > a { padding: 6px 9px 5px; } */
/* .top .top-menu ul.sfNavList > li:hover > a {  } */
/* .top .top-menu .navm1 > .sfNavWrp > ul > li:first-child { background-position: left 4px center; background-size: 26px; } */
/* .top .top-menu .navm1 > .sfNavWrp > ul > li:first-child > a { padding: 6px 27px 6px 4px; } */
/* .top .top-menu .navm1 > .sfNavWrp > ul > li > a { background-size: 4px 2px; padding: 6px 22px 5px 10px; background-position: right 10px top 9px; } */
/* .top .top-menu .myBCA ul.sfNavList > li > a { padding: 5px 10px 5px 30px; background-position: left 10px top 65%; background-size: 11px 10px; } */
/* .top .top-menu ul.sfNavList .mega-cnt { top: -2000px; } */
/* .top .top-menu ul.sfNavList > li:hover > .mega-cnt { top: 20px; } */
/* .top .top-menu ul.sfNavList .mega-cnt .mega { padding: 18px 4px; } */
/* .top .top-menu ul.sfNavList .mega-cnt .mega-menu-cnt { padding-left: 26px; } */
/* .top .top-menu ul.sfNavList ul.mega-menu li { margin-top: 3px; } */
/* .top .top-menu ul.sfNavList .mega-cnt a { background-size: 2px auto; padding: 4px 2px 4px 12px; background-position:left top 7px; } */
/* .top .top-menu ul.sfNavList .mega-cnt a:hover { background-position: left 4px top 7px; } */
/* .top .top-menu ul.sfNavList .mega-cnt h2 { margin: 0 0 14px; } */
/* .top .top-menu ul.sfNavList ul { padding: 4px 0; } */
/* .top .top-menu ul.sfNavList > li:hover > ul { top: 19px; } */
/* .top .top-menu ul.sfNavList ul li a { padding: 6px 10px; } */
/* .top .top-menu .social img { max-height: 14px; } */
/* .top .top-menu .navm2 .social a { padding: 3px 0 2px; } */

/* } */
/* @media (-webkit-min-device-pixel-ratio: 3) {} */


/*screen up till 1440*/
@media screen and (max-width: 1440px) {

    .top .sg-gov-cred-cnt .top-cnt {
        padding: 0 40px;
    }

    .top .top-meta {
        padding: 5px 40px 5px;
    }

    .top .top-menu ul.sfNavList .mega-cnt .mega {
        padding: 45px 40px;
    }

    .top .top-menu .top-search .menuSearch {
        padding: 20px 50px 20px 30px;
    }

    .top .top-menu .menuSearch button.btnGoSrc {
        right: 105px;
    }

    .top .top-menu {
        padding: 0 35px;
    }

        .top .top-menu .menuSearch button.btnSearch {
            right: 60px;
        }

        .top .top-menu .navm1 > .sfNavWrp > ul > li:first-child {
            background-position: left 7px center;
        }

            .top .top-menu .navm1 > .sfNavWrp > ul > li:first-child > a {
                padding: 16px 67px 12px 7px;
            }

    /* for switching display of the header search 	*/
    .top .top-meta .feedback {
        right: 280px;
    }

    /* .top .top-meta .feedback { right: 55px; } */
    /*end*/


    /*for scaling 110% and above*/
    /* @media (-webkit-min-device-pixel-ratio: 1.1) { */
    /* .top .sg-gov-cred-cnt .top-cnt { padding: 0 27px; } */
    /* .top .top-meta { padding: 4px 25px 4px; } */
    /* .top .top-menu ul.sfNavList .mega-cnt .mega { padding: 30px 27px; } */
    /* .top .top-menu .top-search .menuSearch { padding: 0 27px; } */
    /* .top .top-menu { padding: 0 24px; } */
    /* .top .top-menu .menuSearch button.btnSearch { right: 40px; } */
    /* .top .top-meta .feedback { right: 64px; } */
    /* .top .top-menu .navm1 > .sfNavWrp > ul > li:first-child { background-position: left 5px center; } */
    /* .top .top-menu .navm1 > .sfNavWrp > ul > li:first-child > a { padding: 11px 45px 9px 5px; } */
    /* } */

    /* @media (-webkit-min-device-pixel-ratio: 2) { */
    /* .top .sg-gov-cred-cnt .top-cnt { padding: 0 20px; } */
    /* .top .top-meta { padding: 3px 18px 3px; } */
    /* .top .top-menu ul.sfNavList .mega-cnt .mega { padding: 23px 20px; } */
    /* .top .top-menu .top-search .menuSearch { padding: 0 20px; } */
    /* .top .top-menu { padding: 0 18px; } */
    /* .top .top-menu .menuSearch button.btnSearch { right: 30px; } */
    /* .top .top-meta .feedback { right: 48px; } */
    /* .top .top-menu .navm1 > .sfNavWrp > ul > li:first-child { background-position: left 4px center; } */
    /* .top .top-menu .navm1 > .sfNavWrp > ul > li:first-child > a { padding: 8px 30px 7px 14px } */
    /* } */

    /* @media (-webkit-min-device-pixel-ratio: 2.5) { */
    /* .top .sg-gov-cred-cnt .top-cnt { padding: 0 16px; } */
    /* .top .top-meta { padding: 2px 14px 2px; } */
    /* .top .top-menu ul.sfNavList .mega-cnt .mega { padding: 18px 16px; } */
    /* .top .top-menu .top-search .menuSearch { padding: 0 16px; } */
    /* .top .top-menu { padding: 0 14px; } */
    /* .top .top-menu .menuSearch button.btnSearch { right: 24px; } */
    /* .top .top-meta .feedback { right: 38px; } */
    /* .top .top-menu .navm1 > .sfNavWrp > ul > li:first-child { background-position: left 3px center; } */
    /* .top .top-menu .navm1 > .sfNavWrp > ul > li:first-child > a { padding: 6px 28px 6px 3px; } */
    /* } */

    /* @media (-webkit-min-device-pixel-ratio: 3) {} */

}

/*screen up till 1366*/
@media screen and (max-width: 1366px) {

    .top .top-menu .myBCA ul.sfNavList > li > a {
        /* background-image: url(../image/access-icon.png);  */
        /* background-position: left 25px center;  */
    }

    /*for scaling 110% and above*/
    /* @media (-webkit-min-device-pixel-ratio: 1.1) { */
    /* .top .top-menu .myBCA ul.sfNavList > li > a { background-size: 24px 23px; background-position: left 10px center; } */
    /* .top .top-menu ul.sfNavList > li > a { border-bottom: 2px solid transparent; } */
    /* .top .top-menu ul.sfNavList > li:hover > a { border-bottom: 2px solid #fff; } */
    /* .top .top-menu ul.sfNavList > li { margin-right: 7px; } */
    /* } */
    /* @media (-webkit-min-device-pixel-ratio: 2) { */
    /* .top .top-menu .myBCA ul.sfNavList > li > a { background-size: 18px 17px; background-position: left 8px center; } */
    /* .top .top-menu ul.sfNavList > li > a { border-bottom: 1px solid transparent; } */
    /* .top .top-menu ul.sfNavList > li:hover > a { border-bottom: 1px solid #fff; } */
    /* .top .top-menu .navm1 > .sfNavWrp > ul > li > a { border-bottom: 1px solid transparent; } */
    /* .top .top-menu .navm1 > .sfNavWrp > ul > li:hover > a { border-bottom: 1px solid #0072ca; } */
    /* .top .top-menu ul.sfNavList > li { margin-right: 5px; } */
    /* } */

    /* @media (-webkit-min-device-pixel-ratio: 2.5) { */
    /* .top .top-menu .myBCA ul.sfNavList > li > a { background-size: 14px 14px; background-position: left 6px center; } */
    /* .top .top-menu ul.sfNavList > li { margin-right: 4px; } */
    /* .top .top-menu ul.sfNavList > li > a { padding: 7px 9px 6px; } */
    /* .top .top-menu .navm1 > .sfNavWrp > ul > li > a { padding: 7px 22px 6px 10px; } */
    /* .top .top-menu .navm1 > .sfNavWrp > ul > li:first-child > a { padding: 6px 28px 6.5px 3px; } */
    /* .top .top-menu .myBCA ul.sfNavList > li > a { padding: 6px 10px 6px 30px; } */
    /* } */

    /* @media (-webkit-min-device-pixel-ratio: 3) { */

    /* } */
}

/*screen up till 1280*/
@media screen and (max-width: 1280px) {

    /*for scaling 110% and above*/
    @media (-webkit-min-device-pixel-ratio: 1.1) {
        .top .top-menu .navm2 .social {
            display: none;
        }
    }
}

@media screen and (max-width: 1190px) {
    .top .top-menu .navm2 .social {
        display: none;
    }
}


/*screen up till 1152*/
@media screen and (max-width: 1152px) {
    .top .top-menu {
        font-size: 87.5%;
    }

        .top .top-menu ul.sfNavList > li:hover > .mega-cnt {
            top: 41px
        }

        .top .top-menu .menuSearch button.btnSearch {
            right: 55px;
        }

        .top .top-menu .navm1 > .sfNavWrp > ul > li > a {
            background-position: right 15px top 24px;
            padding-left: 15px;
        }

        .top .top-menu .navm1 > .sfNavWrp > ul > li:first-child > a {
            padding-right: 44px;
        }

        .top .top-menu ul.sfNavList > li > a {
            padding: 16px 15px 12px;
        }

        .top .top-menu .myBCA ul.sfNavList > li > a {
            /* background-position: left 15px center;  */
            /* padding-left: 52px;  */
            /* background-size: 26px 25px;  */
        }

        .top .top-menu .navm2 .social {
            margin-right: 15px;
        }


    /* for switching display of the header search 	*/
    /* .top .top-meta .feedback { right: 45px; } */
    /*end*/

    /*for scaling 110% and above*/
    @media (-webkit-min-device-pixel-ratio: 1.1) {
        .top .top-menu .navm1 > .sfNavWrp > ul > li:first-child > a {
            padding-right: 60px;
        }
        /* .top .top-menu { font-size: 100%; } */
        /* .top .top-menu ul.sfNavList > li:hover > .mega-cnt { top: 28px } */
        /* .top .top-menu .menuSearch button.btnSearch { right: 37px; } */
        /* .top .top-menu .navm1 > .sfNavWrp > ul > li > a { background-position: right 10px top 16px;  padding: 10px 22px 10px 10px; } */
        /* .top .top-menu .navm1 > .sfNavWrp > ul > li:hover > a { } */
        /* .top .top-menu .navm1 > .sfNavWrp > ul > li:first-child > a { padding: 10px 30px 10px 5px; } */
        /* .top .top-menu .navm1 > .sfNavWrp > ul > li:first-child { } */
        /* .top .top-menu ul.sfNavList > li > a { padding: 11px 10px 8px; } */
        /* .top .top-menu .myBCA ul.sfNavList > li > a { background-position: left 10px center; padding: 11px 10px 8px 35px; background-size: 18px 17px; } */
        /* } */

        /* @media (-webkit-min-device-pixel-ratio: 2) { */
        /* .top .top-menu ul.sfNavList > li:hover > .mega-cnt { top: 21px } */
        /* .top .top-menu .menuSearch button.btnSearch { right: 28px; } */
        /* .top .top-menu .navm1 > .sfNavWrp > ul > li > a { background-position: right 8px top 12px;  padding: 8px 17px 7px 8px; } */
        /* .top .top-menu .navm1 > .sfNavWrp > ul > li:first-child > a { padding: 8px 18px 7px 15px; } */
        /* .top .top-menu ul.sfNavList > li > a { padding: 8px 8px 7px; } */
        /* .top .top-menu .myBCA ul.sfNavList > li > a { background-position: left 8px center; padding: 7px 8px 7px 26px; background-size: 14px 13px; } */
        /* } */

        /* @media (-webkit-min-device-pixel-ratio: 2.5) { */
        /* .top .top-menu ul.sfNavList > li:hover > .mega-cnt { top: 17px } */
        /* .top .top-menu .menuSearch button.btnSearch { right: 22px; } */
        /* .top .top-menu .navm1 > .sfNavWrp > ul > li > a { background-position: right 6px top 10px; padding: 6px 14px 5px 6px; } */
        /* .top .top-menu .navm1 > .sfNavWrp > ul > li:first-child > a { padding: 6px 18px 5px 3px; } */
        /* .top .top-menu ul.sfNavList > li > a { padding: 6px 6px 5px; } */
        /* .top .top-menu .myBCA ul.sfNavList > li > a { background-position: left 6px center; padding: 5px 6px 5px 21px; background-size: 11px 10px; } */
    }
}


/*screen up till 1024*/
@media screen and (max-width: 1024px) {
    .top .top-menu .myBCA ul.sfNavList > li > a {
    }

    .top .top-menu .myBCA ul.sfNavList > li:hover > a {
    }

    .top .top-menu ul.sfNavList > li {
    }

    /*for scaling 110% and above*/
    @media (-webkit-min-device-pixel-ratio: 1.1) {

        /* .top .top-menu { font-size: 87.5%; } */
        /* .top .top-menu .myBCA ul.sfNavList > li > a { } */
        /* .top .top-menu .myBCA ul.sfNavList > li:hover > a { } */
    }
}

/*screen up till 960*/
@media screen and (max-width: 960px) {
    .top .top-menu {
    }

    .top .sg-gov-cred-cnt .top-cnt {
        padding: 0 15px;
    }

    .top .top-meta {
        padding: 5px 15px 5px;
    }

    .top .top-menu {
        padding: 0 7px;
    }

        .top .top-menu .top-search .menuSearch {
            padding: 0 15px;
        }

        .top .top-menu .menuSearch button.btnSearch {
            right: 30px;
        }

        .top .top-menu .menuSearch button.btnGoSrc {
            right: 75px;
        }

        .top .top-menu ul.sfNavList .mega-cnt .mega-desc {
            padding-right: 0%;
        }

        .top .top-menu ul.sfNavList > li {
            font-size: 14px;
        }

        .top .top-menu .navm1 > .sfNavWrp > ul > li:first-child {
            background-size: 61px;
        }

        .top .top-menu .navm2 .social a {
            padding: 11px 0 11px;
        }

        .top .top-menu .myBCA ul.sfNavList > li > a {
            line-height: 125%;
        }



    /* for switching display of the header search 	*/
    .top .top-meta .feedback {
        right: 65px;
    }

    /* .top .top-meta .feedback { right: 15px; } */
    /*end*/
    /*for scaling 110% and above*/
    @media (-webkit-min-device-pixel-ratio: 1.1) {

        .top .top-menu .navm1 > .sfNavWrp > ul > li:first-child > a {
            padding-right: 44px;
        }
        /* .top .sg-gov-cred-cnt .top-cnt { padding: 0 10px; } */
        /* .top .top-meta { padding: 4px 10px 4px; } */
        /* .top .top-menu { padding: 0 5px; } */
        /* .top .top-menu .top-search .menuSearch { padding: 0 10px; } */
        /* .top .top-menu .menuSearch button.btnSearch { right: 20px; } */
        /* .top .top-menu ul.sfNavList > li { font-size: 10px; } */
        /* .top .top-menu .navm1 > .sfNavWrp > ul > li:first-child { background-size: 41px 10px; } */
        /* .top .top-menu .navm1 > .sfNavWrp > ul > li:first-child > a { padding: 11px 22px 8px 5px; } */
        /* .top .top-meta .feedback { right: 44px; } */
    }

    /* @media (-webkit-min-device-pixel-ratio: 2) { */
    /* .top .sg-gov-cred-cnt .top-cnt { padding: 0 8px; } */
    /* .top .top-meta { padding: 3px 8px 3px; } */
    /* .top .top-menu { padding: 0 4px; } */
    /* .top .top-menu .top-search .menuSearch { padding: 0 8px; } */
    /* .top .top-menu .menuSearch button.btnSearch { right: 15px; } */
    /* .top .top-menu ul.sfNavList > li { font-size: 8px; } */
    /* .top .top-menu .navm1 > .sfNavWrp > ul > li:first-child { background-size: 34px 8px; } */
    /* .top .top-menu .navm1 > .sfNavWrp > ul > li:first-child > a { padding: 8px 17px 7px 4px; } */
    /* .top .top-menu ul.sfNavList > li > a { padding: 8px 8px 7px; } */
    /* .top .top-menu .myBCA ul.sfNavList > li > a { padding: 7px 8px 7px 26px; } */
    /* .top .top-meta .feedback { right: 33px; } */
    /* } */

    /* @media (-webkit-min-device-pixel-ratio: 2.5) { */
    /* .top .sg-gov-cred-cnt .top-cnt { padding: 0 6px; } */
    /* .top .top-meta { padding: 2px 6px 2px; } */
    /* .top .top-menu { padding: 0 3px; } */
    /* .top .top-menu .top-search .menuSearch { padding: 0 6px; } */
    /* .top .top-menu .menuSearch button.btnSearch { right: 12px; } */
    /* .top .top-menu ul.sfNavList > li { font-size: 6px; } */
    /* .top .top-menu .navm1 > .sfNavWrp > ul > li:first-child { background-size: 24px 6px; } */
    /* .top .top-menu .navm1 > .sfNavWrp > ul > li:first-child > a { padding: 6px 14px 5px 3px; } */
    /* .top .top-menu .navm1 > .sfNavWrp > ul > li > a { padding: 6px 14px 5px 6px; } */
    /* .top .top-meta .feedback { right: 26px; } */
    /* .top .top-menu ul.sfNavList > li > a { padding: 6px 6px 5px; } */
    /* .top .top-menu .myBCA ul.sfNavList > li > a { padding: 6px 6px 5px 21px; } */

    /* } */
}

/*screen up till 854*/
@media screen and (max-width: 854px) {
    .top .top-menu .navm1 > .sfNavWrp > ul > li > a {
        background-position: right 10px top 24px;
        padding: 16px 28px 12px 10px;
    }

    .top .top-menu .navm1 > .sfNavWrp > ul > li:first-child > a {
        padding: 16px 28px 12px 7px;
    }

    .top .top-menu ul.sfNavList > li > a {
        padding: 16px 10px 12px;
    }

    .top .top-menu .myBCA ul.sfNavList > li > a {
        background-position: left 10px center;
        padding: 16px 10px 12px 47px;
        background-size: 26px 25px;
    }

    .top .top-menu .navm2 .social {
        margin-right: 10px;
    }
    /*for scaling 110% and above*/
    /* @media (-webkit-min-device-pixel-ratio: 1.1) { */
    /* .top .top-menu .navm1 > .sfNavWrp > ul > li > a { background-position: right 7px top 16px; padding: 11px 19px 8px 7px; } */
    /* .top .top-menu .navm1 > .sfNavWrp > ul > li:first-child > a { padding: 11px 19px 8px 5px; } */
    /* .top .top-menu ul.sfNavList > li > a { padding: 11px 7px 8px; } */
    /* .top .top-menu .myBCA ul.sfNavList > li > a { background-position: left 7px center; padding: 11px 7px 8px 32px; background-size: 18px 17px; } */
    /* } */
    /* @media (-webkit-min-device-pixel-ratio:2) { */
    /* .top .top-menu .navm1 > .sfNavWrp > ul > li > a { background-position: right 5px top 12px; padding: 8px 14px 6px 5px; } */
    /* .top .top-menu .navm1 > .sfNavWrp > ul > li:first-child > a { padding: 8px 14px 6px 4px; } */
    /* .top .top-menu ul.sfNavList > li > a { padding: 8px 5px 6px; } */
    /* .top .top-menu .myBCA ul.sfNavList > li > a { background-position: left 5px center; padding: 8px 5px 6px 24px; background-size: 14px 13px; } */
    /* } */
    /* @media (-webkit-min-device-pixel-ratio: 2.5) { */
    /* .top .top-menu .navm1 > .sfNavWrp > ul > li > a { background-position: right 4px top 10px; padding: 6px 11px 5px 4px; } */
    /* .top .top-menu .navm1 > .sfNavWrp > ul > li:first-child > a { padding: 6px 11px 5px 3px; } */
    /* .top .top-menu ul.sfNavList > li > a { padding: 6px 4px 5px; } */
    /* .top .top-menu .myBCA ul.sfNavList > li > a { background-position: left 4px center; padding: 5px 4px 5px 19px; background-size: 11px 10px; } */
    /* } */



}
/*screen up till 854*/
@media screen and (max-width: 760px) {
}




/* Header
--------------------------------------------------------------------------------------------------------------- */
#header {
}

    #header #logo {
        padding-left: 50px;
    }

        #header #logo h1 {
            margin: 0 0 8px 0;
            padding: 0;
            font-size: 36px;
            line-height: 12px;
            font-variant: small-caps;
            font-style: normal;
        }

        #header #logo p {
            margin: 0;
            padding: 0;
        }

    #header form {
        display: block;
        position: relative;
        width: 100%;
    }

    #header input, #header button {
        height: 30px;
        border: none;
    }

    #header input {
        width: 100%;
        padding: 5px 40px 5px 5px;
    }
    /* min-width:250px; */

    #header button em {
        display: none;
    }




/* Homepage Slider
--------------------------------------------------------------------------------------------------------------- */
#slider {
    position: relative;
    overflow: hidden;
}

    #slider .rounded {
        padding: 9px;
    }

    #slider a, #slider ul, #slider img {
        margin: 0;
        padding: 0;
        border: none;
        outline: none;
        list-style: none;
        text-decoration: none;
    }

#slide-wrapper, #slide-wrapper figure, #slide-wrapper img {
    display: block;
    overflow: hidden;
}

    #slide-wrapper figure, #slide-wrapper figure img {
        position: relative;
    }

        #slide-wrapper figure figcaption {
            display: block;
            position: absolute;
            top: 50px;
            right: 25px;
            width: 350px;
            height: 200px;
            margin: 0;
            padding: 30px;
            box-sizing: border-box;
            overflow: hidden;
        }

            #slide-wrapper figure figcaption p {
                margin: 0;
                padding: 0;
                line-height: 1.6em;
            }

#slider #slide-tabs {
    display: block;
    overflow: hidden;
    font-size: 12px;
}

    #slider #slide-tabs li {
        display: inline-block;
        float: left;
    }

        #slider #slide-tabs li a {
            display: block;
            width: 240px;
            min-height: 60px;
            padding: 10px;
            box-sizing: border-box;
            border: solid;
            border-width: 0 0 1px 1px;
            font-weight: bold;
            text-align: center;
            text-transform: uppercase;
        }

        #slider #slide-tabs li:last-child a {
            border-width: 0 1px 1px 1px;
        }

#feedback {
    background-size: 33px;
    color: #363636;
    padding: 7px 0px 7px 40px;
    font-weight: 600;
    background-image: url(../image/feedback-icon.png);
    background-position: center left;
    background-repeat: no-repeat;
    vertical-align: middle;
    text-transform: capitalize;
}

/* Content Area
--------------------------------------------------------------------------------------------------------------- */
.container {
    padding: 20px 10px;
}

    .container h1, .container h2, .container h3, .container h4, .container h5, .container h6, .container .heading {
        padding-bottom: 8px;
        border-bottom: 1px solid;
    }

    /* Content */
    .container #content {
    }

#twitter {
    display: block;
    padding: 15px;
}

    #twitter div {
        padding: 25px 0;
    }

        #twitter div:first-child {
            border-right: 2px solid;
        }

.listing li {
    margin: 0 0 30px 0;
    padding: 0 0 20px 0;
    border-bottom: 1px solid;
}

    .listing li:last-child {
        margin-bottom: 0;
    }

.mediacontainer, .mediacontainer iframe {
    display: block;
    margin: 0;
    padding: 0;
}

.mediacontainer {
    width: 100%;
    position: relative;
}

.quickinfo {
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    word-wrap: break-word;
}

    .quickinfo li {
        display: block;
        width: 100%;
        min-height: 80px;
        margin: 0 0 20px 0;
        overflow: hidden;
    }

        .quickinfo li:last-child {
            margin-bottom: 0;
        }

        .quickinfo li a {
            display: block;
            position: relative;
            width: 100%;
            min-height: 80px;
            padding: 18px 0 0 80px;
            box-sizing: border-box;
        }

            .quickinfo li a img {
                position: absolute;
                top: 0;
                left: 0;
                width: 80px;
                height: 80px;
            }

/* Comments */
#comments ul {
    margin: 0 0 40px 0;
    padding: 0;
    list-style: none;
}

#comments li {
    margin: 0 0 10px 0;
    padding: 15px;
}

#comments .avatar {
    float: right;
    margin: 0 0 10px 10px;
    padding: 3px;
    border: 1px solid;
}

#comments address {
    font-weight: bold;
}

#comments time {
    font-size: smaller;
}

#comments .comcont {
    display: block;
    margin: 0;
    padding: 0;
}

    #comments .comcont p {
        margin: 10px 5px 10px 0;
        padding: 0;
    }

#comments form {
    display: block;
    width: 100%;
}

#comments input, #comments textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid;
}

#comments textarea {
    overflow: auto;
}

#comments div {
    margin-bottom: 15px;
}

#comments input[type="submit"], #comments input[type="reset"] {
    display: inline-block;
    width: auto;
    min-width: 150px;
    margin: 0;
    padding: 8px 5px;
    cursor: pointer;
}

/* Sidebar */
.container .sidebar {
}

.sidebar .sdb_holder {
    margin-bottom: 50px;
}

    .sidebar .sdb_holder:last-child {
        margin-bottom: 0;
    }


/* Footer update 2023
--------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width:750px) {
    div.bottom .foot-links {
        display: block !important;
    }

    div.bottom .menu, div.bottom .social {
        padding: 0 !important;
    }
}
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */


/* Navigation
--------------------------------------------------------------------------------------------------------------- */
nav ul, nav ol {
    margin: 0;
    padding: 0;
    list-style: none;
}

#mainav .drop::after, #mainav li li .drop::after, #breadcrumb li a::after, .sidebar nav a::after {
    position: absolute;
    font-family: "FontAwesome";
    font-size: 10px;
    line-height: 10px;
}

/* Top Navigation */
#mainav {
    text-align: center;
    text-transform: uppercase;
}

    #mainav ul {
    }

        #mainav ul ul {
            z-index: 9999;
            position: absolute;
            width: 160px;
        }

            #mainav ul ul ul {
                left: 160px;
                top: 0;
            }

    #mainav li {
        display: inline-block;
        position: relative;
        margin: 0 30px 0 0;
        padding: 0;
    }

        #mainav li:last-child {
            margin-right: 0;
        }

        #mainav li li {
            width: 100%;
            margin: 0;
            text-align: left;
            text-transform: none;
        }

        #mainav li a {
            display: block;
            padding: 0;
        }

        #mainav li li a {
            border: solid;
            border-width: 0 0 1px 0;
        }

        #mainav li li:last-child a {
            border-bottom: none;
        }

    #mainav .drop {
        padding-left: 15px;
    }

    #mainav li li a, #mainav li li .drop {
        display: block;
        margin: 0;
        padding: 10px 15px;
    }

        #mainav .drop::after, #mainav li li .drop::after {
            content: "\f0d7";
        }

    #mainav .drop::after {
        top: 5px;
        left: 5px;
    }

    #mainav li li .drop::after {
        top: 15px;
        left: 5px;
    }

    #mainav ul ul {
        display: none;
    }

    #mainav ul li:hover > ul {
        display: block;
    }

    #mainav form {
        display: none;
        margin: 0;
        padding: 0;
    }

        #mainav form select, #mainav form select option {
            display: block;
            cursor: pointer;
            outline: none;
        }

        #mainav form select {
            width: 100%;
            padding: 5px;
            border: 1px solid;
        }

            #mainav form select option {
                margin: 5px;
                padding: 0;
                border: none;
            }

/* Breadcrumb */
#breadcrumb {
}

    #breadcrumb ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    #breadcrumb li {
        display: inline-block;
        margin: 0 6px 0 0;
        padding: 0;
    }

        #breadcrumb li a {
            display: block;
            position: relative;
            margin: 0;
            padding: 0 12px 0 0;
            font-size: 12px;
        }

            #breadcrumb li a::after {
                top: 5px;
                right: 0;
                content: "\f101";
            }

        #breadcrumb li:last-child a {
            margin: 0;
            padding: 0;
        }

            #breadcrumb li:last-child a::after {
                display: none;
            }

/* Sidebar Navigation */
.sidebar nav {
    display: block;
    width: 100%;
}

    .sidebar nav li {
        margin: 0 0 3px 0;
        padding: 0;
    }

    .sidebar nav a {
        display: block;
        position: relative;
        margin: 0;
        padding: 5px 10px 5px 15px;
        text-decoration: none;
        border: solid;
        border-width: 0 0 1px 0;
    }

        .sidebar nav a::after {
            top: 9px;
            left: 5px;
            content: "\f101";
        }

    .sidebar nav ul ul a {
        padding-left: 35px;
    }

        .sidebar nav ul ul a::after {
            left: 25px;
        }

    .sidebar nav ul ul ul a {
        padding-left: 55px;
    }

        .sidebar nav ul ul ul a::after {
            left: 45px;
        }

/* Pagination */
.pagination {
    display: block;
    width: 100%;
    text-align: center;
    clear: both;
}

    .pagination li {
        display: inline-block;
        margin: 0 2px 0 0;
    }

        .pagination li:last-child {
            margin-right: 0;
        }

    .pagination a, .pagination strong {
        display: block;
        padding: 8px 11px;
        border: 1px solid;
        font-weight: normal;
        background-clip: padding-box;
    }


/* Tables
--------------------------------------------------------------------------------------------------------------- */
/* box-sizing:border-box; */
/*table, th, td{border:0px solid; border-collapse:collapse; vertical-align:top; } 
table{width:100%; margin-bottom:15px;}
th, td{padding:10px;}
td{border-width:0 0px;} */

.ColMeg {
    color: white;
    font-size: 16px;
    text-align: center;
    border: 1px solid;
}

.ColNon {
    border: 0px solid;
}

.CelAlign {
    text-align: center;
}


/* Gallery
--------------------------------------------------------------------------------------------------------------- */
#gallery {
    display: block;
    width: 100%;
    margin-bottom: 50px;
}

    #gallery figure figcaption {
        display: block;
        width: 100%;
        clear: both;
    }

    #gallery li {
        margin-bottom: 30px;
    }

        #gallery li a {
            display: block;
        }


/* Portfolio
--------------------------------------------------------------------------------------------------------------- */
#portfolio {
    display: block;
    width: 100%;
    margin-bottom: 20px;
}

    #portfolio li, #portfolio img {
        margin-bottom: 30px;
    }


/* Font Awesome Social Icons
--------------------------------------------------------------------------------------------------------------- */
.faico {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .faico li {
        display: inline-block;
        margin: 0 2px 0 0;
        padding: 0;
        line-height: normal;
    }

        .faico li:last-child {
            margin-right: 0;
        }

    .faico a {
        display: block;
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 20px;
        text-align: center;
    }

    .faico a {
        color: #FFFFFF;
    }

        .faico a:hover {
            color: #FFFFFF;
            background-color: #CCCCCC;
        }

.faicon-facebook {
    background-color: #3B5998;
}

.faicon-youtube {
    background-color: #ff0000;
}

.faicon-flickr {
    background-color: #FF0084;
}

.faicon-linkedin {
    background-color: #0E76A8;
}

.faicon-rss {
    background-color: #EE802F;
}

.faicon-twitter {
    background-color: #00ACEE;
}


/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */


/* Rounded Corners
--------------------------------------------------------------------------------------------------------------- */
.rounded, input, button, textarea, #header input, #footer input, #slide-wrapper figcaption, .avatar, #comments li, .faico a, #twitter,
.pagination a, .pagination strong {
    /* border-radius: 8px;*/
}

#header button, #footer button {
    border-radius: 0 8px 8px 0;
}

#mainav li li:last-child a {
    border-radius: 0 0 8px 8px;
}

#mainav li li:first-child a, #slide-wrapper figure img, #slide-wrapper figure .view:hover::before {
    border-radius: 8px 8px 0 0;
}

#slider #slide-tabs li:first-child a {
    border-radius: 0 0 0 8px;
}

#slider #slide-tabs li:last-child a {
    border-radius: 0 0 8px 0;
}


/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */


/* Colours
--------------------------------------------------------------------------------------------------------------- */
body {
    color: #F9F9F9;
    background-color: #FFFFFF;
}
/* {color:#F9F9F9; background-color:#fff;} */

a {
    color: #6433FF;
}
    /* #55ABDA */
    a:hover {
        color: #6433FF;
        text-decoration: none;
    }

/* hr, .borderedbox{border-color:#D7D7D7;} */
hr, .borderedbox {
    border-color: #D7D7D7;
    background-color: #ffffff;
    align-items: center;
    color: black;
}

label span {
    color: #FF0000;
    background-color: inherit;
}

.rounded {
    color: inherit;
    background-color: #fafafa;
}
/* background-color:#F9F9F9; */


/* Rows */
.row0, .row0 a {
    color: #000000;
    background-color: #FFFFFF;
    text-decoration: underline;
}
/*F9F9F9*/
.row1 {
    color: #979797;
    background-color: #FFFFFF;
}
    /* background-color:#06213F; */
    .row1 a {
        color: blue;
        background-color: inherit;
        text-decoration: underline;
    }
/* color:#F9F9F9 */
.row2 {
    color: #06213F;
    background-color: inherit;
}
    /* background-color:#06213F; */
    .row2 a {
        color: blue;
        background-color: inherit;
        text-decoration: underline;
    }

.row3 {
    color: black;
    background-color: inherit;
}

.row4 {
    color: #979797;
    background-color: inherit;
}

.row5, .row5 a {
    color: #55ABDA;
    background-color: #06213F;
}


/* Top Bar */
#topbar li {
    border-color: #06213F;
}


/* Header */
#header input {
    color: #979797;
    background-color: #EEEEEE;
}
/* background-color:#FFFFFF; */
#header button {
    color: #F9F9F9;
    background-color: #55ABDA;
}


/* Homepage Slider */
#slide-wrapper figure figcaption {
    color: #666666;
    background-color: rgba(255,255,255,.5);
}

    #slide-wrapper figure figcaption:hover {
        background-color: rgba(255,255,255,1);
    }

#slider #slide-tabs li a {
    color: black;
    background-color: #DEDACB;
    border-color: #666666;
}

    #slider #slide-tabs li a:hover, #slider #slide-tabs li.active a {
        color: #FFFFFF;
        background-color: #1a6eac;
    }
/* background-color:#06213F; */


/* Content Area */
.container h1, .container h2, .container h3, .container h4, .container h5, .container h6, .container .heading {
    border-color: #D7D7D7;
}

#twitter {
    color: #06213F;
    background-color: #FFFFFF;
}

    #twitter div:first-child {
        border-color: #FFFFFF;
    }

.listing li {
    border-color: #D7D7D7;
}

.quickinfo li a {
    color: #666666;
    background-color: #DEDACB;
}

    .quickinfo li a:hover {
        color: #FFFFFF;
        background-color: #06213F;
    }

/* Footer 
#footer .faico a {
    box-shadow: 2px 2px 0 0 rgba(0,0,0,.5);
    border-color: rgba(0,0,0,.2);
}

#footer input {
    color: #FFFFFF;
    background-color: #979797;
}

#footer button {
    color: #F9F9F9;
    background-color: #55ABDA;
}*/


/* Navigation */
#mainav li a {
    color: inherit;
}

#mainav .active a, #mainav a:hover, #mainav li:hover > a {
    color: #6433FF;
    background-color: inherit;
}
/* color:#55ABDA */
#mainav li li a, #mainav .active li a {
    color: #FFFFFF;
    background-color: rgba(0,0,0,.6);
    border-color: rgba(0,0,0,.6);
}

#mainav li li:hover > a, #mainav .active .active > a {
    color: #FFFFFF;
    background-color: #55ABDA;
}

#mainav form select {
    border-color: #D7D7D7;
}

#breadcrumb a {
    color: #888888;
    background-color: inherit;
}

#breadcrumb li:last-child a {
    color: #55ABDA;
}

.container .sidebar nav a {
    color: inherit;
    border-color: #D7D7D7;
}

    .container .sidebar nav a:hover {
        color: #55ABDA;
    }

.pagination a, .pagination strong {
    border-color: #D7D7D7;
}

.pagination .current strong {
    color: #FFFFFF;
    background-color: #06213F;
}


/* Tables + Comments */
table, th, td, #comments .avatar, #comments input, #comments textarea {
    border-color: #D7D7D7;
}

th {
    color: #FFFFFF;
    background-color: ##fafafa;
}
/* #373737 */
tr, #comments li, #comments input[type="submit"], #comments input[type="reset"] {
    color: inherit;
    background-color: #fafafa;
}
/* FBFBFB */
/* tr:nth-child(odd), #comments li:nth-child(odd){color:inherit; background-color:#eee;} */
table a, #comments a {
    background-color: inherit;
}


/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */


/* Media Queries
--------------------------------------------------------------------------------------------------------------- */
@-ms-viewport {
    width: device-width;
}


/* Smartphone + Tablet
---------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width:180px) and (max-width:750px) {
    .imgl, .imgr {
        display: inline-block;
        float: none;
        margin: 0 0 10px 0;
    }

    .fl_left, .fl_right {
        display: block;
        float: none;
    }

    .one_half, .one_third, .two_third, .one_quarter, .two_quarter, .three_quarter {
        display: block;
        float: none;
        width: auto;
        margin: 0 0 30px 0;
        padding: 0;
    }
}

@media screen and (min-width:180px) and (max-width:900px) {
    .wrapper {
        max-width: 95%;
    }

    #topbar {
        text-align: center;
    }

    #header #logo {
        margin-bottom: 15px;
        text-align: center;
    }

        #header #logo h1 {
            margin: 0;
            line-height: 1em;
        }

    #header form {
        max-width: 250px;
        margin: 0 auto;
    }

    #header input {
        min-width: 0;
    }

    #mainav ul {
        display: none;
    }

    #mainav form {
        display: block;
    }

    #slide-wrapper figure figcaption {
        display: none;
    }

    #slider .view {
        display: block;
        position: relative;
        width: 100%;
        height: 100%;
    }

        #slider .view:hover::before {
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            content: "";
            background-color: rgba(0,0,0,.6);
            z-index: 1;
        }

        #slider .view:hover::after {
            display: block;
            position: absolute;
            top: 50%;
            left: 50%;
            width: 36px;
            height: 36px;
            margin: -18px 0 0 -18px;
            text-align: center;
            font-family: "FontAwesome";
            content: "\f05a";
            font-size: 36px;
            line-height: 36px;
            z-index: 2;
        }

    #slider #slide-tabs li {
        display: block;
        float: none;
    }

        #slider #slide-tabs li a {
            width: 100%;
            min-height: 0;
            border-width: 0 1px 1px 1px;
        }

        #slider #slide-tabs li:first-child a {
            border-radius: 0;
        }

        #slider #slide-tabs li:last-child a {
            border-radius: 0 0 8px 8px;
        }

    #twitter div {
        margin: 0;
        padding: 0;
    }

        #twitter div:first-child {
            padding: 15px 0;
            border-right: none;
        }

    .quickinfo li {
        max-width: 250px;
    }

    #footer div:last-child {
        margin-bottom: 0;
    }

    #footer figure.center {
        text-align: left;
    }

    #footer .faico li {
        margin: 0 10px 10px 0;
    }

    #footer input {
        min-width: 0;
    }

    #copyright {
        text-align: left;
        font-size: 14px;
    }

    @media screen and (max-width:900px) {
        #copyright {
            font-size: 11px;
        }
    }

    .sfNavHorizontal.sfNavList {
        font-size: 11px;
    }

    #copyright p:first-of-type {
        margin-bottom: 10px;
    }

    #comments input[type="reset"] {
        margin-top: 10px;
    }

    .pagination li {
        display: inline-block;
        margin: 0 5px 5px 0;
    }

    /*.sfNavHorizontal.sfNavList {
        padding-left: 0;
    }*/
}



/* Max Wrapper Width
---------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width:1440px) {
    .wrapper {
        max-width: 1440px;
    }
}


/* Other
---------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:650px) {
    .scrollable {
        display: block;
        width: 100%;
        margin: 0 0 30px 0;
        padding: 0 0 15px 0;
        overflow: auto;
        overflow-x: scroll;
    }

        .scrollable table {
            margin: 0;
            padding: 0;
            white-space: nowrap;
        }
}

/*
Added on 23072015
*/

/* slideshow 
******************************************/

#slideshow {
    position: relative;
}

    #slideshow IMG {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 8;
        opacity: 0.0;
    }

        #slideshow IMG.active {
            z-index: 10;
            opacity: 1.0;
        }

        #slideshow IMG.last-active {
            z-index: 9;
        }

/* slideshow2
******************************************/

#slideshow2 {
    position: relative;
}

    #slideshow2 IMG {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 8;
        opacity: 0.0;
    }

        #slideshow2 IMG.active {
            z-index: 10;
            opacity: 1.0;
        }

        #slideshow2 IMG.last-active {
            z-index: 9;
        }

/* slideshow3 
******************************************/

#slideshow3 {
    position: relative;
}

    #slideshow3 IMG {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 8;
        opacity: 0.0;
    }

        #slideshow3 IMG.active {
            z-index: 10;
            opacity: 1.0;
        }

        #slideshow3 IMG.last-active {
            z-index: 9;
        }


/* slideshow4 
******************************************/

#slideshow4 {
    position: relative;
}

    #slideshow4 IMG {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 8;
        opacity: 0.0;
    }

        #slideshow4 IMG.active {
            z-index: 10;
            opacity: 1.0;
        }

        #slideshow4 IMG.last-active {
            z-index: 9;
        }

/* slideshow5 
******************************************/

#slideshow5 {
    position: relative;
}

    #slideshow5 IMG {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 8;
        opacity: 0.0;
    }

        #slideshow5 IMG.active {
            z-index: 10;
            opacity: 1.0;
        }

        #slideshow5 IMG.last-active {
            z-index: 9;
        }

/* media 
******************************************/
@media screen and (min-width: 0px) and (max-width: 768px) {
    #logo_right {
        display: none;
    }

    #top_bar {
        display: none;
    }

    #iquas {
        display: none;
    }

    #imgBCAAnnual {
        display: none;
    }
}

@media screen and (min-width: 750px) and (max-width: 768px) {
    #logo_right {
        display: none;
    }

    #top_bar {
        display: none;
    }

    #iquas {
        display: none;
    }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
    #logo_right {
        display: block
    }

    #top_bar {
        display: block;
    }

    #iquas {
        display: block;
    }
}


/* media 
******************************************/
body_lastupdated {
    font-family: Arial, Helvetica, Sans-serif;
    font-size: 8pt;
    vertical-align: bottom;
}

.comment {
    margin: 10px;
}

.fulllisting {
    margin: 10px;
}

a.morelink {
    text-decoration: none;
    outline: none;
}

.morecontent span {
    display: none;
}

@media screen and (min-width:320px) and (max-width:767px) and (oriontation:landscape) {
    html {
        /* -moz-transform: rotate(-90deg); */ /* IE 9 */
        /* -webkit-transform: rotate(-90deg);  */ /* Chrome, Safari, Opera */
        /* transform: rotate(-90deg); 
        width: 375px;
        height: 667px;
        overflow:scroll;*/

        transform: rotate(-90deg);
        transform-origin: left top;
        width: 100vh;
        overflow-x: hidden;
        position: absolute;
        top: 100%;
    }
}