.home-top {
    position: relative;
    display: block;
    width: 100vw;
    height: 100vh;
    background-image: linear-gradient(to right, #dfddfa, #b9e4f2, #c3f6e3);
    overflow: hidden;
}

.home-top-slide {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}

.home-top-slide-part {
    position: absolute;
    display: block;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
}

.home-top-img {
    position: absolute;
    display: block;
}

.home-top-img video {
    position: absolute;
    display: block;
    width: 100% !important;
    height: 100% !important;
    left: 0px;
    top: 0px;
}

.part1 .home-top-img.img1 {
    width: 24.86%;
    height: 35.35%;

    z-index: 1;
}
.part1.shrink .home-top-img.img1 {
    opacity: 0;
    left: calc(-0.45% + 24.86%);
    top: calc(54.67% + 0%);

    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);

    -webkit-transition: 0s -webkit-transform 0s, 0s opacity 0s, 0s left 0s, 0s top 0s;
    -moz-transition: 0s -moz-transform 0s, 0s opacity 0s, 0s left 0s, 0s top 0s;
    -ms-transition: 0s -ms-transform 0s, 0s opacity 0s, 0s left 0s, 0s top 0s;
    transition: 0s transform 0s, 0s opacity 0s, 0s left 0s, 0s top 0s;
}
.part1.show .home-top-img.img1 {
    opacity: 1;
    left: -0.45%;
    top: 54.67%;

    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);

    -webkit-transition: 1s -webkit-transform 0s, 1s opacity 0s, 1s left 0s, 1s top 0s;
    -moz-transition: 1s -moz-transform 0s, 1s opacity 0s, 1s left 0s, 1s top 0s;
    -ms-transition: 1s -ms-transform 0s, 1s opacity 0s, 1s left 0s, 1s top 0s;
    transition: 1s transform 0s, 1s opacity 0s, 1s left 0s, 1s top 0s;
}
.part1.zoom .home-top-img.img1 {
    opacity: 0;
    left: calc(-24.86% * 2);
    top: calc(42.17% + 54.67%);

    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    transform: scale(2);

    -webkit-transition: 1s -webkit-transform 0s, 0.4s opacity 0s, 1s left 0s, 1s top 0s;
    -moz-transition: 1s -moz-transform 0s, 0.4s opacity 0s, 1s left 0s, 1s top 0s;
    -ms-transition: 1s -ms-transform 0s, 0.4s opacity 0s, 1s left 0s, 1s top 0s;
    transition: 1s transform 0s, 0.4s opacity 0s, 1s left 0s, 1s top 0s;
}
.part1 .home-top-img.img2 {
    width: 24.86%;
}
.part1.shrink .home-top-img.img2 {
    opacity: 0;
    left: calc(24.93% + 24.86%);
    top: calc(9.72% + 36.48%);

    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);

    -webkit-transition: 0s -webkit-transform 0s, 0s opacity 0s, 0s left 0s, 0s top 0s;
    -moz-transition: 0s -moz-transform 0s, 0s opacity 0s, 0s left 0s, 0s top 0s;
    -ms-transition: 0s -ms-transform 0s, 0s opacity 0s, 0s left 0s, 0s top 0s;
    transition: 0s transform 0s, 0s opacity 0s, 0s left 0s, 0s top 0s;
}
.part1.show .home-top-img.img2 {
    opacity: 1;
    left: 24.93%;
    top: 9.72%;

    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);

    -webkit-transition: 1s -webkit-transform 0.3s, 1s opacity 0.3s, 1s left 0.3s, 1s top 0.3s;
    -moz-transition: 1s -moz-transform 0.3s, 1s opacity 0.3s, 1s left 0.3s, 1s top 0.3s;
    -ms-transition: 1s -ms-transform 0.3s, 1s opacity 0.3s, 1s left 0.3s, 1s top 0.3s;
    transition: 1s transform 0.3s, 1s opacity 0.3s, 1s left 0.3s, 1s top 0.3s;
}
.part1.zoom .home-top-img.img2 {
    opacity: 0;
    left: calc(-24.86% * 2);
    top: calc(29.73 * 1);

    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    transform: scale(2);

    -webkit-transition: 1s -webkit-transform 0.3s, 0.4s opacity 0.3s, 1s left 0.3s, 1s top 0.3s;
    -moz-transition: 1s -moz-transform 0.3s, 0.4s opacity 0.3s, 1s left 0.3s, 1s top 0.3s;
    -ms-transition: 1s -ms-transform 0.3s, 0.4s opacity 0.3s, 1s left 0.3s, 1s top 0.3s;
    transition: 1s transform 0.3s, 0.4s opacity 0.3s, 1s left 0.3s, 1s top 0.3s;
}
.part1 .home-top-img.img3 {
    width: 14.19%;
    height: 45.45%;
}
.part1.shrink .home-top-img.img3 {
    opacity: 0;
    left: calc(54.23% - 14.19%);
    top: calc(-0.63% + 36.48%);

    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);

    -webkit-transition: 0s -webkit-transform 0s, 0s opacity 0s, 0s left 0s, 0s top 0s;
    -moz-transition: 0s -moz-transform 0s, 0s opacity 0s, 0s left 0s, 0s top 0s;
    -ms-transition: 0s -ms-transform 0s, 0s opacity 0s, 0s left 0s, 0s top 0s;
    transition: 0s transform 0s, 0s opacity 0s, 0s left 0s, 0s top 0s;
}
.part1.show .home-top-img.img3 {
    opacity: 1;
    left: 54.23%;
    top: -0.63%;

    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);

    -webkit-transition: 1s -webkit-transform 0.1s, 1s opacity 0.1s, 1s left 0.1s, 1s top 0.1s;
    -moz-transition: 1s -moz-transform 0.1s, 1s opacity 0.1s, 1s left 0.1s, 1s top 0.1s;
    -ms-transition: 1s -ms-transform 0.1s, 1s opacity 0.1s, 1s left 0.1s, 1s top 0.1s;
    transition: 1s transform 0.1s, 1s opacity 0.1s, 1s left 0.1s, 1s top 0.1s;
}
.part1.zoom .home-top-img.img3 {
    opacity: 0;
    left: calc(35.54% * 2);
    top: calc(-36.48% * 2);

    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    transform: scale(2);

    -webkit-transition: 1s -webkit-transform 0.1s, 0.4ss opacity 0.1s, 1s left 0.1s, 1s top 0.1s;
    -moz-transition: 1s -moz-transform 0.1s, 0.4ss opacity 0.1s, 1s left 0.1s, 1s top 0.1s;
    -ms-transition: 1s -ms-transform 0.1s, 0.4ss opacity 0.1s, 1s left 0.1s, 1s top 0.1s;
    transition: 1s transform 0.1s, 0.4ss opacity 0.1s, 1s left 0.1s, 1s top 0.1s;
}
.part1 .home-top-img.img4 {
    width: 24.86%;
}
.part1.shrink .home-top-img.img4 {
    opacity: 0;
    left: calc(65.10% - 14.19%);
    top: calc(21.71% + 28.40%);

    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);

    -webkit-transition: 0s -webkit-transform 0s, 0s opacity 0s, 0s left 0s, 0s top 0s;
    -moz-transition: 0s -moz-transform 0s, 0s opacity 0s, 0s left 0s, 0s top 0s;
    -ms-transition: 0s -ms-transform 0s, 0s opacity 0s, 0s left 0s, 0s top 0s;
    transition: 0s transform 0s, 0s opacity 0s, 0s left 0s, 0s top 0s;
}
.part1.show .home-top-img.img4 {
    opacity: 1;
    left: 65.10%;
    top: 21.71%;

    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);

    -webkit-transition: 1s -webkit-transform 0.5s, 1s opacity 0.5s, 1s left 0.5s, 1s top 0.5s;
    -moz-transition: 1s -moz-transform 0.5s, 1s opacity 0.5s, 1s left 0.5s, 1s top 0.5s;
    -ms-transition: 1s -ms-transform 0.5s, 1s opacity 0.5s, 1s left 0.5s, 1s top 0.5s;
    transition: 1s transform 0.5s, 1s opacity 0.5s, 1s left 0.5s, 1s top 0.5s;
}
.part1.zoom .home-top-img.img4 {
    opacity: 0;
    left: calc(100% + (14.19% * 2));
    top: calc(28.40% * 1);

    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    transform: scale(2);

    -webkit-transition: 1s -webkit-transform 0.5s, 0.4s opacity 0.5s, 1s left 0.5s, 1s top 0.5s;
    -moz-transition: 1s -moz-transform 0.5s, 0.4s opacity 0.5s, 1s left 0.5s, 1s top 0.5s;
    -ms-transition: 1s -ms-transform 0.5s, 0.4s opacity 0.5s, 1s left 0.5s, 1s top 0.5s;
    transition: 1s transform 0.5s, 0.4s opacity 0.5s, 1s left 0.5s, 1s top 0.5s;
}
.part1 .home-top-img.img5 {
    width: 21.87%;
}
.part1.shrink .home-top-img.img5 {
    opacity: 0;
    left: calc(75.58% - 21.87%);
    top: calc(69.19% - 36.48%);

    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);

    -webkit-transition: 0s -webkit-transform 0s, 0s opacity 0s, 0s left 0s, 0s top 0s;
    -moz-transition: 0s -moz-transform 0s, 0s opacity 0s, 0s left 0s, 0s top 0s;
    -ms-transition: 0s -ms-transform 0s, 0s opacity 0s, 0s left 0s, 0s top 0s;
    transition: 0s transform 0s, 0s opacity 0s, 0s left 0s, 0s top 0s;
}
.part1.show .home-top-img.img5 {
    opacity: 1;
    left: 75.58%;
    top: 69.19%;

    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);

    -webkit-transition: 1s -webkit-transform 0.4s, 1s opacity 0.4s, 1s left 0.4s, 1s top 0.4s;
    -moz-transition: 1s -moz-transform 0.4s, 1s opacity 0.4s, 1s left 0.4s, 1s top 0.4s;
    -ms-transition: 1s -ms-transform 0.4s, 1s opacity 0.4s, 1s left 0.4s, 1s top 0.4s;
    transition: 1s transform 0.4s, 1s opacity 0.4s, 1s left 0.4s, 1s top 0.4s;
}
.part1.zoom .home-top-img.img5 {
    opacity: 0;
    left: calc(100% + (21.87% * 2));
    top: calc(100% + (36.48% * 2));

    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);

    -webkit-transition: 1s -webkit-transform 0.4s, 0.4s opacity 0.4s, 1s left 0.4s, 1s top 0.4s;
    -moz-transition: 1s -moz-transform 0.4s, 0.4s opacity 0.4s, 1s left 0.4s, 1s top 0.4s;
    -ms-transition: 1s -ms-transform 0.4s, 0.4s opacity 0.4s, 1s left 0.4s, 1s top 0.4s;
    transition: 1s transform 0.4s, 0.4s opacity 0.4s, 1s left 0.4s, 1s top 0.4s;
}


