/* #Navigation
================================================== */
	.assistive-text,
	.screen-reader-text {position: absolute !important; clip: rect(1px, 1px, 1px, 1px); }
	.site-navigation .assistive-text:hover,
	.site-navigation .assistive-text:active,
	.site-navigation .assistive-text:focus {
		background: #fff; border: 2px solid #333; border-radius: 3px; clip: auto !important; color: #000;
		display: block; padding: 12px;top: 5px;left: 5px;
		position: absolute; z-index: 100000;}
			
		/** Show menu icon for Mobile Devices **/
		.menu-icon{ display:block; z-index:9999; text-align:center; color:#6066bb; top:50px; right:8%; position:absolute; cursor:pointer;}
		.menu-icon:before{ content: "\f0c9"; font-family:FontAwesome; font-size:2em; line-height:50px; -webkit-font-smoothing: antialiased; }
			.menu-icon:hover{ color:#f7e040; }
		
		.site-navigation ul > li { list-style: none; text-transform:uppercase;}		
		.site-navigation ul{ padding:0; margin:0 !important;}	
		.site-navigation ul li{ display:block; padding:0; margin:0;}
		.site-navigation ul li a{ display:block; text-decoration:none; font-weight:700; border-bottom:1px solid rgba(255,255,255,0.2); color:#fff; padding:0.657em 0.857em 0.657em 1.857em; line-height:1.786em; margin:0 !important;}
		
		.site-navigation .current-menu-item > a,
		.site-navigation .current-menu-ancestor > a,
		.site-navigation .current_page_item > a,
		.site-navigation .current_page_ancestor > a {
			background-color:#f7941d;
			background-size:8px 7px;
			background-repeat:no-repeat;
			background-position:95% 85%;
		}
		
		.site-navigation .current-menu-item,
		.site-navigation .current-menu-ancestor,
		.site-navigation .current_page_item,
		.site-navigation .current_page_ancestor{
			
		}
		
		/** Menu Hover **/
		.site-navigation li a:hover {background-color:#f7941d !important;}
		.site-navigation li a:hover{ color:#fff;  }

		.menu-icon.active{ background-position:right;}
		
		.site-navigation li{
		-webkit-transition: all 0.2s ease-in;
		-moz-transition: all 0.2s ease-in;
		-o-transition: all 0.2s ease-in;
		transition: all 0.2s ease-in;		
		}
		
		/* Specify color for First Three links */
		.site-navigation li:nth-child(1) a { background-color:#4f9fd9; }
		.site-navigation li:nth-child(2) a { background-color:#6b72d8; }
		.site-navigation li:nth-child(3) a { background-color:#484ea2; }
		.site-navigation li:nth-child(4) a { background-color:#11198a; }
		
		.site-navigation .current-menu-item > a,
		.site-navigation .current-menu-ancestor > a,
		.site-navigation .current_page_item > a,
		.site-navigation .current_page_ancestor > a {
			font-weight:bold;
		}
				
		.site-navigation { font-family:'Open Sans', Arial, Helvetica, sans-serif; font-weight:400; width:100%; padding:0; margin:0; z-index:9999;}		
		.site-navigation ul li{ display:block; padding:0; margin:0;}
		
		/* Nav Link */
		.nav-menu a{ display:block; line-height:2.5em; }	
		
		/** Appear Menu **/	
		.menu-icon{ margin-bottom:0; }
				

		/*** Slide Menu Style Starts Here ***/
		
		/* General styles for all menus */
		.cbp-spmenu {
			background: #6066bb;
			position: fixed; z-index:9999;
		}
		
		.cbp-spmenu a {
			display: block;
			color: #fff;
		}
		
		.cbp-spmenu a:active {
			background: #afdefa;
			color: #47a3da;
		}
		
		/* Orientation-dependent styles for the content of the menu */
		
		.cbp-spmenu-vertical {
			width: 240px;
			height: 100%;
			top: 0;
			z-index: 9999;
		}
		
		.cbp-spmenu-vertical a {
			padding: 1em;
		}
		
		/* Vertical menu that slides from the left or right */
		
		.cbp-spmenu-right {
			 right: -240px; 
		}
		
		/* Push classes applied to the body */
		
		.cbp-spmenu-push {
			overflow-x: hidden; overflow-y:auto;
			position: relative;
			left: 0;
		}
		
		.cbp-spmenu-push-toright {
			left: 240px;
		}
		
		.cbp-spmenu-push-toleft {
			left: -240px;
		}
		
		/* Transitions */
		
		.cbp-spmenu,
		.cbp-spmenu-push {
			-webkit-transition: all 0.3s ease;
			-moz-transition: all 0.3s ease;
			transition: all 0.3s ease;
		}
		
		body.cbp-spmenu-push-toleft {
			overflow:hidden;
		}



	/* ++++++++++++++++++++++++++++++ media queries +++++++++++++++++++++++++++++++++
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
	
	
	/* Up to Mobile Landscape Size */
	@media only screen and (max-width: 479px) {}
	
	/* Upwards of Mobile Landscape Size  */
	@media only screen and (min-width: 480px) {
				
	}
	/* Tablet Portrait */
	@media only screen and (min-width: 768px) {
					
	}
	
	/* Max Screen size 960 */
	@media screen and (max-width: 960px) {
		
		.cbp-spmenu-right.cbp-spmenu-open {
			overflow-y: scroll; right: 0px; z-index:999999 !important;
			overflow-x:hidden;
		}

	}
		
	/* Beyond standard 960 */
	@media only screen and (min-width: 960px) {		
		
		/* open/visible menu for desktop */
		.cbp-spmenu-right {
			right: 0px;
		}
		
		body.cbp-spmenu-push-toleft{ overflow-y:scroll; }
		.cbp-spmenu{ position:absolute; }
		
		/* ensure #nav is visible on desktop version */
        .nav-menu { display: block !important; }
		
		/* Hide Menu Icon */
		.menu-icon{ display:none; }
		
		.site-navigation { background:transparent; margin-top: 70px; }
		
		/*============================================================================
		==========[ if Home_version_2 : change backgroud color to Yellow. ]==============
		================================================================================= */		
		#home-v2 .site-navigation { background:#f8e040; }
		#home-v2 .site-navigation li:hover {background-color:#ebc82c; border-left:none !important; }
		
		
		.cbp-spmenu-vertical{ width:auto; height:auto;}
		
		.site-navigation ul > li { list-style: none; float:left;}		
		.site-navigation ul{ padding:0; margin:0 !important;}	
		.site-navigation ul li{ display:block; padding:0; margin:0;}
		.site-navigation ul li a{ display:block; text-decoration:none; border-bottom:none; padding:20px 45px; margin:0 !important;text-transform:uppercase; }
		
		.site-navigation .current-menu-item > a,
		.site-navigation .current-menu-ancestor > a,
		.site-navigation .current_page_item > a,
		.site-navigation .current_page_ancestor > a {
			font-weight:bold; color:#fff;
		}
		
		.site-navigation .current-menu-item,
		.site-navigation .current-menu-ancestor,
		.site-navigation .current_page_item,
		.site-navigation .current_page_ancestor{
			border-left:none !important;
		}
		
		/** Menu Hover **/
		.site-navigation li:hover { 
			background-color:#CECDCC; border-left:none !important; }
		.site-navigation li a:hover{  }
			
			
		/** Drop down menu **/
		.site-navigation ul ul{ display:none; font-size:1em; position :absolute; margin:0 !important; z-index:1; width:245px; background:#1f2649; z-index:9999; }
		.site-navigation ul ul li{ display:block !important; float:none; position:relative;}
		.site-navigation ul ul li a{ display:block; font-weight:300; line-height:20px; padding:0.8em; text-transform:capitalize; color:#fff; }
		.site-navigation ul ul li a:last-child{border-bottom:none;}
		.site-navigation ul ul li a:hover{ background:#e66d04 !important; color:#fff; } 
		
		
		/** Drop down menu appear **/
		.site-navigation ul li:hover > ul { display:block !important;}
		.site-navigation li:hover ul li a{ background:none;}
		.site-navigation ul ul li:hover{ background:none;border:none !important; }
		.site-navigation ul ul li a:hover{}
		
		/** Second level dropdown menu **/
		.site-navigation ul ul ul{ left:100%; top:0; background:#E7C21B; border-top:none !important; }
		
		.cbp-spmenu-push-toleft {
			left: 0px;
		}	
				
	}
	
	/* big screen */
	@media only screen and (min-width: 1220px) {

	}
	
	@media only screen and (min-width: 1420px) {
					
	}