@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css);
@import url(https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css);
@import url(https://fonts.googleapis.com/css2?family=Frank+Ruhl+Libre:wght@300..900&family=Ms+Madi&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap);
.dp__input_wrap{position:relative;width:100%;box-sizing:unset}.dp__input_wrap:focus{border-color:var(--dp-border-color-hover);outline:none}.dp__input{background-color:var(--dp-background-color);border-radius:4px;font-family:-apple-system,blinkmacsystemfont,"Segoe UI",roboto,oxygen,ubuntu,cantarell,"Open Sans","Helvetica Neue",sans-serif;border:1px solid var(--dp-border-color);outline:none;transition:border-color .2s cubic-bezier(0.645, 0.045, 0.355, 1);width:100%;font-size:1rem;line-height:1.5rem;padding:6px 12px;color:var(--dp-text-color);box-sizing:border-box}.dp__input::-moz-placeholder{opacity:.7}.dp__input::placeholder{opacity:.7}.dp__input:hover{border-color:var(--dp-border-color-hover)}.dp__input_reg{caret-color:rgba(0,0,0,0)}.dp__input_focus{border-color:var(--dp-border-color-hover)}.dp__disabled{background:var(--dp-disabled-color)}.dp__disabled::-moz-placeholder{color:var(--dp-disabled-color-text)}.dp__disabled::placeholder{color:var(--dp-disabled-color-text)}.dp__input_icons{display:inline-block;width:1rem;height:1rem;stroke-width:0;font-size:1rem;line-height:1.5rem;padding:6px 12px;color:var(--dp-icon-color);box-sizing:content-box}.dp__input_icon{cursor:pointer;position:absolute;top:50%;left:0;transform:translateY(-50%);color:var(--dp-icon-color)}.dp__clear_icon{position:absolute;top:50%;right:0;transform:translateY(-50%);cursor:pointer;color:var(--dp-icon-color)}.dp__input_icon_pad{padding-left:35px}.dp__input_valid{box-shadow:0 0 4px var(--dp-success-color);border-color:var(--dp-success-color)}.dp__input_valid:hover{border-color:var(--dp-success-color)}.dp__input_invalid{box-shadow:0 0 4px var(--dp-danger-color);border-color:var(--dp-danger-color)}.dp__input_invalid:hover{border-color:var(--dp-danger-color)}.dp__menu{position:absolute;background:var(--dp-background-color);border-radius:4px;min-width:260px;font-family:-apple-system,blinkmacsystemfont,"Segoe UI",roboto,oxygen,ubuntu,cantarell,"Open Sans","Helvetica Neue",sans-serif;font-size:1rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:1px solid var(--dp-menu-border-color);box-sizing:border-box}.dp__menu::after{box-sizing:border-box}.dp__menu::before{box-sizing:border-box}.dp__menu:focus{border:1px solid var(--dp-menu-border-color);outline:none}.dp__menu_index{z-index:99999}.dp__menu_readonly,.dp__menu_disabled{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.dp__menu_disabled{background:rgba(255,255,255,.5);cursor:not-allowed}.dp__menu_readonly{background:rgba(0,0,0,0);cursor:default}.dp__arrow_top{left:50%;top:-1px;height:12px;width:12px;background-color:var(--dp-background-color);position:absolute;border-left:1px solid var(--dp-menu-border-color);border-top:1px solid var(--dp-menu-border-color);transform:translate(-50%, -50%) rotate(45deg)}.dp__arrow_bottom{left:50%;bottom:-1px;height:12px;width:12px;background-color:var(--dp-background-color);position:absolute;border-right:1px solid var(--dp-menu-border-color);border-bottom:1px solid var(--dp-menu-border-color);transform:translate(-50%, 50%) rotate(45deg)}.dp__now_wrap{text-align:center;padding:2px 0}.dp__now_button{border:1px solid var(--dp-primary-color);color:var(--dp-primary-color);padding:0 4px;font-weight:bold;border-radius:4px;font-size:1rem;cursor:pointer;background:rgba(0,0,0,0)}.dp__preset_ranges{padding:5px;border-right:1px solid var(--dp-border-color)}.dp__sidebar_left{padding:5px;border-right:1px solid var(--dp-border-color)}.dp__sidebar_right{padding:5px;border-left:1px solid var(--dp-border-color)}.dp__preset_range{padding:5px}.dp__preset_range:hover{background-color:var(--dp-hover-color);cursor:pointer}.dp__menu_content_wrapper{display:flex}.dp__calendar_wrap{display:flex;justify-content:center;align-items:center;flex-direction:column;font-family:-apple-system,blinkmacsystemfont,"Segoe UI",roboto,oxygen,ubuntu,cantarell,"Open Sans","Helvetica Neue",sans-serif;flex:0}.dp__calendar_header{position:relative;display:flex;justify-content:center;align-items:center;color:var(--dp-text-color);white-space:nowrap;font-weight:bold}.dp__calendar_header_item{text-align:center;flex-grow:1;height:35px;padding:5px;width:35px;box-sizing:border-box}.dp__calendar_row{display:flex;justify-content:center;align-items:center;margin:5px 0}.dp__calendar_item{text-align:center;flex-grow:1;box-sizing:border-box;color:var(--dp-text-color)}.dp__calendar{position:relative}.dp__calendar_header_cell{border-bottom:thin solid var(--dp-border-color);padding:.5rem}.dp__cell_inner{display:flex;align-items:center;text-align:center;justify-content:center;border-radius:4px;height:35px;padding:5px;width:35px;border:1px solid rgba(0,0,0,0);box-sizing:border-box;position:relative}.dp__cell_auto_range_start,.dp__date_hover_start:hover,.dp__range_start{border-bottom-right-radius:0;border-top-right-radius:0}.dp__cell_auto_range_end,.dp__date_hover_end:hover,.dp__range_end{border-bottom-left-radius:0;border-top-left-radius:0}.dp__range_end,.dp__range_start,.dp__active_date{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__cell_auto_range_end,.dp__cell_auto_range_start{border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color)}.dp__date_hover_end:hover,.dp__date_hover_start:hover,.dp__date_hover:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__cell_offset{color:var(--dp-secondary-color)}.dp__cell_disabled{color:var(--dp-secondary-color);cursor:not-allowed}.dp__range_between{background:var(--dp-hover-color);border-radius:0;border-top:1px solid var(--dp-hover-color);border-bottom:1px solid var(--dp-hover-color)}.dp__range_between_week{background:var(--dp-primary-color);color:var(--dp-primary-text-color);border-radius:0;border-top:1px solid var(--dp-primary-color);border-bottom:1px solid var(--dp-primary-color)}.dp__today{border:1px solid var(--dp-primary-color)}.dp__week_num{color:var(--dp-secondary-color);text-align:center}.dp__cell_auto_range{border-radius:0;border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color)}.dp__cell_auto_range_start{border-left:1px dashed var(--dp-primary-color)}.dp__cell_auto_range_end{border-right:1px dashed var(--dp-primary-color)}.dp__calendar_header_separator{width:100%;height:1px;background:var(--dp-border-color)}.dp__calendar_next{margin-left:10px}.dp__marker_line,.dp__marker_dot{height:5px;background-color:var(--dp-marker-color);position:absolute;bottom:0}.dp__marker_dot{width:5px;border-radius:50%;left:50%;transform:translateX(-50%)}.dp__marker_line{width:100%;left:0}.dp__marker_tooltip{position:absolute;border-radius:4px;background-color:var(--dp-tooltip-color);padding:5px;border:1px solid var(--dp-border-color);z-index:99999;box-sizing:border-box;cursor:default}.dp__tooltip_content{white-space:nowrap}.dp__tooltip_text{display:flex;align-items:center;flex-flow:row nowrap;color:var(--dp-text-color)}.dp__tooltip_mark{height:5px;width:5px;border-radius:50%;background-color:var(--dp-text-color);color:var(--dp-text-color);margin-right:5px}.dp__arrow_bottom_tp{left:50%;bottom:0;height:8px;width:8px;background-color:var(--dp-tooltip-color);position:absolute;border-right:1px solid var(--dp-border-color);border-bottom:1px solid var(--dp-border-color);transform:translate(-50%, 50%) rotate(45deg)}.dp__instance_calendar{position:relative;width:100%}@media only screen and (max-width: 600px){.dp__flex_display{flex-direction:column}}.dp__cell_highlight{background-color:var(--dp-highlight-color)}.dp__month_year_row{display:flex;align-items:center;height:35px;color:var(--dp-text-color);box-sizing:border-box}.dp__inner_nav{display:flex;align-items:center;justify-content:center;cursor:pointer;height:25px;width:25px;color:var(--dp-icon-color);text-align:center;border-radius:50%}.dp__inner_nav svg{height:20px;width:20px}.dp__inner_nav:hover{background:var(--dp-hover-color);color:var(--dp-hover-icon-color)}.dp__inner_nav_disabled:hover,.dp__inner_nav_disabled{background:var(--dp-disabled-color);color:var(--dp-disabled-color-text);cursor:not-allowed}.dp__month_year_select{width:50%;text-align:center;cursor:pointer;height:35px;display:flex;align-items:center;justify-content:center;border-radius:4px;box-sizing:border-box}.dp__month_year_select:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__month_year_wrap{display:flex;width:100%}.dp__overlay{position:absolute;width:100%;height:100%;background:var(--dp-background-color);top:0;left:0;transition:opacity 1s ease-out;z-index:99999;font-family:-apple-system,blinkmacsystemfont,"Segoe UI",roboto,oxygen,ubuntu,cantarell,"Open Sans","Helvetica Neue",sans-serif;color:var(--dp-text-color);box-sizing:border-box}.dp__overlay_container::-webkit-scrollbar-track{box-shadow:var(--dp-scroll-bar-background);background-color:var(--dp-scroll-bar-background)}.dp__overlay_container::-webkit-scrollbar{width:5px;background-color:var(--dp-scroll-bar-background)}.dp__overlay_container::-webkit-scrollbar-thumb{background-color:var(--dp-scroll-bar-color);border-radius:10px}.dp__overlay:focus{border:none;outline:none}.dp__container_flex{display:flex}.dp__container_block{display:block}.dp__overlay_container{flex-direction:column;overflow-y:auto}.dp__time_picker_overlay_container{height:100%}.dp__overlay_row{padding:0;box-sizing:border-box;display:flex;margin-left:auto;margin-right:auto;flex-wrap:wrap;max-width:100%;width:100%;align-items:center}.dp__overlay_container>.dp__overlay_row{flex:1}.dp__overlay_col{box-sizing:border-box;width:33%;padding:3px;white-space:nowrap}.dp__overlay_cell_pad{padding:10px 0}.dp__overlay_cell_active{cursor:pointer;border-radius:4px;text-align:center;background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__overlay_cell{cursor:pointer;border-radius:4px;text-align:center}.dp__overlay_cell:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__cell_in_between{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__overlay_action{position:sticky;bottom:0;background:#fff}.dp__over_action_scroll{right:5px;box-sizing:border-box}.dp__overlay_cell_disabled{cursor:not-allowed;background:var(--dp-disabled-color)}.dp__overlay_cell_disabled:hover{background:var(--dp-disabled-color)}.dp__overlay_cell_active_disabled{cursor:not-allowed;background:var(--dp-primary-disabled-color)}.dp__overlay_cell_active_disabled:hover{background:var(--dp-primary-disabled-color)}.dp__month_picker_header{display:flex;width:100%;align-items:center;justify-content:space-between;height:35px}.dp__time_input{width:100%;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-family:-apple-system,blinkmacsystemfont,"Segoe UI",roboto,oxygen,ubuntu,cantarell,"Open Sans","Helvetica Neue",sans-serif;color:var(--dp-text-color)}.dp__time_col_reg{padding:0 20px}.dp__time_col_reg_with_button{padding:0 15px}.dp__time_col_sec{padding:0 10px}.dp__time_col_sec_with_button{padding:0 5px}.dp__time_col{font-size:2rem;text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column}.dp__time_display{cursor:pointer;color:var(--dp-text-color);border-radius:4px;display:flex;align-items:center;justify-content:center;padding:0 3px}.dp__time_display:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__inc_dec_button{padding:5px;margin:0;height:32px;width:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%;color:var(--dp-icon-color);box-sizing:border-box}.dp__inc_dec_button svg{height:32px;width:32px}.dp__inc_dec_button:hover{background:var(--dp-hover-color);color:var(--dp-primary-color)}.dp__inc_dec_button_disabled:hover,.dp__inc_dec_button_disabled{background:var(--dp-disabled-color);color:var(--dp-disabled-color-text);cursor:not-allowed}.dp__pm_am_button{background:var(--dp-primary-color);color:var(--dp-primary-text-color);border:none;padding:10px;border-radius:4px;cursor:pointer}.dp__action_row{display:flex;align-items:center;width:100%;padding:10px;box-sizing:border-box;color:var(--dp-text-color);background:var(--dp-background-color)}.dp__action_row svg{height:20px;width:auto}.dp__selection_preview{width:50%;color:var(--dp-text-color);font-size:.8rem}.dp__action_buttons{width:50%;text-align:right}.dp__action{font-weight:bold;cursor:pointer;padding:2px 5px;border-radius:4px;display:inline-flex;align-items:center}.dp__select{color:var(--dp-success-color)}.dp__action_disabled{color:var(--dp-success-color-disabled);cursor:not-allowed}.dp__cancel{color:var(--dp-secondary-color)}.dp__theme_dark{--dp-background-color: #212121;--dp-text-color: #fff;--dp-hover-color: #484848;--dp-hover-text-color: #fff;--dp-hover-icon-color: #959595;--dp-primary-color: #005cb2;--dp-primary-disabled-color: #61a8ea;--dp-primary-text-color: #fff;--dp-secondary-color: #a9a9a9;--dp-border-color: #2d2d2d;--dp-menu-border-color: #2d2d2d;--dp-border-color-hover: #aaaeb7;--dp-disabled-color: #737373;--dp-disabled-color-text: #d0d0d0;--dp-scroll-bar-background: #212121;--dp-scroll-bar-color: #484848;--dp-success-color: #00701a;--dp-success-color-disabled: #428f59;--dp-icon-color: #959595;--dp-danger-color: #e53935;--dp-marker-color: #e53935;--dp-tooltip-color: #3e3e3e;--dp-highlight-color: rgb(0 92 178 / 20%)}.dp__theme_light{--dp-background-color: #fff;--dp-text-color: #212121;--dp-hover-color: #f3f3f3;--dp-hover-text-color: #212121;--dp-hover-icon-color: #959595;--dp-primary-color: #1976d2;--dp-primary-disabled-color: #6bacea;--dp-primary-text-color: #f8f5f5;--dp-secondary-color: #c0c4cc;--dp-border-color: #ddd;--dp-menu-border-color: #ddd;--dp-border-color-hover: #aaaeb7;--dp-disabled-color: #f6f6f6;--dp-scroll-bar-background: #f3f3f3;--dp-scroll-bar-color: #959595;--dp-success-color: #76d275;--dp-success-color-disabled: #a3d9b1;--dp-icon-color: #959595;--dp-danger-color: #ff6f60;--dp-marker-color: #ff6f60;--dp-tooltip-color: #fafafa;--dp-disabled-color-text: #8e8e8e;--dp-highlight-color: rgb(25 118 210 / 10%)}.dp__main{font-family:-apple-system,blinkmacsystemfont,"Segoe UI",roboto,oxygen,ubuntu,cantarell,"Open Sans","Helvetica Neue",sans-serif;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box}.dp__pointer{cursor:pointer}.dp__icon{stroke:currentcolor;fill:currentcolor}.dp__button{width:100%;text-align:center;color:var(--dp-icon-color);background:var(--dp-background-color);cursor:pointer;display:flex;align-items:center;align-content:center;justify-content:center;padding:10px;box-sizing:border-box;height:35px}.dp__button:hover{background:var(--dp-hover-color);color:var(--dp-hover-icon-color)}.dp__button svg{height:20px;width:auto}.dp__button_bottom{border-bottom-left-radius:4px;border-bottom-right-radius:4px}.dp__flex_display{display:flex}.dp__flex_display_with_input{flex-direction:column;align-items:start}.dp__relative{position:relative}.calendar-next-enter-active,.calendar-next-leave-active,.calendar-prev-enter-active,.calendar-prev-leave-active{transition:all .1s ease-out}.calendar-next-enter-from{opacity:0;transform:translateX(22px)}.calendar-next-leave-to{opacity:0;transform:translateX(-22px)}.calendar-prev-enter-from{opacity:0;transform:translateX(-22px)}.calendar-prev-leave-to{opacity:0;transform:translateX(22px)}.dp-menu-appear-enter-active,.dp-menu-appear-leave-active,.dp-slide-up-enter-active,.dp-slide-up-leave-active,.dp-slide-down-enter-active,.dp-slide-down-leave-active{transition:all .1s ease-out}.dp-slide-down-leave-to,.dp-slide-up-enter-from{opacity:0;transform:translateY(22px)}.dp-slide-down-enter-from,.dp-slide-up-leave-to{opacity:0;transform:translateY(-22px)}.dp-menu-appear-enter-from{opacity:0}.dp-menu-appear-enter-active,.dp-menu-appear-leave-active{transition:opacity .1s ease}.dp-menu-appear-leave-to{opacity:1}

/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */.hamburger{font:inherit;display:inline-block;overflow:visible;margin:0;padding:15px;cursor:pointer;transition-timing-function:linear;transition-duration:.15s;transition-property:opacity,filter;text-transform:none;color:inherit;border:0;background-color:transparent}.hamburger.is-active:hover,.hamburger:hover{opacity:.7}.hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner:after,.hamburger.is-active .hamburger-inner:before{background-color:#000}.hamburger-box{position:relative;display:inline-block;width:40px;height:24px}.hamburger-inner{top:50%;display:block;margin-top:-2px}.hamburger-inner,.hamburger-inner:after,.hamburger-inner:before{position:absolute;width:40px;height:4px;transition-timing-function:ease;transition-duration:.15s;transition-property:transform;border-radius:4px;background-color:#000}.hamburger-inner:after,.hamburger-inner:before{display:block;content:""}.hamburger-inner:before{top:-10px}.hamburger-inner:after{bottom:-10px}.hamburger--3dx .hamburger-box{perspective:80px}.hamburger--3dx .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx .hamburger-inner:after,.hamburger--3dx .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx.is-active .hamburger-inner{transform:rotateY(180deg);background-color:transparent!important}.hamburger--3dx.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dx.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dx-r .hamburger-box{perspective:80px}.hamburger--3dx-r .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx-r .hamburger-inner:after,.hamburger--3dx-r .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx-r.is-active .hamburger-inner{transform:rotateY(-180deg);background-color:transparent!important}.hamburger--3dx-r.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dx-r.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dy .hamburger-box{perspective:80px}.hamburger--3dy .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy .hamburger-inner:after,.hamburger--3dy .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy.is-active .hamburger-inner{transform:rotateX(-180deg);background-color:transparent!important}.hamburger--3dy.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dy.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dy-r .hamburger-box{perspective:80px}.hamburger--3dy-r .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy-r .hamburger-inner:after,.hamburger--3dy-r .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy-r.is-active .hamburger-inner{transform:rotateX(180deg);background-color:transparent!important}.hamburger--3dy-r.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dy-r.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dxy .hamburger-box{perspective:80px}.hamburger--3dxy .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dxy .hamburger-inner:after,.hamburger--3dxy .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dxy.is-active .hamburger-inner{transform:rotateX(180deg) rotateY(180deg);background-color:transparent!important}.hamburger--3dxy.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dxy.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dxy-r .hamburger-box{perspective:80px}.hamburger--3dxy-r .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dxy-r .hamburger-inner:after,.hamburger--3dxy-r .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dxy-r.is-active .hamburger-inner{transform:rotateX(180deg) rotateY(180deg) rotate(-180deg);background-color:transparent!important}.hamburger--3dxy-r.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dxy-r.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--arrow.is-active .hamburger-inner:before{transform:translate3d(-8px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrow.is-active .hamburger-inner:after{transform:translate3d(-8px,0,0) rotate(45deg) scaleX(.7)}.hamburger--arrow-r.is-active .hamburger-inner:before{transform:translate3d(8px,0,0) rotate(45deg) scaleX(.7)}.hamburger--arrow-r.is-active .hamburger-inner:after{transform:translate3d(8px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowalt .hamburger-inner:before{transition:top .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt .hamburger-inner:after{transition:bottom .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt.is-active .hamburger-inner:before{top:0;transition:top .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transform:translate3d(-8px,-10px,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowalt.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transform:translate3d(-8px,10px,0) rotate(45deg) scaleX(.7)}.hamburger--arrowalt-r .hamburger-inner:before{transition:top .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt-r .hamburger-inner:after{transition:bottom .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt-r.is-active .hamburger-inner:before{top:0;transition:top .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transform:translate3d(8px,-10px,0) rotate(45deg) scaleX(.7)}.hamburger--arrowalt-r.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transform:translate3d(8px,10px,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowturn.is-active .hamburger-inner{transform:rotate(-180deg)}.hamburger--arrowturn.is-active .hamburger-inner:before{transform:translate3d(8px,0,0) rotate(45deg) scaleX(.7)}.hamburger--arrowturn.is-active .hamburger-inner:after{transform:translate3d(8px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowturn-r.is-active .hamburger-inner{transform:rotate(-180deg)}.hamburger--arrowturn-r.is-active .hamburger-inner:before{transform:translate3d(-8px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowturn-r.is-active .hamburger-inner:after{transform:translate3d(-8px,0,0) rotate(45deg) scaleX(.7)}.hamburger--boring .hamburger-inner,.hamburger--boring .hamburger-inner:after,.hamburger--boring .hamburger-inner:before{transition-property:none}.hamburger--boring.is-active .hamburger-inner{transform:rotate(45deg)}.hamburger--boring.is-active .hamburger-inner:before{top:0;opacity:0}.hamburger--boring.is-active .hamburger-inner:after{bottom:0;transform:rotate(-90deg)}.hamburger--collapse .hamburger-inner{top:auto;bottom:0;transition-delay:.13s;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.13s}.hamburger--collapse .hamburger-inner:after{top:-20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity .1s linear}.hamburger--collapse .hamburger-inner:before{transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse.is-active .hamburger-inner{transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--collapse.is-active .hamburger-inner:after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .22s;opacity:0}.hamburger--collapse.is-active .hamburger-inner:before{top:0;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,transform .13s cubic-bezier(.215,.61,.355,1) .25s;transform:rotate(-90deg)}.hamburger--collapse-r .hamburger-inner{top:auto;bottom:0;transition-delay:.13s;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.13s}.hamburger--collapse-r .hamburger-inner:after{top:-20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity .1s linear}.hamburger--collapse-r .hamburger-inner:before{transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse-r.is-active .hamburger-inner{transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,-10px,0) rotate(45deg)}.hamburger--collapse-r.is-active .hamburger-inner:after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .22s;opacity:0}.hamburger--collapse-r.is-active .hamburger-inner:before{top:0;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,transform .13s cubic-bezier(.215,.61,.355,1) .25s;transform:rotate(90deg)}.hamburger--elastic .hamburger-inner{top:2px;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);transition-duration:.275s}.hamburger--elastic .hamburger-inner:before{top:10px;transition:opacity .125s ease .275s}.hamburger--elastic .hamburger-inner:after{top:20px;transition:transform .275s cubic-bezier(.68,-.55,.265,1.55)}.hamburger--elastic.is-active .hamburger-inner{transition-delay:75ms;transform:translate3d(0,10px,0) rotate(135deg)}.hamburger--elastic.is-active .hamburger-inner:before{transition-delay:0s;opacity:0}.hamburger--elastic.is-active .hamburger-inner:after{transition-delay:75ms;transform:translate3d(0,-20px,0) rotate(-270deg)}.hamburger--elastic-r .hamburger-inner{top:2px;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);transition-duration:.275s}.hamburger--elastic-r .hamburger-inner:before{top:10px;transition:opacity .125s ease .275s}.hamburger--elastic-r .hamburger-inner:after{top:20px;transition:transform .275s cubic-bezier(.68,-.55,.265,1.55)}.hamburger--elastic-r.is-active .hamburger-inner{transition-delay:75ms;transform:translate3d(0,10px,0) rotate(-135deg)}.hamburger--elastic-r.is-active .hamburger-inner:before{transition-delay:0s;opacity:0}.hamburger--elastic-r.is-active .hamburger-inner:after{transition-delay:75ms;transform:translate3d(0,-20px,0) rotate(270deg)}.hamburger--emphatic{overflow:hidden}.hamburger--emphatic .hamburger-inner{transition:background-color .125s ease-in .175s}.hamburger--emphatic .hamburger-inner:before{left:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,left .125s ease-in .175s}.hamburger--emphatic .hamburger-inner:after{top:10px;right:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,right .125s ease-in .175s}.hamburger--emphatic.is-active .hamburger-inner{transition-delay:0s;transition-timing-function:ease-out;background-color:transparent!important}.hamburger--emphatic.is-active .hamburger-inner:before{top:-80px;left:-80px;transition:left .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;transform:translate3d(80px,80px,0) rotate(45deg)}.hamburger--emphatic.is-active .hamburger-inner:after{top:-80px;right:-80px;transition:right .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;transform:translate3d(-80px,80px,0) rotate(-45deg)}.hamburger--emphatic-r{overflow:hidden}.hamburger--emphatic-r .hamburger-inner{transition:background-color .125s ease-in .175s}.hamburger--emphatic-r .hamburger-inner:before{left:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,left .125s ease-in .175s}.hamburger--emphatic-r .hamburger-inner:after{top:10px;right:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,right .125s ease-in .175s}.hamburger--emphatic-r.is-active .hamburger-inner{transition-delay:0s;transition-timing-function:ease-out;background-color:transparent!important}.hamburger--emphatic-r.is-active .hamburger-inner:before{top:80px;left:-80px;transition:left .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;transform:translate3d(80px,-80px,0) rotate(-45deg)}.hamburger--emphatic-r.is-active .hamburger-inner:after{top:80px;right:-80px;transition:right .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;transform:translate3d(-80px,-80px,0) rotate(45deg)}.hamburger--minus .hamburger-inner:after,.hamburger--minus .hamburger-inner:before{transition:bottom .08s ease-out 0s,top .08s ease-out 0s,opacity 0s linear}.hamburger--minus.is-active .hamburger-inner:after,.hamburger--minus.is-active .hamburger-inner:before{transition:bottom .08s ease-out,top .08s ease-out,opacity 0s linear .08s;opacity:0}.hamburger--minus.is-active .hamburger-inner:before{top:0}.hamburger--minus.is-active .hamburger-inner:after{bottom:0}.hamburger--slider .hamburger-inner{top:2px}.hamburger--slider .hamburger-inner:before{top:10px;transition-timing-function:ease;transition-duration:.15s;transition-property:transform,opacity}.hamburger--slider .hamburger-inner:after{top:20px}.hamburger--slider.is-active .hamburger-inner{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--slider.is-active .hamburger-inner:before{transform:rotate(-45deg) translate3d(-5.71429px,-6px,0);opacity:0}.hamburger--slider.is-active .hamburger-inner:after{transform:translate3d(0,-20px,0) rotate(-90deg)}.hamburger--slider-r .hamburger-inner{top:2px}.hamburger--slider-r .hamburger-inner:before{top:10px;transition-timing-function:ease;transition-duration:.15s;transition-property:transform,opacity}.hamburger--slider-r .hamburger-inner:after{top:20px}.hamburger--slider-r.is-active .hamburger-inner{transform:translate3d(0,10px,0) rotate(-45deg)}.hamburger--slider-r.is-active .hamburger-inner:before{transform:rotate(45deg) translate3d(5.71429px,-6px,0);opacity:0}.hamburger--slider-r.is-active .hamburger-inner:after{transform:translate3d(0,-20px,0) rotate(90deg)}.hamburger--spin .hamburger-inner{transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.22s}.hamburger--spin .hamburger-inner:before{transition:top .1s ease-in .25s,opacity .1s ease-in}.hamburger--spin .hamburger-inner:after{transition:bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19)}.hamburger--spin.is-active .hamburger-inner{transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(225deg)}.hamburger--spin.is-active .hamburger-inner:before{top:0;transition:top .1s ease-out,opacity .1s ease-out .12s;opacity:0}.hamburger--spin.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s;transform:rotate(-90deg)}.hamburger--spin-r .hamburger-inner{transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.22s}.hamburger--spin-r .hamburger-inner:before{transition:top .1s ease-in .25s,opacity .1s ease-in}.hamburger--spin-r .hamburger-inner:after{transition:bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19)}.hamburger--spin-r.is-active .hamburger-inner{transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(-225deg)}.hamburger--spin-r.is-active .hamburger-inner:before{top:0;transition:top .1s ease-out,opacity .1s ease-out .12s;opacity:0}.hamburger--spin-r.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s;transform:rotate(90deg)}.hamburger--spring .hamburger-inner{top:2px;transition:background-color 0s linear .13s}.hamburger--spring .hamburger-inner:before{top:10px;transition:top .1s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring .hamburger-inner:after{top:20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring.is-active .hamburger-inner{transition-delay:.22s;background-color:transparent!important}.hamburger--spring.is-active .hamburger-inner:before{top:0;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,transform .13s cubic-bezier(.215,.61,.355,1) .22s;transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--spring.is-active .hamburger-inner:after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),transform .13s cubic-bezier(.215,.61,.355,1) .22s;transform:translate3d(0,10px,0) rotate(-45deg)}.hamburger--spring-r .hamburger-inner{top:auto;bottom:0;transition-delay:0s;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.13s}.hamburger--spring-r .hamburger-inner:after{top:-20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity 0s linear}.hamburger--spring-r .hamburger-inner:before{transition:top .1s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring-r.is-active .hamburger-inner{transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--spring-r.is-active .hamburger-inner:after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity 0s linear .22s;opacity:0}.hamburger--spring-r.is-active .hamburger-inner:before{top:0;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,transform .13s cubic-bezier(.215,.61,.355,1) .22s;transform:rotate(90deg)}.hamburger--stand .hamburger-inner{transition:transform 75ms cubic-bezier(.55,.055,.675,.19) .15s,background-color 0s linear 75ms}.hamburger--stand .hamburger-inner:before{transition:top 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand .hamburger-inner:after{transition:bottom 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand.is-active .hamburger-inner{transition:transform 75ms cubic-bezier(.215,.61,.355,1) 0s,background-color 0s linear .15s;transform:rotate(90deg);background-color:transparent!important}.hamburger--stand.is-active .hamburger-inner:before{top:0;transition:top 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transform:rotate(-45deg)}.hamburger--stand.is-active .hamburger-inner:after{bottom:0;transition:bottom 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transform:rotate(45deg)}.hamburger--stand-r .hamburger-inner{transition:transform 75ms cubic-bezier(.55,.055,.675,.19) .15s,background-color 0s linear 75ms}.hamburger--stand-r .hamburger-inner:before{transition:top 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand-r .hamburger-inner:after{transition:bottom 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand-r.is-active .hamburger-inner{transition:transform 75ms cubic-bezier(.215,.61,.355,1) 0s,background-color 0s linear .15s;transform:rotate(-90deg);background-color:transparent!important}.hamburger--stand-r.is-active .hamburger-inner:before{top:0;transition:top 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transform:rotate(-45deg)}.hamburger--stand-r.is-active .hamburger-inner:after{bottom:0;transition:bottom 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transform:rotate(45deg)}.hamburger--squeeze .hamburger-inner{transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:75ms}.hamburger--squeeze .hamburger-inner:before{transition:top 75ms ease .12s,opacity 75ms ease}.hamburger--squeeze .hamburger-inner:after{transition:bottom 75ms ease .12s,transform 75ms cubic-bezier(.55,.055,.675,.19)}.hamburger--squeeze.is-active .hamburger-inner{transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(45deg)}.hamburger--squeeze.is-active .hamburger-inner:before{top:0;transition:top 75ms ease,opacity 75ms ease .12s;opacity:0}.hamburger--squeeze.is-active .hamburger-inner:after{bottom:0;transition:bottom 75ms ease,transform 75ms cubic-bezier(.215,.61,.355,1) .12s;transform:rotate(-90deg)}.hamburger--vortex .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transition-duration:.2s}.hamburger--vortex .hamburger-inner:after,.hamburger--vortex .hamburger-inner:before{transition-delay:.1s;transition-timing-function:linear;transition-duration:0s}.hamburger--vortex .hamburger-inner:before{transition-property:top,opacity}.hamburger--vortex .hamburger-inner:after{transition-property:bottom,transform}.hamburger--vortex.is-active .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transform:rotate(765deg)}.hamburger--vortex.is-active .hamburger-inner:after,.hamburger--vortex.is-active .hamburger-inner:before{transition-delay:0s}.hamburger--vortex.is-active .hamburger-inner:before{top:0;opacity:0}.hamburger--vortex.is-active .hamburger-inner:after{bottom:0;transform:rotate(90deg)}.hamburger--vortex-r .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transition-duration:.2s}.hamburger--vortex-r .hamburger-inner:after,.hamburger--vortex-r .hamburger-inner:before{transition-delay:.1s;transition-timing-function:linear;transition-duration:0s}.hamburger--vortex-r .hamburger-inner:before{transition-property:top,opacity}.hamburger--vortex-r .hamburger-inner:after{transition-property:bottom,transform}.hamburger--vortex-r.is-active .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transform:rotate(-765deg)}.hamburger--vortex-r.is-active .hamburger-inner:after,.hamburger--vortex-r.is-active .hamburger-inner:before{transition-delay:0s}.hamburger--vortex-r.is-active .hamburger-inner:before{top:0;opacity:0}.hamburger--vortex-r.is-active .hamburger-inner:after{bottom:0;transform:rotate(-90deg)}
:root {
  --fontcolor:#677279;
  --bg-color:#f0f3f4;
  --fontbody:"Lato", sans-serif;
  --green: rgb(57, 192, 167);
  --greendark: #278b6f;
  --blue: #0fb6fb;
  --bluedark: #4285ec;
  --white:#FFF;
  --black:#FFF;
  --red:#F00;
}

body {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-size: 1em;
  line-height: 1.3em;
  color: #8d8d8d;
}

@media screen and (max-width: 600px) {
  body {
    font-size: 0.9em;
  }
}
h1, h2, h3, h4, h5 {
  margin-bottom: 15px;
  color: #E73328;
  font-weight: 600;
}

h1 {
  font-family: "Frank Ruhl Libre", serif;
  font-size: 3em;
}

h2 {
  font-family: "Frank Ruhl Libre", serif;
  font-size: 2.2em;
}

h3 {
  font-family: "Frank Ruhl Libre", serif;
  font-size: 1.8em;
}

h4 {
  font-size: 1.2em;
}

p {
  margin-bottom: 1.2em;
  line-height: 1.3em;
}
p a {
  color: #F27921;
}
p a:hover {
  text-decoration: underline;
}

.font-body {
  font-family: "Lato", sans-serif !important;
}

.font-title {
  font-family: "Frank Ruhl Libre", serif !important;
}

strong {
  font-weight: 600;
}

blockquote {
  padding: 15px;
  border-left: 10px solid #dedede;
  margin-bottom: 1.2em;
  font-style: italic;
  color: #4b5563;
  font-size: 1.2em;
}

.text-red {
  color: #E73328 !important;
}

.text-blue {
  color: #214257 !important;
}

.text-white {
  color: #FFF !important;
}

.text-orange {
  color: #F27921 !important;
}

.text-green {
  color: #3db200 !important;
}

.text-black {
  color: #000 !important;
}

.text-white {
  color: #FFF !important;
}

.text-shadow-white {
  text-shadow: 0px 0px 10px rgb(255, 255, 255), 0px 0px 19px rgb(255, 255, 255);
}

.text-shadow-black {
  text-shadow: 0px 0px 10px rgb(0, 0, 0), 0px 0px 19px rgb(0, 0, 0);
}

ul {
  margin: 15px;
  padding: 15px;
  list-style: disc;
}
ul li {
  padding-bottom: 8px;
}

.text-lg {
  font-size: 1.2em;
}

.text-xl {
  font-size: 1.4em;
}

.text-xxl {
  font-size: 1.6em;
}

.handwriting {
  font-family: "Ms Madi", cursive !important;
  font-weight: 400;
  font-style: normal;
}

.card .card-header {
  padding: 0.5em 0.8em;
  background: #B8B799;
  color: #FFF;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  font-size: 1.4em;
  border-top: 1px solid #B8B799;
  border-left: 1px solid #B8B799;
  border-right: 1px solid #B8B799;
}
.card .card-body {
  border: 1px solid #6D7578;
  padding: 0.8em;
  background-color: #FFF;
}

.modal-mask {
  position: fixed;
  z-index: 998;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: table;
  transition: opacity 0.3s ease;
}
.modal-mask.hidden {
  display: none !important;
}

.modal-wrapper {
  display: table-cell;
  vertical-align: middle;
}

.modal-container {
  margin: 0px auto;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.33);
  transition: all 0.3s ease;
  overflow: hidden;
}
.modal-container.sm {
  max-width: 300px;
}
.modal-container.md {
  max-width: 600px;
}
.modal-container.lg {
  max-width: 900px;
}
.modal-container .modal-body {
  max-height: 80vh;
  overflow: auto;
}

.modal-header .modal-close {
  font-size: 24px;
  padding: 5px;
}
.modal-header .modal-close:hover {
  cursor: pointer;
}
.modal-header h3 {
  margin: 0;
  font-size: 24px;
  color: #000;
}

/*
 * The following styles are auto-applied to elements with
 * transition="modal" when their visibility is toggled
 * by Vue.js.
 *
 * You can easily play with the modal transition by editing
 * these styles.
 */
.modal-enter-from {
  opacity: 0;
}

.modal-leave-to {
  opacity: 0;
}

.modal-enter-from .modal-container,
.modal-leave-to .modal-container {
  transform: scale(1.1);
}

.tabs button.tab {
  background-color: #efefef;
  padding: 10px 15px;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  transition: background-color 0.4s ease-in-out;
}
.tabs button.tab.active {
  background-color: #dedede;
}
.tabs .tab-content {
  padding: 15px;
  border: 1px solid #ccc;
}

.box {
  border: 1px solid #dedede;
  padding: 25px !important;
  border-radius: 30px;
}

table.table {
  width: 100% !important;
}
table.table thead {
  border-top: 2px solid #333;
  border-bottom: 2px solid #333;
}
table.table thead th {
  text-transform: uppercase;
  text-align: left;
  padding: 10px;
  color: #000;
  border: 1px solid #F1F1F1;
}
table.table thead th.text-center {
  text-align: center !important;
}
table.table thead th.text-right {
  text-align: right !important;
}
table.table tbody tr {
  border-bottom: 1px solid #F1F1F1;
  color: #666;
}
table.table tbody tr td {
  padding: 10px;
  border: 1px solid #F1F1F1;
}
table.table tbody tr th {
  padding-left: 10px;
  border: 1px solid #F1F1F1;
}
table.table.highlight tbody tr {
  transition: background-color 0.4s ease-in-out;
}
table.table.highlight tbody tr:hover {
  background-color: #efefef;
}

ul.pagination {
  display: inline-block;
  padding: 0;
  margin: 20px 0;
  border-radius: 8px;
  border: 1px solid #B8B799;
  background-color: #FFF;
  font-weight: bold;
}
ul.pagination li {
  display: inline-block;
  text-align: center;
  padding-bottom: 0;
}
ul.pagination li button {
  padding: 8px 15px;
  border-left: 1px solid #B8B799;
  color: #B8B799;
}
ul.pagination li button.active {
  background-color: #B8B799;
  color: #FFF;
}
ul.pagination li.VuePagination__pagination-item-prev-chunk button {
  border-left: none;
}

.VuePagination__count {
  display: none;
}

.VuePagination__pagination.pagination {
  display: inline-flex !important;
}

#lightbox {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.8);
  width: 100vw;
  height: 100vh;
  display: flex;
  flex-direction: column;
}
#lightbox .lb-close {
  position: fixed;
  display: flex;
  top: 0;
  right: 0;
  font-size: 30px;
  color: #dedede;
  text-align: center;
  padding: 15px 30px;
  background-color: #000;
  z-index: 9999;
}
#lightbox .lb-close:hover {
  cursor: pointer;
  color: #FFF;
}
#lightbox .lb-image {
  align-self: center;
  justify-content: center;
  width: 90vw;
  height: 90vh;
  position: relative;
  z-index: 9998;
  display: flex;
  margin: 60px;
  flex-basis: fit-content;
}

