@font-face {
  font-family: "Bebas";
  src: url("../font/bebas-webfont.woff2") format("woff2"),
    url("../font/bebas-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "GOTHICB_0";
  src: url("../font/GOTHICB_0.TTF");
}

.f55 {
  font-size: 55px;
}

.f42 {
  font-size: 42px;
}

.f36 {
  font-size: 36px;
}

.f34 {
  font-size: 34px;
}

.f26 {
  font-size: 26px;
}

.f18 {
  font-size: 18px;
}

h1,
.h1 {
  font-size: 30px;
}

h2,
.h2 {
  font-size: 28px;
}

h3,
.h3 {
  font-size: 24px;
}

h4,
.h4 {
  font-size: 20px;
}

h5,
.h5 {
  font-size: 18px;
}

h6,
.h6 {
  font-size: 16px;
}

.fw600 {
  font-weight: 600;
}

.fc00 {
  color: #000;
}

.fc54 {
  color: #545454;
}

.fc20 {
  color: #202121;
}

.bgf5 {
  background-color: #f5f5f5;
}

.bge6 {
  background-color: #e6212a;
}

.bgf20 {
  background-color: #202121;
}

.fc33 {
  color: #333333;
}

.fc66 {
  color: #666666;
}

.fccc {
  color: #cc231d;
}

.fcff {
  color: #ffffff;
}

.fc99 {
  color: #999999;
}


.fl225 {
  line-height: 2.25;
}

.fl2 {
  line-height: 2;
}

.fl25 {
  line-height: 2.5;
}

.fl1875 {
  line-height: 1.875;
}

.fl1685 {
  line-height: 1.685;
}

.fl172 {
  line-height: 1.72;
}

.bold {
  font-weight: bold !important;
}


@media only screen and (max-width: 1043px) {
  .f55 {
    font-size: 40px;
  }

  .f42 {
    font-size: 32px;
  }

  .f36 {
    font-size: 30px;
  }

  .f34 {
    font-size: 28px;
  }

  .f18 {
    font-size: 16px;
  }

  h1,
  .h1 {
    font-size: 24px;
  }

  h2,
  .h2 {
    font-size: 22px;
  }

  h3,
  .h3 {
    font-size: 20px;
  }

  h4,
  .h4 {
    font-size: 18px;
  }

  h5,
  .h5 {
    font-size: 16px;
  }

  h6,
  .h6 {
    font-size: 15px;
  }

}

@media only screen and (max-width: 768px) {
  .f55 {
    font-size: 24px;
  }

  .f42 {
    font-size: 24px;
  }

  .f36 {
    font-size: 22px;
  }

  .f34 {
    font-size: 20px;
  }

  .f26 {
    font-size: 20px;
  }

  .f18 {
    font-size: 14px;
  }

  h1,
  .h1 {
    font-size: 22px;
  }

  h2,
  .h2 {
    font-size: 20px;
  }

  h3,
  .h3 {
    font-size: 18px;
  }

  h4,
  .h4 {
    font-size: 17px;
  }

  h5,
  .h5 {
    font-size: 16px;
  }

  h6,
  .h6 {
    font-size: 15px;
  }

}

.w-1776 {
  width: 92%;
  max-width: 1776px;
  margin: 0 auto;
}

.w-1200 {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}

.text-c {
  text-align: center;
}

.bg {
  position: relative;
  overflow: hidden;
}

.bg_img {
  width: 100%;
  max-width: 10000px;
  transition: all 0.4s;
}

.bg_img:hover {
  transform: scale(1.1);
}

.mt40 {
  margin-top: 40px;
}

.mt60 {
  margin-top: 60px;
}

.mt65 {
  margin-top: 65px;
}

.mt70 {
  margin-top: 70px;
}

.mt75 {
  margin-top: 75px;
}

.mt85 {
  margin-top: 85px;
}

.mb60 {
  margin-bottom: 60px;
}

.pt10 {
  padding-top: 10px;
}

.pb10 {
  padding-bottom: 10px;
}

.pb20 {
  padding-bottom: 20px;
}

.pt20 {
  padding-top: 20px;
}

.pb20 {
  padding-bottom: 20px;
}

.pt30 {
  padding-top: 30px;
}

.pb30 {
  padding-bottom: 30px;
}

.pl30 {
  padding-left: 30px;
}

.pr30 {
  padding-right: 30px;
}

.pt40 {
  padding-top: 40px;
}

.pt80 {
  padding-top: 80px;
}

.pt60 {
  padding-top: 60px;
}

.pt95 {
  padding-top: 95px;
}

.pt110 {
  padding-top: 110px;
}

.pb60 {
  padding-bottom: 60px;
}

.pb40 {
  padding-bottom: 40px;
}

.pb70 {
  padding-bottom: 70px;
}

.pb80 {
  padding-bottom: 80px;
}

.pb100 {
  padding-bottom: 100px;
}

.bgf6 {
  background: #f6f6f6;
}

@media only screen and (max-width: 1440px) {
  .w-1200 {
    width: 88%;
  }
}

@media only screen and (max-width: 1366px) {
  .w-1200 {
    width: 90%;
  }
}

@media only screen and (max-width: 1200px) {
  .pt110 {
    padding-top: 70px;
  }

  .mt85 {
    margin-top: 65px;
  }
}

@media only screen and (max-width: 1043px) {
  .w-1200 {
    width: 88%;
  }

  .pt95 {
    padding-top: 65px;
  }

  .mt70 {
    margin-top: 50px;
  }

  .pb100 {
    padding-bottom: 70px;
  }

  .pt80 {
    padding-top: 70px;
  }

  .mt85 {
    margin-top: 50px;
  }
}

@media only screen and (max-width: 960px) {
  .w-1200 {
    width: 92%;
  }
}

@media only screen and (max-width: 768px) {
  .fl225 {
    line-height: 1.875;
  }

  .pt95 {
    padding-top: 30px;
  }

  .pt80 {
    padding-top: 30px;
  }

  .mt70 {
    margin-top: 25px;
  }

  .pb100 {
    padding-bottom: 30px;
  }

  .mt40 {
    margin-top: 25px;
  }

  .pt60 {
    padding-top: 30px;
  }

  .pt40 {
    padding-top: 20px;
  }

  .pb60 {
    padding-bottom: 30px;
  }

  .pb40 {
    padding-bottom: 20px;
  }

  .pb30 {
    padding-bottom: 20px;
  }

  .pb70 {
    padding-bottom: 30px;
  }

  .pt110 {
    padding-top: 30px;
  }

  .mt60 {
    margin-top: 20px;
  }

  .mb60 {
    margin-bottom: 20px;
  }

  .pb80 {
    padding-bottom: 30px;
  }

  .mt85 {
    margin-top: 25px;
  }
}