@import https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300&subset=latin,cyrillic-ext,greek-ext,greek,vietnamese,latin-ext,cyrillic;

.csslider1 {
    display:inline-block;
    position:relative;
    max-width:960px;
    width:100%;
    margin-top:0px !important;
}

.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
}

.csslider1 > ul > li.img img {
    width:100%
}

.csslider1 > ul > li.img {
    font-size:0
}

.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:0;
    opacity:0;
    filter:alpha(opacity=0)
}

.csslider1 > ul > li.img,.csslider1 > .cs_arrowprev,.csslider1 > .cs_arrownext,.csslider1 > .cs_bullets,.csslider1 > .cs_play_pause {
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}

.csslider1 > .cs_arrowprev,.csslider1 > .cs_arrownext {
    position:absolute;
    top:50%;
    -webkit-box-sizing:content-box;
    -moz-box-sizing:content-box;
    box-sizing:content-box;
    z-index:5
}

.csslider1 > .cs_arrowprev > label,.csslider1 > .cs_arrownext > label {
    position:absolute;
    text-decoration:none;
    cursor:pointer;
    opacity:0;
    z-index:-1
}

.csslider1 > .cs_arrowprev {
    left:0
}

.csslider1 > .cs_arrownext {
    right:0
}

.csslider1 > .slide:checked ~ .cs_arrowprev > label,.csslider1 > .slide:checked ~ .cs_arrownext > label {
    opacity:0;
    z-index:-1
}

.csslider1 > #cs_slide1_0:checked ~ .cs_arrowprev > label.num3,.csslider1 > #cs_pause1_0:checked ~ .cs_arrowprev > label.num3,.csslider1 > #cs_slide1_0:checked ~ .cs_arrownext > label.num1,.csslider1 > #cs_pause1_0:checked ~ .cs_arrownext > label.num1,.csslider1 > #cs_slide1_1:checked ~ .cs_arrowprev > label.num0,.csslider1 > #cs_pause1_1:checked ~ .cs_arrowprev > label.num0,.csslider1 > #cs_slide1_1:checked ~ .cs_arrownext > label.num2,.csslider1 > #cs_pause1_1:checked ~ .cs_arrownext > label.num2,.csslider1 > #cs_slide1_2:checked ~ .cs_arrowprev > label.num1,.csslider1 > #cs_pause1_2:checked ~ .cs_arrowprev > label.num1,.csslider1 > #cs_slide1_2:checked ~ .cs_arrownext > label.num3,.csslider1 > #cs_pause1_2:checked ~ .cs_arrownext > label.num3,.csslider1 > #cs_slide1_3:checked ~ .cs_arrowprev > label.num2,.csslider1 > #cs_pause1_3:checked ~ .cs_arrowprev > label.num2,.csslider1 > #cs_slide1_3:checked ~ .cs_arrownext > label.num0,.csslider1 > #cs_pause1_3:checked ~ .cs_arrownext > label.num0 {
    opacity:1;
    z-index:5
}

/* calculate autoplay */
@-webkit-keyframes arrow {
0%,24.99% {
    opacity:1;
    z-index:5
}

25%,100% {
    opacity:0;
    z-index:-1
}
}

@-moz-keyframes arrow {
0%,24.99% {
    opacity:1;
    z-index:5
}

25%,100% {
    opacity:0;
    z-index:-1
}
}

@-ms-keyframes arrow {
0%,24.99% {
    opacity:1;
    z-index:5
}

25%,100% {
    opacity:0;
    z-index:-1
}
}

@-o-keyframes arrow {
0%,24.99% {
    opacity:1;
    z-index:5
}

25%,100% {
    opacity:0;
    z-index:-1
}
}

@keyframes arrow {
0%,24.99% {
    opacity:1;
    z-index:5
}

25%,100% {
    opacity:0;
    z-index:-1
}
}

.csslider1 > #cs_play1:checked ~ .cs_arrowprev > label.num3,.csslider1 > #cs_play1:checked ~ .cs_arrownext > label.num1 {
    -webkit-animation:arrow 16000ms infinite -2000ms;
    -moz-animation:arrow 16000ms infinite -2000ms;
    -ms-animation:arrow 16000ms infinite -2000ms;
    -o-animation:arrow 16000ms infinite -2000ms;
    animation:arrow 16000ms infinite -2000ms
}

.csslider1 > #cs_play1:checked ~ .cs_arrowprev > label.num0,.csslider1 > #cs_play1:checked ~ .cs_arrownext > label.num2 {
    -webkit-animation:arrow 16000ms infinite 2000ms;
    -moz-animation:arrow 16000ms infinite 2000ms;
    -ms-animation:arrow 16000ms infinite 2000ms;
    -o-animation:arrow 16000ms infinite 2000ms;
    animation:arrow 16000ms infinite 2000ms
}

.csslider1 > #cs_play1:checked ~ .cs_arrowprev > label.num1,.csslider1 > #cs_play1:checked ~ .cs_arrownext > label.num3 {
    -webkit-animation:arrow 16000ms infinite 6000ms;
    -moz-animation:arrow 16000ms infinite 6000ms;
    -ms-animation:arrow 16000ms infinite 6000ms;
    -o-animation:arrow 16000ms infinite 6000ms;
    animation:arrow 16000ms infinite 6000ms
}

.csslider1 > #cs_play1:checked ~ .cs_arrowprev > label.num2,.csslider1 > #cs_play1:checked ~ .cs_arrownext > label.num0 {
    -webkit-animation:arrow 16000ms infinite 10000ms;
    -moz-animation:arrow 16000ms infinite 10000ms;
    -ms-animation:arrow 16000ms infinite 10000ms;
    -o-animation:arrow 16000ms infinite 10000ms;
    animation:arrow 16000ms infinite 10000ms
}

/* stop */
.csslider1 > .slide:checked ~ .cs_arrowprev > label,.csslider1 > .slide:checked ~ .cs_arrownext > label,.csslider1 > .pause:checked ~ .cs_arrowprev > label,.csslider1 > .pause:checked ~ .cs_arrownext > label {
    -webkit-animation:none;
    -moz-animation:none;
    -ms-animation:none;
    -o-animation:none;
    animation:none
}

/* /calculate autoplay */
.csslider1 > .cs_bullets {
    position:absolute;
    left:0;
    width:100%;
    z-index:6;
    font-size:0;
    line-height:8pt;
    text-align:center
}

