@charset "utf-8";

/*EstilosResponsivos*/

/*celular*/

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

    .bg-main-1{background:url('../img/casos-exito/bg/caso-1.jpg') no-repeat center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}

    .bg-main-2{background:url('../img/casos-exito/bg/caso-2.png') no-repeat center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}

    .bg-main-3{background:url('../img/casos-exito/bg/caso-3.jpg') no-repeat center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}

    .bg-main-4{background:url('../img/casos-exito/bg/caso-4.png') no-repeat center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}

    .bg-main-5{background:url('../img/casos-exito/bg/caso-5.jpg') no-repeat center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}

    .bg-main-6{background:url('../img/casos-exito/bg/caso-6.jpg') no-repeat center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}

    .bg-casos-1{background:url('../img/casos-exito/img01-casos-exito.png') no-repeat center center;background-size:cover;background-repeat:no-repeat;}

    .bg-casos-2{background:url('../img/casos-exito/img02-casos-exito.png') no-repeat center center;background-size:cover;background-repeat:no-repeat;}

    .bg-casos-3{background:url('../img/casos-exito/img03-casos-exito.png') no-repeat center center;background-size:cover;background-repeat:no-repeat;}

    .bg-casos-4{background:url('../img/casos-exito/img04-casos-exito.png') no-repeat center center;background-size:cover;background-repeat:no-repeat;}

    .bg-casos-5{background:url('../img/casos-exito/img05-casos-exito.png') no-repeat center center;background-size:cover;background-repeat:no-repeat;}

    .bg-casos-6{background:url('../img/casos-exito/img06-casos-exito.png') no-repeat center center;background-size:cover;background-repeat:no-repeat;}

    .section-main{height:450px;z-index:0;padding-bottom:30px;}

    .section-second{height:350px;z-index:0;margin-bottom:10px;padding:40px 0px;}

    .box-parrafos{position: relative; width: 90%; margin: 0 auto; text-align: left}

    .p-casos{font-size: 16px;}

    .fila-titulo-casos{width: 90%; text-align: left; top: 90px;}

    .h1-casos{font-size: 30px;}

    .caso-3{font-size: 25px;}

    .h3-casos{font-size: 20px; margin-top: 15px }

    .br{display: none}

    /*seccion todos los casos*/

    .section-casos{height: auto; padding: 30px 0px;}

    .section-casos .fila{align-items: center; justify-content: center; width: 80%; margin-left: auto; margin-right: auto; bottom: 50px}

    .section-casos .fila-titulo{position: relative; width: 60%;height: 120px;left: 43%;transform: translateX(-50%); padding: 5px; text-align: left!important;}

    .h1-title-casos{font-size: 25px;font-weight: 300; position: relative; font-weight: 400;color: rgba(5,5,5,.7); text-align: left;}

    .box-caso-exito{width: 300px; margin: 20px 10px; height: 200px; align-items: center; position: relative; border-radius: 10px;}


    .section-cuarta .fila-btn .btnContacto{margin-left:50px;padding:5px 40px;font-size:22px;border:none;border-radius:5px;background:#76D13B;color:#fff; text-decoration: none; top: 10px; position: relative;}

    .fila.sub{top: 50px; position: relative;}

    .box-sub-casos{position: relative; width: 200px; margin: 10px 5px; height: 100px; align-items: center; background-color: green;}

    .h1-box-caso{width: 95%; text-align: left; position: absolute; left: 5%; bottom: 15px; font-size: 22px; color:#fff; text-shadow: 0 0 10px #000;}

    .h1-segundo{width:30%}

    .h1-tercero{width:80%}

    .a-link-casos{font-size: 18px; padding: 10px; } 


    .box-tags{top: 30px; font-size: 10px; width: 20%;  left: 5%; text-align: left}

    .box-tags * {top: 5px; position: relative;}

}

/*tablets*/

@media screen and (min-width:481px) and (max-width:780px){

    .bg-main-1{background:url('../img/casos-exito/bg/caso-1.jpg') no-repeat center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}

    .bg-main-2{background:url('../img/casos-exito/bg/caso-2.png') no-repeat center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}

    .bg-main-3{background:url('../img/casos-exito/bg/caso-3.jpg') no-repeat center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}

    .bg-main-4{background:url('../img/casos-exito/bg/caso-4.png') no-repeat center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}

    .bg-main-5{background:url('../img/casos-exito/bg/caso-5.jpg') no-repeat center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}

    .bg-main-6{background:url('../img/casos-exito/bg/caso-6.jpg') no-repeat center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}

    .bg-casos-1{background:url('../img/casos-exito/img01-casos-exito.png') no-repeat center center;background-size:cover;background-repeat:no-repeat;}

    .bg-casos-2{background:url('../img/casos-exito/img02-casos-exito.png') no-repeat center center;background-size:cover;background-repeat:no-repeat;}

    .bg-casos-3{background:url('../img/casos-exito/img03-casos-exito.png') no-repeat center center;background-size:cover;background-repeat:no-repeat;}

    .bg-casos-4{background:url('../img/casos-exito/img04-casos-exito.png') no-repeat center center;background-size:cover;background-repeat:no-repeat;}

    .bg-casos-5{background:url('../img/casos-exito/img05-casos-exito.png') no-repeat center center;background-size:cover;background-repeat:no-repeat;}

    .bg-casos-6{background:url('../img/casos-exito/img06-casos-exito.png') no-repeat center center;background-size:cover;background-repeat:no-repeat;}

    .section-main{height:350px;z-index:0;padding-bottom:30px;}

    .section-second{height:350px;z-index:0;margin-bottom:10px;padding:40px 0px;}

    .box-parrafos{position: relative; width: 90%; margin: 0 auto; text-align: left}

    .p-casos{font-size: 16px;}

    .fila-titulo-casos{width: 70%; text-align: left; top: 90px;}

    .h1-casos{font-size: 30px;}

    .caso-3{font-size: 25px;}

    .h3-casos{font-size: 20px; margin-top: 15px }

    .br{display: none}


    /*seccion todos los casos*/

    .section-casos{height: auto; padding: 30px 0px;}

    .section-casos .fila{align-items: center; justify-content: center; width: 80%; margin-left: auto; margin-right: auto; bottom: 50px}

    .section-casos .fila-titulo{position: relative; width: 60%;height: 120px;left: 43%;transform: translateX(-50%); padding: 5px; text-align: left!important;}

    .h1-title-casos{font-size: 25px;font-weight: 300; position: relative; font-weight: 400;color: rgba(5,5,5,.7); text-align: left;}

    .box-caso-exito{width: 300px; margin: 20px 10px; height: 200px; align-items: center; position: relative; border-radius: 10px;}


    .section-cuarta .fila-btn .btnContacto{margin-left:50px;padding:5px 40px;font-size:22px;border:none;border-radius:5px;background:#76D13B;color:#fff; text-decoration: none; top: 10px; position: relative;}

    .fila.sub{top: 50px; position: relative;}

    .box-sub-casos{position: relative; width: 200px; margin: 10px 5px; height: 100px; align-items: center; background-color: green;}

    .h1-box-caso{width: 95%; text-align: left; position: absolute; left: 5%; bottom: 15px; font-size: 22px; color:#fff; text-shadow: 0 0 10px #000;}

    .h1-segundo{width:30%}

    .h1-tercero{width:80%}

    .a-link-casos{font-size: 18px; padding: 10px; } 

    .box-tags{top: 30px; font-size: 10px; width: 20%;  left: 5%; text-align: left}

    .box-tags * {top: 5px; position: relative;}

}

/*escritorio*/

@media screen and (min-width:781px) and (max-width:980px){

    .bg-main-1{background:url('../img/casos-exito/bg/caso-1.jpg') no-repeat center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}

    .bg-main-2{background:url('../img/casos-exito/bg/caso-2.png') no-repeat center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}

    .bg-main-3{background:url('../img/casos-exito/bg/caso-3.jpg') no-repeat center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}

    .bg-main-4{background:url('../img/casos-exito/bg/caso-4.png') no-repeat center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}

    .bg-main-5{background:url('../img/casos-exito/bg/caso-5.jpg') no-repeat center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}

    .bg-main-6{background:url('../img/casos-exito/bg/caso-6.jpg') no-repeat center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}

    .bg-casos-1{background:url('../img/casos-exito/img01-casos-exito.png') no-repeat center center;background-size:cover;background-repeat:no-repeat;}

    .bg-casos-2{background:url('../img/casos-exito/img02-casos-exito.png') no-repeat center center;background-size:cover;background-repeat:no-repeat;}

    .bg-casos-3{background:url('../img/casos-exito/img03-casos-exito.png') no-repeat center center;background-size:cover;background-repeat:no-repeat;}

    .bg-casos-4{background:url('../img/casos-exito/img04-casos-exito.png') no-repeat center center;background-size:cover;background-repeat:no-repeat;}

    .bg-casos-5{background:url('../img/casos-exito/img05-casos-exito.png') no-repeat center center;background-size:cover;background-repeat:no-repeat;}

    .bg-casos-6{background:url('../img/casos-exito/img06-casos-exito.png') no-repeat center center;background-size:cover;background-repeat:no-repeat;}

    .section-main{height:380px;z-index:0;padding-bottom:30px;}

    .section-second{height:350px;z-index:0;margin-bottom:10px;padding:40px 0px;}

    .box-parrafos{position: relative; width: 60%; margin: 0 auto; text-align: left; text-justify: auto}

    .p-casos{font-size: 16px; }

    .fila-titulo-casos{width: 60%; text-align: left; top: 90px;}

    .h1-casos{font-size: 40px;}

    .caso-3{font-size: 40px;}

    .h3-casos{font-size: 22px; margin-top: 15px }

    /*seccion todos los casos*/

    .section-casos{height: auto; padding: 30px 0px;}

    .section-casos .fila{align-items: center; justify-content: center; width: 80%; margin-left: auto; margin-right: auto; bottom: 30px}

    .section-casos .fila-titulo{position: relative; width: 60%;height: 120px;left: 43%;transform: translateX(-50%); padding: 5px; text-align: left!important;}

    .h1-title-casos{font-size: 40px;font-weight: 300; position: relative; font-weight: 400;color: rgba(5,5,5,.7); text-align: left;}

    .box-caso-exito{width: 300px; margin: 20px 10px; height: 200px; align-items: center; position: relative; border-radius: 10px;}


    .section-cuarta .fila-btn .btnContacto{margin-left:50px;padding:5px 40px;font-size:22px;border:none;border-radius:5px;background:#76D13B;color:#fff; text-decoration: none; top: 10px; position: relative;}

    .fila.sub{top: 50px; position: relative;}

    .box-sub-casos{position: relative; width: 200px; margin: 10px 5px; height: 100px; align-items: center; background-color: green;}

    .h1-box-caso{width: 95%; text-align: left; position: absolute; left: 5%; bottom: 15px; font-size: 22px; color:#fff; text-shadow: 0 0 10px #000;}

    .h1-segundo{width:30%}

    .h1-tercero{width:80%}

    .a-link-casos{font-size: 18px; padding: 10px; } 

    .box-tags{top: 30px; font-size: 10px; width: 10%;  left: 20%; text-align: left}

    .box-tags * {top: 5px; position: relative}


}

@media screen and (min-width:981px){

    .bg-main-1{background:url('../img/casos-exito/bg/caso-1.jpg') no-repeat center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}

    .bg-main-2{background:url('../img/casos-exito/bg/caso-2.png') no-repeat center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}

    .bg-main-3{background:url('../img/casos-exito/bg/caso-3.jpg') no-repeat center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}

    .bg-main-4{background:url('../img/casos-exito/bg/caso-4.png') no-repeat center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}

    .bg-main-5{background:url('../img/casos-exito/bg/caso-5.jpg') no-repeat center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}

    .bg-main-6{background:url('../img/casos-exito/bg/caso-6.jpg') no-repeat center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}

    .bg-casos-1{background:url('../img/casos-exito/img01-casos-exito.png') no-repeat center center;background-size:cover;background-repeat:no-repeat;}

    .bg-casos-2{background:url('../img/casos-exito/img02-casos-exito.png') no-repeat center center;background-size:cover;background-repeat:no-repeat;}

    .bg-casos-3{background:url('../img/casos-exito/img03-casos-exito.png') no-repeat center center;background-size:cover;background-repeat:no-repeat;}

    .bg-casos-4{background:url('../img/casos-exito/img04-casos-exito.png') no-repeat center center;background-size:cover;background-repeat:no-repeat;}

    .bg-casos-5{background:url('../img/casos-exito/img05-casos-exito.png') no-repeat center center;background-size:cover;background-repeat:no-repeat;}

    .bg-casos-6{background:url('../img/casos-exito/img06-casos-exito.png') no-repeat center center;background-size:cover;background-repeat:no-repeat;}

    .section-main{height:380px;z-index:0;padding-bottom:30px;}

    .section-second{height:350px;z-index:0;margin-bottom:10px;padding:40px 0px;}

    .box-parrafos{position: relative; width: 60%; margin: 0 auto; text-align: left; text-justify: auto}

    .p-casos{font-size: 16px; }

    .fila-titulo-casos{width: 60%; text-align: left; top: 90px;}

    .h1-casos{font-size: 50px;}

    .caso-3{font-size: 40px;}

    .h3-casos{font-size: 22px; margin-top: 15px }

    /*seccion todos los casos*/

    .section-casos{height: auto; padding: 30px 0px;}

    .section-casos .fila{align-items: center; justify-content: center; width: 80%; margin-left: auto; margin-right: auto; bottom: 30px}

    .section-casos .fila-titulo{position: relative; width: 60%;height: 120px;left: 43%;transform: translateX(-50%); padding: 5px; text-align: left!important;}

    .h1-title-casos{font-size: 40px;font-weight: 300; position: relative; font-weight: 400;color: rgba(5,5,5,.7); text-align: left;}

    .box-caso-exito{width: 300px; margin: 20px 10px; height: 200px; align-items: center; position: relative; border-radius: 10px;}


    .section-cuarta .fila-btn .btnContacto{margin-left:50px;padding:5px 40px;font-size:22px;border:none;border-radius:5px;background:#76D13B;color:#fff; text-decoration: none; top: 10px; position: relative;}

    .fila.sub{top: 50px; position: relative;}

    .box-sub-casos{position: relative; width: 200px; margin: 10px 5px; height: 100px; align-items: center; background-color: green;}

    .h1-box-caso{width: 95%; text-align: left; position: absolute; left: 5%; bottom: 15px; font-size: 22px; color:#fff; text-shadow: 0 0 10px #000;}

    .h1-segundo{width:30%}

    .h1-tercero{width:80%}

    .a-link-casos{font-size: 18px; padding: 10px; } 

    .box-tags{top: 30px; font-size: 10px; width: 10%;  left: 20%; text-align: left}

    .box-tags * {top: 5px; position: relative}
}

/*fin responsive*/

/*Index*/

.p-casos{line-height: 28px; font-family:'Quicksand', sans-serif; font-weight: 500; color: rgba(5,5,5,0.7); position: relative; margin-left: auto; margin-right: auto;}

.h1-casos, .h3-casos{position: relative; color: #fff; text-shadow: 0px 0px 5px #000}

.h3-casos{text-align: left; font-weight: 300}

.section-casos .fila{position: relative}

.fila-titulo-casos{position: relative; margin: 0 auto }

.centrar {text-align:center;}

/*section-casos*/
.img-box-logo{transition: transform .3s, filter 0.2s ease-in-out; -webkit-transition: transform .3s, filter 0.2s ease-in-out; filter: grayscale(100%);}

.img-box-logo:hover{filter: grayscale(0);transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05);  }

.a-link-casos{text-decoration: none; transition: 0.4s; border: 1px solid; border-radius: 10px; color: #000; font-family:'Quicksand'; font-weight: 500; text-transform: uppercase;position: absolute; top: 50%; left: 50%;  transform: translateX(-50%) translateY(-50%); }

.a-link-casos:hover{cursor: pointer; background: #000 ; color: rgba(255,255,255,1); border: none }

.box-link-casos{position: relative; width: 100%; height: 100%;background: rgba(255,255,255,0.6); opacity: 0; transition: 0.4s; border-radius: 10px}

.box-caso-exito:hover .box-link-casos{opacity: 1}

.box-caso-exito{transition: transform .3s, filter 0.2s ease-in-out; -webkit-transition: transform .3s, filter 0.2s ease-in-out; overflow: hidden;}

.box-caso-exito:hover .bg-casos-1, .box-caso-exito:hover .bg-casos-2, .box-caso-exito:hover .bg-casos-3, .box-caso-exito:hover .bg-casos-4, .box-caso-exito:hover .bg-casos-5, .box-caso-exito:hover .bg-casos-6
{transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2);}

.box-caso-exito:hover{-webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15);box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15); }

.bg-casos-1, .bg-casos-2, .bg-casos-3, .bg-casos-4, .bg-casos-5, .bg-casos-6{position: absolute; width: 100%; height: 100%;  transition: all 0.5s ease;}

.box-tags{position: relative; padding: 10px; opacity: 0.5; background: #e9ebee}

.box-tags p{line-height: 22px;}