.gallery{width:100%;position:relative}.gallery-container{align-items:center;display:flex;height:400px;margin:0 auto;max-width:1000px;position:relative}.gallery-item{height:384px;opacity:.4;position:absolute;transition:all .3s ease-in-out;width:240px;z-index:0;text-align:center;margin-right:0px !important}.gallery-item.gallery-item-selected{height:384px;opacity:1;left:50%;transform:translateX(-50%);width:240px;z-index:2}.gallery-item.gallery-item-previous,.gallery-item.gallery-item-next{height:384px;opacity:1;width:240px;z-index:1}.gallery-item.gallery-item-previous{left:30%;transform:translateX(-50%) scale(0.9)}.gallery-item.gallery-item-next{left:70%;transform:translateX(-50%) scale(0.9)}.gallery-item.gallery-item-first{left:15%;transform:translateX(-50%) scale(0.8)}.gallery-item.gallery-item-last{left:85%;transform:translateX(-50%) scale(0.8)}.gallery-controls{display:flex;justify-content:center;margin:30px 0}.gallery-controls button{border:0;cursor:pointer;font-size:0px;margin:0px;padding:0 12px;text-transform:capitalize;width:50px;height:100px;background:transparent}.gallery-controls button:focus{outline:0}.gallery-controls-previous{position:absolute;left:0px;top:50%;z-index:9999}.gallery-controls-previous::before{border:solid rgba(255,255,255,0.5);border-width:0 2px 2px 0;content:'';display:inline-block;height:14px;left:15px;padding:2px;position:absolute;top:35px;transform:rotate(135deg) translateY(-50%);transition:left .15s ease-in-out;width:14px}.gallery-controls-next{position:absolute;right:0px;top:50%;z-index:9999}.gallery-controls-next::before{border:solid rgba(255,255,255,0.5);border-width:0 2px 2px 0;content:'';display:inline-block;height:14px;padding:2px;position:absolute;right:15px;top:45px;transform:rotate(-45deg) translateY(-50%);transition:right .15s ease-in-out;width:14px}.gallery-nav{display:flex;justify-content:center;list-style:none;padding:0;position:relative;width:100%}.gallery-nav li{background:rgba(255,255,255,0.5);border-radius:50%;height:10px;margin:0 16px;width:10px}.gallery-nav li.gallery-item-selected{background:#fff}@media screen and (max-width:800px){.gallery-item,.gallery-item.gallery-item-selected,.gallery-item.gallery-item-previous,.gallery-item.gallery-item-next{height:338px;width:190px}}