.csslider1 > .cs_bullets > div {
    margin-left:-50%;
    width:100%
}

.csslider1 > .cs_bullets > label {
    position:relative;
    display:inline-block;
    cursor:pointer
}

.csslider1 > .cs_bullets > label > .cs_thumb {
    visibility:hidden;
    position:absolute;
    opacity:0;
    z-index:1;
    line-height:0;
    left:-64px;
    top:-48px
}

.csslider1 > .cs_bullets > label > .cs_thumb > img {
    max-width:none
}

.csslider1 > .cs_description {
    z-index:3
}

.csslider1 > .cs_description a,.csslider1 > .cs_description a:visited,.csslider1 > .cs_description a:active {
    color:inherit
}

.csslider1 > .cs_description a:hover {
    text-decoration:none
}

.csslider1 > .cs_description > label {
    position:absolute;
    word-wrap:break-word;
    white-space:normal;
    text-align:left;
    max-width:50%;
    left:0
}

.csslider1 > .cs_description > label > span {
    vertical-align:top
}

.csslider1 > .cs_description > label span {
    display:inline-block
}

.csslider1 > .cs_play_pause {
    position:absolute;
    top:50%;
    left:50%;
    z-index:5
}

.csslider1 > .cs_play_pause > label {
    position:absolute;
    cursor:pointer
}

.csslider1 > #cs_play1:checked ~ .cs_play_pause > .cs_pause,.csslider1 > .slide:checked ~ .cs_play_pause > .cs_play,.csslider1 > .pause:checked ~ .cs_play_pause > .cs_play {
    display:block;
    z-index:5
}

.csslider1 > #cs_play1:checked ~ .cs_play_pause > .cs_play,.csslider1 > .slide:checked ~ .cs_play_pause > .cs_pause,.csslider1 > .pause:checked ~ .cs_play_pause > .cs_pause {
    display:none;
    z-index:-1
}

/* calculate autoplay */
@-webkit-keyframes pauseChange {
0%,24.99% {
    opacity:1;
    z-index:5
}

25%,100% {
    opacity:0;
    z-index:-1
}
}

@-moz-keyframes pauseChange {
0%,24.99% {
    opacity:1;
    z-index:5
}

25%,100% {
    opacity:0;
    z-index:-1
}
}

@-ms-keyframes pauseChange {
0%,24.99% {
    opacity:1;
    z-index:5
}

25%,100% {
    opacity:0;
    z-index:-1
}
}

@-o-keyframes pauseChange {
0%,24.99% {
    opacity:1;
    z-index:5
}

25%,100% {
    opacity:0;
    z-index:-1
}
}

@keyframes pauseChange {
0%,24.99% {
    opacity:1;
    z-index:5
}

25%,100% {
    opacity:0;
    z-index:-1
}
}

.csslider1 > #cs_play1:checked ~ .cs_play_pause > .cs_pause.num0 {
    opacity:0;
    z-index:-1;
    -webkit-animation:pauseChange 16000ms infinite -2000ms;
    -moz-animation:pauseChange 16000ms infinite -2000ms;
    -ms-animation:pauseChange 16000ms infinite -2000ms;
    -o-animation:pauseChange 16000ms infinite -2000ms;
    animation:pauseChange 16000ms infinite -2000ms
}

.csslider1 > #cs_play1:checked ~ .cs_play_pause > .cs_pause.num1 {
    opacity:0;
    z-index:-1;
    -webkit-animation:pauseChange 16000ms infinite 2000ms;
    -moz-animation:pauseChange 16000ms infinite 2000ms;
    -ms-animation:pauseChange 16000ms infinite 2000ms;
    -o-animation:pauseChange 16000ms infinite 2000ms;
    animation:pauseChange 16000ms infinite 2000ms
}

.csslider1 > #cs_play1:checked ~ .cs_play_pause > .cs_pause.num2 {
    opacity:0;
    z-index:-1;
    -webkit-animation:pauseChange 16000ms infinite 6000ms;
    -moz-animation:pauseChange 16000ms infinite 6000ms;
    -ms-animation:pauseChange 16000ms infinite 6000ms;
    -o-animation:pauseChange 16000ms infinite 6000ms;
    animation:pauseChange 16000ms infinite 6000ms
}

.csslider1 > #cs_play1:checked ~ .cs_play_pause > .cs_pause.num3 {
    opacity:0;
    z-index:-1;
    -webkit-animation:pauseChange 16000ms infinite 10000ms;
    -moz-animation:pauseChange 16000ms infinite 10000ms;
    -ms-animation:pauseChange 16000ms infinite 10000ms;
    -o-animation:pauseChange 16000ms infinite 10000ms;
    animation:pauseChange 16000ms infinite 10000ms
}

/* stop */
.csslider1 > .slide:checked ~ .cs_play_pause > .cs_pause,.csslider1 > .pause:checked ~ .cs_play_pause > .cs_pause {
    -webkit-animation:none;
    -moz-animation:none;
    -ms-animation:none;
    -o-animation:none;
    animation:none
}

/* /calculate autoplay */
.csslider1.cs_handle {
    cursor:-webkit-grab;
    cursor:-moz-grab;
    cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAABwSURBVEjH7ZJBEsAgCAMT/v/n9NCOSqe2oD2yNx1JggB4BCEFWyFASP2KMQE7ywWhe/tTRGCGogLk02tFctiW/SUgaMyQG4PdPzDn31rQbMb8FiAXgvsEJNax1yVlVGAjA93apP3HFhZTGIqiKH7iADB6HxPlHdNVAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE0LTA3LTA3VDEzOjQ5OjEwKzAyOjAwm7WiFAAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNC0wNy0wN1QxMzo0OToxMCswMjowMOroGqgAAAAASUVORK5CYII=),move
}

.csslider1.cs_handle.cs_grab {
    cursor:-webkit-grabbing;
    cursor:-moz-grabbing;
    cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAABaSURBVEjH7ZMxCkAhDEOT8u9/5TpJ+xWkFse8IYutJgEB8RCHL1qCc90BEFnT6QH7mwgFHBUf8wJyS1TDLuc3vmighx37LZdIth3E5hKj9n6O0HRh+oJCiFcMxRUUDxR1CTMAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTQtMDctMDdUMTM6NDk6MzgrMDI6MDDqf+sOAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE0LTA3LTA3VDEzOjQ5OjM4KzAyOjAwmyJTsgAAAABJRU5ErkJggg==),move
}

