/*REMOVE PADDING FROM ARTICLE*/	
section{background-color: #efefef !important;}
	article{
    padding:0px !important;
    margin-bottom: 0px !important;
	}	
/*
.header-search-bar{
	background: white !important;
}

#headerExtranet{
	
	border: solid #502d7f 1px;
}

#headerExtranet span{
	color: #502d7f !important;
}

#myCartButton{
	color: #502d7f !important;
}

#myCartButton i{
	color: #502d7f !important;
}

#myCartButton span{
	color: #502d7f !important;
}
*/
/*icons*/
.fa-area-chart:before {
  content: "\f1fe"
}
.fa-folder-open:before {
  content: "\f07c"
}
.fa-gift:before {
  content: "\f06b"
}
	
/*hero section*/	
.hero .heroText, .hero h1 {
  color: #fff;
	 text-align: center;
}

#covidNavContainer{
  min-height: 345px;
  padding-top: 25px;
  padding-bottom: 25px;
  border: #000000 1px solid;
  border-bottom-left-radius: 25px;
  border-bottom-right-radius: 25px;
}

.covidItemContainer{
text-align: center;
}

.covidItem{
display: inline-block !important;
padding-left: 20px;
padding-right: 20px;
background-repeat:no-repeat !important;
background-position:center center !important;
position: relative;
overflow: hidden;
}

.covidItemImage{
height: 100%;
width: 100%;
}

.covidItemImage:hover{
cursor: pointer;
-moz-transform: translate(-2px, -2px);
-ms-transform: translate(-2px, -2px);
-o-transform: translate(-2px, -2px);
-webkit-transform: translate(-2px, -2px);
transform: translate(-2px, -2px)
}


.covidItem span{
color: #fff;
font-weight: bold !important;
text-shadow: 2px 2px 4px #000000;
}

.covidItemTextContainer{
background-color: black !important;
opacity: .8;
border-radius: 5px;
box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
position: absolute;
left: 0;
bottom: 0 !important;
padding: 5px !important;
width: 100%;
min-height: 48px !important;
}
	
.hero {
  /*background: url(/Files/Images/BioLegend/Homepage/homepageHero.png);*/
  background-size: cover!important;
  width: 100%;
  text-align: center;
  padding: 0px !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  margin-right: 0 !important;
  min-height: 275px !important;	
  vertical-align: top !important;
  position: relative !important;	
  overflow: hidden !important;
}

.hero h1 {
	font-size:60px!important;
padding-top: 30px !important;
margin: 0px !important;
	position: relative;
}
	
.hero .heroText {

  font-size: 16px;
  padding: 10px 100px 20px;
	position: relative;
}

@keyframes heroBG {
  from {left: 0px;}
  to {left: -300px;}
}





#heroAnimatedBG{
	position: absolute;
	top: -200px;
	left: -300px;
	width: 1500px;
	height: 600px;
	background: url(/Files/Images/BioLegend/Homepage/heroanimatedbg.jpg);
	-webkit-animation: heroBG 30s linear 100ms infinite alternate; /* Safari 4+ */
  	-moz-animation:    heroBG 30s linear 100ms infinite alternate; /* Fx 5+ */
  	-o-animation:      heroBG 30s linear 100ms infinite alternate; /* Opera 12+ */
  	animation:         heroBG 30s linear 100ms infinite alternate; /* IE 10+, Fx 29+ */
	z-index: 0 !important;
	background-repeat:no-repeat;
    background-position:center center;
}


@media screen and (max-width: 430px) {
	.hero {
		min-height: 225px!important;
	}
	.hero h1{
		font-size:30px!important;
		padding-top:10px!important
	}	
	.hero .heroText{
		font-size:14px!important;
		padding:10px!important;
  }
  #covidNavContainer{
    min-height: 345px;
    padding-top: 25px;
    padding-bottom: 25px;
    border: 0 !important;
  }
}

.homepageSearch{
	min-height: 55px !important;
	border-color: black;
	 border-radius: 5px !important;
}

.homepageSearchButton{
	min-height: 55px !important;
	background-color: transparent;
	color: #ffdb00;
	font-size: 1.8rem;
	border: 0 transparent;
	float: left;
	padding-left: 10px;
	font-size: 36px;
}

