/* 2015-Drewry-Header.css */	

.activeDW {opacity:1 !important;visibility: visible !important;display:table !important;}
.searchActive {max-height:90px !important;display:table !important;position:relative;overflow:auto;} /* Search dropdown */
.ddActive { max-height:1000px !important;display:table !important;position:relative;overflow:auto;} /* Header dropdowns */
a:focus {outline:0;} 

/*** Sticky Menu ***/
.stickyRow .aoc, .articleCTARow .aoc { overflow:visible !important;}
.stickyRow .aoc::before,  .articleCTARow .aoc::before  {
    background: transparent url("/AcuCustom/Sitename/Icon/Icons/15DrewryArrowBlue.svg") no-repeat scroll center center;
    border-right: 1px solid #efefef;
    content: " ";
    float: left;
    height: 95px;max-height: 95px;
    margin-right: 10px;
    width: 65px;
} 
#aor-6-1 .aoc:nth-of-type(2)::before { background-image: url("/AcuCustom/Sitename/Icon/Icons/15DrewryArrowPurple.svg"); }
#aor-6-1 .aoc:nth-of-type(3)::before { background-image: url("/AcuCustom/Sitename/Icon/Icons/15DrewryArrowGreen.svg"); }
#aor-6-1 .aoc:nth-of-type(4)::before { background-image: url("/AcuCustom/Sitename/Icon/Icons/15DrewryArrowRed.svg"); }

.stickyRow .aoc div[class*="aoTextDE"] > div, .stickyRow .aoc .aos-DS5-WYSEdit > div, .articleCTARow .aoc .aos-DS5-WYSEdit > div{
	position:absolute;top:-120px;left: 0; padding:15px 20px;color: #000;font-family:"Helvetica Neue Light",HelveticaNeue-Light,Helvetica,Arial,sans-serif; font-size:0.875rem; background-color:#FFF;
	border-left: 1px solid #efefef;border-right: 1px solid #efefef;border-top: 1px solid #efefef; 	
	visibility:hidden;opacity:0;z-index:1;
}

.stickyRow .aoc div[class*="aoTextDE"] > div h3, 
.stickyRow .aoc .aos-DS5-WYSEdit > div h3, 
.articleCTARow .aoc .aos-DS5-WYSEdit > div h3{ margin:0 0 5px;font-size:1.05rem; }

#aor-6-1 .aoc:nth-of-type(1) div[class*="aoTextDE"] > div h3, #aor-6-1 .aoc:nth-of-type(1)  .aos-DS5-WYSEdit > div h3 { color: #009DDC; }
#aor-6-1 .aoc:nth-of-type(2) div[class*="aoTextDE"] > div h3, #aor-6-1 .aoc:nth-of-type(2)  .aos-DS5-WYSEdit > div h3 { color: #8E2E7D; }
#aor-6-1 .aoc:nth-of-type(3) div[class*="aoTextDE"] > div h3, #aor-6-1 .aoc:nth-of-type(3)  .aos-DS5-WYSEdit > div h3 { color: #00B1B0; }
#aor-6-1 .aoc:nth-of-type(4) div[class*="aoTextDE"] > div h3, #aor-6-1 .aoc:nth-of-type(4)  .aos-DS5-WYSEdit > div h3 { color: #B30838; }

#aor-6-1 .aoc:nth-of-type(1) div[class*="aoTextDE"] > div, #aor-6-1 .aoc:nth-of-type(1)  .aos-DS5-WYSEdit > div { background-color: #D9F0FA; }
#aor-6-1 .aoc:nth-of-type(2) div[class*="aoTextDE"] > div, #aor-6-1 .aoc:nth-of-type(2)  .aos-DS5-WYSEdit > div { background-color: #F3EAF2; }
#aor-6-1 .aoc:nth-of-type(3) div[class*="aoTextDE"] > div, #aor-6-1 .aoc:nth-of-type(3)  .aos-DS5-WYSEdit > div { background-color: #D9F3F3; }
#aor-6-1 .aoc:nth-of-type(4) div[class*="aoTextDE"] > div, #aor-6-1 .aoc:nth-of-type(4)  .aos-DS5-WYSEdit > div { background-color: #F4DAE1; }

