/*****UTILITY NAVIGATION*****/
	
/*****MAIN NAVIGATION*****/
@media only screen and (min-width: 768px) {
	
#mainnav { padding: 79px 0px 0 0; position: relative; width: 920px; float: right; text-align: center; }
#mainnav ul { list-style: none; float: right; }
#mainnav li { padding: 0 24px 17px 26px; position: relative; display: inline-block;  }
#mainnav li:last-child { padding-right: 0px; }
#mainnav li.last { padding-right: 0; }
#mainnav li a { padding-bottom: 15px; color: #414042; transition: none; -webkit-transition: none; text-decoration: none; display: block; font-size: 18px; line-height: 38px; font-family: 'Oswald', sans-serif; text-transform: uppercase; letter-spacing: 0.13em; }
#mainnav ul li > a.drop1_haschildren { background: url(custom/images/menu-arrow.png) no-repeat center 38px;  }
#mainnav li a span { transition: all 0.3s; -webkit-transition: all 0.3s; }
#mainnav li a:hover, #mainnav li.active a, #mainnav li:hover a { color: #61bae0; background-position: center -29px !important; }
#mainnav li a .expand { display: none; }
#mainnav li ul { padding: 47px 22px; margin: 0; text-align: left; display: none; width: 342px; position: absolute; left: -71px; top: 100%; z-index: 999; border-top: 5px solid #c0de9d; background: rgba(255,255,255,0.9); }
	#mainnav li.last ul{left: auto; right: 0px;}
#mainnav li ul li a {  font-family: 'Source Sans Pro', sans-serif; color: #414042; font-weight: 700; font-size: 20px; text-transform: none; background: inherit; }
#mainnav li ul li { display: block; }
#mainnav li ul li span { padding-bottom: 15px; display: block; color: #414042; font-size: 22px; font-family: 'Oswald', sans-serif; font-weight: 400; text-transform: uppercase; letter-spacing: 2px; }
#mainnav .fa { margin-left: 40px; font-size: 20px; font-weight: 600; }
#mainnav li ul ul { background: rgba(34,36,55,0.8); }
#mainnav .drop_level2_wrapper li:last-child { padding-bottom: 0px; }
#mainnav .drop_level2_wrapper li:last-child a { padding-bottom: 0px; }
#mainnav li ul ul:before { display: none; }
#mainnav li:hover ul li ul li a { color: #fff; }

#mainnav li:hover ul li, #mainnav li.active ul li { padding: 0px 10px 16px 23px; width: 100%; float:left; }
#mainnav li:hover ul li > a, #mainnav li.active ul li a { display: block; color: #000; font-size: 18px; line-height: 25px; }
#mainnav li:hover ul > li a:hover { color: #61bae0; text-decoration: none; }
#mainnav li:hover ul ul { display: none; top: 0; left: 100%; }
#mainnav li:hover li:hover ul li > a { color: #fff; }
#mainnav li:hover li:hover ul li:hover a { color: #61bae0; }
#mainnav li:hover ul { display: block; }
#mainnav li:hover ul li:hover ul { display: block; }

#mainnav a.toggleMenu { display: none; }
#mainnav a.close { display: none; }

span.expand { display: none; }

}

/*****INSIDE NAVIGATION*****/
#menu { padding-top: 13px; margin-bottom: 10px; width: 100%; float: left; background: #57b7df; }
#menu ul { list-style: none; padding: 0; }
#menu li { margin: 3px 0; width: 100%; float:left; }
#menu li a { padding: 4px 16px 4px 16px; display: block; color: #fbf9f9; transition: none; -webkit-transition: none; font-size: 16px; font-weight: 600; line-height: 23px;  }
#menu li a:hover, #menu li.active a { color: #424549; text-decoration: none; }
#menu li ul li a { padding: 0 16px 5px 16px; color: #fbf9f9;  }
#menu li a.ln2 { padding-bottom: 15px; }
#menu li.has_children_1 > a { padding: 4px 16px 13px 16px; color: #fff;  position: relative; }
#menu li.has_children_1 > a:before { content: ""; position: absolute; bottom: -7px; left: 18px; width: 0;  height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid #57b7df; }
#menu ul li ul { overflow: hidden; background: #c0de9d; }
#menu ul li ul li a:hover { color: #424549; text-decoration: none; }
#menu ul li ul li ul { padding: 12px 0; overflow: hidden; position: relative; background: #98d6cf; }
#menu ul li ul li ul:before { content: ""; position: absolute; top: 0px; left: 18px; width: 0;  height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid #c0de9d; }
#menu ul li:last-child { margin-bottom: 0px; }
#menu ul li ul li ul li a { font-size: 16px; }
#menu ul li.leftnav_first2 { margin: 17px 0 0px; }
#menu ul li ul li ul li a:hover { color: #424549; text-decoration: none; }


/*****FOOTER NAVIGATION*****/

