﻿/* General */
.topMenuItem {font-size:16px; color:#6e8ba5; font-family: Quicksand, Arial; font-weight:700;height:50px;display:flex;justify-content:center;align-items:center;}
a.topMenuItem:link, a.topMenuItem:visited {color:#6e8ba5; text-decoration:none; }
a.topMenuItem:hover, a.topMenuItem:active {color:#0ab2f0; text-decoration:none; border-top:1px solid #0ab2f0; font-weight:700;}

.topMenuItemSel {
    font-size: 16px;
    color: #0ab2f0;
    display: block;
    font-family: Quicksand, Arial;
    border-top: 1px solid #0ab2f0;
    font-weight: 700;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}
a.topMenuItemSel:link, a.topMenuItemSel:visited {color:#0ab2f0; text-decoration:none; border-top:1px solid #00aff0; }
a.topMenuItemSel:hover, a.topMenuItemSel:active {color:#0ab2f0;  text-decoration:none; border-top:1px solid #00aff0;}

.divMenu .divMenuSelector {height:0px; width:auto;}
.divMenu:hover .divMenuSelector {height:0px; width:auto; }
.divMenuSelectorSel {height:0px; width:auto;}
 
.ulTopmenu {margin:0; padding:0; height:auto; overflow:hidden;}
.liTopMenu {margin:0; list-style:none; height:auto; float:left;display: flex;justify-content: center;align-items: center;}

/*.divTopSubMenuSpliter {width: 186px; height: 1px; background: #e0e0e0;}*/
.spanTopMenuSplitter { /*float:left; width:0px; height:1px; display:block;*/
    height: 4px;
    width: 4px;
    background-color: #6e8ba5;
    border-radius: 50%;
    display: inline-block;
    margin:0px 20px;
    /*margin-top: -7px;*/
    /*margin-left: -20px;*/
}
/* End of General */

/*nav*/
.nav, nav ul {list-style:none; margin:0; padding:0; /*background:url(../img/usr/corner-dropmenu-top-left.gif) no-repeat left top, url(../img.usr/corner-dropmenu-top-right.gif)no-repeat right top*/}
.nav {/*z-index:100;*/ position:relative;display:inline-block;}
.nav li {float:left; /*margin:0 0 0 0px; margin:0px 18px;*/ position:relative;background-image:none;text-align:left;}
.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited {}
.nav li a:hover {}

#nav-one li {height:auto; overflow:visible;padding:0px;}
#nav-one li:hover, #nav-one li.sfhover {}
#nav-one li.sel {}
#nav-one li:hover ul li ul {visibility:hidden;}
#nav-one li:hover ul li:hover ul#nav-three {visibility:visible;}

#nav-one li a {}
#nav-one li:hover a, #nav-one li.sfHover a {}
#nav-one li.sel a {}
#nav-one li:hover ul a, #nav-one li.sfHover ul a { }
#nav-one li:hover ul a:hover, #nav-one li.sfHover ul a:hover {text-align:left;}

#nav-two {margin-top:90px; margin-left:0px; padding:10px 20px; font-weight:700;}
#nav-two li {border-bottom:1px solid #ffffff; width:100%; font-size:14px; background:#00aff0;padding:0px;}
#nav-two li:hover {}
#nav-two li a ,#nav-two li a:link {color:#ffffff; padding:10px 20px; display:block; text-decoration:none;}
#nav-two li a:visited {color:#ffffff; text-decoration:none; }
#nav-two li a:hover {color:#ffffff; text-decoration:none; background:#0088e8;}
#nav-two li a:active {color:#ffffff; text-decoration:none; background:#0088e8;}

#nav-two li.sel {color:#ffffff; display:block;  background:#0088e8; font-weight:700;}
#nav-two li.sel a:link {color:#ffffff; background:#0088e8;}
#nav-two li.sel a:link {color:#ffffff; background:#0088e8;}
#nav-two li.sel a:visited {color:#ffffff; background:#0088e8;}
#nav-two li.sel a:hover {color:#ffffff;  background:#0088e8;}
    #nav-two li.sel a:active {
        color: #ffffff;
        background: #0088e8z;
    }

#nav-three li.sel a {color:#285bce; text-decoration:none; padding-left:10px;}

.nav ul {list-style:none; margin-top:0px; margin-left:160px; width:auto; min-width:200px;
         height:auto; /*overflow:hidden;*/ position:absolute; top:-999em; z-index: 999999;
         left:0px; /*background:rgba(11,78,102,0.8);*/}
.nav li:hover ul, .nav li.sfHover ul {top: -52px;}
.nav ul.toleft {left:-50px;}
.nav ul ul {position:absolute; top:0; left:95%; margin-top:-10px;}
/*end nav*/


/*2nd level*/
#nav-three li.sel a {color:#285bce; text-decoration:none; /*padding-left:10px;*/}
.divTopMenuSub #nav-two {margin-top:75px; margin-left:35px; background:#3885fe;}
.divTopMenuSub #nav-two li {width:100%;}
.divTopMenuSub #nav-two li:hover {background:#205dbd;}
/*#nav-two .liHasHyperlink { padding: 13px 15px 10px 15px;}*/
.divTopMenuSub #nav-two li a:link,
.divTopMenuSub #nav-two li a:visited {
    color: #fff;
    text-decoration: none;
    font-family: Quicksand, Arial;
    font-weight: 400;
    font-size: 16px;
    display:block;
    padding: 10px 15px;
}
.divTopMenuSub #nav-two li a:hover,
.divTopMenuSub #nav-two li a:active {
    color: #fff;
    text-decoration: none;
}

.divTopMenuSub #nav-two li.sel {color:#fff; font-family:Quicksand, Arial; font-weight:400; text-decoration:none; display:block; background:#205dbd;}
.divTopMenuSub #nav-two li.sel a:link {
    color: #fff;
    text-decoration: none;
}
.divTopMenuSub #nav-two li.sel a:visited {
    color: #fff;
    text-decoration: none;
}
.divTopMenuSub #nav-two li.sel a:hover {
    color: #fff;
    text-decoration: none;
    background: #205dbd;
}
.divTopMenuSub #nav-two li.sel a:active {
    color: #fff;
    text-decoration: none;
    background: #205dbd;
}