.part2 .home-top-img.img1 {
    width: 12.56%;

    z-index: 1;
}
.part2.shrink .home-top-img.img1 {
    opacity: 0;
    left: calc(-1.17% + (12.56% * 2));
    top: calc(42.17% * 1);

    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);

    -webkit-transition: 0s -webkit-transform 0s, 0s opacity 0s, 0s left 0s, 0s top 0s;
    -moz-transition: 0s -moz-transform 0s, 0s opacity 0s, 0s left 0s, 0s top 0s;
    -ms-transition: 0s -ms-transform 0s, 0s opacity 0s, 0s left 0s, 0s top 0s;
    transition: 0s transform 0s, 0s opacity 0s, 0s left 0s, 0s top 0s;
}
.part2.show .home-top-img.img1 {
    opacity: 1;
    left: -1.17%;
    top: 42.17%;

    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);

    -webkit-transition: 1s -webkit-transform 0s, 1s opacity 0s, 1s left 0s, 1s top 0s;
    -moz-transition: 1s -moz-transform 0s, 1s opacity 0s, 1s left 0s, 1s top 0s;
    -ms-transition: 1s -ms-transform 0s, 1s opacity 0s, 1s left 0s, 1s top 0s;
    transition: 1s transform 0s, 1s opacity 0s, 1s left 0s, 1s top 0s;
}
.part2.zoom .home-top-img.img1 {
    opacity: 0;
    left: calc(-11.39% * 2);
    top: calc(42.17% + 36.48%);

    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    transform: scale(2);

    -webkit-transition: 1s -webkit-transform 0s, 0.4s opacity 0s, 1s left 0s, 1s top 0s;
    -moz-transition: 1s -moz-transform 0s, 0.4s opacity 0s, 1s left 0s, 1s top 0s;
    -ms-transition: 1s -ms-transform 0s, 0.4s opacity 0s, 1s left 0s, 1s top 0s;
    transition: 1s transform 0s, 0.4s opacity 0s, 1s left 0s, 1s top 0s;
}
.part2 .home-top-img.img2 {
    width: 24.86%;
    height: 35.35%;
}
.part2.shrink .home-top-img.img2 {
    opacity: 0;
    left: calc(10.54% + 24.86%);
    top: calc(24.86% + 36.48%);

    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);

    -webkit-transition: 0s -webkit-transform 0s, 0s opacity 0s, 0s left 0s, 0s top 0s;
    -moz-transition: 0s -moz-transform 0s, 0s opacity 0s, 0s left 0s, 0s top 0s;
    -ms-transition: 0s -ms-transform 0s, 0s opacity 0s, 0s left 0s, 0s top 0s;
    transition: 0s transform 0s, 0s opacity 0s, 0s left 0s, 0s top 0s;
}
.part2.show .home-top-img.img2 {
    opacity: 1;
    left: 10.54%;
    /* top: 24.86%; */
    top: 26.26%;

    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);

    -webkit-transition: 1s -webkit-transform 0.3s, 1s opacity 0.3s, 1s left 0.3s, 1s top 0.3s;
    -moz-transition: 1s -moz-transform 0.3s, 1s opacity 0.3s, 1s left 0.3s, 1s top 0.3s;
    -ms-transition: 1s -ms-transform 0.3s, 1s opacity 0.3s, 1s left 0.3s, 1s top 0.3s;
    transition: 1s transform 0.3s, 1s opacity 0.3s, 1s left 0.3s, 1s top 0.3s;
}
.part2.zoom .home-top-img.img2 {
    opacity: 0;
    left: calc(-24.86% * 2);
    top: calc(29.73 * 1);

    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    transform: scale(2);

    -webkit-transition: 1s -webkit-transform 0.3s, 0.4s opacity 0.3s, 1s left 0.3s, 1s top 0.3s;
    -moz-transition: 1s -moz-transform 0.3s, 0.4s opacity 0.3s, 1s left 0.3s, 1s top 0.3s;
    -ms-transition: 1s -ms-transform 0.3s, 0.4s opacity 0.3s, 1s left 0.3s, 1s top 0.3s;
    transition: 1s transform 0.3s, 0.4s opacity 0.3s, 1s left 0.3s, 1s top 0.3s;
}
.part2 .home-top-img.img3 {
    width: 12.56%;
}
.part2.shrink .home-top-img.img3 {
    opacity: 0;
    left: calc(35.54% - 12.56%);
    top: calc(-3.52% + 36.48%);

    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);

    -webkit-transition: 0s -webkit-transform 0s, 0s opacity 0s, 0s left 0s, 0s top 0s;
    -moz-transition: 0s -moz-transform 0s, 0s opacity 0s, 0s left 0s, 0s top 0s;
    -ms-transition: 0s -ms-transform 0s, 0s opacity 0s, 0s left 0s, 0s top 0s;
    transition: 0s transform 0s, 0s opacity 0s, 0s left 0s, 0s top 0s;
}
.part2.show .home-top-img.img3 {
    opacity: 1;
    left: 35.54%;
    top: -3.52%;

    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);

    -webkit-transition: 1s -webkit-transform 0.1s, 1s opacity 0.1s, 1s left 0.1s, 1s top 0.1s;
    -moz-transition: 1s -moz-transform 0.1s, 1s opacity 0.1s, 1s left 0.1s, 1s top 0.1s;
    -ms-transition: 1s -ms-transform 0.1s, 1s opacity 0.1s, 1s left 0.1s, 1s top 0.1s;
    transition: 1s transform 0.1s, 1s opacity 0.1s, 1s left 0.1s, 1s top 0.1s;
}
.part2.zoom .home-top-img.img3 {
    opacity: 0;
    left: calc(35.54% * 2);
    top: calc(-36.48% * 2);

    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    transform: scale(2);

    -webkit-transition: 1s -webkit-transform 0.1s, 0.4ss opacity 0.1s, 1s left 0.1s, 1s top 0.1s;
    -moz-transition: 1s -moz-transform 0.1s, 0.4ss opacity 0.1s, 1s left 0.1s, 1s top 0.1s;
    -ms-transition: 1s -ms-transform 0.1s, 0.4ss opacity 0.1s, 1s left 0.1s, 1s top 0.1s;
    transition: 1s transform 0.1s, 0.4ss opacity 0.1s, 1s left 0.1s, 1s top 0.1s;
}
.part2 .home-top-img.img4 {
    width: 14.19%;
    height: 45.45%;
}
.part2.shrink .home-top-img.img4 {
    opacity: 0;
    left: calc(79.16% - 14.19%);
    top: calc(11.48% + 45.45%);

    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);

    -webkit-transition: 0s -webkit-transform 0s, 0s opacity 0s, 0s left 0s, 0s top 0s;
    -moz-transition: 0s -moz-transform 0s, 0s opacity 0s, 0s left 0s, 0s top 0s;
    -ms-transition: 0s -ms-transform 0s, 0s opacity 0s, 0s left 0s, 0s top 0s;
    transition: 0s transform 0s, 0s opacity 0s, 0s left 0s, 0s top 0s;
}
.part2.show .home-top-img.img4 {
    opacity: 1;
    left: 79.16%;
    top: 11.48%;

    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);

    -webkit-transition: 1s -webkit-transform 0.5s, 1s opacity 0.5s, 1s left 0.5s, 1s top 0.5s;
    -moz-transition: 1s -moz-transform 0.5s, 1s opacity 0.5s, 1s left 0.5s, 1s top 0.5s;
    -ms-transition: 1s -ms-transform 0.5s, 1s opacity 0.5s, 1s left 0.5s, 1s top 0.5s;
    transition: 1s transform 0.5s, 1s opacity 0.5s, 1s left 0.5s, 1s top 0.5s;
}
.part2.zoom .home-top-img.img4 {
    opacity: 0;
    left: calc(100% + (14.19% * 2));
    top: calc(11.48% * 2);

    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    transform: scale(2);

    -webkit-transition: 1s -webkit-transform 0.5s, 0.4s opacity 0.5s, 1s left 0.5s, 1s top 0.5s;
    -moz-transition: 1s -moz-transform 0.5s, 0.4s opacity 0.5s, 1s left 0.5s, 1s top 0.5s;
    -ms-transition: 1s -ms-transform 0.5s, 0.4s opacity 0.5s, 1s left 0.5s, 1s top 0.5s;
    transition: 1s transform 0.5s, 0.4s opacity 0.5s, 1s left 0.5s, 1s top 0.5s;
}
.part2 .home-top-img.img5 {
    width: 21.87%;
}
.part2.shrink .home-top-img.img5 {
    opacity: 0;
    left: calc(65.10% - 21.87%);
    top: calc(58.08% - 28.40%);

    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);

    -webkit-transition: 0s -webkit-transform 0s, 0s opacity 0s, 0s left 0s, 0s top 0s;
    -moz-transition: 0s -moz-transform 0s, 0s opacity 0s, 0s left 0s, 0s top 0s;
    -ms-transition: 0s -ms-transform 0s, 0s opacity 0s, 0s left 0s, 0s top 0s;
    transition: 0s transform 0s, 0s opacity 0s, 0s left 0s, 0s top 0s;
}
.part2.show .home-top-img.img5 {
    opacity: 1;
    left: 65.10%;
    top: 58.08%;

    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);

    -webkit-transition: 1s -webkit-transform 0.4s, 1s opacity 0.4s, 1s left 0.4s, 1s top 0.4s;
    -moz-transition: 1s -moz-transform 0.4s, 1s opacity 0.4s, 1s left 0.4s, 1s top 0.4s;
    -ms-transition: 1s -ms-transform 0.4s, 1s opacity 0.4s, 1s left 0.4s, 1s top 0.4s;
    transition: 1s transform 0.4s, 1s opacity 0.4s, 1s left 0.4s, 1s top 0.4s;
}
.part2.zoom .home-top-img.img5 {
    opacity: 0;
    left: calc(100% + (21.87% * 2));
    top: calc(100% + (28.40% * 2));

    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);

    -webkit-transition: 1s -webkit-transform 0.4s, 0.4s opacity 0.4s, 1s left 0.4s, 1s top 0.4s;
    -moz-transition: 1s -moz-transform 0.4s, 0.4s opacity 0.4s, 1s left 0.4s, 1s top 0.4s;
    -ms-transition: 1s -ms-transform 0.4s, 0.4s opacity 0.4s, 1s left 0.4s, 1s top 0.4s;
    transition: 1s transform 0.4s, 0.4s opacity 0.4s, 1s left 0.4s, 1s top 0.4s;
}

