:root {
  --clip: calc(var(--navH) * 1.5);
  --tr02: all .2s ease-in-out;
  --tr04: $ease;
  --trDis: transform .6s cubic-bezier(0.55, -0.15, 0.1, 0.92), opacity .8s cubic-bezier(0.6, 0, 0, 1), visibility 0s, border-radius .6s cubic-bezier(0.6, 0, 0, 1);
  --paragraph: .875em;
  --margin: .5rem;
  --navH: 4rem;
  --rad0: .3rem;
  --rad1: 1rem;
  --rad3: 3rem;
  --rad5: 5rem;
  --easing: cubic-bezier(0.97, 0.04, 0.58, 0.8);
  --easing2: cubic-bezier(1, 0.01, 0.2, 1);
  --easing3: cubic-bezier(0.97, -0.18, 0.41, 1);
  --bounce: cubic-bezier(0.75, -0.26, 0.58, 1.78);
  --bounce2: cubic-bezier(1, 0, 0.58, 1.78);
  --thin: 300;
  --regular: 450;
  --semi: 550;
  --bold: 600;
  --black: 700;
}
@media (min-width: 1025px) {
  :root {
    --innPad: calc(var(--navH) * 3.5);
    --innNarrow: calc((var(--navH) * 3) * 2);
    --innCramped: calc((var(--navH) * 3) * 3);
    --pad: 2rem;
    --defaultMax: 80rem;
    --narrowMax: 70rem;
    --crampedMax: 60rem;
    --fitH: 100vh;
    --scrollBar: 17px;
    --modalClip: inset(calc(var(--navH) * .25) calc(var(--navH) * .25) round var(--rad3));
    --side: calc(var(--navH) * .33);
    --btnMenu: calc(var(--navH) - (var(--side) * .25));
  }
}
@media (min-width: 1025px) and (max-width: 1536px) {
  :root {
    --paragraph: 1em;
    --innPad: calc(var(--navH) * 3);
    --innNarrow: calc(var(--navH) * 4);
    --innCramped: calc(var(--navH) * 5);
    --defaultMax: 60rem;
    --narrowMax: 60rem;
    --crampedMax: 60rem;
  }
}
@media (min-width: 721px) and (max-width: 1025px) {
  :root {
    --innPad: 6rem;
  }
}
@media (max-width: 721px) {
  :root {
    --innPad: 15vmin;
  }
}
@media (max-width: 1025px) {
  :root {
    --clip: calc(var(--innPad) * .5);
    --navH: 3.75rem;
    --pad: 1rem;
    --defaultMax: 35rem;
    --narrowMax: 35rem;
    --crampedMax: 35rem;
    --rad5: 1.5em;
    --rad3: 1.3em;
    --rad1: 1em;
    --paragraph: 1em;
    --fitH: calc(75vw + var(--navH));
    --modalClip: inset(calc(var(--navH) * .25) calc(var(--navH) * .25) round var(--rad3));
    --side: 0;
    --btnMenu: calc(var(--navH));
  }
}

.no-fouc {
  display: none;
  clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
}

.fouc,
.container {
  visibility: hidden;
  opacity: 0;
}

.loaded .fouc,
.swup-enabled .fouc {
  opacity: 1;
  visibility: visible;
}
.loaded .siteFrame,
.swup-enabled .siteFrame {
  opacity: 1;
  visibility: visible;
}
.loaded .globalMenu,
.swup-enabled .globalMenu {
  transform: translate(0, 0);
}

*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
}
html.posFix {
  overflow-y: hidden;
}

body {
  background: #ffffff;
  color: #171C61;
  width: 100%;
  position: relative;
  transition: background-color 0.4s linear, color 0.4s ease-in-out;
}
body.loaded .sectMenu,
body.loaded .siteFrame {
  transition: opacity 0.8s cubic-bezier(0.6, 0, 0, 1);
  opacity: 1;
}
body.loaded .sideNav {
  opacity: 1;
  transition-delay: 0.1s, 0.1s, 0s;
}
body.loaded .pageBg {
  opacity: 1;
}
body.down .headerUtility {
  transform: translateY(calc(0% - var(--navH) * 2));
}
@media (min-width: 1025px) {
  body.down .headerBtns {
    transform: translateY(calc(0% - var(--navH) - var(--side) * 2));
  }
}
body.running .headerUtility p {
  opacity: 0;
  visibility: hidden;
}
body .pageBg {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: -2;
  overflow: hidden;
  width: 100%;
  height: 100%;
  opacity: 0;
  align-items: center;
  justify-content: center;
  transform: translate(-50%, -50%);
  mix-blend-mode: hard-light;
  transition: opacity 0.4s ease-in-out 0.6s;
}
body .pageBg div {
  width: 100%;
  height: 0;
  padding-top: 100%;
  transform: translate(30%, 25%) scale(2);
  mask-repeat: no-repeat;
  mask-position: left top;
  mask-size: 200vw;
  mask-image: url("../images/logo_mark.svg");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: left top;
  -webkit-mask-size: 200vw;
  -webkit-mask-image: url("../images/logo_mark.svg");
  background-color: #ffffff;
  opacity: 0.3;
  transition: opacity 0.4s ease-in-out;
}
@media (max-width: 1025px) {
  body .pageBg div {
    transform: translate(60%, 80%) scale(4);
  }
}
body.wh .headerBtns a:not(ul a),
body.wh .sideNav {
  color: #171C61;
}

.inner {
  position: relative;
  margin: 0 auto;
  width: calc(100% - var(--innPad));
}
@media (min-width: 1025px) {
  .inner.narrow {
    width: calc(100% - var(--innNarrow));
  }
  .inner.cramped {
    width: calc(100% - var(--innCramped));
  }
}
@media (max-width: 1025px) {
  .inner {
    width: calc(100% - var(--innPad));
  }
}