.lb-link {
  position: relative;
  width: auto;
}
.lb-link:after {
  content: " ";
  position: absolute;
  top: 100%;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 5;
  background-color: rgba(51, 51, 51, 0.8);
  transition: all 0.4s ease-in-out;
}
.lb-link:hover {
  cursor: pointer;
  transition: all 0.4s ease-in-out;
}
.lb-link:hover:after {
  top: 0;
}
.lb-link:hover:before {
  font: var(--fa-font-solid);
  content: "\f00e";
  font-size: 36px;
  color: #FFF;
  position: absolute;
  z-index: 6;
  text-align: center;
  top: 45%;
  width: 100%;
}
.lb-link .image {
  position: relative;
  z-index: 4;
}

#TestimonialsSlide .wrapper {
  padding: 0 40px;
}
#TestimonialsSlide .carousel .carousel__next {
  right: -40px;
  margin-top: -20px;
}
#TestimonialsSlide .carousel .carousel__prev {
  left: -40px;
  margin-top: -20px;
}
#TestimonialsSlide h2 {
  font-size: 1.6em;
  color: #E73328;
}
#TestimonialsSlide .testimonial-wrap {
  padding: 25px 50px;
}
#TestimonialsSlide .testimonial-wrap .text {
  font-size: 1em;
  font-style: italic;
  color: #333 !important;
}
#TestimonialsSlide .testimonial-wrap .name {
  font-weight: bold;
  color: #E73328;
  font-size: 1.2em;
}
#TestimonialsSlide .agile__nav-button--prev, #TestimonialsSlide .agile__nav-button--next {
  position: absolute;
  top: 0;
  width: 50px;
  height: 100%;
}
#TestimonialsSlide .agile__nav-button--prev {
  left: -50px;
}
#TestimonialsSlide .agile__nav-button--next {
  right: -50px;
}
@media screen and (max-width: 660px) {
  #TestimonialsSlide .wrapper {
    padding: 0 15px;
  }
  #TestimonialsSlide .carousel__next, #TestimonialsSlide .carousel__prev {
    display: none;
  }
}

