.collapsiblebanner {
  background: #DFF3F1;
  padding:1vw;
	position: relative;
	z-index: 1001;
	color: #fff;
}
.collapsiblebanner .initial-state {
  max-width: 960px;
  margin: 0 auto;
  overflow: hidden;
  height: auto;
  max-height: 50vw;
  position: relative;
  transition: max-height .5s ;
}
.collapsiblebanner .initial-state.off a {
	display: none;
}
.collapsiblebanner .initial-state .collapse-this {
  position: absolute;
  top: 0;
  right: 0;
  text-decoration: none;
  padding: 1vw;
  border-radius: .5vw;
  background: #0006;
  color: #fff;
}
.collapsiblebanner .collapsed-state {
  text-align: center;
  overflow: hidden;
  height: auto;
  max-height: 6vw;
  transition: max-height .5s .5s ;
}
.collapsiblebanner .collapsed-state p {
  margin: 0;
  padding: 0;
}
.collapsiblebanner .collapsed-state p a {
  color: #373d3f;
  display: inline;
  text-decoration: none;
}
.collapsiblebanner .collapsed-state p a:hover {
  text-decoration: underline;
}
.collapsiblebanner .collapsed-state.off p a {
	display: none;
}
.collapsiblebanner .off {
  max-height: 0;
}

/* Imported from Speedbump */

#speedbumpbanner {
	width:100%;
	height:200px;
	transition:bottom 1s;
	z-index:2002;
	color: #373d3f;
}
#speedbumpbanner.active {
	bottom:40px;
}
#speedbumpbanner .borders {
	width:100%;
	margin: 4px 0;
	height:190px;
}
#speedbumpbanner .innerban {
	width:960px;
	margin:0 auto;
	position:relative;
}
#speedbumpbanner .nowtime {
	width: auto;
	height: 190px;
}
#speedbumpbanner .bantext {
	width:570px;
	position:absolute;
	left:320px;
	top: 0px;
	font-size:17px;
	line-height:27px;
}
#speedbumpbanner h2 {
	color: #24408F;
	font-weight:normal;
	text-align:left;
	line-height: 28px;
	font-size:28px;
	margin: .53em 0 .43em;
}
#speedbumpbanner h2 em {
	text-transform: normal;
	color: inherit;

}
#speedbumpbanner a {
	color:#373d3f;
	text-decoration: none;
	font-size: 20px;
}
#speedbumpbanner a span {
	color:#666;
	font-size: 14px;
	font-style: italic;
}
#speedbumpbanner .closer {
	font-size: 1.5em;
	position:absolute;
	width:22px;
	height:22px;
	top:6px;
	right:0;
	cursor:pointer;
	color: #8A8A8A;
}
#speedbumpbanner .hide {
	display: none;
	background:url('') center no-repeat;
}
@media all and (max-width:960px) {
	.collapsiblebanner .initial-state {
		max-height: 95vw;
	}
	.collapsiblebanner .off {
  max-height: 0;
}
	#speedbumpbanner {
		height: auto;
	}
	#speedbumpbanner.active {
		bottom:20px;
	}
	#speedbumpbanner .borders {
		height: auto;
	}
	#speedbumpbanner .innerban {
		width:100%;
	}
	#speedbumpbanner .nowtime {
		position: relative;
		width: 100%;
		height: auto;
	}
	#speedbumpbanner .bantext {
		width:100%;
		position:relative;
		left: auto;
		box-sizing: border-box;
		padding:20px;
	}
	#speedbumpbanner h2 {
		margin: 0 0 .4em;
	}
	#speedbumpbanner .closer {
		top:14px;
		right: 35px;
		color: #fff;
		font-size: 2em;
	}
	#speedbumpbanner .hide {
		display: block;
		text-align: center;
		font-style: italic;
		font-size: 12px;
		color: #666;
		position: relative;
		width:100%;
		height:auto;
		text-decoration: underline;
	}
}

/* */

@media all and (max-width:480px) {
  .collapsiblebanner {
    padding: 4vw;
  }
  .collapsiblebanner .initial-state {
    max-height: 90vh;
  }
  .collapsiblebanner .collapsed-state {
    max-height: 8vh;
  }
  .collapsiblebanner .off {
    max-height: 0;
  }

	.collapsiblebanner .initial-state .collapse-this {
		padding: 3vw;
		border-radius: 1vw;
	}

}