.hidden{
	display: none;
}

.device-movil{
	display: none;
}

.clientes-desk img[src="img/servicios/centrado.png"] {
    position: absolute;
    z-index: 10;
    left: 0;
    top: 0;
    width: 100%;
}

.clientes-desk img[src="img/servicios/fondo.png"]{
    -webkit-animation: transform-rotate 5000ms linear 0ms infinite normal;
   -moz-animation: transform-rotate 5000ms linear 0ms infinite normal;
   animation: transform-rotate 5000ms linear 0ms infinite normal;
	     width: 100%;
}

.td-servicios{
    color: #0FAFBA;
    font-size: 30px;
    margin-top: 35%;
    padding-bottom: 20px;
    border-bottom: 4px solid;
    font-weight: 500;
}

.dd-servicios{
    line-height: 1.5;
}

.fullest{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 102vh;
    z-index: 20;
}

.fullest .fb img{
width: 21%;
}

.fullest img{
width: 42%;
cursor: pointer;
}

.fullest img:hover{
    transform: scale(1.085);
    transition: all ease 250ms;
}

.fullest .fb img{
margin-top: 7%;
}

.fullest .gg img{
    margin-top: -17%;
}

.fullest .sis img{
margin-top: -17%;
    margin-left: 5%;
}

.fullest .cor img{
margin-left: -12%;
    margin-top: 7%;
}

.fullest .wa img{
    margin-left: 12%;
    margin-top: 7%;
}

.fullest .cm img{
    margin-left: 50%;
    margin-top: -8%;
}

.fullest .mk img{
    margin-left: -50%;
    margin-top: 2%;
}

.more-servicios{
    -webkit-animation: transform-tada 1500ms ease 200ms infinite normal;
   -moz-animation: transform-tada 1500ms ease 200ms infinite normal;
   animation: transform-tada 1500ms ease 200ms infinite normal;
}

.more-servicios:hover{
    -webkit-animation: transform-tada 800ms linear 0ms 1 normal;
   -moz-animation: transform-tada 800ms linear 0ms 1 normal;
   animation: transform-tada 800ms linear 0ms 1 normal;
}

.clientes-desk{
    overflow: hidden;
}

.clientes-desk.active .manocelular{
-webkit-animation: slide-up-in 380ms linear 350ms 1 normal backwards;
   -moz-animation: slide-up-in 380ms linear 350ms 1 normal backwards;
   animation: slide-up-in 380ms linear 350ms 1 normal backwards;
}

.clientes-desk.active .fb img{
    -webkit-animation: swash-in 380ms linear 550ms 1 normal backwards;
   -moz-animation: swash-in 380ms linear 550ms 1 normal backwards;
   animation: swash-in 380ms linear 550ms 1 normal backwards;
}

.clientes-desk.active .gg img{
    -webkit-animation: swash-in 380ms linear 600ms 1 normal backwards;
   -moz-animation: swash-in 380ms linear 600ms 1 normal backwards;
   animation: swash-in 380ms linear 600ms 1 normal backwards;
}

.clientes-desk.active .sis img{
    -webkit-animation: swash-in 380ms linear 650ms 1 normal backwards;
   -moz-animation: swash-in 380ms linear 650ms 1 normal backwards;
   animation: swash-in 380ms linear 650ms 1 normal backwards;
}

.clientes-desk.active .cor img{
    -webkit-animation: swash-in 380ms linear 700ms 1 normal backwards;
   -moz-animation: swash-in 380ms linear 700ms 1 normal backwards;
   animation: swash-in 380ms linear 700ms 1 normal backwards;
}

.clientes-desk.active .wa img{
    -webkit-animation: swash-in 380ms linear 750ms 1 normal backwards;
   -moz-animation: swash-in 380ms linear 750ms 1 normal backwards;
   animation: swash-in 380ms linear 750ms 1 normal backwards;
}

.clientes-desk.active .cm img{
    -webkit-animation: swash-in 380ms linear 800ms 1 normal backwards;
   -moz-animation: swash-in 380ms linear 800ms 1 normal backwards;
   animation: swash-in 380ms linear 800ms 1 normal backwards;
}

.clientes-desk.active .mk img{
    -webkit-animation: swash-in 380ms linear 850ms 1 normal backwards;
   -moz-animation: swash-in 380ms linear 850ms 1 normal backwards;
   animation: swash-in 380ms linear 850ms 1 normal backwards;
}

.clientes-desk.active .serv-centrado{
    -webkit-animation: animate-fade-in 350ms linear 1200ms 1 normal;
   -moz-animation: animate-fade-in 350ms linear 1200ms 1 normal;
   animation: animate-fade-in 220ms linear 1200ms 1 normal;
}

.clientes-desk.active .daleinfo{
  -webkit-animation: animate-fade-in-right 180ms linear 950ms 1 normal backwards;
  -moz-animation: animate-fade-in-right 180ms linear 950ms 1 normal backwards;
  animation: animate-fade-in-right 180ms linear 950ms 1 normal backwards;
}

.agencia-desk{
    background-color: #00acb7;
    height: 100%;
    overflow: hidden;
}

.agencia-desk .caja{
    height: 100%;
}

.agencia-desk .control-fondo{
	background-size: 100%;
	background-image: url("../img/agencia/control.png");
	background-repeat: no-repeat;
	background-position: 5% 34%;
}

.agencia-desk .descripciones h3{
    font-size: 50px;
    color: white;
    text-align: center;
    margin-top: 30%;
    font-weight: 300;
		width: 123%;
}

.agencia-desk .descripciones p{
	color: white;
  line-height: 1.5;
  margin-top: -22px;
  text-align: justify;
  margin-right: -95px;
  padding: 0px 32px;
  /* width: 94%; */
  /* float: right; */
  /* se quito el max-height para evitar duplicado en la animacion */
}

.agencia-desk .descripciones a img{
    margin-left: 15px;
}

.contacto-desk{
    position: relative;
}

.contacto-desk video{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    min-width: 100%;
    min-height: 100%;
}

.efecto-video{
    background: rgba(0, 0, 0, 0.48);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

.contacto-desk {
	background-image: url("../img/contacto.jpg");
background-position: top;
background-repeat: no-repeat;
background-size: 100% 88%;
min-height: 450px;
padding-top: 50px;
padding-bottom: 50px;
background-color: #8EC871;
}

.contacto-desk input{
    padding: 10px;
    border: 0px;
    border-radius: 6px;
    margin-bottom: 10px;
    outline-color: transparent;
}

.contacto-desk textarea{
    padding: 10px;
    border: 0px;
    border-radius: 6px;
    margin-bottom: 10px;
    outline-color: transparent;
    resize: none;
}

.enviar-contacto{
    width: 27%;
    cursor: pointer;
}

.contacto-desk .tit-contacto {
    color: white;
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 15px;



}

.contacto-desk .describe{
    color: white;
    padding-left: 20%;
    padding-right: 20%;
    width: 60%

    margin-bottom: 30px;

		font-size: 17px;
}

.refer-contacto{
        display: none;
    }

.form-contacto{
    float: left;
}

.footer{
    height: 30px;
    background-color: #00AE54;
    color: white;
    padding-top: 4px;
}

.footer a{
    color: white;
    cursor: pointer;
}

.contiene-formulario-contacto{
        position: absolute;
    z-index: 30;
    top: 10%;
    left: 0;
    margin: auto;
    width: 100%;
    height: 100%;
		margin-top: 5%;
}
.tit-clientes{	color: #5d9c37;font-size: 40px;font-weight: 700;margin-bottom: 40px;
text-transform: uppercase;text-align: center;}
@media (max-width: 420px){
    .footer{
        display: none;
    }
}

@media (min-width: 640px) {

  .boton-enviar{
    padding-left: 16%;
  }


  .refer-contacto{
    display: block !important;
    float: left;
    padding-right: 50px;
    padding-top: 45px;
    width: 40%!important;
    padding-left: 0px;
    }		
    .refer-contacto-interior{			
        border: 2px solid white;			
        padding: 20px;	    
        background-color: rgba(255, 255, 255, 0.1);			
        height: 135px;		}

    .refer-contacto .caja {
        margin-bottom: 15px;
        color: white;
        font-weight: 700;
    }

    .refer-contacto .caja span{
        color: white;
        font-weight: 300;
    }

    .btnenviodesk{
      -webkit-animation: pump 2s infinite linear;
      -moz-animation: pump 2s infinite linear;
      -o-animation: pump 2s infinite linear;
      -ms-animation: pump 2s infinite linear;
      animation: pump 2s infinite linear;
    }
}


@-moz-keyframes pump {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-box-shadow: 0 0 5px #fff;
    box-shadow: 0 0 5px #fff;
  }
  5% {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -o-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
    -webkit-box-shadow: 0 0 20px #fff;
    box-shadow: 0 0 20px #fff;
  }
  10% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-box-shadow: 0 0 5px #fff;
    box-shadow: 0 0 5px #fff;
  }
  15% {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -o-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
    -webkit-box-shadow: 0 0 20px #fff;
    box-shadow: 0 0 20px #fff;
  }
  20% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-box-shadow: 0 0 5px #fff;
    box-shadow: 0 0 5px #fff;
  }
}
@-webkit-keyframes pump {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-box-shadow: 0 0 5px #fff;
    box-shadow: 0 0 5px #fff;
  }
  5% {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -o-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
    -webkit-box-shadow: 0 0 20px #fff;
    box-shadow: 0 0 20px #fff;
  }
  10% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-box-shadow: 0 0 5px #fff;
    box-shadow: 0 0 5px #fff;
  }
  15% {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -o-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
    -webkit-box-shadow: 0 0 20px #fff;
    box-shadow: 0 0 20px #fff;
  }
  20% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-box-shadow: 0 0 5px #fff;
    box-shadow: 0 0 5px #fff;
  }
}
@-o-keyframes pump {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-box-shadow: 0 0 5px #fff;
    box-shadow: 0 0 5px #fff;
  }
  5% {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -o-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
    -webkit-box-shadow: 0 0 20px #fff;
    box-shadow: 0 0 20px #fff;
  }
  10% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-box-shadow: 0 0 5px #fff;
    box-shadow: 0 0 5px #fff;
  }
  15% {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -o-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
    -webkit-box-shadow: 0 0 20px #fff;
    box-shadow: 0 0 20px #fff;
  }
  20% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-box-shadow: 0 0 5px #fff;
    box-shadow: 0 0 5px #fff;
  }
}
@keyframes pump {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-box-shadow: 0 0 5px #fff;
    box-shadow: 0 0 5px #fff;
  }
  5% {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -o-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
    -webkit-box-shadow: 0 0 20px #fff;
    box-shadow: 0 0 20px #fff;
  }
  10% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-box-shadow: 0 0 5px #fff;
    box-shadow: 0 0 5px #fff;
  }
  15% {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -o-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
    -webkit-box-shadow: 0 0 20px #fff;
    box-shadow: 0 0 20px #fff;
  }
  20% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-box-shadow: 0 0 5px #fff;
    box-shadow: 0 0 5px #fff;
  }
}

@-webkit-keyframes animate-fade-in-right
{
   0% { -webkit-transform:  rotate(0deg) translate(100px,0px); opacity: 0;  }
   100% { -webkit-transform:  rotate(0deg) translate(0px,0px); opacity: 1;  }
}
@-moz-keyframes animate-fade-in-right
{
   0% { -moz-transform:  rotate(0deg) translate(100px,0px); opacity: 0;  }
   100% { -moz-transform:  rotate(0deg) translate(0px,0px); opacity: 1;  }
}
@-o-keyframes animate-fade-in-right
{
   0% { -o-transform:  rotate(0deg) translate(100px,0px); opacity: 0;  }
   100% { -o-transform:  rotate(0deg) translate(0px,0px); opacity: 1;  }
}
@-ms-keyframes animate-fade-in-right
{
   0% { -ms-transform:  rotate(0deg) translate(100px,0px); opacity: 0;  }
   100% { -ms-transform:  rotate(0deg) translate(0px,0px); opacity: 1;  }
}
@keyframes animate-fade-in-right
{
   0% { transform:  rotate(0deg) translate(100px,0px); opacity: 0;  }
   100% { transform:  rotate(0deg) translate(0px,0px); opacity: 1;  }
}