.csslider1 .cs_gestures {
    visibility:hidden;
    position:absolute;
    font-size:0;
    top:0;
    left:0;
    width:100%;
    height:100%;
    overflow:hidden;
    z-index:1;
    opacity:0;
    -webkit-transition:visibility .3s linear,opacity .3s linear;
    -o-transition:visibility .3s linear,opacity .3s linear;
    transition:visibility .3s linear,opacity .3s linear
}

.csslider1 .cs_gestures.cs_show {
    visibility:visible;
    opacity:1
}

.csslider1 .cs_gestures.cs_show img {
    width:25%
}

.csslider1 .cs_gestures.cs_show .cs_first_img {
    position:absolute;
    left:-25%;
    top:0
}

.csslider1 .cs_gestures.cs_show .cs_last_img {
    position:absolute;
    left:100%;
    top:0
}

.csslider1 .cs_gestures > div {
    position:absolute;
    left:0;
    top:0;
    width:400%
}

.csslider1 > ul {
    overflow:hidden
}

.csslider1 > ul > li {
    position:absolute;
    left:0;
    top:0;
    display:inline-block;
    opacity:0;
    z-index:1;
    -webkit-transition:-webkit-transform 2000ms ease,opacity 2000ms ease;
    -moz-transition:-moz-transform 2000ms ease,opacity 2000ms ease;
    -ms-transition:-ms-transform 2000ms ease,opacity 2000ms ease;
    -o-transition:-o-transform 2000ms ease,opacity 2000ms ease;
    transition:transform 2000ms ease,opacity 2000ms ease;
    -webkit-transform:scale(2);
    -moz-transform:scale(2);
    -ms-transform:scale(2);
    -o-transform:scale(2);
    transform:scale(2)
}

.csslider1 > #cs_slide1_0:checked ~ ul > li.num0,.csslider1 > #cs_pause1_0:checked ~ ul > li.num0,.csslider1 > #cs_slide1_1:checked ~ ul > li.num1,.csslider1 > #cs_pause1_1:checked ~ ul > li.num1,.csslider1 > #cs_slide1_2:checked ~ ul > li.num2,.csslider1 > #cs_pause1_2:checked ~ ul > li.num2,.csslider1 > #cs_slide1_3:checked ~ ul > li.num3,.csslider1 > #cs_pause1_3:checked ~ ul > li.num3 {
    opacity:1;
    z-index:2;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1)
}

/* calculate autoplay */
@-webkit-keyframes rotate {
0%,37.5%,100% {
    opacity:0;
    z-index:2;
    -webkit-transform:scale(2)
}

12.5%,25% {
    opacity:1;
    z-index:2;
    -webkit-transform:scale(1)
}
}

@-moz-keyframes rotate {
0%,37.5%,100% {
    opacity:0;
    z-index:2;
    -moz-transform:scale(2)
}

12.5%,25% {
    opacity:1;
    z-index:2;
    -moz-transform:scale(1)
}
}

@-ms-keyframes rotate {
0%,37.5%,100% {
    opacity:0;
    z-index:2;
    -ms-transform:scale(2)
}

12.5%,25% {
    opacity:1;
    z-index:2;
    -ms-transform:scale(1)
}
}

@-o-keyframes rotate {
0%,37.5%,100% {
    opacity:0;
    z-index:2;
    -o-transform:scale(2)
}

12.5%,25% {
    opacity:1;
    z-index:2;
    -o-transform:scale(1)
}
}

@keyframes rotate {
0%,37.5%,100% {
    opacity:0;
    z-index:2;
    transform:scale(2)
}

12.5%,25% {
    opacity:1;
    z-index:2;
    transform:scale(1)
}
}

.csslider1 > #cs_play1:checked ~ ul > li.num0 {
    -webkit-animation:rotate 16000ms infinite -2000ms;
    -moz-animation:rotate 16000ms infinite -2000ms;
    -ms-animation:rotate 16000ms infinite -2000ms;
    -o-animation:rotate 16000ms infinite -2000ms;
    animation:rotate 16000ms infinite -2000ms
}

.csslider1 > #cs_play1:checked ~ ul > li.num1 {
    -webkit-animation:rotate 16000ms infinite 2000ms;
    -moz-animation:rotate 16000ms infinite 2000ms;
    -ms-animation:rotate 16000ms infinite 2000ms;
    -o-animation:rotate 16000ms infinite 2000ms;
    animation:rotate 16000ms infinite 2000ms
}

.csslider1 > #cs_play1:checked ~ ul > li.num2 {
    -webkit-animation:rotate 16000ms infinite 6000ms;
    -moz-animation:rotate 16000ms infinite 6000ms;
    -ms-animation:rotate 16000ms infinite 6000ms;
    -o-animation:rotate 16000ms infinite 6000ms;
    animation:rotate 16000ms infinite 6000ms
}

.csslider1 > #cs_play1:checked ~ ul > li.num3 {
    -webkit-animation:rotate 16000ms infinite 10000ms;
    -moz-animation:rotate 16000ms infinite 10000ms;
    -ms-animation:rotate 16000ms infinite 10000ms;
    -o-animation:rotate 16000ms infinite 10000ms;
    animation:rotate 16000ms infinite 10000ms
}

.csslider1 > #cs_play1:checked ~ ul > li,.csslider1 > .pause:checked ~ ul > li {
    -webkit-transition:none;
    -moz-transition:none;
    -ms-transition:none;
    -o-transition:none;
    transition:none
}

/* /calculate autoplay */
/* frame/shadow */
.csslider1 {
    box-shadow: 10px 0 10px -4px #888, -10px 0 10px -4px #888 !important;
}

.csslider1 > .cs_arrowprev {
    -webkit-transition:.4s all 0 ease;
    -moz-transition:.4s all 0 ease;
    -ms-transition:.4s all 0 ease;
    -o-transition:.4s all 0 ease;
    transition:.4s all 0 ease;
    -webkit-transform:translateX(240px);
    -moz-transform:translateX(240px);
    -ms-transform:translateX(240px);
    -o-transform:translateX(240px);
    transform:translateX(240px)
}

.csslider1 > .cs_arrownext {
    -webkit-transition:.4s all .15s ease;
    -moz-transition:.4s all .15s ease;
    -ms-transition:.4s all .15s ease;
    -o-transition:.4s all .15s ease;
    transition:.4s all .15s ease;
    -webkit-transform:translateX(-240px);
    -moz-transform:translateX(-240px);
    -ms-transform:translateX(-240px);
    -o-transform:translateX(-240px);
    transform:translateX(-240px)
}

