*{
  margin: 0;
  padding: 0;
}
.csslider1 {
display: block;
position: relative;
width: 100%;
height: 100vh;
overflow: hidden;
position: fixed;
top: 0px;
    left: 0px;
    z-index: -1;
}
.csslider1 > .cs_anchor {
display: none;
}
.csslider1 > ul {
position: relative;
z-index: 1;
font-size: 0;
line-height: 0;
margin: 0 auto;
padding: 0;

overflow: hidden;
white-space: nowrap;
height: 100vh;
}
.csslider1 > ul > li.img img {
  width: auto;
  width: 100%;
  min-height: 100vh;
}
.csslider1 > ul > li.img {
font-size: 0pt;

-khtml-user-select: none;
-moz-user-select: none;
user-select: none;
}
.csslider1 > ul > li {
position: relative;
display: inline-block;
width: 100%;
height: 100%;
overflow: hidden;
font-size: 15px;
font-size: initial;
line-height: normal;
white-space: normal;
vertical-align: top;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;

-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.csslider1 .cs_lnk{
position: absolute;
top: -9999px;
left: -9999px;
font-size: 0pt;
opacity: 0;
filter: alpha(opacity=0);
}



.csslider1 > ul > li {
position: absolute;
left: 0;
top: 0;
display: inline-block;
opacity: 0;
z-index: 1;
  
  -webkit-transition: opacity 2000ms ease, -webkit-transform 24000ms linear;
  -moz-transition: opacity 2000ms ease, -moz-transform 24000ms linear;
  -ms-transition: opacity 2000ms ease, -ms-transform 24000ms linear;
  -o-transition: opacity 2000ms ease, -o-transform 24000ms linear;
  transition: opacity 2000ms ease, transform 24000ms linear;
  
}

.csslider1 > ul > li.num0 {
opacity: 0;
-webkit-transform: scale(1.3) translate(-11.53846%, 11.53846%);
-moz-transform: scale(1.3) translate(-11.53846%, 11.53846%);
-ms-transform: scale(1.3) translate(-11.53846%, 11.53846%);
-o-transform: scale(1.3) translate(-11.53846%, 11.53846%);
transform: scale(1.3) translate(-11.53846%, 11.53846%);

}
.csslider1 > ul > li.num1 {
opacity: 0;
-webkit-transform: scale(1.3) translate(11.53846%, 11.53846%);
-moz-transform: scale(1.3) translate(11.53846%, 11.53846%);
-ms-transform: scale(1.3) translate(11.53846%, 11.53846%);
-o-transform: scale(1.3) translate(11.53846%, 11.53846%);
transform: scale(1.3) translate(11.53846%, 11.53846%);

}
.csslider1 > ul > li.num2 {
opacity: 0;
-webkit-transform: scale(1.3) translate(-11.53846%, -11.53846%);
-moz-transform: scale(1.3) translate(-11.53846%, -11.53846%);
-ms-transform: scale(1.3) translate(-11.53846%, -11.53846%);
-o-transform: scale(1.3) translate(-11.53846%, -11.53846%);
transform: scale(1.3) translate(-11.53846%, -11.53846%);

}
.csslider1 > ul > li.num3 {
  opacity: 0;
  -webkit-transform: scale(1.3) translate(11.53846%, 11.53846%);
  -moz-transform: scale(1.3) translate(11.53846%, 11.53846%);
  -ms-transform: scale(1.3) translate(11.53846%, 11.53846%);
  -o-transform: scale(1.3) translate(11.53846%, 11.53846%);
  transform: scale(1.3) translate(11.53846%, 11.53846%);
  
  }



.csslider1 > ul > li.num0 {
opacity: 1;
z-index: 2;
}
.csslider1 > .slide:checked ~ ul > li.num0 {
opacity: 0;
z-index: 1;
}


.csslider1 > #cs_slide1_0:checked ~ ul > li.num0,.csslider1 > #cs_slide1_1:checked ~ ul > li.num1,.csslider1 > #cs_slide1_2:checked ~ ul > li.num2,.csslider1 > #cs_slide1_3:checked ~ ul > li.num3 {
opacity: 1;
-webkit-transform: scale(1) translate(0, 0);
-moz-transform: scale(1) translate(0, 0);
-ms-transform: scale(1) translate(0, 0);
-o-transform: scale(1) translate(0, 0);
transform: scale(1) translate(0, 0);

z-index: 2;
}