@-webkit-keyframes animate-fade-in
{
   0% { opacity: 0;  }
   100% { opacity: 1;  }
}
@-moz-keyframes animate-fade-in
{
   0% { opacity: 0;  }
   100% { opacity: 1;  }
}
@-o-keyframes animate-fade-in
{
   0% { opacity: 0;  }
   100% { opacity: 1;  }
}
@-ms-keyframes animate-fade-in
{
   0% { opacity: 0;  }
   100% { opacity: 1;  }
}
@keyframes animate-fade-in
{
   0% { opacity: 0;  }
   100% { opacity: 1;  }
}

@-webkit-keyframes swash-in
{
   0% { -webkit-transform:  rotate(0deg) scale(0,0); opacity: 0; -webkit-transform-origin: 50% 50%;  }
   90% { -webkit-transform:  rotate(0deg) scale(0.9,0.9); -webkit-transform-origin: 50% 50%; opacity: 1;  }
   100% { -webkit-transform:  rotate(0deg) scale(1,1); -webkit-transform-origin: 50% 50%;  }
}
@-moz-keyframes swash-in
{
   0% { -moz-transform:  rotate(0deg) scale(0,0); opacity: 0; -moz-transform-origin: 50% 50%;  }
   90% { -moz-transform:  rotate(0deg) scale(0.9,0.9); -moz-transform-origin: 50% 50%; opacity: 1;  }
   100% { -moz-transform:  rotate(0deg) scale(1,1); -moz-transform-origin: 50% 50%;  }
}
@-o-keyframes swash-in
{
   0% { -o-transform:  rotate(0deg) scale(0,0); opacity: 0; -o-transform-origin: 50% 50%;  }
   90% { -o-transform:  rotate(0deg) scale(0.9,0.9); -o-transform-origin: 50% 50%; opacity: 1;  }
   100% { -o-transform:  rotate(0deg) scale(1,1); -o-transform-origin: 50% 50%;  }
}
@-ms-keyframes swash-in
{
   0% { -ms-transform:  rotate(0deg) scale(0,0); opacity: 0; -ms-transform-origin: 50% 50%;  }
   90% { -ms-transform:  rotate(0deg) scale(0.9,0.9); -ms-transform-origin: 50% 50%; opacity: 1;  }
   100% { -ms-transform:  rotate(0deg) scale(1,1); -ms-transform-origin: 50% 50%;  }
}
@keyframes swash-in
{
   0% { transform:  rotate(0deg) scale(0,0); opacity: 0; transform-origin: 50% 50%;  }
   90% { transform:  rotate(0deg) scale(0.9,0.9); transform-origin: 50% 50%; opacity: 1;  }
   100% { transform:  rotate(0deg) scale(1,1); transform-origin: 50% 50%;  }
}

@-webkit-keyframes slide-up-in
{
   0% { -webkit-transform:  rotate(1deg) translate(0px,100%); opacity: 0; -webkit-transform-origin: 0 0;  }
   100% { opacity: 1; -webkit-transform:  rotate(0deg) translate(0px,0px); -webkit-transform-origin: 0 0;  }
}
@-moz-keyframes slide-up-in
{
   0% { -moz-transform:  rotate(1deg) translate(0px,100%); opacity: 0; -moz-transform-origin: 0 0;  }
   100% { opacity: 1; -moz-transform:  rotate(0deg) translate(0px,0px); -moz-transform-origin: 0 0;  }
}
@-o-keyframes slide-up-in
{
   0% { -o-transform:  rotate(1deg) translate(0px,100%); opacity: 0; -o-transform-origin: 0 0;  }
   100% { opacity: 1; -o-transform:  rotate(0deg) translate(0px,0px); -o-transform-origin: 0 0;  }
}
@-ms-keyframes slide-up-in
{
   0% { -ms-transform:  rotate(1deg) translate(0px,100%); opacity: 0; -ms-transform-origin: 0 0;  }
   100% { opacity: 1; -ms-transform:  rotate(0deg) translate(0px,0px); -ms-transform-origin: 0 0;  }
}
@keyframes slide-up-in
{
   0% { transform:  rotate(1deg) translate(0px,100%); opacity: 0; transform-origin: 0 0;  }
   100% { opacity: 1; transform:  rotate(0deg) translate(0px,0px); transform-origin: 0 0;  }
}

@-webkit-keyframes transform-tada
{
   0% { -webkit-transform:  rotate(0deg);  }
   10% { -webkit-transform:  rotate(-3deg) scale(0.9,0.9);  }
   20% { -webkit-transform:  rotate(-3deg) scale(0.9,0.9);  }
   30% { -webkit-transform:  rotate(3deg) scale(1.1,1.1);  }
   40% { -webkit-transform:  rotate(-3deg) scale(1.1,1.1);  }
   50% { -webkit-transform:  rotate(3deg) scale(1.1,1.1);  }
   60% { -webkit-transform:  rotate(-3deg) scale(1.1,1.1);  }
   70% { -webkit-transform:  rotate(3deg) scale(1.1,1.1);  }
   80% { -webkit-transform:  rotate(-3deg) scale(1.1,1.1);  }
   90% { -webkit-transform:  rotate(3deg) scale(1.1,1.1);  }
   100% { -webkit-transform:  rotate(0deg) scale(1.0,1.0);  }
}
@-moz-keyframes transform-tada
{
   0% { -moz-transform:  rotate(0deg);  }
   10% { -moz-transform:  rotate(-3deg) scale(0.9,0.9);  }
   20% { -moz-transform:  rotate(-3deg) scale(0.9,0.9);  }
   30% { -moz-transform:  rotate(3deg) scale(1.1,1.1);  }
   40% { -moz-transform:  rotate(-3deg) scale(1.1,1.1);  }
   50% { -moz-transform:  rotate(3deg) scale(1.1,1.1);  }
   60% { -moz-transform:  rotate(-3deg) scale(1.1,1.1);  }
   70% { -moz-transform:  rotate(3deg) scale(1.1,1.1);  }
   80% { -moz-transform:  rotate(-3deg) scale(1.1,1.1);  }
   90% { -moz-transform:  rotate(3deg) scale(1.1,1.1);  }
   100% { -moz-transform:  rotate(0deg) scale(1.0,1.0);  }
}
@-o-keyframes transform-tada
{
   0% { -o-transform:  rotate(0deg);  }
   10% { -o-transform:  rotate(-3deg) scale(0.9,0.9);  }
   20% { -o-transform:  rotate(-3deg) scale(0.9,0.9);  }
   30% { -o-transform:  rotate(3deg) scale(1.1,1.1);  }
   40% { -o-transform:  rotate(-3deg) scale(1.1,1.1);  }
   50% { -o-transform:  rotate(3deg) scale(1.1,1.1);  }
   60% { -o-transform:  rotate(-3deg) scale(1.1,1.1);  }
   70% { -o-transform:  rotate(3deg) scale(1.1,1.1);  }
   80% { -o-transform:  rotate(-3deg) scale(1.1,1.1);  }
   90% { -o-transform:  rotate(3deg) scale(1.1,1.1);  }
   100% { -o-transform:  rotate(0deg) scale(1.0,1.0);  }
}
@-ms-keyframes transform-tada
{
   0% { -ms-transform:  rotate(0deg);  }
   10% { -ms-transform:  rotate(-3deg) scale(0.9,0.9);  }
   20% { -ms-transform:  rotate(-3deg) scale(0.9,0.9);  }
   30% { -ms-transform:  rotate(3deg) scale(1.1,1.1);  }
   40% { -ms-transform:  rotate(-3deg) scale(1.1,1.1);  }
   50% { -ms-transform:  rotate(3deg) scale(1.1,1.1);  }
   60% { -ms-transform:  rotate(-3deg) scale(1.1,1.1);  }
   70% { -ms-transform:  rotate(3deg) scale(1.1,1.1);  }
   80% { -ms-transform:  rotate(-3deg) scale(1.1,1.1);  }
   90% { -ms-transform:  rotate(3deg) scale(1.1,1.1);  }
   100% { -ms-transform:  rotate(0deg) scale(1.0,1.0);  }
}
@keyframes transform-tada
{
   0% { transform:  rotate(0deg);  }
   10% { transform:  rotate(-3deg) scale(0.9,0.9);  }
   20% { transform:  rotate(-3deg) scale(0.9,0.9);  }
   30% { transform:  rotate(3deg) scale(1.1,1.1);  }
   40% { transform:  rotate(-3deg) scale(1.1,1.1);  }
   50% { transform:  rotate(3deg) scale(1.1,1.1);  }
   60% { transform:  rotate(-3deg) scale(1.1,1.1);  }
   70% { transform:  rotate(3deg) scale(1.1,1.1);  }
   80% { transform:  rotate(-3deg) scale(1.1,1.1);  }
   90% { transform:  rotate(3deg) scale(1.1,1.1);  }
   100% { transform:  rotate(0deg) scale(1.0,1.0);  }
}

@-webkit-keyframes transform-rotate
{
   0% { -webkit-transform:  rotate(0deg);  }
   100% { -webkit-transform:  rotate(359deg);  }
}
@-moz-keyframes transform-rotate
{
   0% { -moz-transform:  rotate(0deg);  }
   100% { -moz-transform:  rotate(359deg);  }
}
@-o-keyframes transform-rotate
{
   0% { -o-transform:  rotate(0deg);  }
   100% { -o-transform:  rotate(359deg);  }
}
@-ms-keyframes transform-rotate
{
   0% { -ms-transform:  rotate(0deg);  }
   100% { -ms-transform:  rotate(359deg);  }
}
@keyframes transform-rotate
{
   0% { transform:  rotate(0deg);  }
   100% { transform:  rotate(359deg);  }
}
/*CAMBIOS A MOBILE EN DESKTOP*/
@media only screen and (min-width: 1px) and (max-width: 640px)  {
	.device-desktop{
	display: none;
	}

	.device-movil{
	display: block;
	}

/*SERVICIOS*/
.servicios{
	background-color: #6cf7a4;
    padding-top: 1px;
    padding-bottom: 25px;
}

.servicios:before {
    content: "NUESTROS SERVICIOS";
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
    padding: 15px 10px;
    margin-top: 10px;
    color: white;
    font-size: 30px;
    font-weight: 700;
}

.tit-serv{
	color: white;
	font-size: 18px;
}

.owl-prev {
	position: absolute;
    top: 42%;
    left: 20px;
}

.owl-next {
	position: absolute;
    top: 42%;
    right: 20px;
}

/*AGENCIA*/
.agencia{
	background-color: #00acb7;
}
}

.menu-principal{
    background-color: transparent;
    height:
}

/*MENU DE NAVEGACION INTERACTIVO*/

.menu-item, .menu-open-button {
  background: #9C27B0;

  border-radius: 100%;
  width: 80px;
  height: 80px;
  margin-left: -40px;
  position: absolute;
  top: 20px;
  color: white;
  text-align: center;
  line-height: 80px;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-transition: -webkit-transform ease-out 200ms;
  transition: -webkit-transform ease-out 200ms;
  transition: transform ease-out 200ms;
  transition: transform ease-out 200ms, -webkit-transform ease-out 200ms;
}

.menu-open {
  display: none;
}
.hamburger {
  width: 25px;
  height: 3px;
  background: white;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -12.5px;
  margin-top: -1.5px;
  -webkit-transition: -webkit-transform 200ms;
  transition: -webkit-transform 200ms;
  transition: transform 200ms;
  transition: transform 200ms, -webkit-transform 200ms;
}

.hamburger-1 {
  -webkit-transform: translate3d(0, -8px, 0);
          transform: translate3d(0, -8px, 0);
}

