@import url("https://use.typekit.net/rsr6gxh.css");
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
*{font-family: "Montserrat", sans-serif;}
body{margin:0;padding:0;}
body, html{overflow-x:hidden;}
a{text-decoration:none;}
.container-fluid{max-width:90%;}
p{margin:0;padding:0;}
canvas { display: block; }

.header{position:relative;height:110vh;width:100%;}
.nav-head{position:absolute;top:0;z-index:999;width:100%;}
.navbar{background-color:transparent;padding:2rem 0;z-index:2;}
.navbar .navbar-nav .dropdown-menu{border-radius:20px;margin-top:1rem;box-shadow: 0 0 10px 0 #00000010;border: none;}
.navbar .navbar-nav .dropdown-item{transition: .3s;}
.navbar .navbar-nav .dropdown-item:focus, .navbar .navbar-nav .dropdown-item:hover{color: #fff;background-color: #0e9e98;border-radius: 8px;transition: .3s;}
.navbar .navbar-nav .dropdown-menu li{padding:.5rem;}
.navbar .navbar-nav .dropdown-toggle::after {background-color: transparent !important;position: relative !important;width: auto !important;height: auto !important;bottom: 0 !important; border: 0 !important; content: none !important;}
.navbar .navbar-nav .fi {border-radius: 50%; width: 1.5em; height: 1.5em; background-size: cover;}

.floating-buttons {
    position: fixed;
    right: 30px;
    bottom: 30px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 15px;
    z-index: 9999;
}

.floating-button {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff !important;
    font-size: 24px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    transition: all 0.3s ease;
    text-decoration: none;
}

.floating-button.phone {
    background-color: #00a29c;
}

.floating-button.location {
    background-color: #00a29c;
}


.floating-button:hover {
    transform: scale(1.1);
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.4);
}

@media (max-width: 991px) {
    .floating-buttons {
        right: 20px;
        bottom: 20px;
        gap: 10px;
    }
    .floating-button {
        width: 50px;
        height: 50px;
        font-size: 20px;
    }
}
.navbar .logo{width:200px;filter:brightness(0) invert(1);}
.navbar .navbar-nav select{border:none;font-size:12pt;padding:0 6px;background-color:transparent;color:#fff;border:1px solid #fff;padding:.5rem .3rem;font-weight:600;border-radius:10px;}@media (min-width: 992px){ .navbar .navbar-collapse{display:grid!important;}}
.navbar .top-items{list-style: none;gap:3rem;display:flex;align-items:center;justify-content: end;margin:1.5rem 0;}
.navbar .top-items li .items{display:flex;align-items:center;justify-content:center;gap:1rem;}
.navbar .top-items li .items p,  .navbar .top-items li .items a p{font-size:10pt;}
.navbar .top-items li .items *{color:#fff;}
.navbar li .search{cursor:pointer;display:flex;align-items:center;}
.navbar .navbar-nav{margin-left:auto;align-items:center;}
.navbar .navbar-nav .mbl-items,  .navbar .navbar-nav .mbl-items-extra{display:none;}
.navbar .navbar-nav p{color:#fff;font-size:10pt;}
.navbar .navbar-nav .nav-item{padding:0 .75rem!important;}
.navbar .navbar-nav .nav-item i{color:#fff;position:relative;z-index:1;transition: .2s;}
.navbar .navbar-nav .nav-item .extra-items{position:relative;display:grid;align-items:center;justify-items:center;justify-content:center;}
.navbar .navbar-nav .nav-item .extra-items div{background-color:#fff;padding:1rem;border-radius:12px;color:#02a29c;position:absolute;display:grid;justify-items:center;width:200px;top:30px;opacity:0;transition: .3s;}
.navbar .navbar-nav .nav-item .extra-items div p{color:#02a29c;}
.navbar .navbar-nav .nav-item .extra-items div::after{content:'\25B2';position:absolute;top: -14px;color: #fff;}
.navbar .navbar-nav .nav-item .extra-items i:hover + div {opacity: 1;transition: 0.3s;opacity:1;transition: .3s;}
.navbar .navbar-nav .nav-link{color:#fff;display:flex;align-items:center;gap:.5rem;position:relative;font-size:12pt;padding:0!important;transition: .3s;}
.navbar .navbar-nav .nav-link:hover{color:#fff;transition: .3s;}
.navbar .navbar-nav .nav-link::after{content:'';background-color:#fff;width:0;height:2px;position:absolute;bottom:-4px;transition:.3s;}
.navbar .navbar-nav .nav-link:hover::after{width:100%;transition:.3s;}
.navbar .hr{width:50%;height:1px;background-color:#fff;opacity:.5;margin-left:auto!important;margin-bottom:1.5rem;}
.navbar .status-open{background-color:#00be16;border:1px solid #00be16;color:#fff;padding:.75rem 1.5rem;border-radius:15px;transition: .3s;}
.navbar .status-open:hover{background-color:transparent;color:#00be16;transition: .3s;}
.navbar .status-close{background-color:#be0000;border:1px solid #be0000;color:#fff;padding:.75rem 1.5rem;border-radius:15px;transition: .3s;}
.navbar .status-close:hover{background-color:transparent;color:#be0000;transition: .3s;}

.status-wrapper {
    position: relative;
    display: flex;
    justify-content: center;
}

.status-hours {
    background-color: #fff;
    padding: 1rem;
    border-radius: 12px;
    color: #02a29c;
    position: absolute;
    display: grid;
    justify-items: center;
    width: 250px;
    top: 50px;
    opacity: 0;
    visibility: hidden;
    transition: .3s;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    z-index: 10;
}

.status-hours p {
    color: #02a29c !important;
    font-size: 10pt;
    margin-bottom: 5px !important;
    white-space: nowrap;
}

.status-hours::after {
    content: '\25B2';
    position: absolute;
    top: -14px;
    color: #fff;
}

.status-wrapper:hover .status-hours {
    opacity: 1;
    visibility: visible;
    top: 60px;
}

@media (max-width: 991px) {
    .navbar-collapse .status-wrapper {
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
        margin-top: 1rem;
    }

    .navbar-collapse .status-hours {
        position: relative;
        top: 0 !important;
        opacity: 1 !important;
        visibility: visible !important;
        box-shadow: none;
        width: 100%;
        background-color: transparent !important;
        padding: 10px 0;
        justify-items: start;
    }

    .navbar-collapse .status-hours p {
        color: #16171d !important;
        text-align: left;
        white-space: normal;
    }

    .navbar-collapse .status-hours::after {
        display: none;
    }

    .mbl-hr-status {
        width: 100% !important;
        margin: 1rem 0 !important;
        opacity: 0.2 !important;
        margin-left: -0.75rem !important;
    }
}

.header-fixed .status-hours, .dark-navbar .status-hours {
    background-color: #02a29c;
    color: #fff;
}

.header-fixed .status-hours p, .dark-navbar .status-hours p {
    color: #fff !important;
}

.header-fixed .status-hours::after, .dark-navbar .status-hours::after {
    color: #02a29c;
}
.search-popup{background-color: #fff;padding: 10px;display:flex;}
.search-input{color: white;border:0;outline: 0;background: none;width: 0;margin-top:5px;caret-color:transparent;line-height: 40px;transition: width 0.4s linear;}
.search-popup .search-input{padding: 0 10px;width: 550px;caret-color: #536bf6;font-size: 21px;font-weight: 300;color: black;transition: width 0.4s linear;}
.search-popup:hover>.search-icon{background:#00a29c;color:#fff;}
.search-icon{height: 50px;width: 60px;float: right;display: flex;justify-content: center;align-items: center;color: white;background-color: #2c2c2c;transition: .3s;}

.header-fixed{position:fixed;width:100%;background-color:#fff;box-shadow:0 10px 10px 0 #00000013;transition: .3s;}
.header-fixed .navbar .logo, .dark-navbar .navbar .logo{width:200px;filter:none;transition: .3s;}
.header-fixed .navbar .navbar-nav .nav-link, .header-fixed .navbar .top-items li .items *, .header-fixed .navbar .navbar-nav p, .dark-navbar .navbar .navbar-nav .nav-link, .dark-navbar .navbar .top-items li .items *, .dark-navbar .navbar .navbar-nav p{color:#000;transition: .3s;}
.header-fixed .navbar .hr, .dark-navbar .navbar .hr{background-color:#000;transition: .3s;}
.header-fixed .navbar .navbar-nav select, .dark-navbar .navbar .navbar-nav select{color:#000;border-color:#000;transition: .3s;}
.header-fixed .navbar .navbar-nav .nav-item i, .dark-navbar .navbar .navbar-nav .nav-item i{color:#000;position:relative;z-index:1;transition: .2s;}
.header-fixed .navbar .navbar-nav .nav-item .extra-items div, .dark-navbar .navbar .navbar-nav .nav-item .extra-items div{background-color:#02a29c;padding:1rem;border-radius:12px;color:#fff;position:absolute;display:grid;justify-items:center;width:200px;top:30px;opacity:0;transition: .3s;}
.header-fixed .navbar .navbar-nav .nav-item .extra-items div p, .dark-navbar .navbar .navbar-nav .nav-item .extra-items div p{color:#fff;}
.header-fixed .navbar .navbar-nav .nav-item .extra-items div::after, .dark-navbar .navbar .navbar-nav .nav-item .extra-items div::after{content:'\25B2';position:absolute;top: -14px;color: #02a29c;}
.header-fixed .navbar .navbar-nav .nav-link:hover, .dark-navbar .navbar .navbar-nav .nav-link:hover{color:#02a29c;}
.header-fixed .navbar .navbar-nav .nav-link::after, .dark-navbar .navbar .navbar-nav .nav-link::after{content:'';background-color:#02a29c;transition:.3s;}

.header .main-slide{width:100%;height: 100vh;background-color:#00a29c;background-image:url('/storage/web/assets/img/header/bg.png');background-size:cover;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center;border-radius: 0 0 100px 100px;}
.header .main-slide .mainSlider{margin-top:10rem;}
.header .main-slide .mainSlider .texts{display:grid;max-width:500px;}
.header .main-slide .mainSlider .texts h6{font-weight:500;color:#fffffff1;}
.header .main-slide .mainSlider .texts h1{font-weight:900;color:#fff;font-size:40pt;display: -webkit-box;overflow:hidden;-webkit-line-clamp: 3;line-clamp: 3; -webkit-box-orient: vertical;}
.header .main-slide .mainSlider .texts p{color:#ffffffbd;overflow: hidden;display: -webkit-box;overflow:hidden;-webkit-line-clamp: 3;line-clamp: 3; -webkit-box-orient: vertical;}
.header .main-slide .mainSlider .texts a{color:#00a29c;background-color:#fff;border:1px solid #fff;padding:1rem 4rem;width: fit-content;border-radius:15px;margin-top:1rem;transition: .3s;}
.header .main-slide .mainSlider .texts a:hover{color:#fff;background-color:transparent;transition: .3s;}
.header .main-slide .mainSlider .image{width:100%;height:100%;padding: 3rem 0;filter: drop-shadow(0px 0px 12px #00000020);}
.header .main-slide .mainSlider .image img{width:100%;height:100%;object-fit:cover;border-radius:15px;}
.header .main-slide .mainSlider .swiper-button-next{background: url('/storage/web/assets/img/header/arrow-prev-bg.png');background-repeat: no-repeat;background-size: contain;width: 50px;height: 110px;right: 0;opacity:1;rotate:180deg;}
.header .main-slide .mainSlider .swiper-button-next::after{font-size:17pt;color:#02a29c;rotate:180deg;}
.header .main-slide .mainSlider .swiper-button-prev{background: url('/storage/web/assets/img/header/arrow-prev-bg.png');background-repeat: no-repeat;background-size: contain;width: 50px;height: 110px;left: 0;opacity:1;}
.header .main-slide .mainSlider .swiper-button-prev::after{font-size:17pt;color:#02a29c;}

.header .sky{width:100%;height:100vh;position:relative;top: -100px;display:flex;align-items:center;justify-content:center;z-index: -1;}
.header .sky .container-fluid{z-index:1;margin-top:10rem;}
.header .sky .head{;font-weight:900;color:#00a29c;font-size:40pt;margin-top:-15rem;}
.header .sky .bg{position:absolute;width:100%;height: 100vh;}
.header .sky .bg img{width:100%;height:100%;position:absolute;object-fit:cover;}
.header .sky .animation-texts{display:flex;align-items:end;gap:.5rem;}
.header .sky .animation-texts .console-underscore{animation:opacityEffect .6s linear infinite;position:relative;top:-.5rem;}
.header .sky .bg #night{opacity:1;transition: 1s;}
.header .sky .bg #morning{opacity:0;transition: 1s;}
.header #world-images{width:auto;height: 100vh;mix-blend-mode:multiply;position: relative;left: 40%;bottom: -10%;}
@keyframes opacityEffect{ 0%{opacity:1;} 50%{opacity:0;} 100%{opacity:1;} }

.corporate{width:100%;padding: 7rem 0 8rem 0;position: relative;display:flex;align-items:center;justify-content:center;transition: transform 0.5s ease-out;z-index:1;margin-top: 80vh;box-shadow: 0 -30vh 30vh 0 #00000007;}
.corporate .afterbg{width: 100%;position: absolute;top: -43%;z-index: 1;height: 361px;transition: .3s;}
.corporate .rocket{position:absolute;top:-52%;z-index:2}
.corporate .logomark{width:300px;display:flex;justify-content:center;margin:auto;}
.corporate .head{color:#02a29c;;font-weight:900;font-size:50pt;}
.corporate p{margin-top:2rem;font-size:13pt;}

.science-center{background-color:#fff;width:100%;margin-top: 8rem;height:670px;z-index:1;position:relative;display:flex;align-items:center;justify-content:center;transition: .5s;}
.science-center .light{position:absolute;bottom:0;width:100%;opacity:1;transition: opacity 0.5s ease;}
.science-center .dark{position:absolute;bottom:0;width:100%;opacity:0;transition: opacity 0.5s ease;}
.science-center .stars{width:auto;height:100%;animation:starsEffect 5s linear infinite;}
.science-center img {width: 100%;height: 720px;object-fit: cover;}
.science-center .astronaut-container{position:absolute;top:-150px;left:48%;z-index:1;}
.science-center .astronaut-container .astronaut{position:absolute;z-index:1;width:150px;transition: opacity 0.5s ease;display:none;}
.science-center .astronaut.show {display:block;}
@keyframes starsEffect{ 0%{transform:translate(0);} 50%{transform:translate(10px, 5px);} 100%{transform:translate(0);} }

.exhibition-faq{width:100%;position:relative;background-color:#fff;}
.exhibition-faq .bgimage{width:100%;height:auto;position:absolute;}
.exhibition-faq .exhibition-galleries{position:relative;}
.exhibition-faq .exhibition-galleries .justify-content-end{justify-content:end;}
.exhibition-faq .exhibition-galleries .head{display:flex;align-items:center;gap:1.5rem;}
.exhibition-faq .exhibition-galleries .head h1{;font-weight:900;font-size:40pt;color: #16171d;}
.exhibition-faq .exhibition-galleries .head a{;font-weight:400;color: #16171d;font-size:16pt;margin-top:1.5rem;display:grid;justify-content:center;justify-items:center;}
.exhibition-faq .exhibition-galleries .head a::after{content:'';background-color:#0f0416;width:0%;height:1px;transition: .3s;}
.exhibition-faq .exhibition-galleries .head a:hover::after{width:110%;transition: .3s;}
.exhibition-faq .exhibition-galleries .exhibitionSlider{margin-top:5rem;}
.exhibition-faq .exhibition-galleries .exhibitionSlider .swiper-wrapper{margin-bottom:3rem;}
.exhibition-faq .exhibition-galleries .exhibitionSlider .swiper-pagination-bullet-active{background:#16171d;}
.exhibition-faq .exhibition-galleries .exhibitionSlider .box{background-color: #16171d;display: grid;width:100%;height:550px;border-radius:30px;position:relative;transition: .3s;}
.exhibition-faq .exhibition-galleries .exhibitionSlider .box .contents{padding:5rem 2rem;gap:1rem;display:flex;align-items:center;justify-content:space-between;transition: .3s;height: fit-content;}
.exhibition-faq .exhibition-galleries .exhibitionSlider .box .contents .icon{background-color:#fff;width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition: .3s;}
.exhibition-faq .exhibition-galleries .exhibitionSlider .box .contents .icon img{width:50%;transition: .3s;}
.exhibition-faq .exhibition-galleries .exhibitionSlider .box .contents h2{color:#fff;font-weight:700;max-width:250px;transition: .3s;display: -webkit-box;overflow:hidden;-webkit-line-clamp: 3;line-clamp: 3; -webkit-box-orient: vertical;overflow: hidden;font-size:21pt;}
.exhibition-faq .exhibition-galleries .exhibitionSlider .box .image{position:absolute;bottom:0;width:100%;height:300px;transition: .3s;}
.exhibition-faq .exhibition-galleries .exhibitionSlider .box .image img{width:100%;height:100%;object-fit:cover;border-radius:200px 200px 30px 30px;filter:brightness(.5);transition: .3s;}
.exhibition-faq .exhibition-galleries .exhibitionSlider .box:hover{background-color:#ededed;transition: .3s;}
.exhibition-faq .exhibition-galleries .exhibitionSlider .box:hover .contents .icon{background-color: #16171d;transition: .3s;}
.exhibition-faq .exhibition-galleries .exhibitionSlider .box:hover .contents .icon img{filter:brightness(0) invert(1);transition: .3s;}
.exhibition-faq .exhibition-galleries .exhibitionSlider .box:hover .contents h2{color: #16171d;transition: .3s;}
.exhibition-faq .exhibition-galleries .exhibitionSlider .box:hover .image img{border-radius:30px;filter:brightness(1);transition: .3s;}
.exhibition-faq .exhibition-galleries .swiper-button-next, .exhibition-faq .exhibition-galleries .swiper-button-prev{position:relative;background-color: #16171d;border: 1px solid #16171d;width:50px;height:50px;border-radius:50%;left:0;right:0;transition: .3s;}
.exhibition-faq .exhibition-galleries .swiper-button-next::after, .exhibition-faq .exhibition-galleries .swiper-button-prev::after{font-size:16pt;color:#fff;transition: .3s;}
.exhibition-faq .exhibition-galleries .swiper-button-next:hover, .exhibition-faq .exhibition-galleries .swiper-button-prev:hover{background-color:transparent;transition: .3s;}
.exhibition-faq .exhibition-galleries .swiper-button-next:hover::after, .exhibition-faq .exhibition-galleries .swiper-button-prev:hover::after{color:#0f0416;transition: .3s;}
.exhibition-faq .exhibition-galleries .swiper-button-prev{left:-10px;}

.faq{position:relative;margin-top: 10rem;}
.faq .head{;font-weight:900;font-size:40pt;color: #16171d;}
.faq .head b{color:transparent;-webkit-text-stroke: 2px #16171d;}
.faq .daily-hour{display:flex;align-items:center;background-color: #16171d;border: 1px solid #16171d;padding:1.3rem 2rem;border-radius:30px;gap:1rem;width:fit-content;color:#fff;transition: .3s;}
.faq .daily-hour i{font-size:16pt;padding:0;margin:0;}
.faq .daily-hour h6{padding:0;margin:0;}
.faq .daily-hour:hover{background-color:transparent;color: #16171d;transition: .3s;}
.faq .accordion-item{border:none;border-bottom:1px solid #242424;background-color:transparent;}
.faq .accordion-item:last-child {border:none!important;}
.faq .accordion-button{background-color:transparent;}
.faq .accordion-button h5{max-width:60%;}
.faq .accordion-button:not(.collapsed){color:#02a29c;}
.faq .accordion-button:not(.collapsed)::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2302a29c'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")}

.exhibition-faq .explore-head{;font-size:100pt;font-weight:900;margin-top:6rem;color:#16171d;}

.explore{background-color:#16171d;position:relative;top:-2rem;padding:10rem 0;}
.explore .workshops{position:relative;}
.explore .workshopSlider{height:980px;margin-top:2rem;}
.explore .workshopSlider .swiper-wrapper{margin-bottom:3rem;}
.explore .workshop-swiper-pagination{display:flex;justify-content:center;margin-top:1.5rem;}
.explore .workshop-swiper-pagination .swiper-pagination-bullet-active{background:#fff;}
.explore .workshops .col-lg-3{margin-top:2rem;}
.explore .workshops .head{color:#fff;;font-size:40pt;font-weight:900;}
.explore .workshops .box{width:100%;height:470px;border-radius:15px;background-color:#23242b;display:grid;align-content:space-between;padding:2rem;cursor:pointer;}
.explore .workshops .box .info{display:flex;align-items:center;justify-content:space-between;gap:2rem;width:100%;height:300px;}
.explore .workshops .box .info .item{width:10%;display:grid;align-content:space-between;height:80%;}
.explore .workshops .box .info .item img{max-width:40px;max-height:40px;filter:brightness(0) invert(1);}
.explore .workshops .box .info .item .number{color:#fff;font-weight:700;font-style:italic;}
.explore .workshops .box .info .image{width:90%;height:100%;}
.explore .workshops .box .info .image img{width:100%;height:100%;overflow:hidden;object-fit:cover;border-radius:15px;transition: .3s;}
.explore .workshops .box .info .image img:hover{transform:scale(1.07);transition: .3s;}
.explore .workshops .box .bottom{display:flex;align-items:center;justify-content: space-between;}
.explore .workshops .box .bottom h2{color:#fff;font-weight:700;max-width:340px;overflow: hidden;display: -webkit-box;overflow:hidden;-webkit-line-clamp: 2;line-clamp: 2; -webkit-box-orient: vertical;}
.explore .workshops .box .bottom .arrow{width:50px;height:50px;border:1px solid #fff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;transition: .3s;}
.explore .workshops .box .bottom .arrow:hover{background-color:#fff;color:#23242b;transition: .3s;}
.explore .workshops .ws-swiper-button-next, .explore .workshops .ws-swiper-button-prev{position:relative;background-color: #fff;border: 1px solid #fff;width:50px;height:50px;border-radius:50%;left:0;right:0;transition: .3s;display:flex;align-items:center;justify-content:center;}
.explore .workshops .ws-swiper-button-next::after{font-size:16pt;color:#16171d;transition: .3s;font-family:swiper-icons;text-transform:none!important;content:'next';}
.explore .workshops .ws-swiper-button-prev::after{font-size:16pt;color:#16171d;transition: .3s;font-family:swiper-icons;text-transform:none!important;content:'prev';}
.explore .workshops .ws-swiper-button-next:hover, .explore .workshops .ws-swiper-button-prev:hover{background-color:transparent;transition: .3s;}
.explore .workshops .ws-swiper-button-next:hover::after, .explore .workshops .ws-swiper-button-prev:hover::after{color:#fff;transition: .3s;}
.explore .workshops .ws-swiper-button-prev{left:-10px;}

.planetarium{margin-top: 6rem;}
.planetarium .head{color:#16171d;;font-size:40pt;font-weight:900;}
.planetarium .slide{position:relative;margin-top:3rem;}
.planetarium .planetariumSlider{position:relative;}
.planetarium .planetariumSlider .swiper-wrapper{margin-bottom:3rem;}
.planetarium .planetariumSlider .swiper-pagination-bullet-active{background:#16171d;}
.planetarium .planetariumSlider .box{display:grid;background-color:#16171d;width:100%;height:450px;border-radius:15px;cursor:pointer;}
.planetarium .planetariumSlider .box .image{overflow:hidden;width:100%;height:250px;border-radius:15px;}
.planetarium .planetariumSlider .box .image img{width:100%;height:100%;transform: scale(1);object-fit:cover;border-radius:15px;transition: .3s;}
.planetarium .planetariumSlider .box .image:hover img{transform:scale(1.2);transition: .3s;}
.planetarium .planetariumSlider .box h4{color:#fff;font-weight:600;padding:0 1rem;margin:0;display: -webkit-box;overflow:hidden;-webkit-line-clamp: 2;line-clamp: 2; -webkit-box-orient: vertical;}
.planetarium .planetariumSlider .box .hr{width:90%;height:1px;display:flex;margin:auto;background-color:#fff;opacity:.2;}
.planetarium .planetariumSlider .box .justify-content-space-between{justify-content: space-between;padding:0 1.5rem;}
.planetarium .planetariumSlider .box p{color:#fff;opacity:.7;font-size:11pt;display:grid;transition: .3s;}
.planetarium .planetariumSlider .box p::after{content:'';background-color:#16171d;opacity:.7;width:0%;height:1px;transition: .3s;}
.planetarium .planetariumSlider .box p:hover::after{width:100%;transition: .3s;}
.planetarium .planetariumSlider .box .arrow{width:50px;height:50px;border:1px solid #fff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;transition: .3s;}
.planetarium .planetariumSlider .box .arrow:hover{background-color:#fff;color:#16171d;transition: .3s;}
.planetarium .justify-content-end{justify-content:end;}
.planetarium .planetarium-button-next, .planetarium .planetarium-button-prev{position:relative;background-color:#16171d;border:1px solid #16171d;width:50px;height:50px;border-radius:50%;left:0;right:0;transition: .3s;display:flex;align-items:center;justify-content:center}
.planetarium .planetarium-button-next::after{font-size:16pt;color:#fff;transition: .3s;font-family:swiper-icons;text-transform:none!important;content:'next';}
.planetarium .planetarium-button-prev::after{font-size:16pt;color:#fff;transition: .3s;font-family:swiper-icons;text-transform:none!important;content:'prev';}
.planetarium .planetarium-button-next:hover, .planetarium .planetarium-button-prev:hover{background-color:transparent;transition: .3s;}
.planetarium .planetarium-button-next:hover::after, .planetarium .planetarium-button-prev:hover::after{color:#16171d;transition: .3s;}
.planetarium .planetarium-button-prev{left:-10px;}

.history-activities{margin-top: 10rem;position:relative;}
.history-activities .cont{position:relative;width:98%;}
.history-activities .head{display:grid;justify-items:start;margin-left:15%;}
.history-activities .head h1{;font-weight:900;font-size:40pt;color:#16171d;}
.history-activities .head a{;font-weight:400;color:#16171d;font-size:16pt;display:grid;justify-content:center;justify-items:start;transition: .3s;}
.history-activities .head a::after{content:'';background-color:#16171d;width:0%;height:1px;transition: .3s;}
.history-activities .head a:hover::after{width:100%;transition: .3s;}
.history-activities .historyActivitiesSlider .swiper-wrapper{margin-bottom:3rem;}
.history-activities .historyActivitiesSlider .swiper-pagination-bullet-active{background:#16171d;}
.history-activities .historyActivitiesSlider .box{display:grid;align-items:center;align-content:space-between;background-color: #f2f2f2;width:100%;height:400px;border-radius:20px;transition: .3s;}
.history-activities .historyActivitiesSlider .box .image{width:100%;height:200px;}
.history-activities .historyActivitiesSlider .box .image img{width:100%;height:100%;object-fit:cover;border-radius:20px;}
.history-activities .historyActivitiesSlider .box .contents{padding:3rem;color: #16171d;display:flex;align-items:center;justify-content:space-between;transition: .3s;}
.history-activities .historyActivitiesSlider .box .contents h2{font-weight:700;max-width:200px;display: -webkit-box;overflow:hidden;-webkit-line-clamp: 2;line-clamp: 2; -webkit-box-orient: vertical;}
.history-activities .historyActivitiesSlider .box .contents .info{display:flex;align-items:center;gap:1rem;}
.history-activities .historyActivitiesSlider .box .contents .arrow{width:50px;height:50px;border:1px solid #fff;background-color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;color: #16171d;rotate:-45deg;transition: .3s;}
.history-activities .historyActivitiesSlider .box:hover{background-color: #16171d;transition: .3s;}
.history-activities .historyActivitiesSlider .box:hover .contents{color: #fff;transition: .3s;}
.history-activities .historyActivitiesSlider .box:hover .contents .arrow{background-color: #fff;border: 1px solid #fff;color: #16171d;transition: .3s;}
.history-activities .historyActivitiesSlider .box:hover .contents .arrow:hover{background-color:transparent;color: #fff;rotate:0deg;transition: .3s;}

.social-media{position:relative;margin-top: 10rem;z-index:1;display:flex;align-items:center;justify-content:center;}
.social-media .row{--bs-gutter-x:5rem;}
/*.social-media .head{font-size:80pt;;font-weight:900;position:absolute;color: #e6e6e6;top:-170px;z-index:1;}
.social-media .bg{width:100%;position:absolute;bottom:-10rem;}
.social-media .shadow-bttm{position: absolute;display:flex;margin:auto;z-index:2;bottom:0;left: 50%;transform: translate(-50%);}
.social-media .items{display:flex;align-items:center;justify-content:center;gap:3rem;z-index:2;position:relative;}
.social-media .items .item{position:relative;display:flex;align-items:start;justify-content:center;box-shadow:0 0 10px 0 #00000013;}
.social-media .items .item:nth-child(2){margin-top:-5rem;}
.social-media .items .item .item-bg{position:absolute;max-width:400px;}
.social-media .items .item .item-img{max-width:380px;max-height:380px;position:relative;margin-top:.5rem;}*/
.social-media .images{display:flex;align-items:stretch;justify-content:center;gap:15px;height:400px;}
.social-media .images .image-16-9{height:100%; aspect-ratio: 16/9;}
.social-media .images .image-16-9 img{width:100%;height:100%;object-fit:cover;border-radius:20px;}
.social-media .images .image-9-16{height:100%; aspect-ratio: 9/16;}
.social-media .images .image-9-16 img{width:100%;height:100%;object-fit:cover;border-radius:20px;}
.social-media .images .images-1-1{display:grid;grid-template-rows: 1fr 1fr;gap: 15px; height:100%;flex-shrink: 0; min-height: 0;}
.social-media .images .images-1-1 .image{width:100%; height: 100%; aspect-ratio: 1/1; display: block; min-height: 0;}
.social-media .images .images-1-1 .image img{width:100%;height:100%;object-fit:cover;border-radius:20px;}
.social-media .head{font-weight:900;color:#16171d;font-size: 45pt;text-align:center;}
.social-media .head b{color:#0da29c;}
.social-media .link{font-weight:400;color:#16171d;font-size: 18pt;}

.footer{background-color:#f7f7f7;width:100%;padding:4.5rem 0;}
.footer .logo{width:140px;}
.footer .items{display:flex;align-items:start;justify-content:end;gap:7rem;}
.footer .items .item{display:grid;align-items:center;justify-content:start;gap:.5rem;}
.footer .items .item h4{font-weight:700;display:grid;text-decoration:underline;}
.footer .items .item ul{list-style:none;margin:0;padding:0;display:grid;gap:.3rem;}
.footer .items .item ul li a{color:#242424;}
.footer .items .contact{display:grid;align-items:center;justify-items:start;gap:.5rem;}
.footer .items .contact a{display:grid;}
.footer .items .contact a p{color:#4c4c4c;font-size:11pt;}
.footer .items .contact a h6{color:#16171d;font-weight:600;max-width:300px;}
.footer .hr{width:100%;height:1px;background-color:#16171d;opacity:.3;margin:4rem 0;}
.footer .social-media-list{display:flex;align-items:center;list-style:none;gap:.75rem;padding:0;margin:0;}
.footer .social-media-list a{color:#9a9a9a;font-size:22pt;transition: .3s;}
.footer .social-media-list a:hover{color:#00a29c;transition: .3s;}
.footer .copyright{text-align:center;}
.footer .justify-content-end{justify-content:end;}
.footer .interio-logo{width:150px;}


.social-media .social-media-list{display:flex;align-items:center;list-style:none;gap:.75rem;padding:0;margin:0;}
.social-media .social-media-list a{color:#9a9a9a;font-size:22pt;transition: .3s;}
.social-media .social-media-list a:hover{color:#00a29c;transition: .3s;}

.what-science-center{width:100%;height: 100vh;background-color:#00a29c;background-image:url('/storage/web/assets/img/corporate/detail-background-image.jpg');background-size:cover;background-repeat:no-repeat;display:grid;align-items:end;align-content:stretch;position:relative;}
.what-science-center .contents{display:grid;gap:3rem;}
.what-science-center .contents h1{color:#fff;font-weight:900;text-align:center;font-size:40pt;}
.what-science-center .contents .science-images{width:100%;}
.what-science-center .scroll{position:absolute;bottom:0;left:50%;transform:translate(-50%, 0%);}

.crater{position:absolute;width:150px;*right:20%;top:30%;animation:craterPageAnimation linear infinite 16s;z-index:99;}

@keyframes craterPageAnimation{0%{right:20%;top:30%;}25%{right:50%;top:150%;}50%{right:100%;top:120%;}75%{right:30%;top:170%;}100%{right:20%;top:30%;}}
/* @keyframes craterAnimation{0%{transform:translate(0%, 0%);}20%{transform:translate(200%, 800%);}40%{transform:translate(-40%, -380%);}60%{transform:translate(-900%, 600%);}80%{transform:translate(200%, 800%);}100%{transform:translate(0%, 0%);}} */

.what-science-text{margin:5rem 0;}
.what-science-text p{text-align:justify;text-align-last: center;}
.box-head{font-size:100pt;font-weight:900;margin-left:2rem;color:#16171d;margin-bottom: 0;padding: 0;position: relative;top: 2rem;}

.numbers-science{background-color:#16171d;position:relative;padding:5rem 0;}
.numbers-science .container-fluid{max-width:80%;}
.numbers-science .whatScienceSlider{height:600px;}
.numbers-science .whatScienceSlider .swiper-slide{display:flex;align-items:center;justify-content:center;position:relative;}
.numbers-science .whatScienceSlider .swiper-slide .items{display:grid;}
.numbers-science .whatScienceSlider .swiper-slide .items img{filter:brightness(0) invert(1);max-width:50px;max-height:50px;}
.numbers-science .whatScienceSlider .swiper-slide .items h1{margin-top:2rem;margin-bottom:0;font-weight:900;color:#fff;}
.numbers-science .whatScienceSlider .swiper-slide .items h6{font-weight:400;color:#fff;}
.numbers-science .whatScienceSlider .hr{width:1px;Height:170px;background-color:#fff;position:absolute;right:-1rem;}

.workshops-page-head{margin:10rem auto;margin-bottom: 7rem;display: flex;flex-direction: column;align-items:center;justify-content:center;max-width:750px;}
.workshops-page-head h1{color:#00a29c;font-weight:900;text-align: center}
.workshops-page-head p{color:#393939;text-align: center}

.workshops-page-images{position:relative;z-index:2;}
.workshops-page-images .workshopsPageImages{height: 580px;padding: 3rem 0;margin-top: -10rem;}
.workshops-page-images .workshopsPageImages .swiper-slide{display:flex;align-items:center;}
.workshops-page-images .workshopsPageImages .swiper-slide div{filter: drop-shadow(0px 0px 12px #00000020);}
.workshops-page-images .workshopsPageImages .image-one{width:80%;height:330px;rotate:5deg;display:flex;justify-content:center;margin:auto;}
.workshops-page-images .workshopsPageImages .image-two{width:75%;height:490px;rotate:-3deg;display:flex;justify-content:center;margin:auto;}
.workshops-page-images .workshopsPageImages .image-three{width:100%;height:300px;rotate:2deg;display:flex;justify-content:center;margin:auto;}
.workshops-page-images .workshopsPageImages .image-four{width:80%;height:300px;rotate:5deg;display:flex;justify-content:center;margin:auto;}
.workshops-page-images .workshopsPageImages img{width:100%;height:100%;object-fit:cover;border-radius:15px;}
.workshops-page-images .slogan{position:absolute;background-color:#00a29c;padding: 4rem 2rem;border-radius:20px;top:5rem;left:20%;z-index:1;}
.workshops-page-images .slogan h1{color:#fff;font-weight:900;max-width:250px;}

.workshops-page{background-color:#16171d;padding:2rem 0;position:relative;}
.workshops-page::before{content:'';background-color:#16171d;width:100%;height:200px;position:absolute;top:-200px;}
.workshops-page .sun{position:absolute;right:5rem;top:-10rem;z-index:2;}
.workshops-page .workshopSlider{height:960px;}
.workshops-page .box{width:100%;height:470px;border-radius:15px;background-color:#23242b;display:grid;align-content:space-between;padding:2rem;cursor:pointer;}
.workshops-page .box .info{display:flex;align-items:center;justify-content:space-between;gap:2rem;width:100%;height:300px;}
.workshops-page .box .info .item{width:10%;display:grid;align-content:space-between;height:80%;}
.workshops-page .box .info .item img{max-width:40px;max-height:40px;filter:brightness(0) invert(1);}
.workshops-page .box .info .item .number{color:#fff;font-weight:700;font-style:italic;}
.workshops-page .box .info .image{width:90%;height:100%;}
.workshops-page .box .info .image img{width:100%;height:100%;overflow:hidden;object-fit:cover;border-radius:15px;transition: .3s;}
.workshops-page .box .info .image img:hover{transform:scale(1.07);transition: .3s;}
.workshops-page .box .bottom{display:flex;align-items:center;justify-content: space-between;}
.workshops-page .box .bottom h2{color:#fff;font-weight:700;max-width:340px;display: -webkit-box;overflow:hidden;-webkit-line-clamp: 2;line-clamp: 2; -webkit-box-orient: vertical;}
.workshops-page .box .bottom .arrow{width:50px;height:50px;border:1px solid #fff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;transition: .3s;}
.workshops-page .box .bottom .arrow:hover{background-color:#fff;color:#23242b;transition: .3s;}

.workshop-detail{margin-top:15rem;position:relative;z-index:2;}
.workshop-detail .icon{width:85px;height:85px;background-color:#00a29c;border-radius:50%;display:flex;align-items:center;justify-content:center;}
.workshop-detail .icon img{max-width:50%;filter:brightness(0) invert(1);}
.workshop-detail .head{color:#00a29c;font-weight:900;margin-top:2rem;}
.workshop-detail .desc{color:#454545;max-width:550px;}
.workshop-detail .workshopsDetailSlider{height:770px;}
.workshop-detail .workshopsDetailSlider .image{width:100%;height:370px;filter: drop-shadow(0px 0px 12px #00000020);}
.workshop-detail .workshopsDetailSlider .image img{width:100%;height:100%;object-fit:cover;border-radius:15px;}

.other-workshops{background-color:#02a29c;padding:10rem 0;position:relative;}
.other-workshops h1{font-weight:900;color:#fff;margin-bottom:3rem;}
.other-workshops::before{content:'';background-color:#02a29c;width:100%;height:100px;position:absolute;top:-100px;}
.other-workshops .workshopOtherSliderContent{height:980px;}
.other-workshops .workshopdetail-swiper-pagination{display:flex;justify-content:center;margin-top:1.5rem;}
.other-workshops .workshopdetail-swiper-pagination .swiper-pagination-bullet-active{background:#fff;}
.other-workshops .box{width:100%;height:470px;border-radius:15px;background-color:#057a76;display:grid;align-content:space-between;padding:2rem;cursor:pointer;}
.other-workshops .box .info{display:flex;align-items:center;justify-content:space-between;gap:2rem;width:100%;height:300px;}
.other-workshops .box .info .item{width:10%;display:grid;align-content:space-between;height:80%;}
.other-workshops .box .info .item img{max-width:40px;max-height:40px;filter:brightness(0) invert(1);}
.other-workshops .box .info .item .number{color:#fff;font-weight:700;font-style:italic;}
.other-workshops .box .info .image{width:90%;height:100%;}
.other-workshops .box .info .image img{width:100%;height:100%;overflow:hidden;object-fit:cover;border-radius:15px;transition: .3s;}
.other-workshops .box .info .image img:hover{transform:scale(1.07);transition: .3s;}
.other-workshops .box .bottom{display:flex;align-items:center;justify-content: space-between;}
.other-workshops .box .bottom h2{color:#fff;font-weight:700;max-width:340px;display: -webkit-box;overflow:hidden;-webkit-line-clamp: 2;line-clamp: 2; -webkit-box-orient: vertical;}
.other-workshops .box .bottom .arrow{width:50px;height:50px;border:1px solid #fff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;transition: .3s;}
.other-workshops .box .bottom .arrow:hover{background-color:#fff;color:#057a76;transition: .3s;}

.exhibition-galleries-page{position:relative;margin-top:15rem;z-index:1;}
.exhibition-galleries-page .images{position:relative;display:flex;align-items:center;justify-content:center;z-index:1;}
.exhibition-galleries-page .images div:nth-child(1){display:grid;justify-items:center;justify-content:center;position:relative;gap:2rem;z-index:1;left:2rem;}
.exhibition-galleries-page .images div:nth-child(1) img:nth-child(1){width: 500px;height: 300px;object-fit: cover;}
.exhibition-galleries-page .images div:nth-child(1) img:nth-child(2){width: 180px;height: 200px;object-fit: cover;}
.exhibition-galleries-page .images div:nth-child(2){display:grid;justify-items:center;justify-content:center;position:relative;gap:2rem;}
.exhibition-galleries-page .images div:nth-child(2) img:nth-child(1){width:600px;height:60vh;object-fit:cover;}
.exhibition-galleries-page .images div:nth-child(3){display:grid;justify-items:center;justify-content:center;position:relative;gap:2rem;z-index:1;left:-2rem;}
.exhibition-galleries-page .images div:nth-child(3) img:nth-child(1){width: 200px;height: 220px;object-fit: cover;}
.exhibition-galleries-page .images div:nth-child(3) img:nth-child(2){width: 500px;height: 300px;object-fit: cover;}
.exhibition-galleries-page .slogan{position:absolute;background-color:#16171d;padding:2rem;border-radius:15px;top: 17rem;left: 30%;z-index:1;width:300px;z-index:2;box-shadow: 0 0 10px 0 #00000043;}
.exhibition-galleries-page .slogan h1{color:#fff;font-weight:900;}
.exhibition-galleries-page .crater{position:absolute;width:170px;top:35%;right:20%;z-index:2;}

.what-exhibition{background-color:#00a29c;background-image:url('/storage/web/assets/img/exhibition-galleries/page-bg.png');background-size:cover;background-repeat:no-repeat;padding:20rem 0;display:flex;justify-content:center;position:relative;text-align:center;top:-12rem;}
.what-exhibition img{width:70px;margin-bottom:2rem;}
.what-exhibition h1{font-weight:900;color:#fff;}
.what-exhibition p{color:#fff;max-width:950px;text-align:center;display:flex;justify-content:center;margin:auto;}


.exhibition-page{background-color:#00a29c;padding:2rem 0;position:relative;}
.exhibition-page::before{content:'';background-color:#00a29c;width:100%;height:200px;position:absolute;top:-200px;}

.exhibition-contents{position:relative;top: -5rem;}
.exhibition-contents .exhibitionPageSlider{height: 1120px;}
.exhibition-contents .exhibitionPageSlider .box{background-color: #16171d;width:100%;height:550px;border-radius:30px;position:relative;display:grid;align-content:space-between;transition: .3s;}
.exhibition-contents .exhibitionPageSlider .box .contents{padding:5rem 3rem;display:flex;align-items:center;justify-content:space-between;transition: .3s;}
.exhibition-contents .exhibitionPageSlider .box .contents .icon{background-color:#fff;width: 60px;height: 60px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition: .3s;}
.exhibition-contents .exhibitionPageSlider .box .contents .icon img{width:50%;transition: .3s;}
.exhibition-contents .exhibitionPageSlider .box .contents h2{color:#fff;font-weight:700;max-width:250px;transition: .3s;display: -webkit-box;overflow:hidden;-webkit-line-clamp: 2;line-clamp: 2; -webkit-box-orient: vertical;font-size:21pt;}
.exhibition-contents .exhibitionPageSlider .box .image{position:absolute;bottom:0;width:100%;height:300px;transition: .3s;}
.exhibition-contents .exhibitionPageSlider .box .image img{width:100%;height:100%;object-fit:cover;border-radius:200px 200px 30px 30px;filter:brightness(.5);transition: .3s;}
.exhibition-contents .exhibitionPageSlider .box:hover{background-color:#ededed;transition: .3s;}
.exhibition-contents .exhibitionPageSlider .box:hover .contents .icon{background-color: #16171d;transition: .3s;}
.exhibition-contents .exhibitionPageSlider .box:hover .contents .icon img{filter:brightness(0) invert(1);transition: .3s;}
.exhibition-contents .exhibitionPageSlider .box:hover .contents h2{color: #16171d;transition: .3s;}
.exhibition-contents .exhibitionPageSlider .box:hover .image img{border-radius:30px;filter:brightness(1);transition: .3s;}

.exhibition-detail{margin-top:10rem;position:relative;}
.exhibition-detail .head{color:#00a29c;font-weight:900;text-align:center;}
.exhibition-detail .exhibitionDetailSlider{margin-top:3rem;}
.exhibition-detail .exhibitionDetailSlider .image{width:100%;height:500px;display:flex;}
.exhibition-detail .exhibitionDetailSlider .image img{width:100%;height:100%;object-fit:cover;border-radius:15px;filter:brightness(.4);transition: .3s;}
.exhibition-detail .exhibitionDetailSlider .image img:hover{filter:none;transition: .3s;}
.exhibition-detail .desc{margin-top:3rem;}
.exhibition-detail .p-relative{position:relative;}
.exhibition-detail .crater{position:absolute;right:0;top:-10rem;z-index:1;}
.exhibition-detail .scroll{background-color:#16171d;border:1px solid #16171d;padding:1rem 2rem;display:flex;align-items:center;justify-content:center;gap:1rem;width:fit-content;color:#fff;border-radius:20px;rotate:90deg;position:absolute;right:0;top:8rem;transition: .3s;}
.exhibition-detail .scroll p{letter-spacing:20px;}
.exhibition-detail .scroll:hover{background-color:transparent;color:#16171d;transition: .3s;}

.exhibition-detail-collective-image{background-color:#16171d;padding:5rem 0;position:relative;}
.exhibition-detail-collective-image::after{content:'';background-color:#16171d;width:100%;height:400px;bottom:-400px;position:absolute;}
.exhibition-detail-collective-image .exhibitionDetailCollectiveImage{width:110%;margin-left:-10%;}
.exhibition-detail-collective-image .exhibitionDetailCollectiveImage .image{width:100%;height:400px;rotate:5deg;padding:2rem;display:flex;}
.exhibition-detail-collective-image .exhibitionDetailCollectiveImage .image img{width:100%;height:100%;object-fit:cover;border-radius:30px;}
.exhibition-detail-collective-image .exhibitionDetailCollectiveImage .image.rt-5{rotate:5deg;}
.exhibition-detail-collective-image .exhibitionDetailCollectiveImage .image.rt-reverse-7{rotate:-7deg;}

.exhibition-detail-galleries{position:relative;margin-bottom:5rem;}
.exhibition-detail-galleries .justify-content-end{justify-content:end;}
.exhibition-detail-galleries .head{display:flex;align-items:center;gap:1.5rem;}
.exhibition-detail-galleries .head h1{;font-weight:900;font-size:40pt;color: #fff;}
.exhibition-detail-galleries .exhibitionSlider{margin-top:5rem;}
.exhibition-detail-galleries .exhibitionSlider .swiper-wrapper{margin-bottom:2rem;}
.exhibition-detail-galleries .exhibitionSlider .swiper-pagination-bullet-active{background:#16171d;}
.exhibition-detail-galleries .exhibitionSlider .box{background-color: #ededed;width:100%;height:550px;border-radius:30px;position:relative;box-shadow:0 10px 20px 0 #00000043;margin:2rem 0;display:grid;align-content:space-between;transition: .3s;}
.exhibition-detail-galleries .exhibitionSlider .box .contents{padding:5rem 3rem;display:flex;align-items:center;justify-content:space-between;transition: .3s;}
.exhibition-detail-galleries .exhibitionSlider .box .contents .icon{background-color:#16171d;width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition: .3s;}
.exhibition-detail-galleries .exhibitionSlider .box .contents .icon img{width:50%;filter:brightness(0) invert(1);transition: .3s;}
.exhibition-detail-galleries .exhibitionSlider .box .contents h2{color:#16171d;font-weight:700;max-width:250px;transition: .3s;display: -webkit-box;overflow:hidden;-webkit-line-clamp: 2;line-clamp: 2; -webkit-box-orient: vertical;font-size:21pt;}
.exhibition-detail-galleries .exhibitionSlider .box .image{position:absolute;bottom:0;width:100%;height:300px;transition: .3s;}
.exhibition-detail-galleries .exhibitionSlider .box .image img{width:100%;height:100%;object-fit:cover;border-radius:200px 200px 30px 30px;filter:brightness(.5);transition: .3s;}
.exhibition-detail-galleries .exhibitionSlider .box:hover{background-color:#16171d;transition: .3s;}
.exhibition-detail-galleries .exhibitionSlider .box:hover .contents .icon{background-color: #fff;transition: .3s;}
.exhibition-detail-galleries .exhibitionSlider .box:hover .contents .icon img{filter:none;transition: .3s;}
.exhibition-detail-galleries .exhibitionSlider .box:hover .contents h2{color: #ededed;transition: .3s;}
.exhibition-detail-galleries .exhibitionSlider .box:hover .image img{border-radius:30px;filter:brightness(1);transition: .3s;}
.exhibition-detail-galleries .swiper-button-next, .exhibition-detail-galleries .swiper-button-prev{position:relative;background-color: #ededed;border: 1px solid #ededed;width:50px;height:50px;border-radius:50%;left:0;right:0;transition: .3s;}
.exhibition-detail-galleries .swiper-button-next::after, .exhibition-detail-galleries .swiper-button-prev::after{font-size:16pt;color:#16171d;transition: .3s;}
.exhibition-detail-galleries .swiper-button-next:hover, .exhibition-detail-galleries .swiper-button-prev:hover{background-color:transparent;transition: .3s;}
.exhibition-detail-galleries .swiper-button-next:hover::after, .exhibition-detail-galleries .swiper-button-prev:hover::after{color:#fff;transition: .3s;}
.exhibition-detail-galleries .swiper-button-prev{left:-10px;}

.activities-page-head{margin:15rem auto;display:flex;align-items:center;justify-content:center;max-width:750px;}
.activities-page-head h1{color:#00a29c;font-weight:900;display:flex;align-items:center;position:relative;margin:0;padding:0;}
.activities-page-head h1::after{content:'';width:10px;height:10px;background-color:#00a29c;border-radius:50%;margin:0 3rem;}
.activities-page-head p{color:#393939;}

#daily{display:none;}
.activities-detail{background-color:#16171d;position:relative;padding:5rem 0;}
.overlay-body{background-color:#00000090;width:100%;height:100%;position:fixed;left: auto;top: 0;bottom: auto;right: auto;z-index: 999999;height:0;transition: .3s;}
#filterbar{background-color:#fff;position:fixed;width: 500px;display:none;align-content:space-between;height:80vh;border-radius:15px;left:3rem;top:10vh;bottom:auto;z-index:999999;padding: 2rem;height:0;opacity:0;transition: .3s;}
#filterbar #closeFilter{position:absolute;background-color:#fff;border:1px solid #fff;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;right:-15%;cursor:pointer;transition: .3s;}
#filterbar #closeFilter:hover{background-color:transparent;color:#fff;transition: .3s;}
#filterbar .hr{width:100%;height:1px;background-color:#afafaf;margin:2rem 0;}
#filterbar h3{font-weight:700;}
#filterbar .inputs{margin-top:1rem;}
#filterbar .inputs .contents{display:flex;margin-top:.5rem;gap:.5rem;display:flex;align-items:center;}
#filterbar .inputs .contents input{width:16px;height:16px;border-radius:20px;}
#filterbar #filterbutton{background-color:#02a29c;outline:none;border:none;width:100%;height:60px;display:flex;align-items:center;justify-content:center;color:#fff;border-radius:15px;font-weight:700;transition: .3s;}
#filterbar #filterbutton:hover{background-color:#16171d;transition: .3s;}
.date-picker {width: 100%;height: auto;max-height: 50px;background: #f9f9f9;position: relative;overflow: hidden;-webkit-transition: all 0.3s 0s ease-in-out;transition: all 0.3s 0s ease-in-out;border-radius: 15px;}
.date-picker .input {width: 100%;height: 50px;font-size: 0;cursor: pointer;}
.date-picker .input .result, .date-picker .input button {display: inline-block;vertical-align: top;}
.date-picker .input .result {width: calc(100% - 50px);height: 50px;line-height: 50px;font-size: 16px;padding: 0 10px;color: grey;box-sizing: border-box;}
.date-picker .input button {width: 50px;height: 50px;background-color: #8392A7;color: white;line-height: 50px;border: 0;font-size: 18px;padding: 0;}
.date-picker .input button:hover {background-color: #68768A;}
.date-picker .input button:focus {outline: 0;}
.date-picker .calendar {position: relative;width: 100%;background: #fff;border-radius: 0px;overflow: hidden;}
.date-picker .ui-datepicker-inline {position: relative;width: 100%;}
.date-picker .ui-datepicker-header {height: 100%;line-height: 50px;background: #8392A7;color: #fff;margin-bottom: 10px;}
.date-picker .ui-datepicker-prev, .date-picker .ui-datepicker-next {width: 20px;height: 20px;text-indent: 9999px;border: 2px solid #fff;border-radius: 100%;cursor: pointer;overflow: hidden;margin-top: 12px;}
.date-picker .ui-datepicker-prev {float: left;margin-left: 12px;}
.date-picker .ui-datepicker-prev:after {-webkit-transform: rotate(45deg);transform: rotate(45deg);margin: -43px 0px 0px 8px;}
.date-picker .ui-datepicker-next {float: right;margin-right: 12px;}
.date-picker .ui-datepicker-next:after {-webkit-transform: rotate(-135deg);transform: rotate(-135deg);margin: -43px 0px 0px 6px;}
.date-picker .ui-datepicker-prev:after, .date-picker .ui-datepicker-next:after {content: "";position: absolute;display: block;width: 4px;height: 4px;border-left: 2px solid #fff;border-bottom: 2px solid #fff;}
.date-picker .ui-datepicker-prev:hover, .date-picker .ui-datepicker-next:hover, .date-picker .ui-datepicker-prev:hover:after, .date-picker .ui-datepicker-next:hover:after {border-color: #68768A;}
.date-picker .ui-datepicker-title {text-align: center;}
.date-picker .ui-datepicker-calendar {width: 100%;text-align: center;}
.date-picker .ui-datepicker-calendar thead tr th span {display: block;width: 100%;color: #8392A7;margin-bottom: 5px;font-size: 13px;}
.date-picker .ui-state-default {display: block;text-decoration: none;color: #b5b5b5;line-height: 40px;font-size: 12px;}
.date-picker .ui-state-default:hover {background: rgba(0, 0, 0, 0.02);}
.date-picker .ui-state-highlight {color: #68768A;}
.date-picker .ui-state-active {color: #68768A;background-color: rgba(131, 146, 167, 0.12);font-weight: 600;}
.date-picker .ui-datepicker-unselectable .ui-state-default {color: #eee;border: 2px solid transparent;}
.date-picker.open {max-height: 400px;}
.date-picker.open .input button {background: #68768A;}

.activities-detail .adjustments{display:flex;align-items:center;justify-content:space-between;}
.activities-detail .adjustments #filter{background-color:#fff;border:1px solid #fff;display:flex;align-items:center;gap:1rem;padding:1rem 2rem;color:#16171d;border-radius:20px;cursor:pointer;transition: .3s;}
.activities-detail .adjustments #filter:hover{background-color:transparent;color:#fff;transition: .3s;}
.activities-detail .adjustments .buttons{display:flex;align-items:center;gap:1rem;border:1px solid #fff;padding:.5rem;border-radius:20px;}
.activities-detail .adjustments .buttons button{background-color:transparent;border:none;outline:none;padding:1rem 2rem;border-radius:20px;color:#fff;cursor:pointer;transition: .3s;}
.activities-detail .adjustments .buttons button.active, .activities-detail .adjustments .buttons button:hover{background-color:#fff;color:#16171d;transition: .3s;}
.activities-detail .items-numbers{display:grid;margin-top:5rem;}
.activities-detail .items-numbers p{color:#bdc0d3;}
.activities-detail .items-numbers h1{color:#fff;font-weight:900;}
.activities-detail .hr{width:100%;height:1px;background-color:#fff;opacity:.3;margin:1rem 0;}
.activities-detail .content-date{color:#fff;margin-top:2rem;}
.activities-detail .content-date h1{font-weight:900;}
.activities-detail .box{display:flex;align-items:center;background-color:#fff;margin-top:2rem;padding:1rem 2rem;border-radius:20px;width:100%;}
.activities-detail .box .image-text{display:flex;align-items:center;gap:3rem;width:50%;}
.activities-detail .box .image-text img{width:150px;height:150px;border-radius:20px;}
.activities-detail .box .image-text .texts{display:grid;padding-right:2rem;}
.activities-detail .box .image-text .texts p{color:#c1c1c1;font-weight:400;}
.activities-detail .box .image-text .texts h2{color:#16171d;font-weight:700;}
.activities-detail .box .date{display:grid;gap:1.5rem;width:25%;justify-items: start;justify-content: center;border-left:1px solid #16171d;border-right:1px solid #16171d;}
.activities-detail .box .date span{display:flex;align-items:center;gap:1rem;}
.activities-detail .box .reservation{display:flex;justify-content:center;width:25%;}
.activities-detail .box .reservation a{background-color:#16171d;border:1px solid #16171d;color:#fff;text-align:center;font-weight:600;padding:2rem;border-radius:20px;transition: .3s;}
.activities-detail .box .reservation a:hover{background-color:transparent;color:#16171d;transition: .3s;}
.activities-detail .row.items-hr{position:relative;margin-top:2rem;}
.activities-detail .row.items-hr::after{content:'';width:100%;height:1px;background-color:#fff;opacity:.3;margin-top:4rem;}
.activities-detail .row.items-hr:last-child::after{display:none;}

.banner{background-image:url('/storage/web/assets/img/planetarium/banner.jpg');background-size:cover;background-repeat:no-repeat;width:100%;height:50vh;display:flex;align-items:end;position:relative;}
.banner .banner-elipse{width:100%;height:auto;position:absolute;bottom:0;}
.banner .texts{color:#fff;text-align:center;display:grid;justify-items:center;margin:auto;max-width:650px;position:relative;top:-5rem;}
.banner .texts h1{font-weight:900;}
.banner .texts p{margin-top:1rem;display: -webkit-box;overflow:hidden;-webkit-line-clamp: 8;line-clamp: 8; -webkit-box-orient: vertical;}

.planetarium-content{margin-top:3rem;padding-bottom:5rem;}
.planetarium-content .custom-col{width:20%;}
.planetarium-content .box{display:grid;background-color:#16171d;width:100%;height:450px;border-radius:15px;cursor:pointer;margin-top:2rem;}
.planetarium-content .box .image{width:100%;height:250px;}
.planetarium-content .box .image img{width:100%;height:100%;object-fit:cover;border-radius:15px;}
.planetarium-content .box h4{color:#fff;font-weight:600;padding:0 1rem;margin:0;display: -webkit-box;overflow:hidden;-webkit-line-clamp: 2;line-clamp: 2; -webkit-box-orient: vertical;}
.planetarium-content .box .hr{width:90%;height:1px;display:flex;margin:auto;background-color:#fff;opacity:.2;}
.planetarium-content .box .justify-content-space-between{justify-content: space-between;padding:0 1.5rem;}
.planetarium-content .box p{color:#fff;opacity:.7;font-size:11pt;display:grid;transition: .3s;}
.planetarium-content .box p::after{content:'';background-color:#16171d;opacity:.7;width:0%;height:1px;transition: .3s;}
.planetarium-content .box p:hover::after{width:100%;transition: .3s;}
.planetarium-content .box .arrow{width:50px;height:50px;border:1px solid #fff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;transition: .3s;}
.planetarium-content .box .arrow:hover{background-color:#fff;color:#16171d;transition: .3s;}

.planetarium-detail{position:relative;margin-top:15rem;display:flex;align-items:center;justify-content:center;text-align:center;}
.planetarium-detail .col-lg-12{display:grid;justify-items:center;justify-content:center;}
.planetarium-detail #head{color:#00a29c;font-weight:900;font-size:40pt;}
.planetarium-detail .mbl-head{color:#00a29c;font-weight:900;font-size:40pt;display:none;}
.planetarium-detail .svg {position: absolute;width: 0;height: 0;}
.planetarium-detail .clipped {width: 1000px;height: 550px;background: url('/storage/web/assets/img/planetarium/image02.jpg');background-size: cover;background-repeat:no-repeat;-webkit-clip-path: url(#my-clip-path);clip-path: url(#my-clip-path);display:flex;margin:auto;}
.planetarium-detail .desc{font-weight:400;color:#16171d;max-width:1000px;margin-top:2rem;}

.planetarium-detail-contents{background-color:#16171d;position:relative;padding:5rem 0;}
.planetarium-detail-contents .image{width:100%;height:450px;display:flex;}
.planetarium-detail-contents .image img{width:100%;height:100%;object-fit:cover;border-radius:20px;}
.planetarium-detail-contents .head {color: #fff;font-family: "cy";font-size: 40pt;font-weight: 900;}
.planetarium-detail-contents .slide {position: relative;left: 5%;margin-top: 3rem;}
.planetarium-detail-contents .planetariumDetailSlider {position: relative;}
.planetarium-detail-contents .planetariumDetailSlider .swiper-wrapper{margin-bottom:3rem;}
.planetarium-detail-contents .planetariumDetailSlider .swiper-pagination-bullet-active{background:#fff;}
.planetarium-detail-contents .planetariumDetailSlider .box {display: grid;background-color: #fff;width: 100%;height: 450px;border-radius: 20px;cursor: pointer;}
.planetarium-detail-contents .planetariumDetailSlider .box .image {width: 100%;height: 250px;}
.planetarium-detail-contents .planetariumDetailSlider .box .image img {width: 100%;height: 100%;object-fit: cover;border-radius: 20px;}
.planetarium-detail-contents .planetariumDetailSlider .box h4 {color: #16171d;font-weight: 600;padding: 0 1rem;margin: 0;display: -webkit-box;overflow:hidden;-webkit-line-clamp: 2;line-clamp: 2; -webkit-box-orient: vertical;}
.planetarium-detail-contents .planetariumDetailSlider .box .hr {width: 90%;height: 1px;display: flex;margin: auto;background-color: #16171d;opacity: .2;}
.planetarium-detail-contents .planetariumDetailSlider .box .justify-content-space-between {justify-content: space-between;padding: 0 1.5rem;}
.planetarium-detail-contents .planetariumDetailSlider .box p {color: #16171d;opacity: .7;font-size: 11pt;display: grid;transition: .3s;}
.planetarium-detail-contents .planetariumDetailSlider .box p::after {content: '';background-color: #16171d;opacity: .7;width: 0%;height: 1px;transition: .3s;}
.planetarium-detail-contents .planetariumDetailSlider .box p:hover::after {width: 100%;transition: .3s;}
.planetarium-detail-contents .planetariumDetailSlider .box .arrow {width: 50px;height: 50px;border: 1px solid #16171d;border-radius: 50%;display: flex;align-items: center;justify-content: center;color: #16171d;transition: .3s;}
.planetarium-detail-contents .planetariumDetailSlider .box .arrow:hover {background-color: #16171d;color: #fff;transition: .3s;}
.planetarium-detail-contents .justify-content-end {justify-content: end;}
.planetarium-detail-contents .swiper-button-next,
.planetarium-detail-contents .swiper-button-prev {position: relative;background-color: #fff;border: 1px solid #fff;width: 50px;height: 50px;border-radius: 50%;left: 0;right: 0;transition: .3s;}
.planetarium-detail-contents .swiper-button-next::after,
.planetarium-detail-contents .swiper-button-prev::after {font-size: 16pt;color: #16171d;transition: .3s;}
.planetarium-detail-contents .swiper-button-next:hover,
.planetarium-detail-contents .swiper-button-prev:hover {background-color: transparent;transition: .3s;}
.planetarium-detail-contents .swiper-button-next:hover::after,
.planetarium-detail-contents .swiper-button-prev:hover::after {color: #fff;transition: .3s;}
.planetarium-detail-contents .swiper-button-prev {left: -10px;}

.corporate-page{margin-top:15rem;}
.corporate-page .container-fluid{max-width:100%;}
.corporate-page .contents{width:95%;}
.corporate-page .left-menu{width:90%;height:100%;background-image:url('/storage/web/assets/img/corporate/left-menu-bg-watermark.png');background-size:cover;background-repeat:no-repeat;background-color:#00a29c;display: flex;align-items: center;justify-content: center;border-radius: 0 100px 250px 0px;padding: 8rem 0;margin-left:-2rem;}
.corporate-page .left-menu ul{padding:0;margin:0;display:grid;align-items:center;justify-items:start;gap: 4rem;color:#fff;}
.corporate-page .left-menu ul li a{color:#fff;font-size:17pt;}
.corporate-page .left-menu ul li a.active{font-weight:700;}
.corporate-page h4{font-weight:700;margin:2rem 0;}

.corporate-page .image-gallery{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;}
.corporate-page .image-gallery a{width:calc(100% / 4 - 16px);height:250px;}
.corporate-page .image-gallery a img{width:100%;height:100%;object-fit:cover;border-radius:50px;filter:brightness(.5);transition: .3s;}
.corporate-page .image-gallery a img:hover{filter:none;transition: .3s;}

.corporate-page .image-gallery-pagination{display:flex;align-items:center;justify-content:end;gap:1rem;margin-top:2rem;list-style:none;}
.corporate-page .image-gallery-pagination li{display:flex;align-items:center;justify-content:center;background-color:#c2c2c2;color:#fff;width:50px;height:50px;border-radius:50%;cursor:pointer;transition: .3s;}
.corporate-page .image-gallery-pagination li.active, .corporate-page .image-gallery-pagination li:hover{background-color:#0da29c;transition: .3s;}

.corporate-page .image{width:100%;height:400px;}
.corporate-page .image img{width:100%;height:100%;object-fit:cover;border-radius:50px;filter:brightness(.5);transition: .3s;}
.corporate-page .image img:hover{filter:none;transition: .3s;}
.corporate-page .swiper-button-next::after, .corporate-page .swiper-button-prev::after{color:#fff;font-size:16pt;}

.corporate-page .box{display:flex;align-items:center;background-color:#f6f6f6;padding:5rem;border-radius:50px;gap:5rem;margin-top:2rem;transition: .3s;}
.corporate-page .box:hover{box-shadow:0 0 15px 0 #00000013;transition: .3s;}
.corporate-page .box .logos{width:33%;display:flex;align-items:center;justify-content:center;}
.corporate-page .box .logos img{max-width:350px;max-height:350px;}
.corporate-page .box .texts{width:33%;display:flex;align-items:center;justify-content:center;border-left: 1px solid #999;border-right: 1px solid #999;}
.corporate-page .box .texts h5{max-width:250px;font-weight:700;font-size:18pt;color:#383c3e;}
.corporate-page .box .items{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap: 1rem;}
.corporate-page .box .items a{background-color:#16171d;border:1px solid #16171d;color:#fff;padding:1rem;border-radius:20px;width: 30%;text-align: center;transition: .3s;}
.corporate-page .box .items a:hover{background-color:transparent;color:#16171d;transition: .3s;}

.all-other-page-texts{margin-top:15rem;}
.all-other-page-texts .head{text-align:center;font-weight:900;color:#00a29c;}
.all-other-page-texts .contents{margin-top:5rem;color:#3f3f3f;}
.all-other-page-texts .contents h4{font-weight:700;margin:2rem 0;}

#map{width:100%;height:60vh;border-radius:0 0 100px 100px;}
.leaflet-container img.leaflet-tile{filter:grayscale(100%) invert(90%) contrast(120%);}
.leaflet-touch .leaflet-control-attribution{display:none;}
.leaflet-touch .leaflet-bar{display:none!important;}

.contact-content{margin-top:5rem;padding-bottom: 50px}
.contact-content h1{color:#00a29c;font-weight:900;text-align:center;}
.contact-content .informations{display:flex;align-items:center;background-color:#16171d;justify-content: space-between;border-radius:15px;margin-top:3rem;}
.contact-content .informations a{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1.5rem 3rem;}
.contact-content .informations a .icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background-color:#fff;border:1px solid #fff;border-radius:50%;transition: .3s;}
.contact-content .informations a .icon i{color:#16171d;transition: .3s;}
.contact-content .informations a .icon:hover{background-color:transparent;transition: .3s;}
.contact-content .informations a .icon:hover i{color:#fff;transition: .3s;}
.contact-content .informations a p{color:#fff;margin:0;padding:0;font-size:14pt;max-width:350px;overflow: hidden;display: -webkit-box;overflow:hidden;-webkit-line-clamp: 4;line-clamp: 4;-webkit-box-orient: vertical;}
.contact-content form{margin-top:3rem;}
.contact-content input{background-color:transparent;outline:none;border:none;border-bottom:1px solid #595959;width:100%;margin-top:3rem;padding-bottom:2rem;}
.contact-content input::placeholder{color:#595959;}
.contact-content button{background-color:#16171d;outline:none;border:none;padding:1rem 2rem;border-radius:20px;border:1px solid #16171d;color:#fff;font-weight:700;width:fit-content;margin-top:2rem;transition: .3s;}
.contact-content button:hover{background-color:transparent;color:#16171d;transition: .3s;}

.tickets{position:relative;}
.tickets .navbar .logo{filter:brightness(0) invert(1);}
.tickets .header-fixed .navbar .logo{filter:none;}
.tickets .contents .container-fluid{max-width:100%;}
.tickets .contents .col-lg-3{background-color:#00a29c;position:sticky;left:0;height:100%;display:flex;justify-content:center;overflow-y: auto;}
.tickets .contents .step-counters{display:grid;justify-items:start;padding-top: 17rem;}
.tickets .contents .step-counters .step-counter{display:flex;align-items:start;gap:1rem;height: 140px;opacity:.5;}
.tickets .contents .step-counters .step-counter .number{width:42px;height:42px;border:1px solid #fff;border-radius:50%;background-color:transparent;color:#fff;display:grid;align-items:center;justify-content:center;line-height: 40px;justify-items: center;}
.tickets .contents .step-counters .step-counter .number::after{content:'';width:1px;height: 100px;background-color:#fff;}
.tickets .contents .step-counters .step-counter:last-child .number::after{display:none;}
.tickets .contents .step-counters .step-counter .content{display:grid;justify-items:start;color:#fff;padding-left:1rem;}
.tickets .contents .step-counters .step-counter ul{padding-left:1rem;}
.tickets .contents .step-counters .step-counter.active{opacity:1;}
.tickets .contents .step-counters .step-counter.active .number{background-color:#fff;color:#00a29c;}

.tickets .steps{display:grid;align-content:space-between;height: 100%;}
.tickets .col-lg-9{margin-top: 15rem;height: 75vh;padding:0 7rem;}
.tickets .texts{display:flex;align-items:center;justify-content:space-between;}
.tickets .texts .content{display:grid;}
.tickets .texts .content h1{color:#00a29c;font-weight:900;}
.tickets .texts .content p{color:#767676;}
.tickets .texts .basket{background-color:#00a29c;border:1px solid #00a29c;padding:1rem 2rem;color:#fff;border-radius:20px;display:flex;align-items:center;justify-content:center;gap:1rem;transition: .3s;cursor:pointer;}
.tickets .texts .basket:hover{color:#00a29c;background-color:transparent;transition: .3s;}
.tickets .steps {display: none;}
.tickets .steps.active {display: grid;}
.tickets .step-one .vote-content{display:flex;align-items:center;gap:1rem;}
.tickets .step-one .vote-content .box{display:grid;background-color:#16171d;width:32%;border-radius:15px;padding:4rem;gap:4rem;transition: .3s;cursor:pointer;}
.tickets .step-one .vote-content .box .icon{width:70px;height:70px;background-color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;transition: .3s;}
.tickets .step-one .vote-content .box .icon img{filter:brightness(0);max-width:24px;max-height:24px;transition: .3s;}
.tickets .step-one .vote-content .box h3{color:#fff;font-weight:700;max-width:150px;transition: .3s;}
.tickets .step-one .vote-content .box:hover, .tickets .step-one .vote-content .box.active{background-color:#00a29c;}
.tickets .step-one .vote-content .box:hover .icon img, .tickets .step-one .vote-content .box.active .icon img{filter: invert(28%) sepia(51%) saturate(7078%) hue-rotate(144deg) brightness(87%) contrast(101%);}

.tickets .steps .buttons{display:flex;align-items:center;justify-content:space-between;}
.tickets .steps .buttons .steps-prev{padding:1rem 2rem;background-color:transparent;border:1px solid #16171d;color:#16171d;border-radius:20px;cursor:pointer;transition: .3s;}
.tickets .steps .buttons .steps-prev:hover{background-color:#16171d;color:#fff;transition: .3s;}
.tickets .steps .buttons .steps-next{padding:1rem 2rem;background-color:#16171d;border:1px solid #16171d;color:#fff;border-radius:20px;cursor:pointer;transition: .3s;}
.tickets .steps .buttons .steps-next:hover{background-color:transparent;color:#16171d;transition: .3s;}

.tickets .step-two .vote-content{display:flex;flex-wrap:wrap;gap:1rem;}
.tickets .step-two .vote-content .box{width:49%;padding:2rem;background-color:#f9f9f9;display:flex;align-items:center;gap:2rem;border-radius:15px;transition: .3s;cursor:pointer;}
.tickets .step-two .vote-content .box img{max-width:50px;max-height:50px;filter:brightness(0);transition: .3s;}
.tickets .step-two .vote-content .box .texts{display:grid;transition: .3s;}
.tickets .step-two .vote-content .box .texts h4{color:#000;font-weight:700;transition: .3s;}
.tickets .step-two .vote-content .box .texts p{color:#868686;font-weight:400;transition: .3s;}
.tickets .step-two .vote-content .box:hover, .tickets .step-two .vote-content .box.active{background-color:#00a29c;transition: .3s;}
.tickets .step-two .vote-content .box:hover img, .tickets .step-two .vote-content .box.active img{filter:brightness(0) invert(1);transition: .3s;}
.tickets .step-two .vote-content .box:hover .texts *, .tickets .step-two .vote-content .box.active .texts *{color:#fff;transition: .3s;}

.tickets .step-three .vote-content{display:flex;align-items:center;}
.tickets .step-three .vote-content .box{background-color:#16171d;border:1px solid #16171d;color:#fff;border-radius: 50px;width: 280px;height: 100px;display: flex;align-items: center;justify-content: center;transition: .3s;cursor:pointer;}
.tickets .step-three .vote-content .box:last-child{background-color:transparent;color:#16171d;transition: .3s;}
.tickets .step-three .vote-content .box h3{font-weight:700;margin:0;}
.tickets .step-three .vote-content .box:hover, .tickets .step-three .vote-content .box.active{color:#16171d;background-color:transparent;transition: .3s;}
.tickets .step-three .vote-content .box:last-child:hover, .tickets .step-three .vote-content .box:last-child.active{background-color:#16171d;;color:#fff;transition: .3s;}
.tickets .step-three .vote-content .hr{width:65%;height:1px;background-color:#16171d;}

.tickets .step-four .custom-select {position: relative;width: 100%;border-radius: 50px;background-color: #1a1a1a;padding: 10px 20px;display: flex;align-items: center;color: #fff;padding: 2rem;margin-top:1rem;}
.tickets .step-four .custom-select select {appearance: none;-moz-appearance: none;-webkit-appearance: none;background: transparent;border: none;outline: none;color: #fff;width: 100%;font-size: 24px;font-weight: 700;cursor: pointer;}
.tickets .step-four .custom-select::after{content: '';background-image:url('/storage/web/assets/img/tickets/school-arrow.png');position: absolute;background-position: center;background-size: 20px;background-repeat: no-repeat;width: 40px;height: 40px;right: 20px;pointer-events: none;color: #fff;font-size: 14px;cursor:pointer;}

.tickets .step-five .custom-select {position: relative;width: 100%;border-radius: 50px;background-color: #1a1a1a;padding: 10px 20px;display: flex;align-items: center;color: #fff;padding: 2rem;margin-top:1rem;}
.tickets .step-five .custom-select select {appearance: none;-moz-appearance: none;-webkit-appearance: none;background: transparent;border: none;outline: none;color: #fff;width: 100%;font-size: 24px;font-weight: 700;cursor: pointer;}
.tickets .step-five .custom-select::after{content: '';background-image:url('/storage/web/assets/img/tickets/school-arrow.png');position: absolute;background-position: center;background-size: 20px;background-repeat: no-repeat;width: 40px;height: 40px;right: 20px;pointer-events: none;color: #fff;font-size: 14px;cursor:pointer;}

.tickets .step-six .vote-content{display:flex;flex-wrap:wrap;gap:1rem;}
.tickets .step-six .vote-content .box{background-color:transparent;border:1px solid #16171d;color: #16171d;border-radius: 40px;width: 32%;padding: 3rem;display: flex;align-items: center;justify-content: center;transition: .3s;cursor:pointer;transition: .3s;}
.tickets .step-six .vote-content .box h3{margin:0;font-weight:700;transition: .3s;}
.tickets .step-six .vote-content .box:hover, .tickets .step-six .vote-content .box.active{background-color:#16171d;color:#fff;transition: .3s;}

.tickets .step-seven .vote-content{display:flex;flex-wrap:wrap;gap:1rem;}
.tickets .step-seven .vote-content .box{background-color:transparent;border:1px solid #16171d;color: #16171d;border-radius: 40px;width: 24%;padding: 3rem;display: flex;align-items: center;justify-content: center;transition: .3s;cursor:pointer;}
.tickets .step-seven .vote-content .box h3{margin:0;font-weight:700;}
.tickets .step-seven .vote-content .box:hover, .tickets .step-seven .vote-content .box.active{background-color:#16171d;color:#fff;transition: .3s;}

.tickets .step-eight .range-slider {width: 100%;}
.tickets .step-eight .range-slider label {font-size: 30px;font-weight: 700;margin-bottom: 5rem;display: block;color: #1a1a1a;}
.tickets .step-eight .range-slider input[type="range"] {width: 100%;appearance: none;height: 5px;background: #d3d3d3;outline: none;border-radius: 5px;position: relative;margin: 20px 0;}
.tickets .step-eight .range-slider input[type="range"]::-webkit-slider-thumb {appearance: none;width: 20px;height: 20px;background: #fff;border: 2px solid #1a1a1a;border-radius: 50%;cursor: pointer;position: relative;z-index: 10;top:-7px;}
.tickets .step-eight .range-slider input[type="range"]::-moz-range-thumb {width: 20px;height: 20px;background: #fff;border: 2px solid #1a1a1a;border-radius: 50%;cursor: pointer;}
.tickets .step-eight .range-slider input[type="range"]::-ms-thumb {width: 20px;height: 20px;background: #fff;border: 2px solid #1a1a1a;border-radius: 50%;cursor: pointer;}
.tickets .step-eight .range-slider input[type="range"]::-webkit-slider-runnable-track {height: 5px;background: #1a1a1a;}
.tickets .step-eight .range-slider .range-values {display: flex;justify-content: space-between;color: #1a1a1a;font-size: 14px;font-weight: 700;}

.tickets .step-nine input{background-color:transparent;outline:none;border:none;border-bottom:1px solid #595959;width:100%;margin-top:3rem;padding-bottom:2rem;}
.tickets .step-nine input::placeholder{color:#595959;}
.tickets .step-nine button{background-color:#16171d;outline:none;border:none;padding:1rem 2rem;border-radius:20px;border:1px solid #16171d;color:#fff;font-weight:700;width:fit-content;margin-top:2rem;transition: .3s;}
.tickets .step-nine button:hover{background-color:transparent;color:#16171d;transition: .3s;}

.tickets .step-ten .hello-week {width: 100%;max-width: 100%;margin: auto;}
.tickets .step-ten .hello-week__month {text-align: center;font-weight: bold;font-size: 1.5rem;}
.tickets .step-ten .hello-week__week {display: flex;justify-content: space-between;padding: 10px 0;}
.tickets .step-ten .hello-week__day {width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;cursor: pointer;margin: 5px;}
.tickets .step-ten .hello-week__day.is-today {background-color: #ff4d4d;color: white;border-radius: 50%;}
.tickets .step-ten .hello-week__day.is-selected {background-color: #ff4d4d;color: white;border-radius: 50%;}
.tickets .step-ten .hello-week__day.is-disabled {color: #d3d3d3;}
.tickets .step-ten .hello-week .is-selected {background-color: #04a29c;color: white;border-radius: 20px;}

.tickets .step-eleven .vote-content{display:flex;flex-wrap:wrap;gap:1rem;}
.tickets .step-eleven .vote-content .box{background-color:transparent;border:1px solid #16171d;color: #16171d;border-radius: 40px;width: 32%;padding: 3rem;display: flex;align-items: center;justify-content: center;transition: .3s;cursor:pointer;}
.tickets .step-eleven .vote-content .box h3{margin:0;font-weight:700;}
.tickets .step-eleven .vote-content .box:hover, .tickets .step-eleven .vote-content .box.active{background-color:#16171d;color:#fff;transition: .3s;}

.tickets .step-twelve .vote-content{display:flex;flex-wrap:wrap;gap:1rem;}
.tickets .step-twelve .vote-content .box{background-color:transparent;border:1px solid #16171d;color: #16171d;border-radius: 40px;width:49%;padding: 3rem;display: flex;align-items: center;justify-content: center;transition: .3s;cursor:pointer;}
.tickets .step-twelve .vote-content .box h3{margin:0;font-weight:700;}
.tickets .step-twelve .vote-content .box:hover, .tickets .step-twelve .vote-content .box.active{background-color:#16171d;color:#fff;transition: .3s;}

.tickets .step-finish.active{align-content: center;}
.tickets .step-finish h1{color:#00a29c;font-weight:900;}
.tickets .step-finish ul{display:flex;flex-wrap: wrap;align-items:start;gap:2rem;list-style:none;margin:0;padding:0;margin-top:4rem;}
.tickets .step-finish ul li{display:grid;justify-items:start;width: 180px;position:relative;}
.tickets .step-finish ul li::after{content:'';width:1px;height: 60px;position:absolute;background-color:#00000043;right: 5%;}
.tickets .step-finish ul li:last-child::after{display:none;}
.tickets .step-finish ul li h5{font-weight:700;}
.tickets .step-finish .hr{width:100%;height:1px;background-color:#00000043;margin:2rem 0;}
.tickets .step-finish .finish-buttons{display:flex;align-items:center;justify-content:center;gap:2rem;}
.tickets .step-finish .finish-buttons .buttons{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1.5rem 3rem;background-color:#16171d;border:1px solid #16171d;color:#fff;border-radius:15px;transition: .3s;}
.tickets .step-finish .finish-buttons .buttons *{margin:0;padding:0;}
.tickets .step-finish .finish-buttons .buttons:hover{color:#16171d;background-color:transparent;transition: .3s;}

.ticket-payment{}
.ticket-payment .nav-head{position:relative;}
.ticket-payment .nav-head::after{content:'';width:100%;height:550px;position:absolute;top:0;display:flex;background-color: #00a29c;}
.ticket-payment .contents{position:relative;z-index:9999;margin: 10rem 0rem 5rem 0rem;}
.ticket-payment .btn {display: flex;background: #bded7d;color: white;text-decoration: none;margin: 20px 0;padding: 15px 15px;border-radius: 20px;position: relative;display:flex;justify-content:center;align-items:center;gap:1rem;}
.ticket-payment .form fieldset {border: none;padding: 0;padding: 10px 0;position: relative;clear: both;}
.ticket-payment .form fieldset.fieldset-expiration {float: left;width: 60%;}
.ticket-payment .form fieldset.fieldset-expiration .select {width: 84px;margin-right: 12px;float: left;}
.ticket-payment .form fieldset.fieldset-ccv {clear: none;float: right;width: 86px;}
.ticket-payment .form fieldset label {display: block;text-transform: uppercase;font-size: 9pt;color: rgba(0, 0, 0, 0.6);margin-bottom: 5px;font-weight: 600;}
.ticket-payment .form fieldset input, .ticket-payment .form fieldset .select {width: 100%;height: 38px;color: #333333;padding: 10px;border-radius: 5px;font-size: 15px;outline: none !important;border: none;background-color: #f5f5f5;}
.ticket-payment .form fieldset input.input-cart-number, .ticket-payment .form fieldset .select.input-cart-number {width: 24.25%;display: inline-block;margin-right: 8px;}
.ticket-payment .form fieldset input.input-cart-number:last-child, .ticket-payment .form fieldset .select.input-cart-number:last-child {margin-right: 0;}
.ticket-payment .form fieldset .select {position: relative;}
.ticket-payment .form fieldset .select::after {content: "";border-top: 5px solid #222;border-left: 4px solid transparent;border-right: 4px solid transparent;position: absolute;z-index: 2;top: 14px;right: 10px;pointer-events: none;}
.ticket-payment .form fieldset .select select {-webkit-appearance: none;   -moz-appearance: none;appearance: none;position: absolute;padding: 0;border: none;width: 100%;outline: none !important;top: 6px;left: 6px;background: none;}
.ticket-payment .form fieldset .select select :-moz-focusring {color: transparent;text-shadow: 0 0 0 #000;}
.ticket-payment .form button {width: 100%;outline: none !important;background: #0da29c;text-transform: uppercase;font-weight: bold;border: none;box-shadow: none!important;}
.ticket-payment .form button .fa {margin-right: 6px;}
.ticket-payment .checkout {margin-bottom: 3rem;position: relative;width: 100%;background: white;border-radius: 15px;padding: 160px 45px 30px;box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);}
.ticket-payment .credit-card-box {perspective: 1000;width: 400px;height: 280px;position: absolute;top: -112px;left: 50%;transform: translateX(-50%);}
.ticket-payment .credit-card-box:hover .flip, .ticket-payment .credit-card-box.hover .flip {transform: rotateY(180deg);}
.ticket-payment .credit-card-box .front, .ticket-payment .credit-card-box .back {width: 400px;height: 250px;border-radius: 15px;-webkit-backface-visibility: hidden;backface-visibility: hidden;background: linear-gradient(135deg, #bd6772, #53223f);position: absolute;color: #fff;font-family: Inconsolata;top: 0;left: 0;text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);box-shadow: 0 1px 6px rgba(0, 0, 0, 0.3);}
.ticket-payment .credit-card-box .front::before, .ticket-payment .credit-card-box .back::before {content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: url("http://cdn.flaticon.com/svg/44/44386.svg") no-repeat center;background-size: cover;opacity: 0.05;}
.ticket-payment .credit-card-box .flip {transition: 0.6s;transform-style: preserve-3d;position: relative;}
.ticket-payment .credit-card-box .logo {position: absolute;top: 9px;right: 20px;width: 60px;}
.ticket-payment .credit-card-box .logo svg {width: 100%;height: auto;fill: #fff;}
.ticket-payment .credit-card-box .front {z-index: 2;transform: rotateY(0deg);}
.ticket-payment .credit-card-box .back {transform: rotateY(180deg);}
.ticket-payment .credit-card-box .back .logo {top: 185px;}
.ticket-payment .credit-card-box .chip {position: absolute;width: 60px;height: 45px;top: 20px;left: 20px;background: linear-gradient(135deg, #ddccf0 0%, #d1e9f5 44%, #f8ece7 100%);border-radius: 8px;}
.ticket-payment .credit-card-box .chip::before {content: "";position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;border: 4px solid rgba(128, 128, 128, 0.1);width: 80%;height: 70%;border-radius: 5px;}
.ticket-payment .credit-card-box .strip {background: linear-gradient(135deg, #404040, #1a1a1a);position: absolute;width: 100%;height: 50px;top: 30px;left: 0;}
.ticket-payment .credit-card-box .number {position: absolute;margin: 0 auto;top: 103px;left: 19px;font-size: 38px;}
.ticket-payment .credit-card-box label {font-size: 10px;letter-spacing: 1px;text-shadow: none;text-transform: uppercase;font-weight: normal;opacity: 0.5;display: block;margin-bottom: 3px;}
.ticket-payment .credit-card-box .card-holder, .ticket-payment .credit-card-box .card-expiration-date {position: absolute;margin: 0 auto;top: 180px;left: 19px;font-size: 22px;text-transform: capitalize;}
.ticket-payment .credit-card-box .card-expiration-date {text-align: right;left: auto;right: 20px;}
.ticket-payment .credit-card-box .ccv {height: 36px;background: #fff;width: 91%;border-radius: 5px;top: 110px;left: 0;right: 0;position: absolute;margin: 0 auto;color: #000;text-align: right;padding: 10px;}
.ticket-payment .credit-card-box .ccv label {margin: -25px 0 14px;color: #fff;}
.ticket-payment .the-most {position: fixed;z-index: 1;bottom: 0;left: 0;width: 50vw;max-width: 200px;padding: 10px;}
.ticket-payment .the-most img {max-width: 100%;}
.ticket-payment .total-payment{text-align:center;}

.history-activities-page-head{margin:auto;margin:15rem auto;display:flex;align-items:center;justify-content:center;max-width:750px;}
.history-activities-page-head h1{color:#00a29c;font-weight:900;display:flex;align-items:center;position:relative;margin:0;padding:0;}
.history-activities-page-head h1::after{content:'';width:16px;height:10px;background-color:#00a29c;border-radius:50%;margin:0 3rem;}
.history-activities-page-head p{color:#393939;}

.history-activities-page{position:relative;padding:5rem 0;background-color:#16171d;}
.history-activities-page .historyActivitiesPageSlider{width:100%;height: 900px;}
.history-activities-page .historyActivitiesPageSlider .swiper-slide{height:fit-content!important;}
.history-activities-page .box{display:grid;align-items:center;align-content:space-between;background-color: #f2f2f2;width:100%;height:400px;border-radius:20px;transition: .3s;}
.history-activities-page .box .image{width:100%;height:200px;}
.history-activities-page .box .image img{width:100%;height:100%;object-fit:cover;border-radius:20px;}
.history-activities-page .box .contents{padding:3rem;color: #16171d;display:flex;align-items:center;justify-content:space-between;transition: .3s;}
.history-activities-page .box .contents h2{font-weight:700;max-width:200px;display: -webkit-box;overflow: hidden;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.history-activities-page .box .contents .info{display:flex;align-items:center;gap:1rem;}
.history-activities-page .box .contents .arrow{width:50px;height:50px;border:1px solid #fff;background-color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;color: #16171d;rotate:-45deg;transition: .3s;}
.history-activities-page .box:hover{background-color: #00a29c;transition: .3s;}
.history-activities-page .box:hover .contents{color: #fff;transition: .3s;}
.history-activities-page .box:hover .contents .arrow{background-color: #fff;border: 1px solid #fff;color: #00a29c;transition: .3s;}
.history-activities-page .box:hover .contents .arrow:hover{background-color:transparent;color: #fff;rotate:0deg;transition: .3s;}

.history-activities-detail{margin-top:15rem;}
.history-activities-detail .head{color:#00a29c;font-weight:900;}
.history-activities-detail .desc{color:#454545;font-weight:400;max-width:80%;margin-top:1rem;}
.history-activities-detail .image{width:100%;height:650px;display:flex;}
.history-activities-detail .image img{width:100%;height:100%;object-fit:cover;filter:brightness(.5);border-radius:20px;transition: .3s;}
.history-activities-detail .image img:hover{filter:none;transition: .3s;}

.basket-page{margin-top:15rem;margin-bottom:10rem;}
.basket-page .head{display:flex;align-items:center;gap:2rem;}
.basket-page .head h1{color:#00a29c;font-weight:900;margin:0;padding:0;}
.basket-page .head i{color:#00a29c;font-size:16pt;}
.basket-page ul{display:flex;flex-wrap: wrap;align-items:start;gap:2rem;list-style:none;margin:0;padding:0;margin-top:4rem;}
.basket-page ul li{display:grid;justify-items:start;width: 11.1%;position:relative;}
.basket-page ul li::after{content:'';width:1px;height: 60px;position:absolute;background-color:#00000043;right: 5%;}
.basket-page ul li:last-child::after{display:none;}
.basket-page ul li h5{font-weight:700;}
.basket-page .hr{width:100%;height:1px;background-color:#00000043;margin:2rem 0;}
.basket-page .finish-buttons{display:flex;align-items:center;justify-content:center;gap:2rem;}
.basket-page .finish-buttons .buttons{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1.5rem 3rem;background-color:#16171d;border:1px solid #16171d;color:#fff;border-radius:15px;transition: .3s;}
.basket-page .finish-buttons .buttons *{margin:0;padding:0;}
.basket-page .finish-buttons .buttons:hover{color:#16171d;background-color:transparent;transition: .3s;}


.other-page-content{position:relative;margin-top:15rem;margin-bottom:5rem;}
.other-page-content .head{color:#0da29c;font-weight:900;text-align:center;}
.other-page-content .container-fluid{max-width:70%;}
.other-page-content .otherPageContentOneSlider{width:100%;position:relative;margin-top:3rem;}
.other-page-content .otherPageContentOneSlider .image{width:100%;height:100%;margin-bottom:3rem;}
.other-page-content .otherPageContentOneSlider .image img{width:100%;height:100%;object-fit:cover;border-radius:15px;}
.other-page-content .otherPageContentOneSlider .swiper-pagination-bullet-active{background:#0da29c;}
.other-page-content .desc{margin-top:3rem;font-size:12pt;}
.other-page-content p img{width:100%;}

.gallery .filters {
    text-align: center;
    margin-top: 50px;
}

.gallery .filters ul {
    padding: 0;
    display: inline-flex;
    background-color: #f3f3f3;
    padding: 20px 40px;
    border-radius: 60px;
    gap: 14px;
}

.gallery .filters ul li {
    list-style: none;
    display: inline-block;
    padding: 20px 30px;
    cursor: pointer;
    position: relative;
    background-color: #222222;
    padding: 14px 28px;
    color: #fff;
    border-radius: 30px;
    transition: .3s;
}

.gallery .filters ul li:hover {
    background-color: #00a29c;
    transition: .3s;
}

.gallery .filters ul li.active {
    background-color: #00a29c;
    transition: .3s;
}

.gallery .filters-content {
    margin-top: 50px;
}

.gallery .filters-content .show {
    opacity: 1;
    visibility: visible;
    transition: all 350ms;
}

.gallery .filters-content .hide {
    opacity: 0;
    visibility: hidden;
    transition: all 350ms;
}

.gallery .filters-content .item {
    text-align: center;
    cursor: pointer;
    margin-bottom: 30px;
    height: 360px;
}

.gallery .filters-content .item img {
    border-radius: 30px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.gallery .filters-content .item .p-inner {
    padding: 20px 30px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.gallery .filters-content .item .p-inner h5 {
    font-size: 15px;
}

.section.gallery .filters-content .item .p-inner .cat {
    font-size: 13px;
}

.section.gallery .filters-content .item img {
    width: 100%;
}