*{
    font-family: 'Poppins', sans-serif;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
}
a{
    text-decoration: none;
}
.text-justify{
    text-align: justify;
}
.text-naranja{
    color:#ffcf23;
}
.bg-naranja-2{
    background-color:#ffcf23;
}
.bg-naranja{
    background-color: #ffeca5;
}
.texto-suscribete{
    width: 200px;
}
.contenido-cuerpo{
    background-color: #f5f4ec;
}
.hvr-sweep-to-right:before{
    background: #ffcf23;
}
.titulo-slider{
    font-size: 4.25em;
}
.slider-principal .carousel-caption{
    text-align: start;
    width: 30%;
    bottom: 10rem;
}
.contenedor-img-valores:hover .img-valores{
    transform: rotatey(90deg) ;
    transition-duration: 0.3s;
}
.texto-valores{
    transform: rotatey(-90deg);
    vertical-align: middle;
}
.contenedor-img-valores:hover .texto-valores{
    transform: rotatey(0deg);
    transition-delay: 0.3s;
    transition-duration: 0.3s;
}
.quienes-somos-1{
    transition-duration: 0.7s;
    transition-timing-function: ease-out;
}
.quienes-somos-2{
    margin-left: 200%;
    transition-duration: 0.7s;
    transition-timing-function: ease-out;
}
.quienes-somos-contenedor:hover .quienes-somos-1{
    margin-left: -200%;
}
.quienes-somos-contenedor:hover .quienes-somos-2{
    margin-left: 0;
}
/* Animacion */
.animar-columna{
    animation-name: carruselmarcas;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
@keyframes carruselmarcas{
    from {margin-left: 0%;}
    to { margin-left: -100%;}
}
/* Responsive */
@media (max-width:1600px){
    .slider-principal .carousel-caption{
        width: 45%;
        bottom: 7.25rem;
    }
    .titulo-slider{
        font-size: 4em;
    }
}
@media (max-width:1400px){
    .slider-principal .carousel-caption{
        width: 45%;
        bottom: 6.25rem;
    }
    .titulo-slider{
        font-size: 3.5em;
    }
}
@media (max-width:1200px){
    .slider-principal .carousel-caption{
        width: 55%;
        bottom: 5.25rem;
    }
    .titulo-slider{
        font-size: 3em;
    }
}
@media (max-width:992px){
    .slider-principal .carousel-caption{
        width: 75%;
        bottom: 2.25rem;
    }
    .titulo-slider{
        font-size: 2.75em;
    }
}
@media (max-width:768px){
    .slider-principal .carousel-caption{
        bottom: 0.25rem;
    }
    .titulo-slider{
        font-size: 3.5em;
    }
}
@media (max-width:576px){
    .slider-principal .carousel-caption{
        bottom: 0rem;
    }
    .titulo-slider{
        font-size: 2.25em;
    }
}
@media (max-width:400px){
    .slider-principal .carousel-caption .boton-contactanos a{
        padding: 0.5em 1.5em !important;
    }
    .titulo-slider{
        font-size: 1.75em;
    }
}