.hamburger-2 {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.hamburger-3 {
  -webkit-transform: translate3d(0, 8px, 0);
          transform: translate3d(0, 8px, 0);
}

.menu-open:checked + .menu-open-button .hamburger-1 {
  -webkit-transform: translate3d(0, 0, 0) rotate(45deg);
          transform: translate3d(0, 0, 0) rotate(45deg);
}
.menu-open:checked + .menu-open-button .hamburger-2 {
  -webkit-transform: translate3d(0, 0, 0) scale(0.1, 1);
          transform: translate3d(0, 0, 0) scale(0.1, 1);
}
.menu-open:checked + .menu-open-button .hamburger-3 {
  -webkit-transform: translate3d(0, 0, 0) rotate(-45deg);
          transform: translate3d(0, 0, 0) rotate(-45deg);
}

.menu {
	position: fixed;    right: 1%;    top: 2%;    margin-right: 60px;    padding-top: 20px;    padding-left: 80px;    width: 650px;    box-sizing: border-box;    font-size: 20px;    text-align: right;    z-index: 50;
}

.menu-item:hover {
  background: white;
  color: #00bcd4;
}
.menu-item:nth-child(3) {
  -webkit-transition-duration: 180ms;
          transition-duration: 180ms;
}
.menu-item:nth-child(4) {
  -webkit-transition-duration: 180ms;
          transition-duration: 180ms;
}
.menu-item:nth-child(5) {
  -webkit-transition-duration: 180ms;
          transition-duration: 180ms;
}
.menu-item:nth-child(6) {
  -webkit-transition-duration: 180ms;
          transition-duration: 180ms;
}

.menu-open-button {
  z-index: 2;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
          transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -webkit-transition-duration: 400ms;
          transition-duration: 400ms;
  -webkit-transform: scale(1.1, 1.1) translate3d(0, 0, 0);
          transform: scale(1.1, 1.1) translate3d(0, 0, 0);
  cursor: pointer;
}

.menu-open-button:hover {
  -webkit-transform: scale(1.2, 1.2) translate3d(0, 0, 0);
          transform: scale(1.2, 1.2) translate3d(0, 0, 0);
}

.menu-open:checked + .menu-open-button {
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
  -webkit-transform: scale(0.8, 0.8) translate3d(0, 0, 0);
          transform: scale(0.8, 0.8) translate3d(0, 0, 0);
}

.menu-open:checked ~ .menu-item {
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
          transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}
.menu-open:checked ~ .menu-item:nth-child(3) {
  -webkit-transition-duration: 190ms;
          transition-duration: 190ms;
  -webkit-transform: translate3d(-110px, 0, 0);
          transform: translate3d(-110px, 0, 0);
}
.menu-open:checked ~ .menu-item:nth-child(4) {
  -webkit-transition-duration: 290ms;
          transition-duration: 290ms;
  -webkit-transform: translate3d(-220px, 0, 0);
          transform: translate3d(-220px, 0, 0);
}
.menu-open:checked ~ .menu-item:nth-child(5) {
  -webkit-transition-duration: 390ms;
          transition-duration: 390ms;
  -webkit-transform: translate3d(-330px, 0, 0);
          transform: translate3d(-330px, 0, 0);
}
.menu-open:checked ~ .menu-item:nth-child(6) {
  -webkit-transition-duration: 490ms;
          transition-duration: 490ms;
  -webkit-transform: translate3d(-440px, 0, 0);
          transform: translate3d(-440px, 0, 0);
}



.menu{
    animation: float_3116 2s linear infinite;
  transform-origin: 50% 50%;
}

@keyframes float_3116 {
  0% { transform: translateY(0) }
  50% { transform: translateY(-6px) }
  100% { transform: translateY(0) }
}


*{
    font-family: 'Lato', sans-serif;
}

.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: -30px;
    position: absolute;
    left: 0;
    width: 100%;
}

.owl-theme .owl-dots .owl-dot span {
    margin: 5px 5px;
    padding: 7px;
}

.contenido-dinamico img{
    width: initial !important;
}

.contenido-dinamico {
    display: flex;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    align-items: center;
    align-content: center;
}

.separacion1 {
    align-self: center;
    float: left;
    width: 40%;
    height: 90%;
}

.separacion2 {
    align-self: center;
    float: left;
    width: 60%;
    height: 70%;
}

.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: -30px;
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 1000;
}
.owl-carousel .owl-item {
    overflow: hidden;
}

/*ANIMACIONES*/

@-webkit-keyframes transform-rotate
{
   0% { -webkit-transform:  rotate(0deg);  }
   100% { -webkit-transform:  rotate(359deg);  }
}
@-moz-keyframes transform-rotate
{
   0% { -moz-transform:  rotate(0deg);  }
   100% { -moz-transform:  rotate(359deg);  }
}
@-o-keyframes transform-rotate
{
   0% { -o-transform:  rotate(0deg);  }
   100% { -o-transform:  rotate(359deg);  }
}
@-ms-keyframes transform-rotate
{
   0% { -ms-transform:  rotate(0deg);  }
   100% { -ms-transform:  rotate(359deg);  }
}
@keyframes transform-rotate
{
   0% { transform:  rotate(0deg);  }
   100% { transform:  rotate(359deg);  }
}

.slide1 .separacion2{    background-image: url("../img/sliders/slide1/ft.png");    background-position: center;    background-repeat: no-repeat;    background-size: 100%;}.slide2 .separacion2{  background-image: url("../img/sliders/slide2/ft.png");  background-position: center;  background-repeat: no-repeat;  background-size: 100%;}.slide3 .separacion2{  background-image: url("../img/sliders/slide3/ft.png");  background-position: center;  background-repeat: no-repeat;  background-size: 100%;}.slide4 .separacion2{  background-image: url("../img/sliders/slide4/ft.png");  background-position: center;  background-repeat: no-repeat;  background-size: 100%;}.slide5 .separacion2{  background-image: url("../img/sliders/slide5/ft.png");  background-position: center;  background-repeat: no-repeat;  background-size: 100%;  margin-bottom: -16%;}
.ft-rueda{
    margin: auto;
}

.owl-carousel .owl-item {

}


/*INICIO EFECTOS DE SLIDER*/

/*slide 1*/
.owl-item.active .item.slide1 .contenido-dinamico .ft-rueda{
    -webkit-animation: transform-rotate 1900ms linear 0ms infinite normal;
   -moz-animation: transform-rotate 1900ms linear 0ms infinite normal;
   animation: transform-rotate 1900ms linear 0ms infinite normal;
  width: 65% !important;
}

.owl-item.active .item.slide1 .contenido-dinamico .human1{
  float: left;
  width: 50% !important;
  margin-top: -48%;
  animation: bounceIn 1s linear 350ms 1 normal backwards, nube 1.5s ease-out 3.1s infinite normal backwards;
}

.owl-item.active .item.slide1 .contenido-dinamico .human2{
  float: left;
  width: 50% !important;
  margin-top: -48%;
  animation: bounceIn 1s linear 550ms 1 normal backwards, nube 1.5s ease-out 3.1s infinite normal backwards;
}

.owl-item.active .item.slide1 .contenido-dinamico .o1{
  float: left;
    width: 8% !important;
    margin-top: -8%;
    animation: bounceIn 850ms linear 2s 4 normal backwards;
    margin-left: 31%;
}

.owl-item.active .item.slide1 .contenido-dinamico .o2{
  float: right;
    width: 8% !important;
    margin-top: -8%;
    animation: bounceIn 850ms linear 2.2s 4 normal backwards;
    margin-right: 31%;
}

.owl-item.active .item.slide1 .contenido-dinamico .o3{
  float: left;
  width: 15% !important;
  margin-top: -5%;
  animation: opacidad 350ms linear 2.5s 1 normal backwards, swing 850ms linear 3.2s infinite normal backwards;
  margin-left: 42.5%;
}

.owl-item.active .item.slide1 .contenido-dinamico .o4{
  float: left;
    width: 88% !important;
    margin-top: -64%;
    animation: opacidad 400ms linear 3s 1 normal backwards, rubberBand 850ms linear 3s 1 normal backwards;
    margin-left: 9%;
}

.owl-item.active .item.slide1 .contenido-dinamico .o5{
  float: left;
    width: 8% !important;
    margin-top: -66%;
    animation: bounceIn 850ms linear 3.3s 2 normal backwards;
    margin-left: 31%;
}

.owl-item.active .item.slide1 .contenido-dinamico .o6{
  float: right;
    width: 8% !important;
    margin-top: -66%;
    animation: bounceIn 850ms linear 3.5s 2 normal backwards;
    margin-right: 31%;
}

.owl-item.active .item.slide1 .contenido-dinamico .o7{
  float: left;
    width: 8% !important;
    margin-top: -71%;
    animation: bounceIn 850ms linear 3.7s 2 normal backwards;
    margin-left: 46%;
}

/*slide ----4*/
.owl-item.active .item.slide4 .contenido-dinamico .o1{
  position: absolute;
    bottom: -6px;
margin-left: 25%;
width: 9% !important;
-webkit-animation: fadeInUp 800ms ease 550ms 1 backwards;
-moz-animation: fadeInUp 800ms ease 550ms 1 backwards;
animation: fadeInUp 800ms ease 550ms 1 backwards;
}

.owl-item.active .item.slide4 .contenido-dinamico .o2{
  width: 56% !important;
    margin: auto;
    margin-top: 6%;
    -webkit-animation: opacidad 350ms linear 1s 3 normal backwards;
    -moz-animation: opacidad 350ms linear 1s 3 normal backwards;
    animation: opacidad 350ms linear 1s 3 normal backwards;
}

.owl-item.active .item.slide4 .contenido-dinamico .o3{
  position: absolute;
    bottom: 30%;
    width: 7% !important;
    margin-left: 13%;
    -webkit-animation: bounceIn 250ms linear 1.1s 1 normal backwards, tada 2.5s linear 3s infinite normal backwards;
    -moz-animation: bounceIn 250ms linear 1.1s 1 normal backwards, tada 2.5s linear 3s infinite normal backwards;
    animation: bounceIn 250ms linear 1.1s 1 normal backwards, tada 2.5s linear 3s infinite normal backwards;
}

.owl-item.active .item.slide4 .contenido-dinamico .o4{
  position: absolute;
    width: 10% !important;
    bottom: 31%;
    right: 16%;
    -webkit-animation: bounceIn 250ms linear 1.4s 1 normal backwards, tada 2.5s linear 3.2s infinite normal backwards;
    -moz-animation: bounceIn 250ms linear 1.4s 1 normal backwards, tada 2.5s linear 3.2s infinite normal backwards;
    animation: bounceIn 250ms linear 1.4s 1 normal backwards, tada 2.5s linear 3.2s infinite normal backwards;
}

.owl-item.active .item.slide4 .contenido-dinamico .o5{
  position: absolute;
top: 33%;
width: 11% !important;
margin-left: 10%;
-webkit-animation: bounceIn 250ms linear 1.7s 1 normal backwards, tada 2.5s linear 3.4s infinite normal backwards;
-moz-animation: bounceIn 250ms linear 1.7s 1 normal backwards, tada 2.5s linear 3.4s infinite normal backwards;
animation: bounceIn 250ms linear 1.7s 1 normal backwards, tada 2.5s linear 3.4s infinite normal backwards;
}

.owl-item.active .item.slide4 .contenido-dinamico .o6{
  position: absolute;
top: 18%;
width: 8% !important;
margin-left: 22%;
-webkit-animation: bounceIn 250ms linear 2s 1 normal backwards, tada 2.5s linear 3.6s infinite normal backwards;
-moz-animation: bounceIn 250ms linear 2s 1 normal backwards, tada 2.5s linear 3.6s infinite normal backwards;
animation: bounceIn 250ms linear 2s 1 normal backwards, tada 2.5s linear 3.6s infinite normal backwards;
}

.owl-item.active .item.slide4 .contenido-dinamico .o7{
  position: absolute;
top: 19%;
right: 20%;
width: 9% !important;
-webkit-animation: bounceIn 250ms linear 2.3s 1 normal backwards, tada 2.5s linear 3.8s infinite normal backwards;;
-moz-animation: bounceIn 250ms linear 2.3s 1 normal backwards, tada 2.5s linear 3.8s infinite normal backwards;;
animation: bounceIn 250ms linear 2.3s 1 normal backwards, tada 2.5s linear 3.8s infinite normal backwards;;

}

.owl-item.active .item.slide4 .contenido-dinamico .o8{
  position: absolute;
      top: 24%;
      right: 11%;
      width: 9% !important;
      -webkit-animation: bounceIn 250ms linear 2.6s 1 normal backwards, tada 2.5s linear 4s infinite normal backwards;
      -moz-animation: bounceIn 250ms linear 2.6s 1 normal backwards, tada 2.5s linear 4s infinite normal backwards;
      animation: bounceIn 250ms linear 2.6s 1 normal backwards, tada 2.5s linear 4s infinite normal backwards;
}

.owl-item.active .item.slide4 .contenido-dinamico .o9{
  position: absolute;
      top: 42%;
      margin-left: 16%;
      width: 16% !important;
      -webkit-animation: opacidad 350ms linear 2.5s 1 normal backwards, flipInX 1s linear 3.5s 1 normal backwards;
      -moz-animation: opacidad 350ms linear 2.5s 1 normal backwards, flipInX 1s linear 3.5s 1 normal backwards;
      animation: opacidad 350ms linear 2.5s 1 normal backwards, flipInX 1s linear 3.5s 1 normal backwards;
}

