<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*
Item Name : FlexiNav - Flexible and Responsive Navigation 
Author URI : http://codecanyon.net/user/Pixelworkshop
Version : 1.0
*/

/*

TABLE OF CONTENTS

00 PAGE STYLING (not part of the menu)
01 MENU BAR
02 MENU TOGGLE BUTTON
03 DROP DOWN CONTAINERS
04 DROP DOWN COLUMNS
05 MULTILEVEL FLY-OUTS
06 TYPOGRAPHY &amp; ELEMENTS
   1. Basic Typography
   2. Default Lists
   3. Icons Lists
   4. Videos &amp; Images
   5. Misc
07 FORM ELEMENTS
08 MOBILE DEVICES
09 COLORS
   1. Black (default)
   2. Blue
   3. Brown
   4. Green
   5. Grey
   6. Ocean
   7. Orange
   8. Pink
   9. Purple
   10. Red

*/




/*  _______________________________________________

    00 PAGE STYLING (not part of the menu)
    _______________________________________________  */

/* Preloader */
#preloader {
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#fff; /* change if the mask should have another color then white */
    z-index:99999; /* makes sure it stays on top */
}
#status {
    width:200px;
    height:200px;
    position:absolute;
    left:50%; /* centers the loading animation horizontally one the screen */
    top:50%; /* centers the loading animation vertically one the screen */
    background-image:url(../img/status.gif); /* path to your loading animation */
    background-repeat:no-repeat;
    background-position:center;
    margin:-100px 0 0 -100px; /* is width and height divided by two */
}



/*  _______________________________________________

    01 MENU BAR
    _______________________________________________  */