.csslider1 > .cs_play_pause {
    -webkit-transition:.4s all .3s ease;
    -moz-transition:.4s all .3s ease;
    -ms-transition:.4s all .3s ease;
    -o-transition:.4s all .3s ease;
    transition:.4s all .3s ease;
    -webkit-transform:scale(0.2);
    -moz-transform:scale(0.2);
    -ms-transform:scale(0.2);
    -o-transform:scale(0.2);
    transform:scale(0.2)
}

.csslider1 > .cs_arrowprev,.csslider1 > .cs_arrownext,.csslider1 > .cs_play_pause {
    opacity:0
}

.csslider1:hover > .cs_arrowprev,.csslider1:hover > .cs_arrownext,.csslider1:hover > .cs_play_pause {
    opacity:1;
    -webkit-transform:translateX(0) translateY(0) scale(1);
    -moz-transform:translateX(0) translateY(0) scale(1);
    -ms-transform:translateX(0) translateY(0) scale(1);
    -o-transform:translateX(0) translateY(0) scale(1);
    transform:translateX(0) translateY(0) scale(1)
}

.csslider1 > .cs_arrowprev > label,.csslider1 > .cs_arrownext > label {
    margin-top:-20px;
    margin-left:-20px;
    height:40px;
    width:40px;
    border-style:solid;
    border-color:#fff;
    -webkit-transition:-webkit-transform .2s ease;
    -moz-transition:-moz-transform .2s ease;
    -ms-transition:-ms-transform .2s ease;
    -o-transition:-o-transform .2s ease;
    transition:transform .2s ease;
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    transform:rotate(45deg)
}

.csslider1 > .cs_arrowprev > label {
    border-width:0 0 1px 1px
}

.csslider1 > .cs_arrownext > label {
    border-width:1px 1px 0 0
}

.csslider1 > .cs_arrowprev {
    top:50%;
    left:20px;
    margin-left:20px
}

.csslider1 > .cs_arrownext {
    top:50%;
    margin-right:20px;
    right:20px
}

.csslider1 > .cs_arrownext > label:hover,.csslider1 > .cs_arrowprev > label:hover {
    -webkit-transform:scale(1.1) rotate(45deg);
    -moz-transform:scale(1.1) rotate(45deg);
    -ms-transform:scale(1.1) rotate(45deg);
    -o-transform:scale(1.1) rotate(45deg);
    transform:scale(1.1) rotate(45deg)
}

.csslider1 > .cs_play_pause > label {
    text-decoration:none;
    margin-top:-15px;
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    -o-transition:all .2s;
    transition:all .2s
}

.csslider1 > .cs_play_pause > .cs_play {
    margin-left:-12px;
    width:30px;
    height:30px;
    border-style:solid;
    border-width:1px 1px 0 0;
    border-color:#fff;
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    transform:rotate(45deg)
}

.csslider1 > .cs_play_pause > .cs_play:after {
    content:'';
    position:absolute;
    width:54px;
    height:54px;
    left:-25%;
    top:-60%;
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    transform:rotate(-45deg)
}

.csslider1 > .cs_play_pause > .cs_play span {
    border-width:1px 0 0;
    border-style:solid;
    border-color:#fff;
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:-50%;
    -webkit-transform:rotate(45deg) scale(1.43) translate(7px,7px);
    -moz-transform:rotate(45deg) scale(1.43) translate(7px,7px);
    -o-transform:rotate(45deg) scale(1.43) translate(7px,7px);
    transform:rotate(45deg) scale(1.43) translate(7px,7px)
}

.csslider1 > .cs_play_pause > .cs_pause {
    width:10px;
    height:40px;
    margin-left:5px;
    border-style:solid;
    border-width:0 1px;
    border-color:#fff
}

.csslider1 > .cs_play_pause > .cs_play:hover {
    -webkit-transform:scale(1.1) rotate(45deg);
    -moz-transform:scale(1.1) rotate(45deg);
    -o-transform:scale(1.1) rotate(45deg);
    transform:scale(1.1) rotate(45deg)
}

.csslider1 > .cs_play_pause > .cs_pause:hover {
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -o-transform:scale(1.1);
    transform:scale(1.1)
}

.csslider1 > .cs_bullets {
    bottom:5px;
    margin-bottom:5px
}

.csslider1 > .cs_bullets > label {
    width:40px;
    height:8px;
    background:none;
    border:1px solid #fff;
    position:relative;
    margin-left:8px;
    margin-top:5px;
    color:transparent
}

.csslider1 > .cs_bullets > label > .cs_thumb {
    border:1px solid #fff;
    margin-left:15px;
    margin-top:-10px;
    -webkit-transition:all .3s;
    -moz-transition:all .3s;
    -ms-transition:all .3s;
    -o-transition:all .3s;
    transition:all .3s
}

.csslider1 > .cs_bullets > label:hover > .cs_thumb {
    visibility:visible;
    opacity:1
}

.csslider1 > .cs_bullets > label > .cs_point {
    content:'';
    position:absolute;
    left:-2px;
    top:-2px;
    right:-2px;
    bottom:-2px;
    border-width:1px;
    border-style:solid;
    border-color:transparent
}

.csslider1 > #cs_slide1_0:checked ~ .cs_bullets > label.num0 > .cs_point,.csslider1 > #cs_pause1_0:checked ~ .cs_bullets > label.num0 > .cs_point,.csslider1 > #cs_slide1_1:checked ~ .cs_bullets > label.num1 > .cs_point,.csslider1 > #cs_pause1_1:checked ~ .cs_bullets > label.num1 > .cs_point,.csslider1 > #cs_slide1_2:checked ~ .cs_bullets > label.num2 > .cs_point,.csslider1 > #cs_pause1_2:checked ~ .cs_bullets > label.num2 > .cs_point,.csslider1 > #cs_slide1_3:checked ~ .cs_bullets > label.num3 > .cs_point,.csslider1 > #cs_pause1_3:checked ~ .cs_bullets > label.num3 > .cs_point {
    border-color:#fff
}

/* calculate autoplay */
@-webkit-keyframes bullet {
0%,24.99% {
    border-color:#fff
}

25%,100% {
    border-color:transparent
}
}

@-moz-keyframes bullet {
0%,24.99% {
    border-color:#fff
}

25%,100% {
    border-color:transparent
}
}

