.flex-row-reverse {
  flex-direction: row-reverse;
}

.flexmulticolumn {
  display: flex;
  flex-wrap: wrap;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

span.text-tiny {
  font-size: 0.7em;
}
span.text-small {
  font-size: 0.85em;
}
span.text-big {
  font-size: 1.4em;
}
span.text-huge {
  font-size: 1.8em;
}

.fancybox__container .fancybox__progress {
  background: var(--frm-clr-main);
}
.fancybox__container .fancybox__thumbs .carousel__slide .fancybox__thumb::after {
  border-color: var(--frm-clr-main);
}
.fancybox__container a.carousel__button.fancybox__button--download {
  color: #fff;
}

.ce-gridgallery a {
  height: 250px; /* [1.1] Set it as per your need */
  overflow: hidden; /* [1.2] Hide the overflowing of child elements */
}
.ce-gridgallery a img {
  transition: transform 0.25s ease !important; /* [2] Transition property for smooth transformation of images */
}
.ce-gridgallery a img:hover {
  transform: scale(1.2); /* [3] Finally, transforming the image when container gets hovered */
}

#main {
  display: flex;
  flex-direction: column;
  margin-bottom: 0;
  color: var(--body-clr-font);
  background-color: var(--body-clr-bg);
}
#main a {
  color: var(--body-clr-link);
}
#main a:hover {
  color: var(--body-clr-link-hover);
}
#main h1, #main h2, #main h3, #main h4, #main h5 {
  color: inherit;
}
#main.site-sm {
  width: 780px;
}
#main.site-md {
  width: 980px;
}
#main.site-lg {
  width: 1160px;
}
#main.site-xl {
  width: 1360px;
}
#main.site-theme-flat {
  box-shadow: none;
}
#main.site-banner-fullwidth .banner {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}
#main.site-footer-fullwidth .has-custom-footer .footer-extended {
  margin-left: -20px;
  margin-right: -20px;
  padding: 20px;
}
#main.site-footer-fullwidth .has-custom-footer .custom-footer {
  width: calc(100vw - 2em);
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  padding-left: 1em;
  padding-right: 1em;
}
#main.site-footer-fullwidth .has-custom-footer.site-bs .custom-footer, #main.site-footer-fullwidth .has-custom-footer.site-bs5 .custom-footer, #main.site-footer-fullwidth .has-custom-footer.site-bs header, #main.site-footer-fullwidth .has-custom-footer.site-bs5 header {
  width: 100vw;
}
#main.site-footer-seamless {
  margin-bottom: 0 !important;
}
#main.site-footer-sticky footer {
  position: sticky !important;
  bottom: 0 !important;
  left: 0 !important;
  z-index: 999;
}
#main.site-header-seamless {
  margin-top: 0;
}
#main.site-header-seamless .banner {
  margin-top: 0;
}
#main.site-header-seamless header {
  padding-bottom: 20px;
}
@media all and (min-width: 500px) {
  #main.site-header-borderless .banner {
    margin-left: -20px;
    margin-right: -20px;
  }
}
#main.site-header-sticky header.header {
  position: sticky !important;
  top: 0 !important;
  left: 0 !important;
  z-index: 999;
}
#main.site-header-fullwidth header.header {
  width: calc(100vw - 2em);
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  padding-left: 1em;
  padding-right: 1em;
}
#main.site-header-fullwidth .langswitch {
  left: 50%;
  right: 50%;
  margin-left: calc(-50vw + 1em);
  margin-right: calc(-50vw + 1em);
}
#main.site-header-fullwidth.site-header-reverse .langswitch {
  margin-left: calc(-50vw - 1em);
  margin-right: calc(-50vw - 1em);
  width: 100vw;
}
#main.site-header-reverse .langswitch {
  text-align: right;
  right: 20px;
}
#main.site-header-reverse header .logo {
  text-align: left;
  display: inline-block;
}
#main.site-header-reverse #felogin {
  align-self: end;
}
#main.site-header-langswitch-after .langswitch {
  position: relative;
}
#main.site-header-langswitch-after.site-header-fullwidth .langswitch {
  margin-left: unset;
  margin-right: unset;
  width: unset;
  left: unset;
  right: unset;
}
#main header {
  margin-left: -20px;
  margin-right: -20px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
}
@media all and (max-width: 500px) {
  #main header {
    margin: 0;
  }
}
#main header.header + div {
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
}
#main header.header + div.tx-felogin-pi1, #main header.header + div.frame-type-felogin_login {
  flex: unset;
}
#main header.header + div.tx-felogin-pi1 + div, #main header.header + div.frame-type-felogin_login + div {
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
}
#main #felogin {
  position: absolute;
  top: 50px;
  padding-left: 10px;
  display: flex;
  align-items: center;
}
#main #felogin .fa-user-circle {
  font-size: 1.125rem;
}
#main #felogin .fa-sign-out {
  font-size: 1rem;
}
#main #felogin > * {
  padding-right: 0.5em;
}
#main .banner img {
  width: 100%;
  height: auto;
}
#main .subDetail .ce-gallery {
  display: flex;
}
#main .subDetail .ce-gallery a {
  display: inline-block;
  padding-right: 5px;
  padding-bottom: 5px;
}
#main .has-custom-footer {
  display: flex;
  flex-direction: column;
  flex: 1 0 auto;
}
#main .has-custom-footer > .user-checkin-pi1 {
  flex: 1 0 auto;
}
#main .has-custom-footer .custom-footer {
  position: unset;
  bottom: unset;
  width: unset;
  padding: 20px 20px;
  margin: 0 -20px;
}
@media all and (max-width: 500px) {
  #main .has-custom-footer .custom-footer {
    margin: 0;
  }
}
@media all and (max-width: 500px) {
  #main .has-custom-footer .custom-footer .social {
    padding: 1em 0;
  }
}
#main .has-custom-footer .custom-footer .social a:not(:first-child) {
  margin-left: 0.5em;
}
#main .has-custom-footer .custom-footer .social a:not(:last-child) {
  margin-right: 0.5em;
}
#main .has-custom-footer .custom-footer.flex.flex-row-reverse > div:last-child {
  padding-right: 1em;
}
#main .has-custom-footer .custom-footer.flex.flex-row-reverse > div:first-child {
  padding-right: 0;
}
#main footer a {
  color: var(--footer-clr-link);
}
#main footer a:hover {
  color: var(--footer-clr-link-hover);
}