.middleFields{
	float: none !important;
	text-align: center !important;
	margin: 0 auto;
}

/*hero section buttons*/
.heroButtons{
padding-top:160px;
padding-bottom:40px!important;

	}

.heroButtons .buttonWhite, .heroButtons .buttonYellow {

  margin: 0px;
  min-width: 65px;
  padding: 10px 30px;
  z-index: 1;
  text-align: center;
  font-size: 16px;
  box-shadow: 0 25px 20px -21px rgba(0, 0, 0, .50);

}
.heroButtons .buttonWhite {
  color: #000000;
  border-radius: 20px !important;
	-webkit-border-radius: 20px !important;
-moz-border-radius: 20px !important;
  background-color: transparent;
  text-decoration: none;
  border: 2px solid #fff;
  margin-right:10px;
  font-weight: bolder;
  /*text-shadow: 2px 2px 4px #000000;*/
  box-shadow: 2px 2px #000000;
  background-color: rgba(255, 255, 255, 0.85);
}
.heroButtons .buttonWhite:hover {
  color: #000000;
  border-radius: 20px !important;
  background-color: transparent;
  text-decoration: none;
  border: 2px solid #fed900;
  /*text-shadow: 2px 2px 4px #000000;*/
  box-shadow: 2px 2px #000000;
  background-color: rgba(254, 217, 0, 0.85);
}
.heroButtons .buttonYellow {
  color: #502d7f;
  border-radius: 20px !important;
  background-color: #fed900;
  text-decoration: none;
	border: 2px solid #fed900;
}
.heroButtons .buttonYellow:hover {
  color: #502d7f;
  border-radius: 20px !important; 
  background-color: #fff;
  text-decoration: none;
border: 2px solid #ffffff;
}

@media screen and (max-width: 768px) {
	.heroButtons a{
		font-size:14px!important;
		padding: 8px 18px!important;
	}
	}

/*subnavigation section*/	
	
.subNav{
  background: linear-gradient(rgba(78, 46, 108, 1), rgba(46, 19, 71, 1));
  box-shadow: 0 25px 20px -21px rgba(0, 0, 0, .50); 
}
.subNav .subNavText{
	padding:15px;
	}	
	
.subNav .subNavText a {
  color: #fff;
  text-align: center;
  text-decoration: none;
}
.subNav .subNavText a em {
  color: #fff;
}
.subNav .subNavText:hover a {
  color: #fed900;
}
.subNav .subNavText:hover a em {
  color: #fed900;
}	
	
@media screen and (max-width: 768px) {
	.subNav .subNavText{
	
	padding:5px!important;
	}
	
	
  .secondRowLatest{padding-top: 25px;}
  

	
	}
		
	
	/*Explore Product Families*/
.exploreSection h2{
  color: #502d7f;
  font-weight: 700;
  font-size: 24px !important;
  text-align: center;
}

.exploreText {
  text-align: center;
  line-height: 1.5;
  color: #565656;
  font-size: 20px;
  padding:0px 2px 5px !important;
}
.exploreSection a {
  line-height: 1.5;
  color: #502d7f!important;
  font-size: 16px;
  text-decoration: none;
}
	.exploreSection a:hover{
		text-decoration:underline!important;
	}
.fas {
  color: white;
}
	
/*Sign up bottom nav*/
	.signUpTable{
	background: linear-gradient(rgb(146, 146, 146), rgb(68, 65, 65));	
  border-radius: 25px 25px 0px 0px;
	}
	
.signUpText{
color: #fff;
font-size: 16px;
padding:15px;
line-height: 2;
	}	
	
.signUpText .buttonYellow {
  padding: 6px 15px;
  box-shadow: 0 25px 20px -21px rgba(0, 0, 0, .50);
  color: #502d7f;
  border-radius: 20px !important;
  background-color: #fed900;
  text-decoration: none;
  white-space: nowrap;
}

.signUpText .buttonYellow:hover {
  color: #fed900;
  border-radius: 20px !important; 
  background-color: #502d7f;
  text-decoration: none;
	white-space: nowrap;
}