.owl-item.active .item.slide4 .contenido-dinamico .o10{
  position: absolute;
top: 31%;
width: 9% !important;
margin-left: 27%;
-webkit-animation: opacidad 350ms linear 2.5s 1 normal backwards, pulse 2s linear 3.5s infinite normal backwards;
-moz-animation: opacidad 350ms linear 2.5s 1 normal backwards, pulse 2s linear 3.5s infinite normal backwards;
animation: opacidad 350ms linear 2.5s 1 normal backwards, pulse 2s linear 3.5s infinite normal backwards;
}

.owl-item.active .item.slide4 .contenido-dinamico .o11{
  position: absolute;
    top: 13%;
    width: 9.5% !important;
    margin-left: 12.5%;
    -webkit-animation: opacidad 350ms linear 2.5s 1 normal backwards, pulse 2s linear 3.5s infinite normal backwards;
-moz-animation: opacidad 350ms linear 2.5s 1 normal backwards, pulse 2s linear 3.5s infinite normal backwards;
animation: opacidad 350ms linear 2.5s 1 normal backwards, pulse 2s linear 3.5s infinite normal backwards;
}

/*slide 3*/
.owl-item.active .item.slide3 .contenido-dinamico .o1{
  position: absolute;
  top: 10%;
  margin-left: 13%;
  width: 42% !important;
  -webkit-animation: pulse 550ms linear 1.8s infinite normal backwards, bounceInDown 550ms linear 1.2s 1 normal backwards;
  -moz-animation: pulse 550ms linear 1.8s infinite normal backwards, bounceInDown 550ms linear 1.2s 1 normal backwards;
  animation: pulse 550ms linear 1.8s infinite normal backwards, bounceInDown 550ms linear 1.2s 1 normal backwards;
}

.owl-item.active .item.slide3 .contenido-dinamico .o2{
  position: absolute;
      right: 4%;
      top: 40%;
      width: 14% !important;
      -webkit-animation: bounceIRight 550ms linear 1.7s 1 normal backwards;
      -moz-animation: bounceInRight 550ms linear 1.7s 1 normal backwards;
      animation: bounceInRight 550ms linear 1.7s 1 normal backwards;
}

.owl-item.active .item.slide3 .contenido-dinamico .o3{
  position: absolute;
      right: 6.9%;
      top: 47%;
      width: 1.5% !important;
      -webkit-animation: rotaizq 2s linear 1.85s infinite normal backwards, bounceIRight 550ms linear 1.7s 1 normal backwards;
      -moz-animation: rotaizq 2s linear 1.85s infinite normal backwards, bounceInRight 550ms linear 1.7s 1 normal backwards;
      animation: rotaizq 2s linear 1.85s infinite normal backwards, bounceInRight 550ms linear 1.7s 1 normal backwards;
}

.owl-item.active .item.slide3 .contenido-dinamico .o4{
  position: absolute;
  right: 5.3%;
  top: 48.2%;
  width: 2% !important;
  -webkit-animation: rotader 2s linear 1.95s infinite normal backwards, bounceIRight 550ms linear 1.7s 1 normal backwards;
  -moz-animation: rotader 2s linear 1.95s infinite normal backwards, bounceInRight 550ms linear 1.7s 1 normal backwards;
  animation: rotader 2s linear 1.95s infinite normal backwards, bounceInRight 550ms linear 1.7s 1 normal backwards;
}

.owl-item.active .item.slide3 .contenido-dinamico .o5{
  position: absolute;
  top: 43%;
  width: 8% !important;
  margin-left: 3%;
  -webkit-animation: swing 2s linear 1.85s infinite normal backwards, bounceILeft 550ms linear 1.7s 1 normal backwards;
  -moz-animation: swing 2s linear 1.85s infinite normal backwards, bounceInLeft 550ms linear 1.7s 1 normal backwards;
  animation: swing 2s linear 1.85s infinite normal backwards, bounceInLeft 550ms linear 1.7s 1 normal backwards;
}

.owl-item.active .item.slide3 .contenido-dinamico .o6{
  position: absolute;
  margin-left: 21%;
  top: 7%;
  width: 10% !important;
  -webkit-animation: swing 2s linear 1.85s infinite normal backwards, bounceIDown 550ms linear 1.7s 1 normal backwards;
  -moz-animation: swing 2s linear 1.85s infinite normal backwards, bounceInDown 550ms linear 1.7s 1 normal backwards;
  animation: swing 2s linear 1.85s infinite normal backwards, bounceInDown 550ms linear 1.7s 1 normal backwards;
}

.owl-item.active .item.slide3 .contenido-dinamico .o7{
  position: absolute;
  top: 4%;
  width: 51% !important;
  margin-left: -0.5%;
  -webkit-animation: pulse 550ms linear 1.9s infinite normal backwards;
  -moz-animation: pulse 550ms linear 1.9s infinite normal backwards;
  animation: pulse 550ms linear 1.9s infinite normal backwards;
}

/*slide 5-----*/
.owl-item.active .item.slide5 .contenido-dinamico .o1{
  position: absolute;
 width: 33% !important;
 margin-left: 6%;
 top: 38%;
 animation: fadeInRight 300ms linear 1.2s 1 normal backwards;
 -moz-animation: fadeInRight 300ms linear 1.2s 1 normal backwards;
 -webkit-animation: fadeInRight 300ms linear 1.2s 1 normal backwards;
}

.owl-item.active .item.slide5 .contenido-dinamico .o2{
  position: absolute;
width: 12% !important;
margin-left: 16%;
top: 15%;
animation: opacidad 800ms linear 1.6s 1 normal backwards, nubemayor 1s linear 1.7s infinite normal backwards;
-moz-animation: opacidad 800ms linear 1.6s 1 normal backwards, nubemayor 1s linear 1.7s infinite normal backwards;
-webkit-animation: opacidad 800ms linear 1.6s 1 normal backwards, nubemayor 1s linear 1.7s infinite normal backwards;
}

.owl-item.active .item.slide5 .contenido-dinamico .o3{
  position: absolute;
top: 17%;
width: 25% !important;
right: 12%;
animation: zoomInLeft 1800ms linear 1.7s infinite normal backwards;
-moz-animation: zoomInLeft 1800ms linear 1.7s infinite normal backwards;
-webkit-animation: zoomInLeft 1800ms linear 1.7s infinite normal backwards;
}

.owl-item.active .item.slide5 .contenido-dinamico .o4{
  position: absolute;
right: 6%;
bottom: 0;
width: 14% !important;
animation: bounceInUp 800ms linear 1.2s 1 normal backwards;
-moz-animation: bounceInUp 800ms linear 1.2s 1 normal backwards;
-webkit-animation: bounceInUp 800ms linear 1.2s 1 normal backwards;
}

/*slide 2-------*/
.owl-item.active .item.slide2 .contenido-dinamico .o1{
  position: absolute;
  margin: auto;
  margin-left: 12%;
  width: 35% !important;
  animation: rotaizq 11s linear 250ms infinite normal backwards;
  -moz-animation: rotaizq 11s linear 250ms infinite normal backwards;
  -webkit-animation: rotaizq 11s linear 250ms infinite normal backwards;
}

.owl-item.active .item.slide2 .contenido-dinamico .o2{
  position: absolute;
  width: 35% !important;
  margin: auto;
  margin-left: 12%;
  margin-top: -1%;
  animation: flash 500ms linear 4.8s 1 normal backwards, flash 500ms linear 1s 1 normal backwards;
  -moz-animation: flash 500ms linear 4.8s 1 normal backwards, flash 500ms linear 1s 1 normal backwards;
  -webkit-animation: flash 500ms linear 4.8s 1 normal backwards, flash 500ms linear 1s 1 normal backwards;
}
/*slide 2*/
/*FIN DE EFECTOS DE SLIDER*/


@keyframes opacidad {
  0%{opacity: 0};
  100%{opacity: 1}
}

@keyframes nube {
  0% { transform: translateY(0) }
  50% { transform: translateY(-3px) }
  100% { transform: translateY(0) }
}

@keyframes nubemayor {
  0% { transform: translateY(0) }
  50% { transform: translateY(-10px) }
  100% { transform: translateY(0) }
}

@keyframes rotader {
  0% { transform: rotate(45deg);}
  50% { transform: rotate(180deg);}
  100% { transform: rotate(360deg);}
}


@keyframes rotaizq {
  0% { transform: rotate(-45deg);}
  50% { transform: rotate(-180deg);}
  100% { transform: rotate(-360deg);}
}



.oz{
  z-index: 90;
}



.oz:hover{
  transform: scale(1.1);
  cursor: pointer;
  transition: all ease 150ms;
}

.owl-item.active .item .tit-slide{
  width: 80%;
    color: white;
    font-size: 55px;
    text-align: left;
    line-height: 1;
    margin: auto;
    margin-top: 43%;
    -webkit-animation: fadeInLeft 1500ms ease 400ms 1 backwards;
    -moz-animation: fadeInLeft 1500ms ease 400ms 1 backwards;
    animation: fadeInLeft 1500ms ease 400ms 1 backwards;
}

.owl-item.active .item .tit-desc{
  width: 80%;
    margin: auto;
    color: white;
    font-size: 28px!important;
    margin-top: 2%;
    -webkit-animation: fadeInLeft 1500ms ease 450ms 1 backwards;
    -moz-animation: fadeInLeft 1500ms ease 450ms 1 backwards;
    animation: fadeInLeft 1500ms ease 450ms 1 backwards;
    font-size: 20px!important;
}

.more-slide{
  width: 80%;
margin: auto;
margin-top: 2%;
}

.owl-item.active .item .more-slide img{
  width: 64% !important;
margin-top: 3%;
cursor: pointer;
-webkit-animation: fadeInUp 1500ms ease 500ms 1 backwards;
-moz-animation: fadeInUp 1500ms ease 500ms 1 backwards;
animation: fadeInUp 1500ms ease 500ms 1 backwards;
}

.more-slide img:hover{
  transform: scale(1.1);
  transition: all ease 250ms;
}

.owl-item.active .item .logo-slide{
  position: absolute;
top: 7%;
left: 2%;
width: 15% !important;
  -webkit-animation: flipInX 850ms ease 250ms 1 backwards;
  -moz-animation: flipInX 850ms ease 250ms 1 backwards;
  animation: flipInX 850ms ease 250ms 1 backwards;
}


.owl-stage-outer{
height: 100vh;
}

.owl-stage{
height: 100vh;
}

img.fondo {
    height: 100vh;
}

p.texto-izq.dd-servicios {
	max-height: 290px;
	overflow-y: auto;
}

.caja.s-6.mk {
	margin-left: 38%;
}

.equipo-desk{
	    background-color: rgb(255, 188, 0);
}

.equipo-desk .tit-equipo{
	color: white;
font-size: 44px;
font-weight: 700;
margin-bottom: 15px;


text-transform: uppercase;
text-align: center;
}

.equipo-desk .descrip-equipo{
	color: white;
    margin: auto;
    width: 80%;
    margin-bottom: 30px;
    font-size: 17px;
}

.personal .caja.s-4:nth-child(1){
  background-color: #E0D94D;
}
.personal .caja.s-4:nth-child(2){
  background-color: #6FBA47;
}
.personal .caja.s-4:nth-child(3){
  background-color: #50BFE2;
}
.personal .caja.s-4:nth-child(4){
  background-color: #A770E0;
}
.personal .caja.s-4:nth-child(5){
  background-color: #6FBA47;
}
.personal .caja.s-4:nth-child(6){
  background-color: #DADD72;
}
.personal .caja.s-4:nth-child(7){
  background-color: #00B0BB;
}
.personal .caja.s-4:nth-child(8){
  background-color: #E0D94D;
}
.personal .caja.s-4:nth-child(9){
  background-color: #8560BF;
}
.personal .caja.s-4:nth-child(10){
  background-color: #6FBA47;
}
.personal .caja.s-4:nth-child(11){
  background-color: #50BFE2;
}
.personal .caja.s-4:nth-child(12){
  background-color: #A770E0;
}

.personal .caja.s-4 img{
	margin-bottom: -5px;
}

div.personal{
	position: relative;
min-height: 55vh;
}

.caja.describeme{
	position: absolute;
    width: 100%;
    height: 475px;
    top: 0;
    left: 0;
    display: none;
    padding-top: 2%;
}

