/* .kv-line{
    stroke-dashoffset:200;
	stroke-dasharray:200;
	animation: draw 3s infinite alternate;
    -moz-animation: draw 3s infinite alternate;
    -webkit-animation: draw 3s infinite alternate;
	fill-opacity: 0;
}

@keyframes draw {
	100% {
        stroke-dashoffset:0; 
    }
} */

/* .title{
    animation: show 5s 1;
    -moz-animation: show 5s 1;
    -webkit-animation: show 5s 1;
}

@keyframes show{
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }

} */

.decor-tl,.decor-br{
    animation: rotate 300s infinite;
    -moz-animation: rotate 300s infinite;
    -webkit-animation: rotate 300s infinite;
}

@keyframes rotate{
    0%{
        transform: rotate(0deg);
    }
    100%{
        transform: rotate(360deg);
    }
}

.decor-bl,.decor-tr{
    animation: scale 20s infinite alternate ;
    -moz-animation: scale 20s infinite alternate;
    -webkit-animation: scale 20s infinite alternate;
}

@keyframes scale{
    0%{
        transform: translate(0,0);
    }
    50%{
        transform: translate(50px,0);
    }
    100%{
        transform: translate(0,0);
    }
}


.podcast{
    animation: swing 5s infinite;
    -moz-animation: swing 5s infinite;
    -webkit-animation: swing 5s infinite;
}

.podcast2{
    animation-delay: 2s;
    -moz-animation-delay: 2s;
    -webkit-animation-delay: 2s;
}


@keyframes swing{
    0%{
        transform: translate(0,0);
    }
    10%{
        transform:translate(0,10px);
    }
    15%{
        transform: translate(0,0);
    }
    20%{
        transform: translate(0,10px);
    }
    25%{
        transform:translate(0,0px) scale(1);
    }
    30%{
        transform:translate(0,0px) scale(1.2);
    }
    35%{
        transform:translate(0,0px) scale(1.2);
    }
    45%{
        transform:translate(0,0px) scale(1);
    }
    100%{
        transform:translate(0,0px);
    }
}

.scroll-down{
    position: absolute;
    border: solid 2px #fff;
    background: #5fa2f2;
    border-radius: 25px;
    width: 45px;
    height: 70px;
    z-index: 5;
    left: 50%;
    bottom: 10vw;
    transform: translateX(-50%);
}

.scroll{
    position: absolute;
    width: 5px;
    height: 10px;
    border-radius: 2.5px;
    background: #fff;
    left: 47%;
    top: 15px;
    transform: translateX(-50%);
    -webkit-animation-name: scrollDown;
    animation-name: scrollDown;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}




@keyframes scrollDown {
    from {
        transform: translate(0, 0);
    }

    to {
        transform: translate(0, 5px);
    }
}

@media screen and (max-width:1540px){
    .scroll-down{
        transform: scale(0.8) translateX(-50%);
    }
}

@media screen and (max-width:1080px){
    .scroll-down{
        transform: scale(0.7) translateX(-50%);
    }
}

@media screen and (max-width:540px){
    .scroll-down{
        bottom: 15vw;
    }
}