/*----Mobile----*/
@media only screen and (max-width : 1199px){
	.fa-angle-up:before{background-image:url(../images/arrow-up.png); background-size: 20px 8px; display: inline-block; width: 20px; height: 8px; content:"";}
	.fa-angle-down:before{background-image:url(../images/arrow-down.png); background-size: 20px 8px; display: inline-block; width: 20px; height: 8px; content:"";}
	
	.header-mobile{display:none !important;}
	header.open{ background:#0e0d27;}
	header.open .header-mobile{display:block !important; overflow:scroll !important;}
		
	.header-trigger{width:2.9em; height:2.3em; float:right;}
	.nav-icon {display: inline-block; width: 100%; height: 2.3em;  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: 2px; width: 100%; background: #FFFFFF; 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: 0em; -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: calc(0.8em + 1.5px); -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:  calc(2.3em - 3px); -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: 0px; left: 0.75em; 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: 2em; left: 0.75em; 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:#FFFFFF;  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{border-bottom:1px solid #292e81;}
	header .menu > li > a {line-height: 1; padding: 2em 0px; font-weight:300;}
	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: .55em; right: 1.5rem; color: #FFFFFF; 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 > li.menu-item-has-children > ul > li{padding-left:1.5em;}
	header .menu > li.menu-item-has-children > ul > li > a{position:relative;}
	header .menu > li.menu-item-has-children > ul > li > a:before{content:"\203A"; position:absolute; left:-1em;}
	/*header .menu > li.menu-item-has-children > ul > li > ul{display:none;}*/
	header .menu > li.menu-item-has-children > ul > li > ul > li{padding-left:1.5em;}
	header .menu > li.menu-item-has-children > ul > li > ul > li > a{position:relative;}
	header .menu > li.menu-item-has-children > ul > li > ul > li > a:before{content:"\203A"; position:absolute; left:-1em;}
}
@media only screen and (max-width: 575px){
	header .menu > li.menu-item-has-children > i {right: 15px; margin-right:0px;}
}

@media only screen and (max-width : 1199px) and (min-width: 576px){
	.header-trigger{height:2em;}
	.nav-icon {height: 2em;}
	.nav-icon span:nth-child(2) { top: calc(0.8em + 1.5px); }
	.nav-icon span:nth-child(3) { top:  calc(2em - 3px);}
}

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

	header ul.menu#menu-header-menu-1{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-start;
  		justify-content: flex-start;
	}
	header ul.menu#menu-top-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:not(:first-child){margin-left:1.5em;}
	header ul.menu > li.home{display:none;}
	header ul.menu li a{color:#FFFFFF; display: block;  padding:0.75rem 0px; position:relative;}
	header .menu-top-menu-container ul.menu li a{padding:0px;}
	header ul.menu > li.current-menu-item > a, 
	header ul.menu > li > a:hover{color:#dab226;}
	header ul.menu li.menu-item-has-children > a:after{content:"\25be"; margin-left:5px;display: inline-block; color:#e3be0f;}
	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; border-bottom:5px solid #871619;}

	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 0em 0.75em 1.5em; color:#909096; display:block; white-space:nowrap; text-transform:capitalize; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; position:relative;}
	header ul.menu li ul.sub-menu li a:before{content:"\203A"; position:absolute; left:0px;}
	header ul.menu li ul.sub-menu > li.menu-item-has-children{position:relative;}
	header ul.menu li ul.sub-menu > li.menu-item-has-children > a:after{content:none;}
	header ul.menu li ul.sub-menu li a:hover{color:#871619; padding-left:2.25em;}
}

body.logged-in header.open{height:calc(100vh - 32px);}
@media screen and ( max-width: 782px ) {
	body.logged-in header.open{height:calc(100vh - 46px);}
}