.divSubMenuLv2 #nav-three {margin-top: 52px;margin-left: 10px; color:#ffffff; /*background:#292929;*/}
.divSubMenuLv2 #nav-three li {width:100%;}
.divSubMenuLv2 #nav-three li:hover {text-align:left;}

.divSubMenuLv2 #nav-three li a.hypTopSubMenuLv2:link {color:#fff; text-decoration:none; padding:10px 20px; display:block;background:#00aff0;}
.divSubMenuLv2 #nav-three li a.hypTopSubMenuLv2:visited {color:#fff; text-decoration:none;background:#00aff0;}
.divSubMenuLv2 #nav-three li a.hypTopSubMenuLv2:hover {color:#fff; text-decoration:none; background:#0088e8;}
.divSubMenuLv2 #nav-three li a.hypTopSubMenuLv2:active {color:#fff; text-decoration:none; background:#0088e8;}

.divSubMenuLv2 #nav-three li.sel {color:#fff; text-decoration:none; display:block; background:#0088e8;} 
.divSubMenuLv2 #nav-three li.sel a.hypTopSubMenuLv2:link {color:#fff; text-decoration:none; background:#0088e8;}
.divSubMenuLv2 #nav-three li.sel a.hypTopSubMenuLv2:visited {color:#fff; text-decoration:none; background:#0088e8;}
.divSubMenuLv2 #nav-three li.sel a.hypTopSubMenuLv2:hover {color:#fff; text-decoration:none; background:#0088e8;}
.divSubMenuLv2 #nav-three li.sel a.hypTopSubMenuLv2:active{color:#fff; text-decoration:none; background:#0088e8;}
/*end of 2nd level*/

/*Horizontal Menu*/
.navHorizontal {
    position: absolute !important;
    width: 1200px !important;
    margin: auto !important;
    padding: unset !important;
    background-color: rgba(0, 175, 240,0.8);
}

.liTopMenu:hover .navHorizontal {    
    top: 48px !important;
}
.navHorizontal li {
    width: auto !important;
    min-width: 150px !important;
    border-bottom: none !important;
    background: none !important;
}

.navHorizontal li a{
    height: 40px;
    padding: 0px 10px!important;
    display: flex!important;
    align-items: center;
    justify-content:center;
}

.navHorizontal li:hover #nav-three{
    left:0px;
    top:-12px;
}
.navHorizontal li:hover #nav-three li{
    width:100%!important;
}
.navHorizontal li:hover #nav-three li a{
    justify-content:flex-start;
}

.divMisTopMenu .liTopMenu:hover .navHorizontal {
    top: 18px !important;
    width:auto!important;
}