#HomeBanner {
  position: relative;
  height: 90vh;
  overflow: hidden;
  background-color: #FFF;
  border-bottom: 4px solid #E73328;
}
#HomeBanner .v-slick-carousel {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
#HomeBanner .v-slick-carousel .v-slick-slider {
  position: absolute;
  display: flex;
  height: 100%;
  width: 100%;
}
#HomeBanner .v-slick-carousel .v-slick-slider .v-slick-list {
  display: flex;
  width: 100%;
  height: 100%;
  position: relative;
}
#HomeBanner .v-slick-carousel .v-slick-slider .v-slick-list .v-slick-track {
  position: relative;
  display: inline-flex;
}
#HomeBanner .v-slick-carousel .v-slick-slider .v-slick-list .v-slick-track .v-slick-slide-group {
  height: unset !important;
  display: flex;
}
#HomeBanner .v-slick-carousel .v-slick-slider .v-slick-list .v-slick-track .v-slick-slide-group .slide {
  display: flex;
  height: 100%;
  width: 100%;
  justify-content: center;
  align-items: center;
}
#HomeBanner .v-slick-carousel .v-slick-slider .v-slick-list .v-slick-track .v-slick-slide-group .slide img {
  min-width: 100% !important;
  min-height: 100% !important;
  max-width: unset;
  height: unset;
  -o-object-fit: cover;
     object-fit: cover;
}
#HomeBanner .slide {
  display: flex;
  height: 100%;
  width: 100%;
  justify-content: center;
  align-items: center;
}
#HomeBanner .slide img {
  min-width: 100% !important;
  min-height: 100% !important;
  max-width: unset;
  height: unset;
  -o-object-fit: cover;
     object-fit: cover;
}
#HomeBanner h1 {
  font-size: 3rem;
}
#HomeBanner h3 {
  font-size: 2rem;
}
#HomeBanner .overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
}
#HomeBanner .overlay .btn-primary {
  background-color: #E73328;
}
#HomeBanner .overlay .btn-primary:hover {
  background-color: #B81E15;
}
@media screen and (max-width: 400px) {
  #HomeBanner {
    height: 100vh;
  }
  #HomeBanner h1 {
    font-size: 2rem;
  }
  #HomeBanner h3 {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 600px) {
  #HomeBanner {
    height: 100vh;
  }
  #HomeBanner h1 {
    font-size: 2.2rem;
  }
  #HomeBanner h3 {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 1024px) {
  #HomeBanner {
    height: 100vh;
  }
  #HomeBanner h1 {
    font-size: 2.8rem;
  }
  #HomeBanner h3 {
    font-size: 1.8rem;
  }
}
#HomeBanner .logos {
  z-index: 49;
  height: 90px;
}
#HomeBanner .logos img {
  width: 100%;
  height: auto;
  margin: 0 auto;
  display: block;
}

