.wrapper{position:relative;border:0 dashed red}.carousel{width:100%;position:relative;padding-top:50%;overflow:hidden;border:0 dashed red}.inner{width:100%;height:100%;position:absolute;top:0;left:0;border:0 dashed red}.slide{width:100%;height:100%;position:absolute;top:0;right:0;left:0;border:0 dashed red;z-index:1}.slide.active,.slide.left,.slide.right{z-index:2}.js-reset-left{left:auto}.slide.left{left:-100%;right:0}.slide.right{right:-100%;left:auto}.transition .slide.left{left:0%}.transition .slide.right{right:0%}.transition .slide.shift-right{right:100%;left:auto}.transition .slide.shift-left{left:100%;right:auto}.transition .slide{transition-property:right,left,margin}.indicators{width:100%;position:absolute;top:0;left:12px;z-index:4;padding:0;text-align:left;border:0 dashed red}.indicators li{width:13px;height:13px;display:inline-block;margin:5px;border:1px solid #fff;background:#898989;opacity:.7;list-style-type:none;cursor:pointer;transition:background .3s ease-out}.indicators li.active{padding-right:0;background:#464646;border:1px solid #ffa500}.indicators li:hover{background-color:#2b2b2b}.arrow{width:20px;height:20px;position:absolute;top:50%;z-index:5;opacity:.7;border-top:3px solid #898989;border-right:3px solid #898989;cursor:pointer;transition:border-color .3s ease-out}.arrow:hover{border-color:#ffa500}.arrow-left{left:20px;transform:rotate(225deg)}.arrow-right{right:20px;transform:rotate(45deg)}