#image1{margin:100px auto 60px;position:relative}#image1:before,#image1:after{content:"";display:block;position:absolute;top:0}#image1:before{width:97%;height:97%;left:2%;background-color:#060360;animation:bg-color 10s infinite;-webkit-animation:bg-color 10s infinite}#image1:after{width:100%;height:100%;left:0;background:url(../img/text.svg) no-repeat center bottom;background-size:cover}@-webkit-keyframes bg-color{0%{background-color:#E5006A}40%{background-color:black}100%{background-color:#E5006A}}@keyframes bg-color{0%{background-color:#E5006A}40%{background-color:black}100%{background-color:#E5006A}}#image1 ul{position:relative;z-index:2;text-align:center;background:url(../img/image.svg) no-repeat center;padding-bottom:100%}#image1 li{width:25%;height:30%;position:absolute;display:block}#image1 li#inflated{right:8%;top:4%;width:27%}#image1 li#inflated .btn{right:30%;top:47%}#image1 li#inflated .btn a{background:#4853fc}#image1 li#inflated .image{background-image:url(../img/svg/p1_text.svg)}#image1 li#inflated .bg{transform:rotate(45deg) scale(2);-webkit-transform:rotate(45deg) scale(2)}#image1 li#inflated .bg:before,#image1 li#inflated .bg:after{width:4000px;background-size:2000px auto}#image1 li#inflated .bg:before{background-image:url(../img/svg/p1_bg1.svg);animation:slide_a 10s linear infinite;-webkit-animation:slide_a 10s linear infinite}#image1 li#inflated .bg:after{background-image:url(../img/svg/p1_bg2.svg);animation:slide_b 15s linear infinite;-webkit-animation:slide_b 15s linear infinite}#image1 li#trappings{right:55%;top:5%;width:26%}#image1 li#trappings .image{background-image:url(../img/svg/p2_text.svg)}#image1 li#trappings .bg:before,#image1 li#trappings .bg:after{width:4000px;background-size:2000px auto}#image1 li#trappings .bg:before{background-image:url(../img/svg/p2_bg1.svg);animation:slide_a 20s linear infinite;-webkit-animation:slide_a 20s linear infinite}#image1 li#trappings .bg:after{background-image:url(../img/svg/p2_bg2.svg);animation:slide_b 20s linear infinite;-webkit-animation:slide_b 20s linear infinite}#image1 li#trappings .btn{right:80%;top:20%}#image1 li#trappings .btn a{background-color:#F7DD53}#image1 li#connect{right:30%;width:30%}#image1 li#connect .btn{top:20%;right:15%}#image1 li#connect .btn a{background:#F5C3CB}#image1 li#connect .image{background-image:url(../img/svg/p3_text.svg)}#image1 li#connect .bg:before,#image1 li#connect .bg:after{width:100%;height:100%;background-size:cover;animation:fade 1s linear alternate infinite;-webkit-animation:fade 1s linear alternate infinite}#image1 li#connect .bg:before{background-image:url(../img/svg/p3_bg1.svg);animation-delay:.5s;-webkit-animation-delay:.5s}#image1 li#connect .bg:after{background-image:url(../img/svg/p3_bg2.svg);animation-delay:0s;-webkit-animation-delay:0s}#image1 li#delve{right:60%;top:20%;width:30%}#image1 li#delve .btn{right:20%;top:50%}#image1 li#delve .btn a{background:#fb9e27}#image1 li#delve .image{background-image:url(../img/svg/p4_text.svg)}#image1 li#delve .bg:before{height:4000px;width:100%;background-size:auto 2000px}#image1 li#delve .bg:before{background-image:url(../img/svg/p4_bg.svg);animation:slide_c 5s linear infinite;-webkit-animation:slide_c 5s linear infinite}#image1 li#organize{right:30%;top:35%;width:30%}#image1 li#organize .btn{top:20%;right:20%}#image1 li#organize .btn a{background:#fd040e}#image1 li#organize .image{background-image:url(../img/svg/p5_text.svg)}#image1 li#organize .bg:before{height:100%;width:100%;background-size:cover;background-position:top center;background-image:url(../img/svg/p5_bg.svg);animation:scele2 .5s alternate infinite;-webkit-animation:scele2 .5s alternate infinite}#image1 li#molding{right:45%;top:50%;width:27%}#image1 li#molding .btn a{background:#777777}#image1 li#molding .image{background-image:url(../img/svg/p6_text.svg)}#image1 li#molding .bg:before,#image1 li#molding .bg:after{height:4000px;width:100%;background-size:auto 2000px}#image1 li#molding .bg:before{background-image:url(../img/svg/p6_bg1.svg);animation:slide_e 40s linear infinite;-webkit-animation:slide_e 40s linear infinite}#image1 li#molding .bg:after{background-image:url(../img/svg/p6_bg2.svg);animation:slide_f 40s linear infinite;-webkit-animation:slide_f 40s linear infinite}#image1 li#grab{top:55%;right:10%;width:36%}#image1 li#grab .btn a{background:#2E9BE3}#image1 li#grab .image{background-image:url(../img/svg/p7_text.svg)}#image1 li#grab .bg:before{height:100%;width:100%;background-size:auto 1000px;background-position:center 130%;background-image:url(../img/svg/p7_bg.svg);animation:scele 1s alternate infinite;-webkit-animation:scele 1s alternate infinite}#image1 li#bringout{right:65%;top:62%;width:27%}#image1 li#bringout .btn{right:50%;top:10%}#image1 li#bringout .btn a{background:#51AD21}#image1 li#bringout .image{background-image:url(../img/svg/p8_text.svg)}#image1 li#bringout .bg{animation:rotate 5s linear infinite;-webkit-animation:rotate 5s linear infinite;left:50%;top:50%}#image1 li#bringout .bg:before{height:100%;width:100%;left:0%;top:0%;background-size:50% auto;background-position:top center;background-image:url(../img/svg/p8_bg.svg);transform-origin:center;-webkit-transform-origin:center}#image1 img{width:100%;height:auto}#image1 .btn{display:block;position:absolute;right:10%;top:50%;width:120px;height:120px}#image1 .btn a{border-radius:40% 40% 50% 40%/30% 50% 50% 50%}#image1 .animated.pulse:hover{animation:rotate .2s linear infinite;-webkit-animation:rotate .2s linear infinite}#image1 .btn{transform-origin:center;-webkit-transform-origin:center;transition:1s ease-in-out;-webkit-transition:1s ease-in-out;backface-visibility:hidden;overflow:hidden}#image1 .btn a{display:block;overflow:hidden;position:absolute;height:100%;width:100%;text-decoration:none;cursor:pointer;background:pink}#image1 li:nth-child(2n) .animated{animation-delay:0.1s;-webkit-animation-delay:0.1s}#image1 li:nth-child(2n) .animated a{border-radius:40% 60% 50% 30%/30% 40% 60% 40%}#image1 li:nth-child(3n) .animated{animation-delay:0.3s;-webkit-animation-delay:0.3s}#image1 li:nth-child(3n) .animated a{border-radius:51% 50% 50% 40%/50% 40% 80% 80%}#image1 li:nth-child(4n) .animated{animation-delay:0.2s;-webkit-animation-delay:0.2s}#image1 li:nth-child(4n) .animated a{border-radius:70% 40% 40% 30%/20% 50% 60% 50%}#image1 .box{transform-origin:center;-webkit-transform-origin:center;width:100% !important;height:100% !important;position:fixed;top:0% !important;right:0% !important;z-index:99;transition:0.1s ease-in-out;-webkit-transition:0.1s ease-in-out}#image1 .box a{border-radius:0% !important}#image1 .image{display:none;position:absolute;left:10%;top:10%;width:80%;height:80%;z-index:2;background-repeat:no-repeat;background-position:center;background-size:contain}#image1 .bg{display:none;overflow:hidden;position:absolute;top:0;left:0;width:100%;height:100%}#image1 .bg:before,#image1 .bg:after{content:"";display:block;position:absolute;height:100%;top:0;left:0;background-repeat:repeat}#image1 .close{display:none;width:100px;padding-bottom:100px;position:fixed;background:white;z-index:2;right:5%;top:5%;border-radius:50%;cursor:pointer}#image1 .close:before,#image1 .close:after{content:"";display:block;width:1px;height:60%;top:20%;right:50%;transform:rotate(45deg);-webkit-transform:rotate(45deg);background:black;position:absolute}#image1 .close:after{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}@keyframes slide_a{0%{transform:translate3d(0, 0, 0);-webkit-transform:translate3d(0, 0, 0)}100%{transform:translate3d(-2000px, 0, 0);-webkit-transform:translate3d(-2000px, 0, 0)}}@-webkit-keyframes slide_a{0%{transform:translate3d(0, 0, 0);-webkit-transform:translate3d(0, 0, 0)}100%{transform:translate3d(-2000px, 0, 0);-webkit-transform:translate3d(-2000px, 0, 0)}}@keyframes slide_b{0%{transform:translate3d(-2000px, 0, 0);-webkit-transform:translate3d(-2000px, 0, 0)}100%{transform:translate3d(0, 0, 0);-webkit-transform:translate3d(0, 0, 0)}}@-webkit-keyframes slide_b{0%{transform:translate3d(-2000px, 0, 0);-webkit-transform:translate3d(-2000px, 0, 0)}100%{transform:translate3d(0, 0, 0);-webkit-transform:translate3d(0, 0, 0)}}@keyframes slide_c{0%{transform:translate3d(0, 0, 0);-webkit-transform:translate3d(0, 0, 0)}100%{transform:translate3d(0, -2000px, 0);-webkit-transform:translate3d(0, -2000px, 0)}}@-webkit-keyframes slide_c{0%{transform:translate3d(0, 0, 0);-webkit-transform:translate3d(0, 0, 0)}100%{transform:translate3d(0, -2000px, 0);-webkit-transform:translate3d(0, -2000px, 0)}}@keyframes slide_e{0%{transform:translate3d(0, 0, 0);-webkit-transform:translate3d(0, 0, 0)}100%{transform:translate3d(0, -2000px, 0);-webkit-transform:translate3d(0, -2000px, 0)}}@-webkit-keyframes slide_e{0%{transform:translate3d(0, 0, 0);-webkit-transform:translate3d(0, 0, 0)}100%{transform:translate3d(0, -2000px, 0);-webkit-transform:translate3d(0, -2000px, 0)}}@keyframes slide_f{0%{transform:translate3d(0, -2000px, 0);-webkit-transform:translate3d(0, -2000px, 0)}100%{transform:translate3d(0, 0, 0);-webkit-transform:translate3d(0, 0, 0)}}@-webkit-keyframes slide_f{0%{transform:translate3d(0, -2000px, 0);-webkit-transform:translate3d(0, -2000px, 0)}100%{transform:translate3d(0, 0, 0);-webkit-transform:translate3d(0, 0, 0)}}@keyframes fade{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fade{0%{opacity:0}100%{opacity:1}}@keyframes scele{0%{transform:scale(1);-webkit-transform:scale(1)}100%{transform:scale(3);-webkit-transform:scale(3)}}@-webkit-keyframes scele{0%{transform:scale(1);-webkit-transform:scale(1)}100%{transform:scale(3);-webkit-transform:scale(3)}}@keyframes scele2{0%{transform:scale(1);-webkit-transform:scale(1)}100%{transform:scale(1.7);-webkit-transform:scale(1.7)}}@-webkit-keyframes scele2{0%{transform:scale(1);-webkit-transform:scale(1)}100%{transform:scale(1.7);-webkit-transform:scale(1.7)}}@keyframes rotate{0%{transform:rotate(0deg);-webkit-transform:rotate(0deg)}100%{transform:rotate(360deg);-webkit-transform:rotate(360deg)}}@-webkit-keyframes rotate{0%{transform:rotate(0deg);-webkit-transform:rotate(0deg)}100%{transform:rotate(360deg);-webkit-transform:rotate(360deg)}}@media screen and (max-width: 639px){#image1{margin:60px auto}#image1 .btn{width:40%;height:auto;padding-bottom:40%;transition:0s ease-in-out;-webkit-transition:0s ease-in-out}#image1 .box{padding-bottom:0}#image1 .animated.pulse:hover{animation-play-state:paused}#image1 .image{left:0%;top:0%;width:100%;height:100%}#image1 .close{width:15%;padding-bottom:15%;right:1%;top:1%}}