@font-face {
    font-family: 'ransomregular';
    src: url('fonts/ransom-webfont.woff2') format('woff2'),
         url('fonts/ransom-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'barlow_semi_condensedregular';
    src: url('fonts/barlowsemicondensed-regular-webfont.woff2') format('woff2'),
         url('fonts/barlowsemicondensed-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'barlow_semi_condensedmedium';
    src: url('fonts/barlowsemicondensed-medium-webfont.woff2') format('woff2'),
         url('fonts/barlowsemicondensed-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'barlow_semi_condensedlight';
    src: url('fonts/barlowsemicondensed-light-webfont.woff2') format('woff2'),
         url('barlowsemicondensed-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
.p0{
  padding: 0;
}
.movil{
  display: none;
}
body{
  background: black;
}
h2{
  font-family: 'barlow_semi_condensedmedium';
  font-size: 3rem;
  color: white;
  line-height: 2.5rem;
}
p{
  font-family: 'barlow_semi_condensedlight';
  color: white;
}
.img-overlay{
  background-image: url("../img/grain.gif");
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
  background-position: center center;
  background-repeat: repeat;
  background-size: 14% auto;
  opacity: 0.2;
  transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}
header .colorlib-navbar-brand .colorlib-logo{
  max-width: 200px;
  width: 180px;
}
section.header{
  background-image: url("../img/header.jpg");
  background-size: contain;
  background-attachment: fixed;
  background-repeat: no-repeat;
}
section.header img{
  opacity: .1;
  mix-blend-mode: multiply;
}
section.header .logo-header{
  opacity: 1;
  position: absolute;
  width: 10rem;
  z-index: 999;
  mix-blend-mode: normal;
  margin: 1rem;
}
.cont-menu{
  position: absolute;
  color: white;
  right: 3rem;
  z-index: 999;
}
.txt-header{
  position: absolute;
  bottom: 0;
  color: #fbfafa;
  margin: 0 0 11rem 20rem;
}
.txt-w{
  font-family: 'ransomregular';
  text-transform: uppercase;
  font-size: 4rem;
  line-height: 1.5rem;
  display: block;
}
.txt-header .txt-crew{
  font-family: 'barlow_semi_condensedmedium';
  text-align: right;
  display: block;
  font-size: 1.5rem;
}

  section.somos, section.clases, section.feed, section.contacto, section.disciplina{
  position: relative;
  background-color: #1d1d1d;
  padding: 3rem 0;
  }
  .somos h2{
    margin: 3rem auto;
  }
  .btn{
    margin-top: 3rem;
    padding: 0;
  }
  .btn a{
    font-family: 'barlow_semi_condensedlight';
    color: white;
    border: 1px solid #e54d38;
    padding: .8rem 1.2rem;
  }
  .btn a:hover{
    background-color: #e54d38;
  }

  section.pilares{
    background-image: url("../img/bg-disciplina.jpg");
    background-size:cover;
    background-repeat: no-repeat;
    padding: 5rem 0;
    background-position: center;
  }
  .ico-4{
    width: 80px;
    margin: 1rem;
  }
  section.pilares hgroup{
    margin-bottom: 4rem;
  }
  section.pilares hgroup h3{
    font-family: 'barlow_semi_condensedmedium';
    color: white;
  }
  section.pilares hgroup h3 span{
    background-color: #e54d38;
    color: #1d1d1d;
    padding-left: .4rem;
    padding-right: .4rem;
    font-size: 1.2rem;
  }
  section.pilares hgroup p{
    padding: .8rem 1.8rem;
  }

  section.disciplina{
    position: relative;
    overflow: hidden;
    max-height: 20vh;
  }
  section.disciplina span{
    font-family: 'ransomregular';
    text-transform: uppercase;
    color: white;
    font-size: 10rem;
    display: table-cell;
  }
  #slide-disciplina{
    display: none;
  }
  .ocultar{
    display: none;
  }
  .slide-overlay{
    position: absolute;
    z-index: 99;
  }
  .disciplina-1{
    animation: slide 82s infinite linear;
    position: relative;
    z-index: 2;
    top: -7rem;
  }
  @keyframes slide{
    from{
      left: 100vw;
    }
    to{
      left: -440vw;
    }
  }
  section.disciplina .disciplina-txt{
    position: absolute;
    left: 0;
    text-align: left;
  }
  section.clases .txt-disciplina{
    font-family: 'barlow_semi_condensedmedium';
    font-size: 3rem;
    color: white;
    line-height: 4.5rem;
    margin-bottom: 1rem;
  }
  section.clases  .txt-disciplina:hover{
    color: #db5643;
    cursor: pointer;
    border-bottom: 1px solid #db5643;
  }
  section.clases h4{
    font-family: 'barlow_semi_condensedmedium';
    color: #908f8f;
    margin: 8rem auto 2rem;
  }
  section.clases ul{
    color: #db5643;
    font-family: 'barlow_semi_condensedmedium';
    text-transform: uppercase;
    font-size: 1.2rem;
  }
  section.clases ul li{
    font-size: .9rem;
    color: white;
    font-family: 'barlow_semi_condensedlight';
    list-style: none;
  }
  section.feed h4{
    display: inline-block;
    font-size: 2.8rem;
    color: white;
    font-family: 'barlow_semi_condensedmedium';
    text-align: center;
  }
  section.feed .title-insta{
    text-align: center;
  }
  section.feed .title-insta img{
    display: inline-block;
    width: 2rem;
    margin-bottom: 1rem;
    margin-left: .5rem;
  }
  section.feed p{
    text-align: center;
    text-transform: uppercase;
  }
  .feed-insta{
    overflow: hidden;
  }
  section.feed iframe{
    display: block;
    margin: auto;
  }
  section.contacto{
    padding-bottom: 8rem;
  }
  section.contacto h4,h3{
    color: white;
    font-family: 'barlow_semi_condensedmedium';
  }
  section.contacto h3{
    text-transform: uppercase;
  }
  section.contacto label{
    font-family: 'barlow_semi_condensedlight';
    color: white;
  }
  section.contacto .form-control, .custom-select{
    height: calc(1.5em + 0.75rem + 2px);
    font-size: 1rem;
    padding: 0.375rem 0.75rem;
    color: white;
    font-family: 'barlow_semi_condensedlight';
    background-color: transparent;
    border: solid 1px #464545;
  }
  .form-control:focus, .custom-select:focus{
    border-color: #db5643;
    box-shadow: 0 0 0 0.2rem rgb(219 86 87 / 25%)
  }
  section.contacto .btn-contact{
    text-align: center;
    border: 1px solid #e54d38;
    margin-top: 2rem;
    padding: .5rem 0;
    text-transform: uppercase;
    font-family: 'barlow_semi_condensedlight';
    cursor: pointer;
  }
  section.contacto .btn-contact a{
    color: white;
  }
    section.contacto .btn-contact:hover{
      background-color: #e54d38;
    }

  footer{
    background-color: #db5643;
    padding: 3rem 0;
  }
  footer h5{
    color: #1d1d1d;
    font-family: 'barlow_semi_condensedmedium';
    text-transform: uppercase;
  }
  footer p{
    font-family: 'barlow_semi_condensedlight';
    color: white;
    margin-bottom: 0;
  }
  footer a{
    color: #1d1d1d;
    text-decoration-line: underline;
    font-style: italic;
    font-family: 'barlow_semi_condensedlight';
    margin-bottom: 1rem;
    display: block;
    }
    footer .powered{
      text-decoration: none;
      display: inline-block;
    }
    footer .powered h5{
      font-size: .9rem;
      font-weight: bold;
    }
    .logo-woorx{
      display: inline;
    }
    .logo-woorx img{
      max-height: 16px;
    }
    .txt-c{
      text-align: center;
    }