.h1-headline{text-align:center;position:relative;z-index:1;background:var(--primary-color);overflow:hidden;padding:60px 20px 60px}.h1-headline.addbg{background:url(https://assets.milestoneinternet.com/chula-vista-resort/chula-vista-resort-394482-1/website-assets/images-noindex/rays-overview.png) left 20% no-repeat var(--primary-color);background-size:95%;background-position:-112px 120px}.h1-headline__text *{color:var(--inverse-font-color);filter:opacity(1)}.h1-headline__text .uk-button-primary{border-color:var(--inverse-font-color)}.h1-headline__text .uk-button-primary:hover,.h1-headline__text .uk-button-primary:focus{border-color:var(--primary-cta-font-color)}.h1-headline__back{margin-bottom:20px}.h1-headline__back:hover,.h1-headline__back:focus{color:var(--inverse-font-color)}.h1-headline__back>.template-icon{font-size:125%;left:0;position:relative;transition:all .4s}.h1-headline__back:hover>.template-icon{left:-10px}.h1-headline__media{max-width:1030px;margin:0 auto 40px}.h1-headline__title{margin-bottom:30px}.h1-headline__title:last-child{margin-bottom:0}.h1-headline__text{max-width:820px;margin-left:auto;margin-right:auto}.h1-headline__content{max-width:750px;margin-left:auto;margin-right:auto}.h1-headline__content ul{display:inline-block;text-align:left}.h1-headline__content:last-child{margin-bottom:0}.h1-headline__text .button-readmore:after,.h1-headline__text .button-readmore:after{color:currentColor}.h1-headline__text .button-readmore:hover:after,.h1-headline__text .button-readmore:focus:after{color:var(--inverse-font-color)}.title--tagline{text-transform:capitalize}.h1-headline__content--extra{margin-top:30px}.h1-headline__actions{justify-content:center;margin-top:40px}.h1-headline__actions .uk-button+.uk-button{margin-left:20px}.section-bottom-divider{border-bottom:1px solid var(--border-color)}.h1-headline-widget--primary-bg{background:var(--primary-color);color:var(--inverse-font-color)}.h1-headline-widget--primary-bg *{color:var(--inverse-font-color)}.h1-headline-widget--secondary-bg{background:var(--bg-alt-1)}.intro-section-collapsible .wavemain{margin-top:-139px}@media(max-width:1399.98px){.h1-headline{padding:40px 20px 40px}}@media(max-width:959.98px){.intro-section-collapsible .wavemain{margin-top:-120px}}@media(max-width:767.98px){.h1-headline__title--noimage{margin:0}.h1-headline.addbg{background-size:120%;background-position:-112px 160px}.intro-section-collapsible .wavemain{margin-top:-95px}.h1-headline__actions{display:flex;flex-direction:column;align-items:center;gap:20px;justify-content:center;margin-top:20px}.h1-headline__actions .uk-button+.uk-button{margin:0}}@media(max-width:639.98px){.h1-headline--noimage{padding-bottom:20px}.h1-headline__media{margin-bottom:20px}}
:root{--header-height:95px}body{padding-top:var(--header-height)}body.has-header-alert{padding-top:calc(var(--header-height) + 50px)}body.home-page{padding-top:0}.header{position:fixed;z-index:990;color:var(--header-color);padding:0;left:0;top:0;width:100%;transition:all .4s;background:rgba(20,95,153,1)}.has_transparent_header .header{background:transparent}.has_transparent_header .header.is-fixed,.header.is-fixed{background:rgba(20,95,153,.85);backdrop-filter:blur(28.79px);-webkit-backdrop-filter:blur(28.79px)}.has_transparent_header .header__logo{width:auto;padding:25px 0}.has_transparent_header .is-fixed .header__logo,.is-fixed .header__logo,.header__logo{width:130px}a.header__logo img{transition:all .5s ease-in-out}.header__col--right .uk-navbar{position:static!important}@media(min-width:990.98px){.has_transparent_header .header.is-fixed{padding:0}}.header__grid{align-items:center;justify-content:space-between}.header__col--right{display:flex;justify-content:space-between;align-items:center;grid-column-gap:25px}.header__logo{max-width:var(--logo-width);max-height:var(--logo-height);display:inline-block;align-items:center;color:var(--header-color)!important}.has_transparent_header .is-fixed .header__logo,.is-fixed .header__logo{padding:10px 0}.header-collapsible,.header-collapsible__col--media{position:relative;display:none}.header-collapsible__col--media:before{content:"";position:absolute;background:var(--primary-color);width:100%;height:100%;top:0;z-index:-1;left:0}.header-collapsible__col--media:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-repeat:no-repeat;background-position:bottom center;background-size:cover;z-index:-1}.header__phone{display:inline-flex;align-items:center;font-family:'Neutraface Text Demi';font-size:14px;color:var(--inverse-font-color);font-weight:600;letter-spacing:.05em;filter:opacity(1)}.header__phone .template-icon{margin-right:6px;margin-top:2px}.header__phone:hover,.header__phone:focus-within{color:#c1dbe1}ul.third-level-drop{left:100%!important;position:absolute;display:none;background:#fff;padding:10px 0;border-radius:10px;list-style:none;top:0;width:260px}ul.third-level-drop li a.navON{color:var(--primary-cta-hover-color)}.mainmenu-toggle{font-family:'Neutraface Text Demi';font-size:14px;font-weight:600;color:var(--inverse-font-color);text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;filter:opacity(1)}.mainmenu-toggle:hover,.mainmenu-toggle:focus{color:#c1dbe1}.mainmenu-toggle span.chula-menu-rays{width:30px;display:inline-flex;overflow:hidden;height:16px;margin-left:10px;color:var(--inverse-font-color)}.mainmenu-toggle span.chula-menu-rays:before{transition:all .4s;font-size:16px}.mainmenu-toggle:hover span.chula-menu-rays:before,.mainmenu-toggle:focus span.chula-menu-rays:before{margin-left:-16px}.mainmenu .uk-modal-close-full{background:none;color:var(--inverse-font-color);font-size:14px;text-transform:uppercase;font-weight:600;letter-spacing:.5px;padding:0;display:flex;align-items:center;grid-column-gap:6px;top:50px;filter:opacity(1);right:50px}.mainmenu .uk-modal-close-full>span.chula-close{font-size:13px;position:relative;top:1px}.mainmenu .uk-modal-close-full:hover,.mainmenu .uk-modal-close-full:focus{color:var(--secondary-color)}.header__bookstay{background:transparent;font-size:14px;color:var(--inverse-font-color);border:1px solid var(--inverse-font-color);filter:opacity(1)}.header__bookstay:hover,.header__bookstay:focus{border-color:var(--primary-cta-hover-color)}.navmenu__list{padding:0;margin:0;list-style:none}.menu-left{width:60%;padding:60px 278px 60px 120px;background:url(https://assets.milestoneinternet.com/chula-vista-resort/chula-vista-resort-394482-1/website-assets/images-noindex/menu.png) 0 75% no-repeat;display:flex;flex-wrap:wrap;align-content:center}.menu-left>*{width:100%}.menu-right{width:40%;padding:98px 120px 98px 0;background-repeat:no-repeat;background-size:cover;display:flex;align-items:center}.menu-right__media{overflow:hidden;border-radius:10px;box-shadow:0 0 50px 0 rgba(0,0,0,.2);left:-120px;max-width:536px;position:relative;display:none;opacity:0}@media only screen and (min-width:1024px)and (max-width:1279.98px){.menu-left{padding:60px 80px 60px 40px;align-content:start}.menu-right{padding-right:40px}.menu-right__media{left:-40px}}@media only screen and (min-width:960px)and (max-width:1179.98px){.topnav__list-link,.mainmenu-toggle,.header__bookstay{font-size:12px}.has_transparent_header .header__logo{width:130px}}@media only screen and (min-width:768px)and (max-width:1199.98px){.header__col--right{grid-column-gap:12px}.topnav__list-item{margin-left:12px}}@media(max-width:959.98px){.topnavmenu__list{display:none}}@media screen and (min-width:768px)and (max-width:1024px)and (orientation:landscape){.topnavmenu__list{display:none}}.menu-right__media.activenav{display:block;opacity:1}.navmenu__list-item{position:relative}.navmenu__list-item+.navmenu__list-item{margin-top:18px}.navmenu__list-link{display:inline-flex;padding:5px 0;position:relative;text-transform:capitalize;color:var(--header-color);letter-spacing:.05em;font-size:18px;color:var(--secondary-color);font-family:var(--special-font);font-weight:600}.navmenu__list-link.only-link-nav{padding:0}.navmenu__list-link:hover,.navmenu__list-link:focus,.navmenu__list-link.only-link-nav.navON{color:var(--primary-color)}.mainmenu .uk-modal-dialog{display:flex;background:#f2eee6;min-height:100vh}.navmenu__dropdown>a{position:relative;font-family:var(--special-font);padding:0 40px 0 0;font-size:18px;color:var(--secondary-color);display:block;line-height:26px;text-transform:none;filter:opacity(1);letter-spacing:-.5px;font-weight:600}.navmenu__list-item.active_menu ul.navmenu-dropmenu{position:relative;display:grid;background:none;box-shadow:none;list-style:none;grid-row-gap:5px}.navmenu__list-item.active_menu ul.navmenu-dropmenu:after{content:'';border-bottom:solid 1px #66a6b5;bottom:-10px;position:relative}.navmenu__dropdown>a:before{content:'';font-family:'chula'!important;position:absolute;right:0;top:50%;transform:translateY(-50%) rotate(180deg);background-size:contain;transition:all .4s ease;font-size:20px;line-height:1;font-weight:normal;color:var(--highlight-color)}.active_menu.navmenu__dropdown>a:before{transform:translateY(-50%) rotate(-0deg)}.navmenu-dropmenu{padding:10px 0;margin:0;min-width:265px}.navmenu-dropmenu__link{display:block;padding:0;text-align:left;text-transform:none;color:var(--primary-color);font-family:var(--special-font);font-size:14px;font-weight:700;position:relative}.navmenu-dropmenu__link.navON{color:var(--secondary-color);filter:opacity(1)}.navmenu-dropmenu__item.third-level>a:before,.navmenu-dropmenu__item.third-level>a:after{content:"";width:12px;height:1.5px;position:absolute;right:0;background-color:var(--primary-color);transition:all .4s;top:12px}.navmenu-dropmenu__item.third-level{position:relative}.navmenu-dropmenu__item.third-level>a:before{transform:rotate(90deg)}.third-level.thirdlevel-active_menu>a:before{transform:rotate(0deg)}ul.navmenu-dropmenu .third-level-drop{display:none}.navmenu-dropmenu__item.third-level.thirdlevel-active_menu ul.third-level-drop{display:block;list-style:none;margin:0;padding:5px 0;position:relative;left:0!important;background:none;border-radius:0;top:0;width:100%}.header-social{display:flex;align-items:center;list-style:none;padding:0;margin-top:30px;grid-column-gap:20px;font-size:22px;width:100%}.header-social a{color:var(--secondary-color)}.header-social a:hover,.header-social a:focus{color:var(--primary-color)}.mobile-footer{display:none;opacity:0}@media(min-width:768px){.navmenu__list-item--onlymob,.navmenu__list-link--btn{display:none!important}}@media(min-width:768px){.mainmenu-toggle .template-icon{display:none}}@media(min-width:1024px){.navmenu__list-link:hover,.navmenu__list-link:focus{text-decoration:underline}}@media(max-width:1199.98px){.navmenu__list-item{margin-right:15px}}@media(max-width:1023.98px){}@media(max-width:990.98px){.navmenu__list-link{font-size:12px;padding:10px}.navmenu__list-item{margin-right:0}:root{--header-height:67px}.is-header-active.has_transparent_header .header{background:rgba(20,95,153,1)}.header__logo,.has_transparent_header .is-fixed .header__logo,.is-fixed .header__logo,.header__logo{width:100%;max-width:92px}.header__toggler-btn{background:transparent;border:0;display:flex;padding:0;margin:0;font-size:0;line-height:1;color:var(--header-color);cursor:pointer;align-items:center;min-width:24px;justify-content:flex-end}.header__toggler-btn .is-togglemenu-active{display:none}.header__toggler-btn .is-togglemenu-close{display:block;font-size:13px}.is-header-active{overflow:hidden}.is-header-active .header__toggler-btn .is-togglemenu-active{display:block;font-size:14px}.is-header-active .header__toggler-btn .is-togglemenu-close{display:none}.menu-left{width:100%;padding:40px 0 40px;background-position:-142px 90%;background-size:116%;align-content:start}.navmenu__dropdown>a{padding:4px 20px}.navmenu__dropdown>a:before{font-family:var(--icon-fonts);position:absolute;right:20px;width:18px;background-size:contain;transition:all .4s ease;font-size:18px;font-weight:normal}.navmenu__dropdown>a[aria-expanded="true"]:before{transform:translateY(-50%) rotate(180deg)}.navmenu__list-link{display:flex;padding:5px 20px;font-family:var(--special-font);font-size:18px;font-weight:600}.navmenu-dropmenu{position:relative!important;box-shadow:none!important;background:transparent;padding:0 20px 10px;top:0!important;left:0!important;right:0!important;bottom:auto!important;max-width:100%!important;list-style:none}.navmenu__list-link:after{display:none}.navmenu__list-link.navON,.navmenu__more-link.navON{color:var(--secondary-color);font-size:18px;font-weight:600;text-transform:none;justify-content:flex-start}.mainmenu-toggle span.chula-menu-rays{display:none}.menu-right{display:none}.mainmenu{top:67px;height:calc(100vh - 67px);display:none}.mainmenu .uk-modal-close-full{display:none}.header-social{padding:0 20px;margin-top:80px}.navmenu__list-link.only-link-nav{padding:0 20px}}@media only screen and (min-width:768px)and (max-width:959.98px){.header__logo,.has_transparent_header .is-fixed .header__logo,.is-fixed .header__logo,.has_transparent_header.is-header-active .header__logo{padding:7px 0}.has-header-alert .mainmenu,.has-header-alert.is-header-active .mainmenu{top:118px;height:calc(100vh - 118px)}}@media(max-width:767.98px){:root{--header-height:67px}body{padding-top:var(--header-height)}.header,.header--active{min-height:var(--header-height);z-index:999;padding:0}.header__container{width:100%}.header__bookstay{display:none}.header__col--right{grid-column-gap:8px}.header__logo,.has_transparent_header .is-fixed .header__logo,.is-fixed .header__logo,.header__logo{width:100%;max-width:92px;padding:7px 0}.has_transparent_header .is-fixed .header__logo,.is-fixed .header__logo,.is-header-active .header__logo,.has_transparent_header .header__logo,.is-header-active.has_transparent_header .header__logo{padding:7px 0}.mobile-footer{position:fixed;bottom:15px;width:100%;left:0;padding:0 15px;z-index:9;border:0;display:block;opacity:1}.mobile-footer .header__bookstay{display:block;padding:15px;background:var(--primary-cta-color);font-size:16px}.menu-left{background-size:130%;padding-top:20px}.mainmenu-toggle{font-size:0}.is-bookstay-active .header__bookstay{display:none}.header__phone{min-width:24px;line-height:1;padding:0;display:block}.header__phone-text{font-size:0;line-height:0}.header__phone>.template-icon{font-size:18px;font-weight:normal;margin:0}.header-collapsible{position:fixed;top:60px;bottom:0;right:-100%;width:100%;height:calc(100vh - 60px);z-index:9;overflow:auto;-webkit-overflow-scrolling:touch;background-color:var(--primary-color);border-top:1px solid var(--border-color);transition:right .4s ease;padding-top:50px;padding-bottom:50px}.is-header-active .header-collapsible{right:0}.navmenu__list{display:block;position:relative;z-index:10}.header__top-left,.header__top-right{width:60px}.header__top-center{width:calc(100% - 60px*2);width:-webkit-calc(100% - 60px*2);max-width:calc(100% - 60px*2);max-width:-webkit-calc(100% - 60px*2)}.has_transparent_header .header__logo{padding:20px 0}}@media(max-width:639.98px){}@media(max-width:575px){}.megamenu-drop-nav{background:var(--bg-alt-1);max-width:100%!important;left:0!important;width:100%!important;margin:0 auto;right:0;padding:60px 0;display:none;box-shadow:0 8px 12px rgba(0,0,0,.15);border-radius:0 0 10px 10px}.megamenu-drop-nav,.has_transparent_header .is-fixed.header .megamenu-drop-nav,.is-fixed.header .megamenu-drop-nav{top:96px!important}.has_transparent_header .megamenu-drop-nav{top:130px!important}.megamenu-drop{width:100%;max-width:1100px;padding:0 20px;margin:0 auto}.megamenu-drop-nav .close_drop{position:absolute;right:0;background:transparent;border:none;cursor:pointer;right:20px;top:20px;font-size:15px;color:var(--primary-color)}.megamenu-drop-nav .close_drop:hover,.megamenu-drop-nav .close_drop:focus{color:var(--secondary-color)}.megamenu-list{padding:0;position:relative;min-height:180px;list-style:none;line-height:normal;width:150px}.megamenu-list li+li{margin-top:15px}.megamenu-grid{display:flex}.uk-navbar-nav>li>a.topnav__list-link,.is-fixed .uk-navbar-nav>li>a.topnav__list-link{font-family:'Neutraface Text Demi';font-size:14px;font-weight:600;color:var(--inverse-font-color);position:relative;min-height:96px;letter-spacing:.05em;filter:opacity(1)}.uk-navbar-nav>li>a.topnav__list-link.navON,.uk-navbar-nav>li>a.topnav__list-link:hover,.uk-navbar-nav>li>a.topnav__list-link:focus{color:#c1dbe1}.has_transparent_header .uk-navbar-nav>li>a.topnav__list-link{min-height:110px}.uk-navbar-nav>li>a.topnav__list-link[aria-expanded=true]:before{content:"";width:20px;height:10px;border-right:solid 10px transparent;border-left:solid 10px transparent;position:absolute;bottom:0;border-bottom:solid 10px var(--bg-alt-1);left:50%;transform:translateX(-50%)}.megamenu-img{border-radius:var(--border-radius);width:350px;height:200px;overflow:hidden;margin-right:65px}.megamenu-img img{width:100%;height:100%;object-fit:cover}h4.megamenu__title{font-size:14px;font-weight:700;margin-bottom:30px}.megamenulist-links{display:flex;align-items:self-start}.megamenulist-links .uk-switcher ul li+li{margin-top:15px}.megamenulist-links ul li a.navmenu-dropmenu__link{font:400 16px/20px var(--text-fonts);color:var(--text-color);padding:0}.megamenuthird-level-drop li+li{margin-top:15px}a.megamenu-dropmenu__link,.megamenuthirdlevel-list a{color:#222;position:relative;padding-right:15px}a.megamenu-dropmenu__link.navON,a.megamenu-dropmenu__link:hover,.megamenuthirdlevel-list a:hover{color:var(--primary-color)}.megamenuthirdlevel-active a.megamenu-dropmenu__link{font-family:'Neutraface Text Demi';font-weight:600;color:var(--primary-color);position:relative}.megamenuthirdlevel-list a.megamenu-dropmenu__link:after{content:'';font-family:'chula'!important;position:absolute;right:0;font-size:10px;transform:rotate(90deg);top:6px;font-weight:600}ul.megamenuthird-level-drop{position:absolute;top:0!important;border-left:solid 1px #b4b1ab;left:100%!important;width:450px;display:none;column-count:2;margin-left:55px;padding:0 0 0 55px;height:100%;list-style:none;align-items:center;box-shadow:none;background:transparent}ul.megamenuthird-level-drop>li>a{color:#222}ul.megamenuthird-level-drop>li>a:hover,ul.megamenuthird-level-drop>li>a:focus,ul.megamenuthird-level-drop>li>a.navON{color:var(--primary-color)}.megamenuthirdlevel-list.megamenuthirdlevel-active ul{display:block;background:#f2eee6}@media(min-width:991px){.is-fixed .uk-navbar-nav>li>a.topnav__list-link{min-height:96px}.third-level-megamenu{position:absolute;left:100%;width:560px}.two-column ul.megamenu-list{width:550px;column-count:2}}@media only screen and (min-width:991px)and (max-width:1166px){.has_transparent_header .megamenu-drop-nav{top:117px!important}.nav-megamenu .uk-navbar-nav{gap:15px}.uk-navbar-nav>li>a.topnav__list-link,.is-fixed .uk-navbar-nav>li>a.topnav__list-link{font-size:12px}.megamenu-img{margin-right:25px}ul.megamenuthird-level-drop{margin-left:25px;padding:0 0 0 25px;width:380px}}@media(max-width:990.98px){.nav-megamenu{display:none!important}}@media(min-width:991px){body{transition:all .8s}body.mainmenu-active{margin-top:100vh}.mainmenu{opacity:1;transform:translateY(-100vh);transition:all .8s}.mainmenu.uk-open{transform:translateY(0)}}.alert-bar-content{margin:0;padding:14px 0 14px 0;background:var(--secondary-color);color:var(--inverse-font-color)}.alert-bar-content .uk-slider{max-width:560px;padding:0 20px;margin:0 auto}.alert-bartext{text-align:center;font-weight:600;font-size:16px;line-height:140%;font-family:var(--special-font);color:var(--inverse-font-color);letter-spacing:-.05em}.alert-bartext a:hover,.alert-bartext a:focus{opacity:.8}.slide-nav{position:absolute;top:-1px;left:-23px;color:var(--inverse-font-color);font-size:19px}.slide-nav:hover,.slide-nav:focus{color:var(--inverse-font-color);opacity:.75}a.slide-nav.slide-nav-right{right:-23px;left:auto}.header-alert-close{color:var(--inverse-font-color);opacity:1;top:18px;line-height:normal;font-size:14px;right:30px}.has-header-alert .is-fixed.header .megamenu-drop-nav,.has-header-alert .header .megamenu-drop-nav,.has_transparent_header.has-header-alert .is-fixed.header .megamenu-drop-nav{top:146px!important}.has_transparent_header.has-header-alert .header .megamenu-drop-nav{top:180px!important}@media(max-width:959.98px){.has-header-alert .mainmenu{top:108px;height:calc(100vh - 108px)}}@media(max-width:767.98px){.alert-bar-content{padding:9px 40px 9px 40px}.header-alert-close{right:12px;top:13px;font-size:13px;font-weight:normal}body.home-page.has-header-alert{padding-top:0}body.has-header-alert{padding-top:calc(var(--header-height) + 41px)}.alert-bartext{font-size:10px;margin-top:7px;margin-bottom:2px}}@media(max-width:640.98px){.slide-nav{font-size:16px}.alert-bartext{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.alert-bar-content{padding:9px 40px 9px 10px}}.stickybanner-sec{transition:left .7s ease;position:fixed;left:10px;bottom:16px;z-index:990}.has-cookie-banner .stickybanner-sec{bottom:146px}.stickybanner-sec .uk-button{background:var(--primary-cta-font-color);color:var(--inverse-font-color)}.has-cookie-banner .home-video__actions{bottom:200px}@media(max-width:767.98px){.stickybanner-sec{display:none}}
.footer-wave{margin-top:-2px}.wavemain.footer-wave-darkblue{margin-top:-139px}.home-page .footer-wave{margin-top:0}.home-page .footer-wave .wavemain{margin-top:-139px}.footer9__container{max-width:1244px}.footer9{padding:45px 0 45px;background-size:cover;background-position:center;color:var(--footer-color);background-color:var(--bg-footer)}.footer9 :focus-visible{outline:1px solid var(--footer-color);box-shadow:0 0 2px var(--footer-color) inset;-webkit-box-shadow:0 0 2px var(--footer-color) inset;-ms-box-shadow:0 0 2px var(--footer-color) inset;-moz-box-shadow:0 0 2px var(--footer-color) inset}.footer9 .title{color:var(--footer-color)}.footer9 a{display:inline-flex;color:var(--footer-color)}.footer9 a:hover,.footer9 a:focus-visible{text-decoration:underline}.footer9-newsletter{max-width:500px}.footer9__logo{margin-bottom:25px}.footer9-newsletter__grid{display:flex;align-items:flex-start;gap:16px}.footer9-newsletter__control{flex:1;position:relative}.footer9-newsletter__input{height:48px;background:var(--inverse-font-color)!important;border-color:var(--footer-color)}.footer9-newsletter__gdpr{margin-top:16px;font-size:12px;line-height:1.5}.footer9-newsletter__gdpr a{text-decoration:underline}.footer9-newsletter__gdpr a:hover,.footer9-newsletter__gdpr a:focus-visible{text-decoration:none}.footer9-newsletter__btn{color:var(--footer-color);border-color:var(--footer-color)}.footer9__title{font:var(--body-text-fonts);font-weight:600;margin:0 0 15px 0;text-transform:none;letter-spacing:0;font-family:var(--special-font)}.footer9__address>a,.footer9__phone>a,.footer9__email>a{padding:0;display:inline-flex}.footer-content-info{display:flex}.contact-info{display:flex;margin:10px 0 25px}.footer9__email{margin-left:15px;padding-left:15px;border-left:solid 1px #fff}.footer9__menu-item>a{padding:0 0 0 15px;display:inline-flex;align-items:center;position:relative}.footer9__menu-item>a:before{content:"";width:3px;height:3px;position:absolute;top:12px;left:0;background:#fff;border-radius:6px}.footer9__menu-item>a:hover,.footer9__menu-item>a:focus,.footer9__menu-item>a.navON{text-decoration:none;color:var(--footer-color);opacity:.75}.footer9__menu{display:flex;flex-wrap:wrap;grid-row-gap:5px}.footer9__menu-item{width:50%}.footer9__social{display:flex}.footer9__social a.footer9__social-item{margin-right:20px;display:inline-flex}.footer9__copygrid{}.footer9__digital{font-size:14px;display:none}.home-page .footer9__digital{display:block}.footer9__submenu{display:flex;font-size:14px;justify-content:space-between;margin:35px 0 25px;padding:20px 0;border-top:solid 1px rgba(102,166,181,50%);border-bottom:solid 1px rgba(102,166,181,50%)}.footer9__submenu-item>a{text-transform:uppercase}.footer9__submenu-item>a:hover{text-decoration:none}.footer9__submenu-item>a.navON{color:var(--footer-color);opacity:.75;text-decoration:none}.footer9__submenu-item>a:hover,.footer9__submenu-item>a:focus{text-decoration:underline}.footer9-container{display:flex;justify-content:space-between;font-size:14px}@media(min-width:1200px){.footer9__grid{margin-left:-45px}.footer9__grid>*{padding-left:45px}.footer9__col--contact{width:317px}.footer9__col--link{width:570px}.footer9__col--social{width:auto}.footer9__col--newsletter{width:auto;flex:1}}@media(max-width:1399.98px){.footer9-newsletter{max-width:400px}.footer9-newsletter__grid{flex-direction:column}.footer9-newsletter__control{flex:1;width:100%;max-width:400px}}@media(max-width:1199.98px){.footer9-newsletter{max-width:100%}.footer9-newsletter__grid{flex-direction:row}.footer9__col--newsletter{margin-bottom:30px}}@media(max-width:1023.98px){}@media(max-width:959.98px){.wavemain.footer-wave-darkblue,.home-page .footer-wave .wavemain{margin-top:-120px}}@media(max-width:767.98px){.footer9__social{justify-content:space-between}.footer9__social a.footer9__social-item{font-size:24px;margin:0}.footer9-container{flex-wrap:wrap}.home-page .footer-wave .wavemain{margin-top:-95px}.wavemain.footer-wave-darkblue{margin-top:-95px}.footer9__copygrid{flex-direction:column-reverse}.footer9__copygrid>*.uk-grid-margin{margin-top:30px}.footer9{padding:40px 0 100px}.footer9__submenu{row-gap:0;flex-wrap:wrap}.footer9__submenu>*{}.footer9__submenu-item>a{padding:5px}.footer9__logo{margin-bottom:20px}.footer9__col--newsletter{margin-bottom:0}.footer9__grid>.uk-grid-margin{margin-top:45px}}@media(max-width:639.98px){.footer9-newsletter__grid{flex-direction:column}.footer9-newsletter__action{width:100%}.footer9-newsletter__btn{width:100%}}.footer9 span.template-icon.chula-facebook{font-size:18px}@media(max-width:575px){.footer9 span.template-icon.chula-facebook{font-size:28px}}
.galler-slider__new-container { margin: 80px 0; }
.galler-slider__new-container.gallery-slider__margin-top { margin-top: 0; }
.galler-slider__new-container.gallery-slider__margin-bottom { margin-bottom: 0; }
.gallery-slider__item { position: relative; overflow: hidden; border-radius: var(--border-radius); }

.gallery-slider__widget { padding: 40px 0; }
.gallery-slider__widget.gallery__grey-bg { background-color: var(--bg-alt-1);}
.gallery-slider__widget.gallery__white-bg { background-color: var(--inverse-font-color);}
.gallery-slider__list .uk-slider-container { padding: 15px 0; }
.gallery-slider__itemcont {
    position: absolute;
    bottom: 0;
    max-width: 510px;
    margin: 0 auto;
    left: 0;
    right: 0px;
    text-align: center;
    color: var(--inverse-font-color);
    z-index: 1;
}

.gallery-slider-item-image {
    position: relative;
    padding-bottom: 51.69491525423729%;
    height: 0;
}

.gallery-slider-item-image > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.gallery-slider-widget__content {
    max-width: 780px;
    width: 100%;
    margin: 0 auto;
  text-align: center;
  margin-bottom: 30px;
}

.gallery-slider-widget__content .gallery-slider__smalltitle { margin-bottom:20px; }

.gallery-slider__controls { position: absolute; top: 50%; padding: 0 20px; transform: translateY(-50%); }

.gallery-slider__controls .slider-controls__arrows { min-width: auto; width: 100%; max-width: 1252px; margin: 0 auto; }

.gallery-slider__controls a {
    background: #fff;
    border-color: #fff;
}
.gallery-slider__list .uk-width-3-4 {
 padding-left: 20px;
}
.gallery-slider__list .uk-slider-items {
  margin-left: -20px;
}
.set-whitebg-footer {
    margin-bottom: -130px;
    padding-bottom: 160px;
}

@media (min-width: 960px) {
  .uk-active .gallery-slider__item { box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.33); }
  
  .gallery-slider__itemcont .title { color: var(--inverse-font-color); font-size: 24px; letter-spacing: -1px; }

  .gallery-slider__overlay .gallery-slider-item-image:after {
    content: '';
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 36.39%, rgba(0, 0, 0, 0.7) 100%);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    pointer-events: none;
  }
}


@media (min-width: 1166px) {
.gallery-slider__list .uk-width-3-4 { max-width: 1212px; width: 100%; }
}
@media (max-width: 1399.98px) {
  .gallery-slider__itemcont { max-width: 80%; }
  .single-slider-item-image { padding-bottom: 60.694915%; }
}

@media (max-width: 1199.98px) {
 
}

@media (max-width: 1023.98px) {}

@media (max-width: 959.98px) {
.gallery-slider__controls .slider-controls__arrows{
  	max-width: calc(100% - 20px);
  }
}

@media (max-width: 959.98px) {
    .gallery-slider__item { padding: 20px 20px 0 20px; background: transparent; box-shadow: none; }
    .gallery-slider-item-image { border-radius: 10px; overflow: hidden; margin-bottom: 32px; padding-bottom: 50.75%; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.33); }
.gallery-slider__list .uk-width-3-4 { width: 100%; }
    .gallery-slider__itemcont { color: var(--text-color); margin: 0 auto 0; position: static; text-align: center; }

  .gallery-slider-widget__content { flex-direction: column; row-gap: 20px; margin-bottom:12px; }
  
  .gallery-slider-widget__content .title { width: 100%; text-align: center; padding: 0 20px;}
  .gallery-slider__list .uk-slider-container { padding: 0; }
    .gallery-slider__overlay .gallery-slider__controls { top: 34%; }
}
.gallery-slider__item .snippet__media img {
    height: 460px;
}