@media screen and (max-width: 768px) {
		.signUpText{
			font-size:14px;
    }
    
	}
	
/*Featured Section*/
#featuredItem {
width:100%;
	
}
#featuredItem .item {
  cursor: pointer;
}
	
#featuredItem .item:hover .featuredTitle {
  color: #fed900;
  border: 2px solid #fed900;
}
.featuredImageDiv {
  display: block;
	height: auto; 
}	
	
.featuredImage {
 max-width: 100%;
box-shadow: 0 25px 20px -21px rgba(0, 0, 0, .50);	
}

.featuredTitle {
  color: #ffffff;
  border-radius: 20px;
  border: 2px solid #fff;
  background-color: transparent;
  min-width: 10%;
  padding: 8px 15px;
  z-index: 1;
  position: relative;
  top: 40px;
  left: 5%;
}
.featuredTitle:hover {
  color: #fed900;
  border: 2px solid #fed900;
}
			
.featuredText {
  color: #50247f !important;
  text-align: left !important;
  margin:5px 5px;
}

@media screen and (max-width: 992px){
		.featuredTitle{
			font-size:14px!important;
			padding:5px 12px!important;
    }
    
	}

#homepageSpacer{height: 30px !important;}
/* accordion */

#accordionContainer{
	position: relative;
	width: 1170px;
	height: 300px;
  overflow:hidden;
  margin-bottom: 30px !important;
  margin-top: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
#accordion{
	position: absolute;
	width: 1500px;
	height: 300px;
	overflow:hidden;
	margin:0 !important;
	top: 0px;
	right: 0px;
}
ul.accordion{
    list-style:none;   
    position:absolute;
    right:0px;
    top:0px;
    font-family: Cambria, serif;
    font-size: 16px;
    font-style: italic;
    line-height: 1.5em;
}
ul.accordion li{
    float:right;
    width:144px;
    height:300px;
    display:block;
    /*border-right:2px solid #fff;*/
    /*border-bottom:2px solid #fff;*/
    background-color:#fff;
    background-repeat:no-repeat;
    background-position:center center;
    position:relative;
    overflow:hidden;
    -moz-box-shadow:1px 3px 15px #555;
    -webkit-box-shadow:1px 3px 15px #555;
    box-shadow:1px 3px 15px #555;
}
ul.accordion li.bg1{
    background-image:url(/Files/Images/BioLegend/Homepage/immunology_550x550.jpg);
}
ul.accordion li.bg2{
    background-image:url(/Files/Images/BioLegend/Homepage/Stem_cell_550x550.jpg);
}
ul.accordion li.bg3{
    background-image:url(/Files/Images/BioLegend/Homepage/Oncology_550x550.jpg);
}
ul.accordion li.bg4{
    background-image:url(/Files/Images/BioLegend/Homepage/Proteogenomics_550x550.jpg);
}
ul.accordion li.bg5{
    background-image:url(/Files/Images/BioLegend/Homepage/neuroinflammation_550x550.jpg);
}
ul.accordion li.bg6{
    background-image:url(/Files/Images/BioLegend/Homepage/Clincal_550x550.jpg);
}

