@font-face{
    font-family:avenir b;
    src: url(fonts/Avenir-Bold.woff); 
}

@font-face{
    font-family:avenir r;
    src: url(fonts/Avenir-Regular.woff); 
}



/**********************CSS add**************************/

.logo-strave{
    max-width: 70px;
}

.text-footer-left{
    text-align: left;
}

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

.img-footer-right{
    text-align: right;
}

.text-footer-left{
    margin-top: 2.5%;
}

.back-imaginaction{
    background: url('archivos/header.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.back-form-footer{
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    height: 100%;
}

.form-control{
    background: transparent;
}

.fondo{
    height: 100vh;
}

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


.centrar-form{
      margin-top: 37%;
}

.ptb-90{
    padding: 90px 0;
}

.iconos{
    max-width: 70px;
}

.logo-footer{
    max-width: 200px;
    padding: 3.4% 0;
}

.mt-fechas{
    margin-top: 11%;
}

.padding-contenedor-fecha{
    padding: 0 20%;
}

.white-letter{
    color: #fff;
}

.plr{
    padding: 0 15px;
}

.boton-form{
   /* cursor: pointer;
    background: linear-gradient(to right,#e7e3e0,#979297);
    color: #000;
    padding: 10px 40px;*/
}

.avenir-b{
    font-family: avenir-b;
}

.avenir-r{
    font-family: avenir-r;
}

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

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

.w-700{
    font-weight: 700;
}

.padd-footer-col{
    padding: 10px 0;
}


/***************************************CSS boton*********************************************/

@media (min-width: 600px) {
  .wrap {
    width: 50%;
    float: left;
  }
}
[class^="btn-"] {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  max-width: 250px;
  margin: 1rem auto;
  text-transform: uppercase;
  border: 1px solid currentColor;
}
.btn-6 {
  
     background: linear-gradient(to right,#e7e3e0,#979297);
    color: #000;
     padding: 10px 40px;
    z-index: 99;
    cursor: pointer;

}
.btn-6 span {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-radius: 50%;
   background: linear-gradient(to right,black,white);
  transition: width 1s ease-in-out, height 1s ease-in-out;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: -1;
}
.btn-6:hover {
  color: #000;
}
.btn-6:hover span {
  width: 225%;
  height: 562.5px;
}
.btn-6:active {
  background-color: #183b6b;
}


/**************************Responsive 11/06/2018*************************************/

@media screen and (max-width: 1600px){

}

@media screen and (max-width: 480px){
    .text-footer-left{text-align: center;}
    .text-footer-left{text-align: center;}

}