.home-top-logo {
    position: absolute;
    display: block;
    /* width: 29.75%; */
    height: 45.58%;
    top: calc((100% - 45.58%) / 2);
    margin: 0px auto;
    left: 0px;
    right: 0px;
}

.home-top-desc {
    position: absolute;
    display: block;
    width: calc(100% - 40px);
    max-width: 424px;
    margin: 0px auto;
    left: 0px;
    right: 0px;
    font-size: 16px;
    line-height: 26px;
    text-align: center;
    /* bottom: 105px; */
    bottom: 13.25%;
}

.home-top-scroll {
    position: absolute;
    display: block;
    width: 128px;
    height: 128px;
    border-radius: 50%;
    background: #8e87ef;
    left: calc((100% - 128px) / 2);
    /* bottom: calc((128px / 2) * -1); */
    bottom: calc(-128px + 56px);
    cursor: pointer;
    overflow: hidden;
}

.home-top-scroll:after {
    content: '';
    position: absolute;
    display: block;
    height: 16px;
    width: 24px;
    /* background: url('../../img/design/home/bottom-arror-icon.png') no-repeat; */
    background: url('../../img/design/svg/arrow_icon_white.svg') no-repeat;
    background-position: 50% !important;
    background-size: contain !important;
    left: calc((100% - 24px) / 2);
    top: calc((50% - 16px) / 2);

    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);

    animation: animateBottomArrow 3s infinite;
}

