/*----Mobile----*/
@media only screen and (max-width : 991px){
	.header-mobile{display:none !important;}
	header.open{ background:var(--voltexwhite);}
	header.open .header-mobile.d-none{display:block !important; overflow:scroll !important;}
	header .container-fluid > .row{margin-left:0px !important; margin-right:0px !important;}
	
	header .container-fluid.header-mobile {padding:0px !important;}
	header .container-fluid.header-mobile .mobile-search{padding:1em 10vw !important;}
	header .container-fluid.header-mobile .mobile-menu{padding:0px 10vw !important;}
		
	.header-trigger{width:1.5em; float:right;}
	.nav-icon {display: inline-block; width: 100%; height: 1.25em;  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: var(--voltexnavy); 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.5em + 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(1em + 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.25em; 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: 1.25em; left: 0.25em; width:100%;}
	
	header .mobile-container{position: fixed;left: -265px; top: 0px;bottom: 0; width: 100%; z-index: 50000;color:var(--voltexwhite);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:var(--voltexnavy);  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:not(:last-child){border-bottom:1px solid var(--voltexgrey);}
	header .menu > li > a {line-height: 1; padding: 2em 0px; 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: var(--voltexwhite); 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; text-align:left;}
	header .menu > li.menu-item-has-children > ul > li > a{position:relative;}
	header .menu > li.menu-item-has-children > ul > li > a:before{content:">"; position:absolute; left:-1em; color:var(--voltexnavy);}
	header .menu > li.menu-item-has-children > ul > li > ul{display:none;}
}
@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;}
	
	.homelink{display:none !important;}

	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;*/
		-webkit-justify-content: space-between;
  		justify-content: space-between;
	}
	header ul.menu > li{}
	header ul.menu > li.home{display:none;}
	header ul.menu li a{color:var(--voltexnavy); display: block;  padding:0px; position:relative;}
	header ul.menu > li > a{padding-bottom: calc(1.17em * 1.5) !important; position:relative; font-size:var(--voltexfontP) !important;}
	header ul.menu > li.current-menu-item > a:after,
	header ul.menu > li > a:after{position: absolute; bottom: 0px; left: 0; width: 100%; height: 5px; content: '';  -webkit-transition: -webkit-transform .9s cubic-bezier(.19,1,.22,1); transition: -webkit-transform .9s cubic-bezier(.19,1,.22,1);  -o-transition: transform .9s cubic-bezier(.19,1,.22,1); transition: transform .9s cubic-bezier(.19,1,.22,1); transition: transform .9s cubic-bezier(.19,1,.22,1),-webkit-transform .9s cubic-bezier(.19,1,.22,1); -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); background-color: var(--voltexgrey); opacity: 0;}
	header ul.menu > li.current-menu-item > a:after,
	header ul.menu > li > a:hover:after{transition: transform .9s cubic-bezier(.19,1,.22,1),-webkit-transform .9s cubic-bezier(.19,1,.22,1); transform: translate3d(0,0,0); opacity: 1;}
	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: var(--voltexwhite); 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:not(.servicesmenuitem) > ul.sub-menu{display:none !important;}
	header ul.menu li ul.sub-menu li{text-align:left;}
	header ul.menu li ul.sub-menu li a{line-height: 1; padding:0.75em 0px; padding-left:1em; padding-right:0.75em; color:var(--voltexnavy); 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.menu-item-has-children > a:after{content:"\203A"; margin-left:10px;display: inline-block; color:var(--voltexnavy);}
	header ul.menu li ul.sub-menu li a:hover{color:var(--voltexgrey); /*padding-left:1.75em; padding-right:0px;*/}
	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);}
	
	header .header-right, header .row.header-desktop, header .row.header-desktop .col-12, header ul.menu > li.servicesmenuitem{position:static;}
	header ul.menu > li.servicesmenuitem > ul.sub-menu{position:absolute; left:0px; right:0px; background:var(--voltexlightgrey); 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;*/
		-webkit-justify-content: space-between;
  		justify-content: space-between; display:none !important; }
	header ul.menu > li.servicesmenuitem:hover > ul.sub-menu{/*display:flex !important;*/ display:block !important; -webkit-columns: 4; -moz-columns: 4;  columns: 4;}
	header ul.menu > li.servicesmenuitem > ul.sub-menu > li{position:relative; margin-bottom:1em;}
	header ul.menu > li.servicesmenuitem > ul.sub-menu > li:nth-child(2),
	header ul.menu > li.servicesmenuitem > ul.sub-menu > li:nth-child(3),
	header ul.menu > li.servicesmenuitem > ul.sub-menu > li:nth-child(4), 
	header ul.menu > li.servicesmenuitem > ul.sub-menu > li > ul.sub-menu > li{-webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid;}
	header ul.menu > li.servicesmenuitem > ul.sub-menu > li > a{color:var(--voltexgrey);}
	header ul.menu > li.servicesmenuitem > ul.sub-menu > li > a:hover{color:var(--voltexnavy);}
	header ul.menu > li.servicesmenuitem > ul.sub-menu a{padding:0.5em 0px !important;}
	header ul.menu > li.servicesmenuitem > ul.sub-menu a:hover{/*padding-left:1.75em !important; padding-right:0px !important;*/}
	header ul.menu > li.servicesmenuitem > ul.sub-menu a:after{content:none !important;}
	header ul.menu > li.servicesmenuitem > ul.sub-menu li ul.sub-menu{display:block; opacity:1; visibility:visible; position:relative; top:inherit; left:inherit; transform: translateY(0);  -webkit-transform: translateY(0); -ms-transform: translateY(0); padding:0px; margin:0px; background:none !important;}
	header ul.menu > li.servicesmenuitem > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu{}
	header ul.menu > li.servicesmenuitem > ul.sub-menu > li > a{font-weight: 400 !important; font-size: var(--voltexfontP);}
	header ul.menu > li.servicesmenuitem > ul.sub-menu > li > ul.sub-menu > li > a{font-weight: 600 !important; font-size: var(--voltexfontSMALL);}
	header ul.menu > li.servicesmenuitem > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > a{font-weight:400; font-size: var(--voltexfontSMALL);}
	
}

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