﻿/*-----Top-Menu-------*/

#cssmenu { float:left;}
#cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a, #cssmenu #menu-button { margin:0;padding:0;border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;z-index:99;font-family:'Montserrat',sans-serif;}
#cssmenu:after, #cssmenu > ul:after { content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
#cssmenu #menu-button { display:none;}
#cssmenu { width:auto;font-family:'Montserrat', sans-serif;line-height:1;}
#cssmenu > ul > li { float:left;}
#cssmenu.align-center > ul { font-size:0;text-align:center;}
#cssmenu.align-center > ul > li { display:inline-block;float:none;}
#cssmenu.align-center ul ul { text-align:left;}
#cssmenu.align-right > ul > li {float:right;}
#cssmenu.align-right ul ul { text-align:right;}
#cssmenu > ul > li > a { padding:10px 0px 0px 0px;font-size:16px;text-decoration:none;line-height:36px;color:#000;width:70px;}
#cssmenu > ul > li > a b { display:block;width:30px;height:30px;background:#007BA7;color:#eee;line-height:30px;font-size:18px;margin:0px auto 0px auto;text-align:center;}
#cssmenu > ul > li > a span { text-align:center;display:block;color:#eee;font-size:12px;line-height:30px;height:30px;overflow:hidden;}
#cssmenu > ul > li:hover > a { background:#4AADD2;color:#fff !important;}
#cssmenu > ul > li:hover > a b { background:#84C700;}
#cssmenu > ul > li:hover > a,#cssmenu > ul > li.active > a {color:#fff;}
#cssmenu > ul > li.has-sub > a { padding-right:15px;}
#cssmenu > ul > li.has-sub > a::after { position:absolute;top:21px;right:10px;width:0px;height:0px;display:none;border-bottom:1px solid #fff;border-right:1px solid #fff;}
#cssmenu > ul > li.has-sub:hover > a::after { border-color:#fff;}
#cssmenu ul ul { position:absolute;left:-9999px;z-index:99;}
#cssmenu li:hover > ul {left:auto;}
#cssmenu.align-right li:hover > ul {right:0;}
#cssmenu ul ul ul {margin-left:100%;top:0;}
#cssmenu.align-right ul ul ul {margin-left:0;margin-right:100%;}
#cssmenu ul ul li {height:0;-webkit-transition:height .2s ease;-moz-transition:height .2s ease;-ms-transition:height .2s ease;-o-transition:height .2s ease;transition:height .2s ease;}
#cssmenu ul li:hover > ul > li {height:30px;}
#cssmenu ul ul li a {padding:9px 14px;width:160px;font-size:16px;background:#2693BA;text-decoration:none;color:#fff;-webkit-transition:color .2s ease;-moz-transition:color .2s ease;-ms-transition:color .2s ease;-o-transition:color .2s ease;transition:color .2s ease;}
#cssmenu ul ul li:hover > a, #cssmenu ul ul li a:hover {color:#fff;background-color:#B80202;}
#cssmenu ul ul li.has-sub > a::after {position:absolute;top:13px;right:10px;width:4px;height:4px;border-bottom:1px solid #dddddd;border-right:1px solid #dddddd;content:"";-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:border-color 0.2s ease;-moz-transition:border-color 0.2s ease;-ms-transition:border-color 0.2s ease;-o-transition:border-color 0.2s ease;transition:border-color 0.2s ease;}
#cssmenu.align-right ul ul li.has-sub > a::after {right:auto;left:10px;border-bottom:0;border-right:0;border-top:1px solid #dddddd;border-left:1px solid #dddddd;}
#cssmenu ul ul li.has-sub:hover > a::after { border-color:#ffffff;}