/* 
   If you have several menus on a same page,
   assign a z-index to each one according to their position
*/
#flexinav1 {
    z-index: 9998;
}
#flexinav2 {
    z-index: 9997;
}
.flexinav *,
.flexinav *:before,
.flexinav *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.flexinav {
    position: relative;
    margin:0 auto;
    float: left;
    padding: 0;
    width: 100%;
    z-index: 9990;
    font-size:11px;
    line-height:21px;
    background: #003a75;
}
.flexinav_fixed {
    position: fixed;
    top:0;
    left:0;
    margin:0 0 30px 0;
}
    .flexinav .flexinav_wrapper {
        width:100%;
        max-width: 1200px;
        margin: 0 auto;
    }
    .flexinav .flexinav_wrapper .flexinav_menu {
        padding: 0;
        margin: 0 auto;
        list-style: none;
        float: left;
    }
        .flexinav .flexinav_wrapper .flexinav_menu_right {
            float: right;
        }
        .flexinav .flexinav_wrapper .flexinav_menu &gt; li {
            float: left;
            padding:0;
            margin: 0;
            line-height:50px;
            font-size: 11px;
            position: relative;
            background: #003a75;
            -webkit-transition: background 0.3s;
            -moz-transition: background 0.3s;
            -o-transition: background 0.3s;
            transition: background 0.3s;
        }
            .flexinav .flexinav_wrapper .flexinav_menu &gt; li.flexnav_mega {
                position: static;
            }

            /* Hover and active states */

            .flexinav .flexinav_wrapper .flexinav_menu &gt; li &gt; a,
            .flexinav .flexinav_wrapper .flexinav_menu &gt; li &gt; span,
            .flexinav .flexinav_wrapper .flexinav_menu &gt; li &gt; span &gt; a {
                color:#333;
            }
            .flexinav .flexinav_wrapper .flexinav_menu &gt; li:hover,
            .flexinav .flexinav_wrapper .flexinav_menu &gt; li.active {
                background: #ffffff;
            }
                .flexinav .flexinav_wrapper .flexinav_menu &gt; li:hover &gt; a,
                .flexinav .flexinav_wrapper .flexinav_menu &gt; li:hover &gt; span,
                .flexinav .flexinav_wrapper .flexinav_menu &gt; li:hover &gt; span &gt; a,
                .flexinav .flexinav_wrapper .flexinav_menu &gt; li.active &gt; a,
                .flexinav .flexinav_wrapper .flexinav_menu &gt; li.active &gt; span,
                .flexinav .flexinav_wrapper .flexinav_menu &gt; li.active &gt; span &gt; a {
                    color:#2a5193;
               }
            .flexinav .flexinav_wrapper .flexinav_menu &gt; li.noactive {
                background: #262626;
            }
                .flexinav .flexinav_wrapper .flexinav_menu &gt; li.noactive &gt; a,
                .flexinav .flexinav_wrapper .flexinav_menu &gt; li.noactive &gt; span,
                .flexinav .flexinav_wrapper .flexinav_menu &gt; li.noactive &gt; span &gt; a,
                .flexinav .flexinav_wrapper .flexinav_menu &gt; li.noactive:hover &gt; a,
                .flexinav .flexinav_wrapper .flexinav_menu &gt; li.noactive:hover &gt; span,
                .flexinav .flexinav_wrapper .flexinav_menu &gt; li.noactive:hover &gt; span &gt; a {
                    color:#333;
                }


            .flexinav .flexinav_wrapper .flexinav_menu &gt; li &gt; span,
            .flexinav .flexinav_wrapper .flexinav_menu &gt; li &gt; a {
                display: block;
                line-height:50px;
                padding:0 15px;
            }
            .flexinav .flexinav_wrapper .flexinav_menu &gt; li &gt; span.last{ 
                padding:0 0 0 15px;
            }

            .flexinav .flexinav_wrapper .flexinav_menu &gt; li &gt; span,
            .flexinav .flexinav_wrapper .flexinav_menu &gt; li &gt; span &gt; a {
                font-size: 18px;
                font-weight: bold;
                text-decoration: none;
                cursor: pointer;
                text-transform: capitalize;
            }
            .flexinav .flexinav_wrapper .flexinav_menu &gt; li &gt; span &gt; a {
                margin-left: 14px;
            }
            .flexinav .flexinav_wrapper .flexinav_menu &gt; li &gt; span + a i {
                margin-right: 0px;
            }
            .flexinav .flexinav_wrapper .flexinav_menu &gt; li i {
                margin-right: 5px;
            }

    /* Logo */

    .flexinav .flexinav_wrapper .flexinav_menu &gt; li.flexinav_logo {
        width: 170px;
        height: 50px;
        padding: 0;
        margin: 0;
        float: left;
    }
    .flexinav .flexinav_wrapper .flexinav_menu &gt; li.flexinav_logo:hover {
        background: none;
    }
    .flexinav .flexinav_wrapper .flexinav_menu &gt; li.flexinav_logo &gt; a,
    .flexinav .flexinav_wrapper .flexinav_menu &gt; li.flexinav_logo:hover &gt; a {
        width: 100%;
        height: 50px;
        padding: 0;
        margin: 0;
        float: left;
        background: url('../img/logo.png') no-repeat left center;
    }




/*  _______________________________________________

    02 MENU TOGGLE BUTTON
    _______________________________________________  */




/* 
   This button is available only for the 
   fixed version of the menu 
*/ 

.flexinav_btn {
    position: fixed;
    z-index: 9990;
    top: 50px;
    right: 0;
    font-size: 12px;
    color: #fff;
    text-decoration: none;
    height: 50px;
    padding: 0 17px;
    background: #262626;
    outline:none;
    -webkit-transition: all 0.3s 0.2s;
    -moz-transition: all 0.3s 0.2s;
    -o-transition: all 0.3s 0.2s;
    transition: all 0.3s 0.2s;
}
    .flexinav_btn i {
        font-size: 18px;
        line-height: 50px;
        float: left;
        -webkit-transition: all 0.3s 0.2s;
        -moz-transition: all 0.3s 0.2s;
        -o-transition: all 0.3s 0.2s;
        transition: all 0.3s 0.2s;
    }
    .flexinav_btn.btn_active {
        top:0;
    }
    .flexinav_btn.btn_active i {
        -webkit-transform: rotate(-180deg);
        -moz-transform: rotate(-180deg);
        -o-transform: rotate(-180deg);
        transform: rotate(-180deg);
    }




/*  _______________________________________________

    03 DROP DOWN CONTAINERS
    _______________________________________________  */