.cerrando-p{
	position: absolute;
    top: 2%;
    right: 2%;
    width: 40px;
    height: 40px;
    cursor: pointer;
    font-size: 40px;
    color: white;
    text-align: center;
}

.describeme .hidden {
    display: block;
    text-align: center;
    width: 42%;
    float: right;
    height: 100%;
    vertical-align: middle;
    padding-top: 2%;
    color: white;
    margin-right: 8%;
}

.describeme .hidden h4{
  margin-top: 50px;
	font-size: 30px;
  color: white;
}

.describeme .hidden p{
    color: white;
    font-size: 21px;
}

.describeme img{
	float: left;
    max-width: 400px;
    margin-left: 8%;
}

.realcontiene-servicios {
    position: absolute;
    width: 42%;
    height: 42%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
    padding: 2%;
}

.realcontiene-servicios h3{
	margin-top: 38%;
font-size: 22px;
text-transform: uppercase;
padding: 0;
margin-bottom: 4px;
transform: translateY(-50%);
color: #00B0BB;
}

.realcontiene-servicios span{
	font-size: 17px;
font-style: italic;
}

.menu-open:checked ~ .menu-item:nth-child(7) {
    -webkit-transition-duration: 490ms;
    transition-duration: 490ms;
    -webkit-transform: translate3d(-550px, 0, 0);
    transform: translate3d(-550px, 0, 0);
}


.menu-open:checked ~ .menu-item:nth-child(8) {
    -webkit-transition-duration: 490ms;
    transition-duration: 490ms;
    -webkit-transform: translate3d(-660px, 0, 0);
    transform: translate3d(-660px, 0, 0);
}

.menu-open:checked ~ .menu-item i:before{
color: white;
}

.menu-open:checked ~ .menu-item:hover i:before{
color: #9C27B0;
}


.agencia-desk.active .descripciones h3{
	-webkit-animation: fadeInDown 1s ease 850ms 1 backwards;
	-moz-animation: fadeInDown 1s ease 850ms 1 backwards;
	animation: fadeInDown 1s ease 850ms 1 backwards;
}

.agencia-desk.active .descripciones p{
	-webkit-animation: fadeInDown 1.2s ease 900ms 1 backwards;
	-moz-animation: fadeInDown 1.2s ease 900ms 1 backwards;
	animation: fadeInDown 1.2s ease 900ms 1 backwards;
}

.agencia-desk.active .descripciones a{
	-webkit-animation: fadeInUp 1s ease 950ms 1 backwards;
	-moz-animation: fadeInUp 1s ease 950ms 1 backwards;
	animation: fadeInUp 1s ease 950ms 1 backwards;
}

.agencia-desk.active .control-fondo{
	-webkit-animation: flipInY 2.5s ease 950ms 1 backwards;
	-moz-animation: flipInY 2.5s ease 950ms 1 backwards;
	animation: flipInY 2.5s ease 950ms 1 backwards;
}

.equipo-desk.active .tit-equipo{
	-webkit-animation: bounceInDown 1.2s ease 900ms 1 backwards;
	-moz-animation: bounceInDown 1.2s ease 900ms 1 backwards;
	animation: bounceInDown 1.2s ease 900ms 1 backwards;
}

.tit-agencia{

	-webkit-animation: bounceInDown 1.2s ease 900ms 1 backwards;

	-moz-animation: bounceInDown 1.2s ease 900ms 1 backwards;

	animation: bounceInDown 1.2s ease 900ms 1 backwards;

}


.equipo-desk.active .descrip-equipo{
	-webkit-animation: bounceInLeft 1.2s ease 930ms 1 backwards;
	-moz-animation: bounceInLeft 1.2s ease 930ms 1 backwards;
	animation: bounceInLeft 1.2s ease 930ms 1 backwards;
}

.equipo-desk.active  .personal .caja.s-4{
	cursor: pointer;
}

.equipo-desk.active  .personal .caja.s-4:nth-child(2) {
	-webkit-animation: fadeIn 850ms ease 1.3s 1 backwards;
	-moz-animation: fadeIn 850ms ease 1.3s 1 backwards;
	animation: fadeIn 850ms ease 1.3s 1 backwards;
}

.equipo-desk.active  .personal .caja.s-4:nth-child(3) {
	-webkit-animation: fadeIn 850ms ease 1.5s 1 backwards;
	-moz-animation: fadeIn 850ms ease 1.5s 1 backwards;
	animation: fadeIn 850ms ease 1.5s 1 backwards;
}

.equipo-desk.active  .personal .caja.s-4:nth-child(4) {
	-webkit-animation: fadeIn 850ms ease 1.7s 1 backwards;
	-moz-animation: fadeIn 850ms ease 1.7s 1 backwards;
	animation: fadeIn 850ms ease 1.7s 1 backwards;
}

.equipo-desk.active  .personal .caja.s-4:nth-child(5) {
	-webkit-animation: fadeIn 850ms ease 1.9s 1 backwards;
	-moz-animation: fadeIn 850ms ease 1.9s 1 backwards;
	animation: fadeIn 850ms ease 1.9s 1 backwards;
}

.equipo-desk.active  .personal .caja.s-4:nth-child(6) {
	-webkit-animation: fadeIn 850ms ease 2.1s 1 backwards;
	-moz-animation: fadeIn 850ms ease 2.1s 1 backwards;
	animation: fadeIn 850ms ease 2.1s 1 backwards;
}

.equipo-desk.active  .personal .caja.s-4:nth-child(7) {
	-webkit-animation: fadeIn 850ms ease 2.3s 1 backwards;
	-moz-animation: fadeIn 850ms ease 2.3s 1 backwards;
	animation: fadeIn 850ms ease 2.3s 1 backwards;
}

.equipo-desk.active  .personal .caja.s-4:nth-child(8) {
	-webkit-animation: fadeIn 850ms ease 2.5s 1 backwards;
	-moz-animation: fadeIn 850ms ease 2.5s 1 backwards;
	animation: fadeIn 850ms ease 2.5s 1 backwards;
}

.equipo-desk.active  .personal .caja.s-4:nth-child(9) {
	-webkit-animation: fadeIn 850ms ease 2.7s 1 backwards;
	-moz-animation: fadeIn 850ms ease 2.7s 1 backwards;
	animation: fadeIn 850ms ease 2.7s 1 backwards;
}

.equipo-desk.active  .personal .caja.s-4:nth-child(10) {
	-webkit-animation: fadeIn 850ms ease 2.9s 1 backwards;
	-moz-animation: fadeIn 850ms ease 2.9s 1 backwards;
	animation: fadeIn 850ms ease 2.9s 1 backwards;
}

.equipo-desk.active  .personal .caja.s-4:nth-child(11) {
	-webkit-animation: fadeIn 850ms ease 3.1s 1 backwards;
	-moz-animation: fadeIn 850ms ease 3.1s 1 backwards;
	animation: fadeIn 850ms ease 3.1s 1 backwards;
}

.equipo-desk.active  .personal .caja.s-4:nth-child(12) {
	-webkit-animation: fadeIn 850ms ease 3.3s 1 backwards;
	-moz-animation: fadeIn 850ms ease 3.3s 1 backwards;
	animation: fadeIn 850ms ease 3.3s 1 backwards;
}

.equipo-desk.active  .personal .caja.s-4:nth-child(13) {
	-webkit-animation: fadeIn 850ms ease 3.5s 1 backwards;
	-moz-animation: fadeIn 850ms ease 3.5s 1 backwards;
	animation: fadeIn 850ms ease 3.5s 1 backwards;
}

.contacto-desk.active .form-contacto{
	-webkit-animation: flipInX 1.2s ease 900ms 1 backwards;
	-moz-animation: flipInX 1.2s ease 900ms 1 backwards;
	animation: flipInX 1.2s ease 900ms 1 backwards;
}

.contacto-desk.active .tit-contacto{
	-webkit-animation: fadeInRight 1.2s ease 1s 1 backwards;
	-moz-animation: fadeInRight 1.2s ease 1s 1 backwards;
	animation: fadeInRight 1.2s ease 1s 1 backwards;
}

.contacto-desk.active .describe{
	-webkit-animation: fadeInRight 1.2s ease 1.4s 1 backwards;
	-moz-animation: fadeInRight 1.2s ease 1.4s 1 backwards;
	animation: fadeInRight 1.2s ease 1.4s 1 backwards;
}

.contacto-desk.active .refer-contacto{
	-webkit-animation: fadeInRight 1.2s ease 1.8s 1 backwards;
	-moz-animation: fadeInRight 1.2s ease 1.8s 1 backwards;
	animation: fadeInRight 1.2s ease 1.8s 1 backwards;
}


.contacto-desk.active{
	background-image: url("../img/contacto.jpg");
background-position: top;
background-repeat: no-repeat;
background-size: 100% 88%;
min-height: 450px;
padding-top: 50px;
padding-bottom: 50px;
background-color: #8EC871;
}


/*AVANZADOOOOOOOOOOOOOOOOOO*/


/*_____----____---___--__-_____  INICIO MODO DESARROLLO   _____-__--___---____----_____*/
/*CONTENEDORES*/
body.desarrollo .contenedor {
    background-color: #f1f1ff;
    border: 2px solid #C3C3DE;
    padding: 0px 0px 10px 0px;
}

body.desarrollo .contenedor-full {
    background-color: #f1f1ff;
    border: 2px solid #C3C3DE;
    padding: 0px 0px 10px 0px;
}

body.desarrollo .contenedor-320 {
    background-color: #f1f1ff;
    border: 2px solid #C3C3DE;
    padding: 0px 0px 10px 0px;
}

body.desarrollo .contenedor-480 {
    background-color: #f1f1ff;
    border: 2px solid #C3C3DE;
    padding: 0px 0px 10px 0px;
}

body.desarrollo .contenedor-640 {
    background-color: #f1f1ff;
    border: 2px solid #C3C3DE;
    padding: 0px 0px 10px 0px;
}

body.desarrollo .contenedor-960 {
    background-color: #f1f1ff;
    border: 2px solid #C3C3DE;
    padding: 0px 0px 10px 0px;
}

body.desarrollo .contenedor-1366 {
    background-color: #f1f1ff;
    border: 2px solid #C3C3DE;
    padding: 0px 0px 10px 0px;
}

body.desarrollo .contenedor-320::before {
    content: "Contenedor-320 (max-width: 320px)";
    background-color: #d7d7e0;
    width: 100%;
    text-align: center;
    padding: 2px;
    margin: 0;
    margin-bottom: 10px;
    border-bottom: 2px solid #c3c3dc;
    color: #6363e0;
    display: block;
}

body.desarrollo .contenedor-480::before {
    content: "Contenedor-480 (max-width: 480px)";
    background-color: #d7d7e0;
    width: 100%;
    text-align: center;
    padding: 2px;
    margin: 0;
    margin-bottom: 10px;
    border-bottom: 2px solid #c3c3dc;
    color: #6363e0;
    display: block;
}

body.desarrollo .contenedor-640::before {
    content: "Contenedor-640 (max-width: 640px)";
    background-color: #d7d7e0;
    width: 100%;
    text-align: center;
    padding: 2px;
    margin: 0;
    margin-bottom: 10px;
    border-bottom: 2px solid #c3c3dc;
    color: #6363e0;
    display: block;
}

body.desarrollo .contenedor-960::before {
    content: "Contenedor-960 (max-width: 960px)";
    background-color: #d7d7e0;
    width: 100%;
    text-align: center;
    padding: 2px;
    margin: 0;
    margin-bottom: 10px;
    border-bottom: 2px solid #c3c3dc;
    color: #6363e0;
    display: block;
}

body.desarrollo .contenedor-1366::before {
    content: "Contenedor-1366 (max-width: 1366px)";
    background-color: #d7d7e0;
    width: 100%;
    text-align: center;
    padding: 2px;
    margin: 0;
    margin-bottom: 10px;
    border-bottom: 2px solid #c3c3dc;
    color: #6363e0;
    display: block;
}

body.desarrollo .contenedor::before {
    content: "Contenedor NORMAL (max-width: 960px)";
    background-color: #d7d7e0;
    width: 100%;
    text-align: center;
    padding: 2px;
    margin: 0;
    margin-bottom: 10px;
    border-bottom: 2px solid #c3c3dc;
    color: #6363e0;
    display: block;
}

