.gilroy-medium {
  font-family: "Gilroy-Medium" !important;
}

.koulen-regular {
  font-family: "Koulen", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.ibm-plex sans-thin {
  font-family: "IBM Plex Sans", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.ibm-plex sans-extralight {
  font-family: "IBM Plex Sans", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.ibm-plex sans-light {
  font-family: "IBM Plex Sans", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.ibm-plex sans-regular {
  font-family: "IBM Plex Sans", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.ibm-plex sans-medium {
  font-family: "IBM Plex Sans", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.ibm-plex sans-semibold {
  font-family: "IBM Plex Sans", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.ibm-plex sans-bold {
  font-family: "IBM Plex Sans", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.ibm-plex sans-thin-italic {
  font-family: "IBM Plex Sans", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.ibm-plex sans-extralight-italic {
  font-family: "IBM Plex Sans", sans-serif;
  font-weight: 200;
  font-style: italic;
}

.ibm-plex sans-light-italic {
  font-family: "IBM Plex Sans", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.ibm-plex sans-regular-italic {
  font-family: "IBM Plex Sans", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.ibm-plex sans-medium-italic {
  font-family: "IBM Plex Sans", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.ibm-plex sans-semibold-italic {
  font-family: "IBM Plex Sans", sans-serif;
  font-weight: 600;
  font-style: italic;
}

.ibm-plex sans-bold-italic {
  font-family: "IBM Plex Sans", sans-serif;
  font-weight: 700;
  font-style: italic;
}

html.sr .load-hidden, html.sr .reveal
{
    visibility: hidden;
}


html
{
  font-size:16px;
  margin: 0 !important;
  overflow-x: hidden !important;
}

body
{
  font-family: "IBM Plex Sans", sans-serif;
  font-weight: 300;
  background-color:#0C1D27 !important;
  overflow-x: hidden !important;
}

body.page-id-98,body.single,body.page-id-938
{
  background-color: #F4F4F4 !important;
}

.bg-secondary
{
  background-color:#0C1D27 !important;
}

.text-primary
{
  color:#D2E075 !important;
}

.btn-primary
{
  background-color:#D2E075 !important;
  border-color:#D2E075 !important;
  color: #000 !important;
}

.bg-primary
{
  background-color:#D2E075 !important;
}

.border-primary
{
  border-color:#D2E075 !important;
}

.text-info
{
  color:#2D6292 !important;
}

a
{
  color:inherit;
  text-decoration: inherit;
}

.dropdown-item.active, .dropdown-item:active, a.dropdown-item:active
{
  background-color:#0C1D27 !important;
  color:white !important;
}


.about_text
{
  opacity:0;
  transition:all 0.2s ease;
}

.about_text_item:hover .about_text
{
  opacity:1;
}

.process_item
{
  cursor: pointer;
}

.process_item p
{
  color:#666;
}

.process_item.active p
{
  color:#D2E075 !important;
}

.process_item .on
{
  display:none !important;
}


.process_item.active img.on
{
  display:block !important;
}


.process_item.active img.off
{
  display:none !important;
}

#process_panel
{
  transition: all 0.5s ease;
}

#process_back, #process_next
{
  cursor:pointer;
}

#wpadminbar
{
  bottom:0 !important;
  top:auto !important;
  position:fixed !important;
}

.navheader
{
  transition:all 0.5s ease;
}

.navheader.scrolled
{
  background-color: rgba(255,255,255,0.95);
}

.projectheader2
{
  opacity:0;
  pointer-events: none;
  transition: all 0.5s ease;
}

.projectheader2.scrolled
{
  opacity:1;
  pointer-events: all
}

.followus
{
  transition:all 0.5s ease;
}

.navheader.scrolled .followus
{
  opacity:0 !important;
}

.hover-primary:hover
{
  color:#D2E075 !important;
}
.hover-white:hover
{
  color:white !important;
}


.hover-secondary:hover
{
  color:#0C1D27 !important;
}

input.bg-secondary::placeholder, textarea.bg-secondary::placeholder {
  opacity: 0.95;
  color: white;
}



.dropdown-ignore
{
  transform: none !important;
}

#mobile_menu
{
  transform:translateX(300px);
  transition:all 0.25s ease;
}

#mobile_menu.activated
{
  transform:translateX(0);

}

@media (max-width: 991px) {

  #body
  {
       background-size: auto 50% !important;
  }

  #wpadminbar
  {
    display:none !important;
  }

  .counter
  {
    font-size:9rem !important;
  }

  .pageheader
  {
    padding-bottom: 75% !important;
    background-position: top center !important;
     background-size:auto 175% !important;
  }

  .projectheader2
  {
    top: 6rem !important;
  }

  .pageheader_alt
  {
    background-position: top right !important;
  }

  #process_point
  {
    height:4rem !important;
  }

  #process_panel
  {
/*    pointer-events: all !important;*/
    width: 100% !important;
  }

  #process_content_right, #process_content_left
  {
/*    width: 100% !important;*/
    margin-bottom: 2.5rem !important;

  }

  #process_panel h1
  {
    font-size:1em !important;
  }

  #process_panel p.small
  {
    font-size:0.7em !important;
    max-height:100px !important;
    overflow-y: auto !important;     
  }

  .process_item.active i.on
  {
    display:block !important;
  }

  .process_item.active i.off
  {
    display:none !important;
  }    

  .process_item.active img.on
  {
    display:none !important;
  }

  .process_item.active img.off
  {
    display:none !important;
  }  

  #process_dot
  {
    height: 1.5rem !important;
    margin-top: -0.75rem !important;
  }

  .quote_slide
  {
    display:none;
  transition:all 0.2s ease;
  }

  .quote_slide.activated
  {
    display:block;
    opacity: 1 !important;
    transform: none !important;
  }

  #mainheader
  {
    background-color: #fff !important;

  }

  #anchorheader
  {
    position: relative !important;
  }

}