.sf.countdown.kopec .text {
    color: black;}

.card5 {
    backdrop-filter: blur(16px) saturate(180%);
    -webkit-backdrop-filter: blur(16px) saturate(180%);
    background-color: rgba(200, 200, 200, 0.5);
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.125);
}

.card6 {
    backdrop-filter: blur(16px) saturate(180%);
    -webkit-backdrop-filter: blur(16px) saturate(180%);
    background-color: rgba(255, 255, 255, 0.75);
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.125);
}

.bottom-align{display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;}


/* infinite scrolling marquee*/

@keyframes marquee {
	0% {
		transform: translateX(100%);
	}
	100% {
		transform: translateX(-100%);
	}
}
@keyframes marquee2 {
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(-200%);
  }
}
@keyframes marquee3 {
  from {
    transform: translateX(200%);
  }
  to {
    transform: translateX(0%);
  }
}

.animate {
    animation: marquee 10s linear infinite;
}
.animate0 {
    animation: marquee2 10s linear infinite;
    animation-delay: 5s;
}
.animate1 {
    animation: marquee3 10s linear infinite;
}
 /*   animation-delay: 5s;*/


/*.animate:hover {
	animation-play-state: paused;
}*/

/* infinite scrolling marquee*/







.cookie-banner {
    display: none !important;
}

/* KV Portal entrance*/

.scale-in-center {
	-webkit-animation: scale-in-center 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) 2s both;
	        animation: scale-in-center 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) 2s both;
}

/**
 * ----------------------------------------
 * animation scale-in-center
 * ----------------------------------------
 */
@-webkit-keyframes scale-in-center {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@keyframes scale-in-center {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}


/* KV Portal entrance*/


.info-box{
box-shadow: 5px 10px 40px rgba(0, 0, 0, 0.25);}
.info-box2:hover{
box-shadow: 5px 10px 40px rgba(0, 0, 0, 0.5);}
.info-box3{
box-shadow: 5px 10px 40px rgba(0, 0, 0, 0.75);}

.drill-rep-xwsspx7f0:hover{
box-shadow: 0px 8px 40px rgba(0, 0, 0, 0.15);
transition: 0.3s;
    
}



.btn .btn:hover .info-box2{
    transition: all 0.3s ease-in-out;}
	
.box--speaker{
    transition: transform 0.6s ease-in-out;
}
.box--speaker:hover{
    background-color: white;
}

/* Floating*/
.floating {
    animation: floating 5s infinite;
    animation-timing-function: ease-in-out;

}
.floating2 {
    animation: floating2 5s infinite;
    animation-timing-function: ease-in-out;

}
.floating3 {
    animation: floating3 5s infinite;
    animation-timing-function: ease-in-out;
}


@keyframes floating {
    0%      { transform: translate(-80%, 68%); }
    50%     { transform: translate(-80%, 78%); }
    100%    { transform: translate(-80%, 68%); }    
}
@keyframes floating2 {
    0%      { transform: translate(130%, 68%); }
    50%     { transform: translate(130%, 48%); }
    100%    { transform: translate(130%, 68%); } 
    50%     { transform: translate(130%, 58%); }
    100%    { transform: translate(130%, 68%); } 
}
@keyframes floating3 {
    0%      { transform: translate(0%, 0%); }
    25%     { transform: translate(0%, -3%); }
    50%    { transform: translate(0%, 1%); } 
    75%     { transform: translate(0%, 3%); }
    100%    { transform: translate(0%, -0%); } 
}

  .myfirst {
      animation: myfirst 5s linear 2s infinite alternate;
}
@keyframes myfirst {
  0%   {background-color:red; left:0px; top:0px;}
  25%  {background-color:yellow; left:200px; top:0px;}
  50%  {background-color:blue; left:200px; top:200px;}
  75%  {background-color:green; left:0px; top:200px;}
  100% {background-color:red; left:0px; top:0px;}
}


.slide-in-blurred-bottom {
	-webkit-animation: slide-in-blurred-bottom 0.4s cubic-bezier(0.230, 1.000, 0.320, 1.000) 1500 both;
	        animation: slide-in-blurred-bottom 0.4s cubic-bezier(0.230, 1.000, 0.320, 1.000) 1500 both;
}

@-webkit-keyframes slide-in-blurred-bottom {
  0% {
    -webkit-transform: translateY(1000px) scaleY(2.5) scaleX(0.2);
            transform: translateY(1000px) scaleY(2.5) scaleX(0.2);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    -webkit-filter: blur(40px);
            filter: blur(40px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0) scaleY(1) scaleX(1);
            transform: translateY(0) scaleY(1) scaleX(1);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
  }
}
@keyframes slide-in-blurred-bottom {
  0% {
    -webkit-transform: translateY(1000px) scaleY(2.5) scaleX(0.2);
            transform: translateY(1000px) scaleY(2.5) scaleX(0.2);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    -webkit-filter: blur(40px);
            filter: blur(40px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0) scaleY(1) scaleX(1);
            transform: translateY(0) scaleY(1) scaleX(1);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
  }
}
/**
 * ----------------------------------------
 * animation swing-in-top-fwd
 * ----------------------------------------
 */

.swing-in-top-fwd {
	-webkit-animation: swing-in-top-fwd 2s cubic-bezier(0.680, -0.550, 0.265, 1.550) alternate forwards;
	        animation: swing-in-top-fwd 2s cubic-bezier(0.680, -0.550, 0.265, 1.550) alternate forwards;
}

@-webkit-keyframes swing-in-top-fwd {
  0% {
    -webkit-transform: rotateX(-100deg);
            transform: rotateX(-100deg);
    -webkit-transform-origin: top;
            transform-origin: top;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg);
    -webkit-transform-origin: top;
            transform-origin: top;
    opacity: 1;
  }
}
@keyframes swing-in-top-fwd {
  0% {
    -webkit-transform: rotateX(-100deg);
            transform: rotateX(-100deg);
    -webkit-transform-origin: top;
            transform-origin: top;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg);
    -webkit-transform-origin: top;
            transform-origin: top;
    opacity: 1;
  }
}