body.desarrollo .contenedor-full::before {
    content: "Contenedor-full (width: 100%)";
    background-color: #d7d7e0;
    width: 100%;
    text-align: center;
    padding: 2px;
    margin: 0;
    margin-bottom: 10px;
    border-bottom: 2px solid #c3c3dc;
    color: #6363e0;
    display: block;
}
/*GRUPOS*/
body.desarrollo .contenedor .grupo {
    background-color: #ffefe4;
    border: 2px solid #fbdac3;
    padding: 0px 0px 10px 0px;
    margin: 5px;
}

body.desarrollo .contenedor-full .grupo {
    background-color: #ffefe4;
    border: 2px solid #fbdac3;
    padding: 0px 0px 10px 0px;
    margin: 5px;
}

body.desarrollo .contenedor-320 .grupo {
    background-color: #ffefe4;
    border: 2px solid #fbdac3;
    padding: 0px 0px 10px 0px;
    margin: 5px;
}

body.desarrollo .contenedor-480 .grupo {
    background-color: #ffefe4;
    border: 2px solid #fbdac3;
    padding: 0px 0px 10px 0px;
    margin: 5px;
}

body.desarrollo .contenedor-640 .grupo {
    background-color: #ffefe4;
    border: 2px solid #fbdac3;
    padding: 0px 0px 10px 0px;
    margin: 5px;
}

body.desarrollo .contenedor-960 .grupo {
    background-color: #ffefe4;
    border: 2px solid #fbdac3;
    padding: 0px 0px 10px 0px;
    margin: 5px;
}

body.desarrollo .contenedor-1366 .grupo {
    background-color: #ffefe4;
    border: 2px solid #fbdac3;
    padding: 0px 0px 10px 0px;
    margin: 5px;
}

body.desarrollo .contenedor-320 .grupo::before {
    content: "GRUPO";
    background-color: #f9e7db;
    width: 100%;
    text-align: center;
    padding: 2px;
    margin: 0;
    margin-bottom: 10px;
    border-bottom: 2px solid #fbdac3;
    color: #e8a372;
    display: block;
}

body.desarrollo .contenedor-480 .grupo::before {
    content: "GRUPO";
    background-color: #f9e7db;
    width: 100%;
    text-align: center;
    padding: 2px;
    margin: 0;
    margin-bottom: 10px;
    border-bottom: 2px solid #fbdac3;
    color: #e8a372;
    display: block;
}

body.desarrollo .contenedor-640 .grupo::before {
    content: "GRUPO";
    background-color: #f9e7db;
    width: 100%;
    text-align: center;
    padding: 2px;
    margin: 0;
    margin-bottom: 10px;
    border-bottom: 2px solid #fbdac3;
    color: #e8a372;
    display: block;
}

body.desarrollo .contenedor-960 .grupo::before {
    content: "GRUPO";
    background-color: #f9e7db;
    width: 100%;
    text-align: center;
    padding: 2px;
    margin: 0;
    margin-bottom: 10px;
    border-bottom: 2px solid #fbdac3;
    color: #e8a372;
    display: block;
}

body.desarrollo .contenedor-1366 .grupo::before {
    content: "GRUPO";
    background-color: #f9e7db;
    width: 100%;
    text-align: center;
    padding: 2px;
    margin: 0;
    margin-bottom: 10px;
    border-bottom: 2px solid #fbdac3;
    color: #e8a372;
    display: block;
}

body.desarrollo .contenedor .grupo::before {
    content: "GRUPO";
    background-color: #f9e7db;
    width: 100%;
    text-align: center;
    padding: 2px;
    margin: 0;
    margin-bottom: 10px;
    border-bottom: 2px solid #fbdac3;
    color: #e8a372;
    display: block;
}

body.desarrollo .contenedor-full .grupo::before {
    content: "GRUPO";
    background-color: #f9e7db;
    width: 100%;
    text-align: center;
    padding: 2px;
    margin: 0;
    margin-bottom: 10px;
    border-bottom: 2px solid #fbdac3;
    color: #e8a372;
    display: block;
}

/*CAJAS*/
body.desarrollo .contenedor .caja {
    background-color: #dffbd9;
    border: 2px solid #cdfbc4;
    padding: 0px 0px 10px 0px;
}

body.desarrollo .contenedor-full .caja {
    background-color: #dffbd9;
    border: 2px solid #cdfbc4;
    padding: 0px 0px 10px 0px;
}

body.desarrollo .contenedor-320 .caja {
    background-color: #dffbd9;
    border: 2px solid #cdfbc4;
    padding: 0px 0px 10px 0px;
}

body.desarrollo .contenedor-480 .caja {
    background-color: #dffbd9;
    border: 2px solid #cdfbc4;
    padding: 0px 0px 10px 0px;
}

body.desarrollo .contenedor-640 .caja {
    background-color: #dffbd9;
    border: 2px solid #cdfbc4;
    padding: 0px 0px 10px 0px;
}

body.desarrollo .contenedor-960 .caja {
    background-color: #dffbd9;
    border: 2px solid #cdfbc4;
    padding: 0px 0px 10px 0px;
}

body.desarrollo .contenedor-1366 .caja {
    background-color: #dffbd9;
    border: 2px solid #cdfbc4;
    padding: 0px 0px 10px 0px;
}

body.desarrollo .contenedor-320 .caja::before {
    content: "CAJA";
    background-color: #c4f1bc;
    width: 100%;
    text-align: center;
    padding: 2px;
    margin: 0;
    margin-bottom: 10px;
    border-bottom: 2px solid #cdfbc4;
    color: #74d462;
    display: block;
}

body.desarrollo .contenedor-480 .caja::before {
    content: "CAJA";
    background-color: #c4f1bc;
    width: 100%;
    text-align: center;
    padding: 2px;
    margin: 0;
    margin-bottom: 10px;
    border-bottom: 2px solid #cdfbc4;
    color: #74d462;
    display: block;
}

body.desarrollo .contenedor-640 .caja::before {
    content: "CAJA";
    background-color: #c4f1bc;
    width: 100%;
    text-align: center;
    padding: 2px;
    margin: 0;
    margin-bottom: 10px;
    border-bottom: 2px solid #cdfbc4;
    color: #74d462;
    display: block;
}

body.desarrollo .contenedor-960 .caja::before {
    content: "CAJA";
    background-color: #c4f1bc;
    width: 100%;
    text-align: center;
    padding: 2px;
    margin: 0;
    margin-bottom: 10px;
    border-bottom: 2px solid #cdfbc4;
    color: #74d462;
    display: block;
}

body.desarrollo .contenedor-1366 .caja::before {
    content: "CAJA";
    background-color: #c4f1bc;
    width: 100%;
    text-align: center;
    padding: 2px;
    margin: 0;
    margin-bottom: 10px;
    border-bottom: 2px solid #cdfbc4;
    color: #74d462;
    display: block;
}

body.desarrollo .contenedor .caja::before {
    content: "CAJA";
    background-color: #c4f1bc;
    width: 100%;
    text-align: center;
    padding: 2px;
    margin: 0;
    margin-bottom: 10px;
    border-bottom: 2px solid #cdfbc4;
    color: #74d462;
    display: block;
}

body.desarrollo .contenedor-full .caja::before {
    content: "CAJA";
    background-color: #c4f1bc;
    width: 100%;
    text-align: center;
    padding: 2px;
    margin: 0;
    margin-bottom: 10px;
    border-bottom: 2px solid #cdfbc4;
    color: #74d462;
    display: block;
}

.limpiado{
	clear: both;
}

.invercuadro{
	width: 100px;
	height: 100px;
	margin: auto;
	transform: rotate(45deg);
	margin-top: 30px;
	margin-bottom: -55px;
	overflow: hidden;
	cursor: pointer;
  text-align: center!important;
  padding-right: 10px!important;
}
.invercuadro img{
  width: 200px!important;
}

@media screen and (min-width: 480px){
	.margeado-izq10{
		margin-left: 10%;
	}
}

.efecto-encima {
    /*transition: all ease 250ms;
    position: absolute;
    content: "";
    width: 0px;
    height: 0px;
    top: 0;
    background-color: rgba(0, 0, 0, 0.18);
    transform: translate(-100%, 100%);
    left: 0;*/
}

.f-verde{
	background-color: #51AE32;
}
.f-celeste{
    background-color: #50BBDE;
}
.f-mostaza{
    background-color: #ffbc02;
}
.f-morado{
    background-color: #8160BB;
}
.f-red{
    background-color: #E73C70;
}

/*.invercuadro:hover .efecto-encima{
	transform: translateY(0%);
	width: 100%;
    height: 100%;
    z-index: 30;
}*/



.logo-servi {
    transform: rotate(-45deg);
    margin-top: 15px;
    margin-left: 5px;
    filter: grayscale(1);
    /*transition: all linear .5s;*/
}
/*.logo-servi:hover{
    filter: grayscale(0);
}*/

.menu-redes{	position: absolute;
  top: 55px;	z-index: 9999;	right: 150px;}

.menu-redes2{

	position: absolute;
    z-index: 9999;
    right: 48%;
    bottom: 150px;
    margin: 0 auto;

}
.lista-redes{	margin: 0;padding: 0;list-style-type: none;}.lista-redes__items{	display: inline;}.fa{	color: white !important;
}

.tit-agencia {
	color: white;
	font-size: 44px;
	font-weight: 700;
	padding-bottom: 50px;

	text-transform: uppercase;
	text-align: center;
	padding-top: 100px;
}

/*_____----____---___--__-_____  FIN MODO DESARROLLO   _____-__--___---____----_____*/

/*_____----____---___--__-_____  QUERYS DE ANCHURA  _____-__--___---____----_____*/
@media screen and (min-width:320px){
    .s-1    {width: 8.33333%;}
    .s-1-1  {width: 9.16666%;}
    .s-1-2  {width: 10.00000%;}
    .s-1-3  {width: 10.83333%;}
    .s-1-4  {width: 11.66666%;}
    .s-1-5  {width: 12.50000%;}
    .s-1-6  {width: 13.33333%;}
    .s-1-7  {width: 14.16666%;}
    .s-1-8  {width: 14.99999%;}
    .s-1-9  {width: 15.83333%;}
    .s-2    {width: 16.66667%;}
    .s-2-1  {width: 17.49999%;}
    .s-2-2  {width: 18.33333%;}
    .s-2-3  {width: 19.16666%;}
    .s-2-4  {width: 19.99999%;}
	.s-2-5  {width: 20.83333%;}
	.s-2-6  {width: 21.66666%;}
	.s-2-7  {width: 22.49999%;}
	.s-2-8  {width: 23.33332%;}
	.s-2-9  {width: 24.16666%;}
    .s-3    {width: 25%;}
    .s-3-1  {width: 25.83332%;}
    .s-3-2  {width: 26.66666%;}
    .s-3-3  {width: 27.49999%;}
    .s-3-4  {width: 28.33332%;}
	.s-3-5  {width: 29.16666%;}
	.s-3-6  {width: 29.99999%;}
	.s-3-7  {width: 30.83332%;}
	.s-3-8  {width: 31.66665%;}
	.s-3-9  {width: 32.49999%;}
    .s-4    {width: 33.33333%;}
    .s-4-1  {width: 34.16665%;}
    .s-4-2  {width: 34.99999%;}
    .s-4-3  {width: 35.83332%;}
    .s-4-4  {width: 36.66665%;}
	.s-4-5  {width: 37.49999%;}
	.s-4-6  {width: 38.33332%;}
	.s-4-7  {width: 39.16665%;}
	.s-4-8  {width: 39.99998%;}
	.s-4-9  {width: 40.83332%;}
    .s-5    {width: 41.66667%;}
    .s-5-1  {width: 42.49998%;}
    .s-5-2  {width: 43.33332%;}
    .s-5-3  {width: 44.16665%;}
    .s-5-4  {width: 44.99998%;}
	.s-5-5  {width: 45.83332%;}
	.s-5-6  {width: 46.66665%;}
	.s-5-7  {width: 47.49998%;}
	.s-5-8  {width: 48.33331%;}
	.s-5-9  {width: 49.16665%;}
    .s-6    {width: 50%;}
    .s-6-1  {width: 50.83331%;}
    .s-6-2  {width: 51.66665%;}
    .s-6-3  {width: 52.49998%;}
    .s-6-4  {width: 53.33331%;}
	.s-6-5  {width: 54.16665%;}
	.s-6-6  {width: 54.99998%;}
	.s-6-7  {width: 55.83331%;}
	.s-6-8  {width: 56.66664%;}
	.s-6-9  {width: 57.49998%;}
    .s-7    {width: 58.33333%;}
    .s-7-1  {width: 59.16664%;}
    .s-7-2  {width: 59.99998%;}
    .s-7-3  {width: 60.83331%;}
    .s-7-4  {width: 61.66664%;}
	.s-7-5  {width: 62.49998%;}
	.s-7-6  {width: 63.33331%;}
	.s-7-7  {width: 64.16664%;}
	.s-7-8  {width: 64.99997%;}
	.s-7-9  {width: 65.83331%;}
    .s-8    {width: 66.66667%;}
    .s-8-1  {width: 67.49997%;}
    .s-8-2  {width: 68.33331%;}
    .s-8-3  {width: 69.16664%;}
    .s-8-4  {width: 69.99997%;}
	.s-8-5  {width: 70.83331%;}
	.s-8-6  {width: 71.66664%;}
	.s-8-7  {width: 72.49997%;}
	.s-8-8  {width: 73.33330%;}
	.s-8-9  {width: 74.16664%;}
    .s-9    {width: 75%;}
    .s-9-1  {width: 75.83330%;}
    .s-9-2  {width: 76.66664%;}
    .s-9-3  {width: 77.49997%;}
    .s-9-4  {width: 78.33330%;}
	.s-9-5  {width: 79.16664%;}
	.s-9-6  {width: 79.99997%;}
	.s-9-7  {width: 80.83330%;}
	.s-9-8  {width: 81.66663%;}
	.s-9-9  {width: 82.49997%;}
    .s-10   {width: 83.33333%;}
    .s-10-1 {width: 84.16663%;}
    .s-10-2 {width: 84.99997%;}
    .s-10-3 {width: 85.83330%;}
    .s-10-4 {width: 86.66663%;}
	.s-10-5 {width: 87.49997%;}
	.s-10-6 {width: 88.33330%;}
	.s-10-7 {width: 89.16663%;}
	.s-10-8 {width: 89.99996%;}
	.s-10-9 {width: 90.83330%;}
    .s-11   {width: 91.66667%;}
    .s-11-1 {width: 92.49996%;}
    .s-11-2 {width: 93.33330%;}
    .s-11-3 {width: 94.16629%;}
    .s-11-4 {width: 94.99996%;}
	.s-11-5 {width: 95.83330%;}
	.s-11-6 {width: 96.66663%;}
	.s-11-7 {width: 97.49996%;}
	.s-11-8 {width: 98.33329%;}
	.s-11-9 {width: 99.16663%;}
    .s-12   {width: 100%;}
}

