﻿.kolo-plant-demo{position:relative;width:100%;min-height:60vw;background:transparent;overflow:hidden;}
@keyframes spin{100%{transform:rotate(360deg);}}
.plant-inner{}.plant.plant-1{}.plant.plant-1{display:block;z-index:5;position:absolute;left:0;top:0;animation:move-plant-1 0.0001s;animation-delay:0;animation-fill-mode:forwards;}@media (orientation:landscape){.plant.plant-1{width:60.75vw;height:60.75vw;}}@media (orientation:portrait){.plant.plant-1{width:72.9vh;height:72.9vh;}}.plant.plant-1 .plant-wrap{position:absolute;width:100%;height:100%;animation:none;}.plant.plant-1 .plant-wrap .plant-inner{position:absolute;width:27.125%;height:50%;left:50%;top:25%;transform-origin:0 50%;perspective:100vw;}.plant.plant-1 .plant-wrap .plant-inner .inner-bg{background-image:url(images/kolo-plants/1.png);position:absolute;top:-40%;left:-50%;width:120%;height:120%;background-size:cover;background-repeat:no-repeat;background-position:center;animation:friction-2-1 4s ease-in-out infinite;animation-delay:0;}body.frst .plant.plant-1{animation:move-plant-1 3s ease;animation-delay:3.25s;animation-fill-mode:both;}body.frst .plant.plant-1 .plant-wrap{animation:spin 12s cubic-bezier(0.35,0,0.25,1);}body.frst .plant.plant-1 .plant-wrap .plant-inner .inner-bg{animation:friction-1 2s ease-in-out,friction-2-1 4s ease-in-out infinite;animation-delay:1.5s,19s;}.plant.plant-1 .plant-inner:nth-of-type(1){transform:rotate(0deg);}.plant.plant-1 .plant-inner:nth-of-type(2){transform:rotate(-21deg);}.plant.plant-1 .plant-inner:nth-of-type(3){transform:rotate(-42deg);}.plant.plant-1 .plant-inner:nth-of-type(4){transform:rotate(-63deg);}.plant.plant-1 .plant-inner:nth-of-type(5){transform:rotate(-84deg);}.plant.plant-1 .plant-inner:nth-of-type(6){transform:rotate(-105deg);}.plant.plant-1 .plant-inner:nth-of-type(7){transform:rotate(-126deg);}.plant.plant-1 .plant-inner:nth-of-type(8){transform:rotate(-147deg);}.plant.plant-1 .plant-inner:nth-of-type(9){transform:rotate(-168deg);}.plant.plant-1 .plant-inner:nth-of-type(10){transform:rotate(-189deg);}.plant.plant-1 .plant-inner:nth-of-type(11){transform:rotate(-210deg);}.plant.plant-1 .plant-inner:nth-of-type(12){transform:rotate(-231deg);}.plant.plant-1 .plant-inner:nth-of-type(13){transform:rotate(-252deg);}.plant.plant-1 .plant-inner:nth-of-type(14){transform:rotate(-273deg);}.plant.plant-1 .plant-inner:nth-of-type(15){transform:rotate(-294deg);}.plant.plant-1 .plant-inner:nth-of-type(16){transform:rotate(-315deg);}.plant.plant-1 .plant-inner:nth-of-type(17){transform:rotate(-336deg);}@keyframes move-plant-1{100%{transform:translate(-18.375vw,-24.375vw);}}@keyframes friction-1{0%{transform:translate3d(0,0,0);}45%{transform:translate3d(-8%,-2%,20vw);}100%{transform:translate3d(0,0,0);}}@keyframes friction-2-1{0%{transform:translate(0,0);}20%{transform:translate(-8%,-2%);}40%{transform:translate(0,0);}100%{transform:translate(0,0);}}.plant.plant-3{display:block;z-index:3;position:absolute;left:0;top:0;animation:move-plant-3 0.0001s;animation-delay:0;animation-fill-mode:forwards;}@media (orientation:landscape){.plant.plant-3{width:42.75vw;height:42.75vw;}}@media (orientation:portrait){.plant.plant-3{width:51.3vh;height:51.3vh;}}.plant.plant-3 .plant-wrap{position:absolute;width:100%;height:100%;animation:none;}.plant.plant-3 .plant-wrap .plant-inner{position:absolute;width:41.625%;height:50%;left:50%;top:25%;transform-origin:0 50%;perspective:100vw;}.plant.plant-3 .plant-wrap .plant-inner .inner-bg{background-image:url(images/kolo-plants/3.png);position:absolute;top:-62%;left:-25%;width:120%;height:120%;background-size:cover;background-repeat:no-repeat;background-position:center;animation:friction-2-3 6s ease-in-out infinite;animation-delay:0;}body.frst .plant.plant-3{animation:move-plant-3 3s ease;animation-delay:3.35s;animation-fill-mode:both;}body.frst .plant.plant-3 .plant-wrap{animation:spin 12s cubic-bezier(0.35,0,0.25,1);}body.frst .plant.plant-3 .plant-wrap .plant-inner .inner-bg{animation:friction-3 2s ease-in-out,friction-2-3 6s ease-in-out infinite;animation-delay:1.5s,19s;}.plant.plant-3 .plant-inner:nth-of-type(1){transform:rotate(0deg);}.plant.plant-3 .plant-inner:nth-of-type(2){transform:rotate(-36deg);}.plant.plant-3 .plant-inner:nth-of-type(3){transform:rotate(-72deg);}.plant.plant-3 .plant-inner:nth-of-type(4){transform:rotate(-108deg);}.plant.plant-3 .plant-inner:nth-of-type(5){transform:rotate(-144deg);}.plant.plant-3 .plant-inner:nth-of-type(6){transform:rotate(-180deg);}.plant.plant-3 .plant-inner:nth-of-type(7){transform:rotate(-216deg);}.plant.plant-3 .plant-inner:nth-of-type(8){transform:rotate(-252deg);}.plant.plant-3 .plant-inner:nth-of-type(9){transform:rotate(-288deg);}.plant.plant-3 .plant-inner:nth-of-type(10){transform:rotate(-324deg);}@keyframes move-plant-3{100%{transform:translate(66.625vw,-15.375vw);}}@keyframes friction-3{0%{transform:translate3d(0,0,0);}45%{transform:translate3d(-30%,0%,24vw);}100%{transform:translate3d(0,0,0);}}@keyframes friction-2-3{0%{transform:translate(0,0);}20%{transform:translate(-30%,0%);}40%{transform:translate(0,0);}100%{transform:translate(0,0);}}.plant.plant-4{display:block;z-index:6;position:absolute;left:0;top:0;animation:move-plant-4 0.0001s;animation-delay:0;animation-fill-mode:forwards;}@media (orientation:landscape){.plant.plant-4{width:65.25vw;height:65.25vw;}}@media (orientation:portrait){.plant.plant-4{width:78.3vh;height:78.3vh;}}.plant.plant-4 .plant-wrap{position:absolute;width:100%;height:100%;animation:none;}.plant.plant-4 .plant-wrap .plant-inner{position:absolute;width:33.562%;height:50%;left:50%;top:25%;transform-origin:0 50%;perspective:100vw;}.plant.plant-4 .plant-wrap .plant-inner .inner-bg{background-image:url(images/kolo-plants/4.png);position:absolute;top:-40%;left:-60%;width:120%;height:120%;background-size:cover;background-repeat:no-repeat;background-position:center;animation:friction-2-4 7s ease-in-out infinite;animation-delay:0;}body.frst .plant.plant-4{animation:move-plant-4 3s ease;animation-delay:3.4s;animation-fill-mode:both;}body.frst .plant.plant-4 .plant-wrap{animation:spin 12s cubic-bezier(0.35,0,0.25,1);}body.frst .plant.plant-4 .plant-wrap .plant-inner .inner-bg{animation:friction-4 2s ease-in-out,friction-2-4 7s ease-in-out infinite;animation-delay:1.5s,19s;}.plant.plant-4 .plant-inner:nth-of-type(1){transform:rotate(0deg);}.plant.plant-4 .plant-inner:nth-of-type(2){transform:rotate(-33deg);}.plant.plant-4 .plant-inner:nth-of-type(3){transform:rotate(-66deg);}.plant.plant-4 .plant-inner:nth-of-type(4){transform:rotate(-99deg);}.plant.plant-4 .plant-inner:nth-of-type(5){transform:rotate(-132deg);}.plant.plant-4 .plant-inner:nth-of-type(6){transform:rotate(-165deg);}.plant.plant-4 .plant-inner:nth-of-type(7){transform:rotate(-198deg);}.plant.plant-4 .plant-inner:nth-of-type(8){transform:rotate(-231deg);}.plant.plant-4 .plant-inner:nth-of-type(9){transform:rotate(-264deg);}.plant.plant-4 .plant-inner:nth-of-type(10){transform:rotate(-297deg);}.plant.plant-4 .plant-inner:nth-of-type(11){transform:rotate(-330deg);}@keyframes move-plant-4{100%{transform:translate(55.375vw,21.375vw);}}@keyframes friction-4{0%{transform:translate3d(0,0,0);}45%{transform:translate3d(-12%,-20%,10vw);}100%{transform:translate3d(0,0,0);}}@keyframes friction-2-4{0%{transform:translate(0,0);}20%{transform:translate(-12%,-20%);}40%{transform:translate(0,0);}100%{transform:translate(0,0);}}.plant.plant-5{display:block;z-index:4;position:absolute;left:0;top:0;animation:move-plant-5 0.0001s;animation-delay:0;animation-fill-mode:forwards;}@media (orientation:landscape){.plant.plant-5{width:73.125vw;height:73.125vw;}}@media (orientation:portrait){.plant.plant-5{width:87.75vh;height:87.75vh;}}.plant.plant-5 .plant-wrap{position:absolute;width:100%;height:100%;animation:none;}.plant.plant-5 .plant-wrap .plant-inner{position:absolute;width:59.9375%;height:50%;left:50%;top:25%;transform-origin:0 50%;perspective:100vw;}.plant.plant-5 .plant-wrap .plant-inner .inner-bg{background-image:url(images/kolo-plants/5.png);position:absolute;top:-53%;left:-57%;width:120%;height:120%;background-size:cover;background-repeat:no-repeat;background-position:center;animation:friction-2-5 8s ease-in-out infinite;animation-delay:0;}body.frst .plant.plant-5{animation:move-plant-5 3s ease;animation-delay:3.45s;animation-fill-mode:both;}body.frst .plant.plant-5 .plant-wrap{animation:spin 12s cubic-bezier(0.35,0,0.25,1);}body.frst .plant.plant-5 .plant-wrap .plant-inner .inner-bg{animation:friction-5 2s ease-in-out,friction-2-5 8s ease-in-out infinite;animation-delay:1.5s,19s;}.plant.plant-5 .plant-inner:nth-of-type(1){transform:rotate(0deg);}.plant.plant-5 .plant-inner:nth-of-type(2){transform:rotate(-51deg);}.plant.plant-5 .plant-inner:nth-of-type(3){transform:rotate(-102deg);}.plant.plant-5 .plant-inner:nth-of-type(4){transform:rotate(-153deg);}.plant.plant-5 .plant-inner:nth-of-type(5){transform:rotate(-204deg);}.plant.plant-5 .plant-inner:nth-of-type(6){transform:rotate(-255deg);}.plant.plant-5 .plant-inner:nth-of-type(7){transform:rotate(-306deg);}@keyframes move-plant-5{100%{transform:translate(-24.5625vw,17.4375vw);}}@keyframes friction-5{0%{transform:translate3d(0,0,0);}45%{transform:translate3d(20%,-15%,6vw);}100%{transform:translate3d(0,0,0);}}@keyframes friction-2-5{0%{transform:translate(0,0);}20%{transform:translate(20%,-15%);}40%{transform:translate(0,0);}100%{transform:translate(0,0);}}.plant.plant-7{display:block;z-index:3;position:absolute;left:0;top:0;animation:move-plant-7 0.0001s;animation-delay:0;animation-fill-mode:forwards;}@media (orientation:landscape){.plant.plant-7{width:47.25vw;height:47.25vw;}}@media (orientation:portrait){.plant.plant-7{width:56.7vh;height:56.7vh;}}.plant.plant-7 .plant-wrap{position:absolute;width:100%;height:100%;animation:none;}.plant.plant-7 .plant-wrap .plant-inner{position:absolute;width:31.1875%;height:50%;left:50%;top:25%;transform-origin:0 50%;perspective:100vw;}.plant.plant-7 .plant-wrap .plant-inner .inner-bg{background-image:url(images/kolo-plants/7.png);position:absolute;top:-43%;left:-30%;width:120%;height:120%;background-size:cover;background-repeat:no-repeat;background-position:center;animation:friction-2-7 10s ease-in-out infinite;animation-delay:0;}body.frst .plant.plant-7{animation:move-plant-7 3s ease;animation-delay:3.55s;animation-fill-mode:both;}body.frst .plant.plant-7 .plant-wrap{animation:spin 12s cubic-bezier(0.35,0,0.25,1);}body.frst .plant.plant-7 .plant-wrap .plant-inner .inner-bg{animation:friction-7 2s ease-in-out,friction-2-7 10s ease-in-out infinite;animation-delay:1.5s,19s;}.plant.plant-7 .plant-inner:nth-of-type(1){transform:rotate(0deg);}.plant.plant-7 .plant-inner:nth-of-type(2){transform:rotate(-40deg);}.plant.plant-7 .plant-inner:nth-of-type(3){transform:rotate(-80deg);}.plant.plant-7 .plant-inner:nth-of-type(4){transform:rotate(-120deg);}.plant.plant-7 .plant-inner:nth-of-type(5){transform:rotate(-160deg);}.plant.plant-7 .plant-inner:nth-of-type(6){transform:rotate(-200deg);}.plant.plant-7 .plant-inner:nth-of-type(7){transform:rotate(-240deg);}.plant.plant-7 .plant-inner:nth-of-type(8){transform:rotate(-280deg);}.plant.plant-7 .plant-inner:nth-of-type(9){transform:rotate(-320deg);}@keyframes move-plant-7{100%{transform:translate(26.375vw,6.375vw);}}@keyframes friction-7{0%{transform:translate3d(0,0,0);}45%{transform:translate3d(0%,-20%,20vw);}100%{transform:translate3d(0,0,0);}}@keyframes friction-2-7{0%{transform:translate(0,0);}20%{transform:translate(0%,-20%);}40%{transform:translate(0,0);}100%{transform:translate(0,0);}}

div#backg, div.backg3, div#backg2 {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: -200;
    opacity: 1;
}
div#backg, div#backg2, div.backg3 {
    background-image: radial-gradient(#FF9259 12%, #F31E30 68%);
}
div#backg2 {
    background-image: radial-gradient(#F31E30 12%, #FF9259 68%);
}

div#design {
    border: none;
}
section#timetable {
    border: none;
}