.slider{position:relative;width:100%;height:100vh}.items{position:relative;overflow:hidden;width:100%;height:100vh}.item{position:absolute;top:0;left:0;width:100%;height:100vh;opacity:0;transition:opacity .6s ease-in-out}.item.current{opacity:1}.item img{width:100%;height:100vh;object-fit:cover}.buttons{position:absolute;z-index:5;top:50%;left:0;width:100%;display:flex;justify-content:space-between;align-items:center}.button{width:32px;height:32px;border:none;outline:none;padding:0;background:transparent center no-repeat;cursor:pointer;opacity:.4}.button.prev{background-image:url(https://codeisle.info/blog/wp-content/uploads/2018/12/ico_next_b32.png)}.button.next{background-image:url(https://codeisle.info/blog/wp-content/uploads/2018/12/ico_next_b32-1.png)}.button:hover{opacity:.8}.dots{position:absolute;bottom:8px;left:0;width:100%;display:flex;justify-content:center;margin-top:10px;z-index:4}.dot{display:block;width:10px;height:10px;border-radius:50%;border:none;outline:none;padding:0;background:goldenrod;cursor:pointer;opacity:.5;transition:opacity .4s ease-in-out}.dot:nth-child(n+2){margin-left:5px}.dot.current{opacity:1}.slider-overlay{position:absolute;top:0;left:0;right:0;width:100%;height:100vh;background-image:linear-gradient(120deg,rgba(0,0,0,.85) 0%,rgba(0,0,0,0) 100%);z-index:2}.slider-overlay-text{position:absolute;top:0;left:0;right:0;width:100%;height:100vh;z-index:4;color:#fcfcff}.slider-overlay-text p{color:goldenrod;font-size:1.5vw;font-weight:bold}.slider-overlay-text h1{color:white;font-weight:bold;text-transform:capitalize}@media (orientation:portrait) and (max-width:900px){.slider-overlay-text p{font-size:3vw!important}.slider-overlay-text h1{font-size:4vw!important}.slider,.items,.slider-overlay,.slider-overlay-text{height:50vh!important}}