﻿.navigation a{
	text-decoration:none;
	cursor:pointer;
	outline:none;
}


/* -------------------------------------------------------------------------------- Navigation */

#navigation, 
#navigation ul {
	list-style:none;
	padding:0;
	margin:0;
}

#navigation:after {clear:both;}

#navigation {
	display:block;
	position:relative;
	z-index:202;
}

#navigation li {
	display:block;
	position:relative;
	padding-left: 0;
	z-index:203;
}

#navigation > li {
	border-right:1px solid #dddddd;
	float:left;
}

#navigation a {
	text-decoration:none;
	display:block;
	position:relative;
	z-index:204;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-transition:background-color .3s ease-in-out, color .3s ease-in-out;
	-moz-transition:background-color .3s ease-in-out, color .3s ease-in-out;
	-ms-transition:background-color .3s ease-in-out, color .3s ease-in-out;
	-o-transition:background-color .3s ease-in-out, color .3s ease-in-out;
	transition:background-color .3s ease-in-out, color .3s ease-in-out;
}

#navigation > li > a {
	background-color:transparent;
	text-align:center;
	text-transform:uppercase;
	min-width:120px;
	height:56px;
	margin:-1px;
	padding:18px 25px;
	z-index:205;
}

#navigation ul {
	border:1px solid #dddddd;
	background:#ffffff;
	margin:20px 0 0;
	padding:0;
	visibility:hidden;
	position:absolute;
	left:-1px;
	top:100%;
	opacity:0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-transition:opacity .3s ease-in-out, margin .3s ease-in-out, visibility .3s ease-in-out;
	-moz-transition:opacity .3s ease-in-out, margin .3s ease-in-out, visibility .3s ease-in-out;
	-ms-transition:opacity .3s ease-in-out, margin .3s ease-in-out, visibility .3s ease-in-out;
	-o-transition:opacity .3s ease-in-out, margin .3s ease-in-out, visibility .3s ease-in-out;
	transition:opacity .3s ease-in-out, margin .3s ease-in-out, visibility .3s ease-in-out;
}

#navigation li:hover > ul {
	margin:0;
	visibility:visible;
	opacity:1;
}

#navigation ul ul {
	margin:0 0 0 20px;
	top:0;
	left:100%;
}

#navigation ul li:hover > ul {margin:0;}

#navigation ul li {float:none;}

#navigation ul li a {
	border-top:1px solid transparent;
	border-bottom:1px solid transparent;
	background-color:transparent;
	text-align:left;
	display:block;
	min-width:168px;
	margin:-1px 0;
	padding:7px 10px 7px 20px;
	-webkit-transition:background-color .3s ease-in-out, border-color .3s ease-in-out, color .3s ease-in-out;
	-moz-transition:background-color .3s ease-in-out, border-color .3s ease-in-out, color .3s ease-in-out;
	-ms-transition:background-color .3s ease-in-out, border-color .3s ease-in-out, color .3s ease-in-out;
	-o-transition:background-color .3s ease-in-out, border-color .3s ease-in-out, color .3s ease-in-out;
	transition:background-color .3s ease-in-out, border-color .3s ease-in-out, color .3s ease-in-out;
}

#navigation li li.current_page_item > a,
#navigation li li.current_page_ancestor > a,
#navigation li li.current-menu-ancestor > a,
#navigation li li:hover > a:hover,
#navigation ul li:hover > a {
	border-top-color:#dddddd;
	border-bottom-color:#dddddd;
	background-color:#fdfdfd;
}

#navigation > li > a {
	font:300 14px/20px 'Roboto',Arial,Helvetica,'Nimbus Sans L',sans-serif;
}

#navigation ul li a {
	font:300 13px/20px 'Roboto',Arial,Helvetica,'Nimbus Sans L',sans-serif;
}

/* ====> Navigation <==== */

#navigation li > a,
#header .header_html > span[class*="contact"],
#header .header_html > span[class*="contact"] a {
	color:#5B5B5B;
}


#navigation > li.current_page_item > a > span,
#navigation li.current_page_ancestor > a,
#navigation li.current-menu-ancestor > a,
#navigation li:hover > a:hover,
#navigation li:hover > a {
	color:#FFFFFF;
}

#navigation ul li > a {
	color:#707070;
}

#navigation li li.current_page_item > a,
#navigation li li.current_page_ancestor > a,
#navigation li li.current-menu-ancestor > a,
#navigation li li:hover > a:hover,
#navigation ul li:hover > a,
.post_type_shortcode.type_post .entry-title a,
.cmsms_our_team_wrap .person_title a:hover,
.cmsms_our_team_wrap .person_subtitle,
.tab.lpr .tab_content .ovh a,
.testimonial .tl_company,
.widget .tl_company,
.title_1 {
	color:#1B90DA;
}

@media only screen and (max-width: 1024px) {

	#navigation li > a,
	#navigation li li.current_page_item > a,
	#navigation li li.current_page_ancestor > a,
	#navigation li li.current-menu-ancestor > a,
	#navigation li li:hover > a:hover,
	#navigation ul li:hover > a {
		color:#707070;
	}
	
	#navigation ul li a {
		font:300 14px/20px 'Roboto',Arial,Helvetica,'Nimbus Sans L',sans-serif;
	}

}


/* ===================> Navigation Hover Background Colors <================== */

#navigation > li:hover > a, 
#navigation > li:hover > a:hover, 
#navigation > li.current_page_item > a, 
#navigation > li.current_page_ancestor > a, 
#navigation > li.current-menu-ancestor > a,
.related_posts ul > li > a.current,
.tabs > li.current a, 
.tour  > li a:hover, 
.tour  > li.current a {
	background-color:#2CBFD9;
}