#HeaderImage {
  position: relative;
  height: 450px;
  overflow: hidden;
  border-bottom: 4px solid #E73328;
}
#HeaderImage .bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  clip-path: inset(0 0 0 0);
  overflow: hidden;
}
#HeaderImage .bg img {
  min-width: 100%;
  min-height: 100%;
  max-width: unset;
  -o-object-fit: cover;
     object-fit: cover;
  position: fixed;
}
#HeaderImage .overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
}
#HeaderImage .overlay h1 {
  color: #E73328 !important;
  font-size: 4rem;
}
#HeaderImage .overlay h2, #HeaderImage .overlay h3 {
  color: #CCC;
  font-size: 1.8rem;
}
@media screen and (max-width: 400px) {
  #HeaderImage .overlay h1 {
    font-size: 2rem;
  }
  #HeaderImage .overlay h2, #HeaderImage .overlay h3 {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 600px) {
  #HeaderImage .overlay h1 {
    font-size: 2.2rem;
  }
  #HeaderImage .overlay h2, #HeaderImage .overlay h3 {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 1024px) {
  #HeaderImage .overlay h1 {
    font-size: 2.8rem;
  }
  #HeaderImage .overlay h2, #HeaderImage .overlay h3 {
    font-size: 1.8rem;
  }
}