/*#nav-two li.sel ul#nav-three{visibility:visible;}*/


/*nav-four*/
.divSubMenuLv3 #nav-four {margin-top: 52px;margin-left: 10px; color:#ffffff; /*background:#292929;*/}
.divSubMenuLv3 #nav-four li {width:100%;}
.divSubMenuLv3 #nav-four li:hover {text-align:left;}

.divSubMenuLv3 #nav-four li a.hypTopSubMenuLv3:link {color:#fff; text-decoration:none; padding:10px 20px; display:block;background:#00aff0;}
.divSubMenuLv3 #nav-four li a.hypTopSubMenuLv3:visited {color:#fff; text-decoration:none;background:#00aff0;}
.divSubMenuLv3 #nav-four li a.hypTopSubMenuLv3:hover {color:#fff; text-decoration:none; background:#0088e8;}
.divSubMenuLv3 #nav-four li a.hypTopSubMenuLv3:active {color:#fff; text-decoration:none; background:#0088e8;}

.divSubMenuLv3 #nav-four li.sel {color:#fff; text-decoration:none; display:block; background:#0088e8;} 
.divSubMenuLv3 #nav-four li.sel a.hypTopSubMenuLv3:link {color:#fff; text-decoration:none; background:#0088e8;}
.divSubMenuLv3 #nav-four li.sel a.hypTopSubMenuLv3:visited {color:#fff; text-decoration:none; background:#0088e8;}
.divSubMenuLv3 #nav-four li.sel a.hypTopSubMenuLv3:hover {color:#fff; text-decoration:none; background:#0088e8;}
.divSubMenuLv3 #nav-four li.sel a.hypTopSubMenuLv3:active{color:#fff; text-decoration:none; background:#0088e8;}

#nav-one li:hover ul li:hover ul#nav-three li:hover ul#nav-four {visibility:visible;}
/*#nav-two li.sel ul#nav-three li.sel ul#nav-four{visibility:visible;}*/

.navHorizontal li:hover #nav-four{
    left:0px;
    top:-12px;
}
.navHorizontal li:hover #nav-four li{
    width:100%!important;
}
.navHorizontal li:hover #nav-four li a{
    justify-content:flex-start;
}

/*nav-five*/
.divSubMenuLv4 #nav-five {margin-top: 52px;margin-left: 10px; color:#ffffff; /*background:#292929;*/}
.divSubMenuLv4 #nav-five li {width:100%;}
.divSubMenuLv4 #nav-five li:hover {text-align:left;}

.divSubMenuLv4 #nav-five li a.hypTopSubMenuLv4:link {color:#fff; text-decoration:none; padding:10px 20px; display:block;background:#00aff0;}
.divSubMenuLv4 #nav-five li a.hypTopSubMenuLv4:visited {color:#fff; text-decoration:none;background:#00aff0;}
.divSubMenuLv4 #nav-five li a.hypTopSubMenuLv4:hover {color:#fff; text-decoration:none; background:#0088e8;}
.divSubMenuLv4 #nav-five li a.hypTopSubMenuLv4:active {color:#fff; text-decoration:none; background:#0088e8;}

.divSubMenuLv4 #nav-five li.sel {color:#fff; text-decoration:none; display:block; background:#0088e8;} 
.divSubMenuLv4 #nav-five li.sel a.hypTopSubMenuLv4:link {color:#fff; text-decoration:none; background:#0088e8;}
.divSubMenuLv4 #nav-five li.sel a.hypTopSubMenuLv4:visited {color:#fff; text-decoration:none; background:#0088e8;}
.divSubMenuLv4 #nav-five li.sel a.hypTopSubMenuLv4:hover {color:#fff; text-decoration:none; background:#0088e8;}
.divSubMenuLv4 #nav-five li.sel a.hypTopSubMenuLv4:active{color:#fff; text-decoration:none; background:#0088e8;}

#nav-one li:hover ul li:hover ul#nav-three li:hover ul#nav-four li:hover ul#nav-five {visibility:visible;}
/*#nav-two li.sel ul#nav-three li.sel ul#nav-four li.sel ul#nav-five{visibility:visible;}*/

.navHorizontal li:hover #nav-five{
    left:0px;
    top:-12px;
}
.navHorizontal li:hover #nav-five li{
    width:100%!important;
}
.navHorizontal li:hover #nav-five li a{
    justify-content:flex-start;
}