@media screen and (min-width:480px){
    .m-1    {width: 8.33333%;}
    .m-1-1  {width: 9.16666%;}
    .m-1-2  {width: 10.00000%;}
    .m-1-3  {width: 10.83333%;}
    .m-1-4  {width: 11.66666%;}
    .m-1-5  {width: 12.50000%;}
    .m-1-6  {width: 13.33333%;}
    .m-1-7  {width: 14.16666%;}
    .m-1-8  {width: 14.99999%;}
    .m-1-9  {width: 15.83333%;}
    .m-2    {width: 16.66667%;}
    .m-2-1  {width: 17.49999%;}
    .m-2-2  {width: 18.33333%;}
    .m-2-3  {width: 19.16666%;}
    .m-2-4  {width: 19.99999%;}
	.m-2-5  {width: 20.83333%;}
	.m-2-6  {width: 21.66666%;}
	.m-2-7  {width: 22.49999%;}
	.m-2-8  {width: 23.33332%;}
	.m-2-9  {width: 24.16666%;}
    .m-3    {width: 25%;}
    .m-3-1  {width: 25.83332%;}
    .m-3-2  {width: 26.66666%;}
    .m-3-3  {width: 27.49999%;}
    .m-3-4  {width: 28.33332%;}
	.m-3-5  {width: 29.16666%;}
	.m-3-6  {width: 29.99999%;}
	.m-3-7  {width: 30.83332%;}
	.m-3-8  {width: 31.66665%;}
	.m-3-9  {width: 32.49999%;}
    .m-4    {width: 33.33333%;}
    .m-4-1  {width: 34.16665%;}
    .m-4-2  {width: 34.99999%;}
    .m-4-3  {width: 35.83332%;}
    .m-4-4  {width: 36.66665%;}
	.m-4-5  {width: 37.49999%;}
	.m-4-6  {width: 38.33332%;}
	.m-4-7  {width: 39.16665%;}
	.m-4-8  {width: 39.99998%;}
	.m-4-9  {width: 40.83332%;}
    .m-5    {width: 41.66667%;}
    .m-5-1  {width: 42.49998%;}
    .m-5-2  {width: 43.33332%;}
    .m-5-3  {width: 44.16665%;}
    .m-5-4  {width: 44.99998%;}
	.m-5-5  {width: 45.83332%;}
	.m-5-6  {width: 46.66665%;}
	.m-5-7  {width: 47.49998%;}
	.m-5-8  {width: 48.33331%;}
	.m-5-9  {width: 49.16665%;}
    .m-6    {width: 50%;}
    .m-6-1  {width: 50.83331%;}
    .m-6-2  {width: 51.66665%;}
    .m-6-3  {width: 52.49998%;}
    .m-6-4  {width: 53.33331%;}
	.m-6-5  {width: 54.16665%;}
	.m-6-6  {width: 54.99998%;}
	.m-6-7  {width: 55.83331%;}
	.m-6-8  {width: 56.66664%;}
	.m-6-9  {width: 57.49998%;}
    .m-7    {width: 58.33333%;}
    .m-7-1  {width: 59.16664%;}
    .m-7-2  {width: 59.99998%;}
    .m-7-3  {width: 60.83331%;}
    .m-7-4  {width: 61.66664%;}
	.m-7-5  {width: 62.49998%;}
	.m-7-6  {width: 63.33331%;}
	.m-7-7  {width: 64.16664%;}
	.m-7-8  {width: 64.99997%;}
	.m-7-9  {width: 65.83331%;}
    .m-8    {width: 66.66667%;}
    .m-8-1  {width: 67.49997%;}
    .m-8-2  {width: 68.33331%;}
    .m-8-3  {width: 69.16664%;}
    .m-8-4  {width: 69.99997%;}
	.m-8-5  {width: 70.83331%;}
	.m-8-6  {width: 71.66664%;}
	.m-8-7  {width: 72.49997%;}
	.m-8-8  {width: 73.33330%;}
	.m-8-9  {width: 74.16664%;}
    .m-9    {width: 75%;}
    .m-9-1  {width: 75.83330%;}
    .m-9-2  {width: 76.66664%;}
    .m-9-3  {width: 77.49997%;}
    .m-9-4  {width: 78.33330%;}
	.m-9-5  {width: 79.16664%;}
	.m-9-6  {width: 79.99997%;}
	.m-9-7  {width: 80.83330%;}
	.m-9-8  {width: 81.66663%;}
	.m-9-9  {width: 82.49997%;}
    .m-10   {width: 83.33333%;}
    .m-10-1 {width: 84.16663%;}
    .m-10-2 {width: 84.99997%;}
    .m-10-3 {width: 85.83330%;}
    .m-10-4 {width: 86.66663%;}
	.m-10-5 {width: 87.49997%;}
	.m-10-6 {width: 88.33330%;}
	.m-10-7 {width: 89.16663%;}
	.m-10-8 {width: 89.99996%;}
	.m-10-9 {width: 90.83330%;}
    .m-11   {width: 91.66667%;}
    .m-11-1 {width: 92.49996%;}
    .m-11-2 {width: 93.33330%;}
    .m-11-3 {width: 94.16629%;}
    .m-11-4 {width: 94.99996%;}
	.m-11-5 {width: 95.83330%;}
	.m-11-6 {width: 96.66663%;}
	.m-11-7 {width: 97.49996%;}
	.m-11-8 {width: 98.33329%;}
	.m-11-9 {width: 99.16663%;}
    .m-12   {width: 100%;}
}

@media screen and (min-width:640px){
    .l-1    {width: 8.33333%;}
    .l-1-1  {width: 9.16666%;}
    .l-1-2  {width: 10.00000%;}
    .l-1-3  {width: 10.83333%;}
    .l-1-4  {width: 11.66666%;}
    .l-1-5  {width: 12.50000%;}
    .l-1-6  {width: 13.33333%;}
    .l-1-7  {width: 14.16666%;}
    .l-1-8  {width: 14.99999%;}
    .l-1-9  {width: 15.83333%;}
    .l-2    {width: 16.66667%;}
    .l-2-1  {width: 17.49999%;}
    .l-2-2  {width: 18.33333%;}
    .l-2-3  {width: 19.16666%;}
    .l-2-4  {width: 19.99999%;}
	.l-2-5  {width: 20.83333%;}
	.l-2-6  {width: 21.66666%;}
	.l-2-7  {width: 22.49999%;}
	.l-2-8  {width: 23.33332%;}
	.l-2-9  {width: 24.16666%;}
    .l-3    {width: 25%;}
    .l-3-1  {width: 25.83332%;}
    .l-3-2  {width: 26.66666%;}
    .l-3-3  {width: 27.49999%;}
    .l-3-4  {width: 28.33332%;}
	.l-3-5  {width: 29.16666%;}
	.l-3-6  {width: 29.99999%;}
	.l-3-7  {width: 30.83332%;}
	.l-3-8  {width: 31.66665%;}
	.l-3-9  {width: 32.49999%;}
    .l-4    {width: 33.33333%;}
    .l-4-1  {width: 34.16665%;}
    .l-4-2  {width: 34.99999%;}
    .l-4-3  {width: 35.83332%;}
    .l-4-4  {width: 36.66665%;}
	.l-4-5  {width: 37.49999%;}
	.l-4-6  {width: 38.33332%;}
	.l-4-7  {width: 39.16665%;}
	.l-4-8  {width: 39.99998%;}
	.l-4-9  {width: 40.83332%;}
    .l-5    {width: 41.66667%;}
    .l-5-1  {width: 42.49998%;}
    .l-5-2  {width: 43.33332%;}
    .l-5-3  {width: 44.16665%;}
    .l-5-4  {width: 44.99998%;}
	.l-5-5  {width: 45.83332%;}
	.l-5-6  {width: 46.66665%;}
	.l-5-7  {width: 47.49998%;}
	.l-5-8  {width: 48.33331%;}
	.l-5-9  {width: 49.16665%;}
    .l-6    {width: 50%;}
    .l-6-1  {width: 50.83331%;}
    .l-6-2  {width: 51.66665%;}
    .l-6-3  {width: 52.49998%;}
    .l-6-4  {width: 53.33331%;}
	.l-6-5  {width: 54.16665%;}
	.l-6-6  {width: 54.99998%;}
	.l-6-7  {width: 55.83331%;}
	.l-6-8  {width: 56.66664%;}
	.l-6-9  {width: 57.49998%;}
    .l-7    {width: 58.33333%;}
    .l-7-1  {width: 59.16664%;}
    .l-7-2  {width: 59.99998%;}
    .l-7-3  {width: 60.83331%;}
    .l-7-4  {width: 61.66664%;}
	.l-7-5  {width: 62.49998%;}
	.l-7-6  {width: 63.33331%;}
	.l-7-7  {width: 64.16664%;}
	.l-7-8  {width: 64.99997%;}
	.l-7-9  {width: 65.83331%;}
    .l-8    {width: 66.66667%;}
    .l-8-1  {width: 67.49997%;}
    .l-8-2  {width: 68.33331%;}
    .l-8-3  {width: 69.16664%;}
    .l-8-4  {width: 69.99997%;}
	.l-8-5  {width: 70.83331%;}
	.l-8-6  {width: 71.66664%;}
	.l-8-7  {width: 72.49997%;}
	.l-8-8  {width: 73.33330%;}
	.l-8-9  {width: 74.16664%;}
    .l-9    {width: 75%;}
    .l-9-1  {width: 75.83330%;}
    .l-9-2  {width: 76.66664%;}
    .l-9-3  {width: 77.49997%;}
    .l-9-4  {width: 78.33330%;}
	.l-9-5  {width: 79.16664%;}
	.l-9-6  {width: 79.99997%;}
	.l-9-7  {width: 80.83330%;}
	.l-9-8  {width: 81.66663%;}
	.l-9-9  {width: 82.49997%;}
    .l-10   {width: 83.33333%;}
    .l-10-1 {width: 84.16663%;}
    .l-10-2 {width: 84.99997%;}
    .l-10-3 {width: 85.83330%;}
    .l-10-4 {width: 86.66663%;}
	.l-10-5 {width: 87.49997%;}
	.l-10-6 {width: 88.33330%;}
	.l-10-7 {width: 89.16663%;}
	.l-10-8 {width: 89.99996%;}
	.l-10-9 {width: 90.83330%;}
    .l-11   {width: 91.66667%;}
    .l-11-1 {width: 92.49996%;}
    .l-11-2 {width: 93.33330%;}
    .l-11-3 {width: 94.16629%;}
    .l-11-4 {width: 94.99996%;}
	.l-11-5 {width: 95.83330%;}
	.l-11-6 {width: 96.66663%;}
	.l-11-7 {width: 97.49996%;}
	.l-11-8 {width: 98.33329%;}
	.l-11-9 {width: 99.16663%;}
    .l-12   {width: 100%;}
}

