.slider-container{overflow:hidden;width:100%;height:100vh;position:relative;padding:0 0 2em;}
.isslide{width:100%;height:100%;position:absolute;top:0;left:0;display:block;transition:opacity 2s ease-in-out;opacity:0;z-index:0;pointer-events:none;padding:0 0 1em;}
#slide1{background-color:#222;opacity:1;z-index:1;pointer-events:all;}
#slide2{background-color:#222;}
#slide3{background-color:#222;}
.slide-content{display:block;color:white;padding:20px;pointer-events:all;}
.inner-slider{display:flex;justify-content:center;align-items:center;text-align:center;padding:0;background-color:rgba(0,0,0,0.4);width:100%;height:100%;}
.slide-content h1,.inerflex h1{font-size:3rem;margin-bottom:2px;color:#fff;}
.slide-content p,.inerflex p{font-size:1.5rem;color:#fff;}
.isflex{display:flex;justify-content: space-between;align-items:center;flex-direction:row;width:90%;margin:0 auto;}

.iscover{display:block;min-width:300px;max-width:50%;width:50%;text-align:center;flex:1; perspective:1000px;transform-style: preserve-3d;animation: floatAnimation 12s infinite;}
.iscover img{display:block;width:100%;height:auto;margin:0 auto;animation: combinedAnimation 12s infinite;border-radius:19px;border:4px solid rgba(255,255,255,.4);}

.tx-lft{text-align:left;}
.isnavigation-isbuttons{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;gap:10px;z-index:10;pointer-events:all;margin-top:30px;}
.isnav-isbtn {background-color:rgba(255,255,255,0.2);border:none;padding:.3em .7em .3em;cursor:pointer;border-radius:115px;font-size:1rem;color:#fff;}.isnav-isbtn:hover,.isnav-isbtn:focus{background-color:#90F;border:none;padding:.3em .7em .3em;cursor:pointer;border-radius:115px;font-size:1rem;color:#fff}.continutul,.inerflex{display:block;width:90%;margin:0 auto;padding:1em 0 2em;}.isavatar{display:block;width:170px;height:170px;overflow:hidden;margin:0 auto;}.avatar img{display:block;width:170px;height:170px;overflow:hidden;border-radius:100% 100% 100% 100%;margin:0 auto;}
.islobutton{display:block;width:90%;margin:0 auto;z-index:100000;}
.islobutton a{font-size:15px;}
.inerflex{}
.bg1slide{background-image:url('https://lenani.ro/wp-content/uploads/2023/06/IMG_8859.jpeg');background-repeat:no-repeat;background-size:cover;background-position:center;}
.bg2slide{background-image:url('https://lenani.ro/wp-content/uploads/2025/09/magic-black.jpg');background-repeat:no-repeat;background-size:cover;background-position:center;}
.bg3slide{background-image:url('https://lenani.ro/wp-content/uploads/2025/09/wa0.jpg');background-repeat:no-repeat;background-size:cover;background-position:center;}
.bg4slide{background-image:url('https://lenani.ro/wp-content/uploads/2025/09/magic-orange.jpg');background-repeat:no-repeat;background-size:cover;background-position:center;}
@media (min-width: 270px) and (max-width: 640px) {.slider-container{overflow:hidden;width:100%;height:100vh;position:relative;padding-bottom:4em;}.slide-content h1,.inerflex h1{font-size:20px;margin-bottom:10px;}.slide-content p,.inerflex p{font-size:15px;}.isflex{display:flex;justify-content: center;flex-direction:column;}.tx-lft{text-align:center;}.isnavigation-isbuttons{position:absolute;bottom:40px;left:3%;transform:translateX(-20%) rotate(90deg);display:flex;gap:10px;z-index:10;pointer-events:all;}.iscover img{display:block;width:280px;height:300px;object-fit:cover;margin:0 auto;animation: combinedAnimation 12s infinite;border-radius:19px;border:4px solid rgba(255,255,255,.4);}.maijos{margin-bottom:-180px;}}
@keyframes floatAnimation {
    0% {transform: translate(10px,-80px);}
    25% {transform: translate(10px,-40px);}
    50% {transform: translate(10px,-80px);}
    75% {transform: translate(10px,-40px);}
    100% {transform: translate(10px,-80px);}
}
@keyframes combinedAnimation {
    0% {transform: translateY(0) rotateY(0deg) rotateX(0deg);}
    10% {transform: translateY(-20px);}
    20% {transform: translateY(0) rotateY(15deg) rotateX(10deg);}
    30% {transform: translateY(-20px) rotateY(15deg) rotateX(10deg);}
    40% {transform: translateY(0) rotateY(0deg) rotateX(0deg);}
    50% {transform: translateY(0) rotateY(0deg);}
    60% {transform: translateY(-20px);}
    70% {transform: translateY(0);}
    80% {transform: rotateY(40deg);}
	87% {transform: rotateY(0deg);}
    90% { transform: translateY(-20px); }
    100% {transform: translateY(0) rotateY(360deg);}
}