/*----Mobile----*/
@media only screen and (max-width : 991px){
	.header-menu{display:none !important;}
	header.open .header-menu{display:block !important; overflow:scroll !important; background: rgba(0,0,0,.75); position: absolute; top: 100%; left:calc(-10vw + 15px); right:calc(-10vw + 15px); width: inherit; max-width:inherit;}
	header.open .header-menu .menu-top-menu-container {background: #FFF; width: 95vw; height: 100%; overflow: scroll !important; padding-left:10vw;}
	header .container-inner{overflow:scroll;}
	header.open .header-menu > div { height: 100%;}
	
	
	.header-trigger{padding-top:0.6em;}
	.nav-icon {display: inline-block; width: 34px; height: 18px;  position: relative; z-index:100;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .5s ease-in-out;
		-moz-transition: .5s ease-in-out;
		-o-transition: .5s ease-in-out;
		transition: .5s ease-in-out;
		cursor: pointer;
	}

	.nav-icon span { display: block; position: absolute; height: 5px; width: 100%; background: #e3be0f; opacity: 1;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .25s ease-in-out;
		-moz-transition: .25s ease-in-out;
		-o-transition: .25s ease-in-out;
		transition: .25s ease-in-out;
	}

	.nav-icon:hover span:nth-child(3), .nav-icon:hover span:nth-child(2) { width: 100%;}
	.nav-icon span:nth-child(1) { top: 0px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center;  transform-origin: left center;}
	.nav-icon span:nth-child(2) { top: 12px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; width: 100%; right: 0 !important;}
	.nav-icon span:nth-child(3) { top: 25px; -webkit-transform-origin: left center;  -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; width: 100%; right: 0 !important;}
	
	header.open .nav-icon span:nth-child(1) {  -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg);  -o-transform: rotate(45deg); transform: rotate(45deg); top: 2px; left: 8px; width:100%;}
	header.open .nav-icon span:nth-child(2) { width: 0%;  opacity: 0;}
	header.open .nav-icon span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 26px; left: 8px; width:100%;}
	
	header .mobile-container{position: fixed;left: -265px; top: 0px;bottom: 0; width: 100%; z-index: 50000;color: #fff;transition: all 0.45s;-webkit-transition: all 0.45s;visibility: hidden; background: rgba(247,148,29,0.95); }
	.admin-bar header .mobile-container{top:46px;}
	header .mobile-container.opened {left: 0;visibility: visible;}
	header .menu a {color:#0099ff;  display: block; line-height: 50px; position: relative}
	body.logged-in #mobile-menu {margin-top: 32px;}
	
	/* Mobile Menu */
	header .menu{list-style:none; padding:0px; margin:0px;}
	header .menu li a {display: block;}
	header .menu > li > a {line-height: 54px; text-transform:uppercase; font-weight:700;}
	header .menu ul {padding:0; list-style:none;}
	header .menu > li.menu-item-has-children{position:relative;}
	header .menu > li.menu-item-has-children > a{width:80%;}
	header .menu > li.menu-item-has-children > i { position: absolute;top: .4em; right: 1.5rem; color: #e3be0f; font-size: 2em;}
	header .menu > li.menu-item-has-children > ul.sub-menu {display: none;}
	header .menu > li.menu-item-has-children:hover > ul,
	header .menu > li.menu-item-has-children:focus > ul{display:block;}
	header .menu ul ul {margin: 8px 0;padding: 8px 0;}
	header .menu > li.menu-item-has-children > ul > li.menu-item-has-children:hover > ul,
	header .menu > li.menu-item-has-children > ul > li.menu-item-has-children:focus > ul{display:block;}
	header .menu li li a {padding-left: 41px; line-height: 34px;}
	header .menu li li li a {padding-left: 55px;}
	header .menu li li a:hover,header .menu li li a:focus,header a:hover,header a:focus {color: #003399;}
	header .menu li a:hover {color:#003399;}
}
@media only screen and (max-width: 575px){
	header .menu > li.menu-item-has-children > i {right: 15px; margin-right:0px;}
}

@media only screen and (min-width : 992px){
	header #menu-trigger{display:none;}
	header #menu-header {display:none;}
	header .mobile-close{display:none;}

	header ul.menu{list-style:none; padding:0px; margin:0px; 
		display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  		display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  		display: -ms-flexbox;      /* TWEENER - IE 10 */
  		display: -webkit-flex;     /* NEW - Chrome */
  		display: flex; 
  		-webkit-justify-content: flex-end;
  		justify-content: flex-end;
	}
	header ul.menu > li{margin-left:1.5em;}
	header ul.menu > li.home{display:none;}
	header ul.menu li a{color:#4a5462; display: block; font-weight:400; line-height: 1;  padding:1em 0px; position:relative; text-transform:uppercase;}
	header ul.menu > li.current-menu-item > a, header ul.menu > li > a:hover{color:#92c83e;}
	header ul.menu li.menu-item-has-children > a:after{content:"\25be"; margin-left:10px;display: inline-block; color:#92c83e;}
	header ul.menu li ul.sub-menu{ list-style:none;  margin:0px;	position: absolute; top:100%; z-index: 8888; opacity: 0; visibility: hidden; transition: all 0.5s ease; -webkit-transition: all 0.5s ease;  transform: translateY(21px); -webkit-transform: translateY(21px); -ms-transform: translateY(21px); background: #FFFFFF; width:auto; padding:0em 1em;}

	header ul.menu li:hover ul.sub-menu{opacity: 1; visibility: visible; transform: translateY(0);  -webkit-transform: translateY(0); -ms-transform: translateY(0);}
	header ul.menu li ul.sub-menu li{}
	header ul.menu li ul.sub-menu li a{line-height: 1; padding:0.75em 0px; color:#4a5462; display:block; white-space:nowrap; text-transform:capitalize; }
	header ul.menu li ul.sub-menu li:first-child a{border-top:none;}
	header ul.menu li ul.sub-menu > li.menu-item-has-children > a:after{content:"\203A"; margin-left:10px;display: inline-block; color:#cc896a;}
	header ul.menu li ul.sub-menu li a:hover{color:#92c83e; }
	header ul.menu li ul.sub-menu > li .sub-menu{left:100%; top:0px; opacity: 0; visibility: hidden; transform: translateY(21px); -webkit-transform: translateY(21px); -ms-transform: translateY(21px);}
	header ul.menu li ul.sub-menu > li:hover .sub-menu{opacity: 1; visibility: visible; transform: translateY(0);  -webkit-transform: translateY(0); -ms-transform: translateY(0);}
}