/* ***********************************************************
   ****************** CODESLIDER STYLE ***********************
   *********************************************************** */

.cs{visibility:hidden}.cs-ready{visibility:visible}.cs-hide{display:none!important}.cs-viewport{overflow:hidden}.ie7 .cs-viewport{position:relative}.cs-canvas{overflow:visible!important;position:relative;height:100%;margin-bottom:0;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;transition-property:transform}.cs-slide{position:absolute;display:block;float:left;left:0;top:0;margin-bottom:0}.cs-hfit{height:100%!important}.cs-nav,.cs-pag{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.height-fixed .cs-slide{height:100%}.height-fixed .cs-slide>.cs-img{-webkit-transition:top .2s;-moz-transition:top .2s;transition:top .2s}.cs-next,.cs-prev{cursor:pointer}.cs-next.in-actived,.cs-prev.in-actived{opacity:.5}.cs-pag{float:left}.cs-pagitem{display:inline-block;cursor:pointer}.cs-thumb .pagnum{display:none}.cs-thumb .thumb{overflow:hidden;position:relative;width:50px;height:50px}.cs-thumb .thumb>img{display:block;position:relative}.cs-thumb .thumb.fit-width>img{width:100%;height:auto}.cs-thumb .thumb.fit-height>img{width:auto;height:100%}.cs-thumb .thumb>img{-webkit-transform:translateZ(0)}.cs-slide.loading{position:relative;width:100%;height:100%}.cs-loader{position:absolute;width:24px;height:24px;left:50%;top:50%;margin-left:-12px;margin-top:-12px;text-indent:-9999px}.cs-loader:after,.cs-loader:before{content:"";display:block;position:absolute;left:0}.cs-loader:before{height:1px;width:24px;top:11px;background-color:hsla(0,0%,100%,.5)}.cs-loader:after{width:5px;height:5px;top:9px;background-color:#000;border-radius:100%;-webkit-animation:loaderBall .3s infinite linear;-moz-animation:loaderBall .3s infinite linear;animation:loaderBall .3s infinite linear}@-webkit-keyframes loaderBall{0%{-webkit-transform:translateX(0)}50%{-webkit-transform:translateX(21px)}100%{-webkit-transform:translateX(0)}}@-moz-keyframes loaderBall{0%{-moz-transform:translateX(0)}50%{-moz-transform:translateX(21px)}100%{-moz-transform:translateX(0)}}@keyframes loaderBall{0%{transform:translateX(0)}50%{transform:translateX(21px)}100%{transform:translateX(0)}}.cs-old .cs-loader{background:url(imgs/loader_dot.gif) no-repeat}.cs-old .cs-loader:after,.cs-old .cs-loader:before{display:none}.cs-viewport{position:relative}.cs-overlay{position:absolute;width:100%!important;height:100%!important;left:0;top:0;background:url(imgs/pattern_dot_dark.png) repeat}.cs-timer.timer-bar{overflow:hidden;width:100%;height:3px}.cs-timer.timer-bar>.bar{display:block;position:absolute;width:100%;height:100%;top:0;left:0;background-color:#333}.cs-timer.timer-arc{width:40px;height:40px}.cs-viewport.cursor-grab,.slide-as-pag .cs-viewport.cursor-grab .sl-cur{cursor:url(./imgs/grab3.cur),e-resize;cursor:url(imgs/grab3.png) 16 16,url(./imgs/grab3.cur),e-resize}.cs-viewport.cursor-grabbing,.slide-as-pag .cs-viewport.cursor-grabbing .sl-cur{cursor:url(./imgs/grabbing3a.cur),e-resize;cursor:url(imgs/grabbing3a.png) 16 16,url(./imgs/grabbing3a.cur),e-resize}.cs-grabstop{position:relative}.cs-grabstop:after,.cs-grabstop:before{content:'';display:block;position:absolute;width:60px;height:100%;top:0;-webkit-transition:-webkit-transform .6s;-moz-transition:-moz-transform .6s;transition:transform .6s;-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0)}.cs-grabstop:before{left:-60px;background:-webkit-linear-gradient(left,hsla(192,100%,50%,.2),hsla(0,0%,100%,0));background:-moz-linear-gradient(left,hsla(192,100%,50%,.2),hsla(0,0%,100%,0));background:-ms-linear-gradient(left,hsla(192,100%,50%,.2),hsla(0,0%,100%,0))}.cs-grabstop:after{right:-60px;background:-webkit-linear-gradient(left,hsla(0,0%,100%,0),hsla(192,100%,50%,.2));background:-moz-linear-gradient(left,hsla(0,0%,100%,0),hsla(192,100%,50%,.2));background:-ms-linear-gradient(left,hsla(0,0%,100%,0),hsla(192,100%,50%,.2))}.cs-grabstop.stop-left:before{-webkit-transform:translateX(100%);-moz-transform:translateX(100%);transform:translateX(100%)}.cs-grabstop.stop-right:after{-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);transform:translateX(-100%)}.cs-canvas img{display:block}.cs-citeplay{position:absolute;width:70px;height:70px;left:0;top:50%;margin-left:-35px;margin-top:-35px;background-color:#fff;background-color:hsla(0,0%,100%,.95);border-radius:50%;box-shadow:0 2px 0 hsla(0,0%,0%,.25);cursor:pointer;opacity:.5;-webkit-transition:opacity .25s;-moz-transition:opacity .25s;transition:opacity .25s}.cs-citeplay:hover{opacity:1}.cs-citeplay:after{content:'';position:absolute;display:block;width:0;height:0;left:28px;top:21px;border:solid transparent;border-width:14px 0 14px 20px;border-left-color:#444}.cs-overlay>img{display:block;width:100%;height:auto}.cs-shadow{position:absolute;left:0;top:100%;z-index:-1}.cs-shadow>img{display:block;width:100%;height:auto}img.cs-hide{display:none!important}.cs-dot .cs-slide,.cs-line .cs-slide{overflow:hidden}.cs-dot .cs-img,.cs-line .cs-img{position:relative;float:left;left:50%;top:0;font-size:0;letter-spacing:-.3em}.cs-dot .cs-img img,.cs-line .cs-img img{display:block;position:relative;left:-50%;top:0}.cs-free .cs-viewport{overflow:visible}.slide-as-pag .cs-slide{cursor:pointer}.cs-layer{visibility:hidden;position:absolute;left:0;top:0;white-space:nowrap;-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform,opacity;transition-property:transform,opacity}.cs-slide.cs-ready.sl-cur .cs-layer{visibility:visible}.cs-layerghost{visibility:hidden}.cs-dot .cs-canvas{overflow:hidden}.cs-dot .cs-slide{visibility:hidden}.cs-dot .cs-slide.sl-cur{visibility:visible}.fx-overlay{position:absolute;left:50%}.fx-inner{position:relative;left:-50%}.cs-dot .fx-front{overflow:hidden;position:absolute}.fx-front .cs-img{overflow:hidden;position:absolute;left:0}.fx-front .cs-img>img{left:0}.fx-back{position:absolute;overflow:hidden;width:100%}.fx-back .cs-img,.fx-back .cs-img>img{left:0}.height-fixed .fx-back{height:100%}.cs-move .fx-inner,.cs-rectMove .fx-inner{overflow:hidden}.cs-default{position:relative}.cs-default .cs-next,.cs-default .cs-prev{position:absolute;display:block;width:50px;height:50px;top:50%;margin-top:-25px;opacity:.2;background:url(../code/skins/default/icon.png) no-repeat;text-indent:-9999px}.cs-default .cs-prev{left:10px;background-position:0 0}.cs-default .cs-next{right:10px;background-position:-50px 0}.cs-default .cs-next:hover,.cs-default .cs-prev:hover{opacity:1}@media only screen and (min-width:1px) and (max-width:320px){.cs-default .cs-nav{display:none}}.cs-default .cs-pagwrap{position:absolute;left:50%;bottom:10px}.cs-default .cs-pag{position:relative;left:-50%;top:0;opacity:.1;filter:alpha(opacity=10);filter:alpha(opacity=10);-webkit-transition:opacity 1s;-moz-transition:opacity 1s;transition:opacity 1s}.cs-default:hover .cs-pag{opacity:1;filter:alpha(opacity=100);filter:alpha(opacity=100)}.cs-default .cs-pagitem{display:block;float:left;position:relative;width:8px;height:8px;margin-left:3px;margin-right:3px;background-color:#333;background-color:hsla(0,0%,0%,.5);border-radius:100%;text-indent:-9999px}.cs-default .cs-pagitem.sl-cur,.cs-default .cs-pagitem:hover{background-color:#fff;box-shadow:0 0 0 2px hsla(0,0%,0%,.5)}.cs-default .cs-thumb .thumb{overflow:visible;left:-47px;top:0;margin-top:-10px;visibility:hidden;opacity:0;border:2px solid #fff;-webkit-transition:-webkit-transform .3s,opacity .3s;-moz-transition:-moz-transform .3s,opacity .3s;transition:transform .3s,opacity .3s;-webkit-transform:translateY(-75%) scale(.5);-moz-transform:translateY(-75%) scale(.5);transform:translateY(-75%) scale(.5)}.cs-default .cs-thumb .thumb:after{content:'';display:block;position:absolute;width:0;height:0;left:50%;top:100%;margin-left:-5px;margin-top:2px;border:4px solid transparent;border-top-color:#fff}.cs-default .cs-thumb .cs-pagitem:hover .thumb{visibility:visible;opacity:1;-webkit-transform:translateY(-100%) scale(1);-moz-transform:translateY(-100%) scale(1);transform:translateY(-100%) scale(1)}.cs-default .cs-timer{position:absolute}.cs-default .timer-bar{left:0;bottom:0}.cs-default .timer-bar>.bar{background-color:hsla(0,0%,100%,.5)}.cs-default .timer-arc{right:0;top:0}.cs-default .timer-number{font-size:11px;line-height:22px;text-align:center;color:#fff;width:17px;height:20px;margin:12px;padding-left:3px;right:0;bottom:0}.cs-default .timer-number:after{content:'';display:block;position:absolute;width:100%;height:100%;left:0;top:0;border:2px solid transparent;border-top-color:hsla(0,0%,100%,.25);border-bottom-color:hsla(0,0%,100%,.25);border-radius:100%;-webkit-animation:timerNumber .3s infinite linear;-moz-animation:timerNumber .3s infinite linear;animation:timerNumber .3s infinite linear}@-webkit-keyframes timerNumber{0%{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(360deg)}}@-moz-keyframes timerNumber{0%{-moz-transform:rotate(0)}100%{-moz-transform:rotate(360deg)}}@keyframes timerNumber{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}