.widget {
  position: relative;
}
.widget img {
  max-width: 100%;
}
.widget.admin-widget {
  border: 1px solid transparent;
}
.widget.admin-widget .controls {
  display: none;
  background-color: rgba(0, 0, 0, 0.7);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 46px;
  padding: 5px 15px;
}
.widget.admin-widget .controls a {
  color: #FFF;
  text-decoration: none;
  font-size: 24px;
}
.widget.admin-widget .controls a:hover {
  color: #FFF;
}
.widget.admin-widget:hover {
  border: 1px solid #000;
}
.widget.admin-widget:hover .controls {
  display: block;
}

#GalleryView {
  position: relative;
  max-width: calc(100% - 140px);
  margin: 0 auto;
}
#GalleryView img.nav {
  position: absolute;
  top: calc(50% - 25px);
  z-index: 98;
  max-height: 50px;
  max-width: 50px;
}
#GalleryView img.nav:hover {
  cursor: pointer;
}
#GalleryView img.nav.left {
  left: -50px;
}
#GalleryView img.nav.right {
  right: -50px;
}
#GalleryView #GalleryLarge .v-slick-slide-group {
  display: flex;
  justify-content: center;
  width: 100%;
}
#GalleryView #GalleryLarge .v-slick-slide-group .slide {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  -o-object-fit: contain;
     object-fit: contain;
}
#GalleryView #GalleryLarge .v-slick-slide-group .slide img {
  width: unset;
  height: unset;
  margin: 0 auto;
  max-height: 100%;
  max-width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
