.elementor-kit-7{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-e45e419:#FFFFFF;--e-global-color-d8b5ca1:#211E1E;--e-global-color-ee00d1a:#ED3237;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-global-typography-7b19764-font-family:"muffin";--e-global-typography-7b19764-font-size:2vw;--e-global-typography-7b19764-font-weight:700;--e-global-typography-52e44e6-font-family:"muffin";--e-global-typography-52e44e6-font-size:1vw;--e-global-typography-52e44e6-font-weight:500;--e-global-typography-52e44e6-text-transform:uppercase;--e-global-typography-deedbb9-font-family:"muffin";--e-global-typography-deedbb9-font-size:2vw;--e-global-typography-deedbb9-font-weight:900;--e-global-typography-21e1de6-font-family:"Montserrat";--e-global-typography-21e1de6-font-size:1.24vw;--e-global-typography-21e1de6-font-weight:600;--e-page-transition-entrance-animation:e-page-transition-fade-out;--e-page-transition-exit-animation:e-page-transition-fade-in;--e-page-transition-animation-duration:600ms;--e-preloader-delay:300ms;--e-preloader-color:#FBB117;--e-preloader-size:125px;}.elementor-kit-7 e-page-transition{background-color:var( --e-global-color-d8b5ca1 );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-7{--e-global-typography-7b19764-font-size:3vw;--e-global-typography-52e44e6-font-size:2.4vw;--e-global-typography-deedbb9-font-size:3.2vw;--e-global-typography-21e1de6-font-size:1.5vw;--e-preloader-size:7vw;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-7{--e-global-typography-7b19764-font-size:4vw;--e-global-typography-52e44e6-font-size:4vw;--e-global-typography-deedbb9-font-size:5vw;--e-global-typography-21e1de6-font-size:4vw;--e-preloader-size:17vw;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */html {
	max-width: 100% !important;
	width: 100vw !important;
    overflow: hidden !important;
	overflow-y: scroll !important;
}

body {
    overflow: hidden;
}

e-page-transition, .e-page-transition--preloader {
    z-index: 999 !important;
}

:root {
  --default-pages-background-color: #ffffff;
  --navigation-opened-background-color: #211E1E;
  --close-icon-color: #EE3239;
  --close-icon-border-color: #EE3239;
}

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 !important;
  top: 5% !important;
  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);
}

.elementor-kit-7 .elementor-nav-menu--dropdown {
    position: static;
    margin: 0!important;
}

#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 */