@keyframes animateBottomArrow {
    0% {
        top: calc((50% - 24px) / 2);
    }
    40% {
        top: calc((50% - 24px) / 2);
    }
    80% {
        top: calc(100% + 24px);
    }
    80.1% {
        top: -24px;
    }
    100% {
        top: calc((50% - 24px) / 2);
    }
}

.home-info {
    position: relative;
    display: block;
    width: 100%;
    background: #8e87ef;
    font-size: 0px;
}

.home-info > * {
    font-size: 16px;
}

.home-info-group {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 50%;
    height: 769px;
    overflow: hidden;
}

.home-info-group.left {
    background: url('../../img/design/home/program-beasiswa-flats-background.jpg') no-repeat;
    background-position: 50% !important;
    background-size: cover !important;
}

.home-info-left-title {
    position: relative;
    display: block;
    font-size: 57px;
    line-height: 51px;
    margin: 0px auto;
    color: #fff;
    letter-spacing: 2px;
}

.home-info-left-title.mob {
    display: none;
}

.home-info-left-title span {
    position: relative;
    display: block;
    font-size: 160px;
    line-height: 115px;
    margin-bottom: 30px;
    letter-spacing: 5px;
}

.home-info-group-content {
    position: relative;
    display: block;
    width: calc(100% - 40px);
    max-width: 430px;
    margin: 0px auto;
}