/**
 * ----------------------------------------
 * animation slide-in-bottom
 * ----------------------------------------
 */
@-webkit-keyframes slide-in-bottom {
  0% {
    -webkit-transform: translateY(1000px);
            transform: translateY(1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}

@keyframes slide-in-bottom {
  0% {
    -webkit-transform: translateY(1000px);
            transform: translateY(1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}

@media (prefers-reduced-motion: no-preference){
    .slide-in-bottom {
    	-webkit-animation: slide-in-bottom 1s cubic-bezier(0.770, 0.000, 0.175, 1.000) 1s both;
    	        animation: slide-in-bottom 1s cubic-bezier(0.770, 0.000, 0.175, 1.000) 1s both;
    }
}
.delay11{
    animation-delay:1.1s;
}
.delay12{
    animation-delay:1.2s;
}
.delay13{
    animation-delay:1.3s;
}
.delay14{
    animation-delay:1.4s;
}
.delay15{
    animation-delay:1.5s;
}
.delay16{
    animation-delay:1.6s;
}
/*Button render*/
.button--mimas {
	text-transform: uppercase;
	letter-spacing: 0.05rem;
	font-weight: 700;
	font-size: 0.85rem;
	border-radius: 0.5rem;
	overflow: hidden;
	color: #fff;
	background: #e7e7e7;
}

.button--mimas span {
	position: relative;
	mix-blend-mode: difference;
}

.button--mimas::before {
	content: '';
	background: #000;
	width: 120%;
	left: -10%;
	transform: skew(30deg);
	transition: transform 0.4s cubic-bezier(0.3, 1, 0.8, 1);
}

.button--mimas:hover::before {
	transform: translate3d(100%,0,0);
}
.heartbeat {
	-webkit-animation: heartbeat 1.5s ease-in-out infinite both;
	        animation: heartbeat 1.5s ease-in-out infinite both;
}
/* ----------------------------------------------
 * Generated by Animista on 2021-12-23 17:2:33
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation heartbeat
 * ----------------------------------------
 */
@-webkit-keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
            transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
            transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}
@keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
            transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
            transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}

/************* ACCORDIONS *************/
.plus-minus [block-type=button]>a:before {
    -webkit-transition: all linear 0.2s;
    transition: all linear 0.2s;
    cursor: pointer;
}
.plus-minus [block-type=button]>a:before {
    content:'\002B';
}
.rotated .plus-minus [block-type=button]>a:before {
    transform: rotate(180deg);
    transform-origin: 1rem 2rem;
    content:'\2212';
}

/* REVERSE BUTTON ROTATION */

.plus-minus-reverse [block-type=button]>a:before {
    -webkit-transition: all linear 0.2s;
    transition: all linear 0.2s;
    cursor: pointer;
}
.plus-minus-reverse [block-type=button]>a:before {
    content:'\2212';
}

.rotated .plus-minus-reverse [block-type=button]>a:before {
    transform: rotate(180deg);
    transform-origin: 1rem 2rem;
    content:'\002B';
}

/* ACCESSIBILITY BUTTON FOCUS OUTLINE */

:focus {
  outline: 1px #000000 solid;
}

/************* TABBED INTERFACE *************/
body:not(.finetune) .creative-tab-item, body:not(.finetune) .creative-tab-item-alt{
    display:none!important;
}

body:not(.finetune) .creative-tab-item.creative-active-tab-item, body:not(.finetune) .creative-tab-item-alt.creative-active-tab-item-alt{
    display:block!important;
    animation: animateIn .75s forwards ease;
}

.creative-tab-button, .creative-tab-button-alt {
    -webkit-transition: all linear 0.2s;
    transition: all linear 0.2s;
    cursor: pointer;
}

/*.creative-active-tab-line {
    transition: left ease 500ms;
}

.creative-tab-button:nth-child(1).creative-active-tab-button {
    background-color: rgb(255, 255, 255)!important;
}

.creative-tab-button:nth-child(2).creative-active-tab-button {
    background-color: rgb(255, 255, 255)!important;
}

.creative-tab-button:nth-child(3).creative-active-tab-button {
    background-color: rgb(255, 255, 255)!important;
}

.creative-tab-button:nth-child(4).creative-active-tab-button {
    background-color: red!important;
}*/

.creative-active-tab-button-alt {
    border-bottom: 4px solid rgb(254, 44, 85)!important;
    background-color: rgb(243, 243, 243)!important;
}

@keyframes animateIn{
    from{
        opacity: 0;
    }
    to{
        opacity: 1;
    }
}


/************* CAROUSELS *************/
/*body:not(.finetune) .content-carousel-element{
    position: absolute!important;
    top: 0;
    left: 0;
    opacity: 0;
}

body:not(.finetune) .content-carousel-element:first-child{
    position: relative!important;
}

body:not(.finetune) .content-carousel-container{
    transition: 1s ease transform;
}

.manual-carousel {
    counter-reset: section;
}
.each-slide:before {
    counter-increment: section;
    content: counter(section);
}

.disabled {
    opacity: 0.5;
    pointer-events: none;
}*/

/************* CAROUSELS *************/
body:not(.finetune) .content-carousel-element {
    position: absolute!important;
    top: 0;
    left: 0;
    opacity: 0;
}

body:not(.finetune) .content-carousel-element:first-child {
    position: relative!important;
}

body:not(.finetune) .content-carousel-container {
    transition: 1s ease transform;
}

body:not(.finetune) .looping {
    margin-left: -33.333%;
}

.manual-carousel {
    counter-reset: section;
}

.disabled {
    opacity: 0.5;
    pointer-events: none;
}

.carousel-next-btn, .carousel-prev-btn,
.manual-carousel-next-btn, .manual-carousel-prev-btn,
.looping-buttons {
    transition: all 300ms ease-in-out;
}

/* Media Queries */
@media screen and (max-width: 667px) {
    body:not(.finetune) .looping {margin-left: 0!important;}
}
.scale-down-tl {
	-webkit-animation: scale-down-tl 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.3s both;
	        animation: scale-down-tl 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.3s both;
}

@-webkit-keyframes scale-down-tl {
  0% {
    -webkit-transform: translateY(100vh);
            transform: translateY(100vh);
    opacity: 0;
  }
  25% {
    -webkit-transform: translateY(50vh);
            transform: translateY(50vh);
    opacity: 1;
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
  75% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
  }
  100% {
    -webkit-transform: scale(0.2);
            transform: scale(0.2);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
  }
}
@keyframes scale-down-tl {
  0% {
    -webkit-transform: translateY(50vh);
            transform: translateY(50vh);
    opacity: 0;
  }
  25% {
    -webkit-transform: translateY(50vh);
            transform: translateY(50vh);
    opacity: 1;
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
  75% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
  }
  100% {
    -webkit-transform: scale(0.2);
            transform: scale(0.2);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
  }
}
.fade-in-bottom {
	-webkit-animation: fade-in-bottom 0.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: fade-in-bottom 0.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

@-webkit-keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(50vh);
            transform: translateY(50vh);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
.delay21{
    animation-delay:2.1s;
}
.delay22{
    animation-delay:2.2s;
}
.delay23{
    animation-delay:2.3s;
}
.delay24{
    animation-delay:2.4s;
}
.delay25{
    animation-delay:2.5s;
}
.delay26{
    animation-delay:2.6s;
}
.myAnim{
    animation: myAnim 60s linear 0s infinite normal forwards;
    
}
@keyframes myAnim {
	0% {
		transform: rotate(0);
	}

	100% {
		transform: rotate(360deg);
	}
}
.myAnim2{
    animation: myAnim2 180s linear 0s infinite normal forwards;
    
}
@keyframes myAnim2 {
    0% {
		opacity: 0;
		transform: translateY(100vh);
	}

	100% {
		opacity: 1;
		transform: translateY(0vh);
	}
}