#navigation > li + li:hover > a, 
#navigation > li + li:hover > a:hover, 
#navigation > li + li.current_page_item > a, 
#navigation > li + li.current_page_ancestor > a, 
#navigation > li + li.current-menu-ancestor > a,
.related_posts ul > li + li > a.current,
.tabs > li + li.current a,
.tour  > li + li a:hover,
.tour  > li + li.current a {
	background-color:#56CCE1;
}

#navigation > li + li + li:hover > a, 
#navigation > li + li + li:hover > a:hover, 
#navigation > li + li + li.current_page_item > a, 
#navigation > li + li + li.current_page_ancestor > a, 
#navigation > li + li + li.current-menu-ancestor > a,
.related_posts ul > li + li + li > a.current,
.tabs > li + li + li.current a,
.tour  > li + li + li a:hover, 
.tour  > li + li + li.current a,
.table thead th,
span.dropcap {
	background-color:#2CA6D9;
}

#navigation > li + li + li + li:hover > a, 
#navigation > li + li + li + li:hover > a:hover, 
#navigation > li + li + li + li.current_page_item > a, 
#navigation > li + li + li + li.current_page_ancestor > a, 
#navigation > li + li + li + li.current-menu-ancestor > a,
.related_posts ul > li + li + li + li > a.current,
.tabs > li + li + li + li.current a, 
.tour  > li + li + li + li a:hover, 
.tour  > li + li + li + li.current a {
	background-color:#1B90DA;
}

#navigation > li + li + li + li + li:hover > a, 
#navigation > li + li + li + li + li:hover > a:hover, 
#navigation > li + li + li + li + li.current_page_item > a, 
#navigation > li + li + li + li + li.current_page_ancestor > a, 
#navigation > li + li + li + li + li.current-menu-ancestor > a,
.related_posts ul > li + li + li + li + li > a.current,
.tabs > li + li + li + li + li.current a,
.tour  > li + li + li + li + li a:hover, 
.tour  > li + li + li + li + li.current a {
	background-color:#3D8DD8;
}

#navigation > li + li + li + li + li + li:hover > a, 
#navigation > li + li + li + li + li + li:hover > a:hover, 
#navigation > li + li + li + li + li + li.current_page_item > a, 
#navigation > li + li + li + li + li + li.current_page_ancestor > a, 
#navigation > li + li + li + li + li + li.current-menu-ancestor > a,
.related_posts ul > li + li + li + li + li + li > a.current,
.tabs > li + li + li + li + li + li.current a, 
.tour  > li + li + li + li + li + li a:hover, 
.tour  > li + li + li + li + li + li.current a {
	background-color:#5891DF;
}

#navigation > li + li + li + li + li + li + li:hover > a, 
#navigation > li + li + li + li + li + li + li:hover > a:hover,
#navigation > li + li + li + li + li + li + li.current_page_item > a, 
#navigation > li + li + li + li + li + li + li.current_page_ancestor > a, 
#navigation > li + li + li + li + li + li + li.current-menu-ancestor > a,
.related_posts ul > li + li + li + li + li + li + li > a.current,
.tabs > li + li + li + li + li + li + li.current a,
.tour  > li + li + li + li + li + li + li a:hover, 
.tour  > li + li + li + li + li + li + li.current a {
	background-color:#6095E5;
}

#navigation > li + li + li + li + li + li + li + li:hover > a, 
#navigation > li + li + li + li + li + li + li + li:hover > a:hover, 
#navigation > li + li + li + li + li + li + li + li.current_page_item > a, 
#navigation > li + li + li + li + li + li + li + li.current_page_ancestor > a, 
#navigation > li + li + li + li + li + li + li + li.current-menu-ancestor > a,
.related_posts ul > li + li + li + li + li + li + li + li > a.current,
.tabs > li + li + li + li + li + li + li + li.current a, 
.tour  > li + li + li + li + li + li + li + li a:hover, 
.tour  > li + li + li + li + li + li + li + li.current a {
	background-color:#7BA5E9;
}

#navigation > li + li + li + li + li + li + li + li + li:hover > a, 
#navigation > li + li + li + li + li + li + li + li + li:hover > a:hover, 
#navigation > li + li + li + li + li + li + li + li + li.current_page_item > a, 
#navigation > li + li + li + li + li + li + li + li + li.current_page_ancestor > a, 
#navigation > li + li + li + li + li + li + li + li + li.current-menu-ancestor > a,
.related_posts ul > li + li + li + li + li + li + li + li + li > a.current,
.tabs > li + li + li + li + li + li + li + li + li.current a, 
.tour  > li + li + li + li + li + li + li + li + li a:hover, 
.tour  > li + li + li + li + li + li + li + li + li.current a {
	background-color:#3ED2D4;
}

#navigation > li + li + li + li + li + li + li + li + li + li:hover > a, 
#navigation > li + li + li + li + li + li + li + li + li + li:hover > a:hover, 
#navigation > li + li + li + li + li + li + li + li + li + li.current_page_item > a, 
#navigation > li + li + li + li + li + li + li + li + li + li.current_page_ancestor > a, 
#navigation > li + li + li + li + li + li + li + li + li + li.current-menu-ancestor > a,
.related_posts ul > li + li + li + li + li + li + li + li + li + li > a.current,
.tabs > li + li + li + li + li + li + li + li + li + li.current a, 
.tour  > li + li + li + li + li + li + li + li + li + li a:hover, 
.tour  > li + li + li + li + li + li + li + li + li + li.current a {
	background-color:#2BD0C2;
}