@font-face {
  font-family: roboto-italic;
  src: url(../fonts/ROBOTO-family/Roboto-Thin.ttf);
}

@font-face {
  font-family: roboto-thin;
  src: url(../fonts/ROBOTO-family/Roboto-Thin.ttf);
}

@font-face {
  font-family: roboto-regular;
  src: url(../fonts/ROBOTO-family/Roboto-Regular.ttf);
}

@font-face {
  font-family: roboto-thin-italic;
  src: url(../fonts/ROBOTO-family/Roboto-ThinItalic.ttf);
}

@font-face {
  font-family: roboto-medium;
  src: url(../fonts/ROBOTO-family/Roboto-Medium.ttf);
}

@font-face {
  font-family: roboto-light;
  src: url(../fonts/ROBOTO-family/Roboto-Light.ttf);
}

@font-face {
  font-family: roboto-condensed;
  src: url(../fonts/ROBOTO-family/Roboto-Condensed.ttf);
}

@font-face {
  font-family: roboto-medium-italic;
  src: url(../fonts/ROBOTO-family/Roboto-MediumItalic.ttf);
}

@font-face {
  font-family: roboto-light-italic;
  src: url(../fonts/ROBOTO-family/Roboto-LightItalic.ttf);
}

@font-face {
  font-family: roboto-condensed-italic;
  src: url(../fonts/ROBOTO-family/Roboto-CondensedItalic.ttf);
}

@font-face {
  font-family: roboto-bold;
  src: url(../fonts/ROBOTO-family/Roboto-Bold.ttf);
}

@font-face {
  font-family: roboto-black;
  src: url(../fonts/ROBOTO-family/Roboto-Black.ttf);
}

@font-face {
  font-family: roboto-bold-condensed;
  src: url(../fonts/ROBOTO-family/Roboto-BoldCondensed.ttf);
}

@font-face {
  font-family: roboto-bold-italic;
  src: url(../fonts/ROBOTO-family/Roboto-BoldItalic.ttf);
}

@font-face {
  font-family: roboto-black-italic;
  src: url(../fonts/ROBOTO-family/Roboto-BlackItalic.ttf);
}

@font-face {
  font-family: roboto-bold-condensed-italic;
  src: url(../fonts/ROBOTO-family/Roboto-BoldCondensedItalic.ttf);
}

.italic {
  font-family: var(--font-italic);
}

.thin {
  font-family: var(--font-thin);
}

.regular {
  font-family: var(--font-regular);
}

.thin-italic {
  font-family: var(--font-thin-italic);
}

.medium {
  font-family: var(--font-family-medium);
}

.light {
  font-family: var(--font-light);
}

.condensed {
  font-family: var(--font-condensed);
}

.medium-italic {
  font-family: var(--font-family-medium-italic);
}

.light-italic {
  font-family: var(--font-light-italic);
}

.condensed-italic {
  font-family: var(--font-condensed-italic);
}

.bold {
  font-family: var(--font-bold);
}

.bold-condensed {
  font-family: var(--font-bold-condensed);
}

.bold-italic {
  font-family: var(--font-bold-italic);
}

.black-italic {
  font-family: var(--font-black-italic);
}

.bold-condensed-italic {
  font-family: var(--font-bold-condensed-italic);
}

.font-color-main1 {
  color: var(--color-main1);
}

.font-small {
  font-size: var(--font-small);
}

.font-medium {
  font-size: var(--font-medium);
}

.font-big {
  font-size: var(--font-big);
}

.font-large {
  font-size: var(--font-large);
}