@-ms-keyframes bullet {
0%,24.99% {
    border-color:#fff
}

25%,100% {
    border-color:transparent
}
}

@-o-keyframes bullet {
0%,24.99% {
    border-color:#fff
}

25%,100% {
    border-color:transparent
}
}

@keyframes bullet {
0%,24.99% {
    border-color:#fff
}

25%,100% {
    border-color:transparent
}
}

.csslider1 > #cs_play1:checked ~ .cs_bullets > label.num0 > .cs_point {
    -webkit-animation:bullet 16000ms infinite -2000ms;
    -moz-animation:bullet 16000ms infinite -2000ms;
    -ms-animation:bullet 16000ms infinite -2000ms;
    -o-animation:bullet 16000ms infinite -2000ms;
    animation:bullet 16000ms infinite -2000ms
}

.csslider1 > #cs_play1:checked ~ .cs_bullets > label.num1 > .cs_point {
    -webkit-animation:bullet 16000ms infinite 2000ms;
    -moz-animation:bullet 16000ms infinite 2000ms;
    -ms-animation:bullet 16000ms infinite 2000ms;
    -o-animation:bullet 16000ms infinite 2000ms;
    animation:bullet 16000ms infinite 2000ms
}

.csslider1 > #cs_play1:checked ~ .cs_bullets > label.num2 > .cs_point {
    -webkit-animation:bullet 16000ms infinite 6000ms;
    -moz-animation:bullet 16000ms infinite 6000ms;
    -ms-animation:bullet 16000ms infinite 6000ms;
    -o-animation:bullet 16000ms infinite 6000ms;
    animation:bullet 16000ms infinite 6000ms
}

.csslider1 > #cs_play1:checked ~ .cs_bullets > label.num3 > .cs_point {
    -webkit-animation:bullet 16000ms infinite 10000ms;
    -moz-animation:bullet 16000ms infinite 10000ms;
    -ms-animation:bullet 16000ms infinite 10000ms;
    -o-animation:bullet 16000ms infinite 10000ms;
    animation:bullet 16000ms infinite 10000ms
}

.csslider1 > #cs_play1:checked ~ .cs_bullets > label > .cs_point,.csslider1 > .pause:checked ~ .cs_bullets > label > .cs_point {
    -webkit-transition:none;
    -moz-transition:none;
    -ms-transition:none;
    -o-transition:none;
    transition:none
}

/* stop */
.csslider1 > .slide:checked ~ .cs_bullets > label > .cs_point,.csslider1 > .pause:checked ~ .cs_bullets > label > .cs_point {
    -webkit-animation:none;
    -moz-animation:none;
    -ms-animation:none;
    -o-animation:none;
    animation:none
}

/* /calculate autoplay */
.csslider1 > .cs_description > label {
    font:20px/1 'Open Sans Condensed',sans-serif;
    top:auto;
    bottom:30px;
    z-index:3
}

.csslider1 > .cs_description > label > span {
    color:#fff;
    border:1px solid #fff;
    background:#1D1D1D;
    padding:15px;
    margin:5px 10px;
    opacity:0
}

.csslider1 > #cs_slide1_0:checked ~ .cs_description > .num0 > .cs_title,.csslider1 > #cs_slide1_0:checked ~ .cs_description > .num0 > .cs_descr,.csslider1 > #cs_pause1_0:checked ~ .cs_description > .num0 > .cs_title,.csslider1 > #cs_pause1_0:checked ~ .cs_description > .num0 > .cs_descr,.csslider1 > #cs_slide1_1:checked ~ .cs_description > .num1 > .cs_title,.csslider1 > #cs_slide1_1:checked ~ .cs_description > .num1 > .cs_descr,.csslider1 > #cs_pause1_1:checked ~ .cs_description > .num1 > .cs_title,.csslider1 > #cs_pause1_1:checked ~ .cs_description > .num1 > .cs_descr,.csslider1 > #cs_slide1_2:checked ~ .cs_description > .num2 > .cs_title,.csslider1 > #cs_slide1_2:checked ~ .cs_description > .num2 > .cs_descr,.csslider1 > #cs_pause1_2:checked ~ .cs_description > .num2 > .cs_title,.csslider1 > #cs_pause1_2:checked ~ .cs_description > .num2 > .cs_descr,.csslider1 > #cs_slide1_3:checked ~ .cs_description > .num3 > .cs_title,.csslider1 > #cs_slide1_3:checked ~ .cs_description > .num3 > .cs_descr,.csslider1 > #cs_pause1_3:checked ~ .cs_description > .num3 > .cs_title,.csslider1 > #cs_pause1_3:checked ~ .cs_description > .num3 > .cs_descr {
    opacity:1;
    z-index:4;
    -webkit-transform:translate(0,0);
    -moz-transform:translate(0,0);
    -ms-transform:translate(0,0);
    -o-transform:translate(0,0);
    transform:translate(0,0)
}

.csslider1 > #cs_slide1_0:checked ~ .cs_description > .num0 .cs_wrapper,.csslider1 > #cs_pause1_0:checked ~ .cs_description > .num0 .cs_wrapper,.csslider1 > #cs_slide1_1:checked ~ .cs_description > .num1 .cs_wrapper,.csslider1 > #cs_pause1_1:checked ~ .cs_description > .num1 .cs_wrapper,.csslider1 > #cs_slide1_2:checked ~ .cs_description > .num2 .cs_wrapper,.csslider1 > #cs_pause1_2:checked ~ .cs_description > .num2 .cs_wrapper,.csslider1 > #cs_slide1_3:checked ~ .cs_description > .num3 .cs_wrapper,.csslider1 > #cs_pause1_3:checked ~ .cs_description > .num3 .cs_wrapper {
    opacity:1;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1)
}

.csslider1 > .cs_description > label > .cs_title {
    -webkit-transform:translate(0,-200px);
    -moz-transform:translate(0,-200px);
    -ms-transform:translate(0,-200px);
    -o-transform:translate(0,-200px);
    transform:translate(0,-200px);
    -webkit-transition:750ms opacity 600ms ease,750ms -webkit-transform 600ms ease;
    -moz-transition:750ms opacity 600ms ease,750ms -moz-transform 600ms ease;
    -ms-transition:750ms opacity 600ms ease,750ms -ms-transform 600ms ease;
    -o-transition:750ms opacity 600ms ease,750ms -o-transform 600ms ease;
    transition:750ms opacity 600ms ease,750ms transform 600ms ease
}

