/* ------------- General ------------- */
@import url(https://fonts.googleapis.com/css?family=Bitter);
@font-face {font-family:"cs-ctrl-rhomb";src:url("../fonts/cs-ctrl-rhomb.eot");src:url("../fonts/cs-ctrl-rhomb.eot#iefix") format("embedded-opentype"),url("../fonts/cs-ctrl-rhomb.woff") format("woff"),url("../fonts/cs-ctrl-rhomb.ttf") format("truetype"),url("../fonts/cs-ctrl-rhomb.svg#basic") format("svg");font-weight:normal;font-style:normal;}
.csslider1{display:inline-block;position:relative;max-width:1164px;width:100%;}
.csslider1, .csslider1 *, .csslider1 *:after, .csslider1 *:before{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}
.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 > .cs_skeleton{width:100%;visibility:hidden;font-size:0px;line-height:0;}
.csslider1 > ul > .slide.img img{width:100%;}
.csslider1 > ul > .slide.img a{font-size:0pt;color:transparent;}
.csslider1 > ul > .slide{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);transform:translate3d(0,0,0);}
.csslider1 .cs_engine{ position:absolute;top:-9999px;left:-9999px;font-size:0pt;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;-moz-user-select:none;-ms-user-select:none;user-select:none;}
/* /General Styles  */
/* General Arrows  */
.csslider1 > .cs_arrowprev, .csslider1 > .cs_arrownext{position:absolute;top:50%;z-index:5;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}
.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.num1, .csslider1 > #cs_pause1_0:checked ~ .cs_arrowprev > label.num1, .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.num0, .csslider1 > #cs_pause1_1:checked ~ .cs_arrownext > label.num0{opacity:1;z-index:5;}
@-webkit-keyframes arrow1{0%, 49.99%{opacity:1;z-index:5;} 50%, 100% {opacity:0;z-index:-1;}
}
@keyframes arrow1{0%, 49.99%{opacity:1;z-index:5;} 50%, 100% {opacity:0;z-index:-1;}
}
.csslider1 > #cs_play1:checked ~ .cs_arrowprev > label.num1, .csslider1 > #cs_play1:checked ~ .cs_arrownext > label.num1{-webkit-animation:arrow1 16000ms infinite -2000ms;animation:arrow1 16000ms infinite -2000ms;}
.csslider1 > #cs_play1:checked ~ .cs_arrowprev > label.num0, .csslider1 > #cs_play1:checked ~ .cs_arrownext > label.num0{-webkit-animation:arrow1 16000ms infinite 6000ms;animation:arrow1 16000ms infinite 6000ms;}
.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;animation:none;}
/* ------------- /General Arrows ------------- */
/* ------------- General Bullets ------------- */
.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:-116px;top:-48px;}
.csslider1 > .cs_bullets > label > .cs_thumb > img{max-width:none;}
/* ------------- /General Bullets ------------- */
/* ------------- General Play Pause ------------- */
.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;}

@-webkit-keyframes pauseChange1{0%, 49.99%{opacity:1;z-index:5;} 50%, 100% {opacity:0;z-index:-1;}
}
@keyframes pauseChange1{0%, 49.99%{opacity:1;z-index:5;} 50%, 100% {opacity:0;z-index:-1;}
}
.csslider1 > #cs_play1:checked ~ .cs_play_pause > .cs_pause.num0{opacity:0;z-index:-1;-webkit-animation:pauseChange1 16000ms infinite -2000ms;animation:pauseChange1 16000ms infinite -2000ms;}
.csslider1 > #cs_play1:checked ~ .cs_play_pause > .cs_pause.num1{opacity:0;z-index:-1;-webkit-animation:pauseChange1 16000ms infinite 6000ms;animation:pauseChange1 16000ms infinite 6000ms;}
.csslider1 > .slide:checked ~ .cs_play_pause > .cs_pause, .csslider1 > .pause:checked ~ .cs_play_pause > .cs_pause{-webkit-animation:none;animation:none;}
/* ------------- /General Play Pause ------------- */
/* ------------- Effect ------------- */
.csslider1 > ul > .slide.num0{left:0%;}
.csslider1 > ul > .slide.num1{left:100%;}
.csslider1 > #cs_slide1_0:checked ~ ul > .slide, .csslider1 > #cs_pause1_0:checked ~ ul > .slide{-webkit-transform:translateX(0%);transform:translateX(0%);}
.csslider1 > #cs_slide1_1:checked ~ ul > .slide, .csslider1 > #cs_pause1_1:checked ~ ul > .slide{-webkit-transform:translateX(-100%);transform:translateX(-100%);}
.csslider1 > ul > .slide{position:absolute;top:0;left:0;display:inline-block;opacity:1;
 -webkit-transition:-webkit-transform 2000ms;transition:-webkit-transform 2000ms, transform 2000ms;
  -webkit-transform:scale(1);transform:scale(1);}

