.carousel{width:100%;margin:1px 0;height:400px;border-radius:3px;overflow:hidden;position:relative;-webkit-box-shadow:0 2px 4px 3px #ccc;box-shadow:0 2px 4px 3px #ccc}.carousel:hover .controls{opacity:1}.carousel .controls{opacity:0;display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;top:50%;left:0;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%;z-index:99999;-webkit-transition:all ease .5s;transition:all ease .5s}.carousel .controls .control{margin:0 5px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:40px;width:40px;border-radius:50%;background-color:rgba(255,255,255,.7);opacity:.5;-webkit-transition:ease .3s;transition:ease .3s;cursor:pointer}.carousel .controls .control:hover{opacity:1}.carousel .slides{position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-transition:1s ease-in-out all;transition:1s ease-in-out all}.carousel .slides .slide{min-width:100%;min-height:400px;height:auto;display:block !important}