.flexinav .flexinav_menu .flexinav_ddown {
    position: absolute;
    top:-9999em;
    z-index: 9999;
    background: rgba(255,255,255,0.9);
    padding: 30px 10px 10px 10px;
    margin: 0 auto;
    opacity: 0;
    display: block;
}
.flexinav .flexinav_menu .flexinav_ddown h3{
    font-family: 'Microsoft JhengHei', 'Raleway';
    font-weight: 600;
    color: #2a5193;
    letter-spacing: 0;
    margin-bottom: 15px;
    padding-bottom: 28px;
    border-bottom: 1px solid #2a5193;
    font-size: 14px;
}

.flexinav .flexinav_menu .flexinav_ddown h3.hea-pro-e13 {
    font-size: 13px;
}

.flexinav .flexinav_menu .flexinav_ddown h3.hea-pro-e13 a {
    padding: 0 0px 5px 0px;
}

.flexinav .flexinav_menu .flexinav_ddown h3 a{
    color: #2a5193 !important;
    float: left;
    border-bottom: 3px solid #5271a5;
    padding: 0 5px 5px 5px;
}
.flexinav .flexinav_ddown img{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: 100%;
}
.flexinav .flexinav_ddown .colrow ul li, .flexinav .flexinav_ddown .colrow ol li{
    font-size: 15px;
    color: #666;
}
.flexinav .flexinav_ddown .colrow ul.hea-pro-ul14 li {
    font-size: 13px;
}
.flexinav .flexinav_ddown .colrow ul li{
    padding-left: 20px !important;
    background: url(../Images/menu_nav.svg) left 3px no-repeat;
}
.flexinav .flexinav_ddown .colrow ul li.img_block{
    padding-left: 0 !important;
}
.flexinav .flexinav_ddown .colrow ul li:hover{
    color: #5271a5;
}
.flexinav .flexinav_ddown .colrow ul li i{
    margin-right: 7px !important;
    font-size: 14px !important;
    margin-left: 2px;
}
.flexinav .flexinav_menu .flexinav_ddown_scroll {
    padding: 30px 10px 30px 20px;
}
.flexinav .flexinav_menu .flexinav_ddown_fly_out {
    padding: 30px 0 8px 0;
}
.flexinav .flexinav_menu .flexinav_ddown:before,
.flexinav .flexinav_menu .flexinav_ddown:after {
    display: table;
    content: " ";
}
.flexinav .flexinav_menu .flexinav_ddown:after {
    clear: both;
}

/* Drop Down Sizes */

.flexinav .flexinav_menu .flexinav_ddown_mega {
    width: 100%;
    min-width: 1170px;
    right: 0;
    border-top: 5px solid #dbe2ed;
    box-sizing: border-box;
}
.flexinav .flexinav_menu .flexinav_ddown_full {
    width: 100%;
    left:0;
    margin-left: 0;
}
.flexinav .flexinav_menu .flexinav_ddown_960 {
    width:960px;
}
.flexinav .flexinav_menu .flexinav_ddown_880 {
    width:880px;
}
.flexinav .flexinav_menu .flexinav_ddown_800 {
    width:800px;
}
.flexinav .flexinav_menu .flexinav_ddown_720 {
    width:720px;
}
.flexinav .flexinav_menu .flexinav_ddown_640 {
    width:640px;
}
.flexinav .flexinav_menu .flexinav_ddown_560 {
    width:560px;
}
.flexinav .flexinav_menu .flexinav_ddown_480 {
    width:480px;
}
.flexinav .flexinav_menu .flexinav_ddown_400 {
    width:400px;
}
.flexinav .flexinav_menu .flexinav_ddown_320 {
    width:320px;
}
.flexinav .flexinav_menu .flexinav_ddown_240 {
    width:240px;
}
.flexinav .flexinav_menu .flexinav_ddown_160 {
    width:160px;
}
.flexinav .flexinav_menu .flexinav_ddown_80 {
    width:80px;
}
.flexinav .flexinav_menu .flexinav_ddown_960,
.flexinav .flexinav_menu .flexinav_ddown_880,
.flexinav .flexinav_menu .flexinav_ddown_800,
.flexinav .flexinav_menu .flexinav_ddown_720,
.flexinav .flexinav_menu .flexinav_ddown_640,
.flexinav .flexinav_menu .flexinav_ddown_560,
.flexinav .flexinav_menu .flexinav_ddown_480,
.flexinav .flexinav_menu .flexinav_ddown_400,
.flexinav .flexinav_menu .flexinav_ddown_320,
.flexinav .flexinav_menu .flexinav_ddown_240,
.flexinav .flexinav_menu .flexinav_ddown_160,
.flexinav .flexinav_menu .flexinav_ddown_80 {
    margin-left: 0;
}

