.slimmenu { font-family: 'PT Sans Caption', sans-serif; font-size: 0; color: #202020; font-weight: 400; text-align: right; line-height: 24px; width: 100%; margin: 0; padding: 0; list-style-type: none; }
ul.slimmenu:before, ul.slimmenu:after { content: ''; display: table; }
ul.slimmenu:after { clear: both; }
ul.slimmenu li { position: relative; display: inline-block; vertical-align: middle; font-size: 18px; margin: 0 20px; }
ul.slimmenu li a { display: inline-block; padding: 2px 1px; color: #202020; transition: all 0.3s ease-in-out; }
ul.slimmenu li:first-child{ margin-left: 0; }
ul.slimmenu li:last-child{ margin-right: 0; }

ul.slimmenu li a:hover{ text-decoration: none; background-color: transparent; color: #202020; }
ul.slimmenu li.active a, ul.slimmenu li.active a:hover{ color: #202020; }

ul.slimmenu li a::after{ position: absolute; content: ''; width: 0; height: 2px; background-color: #0b62a2; bottom: 0; left: 0; z-index: 1; transition: all 0.6s ease-in-out; }
ul.slimmenu li a:hover::after{ width: 100%; }
ul.slimmenu li.active a::after, ul.slimmenu li.active a:hover::after{ width: 100%; }

/*====================== Menu Sub Menu Area =================*/
ul.slimmenu li ul { margin: 0; list-style-type: none; padding-top: 20px; text-align: left; min-width: 200px; }
ul.slimmenu li ul li { background-color: rgba(0, 68, 117, 0.95); white-space: nowrap; display: block; float: none; padding: 0 25px 0 15px; position: relative; margin: 0; }
ul.slimmenu li ul li:first-child{ padding-top: 15px; }
ul.slimmenu li ul li:last-child{ padding-bottom: 15px; }
ul.slimmenu li ul li a{ padding: 8px 0; color: #FFFFFF; }
ul.slimmenu li ul li a:hover{ color: #000000; }
ul.slimmenu li>ul { position: absolute; left: -20px; top: 100%; z-index: 999; display: none; width: auto; }
ul.slimmenu li>ul>li ul { position: absolute; left: 100%; top: -10px; z-index: 999; display: none; width: 100%; }
ul.slimmenu li .sub-toggle { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.075); position: absolute; right: 0; top: 0; z-index: 999; width: 0; height: 100%; text-align: center; cursor: pointer; }
ul.slimmenu li .sub-toggle:before { content: ''; display: inline-block; height: 100%; margin-right: -0.25em; vertical-align: middle; }
ul.slimmenu li .sub-toggle>i { display: inline-block; color: #333; font-size: 0; vertical-align: middle; }

/*====================== Menu Collapse Area =================*/
.menu-collapser { position: relative; width: 100%; height: 0; padding: 0 8px; color: #FFF; font-size: 16px; line-height: 48px; background-color: #999; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.collapse-button { position: absolute; right: 0; top: -13px; width: 43px; padding: 9px 10px; color: #ffffff; font-size: 14px; text-align: center; border: 2px solid #0a62a2; border-radius: 0; cursor: pointer; transform: translate(0, -50%); -o-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.collapse-button .icon-bar { display: block; height: 2px; width: 18px; margin: 2px 0; background-color: #0a62a2;border-radius: 1px; }

ul.slimmenu.collapsed li { display: block; width: 100%; padding: 0 15px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
ul.slimmenu.collapsed li>ul { position: static; display: none; padding-top: 0; }
ul.slimmenu.collapsed li a { position: relative; display: block; border-bottom: 1px solid rgba(0, 0, 0, 0.3); box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 10px 15px; background-color: rgba(10, 98, 162, 0.98); color: #ffffff; }
ul.slimmenu.collapsed li a:hover{ color: #ffffff; }
ul.slimmenu.collapsed li .sub-toggle { height: auto; width: auto; right: 15px; padding: 9px 17px 9px 20px; }
ul.slimmenu.collapsed li .sub-toggle > i{ font-size: 15px; color: #ffffff; }
ul.slimmenu.collapsed li > ul > li:first-child::after{ display: none; }

/*====================== Wordpress Changes =================*/
.slimmenu svg:not(:root){ display: none; }
ul.slimmenu li ul{ padding-top: 16px; }
ul.slimmenu li.has-submenu ul li a{ color: #ffffff; }
ul.slimmenu li.has-submenu ul li a:hover{ color: #000000; }

/*====================== Menu Responsive Area =================*/

@media only screen and (max-width:767px){
.slimmenu{ position: absolute; z-index: 6; left: 0; right: 0; top: 10px; text-align: left; }
ul.slimmenu li{ margin: 0 !important; font-weight: normal; font-size: 14px; }
ul.slimmenu li:first-child{ margin-left: 5px; }
ul.slimmenu li::before, ul.slimmenu li::after{ display: none; }
ul.slimmenu li.current-menu-item a, ul.slimmenu li.current-menu-item a:hover{ background:#333 !important;}
ul.slimmenu li.current-menu-item a, ul.slimmenu li.current-menu-item a:hover{ color: #fff; }
ul.slimmenu li:first-child a{ padding-left: 15px; }
ul.slimmenu li.current-menu-item a::after, ul.slimmenu li a:hover::after{ display: none; }
ul.slimmenu li ul li:first-child{ padding-top: 0; }
ul.slimmenu li ul li:last-child{ padding-bottom: 0; }
ul.slimmenu.collapsed ul li a i{ display: none; }
ul.slimmenu li ul li::before{ top: 10px; color: #000000; }
ul.slimmenu.collapsed li ul li{ padding-left: 0; padding-right: 0; }
/*ul.slimmenu.collapsed li ul li a{ background-color: rgb(0, 129, 183); }*/
ul.slimmenu li.has-submenu ul li a{ padding-left: 30px; }
}


@media only screen and (max-width:767px){

    .top_menu .collapsed{z-index:100 !important;}
}