@import"https://fonts.googleapis.com/css2?family=Caveat+Brush&family=Roboto:ital,wght@0,100..900;1,100..900&family=Sansation:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{font-size:1.2rem;font-family:Sansation,sans-serif;font-weight:400;font-style:normal;scroll-behavior:smooth;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;background-color:#fefff2}.top-section{position:relative;background-color:#fefff2}.lang-container{position:absolute;top:50%;transform:translateY(-50%);right:0%;margin:10px 20px 0 0;z-index:9000}.lang-img{width:30px;height:auto;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;-webkit-transition:transform .15s ease,box-shadow .15s ease}.lang-img:hover{transform:scale(1.08);-webkit-transform:scale(1.08)}#ribam-logo-div{position:absolute;width:10%;left:0;top:50%;transform:translateY(-50%);margin:0 0 0 20px;padding:5px}#ribam-logo{width:100%;height:100%;object-fit:cover;display:block}.titles{text-align:center}#title{margin:20px 0;color:#f1683a;text-shadow:4px 4px 16px rgba(138,230,239,.9),-4px -4px 8px rgba(138,230,239,.9),0 0 4px rgba(138,230,239,1);font-size:2.5rem;line-height:1.3em}.gallery-main{position:relative;background-color:transparent;justify-content:center;display:flex;align-items:center}.fixed-gallery{position:fixed;top:0;left:0}.carousel{height:70vh;width:100vw;overflow:hidden;position:relative}.carousel .list .item{width:100vw;height:70vh;position:absolute;inset:0}.carousel .list .item img{width:100%;height:100%;object-fit:cover;object-position:center}.carousel .list .item .content{position:absolute;top:20%;width:1140px;max-width:80%;left:50%;transform:translate(-50%);padding-right:15%;color:#fff;text-shadow:0 5px 10px #0004}.carousel .list .item .headline{font-weight:700;font-size:3.5rem;line-height:1.3em;color:#f1683a;text-shadow:4px 4px 16px rgba(255,255,255,.7),-4px -4px 16px rgba(255,255,255,.7),0 0 13px rgba(255,255,255,1)}.carousel .list .item .desc-1,.carousel .list .item .desc-2,.carousel .list .item .desc-3,.carousel .list .item .desc-4{color:#fff;font-size:1.7rem;font-weight:700;line-height:1.3em;text-shadow:4px 4px 8px rgba(241,104,58,.7),-4px -4px 8px rgba(241,104,58,.7),0 0 4px rgba(241,104,58,1)}.carousel .list .item:nth-child(1){z-index:1}.carousel .list .item:nth-child(1) .content .headline,.carousel .list .item:nth-child(1) .content .desc-1,.carousel .list .item:nth-child(1) .content .desc-2,.carousel .list .item:nth-child(1) .content .desc-3,.carousel .list .item:nth-child(1) .content .desc-4{transform:translateY(50px);filter:blur(20px);opacity:0;animation:showContent .5s 1s linear 1 forwards}@keyframes showContent{to{transform:translateY(0);filter:blur(0px);opacity:1}}.carousel .list .item:nth-child(1) .content .desc-1{animation-delay:1.2s!important}.carousel .list .item:nth-child(1) .content .desc-2{animation-delay:1.4s!important}.carousel .list .item:nth-child(1) .content .desc-3{animation-delay:1.6s!important}.carousel .list .item:nth-child(1) .content .desc-4{animation-delay:1.8s!important}.thumbnail{position:absolute;bottom:20px;right:30px;width:max-content;z-index:100;display:flex;flex-direction:column-reverse;gap:20px}.thumbnail .item{width:200px;height:135px;flex-shrink:0;position:relative}.thumbnail .item img{width:100%;height:100%;border:3px solid #eee;border-radius:15px;object-fit:cover}.thumbnail .item .content{position:absolute;bottom:10px;left:10px;right:10px}.thumbnail .item .content .desc-1{font-weight:900;color:#f1683a;text-shadow:4px 4px 8px rgba(255,255,255,.8),-4px -4px 8px rgba(255,255,255,.8),0 0 5px rgba(255,255,255,1)}.thumbnail .item{cursor:default;transition:transform .3s ease}.thumbnail .item.active-thumb{transform:scale(1.05)}.arrows{position:absolute;bottom:3%;right:52%;z-index:100;width:300px;max-width:30%;display:flex;gap:10px;align-items:center;justify-content:space-evenly}.arrows button{width:40px;height:40px;border-radius:50%;background-color:#eee7;border:none;color:#f1683a;font-family:monospace;font-weight:700;transition:.5s;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;line-height:0}.arrows button:hover{background-color:#fff;color:#000}.carousel .time{position:absolute;z-index:999;width:0%;height:4px;background-color:#f1683a;left:0;top:0}.carousel.next .time,.carousel.prev .time{animation:runningTime 3s linear 1 forwards}@keyframes runningTime{0%{width:100%}to{width:0}}.carousel.next .list .item:nth-child(1) img{width:220px;height:150px;position:absolute;bottom:50px;right:50px;border-radius:30px;animation:showImage .5s linear 1 forwards}@keyframes showImage{to{bottom:0;right:0;width:100%;height:100%;border-radius:0}}.carousel.next .thumbnail .item:nth-last-child(1){overflow:hidden;animation:showThumbnail .5s linear 1 forwards}@keyframes showThumbnail{0%{height:0;opacity:0}}.carousel.next .thumbnail{animation:effectNext .5s linear 1 forwards}@keyframes effectNext{0%{transform:translateY(-150px)}}.carousel.prev .list .item:nth-child(1) img{z-index:1}.carousel.prev .list .item:nth-child(2) img{position:absolute;bottom:0;right:0;z-index:1;animation:outFrame .5s linear 1 forwards}@keyframes outFrame{to{width:100px;height:67px;bottom:50px;right:50px;border-radius:20px}}.carousel.prev .thumbnail .item:nth-child(1){overflow:hidden;opacity:0;animation:showThumbnailPrev .5s linear 1 forwards}@keyframes showThumbnailPrev{to{opacity:1;height:100%}}.carousel.prev .thumbnail{animation:effectPrev .5s linear 1 forwards}@keyframes effectPrev{0%{transform:translateY(150px)}}.carousel.prev .list .item:nth-child(2) .content .headline,.carousel.prev .list .item:nth-child(2) .content .desc-1,.carousel.prev .list .item:nth-child(2) .content .desc-2,.carousel.prev .list .item:nth-child(2) .content .desc-3,.carousel.prev .list .item:nth-child(2) .content .desc-4{animation:contentOut 1.5s linear 1 forwards!important}@keyframes contentOut{to{transform:translateY(-150px);filter:blur(20px);opacity:0}}@media screen and (max-width:678px){.carousel .list .item .content{padding-right:0}.carousel .list .item .content .desc-1{font-size:30px}}.outer{margin:2rem;border:3px solid #f1683a;padding:1.5rem;color:#f1683a;background-color:#ffdab3;border-radius:20px}#m-header{text-align:center;font-weight:700;font-size:3rem;line-height:1.3em}.container{display:flex;position:relative;border:1px solid #fff;border-radius:20px}.m-titles{width:30%;position:relative;font-size:1rem;font-weight:500}.top-layer{position:absolute;top:0;left:0;width:100%;pointer-events:none;border-top-left-radius:20px;transition:height .5s ease;border-bottom:2px solid white}.m-paras{width:100%}.m-paras p{margin:20px;cursor:pointer}.m-paras p.title-active{font-weight:900;cursor:auto;pointer-events:none}.m-desc-container{flex:1;margin-left:20px;margin-right:20px;position:relative}.m-desc{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;transition:all .5s ease;font-size:1.5rem;font-weight:700;width:calc(70% - 1.5rem);text-align:justify;filter:blur(10px)}.desc-active{opacity:1;filter:blur(0px)}#m-title-empty{visibility:hidden;cursor:auto;pointer-events:none}#m-pause-div{position:relative;width:100%;height:60px;text-align:center;margin-bottom:.5rem}@property --pie-angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}#m-segment{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:53px;height:53px;border-radius:50%;--pie-angle: 0deg;background:conic-gradient(red 0deg var(--pie-angle),transparent var(--pie-angle) 360deg);z-index:900}@keyframes fillTimer{to{--pie-angle: 360deg}}.timer-active{animation:fillTimer 5s linear infinite}#m-pause-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;color:#fff;border-radius:50%;cursor:pointer;transition:all .3s ease;background-color:#d0a675;z-index:901}#m-pause-btn:hover{color:#d0a675;background-color:#fff}.highlights{display:flex;justify-content:space-between;align-items:stretch;gap:1.5rem;margin:2rem 5rem;flex-wrap:wrap}.highlight{flex:1 1 30%;background-color:#fff0f5;padding:1rem;border-radius:8px;box-shadow:0 2px 6px #0003;text-align:center;transition:all .2s ease}.highlight:hover{transform:translateY(-4px);box-shadow:0 6px 14px #00000040}.highlight-icon{font-size:40px}.highlight h5{margin-bottom:.5rem;font-size:1.1rem;color:#933}.highlight p{font-size:.95rem;color:#555}.info-book{display:flex;width:100%;align-items:stretch;position:relative;background-color:#faebd7}.info-book .faqs{flex:1;padding:2rem;box-sizing:border-box}.info-book .ask-book{flex:1;display:flex;flex-direction:column;justify-content:flex-start;padding:2rem;box-sizing:border-box;position:relative;text-align:center}.info-book:before{content:"";position:absolute;top:2rem;bottom:2rem;left:50%;width:1px;background-color:#ccc;transform:translate(-50%);z-index:1}.ask-book .ask{align-self:center;margin-bottom:0}.ask-book .book{align-self:center}#reg-btn{font-size:1rem;font-weight:700;margin-top:.5rem;padding:15px 30px;background-color:#933;color:#fff;border:none;border-radius:30px;cursor:pointer;transition:all .3s ease}#reg-btn:hover{background-color:#005fa3;transform:scale(1.05);border:3px solid #933;color:#933;background-color:#f5e0c8}.faqs{max-width:800px;margin:2rem auto}.faq{padding:10px 0}.faqs h3{text-align:center;padding-bottom:1.5rem;color:#933;font-size:1.5rem}.ask h3{padding-bottom:1.5rem;color:#933;font-size:1.5rem}.book{width:100%;position:relative}.book:before{content:"";position:absolute;left:2rem;right:2rem;top:0;height:1px;background-color:#ccc;z-index:1}.book h3{padding-top:2.5rem;padding-bottom:1.25rem;color:#933;font-size:1.5rem}.faq-line{cursor:pointer;position:relative;margin:0;font-size:1.05rem;color:#933;background-color:#f5e0c8;padding:7px 15px;border-radius:7px;transition:color .3s ease;display:flex;justify-content:space-between;align-items:center}.faq h5:hover{color:#07c;padding-right:5px}.faq .faq-line .arrow-icon{transition:transform .3s ease;flex:0 0 32px}.faq.open .arrow-icon{transform:rotate(180deg)}.faq p{max-height:0;color:#744;overflow:hidden;opacity:0;transition:all .4s ease;margin:0}.faq.open p{max-height:500px;opacity:1;margin-top:.5rem;padding:5px 5px 10px;text-align:justify}.ask{margin:2rem auto}.ask-line{display:flex;padding:7px 0}.ask-line:last-child{padding-bottom:2.5rem}.ask-line ion-icon{padding-right:25px;font-weight:900;color:#744}.ask-line a{color:#744;text-decoration:none;transition:color .2s ease}.ask-line a:hover{color:#07c;text-decoration:underline}@media(max-width:575.98px){.lang-container img{width:17px}#ribam-logo-div{width:70%;left:50%;top:50%;transform:translate(-50%,-50%);margin:0 0 0 20px;padding:5px;z-index:1;opacity:.4}#title,#title-date{font-size:20px;text-shadow:none}.titles{padding-left:15%;padding-right:15%}.carousel .list .item .headline{font-size:24px}.carousel .list .item .content .desc-1,.carousel .list .item .content .desc-2,.carousel .list .item .content .desc-3,.carousel .list .item .content .desc-4{font-size:18px}.arrows{max-width:50%}.outer{margin:2rem 20px;padding:1rem 5px}#m-header{font-size:24px}#m-pause-div{height:30px}#m-segment{height:28px;width:28px}#m-pause-btn,#m-play-btn{height:25px;width:25px}.outer .container .m-titles .m-paras p{font-size:12px!important;margin-left:5px;margin-right:5px}.outer .container .m-desc-container{margin:7px}.outer .container .m-desc-container .m-desc{font-size:16px;width:100%;line-height:1.3}.highlights{margin:2rem;flex-direction:column;gap:1rem}.highlight-icon{font-size:20px}.highlight h5{margin-bottom:.2rem;font-size:.9rem}.highlight p{font-size:.8rem}.info-book{flex-direction:column}.info-book:before{z-index:-1}.faqs,.ask-book{margin:1rem auto;padding-top:.5rem!important;padding-bottom:.5rem!important}#faqs-title{font-size:1rem;padding-bottom:.5rem}.faq-line{display:flex;width:100%;justify-content:space-between}.faqs h5{font-size:.9rem}.faq .faq-line .arrow-icon{flex:0 0 24px}.faq p{font-size:.8rem}.ask-book{padding:.5rem}.ask{margin:.5rem auto}.ask:before{position:absolute;content:"";top:0;left:3%;width:94%;border-top:1px solid #ccc}.ask h3,.book h3{font-size:1rem;padding-bottom:.5rem}.ask-line p,#reg-btn{font-size:.8rem}}@media(min-width:576px)and (max-width:767.98px){.lang-container img{width:22px}#ribam-logo-div{width:13%}#title,#title-date{font-size:1.5rem}.titles{padding-left:15%;padding-right:15%}.carousel .list .item .headline{font-size:1.5rem}.carousel .list .item .content .desc-1,.carousel .list .item .content .desc-2,.carousel .list .item .content .desc-3,.carousel .list .item .content .desc-4{font-size:1.2rem}.arrows{max-width:40%}.outer{margin:2rem 20px;padding:1rem 5px}#m-header{font-size:1.3rem}#m-pause-div{height:35px}#m-segment{height:32px;width:32px}#m-pause-btn,#m-play-btn{height:29px;width:29px}.outer .container .m-titles{width:40%}.outer .container .m-titles .m-paras p{font-size:14px!important;margin-left:5px;margin-right:5px}.outer .container .m-desc-container{margin:7px}.outer .container .m-desc-container .m-desc{font-size:16px;width:100%;line-height:1.4}.highlights{margin:2rem;flex-direction:column;gap:1rem}.highlight-icon{font-size:1.2rem}.highlight h5{margin-bottom:.2rem;font-size:1.1rem}.highlight p{font-size:.8rem}.info-book{flex-direction:column}.info-book:before{z-index:-1}.faqs,.ask-book{margin:1rem auto;padding-top:.5rem!important;padding-bottom:.5rem!important}#faqs-title{font-size:1.2rem;padding-bottom:.5rem}.faq-line{display:flex;width:100%;justify-content:space-between}.faqs h5{font-size:1rem}.faq .faq-line .arrow-icon{flex:0 0 24px}.faq p{font-size:.9rem}.ask-book{padding:.5rem}.ask{margin:.5rem auto}.ask:before{position:absolute;content:"";top:0;left:3%;width:94%;border-top:1px solid #ccc}.ask h3,.book h3{font-size:1.2rem;padding-bottom:.5rem}.ask-line p,#reg-btn{font-size:.9rem}}@media(max-width:767.98px)and (orientation:portrait){.thumbnail{display:none!important}}@media(min-width:768px)and (max-width:991.98px){.lang-container img{width:22px}#ribam-logo-div{width:13%}#title,#title-date{font-size:2rem}.titles{padding-left:15%;padding-right:15%}.carousel .list .item .headline{font-size:1.8rem}.carousel .list .item .content .desc-1,.carousel .list .item .content .desc-2,.carousel .list .item .content .desc-3,.carousel .list .item .content .desc-4{font-size:1rem}.arrows{max-width:30%}.thumbnail .item{width:180px;height:121px}.outer{margin:2rem 20px;padding:1rem 5px}#m-header{font-size:1.3rem}#m-pause-div{height:35px}#m-segment{height:32px;width:32px}#m-pause-btn,#m-play-btn{height:29px;width:29px}.outer .container .m-titles{width:40%}.outer .container .m-titles .m-paras p{font-size:14px!important;margin-left:5px;margin-right:5px}.outer .container .m-desc-container{margin:30px}.outer .container .m-desc-container .m-desc{font-size:16px;width:100%;line-height:1.4}.highlights{margin:2rem;flex-direction:column;gap:1rem}.highlight-icon{font-size:1.2rem}.highlight h5{margin-bottom:.2rem;font-size:1.1rem}.highlight p{font-size:.8rem}.info-book{flex-direction:column}.info-book:before{z-index:-1}.faqs,.ask-book{margin:1rem auto;padding-top:.5rem!important;padding-bottom:.5rem!important}#faqs-title{font-size:1.2rem;padding-bottom:.5rem}.faq-line{display:flex;width:100%;justify-content:space-between}.faqs h5{font-size:1rem}.faq .faq-line .arrow-icon{flex:0 0 24px}.faq p{font-size:.9rem}.ask-book{padding:.5rem}.ask{margin:.5rem auto}.ask:before{position:absolute;content:"";top:0;left:3%;width:94%;border-top:1px solid #ccc}.ask h3,.book h3{font-size:1.2rem;padding-bottom:.5rem}.ask-line p,#reg-btn{font-size:.9rem}}@media(min-width:992px)and (max-width:1199.98px){#ribam-logo-div{width:12%}#title,#title-date{font-size:2rem}.titles{padding-left:15%;padding-right:15%}.carousel .list .item .headline{font-size:2rem}.carousel .list .item .content .desc-1,.carousel .list .item .content .desc-2,.carousel .list .item .content .desc-3,.carousel .list .item .content .desc-4{font-size:1.2rem}.outer{margin:2rem 20px;padding:1rem}#m-header{font-size:1.5rem}#m-pause-div{height:35px}#m-segment{height:32px;width:32px}#m-pause-btn,#m-play-btn{height:29px;width:29px}.outer .container .m-titles{width:40%}.outer .container .m-titles .m-paras p{font-size:18px!important;margin-left:10px;margin-right:10px}.outer .container .m-desc-container{margin:30px}.outer .container .m-desc-container .m-desc{font-size:20px;width:100%;line-height:1.4}.highlights{margin:2rem;flex-direction:column;gap:1rem}.highlight-icon{font-size:1.4rem}.highlight h5{margin-bottom:.2rem;font-size:1.4rem}.highlight p{font-size:1rem}.info-book{flex-direction:column}.info-book:before{z-index:-1}.faqs,.ask-book{margin:1rem auto;padding-top:.5rem!important;padding-bottom:.5rem!important}#faqs-title{font-size:1.4rem;padding-bottom:.5rem}.faq-line{display:flex;width:100%;justify-content:space-between}.faqs h5{font-size:1.2rem}.faq p{font-size:1rem}.ask-book{padding:.5rem}.ask{margin:.5rem auto}.ask:before{position:absolute;content:"";top:0;left:3%;width:94%;border-top:1px solid #ccc}.ask h3,.book h3{font-size:1.3rem;padding-bottom:.5rem}.ask-line p{font-size:1rem}#reg-btn{font-size:rem}}
