/*!
 * crosscover v0.1.0
 * 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-list>li{position:absolute;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-list>li>img{display:none}
.crosscover-list>li.crosscover-setup{opacity:0}
.crosscover-list>li.crosscover-active{opacity:1}
.crosscover-controller{position:absolute;z-index:2;top:50%;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:initial}
.crosscover-player{left:50%;margin-left:-2pc;display:none;}
.crosscover-prev{left:10px;z-index:20;border-radius:4px;}
.crosscover-next{right:10px;z-index:20;border-radius:4px;}
.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:20px;left:15px;width:40px;height:40px;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:1;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:center;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}@-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}