.box-active {
	z-index: 100
}
.slide {
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	pointer-events: none
}
.slide:not(.slide-detail) {
	pointer-events: auto;
	cursor: zoom-in
}
.has-bg img {
	opacity: 0
}
.box-active, .box-zoomed {
	overflow-x: hidden
}
.box-zoomed {
	position: fixed !important;
	z-index: 200;
	width: 100vw !important;
	min-height: 100vh !important;
	padding: 0 !important;
	background-color: white
}
.box-zoomed, .slide-detail {
	top: 0;
	left: 0;
	margin: 0
}
.slide-detail {
	display: none;
	z-index: 0;
	position: absolute;
	top: 10%;
	float: none;
	width: 86.6666666667%;
	height: 80%;
	opacity: 0;
	background-size: contain;
	transition-duration: 0s;
	pointer-events: none
}
.slide-active, .slide-prev, .slide-next {
	display: block;
	margin: 0;
	transition-property: left, opacity !important;
	transition-duration: 500ms !important;
	transition-timing-function: ease-out !important
}
.slide-prev, .slide-next {
	opacity: 0 !important
}
.slide-prev {
	left: -100%
}
.slide-next {
	left: 100%
}
.box-zoomed .slide-active {
	left: 6.6666666667%;
	opacity: 1 !important;
	pointer-events: auto;
	cursor: zoom-out
}
.loading {
	background-image: url("../assets/images/spiffygif_30x30.gif") !important;
	background-size: auto
}
.slide-caption {
	margin-top: 12px;
	margin-bottom: 0
}
.slide-detail .slide-caption {
	position: absolute;
	left: 0;
	top: 100%;
	right: 0;
	overflow: auto;
	opacity: 0
}
.slide-active .slide-caption {
	opacity: 1
}
.hide-caption .caption {
	display: none
}
@media only screen and (max-width: 768px) {
.box-zoomed {
	position: fixed;
	min-height: 100%
}
.expanded.allow-scroll {
	position: static
}
.close {
	background-color: transparent
}
.prev, .next {
	width: 30%
}
}
@media only screen and (max-width: 640px) {
.slide-detail {
	top: 1.6666666667%;
	height: 90%
}
}
.slide-detail video {
	opacity: 1
}
.video-wrap {
	z-index: 325;
	cursor: pointer
}
video {
	width: 100%;
	height: auto
}
.slide.playing {
	cursor: url("../assets/images/player-pause.svg") 18 18, url("../assets/images/player-pause.png") 18 18, pointer
}
.video-wrap {
	position: relative
}
.video-embed:not(.slide-detail) {
	position: relative;
	height: 0;
	padding-bottom: 56.25%
}
.video-normal {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}
.video-normal {
	border: none
}
.slide-active a.playbutton {
	display: none
}
a.playbutton {
	z-index: 300;
	display: block;
	position: absolute;
	right: 5px;
	bottom: 5px;
	width: 12px;
	height: 12px;
	border: none
}
a.playbutton.loading {
	background: url(images/loading.gif)
}
a.playbutton.play {
	background: url(images/play.png)
}
a.playbutton.pause {
	background: url(images/pause.png)
}
a.playbutton:link, a.playbutton:visited {
	opacity: 1.0
}
a.playbutton:hover {
	opacity: 0.5
}
.play, .entry .play {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	border: 24px solid white;
	border-radius: 36px;
	width: 0;
	height: 0;
	background: white;
	transition: all 250ms ease-out;
	opacity: 1;
	pointer-events: all
}
.play-triangle {
	z-index: 10;
	display: block;
	position: absolute;
	top: -8px;
	left: -4px;
	border-color: transparent transparent transparent #000;
	border-style: solid;
	border-width: 8px 12px
}
.play:hover {
	border-width: 26.4px
}
.play:hover .play-triangle {
	border-left-color: #0033eb
}
.entry .play:link, .entry .play:visited {
	border-color: white
}
.entry .play:hover {
	border-color: #0033eb
}
.entry .play:hover .play-triangle {
	border-left-color: white
}
.playing .play {
	opacity: 0;
	pointer-events: none
}
@media only screen and (max-width: 640px) {
.play, .entry .play {
	opacity: 0
}
}
.controls {
	z-index: 300;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	pointer-events: none;
	transition: all 250ms ease-in
}
.slide-box-carousel:not(.box-zoomed) .controls {
	position: absolute
}
.widget, .close, .arrow, .prev, .next {
	pointer-events: auto
}
.widget-show {
	opacity: 1;
	pointer-events: auto
}
.widget-hide, .slide-box:not(.box-zoomed) .close, .slide-box:not(.box-zoomed):not(.slide-box-carousel) .arrow, .slide-box:not(.box-zoomed):not(.slide-box-carousel) .prev, .slide-box:not(.box-zoomed):not(.slide-box-carousel) .next, .disabled, .disabled:hover, .widget-hide:hover, .slide-box:not(.box-zoomed) .close:hover, .slide-box:not(.box-zoomed):not(.slide-box-carousel) .arrow:hover, .slide-box:not(.box-zoomed):not(.slide-box-carousel) .prev:hover, .slide-box:not(.box-zoomed):not(.slide-box-carousel) .next:hover, .disabled:hover {
	opacity: 0;
	pointer-events: none
}
.controls a {
	line-height: 16px;
	text-align: center
}
.controls a:link, .controls a:visited {
	color: #222;
	text-decoration: none
}
.controls a:hover {
	color: #0033eb
}
.close {
	position: absolute;
	left: 0;
	width: 36px;
	height: 36px;
	padding: 18px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 36px 36px;
	font-size: 0
}
.close:link, .close:visited {
	background-image: url("../assets/images/widget-close.svg");
	font-size: 0px;
}
.close:hover {
	background-image: url("../assets/images/widget-close-over.svg")
}
a.disabled:link, a.disabled:visited, a.disabled:hover {
	color: transparent;
	cursor: default
}
 .prev, .next {
	position: absolute;
	top: 10%;
	height: 24px;
	width: 24px;
	width: 30%;
	height: 80%;
	text-decoration: none;
	font-size: 0;
	line-height: 27.6px
}
.carousel .arrow, .carousel .prev, .carousel .next {
	width: 50%
}
.arrow.disabled, .disabled.prev, .disabled.next {
	cursor: default
}
.prev {
	left: 0;
	text-align: right
}
.next {
	right: 0
}
.arrow.prev, .prev {
	cursor: url("../assets/images/arrow-long-left.svg"), url("../assets/images/arrow-long-left.png"), pointer
}
.arrow.next, .next {
	cursor: url("../assets/images/arrow-long-right.svg"), url("../assets/images/arrow-long-right.png"), pointer
}
.slide-box-carousel {
	position: relative;
	height: 48px;
	width: 50%;
	padding-bottom: 37.5%
}
.slide-carousel, .slide-box-carousel .slide:not(.slide-detail) {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 0;
	padding-bottom: 75%;
	background-size: cover;
	cursor: inherit
}
.slide-carousel:not(.slide-active), .slide-box-carousel .slide:not(.slide-active):not(.slide-detail) {
	opacity: 0
}
.pager {
	z-index: 300;
	position: absolute;
	bottom: 0;
	box-sizing: border-box;
	margin: 0 auto;
	width: 100%;
	padding: 0;
	text-align: center
}
.box-zoomed .pager {
	bottom: 12px
}
.pager li {
	display: inline-block;
	height: 12px;
	line-height: 12px;
	padding: 6px 4px
}
.pager .number {
	display: inline-block;
	margin: 5px 0;
	width: 0;
	height: 0;
	padding: 0;
	border: 3px solid #0033eb;
	border-radius: 3px;
	font-size: 0
}
.pager .number:hover {
	border-color: #0033eb
}
.pager .active {
	border-color: black
}
a.active:link, a.active:visited, a.active:hover {
	border-color: #222;
	cursor: default;
	pointer-events: none
}