#GalleryView #GalleryNav .v-slick-slide-group {
  display: flex;
  justify-content: center;
}
#GalleryView #GalleryNav .v-slick-slide-group .slide {
  padding: 15px;
  width: 100%;
  max-height: 90px;
  display: flex;
  justify-content: center;
  align-items: center;
  -o-object-fit: contain;
     object-fit: contain;
}
#GalleryView #GalleryNav .v-slick-slide-group .slide:hover {
  cursor: pointer;
}
#GalleryView #GalleryNav .v-slick-slide-group .slide img {
  max-height: 100%;
  max-width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
#GalleryView #GalleryNav .v-slick-slide-group .slide img:hover {
  cursor: pointer;
}
@media screen and (min-width: 0px) and (max-width: 400px) {
  #GalleryView {
    max-width: calc(100% - 40px);
  }
  #GalleryView img.nav {
    top: calc(50% - 10px);
    max-height: 30px;
    max-width: 30px;
  }
  #GalleryView img.nav.left {
    left: -20px;
  }
  #GalleryView img.nav.right {
    right: -20px;
  }
  #GalleryView #GalleryLarge {
    height: 200px;
  }
  #GalleryView #GalleryLarge .v-slick-slide-group {
    height: 200px;
  }
}
@media screen and (min-width: 401px) and (max-width: 600px) {
  #GalleryView #GalleryLarge {
    height: 300px;
  }
  #GalleryView #GalleryLarge .v-slick-slide-group {
    height: 300px;
  }
}
@media screen and (min-width: 601px) and (max-width: 900px) {
  #GalleryView #GalleryLarge {
    height: 400px;
  }
  #GalleryView #GalleryLarge .v-slick-slide-group {
    height: 400px;
  }
}
@media screen and (min-width: 901px) and (max-width: 1200px) {
  #GalleryView #GalleryLarge {
    height: 600px;
  }
  #GalleryView #GalleryLarge .v-slick-slide-group {
    height: 600px;
  }
}
@media screen and (min-width: 1201px) {
  #GalleryView #GalleryLarge {
    height: 600px;
  }
  #GalleryView #GalleryLarge .v-slick-slide-group {
    height: 600px;
  }
}

#GallerySlider {
  position: relative;
  max-width: calc(100% - 140px);
  margin: 0 auto;
}
#GallerySlider img.nav {
  position: absolute;
  top: calc(50% - 25px);
  z-index: 98;
  max-height: 50px;
  max-width: 50px;
}
#GallerySlider img.nav:hover {
  cursor: pointer;
}
#GallerySlider img.nav.left {
  left: -50px;
}
#GallerySlider img.nav.right {
  right: -50px;
}
#GallerySlider .v-slick-slide-group {
  display: flex;
  justify-content: center;
}
#GallerySlider .v-slick-slide-group .slide {
  padding: 15px;
  width: 100%;
  max-height: 240px;
  display: flex;
  justify-content: center;
  align-items: center;
  -o-object-fit: contain;
     object-fit: contain;
  position: relative;
}
#GallerySlider .v-slick-slide-group .slide:hover {
  cursor: pointer;
}
#GallerySlider .v-slick-slide-group .slide img {
  max-height: 100%;
  max-width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
#GallerySlider .v-slick-slide-group .slide img:hover {
  cursor: pointer;
}
#GallerySlider .lb-image {
  display: flex;
  justify-content: center;
}
#GallerySlider .lb-image:hover {
  cursor: pointer;
}

#AccordionItem {
  border: 1px solid #B81E15;
}
#AccordionItem .title {
  background-color: #E73328;
  padding: 10px;
  cursor: pointer;
  transition: background-color 1s ease-in-out;
}
#AccordionItem .title:hover {
  cursor: pointer;
}
#AccordionItem .title .accordion-toggle {
  color: #FFF;
  font-size: 2em;
}
#AccordionItem .title h4 {
  color: #FFF;
  margin: 0;
}
#AccordionItem .body {
  background-color: #FFF;
  overflow: hidden;
  max-height: 0;
  transition: max-height 1s ease-in-out;
}
#AccordionItem .body .border-top {
  max-height: 500px;
  border-top: 1px solid #6D7578;
  overflow-y: scroll;
}
#AccordionItem.active .title {
  background-color: #6D7578;
}
#AccordionItem.active .body {
  max-height: 500px;
}

:root {
  /* Color */
  --vc-clr-primary: #000;
  --vc-clr-secondary: #090f207f;
  --vc-clr-white: #ffffff;
  /* Icon */
  --vc-icn-width: 1.2em;
  /* Navigation */
  --vc-nav-width: 30px;
  --vc-nav-height: 30px;
  --vc-nav-border-radius: 0;
  --vc-nav-color: var(--vc-clr-primary);
  --vc-nav-color-hover: var(--vc-clr-secondary);
  --vc-nav-background: transparent;
  /* Pagination */
  --vc-pgn-width: 12px;
  --vc-pgn-height: 4px;
  --vc-pgn-margin: 4px;
  --vc-pgn-border-radius: 0;
  --vc-pgn-background-color: var(--vc-clr-secondary);
  --vc-pgn-active-color: var(--vc-clr-primary);
}

.carousel {
  position: relative;
  text-align: center;
  box-sizing: border-box;
  touch-action: pan-y;
  overscroll-behavior: none;
}

.carousel.is-dragging {
  touch-action: none;
}

.carousel * {
  box-sizing: border-box;
}

.carousel__track {
  display: flex;
  padding: 0 !important;
  position: relative;
}

.carousel__viewport {
  overflow: hidden;
}

.carousel__sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.carousel__icon {
  width: var(--vc-icn-width);
  height: var(--vc-icn-width);
  fill: currentColor;
}

.carousel__prev,
.carousel__next {
  box-sizing: content-box;
  background: var(--vc-nav-background);
  border-radius: var(--vc-nav-border-radius);
  width: var(--vc-nav-width);
  height: var(--vc-nav-height);
  text-align: center;
  font-size: var(--vc-nav-height);
  padding: 0;
  color: var(--vc-nav-color);
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  border: 0;
  cursor: pointer;
  margin: 0 10px;
  top: 50%;
  transform: translateY(-50%);
}

.carousel__next--disabled,
.carousel__prev--disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.carousel__prev {
  left: 0;
}

.carousel__next {
  right: 0;
}

.carousel--rtl .carousel__prev {
  left: auto;
  right: 0;
}

.carousel--rtl .carousel__next {
  right: auto;
  left: 0;
}

@media (hover: hover) {
  .carousel__prev:hover,
  .carousel__next:hover {
    color: var(--vc-nav-color-hover);
  }
}
.carousel__pagination {
  display: flex;
  justify-content: center;
  list-style: none;
  line-height: 0;
  margin: 10px 0 0;
  padding: 0;
}

.carousel__pagination-button {
  display: block;
  border: 0;
  margin: 0;
  cursor: pointer;
  padding: var(--vc-pgn-margin);
  background: transparent;
}

.carousel__pagination-button::after {
  display: block;
  content: "";
  width: var(--vc-pgn-width);
  height: var(--vc-pgn-height);
  border-radius: var(--vc-pgn-border-radius);
  background-color: var(--vc-pgn-background-color);
}

.carousel__pagination-button--active::after {
  background-color: var(--vc-pgn-active-color);
}

@media (hover: hover) {
  .carousel__pagination-button:hover::after {
    background-color: var(--vc-pgn-active-color);
  }
}
.carousel__slide {
  scroll-snap-stop: auto;
  flex-shrink: 0;
  margin: 0;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  /* Fix iOS scrolling #22 */
  transform: translateZ(0);
}

.videoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 35px;
  height: 0;
  overflow: hidden;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#AdminMenu {
  border: 1px solid #6D7578;
  padding: 0px;
}
#AdminMenu ul {
  margin: 0;
  padding: 0;
}
#AdminMenu ul li {
  list-style: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
#AdminMenu ul li a {
  display: block;
  padding: 15px;
}
#AdminMenu ul li a:hover {
  background-color: #6D7578;
  color: #FFF;
}

#AdminPage .form-control {
  min-height: unset !important;
  padding: 5px 8px;
}