.flexinav .flexinav_menu .flexinav_ddown_right {
    right:0;
}

/* Show Drop Downs on Mouse Hover */

.flexinav .flexinav_menu li:hover &gt; .flexinav_ddown {
    opacity: 1;
    top:auto; 
}




/*  _______________________________________________

    04 DROP DOWN COLUMNS
    _______________________________________________  */




.flexinav .colrow {
    margin-right: -2%;
    margin-left: -2%;
}
.flexinav .colrow:before,
.flexinav .colrow:after {
    display: table;
    content: " ";
}
.flexinav .colrow:after {
    clear: both;
}
.flexinav .col1,
.flexinav .col2,
.flexinav .col3,
.flexinav .col4,
.flexinav .col5,
.flexinav .col6,
.flexinav .col7,
.flexinav .col8,
.flexinav .col9,
.flexinav .col10,
.flexinav .col11,
.flexinav .col12 {
    position: relative;
    float: left;
    min-height: 1px;
    padding-right: 2%;
    padding-left: 2%;
}
.flexinav .col12 {
    width: 100%;
}
.flexinav .col11 {
    width: 91.66666666666666%;
}
.flexinav .col10 {
    width: 83.33333333333334%;
}
.flexinav .col9 {
    width: 75%;
}
.flexinav .col8 {
    width: 66.66666666666666%;
}
.flexinav .col7 {
    width: 58.333333333333336%;
}
.flexinav .col6 {
    width: 50%;
}
.flexinav .col5 {
    width: 41.66666666666667%;
}
.flexinav .col4 {
    width: 33.33333333333333%;
}
.flexinav .col3 {
    width: 25%;
}
.flexinav .col2 {
    width: 16.666666666666664%;
}
.flexinav .col1 {
    width: 8.333333333333332%;
}




/*  _______________________________________________

    05 MULTILEVEL FLY-OUTS
    _______________________________________________  */




/*  _______________________________________________

    06 TYPOGRAPHY &amp; ELEMENTS
    _______________________________________________  */




/*  _______________________________________________

    07 FORM ELEMENTS
    _______________________________________________  */




/*  _______________________________________________

    08 MOBILE DEVICES
    _______________________________________________  */




/* IE8 */

.flexinav .flexinav_wrapper .flexinav_menu &gt; li.flexinav_collapse {
    display: none\0/;
}




/*  _______________________________________________

    09 COLORS
    _______________________________________________  */




/* Grey */

.flexinav_grey,
.flexinav_grey .flexinav_wrapper .flexinav_menu &gt; li,
.flexinav_grey .flexinav_wrapper .flexinav_menu &gt; li.noactive,
.flexinav_grey +  .flexinav_btn {
    background: #fff;
}
.flexinav_grey .flexinav_ddown a,
.flexinav_grey .dropdown_flyout li span {
    color: #333 !important;
}
    .flexinav_grey .flexinav_ddown a:hover,
    .flexinav_grey .dropdown_flyout li span:hover {
        color: #666 !important;
    }
    .flexinav_grey .flexinav_wrapper .flexinav_menu &gt; li.flexinav_collapse_active,
    .flexinav_grey .flexinav_wrapper .flexinav_menu &gt; li.flexinav_collapse_active:hover {
        background: #758db7 !important;
    }
    .flexinav_grey .flexinav_wrapper .flexinav_menu &gt; li.flexinav_collapse_noactive,
    .flexinav_grey .flexinav_wrapper .flexinav_menu &gt; li.flexinav_collapse_noactive:hover {
        background: #1f4a8c !important;
    }

/* Ocean */