ul.accordion li.bleft{
    /*border-left:2px solid #fff;*/
	border-right:0 !important;
}
ul.accordion li.bright{
    border-right:0 !important;
}
ul.accordion li .heading{
    background-color:#fff;
    padding:10px;
    margin-top:60px;
    opacity:0.9;
    text-transform:uppercase;
    font-style:normal;
    font-weight:bold;
    letter-spacing:1px;
    font-size:12px;
    color:#444;
    text-align:center;
    text-shadow:-1px -1px 1px #ccc;
}
ul.accordion li .description{
    position:absolute;
    width:450px;
    height:200px;
    bottom:0px;
    left:0px;
    display:none;
	background-color: rgba(255,255,255,0.9);
}
ul.accordion li .description h2{
    text-transform:uppercase;
    font-style:normal;
    font-weight:bold;
    letter-spacing:1px;
    font-size:45px;
    color:#444;
    text-align:left;
    margin:0px 0px 0px 20px;
    text-shadow:-1px -1px 1px #ccc;
	padding-bottom: 0 !important;
}
ul.accordion li .description p{
    line-height:14px;
    margin:10px 22px;
    font-family: "Trebuchet MS", sans-serif;
    font-size: 11px;
    /*font-style: italic;*/
    font-weight: normal;
    text-transform: none;
    letter-spacing: normal;
    line-height: 1.6em;
}
/*
ul.accordion li .description a{
    position:absolute;
    bottom:5px;
    left:20px;
    text-transform:uppercase;
    font-style:normal;
    font-size:11px;
    text-decoration:none;
    color:#888;
}
ul.accordion li .description a:hover{
    color:#333;
    text-decoration:underline;
}
*/
ul.accordion li .bgDescription{
    /*background:transparent url(../images/bgDescription.png) repeat-x top left;*/
    height:340px;
    position:absolute;
    bottom:0px;
    left:0px;
    width:100%;
    display:none;
}
.bottomButtonContainer{
	position:absolute !important;
	bottom: 0 !important;
}
@media screen and (max-width: 1199px){
.featuredTitle{
	font-size:14px!important;
	padding:5px 12px!important;
}
.hero {
	min-height: 265px!important;
}
.hero h1 {
	font-size:50px!important;
padding-top: 30px !important;
margin: 0px !important;
	position: relative;
}
	
.hero .heroText {

  font-size: 16px;
  padding: 10px 100px 20px;
	position: relative;
}
	
		#accordionContainer{
	position: relative;
	width: 970px;
	height: 300px;
	overflow:hidden;
  margin-bottom: 30px !important;
  margin-top: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
#accordion{
	position: absolute;
	width: 1500px;
	height: 300px;
	overflow:hidden;
	margin:0 !important;
	top: 0px;
	right: 0px;
}
ul.accordion{
    list-style:none;   
    position:absolute;
    right:0px;
    top:0px;
    font-family: Cambria, serif;
    font-size: 16px;
    font-style: italic;
    line-height: 1.5em;
}
ul.accordion li{
    float:right;
    width:128px;
    height:300px;
    display:block;
    border-right:2px solid #fff;
    /*border-bottom:2px solid #fff;*/
    background-color:#fff;
    background-repeat:no-repeat;
    background-position:center center;
    position:relative;
    overflow:hidden;
    -moz-box-shadow:1px 3px 15px #555;
    -webkit-box-shadow:1px 3px 15px #555;
    box-shadow:1px 3px 15px #555;
}
ul.accordion li.bg1{
    background-image:url(/Files/Images/BioLegend/Homepage/immunology_550x550.jpg);
}
ul.accordion li.bg2{
    background-image:url(/Files/Images/BioLegend/Homepage/Stem_cell_550x550.jpg);
}
ul.accordion li.bg3{
    background-image:url(/Files/Images/BioLegend/Homepage/Oncology_550x550.jpg);
}
ul.accordion li.bg4{
    background-image:url(/Files/Images/BioLegend/Homepage/Proteogenomics_550x550.jpg);
}	
ul.accordion li.bg5{
    background-image:url(/Files/Images/BioLegend/Homepage/neuroinflammation_550x550.jpg);
}
ul.accordion li.bg6{
    background-image:url(/Files/Images/BioLegend/Homepage/Clincal_550x550.jpg);
}

