/* Fonts */

  /* Catorze27 Style 1 */
  @font-face {
    font-family: "Catorze27 Style 1";
    /* src: url("../font/Catorze27Style1/Catorze27Style1-Medium.ttf") format("truetype");  */
    src: url("../font/Catorze27Style1/Catorze27Style1-SemiBold.ttf") format("truetype"); 
  }

  .font-Catorze27 { font-family: "Catorze27 Style 1" !important; }


  /* Roboto Slab */
  @font-face {
    font-family: "Roboto Slab";
    src: url("../font/Roboto_Slab/static/RobotoSlab-Light.ttf") format("truetype"); 
    font-weight: 300;
  }
  @font-face {
    font-family: "Roboto Slab";
    src: url("../font/Roboto_Slab/static/RobotoSlab-Regular.ttf") format("truetype");
    font-weight: 400; 
  }
  @font-face {
    font-family: "Roboto Slab";
    src: url("../font/Roboto_Slab/static/RobotoSlab-Medium.ttf") format("truetype");
    font-weight: 500; 
  }

  .font-RobotoSlab { font-family: "Roboto Slab" !important; }


  /* Museo Sans Cyrl; */
  @font-face {
    font-family: "Museo Sans Cyrl";
    src: url("../font/Museo_Sans_Cyrl/Museosanscyrl500.ttf") format("truetype");
  }
  @font-face {
    font-family: "Museo Sans Cyrl";
    src: url("../font/Museo_Sans_Cyrl/MuseoSansCyrl-300.ttf") format("truetype");
    font-weight: 300;
  }
  @font-face {
    font-family: "Museo Sans Cyrl";
    src: url("../font/Museo_Sans_Cyrl/MuseoSansCyrl700.ttf") format("truetype");
    font-weight: 600;
  }

  .font-MuseoSans { font-family: "Museo Sans Cyrl" !important; }


  /* Baron Neue */
  @font-face {
    font-family: "Baron Neue";
    src: url("../font/Baron_Neue/BaronNeue.ttf") format("truetype");
    font-weight: 400; 
  }
  @font-face {
    font-family: "Baron Neue";
    src: url("../font/Baron_Neue/BaronNeueBold.ttf") format("truetype");
    font-weight: 700; 
  }

  .font-BaronNeue { font-family: "Baron Neue" !important; }

  /* SF Pro Display */
  @font-face {
    font-family: "SF Pro Display";
    src: url("../font/SF_Pro_Display/SFPRODISPLAYMEDIUM.OTF") format("opentype");
    font-weight: 500; 
  }

  .font-SFProDisplay { font-family: "SF Pro Display" !important; }


/* Size */
.f-title {
  font-family: 'Catorze27 Style 1';
}

.f-number {
  font-family: 'Catorze27 Style 1';
  font-size: 144px;
}

.f-title_modal {
  font-family: 'Catorze27 Style 1';
  font-size: 48px;
  line-height: 95%;
}

.f-h1 {
  font-family: 'Catorze27 Style 1';
  font-size: 56px;
  line-height: 95%;
}

.f-h2 {
  font-family: 'Catorze27 Style 1';
  font-size: 30px;
  line-height: 140%;
}

.f-interlinear {
  font-family: "Roboto Slab";
  font-size: 19px;
  line-height: 155%;
}

.f-text {
  font-family: 'Museo Sans Cyrl';
  font-size: 15px;
  line-height: 140%;
}

.f-text_small {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 160%;
}


/* Color */
.f-white { color: #fff; }
.f-light_gray { color: #F1F1F1; }
.f-gray { color: #828282; }
.f-dark { color: #1B1C21; }
.f-green { color: #7DA334; }
.f-yellow { color: #F6C57C; }
.f-black { color: #000; }