@-webkit-keyframes slide1{0%, 37.5% {-webkit-transform:translateX(0%);transform:translateX(0%);} 50%, 87.5% {-webkit-transform:translateX(-100%);transform:translateX(-100%);} 
}
@keyframes slide1{0%, 37.5% {-webkit-transform:translateX(0%);transform:translateX(0%);} 50%, 87.5% {-webkit-transform:translateX(-100%);transform:translateX(-100%);} 
}@-webkit-keyframes slide1-ie{0%, 37.5% {margin-left:0%;} 50%, 87.5% {margin-left:-100%;} 
}
@keyframes slide1-ie{0%, 37.5% {margin-left:0%;} 50%, 87.5% {margin-left:-100%;} 
}.csslider1  > #cs_play1:checked ~ ul > .slide{ -webkit-animation:slide1 16000ms infinite;animation:slide1 16000ms infinite;}
/* IE 10+ hack - cant animate translate :( */
@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none){.csslider1  > #cs_play1:checked ~ ul > .slide{  animation:slide1-ie 16000ms infinite;}
}
.csslider1 > #cs_play1:checked ~ ul > .slide, .csslider1 > .pause:checked ~ ul > .slide{-webkit-transition:none;transition:none;}
/* ------------- /Effect ------------- */
/* ------------- Template Show on hover ------------- */
.csslider1 > .cs_play_pause{-webkit-transition:.4s all 0s ease;transition:.4s all 0s ease;}
.csslider1 > .cs_arrowprev{-webkit-transition:.4s all .15s ease;transition:.4s all .15s ease;}
.csslider1 > .cs_arrownext{-webkit-transition:.4s all .3s ease;transition:.4s all .3s ease;}
.csslider1 > .cs_arrowprev, .csslider1 > .cs_arrownext, .csslider1 > .cs_play_pause{opacity:0;-webkit-transform:translateY(-30px);transform:translateY(-30px);}.csslider1:hover > .cs_arrowprev, .csslider1:hover > .cs_arrownext, .csslider1:hover > .cs_play_pause{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}
/* ------------- /Template Show on hover ------------- */
/* ------------- Template Arrows ------------- */
.csslider1 > .cs_arrowprev > label, .csslider1 > .cs_arrownext > label{height:50px;width:50px;margin-top:-25px;margin-left:-25px;border-radius:3px;color:#FFF;box-shadow:inset 0 0 0 2px #fff;-webkit-transition:background 200ms ease-in-out, -webkit-transform 200ms ease-in-out, box-shadow 200ms ease-in-out;transition:background 200ms ease-in-out, transform 200ms ease-in-out, -webkit-transform 200ms ease-in-out, box-shadow 200ms ease-in-out;}
.csslider1 > .cs_arrowprev{left:45px;}
.csslider1 > .cs_arrownext{right:45px;}
.csslider1 > .cs_arrowprev:hover > label, .csslider1 > .cs_arrownext:hover > label{background:#ab0000;box-shadow:inset 0 0 0 2px #ab0000;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.csslider1 > .cs_arrowprev:hover > label span, .csslider1 > .cs_arrownext:hover > label span{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.csslider1 > .cs_arrowprev > label span, .csslider1 > .cs_arrownext > label span{display:block;-webkit-transition:-webkit-transform 200ms ease-in-out;transition:transform 200ms ease-in-out, -webkit-transform 200ms ease-in-out;}
.csslider1 > .cs_arrowprev > label span:after, .csslider1 > .cs_arrownext > label span:after{font:20px "cs-ctrl-rhomb";line-height:50px;height:100%;text-align:center;padding-left:30%;}/* IE10+ hack */
_:-ms-input-placeholder, :root .csslider1 > .cs_arrowprev > label span:after{line-height:61px;}
_:-ms-input-placeholder, :root .csslider1 > .cs_arrownext > label span:after{line-height:61px;}.csslider1 > .cs_arrowprev > label span:after{content:'\e802';}
.csslider1 > .cs_arrownext > label span:after{content:'\e803';}
/* ------------- /Template Arrows ------------- */
/* ------------- Template Play Pause ------------- */
.csslider1 > .cs_play_pause > label{ height:50px;width:50px;margin-top:-25px;margin-left:-25px;border-radius:3px;color:#FFF;box-shadow:inset 0 0 0 2px #fff;-webkit-transition:background 200ms ease-in-out, -webkit-transform 200ms ease-in-out, box-shadow 200ms ease-in-out;transition:background 200ms ease-in-out, transform 200ms ease-in-out, -webkit-transform 200ms ease-in-out, box-shadow 200ms ease-in-out;}
.csslider1 > .cs_play_pause:hover > label{background:#ab0000;box-shadow:inset 0 0 0 2px #ab0000;
 -webkit-transform:rotate(45deg);transform:rotate(45deg);}
.csslider1 > .cs_play_pause:hover > label span{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}.csslider1 > .cs_play_pause > label span{display:block;-webkit-transition:-webkit-transform 200ms ease-in-out;transition:transform 200ms ease-in-out, -webkit-transform 200ms ease-in-out;}
.csslider1 > .cs_play_pause > label span:after{ display:block;font:20px "cs-ctrl-rhomb";line-height:50px;text-align:center;}
/* IE10+ hack */
_:-ms-input-placeholder, :root .csslider1 > .cs_play_pause > label span:after{line-height:57px;}.csslider1 > .cs_play_pause > .cs_play span:after{content:'\e800';}
.csslider1 > .cs_play_pause > .cs_pause span:after{content:'\e801';}

/* ------------- /Template Play Pause ------------- */
/* ------------- Template Bullets ------------- */
.csslider1 > .cs_bullets{bottom:5px;margin-bottom:5px;}
.csslider1 > .cs_bullets > label{margin:3px 6px;padding:8px;}
.csslider1 > .cs_bullets > label > .cs_thumb{margin-top:-150%;margin-left:5px;border:2px solid #fff;-webkit-transition:all 0.3s;transition:all 0.3s;}
.csslider1 > .cs_bullets > label > .cs_thumb:before{content:'';position:absolute;height:10px;width:100%;bottom:-10px;}
.csslider1 > .cs_bullets > label:hover > .cs_thumb{margin-top:-10px;opacity:1;visibility:visible;}
.csslider1 > .cs_bullets > label > .cs_point{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:3px;box-shadow:inset 0 0 0 2px #fff;
 -webkit-transition:background 200ms ease-in-out, -webkit-transform 200ms ease-in-out, box-shadow 200ms ease-in-out;transition:background 200ms ease-in-out, transform 200ms ease-in-out, -webkit-transform 200ms ease-in-out, box-shadow 200ms ease-in-out;}
.csslider1 > .cs_bullets > label:hover > .cs_point,

.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{-webkit-transform:rotate(45deg);transform:rotate(45deg);background:#ab0000;box-shadow:inset 0 0 0 2px #ab0000;}


@-webkit-keyframes bullet1{0%, 49.99% {  -webkit-transform:rotate(45deg);  transform:rotate(45deg);  background:#ab0000;  box-shadow:inset 0 0 0 2px #ab0000;} 50%, 100%{  -webkit-transform:rotate(0deg);  transform:rotate(0deg);  background:transparent;  box-shadow:inset 0 0 0 2px #fff;}
}
@keyframes bullet1{0%, 49.99% {  -webkit-transform:rotate(45deg);  transform:rotate(45deg);  background:#ab0000;  box-shadow:inset 0 0 0 2px #ab0000;} 50%, 100%{  -webkit-transform:rotate(0deg);  transform:rotate(0deg);  background:transparent;  box-shadow:inset 0 0 0 2px #fff;}
}.csslider1 > #cs_play1:checked ~ .cs_bullets > label.num0 > .cs_point, .csslider1 > #cs_pause1:checked ~ .cs_bullets > label.num0 > .cs_point{-webkit-animation:bullet1 16000ms infinite -2000ms;animation:bullet1 16000ms infinite -2000ms;}
.csslider1 > #cs_play1:checked ~ .cs_bullets > label.num1 > .cs_point, .csslider1 > #cs_pause1:checked ~ .cs_bullets > label.num1 > .cs_point{-webkit-animation:bullet1 16000ms infinite 6000ms;animation:bullet1 16000ms infinite 6000ms;}

.csslider1 > .slide:checked ~ .cs_bullets > label > .cs_point, .csslider1 > .pause:checked ~ .cs_bullets > label > .cs_point{-webkit-animation:none;animation:none;}
/* ------------- Template /Bullets ------------- */
/* 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: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{  display:none;}
}