.gallery{width:100%;overflow:hidden;padding-bottom:3.3em}.gallery-container{align-items:center;display:flex;height:400px;margin:3em auto 0;max-width:1000px;position:relative}.gallery-item{height:150px;opacity:0;position:absolute;transition:all 0.3s ease-in-out;width:150px;z-index:0}.gallery-item-1{left:0;opacity:0.4;transform:translateX(-50%)}.gallery-item-2,.gallery-item-4{height:350px;opacity:1;width:650px;z-index:1}.gallery-item-2{left:7%;transform:translateX(-50%)}.gallery-item-3{box-shadow:0 0.5rem 1rem black;height:425px;opacity:1;left:50%;transform:translateX(-50%);width:775px;z-index:2}.gallery-item-4{left:92%;transform:translateX(-50%)}.gallery-item-5{left:100%;opacity:0.4;transform:translateX(-50%)}.gallery-controls{position:absolute;justify-content:center;margin:30px 0;top:40%;left:10px;z-index:100;width:100%}.gallery-controls button{color:#fff;background-color:transparent;border:0;cursor:pointer;font-size:16px;margin:0 20px;padding:0 12px;text-transform:capitalize}.gallery-controls button:focus{outline:none}.gallery-controls-previous{position:relative;float:left;transition:0.3s ease}.gallery-controls-previous:hover{transform:scale(1.1)}.gallery-controls-next{position:relative;float:right;transition:0.3s ease}.gallery-controls-next:hover{transform:scale(1.1)}.gallery-nav{bottom:-15px;display:flex;justify-content:center;list-style:none;padding:0;position:absolute;width:100%}.gallery-nav li{background:#ccc;border-radius:50%;height:10px;margin:0 16px;width:10px}.gallery-nav li.gallery-item-selected{background:#555}.bg{background-color:#000;top:0;left:0;width:100%;height:100%;position:relative;z-index:1}