.copyright-bar { padding: 6px 0; width: 100%; float: left; background: #d7d5d5; }
.copyright-bar ul { float: left; }
.copyright-bar li { margin-right: 43px; float: left; }
.copyright-bar li a { color: #414042; font-size: 20px; line-height: 34px; font-weight: 600; text-transform: uppercase; }
.copyright-bar li a:hover { color: #fff; text-decoration: none; }
.copyright-bar span { margin-top: 12px; float: right; margin-right:96px;}

.credit img{ max-height: 15px; opacity: 0.4;}
.credit:hover img{ opacity: 1;}

/*****MEDIA QUERIES*****/
@media only screen and (max-width: 1310px) {
	
	#mainnav li { padding: 0 20px 17px 20px; }
	#mainnav { padding: 60px 0px 0 0; }
	#mainnav li a { font-size: 17px; }
	#mainnav li ul { padding: 35px 15px; }
	#mainnav li ul li a { padding-bottom: 8px; }
	#mainnav li ul li span { padding-bottom: 8px; }
	
	.copyright-bar li { margin-right: 33px; }
	.copyright-bar li a { font-size: 18px; }
	
}

@media only screen and (max-width: 1179px) {
	
	#mainnav li a { font-size: 15px; }
	#mainnav { width: auto; float: right; }
	#mainnav li { padding: 0 18px 17px 17px; }
	
}


@media only screen and (max-width: 1023px) {
	
	#mainnav li a { font-size: 13px; letter-spacing: 1px; line-height: 25px; }	
	#mainnav ul li > a.drop1_haschildren { background-position: center 28px; background-size: 15px; }
	#mainnav li a:hover, #mainnav li.active a.drop1_haschildren, #mainnav li:hover a.drop1_haschildren { background-position: center -16px !important; }
	#mainnav li { padding: 0 11px 17px 11px; }
	#mainnav { padding: 47px 0px 0 0; }
	#mainnav li ul li span { font-size: 18px; }
	#mainnav li ul li a { font-size: 17px; }
	#mainnav li ul li > a, #mainnav li.active ul li a { font-size: 17px; line-height: 19px; }
	#mainnav li ul li, #mainnav li.active ul li { padding: 0px 10px 10px; }
	#mainnav li ul { padding: 25px 15px; width: 300px; }
	
	.footer-bar .info li a { font-size: 16px; }
	.copyright-bar li { margin-right: 26px; }
	.copyright-bar li a { font-size: 16px; }
		
}


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

	#mainnav a.toggleMenu { display: block; line-height: 40px; display: inline-block; color: #fff; font-size: 20px; text-transform: capitalize; text-decoration: none; }
	#mainnav { margin-bottom: 10px; width: 100%; text-align: center; padding: 0; margin-top: 10px; background: #57b7df ; }
	#mainnav ul { display: none; }	
	#mainnav li.drop1_first:hover:before  { display: none; }
	#mainnav li.drop1_last:hover:before { display: none; }
	#mainnav li.drop1_last ul:before { display: none; }
	#mainnav li ul::before { display: none; }
	#mainnav a.toggleMenu { display: block; line-height: 40px; display: inline-block; color: #fff; font-size: 20px; text-transform: capitalize; text-decoration: none; }
	#mainnav ul#topnav { padding: 10px 0; background: #ebebeb; }
	#mainnav li.drop1_last:hover { background: inherit; }
	#mainnav li.drop1_first:hover { background: inherit; }
	#mainnav a.toggleMenu i { float: right; margin: 10px 0 0 10px; font-size: 20px; }
	#mainnav a.toggleMenu i.fa-chevron-up { display: none; }
	#mainnav a.toggleMenu.active i.fa-chevron-up { display: block; }
	#mainnav a.toggleMenu.active i.fa-chevron-down { display: none; }
	#mainnav li { padding: 0 15px 5px 15px; display: block; text-align: left; width: 100%; overflow: hidden; position: relative; }
	#mainnav .wrapper { padding: 0; }
	
	#mainnav li ul { width: 100%; position: static;  font-family: 'Oswald', sans-serif; background: #fff; }
	span.expand { cursor: pointer; width: 20px; float: right; position: absolute; z-index: 999; right: 20px; top: 0px; font-size: 29px; display: block; }
	span.expander.expanded { font-size: 45px; top: -9px; }
	#mainnav li:last-child .drop_level2_wrapper { left: 0px; }
	#mainnav ul li > a { background: inherit; }
	#mainnav ul li > a:hover { color: #57b7df; }
	#mainnav li:hover ul { display: none; }
	#mainnav li a { padding-bottom: 5px; color: #414042; transition: none; -webkit-transition: none; text-decoration: none; display: block; font-size: 17px; line-height: 30px; font-family: 'Oswald', sans-serif; text-transform: uppercase; letter-spacing: 2px; }
	#mainnav li ul.open{display: block;}
	
	#menu { padding: 20px 13px; background: #57b7df; }
	
	.nav-drop { display: block; text-align: center; background: #eaeaea ; }
	.nav-drop a.sideMenu { display: block; line-height: 40px; display: inline-block; color: #434544; font-size: 18px; text-transform: capitalize; font-weight: 500; text-decoration: none; }
	.nav-drop a.sideMenu:hover { color: #57b7df; }
	.nav-drop a.sideMenu.active { color: #57b7df; }
	.nav-drop a.sideMenu i { float: right; margin: 13px 0 0 10px; font-size: 16px; }
	.nav-drop a.sideMenu i.fa-chevron-up { display: none; }
	.nav-drop a.sideMenu.active i.fa-chevron-up { display: block; }
	.nav-drop a.sideMenu.active i.fa-chevron-down { display: none; }
	
	.copyright-bar ul { display: none; }
	.copyright-bar span { margin-top: 5px; width: 100%; text-align: center; }
	

}

/* BEGIN: add for mobile menu reasons */
#mainnav .toggleMenu.actv + #topnav .drop_level2_wrapper_mobile ul {
    display: block !important;
    padding: 10px 0 0px 10px;
    width: calc(100% - 15px);
}
@media only screen and (max-width: 767px){
    #menu {
        display:none;
    }
}
/* END: add for mobile menu reasons */