/* GANTRY5 DEVELOPMENT MODE ENABLED.
 *
 * WARNING: This file is automatically generated by Gantry5. Any modifications to this file will be lost!
 *
 * For more information on modifying CSS, please read:
 *
 * http://docs.gantry.org/gantry5/configure/styles
 * http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet
 */

#g-page-surround {
  transition: 0.5s ease all !important;
  transform: none;
  z-index: 2;
  max-height: unset;
}
.g-offcanvas-open #g-page-surround *, .g-offcanvas-open #g-page-surround *:before, .g-offcanvas-open #g-page-surround *:after {
  animation: none;
}
.g-offcanvas-open.g-offcanvas-closing .g-offcanvas-right.site #g-page-surround {
  right: 0;
}
.g-offcanvas-open .g-offcanvas-right #g-page-surround {
  /*
        transform: scale(.75) translate3d(-35vw,0,0) perspective(400px) rotateY(5deg) !important;*/
  transform: none !important;
  max-height: 100vh;
  box-shadow: 0px 0px 0px 8px #111111, 0px 0px 0px 10px white;
}
/*
    .g-offcanvas-open:not(.g-offcanvas-opening, .g-offcanvas-closing)  #g-page-surround:after{
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        transition: 0.3s ease all;
        background: transparent;
        z-index: 100;
        opacity: 0;
    }*/
.g-offcanvas-open body:after {
  content: "";
  position: absolute;
  right: -400px;
  z-index: 0;
  --size: 800px;
  --speed: 20s;
  --easing: cubic-bezier(0.8, 0.2, 0.2, 0.8);
  width: var(--size);
  height: var(--size);
  filter: blur(calc(var(--size) / 5));
  background-image: linear-gradient(#4377ef, #7befd0);
  animation: rotate var(--speed) var(--easing) alternate infinite;
  border-radius: 30% 70% 70% 30%/30% 30% 70% 70%;
  opacity: 0.5;
  bottom: -400px;
}
.g-offcanvas-closing #g-main #g-offcanvas {
  margin-right: 0em !important;
  transform: translateX(50vw) !important;
}
.g-offcanvas-open #g-main #g-offcanvas {
  transform: translateX(-10%);
  z-index: 100;
  background: #2345774a;
}
.g-offcanvas-open .g-offcanvas-toggle .offcanvas-icon .bar:nth-child(2) {
  width: 75%;
}
.g-offcanvas-open .g-offcanvas-toggle .offcanvas-icon .bar:nth-child(3) {
  width: 50%;
}
.g-offcanvas-open:not(.g-offcanvas-closing) .g-menu-overlay {
  background: #0000007a;
  z-index: 100;
  opacity: 1;
  backdrop-filter: blur(3px);
}
#g-main #g-offcanvas {
  transition: 0.3s ease all;
  display: flex !important;
  justify-content: center;
  flex-direction: column;
  margin-right: 0em;
  z-index: 1;
  transform: translateX(50vw);
  height: 80%;
  top: 10%;
  width: 35vw;
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 15px), calc(100% - 15px) 100%, 0 100%, 0 0);
}
#g-main #g-offcanvas:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 15px), calc(100% - 15px) 100%, 1px 100%, 1px calc(100% - 1px), calc(100% - 16px) calc(100% - 1px), calc(100% - 1px) calc(100% - 16px), calc(100% - 1px) 1px, 1px 1px, 1px 100%, 0 100%);
  background: #00f5ff;
}
#g-main #g-offcanvas .g-menu-item {
  font-size: 1.3rem;
  text-transform: uppercase;
}
#g-main #g-offcanvas #g-mobilemenu-container ul > li > .g-menu-item-container {
  padding: 0.3rem 1.5rem;
  border-bottom: 1px solid #00ffff2e;
  border-top: 1px solid #00ffff2e;
  margin-bottom: -1px;
}
#g-main #g-offcanvas #g-mobilemenu-container ul > li {
  border-radius: 0px;
  background: none !important;
  color: inherit !important;
}
#g-main #g-offcanvas #g-mobilemenu-container ul > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active > .g-menu-item-container, #g-main #g-offcanvas #g-mobilemenu-container ul > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active > .g-menu-item-type-component, #g-main #g-offcanvas #g-mobilemenu-container ul > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module) .g-menu-item-container:hover, #g-main #g-offcanvas #g-mobilemenu-container ul > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module) .g-menu-item-type-component:hover {
  border-radius: 0px !important;
  color: #00f5ff !important;
  background: #2345774a !important;
}
#g-main #g-offcanvas #g-mobilemenu-container ul > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active > a span {
  color: #00d7d7;
}
#g-main .g-offcanvas-toggle {
  height: 41px;
  width: 45px;
  transition: none;
  top: 1.5rem;
  z-index: 12;
}
#g-main .g-offcanvas-toggle .offcanvas-icon {
  transition: none;
  padding: 7px 10px;
  transform: none;
}
#g-main .g-offcanvas-toggle .offcanvas-icon:hover .bar {
  background: #424753;
}
#g-main #g-offcanvas #g-mobilemenu-container ul .g-dropdown-column {
  width: 100%;
}
#g-main .g-offcanvas-toggle .offcanvas-icon {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: end;
  height: 100%;
}
#g-main .g-offcanvas-toggle:hover .offcanvas-icon .bar:nth-child(2) {
  width: 90%;
}
#g-main .g-offcanvas-toggle:hover .offcanvas-icon .bar:nth-child(3) {
  width: 80%;
}
#g-main .g-offcanvas-toggle .offcanvas-icon .bar {
  height: 2px;
  width: 100%;
  background: white;
  transition: 0.3s ease all;
}
/*# sourceMappingURL=offcanvas_12.css.map */