#AdminGalleriesPage .galleryImage, #AdminGalleryEdit .galleryImage {
  border: 1px solid #CCC;
  padding: 10px;
  margin-bottom: 15px;
  position: relative;
}
#AdminGalleriesPage .galleryImage:hover, #AdminGalleryEdit .galleryImage:hover {
  border: 1px solid #333;
}
#AdminGalleriesPage .galleryImage:hover .controls, #AdminGalleryEdit .galleryImage:hover .controls {
  width: 100%;
  display: block;
  top: 0;
  left: 0;
  height: auto;
  background-color: rgba(0, 0, 0, 0.6);
}
#AdminGalleriesPage .galleryImage:hover .controls a, #AdminGalleriesPage .galleryImage:hover .controls button, #AdminGalleryEdit .galleryImage:hover .controls a, #AdminGalleryEdit .galleryImage:hover .controls button {
  color: #FFF;
  font-size: 22px;
  padding: 8px;
}
#AdminGalleriesPage .galleryImage:hover .controls a:hover, #AdminGalleriesPage .galleryImage:hover .controls button:hover, #AdminGalleryEdit .galleryImage:hover .controls a:hover, #AdminGalleryEdit .galleryImage:hover .controls button:hover {
  color: #CCC;
  cursor: pointer;
}
#AdminGalleriesPage .galleryImage .controls, #AdminGalleryEdit .galleryImage .controls {
  position: absolute;
  display: none;
  overflow: hidden;
}
#AdminGalleriesPage .galleryImage .image, #AdminGalleryEdit .galleryImage .image {
  height: 180px;
  width: 100%;
  display: flex;
  overflow: hidden;
  justify-content: center;
  align-content: center;
}
#AdminGalleriesPage .galleryImage .image img, #AdminGalleryEdit .galleryImage .image img {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.admin-item {
  border: 2px solid #CCC;
  height: 320px;
  overflow: hidden;
  margin-bottom: 2em;
  justify-content: center;
  position: relative;
}
.admin-item .item-image {
  overflow: hidden;
  height: 200px;
  display: flex;
  position: relative;
  justify-content: center;
  margin: 10px;
}
.admin-item .item-image img {
  justify-self: center;
  z-index: 1;
  position: absolute;
  align-self: center;
  -o-object-fit: contain;
     object-fit: contain;
  max-width: 100%;
  max-height: 100%;
}
.admin-item .title {
  padding: 5px;
  height: 50px;
  margin-top: 10px;
}
.admin-item .title small {
  display: block;
}
.admin-item a {
  color: #dedede;
}
.admin-item .controls {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 0;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.8);
  transition: all 0.4s ease-in-out;
  color: #CCC;
  z-index: 2;
}
.admin-item:hover {
  border: 2px solid #333;
  cursor: pointer;
}
.admin-item:hover .controls {
  height: auto;
  padding: 10px;
}
.admin-item:hover .controls i {
  font-size: 1.3em;
}
.admin-item:hover .controls i:hover {
  color: #FFF;
}

.admin-item {
  border: 2px solid #CCC;
  height: 320px;
  overflow: hidden;
  margin-bottom: 2em;
  justify-content: center;
  position: relative;
}
.admin-item .item-image {
  overflow: hidden;
  height: 200px;
  display: flex;
  position: relative;
  justify-content: center;
  margin: 10px;
}
.admin-item .item-image img {
  justify-self: center;
  z-index: 1;
  position: absolute;
  align-self: center;
  -o-object-fit: contain;
     object-fit: contain;
  max-width: 100%;
  max-height: 100%;
}
.admin-item .title {
  padding: 5px;
  height: 50px;
  margin-top: 10px;
}
.admin-item .title small {
  display: block;
}
.admin-item a {
  color: #dedede;
}
.admin-item .controls {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 0;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.8);
  transition: all 0.4s ease-in-out;
  color: #CCC;
  z-index: 2;
}
.admin-item:hover {
  border: 2px solid #333;
  cursor: pointer;
}
.admin-item:hover .controls {
  height: auto;
  padding: 10px;
}
.admin-item:hover .controls i {
  font-size: 1.3em;
}
.admin-item:hover .controls i:hover {
  color: #FFF;
}

.galleryImage {
  border: 1px solid #CCC;
  padding: 10px;
  margin-bottom: 15px;
  position: relative;
}
.galleryImage:hover {
  border: 1px solid #333;
}
.galleryImage:hover .controls {
  width: 100%;
  display: block;
  top: 0;
  left: 0;
  height: auto;
  background-color: rgba(0, 0, 0, 0.6);
}
.galleryImage:hover .controls a, .galleryImage:hover .controls button {
  color: #FFF;
  font-size: 22px;
  padding: 8px;
}
.galleryImage:hover .controls a:hover, .galleryImage:hover .controls button:hover {
  color: #CCC;
  cursor: pointer;
}
.galleryImage .controls {
  position: absolute;
  display: none;
  overflow: hidden;
}
.galleryImage .image {
  height: 180px;
  width: 100%;
  display: flex;
  overflow: hidden;
  justify-content: center;
  align-content: center;
}
.galleryImage .image img {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.admin-event-edit .img-wrap {
  height: 200px;
  overflow: hidden;
  text-align: center;
  justify-content: center;
}
.admin-event-edit .img-wrap img {
  max-height: 200px;
}

.admin-event-item {
  border: 2px solid #CCC;
  height: 320px;
  overflow: hidden;
  margin-bottom: 2em;
  justify-content: center;
  position: relative;
}
.admin-event-item .item-image {
  overflow: hidden;
  height: 200px;
  -o-object-fit: contain;
     object-fit: contain;
  position: relative;
}
.admin-event-item .item-image img {
  z-index: 1;
  position: absolute;
  align-self: center;
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
}
.admin-event-item .title {
  padding: 5px;
  height: 50px;
  margin-top: 10px;
}
.admin-event-item .title small {
  display: block;
}
.admin-event-item a {
  color: #dedede;
}
.admin-event-item .controls {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 0;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.8);
  transition: all 0.4s ease-in-out;
  color: #CCC;
  z-index: 2;
}
.admin-event-item:hover {
  border: 2px solid #333;
  cursor: pointer;
}
.admin-event-item:hover .controls {
  height: auto;
  padding: 10px;
}
.admin-event-item:hover .controls i {
  font-size: 1.3em;
}
.admin-event-item:hover .controls i:hover {
  color: #FFF;
}

.admin-content h1, .admin-content h2, .admin-content h3, .admin-content h4 {
  margin-bottom: 0;
}

.alert {
  padding: 10px 15px;
  border-radius: 8px;
  margin-bottom: 15px;
  color: #000;
  transition: opacity 0.4s ease-in-out;
}
.alert.alert-success {
  background-color: #F27921;
  color: #FFF;
}
.alert.alert-danger {
  background-color: #FF0000;
  color: #FFF;
}
.alert.alert-warning {
  background-color: #e0a636;
}
.alert.alert-notify {
  background-color: #36aee0;
}

.alert-enter-from {
  opacity: 0;
}

.alert-leave-to {
  opacity: 0;
}

.btn {
  background-color: #E73328;
  padding: 12px 20px;
  color: #FFF;
  transition: background-color 0.4s ease-in-out;
  border-top-right-radius: 8px !important;
  border-top-left-radius: 8px !important;
  border-bottom-right-radius: 8px !important;
  border-bottom-left-radius: 8px !important;
  font-size: 1em;
  font-weight: bold;
}
.btn:hover {
  background-color: #B81E15;
  color: #FFF;
  cursor: pointer;
}
.btn.btn-secondary {
  background-color: #677279;
}
.btn.btn-secondary:hover {
  background-color: #333333;
}
.btn.btn-red {
  background-color: #FF0000;
  color: #FFF;
}
.btn.btn-red:hover {
  background-color: #c43d2c;
}
.btn.btn-green {
  background-color: #22911f;
  color: #FFF;
}
.btn.btn-green:hover {
  background-color: #1a6418;
}
.btn.btn-orange {
  background-color: #F27921;
  color: #FFF;
}
.btn.btn-orange:hover {
  background-color: #000;
}
.btn.btn-hollow {
  background-color: transparent;
  color: #E73328;
  border: 1px solid #E73328;
}
.btn.btn-hollow:hover {
  background-color: #EDEDEE;
  color: #E73328;
}

a.btn {
  padding: 12px 20px;
  align-items: center;
}

a.btn-sm {
  padding: 5px 15px;
  align-items: center;
}

.btn-lg {
  font-size: 1.2em;
  padding: 18px 30px;
}

.btn-sm {
  padding: 5px 15px;
}

label {
  display: block;
  margin-bottom: 4px;
}

input, select, textarea {
  border-radius: 8px !important;
  min-height: 55px !important;
  font-size: 1.2em;
  padding: 15px;
  width: 100%;
  border: 2px solid #CCC !important;
}
input:active, input:focus, input:focus-visible, select:active, select:focus, select:focus-visible, textarea:active, textarea:focus, textarea:focus-visible {
  color: #333 !important;
  border: 2px solid #E73328 !important;
  outline: none;
}
input ::-moz-placeholder, select ::-moz-placeholder, textarea ::-moz-placeholder {
  color: #cfcfcf;
  opacity: 1; /* Firefox */
}
input ::placeholder, select ::placeholder, textarea ::placeholder {
  color: #cfcfcf;
  opacity: 1; /* Firefox */
}
input ::-ms-input-placeholder, select ::-ms-input-placeholder, textarea ::-ms-input-placeholder { /* Edge 12 -18 */
  color: #cfcfcf;
}
input.error, select.error, textarea.error {
  border: 1px solid #F00;
}

.form-error {
  font-size: 0.7em;
  color: #F00;
  margin: 5px 0;
}

.form-success {
  color: #00911c;
  margin: 5px 0;
}

input[type=checkbox] {
  min-width: 20px;
  text-align: center;
  accent-color: #F27921;
}

input::-webkit-color-swatch {
  border: none;
}

