@font-face {
    font-family: 'Roboto';
    src: url('/font/Roboto-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Roboto Black';
    src: url('/font/Roboto-Black.ttf') format('truetype');
}

@font-face {
    font-family: 'Roboto Thin';
    src: url('/font/Roboto-Thin.ttf') format('truetype');
}

@font-face {
    font-family: 'SharpSlab Regular';
    src: url('/font/SharpSlab/SharpSlab-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'AnahuacBook';
    src: url('/font/SharpSlab/SharpSlab-Book.ttf') format('truetype');
}

@font-face {
    font-family: 'AnahuacBold';
    src: url('/font/SharpSlab/SharpSlab-Semibold.ttf') format('truetype');
}

body {
    font-family: 'Roboto', sans-serif !important;
}
.font-A{
  font-family:AnahuacBook
}

.btn-anahuac {
    background-color: #ff5900;
    color: #fff;
    font-family:AnahuacBold;
}

.btn-anahuac:hover {
    background-color: #ff7008;
}

.active {
    color: #ffb208 !important;
}

.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem #fff;
}

.section-bg {
    background-size: cover;
}

.bg-fff {
    background-color: #fff;
}

.div-form {
    display: none;
}

.btn-anahuac-link {
    background-color: #fff;
    color: #ff5900;
    text-decoration: underline;
    font-size: 25px;
    font-family: AnahuacBold;
}

.btn-anahuac-link:hover {
    color: #d74d02;
    text-decoration: underline;
}

.title-student-font {
    font-family: AnahuacBold;
    color: #ff5900;
}

.color-anahuac {
    color: #ff5900;
}

.color-anahuac:hover {
    color: #d74d02;
}

a {
    color: #ff5900;
    -webkit-column-rule: #ff5900;
    -moz-column-rule: #ff5900;
    column-rule: #ff5900;
}

a:hover {
    color: #d74d02;
}


/* Loader */

    .loader-div {
      display:none;
      background-color: rgba(0, 0, 0, 0.4);
      position: fixed;
      z-index: 999;
      overflow: show;
      margin: auto;
      top: 0%;
      left: 0;
      bottom: 0;
      right: 0;
    }

    .loader-div:before {
      content: '';
      display: block;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.4);

    }

    .cs-loader-inner {
      transform: translateY(-50%);
      top: 50%;
      position: absolute;
      width: calc(100% - 200px);
      color: #ff5900;
      padding: 0 100px;
      text-align: center;
    }

    .cs-loader-inner label {
      font-size: 50px;
      opacity: 0;
      display: inline-block;
    }

    @keyframes lol {
      0% {
        opacity: 0;
        transform: translateX(-300px);
      }

      33% {
        opacity: 1;
        transform: translateX(0px);
      }

      66% {
        opacity: 1;
        transform: translateX(0px);
      }

      100% {
        opacity: 0;
        transform: translateX(300px);
      }
    }

    @-webkit-keyframes lol {
      0% {
        opacity: 0;
        -webkit-transform: translateX(-300px);
      }

      33% {
        opacity: 1;
        -webkit-transform: translateX(0px);
      }

      66% {
        opacity: 1;
        -webkit-transform: translateX(0px);
      }

      100% {
        opacity: 0;
        -webkit-transform: translateX(300px);
      }
    }

    .cs-loader-inner label:nth-child(6) {
      -webkit-animation: lol 3s infinite ease-in-out;
      animation: lol 3s infinite ease-in-out;
    }

    .cs-loader-inner label:nth-child(5) {
      -webkit-animation: lol 3s 100ms infinite ease-in-out;
      animation: lol 3s 100ms infinite ease-in-out;
    }

    .cs-loader-inner label:nth-child(4) {
      -webkit-animation: lol 3s 200ms infinite ease-in-out;
      animation: lol 3s 200ms infinite ease-in-out;
    }

    .cs-loader-inner label:nth-child(3) {
      -webkit-animation: lol 3s 300ms infinite ease-in-out;
      animation: lol 3s 300ms infinite ease-in-out;
    }

    .cs-loader-inner label:nth-child(2) {
      -webkit-animation: lol 3s 400ms infinite ease-in-out;
      animation: lol 3s 400ms infinite ease-in-out;
    }

    .cs-loader-inner label:nth-child(1) {
      -webkit-animation: lol 3s 500ms infinite ease-in-out;
      animation: lol 3s 500ms infinite ease-in-out;
    }