@-webkit-keyframes scaleDraw {
  0%, 100% { -webkit-transform: scale(1); opacity: 0 }
  8.333333333333334%, 33.333333333333336% { opacity: 1 }
  41.66666666666667%, 66.66666666666666% { -webkit-transform: scale(1.3); opacity: 0; z-index: 2; }
  }
  @-moz-keyframes scaleDraw {
  0%, 100% { -moz-transform: scale(1); opacity: 0 }
  8.333333333333334%, 33.333333333333336% { opacity: 1 }
  41.66666666666667%, 66.66666666666666% { -moz-transform: scale(1.3) ; opacity: 0; z-index: 2; }
  }
  @-ms-keyframes scaleDraw {
  0%, 100% { -ms-transform: scale(1); opacity: 0 }
  8.333333333333334%, 33.333333333333336% { opacity: 1 }
  41.66666666666667%, 66.66666666666666% { -ms-transform: scale(1.3) ; opacity: 0; z-index: 2; }
  }
  @-o-keyframes scaleDraw {
  0%, 100% { -o-transform: scale(1); opacity: 0 }
  8.333333333333334%, 33.333333333333336% { opacity: 1 }
  41.66666666666667%, 66.66666666666666% { -o-transform: scale(1.3) ; opacity: 0; z-index: 2; }
  }
  @keyframes scaleDraw {
  0%, 100% { transform: scale(1); opacity: 0 }
  8.333333333333334%, 33.333333333333336% { opacity: 1 }
  41.66666666666667%, 66.66666666666666% { transform: scale(1.3) ; opacity: 0; z-index: 2; }
  }