#aor-6-1 .aoc div[class*="aoTextDE"] > a, #aor-6-1 .aoc  .aos-DS5-WYSEdit > a {font-family:"Helvetica Neue Medium",HelveticaNeue-Medium,Helvetica,Arial,sans-serif;font-size:1.05rem;}
#aor-6-1 .aoc:nth-of-type(1) div[class*="aoTextDE"] > a, #aor-6-1 .aoc:nth-of-type(1)  .aos-DS5-WYSEdit > a{ color: #009DDC !important; }
#aor-6-1 .aoc:nth-of-type(2) div[class*="aoTextDE"] > a, #aor-6-1 .aoc:nth-of-type(2)  .aos-DS5-WYSEdit > a{ color: #8E2E7D !important; }
#aor-6-1 .aoc:nth-of-type(3) div[class*="aoTextDE"] > a, #aor-6-1 .aoc:nth-of-type(3)  .aos-DS5-WYSEdit > a{ color: #00B1B0 !important; }
#aor-6-1 .aoc:nth-of-type(4) div[class*="aoTextDE"] > a, #aor-6-1 .aoc:nth-of-type(4)  .aos-DS5-WYSEdit > a{ color: #B30838 !important; }

.stickyRow .aoc div[class*="aoTextDE"] a, .stickyRow .aoc .aos-DS5-WYSEdit a , .articleCTARow .aoc .aos-DS5-WYSEdit a { color:inherit !important;}
.stickyRow .aoc a, .articleCTARow .aoc a { float:left;width:100%; }
.stickyRow .aoc h4, .articleCTARow .aoc h4 { margin: 0!important; }

#aor-6-1 .aoc:nth-of-type(1):hover { background-color: #D9F0FA; }
#aor-6-1 .aoc:nth-of-type(2):hover { background-color: #F3EAF2; }
#aor-6-1 .aoc:nth-of-type(3):hover { background-color: #D9F3F3; }
#aor-6-1 .aoc:nth-of-type(4):hover { background-color: #F4DAE1; }

#aor-6-1 .aoc div[class*="aoTextDE"] > div, #aor-6-1 .aoc .aos-DS5-WYSEdit > div{visibility:hidden;opacity:0;}
.stickyRow .aoc:hover div[class*="aoTextDE"] > div, 
.stickyRow .aoc:hover .aos-DS5-WYSEdit > div,
.articleCTARow .aoc:hover .aos-DS5-WYSEdit > div{ opacity:1 !important;visibility: visible !important; }

/** Sectors Landing Page Sticky Nav **/
#aor-24-1 .aoc { height: 65px;max-height: 65px; }
#aor-24-1 .aoc::before { background-image: url("/AcuCustom/Sitename/Icon/Icons/15DrewryArrowNavy.svg");height: 65px;max-height: 65px;width: 65px; }
#aor-24-1 .aoc div[class*="aoTextDE"] a { color:#002b5c !important;}
#aor-24-1 .aoc:hover { background-color: #FFF !important;border-bottom: 5px solid #002b5c !important;cursor:pointer; }
#aor-24-1 .aoc:nth-of-type(4)::before { background-image: url("/AcuCustom/Sitename/Icon/Icons/15DrewryEnvelopeIcon.svg"); }

