@font-face {
  font-family: Montserrat;
  src: url(../fonts/Montserrat/Montserrat-Regular.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: MontserratItalic;
  src: url(../fonts/Montserrat/Montserrat-Italic.ttf) format("truetype");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: MontserratBold;
  src: url(../fonts/Montserrat/Montserrat-Bold.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: MontserratBlack;
  src: url(../fonts/Montserrat/Montserrat-Black.ttf) format("truetype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: MontserratBoldItalic;
  src: url(../fonts/Montserrat/Montserrat-BoldItalic.ttf) format("truetype");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: MontserratExtraBold;
  src: url(../fonts/Montserrat/Montserrat-ExtraBold.ttf) format("truetype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: MontserratExtraBoldItalic;
  src: url(../fonts/Montserrat/Montserrat-ExtraBoldItalic.ttf) format("truetype");
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: MontserratSemiBold;
  src: url(../fonts/Montserrat/Montserrat-SemiBold.ttf) format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: MontserratSemiBoldItalic;
  src: url(../fonts/Montserrat/Montserrat-SemiBoldItalic.ttf) format("truetype");
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: Roboto;
  src: url(../fonts/Roboto/Roboto-Regular.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: RobotoItalic;
  src: url(../fonts/Roboto/Roboto-Italic.ttf) format("truetype");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: RobotoBold;
  src: url(../fonts/Roboto/Roboto-Bold.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: RobotoBlack;
  src: url(../fonts/Roboto/Roboto-Black.ttf) format("truetype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: RobotoBoldItalic;
  src: url(../fonts/Roboto/Roboto-BoldItalic.ttf) format("truetype");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: RobotoExtraBold;
  src: url(../fonts/Roboto/Roboto-ExtraBold.ttf) format("truetype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: RobotoExtraBoldItalic;
  src: url(../fonts/Roboto/Roboto-ExtraBoldItalic.ttf) format("truetype");
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: RobotoSemiBold;
  src: url(../fonts/Roboto/Roboto-SemiBold.ttf) format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: RobotoSemiBoldItalic;
  src: url(../fonts/Roboto/Roboto-SemiBoldItalic.ttf) format("truetype");
  font-weight: 600;
  font-style: italic;
}


@font-face {
  font-family: Rubik;
  src: url(../fonts/Rubik/Rubik-Regular.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: RubikItalic;
  src: url(../fonts/Rubik/Rubik-Italic.ttf) format("truetype");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: RubikBold;
  src: url(../fonts/Rubik/Rubik-Bold.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: RubikBlack;
  src: url(../fonts/Rubik/Rubik-Black.ttf) format("truetype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: RubikBoldItalic;
  src: url(../fonts/Rubik/Rubik-BoldItalic.ttf) format("truetype");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: RubikExtraBold;
  src: url(../fonts/Rubik/Rubik-ExtraBold.ttf) format("truetype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: RubikExtraBoldItalic;
  src: url(../fonts/Rubik/Rubik-ExtraBoldItalic.ttf) format("truetype");
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: RubikSemiBold;
  src: url(../fonts/Rubik/Rubik-SemiBold.ttf) format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: RubikSemiBoldItalic;
  src: url(../fonts/Rubik/Rubik-SemiBoldItalic.ttf) format("truetype");
  font-weight: 600;
  font-style: italic;
}