.resalta {
    color: #de3f00;
}
.container-principal {
    color: #525252;
    background: #fff;
}
.container-principal .col-izq .texto {
    padding: 20px 20px 0 20px;
    text-align: left;
    font-size: 1.2em;
}
.container-principal .col-izq .imagen {
    text-align: right;
    margin-right: 20px;
}
.container-principal .col-izq .imagen img {
    width: 150px;
}
.container-principal .col-der .imagen {
    text-align: left;
}
.container-principal .col-der .imagen img {
    width: 130px;
    top: -20px;
}
.container-principal .col-der .texto {
    padding: 5px 20px 20px 20px;
    text-align: center;
    font-size: 1.2em;
}
.row-ofrecemos {
    padding: 5px;
}
.row-ofrecemos .te-ofrecemos {
    text-align: center;
    font-size: 1.3em;
}
.row-ofrecemos .caracteristicas {
    padding: 5px;
}
.row-ofrecemos .caracteristicas .border-car {
    border: 1px solid #b6effc;
    border-radius: 15px;
    color: #525252;
    padding: 5px;
    background: #fff;
    height: 200px;
    overflow: hidden;
}
.row-ofrecemos .caracteristicas .border-car:hover {
    color: #525252;
    border: 1px solid #65bfd3;
}
.row-ofrecemos .caracteristicas .info-car {
    text-align: center;
    padding-top: 5px;
    width: 100%;
    height: 200px;
    position: relative;
    overflow: hidden;
}
.row-ofrecemos .caracteristicas .info-car .texto-oculto {
    position: absolute;
    opacity: 0;
    background: #fff;
    z-index: 2;
    border-radius: 10px;
    top: 150px;
}
.row-ofrecemos .caracteristicas .info-car .texto-oculto .imagen-oculta img {
    width: 40px;
    text-align: center;
    padding-top: 10px;
}
.row-ofrecemos .caracteristicas .border-car:hover .texto-oculto {
    opacity: 1;
    transition: 1.5s ease all;
    top: 0;
    height: auto;
}
.row-ofrecemos .caracteristicas .info-car .texto-oculto p {
    position: relative;
    padding: 5px;
    height: 150px;
}
.row-ofrecemos .caracteristicas .info-car .imagen-thumb {
    width: 100%;
    position: relative;
    overflow: hidden;
}
.row-ofrecemos .caracteristicas .info-car .imagen-thumb img {
    position: relative;
    width: 80px;
    margin: auto;
}
.row-ofrecemos .caracteristicas .info-car p {
    font-size: 1em;
    padding-top: 5px;
    text-align: center;
}
.container-responsive .row-responsive {
    position: relative;
    overflow: hidden;
    background: #ecf4f6;
}
.container-responsive .row-responsive img {
    position: absolute;
    width: 100%;
    margin: 0;
    bottom: 0;
}
.container-responsive .row-responsive {
    color: #525252;
    text-shadow: 1px 1px 2px #f2f2f2;
}
.container-responsive .row-responsive p {
    padding: 5px;
}
.container-responsive .row-responsive .responsive {
    text-align: center;
    padding: 35px;
    font-size: 1.1em;
}
.container-responsive .row-responsive .responsive img {
    position: relative;
    width: 200px;
    margin: 0;
    padding: 10px;
}
.container-responsive .row-responsive .socialsplan {
    text-align: center;
    padding: 35px;
    font-size: 1.1em;
    background: #fff;
}
.container-responsive .row-responsive .socialsplan img {
    width: 200px;
    padding: 10px;
    position: relative;
}
.container-responsive .row-responsive .cloud {
    text-align: center;
    padding: 35px;
    font-size: 1.1em;
}
.container-responsive .row-responsive .cloud img {
    width: 120px;
    margin-bottom: 20px;
    position: relative;
    padding: 10px;
}

.container-contactanos .row-contactanos {
    text-align: center;
    background: #f2f2f2;
    padding: 0;

}
.contacto-text {
    color: #de3f00;
    padding: 20px;
    font-size: 1.2em;
}




.container-contactanos .row-contactanos .w {
    text-align: center;
    width: 50%;
    padding: 20px;
}


.container-contactanos .row-contactanos .w .whats{
    width: 150px;
    margin: 0 auto;
    text-align: center;
    position: relative;
}