.home-info-right-icon {
    position: relative;
    display: block;
    width: 112px;
    margin-bottom: 10px;
}

.home-info-right-title {
    position: relative;
    display: block;
    margin: 0px 0px 30px;
    font-size: 64px;
    line-height: 57px;
    color: #fff;
    letter-spacing: 3px;
}

.home-info-right-title span {
    color: #222;
    display: block;
}

.home-info-right-desc {
    position: relative;
    display: block;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
    margin-bottom: 35px;
}

.home-info-right-desc p {
    margin: 0px 0px 30px;
}

.home-info-right-desc p:last-child {
    margin-bottom: 0px;
}

.home-info-link-group {
    position: relative;
    display: block;
    font-size: 0px;
}

.home-info-link-group > * {
    font-size: 12px;
}

.home-info-link {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: calc(50% - 8px);
    max-width: 204px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    letter-spacing: 1px;
    color: #fff;
    border-radius: calc(50px / 2);
    background: #16a6d3;

    -webkit-transition: background 0.5s, color 0.5s;
    -moz-transition: background 0.5s, color 0.5s;
    -ms-transition: background 0.5s, color 0.5s;
    transition: background 0.5s, color 0.5s;
}

.home-info-link:first-child {
    margin-right: 16px;
}

.home-info-link:hover {
    background: #fff;
    color: #16a6d3;

    -webkit-transition: background 0.5s, color 0.5s;
    -moz-transition: background 0.5s, color 0.5s;
    -ms-transition: background 0.5s, color 0.5s;
    transition: background 0.5s, color 0.5s;
}

