.uper{position:relative;width:100%}.carousel{box-shadow:inset 0 0 15px 1px #00000080;background-color:#fff;width:100%;height:680px;position:relative}.carousel img{width:100%;height:100%;object-fit:cover}.taustadiv{position:absolute;bottom:0;width:100%;height:720px;overflow:hidden;z-index:0;opacity:.7}.taust{position:absolute;z-index:-1;transition:transform .2s ease-out}.carousel-button{position:absolute;border:none;background-color:transparent;padding:3px 3px 0}.carousel-button:hover{background-color:#88000052;border-radius:10px}.carousel-button-back{top:350px;left:15px;width:40px;height:40px;opacity:1;cursor:pointer}.carousel-button-next{top:350px;right:15px;width:40px;height:40px;opacity:1;cursor:pointer}@keyframes slidein-left{0%{opacity:0;transform:translate(-500px) scale(2)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes slidein-right{0%{opacity:0;transform:translate(500px) scale(2)}to{opacity:1;transform:translate(0) scale(1)}}.carouselcontainer{display:flex;width:80%;justify-content:center;max-width:1500px;margin:50px auto}.carousel-ul{position:absolute;min-width:100px;width:80%;display:flex;flex-direction:row;justify-content:center;margin:0 auto;gap:1rem;z-index:400;transform:translate(-200vh);opacity:0}.carousel-ul.active{animation:slide-downin 1s ease-in-out forwards;opacity:1}@keyframes slide-leftin{0%{transform:translate(-250%) scale(1.5);opacity:1}to{transform:translate(-50%) scale(1);opacity:1}}@keyframes slide-rightouth3{0%{transform:translate(-50%) scale(1);opacity:1}90%{transform:translate(250%) scale(1.5);opacity:0}to{transform:translate(-250%) scale(1);opacity:0}}@keyframes slide-rightin{0%{transform:translate(200%) scale(1.5)}to{transform:translate(0) scale(1)}}@keyframes slide-leftout{0%{transform:translate(0) scale(1)}to{transform:translate(-150%) scale(1.5)}}@keyframes slide-downin{0%{transform:translatey(50%) scale(.1);opacity:0}to{transform:translatey(0) scale(1);opacity:1}}@keyframes slide-rightout{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(200%) scale(1.5);opacity:1}}.carousel-li{background-image:linear-gradient(160deg,#fff 60%,#e0cdcd);min-width:100px;list-style:none;position:relative;border-radius:15px;box-shadow:0 10px 7px #0000004d}.carousel-img{width:100%;height:100%;border-radius:15px;filter:drop-shadow(2px 10px 5px #a5a5a5)}.carousel-li:hover{transition-duration:.5s;transform:translateY(-7px);box-shadow:10px 14px 10px #0000004d;cursor:pointer}.carousel-nav{width:150px;margin:0 auto;z-index:2;position:absolute;top:790px;left:50%;transform:translate(-50%);right:auto;display:flex;justify-content:center}.carousel-nav button{width:15%;height:16px;border-radius:8px;border:none;margin:4px;background-color:#676767}.carousel-nav button.active1{background-color:#ff0100}.popup-image{position:fixed;top:0;left:0;background-color:#292929e6;width:100%;height:100%;z-index:999999;display:none}.img-container{animation:imgcontainer .3s ease-out;position:relative;top:10%;left:0;margin:auto;width:80%;max-width:1300px;min-width:50px;background-image:linear-gradient(160deg,#fff 60%,#e0cdcd);border-radius:15px;box-shadow:0 10px 7px #0000004d}@keyframes imgcontainer{0%{opacity:0;transform:scale(.2)}to{opacity:1;transform:scale(1)}}.popup-image .x{position:absolute;top:0;right:0;width:40px;height:40px;cursor:pointer}.popup-image .img{width:100%;height:100%;border-radius:15px}.heading{position:relative;width:80%;max-width:1300px;min-width:350px;overflow:hidden;font-weight:900;margin:0 auto;padding:100px 50px 20px;font-size:32px;text-transform:uppercase;text-align:center}.heading h1{font-weight:900;display:inline-block;letter-spacing:3px;text-align:center;line-height:50px;padding:12px 24px;opacity:1;background-color:#ffffff42;border-radius:15px;transform:scale(0);animation:h1slide 1s ease-in-out .5s forwards}.heading h2{font-weight:900;display:inline-block;font-size:30px;padding:12px 24px;font-weight:500;letter-spacing:3px;background-color:#ffffff42;border-bottom-right-radius:15px;border-bottom-left-radius:15px;animation:h2slide 1s ease-in-out .5s forwards;transform:translateY(200px)}.heading h3{display:inline-block;font-weight:900;font-size:1.5em;opacity:1;position:absolute;letter-spacing:3px;text-align:center;line-height:50px;padding:12px 24px;background-color:#ffffff42;border-radius:15px;left:50%;top:90px;transform:translate(-250%)}.heading .h1logo{position:absolute;width:80%;max-width:500px;height:auto;top:30px;left:50%;transition-duration:1s;transform:translate(-50%) scale(0);filter:drop-shadow(0px 8px 5px #a5a5a5)}@keyframes logoslide{0%{transform:translatey(-50px) translate(-50%) scale(0)}to{transform:translatey(0) translate(-50%) scale(1)}}@keyframes h1slide{0%{opacity:1;transform:translateY(-50px) scale(0)}70%{transform:translateY(15px) scale(1.2)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes h2slide{0%{transform:translateY(200px)}to{transform:translateY(0)}}.main{width:100%}@media screen and (max-width:1074px){.teenused{padding-top:300px}}@media screen and (max-width:755px){.carousel-li{min-width:100px;width:80%}.heading h1{font-size:25px;line-height:30px}.heading h2,.heading h3{font-size:20px;line-height:30px}.carousel{height:500px}.taustadiv{height:530px}.carousel-nav{top:560px}.carousel-ul{min-width:100px;width:100%}}