/* Scrolled - Stick to top */
.scrolled, .inScrolled { position: fixed; top: 0;  left: 0;  width: 100%; z-index: 900; }
.scrolled .aoc, .scrolled .aoc::before,
.inScrolled .aoc, .inScrolled .aoc::before { max-height: 50px !important;height: 50px !important;  } 
.scrolled .aoc div[class*="aoTextDE"] > div, .scrolled  .aoc .aos-DS5-WYSEdit > div,
.inScrolled .aoc div[class*="aoTextDE"] > div, .inScrolled  .aoc .aos-DS5-WYSEdit > div { border-top: 0 none; border-bottom: 1px solid #efefef;top:50px !important; }

.scroll-to-fixed-fixed  { max-height: 50px !important;height: 50px !important;  } 
.scroll-to-fixed-fixed .aoc { max-height: 45px !important;height: 45px !important;  } 
.scroll-to-fixed-fixed .aoci::before { max-height: 45px !important;height: 45px !important; /*width: 45px !important;*/  } 
.scroll-to-fixed-fixed .aoci h4 { padding-top:13px !important;  } 


/*** Avatar and Burger Menu ***/
.ao-searchIcon , .ao-userAvatar  {cursor:pointer;float:left;}
.ao-userAvatar > img {float:left;height:40px;padding:6px;}
.ao-userAvatar > span {float:left;padding:9px;border-left:1px solid #002b5c;}
.ao-realAvatar img {border-radius:20px;width:40px;height:40px;}

.ao-userLogin  {float:left;}
.ao-userLogin > img {float:left;height:40px;padding:12px;border-right:1px solid #002b5c;}
.ao-userLogin > a {float:left;padding:9px;text-decoration:none;}

.ao-userOptions, .ao-BurgerMenu {
	position:absolute;z-index: 99999999;right:0;visibility: hidden;opacity:0;
	top: 40px;width: 100%;background-color: #f2f4f7;
}
.ao-BurgerMenu  {width:150px;top:100px;}

.ao-userOptions a, .ao-BurgerMenu a{
	color: #333 !important;
    float: left;
    height: 40px;
    padding: 0 10px;
    text-align: left;
    text-decoration: none !important;
    width: 100%;
}

.ao-userOptions a > span, .ao-BurgerMenu a > span {
    float: left;
    padding: 9px 0;
    width: 100%;
}

.ao-userOptions a:not(:last-of-type) > span,
.ao-BurgerMenu a:not(:last-of-type) > span  {border-bottom: 1px solid #ccc;}

.ao-BurgerImage{margin-top:5px;}
.ao-BurgerImage:hover{cursor:pointer;}

/** Arrow **/
.arrow-down {
    border-bottom: 10px solid #f2f4f7;border-left: 10px solid transparent;border-right: 10px solid transparent;
    position: absolute;top: -10px;left: 45px;
    height: 0;width: 0;
    /*visibility: hidden;opacity:0;*/
	transition: opacity 0.35s ease-in-out 0s, visibility 0.35s ease-in-out 0s;
	-moz-transition: opacity 0.35s ease-in-out 0s, visibility 0.35s ease-in-out 0s;
    -webkit-transition: opacity 0.35s ease-in-out 0s, visibility 0.35s ease-in-out 0s;
}
.arrow-up {
    border-bottom: 10px solid #f2f4f7;border-left: 10px solid transparent;border-right: 10px solid transparent;
    position: absolute;top: -10px;right: 40%;
    height: 0;width: 0;
    /*visibility: hidden;opacity:0;*/
	transition: opacity 0.35s ease-in-out 0s, visibility 0.35s ease-in-out 0s;
	-moz-transition: opacity 0.35s ease-in-out 0s, visibility 0.35s ease-in-out 0s;
    -webkit-transition: opacity 0.35s ease-in-out 0s, visibility 0.35s ease-in-out 0s;
}
.ao-BurgerMenu .arrow-up { 
	border-bottom: 15px solid #f2f4f7;border-left: 15px solid transparent;border-right: 15px solid transparent;
	top: -15px;right: 15px; 
}

.arrow-up.arrowSearch {
    border-bottom: 25px solid #002B5C;border-left: 25px solid transparent;border-right: 25px solid transparent;
    top:-24px;right: 20px;
	transition: none;-moz-transition: none;-webkit-transition: none;
}
.arrow-up.arrowSectors {
    border-bottom: 25px solid #F2F4F7;border-left: 25px solid transparent;border-right: 25px solid transparent;
    top:-24px;right: 465px;	
}
.arrow-up.arrowExpertise {
    border-bottom: 25px solid #F2F4F7;border-left: 25px solid transparent;border-right: 25px solid transparent;
    top:-24px;right: 310px;	
}
.arrow-up.arrowResearch {
    border-bottom: 25px solid #F2F4F7;border-left: 25px solid transparent;border-right: 25px solid transparent;
    top:-24px;right: 150px;	
}


/** Transitions **/
.scroll-to-fixed-fixed,
.stickyRow .aoc, .stickyRow .aoc::before, 
.articleCTARow .aoc, .articleCTARow .aoc::before {
	transition: background-color 0.35s ease-in-out 0s, max-height 0.35s ease-in-out 0s, top 0.35s ease-in-out 0s, border-color 0.35s ease-in-out 0s;
	-moz-transition: background-color 0.35s ease-in-out 0s, max-height 0.35s ease-in-out 0s, top 0.35s ease-in-out 0s, border-color 0.35s ease-in-out 0s;
    -webkit-transition: background-color 0.35s ease-in-out 0s, max-height 0.35s ease-in-out 0s, top 0.35s ease-in-out 0s, border-color 0.35s ease-in-out 0s;	
}

.ao-userOptions, .ao-BurgerMenu {
	transition: opacity 0.35s ease-in-out 0s, visibility 0.35s ease-in-out 0s;
	-moz-transition: opacity 0.35s ease-in-out 0s, visibility 0.35s ease-in-out 0s;
    -webkit-transition: opacity 0.35s ease-in-out 0s, visibility 0.35s ease-in-out 0s;	
}

/* Mega Menu Arrows*/
#aor-7-1, #aor-7-1 .arrow-up,
#aor-8-1, #aor-8-1 .arrow-up,
#aor-9-1, #aor-9-1 .arrow-up,
#aor-5-1 > .aori > div:last-of-type,
.stickyRow .aoc div[class*="aoTextDE"] > div, .stickyRow .aoc .aos-DS5-WYSEdit > div ,	
.articleCTARow .aoc div[class*="aoTextDE"] > div, .articleCTARow .aoc .aos-DS5-WYSEdit > div {	
	transition: max-height 0.5s ease 0s, opacity 0.5s ease, visibility 0.5s ease 0s;
	-moz-transition: max-height 0.5s ease 0s, opacity 0.5s ease 0s, visibility 0.5s ease 0s;
    -webkit-transition: max-height 0.5s ease 0s, opacity 0.5s ease 0s, visibility 0.5s ease 0s;
}

.ao-userAvatar, .ao-userOptions a,
.ao-BurgerImage, .ao-BurgerMenu a  {	
	transition: background-color 0.35s ease-in-out 0s, color 0.35s ease-in-out 0s;
	-moz-transition: background-color 0.35s ease-in-out 0s, color 0.35s ease-in-out 0s;
    -webkit-transition: background-color 0.35s ease-in-out 0s, color 0.35s ease-in-out 0s;
}

.ao-userOptions a:hover, .ao-BurgerMenu a:hover{background-color: #e6e9ee;}


/* Media Queries */
@media screen and (max-width:1024px) {
	.stickyRow .aoc::before ,
	.articleCTARow .aoc::before {height: 60px;max-height: 60px;width: 45px;}
}

@media screen and (max-width:800px) {
	.stickyRow .aoc::before, .articleCTARow .aoc::before {width: 30px;}	
	.stickyRow .aoc div[class*="aoTextDE"] a, .stickyRow .aoc .aos-DS5-WYSEdit a, .articleCTARow .aoc .aos-DS5-WYSEdit a{ font-size:1rem;}	
	.stickyRow .aoc:hover div[class*="aoTextDE"] > div, 
	.stickyRow .aoc:hover .aos-DS5-WYSEdit > div,
	.articleCTARow .aoc:hover .aos-DS5-WYSEdit > div { opacity:0 !important;visibility: hidden !important; }
	
	.scroll-to-fixed-fixed .aoci::before { width: 45px !important; } 
	
	.ao-userAvatar > span.ao-LBP {display:none;}
	.ao-userOptions.ao-LBP {top: 100px;width: 150px;}
	.ao-userOptions.ao-LBP > .arrow-up {
		border-bottom: 15px solid #f2f4f7;border-left: 15px solid transparent;border-right: 15px solid transparent;
		right: 10px;top: -15px;
	}	
	.arrow-up.arrowSearch {
		border-bottom: 15px solid #002b5c;
		border-left: 15px solid transparent;
		border-right: 15px solid transparent;
		right: 60px;
		top: -15px;
		transition: none 0s ease 0s ;
	}
}

@media screen and (max-width:600px) {
	.ao-userOptions.ao-LBP, .ao-BurgerMenu {top: 70px;}	
	
	.stickyRow .aoc::before,	.articleCTARow .aoc::before {width: 45px;}
	.stickyRow .aoc div[class*="aoTextDE"] a, .stickyRow .aoc .aos-DS5-WYSEdit a, .articleCTARow .aoc .aos-DS5-WYSEdit a{ font-size:1rem;}
}

@media screen and (max-width:480px) {	
	.ao-BurgerMenu, .ao-userOptions.ao-LBP  {position:fixed;width:100%;}
	.ao-userOptions.ao-LBP > .arrow-up { right:107px; }
}