/* calculate autoplay */
@-webkit-keyframes kenbernsBR {
0%, 100% { -webkit-transform: scale(1); opacity: 0 }
8.333333333333334%, 33.333333333333336% { opacity: 1 }
41.66666666666667%, 66.66666666666666% { -webkit-transform: scale(1.3) translate(11.53846%, 11.53846%); opacity: 0; z-index: 2; }
}
@-moz-keyframes kenbernsBR {
0%, 100% { -moz-transform: scale(1); opacity: 0 }
8.333333333333334%, 33.333333333333336% { opacity: 1 }
41.66666666666667%, 66.66666666666666% { -moz-transform: scale(1.3) translate(11.53846%, 11.53846%); opacity: 0; z-index: 2; }
}
@-ms-keyframes kenbernsBR {
0%, 100% { -ms-transform: scale(1); opacity: 0 }
8.333333333333334%, 33.333333333333336% { opacity: 1 }
41.66666666666667%, 66.66666666666666% { -ms-transform: scale(1.3) translate(11.53846%, 11.53846%); opacity: 0; z-index: 2; }
}
@-o-keyframes kenbernsBR {
0%, 100% { -o-transform: scale(1); opacity: 0 }
8.333333333333334%, 33.333333333333336% { opacity: 1 }
41.66666666666667%, 66.66666666666666% { -o-transform: scale(1.3) translate(11.53846%, 11.53846%); opacity: 0; z-index: 2; }
}
@keyframes kenbernsBR {
0%, 100% { transform: scale(1); opacity: 0 }
8.333333333333334%, 33.333333333333336% { opacity: 1 }
41.66666666666667%, 66.66666666666666% { transform: scale(1.3) translate(11.53846%, 11.53846%); opacity: 0; z-index: 2; }
}
@-webkit-keyframes kenbernsBL {
0%, 100% { -webkit-transform: scale(1); opacity: 0 }
8.333333333333334%, 33.333333333333336% { opacity: 1 }
41.66666666666667%, 66.66666666666666% { -webkit-transform: scale(1.3) translate(11.53846%, -11.53846%); opacity: 0; z-index: 2; }
}
@-moz-keyframes kenbernsBL {
0%, 100% { -moz-transform: scale(1); opacity: 0 }
8.333333333333334%, 33.333333333333336% { opacity: 1 }
41.66666666666667%, 66.66666666666666% { -moz-transform: scale(1.3) translate(11.53846%, -11.53846%); opacity: 0; z-index: 2; }
}
@-ms-keyframes kenbernsBL {
0%, 100% { -ms-transform: scale(1); opacity: 0 }
8.333333333333334%, 33.333333333333336% { opacity: 1 }
41.66666666666667%, 66.66666666666666% { -ms-transform: scale(1.3) translate(11.53846%, -11.53846%); opacity: 0; z-index: 2; }
}
@-o-keyframes kenbernsBL {
0%, 100% { -o-transform: scale(1); opacity: 0 }
8.333333333333334%, 33.333333333333336% { opacity: 1 }
41.66666666666667%, 66.66666666666666% { -o-transform: scale(1.3) translate(11.53846%, -11.53846%); opacity: 0; z-index: 2; }
}
@keyframes kenbernsBL {
0%, 100% { transform: scale(1); opacity: 0 }
8.333333333333334%, 33.333333333333336% { opacity: 1 }
41.66666666666667%, 66.66666666666666% { transform: scale(1.3) translate(11.53846%, -11.53846%); opacity: 0; z-index: 2; }
}
@-webkit-keyframes kenbernsTL {
0%, 100% { -webkit-transform: scale(1); opacity: 0 }
8.333333333333334%, 33.333333333333336% { opacity: 1 }
41.66666666666667%, 66.66666666666666% { -webkit-transform: scale(1.3) translate(-11.53846%, -11.53846%); opacity: 0; z-index: 2; }
}
@-moz-keyframes kenbernsTL {
0%, 100% { -moz-transform: scale(1); opacity: 0 }
8.333333333333334%, 33.333333333333336% { opacity: 1 }
41.66666666666667%, 66.66666666666666% { -moz-transform: scale(1.3) translate(-11.53846%, -11.53846%); opacity: 0; z-index: 2; }
}
@-ms-keyframes kenbernsTL {
0%, 100% { -ms-transform: scale(1); opacity: 0 }
8.333333333333334%, 33.333333333333336% { opacity: 1 }
41.66666666666667%, 66.66666666666666% { -ms-transform: scale(1.3) translate(-11.53846%, -11.53846%); opacity: 0; z-index: 2; }
}
@-o-keyframes kenbernsTL {
0%, 100% { -o-transform: scale(1); opacity: 0 }
8.333333333333334%, 33.333333333333336% { opacity: 1 }
41.66666666666667%, 66.66666666666666% { -o-transform: scale(1.3) translate(-11.53846%, -11.53846%); opacity: 0; z-index: 2; }
}
@keyframes kenbernsTL {
0%, 100% { transform: scale(1); opacity: 0 }
8.333333333333334%, 33.333333333333336% { opacity: 1 }
41.66666666666667%, 66.66666666666666% { transform: scale(1.3) translate(-11.53846%, -11.53846%); opacity: 0; z-index: 2; }
}
@-webkit-keyframes kenbernsTR {
0%, 100% { -webkit-transform: scale(1); opacity: 0 }
8.333333333333334%, 33.333333333333336% { opacity: 1 }
41.66666666666667%, 66.66666666666666% { -webkit-transform: scale(1.3) translate(-11.53846%, 11.53846%); opacity: 0; z-index: 2; }
}
@-moz-keyframes kenbernsTR {
0%, 100% { -moz-transform: scale(1); opacity: 0 }
8.333333333333334%, 33.333333333333336% { opacity: 1 }
41.66666666666667%, 66.66666666666666% { -moz-transform: scale(1.3) translate(-11.53846%, 11.53846%); opacity: 0; z-index: 2; }
}
@-ms-keyframes kenbernsTR {
0%, 100% { -ms-transform: scale(1); opacity: 0 }
8.333333333333334%, 33.333333333333336% { opacity: 1 }
41.66666666666667%, 66.66666666666666% { -ms-transform: scale(1.3) translate(-11.53846%, 11.53846%); opacity: 0; z-index: 2; }
}
@-o-keyframes kenbernsTR {
0%, 100% { -o-transform: scale(1); opacity: 0 }
8.333333333333334%, 33.333333333333336% { opacity: 1 }
41.66666666666667%, 66.66666666666666% { -o-transform: scale(1.3) translate(-11.53846%, 11.53846%); opacity: 0; z-index: 2; }
}
@keyframes kenbernsTR {
0%, 100% { transform: scale(1); opacity: 0 }
8.333333333333334%, 33.333333333333336% { opacity: 1 }
41.66666666666667%, 66.66666666666666% { transform: scale(1.3) translate(-11.53846%, 11.53846%); opacity: 0; z-index: 2; }
}



