@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Roboto+Flex:opsz,wght@8..144,100..1000&display=swap');

@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?w9oxq3');
  src:  url('../fonts/icomoon.eot?w9oxq3#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?w9oxq3') format('truetype'),
    url('../fonts/icomoon.woff?w9oxq3') format('woff'),
    url('../fonts/icomoon.svg?w9oxq3#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-menu-open:before {
  content: "\e903";
  
}
.icon-close:before {
  content: "\e904";
}
.icon-vk:before {
  content: "\e902";
}
.icon-wats:before {
  content: "\e900";
}
.icon-phone:before {
  content: "\e905";
  
}
.icon-telegram:before {
  content: "\e901";
}

/* NEXT ART FONT */

@font-face {
  font-family: 'NEXT ART';
  src: url('../fonts/NEXTART-Light.eot');
  src: local('NEXT ART Light'), local('NEXTART-Light'),
      url('../fonts/NEXTART-Light.eot?#iefix') format('embedded-opentype'),
      url('../fonts/NEXTART-Light.woff2') format('woff2'),
      url('../fonts/NEXTART-Light.woff') format('woff'),
      url('../fonts/NEXTART-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'NEXT ART';
  src: url('../fonts/NEXTART-Bold.eot');
  src: local('NEXT ART Bold'), local('NEXTART-Bold'),
      url('../fonts/NEXTART-Bold.eot?#iefix') format('embedded-opentype'),
      url('../fonts/NEXTART-Bold.woff2') format('woff2'),
      url('../fonts/NEXTART-Bold.woff') format('woff'),
      url('../fonts/NEXTART-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'NEXT ART';
  src: url('../fonts/NEXTART-SemiBold.eot');
  src: local('NEXT ART SemiBold'), local('NEXTART-SemiBold'),
      url('../fonts/NEXTART-SemiBold.eot?#iefix') format('embedded-opentype'),
      url('../fonts/NEXTART-SemiBold.woff2') format('woff2'),
      url('../fonts/NEXTART-SemiBold.woff') format('woff'),
      url('../fonts/NEXTART-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'NEXT ART';
  src: url('../fonts/NEXTART.eot');
  src: local('NEXT ART'), local('NEXTART'),
      url('../fonts/NEXTART.eot?#iefix') format('embedded-opentype'),
      url('../fonts/NEXTART.woff2') format('woff2'),
      url('../fonts/NEXTART.woff') format('woff'),
      url('../fonts/NEXTART.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'NEXT ART';
  src: url('../fonts/NEXTART-Heavy.eot');
  src: local('NEXT ART Heavy'), local('NEXTART-Heavy'),
      url('../fonts/NEXTART-Heavy.eot?#iefix') format('embedded-opentype'),
      url('../fonts/NEXTART-Heavy.woff2') format('woff2'),
      url('../fonts/NEXTART-Heavy.woff') format('woff'),
      url('../fonts/NEXTART-Heavy.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
}