/*!
 * crosscover v1.0.2
 * Carousel of a simple background image using jquery and animate.css.
 * http://git.blivesta.com/crosscover
 * License: MIT * Author: blivesta <enmt@blivesta.com> (http: //blivesta.com/)
 */body, html {
 	height: 100%;
 	margin: 0
 }
 
 .crosscover {
 	overflow: hidden;
 	background-color: #000
 }
 
 .crosscover, .crosscover-list {
 	position: relative;
 	height: 100%
 }
 
 .crosscover-list {
 	top: 0;
 	left: 0;
 	width: 100%;
 	margin: 0;
 	padding: 0;
 	list-style: none
 }
 
 .crosscover-item {
 	position: absolute;
 	display: block;
 	top: 0;
 	left: 0;
 	float: left;
 	width: 100%;
 	height: 100%;
 	opacity: 0;
 	background-position: center center;
 	background-size: cover;
 	-webkit-animation-duration: 1s;
 	animation-duration: 1s;
 	-webkit-animation-fill-mode: both;
 	animation-fill-mode: both
 }
 
 .crosscover-item>img {
 	display: none
 }
 
 .crosscover-item.is-wait {
 	opacity: 0;
 	z-index: 0
 }
 
 .crosscover-item.is-active {
 	opacity: 1;
 	z-index: 1
 }
 
 .crosscover-controller {
 	position: absolute;
 	z-index: 3;
 	bottom: 30px;
 	left: 0;
 	width: 100%;
 	-webkit-user-select: none;
 	-moz-user-select: none;
 	-ms-user-select: none;
 	user-select: none
 }
 
 .crosscover-next, .crosscover-player, .crosscover-prev {
 	position: absolute;
 	bottom: 0;
 	width: 4pc;
 	height: 4pc;
 	padding: 0;
 	cursor: pointer;
 	border: none;
 	outline: 0;
 	background-color: transparent
 }
 
 .crosscover-player {
 	left: 50%;
 	margin-left: -2pc
 }
 
 .crosscover-prev {
 	left: 0
 }
 
 .crosscover-next {
 	right: 0
 }
 
 .crosscover-player>.crosscover-icon-player:after, .crosscover-player>.crosscover-icon-player:before {
 	position: absolute;
 	top: 50%;
 	left: 50%;
 	display: block;
 	width: 0;
 	height: 0;
 	margin: -8px 0 0 -6px;
 	content: '';
 	transition: all .4s ease-out;
 	border: 10px solid transparent;
 	border-top: 10px solid transparent;
 	border-left: 15px solid #fff
 }
 
 .crosscover-player:hover>.crosscover-icon-player:after, .crosscover-player:hover>.crosscover-icon-player:before {
 	border-left-color: hsla(0, 0%, 100%, .4)
 }
 
 .crosscover-player.is-playing>.crosscover-icon-player:after, .crosscover-player.is-playing>.crosscover-icon-player:before {
 	margin: -8px 0 0 -2px;
 	content: '';
 	border: 2px solid #fff;
 	border-top-width: 20px
 }
 
 .crosscover-player.is-playing>.crosscover-icon-player:before {
 	left: 42%;
 	-webkit-transform: rotate(-180deg);
 	transform: rotate(-180deg)
 }
 
 .crosscover-player.is-playing>.crosscover-icon-player:after {
 	left: 58%;
 	-webkit-transform: rotate(180deg);
 	transform: rotate(180deg)
 }
 
 .crosscover-player.is-playing:hover>.crosscover-icon-player:after, .crosscover-player.is-playing:hover>.crosscover-icon-player:before {
 	border: 2px solid hsla(0, 0%, 100%, .4);
 	border-top-width: 20px
 }
 
 .crosscover-icon-next:after, .crosscover-icon-prev:after {
 	position: absolute;
 	top: 50%;
 	left: 50%;
 	width: 10px;
 	height: 10px;
 	margin-top: -5px;
 	margin-left: -5px;
 	content: '';
 	transition: all .4s ease-out;
 	border-top: 4px solid #fff;
 	border-right: 4px solid #fff;
 	border-radius: 2px
 }
 
 .crosscover-icon-next:after {
 	margin-left: -10px;
 	-webkit-transform: rotate(45deg);
 	transform: rotate(45deg)
 }
 
 .crosscover-icon-prev:after {
 	-webkit-transform: rotate(-135deg);
 	transform: rotate(-135deg)
 }
 
 .crosscover-next:hover .crosscover-icon-next:after, .crosscover-prev:hover .crosscover-icon-prev:after {
 	border-top: 4px solid hsla(0, 0%, 100%, .4);
 	border-right: 4px solid hsla(0, 0%, 100%, .4)
 }
 
 .crosscover-overlay {
 	position: absolute;
 	z-index: 2;
 	display: table;
 	width: 100%;
 	height: 100%;
 	background: rgba(0, 0, 0, .6)
 }
 
 .crosscover-island {
 	display: table-cell;
 	width: 100%;
 	height: 100%;
 	color: #fff;
 	text-align: left;
 	vertical-align: middle
 }
 
 .crosscover-title {
 	font-size: 3pc;
 	font-size: 3rem;
 	color: #fff;
 	margin: 0
 }
 
 .crosscover-description {
 	font-size: 18px;
 	font-size: 1.15rem;
 	margin-top: 0;
 	margin-bottom: 1pc;
 	margin-bottom: 1rem;
 	color: #fff
 }
 
 .crosscover-dots {
 	position: absolute;
 	z-index: 3;
 	bottom: 0;
 	left: 0;
 	width: 100%;
 	-webkit-user-select: none;
 	-moz-user-select: none;
 	-ms-user-select: none;
 	user-select: none;
 	list-style: none;
 	text-align: center;
 	margin: 0;
 	padding: 0;
 	box-sizing: border-box;
 	list-style-type: none
 }
 
 [class^=crosscover-dots-nav-] {
 	display: inline-block;
 	bottom: 0;
 	padding: 1pc 6px;
 	padding: 1rem .375rem
 }
 
 [class^=crosscover-dots-nav-] button {
 	width: 14px;
 	height: 14px;
 	cursor: pointer;
 	background-color: hsla(0, 0%, 100%, .3);
 	border-radius: 50%;
 	border: none;
 	outline: 0;
 	padding: 0
 }
 
 [class^=crosscover-dots-nav-] button:hover {
 	background-color: hsla(0, 0%, 100%, .6)
 }
 
 [class^=crosscover-dots-nav-].is-active button, [class^=crosscover-dots-nav-].is-active button:hover {
 	background-color: #fff
 }
 
 @-webkit-keyframes a {
 	0% {
 		opacity: 0
 	}
 	to {
 		opacity: 1
 	}
 }
 
 @keyframes a {
 	0% {
 		opacity: 0
 	}
 	to {
 		opacity: 1
 	}
 }
 
 .fade-in {
 	-webkit-animation-name: a;
 	animation-name: a
 }
 
 @-webkit-keyframes b {
 	0% {
 		opacity: 1
 	}
 	to {
 		opacity: 0
 	}
 }
 
 @keyframes b {
 	0% {
 		opacity: 1
 	}
 	to {
 		opacity: 0
 	}
 }
 
 .fade-out {
 	-webkit-animation-name: b;
 	animation-name: b
 }