#menubar-mobile {display:none;}

#nav-button a#pull {display:none;}
.nav-icon a#pull {display: none;}
.nav-search {display:none;}

.desktop-search {display:block; width:60px; height:65px; position:relative; float:right;}
.desktop-search:hover {cursor:pointer;}

.desktop-search:before {content: "\f002"; font-family:'FontAwesome'; font-size:18px; line-height:65px; text-align:center; color:#999999; display:inline-block; width:60px; height:65px; font-weight:normal;}

.phone-icon {display:none;}
.pagenav ul {float:right;}
.pagenav {padding-right:25px;}

/******************************************
*   Navigation                     
******************************************/

#nav-wrapper {margin:0 auto; padding-bottom:0px;}
.nav-content {position:relative; max-width:1100px; margin:0 auto;}
.nav-content ul {position:relative;}
#nav-content {position:relative; max-width:1100px; margin:0 auto;}

.brand {width:28%; height:90px; max-width:350px; float:left; opacity:1; text-align:left;}
.brand-right {width:70%; min-height:70px; float:right; text-align:right; padding:0px 0px 0px 0px; clear:none;}

#nav-wrapper.fixednav {background:#000; padding:0px; border-bottom:1px solid #000; max-height:55px; }

.fixednav .nav li a, .fixednav .nav li a:visited {line-height:55px; font-size:16px;}
.fixednav  .nav li ul li a, .nav li ul li a:visited {line-height:45px; font-size:16px;}
#nav-wrapper.fixednav  .brand img {max-height:50px; width:auto; margin:2px 0px 3px 5px; animation:fadeIn 1s 1; -webkit-animation:fadeIn 1s 1; -moz-animation:fadeIn 1s 1; }
.brand img {max-height:92px; width:auto; margin:2px 0px 3px 5px;}
.fixednav .brand-right {height:55px;}

.fixednav .thebrandfixed {display:block;}
.thebrandfixed {display:none;}

.fixednav .thebrand {display:none;}
.thebrand {display:block;}

/******************************************
*   Main Menu                       
******************************************/
.nav {max-width:1100px; display:block; margin:0 auto;}
.nav ul {max-width:1100px; margin:0 auto; text-transform:uppercase; z-index:9;}

.nav li a, .nav li a:visited {display: block; text-decoration: none; color:#efefef; font-family:"Slabo 27px", serif; letter-spacing:0.038em; padding: 0px 10px 0px 10px; line-height: 90px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; font-size:18px; }
.nav li a:hover, .nav li a:visited:hover {color: #ddd; text-decoration: none; }

.nav li:last-child {position:relative;}
.nav li:last-child a {position:relative;}

.nav li.menu-button, .nav li.menu-button a, .nav li.menu-button a:visited {background:#0D97D8; font-weight:700; line-height:38px;}
.menu-button {border:1px solid #fff; margin:10px; line-height:38px;}
.menu-button:hover {border:1px solid #0D97D8;}
.nav li.menu-button:hover, .nav li.menu-button:hover a {background:#fff; color:#0D97D8;}


/******************************************
*   Sub-menus                       
******************************************/
.nav li ul li a, .nav li ul li a:visited {min-width: 200px; text-align: left; display: block; text-decoration: none; font-weight:300; color: #555; padding: 0px 9px 0 9px; margin: 0px; line-height: 40px; background: #fbfbfb; position:relative; text-transform:none; font-family:"Slabo 27px", serif; font-style:italic;}
.nav li ul li a:hover, #nav li ul li a:visited:hover {text-decoration: none;}

.nav li ul {position: absolute; visibility: hidden; list-style: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-bottom:0px solid #ddd;}
.nav li:hover ul, .nav li.hover ul {visibility: visible;}
.nav li:hover ul ul, .nav li.hover ul ul {visibility: visible;}
.nav li li:hover ul, .nav li li.hover ul {visibility: visible;}
.nav li li:hover ul ul, .nav li li.hover ul ul {visibility: visible;}
.nav li li li:hover ul, .nav li li li.hover ul {visibility: visible;}

.nav li {float: left;}
.nav li ul li {float: none;}

/* Level 3 */

.nav li ul li ul {position: relative; display:block; overflow:hidden; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}

.nav li ul li ul li a, .nav li ul li ul li a:visited {min-width: 200px; text-align: left; display: block; text-decoration: none; font-weight:300; color: #333; padding: 0px 9px 0 20px; margin: 0px; line-height: 40px; position:relative; background:#EFEFEF;}
.nav li ul li ul li a:hover {text-decoration:none; color:#111;}

/******************************************
*   Header Menu                      
******************************************/
.second-menu-wrapper {display:block; overflow:hidden; min-height:30px; background:#ffffff; width:100%; border-bottom:1px solid #eee;}

.header-menu {max-width:1100px; display:block; margin:0 auto;}
.header-menu ul {max-width:1100px; margin:0 auto; text-transform:capitalize; z-index:999999; float:right;}

.header-menu li a, .header-menu li a:visited {display: block; text-decoration: none; color: #999; font-weight:300; padding: 5px 9px 5px 9px; line-height: 30px; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s; position:relative; font-size:16px;}
.header-menu li a:hover, .header-menu li a:visited:hover {color: #0D97D8; text-decoration: none;}

/******************************************
*   Header Sub-menus                       
******************************************/
.header-menu li ul li a, .header-menu li ul li a:visited {width:172px; text-align: left; display: block; text-decoration: none; font-weight:300; color: #999; padding: 0px 9px 0 9px; margin: 0px 0px 0px 0px; line-height: 35px; background: #FFFFFF;}
.header-menu li ul li a:hover, #nav li ul li a:visited:hover {color: #333; text-decoration: none; }

.header-menu li:last-child ul, .header-menu li:last-child:hover ul {margin:0px 0px 0px -100px;}

.header-menu li ul {position: absolute; visibility: hidden; list-style: none;}
.header-menu li:hover ul, .header-menu li.hover ul {visibility: visible;}
.header-menu li:hover ul ul, .header-menu li.hover ul ul {visibility: hidden;}
.header-menu li li:hover ul, .header-menu li li.hover ul {visibility: visible;}
.header-menu li li:hover ul ul, .header-menu li li.hover ul ul {visibility: hidden;}
.header-menu li li li:hover ul, .header-menu li li li.hover ul {visibility: visible;}

.header-menu li {float: left;}
.header-menu li ul li {float: none; position:relative;}

/******************************************
*   Service Menu                      
******************************************/

.service-nav ul {margin:0 auto;}
.service-nav li a, .service-nav li a:visited {display:block; overflow:hidden; position:relative; width:100%; font-family:"Slabo 27px", serif; color:#1E1E1E; padding:15px 0px 15px 0px; border-bottom:1px solid #ddd; background:url('images/grey-right.png') no-repeat #fff; background-position:98% 50%; -webkit-transition: all ease-out 0.35s; -moz-transition: all ease-out 0.55s; -ms-transition: all ease-out 0.55s; -o-transition: all ease-out 0.55s; transition: all ease-out 0.55s;}
.service-nav li a:hover, .service-nav li a:visited:hover {color:#0089D0; background-position:100% 50%;}


/******************************************
*   Sidebar Menu                      
******************************************/

#sidebar_nav ul {
    margin:0 auto;
    text-transform:uppercase;
	padding-top:18px;
	padding-bottom:25px;
	}

#sidebar_nav li a, #sidebar_nav li a:visited {
    background:#fff;
    margin:0px 0 5px 0;
	display: block;
	text-decoration: none;
	color: #555;
    border-bottom:1px solid #ddd;
    letter-spacing:0.1em;
    line-height:1.3em;
	padding:7px 0px 7px 10px;
    font-size:1em;
	text-transform:uppercase;
-webkit-transition: all ease-out 0.35s; -moz-transition: all ease-out 0.35s; -ms-transition: all ease-out 0.35s; -o-transition: all ease-out 0.35s; transition: all ease-out 0.35s;
	}

#sidebar_nav li a:hover, #sidebar_nav li a:visited:hover {
	color: #0089D0;
	text-decoration: none;
	border-bottom:1px solid #0089D0;
	padding-left:15px;
	}

#sidebar_nav li.current-menu-item a { color:#999999; }
#sidebar_nav li.current_page_item  a { color:#999999; }

/******************************************
*   footer Menu                      
******************************************/

.footer-nav ul {margin:0 auto;}

.footer-nav li a, .footer-nav li a:visited {
    margin:0px 0 5px 0;
	display: block;
	text-decoration: none;
	color: #bbb;
    border-bottom:1px dotted #2e2e2e;
	font-weight:normal;
    line-height:1.8em;
	}

.footer-nav li a:hover, .footer-nav li a:visited:hover {color: #fff; text-decoration: none; }


/* Laptops ------------------------------------------------------------------------------------------------------ */
@media only screen and (max-width : 980px) {

.nav li a, .nav li a:visited {display: block; text-decoration: none; color: #222; font-family:"Open Sans Condensed", sans-serif; font-weight:700; padding: 0px 10px 0px 10px; line-height: 65px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; font-size:18px; }

.brand {width:33%; height:65px; max-width:400px; float:left; opacity:1; text-align:left;}
.brand-right {width:67%; min-height:65px; float:right; text-align:right; padding:0px 0px 0px 0px; clear:none;}
.brand img {max-height:60px; width:auto; margin:3px 0px 2px 5px;}

}

/* Portrait Tablets and Phones ------------------------------------------------------------------------------------------------------ */
@media only screen and (max-width : 945px) {
	
.brand {max-width:260px; height:65px; width:100%; margin:0 auto; display:block; position:relative; text-align:center; -webkit-transition: opacity ease-out 0.35s; -moz-transition: opacity ease-out 0.35s; -ms-transition: opacity ease-out 0.35s; -o-transition: opacity ease-out 0.35s; transition: opacity ease-out 0.35s; font-weight:normal; font-size:1.5em; float:left;}
.brand:hover {opacity:1.0;}
.brand-right {width:100%; text-align:center; padding:0px 0px 0px 0px; clear:left; min-height:0px; float:none;}
.brand img {max-height:55px; width:auto; margin:3px 0px 2px 5px;}

.pagenav ul {float:none;}
.pagenav {padding-right:0px;}
	
#nav-button a#pull {display:block; background:#fff; height:65px; position:relative; background:#fff; color:#0089D0; font-size:18px; line-height:65px; border-top:1px solid #ddd; text-transform:uppercase; text-align:center; font-weight:300;}

#nav-button a#pull:before {content: "\f0c9"; font-family:'Font Awesome\ 5 Free'; font-size:24px; line-height:65px; text-align:center; color:#0089D0; display:inline-block; width:60px; height:65px; margin-left:-20px; font-weight:900;}

.nav-icon a#pull {display:block; background:url('images/backgrounds/dark-dotted.png') top center repeat #222; height:65px; position:relative; float:right; border-left:1px solid #999; color:#999; font-size:18px; line-height:65px; font-weight:900;}

.nav-icon a#pull:before {content: "\f0c9"; font-family:'Font Awesome\ 5 Free'; font-size:24px; line-height:65px; text-align:center; color:#999; display:inline-block; width:55px; height:65px; font-weight:900;}

.phone-icon {display:block; background:#0D90D0; height:65px; position:relative; float:right; border-left:1px solid #ddd; color:#fff; font-size:18px; line-height:65px;}

.phone-icon:before {content: "\f095"; font-family:'FontAwesome'; font-size:24px; line-height:65px; text-align:center; color:#fff; display:inline-block; width:60px; height:65px; font-weight:normal;}

.nav-search {display:block; background:#fff; width:60px; height:60px; position:relative; float:right; border-left:1px solid #ddd;}
.nav-search:hover {cursor:pointer;}

.nav-search:before {content: "\f002"; font-family:'FontAwesome'; font-size:24px; line-height:65px; text-align:center; color:#777; display:inline-block; width:60px; height:65px; font-weight:normal;}

.desktop-search {display:none;}

.nav { border-bottom: 0; height:auto; float:none; }
.nav ul { display: none; height: auto; float:none; }
.nav li {width: 100%; float: left; position: relative;}

.nav a {text-align: left; text-indent: 25px; padding:0px 0px 0px 0px;}
.nav li a, .nav li a:visited {display: block; text-decoration: none; color: #2b2c39; font-weight:700; padding: 3px 9px 3px 9px; line-height: 50px; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s; font-size:18px; background:#bfbfbf;}
	.nav li a:hover, .nav li a:visited:hover {color:#555;}

.nav li.menu-button, .nav li.menu-button a {background:#0D97D8; line-height:50px; margin:0px; font-weight:700;}
.nav li.menu-button:hover, .nav li.menu-button:hover a {background:#fff; color:#0D97D8;}

.menu-button {border:0px solid #fff; margin:0px;}
.menu-button:hover {border:0px solid #0D97D8;}

.nav li ul li a, .nav li ul li a:visited {text-align: left; padding-left:25px; display: block; text-decoration: none; color: #2b2c39; line-height: 45px; border-bottom:0px solid #706250; background: #f9f9f9; text-transform:capitalize;}
.nav li ul {position: relative; visibility: visible; list-style: none; border:0px solid #ddd;}
.nav li:hover ul, .nav li.hover ul {visibility: visible;}
.nav li:hover ul ul, .nav li.hover ul ul {visibility: visible;}
.nav li li:hover ul, .nav li li.hover ul {visibility: visible;}
.nav li li:hover ul ul, .nav li li.hover ul ul {visibility: visible;}
.nav li li li:hover ul, .nav li li li.hover ul {visibility: visible;}

.nav li {float: left;}
.nav li ul li {float: none; line-height:45px;}
.nav li ul li ul li {float:none;}

/* Level 3 */

.nav ul li ul .sub-menu {display:block !important;}

.nav li ul li ul {position: relative; display:block; overflow:hidden; border-top:1px solid #444; border-bottom:1px solid #444;}

.nav li ul li ul li a, .nav li ul li ul li a:visited {padding-left:50px; text-align: left; display: block; text-decoration: none; font-weight:300; color: #333;  margin: 0px; line-height: 40px; position:relative; background:#EFEFEF; display:block;}
.nav li ul li ul li a:hover {text-decoration:none; color:#111;}


}

/* Smartphones Landscape --------------------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width : 550px) {
.second-menu-wrapper {display:none;}

.brand img {max-height:55px; margin:5px 0px 5px 2px;}
.brand {max-width:220px;}
}

/* Smartphones --------------------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width : 320px) {
	
.nav li {
	display: block;
	float: none;
	width: 100%;
	}
}