@charset "utf-8";.openbtn{position:relative;background:#ffa621;cursor:pointer;width:50px;height:50px;border-radius:5px}.openbtn span{display:inline-block;transition:all .4s;position:absolute;left:13px;height:2px;border-radius:5px;background:#fff;width:45%}.openbtn span:nth-of-type(1){top:13px}.openbtn span:nth-of-type(2){top:19px}.openbtn span:nth-of-type(3){top:25px}.openbtn span:nth-of-type(3):after{content:"Menu";position:absolute;top:5px;left:-3px;color:#fff;font-size:1rem;text-transform:uppercase}.openbtn.active span:nth-of-type(1){top:14px;left:18px;transform:translateY(6px) rotate(-45deg);width:30%}.openbtn.active span:nth-of-type(2){opacity:0}.openbtn.active span:nth-of-type(3){top:26px;left:18px;transform:translateY(-6px) rotate(45deg);width:30%}.openbtn.active span:nth-of-type(3):after{content:"Close";transform:translateY(0) rotate(-45deg);top:5px;left:4px}#g-nav{display:block;position:fixed;z-index:999;bottom:-120%;left:0;width:100%;height:calc(100% - 70px);background:#f4eede;transition:all .6s}#g-nav.panelactive{bottom:0}#g-nav.panelactive #g-nav-list{position:fixed;z-index:5;width:100%;height:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding-bottom:90px}.bl_gnav-list-container{padding:30px 20px}.bl_g-nav-item{margin-bottom:5px}.bl_gnav-list{width:100%}.bl_g-nav-item{list-style:none;text-align:center;border-radius:10px;padding:10px 0;background-color:#fdfbf2}.bl_g-nav-item a{text-decoration:none;text-transform:uppercase;letter-spacing:.1em;font-weight:700;display:flex;flex-direction:column;transition:all .1s ease-out;height:auto;font-size:1.4rem}.hp_gnav-home{border:2px solid #dc669b}.hp_gnav-about{border:2px solid #de6641}.hp_gnav-donate{border:2px solid #ef858c}.hp_gnav-service{border:2px solid #69bd8b}.hp_gnav-news{border:2px solid #74a2cc}.hp_gnav-blog{border:2px solid #f4c582}.hp_gnav-contact{border:2px solid #a55b9a}.hp_gnav-home a{color:#dc669b}.hp_gnav-about a{color:#de6641}.hp_gnav-donate a{color:#ef858c}.hp_gnav-service a{color:#69bd8b}.hp_gnav-news a{color:#74a2cc}.hp_gnav-blog a{color:#f4c582}.hp_gnav-contact a{color:#a55b9a}.bl_g-nav-inner{padding-top:15px}.bl_g-nav-inner li{width:95%;margin:0 auto;border-radius:10px;margin-bottom:5px}.bl_g-nav-inner a{padding:10px 0}.hp_g-nav-inner-about li{background-color:rgba(222,102,65,.2)}.hp_g-nav-inner-donation li{background-color:rgba(239,133,140,.2)}.hp_g-nav-inner-service li{background-color:rgba(105,189,139,.2)}@media (max-width:768px){.bl_gnav-list{display:none}#g-nav.panelactive .bl_gnav-list{display:block}}.bl_visual-bg{display:flex;flex-direction:row;overflow:hidden;width:100%}.fluid{position:absolute;background:#ffa621;opacity:.6;animation:fluidrotate 30s ease 0s infinite}@keyframes fluidrotate{0%,100%{border-radius:63% 37% 54% 46%/55% 48% 52% 45%}14%{border-radius:40% 60% 54% 46%/49% 60% 40% 51%}28%{border-radius:54% 46% 38% 62%/49% 70% 30% 51%}42%{border-radius:61% 39% 55% 45%/61% 38% 62% 39%}56%{border-radius:61% 39% 67% 33%/70% 50% 50% 30%}70%{border-radius:50% 50% 34% 66%/56% 68% 32% 44%}84%{border-radius:46% 54% 50% 50%/35% 61% 39% 65%}}.fluid01{width:360px;height:360px;left:70px;top:20px}.fluid02{width:300px;height:300px;left:420px;bottom:160px}.fluid03{width:380px;height:380px;right:345px;top:140px}.fluid04{width:250px;height:250px;right:236px;bottom:167px}#splash{position:fixed;width:100%;height:100%;z-index:999;background:#f4eede}#splash_logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#splash_logo img{width:calc(100% - 50%);margin:0 auto}@media (max-width:768px){#splash_logo img{width:260px}}.hero-img{width:100%;height:40vh;object-fit:cover;border-radius:20px}.bl_top-slider .slick-slide{margin:0 10px}@media (max-width:768px){.hero-img{width:100%;height:25vh}}#header.UpMove{animation:UpAnime .5s forwards}@keyframes UpAnime{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}#header.DownMove{animation:DownAnime .5s forwards}@keyframes DownAnime{from{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}.fadeUpTrigger{opacity:0}.fadeUp{animation-name:fadeUpAnime;animation-duration:1s;animation-fill-mode:forwards;opacity:0}@keyframes fadeUpAnime{from{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}.fadeLeftTrigger{opacity:0}.fadeLeft{animation-name:fadeLeftAnime;animation-duration:1s;animation-fill-mode:forwards;opacity:0}@keyframes fadeLeftAnime{from{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}.fadeRightTrigger{opacity:0}.fadeRight{animation-name:fadeRightAnime;animation-duration:.5s;animation-fill-mode:forwards;opacity:0}@keyframes fadeRightAnime{from{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}