/*
 HTML of this slider is based on Cryout Serious Slider output.
 Cryout Serious Slider: https://ja.wordpress.org/plugins/cryout-serious-slider/
 If you think use this slider, you should change classes in the html tags and only use technique of this slider.
 This slider mainly use CSS animation and flexbox order.
 Technique:
 + line slider in arow by flexbox and negative margin
 + set slider's order change timing by animation and keyframe
 + set slider's fade-out and fade-in by animation and keyframes
 + fixing when clicking labels below sliders by input and css selector "~" 
 Attention: Technique about slider's order change does not work in Some browser(ex. Safari in iOS, IE...)
 */
body {
  /*font-family: "Joti One", "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Sagoe UI", "ヒラギノ角ゴ ProN W3", Meiryo, sans-serif;*/
}

div {
  margin: 0;
  padding: 0;
}
.seriousslider-inner > .item {
  position: relative;
  margin: 0 auto;
}
.seriousslider-theme .seriousslider-caption {
  position: absolute;
  z-index: 3;
  left: 0;
  right: 0;
  top: 50%;
  bottom: auto;
  margin: 0 auto;
  padding: 0 2em;
  opacity: 1;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: left;
  background: rgba(255, 255, 255, 0.7);
}
#lp-serious-slider {
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}
#lp-serious-slider input {
  display: none;
}
#lp-serious-slider:hover .item {
  animation-play-state: running;
}
#lp-serious-slider:hover .slide-buttons label {
  animation-play-state: running;
}
#lp-serious-slider:hover #switch-s1:checked ~ .seriousslider-inner .item, #lp-serious-slider:hover #switch-s2:checked ~ .seriousslider-inner .item, #lp-serious-slider:hover #switch-s3:checked ~ .seriousslider-inner .item {
  animation-play-state: running;
}
.seriousslider-inner {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: horizontal;
  -moz-flex-direction: horizontal;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  width: 3030px;
  margin: 0 calc(50% - 1515px);
}
.seriousslider-inner > .item {
  margin: 0 auto;
  position: relative;
}
.seriousslider-inner > .item label {
  font-size: 250%;
  color: #fcfcfb;
  opacity: 0;
  transition: all 0.5s ease-out;
  text-shadow: 1px 1px 5px rgba(43, 43, 43, 0.75);
  z-index: 5;
}
.seriousslider-inner > .item label:hover, .seriousslider-inner > .item label:active {
  cursor: pointer;
  text-shadow: none;
}
.seriousslider-inner > .item label:nth-child(2n+1) {
  position: absolute;
  top: initial;
  bottom: 50%;
  left: -5px;
}
.seriousslider-inner > .item label:nth-child(2n) {
  position: absolute;
  top: initial;
  bottom: 50%;
  right: -5px;
}
.seriousslider-inner > .item:hover label {
  opacity: 1;
}
.item > a {
  display: block;
  padding: 0;
  margin: 0 auto;
  max-width: 1000px;
  height: 452px;
  overflow: hidden;
}
img.item-image {
  width: 1000px;
  height: 452px;
}
@media (max-width: 1000px) {
  .seriousslider-inner {
    width: 300vw;
    margin: 0 -100vw;
  }
  img.item-image {
    width: 100vw;
    height: 45.2vw;
  }
  .item > a {
    margin: 0;
    width: 100vw;
    height: 45.2vw;
  }
}
@-webkit-keyframes slide-fade {
  0% {
    opacity: 0;
    animation-timing-function: ease-out;
  }
  5% {
    opacity: 1;
    animation-timing-function: ease-out;
  }
  30% {
    opacity: 1;
    animation-timing-function: ease-out;
  }
  35% {
    opacity: 0;
    animation-timing-function: ease-out;
  }
  40% {
    opacity: 1;
    animation-timing-function: ease-out;
  }
  62.5% {
    opacity: 1;
    animation-timing-function: ease-out;
  }
  67.5% {
    opacity: 0;
    animation-timing-function: ease-out;
  }
  72.5% {
    opacity: 1;
    animation-timing-function: ease-out;
  }
  95% {
    opacity: 1;
    animation-timing-function: ease-out;
  }
  100% {
    opacity: 0;
    animation-timing-function: ease-out;
  }
}
@-moz-keyframes slide-fade {
  0% {
    opacity: 0;
    animation-timing-function: ease-out;
  }
  5% {
    opacity: 1;
    animation-timing-function: ease-out;
  }
  30% {
    opacity: 1;
    animation-timing-function: ease-out;
  }
  35% {
    opacity: 0;
    animation-timing-function: ease-out;
  }
  40% {
    opacity: 1;
    animation-timing-function: ease-out;
  }
  62.5% {
    opacity: 1;
    animation-timing-function: ease-out;
  }
  67.5% {
    opacity: 0;
    animation-timing-function: ease-out;
  }
  72.5% {
    opacity: 1;
    animation-timing-function: ease-out;
  }
  95% {
    opacity: 1;
    animation-timing-function: ease-out;
  }
  100% {
    opacity: 0;
    animation-timing-function: ease-out;
  }
}
@-o-keyframes slide-fade {
  0% {
    opacity: 0;
    animation-timing-function: ease-out;
  }
  5% {
    opacity: 1;
    animation-timing-function: ease-out;
  }
  30% {
    opacity: 1;
    animation-timing-function: ease-out;
  }
  35% {
    opacity: 0;
    animation-timing-function: ease-out;
  }
  40% {
    opacity: 1;
    animation-timing-function: ease-out;
  }
  62.5% {
    opacity: 1;
    animation-timing-function: ease-out;
  }
  67.5% {
    opacity: 0;
    animation-timing-function: ease-out;
  }
  72.5% {
    opacity: 1;
    animation-timing-function: ease-out;
  }
  95% {
    opacity: 1;
    animation-timing-function: ease-out;
  }
  100% {
    opacity: 0;
    animation-timing-function: ease-out;
  }
}
@keyframes slide-fade {
  0% {
    opacity: 0;
    animation-timing-function: ease-out;
  }
  5% {
    opacity: 1;
    animation-timing-function: ease-out;
  }
  30% {
    opacity: 1;
    animation-timing-function: ease-out;
  }
  35% {
    opacity: 0;
    animation-timing-function: ease-out;
  }
  40% {
    opacity: 1;
    animation-timing-function: ease-out;
  }
  62.5% {
    opacity: 1;
    animation-timing-function: ease-out;
  }
  67.5% {
    opacity: 0;
    animation-timing-function: ease-out;
  }
  72.5% {
    opacity: 1;
    animation-timing-function: ease-out;
  }
  95% {
    opacity: 1;
    animation-timing-function: ease-out;
  }
  100% {
    opacity: 0;
    animation-timing-function: ease-out;
  }
}
@-webkit-keyframes slide1-move {
  0% {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    animation-timing-function: step-end;
  }
  35% {
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
    animation-timing-function: step-end;
  }
  67.5% {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    animation-timing-function: step-end;
  }
  100% {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    animation-timing-function: step-end;
  }
}
@-moz-keyframes slide1-move {
  0% {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    animation-timing-function: step-end;
  }
  35% {
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
    animation-timing-function: step-end;
  }
  67.5% {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    animation-timing-function: step-end;
  }
  100% {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    animation-timing-function: step-end;
  }
}
@-o-keyframes slide1-move {
  0% {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    animation-timing-function: step-end;
  }
  35% {
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
    animation-timing-function: step-end;
  }
  67.5% {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    animation-timing-function: step-end;
  }
  100% {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    animation-timing-function: step-end;
  }
}
@keyframes slide1-move {
  0% {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    animation-timing-function: step-end;
  }
  35% {
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
    animation-timing-function: step-end;
  }
  67.5% {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    animation-timing-function: step-end;
  }
  100% {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    animation-timing-function: step-end;
  }
}
@-webkit-keyframes slide2-move {
  0% {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    animation-timing-function: step-end;
  }
  35% {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    animation-timing-function: step-end;
  }
  67.5% {
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
    animation-timing-function: step-end;
  }
  100% {
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
    animation-timing-function: step-end;
  }
}
@-moz-keyframes slide2-move {
  0% {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    animation-timing-function: step-end;
  }
  35% {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    animation-timing-function: step-end;
  }
  67.5% {
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
    animation-timing-function: step-end;
  }
  100% {
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
    animation-timing-function: step-end;
  }
}
@-o-keyframes slide2-move {
  0% {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    animation-timing-function: step-end;
  }
  35% {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    animation-timing-function: step-end;
  }
  67.5% {
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
    animation-timing-function: step-end;
  }
  100% {
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
    animation-timing-function: step-end;
  }
}
@keyframes slide2-move {
  0% {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    animation-timing-function: step-end;
  }
  35% {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    animation-timing-function: step-end;
  }
  67.5% {
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
    animation-timing-function: step-end;
  }
  100% {
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
    animation-timing-function: step-end;
  }
}
@-webkit-keyframes slide3-move {
  0% {
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
    animation-timing-function: step-end;
  }
  35% {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    animation-timing-function: step-end;
  }
  67.5% {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    animation-timing-function: step-end;
  }
  100% {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    animation-timing-function: step-end;
  }
}
@-moz-keyframes slide3-move {
  0% {
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
    animation-timing-function: step-end;
  }
  35% {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    animation-timing-function: step-end;
  }
  67.5% {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    animation-timing-function: step-end;
  }
  100% {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    animation-timing-function: step-end;
  }
}
@-o-keyframes slide3-move {
  0% {
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
    animation-timing-function: step-end;
  }
  35% {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    animation-timing-function: step-end;
  }
  67.5% {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    animation-timing-function: step-end;
  }
  100% {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    animation-timing-function: step-end;
  }
}
@keyframes slide3-move {
  0% {
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
    animation-timing-function: step-end;
  }
  35% {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    animation-timing-function: step-end;
  }
  67.5% {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    animation-timing-function: step-end;
  }
  100% {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    animation-timing-function: step-end;
  }
}
@-webkit-keyframes slider-fade-in-s1 {
  0% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes slider-fade-in-s1 {
  0% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes slider-fade-in-s1 {
  0% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
@keyframes slider-fade-in-s1 {
  0% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes slider-fade-in-s2 {
  0% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes slider-fade-in-s2 {
  0% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes slider-fade-in-s2 {
  0% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
@keyframes slider-fade-in-s2 {
  0% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes slider-fade-in-s3 {
  0% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes slider-fade-in-s3 {
  0% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes slider-fade-in-s3 {
  0% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
@keyframes slider-fade-in-s3 {
  0% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes as-slider-1 {
  100% {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
  }
}
@-moz-keyframes as-slider-1 {
  100% {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
  }
}
@-o-keyframes as-slider-1 {
  100% {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
  }
}
@keyframes as-slider-1 {
  100% {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
  }
}
@-webkit-keyframes as-slider-2 {
  100% {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
}
@-moz-keyframes as-slider-2 {
  100% {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
}
@-o-keyframes as-slider-2 {
  100% {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
}
@keyframes as-slider-2 {
  100% {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
}
@-webkit-keyframes as-slider-3 {
  100% {
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
}
@-moz-keyframes as-slider-3 {
  100% {
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
}
@-o-keyframes as-slider-3 {
  100% {
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
}
@keyframes as-slider-3 {
  100% {
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
}
@-webkit-keyframes label-anime-1 {
  0% {
    background: rgba(211, 56, 28, 0.85);
  }
  35% {
    background: rgba(211, 56, 28, 0.85);
  }
  40% {
    background: rgba(114, 113, 113, 0.5);
  }
  100% {
    background: rgba(114, 113, 113, 0.5);
  }
}
@-moz-keyframes label-anime-1 {
  0% {
    background: rgba(211, 56, 28, 0.85);
  }
  35% {
    background: rgba(211, 56, 28, 0.85);
  }
  40% {
    background: rgba(114, 113, 113, 0.5);
  }
  100% {
    background: rgba(114, 113, 113, 0.5);
  }
}
@-o-keyframes label-anime-1 {
  0% {
    background: rgba(211, 56, 28, 0.85);
  }
  35% {
    background: rgba(211, 56, 28, 0.85);
  }
  40% {
    background: rgba(114, 113, 113, 0.5);
  }
  100% {
    background: rgba(114, 113, 113, 0.5);
  }
}
@keyframes label-anime-1 {
  0% {
    background: rgba(211, 56, 28, 0.85);
  }
  35% {
    background: rgba(211, 56, 28, 0.85);
  }
  40% {
    background: rgba(114, 113, 113, 0.5);
  }
  100% {
    background: rgba(114, 113, 113, 0.5);
  }
}
@-webkit-keyframes label-anime-2 {
  0% {
    background: rgba(114, 113, 113, 0.5);
  }
  30% {
    background: rgba(114, 113, 113, 0.5);
  }
  35% {
    background: rgba(211, 56, 28, 0.85);
  }
  67.5% {
    background: rgba(211, 56, 28, 0.85);
  }
  72.5% {
    background: rgba(114, 113, 113, 0.5);
  }
  100% {
    background: rgba(114, 113, 113, 0.5);
  }
}
@-moz-keyframes label-anime-2 {
  0% {
    background: rgba(114, 113, 113, 0.5);
  }
  30% {
    background: rgba(114, 113, 113, 0.5);
  }
  35% {
    background: rgba(211, 56, 28, 0.85);
  }
  67.5% {
    background: rgba(211, 56, 28, 0.85);
  }
  72.5% {
    background: rgba(114, 113, 113, 0.5);
  }
  100% {
    background: rgba(114, 113, 113, 0.5);
  }
}
@-o-keyframes label-anime-2 {
  0% {
    background: rgba(114, 113, 113, 0.5);
  }
  30% {
    background: rgba(114, 113, 113, 0.5);
  }
  35% {
    background: rgba(211, 56, 28, 0.85);
  }
  67.5% {
    background: rgba(211, 56, 28, 0.85);
  }
  72.5% {
    background: rgba(114, 113, 113, 0.5);
  }
  100% {
    background: rgba(114, 113, 113, 0.5);
  }
}
@keyframes label-anime-2 {
  0% {
    background: rgba(114, 113, 113, 0.5);
  }
  30% {
    background: rgba(114, 113, 113, 0.5);
  }
  35% {
    background: rgba(211, 56, 28, 0.85);
  }
  67.5% {
    background: rgba(211, 56, 28, 0.85);
  }
  72.5% {
    background: rgba(114, 113, 113, 0.5);
  }
  100% {
    background: rgba(114, 113, 113, 0.5);
  }
}
@-webkit-keyframes label-anime-3 {
  0% {
    background: rgba(211, 56, 28, 0.85);
  }
  5% {
    background: rgba(114, 113, 113, 0.5);
  }
  62.5% {
    background: rgba(114, 113, 113, 0.5);
  }
  67.5% {
    background: rgba(211, 56, 28, 0.85);
  }
  100% {
    background: rgba(211, 56, 28, 0.85);
  }
}
@-moz-keyframes label-anime-3 {
  0% {
    background: rgba(211, 56, 28, 0.85);
  }
  5% {
    background: rgba(114, 113, 113, 0.5);
  }
  62.5% {
    background: rgba(114, 113, 113, 0.5);
  }
  67.5% {
    background: rgba(211, 56, 28, 0.85);
  }
  100% {
    background: rgba(211, 56, 28, 0.85);
  }
}
@-o-keyframes label-anime-3 {
  0% {
    background: rgba(211, 56, 28, 0.85);
  }
  5% {
    background: rgba(114, 113, 113, 0.5);
  }
  62.5% {
    background: rgba(114, 113, 113, 0.5);
  }
  67.5% {
    background: rgba(211, 56, 28, 0.85);
  }
  100% {
    background: rgba(211, 56, 28, 0.85);
  }
}
@keyframes label-anime-3 {
  0% {
    background: rgba(211, 56, 28, 0.85);
  }
  5% {
    background: rgba(114, 113, 113, 0.5);
  }
  62.5% {
    background: rgba(114, 113, 113, 0.5);
  }
  67.5% {
    background: rgba(211, 56, 28, 0.85);
  }
  100% {
    background: rgba(211, 56, 28, 0.85);
  }
}
.slide-buttons {
  height: 1em;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-around;
  -moz-justify-content: space-around;
  -ms-justify-content: space-around;
  justify-content: space-around;
  /*z-index: 3;*/
  opacity: 1;
  margin-bottom: 0em;
}
.slide-buttons label {
  background: rgba(114, 113, 113, 0.5);
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  flex-grow: 1;
  /*z-index: 3;*/
}
.slide-buttons label:nth-child(1) {
  -webkit-animation: label-anime-1 20s ease-out -1s infinite forwards;
  -khtml-animation: label-anime-1 20s ease-out -1s infinite forwards;
  -moz-animation: label-anime-1 20s ease-out -1s infinite forwards;
  -ms-animation: label-anime-1 20s ease-out -1s infinite forwards;
  -o-animation: label-anime-1 20s ease-out -1s infinite forwards;
  animation: label-anime-1 20s ease-out -1s infinite forwards;
}
.slide-buttons label:nth-child(2) {
  -webkit-animation: label-anime-2 20s ease-out -1s infinite forwards;
  -khtml-animation: label-anime-2 20s ease-out -1s infinite forwards;
  -moz-animation: label-anime-2 20s ease-out -1s infinite forwards;
  -ms-animation: label-anime-2 20s ease-out -1s infinite forwards;
  -o-animation: label-anime-2 20s ease-out -1s infinite forwards;
  animation: label-anime-2 20s ease-out -1s infinite forwards;
}
.slide-buttons label:nth-child(3) {
  -webkit-animation: label-anime-3 20s ease-out -1s infinite forwards;
  -khtml-animation: label-anime-3 20s ease-out -1s infinite forwards;
  -moz-animation: label-anime-3 20s ease-out -1s infinite forwards;
  -ms-animation: label-anime-3 20s ease-out -1s infinite forwards;
  -o-animation: label-anime-3 20s ease-out -1s infinite forwards;
  animation: label-anime-3 20s ease-out -1s infinite forwards;
}
#lp-serious-slider:hover .slide-buttons {
  opacity: 1;
  transition: all 0.5s ease-out;
}
.sb-clicker {
  position: absolute;
  left: 0;
  bottom: 0em;
  height: 1.25em;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-around;
  -moz-justify-content: space-around;
  -ms-justify-content: space-around;
  justify-content: space-around;
  /*z-index: 5;*/
}
.sb-clicker label {
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  flex-grow: 1;
  margin-top: 0.25em;
  height: 1em;
  cursor: pointer;
  transition: all 0.5s ease-out;
}
.sb-clicker label:hover {
  background: rgba(211, 56, 28, 1);
  /*z-index: 5;*/
  height: 1.25em;
  margin-top: 0em;
}
.slide-1 {
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-animation: slide1-move 20s linear -1s infinite forwards, slide-fade 20s linear -1s infinite forwards;
  -khtml-animation: slide1-move 20s linear -1s infinite forwards, slide-fade 20s linear -1s infinite forwards;
  -moz-animation: slide1-move 20s linear -1s infinite forwards, slide-fade 20s linear -1s infinite forwards;
  -ms-animation: slide1-move 20s linear -1s infinite forwards, slide-fade 20s linear -1s infinite forwards;
  -o-animation: slide1-move 20s linear -1s infinite forwards, slide-fade 20s linear -1s infinite forwards;
  animation: slide1-move 20s linear -1s infinite forwards, slide-fade 20s linear -1s infinite forwards;
  /*  transition: all 0.75s;  */
}
.slide-2 {
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  -webkit-animation: slide2-move 20s linear -1s infinite forwards, slide-fade 20s linear -1s infinite forwards;
  -khtml-animation: slide2-move 20s linear -1s infinite forwards, slide-fade 20s linear -1s infinite forwards;
  -moz-animation: slide2-move 20s linear -1s infinite forwards, slide-fade 20s linear -1s infinite forwards;
  -ms-animation: slide2-move 20s linear -1s infinite forwards, slide-fade 20s linear -1s infinite forwards;
  -o-animation: slide2-move 20s linear -1s infinite forwards, slide-fade 20s linear -1s infinite forwards;
  animation: slide2-move 20s linear -1s infinite forwards, slide-fade 20s linear -1s infinite forwards;
  /*  transition: all 0.75s;  */
}
.slide-3 {
  -webkit-order: -1;
  -ms-flex-order: -1;
  order: -1;
  -webkit-animation: slide3-move 20s linear -1s infinite forwards, slide-fade 20s linear -1s infinite forwards;
  -khtml-animation: slide3-move 20s linear -1s infinite forwards, slide-fade 20s linear -1s infinite forwards;
  -moz-animation: slide3-move 20s linear -1s infinite forwards, slide-fade 20s linear -1s infinite forwards;
  -ms-animation: slide3-move 20s linear -1s infinite forwards, slide-fade 20s linear -1s infinite forwards;
  -o-animation: slide3-move 20s linear -1s infinite forwards, slide-fade 20s linear -1s infinite forwards;
  animation: slide3-move 20s linear -1s infinite forwards, slide-fade 20s linear -1s infinite forwards;
  /*  transition: all 0.75s;  */
}
#switch-s1:checked ~ .seriousslider-inner .slide-1 {
  -webkit-animation: slider-fade-in-s1 0.75s ease-out 0s 1 forwards;
  -khtml-animation: slider-fade-in-s1 0.75s ease-out 0s 1 forwards;
  -moz-animation: slider-fade-in-s1 0.75s ease-out 0s 1 forwards;
  -ms-animation: slider-fade-in-s1 0.75s ease-out 0s 1 forwards;
  -o-animation: slider-fade-in-s1 0.75s ease-out 0s 1 forwards;
  animation: slider-fade-in-s1 0.75s ease-out 0s 1 forwards;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
#switch-s1:checked ~ .seriousslider-inner .slide-2 {
  -webkit-animation: slider-fade-in-s1 0.75s ease-out 0s 1 forwards;
  -khtml-animation: slider-fade-in-s1 0.75s ease-out 0s 1 forwards;
  -moz-animation: slider-fade-in-s1 0.75s ease-out 0s 1 forwards;
  -ms-animation: slider-fade-in-s1 0.75s ease-out 0s 1 forwards;
  -o-animation: slider-fade-in-s1 0.75s ease-out 0s 1 forwards;
  animation: slider-fade-in-s1 0.75s ease-out 0s 1 forwards;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
#switch-s1:checked ~ .seriousslider-inner .slide-3 {
  -webkit-animation: slider-fade-in-s1 0.75s ease-out 0s 1 forwards;
  -khtml-animation: slider-fade-in-s1 0.75s ease-out 0s 1 forwards;
  -moz-animation: slider-fade-in-s1 0.75s ease-out 0s 1 forwards;
  -ms-animation: slider-fade-in-s1 0.75s ease-out 0s 1 forwards;
  -o-animation: slider-fade-in-s1 0.75s ease-out 0s 1 forwards;
  animation: slider-fade-in-s1 0.75s ease-out 0s 1 forwards;
  -webkit-order: -1;
  -ms-flex-order: -1;
  order: -1;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
#switch-s2:checked ~ .seriousslider-inner .slide-1 {
  -webkit-animation: slider-fade-in-s2 0.75s ease-out 0s 1 forwards;
  -khtml-animation: slider-fade-in-s2 0.75s ease-out 0s 1 forwards;
  -moz-animation: slider-fade-in-s2 0.75s ease-out 0s 1 forwards;
  -ms-animation: slider-fade-in-s2 0.75s ease-out 0s 1 forwards;
  -o-animation: slider-fade-in-s2 0.75s ease-out 0s 1 forwards;
  animation: slider-fade-in-s2 0.75s ease-out 0s 1 forwards;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-order: -1;
  -ms-flex-order: -1;
  order: -1;
}
#switch-s2:checked ~ .seriousslider-inner .slide-2 {
  -webkit-animation: slider-fade-in-s2 0.75s ease-out 0s 1 forwards;
  -khtml-animation: slider-fade-in-s2 0.75s ease-out 0s 1 forwards;
  -moz-animation: slider-fade-in-s2 0.75s ease-out 0s 1 forwards;
  -ms-animation: slider-fade-in-s2 0.75s ease-out 0s 1 forwards;
  -o-animation: slider-fade-in-s2 0.75s ease-out 0s 1 forwards;
  animation: slider-fade-in-s2 0.75s ease-out 0s 1 forwards;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
}
#switch-s2:checked ~ .seriousslider-inner .slide-3 {
  -webkit-animation: slider-fade-in-s2 0.75s ease-out 0s 1 forwards;
  -khtml-animation: slider-fade-in-s2 0.75s ease-out 0s 1 forwards;
  -moz-animation: slider-fade-in-s2 0.75s ease-out 0s 1 forwards;
  -ms-animation: slider-fade-in-s2 0.75s ease-out 0s 1 forwards;
  -o-animation: slider-fade-in-s2 0.75s ease-out 0s 1 forwards;
  animation: slider-fade-in-s2 0.75s ease-out 0s 1 forwards;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}
#switch-s3:checked ~ .seriousslider-inner .slide-1 {
  -webkit-animation: slider-fade-in-s3 0.75s ease-out 0s 1 forwards;
  -khtml-animation: slider-fade-in-s3 0.75s ease-out 0s 1 forwards;
  -moz-animation: slider-fade-in-s3 0.75s ease-out 0s 1 forwards;
  -ms-animation: slider-fade-in-s3 0.75s ease-out 0s 1 forwards;
  -o-animation: slider-fade-in-s3 0.75s ease-out 0s 1 forwards;
  animation: slider-fade-in-s3 0.75s ease-out 0s 1 forwards;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
#switch-s3:checked ~ .seriousslider-inner .slide-2 {
  -webkit-animation: slider-fade-in-s3 0.75s ease-out 0s 1 forwards;
  -khtml-animation: slider-fade-in-s3 0.75s ease-out 0s 1 forwards;
  -moz-animation: slider-fade-in-s3 0.75s ease-out 0s 1 forwards;
  -ms-animation: slider-fade-in-s3 0.75s ease-out 0s 1 forwards;
  -o-animation: slider-fade-in-s3 0.75s ease-out 0s 1 forwards;
  animation: slider-fade-in-s3 0.75s ease-out 0s 1 forwards;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-order: -1;
  -ms-flex-order: -1;
  order: -1;
}
#switch-s3:checked ~ .seriousslider-inner .slide-3 {
  -webkit-animation: slider-fade-in-s3 0.75s ease-out 0s 1 forwards;
  -khtml-animation: slider-fade-in-s3 0.75s ease-out 0s 1 forwards;
  -moz-animation: slider-fade-in-s3 0.75s ease-out 0s 1 forwards;
  -ms-animation: slider-fade-in-s3 0.75s ease-out 0s 1 forwards;
  -o-animation: slider-fade-in-s3 0.75s ease-out 0s 1 forwards;
  animation: slider-fade-in-s3 0.75s ease-out 0s 1 forwards;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
}
#switch-s1:checked ~ .slide-buttons label:nth-child(1) {
  background: rgba(211, 56, 28, 0.85);
  transition: all 0.75s ease-out;
  -webkit-animation: none;
  -khtml-animation: none;
  -moz-animation: none;
  -ms-animation: none;
  -o-animation: none;
  animation: none;
}
#switch-s1:checked ~ .slide-buttons label:nth-child(2) {
  background: rgba(114, 113, 113, 0.5);
  transition: all 0.75s ease-out;
  -webkit-animation: none;
  -khtml-animation: none;
  -moz-animation: none;
  -ms-animation: none;
  -o-animation: none;
  animation: none;
}
#switch-s1:checked ~ .slide-buttons label:nth-child(3) {
  background: rgba(114, 113, 113, 0.5);
  transition: all 0.75s ease-out;
  -webkit-animation: none;
  -khtml-animation: none;
  -moz-animation: none;
  -ms-animation: none;
  -o-animation: none;
  animation: none;
}
#switch-s2:checked ~ .slide-buttons label:nth-child(1) {
  background: rgba(114, 113, 113, 0.5);
  transition: all 0.75s ease-out;
  -webkit-animation: none;
  -khtml-animation: none;
  -moz-animation: none;
  -ms-animation: none;
  -o-animation: none;
  animation: none;
}
#switch-s2:checked ~ .slide-buttons label:nth-child(2) {
  background: rgba(211, 56, 28, 0.85);
  transition: all 0.75s ease-out;
  -webkit-animation: none;
  -khtml-animation: none;
  -moz-animation: none;
  -ms-animation: none;
  -o-animation: none;
  animation: none;
}
#switch-s2:checked ~ .slide-buttons label:nth-child(3) {
  background: rgba(114, 113, 113, 0.5);
  transition: all 0.75s ease-out;
  -webkit-animation: none;
  -khtml-animation: none;
  -moz-animation: none;
  -ms-animation: none;
  -o-animation: none;
  animation: none;
}
#switch-s3:checked ~ .slide-buttons label:nth-child(1) {
  background: rgba(114, 113, 113, 0.5);
  transition: all 0.75s ease-out;
  -webkit-animation: none;
  -khtml-animation: none;
  -moz-animation: none;
  -ms-animation: none;
  -o-animation: none;
  animation: none;
}
#switch-s3:checked ~ .slide-buttons label:nth-child(2) {
  background: rgba(114, 113, 113, 0.5);
  transition: all 0.75s ease-out;
  -webkit-animation: none;
  -khtml-animation: none;
  -moz-animation: none;
  -ms-animation: none;
  -o-animation: none;
  animation: none;
}
#switch-s3:checked ~ .slide-buttons label:nth-child(3) {
  background: rgba(211, 56, 28, 0.85);
  transition: all 0.75s ease-out;
  -webkit-animation: none;
  -khtml-animation: none;
  -moz-animation: none;
  -ms-animation: none;
  -o-animation: none;
  animation: none;
}
@media (max-width: 800px) {
  img.item-image {
    height: 65vw;
    width: 143.80531vw;
  }
  item > a {
    height: 65vw;
  }
  .seriousslider-inner {
    width: 431.41593vw;
    margin: 0 calc(50% - 215.70796vw);
  }
  .seriousslider-caption-inside {
    width: 93vw;
  }
}
@media (max-width: 640px) {
  img.item-image {
    height: 70vmin;
    width: 154.86726vmin;
  }
  .seriousslider-inner {
    width: 464.60177vmin;
    margin: 0 calc(50% - 232.30088vmin);
  }
  .item > a {
    height: 70vmin;
  }
}