ul.accordion li.bleft{
    /*border-left:2px solid #fff;*/
	border-right:0 !important;
}
ul.accordion li.bright{
    border-right:0 !important;
}
ul.accordion li .heading{
    background-color:#fff;
    padding:10px;
    margin-top:60px;
    opacity:0.9;
    text-transform:uppercase;
    font-style:normal;
    font-weight:bold;
    letter-spacing:1px;
    font-size:10px;
    color:#444;
    text-align:center;
    text-shadow:-1px -1px 1px #ccc;
}
ul.accordion li .description{
    position:absolute;
    width:330px;
    height:225px;
    bottom:0px;
    left:0px;
    display:none;
	background-color: rgba(255,255,255,0.9);
}
ul.accordion li .description h2{
    text-transform:uppercase;
    font-style:normal;
    font-weight:bold;
    letter-spacing:1px;
    font-size:25px;
    color:#444;
    text-align:left;
    margin:0px 0px 0px 20px;
    text-shadow:-1px -1px 1px #ccc;
}
ul.accordion li .description p{
    line-height:14px;
    margin:0px 22px;
    font-family: "Trebuchet MS", sans-serif;
    font-size: 10px;
    /*font-style: italic;*/
    font-weight: normal;
    text-transform: none;
    letter-spacing: normal;
    line-height: 1.6em;
}
	/*
ul.accordion li .description a{
    position:absolute;
    bottom:5px;
    left:20px;
    text-transform:uppercase;
    font-style:normal;
    font-size:11px;
    text-decoration:none;
    color:#888;
}
ul.accordion li .description a:hover{
    color:#333;
    text-decoration:underline;
}
*/
ul.accordion li .bgDescription{
    background:transparent url(../images/bgDescription.png) repeat-x top left;
    height:340px;
    position:absolute;
    bottom:0px;
    left:0px;
    width:100%;
    display:none;
}
.bottomButtonContainer{
	position:absolute !important;
	bottom: 10px !important;
}	
#covidNavContainer{
  min-height: 275px !important;
  padding-top: 25px;
  padding-bottom: 25px;
  border: #000000 1px solid;
  border-bottom-left-radius: 25px;
  border-bottom-right-radius: 25px;
}


  }
  
@media screen and (max-width: 991px){
.featuredTitle{
	font-size:14px!important;
	padding:5px 12px!important;
}
.hero {
	min-height: 225px!important;
}
.hero h1 {
	font-size:38px!important;
	padding-top: 20px !important;
	margin: 0px !important;
	position: relative;
}
	
.hero .heroText {

  font-size: 12px;
  padding: 10px 100px 20px;
	position: relative;
}	
	
		#accordionContainer{
	position: relative;
	width: 750px;
	height: 300px;
	overflow:hidden;
  margin-bottom: 30px !important;
  margin-top: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
#accordion{
	position: absolute;
	width: 1500px;
	height: 300px;
	overflow:hidden;
	margin:0 !important;
	top: 0px;
	right: 0px;
}
ul.accordion{
    list-style:none;   
    position:absolute;
    right:0px;
    top:0px;
    font-family: Cambria, serif;
    font-size: 16px;
    font-style: italic;
    line-height: 1.5em;
}
ul.accordion li{
    float:right;
    width:100px;
    height:300px;
    display:block;
    border-right:2px solid #fff;
    /*border-bottom:2px solid #fff;*/
    background-color:#fff;
    background-repeat:no-repeat;
    background-position:center center;
    position:relative;
    overflow:hidden;
    -moz-box-shadow:1px 3px 15px #555;
    -webkit-box-shadow:1px 3px 15px #555;
    box-shadow:1px 3px 15px #555;
}
ul.accordion li.bg1{
    background-image:url(/Files/Images/BioLegend/Homepage/immunology_350x350.jpg);
}
ul.accordion li.bg2{
    background-image:url(/Files/Images/BioLegend/Homepage/Stem_cell_350x350.jpg);
}	
ul.accordion li.bg3{
    background-image:url(/Files/Images/BioLegend/Homepage/Oncology_350x350.jpg);
}
ul.accordion li.bg4{
    background-image:url(/Files/Images/BioLegend/Homepage/Proteogenomics_350x350.jpg);
}	
ul.accordion li.bg5{
    background-image:url(/Files/Images/BioLegend/Homepage/neuroinflammation_350x350.jpg);
}
ul.accordion li.bg6{
    background-image:url(/Files/Images/BioLegend/Homepage/Clincal_350x350.jpg);
}

