* {
        text-rendering: geometricprecision;
}
:root{
        --bg-blue: #0471b6;
        --bg-blue-light: #5b8fbb;
        --bg-blue-weight: #074974;
        --padding-res: 0 16px;
        --color-primary: #074974;
        --menu-color: #1154b6;
        --color-yellow: #fff584;
        --color-brown: #b96f26;
        --color-red: #074974;
        --color-black: #031739;
        --color-white: #ffff;
        --box-category:rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
        --vass-red: #074974;
        --vass-blue: #074974;
        --text-main: #333333;
        --bg-gray: #f8f9fa;
        --box-shadow: 0 4px 10px rgb(52 52 52 / 9%);
        --padding-box: 15px;
        --rounded: .75rem;
        --margin-bottom: 30px;
}
body {
        margin: 0 auto;
        padding: 0;
        background-color:#fff;
}
a {
        color: #424242;
        font: 10pt arial;
        text-decoration: none;
}
img {
        border: medium none;
}
.MainStructure {
        text-align: center;
}
.MainStructure .TopBanner {
        margin: auto;
        width: 100%;
        background-color: #fff;
}
.MainStructure .TopBar {
        display: inline-block;
        margin-top: 0;
        text-align: justify;
        width: 100%;
        /* background: none repeat scroll 0 0 #fff; */
        /* box-shadow: 0px 0px 5px rgb(0 0 0 / 21%); */
}
.MainStructure .ContentBanner {
        display: inline-block;
        position: relative;
        width: 100%;
        z-index: 1;
}
.MainStructure .MainContent {
        background: none repeat scroll 0 0 #fff;
        display: inline-table;
        margin: 0 auto;
        vertical-align: top;
        width: 1170px;
        position: relative;
}
.MainStructure .LeftBar {
        padding: 5px 15px 15px 0px;
        text-align: justify;
        vertical-align: top;
        /*width: 220px !important;*/
}
.MainStructure .ContentBar {
        padding: 5px 0px 0px 0px;
        text-align: justify;
        vertical-align: top;
}
.MainStructure .FooterBanner {
        background: none repeat scroll 0 0 #fff;
        margin: 0 auto;
        text-align: center;
        width: 100%;
        display: flex;
        justify-content: center;
}
.MainStructure .FooterBar {
        #border-radius: 0 0 10px 10px;
        display: inline-block;
        text-align: justify;
        width: 100%;
}
::-webkit-scrollbar {
        width: 10px !important;
        height: 5px !important;
}
::-webkit-scrollbar-track {
        background: var(--bg-gray);
        border-radius: var(--rounded);
}
::-webkit-scrollbar-thumb {
        border-radius: var(--rounded);
        background: #056abf !important;
}
@media only screen and (max-width: 768px){
        .MainStructure .TopBar {
                overflow-y: hidden !important;
        }
        .MainStructure .FooterBanner {
                box-shadow: none !important;
        }
        .bottom-tool{
                display: none;
        }
            .MainStructure .ContentBar {
        display: block !important;
    }
    .MainStructure .fixed {
        position: unset !important;
        box-shadow: none !important;
    }
}