/*
* Pure CSS Framework V1.0 (http://purecssframework.com)
* Copyright 2017 Pure CSS Framework.
* By Lowell Hausman 
* Licensed under MIT 
*/
.pcf-carousel .moving-strip:hover,.pcf-carousel .pcf-carousel-dots:hover~.moving-strip,.pcf-carousel:hover .pcf-carousel-anime-dots div:nth-child(1),.pcf-carousel:hover .pcf-carousel-anime-dots div:nth-child(2),.pcf-carousel:hover .pcf-carousel-anime-dots div:nth-child(3),.pcf-carousel:hover .pcf-carousel-anime-dots div:nth-child(4),.pcf-carousel:hover .pcf-carousel-anime-dots div:nth-child(5),.pcf-carousel:hover .pcf-carousel-anime-dots div:nth-child(6),.pcf-carousel:hover .pcf-carousel-anime-dots div:nth-child(7),.pcf-carousel:hover .pcf-carousel-anime-dots div:nth-child(8){animation-play-state:paused}.pcf-carousel .moving-strip,.pcf-carousel label.btn-play,.pcf-carousel.items-2 .pcf-carousel-anime-dots div:nth-child(1),.pcf-carousel.items-2 .pcf-carousel-anime-dots div:nth-child(2),.pcf-carousel.items-3 .pcf-carousel-anime-dots div:nth-child(1),.pcf-carousel.items-3 .pcf-carousel-anime-dots div:nth-child(2),.pcf-carousel.items-3 .pcf-carousel-anime-dots div:nth-child(3),.pcf-carousel.items-4 .pcf-carousel-anime-dots div:nth-child(2),.pcf-carousel.items-4 .pcf-carousel-anime-dots div:nth-child(3),.pcf-carousel.items-4 .pcf-carousel-anime-dots div:nth-child(4),.pcf-carousel.items-5 .pcf-carousel-anime-dots div:nth-child(1),.pcf-carousel.items-5 .pcf-carousel-anime-dots div:nth-child(2),.pcf-carousel.items-5 .pcf-carousel-anime-dots div:nth-child(3),.pcf-carousel.items-5 .pcf-carousel-anime-dots div:nth-child(4),.pcf-carousel.items-5 .pcf-carousel-anime-dots div:nth-child(5){animation-timing-function:ease-in-out;animation-iteration-count:infinite}.pcf-carousel{width:100%;overflow:hidden;position:relative;box-sizing:border-box;height:400px}.pcf-carousel>input{display:none;position:absolute}.pcf-carousel .moving-strip{position:absolute;width:100%;height:100%;top:0;left:0;display:flex;flex-wrap:nowrap;z-index:1;will-change:transform;transform:translateX(0)}.pcf-carousel .pcf-carousel-item{width:100%;height:100%;position:relative;overflow-x:hidden;background-repeat:no-repeat;background-position:center center;background-size:cover;box-sizing:border-box;margin:0 .5px}.pcf-carousel-anime-dots,.pcf-carousel-dots{display:flex;flex-wrap:nowrap;position:absolute;width:100%;justify-content:center;bottom:0;z-index:10}.pcf-carousel-dots label{position:relative}.pcf-carousel-dots label:after{content:"";background-color:transparent;display:block;position:absolute;width:10px;height:10px;border-radius:10px;top:0;left:0}.pcf-carousel label.btn-play{display:block;width:16px;height:16px;border-radius:16px;border:1px solid rgba(255,255,255,.5);position:absolute;margin:0;z-index:3;background-color:rgba(0,0,0,.5);cursor:pointer;bottom:-100%;left:calc(50% - 8px);transition:all 1s ease-in-out;animation-name:pcf-carousel-play-btn;animation-duration:5s}.pcf-carousel label.btn-play:hover{border:1px solid rgba(255,255,255,.8);z-index:3;background-color:rgba(0,0,0,.9);animation-name:none}@keyframes pcf-carousel-play-btn{0%,100%,40%,60%{opacity:1}50%{opacity:.3}}.pcf-carousel label.btn-play:after{content:"";width:0;height:0;border-left:6px solid rgba(255,255,255,.8);border-bottom:6px solid transparent;border-top:6px solid transparent;position:absolute;top:2px;left:6px;z-index:3}.pcf-carousel-anime-dots div,.pcf-carousel-dots label{display:block;width:10px;height:10px;border-radius:10px;margin:5px;cursor:pointer}.pcf-carousel-anime-dots{pointer-events:none}.pcf-carousel-dots label{background-color:rgba(200,200,200,.8)}.pcf-carousel-anime-dots div{background-color:transparent}#carousel-start-1:checked~.pcf-carousel-dots label:nth-child(1):after,#carousel-start-2:checked~.pcf-carousel-dots label:nth-child(2):after,#carousel-start-3:checked~.pcf-carousel-dots label:nth-child(3):after,#carousel-start-4:checked~.pcf-carousel-dots label:nth-child(4):after,#carousel-start-5:checked~.pcf-carousel-dots label:nth-child(5):after,#carousel-start-6:checked~.pcf-carousel-dots label:nth-child(6):after,#carousel-start-7:checked~.pcf-carousel-dots label:nth-child(7):after,#carousel-start-8:checked~.pcf-carousel-dots label:nth-child(8):after{background-color:#fff;z-index:20}#carousel-start-1:checked~label.btn-play,#carousel-start-2:checked~label.btn-play,#carousel-start-3:checked~label.btn-play,#carousel-start-4:checked~label.btn-play,#carousel-start-5:checked~label.btn-play,#carousel-start-6:checked~label.btn-play,#carousel-start-7:checked~label.btn-play,#carousel-start-8:checked~label.btn-play{bottom:20px;transition:all 1s ease-in-out}#carousel-start-1:checked~.pcf-carousel-anime-dots div,#carousel-start-2:checked~.pcf-carousel-anime-dots div,#carousel-start-3:checked~.pcf-carousel-anime-dots div,#carousel-start-4:checked~.pcf-carousel-anime-dots div,#carousel-start-5:checked~.pcf-carousel-anime-dots div,#carousel-start-6:checked~.pcf-carousel-anime-dots div,#carousel-start-7:checked~.pcf-carousel-anime-dots div,#carousel-start-8:checked~.pcf-carousel-anime-dots div{animation-name:pcf-carousel-clear}.pcf-carousel.items-2 .moving-strip{width:300%;animation-name:pcf-carousel-2;animation-duration:10s}#carousel-start-1:checked~.moving-strip{animation-name:pcf-carousel-2;transform:translateX(0)}@keyframes pcf-carousel-2{0%,40%{transform:translateX(0)}50%,90%{transform:translateX(-33.33%)}100%{transform:translateX(-66.6%)}}#carousel-start-2:checked~.moving-strip{animation-name:pcf-carousel;transform:translateX(-33.33%)}.pcf-carousel.items-2 .pcf-carousel-anime-dots div:nth-child(1){animation-name:pcf-carousel-2-items-dots-1;animation-duration:10s}@keyframes pcf-carousel-2-items-dots-1{0%,100%,40%{background-color:#fff}50%,99%{background-color:transparent}}.pcf-carousel.items-2 .pcf-carousel-anime-dots div:nth-child(2){animation-name:pcf-carousel-2-items-dots-2;animation-duration:10s}@keyframes pcf-carousel-2-items-dots-2{0%,100%,40%{background-color:transparent}50%,90%{background-color:#fff}}#carousel-start-1:checked~.pcf-carousel.items-2 .pcf-carousel-anime-dots div:nth-child(1),#carousel-start-2:checked~.pcf-carousel.items-2 .pcf-carousel-anime-dots div:nth-child(2){animation-name:pcf-carousel-clear}.pcf-carousel.items-3 #carousel-start-1:checked~.moving-strip{animation-name:pcf-carousel-clear;transform:translateX(0)}.pcf-carousel.items-3 #carousel-start-2:checked~.moving-strip{animation-name:pcf-carousel-clear;transform:translateX(-25%)}.pcf-carousel.items-3 #carousel-start-3:checked~.moving-strip{animation-name:pcf-carousel-clear;transform:translateX(-50%)}.pcf-carousel.items-3 .moving-strip{width:400%;animation-name:pcf-carousel-3;animation-duration:15s}@keyframes pcf-carousel-3{0%,15%{transform:translateX(0)}20%,50%{transform:translateX(-25%)}55%,85%{transform:translateX(-50%)}100%,90%{transform:translateX(-75%)}}.pcf-carousel.items-3 .pcf-carousel-anime-dots div:nth-child(1){animation-name:pcf-carousel-dots-3-items-dots-1;animation-duration:15s}@keyframes pcf-carousel-dots-3-items-dots-1{0%,100%,15%,90%{background-color:#fff}20%,50%,55%,85%{background-color:transparent}}.pcf-carousel.items-3 .pcf-carousel-anime-dots div:nth-child(2){animation-name:pcf-carousel-dots-3-items-dots-2;animation-duration:15s}@keyframes pcf-carousel-dots-3-items-dots-2{0%,100%,15%,55%,85%,90%{background-color:transparent}20%,50%{background-color:#fff}}.pcf-carousel.items-3 .pcf-carousel-anime-dots div:nth-child(3){animation-name:pcf-carousel-dots-3-items-dots-3;animation-duration:15s}@keyframes pcf-carousel-dots-3-items-dots-3{0%,100%,15%,20%,50%,90%{background-color:transparent}55%,85%{background-color:#fff}}#carousel-start-1:checked~.pcf-carousel.items-3 .pcf-carousel-anime-dots div:nth-child(1),#carousel-start-2:checked~.pcf-carousel.items-3 .pcf-carousel-anime-dots div:nth-child(2),#carousel-start-2:checked~.pcf-carousel.items-3 .pcf-carousel-anime-dots div:nth-child(3){animation-name:pcf-carousel-clear}.pcf-carousel.items-4 #carousel-start-1:checked~.moving-strip{animation-name:pcf-carousel-clear;transform:translateX(0)}.pcf-carousel.items-4 #carousel-start-2:checked~.moving-strip{animation-name:pcf-carousel-clear;transform:translateX(-20%)}.pcf-carousel.items-4 #carousel-start-3:checked~.moving-strip{animation-name:pcf-carousel-clear;transform:translateX(-40%)}.pcf-carousel.items-4 #carousel-start-4:checked~.moving-strip{animation-name:pcf-carousel-clear;transform:translateX(-60%)}.pcf-carousel.items-4 .moving-strip{width:500%;animation-name:pcf-carousel-4;animation-duration:18s}@keyframes pcf-carousel-4{0%,15%{transform:translateX(0)}20%,40%{transform:translateX(-20%)}45%,65%{transform:translateX(-40%)}70%,90%{transform:translateX(-60%)}100%,95%{transform:translateX(-80%)}}.pcf-carousel.items-4 .pcf-carousel-anime-dots div:nth-child(1){animation-name:pcf-carousel-dots-4-items-dots-1;animation-duration:18s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes pcf-carousel-dots-4-items-dots-1{0%,100%,15%,95%{background-color:#fff}20%,40%,45%,65%,70%,90%{background-color:transparent}}.pcf-carousel.items-4 .pcf-carousel-anime-dots div:nth-child(2){animation-name:pcf-carousel-dots-4-items-dots-2;animation-duration:18s}@keyframes pcf-carousel-dots-4-items-dots-2{0%,100%,15%,45%,65%,70%,90%,95%{background-color:transparent}20%,40%{background-color:#fff}}.pcf-carousel.items-4 .pcf-carousel-anime-dots div:nth-child(3){animation-name:pcf-carousel-dots-4-items-dots-3;animation-duration:18s}@keyframes pcf-carousel-dots-4-items-dots-3{0%,100%,15%,20%,40%,70%,90%,95%{background-color:transparent}45%,65%{background-color:#fff}}.pcf-carousel.items-4 .pcf-carousel-anime-dots div:nth-child(4){animation-name:pcf-carousel-dots-4-items-dots-4;animation-duration:18s}@keyframes pcf-carousel-dots-4-items-dots-4{0%,100%,15%,20%,40%,45%,65%,95%{background-color:transparent}70%,90%{background-color:#fff}}.pcf-carousel.items-4 #carousel-start-1:checked~.pcf-carousel.items-4 .pcf-carousel-anime-dots div:nth-child(1),.pcf-carousel.items-4 #carousel-start-2:checked~.pcf-carousel.items-4 .pcf-carousel-anime-dots div:nth-child(2),.pcf-carousel.items-4 #carousel-start-3:checked~.pcf-carousel.items-4 .pcf-carousel-anime-dots div:nth-child(3),.pcf-carousel.items-4 #carousel-start-4:checked~.pcf-carousel.items-4 .pcf-carousel-anime-dots div:nth-child(4){animation-name:pcf-carousel-clear}.pcf-carousel.items-5 #carousel-start-1:checked~.moving-strip{animation-name:pcf-carousel-clear;transform:translateX(0)}.pcf-carousel.items-5 #carousel-start-2:checked~.moving-strip{animation-name:pcf-carousel-clear;transform:translateX(-16.667%)}.pcf-carousel.items-5 #carousel-start-3:checked~.moving-strip{animation-name:pcf-carousel-clear;transform:translateX(-33.34%)}.pcf-carousel.items-5 #carousel-start-4:checked~.moving-strip{animation-name:pcf-carousel-clear;transform:translateX(-50%)}.pcf-carousel.items-5 #carousel-start-5:checked~.moving-strip{animation-name:pcf-carousel-clear;transform:translateX(-66.666%)}.pcf-carousel.items-5 .moving-strip{width:600%;animation-name:pcf-carousel-5;animation-duration:30s}@keyframes pcf-carousel-5{0%,12%{transform:translateX(0)}18%,28%{transform:translateX(-16.667%)}34%,48%{transform:translateX(-33.34%)}54%,68%{transform:translateX(-50%)}74%,88%{transform:translateX(-66.666%)}100%,94%{transform:translateX(-83.333%)}}.pcf-carousel.items-5 .pcf-carousel-anime-dots div:nth-child(1){animation-name:pcf-carousel-dots-5-items-dots-1;animation-duration:30s}@keyframes pcf-carousel-dots-5-items-dots-1{0%,100%,12%,94%{background-color:#fff}18%,28%,34%,48%,54%,68%,74%,88%{background-color:transparent}}.pcf-carousel.items-5 .pcf-carousel-anime-dots div:nth-child(2){animation-name:pcf-carousel-dots-5-items-dots-2;animation-duration:30s}@keyframes pcf-carousel-dots-5-items-dots-2{0%,100%,12%,34%,48%,54%,68%,74%,88%,94%{background-color:transparent}18%,28%{background-color:#fff}}.pcf-carousel.items-5 .pcf-carousel-anime-dots div:nth-child(3){animation-name:pcf-carousel-dots-5-items-dots-3;animation-duration:30s}@keyframes pcf-carousel-dots-5-items-dots-3{0%,100%,12%,18%,28%,54%,68%,74%,88%,94%{background-color:transparent}34%,48%{background-color:#fff}}.pcf-carousel.items-5 .pcf-carousel-anime-dots div:nth-child(4){animation-name:pcf-carousel-dots-5-items-dots-4;animation-duration:30s}@keyframes pcf-carousel-dots-5-items-dots-4{0%,100%,12%,18%,28%,34%,48%,74%,88%,94%{background-color:transparent}54%,68%{background-color:#fff}}.pcf-carousel.items-5 .pcf-carousel-anime-dots div:nth-child(5){animation-name:pcf-carousel-dots-5-items-dots-5;animation-duration:30s}@keyframes pcf-carousel-dots-5-items-dots-5{0%,100%,12%,18%,28%,34%,48%,54%,68%,94%{background-color:transparent}74%,88%{background-color:#fff}}.pcf-carousel.items-5 #carousel-start-1:checked~.pcf-carousel.items-5 .pcf-carousel-anime-dots div:nth-child(1),.pcf-carousel.items-5 #carousel-start-2:checked~.pcf-carousel.items-5 .pcf-carousel-anime-dots div:nth-child(2),.pcf-carousel.items-5 #carousel-start-3:checked~.pcf-carousel.items-5 .pcf-carousel-anime-dots div:nth-child(3),.pcf-carousel.items-5 #carousel-start-4:checked~.pcf-carousel.items-5 .pcf-carousel-anime-dots div:nth-child(4),.pcf-carousel.items-5 #carousel-start-4:checked~.pcf-carousel.items-5 .pcf-carousel-anime-dots div:nth-child(5){animation-name:pcf-carousel-clear}@media all and (max-width:800px){.pcf-carousel{height:200px}}