.flexinav_ocean,
.flexinav_ocean .flexinav_wrapper .flexinav_menu &gt; li,
.flexinav_ocean .flexinav_wrapper .flexinav_menu &gt; li.noactive,
.flexinav_ocean +  .flexinav_btn {
    background: #3e586c;
}
.flexinav_ocean .flexinav_ddown a,
.flexinav_ocean .dropdown_flyout li span {
    color: #4a6a82 !important;
}
    .flexinav_ocean .flexinav_ddown a:hover,
    .flexinav_ocean .dropdown_flyout li span:hover {
        color: #5d84a2 !important;
    }
    .flexinav_ocean .flexinav_wrapper .flexinav_menu &gt; li.flexinav_collapse_active,
    .flexinav_ocean .flexinav_wrapper .flexinav_menu &gt; li.flexinav_collapse_active:hover {
        background: #324757 !important;
    }
    .flexinav_ocean .flexinav_wrapper .flexinav_menu &gt; li.flexinav_collapse_noactive,
    .flexinav_ocean .flexinav_wrapper .flexinav_menu &gt; li.flexinav_collapse_noactive:hover {
        background: #3e586c !important;
    }


@media screen and (min-width: 768px) and (max-width: 1024px) {
.flexinav .flexinav_menu .flexinav_ddown_mega{
    min-width: 970px;
}
.flexinav .flexinav_wrapper .flexinav_menu &gt; li &gt; span, .flexinav .flexinav_wrapper .flexinav_menu &gt; li &gt; a{
    padding: 0 15px 0 0 !important;
    font-size: 16px;
}
.flexinav .flexinav_wrapper .flexinav_menu &gt; li &gt; span.last{ 
    padding: 0 !important;
}  
}
@media screen and (min-width: 768px) and (max-width: 970px) {
.flexinav .flexinav_menu .flexinav_ddown_mega{
    min-width: 100%;
}
.rightLine{
    display: none;
}
.rightSide{
    width: 100% !important;
}
.flexinav .flexinav_wrapper .flexinav_menu &gt; li &gt; span, .flexinav .flexinav_wrapper .flexinav_menu &gt; li &gt; a{
    padding: 0 10px 0 0 !important;
}
.flexinav .flexinav_wrapper .flexinav_menu &gt; li &gt; span &gt; a{
    margin-left: 10px;
}

.flexinav .col3 {
    width: 25%;
    padding: 0% 0.3%;
}
.flexinav .flexinav_menu .flexinav_ddown h3.hea-pro-e13 {
    font-size: 12px;
}

.flexinav .flexinav_menu .flexinav_ddown h3.hea-nav-13 {
    font-size: 12px;
}
}
@media only screen and (min-width:320px) and (max-width:767px){.container .index{width:100%;margin-right:0}}
.container a.demo {
}
.container .small {
   line-height: 12px;
   font-size: 11px;
   padding: 0;
}
@media only screen and (max-width: 767px) {
.flexinav .flexinav_menu .flexinav_ddown_mega{
    min-width: inherit;
}
.flexinav .flexinav_wrapper .flexinav_menu &gt; li &gt; span, .flexinav .flexinav_wrapper .flexinav_menu &gt; li &gt; span &gt; a{
    font-size: 16px;
    border-bottom: 1px solid #ddd;
}
.flexinav .flexinav_wrapper .flexinav_menu .flexinav_ddown img{
    display: none;
}
.flexinav .flexinav_menu .flexinav_ddown{
     padding: 10px;
}
.flexinav .flexinav_menu .flexinav_ddown h3{
    font-size: 15px;
    margin-bottom: 15px;
    line-height: 20px;
}
.flexinav .flexinav_menu .flexinav_ddown h3 a{
    border-bottom: 0;
}
.flexinav .flexinav_ddown .colrow ul li, .flexinav .flexinav_ddown .colrow ol li{
    font-size: 14px;
}

.flexinav .flexinav_wrapper .flexinav_menu &gt; li &gt; span, .flexinav .flexinav_wrapper .flexinav_menu &gt; li &gt; a{
    line-height: 40px;
}
.cb-slideshow li div h3{
    display: none;
}
.rightLine{
    display: none;
}
}</pre></body></html>