@media screen and (max-width: 896px) and (orientation: landscape) {
    .gallery-slider__overlay .gallery-slider__controls { top: 34%; }
}
@media (max-width: 767.98px) {
   .gallery-slider__overlay .gallery-slider__controls { top: 27%; }
  .gallery-slider__widget.set-whitebg-footer { padding: 40px 0; margin-bottom: -70px; }
}
@media (max-width: 639.98px) {
  .gallery-slider__controls { top: 48%; }
}

@media (max-width: 575px) {}
 .schedule-wrapper{
      max-width:1200px;
      margin:auto;
      display:flex;
      gap:20px;
      align-items:flex-start;
    }
.event-info {
    padding: 100px 0  0;
}
    /* LEGEND */

    .legend-card{
      width: 240px;
background: #FFFFFF80;

      border-radius:10px;
      padding:18px;
    }
.legend-card ul {
    list-style: none;
    padding: 10px;
}
    .legend-title{
    font-weight: 600;
    font-style: Demi;
    font-size: 18px;
     line-height: 50px;
     text-align: left;
    text-transform: capitalize;


    }

    .legend-divider{
      height:1px;
      background:#ddd;
      margin-bottom:18px;
    }

    .legend-item{
      display:flex;
      align-items:center;
      gap:12px;
      margin-bottom:14px;
      font-size:14px;
      color:#444;
 	font-weight: 600;
font-style: Demi;
font-size: 18px;
 text-transform: capitalize;

    }

    .legend-color{
      width:20px;
      height:20px;
      border-radius:2px;
    }

    /* CALENDAR */

    .calendar-container{
      flex:1;
      background:#f4f1eb;
      border-radius:10px;
      padding:18px;
      border:1px solid #d7d0c7;
      width: 100%;
    }

    /* TOP TOGGLE */

    .toggle-wrapper{
      display:flex;
      justify-content:center;
      margin-bottom:25px;
    }

    .toggle{
      background:#BC5329;
      border-radius:999px;
      overflow:hidden;
      display:flex;
    }