a {
  color: currentColor;
  text-decoration: none;
  cursor: pointer;
}
a:focus {
  outline: none;
}

img, svg {
  width: auto;
  height: auto;
  max-width: 100%;
  vertical-align: bottom;
}

.siteFrame {
  opacity: 0;
}
.siteFrame .headerUtility {
  order: 1;
  z-index: 99;
}
.siteFrame .btnMenu {
  z-index: 106;
}
.siteFrame .globalMenu {
  z-index: 105;
}
.siteFrame .outerWrap {
  order: 2;
}
.siteFrame .copyRight {
  order: 4;
}

.outerWrap {
  width: 100%;
  position: relative;
  z-index: 1;
}
.outerWrap:before {
  z-index: 0;
  position: fixed;
  top: 0;
  left: 0;
  pointer-events: none;
}
@media (max-width: 1025px) {
  .outerWrap {
    padding-top: var(--navH);
  }
}
.outerWrap #container {
  position: relative;
  z-index: 0;
}

.drawered .siteFrame .menuLayer {
  border-radius: 0;
}
.drawered.navOpen .siteFrame .menuLayer {
  width: 100%;
  height: 100%;
  transition: 0.6s all cubic-bezier(0.55, -0.15, 0.1, 0.92) 0.1s, 0s right;
}
.drawered.navOpen .siteFrame .menuLayer span {
  border-radius: 0;
  transition: 0.6s all cubic-bezier(0.55, -0.15, 0.1, 0.92) 0.1s;
}

.gLogo {
  display: flex;
  flex-direction: column;
  gap: calc(var(--pad) * 0.2);
}
@media (min-width: 1025px) {
  .gLogo a:hover svg path, .gLogo a:hover svg polygon, .gLogo a:hover svg rect {
    fill: #62b6e4;
  }
}
.gLogo a {
  display: flex;
  align-items: center;
  gap: calc(var(--pad) * 0.5);
  aspect-ratio: 1000/248.4;
}
.gLogo a svg {
  width: 100%;
  height: 100%;
}
.gLogo a svg path, .gLogo a svg polygon, .gLogo a svg rect {
  transition: all 0.4s ease-in-out;
  fill: currentColor;
}
.gLogo p {
  font-size: 0.14em;
  display: block;
  line-height: 1;
  transition: all 0.4s ease-in-out;
}

.headerUtility {
  position: fixed;
  align-items: flex-start;
  justify-content: center;
  color: currentColor;
  transition: transform 0.4s ease-in-out;
  top: calc(var(--navH) * 0.5);
  left: calc(var(--navH) * 0.5);
  font-size: var(--navH);
}
.headerUtility a {
  width: 2.5em;
  transition: color 0.1s ease-in-out;
}
.headerUtility a:hover {
  transition: color 0.4s ease-in-out;
}
@media (max-width: 1025px) {
  .headerUtility {
    top: 0;
    left: calc(var(--navH) * 0.25);
    height: var(--navH);
    align-items: center;
    font-size: var(--navH);
  }
  .headerUtility a {
    width: 2em;
  }
}

