@font-face {
    font-family: 'sl-icons';
    src: url('../fonts/sl-icons.ttf?2ygcdd') format('truetype'),
         url('../fonts/sl-icons.woff?2ygcdd') format('woff'),
         url('../fonts/sl-icons.svg?2ygcdd#sl-icons') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'gv-icons';
    src: url('../fonts/gv-icons.eot?adag75');
    src: url('../fonts/gv-icons.eot?adag75#iefix') format('embedded-opentype'),
         url('../fonts/gv-icons.ttf?adag75') format('truetype'),
         url('../fonts/gv-icons.woff?adag75') format('woff'),
         url('../fonts/gv-icons.svg?adag75#gv-icons') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/subset-Roboto-Regular.eot');
    src: url('../fonts/subset-Roboto-Regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/subset-Roboto-Regular.woff2') format('woff2'),
         url('../fonts/subset-Roboto-Regular.woff') format('woff'),
         url('../fonts/subset-Roboto-Regular.ttf') format('truetype'),
         url('../fonts/subset-Roboto-Regular.svg#Roboto-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/subset-Roboto-Medium.eot');
    src: url('../fonts/subset-Roboto-Medium.eot?#iefix') format('embedded-opentype'),
         url('../fonts/subset-Roboto-Medium.woff2') format('woff2'),
         url('../fonts/subset-Roboto-Medium.woff') format('woff'),
         url('../fonts/subset-Roboto-Medium.ttf') format('truetype'),
         url('../fonts/subset-Roboto-Medium.svg#Roboto-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/subset-Roboto-Bold.eot');
    src: url('../fonts/subset-Roboto-Bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/subset-Roboto-Bold.woff2') format('woff2'),
         url('../fonts/subset-Roboto-Bold.woff') format('woff'),
         url('../fonts/subset-Roboto-Bold.ttf') format('truetype'),
         url('../fonts/subset-Roboto-Bold.svg#Roboto-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

:root {
    --icons: 'sl-icons';
    --font-primary: 'Roboto';
}

[class^="icon-"], [class*=" icon-"] {
  flex: 0 0 auto;
  font-family: var(--icons) !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
}
.icon_sm {
    font-size: 16px;
}
.icon_md {
    font-size: 24px;
}
.icon_lg {
    font-size: 30px;
}


.icon-arrows:before {
  content: "\e900";
}
.icon-cargo:before {
  content: "\e901";
}
.icon-check:before {
  content: "\e902";
}
.icon-chevron-right:before {
  content: "\e903";
}
.icon-close:before {
  content: "\e904";
}
.icon-eye-hide:before {
  content: "\e905";
}
.icon-eye:before {
  content: "\e906";
}
.icon-info:before {
  content: "\e907";
}
.icon-login:before {
  content: "\e908";
}
.icon-phone:before {
  content: "\e909";
}
.icon-quote:before {
  content: "\e90a";
}
.icon-search:before {
  content: "\e90b";
}
.icon-triangle:before {
  content: "\e90c";
}
.icon-truck:before {
  content: "\e90d";
}
.icon-volume:before {
  content: "\e90e";
}
.icon-weight:before {
  content: "\e90f";
}