@media screen and (min-width:960px){
    .web-1    {width: 8.33333%;}
    .web-1-1  {width: 9.16666%;}
    .web-1-2  {width: 10.00000%;}
    .web-1-3  {width: 10.83333%;}
    .web-1-4  {width: 11.66666%;}
    .web-1-5  {width: 12.50000%;}
    .web-1-6  {width: 13.33333%;}
    .web-1-7  {width: 14.16666%;}
    .web-1-8  {width: 14.99999%;}
    .web-1-9  {width: 15.83333%;}
    .web-2    {width: 16.66667%;}
    .web-2-1  {width: 17.49999%;}
    .web-2-2  {width: 18.33333%;}
    .web-2-3  {width: 19.16666%;}
    .web-2-4  {width: 19.99999%;}
	.web-2-5  {width: 20.83333%;}
	.web-2-6  {width: 21.66666%;}
	.web-2-7  {width: 22.49999%;}
	.web-2-8  {width: 23.33332%;}
	.web-2-9  {width: 24.16666%;}
    .web-3    {width: 25%;}
    .web-3-1  {width: 25.83332%;}
    .web-3-2  {width: 26.66666%;}
    .web-3-3  {width: 27.49999%;}
    .web-3-4  {width: 28.33332%;}
	.web-3-5  {width: 29.16666%;}
	.web-3-6  {width: 29.99999%;}
	.web-3-7  {width: 30.83332%;}
	.web-3-8  {width: 31.66665%;}
	.web-3-9  {width: 32.49999%;}
    .web-4    {width: 33.33333%;}
    .web-4-1  {width: 34.16665%;}
    .web-4-2  {width: 34.99999%;}
    .web-4-3  {width: 35.83332%;}
    .web-4-4  {width: 36.66665%;}
	.web-4-5  {width: 37.49999%;}
	.web-4-6  {width: 38.33332%;}
	.web-4-7  {width: 39.16665%;}
	.web-4-8  {width: 39.99998%;}
	.web-4-9  {width: 40.83332%;}
    .web-5    {width: 41.66667%;}
    .web-5-1  {width: 42.49998%;}
    .web-5-2  {width: 43.33332%;}
    .web-5-3  {width: 44.16665%;}
    .web-5-4  {width: 44.99998%;}
	.web-5-5  {width: 45.83332%;}
	.web-5-6  {width: 46.66665%;}
	.web-5-7  {width: 47.49998%;}
	.web-5-8  {width: 48.33331%;}
	.web-5-9  {width: 49.16665%;}
    .web-6    {width: 50%;}
    .web-6-1  {width: 50.83331%;}
    .web-6-2  {width: 51.66665%;}
    .web-6-3  {width: 52.49998%;}
    .web-6-4  {width: 53.33331%;}
	.web-6-5  {width: 54.16665%;}
	.web-6-6  {width: 54.99998%;}
	.web-6-7  {width: 55.83331%;}
	.web-6-8  {width: 56.66664%;}
	.web-6-9  {width: 57.49998%;}
    .web-7    {width: 58.33333%;}
    .web-7-1  {width: 59.16664%;}
    .web-7-2  {width: 59.99998%;}
    .web-7-3  {width: 60.83331%;}
    .web-7-4  {width: 61.66664%;}
	.web-7-5  {width: 62.49998%;}
	.web-7-6  {width: 63.33331%;}
	.web-7-7  {width: 64.16664%;}
	.web-7-8  {width: 64.99997%;}
	.web-7-9  {width: 65.83331%;}
    .web-8    {width: 66.66667%;}
    .web-8-1  {width: 67.49997%;}
    .web-8-2  {width: 68.33331%;}
    .web-8-3  {width: 69.16664%;}
    .web-8-4  {width: 69.99997%;}
	.web-8-5  {width: 70.83331%;}
	.web-8-6  {width: 71.66664%;}
	.web-8-7  {width: 72.49997%;}
	.web-8-8  {width: 73.33330%;}
	.web-8-9  {width: 74.16664%;}
    .web-9    {width: 75%;}
    .web-9-1  {width: 75.83330%;}
    .web-9-2  {width: 76.66664%;}
    .web-9-3  {width: 77.49997%;}
    .web-9-4  {width: 78.33330%;}
	.web-9-5  {width: 79.16664%;}
	.web-9-6  {width: 79.99997%;}
	.web-9-7  {width: 80.83330%;}
	.web-9-8  {width: 81.66663%;}
	.web-9-9  {width: 82.49997%;}
    .web-10   {width: 83.33333%;}
    .web-10-1 {width: 84.16663%;}
    .web-10-2 {width: 84.99997%;}
    .web-10-3 {width: 85.83330%;}
    .web-10-4 {width: 86.66663%;}
	.web-10-5 {width: 87.49997%;}
	.web-10-6 {width: 88.33330%;}
	.web-10-7 {width: 89.16663%;}
	.web-10-8 {width: 89.99996%;}
	.web-10-9 {width: 90.83330%;}
    .web-11   {width: 91.66667%;}
    .web-11-1 {width: 92.49996%;}
    .web-11-2 {width: 93.33330%;}
    .web-11-3 {width: 94.16629%;}
    .web-11-4 {width: 94.99996%;}
	.web-11-5 {width: 95.83330%;}
	.web-11-6 {width: 96.66663%;}
	.web-11-7 {width: 97.49996%;}
	.web-11-8 {width: 98.33329%;}
	.web-11-9 {width: 99.16663%;}
    .web-12   {width: 100%;}
}

@media screen and (min-width:1366px){
    .hd-1    {width: 8.33333%;}
    .hd-1-1  {width: 9.16666%;}
    .hd-1-2  {width: 10.00000%;}
    .hd-1-3  {width: 10.83333%;}
    .hd-1-4  {width: 11.66666%;}
    .hd-1-5  {width: 12.50000%;}
    .hd-1-6  {width: 13.33333%;}
    .hd-1-7  {width: 14.16666%;}
    .hd-1-8  {width: 14.99999%;}
    .hd-1-9  {width: 15.83333%;}
    .hd-2    {width: 16.66667%;}
    .hd-2-1  {width: 17.49999%;}
    .hd-2-2  {width: 18.33333%;}
    .hd-2-3  {width: 19.16666%;}
    .hd-2-4  {width: 19.99999%;}
	.hd-2-5  {width: 20.83333%;}
	.hd-2-6  {width: 21.66666%;}
	.hd-2-7  {width: 22.49999%;}
	.hd-2-8  {width: 23.33332%;}
	.hd-2-9  {width: 24.16666%;}
    .hd-3    {width: 25%;}
    .hd-3-1  {width: 25.83332%;}
    .hd-3-2  {width: 26.66666%;}
    .hd-3-3  {width: 27.49999%;}
    .hd-3-4  {width: 28.33332%;}
	.hd-3-5  {width: 29.16666%;}
	.hd-3-6  {width: 29.99999%;}
	.hd-3-7  {width: 30.83332%;}
	.hd-3-8  {width: 31.66665%;}
	.hd-3-9  {width: 32.49999%;}
    .hd-4    {width: 33.33333%;}
    .hd-4-1  {width: 34.16665%;}
    .hd-4-2  {width: 34.99999%;}
    .hd-4-3  {width: 35.83332%;}
    .hd-4-4  {width: 36.66665%;}
	.hd-4-5  {width: 37.49999%;}
	.hd-4-6  {width: 38.33332%;}
	.hd-4-7  {width: 39.16665%;}
	.hd-4-8  {width: 39.99998%;}
	.hd-4-9  {width: 40.83332%;}
    .hd-5    {width: 41.66667%;}
    .hd-5-1  {width: 42.49998%;}
    .hd-5-2  {width: 43.33332%;}
    .hd-5-3  {width: 44.16665%;}
    .hd-5-4  {width: 44.99998%;}
	.hd-5-5  {width: 45.83332%;}
	.hd-5-6  {width: 46.66665%;}
	.hd-5-7  {width: 47.49998%;}
	.hd-5-8  {width: 48.33331%;}
	.hd-5-9  {width: 49.16665%;}
    .hd-6    {width: 50%;}
    .hd-6-1  {width: 50.83331%;}
    .hd-6-2  {width: 51.66665%;}
    .hd-6-3  {width: 52.49998%;}
    .hd-6-4  {width: 53.33331%;}
	.hd-6-5  {width: 54.16665%;}
	.hd-6-6  {width: 54.99998%;}
	.hd-6-7  {width: 55.83331%;}
	.hd-6-8  {width: 56.66664%;}
	.hd-6-9  {width: 57.49998%;}
    .hd-7    {width: 58.33333%;}
    .hd-7-1  {width: 59.16664%;}
    .hd-7-2  {width: 59.99998%;}
    .hd-7-3  {width: 60.83331%;}
    .hd-7-4  {width: 61.66664%;}
	.hd-7-5  {width: 62.49998%;}
	.hd-7-6  {width: 63.33331%;}
	.hd-7-7  {width: 64.16664%;}
	.hd-7-8  {width: 64.99997%;}
	.hd-7-9  {width: 65.83331%;}
    .hd-8    {width: 66.66667%;}
    .hd-8-1  {width: 67.49997%;}
    .hd-8-2  {width: 68.33331%;}
    .hd-8-3  {width: 69.16664%;}
    .hd-8-4  {width: 69.99997%;}
	.hd-8-5  {width: 70.83331%;}
	.hd-8-6  {width: 71.66664%;}
	.hd-8-7  {width: 72.49997%;}
	.hd-8-8  {width: 73.33330%;}
	.hd-8-9  {width: 74.16664%;}
    .hd-9    {width: 75%;}
    .hd-9-1  {width: 75.83330%;}
    .hd-9-2  {width: 76.66664%;}
    .hd-9-3  {width: 77.49997%;}
    .hd-9-4  {width: 78.33330%;}
	.hd-9-5  {width: 79.16664%;}
	.hd-9-6  {width: 79.99997%;}
	.hd-9-7  {width: 80.83330%;}
	.hd-9-8  {width: 81.66663%;}
	.hd-9-9  {width: 82.49997%;}
    .hd-10   {width: 83.33333%;}
    .hd-10-1 {width: 84.16663%;}
    .hd-10-2 {width: 84.99997%;}
    .hd-10-3 {width: 85.83330%;}
    .hd-10-4 {width: 86.66663%;}
	.hd-10-5 {width: 87.49997%;}
	.hd-10-6 {width: 88.33330%;}
	.hd-10-7 {width: 89.16663%;}
	.hd-10-8 {width: 89.99996%;}
	.hd-10-9 {width: 90.83330%;}
    .hd-11   {width: 91.66667%;}
    .hd-11-1 {width: 92.49996%;}
    .hd-11-2 {width: 93.33330%;}
    .hd-11-3 {width: 94.16629%;}
    .hd-11-4 {width: 94.99996%;}
	.hd-11-5 {width: 95.83330%;}
	.hd-11-6 {width: 96.66663%;}
	.hd-11-7 {width: 97.49996%;}
	.hd-11-8 {width: 98.33329%;}
	.hd-11-9 {width: 99.16663%;}
    .hd-12   {width: 100%;}
}

a.menu-item {
    font-size: 17px;
}


.contiene-cuadros-clientes.active{
	-webkit-animation: rotateInUpLeft 450ms linear 800ms 1 normal backwards;
	-moz-animation: rotateInUpLeft 450ms linear 800ms 1 normal backwards;
	animation: rotateInUpLeft 450ms linear 800ms 1 normal backwards;
}
.clearfix::after{content:"";display:table;clear:both}