@import url('https://fonts.googleapis.com/css?family=Montserrat');
@import url('https://fonts.googleapis.com/css?family=Noticia+Text|Spinnaker');
@import url('https://fonts.googleapis.com/css?family=Noticia+Text');
@import url('https://fonts.googleapis.com/css?family=Raleway');
@import url('https://fonts.googleapis.com/css?family=Barlow');

.talleres_flotante{
    position: fixed;
    z-index: 9;
    right: 13px;
    bottom: 200px;
    cursor: pointer;
    width: 180px;
}
.talleres_flotante2{
    position: fixed;
    z-index: 9;
    right: 13px;
    bottom: 100px;
    cursor: pointer;
    width: 180px;
}

.body{
    overflow-x: hidden;
}
#nav_titulo
{
    font-family: 'Montserrat','500';
    font-size:1.4rem;
    color:#4d4d4d
}

#imagen-upaep
{
    height:30px; width:auto; float:left;
}

#hrs
{
    width:20%;
}
#unica
{
    width:20%;
}
#quees
{
    width:15%;

}
li
{
    cursor: pointer;
}

h4
{
    font-family: 'Raleway';
    font-size: 15px;
    color:#4d4d4d;  
}
.close
{
    color:#4d4d4d;
}

#titulo_seccion
{
    font-family: 'Spinnaker';
    font-size: 42px;
    color:#4d4d4d;
}
.texto_testimonios
{
    font-family: 'Noticia Text';
    font-size: 15px;
    color:#4d4d4d;
    text-align: justify;
}

#texto_largo
{
    font-family: 'Raleway', 'Regular';
    font-size: 15px;
    text-align: left;
    color:#4d4d4d;
}
#texto_dorado
{
    font-family:'Noticia Text';
    color:#c98935;
    font-size: 15px;
}
#horarios
{
    font-family:'Barlow';
    font-size:12px;
    color:#ffab00;  
}
.card-text
{
    color:black;
    font-family: "Barlow Condensed",Light;
    text-align: center;
    font-size: 37px;
    padding-bottom: 10%;
}

    h1#head_tutoriales
    {
        font-size: 3rem;
        color:#4D4D4D;
        font-family: 'Montserrat','500';
    }

    .card-text
    {
        color:black;
        font-family: "Barlow Condensed",Light;
        text-align: center;
        font-size: 29px;
        padding-bottom: 10%;
    }
    #padre
    {
        padding-left: 0%;
        padding-right:0%;
    }

.imagen-testimonio
{
    border-radius: 50%;
    border-color: red;
    border-width: 6px;
    width:25%;
    
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    
}

.btn#login
{
    background-color: #D50000;
    color:white;
    border-radius: 0%;
    font-family: 'Barlow';
    font-size:19px;
    height:65px;
    width:70%;
margin-top:1%;
    
}
.row
{
    margin-left:0px;
    margin-right:0px;
}
.btn#guia 
{
    background-color: #999999;
    color:white;
    border-radius: 0%;
    
}

#nombre_testimonio
{
    color:black;
    border-top: 2px;
    border-bottom: 2px;
    border-color:#FFAB00;
    padding-bottom:5px;
    padding-top:5px;
    border-top: 1px solid #FFAB00;
    font-family: 'Raleway';
    font-size: 15px;
    border-bottom: 1px solid #FFAB00;

}
#nombre_testimonio:hover{
    color:black;
    text-decoration: none;
    
}

.container-fluid
{
    padding-left:0%;
    padding-right:0%;
}
#row_2
{

    padding-left:0%;
    padding-right:0%;
    
    
    
}
#imagen_adorador
{
    width:25%;
}

.carousel-indicators li
{
    background-color:#B3B3B3;
    width:10px;
    height:10px;
    border-radius: 50%;
    z-index: 1 !important;

}
.carousel-indicators {
    z-index: 1;
}

.carousel-indicators .active {
    background-color:#FFAB00;
}

.img-fluid#tale
{
    width: 100%;
    height: 12.5vw;
    object-fit: cover;

} 
  
@media screen and (max-width: 1200px) {
    .imagen-testimonio
    {
    width:47%;
        
    }

  }
  
@media screen and (max-width: 1100px) {
    .btn#login
    {
        width:97%;
        font-size:17px;
    }
    #texto_largo
    {
        font-size: 15px;
    }
    #texto_dorado
    {
        font-size: 15px;
    }
  }


  @media screen and (max-width: 800px) {
    .btn#login
    {
        width:97%;
        font-size:15px;
    }
    .imagen-testimonio
    {
    width:46%;
        
    }
  }

  @media screen and (max-width: 767px) {
   
    .imagen-testimonio
    {
    width:20%;
        
    }
  }
  
  @media screen and (max-width: 700px) {
    .btn#login
    {
        width:97%;
        font-size: 12px;

    }
    #imagen_adorador
    {
    width:35%;
    }
    .imagen-testimonio
    {
    width:20%;
        
    }
  }

  @media screen and (max-width: 570px) {
    .btn#login
    {
        width:85%;
        font-size: 19px;
    }
    #imagen_adorador
    {
    width:20%;
    }
  
    
    #hrs
    {
        width:10%;
    }
    #unica
    {
        width:10%;
    }
    #quees
    {
        width:8%;
    }
	  .col-sm-4{ padding-top: 20px;	}
  }

  @media screen and (max-width:425px)
  {
      #nav_titulo
      {
          font-size:1rem;
      }
      .imagen-testimonio
      {
      width:30%;
          
      }
  }
  @media screen and (max-width:340px)
  {
      #nav_titulo
      {
          font-size:1rem;
      }
      #titulo_seccion
      {
          font-size:36px;
      }
      .imagen-testimonio
    {
    width:30%;
        
    }
  }
  @media screen and (max-width:289px)
  {
      #nav_titulo
      {
          font-size:1rem;
      }
      #titulo_seccion
      {
          font-size:30px;
      }
  }
  @media screen and (max-width:240px)
  {
      
      #titulo_seccion
      {
          font-size:25px;
      }
  }