ul.accordion li.bleft{
    /*border-left:2px solid #fff;*/
	border-right:0 !important;
}
ul.accordion li.bright{
    border-right:0 !important;
}
ul.accordion li .heading{
    background-color:#fff;
    padding:10px;
    margin-top:60px;
    opacity:0.9;
    text-transform:uppercase;
    font-style:normal;
    font-weight:bold;
    letter-spacing:1px;
    font-size:8px;
    color:#444;
    text-align:center;
    text-shadow:-1px -1px 1px #ccc;
}
ul.accordion li .description{
    position:absolute;
    width:250px;
    height:240px;
    bottom:0px;
    left:0px;
    display:none;
	background-color: rgba(255,255,255,0.9);
}
ul.accordion li .description h2{
    text-transform:uppercase;
    font-style:normal;
    font-weight:bold;
    letter-spacing:1px;
    font-size:18px;
    color:#444;
    text-align:left;
    margin:0px 0px 0px 20px;
    text-shadow:-1px -1px 1px #ccc;
}
ul.accordion li .description p{
    line-height:14px;
    margin:0px 22px;
    font-family: "Trebuchet MS", sans-serif;
    font-size: 9px;
    /*font-style: italic;*/
    font-weight: normal;
    text-transform: none;
    letter-spacing: normal;
    line-height: 1.6em;
}
	/*
ul.accordion li .description a{
    position:absolute;
    bottom:5px;
    left:20px;
    text-transform:uppercase;
    font-style:normal;
    font-size:11px;
    text-decoration:none;
    color:#888;
}
ul.accordion li .description a:hover{
    color:#333;
    text-decoration:underline;
}
*/
ul.accordion li .bgDescription{
    background:transparent url(../images/bgDescription.png) repeat-x top left;
    height:340px;
    position:absolute;
    bottom:0px;
    left:0px;
    width:100%;
    display:none;
}
	
.bottomButtonContainer{
	position:absolute !important;
	bottom: 15px !important;
}	
#covidNavContainer{
  min-height: 615px !important;
  padding-top: 25px;
  padding-bottom: 25px;
  border: #000000 1px solid;
  border-bottom-left-radius: 25px;
  border-bottom-right-radius: 25px;
}
	
  }
  
 


@media screen and (max-width: 767px){
.featuredTitle{
font-size:14px!important;
padding:5px 12px!important;
}
.hero {
	min-height: 250px!important;
}	
.hero h1 {
	font-size:28px!important;
padding-top: 20px !important;
margin: 0px !important;
	position: relative;
}
	
.hero .heroText {

  font-size: 14px;
  padding: 10px 100px 20px;
	position: relative;
}	
		#accordionContainer{
	position: relative;
	width: 100%;
	height: 1500px;
  margin-bottom: 30px !important;
  margin-top: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
#accordion{
	position: absolute;
	width: 100%;
	height: 1500px;
	margin:0 !important;
	top: 0px;
	right: 0px;
}
ul.accordion{
    list-style:none;   
    position:absolute;
    right:0px;
    top:0px;
    font-family: Cambria, serif;
    font-size: 16px;
    font-style: italic;
    line-height: 1.5em;
}
ul.accordion li{
    width:100%;
    height:300px;
    /*display:block;*/
    border-right:2px solid #fff;
    /*border-bottom:2px solid #fff;*/
    background-color:#fff;
    background-repeat:no-repeat;
    background-position:center center;
    position:relative;
    overflow:hidden;
    -moz-box-shadow:1px 3px 15px #555;
    -webkit-box-shadow:1px 3px 15px #555;
    box-shadow:1px 3px 15px #555;
}
ul.accordion li.bg1{
    background-image:url(/Files/Images/BioLegend/Homepage/immunology_800x800.jpg);
}
ul.accordion li.bg2{
    background-image:url(/Files/Images/BioLegend/Homepage/Stem_cell_800x800.jpg);
}	
ul.accordion li.bg3{
    background-image:url(/Files/Images/BioLegend/Homepage/Oncology_800x800.jpg);
}
ul.accordion li.bg4{
    background-image:url(/Files/Images/BioLegend/Homepage/Proteogenomics_800x800.jpg);
}	
ul.accordion li.bg5{
    background-image:url(/Files/Images/BioLegend/Homepage/neuroinflammation_800x800.jpg);
}
ul.accordion li.bg6{
    background-image:url(/Files/Images/BioLegend/Homepage/Clincal_800x800.jpg);
}