.csslider1 > .cs_description > label > .cs_descr {
    font-size:.8em;
    -webkit-transform:translate(200px,0);
    -moz-transform:translate(200px,0);
    -ms-transform:translate(200px,0);
    -o-transform:translate(200px,0);
    transform:translate(200px,0);
    -webkit-transition:750ms opacity 850ms ease,750ms -webkit-transform 850ms ease;
    -moz-transition:750ms opacity 850ms ease,750ms -moz-transform 850ms ease;
    -ms-transition:750ms opacity 850ms ease,750ms -ms-transform 850ms ease;
    -o-transition:750ms opacity 850ms ease,750ms -o-transform 850ms ease;
    transition:750ms opacity 850ms ease,750ms transform 850ms ease
}

.csslider1 > .cs_description > label > .cs_title > .cs_wrapper {
    opacity:0;
    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    -ms-transform:scale(0);
    -o-transform:scale(0);
    transform:scale(0);
    -webkit-transition:750ms opacity 750ms cubic-bezier(0.680,-0.550,0.265,1.550),750ms -webkit-transform 750ms cubic-bezier(0.680,-0.550,0.265,1.550);
    -moz-transition:750ms opacity 750ms cubic-bezier(0.680,-0.550,0.265,1.550),750ms -moz-transform 750ms cubic-bezier(0.680,-0.550,0.265,1.550);
    -ms-transition:750ms opacity 750ms cubic-bezier(0.680,-0.550,0.265,1.550),750ms -ms-transform 750ms cubic-bezier(0.680,-0.550,0.265,1.550);
    -o-transition:750ms opacity 750ms cubic-bezier(0.680,-0.550,0.265,1.550),750ms -o-transform 750ms cubic-bezier(0.680,-0.550,0.265,1.550);
    transition:750ms opacity 750ms cubic-bezier(0.680,-0.550,0.265,1.550),750ms transform 750ms cubic-bezier(0.680,-0.550,0.265,1.550)
}

.csslider1 > .cs_description > label > .cs_descr > .cs_wrapper {
    opacity:0;
    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    -ms-transform:scale(0);
    -o-transform:scale(0);
    transform:scale(0);
    -webkit-transition:750ms opacity 1000ms cubic-bezier(0.680,-0.550,0.265,1.550),750ms -webkit-transform 1000ms cubic-bezier(0.680,-0.550,0.265,1.550);
    -moz-transition:750ms opacity 1000ms cubic-bezier(0.680,-0.550,0.265,1.550),750ms -moz-transform 1000ms cubic-bezier(0.680,-0.550,0.265,1.550);
    -ms-transition:750ms opacity 1000ms cubic-bezier(0.680,-0.550,0.265,1.550),750ms -ms-transform 1000ms cubic-bezier(0.680,-0.550,0.265,1.550);
    -o-transition:750ms opacity 1000ms cubic-bezier(0.680,-0.550,0.265,1.550),750ms -o-transform 1000ms cubic-bezier(0.680,-0.550,0.265,1.550);
    transition:750ms opacity 1000ms cubic-bezier(0.680,-0.550,0.265,1.550),750ms transform 1000ms cubic-bezier(0.680,-0.550,0.265,1.550)
}

/* calculate autoplay */
@-webkit-keyframes cs_title {
3.75%,21.24% {
    opacity:1;
    -webkit-transform:translate(0,0);
    z-index:2;
    visibility:visible
}

28.75% {
    opacity:0;
    -webkit-transform:translate(0,-200px);
    z-index:2;
    visibility:hidden
}

28.76%,100% {
    z-index:0
}
}

@-moz-keyframes cs_title {
3.75%,21.24% {
    opacity:1;
    -moz-transform:translate(0,0);
    z-index:2;
    visibility:visible
}

28.75% {
    opacity:0;
    -moz-transform:translate(0,-200px);
    z-index:2;
    visibility:hidden
}

28.76%,100% {
    z-index:0
}
}

@-ms-keyframes cs_title {
3.75%,21.24% {
    opacity:1;
    -ms-transform:translate(0,0);
    z-index:2;
    visibility:visible
}

28.75% {
    opacity:0;
    -ms-transform:translate(0,-200px);
    z-index:2;
    visibility:hidden
}

28.76%,100% {
    z-index:0
}
}

@-o-keyframes cs_title {
3.75%,21.24% {
    opacity:1;
    -o-transform:translate(0,0);
    z-index:2;
    visibility:visible
}

28.75% {
    opacity:0;
    -o-transform:translate(0,-200px);
    z-index:2;
    visibility:hidden
}

28.76%,100% {
    z-index:0
}
}

@keyframes cs_title {
3.75%,21.24% {
    opacity:1;
    transform:translate(0,0);
    z-index:2;
    visibility:visible
}

28.75% {
    opacity:0;
    transform:translate(0,-200px);
    z-index:2;
    visibility:hidden
}

28.76%,100% {
    z-index:0
}
}

@-webkit-keyframes cs_descr {
3.75%,21.24% {
    opacity:1;
    -webkit-transform:translate(0,0);
    z-index:1;
    visibility:visible
}

28.75% {
    opacity:0;
    -webkit-transform:translate(200px,0);
    z-index:1;
    visibility:hidden
}

28.76%,100% {
    z-index:0
}
}

@-moz-keyframes cs_descr {
3.75%,21.24% {
    opacity:1;
    -moz-transform:translate(0,0);
    z-index:1;
    visibility:visible
}

28.75% {
    opacity:0;
    -moz-transform:translate(200px,0);
    z-index:1;
    visibility:hidden
}

28.76%,100% {
    z-index:0
}
}

@-ms-keyframes cs_descr {
3.75%,21.24% {
    opacity:1;
    -ms-transform:translate(0,0);
    z-index:1;
    visibility:visible
}

28.75% {
    opacity:0;
    -ms-transform:translate(200px,0);
    z-index:1;
    visibility:hidden
}

28.76%,100% {
    z-index:0
}
}

@-o-keyframes cs_descr {
3.75%,21.24% {
    opacity:1;
    -o-transform:translate(0,0);
    z-index:1;
    visibility:visible
}

28.75% {
    opacity:0;
    -o-transform:translate(200px,0);
    z-index:1;
    visibility:hidden
}

28.76%,100% {
    z-index:0
}
}

