/*header*/
header{
    background-color: var(--marino);
    /*background-image: url('../img/hero_motos.jpg');*/
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;

  }
  .hero{
    width: 100%;
    height: 450px;
    /* display: flex;
    align-items: center;
    justify-content:center; */

  }

  .carrousel_n{
    padding: 0px;
  }


  .miscosas{
    position: absolute;
    height: 100%;
    top:0px;
    width: 100%;
    height:100%;
  }

  .tz{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }

  .cp3{
    position: relative;
    width: 100%;
    height: 100%;
  }



  .hero_logo{
    width: 380px;
    z-index: 99;
    --animate-duration: 1.5s;
  }

  .hero_logo_cp3{
    position: absolute;
    width:180px;
    margin-top: 20px;
    right: 0px;
    --animate-duration: 1.5s;
  }

  .hero_des1_cp3{
    position: absolute;
    width:180px;
    bottom: 40px;
    --animate-duration: 2s;
  }
  .hero_des2_cp3{
    position: absolute;
    width:180px;
    right: 0px;
    bottom: 40px;
    --animate-duration: 2s;
  }


  .desk-img {
    display: block;
  }

  .mobile-img {
    display: none;
  }

  .no_overflow{
    overflow: hidden;
  }

  .negro_blanco{
    filter: invert(0);
  }

  @media (max-width: 767.98px) {
    .negro_blanco{
      filter: invert(1);
    }
    .desk-img {
      display: none;
    }
    .mobile-img {
      display: block;
    }

    .hero_logo{
      width: 130px;
    }
    .tz{
      margin-top: 19px;
      align-items:flex-start;
      justify-content: flex-end;
    }
    .hero_logo_cp3{
      width: 130px;
      right: 10px;
    }
    .hero_des1_cp3{
      width: 100px;
    }
    .hero_des2_cp3{
      width: 100px;
    }
    .btn-menu>h3{
      font-size: .8em!important;
    }




  }


  @media (min-width: 1400px) {
    #slogan1 {
      background-size: cover!important;
    }
  }


  #botones{
    background-color: var(--naranja1);
  }

  .btn-menu{
    width: 100%;
    height: 100%;
    background-color:var(--naranja1);
    padding: 32px 0px 32px 0px;
    text-align: center;
    border-radius: 5px;
  }
  .btn-menu:hover{
    animation: anima_up 1s;
    animation-fill-mode: forwards;
  }
  @keyframes anima_up {
    100% {
      transform: translateX(0px) translateY(-35px);
    }
  }

  .btn-menu>a{
    color: #ffffff;
    text-decoration: none;
    background-color: #000000;
  }

  .bordes{
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
  }

  #about{
    padding:20px 0px!important;
  }

  #mision_vision{
    background-image: url('../img/mision_vision.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
  }

  /*Slogan1*/
  #slogan1{
    padding: 40px 0px 40px 0px!important;
    /* height: 400px; */
    background-image: url('../img/seccion_slogan.jpg');
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
  }

  .special_clibrid{
    font-family: 'Calibri';
    font-family: 'Calibri';
    letter-spacing: 6px;
    font-size: 2.1em;
  }

  /*Revolucion*/
  #revolucion{
    background-image: url('../img/revolucion.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
  }

  /*Hoja*/
  #hoja{
    background-image: url('../img/hoja_rota.jpg');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
  }

  .logo_naranja{
    width: 75%;
    margin: 0 auto;
  }

  .conten_icon_home{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .ih{
    width: 50px;
  }
  .ih1{
    width: 60px;
  }
  .ig_g{
    font-family: Impact;
    letter-spacing: 1px;
    font-style: 18px;

  }


  #call-to{
    width: 100%;
    height: 450px;
    background-image: url(../img/chica_bici_03.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #call-to:hover {
    animation-name: backgrounds;
    animation-duration: 4s;
  }

  @keyframes backgrounds {
    0% {
      background-color: aqua;
    }
   25% {
      background-color: #9A1663;
    }
    50% {
      background-color: #E0144C;
    }
    75% {
      background-color: #FF5858;
    }
    100% {
      background-color: #FF97C1;
    }
  }

  .icons_ct{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: end;
  }

  .i_ct{
    width: 55px;
    filter: invert(1);
    padding: 10px;
    cursor: pointer;
  }

  .bl{
    border:1px solid #000000;
    border-radius: 8px 0px 0px 8px;
  }
  .bc{
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    width: 53px!important;
  }
  .br{
    border:1px solid #000000;
    border-radius: 0px 8px 8px 0px;
  }



  @media (min-width: 767.98px) and  (max-width: 1300px){
    .logo_naranja{
      width: 50%;
    }
    #hoja{

      background-position: center right;
    }

  }

  @media (max-width: 767.98px) {
    #call-to{
      background-image: url('../img/foto_chica.jpg');
    }


  }