.home-info-link:after {
    content: '';
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 19px;
    height: 13px;
    background: url('../../img/design/svg/arrow_icon_white.svg') no-repeat;
    background-position: 50% !important;
    background-size: contain !important;
    margin-left: 5px;
    bottom: 2px;

    -webkit-transition: background 0.5s;
    -moz-transition: background 0.5s;
    -ms-transition: background 0.5s;
    transition: background 0.5s;
}

.home-info-link:hover:after {
    background: url('../../img/design/svg/arrow_icon_blue.svg') no-repeat;

    -webkit-transition: background 0.5s;
    -moz-transition: background 0.5s;
    -ms-transition: background 0.5s;
    transition: background 0.5s;
}

.home-galeri {
    position: relative;
    display: block;
    width: 100%;
    font-size: 0px;
}

.home-galeri > * {
    font-size: 14px;
}

.home-galeri-image {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: calc(100% / 4);
}

.home-galeri-image iframe {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100% !important;
    height: 100% !important;
}

.home-galeri-image.hide {
    opacity: 0;
    width: 100%;
}

.home-galeri-link {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: calc(100% / 4);
    background: #2fe19b;
    font-size: 12px;
    line-height: 13px;
    color: #fff;
    letter-spacing: 1px;
    overflow: hidden;
    text-align: center;

    -webkit-transition: background 0.5s, color 0.5s;
    -moz-transition: background 0.5s, color 0.5s;
    -ms-transition: background 0.5s, color 0.5s;
    transition: background 0.5s, color 0.5s;
}

.home-galeri-link:hover {
    background: #fff;
    color: #2fe19b;

    -webkit-transition: background 0.5s, color 0.5s;
    -moz-transition: background 0.5s, color 0.5s;
    -ms-transition: background 0.5s, color 0.5s;
    transition: background 0.5s, color 0.5s;
}

.home-galeri-link .text {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
}

.home-galeri-link .text span:after {
    content: '';
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 19px;
    height: 13px;
    margin-left: 5px;
    background: url('../../img/design/svg/arrow_icon_white.svg') no-repeat;
    background-size: contain !important;
    background-position: 50% !important;
    top: calc((100% - 13px) / 2);

    -webkit-transition: background 0.5s;
    -moz-transition: background 0.5s;
    -ms-transition: background 0.5s;
    transition: background 0.5s;
}

.home-galeri-link:hover .text span:after {
    background: url('../../img/design/svg_2/arrow_icon_green.svg') no-repeat;

    -webkit-transition: background 0.5s;
    -moz-transition: background 0.5s;
    -ms-transition: background 0.5s;
    transition: background 0.5s;
}

.home-blog {
    position: relative;
    display: block;
    width: calc(100% - 100px);
    max-width: 1320px;
    padding-top: 155px;
    margin: 0px auto;
}

.home-blog-title {
    position: relative;
    display: block;
    font-size: 17px;
    line-height: 28px;
    /* top: 8px; */
    margin-bottom: -8px;
    letter-spacing: 1px;
    margin-bottom: 60px;
}

.home-blog-title span {
    position: relative;
    display: inline-block;
    vertical-align: top;
    font-size: 38px;
    top: -8px;
    margin-right: 5px;
}

.home-blog-link {
    position: absolute;
    display: table;
    right: 0px;
    top: calc(155px + 14px);
    font-size: 14px;
    line-height: 9px;
    color: #222;

    -webkit-transition: color 0.5s;
    -moz-transition: color 0.5s;
    -ms-transition: color 0.5s;
    transition: color 0.5s;
}

.home-blog-link:hover {
    color: #8e87ef;

    -webkit-transition: color 0.5s;
    -moz-transition: color 0.5s;
    -ms-transition: color 0.5s;
    transition: color 0.5s;
}

.home-blog-link:after {
    content: '';
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 13px;
    height: 9px;
    background: url('../../img/design/svg/arrow_icon_black.svg') no-repeat;
    background-size: contain !important;
    background-position: 50% !important;
    margin-left: 5px;

    -webkit-transition: background 0.5s;
    -moz-transition: background 0.5s;
    -ms-transition: background 0.5s;
    transition: background 0.5s;
}

.home-blog-link:hover:after {
    background: url('../../img/design/svg_2/arrow_icon_purple.svg') no-repeat;

    -webkit-transition: background 0.5s;
    -moz-transition: background 0.5s;
    -ms-transition: background 0.5s;
    transition: background 0.5s;
}

.home-blog-content {
    position: relative;
    display: block;
    font-size: 0px;
    margin: 0px auto;
}

.home-blog-content > * {
    font-size: 14px;
}

.home-blog-item {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: calc((100% - (24px * 2)) / 3);
    margin-right: 24px;
    color: #222;

    -webkit-transition: color 0.5s;
    -moz-transition: color 0.5s;
    -ms-transition: color 0.5s;
    transition: color 0.5s;
}