@media all and (max-width:768px), only screen and (-webkit-min-device-pixel-ratio:2) and (max-width:1024px), only screen and (min--moz-device-pixel-ratio:2) and (max-width:1024px), only screen and (-o-min-device-pixel-ratio:2/1) and (max-width:1024px), only screen and (min-device-pixel-ratio:2) and (max-width:1024px), only screen and (min-resolution:192dpi) and (max-width:1024px), only screen and (min-resolution:2dppx) and (max-width:1024px) {
#cssmenu {width:100%;background:#2693BA;float:none;}
#cssmenu ul { width:100%;display:none;}
#cssmenu.align-center > ul,#cssmenu.align-right ul ul {text-align:left;}
#cssmenu ul li,#cssmenu ul ul li,#cssmenu ul li:hover > ul > li {width:100%;height:auto;background:#2693BA;border-top:1px solid #0D8CBA;}
#cssmenu > ul > li > a b { float:left;margin:-5px 10px 0 20px;}
#cssmenu > ul > li > a span { text-align:left;display:block;color:#eee;font-size:14px;line-height:20px;height:30px;}
#cssmenu > ul > li:hover > a { background:#0082B0;}
#cssmenu ul li a,#cssmenu ul ul li a {width:100%;color:#fff;font-size:14px;height:40px;}
#cssmenu > ul > li,#cssmenu.align-center > ul > li,#cssmenu.align-right > ul > li {float:none;display:block;}
#cssmenu ul ul li a {padding:15px 20px 15px 30px;font-size:16px;color:#fff;background:none;}
#cssmenu ul ul li:hover > a, #cssmenu ul ul li a:hover {color:#fff;}
#cssmenu ul ul ul li a {padding-left:40px;}
#cssmenu ul ul, #cssmenu ul ul ul {position:relative;left:0;right:auto;width:100%;margin:0;}
#cssmenu > ul > li.has-sub > a::after, #cssmenu ul ul li.has-sub > a::after {display:none;}
#menu-line {display:none;}
#cssmenu #menu-button {display:block;padding:12px 20px;color:#fff !important;cursor:pointer;font-size:16px;text-transform:uppercase;}
#cssmenu #menu-button::after {content:'';position:absolute;top:12px;right:20px;display:block;width:15px;height:2px;background:#fff;}
#cssmenu #menu-button::before {content:'';position:absolute;top:17px;right:20px;display:block;width:15px;height:7px;border-top:2px solid #fff;border-bottom:2px solid #fff;}
#cssmenu .submenu-button {position:absolute;z-index:9999;right:0;top:0;display:block;border-left:1px solid rgba(120, 120, 120, 0.15);height:36px;width:52px;cursor:pointer;}
#cssmenu .submenu-button::after {content:'';position:absolute;top:12px;left:26px;display:block;width:1px;height:11px;background:#fff;z-index:99;}
#cssmenu .submenu-button::before {content:'';position:absolute;left:21px;top:17px;display:block;width:11px;height:1px;background:#fff;z-index:99;}
#cssmenu .submenu-button.submenu-opened:after {display:none;}
}

/*-----Left-Menu-------*/
#nav, #nav ul { margin:0px;padding:0px;list-style-type:none;list-style-position:outside;position:relative;line-height:20px;text-align:left;}
#nav a { display:block;padding:0px 10px 0px 10px;color:#ffffff;text-decoration:none;text-align:left;line-height:36px;cursor:pointer;font-size:14px;border-bottom:solid 1px #333; }
#nav a span { float:left;display:block;font-size:20px;line-height:36px;margin-right:10px;color:#2593BA;width:20px;text-align:center;}
#nav li { position:relative;text-align:left;z-index:100;}
#nav ul { position:absolute;display:none;width:160px;top:0px;left:150px;line-height:20px;background-color:#3F9CBD;text-align:left;z-index:200;}
#nav li:hover a, #nav a:active { color:#ffffff;background-color:#2693BA;}
#nav li:hover a span, #nav a:active span { color:#fff;}
#nav li ul a { background-color:#3F9CBD;width:130px;height:auto;float:left;text-align:left;z-index:200;border-bottom:solid 1px #098BB9;border-left:solid 1px #098BB9;}
#nav li ul a:hover { height:auto;float:left;background-color:#4AADD2;color:#ffffff;text-align:left;z-index:200;}
#nav li ul a:last-child { width:30px;float:right;text-align:center;}
#nav li ul span { display:block;width:10px;float:right;text-align:right;line-height:30px;margin-right:-1px;}
#nav { width:150px;} 
#nav ul ul { top:auto;border-top-style:none ;}	
#nav li ul ul { left:140px !important;margin:0px 0 0 10px;border-top-style:none;}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul { display:none;}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul { display:block;}
#menu-button { border:solid 1px #000;}
.MLINK { width:150px !important;}


/*-----Drop-Down-------*/
.custom-combobox-input, .ui-menu, .ui-menu-item, .ui-menu-item div{ -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.custom-combobox { position:relative;display:inline-block;width:100% !important;padding:0px !important;}
.custom-combobox-toggle { position:absolute;top:0;bottom:0;margin-left:-1px;padding:0;}
.custom-combobox-input { margin:0 !important;padding:0 20px !important;height:40px;line-height:38px;width:100% !important;border:0px !important;font-size:14px;background-color:#F6F6F6;-webkit-appearance:none;-khtml-appearance:none;-moz-appearance:none;background:url('../../images/basic/dropdown-r.png') top right no-repeat;}
.ui-menu { max-height:200px;overflow:hidden;overflow-y:auto;overflow-x:hidden;width:inherit !important;}
.ui-menu-item { font-size:14px;line-height:20px;padding-left:10px;}
.ui-button { border:0px !important;margin:-40px 0 0 0 !important;width:44px !important;height:42px !important;background:url('../images/basic/dropdown-r.png') top right no-repeat !important; }