.container-contactanos .row-contactanos .whats-img {
    padding: 10px;
    width: 100%;
    text-align: center;
    margin: 0 auto;
}
.container-contactanos .row-contactanos .whats-img img {
    width: 60px;
}



.container-contactanos .row-contactanos .f {
    text-align: center;
    padding: 20px;
    width: 50%;
}


.container-contactanos .row-contactanos .f .face{
     width: 150px;
    margin: 0 auto;
    text-align: center;
    position: relative;
}

.container-contactanos .row-contactanos .face-img {
     padding: 10px;
    width: 100%;
    text-align: center;
    margin: 0 auto;
}
.container-contactanos .row-contactanos .face-img img {
    width: 55px;
}




.container-contactanos .mensaje {
    padding: 25px;
    text-align: center;
}
.container-contactanos .mensaje-texto {
    color: #525252;
    text-align: center;
    font-size: 1.2em;
}
.container-contactanos .mensaje-btn {
    padding: 20px;
}
.container-contactanos .mensaje-btn button {
    font-size: 1.4em;
    width: 80%}
.container-clientes .row-clientes {
    padding: 20px;
    margin: 0 auto;
}
.container-clientes .row-clientes .cliente-text {
    color: #525252;
    text-align: center;
    padding: 10px;
    font-size: 1.2em;
}
.container-clientes .row-clientes .cliente {
    padding: 10px;
    text-align: center;
    margin: 0 auto;
}
.container-clientes .row-clientes .cliente img {
    width: 50px;
    opacity: .8;
    margin: 10px;
}
.container-clientes .row-clientes .cliente img:hover {
    transform: scale(1.5);
    transition: ease 2s;
    opacity: 1;
}
.container-redes {
    text-align: center;
    background: #ecf4f6;
    padding-top: 20px;
}
.container-redes .row-redes .redes-header p {
    color: #525252;
}
.container-redes .row-redes .col-redes ul {
    list-style: none;
    text-align: center;
    padding: 0;
}
.container-redes .row-redes .col-redes ul li {
    list-style: none;
    display: inline-block;
    position: relative;
    overflow: hidden;
    margin: 10px;
}
.container-redes .row-redes .col-redes ul li a {
    background: rgb(0, 92, 126, .9);
    padding: 20px;
    font-size: 2em;
    color: #fff;
    width: 80px;
    height: 80px;
}
.container-redes .row-redes .col-redes ul li .face:hover {
    background: #fff;
    color: #3b5998;
    transition: 1s ease all;
}
.container-redes .row-redes .col-redes ul li .youtube:hover {
    background: #fff;
    color: #c4302b;
    transition: 1s ease all;
}
.container-redes .row-redes .col-redes ul li .insta:hover {
    background: #fff;
    color: #a138c9;
    transition: 1s ease all;
}
.container-redes .row-redes .col-redes ul li .mail:hover {
    background: #fff;
    color: #d3c268;
    transition: 1s ease all;
}
.container-redes .row-redes .col-redes ul li .phone:hover {
    background: #fff;
    color: #de3f00;
    transition: 1s ease all;
}


/* =================================================================================*/
/* =================================================================================*/
/* =================================================================================*/
/* =================================================================================*/
/* =================================================================================*/
/* =================================================================================*/



