﻿.horizontal-menu{
    /*margin-top:30px;*/
    height:49px;
    font-size:13px;
    /*overflow:hidden;*/
    /*border-bottom:solid 1px #666;*/
}
.horizontal-menu nav
{
    display:table;
}
.horizontal-menu nav ul 
{
    padding: 0;
    margin: 0;
}


    .horizontal-menu nav ul li
    {
        display:block;
        text-align:left;
        /*padding-bottom: 1.2em;*/
    }

    .horizontal-menu nav ul li:hover
    {
    }
    .horizontal-menu nav > ul li.current 
    {
        /*font-weight: bold;*/
    }
    .horizontal-menu nav ul li a 
    {
        /*padding:0 10px;*/
        display:block;
        /*font-size: 20px;*/
        text-decoration:none;
        white-space: normal;
    }
    .horizontal-menu nav ul li a:hover {
        text-decoration:none;
    }
    #layout-navigation nav ul li a
    {
        /*font-weight:bold;*/
    }


/* first level */
.horizontal-menu nav > ul {
    position:relative;
    display:table-row;
}
.horizontal-menu nav > ul > li 
{
    display:inline-block;
    overflow: visible;
    height:50px;
    /*font-size:14px;*/
    display:table-cell;
    padding-right:15px;
}
.horizontal-menu nav > ul > li{ color:#59627b;}
.horizontal-menu nav > ul > li:hover,
.horizontal-menu nav > ul > li.current {
    border-bottom:solid 2px Red;
    /*font-weight:bold;*/
    color: #252b3f;
}
.horizontal-menu nav > ul > li > a {
    float:left;
    vertical-align: middle;
    color:#59627b;
}
.horizontal-menu nav > ul > li:hover > a {color: #252b3f;}
.horizontal-menu nav > ul > li.hover > ul,
.horizontal-menu nav > ul > li:hover > ul { display:block; }
.horizontal-menu nav > ul > li:hover {
    /*background-image: url(MenuBGhover.png);*/
    background-repeat: repeat-x;
    background-position: 1px 1px;
}

/* second level */
.horizontal-menu nav > ul > li > ul 
{
    width: 200px;
    margin: 0;
    margin-top: 50px;
    top:-1px;
    padding:0px;
    display:none;
    position:absolute;
    z-index:2000;
    background-color: #fff;
    border: 1px solid #BDC2C6;
    border-bottom: 0px;
    -webkit-box-shadow: 7px 7px 5px rgba(50, 50, 50, 0.5);
-moz-box-shadow:    7px 7px 5px rgba(50, 50, 50, 0.5);
box-shadow:         7px 7px 5px rgba(50, 50, 50, 0.5);
}
.horizontal-menu nav > ul > li.last > ul{ /*width: 100%;*/}
.horizontal-menu nav > ul > li > ul li.dropdown{
    color:#787B82;
    background-image:url(Images/chevron-rt-24x10.png);
    background-repeat:no-repeat;
    background-position: right 10px;
    padding-right:30px;
} 
.horizontal-menu nav > ul > li > ul li.dropdown:hover{

    width:200px;
    background-image:url(Images/chevron-rt-white-24x10.png);
} 
.horizontal-menu nav > ul > li > ul > li 
{
        width:200px;

    list-style-type:none;
    margin:0px;
    border: none;
    border-bottom: 1px solid #DEE5E7;
    z-index:1000;
}
.horizontal-menu nav > ul > li > ul > li a{
        width:200px;
        color:#59627b;
        /*font-size:15px;*/
}
.horizontal-menu nav > ul > li > ul > li > a {
    width:200px;
    color:#59627b;

    display:block;
    text-decoration:none;
    padding:5px;
    font-weight: normal !important;
    /*font-weight:bold;*/
}
.horizontal-menu nav > ul > li > ul > li:hover {
        font-weight:bolder;

}
.horizontal-menu nav > ul > li > ul > li:hover > a {
    font-weight:normal !important;
    color:#252b3f;
}

.horizontal-menu nav > ul > li > ul > li:hover > ul { display:block; font-weight:bold;}

.horizontal-menu nav li a.home{
    background-image:url(Images/Home.png);
    width: 25px;
    height:25px;
    display:inline-block;
    background-repeat: no-repeat;
}
/* third level */
.horizontal-menu nav > ul > li > ul > li > ul {
    /*margin: -30px -1px 0px 100% ;*/
    left:100%;
    top:0;
    width: 250px;
    padding:0px; 
    display:none; 
    position:absolute;
    background-color:#fff;
    border: 1px solid #dbdbdb;
    overflow:visible;
 }
.horizontal-menu nav > ul > li > ul > li > ul > li 
{
    list-style-type:none;
    margin:0px;
    border: none;
    border-bottom: 1px solid #DEE5E7;
    overflow:visible;
    white-space:nowrap;
}
.horizontal-menu nav > ul > li > ul > li > ul > li > a { 
    display:block; 
    text-decoration:none;
    font-weight: normal !important;
    overflow:visible;
    /*white-space:nowrap;*/
    padding:5px;
    font-weight:bold;
}
.horizontal-menu nav > ul > li > ul > li > ul > li:hover{ background-color:#3cf; font-weight:bold;}
.horizontal-menu nav > ul > li > ul > li > ul > li:hover > a { color:#fff; font-weight:bold;}
/* 4 level */
.horizontal-menu nav > ul > li > ul > li > ul > li:hover > ul { display:block; font-weight:bold;}
.horizontal-menu nav > ul > li > ul > li > ul > li > ul {
    /*margin: -30px -1px 0px 100% ;*/
    left:100%;
    top:0;
    width: 250px;
    padding:0px; 
    display:none; 
    position:absolute;
    background-color:#fff;
    border: 1px solid #dbdbdb;
    overflow:visible;
 }
.horizontal-menu nav > ul > li > ul > li > ul > li > ul > li 
{
    list-style-type:none;
    margin:0px;
    border: none;
    border-bottom: 1px solid #DEE5E7;
    overflow:visible;
    white-space:nowrap;
}
.horizontal-menu nav > ul > li > ul > li > ul > li > ul > li > a { 
    display:block; 
    text-decoration:none;
    font-weight: normal !important;
    overflow:visible;
    /*white-space:nowrap;*/
    padding:5px;
}
.horizontal-menu nav > ul > li > ul > li > ul > li > ul > li:hover{ background-color:#3cf; }
.horizontal-menu nav > ul > li > ul > li > ul > li > ul > li:hover > a { color:#fff; }

/* deeper levels */
.horizontal-menu nav > ul > li > ul > li > ul > li > ul ul { display:none; }

.breadcrumb {
    color: #fff;
    background-color: transparent;
    padding:0px;
}
.breadcrumb>* {
    margin-top: 15px;
}
.breadcrumb > li{
    padding-right:20px;
    margin-right:10px;
    background-image:url(Images/breadcrumb-chevron.png);
    background-repeat:no-repeat;
    background-position:right center;
    color: #fff;
}
.breadcrumb > li.last{
    padding-right:0px;
    background-image:none;
}
.breadcrumb > li + li:before {
    content: "";
    padding: 0px;
    color: #ccc;
}
.breadcrumb > li a{
    color:#fff;
}
.breadcrumb ins {
    display: inline-block;
    width: 3em;height: 1em;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAAFCAYAAACAcVaiAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAACBJREFUGFdjmLtw0X8gYABhMAcmAOeAMKYMiPH//38GAJD2K8aYfqi0AAAAAElFTkSuQmCC') /*images/left3x5.png*/;
    background-repeat: no-repeat;
    background-position: center 0.5em;
}
.breadcrumb span.last { color: #9DA1A2;}

.menu-with-breadcrumb>li {
    border: 0;
    border-bottom: 3px solid #fff;
}
.menu-with-breadcrumb>li.current {
    border-left: 3px solid #fff;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    border-bottom: 0;
}

#mobile-menu-btn {
    display:inline-block;
    width:24px;
    height:24px;
    background-image: url(ImagesNew/mobile-menu.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    margin-right:-30px !important;
    position:sticky;
}
#mobile-menu-btn.opened {

}

.mobile-menu {
    width:100%;
    top:150px;
    bottom:0;
    left:0;
    display:none;
    z-index:2000;
    position:absolute;
    color: #000;
    background-color: #fff;
    overflow:auto;
}
.mobile-menu.opened {
    display:block;
}
.mobile-menu nav {
    height: 100%;
}
.mobile-menu nav a{
    color:#000;
}
.mobile-menu nav a:hover{
    color:#3cf;
}
.mobile-menu .dropdown>a{
     background-image: url(ImagesNew/menu-arrow.png);
     background-repeat:no-repeat;
     background-position:right center;
}
.mobile-menu .dropdown.opened>a{
     background-image: none;
}
.mobile-menu a.close-btn {
    display: inline-block;
    width: 28px;
    height: 28px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAXdJREFUSEutluFOwjAUhfeSIiYivoyaiE8BUWKMRv+LqI8A6MvIVntar3TdaWlHb/KN9qzlY+s2VimlDHfLjTq5etJN2y/F6PpZzRYr3bR9s3n4/EagtnVTVApZ3TS6qdRcHxCyav7+ZQIpSIcFpKPJTiY1W6xVdap/BSRuHSplMnzn8eWjHVBSGpPpsmsIcL6ZNGdNx5OXjuxnW6vhnwy0JhwiTZGB1iTQR5oqA62OkCM9v+EyWTOfTiCkSHNlgIZCTNpHBmjoEpIy2eAiLgM09GH3qVuQHSXIAA0ZIWmODNCQERIiwz5ddJ4PDX2wjv6auQUpxuii811o6HJGno04jf7RpkppKIRkuBpDV+8+KQ1BTKbLjOkjpWHo2cjus1xpJwjJYk+QHGmr00cmpEr/G+PAs3GQIBNCbw7ufWo2IVnKkfnskxaVCTGpeQF2CzL2T50LW9Pp68ruvP+w76YYUEImuNLbtzU+dhcNgpIyAVIcme2r6hdAZ+pFp6nWfAAAAABJRU5ErkJggg==') /*images/cross-white28x28.png*/;
    background-repeat: no-repeat;
    background-position: center center;
    margin-left: 45px;
}
.mobile-menu ul {
    list-style: none;
    padding: 0;
    padding-left:30px;
    font-weight:bold;
}
.mobile-menu nav>ul{
    padding-left:0px;
}
.mobile-menu nav>ul>li {
    display:block;
}
.mobile-menu nav>ul>li.current {
}
.mobile-menu ul li a {
    display: block;
    margin: 10px 20px;
    padding-bottom:2px;
    border-bottom: 1px solid #e3e5ec;
}
.mobile-menu body>ul>li a {
    color: #ffffff;
}
.mobile-menu nav>ul>li ul { display: none;}
.mobile-menu nav>ul>li.opened ul { display: block;}
.mobile-menu nav>ul>li>ul>li {}
.mobile-menu nav>ul>li>ul>li a {}
/*.mobile-menu nav>ul>li.current>ul { display: block;}*/