@keyframes cs_descr {
3.75%,21.24% {
    opacity:1;
    transform:translate(0,0);
    z-index:1;
    visibility:visible
}

28.75% {
    opacity:0;
    transform:translate(200px,0);
    z-index:1;
    visibility:hidden
}

28.76%,100% {
    z-index:0
}
}

.csslider1 > #cs_play1:checked ~ .cs_description > .num0 > .cs_title {
    -webkit-animation:cs_title 16000ms infinite -1400ms ease;
    -moz-animation:cs_title 16000ms infinite -1400ms ease;
    -ms-animation:cs_title 16000ms infinite -1400ms ease;
    -o-animation:cs_title 16000ms infinite -1400ms ease;
    animation:cs_title 16000ms infinite -1400ms ease
}

.csslider1 > #cs_play1:checked ~ .cs_description > .num1 > .cs_title {
    -webkit-animation:cs_title 16000ms infinite 2600ms ease;
    -moz-animation:cs_title 16000ms infinite 2600ms ease;
    -ms-animation:cs_title 16000ms infinite 2600ms ease;
    -o-animation:cs_title 16000ms infinite 2600ms ease;
    animation:cs_title 16000ms infinite 2600ms ease
}

.csslider1 > #cs_play1:checked ~ .cs_description > .num2 > .cs_title {
    -webkit-animation:cs_title 16000ms infinite 6600ms ease;
    -moz-animation:cs_title 16000ms infinite 6600ms ease;
    -ms-animation:cs_title 16000ms infinite 6600ms ease;
    -o-animation:cs_title 16000ms infinite 6600ms ease;
    animation:cs_title 16000ms infinite 6600ms ease
}

.csslider1 > #cs_play1:checked ~ .cs_description > .num3 > .cs_title {
    -webkit-animation:cs_title 16000ms infinite 10600ms ease;
    -moz-animation:cs_title 16000ms infinite 10600ms ease;
    -ms-animation:cs_title 16000ms infinite 10600ms ease;
    -o-animation:cs_title 16000ms infinite 10600ms ease;
    animation:cs_title 16000ms infinite 10600ms ease
}

.csslider1 > #cs_play1:checked ~ .cs_description > .num0 > .cs_descr {
    -webkit-animation:cs_descr 16000ms infinite -1150ms ease;
    -moz-animation:cs_descr 16000ms infinite -1150ms ease;
    -ms-animation:cs_descr 16000ms infinite -1150ms ease;
    -o-animation:cs_descr 16000ms infinite -1150ms ease;
    animation:cs_descr 16000ms infinite -1150ms ease
}

.csslider1 > #cs_play1:checked ~ .cs_description > .num1 > .cs_descr {
    -webkit-animation:cs_descr 16000ms infinite 2850ms ease;
    -moz-animation:cs_descr 16000ms infinite 2850ms ease;
    -ms-animation:cs_descr 16000ms infinite 2850ms ease;
    -o-animation:cs_descr 16000ms infinite 2850ms ease;
    animation:cs_descr 16000ms infinite 2850ms ease
}

.csslider1 > #cs_play1:checked ~ .cs_description > .num2 > .cs_descr {
    -webkit-animation:cs_descr 16000ms infinite 6850ms ease;
    -moz-animation:cs_descr 16000ms infinite 6850ms ease;
    -ms-animation:cs_descr 16000ms infinite 6850ms ease;
    -o-animation:cs_descr 16000ms infinite 6850ms ease;
    animation:cs_descr 16000ms infinite 6850ms ease
}

.csslider1 > #cs_play1:checked ~ .cs_description > .num3 > .cs_descr {
    -webkit-animation:cs_descr 16000ms infinite 10850ms ease;
    -moz-animation:cs_descr 16000ms infinite 10850ms ease;
    -ms-animation:cs_descr 16000ms infinite 10850ms ease;
    -o-animation:cs_descr 16000ms infinite 10850ms ease;
    animation:cs_descr 16000ms infinite 10850ms ease
}

@-webkit-keyframes cs_title_text {
2.625%,22.365% {
    opacity:.7;
    -webkit-transform:scale(1.15)
}

3.75%,21.24% {
    opacity:1;
    -webkit-transform:scale(1)
}

0%,28.75% {
    opacity:0;
    -webkit-transform:scale(0)
}
}

@-moz-keyframes cs_title_text {
2.625%,22.365% {
    opacity:.7;
    -moz-transform:scale(1.15)
}

3.75%,21.24% {
    opacity:1;
    -moz-transform:scale(1)
}

0%,28.75% {
    opacity:0;
    -moz-transform:scale(0)
}
}

@-ms-keyframes cs_title_text {
2.625%,22.365% {
    opacity:.7;
    -ms-transform:scale(1.15)
}

3.75%,21.24% {
    opacity:1;
    -ms-transform:scale(1)
}

0%,28.75% {
    opacity:0;
    -ms-transform:scale(0)
}
}

@-o-keyframes cs_title_text {
2.625%,22.365% {
    opacity:.7;
    -o-transform:scale(1.15)
}

3.75%,21.24% {
    opacity:1;
    -o-transform:scale(1)
}

0%,28.75% {
    opacity:0;
    -o-transform:scale(0)
}
}

@keyframes cs_title_text {
2.625%,22.365% {
    opacity:.7;
    transform:scale(1.15)
}

3.75%,21.24% {
    opacity:1;
    transform:scale(1)
}

0%,28.75% {
    opacity:0;
    transform:scale(0)
}
}

@-webkit-keyframes cs_descr_text {
2.625%,22.365% {
    opacity:.7;
    -webkit-transform:scale(1.15)
}

3.75%,21.24% {
    opacity:1;
    -webkit-transform:scale(1)
}

0%,28.75% {
    opacity:0;
    -webkit-transform:scale(0)
}
}

@-moz-keyframes cs_descr_text {
2.625%,22.365% {
    opacity:.7;
    -moz-transform:scale(1.15)
}

3.75%,21.24% {
    opacity:1;
    -moz-transform:scale(1)
}

0%,28.75% {
    opacity:0;
    -moz-transform:scale(0)
}
}

@-ms-keyframes cs_descr_text {
2.625%,22.365% {
    opacity:.7;
    -ms-transform:scale(1.15)
}

3.75%,21.24% {
    opacity:1;
    -ms-transform:scale(1)
}

0%,28.75% {
    opacity:0;
    -ms-transform:scale(0)
}
}