@media (min-width:576px) {
    .container-principal {
    color: #525252;
    background: #fff;
}
.container-principal .col-izq .texto {
    padding: 45px 0 20px 40px;
    font-size: 1.1em;
}
.container-principal .col-izq .imagen {
    text-align: left;
    padding-top: 35px;
    margin: 0;
}
.container-principal .col-izq .imagen img {
    width: 140px;
}
.container-principal .col-der {
    padding: 20px;
}
.container-principal .col-der .imagen {
    text-align: right;
}
.container-principal .col-der .imagen img {
    width: 110px;
    top: -20px;
}
.container-principal .col-der .texto {
    padding: 20px 55px 20px 20px;
    text-align: left;
    font-size: 1.1em;
}
.row-ofrecemos {
    padding: 45px;
}
.row-ofrecemos .caracteristicas {
    padding: 5px;
}
.row-ofrecemos .caracteristicas .border-car {
    height: 170px;
}
.row-ofrecemos .caracteristicas .border-car:hover {
    color: #525252;
    border: 1px solid #65bfd3;
}
.row-ofrecemos .caracteristicas .info-car {
    height: 170px;
}
.row-ofrecemos .caracteristicas .info-car .texto-oculto .imagen-oculta img {
    width: 50px;
    margin-top: 10px;
}
.row-ofrecemos .caracteristicas .info-car .texto-oculto p {
    padding: 10px;
}
.row-ofrecemos .caracteristicas .info-car p {
    padding: 10px;
}
.container-responsive .row-responsive p {
    padding: 15px;
}
.container-responsive .row-responsive .responsive {
    font-size: 1em;
}
.container-responsive .row-responsive .socialsplan {
    font-size: 1em;
}
.container-responsive .row-responsive .cloud {
    font-size: 1em;
}
.contacto-text {
    font-size: 1em;
}


.container-contactanos .row-contactanos .w {
    font-size: 1em;
}
.container-contactanos .row-contactanos .whats-img img {
    width: 60px;
}
/*.container-contactanos .row-contactanos .whats .whats-p {
    opacity: 1;
    font-size: 1.2em;
    width: 100%;
    text-align: center;
}*/

.container-contactanos .row-contactanos .f {
    text-align: center;
}
.container-contactanos .row-contactanos .face-img img {
    width: 55px;
}
/*.container-contactanos .row-contactanos .face .face-p {
    opacity: 1;
    width: 100%;
    font-size: 1.2em;
}*/



.container-contactanos .mensaje {
    padding: 45px;
}
.container-contactanos .mensaje-btn button {
    font-size: 1.2em;
    width: 200px;
    height: 80px;
}
.container-clientes .row-clientes .cliente img {
    width: 60px;
}
.container-redes .row-redes .col-redes ul li {
    margin: 25px;
}
.container-redes .row-redes .col-redes ul li a {
    padding: 10px;
    font-size: 2em;
}
}

/* =================================================================================*/
/* =================================================================================*/

@media (min-width:768px) {
    .container-principal {
    color: #525252;
}
.container-principal .col-izq {
    padding: 25px 30px 20px 25px;
}
.container-principal .col-izq .texto {
    font-size: 1em;
}
.container-principal .col-izq .imagen {
    text-align: center;
    padding-top: 0;
}
.container-principal .col-izq .imagen img {
    width: 125px;
}
.container-principal .col-der .imagen {
    text-align: center;
    padding: 20px 20px 0 20px;
}
.container-principal .col-der .texto {
    padding: 20px 65px 20px 20px;
    text-align: center;
    font-size: 1em;
}
.row-ofrecemos {
    padding: 10px 20px 10px 20px;
}

.row-ofrecemos .caracteristicas {
    padding: 20px;
    margin: 0;
}
.row-ofrecemos .caracteristicas .border-car {
    height: 170px;
}
.row-ofrecemos .caracteristicas .info-car .texto-oculto .imagen-oculta img {
    margin-top: 5px;
}
.container-responsive .row-responsive p {
    padding: 15px;
}
.container-responsive .row-responsive .responsive {
    padding: 35px 200px 35px 200px;
}
.container-responsive .row-responsive .socialsplan {
    padding: 35px 200px 35px 200px;
}
.container-responsive .row-responsive .cloud {
    padding: 35px 200px 35px 200px;
    font-size: 1em;
}
.contacto-text {
    font-size: 1em;
}
.container-contactanos .row-contactanos .w {
    font-size: 1em;
}

.container-contactanos .row-contactanos .w .whats{
    width: 250px;
    margin: 0 auto;
}

.container-contactanos .row-contactanos .whats-img{
    text-align: right;
}

.container-contactanos .row-contactanos .whats-img img {
    width: 50px;
}

.container-contactanos .row-contactanos .f .face{
    width: 250px;
    margin: 0 auto;   
}

.container-contactanos .row-contactanos .face-img{
    text-align: left;
}

.container-contactanos .row-contactanos .face-img img {
    width: 50px;
}


.container-contactanos .mensaje-texto {
    font-size: 1em;
}
.container-contactanos .mensaje-btn button {
    font-size: 1em;
    width: 150;
    height: 50px;
}

/*.container-clientes .row-clientes{
    text-align: center;
}*/

.container-clientes .row-clientes .cliente img {
    width: 45px;
}
.container-redes .row-redes .col-redes ul li a {
    font-size: 1.7em;
}
}




/* =================================================================================*/
/* =================================================================================*/