ul.accordion li.bleft{
    /*border-left:2px solid #fff;*/
	border-right:0 !important;
}
ul.accordion li.bright{
    border-right:0 !important;
}
ul.accordion li .heading{
    background-color:#fff;
    padding:10px;
    margin-top:60px;
    opacity:0.9;
    text-transform:uppercase;
    font-style:normal;
    font-weight:bold;
    letter-spacing:1px;
    font-size:12px;
    color:#444;
    text-align:center;
	display:none;
    text-shadow:-1px -1px 1px #ccc;
}
ul.accordion li .description{
    position:absolute;
    width:100%;
    height:240px;
    bottom:0px;
    left:0px;
    /*display:none;*/
	background-color: rgba(255,255,255,0.9);
}
ul.accordion li .description h2{
    text-transform:uppercase;
    font-style:normal;
    font-weight:bold;
    letter-spacing:1px;
    font-size:18px;
    color:#444;
    text-align:left;
    margin:0px 0px 0px 20px;
    text-shadow:-1px -1px 1px #ccc;
}
ul.accordion li .description p{
    line-height:14px;
    margin:0px 22px;
    font-family: "Trebuchet MS", sans-serif;
    font-size: 9px;
    /*font-style: italic;*/
    font-weight: normal;
    text-transform: none;
    letter-spacing: normal;
    line-height: 1.6em;
}
	/*
ul.accordion li .description a{
    position:absolute;
    bottom:5px;
    left:20px;
    text-transform:uppercase;
    font-style:normal;
    font-size:11px;
    text-decoration:none;
    color:#888;
}
ul.accordion li .description a:hover{
    color:#333;
    text-decoration:underline;
}
*/
ul.accordion li .bgDescription{
    background:transparent url(../images/bgDescription.png) repeat-x top left;
    height:340px;
    position:absolute;
    bottom:0px;
    left:0px;
    width:100%;
}
	
.bottomButtonContainer{
	position:absolute !important;
	bottom: 15px !important;
}
	
.mobile-search-trigger{
		display:none !important;
}

#covidNavContainer{
  min-height: 345px;
  padding-top: 25px;
  padding-bottom: 25px;
  border: 0 !important;
}
	
}
.latest{
	display: inline-block !important;
	border-radius: 25px;
	position: relative;
	overflow: hidden;
	min-height: 200px;
	box-shadow: 1px 2px 4px rgba(76, 32, 110, .5);
  width: 100% !important;
  background-color: #ffffff;
}

.latest-jp{
	min-height: 300px !important;
}

.latestTitleContainer{
  padding-left: 20px;
  padding-top: 20px;
  padding-right: 20px;
  padding-bottom: 10px;
  background-color: #50247f;
}
.latestContentContainer{
  padding: 20px;
  background-color: #ffffff;
}

.latest h1{
	font-size: 18px !important;
	font-weight: bold !important;
	margin: 0 !important;
	min-height: 58px !important;
  vertical-align: top !important;
  color: #ffffff;
}

.latest hr{
	margin-top: 0px !important;
}

.latest:hover{
	cursor: pointer;
	-moz-transform: translate(-2px, -2px);
    -ms-transform: translate(-2px, -2px);
    -o-transform: translate(-2px, -2px);
    -webkit-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px)
}


	ul.accordion li .description a.buttonYellow {
  padding: 6px 15px;
  box-shadow: 0 25px 20px -21px rgba(0, 0, 0, .50);
  color: #502d7f;
  border-radius: 20px !important;
  background-color: #fed900;
  text-decoration: none;
  opacity: 1 !important;
	text-transform:uppercase;
	font-style: normal !important;
	
}

ul.accordion li .description a.buttonYellow:hover {
  color: #fed900;
  border-radius: 20px !important; 
  background-color: #502d7f;
  text-decoration: none;
	opacity: 1 !important;
	text-transform:uppercase;
	font-style: normal !important;
}

.articleNoMargin { 
	padding: 0 !important;
	margin: 0 !important;
}

#homepageHeadline{
	cursor: pointer;
	text-align: center !important;
	color: #50247f;
	padding-bottom: 10px;
	padding-top: 10px;
	font-size: 18px !important;
	font-weight: bold !important;
}

#homepageHeadline:hover{
	color: white;
	background-color: #50247f !important;
}

