.elementor-121 .elementor-element.elementor-element-956fb6c{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--margin-top:0px;--margin-bottom:-120px;--margin-left:0px;--margin-right:0px;--z-index:99;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-121 .elementor-element.elementor-element-3f3d86a > .elementor-widget-container{margin:0px 0px 0px 150px;}.elementor-121 .elementor-element.elementor-element-3f3d86a img{width:500px;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-121 .elementor-element.elementor-element-c63f7e5 .elementor-icon-wrapper{text-align:center;}.elementor-121 .elementor-element.elementor-element-c63f7e5.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-121 .elementor-element.elementor-element-c63f7e5.elementor-view-framed .elementor-icon, .elementor-121 .elementor-element.elementor-element-c63f7e5.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-121 .elementor-element.elementor-element-c63f7e5.elementor-view-framed .elementor-icon, .elementor-121 .elementor-element.elementor-element-c63f7e5.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}/* Start custom CSS for theme-site-logo, class: .elementor-element-3f3d86a *//* header logo behaviour on scroll 
 * #logoflex css ID applied to this widget
 */
.elementor-121 .elementor-element.elementor-element-3f3d86a img{
    transition: width .4s ease;
}
.elementor-sticky--effects #logoflex img { /* ".elementor-121 .elementor-element.elementor-element-3f3d86a" keyword can't be used as descendent in css .elementor-121 .elementor-element.elementor-element-3f3d86a. As such, css ID used in its place. */
    width: 300px; 
}
/* Override the fullwidth setting, set in Advanced tab > Layout > Width, for sticky to allow for more compact header */
@media screen and (max-width: 667px) and (min-width: 512px) {
    .elementor-sticky--effects #logoflex { 
        width: auto;
    }
}
/* Override the fullwidth setting, set in Advanced tab > Layout > Width, for mobile landscape for more compact header */
@media screen and (max-width: 667px) and (min-width: 580px) {
    #logoflex { 
        width: auto; 
    }
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c63f7e5 *//* Navy Yellow Glow effect */
.elementor-121 .elementor-element.elementor-element-c63f7e5 i {
    text-shadow:
        -1px 1px 2px rgba(10, 20, 60, 1),
         1px 1px 2px rgba(10, 20, 60, 1),
         1px -1px 0 rgba(10, 20, 60, 1),
        -1px -1px 0 rgba(10, 20, 60, 1),
         0 0 15px #ACD614,
         0 0 30px rgba(172, 214, 20, 0.7);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-956fb6c *//* header container behaviour on scroll */
.elementor-121 .elementor-element.elementor-element-956fb6c {
    transition: background-color .4s ease;
}
.elementor-121 .elementor-element.elementor-element-956fb6c.elementor-sticky--effects  {
    background-color: #FFFFFF; /* Background color when sticky */
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.29); /* remove if you don't want a box shadow on the sticky header */
}/* End custom CSS */
/* Start custom CSS */:root {
  --default-pages-background-color: #ffffff;
  --navigation-opened-background-color: #dedede;
  --close-icon-color: #333333;
  --close-icon-border-color: #333333;
}

html {
  overflow-x: hidden;
  overflow-y: scroll; /* to keep the width of the scroll bar on screen even while the nav is opened */
}

body.fancyNav {
  background-color: var(--navigation-opened-background-color, #999999);
}

#fancyNavWrapper {
  position: fixed;
  right: 0;
  top: 0;
  z-index: 4;
  transition: transform var(--nav-timing), opacity var(--nav-timing);
  transform: translateX(30%);
  opacity: 0;
}

.fancyNavOpened #fancyNavWrapper {
  transform: translateX(0);
  opacity: 1;
  transition: transform var(--nav-timing) 0.08s, opacity var(--nav-timing) 0.08s;
}

#contentWrapper {
  z-index: 6;
  position: relative;
  background-color: var(--default-pages-background-color, #ffffff);
  transition: transform var(--nav-timing);
}

.fancyNavOpened #contentWrapper {
  transform: scale(0.78) translateX(-36vw);
  height: 90vh;
}


#closeNav {
  position: fixed;
  right: 38.9vw;
  top: 50%;
  width: 54px;
  height: 54px;
  z-index: 9;
  border-radius: 51%;
  border: 2px solid var(--close-icon-border-color);
  background-color: var(--close-icon-bg-color);
  cursor: pointer;
  opacity: 0;
  pointer-events: none;
  transform: translate(50%, 0%);
  transition: transform 0.3s, opacity 0.14s;
}

.fancyNavOpened #closeNav {
  transform: translate(50%, -50%);
  opacity: 1;
  pointer-events: all;
  transition: transform 0.3s, opacity 0.3s 0.6s;
}

.fancyNavOpened #closeNav:hover {
  transform: translate(50%, -50%) scale(1.2);
}

#closeNav:before,
#closeNav:after {
  position: absolute;
  content: ' ';
  width: 30px;
  height: 2px;
  background-color: var(--close-icon-color);
}

#closeNav:before {
  transform: translate(-50%, -50%) rotate(45deg);
}

#closeNav:after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

#navContainer {
  height: 100vh;
  height: 100dvh;
  overflow-y: auto;
  width: 30vw;
  padding: 60px 3vw;
  background-color: var(--navigation-opened-background-color, #999999);
}


/* styles for tablet devices */
@media (max-width:1023px) {

  #navContainer {
    width: 50vw;
    padding: 60px 3vw;
  }

  .fancyNavOpened #contentWrapper {
    transform: scale(0.78) translateX(-64vw);
  }

  #closeNav {
    right: 60.8vw;
    width: 44px;
    height: 44px;
  }

  #closeNav:before,
  #closeNav:after {
    width: 23px;
    height: 2px;
  }

}


/* styles for mobile devices */
@media (max-width:767px) {

  #navContainer {
    width: 78vw;
    padding: 60px 3vw;
  }

  .fancyNavOpened #contentWrapper {
    transform: scale(0.78) translateX(-90vw);
  }

  #closeNav {
    right: 81.4vw;
    width: 34px;
    height: 34px;
  }

  #closeNav:before,
  #closeNav:after {
    width: 18px;
    height: 2px;
  }

}/* End custom CSS */