.home-blog-item:hover {
    color: #8e87ef;

    -webkit-transition: color 0.5s;
    -moz-transition: color 0.5s;
    -ms-transition: color 0.5s;
    transition: color 0.5s;
}

.home-blog-item:last-child {
    margin-right: 0px;
}

.home-blog-item-image {
    position: relative;
    display: block;
    margin: 0px 0px 20px;
    border-radius: 20px;
    overflow: hidden;
}

.home-blog-item-image img {
    border-radius: 20px;
}

.home-blog-item-date {
    position: relative;
    display: block;
    font-size: 14px;
    line-height: 15px;
    color: #555;
    margin: 0px 0px 10px;

    -webkit-transition: color 0.5s;
    -moz-transition: color 0.5s;
    -ms-transition: color 0.5s;
    transition: color 0.5s;
}

.home-blog-item:hover .home-blog-item-date {
    color: #8e87ef;

    -webkit-transition: color 0.5s;
    -moz-transition: color 0.5s;
    -ms-transition: color 0.5s;
    transition: color 0.5s;
}

.home-blog-item-title {
    position: relative;
    display: block;
    font-size: 16px;
    line-height: 27px;
}

.home-partner {
    position: relative;
    display: block;
    width: calc(100% - 100px);
    max-width: 1320px;
    padding-top: 155px;
    margin: 0px auto 15px;
}

.home-partner-title {
    position: relative;
    display: block;
    font-size: 17px;
    line-height: 28px;
    /* top: 8px; */
    margin-bottom: -8px;
    letter-spacing: 1px;
    margin-bottom: 150px;
}

.home-partner-title span {
    position: relative;
    display: inline-block;
    vertical-align: top;
    font-size: 38px;
    top: -8px;
    margin-right: 5px;
}

.home-partner-content {
    position: relative;
    display: block;
    font-size: 0px;
    margin: 0px auto 70px;
    width: calc(100% + 24px);
    left: -12px;
    text-align: center;
}

.home-partner-content>* {
    font-size: 14px;
}

.home-partner-item {
    position: relative;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    width: calc((100% - (24px * 3)) / 3);
    margin: 0px 12px 90px;
    /* height: 340px; */
}

.home-partner-item .mid {
    height: 100%;
}

.home-partner-item .mid img {
    max-height: 100% !important;
}

.home-partner-item:last-child {
    margin-right: 0px;
}

.home-partner-item-img {
    position: relative;
    display: block;
}

.home-partner-item-img.pka {
    width: 121px;
}

.home-partner-item-img.universitas-ciputra {
    width: 320px;
}

.home-partner-item-img.neutron {
    width: 222px;
}

.lb-nav a.lb-prev {
    display: none;
}

.lb-nav a.lb-next {
    display: none;
}

@media screen and (max-width : 1366px) {
}

@media screen and (max-width : 1024px) {
}

@media screen and (max-width : 768px) {
    .home-top-logo {
        width: 60%;
        height: auto;
    }

    .home-top-img.img1 {
        width: 35.87%;
    }

    .home-top-img.img2 {
        width: 20.56%;
    }

    .home-top-img.img3 {
        width: 20.56%;
    }

    .home-top-img.img4 {
        width: 35.87%;
    }

    .home-top-img.img5 {
        width: 20.56%;
    }

    .home-info-group {
        display: block;
        width: 100%;
        height: auto;
    }

    .home-info-group.right {
        padding: 80px 0px 500px;
    }

    .home-info-group.left {
        position: absolute;
        bottom: 0px;
        height: 420px;
    }

    .home-info-group-content {
        max-width: calc(100% - 60px);
        color: #fff;
    }

    .home-info-left-title {
        font-size: 50px;
        line-height: 47px;
    }

    .home-info-left-title span {
        font-size: 150px;
        line-height: 105px;
    }

    .home-galeri-image {
        width: calc(100% / 2);
    }

    .home-galeri-link {
        width: calc(100% / 2);
    }

    .home-blog {
        width: calc(100% - 60px);
        padding-top: 100px;
    }

    .home-partner {
        width: calc(100% - 60px);
        padding-top: 100px;
        margin-bottom: 50px;
    }

    .home-partner-item {
        height: 120px;
        width: calc((100% - (24px * 2)) / 2);
    }
}