#homepageHeadlineNoHover{
	text-align: center !important;
	color: #ffffff;
	padding-bottom: 10px;
	padding-top: 10px;
	font-size: 18px !important;
	font-weight: bold !important;
    background-color: #50247f !important;
}

#homepageHeadlineNoHoverClickable{
	text-align: center !important;
	color: #ffffff;
	padding-bottom: 10px;
	padding-top: 10px;
	font-size: 18px !important;
	font-weight: bold !important;
    background-color: #50247f !important;
    cursor: pointer;
}

#homepageRevityBanner{
	cursor: pointer;
	color: #50247f;
	padding-bottom: 0px;
	padding-top: 0px;
}

#homepageH1 {
  font-size:50px!important;
  font-weight: bold;
  text-align: center;
  color: #000;
}

#homepageBanner {
    background-size: cover!important;
    width: 100%;
    text-align: center;
    padding: 0px !important;
    margin-top: 0 !important;
    margin-bottom: 30px !important;
    margin-right: 0 !important;
    vertical-align: top !important;
    position: relative !important;	
    overflow: hidden !important;
    cursor: pointer;
  }

  #homepageBanner img{
    width: 100%;
    height: 100%;
  }
  
  #homepageBanner h1 {
      font-size:50px!important;
  padding-top: 30px !important;
  padding-bottom: 15px !important;
  margin-right: 15% !important;
  margin-left: 15% !important;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
      position: relative;
      color: #FFF;
      text-shadow: 2px 2px 4px #000000;
  }

  #homepageBannerAT {
    background-size: cover!important;
    width: 100%;
    text-align: center;
    padding: 0px !important;
    margin-top: 0 !important;
    margin-bottom: 30px !important;
    margin-right: 0 !important;
    vertical-align: top !important;
    position: relative !important;	
    overflow: hidden !important;
    cursor: pointer;
  }

  #homepageBannerAT img{
    width: 100%;
    height: 100%;
  }
  
  #homepageBannerAT h1 {
      font-size:50px!important;
  padding-top: 30px !important;
  padding-bottom: 15px !important;
  margin-right: 15% !important;
  margin-left: 15% !important;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
      position: relative;
      color: #FFF;
      text-shadow: 2px 2px 4px #000000;
  }  

  #homepageBannerEU {
    background-size: cover!important;
    width: 100%;
    text-align: center;
    padding: 0px !important;
    margin-top: 0 !important;
    margin-bottom: 30px !important;
    margin-right: 0 !important;
    vertical-align: top !important;
    position: relative !important;	
    overflow: hidden !important;
    cursor: pointer;
  }

  #homepageBannerEU img{
    width: 100%;
    height: 100%;
  }
  
  #homepageBannerEU h1 {
      font-size:50px!important;
  padding-top: 30px !important;
  padding-bottom: 15px !important;
  margin-right: 15% !important;
  margin-left: 15% !important;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
      position: relative;
      color: #FFF;
      text-shadow: 2px 2px 4px #000000;
  }   

  #search-options-Homepage{
    position: absolute;
    display: none;
    top:61px;
    left: 317px;
    background-color: white;
    padding: 5px;
    width: 425px;
    border: 1px black solid;
    z-index: @zIndex9;
    -webkit-border-radius: 6;
    -moz-border-radius: 6;
    border-radius: 6px;
  }
  
  #search-options-Homepage li{
    line-height: 200%;
    color: black;
    list-style-type: none !important;
  }
  
  #search-options-Homepage li a{
    color: black;
    text-decoration: none;
  }
  
  #search-options-Homepage li.searchOptionsLIHovered{
    cursor: pointer;
    background-color: #d8d8d8;
  }
  
  #search-options-Homepage li.searchOptionsLIHovered{
    cursor: pointer;
    background-color: #d8d8d8;
  }
  
  #search-options-Homepage li.searchOptionsLIInvalid{
    cursor: default;
    color: #d8d8d8;
    background-color: #FFF;
  }
  
  #search-options-Homepage li.searchOptionsLIInvalid span.searchOptionsQueryTextDisplay{
    color: #d8d8d8;
    font-weight: normal;
  }
  
  #search-options-Homepage li span.searchOptionsQueryTextDisplay{
    font-weight: bold;
  }