@-o-keyframes cs_descr_text {
2.625%,22.365% {
    opacity:.7;
    -o-transform:scale(1.15)
}

3.75%,21.24% {
    opacity:1;
    -o-transform:scale(1)
}

0%,28.75% {
    opacity:0;
    -o-transform:scale(0)
}
}

@keyframes cs_descr_text {
2.625%,22.365% {
    opacity:.7;
    transform:scale(1.15)
}

3.75%,21.24% {
    opacity:1;
    transform:scale(1)
}

0%,28.75% {
    opacity:0;
    transform:scale(0)
}
}

.csslider1 > #cs_play1:checked ~ .cs_description > .num0 .cs_title > .cs_wrapper {
    -webkit-animation:cs_title_text 16000ms infinite -1250ms ease;
    -moz-animation:cs_title_text 16000ms infinite -1250ms ease;
    -ms-animation:cs_title_text 16000ms infinite -1250ms ease;
    -o-animation:cs_title_text 16000ms infinite -1250ms ease;
    animation:cs_title_text 16000ms infinite -1250ms ease
}

.csslider1 > #cs_play1:checked ~ .cs_description > .num1 .cs_title > .cs_wrapper {
    -webkit-animation:cs_title_text 16000ms infinite 2750ms ease;
    -moz-animation:cs_title_text 16000ms infinite 2750ms ease;
    -ms-animation:cs_title_text 16000ms infinite 2750ms ease;
    -o-animation:cs_title_text 16000ms infinite 2750ms ease;
    animation:cs_title_text 16000ms infinite 2750ms ease
}

.csslider1 > #cs_play1:checked ~ .cs_description > .num2 .cs_title > .cs_wrapper {
    -webkit-animation:cs_title_text 16000ms infinite 6750ms ease;
    -moz-animation:cs_title_text 16000ms infinite 6750ms ease;
    -ms-animation:cs_title_text 16000ms infinite 6750ms ease;
    -o-animation:cs_title_text 16000ms infinite 6750ms ease;
    animation:cs_title_text 16000ms infinite 6750ms ease
}

.csslider1 > #cs_play1:checked ~ .cs_description > .num3 .cs_title > .cs_wrapper {
    -webkit-animation:cs_title_text 16000ms infinite 10750ms ease;
    -moz-animation:cs_title_text 16000ms infinite 10750ms ease;
    -ms-animation:cs_title_text 16000ms infinite 10750ms ease;
    -o-animation:cs_title_text 16000ms infinite 10750ms ease;
    animation:cs_title_text 16000ms infinite 10750ms ease
}

.csslider1 > #cs_play1:checked ~ .cs_description > .num0 .cs_descr > .cs_wrapper {
    -webkit-animation:cs_descr_text 16000ms infinite -1000ms ease;
    -moz-animation:cs_descr_text 16000ms infinite -1000ms ease;
    -ms-animation:cs_descr_text 16000ms infinite -1000ms ease;
    -o-animation:cs_descr_text 16000ms infinite -1000ms ease;
    animation:cs_descr_text 16000ms infinite -1000ms ease
}

.csslider1 > #cs_play1:checked ~ .cs_description > .num1 .cs_descr > .cs_wrapper {
    -webkit-animation:cs_descr_text 16000ms infinite 3000ms ease;
    -moz-animation:cs_descr_text 16000ms infinite 3000ms ease;
    -ms-animation:cs_descr_text 16000ms infinite 3000ms ease;
    -o-animation:cs_descr_text 16000ms infinite 3000ms ease;
    animation:cs_descr_text 16000ms infinite 3000ms ease
}

.csslider1 > #cs_play1:checked ~ .cs_description > .num2 .cs_descr > .cs_wrapper {
    -webkit-animation:cs_descr_text 16000ms infinite 7000ms ease;
    -moz-animation:cs_descr_text 16000ms infinite 7000ms ease;
    -ms-animation:cs_descr_text 16000ms infinite 7000ms ease;
    -o-animation:cs_descr_text 16000ms infinite 7000ms ease;
    animation:cs_descr_text 16000ms infinite 7000ms ease
}

.csslider1 > #cs_play1:checked ~ .cs_description > .num3 .cs_descr > .cs_wrapper {
    -webkit-animation:cs_descr_text 16000ms infinite 11000ms ease;
    -moz-animation:cs_descr_text 16000ms infinite 11000ms ease;
    -ms-animation:cs_descr_text 16000ms infinite 11000ms ease;
    -o-animation:cs_descr_text 16000ms infinite 11000ms ease;
    animation:cs_descr_text 16000ms infinite 11000ms ease
}

.csslider1 > #cs_play1:checked ~ .cs_description > label > .cs_title,.csslider1 > #cs_play1:checked ~ .cs_description > label > .cs_descr,.csslider1 > #cs_play1:checked ~ .cs_description > label > .cs_title > .cs_wrapper,.csslider1 > #cs_play1:checked ~ .cs_description > label > .cs_descr > .cs_wrapper,.csslider1 > .pause:checked ~ .cs_description > label > .cs_title,.csslider1 > .pause:checked ~ .cs_description > label > .cs_descr,.csslider1 > .pause:checked ~ .cs_description > label > .cs_title > .cs_wrapper,.csslider1 > .pause:checked ~ .cs_description > label > .cs_descr > .cs_wrapper {
    -webkit-transition:none;
    -moz-transition:none;
    -ms-transition:none;
    -o-transition:none;
    transition:none
}

/* stop */
.csslider1 > .slide:checked ~ .cs_description > label > .cs_title,.csslider1 > .slide:checked ~ .cs_description > label > .cs_descr,.csslider1 > .slide:checked ~ .cs_description > label > .cs_title > .cs_wrapper,.csslider1 > .slide:checked ~ .cs_description > label > .cs_descr > .cs_wrapper,.csslider1 > .pause:checked ~ .cs_description > label > .cs_title,.csslider1 > .pause:checked ~ .cs_description > label > .cs_descr,.csslider1 > .pause:checked ~ .cs_description > label > .cs_title > .cs_wrapper,.csslider1 > .pause:checked ~ .cs_description > label > .cs_descr > .cs_wrapper {
    -webkit-animation:none;
    -moz-animation:none;
    -ms-animation:none;
    -o-animation:none;
    animation:none
}

/* /calculate autoplay */
/* hide description & bullets on mobile devices */
@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: 21) 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 {
    display:none
}
}