footer a {
  color: var(--footer-clr-link);
}
footer a:hover {
  color: var(--footer-clr-link-hover);
}

:root {
  --frm-clr-check: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3.6' d='M 5.3,10 8.75,13.7 15.7,6.3'/%3e%3c/svg%3e");
}

input[type=checkbox]:checked {
  background-image: var(--frm-clr-check);
}

#main .user_checkin_pi1_add_voucher,
#main .user_checkin_pi1_check_access,
#main .user_checkin_pi1_upload_file,
#main .user_checkin_pi1_delete_photo,
#main .user-checkin-pi1 span.btn,
#main .user-checkin-pi1 a.btn,
#main .user-checkin-pi1 button.btn,
#main .tx-felogin-pi1 input[type=submit],
#main .frame-type-felogin_login input[type=submit] {
  background-color: var(--btn-clr-main, var(--frm-clr-main));
  color: var(--btn-clr-txt, var(--frm-clr-text, #000)) !important;
  border: var(--btn-border) solid var(--btn-clr-border, var(--btn-clr-main, var(--frm-clr-main)));
  border-radius: var(--btn-radius);
  padding-left: var(--btn-px, 1em);
  padding-right: var(--btn-px, 1em);
  padding-top: var(--btn-py, 0.4em);
  padding-bottom: var(--btn-py, 0.4em);
  min-width: var(--btn-width-min);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
#main .user_checkin_pi1_add_voucher:hover,
#main .user_checkin_pi1_check_access:hover,
#main .user_checkin_pi1_upload_file:hover,
#main .user_checkin_pi1_delete_photo:hover,
#main .user-checkin-pi1 span.btn:hover,
#main .user-checkin-pi1 a.btn:hover,
#main .user-checkin-pi1 button.btn:hover,
#main .tx-felogin-pi1 input[type=submit]:hover,
#main .frame-type-felogin_login input[type=submit]:hover {
  background-color: var(--btn-clr-hover, var(--frm-clr-hover, var(--frm-clr-main)));
  color: var(--btn-clr-hover-txt, var(--btn-clr-txt, var(--frm-clr-hover-text, var(--frm-clr-text, #fff)))) !important;
  border-color: var(--btn-clr-hover-border, var(--btn-clr-border, var(--frm-clr-hover, var(--frm-clr-main))));
}
#main .user_checkin_pi1_add_voucher.user_checkin_pi1_prev,
#main .user_checkin_pi1_check_access.user_checkin_pi1_prev,
#main .user_checkin_pi1_upload_file.user_checkin_pi1_prev,
#main .user_checkin_pi1_delete_photo.user_checkin_pi1_prev,
#main .user-checkin-pi1 span.btn.user_checkin_pi1_prev,
#main .user-checkin-pi1 a.btn.user_checkin_pi1_prev,
#main .user-checkin-pi1 button.btn.user_checkin_pi1_prev,
#main .tx-felogin-pi1 input[type=submit].user_checkin_pi1_prev,
#main .frame-type-felogin_login input[type=submit].user_checkin_pi1_prev {
  justify-content: var(--btn-align-prev, center);
}
#main .user_checkin_pi1_add_voucher.user_checkin_pi1_next,
#main .user_checkin_pi1_check_access.user_checkin_pi1_next,
#main .user_checkin_pi1_upload_file.user_checkin_pi1_next,
#main .user_checkin_pi1_delete_photo.user_checkin_pi1_next,
#main .user-checkin-pi1 span.btn.user_checkin_pi1_next,
#main .user-checkin-pi1 a.btn.user_checkin_pi1_next,
#main .user-checkin-pi1 button.btn.user_checkin_pi1_next,
#main .tx-felogin-pi1 input[type=submit].user_checkin_pi1_next,
#main .frame-type-felogin_login input[type=submit].user_checkin_pi1_next {
  justify-content: var(--btn-align-next, center);
}
#main .frame-type-felogin_login div label {
  padding-right: 0;
  width: 100%;
}
#main .frame-type-felogin_login input[type=submit] {
  line-height: 1.1em;
}