.form-inline input, .form-inline select {
  width: 100%;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-right: 0;
}
.form-inline select {
  height: 42px;
}
.form-inline .btn {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

/* Errors */
.bg-red-50 {
  background-color: rgba(255, 0, 0, 0.5);
}
.bg-red-50 .text-red-700 {
  color: white;
  font-size: 1em;
}
.bg-red-50 .flex div {
  align-self: center;
}

.controls #ConfirmButton .btn-sm.btn-red, .image-controls #ConfirmButton .btn-sm.btn-red {
  padding: 0px;
  position: relative;
  background-color: transparent !important;
  color: #FFF !important;
}
.controls #ConfirmButton .btn-sm.btn-red:hover, .image-controls #ConfirmButton .btn-sm.btn-red:hover {
  background-color: transparent !important;
  color: #FFF !important;
}

.autocomplete {
  position: relative;
  display: flex;
}
.autocomplete ul {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  background: #dedede;
  border: 1px solid #ccc;
  border-top: 0;
}
.autocomplete ul li {
  padding: 0.5rem;
  border-bottom: 1px solid #ccc;
}
.autocomplete ul li:last-child {
  border-bottom: 0;
}
.autocomplete ul li:hover {
  cursor: pointer;
  background: #eee;
}

.tox-notification {
  display: none !important;
}

.dropzone {
  width: 100%;
  height: 100%;
  display: flex;
  align-content: center;
  justify-content: center;
}

#SideNav #SideNavMask {
  display: none;
  position: relative;
}
#SideNav.active #SideNavMask {
  display: flex;
  position: fixed;
  z-index: 98;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
}
#SideNav.active #SideNavInner {
  right: 0;
}
#SideNav #SideNavInner {
  position: fixed;
  display: flex;
  top: 0;
  height: 100vh;
  right: -350px;
  max-width: 350px;
  width: 100%;
  z-index: 99;
  border-left: 2px solid #E73328;
  transition: all 1s ease-in-out;
  background-color: #d5d5d5;
}
#SideNav #SideNavInner h4 {
  font-size: 1.5em;
  color: #E73328;
}
#SideNav #SideNavInner nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
}
#SideNav #SideNavInner nav ul li {
  padding: 0;
}
#SideNav #SideNavInner nav ul li a {
  display: block;
  padding: 20px 30px;
  font-size: 1.4em;
  color: #333;
  text-decoration: none;
  transition: 0.3s;
}
#SideNav #SideNavInner nav ul li a:hover {
  background-color: #6D7578;
  color: #000;
}

#PageFooter {
  padding: 15px 0;
  background-color: #6D7578;
  color: #FFF;
  font-size: 0.9em;
}
#PageFooter .icon img {
  width: 20px;
}
#PageFooter .footer-links ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#PageFooter .footer-links ul li {
  margin-bottom: 0;
}
#PageFooter .footer-links ul li a {
  transition: color 0.4s ease-in-out;
}
#PageFooter .footer-links ul li a:hover {
  color: #FFF;
}
#PageFooter .social a {
  font-size: 1.4em;
  border: 2px solid #FFF;
  color: #FFF;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 15px;
  width: 50px;
  height: 50px;
  transition: all 0.4s ease-in-out;
}
#PageFooter .social a:hover {
  background-color: transparent;
  border: 2px solid #276fb6;
  color: #FFF;
}
#PageFooter .footer-title {
  text-align: center;
  margin-bottom: 30px;
}
#PageFooter .footer-title h4 {
  color: #000;
  font-size: 1.5em;
}
#PageFooter .footer-title .divider {
  height: 10px;
  margin: 0 auto;
  opacity: 1;
}

html, body {
  overflow-x: hidden;
  background-color: #FFF;
  background-size: cover;
  line-height: 1;
  scroll-behavior: smooth;
  position: relative;
}
html #TopBar, body #TopBar {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 106px;
  overflow: hidden;
  z-index: 4;
  background-color: rgba(0, 0, 0, 0.3);
  color: #FFF;
}
html #TopBar h1, html #TopBar h2, html #TopBar h3, html #TopBar h4, html #TopBar h5, html #TopBar h6, body #TopBar h1, body #TopBar h2, body #TopBar h3, body #TopBar h4, body #TopBar h5, body #TopBar h6 {
  color: #FFF;
}
html #TopBar .hamburger .hamburger-inner, body #TopBar .hamburger .hamburger-inner {
  background-color: #FFF;
}
html #TopBar .hamburger .hamburger-inner::before, html #TopBar .hamburger .hamburger-inner::after, body #TopBar .hamburger .hamburger-inner::before, body #TopBar .hamburger .hamburger-inner::after {
  background-color: #FFF;
}
html .page-pad, body .page-pad {
  padding-top: 106px;
}

.container {
  margin: 0 auto;
  padding: 0 20px;
}

@media (min-width: 1280px) {
  .container {
    max-width: 1200px;
  }
}
@media screen and (max-width: 660px) {
  .content {
    padding-top: 0px;
  }
}
.page-bg {
  width: 100vw;
  background-attachment: fixed;
  overflow: scroll;
  background-size: cover;
}

.py-5 {
  padding: 60px 0;
}

.animate__delay-0-5s {
  --animate-delay: 0.5s;
  animation-delay: 0.5s;
}

.animate__delay-1-5s {
  --animate-delay: 1.5s;
  animation-delay: 1.5s;
}

.animate__delay-2-5s {
  --animate-delay: 2.5s;
  animation-delay: 2.5s;
}

.page-bg {
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-attachment: fixed;
  overflow: scroll;
}

#HomePage .bg-grey {
  position: relative;
}
#HomePage .bg-grey h3 {
  font-size: 2rem;
}
#HomePage .home-service .image {
  position: relative;
  aspect-ratio: 4/3;
  display: flex;
  -o-object-fit: cover;
     object-fit: cover;
  overflow: hidden;
  margin-bottom: 15px;
  justify-content: center;
  align-items: center;
}
#HomePage .home-service .image img {
  -o-object-fit: cover;
     object-fit: cover;
  min-width: 100%;
  min-height: 100%;
}
#HomePage .home-service .text {
  text-align: center;
}
#HomePage .home-service .text h3 {
  font-size: 1.5rem;
  margin-bottom: 15px;
}

.auth-page h1 {
  color: #3d4852;
}
.auth-page h3 {
  color: #6D7578;
  font-weight: 500;
  font-size: 1.2em;
}
.auth-page .terms-text {
  font-size: 0.8em;
  line-height: 1.2em;
}
.auth-page .terms-text a {
  color: #6D7578;
}
.auth-page .terms-text a:hover {
  color: #000;
}

#AccountMenu .account-button {
  background-color: #FFF;
  border: 1px solid #B8B799;
  color: #000;
  border-radius: 15px;
  display: flex;
  justify-content: center;
  transition: all 0.4s ease-in-out;
  padding: 8px 15px;
}
#AccountMenu .account-button.active, #AccountMenu .account-button:hover {
  background-color: #EAE6CA;
  color: #000;
}

#AccountPage h2 {
  color: #3d4852;
}

.title-row {
  border: 1px solid #dedede;
  padding: 10px 19px;
  border-radius: 15px;
  font-weight: bold;
}

.rows .order-row {
  padding: 10px;
  border: 1px solid #dedede;
  border-radius: 25px;
}
.rows .order-row:nth-child(odd) {
  background-color: #f5f5f5;
}

#ContactPage .dash-line {
  height: 1px;
  background-image: url("/storage/images/layout/dashedline.png");
  background-repeat: repeat-x;
  background-size: auto 100%;
}
#ContactPage h3 a {
  color: #E73328;
  font-size: 1.5rem;
}
#ContactPage h3 a:hover {
  color: #B81E15;
}

#AboutHeader {
  background-color: #F5F5F5;
}

#servicesIndex .service-item {
  justify-content: center;
  background-color: #FFF;
  border-radius: 15px;
  overflow: hidden;
  box-shadow: 8px 8px 30px 0px rgba(42, 67, 113, 0.15);
}
#servicesIndex .service-item .image {
  height: 250px;
  overflow: hidden;
  justify-content: center;
  display: flex;
  position: relative;
}
#servicesIndex .service-item .image img {
  -o-object-fit: cover;
     object-fit: cover;
  min-height: 100%;
  min-width: 100%;
}
#servicesIndex .service-item .title {
  padding: 1em;
  text-align: center;
}
#servicesIndex .service-item:hover {
  cursor: pointer;
}
#servicesIndex .service-item:hover img {
  transform: scale(1.1);
  transition-duration: 0.3s;
  filter: grayscale(50%);
  opacity: 0.7;
}

.bg-grey {
  background-color: #6D7578;
  background-image: url("/storage/images/backgrounds/logo-white.webp");
  background-size: cover;
}
.bg-grey .text {
  color: #FFF !important;
}
.bg-grey .text p, .bg-grey .text h1, .bg-grey .text h2, .bg-grey .text h3, .bg-grey .text h4, .bg-grey .text h5, .bg-grey .text h6 {
  color: #FFF !important;
}

.bg-grey-light {
  background-color: #EDEDEE;
  background-image: url("/storage/images/backgrounds/logo-white.webp");
  background-size: cover;
}
.bg-grey-light .text-container {
  color: #FFF !important;
}
.bg-grey-light .text-container p, .bg-grey-light .text-container h1, .bg-grey-light .text-container h2, .bg-grey-light .text-container h3, .bg-grey-light .text-container h4, .bg-grey-light .text-container h5, .bg-grey-light .text-container h6 {
  color: #FFF !important;
}