@media (min-width:992px) {
    .resalta {
    color: #de3f00;
}
.container-principal {
    color: #525252;
}

.container-principal .row-principal{
    width: 1000px;
    margin: 0 auto;
}

.container-principal .col-izq {
    padding: 25px;
}
.container-principal .col-izq .texto {
    padding: 20px 50px 10px 80px;
    font-size: 1em;
}
.container-principal .col-izq .imagen img {
    width: 120px;
}
.container-principal .col-der .imagen {
    padding: 50px 20px 0 20px;
}
.container-principal .col-der .imagen img {
    width: 100px;
}
.container-principal .col-der .texto {
    padding: 50px 100px 20px 80px;
    font-size: 1em;
}

.container-ofrecemos{
    text-align: center;
    align-content: all;
    margin: 0 auto;
}

.container-ofrecemos .row-ofrecemos {
    padding: 50px;
    width: 800px;
    margin: 0 auto;
}

.row-ofrecemos .te-ofrecemos {
    font-size: 1em;
}
.row-ofrecemos .caracteristicas {
    padding: 10px;
}
.row-ofrecemos .caracteristicas .info-car .texto-oculto .imagen-oculta img {
    width: 40px;
}
.row-ofrecemos .caracteristicas .info-car .texto-oculto p {
    font-size: 1em;
}
.row-ofrecemos .caracteristicas .info-car .imagen-thumb img {
    width: 70px;
}
.row-ofrecemos {
    padding: 10px 20px 10px 20px;
}
.row-ofrecemos .caracteristicas {
    padding: 20px;
    margin: 0;
}
.row-ofrecemos .caracteristicas .border-car {
    height: 170px;
}
.row-ofrecemos .caracteristicas .info-car .texto-oculto .imagen-oculta img {
    margin-top: 5px;
}
.container-responsive .row-responsive p {
    padding: 20px;
}
.container-responsive .row-responsive .responsive {
    background: #e6f0f4;
    padding: 25px;
}
.container-responsive .row-responsive .responsive img {
    width: 180px;
    margin-top: 20px;
}
.container-responsive .row-responsive .socialsplan {
    padding: 25px;
}
.container-responsive .row-responsive .socialsplan img {
    width: 160px;
    margin-top: 20px;
}
.container-responsive .row-responsive .cloud {
    background: #e6f0f4;
    padding: 25px;
    font-size: 1em;
}
.container-responsive .row-responsive .cloud img {
    margin-top: 20px;
    width: 100px;
}
.container-contactanos .row-contactanos {
    padding: 80px;
}

.container-contactanos .row-contactanos .whats-img img {
    width: 50px;
}


.container-contactanos .row-contactanos .face-img img {
    width: 50px;
}



.container-contactanos .mensaje-btn button {
    font-size: 1em;
    width: 120;
    height: 40px;
}
.container-clientes .row-clientes {
    width: 1000px;
    margin: 0 auto;
}
.container-clientes .row-clientes .cliente-text {
    font-size: 1em;
}

.container-clientes .row-clientes .cliente img {
    width: 40px;
}
.container-redes .row-redes .col-redes ul li a {
    font-size: 1.2em;
}
}



@media (min-width:1200px) {
    .container-principal .col-izq .texto {
    padding: 50px;
}
.container-principal .col-izq .imagen img {
    width: 110px;
    margin: 0 auto;
}
.container-principal .col-der .imagen {
    padding: 50px;
}
.container-principal .col-der .imagen img {
    width: 100px;
}
.container-principal .col-der .texto {
    padding: 40px 80px;
}
.row-ofrecemos {
    padding: 50px;
    text-align: center;
    width: 800px;
}

.row-ofrecemos .te-ofrecemos {
    font-size: 1em;
}

.row-ofrecemos .caracteristicas{
    margin: 0;
    padding: 10px;
    height: 200px;
}

.row-ofrecemos .caracteristicas .border-car {
    width: 200px;
    height: 190px;
    padding: 10px;
    text-align: center;
    margin: 0 auto;
    position: relative;
}


.container-responsive .row-responsive p {
    padding: 40px;
    width: 300px;
    margin: auto;
}
.container-contactanos .row-contactanos {
    padding: 80px;
}


.container-contactanos .row-contactanos .w .whats{
    width: 400px;
    margin: 0 auto;
}


.container-contactanos .row-contactanos .f .face{
    width: 400px;
    margin: 0 auto;
}

.container-contactanos .row-contactanos .face-img img {
    width: 50px;
}


.container-contactanos .mensaje-btn button {
    width: 100;
}
}