.btnMenu {
  --barWidth: 1.25em;
  position: fixed;
  top: var(--side);
  width: var(--btnMenu);
  height: var(--btnMenu);
  padding: 0;
  cursor: pointer;
  border: 0;
  outline: 0;
  align-items: center;
  align-content: center;
  justify-content: center;
  background: #ffffff;
  border-radius: 50%;
  filter: drop-shadow(0 0 0.3em rgba(23, 28, 97, 0.15));
  will-change: filter;
  color: currentColor;
  transition: var(--trDis);
}
@media (min-width: 1025px) {
  .btnMenu {
    right: 0;
    margin-right: var(--side);
  }
}
@media (max-width: 1025px) {
  .btnMenu {
    top: 0;
    right: 0;
  }
}
.btnMenu div {
  width: var(--barWidth);
  height: var(--barWidth);
  align-items: center;
  align-content: center;
  justify-content: center;
  transition: all 0.2s cubic-bezier(0.84, 0.17, 0, 0.71);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.btnMenu div span {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: 40%;
}
.btnMenu div span:before, .btnMenu div span:after {
  content: "";
  height: 2px;
  display: block;
  background: currentColor;
  position: absolute;
  left: 0;
  transition: all 0.2s cubic-bezier(0.84, 0.17, 0, 0.71) 0.1s;
}
.btnMenu div span:before {
  top: 0;
  width: 100%;
}
.btnMenu div span:after {
  top: 100%;
  width: 75%;
}
.btnMenu div em {
  line-height: 1;
  font-size: 0.7em;
  text-align: center;
  width: calc(100% + 0.75em);
  color: #171C61;
  font-weight: var(--regular);
  margin: 0.75em 0 -0.75em;
  display: none;
}
.btnMenu.opened {
  border-radius: 50%;
}
.btnMenu.opened div span:before, .btnMenu.opened div span:after {
  width: 100%;
  top: 50%;
  left: 0;
  transition-delay: 0.4s;
}
.btnMenu.opened div span:before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.btnMenu.opened div span:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.headerBtns {
  --barWidth: 1.25em;
  top: var(--side);
  right: 0;
  margin-right: calc(var(--btnMenu) * 1.25 + var(--side));
  z-index: 2;
  height: var(--btnMenu);
  transition: transform 0.4s ease-in-out;
  align-items: center;
  gap: calc(var(--btnMenu) * 0.25);
}
@media (min-width: 1025px) {
  .headerBtns {
    position: fixed;
    transition: transform 0.4s ease-in-out;
  }
}
@media (max-width: 1025px) {
  .headerBtns {
    position: absolute;
    margin-right: calc(var(--btnMenu) + var(--pad) * 0.5);
  }
}
.headerBtns ul li {
  line-height: 1;
  display: flex;
}
.headerBtns ul li:not(:first-of-type):before {
  content: "";
  width: 1px;
  height: 100%;
  display: block;
  background: currentColor;
  opacity: 0.2;
  margin: 0 calc(var(--pad) * 0.5);
  opacity: 0.75;
}
.headerBtns ul li span {
  color: currentColor;
  padding: 0 0.5em;
  position: relative;
}
.headerBtns ul li a {
  color: currentColor;
  padding: 0 0.5em;
  position: relative;
}
.headerBtns ul li a:after {
  content: "";
  display: block;
  width: 0;
  height: 1px;
  background: currentColor;
  position: absolute;
  top: calc(100% + 0.5em);
  left: 0;
  transition: all 0.4s ease-in-out;
}
.headerBtns ul li a:hover:after {
  width: 100%;
}
.headerBtns a:not(ul a) {
  --btnWidth: 12em;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: var(--btnWidth);
  color: currentColor;
  padding: 0;
  transition: all 0.4s ease-in-out;
  transition-delay: 0.4s;
}
.headerBtns a:not(ul a):before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: var(--rad3);
  border: 0.3em solid transparent;
  background-origin: border-box;
  background-clip: border-box;
  -webkit-mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
  -webkit-mask-clip: padding-box, border-box;
  -webkit-mask-composite: destination-out;
  mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
  mask-clip: padding-box, border-box;
  mask-composite: exclude;
  z-index: -1;
  background-image: linear-gradient(225deg, #171C61 0%, #62b6e4 100%);
}
.headerBtns a:not(ul a):after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  border-radius: 3em;
  top: 0;
  left: 0;
  z-index: 0;
  transition: all 0.4s var(--easing3);
  border: calc(var(--btnMenu) * 0.5 + 1px) solid #ffffff;
}
.headerBtns a:not(ul a):not(:hover) {
  filter: drop-shadow(0 0 0.3em rgba(23, 28, 97, 0.15));
  will-change: filter;
}
.headerBtns a:not(ul a):hover:after {
  border-width: 0;
}
@media (max-width: 1025px) {
  .headerBtns a:not(ul a) {
    display: none !important;
  }
}
.headerBtns a:not(ul a) i {
  font-weight: var(--bold);
  font-size: 0.8em;
  position: relative;
  z-index: 1;
  transition: all 0.4s var(--easing3);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.headerBtns a:not(ul a) i:before {
  content: attr(data-text);
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  transition: all 0.4s var(--easing3);
  background-image: linear-gradient(225deg, #171C61 0%, #62b6e4 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media (max-width: 1025px) {
  .headerBtns a:not(ul a) i {
    display: block;
  }
}

.serviceCard .serviceCardItem {
  flex: 1;
}
.serviceCard .serviceCardItem a {
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  height: 100%;
  text-align: center;
  font-weight: var(--bold);
  transition: 0.4s all ease-in-out;
}
.serviceCard .serviceCardItem a figure {
  position: relative;
  z-index: 1;
  aspect-ratio: 500/367;
}
.serviceCard .serviceCardItem a figure:after {
  content: "";
  display: block;
  width: 73.4%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  background: #ffffff;
  z-index: 0;
  border-radius: 50%;
  transition: all 0.4s ease-in-out;
}
.serviceCard .serviceCardItem a figure img {
  z-index: 1;
}
.serviceCard .serviceCardItem a span {
  display: block;
  line-height: 1.5;
}

.globalMenu {
  transition: visibility 0s, opacity 0.2s;
  transition-delay: 0.8s, 0.4s;
}
.globalMenu .innerWrap {
  clip-path: inset(0 0 round 0);
  transition: clip-path 0.6s cubic-bezier(0.6, 0, 0, 1), opacity 0.1s ease;
  transition-delay: 0s, 0.8s;
  opacity: 0;
}
.globalMenu .innerWrap strong,
.globalMenu .innerWrap .inner {
  transition: opacity 0.4s cubic-bezier(0.6, 0, 0, 1);
  transition-delay: 0s;
}
.globalMenu .cBtn {
  transition: opacity 0.6s ease-in-out;
  transition-delay: 0s;
}
.globalMenu.visible {
  visibility: visible;
  transition-delay: 0s, 0.1s;
  opacity: 1;
}
.globalMenu.visible .innerWrap {
  transition-delay: 0.2s, 0s;
  clip-path: var(--modalClip);
  opacity: 1;
}
.globalMenu.visible .innerWrap .scrollInner {
  transition: opacity 0.4s cubic-bezier(0.6, 0, 0, 1);
  transition-delay: 0.6s;
  opacity: 1;
}
.globalMenu.visible .innerWrap strong {
  transition: opacity 0.4s cubic-bezier(0.6, 0, 0, 1);
  transition-delay: 0.6s;
}
.globalMenu.visible .cBtn {
  opacity: 1;
  transition-delay: 0.8s;
}

.globalMenu {
  overflow: hidden;
  content-visibility: auto;
  contain-intrinsic-size: 1000px;
  position: fixed;
  width: 100vw;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 100;
  color: #171C61;
  opacity: 0;
  transform: translate(100%, 0);
}
@media (min-width: 1025px) {
  .globalMenu {
    --pos: calc(var(--navH) * 1);
  }
}
.globalMenu:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  background-image: linear-gradient(225deg, #171C61 0%, #62b6e4 100%);
  opacity: 0.9;
}
.globalMenu a {
  transition: all 0.4s ease-in-out;
}
.globalMenu .innerWrap {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  background: linear-gradient(0deg, #d1edf9 0%, #eff8fc 100%);
  filter: drop-shadow(0 0 1em rgba(23, 28, 97, 0.1));
  will-change: filter;
  position: relative;
  z-index: 1;
}
@media (min-width: 1025px) {
  .globalMenu .innerWrap {
    --emSize: 4vw;
  }
}
@media (max-width: 1025px) {
  .globalMenu .innerWrap {
    --emSize: 15vw;
  }
}
.globalMenu .innerWrap strong {
  display: block;
  font-size: var(--emSize);
  position: absolute;
}
@media (min-width: 1025px) {
  .globalMenu .innerWrap strong {
    top: var(--pos);
    left: var(--pos);
  }
}
@media (max-width: 1025px) {
  .globalMenu .innerWrap strong {
    font-size: 15vw;
    top: calc(var(--navH) * 1.2);
    right: calc(var(--navH) * 0.2);
    width: 100%;
    text-align: center;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
  }
}
.globalMenu .innerWrap .scrollInner {
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 100%;
}
@media (max-width: 1025px) {
  .globalMenu .innerWrap .scrollInner {
    position: relative;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-bottom: calc(var(--navH) * 1);
  }
}
.globalMenu .innerWrap .scrollInner .mainItem {
  width: 100%;
  justify-content: flex-end;
  max-width: var(--crampedMax);
}
@media (max-width: 1025px) {
  .globalMenu .innerWrap .scrollInner .mainItem {
    justify-content: center;
  }
}
.globalMenu .innerWrap .scrollInner .mainItem .primaryMenu:not(.sub-menu):not(.secondaryMenu) > li.menu-item-has-children > a {
  display: flex;
}
@media (min-width: 1025px) {
  .globalMenu .innerWrap .scrollInner .mainItem .primaryMenu:not(.sub-menu):not(.secondaryMenu) > li.menu-item-has-children > a {
    --fontSize: 1.5em;
    width: 100%;
    align-items: center;
  }
  .globalMenu .innerWrap .scrollInner .mainItem .primaryMenu:not(.sub-menu):not(.secondaryMenu) > li.menu-item-has-children > a:after {
    content: "";
    flex: 1;
    margin-left: 1em;
    height: 1px;
    background: currentColor;
    opacity: 0.5;
  }
}
@media (max-width: 1025px) {
  .globalMenu .innerWrap .scrollInner .mainItem .primaryMenu:not(.sub-menu):not(.secondaryMenu) > li.menu-item-has-children > a {
    --fontSize: 1em;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    width: 1em;
    line-height: 1;
  }
}
.globalMenu .innerWrap .scrollInner .mainItem .primaryMenu {
  flex: 1;
  gap: calc(var(--pad) * 2);
  flex-wrap: nowrap;
}
@media (max-width: 1025px) {
  .globalMenu .innerWrap .scrollInner .mainItem .primaryMenu {
    flex-direction: column;
  }
}
@media (min-width: 1025px) {
  .globalMenu .innerWrap .scrollInner .mainItem .primaryMenu:not(.sub-menu):not(.secondaryMenu) {
    --fontSize: 1.3em;
    --padding: 1.2em 1.2em 1.2em 2em;
  }
}
@media (max-width: 1025px) {
  .globalMenu .innerWrap .scrollInner .mainItem .primaryMenu:not(.sub-menu):not(.secondaryMenu) {
    --fontSize: 1.1em;
    --padding: 1em 1em 1em 1.5em;
    padding: calc(var(--navH) * 1) calc(var(--emSize) * 0.75) 0;
  }
}
.globalMenu .innerWrap .scrollInner .mainItem .primaryMenu:not(.sub-menu):not(.secondaryMenu) li:not(.guide).menu-item-has-children .sub-menu li {
  font-size: var(--fontSize);
}
.globalMenu .innerWrap .scrollInner .mainItem .primaryMenu:not(.sub-menu):not(.secondaryMenu) li:not(.guide).menu-item-has-children .sub-menu li a {
  padding: var(--padding);
  font-weight: var(--bold);
}
@media (min-width: 1025px) {
  .globalMenu .innerWrap .scrollInner .secondaryMenu {
    position: absolute;
    bottom: var(--pos);
    right: var(--pos);
    column-gap: 2em;
    font-size: 0.875em;
  }
  .globalMenu .innerWrap .scrollInner .secondaryMenu a:hover {
    filter: saturate(2) brightness(4);
  }
}
@media (max-width: 1025px) {
  .globalMenu .innerWrap .scrollInner .secondaryMenu {
    align-items: flex-start;
    flex-direction: column;
    margin: 0 auto calc(var(--pad) * 1);
    width: calc(100% - var(--navH) * 1.5);
  }
  .globalMenu .innerWrap .scrollInner .secondaryMenu:before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: currentColor;
    opacity: 0.2;
    margin: calc(var(--pad) * 1) 0;
  }
}
.globalMenu .cBtn {
  color: #ffffff;
  font-weight: var(--bold);
  opacity: 0;
}
@media (min-width: 1025px) {
  .globalMenu .cBtn {
    bottom: var(--pos);
    left: var(--pos);
    position: absolute;
    z-index: 10;
    min-width: 15em;
  }
}
@media (max-width: 1025px) {
  .globalMenu .cBtn {
    margin: 0 auto;
    width: calc(100% - var(--navH));
  }
}
.globalMenu .cBtn a {
  padding: 1em 2em;
  background: #171C61;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.4s ease-in-out;
  border-radius: var(--rad3);
  overflow: hidden;
  position: relative;
}
.globalMenu .cBtn a i {
  display: block;
  position: relative;
  z-index: 1;
}
.globalMenu .cBtn a:hover {
  background: #ffffff;
  color: #171C61;
}
.globalMenu.close {
  cursor: url(../images/close.svg), pointer;
}
.globalMenu:not(.visible) {
  visibility: hidden;
}

@media (min-width: 1025px) and (max-width: 1536px) {
  .menu {
    flex: 1.5;
  }
}
.menu .primaryMenu:not(.sub-menu):not(.secondaryMenu) > li.menu-item-has-children > a {
  cursor: auto;
  font-size: var(--fontSize);
  font-weight: var(--bold);
}
@media (max-width: 1025px) {
  .menu .primaryMenu:not(.sub-menu):not(.secondaryMenu) > li.menu-item-has-children > a {
    margin-top: 1em;
  }
}
.menu .primaryMenu {
  font-size: 0.875em;
}
.menu .primaryMenu:not(.sub-menu):not(.secondaryMenu) li:not(.guide).menu-item-has-children {
  display: flex;
  position: relative;
  line-height: 1;
  flex: 1;
  gap: var(--gap);
}
@media (min-width: 1025px) {
  .menu .primaryMenu:not(.sub-menu):not(.secondaryMenu) li:not(.guide).menu-item-has-children {
    flex-direction: column;
    --gap: calc(var(--pad) * .5) calc(var(--pad) * 2);
  }
}
@media (max-width: 1025px) {
  .menu .primaryMenu:not(.sub-menu):not(.secondaryMenu) li:not(.guide).menu-item-has-children {
    --gap: calc(var(--pad) * 1.5);
    align-items: flex-start;
  }
}
.menu .primaryMenu:not(.sub-menu):not(.secondaryMenu) li:not(.guide).menu-item-has-children .sub-menu {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
@media (max-width: 1025px) {
  .menu .primaryMenu:not(.sub-menu):not(.secondaryMenu) li:not(.guide).menu-item-has-children .sub-menu {
    flex: 1;
  }
}
.menu .primaryMenu:not(.sub-menu):not(.secondaryMenu) li:not(.guide).menu-item-has-children .sub-menu li {
  position: relative;
}
.menu .primaryMenu:not(.sub-menu):not(.secondaryMenu) li:not(.guide).menu-item-has-children .sub-menu li a {
  width: 100%;
  display: block;
  padding: 0.75em 0 0.75em 2em;
  transition: all 0.4s ease-in-out;
  position: relative;
  border-radius: calc(var(--rad1) * 0.5);
}
.menu .primaryMenu:not(.sub-menu):not(.secondaryMenu) li:not(.guide).menu-item-has-children .sub-menu li a:before {
  content: "";
  display: block;
  width: 1em;
  height: 1px;
  background: currentColor;
  position: absolute;
  top: 50%;
  transition: all 0.4s ease-in-out;
  left: 0;
}
@media (min-width: 1025px) {
  .menu .primaryMenu:not(.sub-menu):not(.secondaryMenu) li:not(.guide).menu-item-has-children .sub-menu li a:hover {
    filter: saturate(2) brightness(4);
  }
  .menu .primaryMenu:not(.sub-menu):not(.secondaryMenu) li:not(.guide).menu-item-has-children .sub-menu li a:hover:before {
    width: 1.5em;
  }
}

.breadCrumb {
  transition: var(--trDis);
  transition-delay: 0s, 0.6s, 0s, 0s;
  top: var(--top);
  left: var(--left);
}
@media (min-width: 1025px) {
  .breadCrumb {
    --top: calc(var(--navH) * 1.5);
    --left: calc(100% - var(--btnMenu) + var(--side));
    position: absolute;
    z-index: 3;
    transform: rotate(90deg);
    transform-origin: left top;
    width: calc(var(--fitH) - var(--navH) * 1.5);
    height: 1em;
  }
}
@media (max-width: 1025px) {
  .breadCrumb {
    --top: calc(var(--navH) * 1);
    --left: 100%;
    position: fixed;
    overflow: hidden;
    width: 100vh;
    height: calc(var(--innPad) * 0.5);
    z-index: 2;
    transform: rotate(90deg);
    transform-origin: top left;
  }
  .breadCrumb.smallText {
    font-size: 10px;
  }
}
.breadCrumb ul {
  margin: 0;
  justify-content: flex-start;
  align-items: center;
  font-size: 0.75em;
}
@media (max-width: 1025px) {
  .breadCrumb ul {
    justify-content: flex-end;
    overflow-x: scroll;
    word-break: keep-all;
    white-space: nowrap;
    flex-wrap: nowrap;
    height: 100%;
    padding-right: 0.5em;
  }
  .breadCrumb ul::-webkit-scrollbar {
    display: none;
  }
}
.breadCrumb ul li {
  display: flex;
  align-items: center;
}
.breadCrumb ul li [property=itemListElement] {
  display: flex;
  align-items: center;
  padding: 0.25em 1em;
  transition: all 0.4s ease-in-out;
}
.breadCrumb ul li [property=itemListElement]:before {
  content: "";
  display: block;
  width: 1.5em;
  height: 1px;
  margin-right: 0.5em;
  background: currentColor;
}
.breadCrumb ul li [property=itemListElement] a, .breadCrumb ul li [property=itemListElement] span {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 20em;
}
.breadCrumb ul li [property=itemListElement]:has(a):hover {
  background: #171C61;
  color: #ffffff;
  border-radius: 3em;
}

.snsBnr {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease-in-out;
}
@media (min-width: 1025px) {
  .snsBnr {
    padding: calc(var(--pad) * 0.5);
    font-size: 0.8em;
    z-index: 100;
    position: fixed;
    bottom: calc(var(--pad) * 0.5);
    right: 0;
    flex-direction: column;
  }
}
@media (max-width: 1025px) {
  .snsBnr {
    padding: calc(var(--pad) * 2.5);
    font-size: 1.5em;
    background: var(--colorAccent);
    position: relative;
    z-index: 2;
    color: #ffffff;
  }
  .snsBnr svg path,
  .snsBnr img path {
    fill: #ffffff;
  }
}
.snsBnr:after {
  content: none !important;
}
.snsBnr small {
  display: block;
  letter-spacing: 0;
  line-height: 1;
}
@media (min-width: 1025px) {
  .snsBnr small {
    width: 1em;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
  }
}
.snsBnr svg,
.snsBnr img {
  width: 1em;
  height: 1em;
  max-width: inherit;
  margin-top: 1em;
}
@media (max-width: 1025px) {
  .snsBnr svg,
  .snsBnr img {
    margin: 0 0 0 0.5em;
  }
}
.snsBnr:hover {
  background: #ffffff;
  border-radius: calc(var(--pad) * 0.25);
}

.bookingBnr {
  z-index: 100;
  transition: 0.6s transform cubic-bezier(0.55, -0.15, 0.1, 0.92) 0.1s;
  line-height: 1;
  filter: drop-shadow(0 0 1em rgba(23, 28, 97, 0.2));
  will-change: filter;
}

.bookingPane .cap {
  font-size: 1.8em;
  width: 100%;
  font-weight: var(--bold);
  text-align: center;
  line-height: 1.5;
}

.btns {
  width: 100%;
  padding: 0.5em 0;
  justify-content: center;
}
@media (max-width: 1025px) {
  .btns {
    justify-content: space-between;
  }
}
.btns .btn {
  padding: 0.5em;
}
@media (max-width: 1025px) {
  .btns .btn {
    width: 100%;
    margin-top: 0.5em;
  }
}
.btns .btn a {
  font-weight: var(--bold);
  border-radius: 3em;
  transition: all 0.2s ease-in-out;
  padding: 1em 0.75em;
  background: #ffffff;
}
.btns .btn a img {
  width: 1.5em;
  height: 1.5em;
  margin-right: 0.5em;
}
.btns .btn a p {
  line-height: 1;
  font-size: 0.8em;
}
@media (max-width: 1025px) {
  .btns .btn a p {
    font-size: 1em;
  }
}
@media (max-width: 1025px) {
  .btns .btn a {
    justify-content: center;
    padding: 1em 0;
  }
  .btns .btn a:after {
    content: none;
  }
}

.btnList {
  justify-content: center;
  column-gap: 1em;
  width: 100%;
}
.btnList .btnElm {
  width: calc(50% - 1em);
  padding: 2em;
  align-items: center;
  background: var(--colorLight);
  border-radius: var(--rad1);
  margin-top: 1em;
}
@media (max-width: 1025px) {
  .btnList .btnElm {
    width: 100%;
    padding: 1em;
  }
}
.btnList .btnElm i {
  font-weight: var(--bold);
}
@media (min-width: 1025px) {
  .btnList .btnElm i {
    margin-bottom: 1em;
  }
}
.btnList:not(:has(.btnElm:nth-of-type(2))) .btnElm {
  width: 100%;
}

.donationBanner {
  position: relative;
  z-index: 1;
  background-image: linear-gradient(180deg, transparent 20%, #7fb7cf 60%);
}
@media (min-width: 1025px) {
  .donationBanner {
    padding-bottom: calc(var(--pad) * 3);
    --emSize: 12vw;
  }
}
@media (max-width: 1025px) {
  .donationBanner {
    --emSize: 22vw;
  }
}
.donationBanner .inner {
  background: #f4f4f4;
  clip-path: inset(0 0 round var(--rad5));
  overflow: hidden;
  transition: all 0.4s ease-in-out;
}
.donationBanner .inner:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.4s ease-in-out;
  background-image: linear-gradient(45deg, #62b6e4 50%, #FF7A00 100%);
  mix-blend-mode: screen;
  z-index: 0;
}
@media (min-width: 1025px) {
  .donationBanner .inner {
    display: block;
  }
  .donationBanner .inner:hover:before, .donationBanner .inner:hover:after {
    opacity: 0;
  }
  .donationBanner .inner:hover .figWrap figure {
    transform: scale(1.1);
  }
}
@media (max-width: 1025px) {
  .donationBanner .inner {
    display: flex;
    min-height: 75vw;
  }
}
.donationBanner em {
  font-size: var(--emSize);
  letter-spacing: -0.05em;
  font-weight: var(--bold);
  position: absolute;
  left: 0;
  z-index: 2;
  transition: all 0.4s ease-in-out;
  color: #ffffff;
  text-shadow: 0 0 0.2em rgba(0, 0, 0, 0.08);
}
@media (min-width: 1025px) {
  .donationBanner em {
    top: 0;
  }
}
@media (max-width: 1025px) {
  .donationBanner em {
    bottom: 0;
  }
}
.donationBanner .contWrap {
  position: relative;
  z-index: 2;
  padding: calc(var(--emSize)) calc(var(--pad) * 3) calc(var(--pad) * 2);
  align-items: flex-start;
}
@media (max-width: 1025px) {
  .donationBanner .contWrap {
    width: 100%;
    padding: var(--pad);
    justify-content: space-between;
  }
}
.donationBanner .contWrap strong {
  font-size: 2em;
  font-weight: var(--bold);
}
@media (max-width: 1025px) {
  .donationBanner .contWrap strong {
    line-height: 1.5;
    max-width: 7em;
  }
}
.donationBanner .contWrap strong i {
  display: block;
}
.donationBanner .contWrap .term {
  margin: calc(var(--pad) * 1) 0;
  max-width: 32em;
}
@media (max-width: 1025px) {
  .donationBanner .contWrap .term {
    display: none;
  }
}
.donationBanner .contWrap .btn {
  align-self: flex-end;
}
.donationBanner .figWrap {
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  display: flex;
  justify-content: flex-end;
  max-width: 50%;
}
@media (max-width: 1025px) {
  .donationBanner .figWrap {
    max-width: inherit;
  }
}
.donationBanner .figWrap figure {
  aspect-ratio: 1.25/1;
  position: absolute;
  width: 100%;
  bottom: 0;
  right: 0;
  transition: all 0.4s ease-in-out;
}

.globalFooter {
  position: relative;
  z-index: 1;
  overflow: hidden;
  padding: calc(var(--pad) * 2) 0;
  background: #7fb7cf;
  color: #ffffff;
}
@media (max-width: 1025px) {
  .globalFooter {
    padding: calc(var(--pad) * 3) 0 calc(var(--pad) * 1);
  }
}
.globalFooter:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.4s ease-in-out;
  background-image: linear-gradient(0deg, #171C61 0%, rgba(255, 255, 255, 0) 100%);
  mix-blend-mode: overlay;
  z-index: 0;
}
.globalFooter .inner {
  position: relative;
  z-index: 1;
}
@media (min-width: 1025px) {
  .globalFooter .inner {
    align-items: flex-start;
    justify-content: center;
    gap: calc(var(--pad) * 0.5);
  }
}
@media (max-width: 1025px) {
  .globalFooter .inner {
    gap: calc(var(--pad) * 0.5);
  }
}
@media (min-width: 1025px) {
  .globalFooter .inner .pane {
    flex: 1;
  }
}
@media (max-width: 1025px) {
  .globalFooter .inner .pane {
    width: 100%;
  }
}
.globalFooter .inner .pane.info {
  align-items: flex-start;
  position: relative;
  gap: calc(var(--pad) * 1.5);
}
@media (min-width: 1025px) and (max-width: 1536px) {
  .globalFooter .inner .pane.info {
    gap: 0;
  }
}
@media (max-width: 1025px) {
  .globalFooter .inner .pane.info {
    align-items: center;
  }
}
.globalFooter .inner .pane.info .gLogo {
  font-size: calc(var(--navH) * 2.25);
  align-items: center;
  width: auto;
}
@media (min-width: 1025px) and (max-width: 1536px) {
  .globalFooter .inner .pane.info .gLogo {
    margin-top: -1em;
  }
}
.globalFooter .inner .pane.info .gLogo a {
  width: 1.5em;
}
.globalFooter .inner .pane.info .gLogo p {
  font-size: 0.06em;
}
.globalFooter .inner .pane.info .coInfo {
  align-items: flex-start;
}
@media (min-width: 1025px) and (max-width: 1536px) {
  .globalFooter .inner .pane.info .coInfo {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0 calc(var(--pad) * 0.5);
  }
}
@media (max-width: 1025px) {
  .globalFooter .inner .pane.info .coInfo {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0 calc(var(--pad) * 1.5);
  }
}
.globalFooter .inner .pane.info .coInfo strong {
  font-size: 1.3em;
  font-weight: var(--bold);
  line-height: 1.2;
}
@media (max-width: 1025px) {
  .globalFooter .inner .pane.info .coInfo strong {
    width: 100%;
    text-align: center;
  }
}
.globalFooter .inner .pane.info .coInfo .address {
  font-weight: var(--regular);
  margin: calc(var(--pad) * 0.5) 0;
}
@media (min-width: 1025px) and (max-width: 1536px) {
  .globalFooter .inner .pane.info .coInfo .address {
    width: 100%;
  }
}
@media (max-width: 1025px) {
  .globalFooter .inner .pane.info .coInfo .address {
    width: 100%;
    font-size: 0.75em;
    text-align: center;
  }
  .globalFooter .inner .pane.info .coInfo .address span {
    display: block;
  }
}
.globalFooter .inner .pane.info .coInfo .address i {
  display: block;
}
.globalFooter .inner .pane.info .coInfo .address span {
  display: block;
}
.globalFooter .inner .pane.info .coInfo .sBtn {
  margin-top: calc(var(--pad) * 0.5);
}
@media (min-width: 1025px) and (max-width: 1536px) {
  .globalFooter .inner .pane.menu {
    flex: 1.5;
  }
}
@media (max-width: 1025px) {
  .globalFooter .inner .pane.menu {
    display: none;
  }
}
.globalFooter .inner .pane.menu .primaryMenu:not(.sub-menu):not(.secondaryMenu) > li.menu-item-has-children > a {
  --fontSize: 1.2em;
}
.globalFooter .inner .pane.menu .primaryMenu {
  font-size: 0.875em;
}
.globalFooter .inner .pane.menu .secondaryMenu:before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: currentColor;
  opacity: 0.2;
  margin: calc(var(--pad) * 1) 0;
}
@media (min-width: 1025px) {
  .globalFooter .inner .pane.menu .secondaryMenu {
    column-gap: 2em;
    font-size: 0.7em;
  }
  .globalFooter .inner .pane.menu .secondaryMenu a:hover {
    filter: saturate(2) brightness(4);
  }
}
@media (max-width: 1025px) {
  .globalFooter .inner .pane.menu .secondaryMenu {
    align-items: flex-start;
    flex-direction: column;
    margin: 0 auto calc(var(--pad) * 1);
    width: calc(100% - var(--navH) * 1.5);
  }
}
.globalFooter .inner .copyRight {
  width: 100%;
  padding-top: calc(var(--pad) * 1.5);
}
@media (min-width: 1025px) and (max-width: 1536px) {
  .globalFooter .inner .copyRight {
    padding-top: 0;
  }
}
.globalFooter .inner .copyRight small {
  font-size: 0.8em;
  opacity: 0.5;
}

.closeBtn {
  --barWidth: 1.25em;
  width: var(--btnMenu);
  height: var(--btnMenu);
  cursor: pointer;
  display: block;
  position: absolute;
  top: var(--margin);
  right: var(--margin);
  padding: 0;
  border: 0;
  outline: 0;
  align-items: center;
  align-content: center;
  justify-content: center;
  background: #ffffff;
  border-radius: 50%;
  filter: drop-shadow(0 0 0.3em rgba(23, 28, 97, 0.15));
  will-change: filter;
}
.closeBtn i {
  width: 100%;
  height: 100%;
  background: #ffffff;
  display: block;
  border-radius: 50%;
  transition: 0.2s all ease;
  position: relative;
}
.closeBtn i:before, .closeBtn i:after {
  content: "";
  display: block;
  width: 2px;
  height: 50%;
  transition: all 0.1s ease-in-out;
  position: absolute;
  top: 0;
  left: 50%;
  bottom: 0;
  margin: auto;
  z-index: 2;
  background: #171C61;
}
.closeBtn i:before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.closeBtn i:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.closeBtn i:hover {
  border-radius: 0;
}

.modalPane,
.overlay {
  transition: visibility 0s, opacity 0.2s, transform 0s;
  transition-delay: 0.8s, 0.4s, 0.9s;
}
.modalPane .scrollable,
.overlay .scrollable {
  clip-path: inset(0 0 round 0);
  transition: clip-path 0.6s cubic-bezier(0.6, 0, 0, 1);
  transition-delay: 0s;
}
.modalPane .scrollable .scrollInner,
.overlay .scrollable .scrollInner {
  transition: opacity 0.4s cubic-bezier(0.6, 0, 0, 1);
  transition-delay: 0s;
  opacity: 0;
}
.modalPane.visible,
.overlay.visible {
  visibility: visible;
  transition-delay: 0s, 0.1s, 0s;
  opacity: 1;
  transform: translate(0, 0);
}
.modalPane.visible .scrollable,
.overlay.visible .scrollable {
  transition-delay: 0.2s, 0s;
  clip-path: var(--modalClip);
}
.modalPane.visible .scrollable .scrollInner,
.overlay.visible .scrollable .scrollInner {
  transition: opacity 0.4s cubic-bezier(0.6, 0, 0, 1);
  transition-delay: 0.6s;
  opacity: 1;
}

.modalPane {
  overflow: hidden;
  content-visibility: auto;
  contain-intrinsic-size: 1000px;
  position: fixed;
  width: 100vw;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 106;
  opacity: 0;
  transform: translate(100%, 0);
}
.modalPane:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  background-image: linear-gradient(225deg, #171C61 0%, #62b6e4 100%);
  opacity: 0.95;
}
.modalPane .scrollable {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 100%;
  padding: 1em;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  background-image: linear-gradient(225deg, #fafafa 0%, #E9EAF1 100%);
  position: relative;
  z-index: 1;
}
.modalPane .scrollable .scrollInner {
  justify-content: center;
  align-items: center;
}
@media (min-width: 1025px) {
  .modalPane .scrollable .scrollInner {
    width: calc(100% + var(--scrollBar));
    margin-right: calc(0% - var(--scrollBar));
    padding: calc(var(--navH) * 1) 0;
  }
}
@media (max-width: 1025px) {
  .modalPane .scrollable .scrollInner .inner {
    padding: calc(var(--pad) * 2) 0;
  }
}
.modalPane .closeBtn {
  position: absolute;
  top: calc(0% + var(--pad) * 2);
  right: calc(0% + var(--pad) * 2);
  z-index: 102;
}
@media (max-width: 1025px) {
  .modalPane .closeBtn {
    top: 1em;
    right: 1em;
  }
}
.modalPane .closeBtn i:hover {
  background: #171C61;
  border-color: #171C61;
}
.modalPane .closeBtn i:hover:before, .modalPane .closeBtn i:hover:after {
  background: #ffffff;
}
.modalPane.bookingPane {
  color: #ffffff;
}
.modalPane.bookingPane:before {
  background-image: linear-gradient(225deg, #fafafa 0%, #E9EAF1 100%);
}
.modalPane.bookingPane strong {
  display: block;
  font-size: 14vw;
  position: absolute;
  top: calc(var(--navH) * 1.6 - 0.05em);
  left: calc(var(--navH) * 1.6);
  text-shadow: 0 0 1em rgba(0, 0, 0, 0.1);
  opacity: 0.05;
}
@media (max-width: 1025px) {
  .modalPane.bookingPane strong {
    font-size: 30vw;
    top: calc(var(--navH) * 0.5);
    left: 0;
    width: 100%;
    text-align: center;
  }
}
.modalPane.bookingPane .scrollable {
  height: 100%;
  background-image: linear-gradient(225deg, #fafafa 0%, #E9EAF1 100%);
}
.modalPane.bookingPane .scrollable .inner {
  justify-content: center;
}
.modalPane.bookingPane .scrollable .inner small {
  font-size: 0.75em;
  display: block;
  width: 100%;
  text-align: center;
  margin-top: calc(var(--pad) * 1);
}
.modalPane.bookingPane .scrollable .inqCap {
  align-items: center;
}
.modalPane.bookingPane .scrollable .inqBtns {
  line-height: 1;
  width: 100%;
  margin: calc(var(--pad) * 0.5);
  justify-content: center;
}
.modalPane.bookingPane .closeBtn i:hover {
  background: #171C61;
  border-color: #171C61;
}
.modalPane.bookingPane .closeBtn i:hover:before, .modalPane.bookingPane .closeBtn i:hover:after {
  background: #ffffff;
}

.overlay {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  content-visibility: auto;
  contain-intrinsic-size: 1000px;
  position: fixed;
  width: 100vw;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 106;
  opacity: 0;
  transform: translate(100%, 0);
  background: linear-gradient(225deg, #171C61 0%, #62b6e4 100%);
}
.overlay .scrollable {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  background: #ffffff;
  position: relative;
  z-index: 1;
}
.overlay .closeBtn {
  position: absolute;
  top: calc(0% + var(--pad) * 2);
  right: calc(0% + var(--pad) * 2);
  z-index: 102;
}
@media (max-width: 1025px) {
  .overlay .closeBtn {
    top: 1em;
    right: 1em;
  }
}
.overlay .closeBtn i:hover {
  background: #171C61;
  border-color: #171C61;
}
.overlay .closeBtn i:hover:before, .overlay .closeBtn i:hover:after {
  background: #ffffff;
}
.overlay #modalImg {
  position: relative;
  top: inherit;
  left: inherit;
  max-width: 80vw;
  max-height: 80vh;
}

html.modaled .layer {
  opacity: 1;
  visibility: visible;
}

.modalImg img {
  cursor: pointer;
  transition: transform 0.4s ease-in-out 0s, filter 0.6s ease-in-out 0.4s !important;
}
.modalImg:hover img {
  transform: scale(1.05);
}

/*# sourceMappingURL=layout.css.map */