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

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


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


@font-face {
  font-display:swap;
  font-family: 'FontPrimary';
  src: url('PFDinTextPro-Regular.woff2') format('woff2'),
       url('PFDinTextPro-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-display:swap;
  font-family: 'FontPrimary';
  src: url('PFDinTextPro-ExtraBlack.woff2') format('woff2'),
       url('PFDinTextPro-ExtraBlack.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-display:swap;
  font-family: 'FontPrimary';
  src: url('pfdintextpro-medium.woff2') format('woff2'),
       url('pfdintextpro-medium.woff') format('woff');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-display:swap;
  font-family: 'FontPrimary';
  src: url('pfdintextpro-xthin.woff2') format('woff2'),
       url('pfdintextpro-xthin.woff') format('woff');
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-display:swap;
  font-family: "FontSecond";
  src: url('SquaresRegular.woff2') format('woff2'),
       url('SquaresRegular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-display:swap;
  font-family: "FontSecond";
  src: url('Squares/SquaresLight.woff2') format('woff2'),
       url('SquaresLight.woff') format('woff');
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-display:swap;
  font-family: "FontSecond";
  src: url('SquaresBlack.woff2') format('woff2'),
       url('quaresBlack.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}
@font-face {
    font-family: 'vb-icons';
    src: url('../fonts/vb-icons.eot?9po56e');
    src: url('../fonts/vb-icons.eot?9po56e#iefix') format('embedded-opentype'),
    url('../fonts/vb-icons.ttf?9po56e') format('truetype'),
    url('../fonts/vb-icons.woff?9po56e') format('woff'),
    url('../fonts/vb-icons.svg?9po56e#vb-icons') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}
:root {
    --font-primary: "Roboto Condensed";
    --font-secondary: "Oswald";
    --icons: "vb-icons";
}

[class^="icon-"],
[class*=" icon-"],
._ib:before,
._ia:after {
    font-family: var(--icons) !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
}

.icon_md {
    font-size: 18px;
}
.icon_lg {
    font-size: 24px;
}

.icon-menu {
    width: 16px;
    height: 16px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    padding: 0 2px;
}
.icon-menu:before {
    content: "";
    width: 100%;
    height: 1px;
    background: var(--color-black);
    box-shadow: 0 -4px 0 0 var(--color-black), 0 4px 0 0 var(--color-black);
    transition: background var(--animate), box-shadow var(--animate);
}

.icon-arrow-left:before {
    content: "\e900";
}
.icon-arrow-right:before {
    content: "\e901";
}
.icon-arrow-up:before {
    content: "\e902";
}
.icon-bag:before {
    content: "\e903";
}
.icon-calendar-tick:before {
    content: "\e904";
}
.icon-calendar:before {
    content: "\e905";
}
.icon-call:before {
    content: "\e906";
}
.icon-cart:before {
    content: "\e907";
}
.icon-chevron-down:before {
    content: "\e908";
}
.icon-close:before {
    content: "\e909";
}
.icon-email:before {
    content: "\e90a";
}
.icon-eye:before {
    content: "\e90b";
}
.icon-heart:before {
    content: "\e90c";
}
.icon-import:before {
    content: "\e90d";
}
.icon-location:before {
    content: "\e90e";
}
.icon-maximize:before {
    content: "\e90f";
}
.icon-paperclip:before {
    content: "\e910";
}
.icon-search:before {
    content: "\e911";
}
.icon-star:before {
    content: "\e912";
}
.icon-tick-list:before {
    content: "\e913";
}
.icon-tick:before {
    content: "\e914";
}
.icon-timer-sand:before {
    content: "\e915";
}
.icon-timer:before {
    content: "\e916";
}
.icon-user:before {
    content: "\e917";
}
.icon-logout:before {
    content: "\e918";
}
.icon-login:before {
    content: "\e91a";
}
.icon-zoom-in:before {
    content: "\e91b";
}