.csslider1 > #cs_play1:checked ~ ul > li.num0,
.csslider1 > #cs_pause1:checked ~ ul > li.num0 {
-webkit-animation: scaleDraw 27000ms infinite -2000ms linear;
-moz-animation: scaleDraw 27000ms infinite -2000ms linear;
-ms-animation: scaleDraw 27000ms infinite -2000ms linear;
-o-animation: scaleDraw 27000ms infinite -2000ms linear;
animation: scaleDraw 27000ms infinite -2000ms linear;

}
.csslider1 > #cs_play1:checked ~ ul > li.num1,
.csslider1 > #cs_pause1:checked ~ ul > li.num1 {
-webkit-animation: scaleDraw 27000ms infinite 7000ms linear;
-moz-animation: scaleDraw 27000ms infinite 7000ms linear;
-ms-animation: scaleDraw 27000ms infinite 7000ms linear;
-o-animation: scaleDraw 27000ms infinite 7000ms linear;
animation: scaleDraw 27000ms infinite 7000ms linear;

}
.csslider1 > #cs_play1:checked ~ ul > li.num2,
.csslider1 > #cs_pause1:checked ~ ul > li.num2 {
-webkit-animation: scaleDraw 27000ms infinite 16000ms linear;
-moz-animation: scaleDraw 27000ms infinite 16000ms linear;
-ms-animation: scaleDraw 27000ms infinite 16000ms linear;
-o-animation: scaleDraw 27000ms infinite 16000ms linear;
animation: scaleDraw 27000ms infinite 16000ms linear;

}





.csslider1 > #cs_play1:checked ~ ul > li,
.csslider1 > #cs_pause1:checked ~ ul > li {
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;

}



.csslider1.cs_pauseHover:hover > ul > li,
.csslider1 > #cs_pause1:checked ~ ul > li{
-webkit-animation-play-state: paused !important;
-moz-animation-play-state: paused !important;
-ms-animation-play-state: paused !important;
-o-animation-play-state: paused !important;
animation-play-state: paused !important;
}

/* stop */

.csslider1 > .slide:checked ~ ul > li {
-webkit-animation: none;
-moz-animation: none;
-ms-animation: none;
-o-animation: none;
animation: none;
}

/* /calculate autoplay */
.csslider1 {
-webkit-perspective: 500px;
-moz-perspective: 500px;
-ms-perspective: 500px;
-o-perspective: 500px;
perspective: 500px;

}





@media
only screen and (max-width: 480px),
only screen and (-webkit-max-device-pixel-ratio: 2)      and (max-width: 480px),
only screen and (   max--moz-device-pixel-ratio: 2)      and (max-width: 480px),
only screen and (     -o-max-device-pixel-ratio: 2/1)    and (max-width: 480px),
only screen and (        max-device-pixel-ratio: 2)      and (max-width: 480px),
only screen and (                max-resolution: 192dpi) and (max-width: 480px),
only screen and (                max-resolution: 2dppx)  and (max-width: 480px) { 
.csslider1 > .cs_description,
.csslider1 > .cs_bullets {