@media screen and (max-width : 500px) {
    .home-top-logo {
        width: 82.64%;
        top: 25.55!;
        z-index: 2;
    }

    .home-top-desc {
        bottom: 23.61%;
        z-index: 2;
    }

    .home-top-desc br {
        display: none;
    }

    .part1 .home-top-img.img1 {
        /* width: 50.75%;
        height: 18.28%; */
        width: 49.75%;
        height: 17.28%;
        z-index: unset;
    }
    .part1.show .home-top-img.img1 {
        left: -15.66%;
        /* top: 76.56%; */
        top: 77.56%;
    }
    .part1.zoom .home-top-img.img1 {
        left: calc(-50.75% * 1.5);
        top: calc(76.56% + 18.17);
    }

    .part1 .home-top-img.img2 {
        /* width: 30.18%; */
        width: 29.18%;
    }
    .part1.show .home-top-img.img2 {
        left: 0%;
        /* top: 11.31%; */
        top: 12.31%;
    }
    .part1.zoom .home-top-img.img2 {
        left: -30.18%;
        top: 0%;
    }

    .part1 .home-top-img.img3 {
        /* width: 30%;
        height: 24.35%; */
        width: 29%;
        height: 23.35%;
    }
    .part1.show .home-top-img.img3 {
        left: 49.05%;
        /* top: 2.42%; */
        top: 9.42%;
    }
    .part1.zoom .home-top-img.img3 {
        left: calc(49.05% + 30%);
        top: -24.35%;
    }

    .part1 .home-top-img.img4 {
        /* width: 50.75%; */
        width: 49.75%;
    }
    .part1.show .home-top-img.img4 {
        left: 57.35%;
        /* top: 19.79%; */
        top: 20.79%;
    }
    .part1.zoom .home-top-img.img4 {
        left: calc(57.35% + 50.75%);
        top: -18.16%;
    }

    .part1 .home-top-img.img5 {
        /* width: 28.86%; */
        width: 27.86%;
    }
    .part1.show .home-top-img.img5 {
        left: 71.50%;
        /* top: 77.77%; */
        top: 78.77%;
    }
    .part1.zoom .home-top-img.img5 {
        left: calc(71.50% + 28.86%);
        top: 100%;
    }

    .part2 .home-top-img.img1 {
        /* width: 25.66%; */
        width: 24.66%;
    }
    .part2.show .home-top-img.img1 {
        left: -1.96%;
        /* top: 77.47%; */
        top: 78.47%;
    }
    .part2.zoom .home-top-img.img1 {
        left: calc(-1.96% - 25.66%);
        top: 100%;
    }

    .part2 .home-top-img.img2 {
        /* width: 46.41%;
        height: 18.18%; */
        width: 45.41%;
        height: 17.18%;
        z-index: 1;
    }
    .part2.show .home-top-img.img2 {
        left: -7.35%;
        /* top: 17.57%; */
        top: 16.57%;
    }
    .part2.zoom .home-top-img.img2 {
        left: calc(-7.35% - 46.41%);
        top: calc(17.57% - 18.18%);
    }

    .part2 .home-top-img.img3 {
        /* width: 30.18%; */
        width: 29.18%;
    }
    .part2.show .home-top-img.img3 {
        left: 21.50%;
        /* top: 0%; */
        top: 1%;
    }
    .part2.zoom .home-top-img.img3 {
        left: calc(30.18% * 1);
        top: calc(0% - 24.24%);
    }

    .part2 .home-top-img.img4 {
        /* width: 24.52%;
        height: 24.24%; */
        width: 23.52%;
        height: 23.24%;
    }
    .part2.show .home-top-img.img4 {
        left: 75.47%;
        /* top: 11.31%; */
        top: 12.31%;
    }
    .part2.zoom .home-top-img.img4 {
        left: calc(100% * 1);
        top: 0%;
    }

    .part2 .home-top-img.img5 {
        /* width: 50%; */
        width: 49%;
    }
    .part2.show .home-top-img.img5 {
        left: 50%;
        /* top: 75.75%; */
        top: 76.75%;
    }
    .part2.zoom .home-top-img.img5 {
        left: 100%;
        top: calc(75.75% + 18.18%);
    }

    .home-top-scroll {
        width: 100px;
        height: 100px;
        left: calc((100% - 100px) / 2);
        bottom: calc(-100px + 40px);
    }

    .home-top-scroll:after {
        height: 14px;
        width: 18px;

        left: calc((100% - 18px) / 2);
        top: calc((50% - 14px) / 2);
    }

    .home-info-group.right {
        padding: 60px 0px 400px;
    }

    .home-info-group-content {
        max-width: unset;
    }

    .home-info-right-icon {
        width: 90px;
    }

    .home-info-right-title {
        font-size: 54px;
        line-height: 49px;
    }

    .home-info-group.left {
        height: 340px;
    }

    .home-info-left-title {
        font-size: 40px;
        line-height: 40px;
    }

    .home-info-left-title span {
        font-size: 120px;
        line-height: 60px;
    }

    .home-blog {
        padding-top: 70px;
        width: calc(100% - 40px);
    }

    .home-blog-title {
        font-size: 14px;
        line-height: 24px;
    }

    .home-blog-title span {
        display: block;
        margin-bottom: 10px;
        font-size: 35px;
    }

    .home-blog-link {
        /* top: calc(70px + 14px); */
        top: 70px;
    }

    .home-blog-item {
        width: 100%;
        margin-bottom: 30px;
    }

    .home-blog-item:last-child {
        margin-bottom: 0px;
    }

    .home-partner {
        padding-top: 70px;
        width: calc(100% - 40px);
    }

    .home-partner-title {
        font-size: 14px;
        line-height: 24px;
    }

    .home-partner-title span {
        display: block;
        margin-bottom: 10px;
        font-size: 35px;
    }

    .home-partner-link {
        top: calc(70px + 14px);
    }

    .home-partner-item {
        width: 100%;
        margin: 0px 0px 30px;
        /* height: 70px; */
    }
}