@font-face {
    font-family: 'BPG Rioni';
    src: url('../fonts/BPGRioni.woff2') format('woff2'),
        url('../fonts/BPGRioni.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'BPG DejaVu Sans';
    src: url('../fonts/BPGDejaVuSans-Oblique.woff2') format('woff2'),
        url('../fonts/BPGDejaVuSans-Oblique.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'BPG DejaVu Sans';
    src: url('../fonts/BPGDejaVuSans-BoldOblique.woff2') format('woff2'),
        url('../fonts/BPGDejaVuSans-BoldOblique.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'BPG Banner Caps Alpha';
    src: url('../fonts/BPGBannerCapsAlpha.woff2') format('woff2'),
        url('../fonts/BPGBannerCapsAlpha.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'BPG DejaVu Sans';
    src: url('../fonts/BPGDejaVuSans.woff2') format('woff2'),
        url('../fonts/BPGDejaVuSans.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'BPG DejaVu Sans';
    src: url('../fonts/BPGDejaVuSans-Bold.woff2') format('woff2'),
        url('../fonts/BPGDejaVuSans-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'icomoon';
    src:  url('../fonts/icomoon.eot?xuwzb4');
    src:  url('../fonts/icomoon.eot?xuwzb4#iefix') format('embedded-opentype'),
      url('../fonts/icomoon.ttf?xuwzb4') format('truetype'),
      url('../fonts/icomoon.woff?xuwzb4') format('woff'),
      url('../fonts/icomoon.svg?xuwzb4#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
  }
  
  [class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
  
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  
  .icon-call:before {
    content: "\e900";
    color: #f69763;
  }
  .icon-email:before {
    content: "\e901";
    color: #f69763;
  }
  .icon-facebook:before {
    content: "\e902";
    color: #f36b21;
  }
  .icon-instagram:before {
    content: "\e903";
    color: #f36b21;
  }
  .icon-Group-101 .path1:before {
    content: "\e904";
    color: rgb(255, 255, 255);
  }
  .icon-Group-101 .path2:before {
    content: "\e905";
    margin-left: -0.6640625em;
    color: rgb(255, 178, 136);
  }
  .icon-Group-101 .path3:before {
    content: "\e906";
    margin-left: -0.6640625em;
    color: rgb(255, 255, 255);
  }
  .icon-Group-101 .path4:before {
    content: "\e907";
    margin-left: -0.6640625em;
    color: rgb(255, 255, 255);
  }
  .icon-Group-101 .path5:before {
    content: "\e908";
    margin-left: -0.6640625em;
    color: rgb(255, 255, 255);
  }
  .icon-Group-101 .path6:before {
    content: "\e909";
    margin-left: -0.6640625em;
    color: rgb(255, 255, 255);
  }
  .icon-home:before {
    content: "\e90a";
    color: #f47d3c;
  }
  .icon-youtube .path1:before {
    content: "\e90b";
    color: rgb(243, 107, 33);
  }
  .icon-youtube .path2:before {
    content: "\e90c";
    margin-left: -1.427734375em;
    color: rgb(255, 255, 255);
  }
  .icon-location-pin:before {
    content: "\e90d";
    color: #f69763;
  }
  .icon-right-arrow:before {
    content: "\e90e";
    color: #d1d1d1;
  }
  .icon-rubber-duck:before {
    content: "\e90f";
    color: #fff;
  }
  .icon-search-1:before {
    content: "\e910";
    color: #f36b21;
  }