@charset "UTF-8";
.bgngd{background-color: #fbfbfc}
.karta {background: #fff; border: solid 1px #fafafb; box-shadow: 0px 12px 18px -6px rgba(34.000000000000014, 55.999999999999986, 101.00000000000001, 0.04);margin:5%; padding: 3em 5em}
@media all and (max-width:480px){
.slide-1{background-image:url(../img-webp/480/tenis-klub-Buje-takmicenja-24-1.webp)}
.slide-2{background-image:url(../img-webp/480/tenis-klub-Buje-takmicenja-24-2.webp)}
.slide-3{background-image:url(../img-webp/480/tenis-klub-Buje-takmicenja-24-3.webp)}
.slide-4{background-image:url(../img-webp/480/tenis-klub-Buje-takmicenja-24-4.webp)}
.slide-5{background-image:url(../img-webp/480/tenis-klub-Buje-takmicenja-24-5.webp)}
.slide-6{background-image:url(../img-webp/480/tenis-klub-Buje-takmicenja-24-6.webp)}
}
@media all and (min-width:481px) and (max-width:767px){
.slide-1{background-image:url(../img-webp/558/tenis-klub-Buje-takmicenja-24-1.webp)}
.slide-2{background-image:url(../img-webp/558/tenis-klub-Buje-takmicenja-24-2.webp)}
.slide-3{background-image:url(../img-webp/558/tenis-klub-Buje-takmicenja-24-3.webp)}	
.slide-4{background-image:url(../img-webp/558/tenis-klub-Buje-takmicenja-24-4.webp)}	
.slide-5{background-image:url(../img-webp/558/tenis-klub-Buje-takmicenja-24-5.webp)}
.slide-6{background-image:url(../img-webp/558/tenis-klub-Buje-takmicenja-24-6.webp)}
}
@media all and (min-width:768px) and (max-width:1023px){
.slide-1{background-image:url(../img-webp/960/tenis-klub-Buje-takmicenja-24-1.webp)}
.slide-2{background-image:url(../img-webp/960/tenis-klub-Buje-takmicenja-24-2.webp)}
.slide-3{background-image:url(../img-webp/960/tenis-klub-Buje-takmicenja-24-3.webp)}
.slide-4{background-image:url(../img-webp/960/tenis-klub-Buje-takmicenja-24-4.webp)}
.slide-5{background-image:url(../img-webp/960/tenis-klub-Buje-takmicenja-24-5.webp)}
.slide-6{background-image:url(../img-webp/960/tenis-klub-Buje-takmicenja-24-6.webp)}
}
@media all and (min-width:1024px) and (max-width:1279px){
.slide-1{background-image:url(../img-webp/1280/tenis-klub-Buje-takmicenja-24-1.webp)}
.slide-2{background-image:url(../img-webp/1280/tenis-klub-Buje-takmicenja-24-2.webp)}
.slide-3{background-image:url(../img-webp/1280/tenis-klub-Buje-takmicenja-24-3.webp)}
.slide-4{background-image:url(../img-webp/1280/tenis-klub-Buje-takmicenja-24-4.webp)}
.slide-5{background-image:url(../img-webp/1280/tenis-klub-Buje-takmicenja-24-5.webp)}
.slide-6{background-image:url(../img-webp/1280/tenis-klub-Buje-takmicenja-24-6.webp)}
}
@media all and (min-width:1280px) and (max-width:1535px){
.slide-1{background-image:url(../img-webp/1536/tenis-klub-Buje-takmicenja-24-1.webp)}
.slide-2{background-image:url(../img-webp/1536/tenis-klub-Buje-takmicenja-24-2.webp)}
.slide-3{background-image:url(../img-webp/1536/tenis-klub-Buje-takmicenja-24-3.webp)}
.slide-4{background-image:url(../img-webp/1536/tenis-klub-Buje-takmicenja-24-4.webp)}
.slide-5{background-image:url(../img-webp/1536/tenis-klub-Buje-takmicenja-24-5.webp)}
.slide-6{background-image:url(../img-webp/1536/tenis-klub-Buje-takmicenja-24-6.webp)}
}
@media all and (min-width:1536px){
.slide-1{background-image:url(../img-webp/1920/tenis-klub-Buje-takmicenja-24-1.webp)}
.slide-2{background-image:url(../img-webp/1920/tenis-klub-Buje-takmicenja-24-2.webp)}
.slide-3{background-image:url(../img-webp/1920/tenis-klub-Buje-takmicenja-24-3.webp)}
.slide-4{background-image:url(../img-webp/1920/tenis-klub-Buje-takmicenja-24-4.webp)}
.slide-5{background-image:url(../img-webp/1920/tenis-klub-Buje-takmicenja-24-5.webp)}
.slide-6{background-image:url(../img-webp/1920/tenis-klub-Buje-takmicenja-24-6.webp)}
}

.anime-box{position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height: 100vh;}
.box-0{width:34%;height: 100vh;float:left;display:block;}
.box-02{width:66%;height: 100vh;float:left;display:block;position:relative;z-index:1;}
.box-03{width:100%; position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;padding:1rem;} 
.box-1{margin:.25rem 0;font-size:3vmin;text-transform:uppercase;font-family:Arial black,Gotham,sans-serif;font-weight:700;color:#182335;}
.anime-box p{margin:.3rem 0;font-size:1.6vmin;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700!important;letter-spacing:3px!important;color:#000;text-transform: uppercase;}
.overflow-hidden{overflow:hidden;position: relative}
.drop-in{animation:drop-in 2s ease .2s backwards}
.drop-in-2{animation:drop-in 2.2s ease .5s backwards}
@keyframes drop-in{
from{opacity:0;transform:translateY(-100px)}
to{opacity:1;transform:translate(0)}
}
@-webkit-keyframes fading{
from{opacity:0}
to{opacity:1}
}
@keyframes fading{
from{opacity:0}
to{opacity:1}
}

@media all and (max-width:992px){
.box-02{width:100%;}
.box-03{position:absolute;top:10%;left:50%;transform:translateX(-50%);background: rgba(221,228,255,.2)} 
.box-1{display: none}	
}

/*-------------- kenburn slideshow --------------------*/
@-webkit-keyframes right {
from{-webkit-transform:translateX(calc((-4vw + -4vh + -4%)/3)) rotate(0.01deg);transform:translateX(calc((-4vw + -4vh + -4%)/3)) rotate(0.01deg);-ms-transform:translateX(-4%)}
to{-webkit-transform:translateX(calc((4vw + 4vh + 4%)/3)) rotate(0.01deg);transform:translateX(calc((4vw + 4vh + 4%)/3)) rotate(0.01deg);-ms-transform:translateX(4%)}
}
@keyframes right {
from{-webkit-transform:translateX(calc((-4vw + -4vh + -4%)/3)) rotate(0.01deg);transform:translateX(calc((-4vw + -4vh + -4%)/3)) rotate(0.01deg);-ms-transform:translateX(-4%)}
to{-webkit-transform:translateX(calc((4vw + 4vh + 4%)/3)) rotate(0.01deg);transform:translateX(calc((4vw + 4vh + 4%)/3)) rotate(0.01deg);-ms-transform:translateX(4%)}
}
@-webkit-keyframes left {
from{-webkit-transform:translateX(calc((4vw + 4vh + 4%)/3)) rotate(0.01deg);transform:translateX(calc((4vw + 4vh + 4%)/3)) rotate(0.01deg);-ms-transform:translateX(4%)}
to{-webkit-transform:translateX(calc((-4vw + -4vh + -4%)/3)) rotate(0.01deg);transform:translateX(calc((-4vw + -4vh + -4%)/3)) rotate(0.01deg);-ms-transform:translateX(-4%)}
}
@keyframes left {
from{-webkit-transform:translateX(calc((4vw + 4vh + 4%)/3)) rotate(0.01deg);transform:translateX(calc((4vw + 4vh + 4%)/3)) rotate(0.01deg);-ms-transform:translateX(4%)}
to{-webkit-transform:translateX(calc((-4vw + -4vh + -4%)/3)) rotate(0.01deg);transform:translateX(calc((-4vw + -4vh + -4%)/3)) rotate(0.01deg);-ms-transform:translateX(-4%)}
}
@-webkit-keyframes down {
from{-webkit-transform:translateY(calc((-4vw + -4vh + -4%)/3)) rotate(0.01deg);transform:translateY(calc((-4vw + -4vh + -4%)/3)) rotate(0.01deg);-ms-transform:translateY(-4%)}
to{-webkit-transform:translateY(calc((4vw + 4vh + 4%)/3)) rotate(0.01deg);transform:translateY(calc((4vw + 4vh + 4%)/3)) rotate(0.01deg);-ms-transform:translateY(4%)}
}
@keyframes down {
from{-webkit-transform:translateY(calc((-4vw + -4vh + -4%)/3)) rotate(0.01deg);transform:translateY(calc((-4vw + -4vh + -4%)/3)) rotate(0.01deg);-ms-transform:translateY(-4%)}
to{-webkit-transform:translateY(calc((4vw + 4vh + 4%)/3)) rotate(0.01deg);transform:translateY(calc((4vw + 4vh + 4%)/3)) rotate(0.01deg);-ms-transform:translateY(4%)}
}
@-webkit-keyframes up {
from{-webkit-transform:translateY(calc((4vw + 4vh + 4%)/3)) rotate(0.01deg);transform:translateY(calc((4vw + 4vh + 4%)/3)) rotate(0.01deg);-ms-transform:translateY(4%)}
to{-webkit-transform:translateY(calc((-4vw + -4vh + -4%)/3)) rotate(0.01deg);transform:translateY(calc((-4vw + -4vh + -4%)/3)) rotate(0.01deg);-ms-transform:translateY(-4%)}
}
@keyframes up {
from{-webkit-transform:translateY(calc((4vw + 4vh + 4%)/3)) rotate(0.01deg);transform:translateY(calc((4vw + 4vh + 4%)/3)) rotate(0.01deg);-ms-transform:translateY(4%)}
to{-webkit-transform:translateY(calc((-4vw + -4vh + -4%)/3)) rotate(0.01deg);transform:translateY(calc((-4vw + -4vh + -4%)/3)) rotate(0.01deg);-ms-transform:translateY(-4%)}
}
@-webkit-keyframes out {
from{-webkit-transform:scale(1.15);transform:scale(1.15)}
to{-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes out {
from{-webkit-transform:scale(1.15);transform:scale(1.15)}
to{-webkit-transform:scale(1);transform:scale(1)}
}
@-webkit-keyframes in {
from{-webkit-transform:scale(1);transform:scale(1)}
to{-webkit-transform:scale(1.15);transform:scale(1.15)}
}
@keyframes in {
from{-webkit-transform:scale(1);transform:scale(1)}
to{-webkit-transform:scale(1.15);transform:scale(1.15)}
}

.fullW{width: 100%;min-height: 100vh;position: relative}
#slides1920,#slides{position:absolute;width:1px;height:1px;left:-9999px}
#slideshow{position:absolute;overflow:hidden;top:0;left:0;right:0;bottom:0}
#slideshow .slide,#slideshow span{display:block;position:absolute;top:0;left:0;right:0;bottom:0}
#slideshow .slide span{background-size:cover;background-position:center}
#slideshow .slide span.animate.right,#slideshow .slide span.animate.left{left:calc((-4vw + -4vh + -4%)/3);right:calc((-4vw + -4vh + -4%)/3)}
#slideshow .slide span.animate.up,#slideshow .slide span.animate.down{top:calc((-4vw + -4vh + -4%)/3);bottom:calc((-4vw + -4vh + -4%)/3)}
#slideshow span.animate{-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}
#slideshow span.animate.right{-webkit-animation-name:right;animation-name:right}
#slideshow span.animate.left{-webkit-animation-name:left;animation-name:left}
#slideshow span.animate.up{-webkit-animation-name:up;animation-name:up}
#slideshow span.animate.down{-webkit-animation-name:down;animation-name:down}
#slideshow span.animate.in{-webkit-animation-name:in;animation-name:in}
#slideshow span.animate.out{-webkit-animation-name:out;animation-name:out}
#slideshow span.animate.paused{-webkit-animation-play-state:paused;animation-play-state:paused}
a.slide h3{font-size:100px;position: relative;z-index: 999}

.hidden {opacity: 0;}
.visible { opacity: 1;}