.toggle button {
    border: none;
    background: transparent;
    color: white;
    padding: 3px 28px;
    cursor: pointer;
    font-weight: 600;
    font-size: 14px;
    transition: 0.3s;
    font-family: 'henderson-sans-basic', sans-serif;
    font-weight: 700;
    font-size: 18px;
    letter-spacing: 0;
    text-align: center;
    text-transform: uppercase;
    margin: 4px;
    border-radius: 100px;
}

    .toggle button.active{
 background: #FFFFFF33;

    }

    /* HEADER */

    .calendar-header{
      display:flex;
      justify-content:space-between;
      align-items:center;
      margin-bottom:14px;
      font-size:14px;
      color:#555;
    }

    .month-title{
      font-size:24px;
      font-weight:600;
      color:#555;
    }

    /* DAYS */

    .days-row{
      display:grid;
      grid-template-columns:repeat(7, 1fr);
      gap:2px;
      margin-bottom:2px;
    }

    .day-name{
      background:white;
      text-align:center;
      padding:12px;
      font-size:13px;
      color:#555;
      font-weight:500;
    }

    /* DATES */

    .calendar-grid{
      display:grid;
      grid-template-columns:repeat(7, 1fr);
      gap:2px;
    }

    .date-box{
      background:white;
      min-height:75px;
      padding:10px;
      display:flex;
      flex-direction:column;
      justify-content:center;
      align-items:center;
      font-size:13px;
      text-align:center;
    }

    .date-box .date{
      font-weight:600;
      margin-bottom:6px;
    }

    .date-box.closed{
      background:#efefef;
      color:#666;
    }

    /* COLORS */

    .purple{ background:#8f69b5; color:white; }
    .red{ background:#ef4356; color:white; }
    .pink{ background:#d9b4d6; color:white; }
    .blue{ background:#97d3f2; color:white; }
    .yellow{ background:#f2c304; color:#222; }
    .green{ background:#6fb02e; color:white; }
    .special{ background:#f02bd9; color:white; }
    @media(max-width:1220px){

      .schedule-wrapper{
        margin: 20px;
      }}
    @media(max-width:900px){

      .schedule-wrapper{
        flex-direction:column; margin: 20px;
      }

      .legend-card{
        width:100%;
      }

      .calendar-grid,
      .days-row{
        overflow-x:auto;
      }
    }
span.match-time {
    display: block;
    font-size: 14px;
    margin: 3px 0 0;
}

.flatpickr-day.dcc-custom-day.Cream {
    color: #444444 !important;
}
span.flatpickr-day.nextMonthDay {
    visibility: hidden;
}
.numInputWrapper:hover {
    background: transparent;
    pointer-events: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}
select.flatpickr-monthDropdown-months , .flatpickr-current-month input.cur-year{
    border: 0;
    background: transparent;
  font-family: var(--special-font);
font-weight: 600;
 font-size: 16px;
leading-trim: NONE;
line-height: 140%;
letter-spacing: -5%;
text-align: center;

}

.flatpickr-current-month input.cur-year {
  pointer-events: none;
  border: 0;
  background: transparent;
}
.flatpickr-current-month span.cur-month , .flatpickr-current-month input.cur-year, .flatpickr-prev-month, .flatpickr-next-month{
    font-family: inherit;
    font-weight: 600 !important;
      font-family: var(--special-font) !important;
    color: inherit;
    display: inline-block;
     padding: 0;
}
.numInputWrapper span.arrowUp, .numInputWrapper span.arrowDown {display: none;}

.flip-verticle.calnder {
    transform: scaleY(-1);
    background: #fff;
}
.galler-slider__new-container {
    margin: 0px 0;
}

@media (max-width: 768px) {
  .flatpickr-current-month {
    font-size: 14px;}
}
.flatpickr-calendar {
  background: transparent;
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  visibility: hidden;
  text-align: center;
  padding: 0;
  -webkit-animation: none;
          animation: none;
  direction: ltr;
  border: 0;
  font-size: 14px;
  line-height: 24px;
  border-radius: 5px;
  position: absolute;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  
}
.flatpickr-calendar.open,
.flatpickr-calendar.inline {
  opacity: 1;
  visibility: visible;
  overflow: visible;
  max-height: 640px;
  border: 0 !important;
}
.flatpickr-calendar.open {
  display: inline-block;
  z-index: 99999;
}
.flatpickr-calendar.animate.open {
  -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
          animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.flatpickr-calendar.inline {
  display: block;
  position: relative;
  top: 2px;
}
.flatpickr-calendar.static {
  position: absolute;
  top: calc(100% + 2px);
}
.flatpickr-calendar.static.open {
  z-index: 999;
  display: block;
}
.flatpickr-calendar.hasWeeks {
  width: auto;
}
.flatpickr-calendar .hasWeeks .dayContainer,
.flatpickr-calendar .hasTime .dayContainer {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.flatpickr-calendar .hasWeeks .dayContainer {
  border-left: 0;
}
.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {
  height: 40px;
  border-top: 1px solid #e6e6e6;
}
.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
  height: auto;
}
.flatpickr-calendar:before,
.flatpickr-calendar:after {
  position: absolute;
  display: block;
  pointer-events: none;
  border: solid transparent;
  content: '';
  height: 0;
  width: 0;
  left: 22px;
}
.flatpickr-calendar.rightMost:before,
.flatpickr-calendar.rightMost:after {
  left: auto;
  right: 22px;
}
.flatpickr-calendar:before {
  border-width: 5px;
  margin: 0 -5px;
}
.flatpickr-calendar:after {
  border-width: 4px;
  margin: 0 -4px;
}
.flatpickr-calendar.arrowTop:before,
.flatpickr-calendar.arrowTop:after {
  bottom: 100%;
}
.flatpickr-calendar.arrowTop:before {
  border-bottom-color: #e6e6e6;
}
.flatpickr-calendar.arrowTop:after {
  border-bottom-color: #fff;
}
.flatpickr-calendar.arrowBottom:before,
.flatpickr-calendar.arrowBottom:after {
  top: 100%;
}
.flatpickr-calendar.arrowBottom:before {
  border-top-color: #e6e6e6;
}
.flatpickr-calendar.arrowBottom:after {
  border-top-color: #fff;
}
.flatpickr-calendar:focus {
  outline: 0;
}
.flatpickr-wrapper {
  position: relative;
  display: inline-block;
}
.flatpickr-month {
  background: transparent;
  color: rgba(0,0,0,0.9);
  fill: rgba(0,0,0,0.9);
  height: 28px;
  line-height: 1;
  text-align: center;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  overflow: hidden;
}
.flatpickr-prev-month,
.flatpickr-next-month {
  text-decoration: none;
  cursor: pointer;
  position: absolute;
  top: 0px;
  line-height: 16px;
  height: 28px;
  padding: 10px calc(3.57% - 1.5px);
  z-index: 3;
}
.flatpickr-prev-month i,
.flatpickr-next-month i {
  position: relative;
}
.flatpickr-prev-month.flatpickr-prev-month,
.flatpickr-next-month.flatpickr-prev-month {
/*
        /*rtl:begin:ignore*/
/*
        */
  left: 0;
/*
        /*rtl:end:ignore*/
/*
        */
}
/*
        /*rtl:begin:ignore*/
/*
        /*rtl:end:ignore*/
.flatpickr-prev-month.flatpickr-next-month,
.flatpickr-next-month.flatpickr-next-month {
/*
        /*rtl:begin:ignore*/
/*
        */
  right: 0;
/*
        /*rtl:end:ignore*/
/*
        */
}
/*
        /*rtl:begin:ignore*/
/*
        /*rtl:end:ignore*/
.flatpickr-prev-month:hover,
.flatpickr-next-month:hover {
  color: #959ea9;
}
.flatpickr-prev-month:hover svg,
.flatpickr-next-month:hover svg {
  fill: #f64747;
}
.flatpickr-prev-month svg,
.flatpickr-next-month svg {
  width: 14px;
}
.flatpickr-prev-month svg path,
.flatpickr-next-month svg path {
  -webkit-transition: fill 0.1s;
  transition: fill 0.1s;
  fill: inherit;
}
.numInputWrapper {
  position: relative;
  height: auto;
}
.numInputWrapper input,
.numInputWrapper span {
  display: inline-block;
}
.numInputWrapper input {
  width: 100%;
}
.numInputWrapper input::-ms-clear {
  display: none;
}
.numInputWrapper span {
  position: absolute;
  right: 0;
  width: 14px;
  padding: 0 4px 0 2px;
  height: 50%;
  line-height: 50%;
  opacity: 0;
  cursor: pointer;
  border: 1px solid rgba(57,57,57,0.05);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.numInputWrapper span:hover {
  background: rgba(0,0,0,0.1);
}
.numInputWrapper span:active {
  background: rgba(0,0,0,0.2);
}
.numInputWrapper span:after {
  display: block;
  content: "";
  position: absolute;
  top: 33%;
}
.numInputWrapper span.arrowUp {
  top: 0;
  border-bottom: 0;
}
.numInputWrapper span.arrowUp:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid rgba(57,57,57,0.6);
}
.numInputWrapper span.arrowDown {
  top: 50%;
}
.numInputWrapper span.arrowDown:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid rgba(57,57,57,0.6);
}
.numInputWrapper span svg {
  width: inherit;
  height: auto;
}
.numInputWrapper span svg path {
  fill: rgba(0,0,0,0.5);
}
.numInputWrapper:hover {
  background: rgba(0,0,0,0.05);
}
.numInputWrapper:hover span {
  opacity: 1;
}
.flatpickr-current-month {
  font-size: 135%;
  line-height: inherit;
  font-weight: 300;
  color: inherit;
  position: absolute;
  width: 75%;
  left: 12.5%;
  padding: 6.16px 0 0 0;
  line-height: 1;
  height: 28px;
  display: inline-block;
  text-align: center;
  -webkit-transform: translate3d(0px, 0px, 0px);
          transform: translate3d(0px, 0px, 0px);
}
.flatpickr-current-month.slideLeft {
  -webkit-transform: translate3d(-100%, 0px, 0px);
          transform: translate3d(-100%, 0px, 0px);
  -webkit-animation: fpFadeOut 400ms ease, fpSlideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
          animation: fpFadeOut 400ms ease, fpSlideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
}
.flatpickr-current-month.slideLeftNew {
  -webkit-transform: translate3d(100%, 0px, 0px);
          transform: translate3d(100%, 0px, 0px);
  -webkit-animation: fpFadeIn 400ms ease, fpSlideLeftNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
          animation: fpFadeIn 400ms ease, fpSlideLeftNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
}
.flatpickr-current-month.slideRight {
  -webkit-transform: translate3d(100%, 0px, 0px);
          transform: translate3d(100%, 0px, 0px);
  -webkit-animation: fpFadeOut 400ms ease, fpSlideRight 400ms cubic-bezier(0.23, 1, 0.32, 1);
          animation: fpFadeOut 400ms ease, fpSlideRight 400ms cubic-bezier(0.23, 1, 0.32, 1);
}
.flatpickr-current-month.slideRightNew {
  -webkit-transform: translate3d(0, 0, 0px);
          transform: translate3d(0, 0, 0px);
  -webkit-animation: fpFadeIn 400ms ease, fpSlideRightNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
          animation: fpFadeIn 400ms ease, fpSlideRightNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
}
.flatpickr-current-month span.cur-month {
  font-family: inherit;
  font-weight: 700;
  color: inherit;
  display: inline-block;
  margin-left: 0.5ch;
  padding: 0;
}
.flatpickr-current-month span.cur-month:hover {
  background: rgba(0,0,0,0.05);
}
.flatpickr-current-month .numInputWrapper {
  width: 8ch;
  width: 8ch\0;
  display: inline-block;
}
.flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: rgba(0,0,0,0.9);
}
.flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-top-color: rgba(0,0,0,0.9);
}
.flatpickr-current-month input.cur-year {
  background: transparent;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: inherit;
  cursor: text;
  padding: 0 0 0 0.5ch;
  margin: 0;
  display: inline-block;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  line-height: inherit;
  height: initial;
  border: 0;
  border-radius: 0;
  vertical-align: initial;
}
.flatpickr-current-month input.cur-year:focus {
  outline: 0;
}
.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover {
  font-size: 100%;
  color: rgba(0,0,0,0.5);
  background: transparent;
  pointer-events: none;
}
.flatpickr-weekdays {
  background: transparent;
  text-align: center;
  overflow: hidden;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  Margin: 20px 0;

}
span.flatpickr-weekday {
    cursor: default;
 font-weight: 600;
 font-size: 14px;
text-align: center;
text-transform: capitalize;
    background: #fff;
    line-height: 1;
    margin: 0;
    text-align: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-weight: bolder;
    height: 52px;
    line-height: 52px;
    width: 100%;
    border-radius: 2px;
margin: 2px;
}
.dayContainer,
.flatpickr-weeks {
  padding: 1px 0 0 0;
      display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 2px;
    text-align: center;
}
.flatpickr-days {
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
 }
.flatpickr-days:focus {
  outline: 0;
}
.dayContainer {
  padding: 0;
  outline: 0;
  text-align: left;
 width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 3px;
    text-align: center;
 
 
 
  opacity: 1;
}
.flatpickr-calendar.animate .dayContainer.slideLeft {
  -webkit-animation: fpFadeOut 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
          animation: fpFadeOut 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
}
.flatpickr-calendar.animate .dayContainer.slideLeft,
.flatpickr-calendar.animate .dayContainer.slideLeftNew {
  -webkit-transform: translate3d(-100%, 0px, 0px);
          transform: translate3d(-100%, 0px, 0px);
}
.flatpickr-calendar.animate .dayContainer.slideLeftNew {
  -webkit-animation: fpFadeIn 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
          animation: fpFadeIn 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
}
.flatpickr-calendar.animate .dayContainer.slideRight {
  -webkit-animation: fpFadeOut 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideRight 400ms cubic-bezier(0.23, 1, 0.32, 1);
          animation: fpFadeOut 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideRight 400ms cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transform: translate3d(100%, 0px, 0px);
          transform: translate3d(100%, 0px, 0px);
}
.flatpickr-calendar.animate .dayContainer.slideRightNew {
  -webkit-animation: fpFadeIn 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideRightNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
          animation: fpFadeIn 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideRightNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
}
.flatpickr-day {
  font-size: 16px;
   
text-align: center;
text-transform: capitalize;

    background: none;
    border: 1px solid transparent;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #444444;
     cursor: pointer;
    font-weight: 400;
    width: 100%;
    -webkit-flex-basis: 14.2857143%;
    -ms-flex-preferred-size: 14.2857143%;
    flex-basis: 14.2857143%;
    max-width: 100%;
     line-height: 1;
      padding: 17px 0;
    margin: 0;
    display: inline-block;
    position: relative;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;

}
.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus {
  cursor: pointer;
  outline: 0;
  background: #e6e6e6;
  border-color: #e6e6e6;
}
.flatpickr-day.today {
  border-color: #959ea9;
}
.flatpickr-day.today:hover,
.flatpickr-day.today:focus {
  border-color: #959ea9;
  background: #959ea9;
  color: #fff;
}
.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
  background: #569ff7;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #fff;
  border-color: #569ff7;
}
.flatpickr-day.selected.startRange,
.flatpickr-day.startRange.startRange,
.flatpickr-day.endRange.startRange {
  border-radius: 50px 0 0 50px;
}
.flatpickr-day.selected.endRange,
.flatpickr-day.startRange.endRange,
.flatpickr-day.endRange.endRange {
  border-radius: 0 50px 50px 0;
}
.flatpickr-day.selected.startRange + .endRange,
.flatpickr-day.startRange.startRange + .endRange,
.flatpickr-day.endRange.startRange + .endRange {
  -webkit-box-shadow: -10px 0 0 #569ff7;
          box-shadow: -10px 0 0 #569ff7;
}
.flatpickr-day.selected.startRange.endRange,
.flatpickr-day.startRange.startRange.endRange,
.flatpickr-day.endRange.startRange.endRange {
  border-radius: 50px;
}
.flatpickr-day.inRange {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
          box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}
.flatpickr-day.disabled,
.flatpickr-day.disabled:hover,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.notAllowed.nextMonthDay {
  color: rgba(57,57,57,0.3);
  background: transparent;
  border-color: transparent;
  cursor: default;
}
.flatpickr-day.disabled,
.flatpickr-day.disabled:hover {
  cursor: not-allowed;
  color: rgba(57,57,57,0.1);
}
.flatpickr-day.week.selected {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
          box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
}
.rangeMode .flatpickr-day {
  margin-top: 1px;
}
.flatpickr-weekwrapper {
  display: inline-block;
  float: left;
}
.flatpickr-weekwrapper .flatpickr-weeks {
  padding: 0 12px;
  -webkit-box-shadow: 1px 0 0 #e6e6e6;
          box-shadow: 1px 0 0 #e6e6e6;
}
.flatpickr-weekwrapper .flatpickr-weekday {
  float: none;
  width: 100%;
  line-height: 28px;
}
.flatpickr-weekwrapper span.flatpickr-day,
.flatpickr-weekwrapper span.flatpickr-day:hover {
  display: block;
  width: 100%;
  max-width: none;
  color: rgba(57,57,57,0.3);
  background: transparent;
  cursor: default;
  border: none;
}
.flatpickr-innerContainer {
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
}
.flatpickr-rContainer {
  display: inline-block;
  padding: 0;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.flatpickr-time {
  text-align: center;
  outline: 0;
  display: block;
  height: 0;
  line-height: 40px;
  max-height: 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.flatpickr-time:after {
  content: "";
  display: table;
  clear: both;
}
.flatpickr-time .numInputWrapper {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 40%;
  height: 40px;
  float: left;
}
.flatpickr-time .numInputWrapper span.arrowUp:after {
  border-bottom-color: #393939;
}
.flatpickr-time .numInputWrapper span.arrowDown:after {
  border-top-color: #393939;
}
.flatpickr-time.hasSeconds .numInputWrapper {
  width: 26%;
}
.flatpickr-time.time24hr .numInputWrapper {
  width: 49%;
}
.flatpickr-time input {
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 0;
  border-radius: 0;
  text-align: center;
  margin: 0;
  padding: 0;
  height: inherit;
  line-height: inherit;
  cursor: pointer;
  color: #393939;
  font-size: 14px;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.flatpickr-time input.flatpickr-hour {
  font-weight: bold;
}
.flatpickr-time input.flatpickr-minute,
.flatpickr-time input.flatpickr-second {
  font-weight: 400;
}
.flatpickr-time input:focus {
  outline: 0;
  border: 0;
}
.flatpickr-time .flatpickr-time-separator,
.flatpickr-time .flatpickr-am-pm {
  height: inherit;
  display: inline-block;
  float: left;
  line-height: inherit;
  color: #393939;
  font-weight: bold;
  width: 2%;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
}
.flatpickr-time .flatpickr-am-pm {
  outline: 0;
  width: 18%;
  cursor: pointer;
  text-align: center;
  font-weight: 400;
}
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time .flatpickr-am-pm:focus {
  background: #f0f0f0;
}
.flatpickr-input[readonly] {
  cursor: pointer;
}
@-webkit-keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes fpSlideLeft {
  from {
    -webkit-transform: translate3d(0px, 0px, 0px);
            transform: translate3d(0px, 0px, 0px);
  }
  to {
    -webkit-transform: translate3d(-100%, 0px, 0px);
            transform: translate3d(-100%, 0px, 0px);
  }
}
@keyframes fpSlideLeft {
  from {
    -webkit-transform: translate3d(0px, 0px, 0px);
            transform: translate3d(0px, 0px, 0px);
  }
  to {
    -webkit-transform: translate3d(-100%, 0px, 0px);
            transform: translate3d(-100%, 0px, 0px);
  }
}
@-webkit-keyframes fpSlideLeftNew {
  from {
    -webkit-transform: translate3d(100%, 0px, 0px);
            transform: translate3d(100%, 0px, 0px);
  }
  to {
    -webkit-transform: translate3d(0px, 0px, 0px);
            transform: translate3d(0px, 0px, 0px);
  }
}
@keyframes fpSlideLeftNew {
  from {
    -webkit-transform: translate3d(100%, 0px, 0px);
            transform: translate3d(100%, 0px, 0px);
  }
  to {
    -webkit-transform: translate3d(0px, 0px, 0px);
            transform: translate3d(0px, 0px, 0px);
  }
}
@-webkit-keyframes fpSlideRight {
  from {
    -webkit-transform: translate3d(0, 0, 0px);
            transform: translate3d(0, 0, 0px);
  }
  to {
    -webkit-transform: translate3d(100%, 0px, 0px);
            transform: translate3d(100%, 0px, 0px);
  }
}
@keyframes fpSlideRight {
  from {
    -webkit-transform: translate3d(0, 0, 0px);
            transform: translate3d(0, 0, 0px);
  }
  to {
    -webkit-transform: translate3d(100%, 0px, 0px);
            transform: translate3d(100%, 0px, 0px);
  }
}
@-webkit-keyframes fpSlideRightNew {
  from {
    -webkit-transform: translate3d(-100%, 0, 0px);
            transform: translate3d(-100%, 0, 0px);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0px);
            transform: translate3d(0, 0, 0px);
  }
}
@keyframes fpSlideRightNew {
  from {
    -webkit-transform: translate3d(-100%, 0, 0px);
            transform: translate3d(-100%, 0, 0px);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0px);
            transform: translate3d(0, 0, 0px);
  }
}
@-webkit-keyframes fpFadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fpFadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes fpFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fpFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.flatpickr-weekdaycontainer {
    width: 100%;
    display: flex;
}
span.flatpickr-day.prevMonthDay {
    color: #000;
    filter: opacity(0.2);
}

@media (max-width: 768px) {
  .flatpickr-prev-month, .flatpickr-next-month {

    font-size: 0;
}
  .flatpickr-current-month {
    font-size: 14px;}
}