@font-face {
  font-family: 'bugrino-bold';
  src: url('fonts/bugrino-bold-webfont.woff2') format('woff2'),
       url('fonts/bugrino-bold-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'bugrino-regular';
  src: url('fonts/bugrino-regular-webfont.woff2') format('woff2'),
       url('fonts/bugrino-regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'bugrino-semibold';
  src: url('fonts/bugrino-semibold-webfont.woff2') format('woff2'),
       url('fonts/bugrino-semibold-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
    font-family: 'bugrino-light';
    src: url('fonts/bugrino-light-webfont.woff2') format('woff2'),
         url('fonts/bugrino-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.fadeIn{animation:fadeIn 1s ease backwards; animation-delay: .5s;}
@keyframes fadeIn{
  0%{opacity: 0;}
  100%{opacity: 1;}
}


body{
  font-family: 'bugrino-regular';
}

strong{
  font-family: 'bugrino-bold';
}

/*-- Ticker --*/
.ticker-wrap{
  background-color: #BFB0C2;
  align-items: center;
  padding: 5px 0 0 0;
  position: relative;
  top: 0; right: 0; left: 0;
  z-index: 999;
  height: 40px;
  overflow: hidden;
}

.ticker-wrap img{
  display: block;
  margin-right: 16px;
}


@keyframes ticker {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible;
  }

  50% {
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.ticker {

  display: flex;
  white-space: nowrap; 

  -webkit-animation-iteration-count: infinite; 
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
 -webkit-animation-name: ticker;
         animation-name: ticker;
  -webkit-animation-duration: 50s;
          animation-duration: 50s;

  svg {

    display: inline-block;

  }

}

/*--- Home Hero ---*/
.HYPE_element.cursor-hover{
  transition: all .2s ease;
}
.HYPE_element.cursor-hover:hover{
  opacity: .5 !important;
}
.HYPE_element.cursor-hover:active{
  scale: .95;
}

/*--- Menu ---*/
#main-menu{
  left: -320px;  
}
#main-menu.is-open{
  left: 0px;
  border-right: 1px solid #BFB0C2;
}
#main-menu a:hover{
  text-decoration: underline;
}

#main-menu nav{
  margin-left: 10px;
}


/*--- Custom Cursor ---*/
.css-cursor .css-cursor-inner{
  width: 175px !important;
  height: 175px !important;
}
.css-cursor .css-cursor-inner{
  display: flex;
  justify-content: center;
  align-items: center;
  border: 2px solid #000;
  box-shadow: none !important;
}

/*-- Cursor Hover --*/
.css-cursor .css-cursor-inner svg{
  transition: all .2s ease;
}
.cursor-hover svg{
  opacity: 0;
}

.css-cursor.cursor-hover .css-cursor-inner{
  width: 65px !important;
  height: 65px !important;  
}

  .ag-logo{
    display: block;
  }
  .ticker-wrap,
  .home-mobile-bg{
    display: none;
  }

@media only screen and (max-width: 990px) {

  .ag-logo{
    display: none;
  }

  .ticker-wrap{
    display: flex;
  }

  .home-mobile-bg{
    display: block;
  }

  #main-menu{
    left: -100vw;  
  }

}