*{
    margin: 0;
    padding: 0;
}

html{
    width: 100%;
    height: 100%;
}

.slide1movil{
    display: none;
}
.imagenwpp{
     display: none;
    }

.contenedor{
    width: 100%;
    display: flex;
    height: 75%;
    margin-top: 11.8%;
}

.contenedor .slide{
    width: 100%;
    height: 100%;
    position: absolute;
    top:3.8%;
}

.contenedor .slide .contenedor li img{
    width: 100%;
    height: 100%;
}

.headermovil{
    display: none;
}

.contenedormovil{
    display: none;
}

.headermovil1{
    display: none;
}

.contenedormovil1{
    display: none;
}

.contenedor1{
    width: 100%;
    display: flex;
    height: auto;
    background-color: rgba(236, 240, 241,1.0);
    flex-direction: column;
}

.contenedor nav{
    background-color: rgba(255,255,255,1);
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: fixed;
    top: 0;
    z-index: 2;
    padding: 0.5%;
    box-sizing: border-box;
}

.contenedor nav .imagenlogo{
   animation-name: parpadeo;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;     
}

@keyframes parpadeo {  
  0% { opacity: 1.0; }
   50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}


.numeros{
    position: fixed;
    top: 16%;
    display: flex;
    width: 100%;
    background-color: rgba(231, 76, 60,1.0);
    padding: 1%;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    z-index: 3;
}

.numeros .ciudades{
    display: none;
}

.numeros::before{
  background-image:url('../IMG/Whatsapp_37229.png');
  background-size: 40px 40px;
  display: inline-block;
  width: 40px; 
  height: 40px;
  content:"";
  margin-right: 0.5%;
}
.numeros1::before{
  background-image:url('../IMG/Whatsapp_37229.png');
  background-size: 40px 40px;
  display: inline;
  width: 40px; 
  height: 40px;
  content:"";
  margin-left: 20%;
}

.videostestimonios{
  font-family: arial;
  font-size: 30px;
  text-transform: uppercase;
  display: flex;
  justify-content: center;
  padding: 5% 0 1% 0;
  color:#353b48;
  font-weight: bold;
}


.numeros1{
    display: none;
}



.numeros p{
    margin-right: 0.5%;
    color: rgba(236, 240, 241,1.0);
    font-size: 15px;
    font-weight: bold;
    font-family: 'Montserrat', sans-serif;
    z-index: 3;
}

.contenedor nav img{
    width: 6%;
    cursor: pointer;
}

.contenedor nav .chat,.contenedor nav .llamada{
    width: 6%;    
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-direction: column;
    margin: 0;
    padding: 0;
}

.contenedor nav .chat h1,.contenedor nav .llamada h1{
    font-family: 'Montserrat', sans-serif;
    font-weight: normal;
    font-size: 17px;
}

.contenedor nav .llamada img{
    height: 50px;
    width: 50px;
}

.contenedor nav .chat img{
    height: 50px;
    width: 70px;
}

.contenedor1 nav{
    background-color: rgba(0,0,0,0.8);
    width: 100%;
    height: 12%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    position: fixed;
    z-index: 2;
}

.contenedor nav a{
    margin-left: 1%;
    padding: 1%;
    box-sizing: border-box;
    display: flex;
    text-decoration: none;
    color: rgba(0, 0, 0,1.0);
    font-family: 'Montserrat', sans-serif;
    cursor: pointer;
    transition: 1s all;
}

.contenedor1 nav a{
    margin-left: 1%;
    padding: 1%;
    box-sizing: border-box;
    display: flex;
    text-decoration: none;
    color: rgba(236, 240, 241,1.0);
    font-family: 'Montserrat', sans-serif;
    cursor: pointer;
}

.contenedor nav .inicio:hover,.contenedor nav .quienes:hover,.contenedor nav .casos:hover,.contenedor nav .pago:hover,.contenedor nav .contacto:hover{
    border: 1px solid rgba(231, 76, 60,1.0);
    transition: 1s all;
    color: rgba(231, 76, 60,1.0);    
}

.contenedor1 nav .inicio:hover,.contenedor1 nav .quienes:hover,.contenedor1 nav .casos:hover,.contenedor1 nav .pago:hover,.contenedor1 nav .contacto:hover{
    border: 1px solid rgba(236, 240, 241,1.0);
    transition: 1s all;
}

.contenedor nav .quienes,.casos{
    width: 13%;
}

.contenedor1 nav .quienes,.casos{
    width: 13%;
}

.redes{
    display: flex;
    justify-content: space-between;
    margin-top: 5%;
}
.redes .iconosredes{
    width: 100%;
    height: 14%;
    display: flex;
    align-items: center;
}

.redes a{
    text-decoration: none;
    color: rgba(0,0,0,0.8);
    margin-left: 2%;
    transition: 1s all;
}

.redes a:hover{
    color:rgba(149, 165, 166,1.0);
    transition: 1s all;
}

.icon-facebook-1,.icon-twitter,.icon-instagram,.icon-youtube{
    font-size: 30px;
}

.contenedorslideformulario,.contenedorslideformulario1{
    width: 100%;
    height: 70%;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
}


.slide,.slide1{
    width: 50%;
    height: 100%;
    margin: auto;
    overflow: hidden;
    margin-top: -1.5%;
}

.slide .contenedor{
    padding: 0;
    display: flex;
    justify-content: space-between;
    width:400%;
    height: 100%;
    
    animation: pasar 20s infinite ease-in;
}

.slide1 .contenedor2{
    padding: 0;
    display: flex;
    justify-content: space-between;
    width:200%;
    height: 100%;
    
    animation: cambio 10s infinite ease-in;
}


.slide li, .slide1 li{
    list-style-type: none;
    width: 100%;
    height: 100%;
}

.slide img, .slide1 img{
    width: 100%;
    height: 100%;
}


@keyframes pasar{
    
    0%{margin-left:0;}
    10%{margin-left: 0;}
    40%{margin-left: -100%;}
    55%{margin-left:-100%;}
    65%{margin-left: -200%;}
    75%{margin-left:-200%;}
    85%{margin-left: -300%;}
    100%{margin-left: -300%}
}

@keyframes cambio{
    
    0%{margin-left:0;}
    20%{margin-left:0;}
    80%{margin-left: -100%}
    100%{margin-left: -100%}
}

.formulario{
    width: 30%;
    height: 85%;
    margin-right: 5%;
    border-radius: 50px;
    box-shadow: 10px 10px 30px 5px black;
    background-color: red;
    box-sizing: border-box;
    margin-top: 1.8%;
}

.contenedorslideformulario1{
    display: flex;
    justify-content: space-between;
    margin-top: 10%;
}

.contenedorslideformulario1 .imagencasos{
    width: 50%;
    margin-left: 7.5%;
}

.contenedorslideformulario1 .formulario1{
    width: 30%;
    height: 85%;
    box-sizing: border-box;
    margin-top: 1.5%;
    text-align: justify;
    margin-right: 5%;
    display: flex;
    justify-content: space-around;
    flex-direction: column;
    font-family: 'Montserrat', sans-serif;
}

.contenedorslideformulario1 .formulario1 h1{
    text-align: center;
}

#nombre,#telefono,#ciudad,#correo,#asunto{
    width: 100%;
    height: 6%;
    padding: 5%;
    box-sizing: border-box;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    margin-bottom: -5%;
    margin-left: 65%;
}

#medios{
    width: 100%;
    height: 6%;
    box-sizing: border-box;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    font-size: 1.5vh;
    margin-bottom: 3%;
    margin-left: 65%;
}

.texto{
    display: flex;
    width: 125%;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-left: 25%;
}

.texto1{
    display: none;
}

#garantia{
     font-family: 'Montserrat', sans-serif;
     text-align: center;
     font-weight: bold;
}

#garantia{
    font-size: 30px;
}

#no-cobro{
    font-size: 20px;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
     text-align: center;
     font-weight: bold;

}

#mensaje{
    width: 100%;
    height: 15%;
    padding: 2%;
    box-sizing: border-box;
    margin-bottom: -4%;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    margin-left: 65%;
}

.formulario form{
    width: 60%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#submit{
    width: 40%;
    height: 7%;
    border-radius: 8%;
    border: 1;
    background-color: rgba(44, 62, 80,1.0);
    color: rgba(236, 240, 241,1.0);
    font-family: 'Montserrat', sans-serif;
    font-size: 120%;
    cursor: pointer;
    transition: 1s all;
    margin-left: 65%;
}

#submit:hover{
    background-color: rgba(149, 165, 166,1.0);
}

.imagencasos{
    background-image: url("../IMG/pauta5.jpg");
    background-size:100% 100%;
    background-repeat: no-repeat;
    width: 50%;
    
}

.imagencasos h1{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(189, 195, 199,0.7);
    font-family: 'Montserrat', sans-serif;
    color: rgba(44, 62, 80,1.0);
    cursor: pointer;
    transition: 1s all;
}

.imagencasos a{
    text-decoration: none;
}

.imagencasos h1:hover{
    background-color: rgba(44, 62, 80,0.7);
    color: rgba(236, 240, 241,1.0);
}

.formulario h1{
    font-family: 'Montserrat', sans-serif;
}

.formulario p{
    font-family: 'Montserrat', sans-serif;
    margin-top: 5%;
    font-size: 20px;
    padding: 5%;
    text-align: justify;
}

.direcciones1{
    display: none;
}

.direcciones{
    width: 100%;
    background-color: rgba(0,0,0,0.8);
    margin-top: 2%;
    display: flex;
    justify-content: space-around;
}

.copyright{
    width: 100%;
    height: 6%;
    background-color: rgba(0,0,0,1.0);
}

.direcciones .cali,.bogota{
    font-family: 'Open Sans', sans-serif;   
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1%;
    box-sizing: border-box;
}

.direcciones .cali .hr,.bogota .hr{
    width: 15%;
    margin-bottom: 1%;
    margin-top:1%;
}

.direcciones .cali h1,.bogota h1{
    color:#95a5a6;
}

.direcciones .cali p,.bogota p{
    color:#95a5a6;
    font-size: 20px;
}

.copyright{
    display: flex;
    justify-content: center;
    align-items: center;
}

.copyright h1{
    color:#95a5a6;
    font-size: 20px;
    font-family: 'Open Sans', sans-serif;   
}


.contenedorplugins{
    width: 88%;
    margin-left: 5.5%;
    display: flex;
    justify-content: space-between;
    margin-top: 6%;
}


.instagram{
    background-color: red;
    padding-top: 4%;
    width: 350px;
    height: 352px;
    background-image: url("../IMG/instagram.png");
    background-size: 13% 12%;
    background-repeat: no-repeat;
    background-position: 50% 2%;
}

.twitter{
    width: 350px;
    height: 400px;
}

.servicios{
    display: flex;
    width: 80%;
    margin-left: 10%;
    flex-direction: column;
    padding-top: 1%;
    box-sizing: border-box;
    margin-bottom: 4%;
    margin-top: 5%;
}

.subcontenedor{
    display: flex;
    width: 80%;
    margin-left: 10%;
    justify-content: space-between;
    height: 58.7%;
    margin-bottom: -10%;
}

.servicios h1,.subcontenedor h1{
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif; 
    font-size: 25px;
    text-align: center;
}

.servicios h1{
    margin-bottom: 1%;
}

.servicios p,.mision p,.vision p{
    font-family: 'Montserrat', sans-serif;
    padding-left: 15%;
    padding-right: 15%;
    padding-top: 3%;
    text-align: justify;
    font-size: 20px;
    margin-bottom: 5%;
}

.subcontenedor h1{
    margin-top: 2%
}

.servicios hr{
    width: 16%;    
    margin-left: 42%;
    height: 0.7%;
    background-color: rgba(236, 240, 241,1.0);
}

.subcontenedor hr{
    width: 30%;    
    margin-left: 35%;
    height: 1%;
    background-color: rgba(236, 240, 241,1.0);
    margin-top: 1%
}

.body{
     background-color: rgba(236, 240, 241,1.0);   
}

.mision,.vision{
    width: 50%;
}

.icon-maletin,.icon-corazon{
    color: rgba(231, 76, 60,1.0);
    font-size: 40px;
    margin-left: 45%;
}

.section{
    width: 80%;
    background-color: blue;
    margin-left: 10%;
    display: flex;
    justify-content: space-between;
}

.casosdeexito{
    width: 80%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 10%;
    margin-top: 5%;
}

.casosimagen1,.casosimagen2,.casosimagen3{
    width: 30%;
    height: 40%;
}

#casosyoutube{
    width: 100%;
    height: 50%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    padding: 10%;
    box-sizing: border-box;
    
}

#casosyoutube li{
    list-style-type: none;
    width: 25%;
    box-shadow: 0 10px 10px 0 black;
}

#casosyoutube li a img{
    width: 100%;
}

.casosimagen2{
    margin-left: 5%;
    margin-right: 5%;
}

.titulohrdescripcion{
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.titulohrdescripcion h1{
    font-family: 'Montserrat', sans-serif;    
    text-transform: uppercase;
    margin-top: 2%;
}

.titulohrdescripcion hr{
    width: 20%;
    height: 0.8%;
    background-color: rgba(236, 240, 241,1.0);
    margin-top: 0.5%;
    margin-bottom: 1%;
}

.titulohrdescripcion p{
    font-family: 'Montserrat', sans-serif;
}

.videocasosexito{
    width: 80%;
    height: 60%;
    margin-left: 10%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 5%;
}

.videocasosexito iframe{
    width: 75%;
    height: 100%;
}

.iframeimagenescasos{
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

.iframeimagenescasos .caso1iframe,.iframeimagenescasos .caso2iframe,.iframeimagenescasos .caso3iframe{
    width: 33%;
}

.iframeimagenescasos iframe{
    width: 200%;
    height: 100%;
}

/* LightBox */

body, ul, li, img {
	margin: 0; padding: 0; border: 0;
}

body {
	background: #545454 url(images/bg.png);
}


/*pago*/

.contenedorpago{
    width:100%;
    font-family: 'Montserrat', sans-serif;
    display: flex;
    flex-direction: column;
}

.pagoh1{
    text-align: center;
    margin-top: 2%;
}

.pagoh2{
    text-align: justify;
    font-weight: normal;
    margin-top: 0.5%;
    padding: 2%;
    box-sizing: border-box;
    margin-bottom: 2%;
}

.pagoh3{
    display: none;
}

.formpago{
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    align-content: center;
}

.datospago{
    text-align: center;
    margin-bottom: 2%;
    font-size: 1.3rem;
    font-family: 'Montserrat', sans-serif;
}

.formulariopago{
    display: flex;
    width: 28%;
    flex-direction: column;
    background-color: #e74c3c;
    height: auto;
    padding: 4%;
    padding-top: 2%;
    border-radius: 80px;
    margin-left: 2%;
    margin-bottom: 5%;
}

.infocheck{
    font-family: 'Montserrat', sans-serif;
    margin-bottom: 1.5%;
}

.uploadfile{
    font-family: 'Montserrat', sans-serif;
    margin-bottom: 1.5%;
}

.input6{
    height: 40px;
    font-family: 'Montserrat', sans-serif;
    font-size: 1rem;
    border-radius: 20px;
    background-color: #2c3e50;
    border: 0;
    box-shadow: 5px 5px 5px red;
    color: #ecf0f1;
    transition: 1s all;
    cursor: pointer;
}

.input6:hover{
    box-shadow: 5px 5px 5px green;
    transition: 1s all;
}

.videopago{
    margin-right: 1%;
    margin-top: -5%;
}

.botonpayu{
   font-family: 'Montserrat', sans-serif;   
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-weight: normal;
    margin-top: 2%;
    margin-bottom: 2%;
    padding: 2%;
    box-sizing: border-box;
}

.botonpayuimg{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 4%;
    margin-left: 45%;
}

.contenedorlogin{
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        background-color: rgba(52, 152, 219,1.0);
        margin-bottom: -2%;
        font-family: 'Montserrat', sans-serif;   
    }

.contenedorlogin h1{
        margin-bottom: 4%;
}

.inputnombre{
    border-radius: 30px;
    height: 30px;
    width: 20%;
    padding: 1%;
}

.inputcontrasena{
    border-radius: 30px;
    height: 30px;
    width: 20%;
    padding: 1%;
}

.contrasenalogin{
    margin-top: 1%;
}

.formlogin{
    display: flex;
    width: 100%;
    height: auto;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    
}

.enviarlogin,.enviarregistro{
    margin-top: 2%;
    font-family: 'Montserrat', sans-serif;   
    font-size: 15px;
    background-color: rgba(41, 128, 185,1.0);
    border: 0;
    transition: 1s all;
    cursor: pointer;
    padding: 0.5%;
    border-radius: 30px;
    width: 15%;
}

.enviarlogin:hover,.enviarregistro:hover{
    background-color: rgba(46, 204, 113,1.0);
}

.hojasexitosas{
    width: 80%;
    height: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 6%;
    transform: translateX(12%);
}

.hojasexitosas img{
    width: 30%;
    height: 50%;
    cursor: pointer;
    transition: 1s all;
    box-shadow: 0 10px 10px 0 black;
}

.hojasexitosas img:hover{
    box-shadow: 5px 5px 5px black;
    transition: 1s all;
}

/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

@media screen and (min-device-width: 360px) and (max-device-width: 410px) {
 
    .contenedor{
        width: 100%;
        display: flex;
        height: 40%;
        background-image: url("../IMG/backgroundcontenedor.jpg");
        background-size: 100% 100%;
        background-repeat:no-repeat;
        display: none;
    }
    
    .headermovil{
        width: 125%;
        display: flex;
        height: 40%;
        background-image: url("../IMG/backgroundcontenedor.jpg");
        background-size: 100% 100%;
        background-repeat:no-repeat;
        margin-top: 55%;
    }
    
    .headermovil1{
        width: 100%;
        display: flex;
        height: 17%;
    }
    
    .headermovil nav,.headermovil1 nav{
        height: 15%;
        background-color: rgba(255,255,255,1);
        width: 100%;
        display: flex;
        justify-content: space-between;
        padding: 2%;
        box-sizing: border-box;
        position: fixed;
        top: 0%;
        z-index: 9;
    }
    
    .headermovil img,.headermovil1 img{
        width: 20%;
        height: 100%;
    }
    
    .headermovil .icon-menu,.headermovil1 .icon-menu{
        font-size: 100px;
        position: relative;
        top: 30%;
    }

    
    .contenedormovil{
        width: 100%;
        height: 60%;
        position: fixed;
        background-color: black;
        display: block;
        top: -100%;
    }

    .contenedormovil nav{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        width: 100%;
        height: 100%;
    }
    
    .contenedormovil nav a{
        width: 100%;
        height: 20%;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #bdc3c7;
        text-decoration: none;
        font-family: 'Montserrat', sans-serif;
        font-size: 50px;
        color:#2c3e50;
    }

    .contenedormovil .icon-cancel{
        font-size: 100px;
        color:#2c3e50;
        position: absolute;
        top: 6%;
        right: 3%;
    }
    
    .contenedor1{
        width: 100%;
        height: 12%;
        background-color: rgba(236, 240, 241,1.0);
        flex-direction: column;
        display: none;
    }

    .contenedor nav{
        background-color: rgba(0,0,0,0.8);
        width: 100%;
        height: 12%;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        position: fixed;
        z-index: 2;
    }

    .contenedor1 nav{
        background-color: rgba(0,0,0,0.8);
        width: 100%;
        height: 12%;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        position: fixed;
        z-index: 2;
    }

    .contenedor nav a{
        margin-left: 1%;
        padding: 1%;
        box-sizing: border-box;
        display: flex;
        text-decoration: none;
        color: rgba(236, 240, 241,1.0);
        font-family: 'Montserrat', sans-serif;
        cursor: pointer;
    }

    .contenedor1 nav a{
        margin-left: 1%;
        padding: 1%;
        box-sizing: border-box;
        display: flex;
        text-decoration: none;
        color: rgba(236, 240, 241,1.0);
        font-family: 'Montserrat', sans-serif;
        cursor: pointer;
    }

    .contenedor nav a:hover{
        border: 1px solid rgba(236, 240, 241,1.0);
        transition: 1s all;
    }

    .contenedor1 nav a:hover{
        border: 1px solid rgba(236, 240, 241,1.0);
        transition: 1s all;
    }

    .contenedor nav .quienes,.casos{
        width: 13%;

    }

    .contenedor1 nav .quienes,.casos{
        width: 13%;
    }

    .redes{
        width: 100%;
        display: flex;
        justify-content: space-between;   
    }
    .redes .iconosredes{
        width: 100%;
        height: 14%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .redes a{
        text-decoration: none;
        color: rgba(0,0,0,0.8);
        margin-left: 2%;
        transition: 1s all;
    }

    .redes a:hover{
        color:rgba(149, 165, 166,1.0);
        transition: 1s all;
    }

    .icon-facebook-1,.icon-twitter,.icon-instagram,.icon-youtube{
        font-size: 100px;
    }

    .contenedorslideformulario{
        width: 125%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-content: center;
        align-items: center;
    }
    .contenedorslideformulario1{
        display: flex;
        width: 125%;
        height: auto;
        justify-content: space-around;
        flex-direction: column;
        align-content: center;
        align-items: center;
    }

    .contenedorslideformulario1 .imagencasos{
        width: 95%;
        height: 800px;
        margin-left: 0;
    }
    
    .contenedorslideformulario1 .imagencasos h1{
        font-size: 60px;
    }

    .contenedorslideformulario1 .formulario1{
        width: 105%;
        height: auto;
        box-sizing: border-box;
        text-align: justify;
        display: flex;
        justify-content: space-around;
        flex-direction: column;
        font-family: 'Montserrat', sans-serif;
        padding: 100px;
        font-size: 50px;
    }

    .contenedorslideformulario1 .formulario1 h1{
        text-align: center;
        margin-bottom: 10%;
    }

    .formulario{
        width: 100%;
        height: 100%;
    }

    .slide{
        width: 95%;
        height: 900px;
        margin: auto;
        overflow: hidden;
        margin-left: 2.5%;
    }

    .slide1{
        width: 90%;
        height: 10%;
        margin: auto;
        overflow: hidden;
    }

    .slide1 .contenedor2{
        padding: 0;
        display: flex;
        justify-content: space-between;
        width:200%;
        height: 100%;

        animation: cambio 10s infinite ease-in;
    }

    .slide1 li{
        list-style-type: none;
        width: 100%;
        height: 100%;
    }

    .slide1 img{
        width: 100%;
        height: 100%;
    }

    .slide .contenedor{
        padding: 0;
        display: flex;
        justify-content: space-between;
        width:400%;
        height: 100%;

        animation: pasar 20s infinite ease-in;
    }

    .slide li{
        list-style-type: none;
        width: 100%;
        height: 100%;
    }

    .slide img{
        width: 100%;
        height: 100%;
    }


    @keyframes pasar{

        0%{margin-left:0;}
        10%{margin-left: 0;}
        40%{margin-left: -100%;}
        55%{margin-left:-100%;}
        65%{margin-left: -200%;}
        75%{margin-left:-200%;}
        85%{margin-left: -300%;}
        100%{margin-left: -300%}
    }

    @keyframes cambio{

        0%{margin-left:0;}
        20%{margin-left:0;}
        80%{margin-left: -100%}
        100%{margin-left: -100%}
    }

    .formulario{
        display: flex;
        flex-direction: column;
        width: 90%;
        height: 100%;
        margin-left: 5%;
    }

    #nombre,#telefono,#ciudad,#correo,#asunto{
        width: 70%;
        height: 20%;
        padding: 2%;
        box-sizing: border-box;
        text-transform: uppercase;
        font-family: 'Montserrat', sans-serif;
        font-weight: bold;
        font-size: 30px;
        margin-bottom: 2%;
    }
    
    #medios{
        width: 70%;
        height: 20%;
        padding: 2%;
        box-sizing: border-box;
        text-transform: uppercase;
        font-family: 'Montserrat', sans-serif;
        font-weight: bold;
        font-size: 25px;
        margin-bottom: 4%;
    }

    .texto{
        display: flex;
        flex-direction: column;
    }

    .texto1{
        display: flex;    
    }

    #garantia{
         font-family: 'Montserrat', sans-serif;
         text-align: center;
         font-weight: bold;
         position: absolute;
         width: 70%;
    }

    #garantia1{
        font-family: 'Montserrat', sans-serif;
        text-align: center;
        font-weight: bold;
        margin-top: 20%;
        margin-bottom: 10%;
    }

    #garantia,#garantia1{
        font-size: 40px;
    }


    #no-cobro{
        font-size: 15px;
        text-transform: uppercase;
        font-family: 'Montserrat', sans-serif;
        text-align: center;
        font-weight: bold;
        margin-bottom: 6%;
    }

    #mensaje{
        width: 70%;
        height: 20%;
        padding: 2%;
        box-sizing: border-box;
        text-transform: uppercase;
        font-family: 'Montserrat', sans-serif;
        font-weight: bold;
        font-size: 30px;
        margin-bottom: 4%;
    }

    .formulario form{
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-left: -32%;
        margin-top: 10%;
        height: auto;
    }

    #submit{
        width: 30%;
        height: 30%;
        border-radius: 8%;
        border: 1;
        background-color: rgba(44, 62, 80,1.0);
        color: rgba(236, 240, 241,1.0);
        font-family: 'Montserrat', sans-serif;
        font-size: 40px;
        cursor: pointer;
        transition: 1s all;
        margin-bottom: 10%;
    }

    #submit:hover{
        background-color: rgba(149, 165, 166,1.0);
    }

    .imagencasos{
        background-image: url("../IMG/pauta5.jpg");
        background-size:100% 100%;
        background-repeat: no-repeat;
        width: 100%;
        margin-left: 0.5%;
        height: 50%;
        margin-top: 10%;
    }

    .imagencasos h1{
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: rgba(189, 195, 199,0.7);
        font-family: 'Montserrat', sans-serif;
        color: rgba(44, 62, 80,1.0);
        cursor: pointer;
        transition: 1s all;
    }

    .imagencasos a{
        text-decoration: none;
        font-size: 18px;
        text-align: center;
    }

    .imagencasos h1:hover{
        background-color: rgba(44, 62, 80,0.7);
        color: rgba(236, 240, 241,1.0);
    }

    .formulario h1{
        font-family: 'Montserrat', sans-serif;
        font-size: 22px;
        width: 100%;
        margin-top: 6%;
    }

    .formulario p{
        font-family: 'Montserrat', sans-serif;
        margin-top: 4%;
        margin-bottom: 5%;
        font-size: 15px;
        padding: 1%;
        text-align: justify;
    }

    .direcciones{
        width: 100%;
        background-color: rgba(0,0,0,0.8);
        margin-top: 2%;
        display: flex;
        justify-content: space-around;
        flex-direction: column;
        display: none;
    }

      .direcciones1{
        width: 125%;
        height: auto;
        background-color: rgba(0,0,0,0.8);
        margin-top: 2%;
        display: flex;
        justify-content: space-around;
        flex-direction: column;
        display: block;
    }

    .direcciones1 .cali,.direcciones1 .bogota{
        font-family: 'Open Sans', sans-serif;   
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 1%;
        box-sizing: border-box;
        height: auto;
    }

    .direcciones1 .cali .hr,.direcciones1 .bogota .hr{
        width: 15%;
        margin-bottom: 1%;
        margin-top:1%;
    }

    .direcciones1 .cali h1,.direcciones1 .bogota h1{
        color:#95a5a6;
        font-size: 50px;
    }

    .direcciones1 .cali p,.direcciones1 .bogota p{
        color:#95a5a6;
        font-size: 40px;
        text-align: center;
    }
    
    .copyright{
        width: 125%;
        height: 6%;
        background-color: rgba(0,0,0,1.0);
    }

    .direcciones .cali,.bogota{
        font-family: 'Open Sans', sans-serif;   
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 1%;
        box-sizing: border-box;
    }

    .direcciones .cali .hr,.bogota .hr{
        width: 15%;
        margin-bottom: 1%;
        margin-top:1%;
    }

    .direcciones .cali h1,.bogota h1{
        color:#95a5a6;
        font-size: 50px;
    }

    .direcciones .cali p,.bogota p{
        color:#95a5a6;
        font-size: 30px;
    }

    .copyright{
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .copyright h1{
        color:#95a5a6;
        font-size: 10px;
        font-family: 'Open Sans', sans-serif;   
        font-size: 40px;
    }
    
    
    .fb-page{
        z-index: 1;
        width: 280px;
        height: 400px;
    }

    .contenedorplugins{
        width: 125%;
        height: auto;
        margin-left: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 15%;
        flex-direction: column;
        background-color: red;
        display: none;
    }


    
    .servicios{
        width: 125%;
        margin: 0;
        padding: 0;
        margin-top: 10%;
    }
    
    .servicios h1,.servicios p{
        margin: 0;
        padding: 5%;
    }
    
    .servicios h1{
        font-size: 80px;
    }
    
    .subcontenedor{
        display: flex;
        width: 125%;
        justify-content: center;
        align-items: center;
        height: auto;
        flex-direction: column;
        margin: 0;
        padding: 0;
        margin-top: 10%;
    }
    
    .subcontenedor .mision,.subcontenedor .vision{
        margin: 0;
        padding: 0;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    
    .subcontenedor .mision span,.subcontenedor .vision span{
        font-size: 50px;
        padding: 0;
        margin-left: 47%;
    }
    
    .subcontenedor .mision p,.subcontenedor .vision p{
        font-size: 25px;
        width: 100%;
        margin: 0;
        padding: 7%;
        box-sizing: border-box;
    }
    
    .titulohrdescripcion{
        width: 125%;
    }
    
    .titulohrdescripcion h1{
        font-size: 80px;   
        width: 100%;
        text-align: center;
        margin-top: 5%;
    }
    
    .titulohrdescripcion hr{
        width: 60%;
    }
    
    .titulohrdescripcion p{
        display: none;
    }
    
    .videostestimonios{
        font-size: 80px;
        width: 125%;
        text-align: center;
    }
    
    #casosyoutube{
        width: 125%;
        display: flex;
        flex-direction: column;
        height: auto;
    }
    
    #casosyoutube li{
        width: 100%;
        margin-bottom: 10%;
    }
    
    #casosyoutube li img{
        width: 100%;
        height: 500px;
    }
    
    
  
    .slide1{
        width: 90%;
        height: 50%;
    }
    
    .slide1 .contenedor2{
        width: 200%;
    }
    
    .videocasosexito{
    width: 110%;
    height: 40%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 5%;
}

.videocasosexito iframe{
    width: 90%;
    height: 100%;
}
    
    #wizards ul{
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin: 0;
        padding: 0%;
        height: auto;
    }
    
    #wizards ul li img{
        width: 800px;
        margin: 0;
        padding: 0;
    }
    
    .contenedorpago{
        width:125%;
        font-family: 'Montserrat', sans-serif;
        display: flex;
        flex-direction: column;
    }
    
  .formpago{
        flex-direction: column;
        width: 100%;
        height: auto;
    }
    
    .formpago .formulariopago{
        width: 50%;
        height: 800px;
        padding: 5%;
        margin: 0;
        border-radius: 40px;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
    }
    
    .formpago .formulariopago .datospago{
        font-size: 40px;
        margin-bottom: 10%;
        width:100%;
    }
    
    .formpago .formulariopago .input1,.formpago .formulariopago .input2,.formpago .formulariopago .input3,.formpago .formulariopago .input4,.formpago .formulariopago .input5{
        height: 6%;
        font-size: 30px;
        font-weight: bold;
        padding: 2%;
    }
    
    .uploadfile{
        font-size: 30px;
        margin-top: 2%;
        margin-bottom: 4%;
    }
    
    .infocheck{
        font-size: 30px;
        text-align: justify;
    }
    
    .checkpago{
        transform: scale(1);
        margin-right: 3%;
    }
    
    .formpago .formulariopago .input6{
        height: 7%;
        font-size: 30px;
        margin-top: 2%;
    }
    
    .pagoh1{
        font-size: 60px;
        margin-bottom: 10%;
    }
    
    .pagoh2{
        display: none;
    }
    
    .pagoh3{
        display: block;
        text-align: justify;
        font-weight: normal;
        margin-top: 0.5%;
        padding: 2%;
        box-sizing: border-box;
        margin-bottom: 2%;
    }
    
    .formpago .videopago{
        width: 90%;
        height: 500px;
        margin-top: 10%;
        margin-bottom: 10%;
    }
    
    .slide1 .mapa-contacto{
        display: none;
    }
    
    .slide1movil{
        display: block;
        width: 100%;
        height: 40%;
        position: absolute;
        top:55%;
        background-color: red;
        left: 5%;
    }
    
    .slide1movil .mapa-contacto{
        width: 115%;
        height: 100%;
        
    }
    
    .botonpayu{
        font-size: 20px;
        text-align: justify;
        margin-top: 20%;
    }
    
    .botonpayuimg{
        width: 40%;
        margin: 0;
        height: 7%;
        transform: translateX(80%);
        margin-bottom: 10%;
        margin-top: 10%;
    }
    
    .contenedorlogin{
        height: auto;
        margin-top: 20%;
    }
    
    .contenedorlogin h1{
        font-size: 20px;
        text-align: center;
        margin-top: 10%;
    }
    
    .contenedorlogin input{
        width: 80%;
        margin-top:1%;
        margin-bottom: 3%;
    }
    
    .contenedorlogin .enviarregistro{
        margin-bottom: 10%;
        width: 50%;
    }
    
    .contenedorlogin .enviarlogin{
        width: 50%;
    }
    
    .titulohrdescripcion p{
        font-size: 16px;
    }
    

.numeros1{
    position: fixed;
    top: 15%;
    width: 100%;
    background-color: rgba(231, 76, 60,1.0);
    display: flex;
    z-index: 3;
    flex-direction: row;
    height: 10%;
}
    
    
    .numeros1::before{
        display: none;
    }
    
    

    .numeros1 .bloque1{
        color: rgba(236, 240, 241,1.0);
        font-size: 50px;
        font-weight: bold;
        font-family: 'Montserrat', sans-serif;
        display:flex;
        z-index: -1;
        flex-direction: row;
        width: 100%;
        justify-content: center;
        align-items: center;
        background-color: transparent;
    }
    
    .numeros1 .imagenwpp{
        width: 10%;
        height: 50%;
        display: flex;
        margin-right: 2%;
    }
    
    .numeros1 .bloque2,.numeros1 .bloque3{
        margin-right: 0.5%;
        color: rgba(236, 240, 241,1.0);
        font-size: 10px;
        font-weight: bold;
        font-family: 'Montserrat', sans-serif;
        z-index: 3;
        display: none;
        flex-direction: row;
        width: 100%;
        justify-content: center;
        align-items: center;
    }
    
    .numeros1 .bloque2 p,.numeros1 .bloque3 p{
        margin-right: 2%;
        display: none;
    }
    
    .ciudades{
        display: none;
    }
    
    .pagoh1{
    text-align: center;
    margin-top: 20%;
}
    
    #medios option{
     height: 10%;
     padding: 0;
    }
    
.hojasexitosas{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 6%;
}

.hojasexitosas img{
    width: 100%;
    height: 50%;
    cursor: pointer;
    transition: 1s all;
    margin-bottom: 5%;
}

.hojasexitosas img:hover{
    box-shadow: 5px 5px 5px black;
    transition: 1s all;
}
}


/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


@media screen and (min-device-width: 411px) and (max-device-width: 767px) {
 
    .contenedor{
        width: 100%;
        display: flex;
        height: 40%;
        background-image: url("../IMG/backgroundcontenedor.jpg");
        background-size: 100% 100%;
        background-repeat:no-repeat;
        display: none;
    }
    
    .headermovil{
        width: 125%;
        display: flex;
        height: 40%;
        background-image: url("../IMG/backgroundcontenedor.jpg");
        background-size: 100% 100%;
        background-repeat:no-repeat;
        margin-top: 55%;
    }
    
    .headermovil1{
        width: 125%;
        display: flex;
        height: 17%;
    }
    
    .headermovil nav,.headermovil1 nav{
        height: 15%;
        background-color: rgba(255,255,255,1);
        width: 100%;
        display: flex;
        justify-content: space-between;
        padding: 2%;
        box-sizing: border-box;
        position: fixed;
        top: 0%;
        z-index: 9;
    }
    
    .headermovil img,.headermovil1 img{
        width: 20%;
        height: 100%;
    }
    
    .headermovil .icon-menu,.headermovil1 .icon-menu{
        font-size: 100px;
        position: relative;
        top: 30%;
    }

     .slide1 .mapa-contacto{
        display: none;
    }
    
    .slide1movil{
        display: block;
        width: 100%;
        height: 40%;
        position: absolute;
        top:55%;
        background-color: red;
        left: 5%;
    }
    
    .slide1movil .mapa-contacto{
        width: 115%;
        height: 100%;
        
    }
    
    .contenedormovil{
        width: 100%;
        height: 60%;
        position: fixed;
        background-color: black;
        display: block;
        top: -100%;
    }

    .contenedormovil nav{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        width: 100%;
        height: 100%;
    }
    
    .contenedormovil nav a{
        width: 100%;
        height: 20%;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #bdc3c7;
        text-decoration: none;
        font-family: 'Montserrat', sans-serif;
        font-size: 50px;
        color:#2c3e50;
    }

    .contenedormovil .icon-cancel{
        font-size: 100px;
        color:#2c3e50;
        position: absolute;
        top: 6%;
        right: 3%;
    }
    
    .contenedor1{
        width: 100%;
        height: 12%;
        background-color: rgba(236, 240, 241,1.0);
        flex-direction: column;
        display: none;
    }

    .contenedor nav{
        background-color: rgba(0,0,0,0.8);
        width: 100%;
        height: 12%;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        position: fixed;
        z-index: 2;
    }

    .contenedor1 nav{
        background-color: rgba(0,0,0,0.8);
        width: 125%;
        height: 12%;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        position: fixed;
        z-index: 2;
    }

    .contenedor nav a{
        margin-left: 1%;
        padding: 1%;
        box-sizing: border-box;
        display: flex;
        text-decoration: none;
        color: rgba(236, 240, 241,1.0);
        font-family: 'Montserrat', sans-serif;
        cursor: pointer;
    }

    .contenedor1 nav a{
        margin-left: 1%;
        padding: 1%;
        box-sizing: border-box;
        display: flex;
        text-decoration: none;
        color: rgba(236, 240, 241,1.0);
        font-family: 'Montserrat', sans-serif;
        cursor: pointer;
    }

    .contenedor nav a:hover{
        border: 1px solid rgba(236, 240, 241,1.0);
        transition: 1s all;
    }

    .contenedor1 nav a:hover{
        border: 1px solid rgba(236, 240, 241,1.0);
        transition: 1s all;
    }

    .contenedor nav .quienes,.casos{
        width: 13%;

    }

    .contenedor1 nav .quienes,.casos{
        width: 13%;
    }

    .redes{
        width: 100%;
        display: flex;
        justify-content: space-between;   
    }
    .redes .iconosredes{
        width: 100%;
        height: 14%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .redes a{
        text-decoration: none;
        color: rgba(0,0,0,0.8);
        margin-left: 2%;
        transition: 1s all;
    }

    .redes a:hover{
        color:rgba(149, 165, 166,1.0);
        transition: 1s all;
    }

    .icon-facebook-1,.icon-twitter,.icon-instagram,.icon-youtube{
        font-size: 100px;
    }

    .contenedorslideformulario{
        width: 125%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-content: center;
        align-items: center;
    }
    .contenedorslideformulario1{
        display: flex;
        width: 125%;
        height: auto;
        justify-content: space-around;
        flex-direction: column;
        align-content: center;
        align-items: center;
    }

    .contenedorslideformulario1 .imagencasos{
        width: 95%;
        height: 800px;
        margin-left: 0;
    }
    
    .contenedorslideformulario1 .imagencasos h1{
        font-size: 60px;
    }

    .contenedorslideformulario1 .formulario1{
        width: 105%;
        height: auto;
        box-sizing: border-box;
        text-align: justify;
        display: flex;
        justify-content: space-around;
        flex-direction: column;
        font-family: 'Montserrat', sans-serif;
        padding: 90px;
        font-size: 50px;
    }

    .contenedorslideformulario1 .formulario1 h1{
        text-align: center;
        margin-bottom: 10%;
    }

    .formulario{
        width: 100%;
        height: 100%;
    }

    .slide{
        width: 95%;
        height: 900px;
        margin: auto;
        overflow: hidden;
        margin-left: 2.5%;
    }

    .slide1{
        width: 90%;
        height: 10%;
        margin: auto;
        overflow: hidden;
    }

    .slide1 .contenedor2{
        padding: 0;
        display: flex;
        justify-content: space-between;
        width:200%;
        height: 100%;

        animation: cambio 10s infinite ease-in;
    }

    .slide1 li{
        list-style-type: none;
        width: 100%;
        height: 100%;
    }

    .slide1 img{
        width: 100%;
        height: 100%;
    }

    .slide .contenedor{
        padding: 0;
        display: flex;
        justify-content: space-between;
        width:400%;
        height: 100%;

        animation: pasar 20s infinite ease-in;
    }

    .slide li{
        list-style-type: none;
        width: 100%;
        height: 100%;
    }

    .slide img{
        width: 100%;
        height: 100%;
    }


    @keyframes pasar{

        0%{margin-left:0;}
        10%{margin-left: 0;}
        40%{margin-left: -100%;}
        55%{margin-left:-100%;}
        65%{margin-left: -200%;}
        75%{margin-left:-200%;}
        85%{margin-left: -300%;}
        100%{margin-left: -300%}
    }

    @keyframes cambio{

        0%{margin-left:0;}
        20%{margin-left:0;}
        80%{margin-left: -100%}
        100%{margin-left: -100%}
    }

    .formulario{
        display: flex;
        flex-direction: column;
        width: 90%;
        height: 100%;
        margin-left: 5%;
    }

    #nombre,#telefono,#ciudad,#correo,#asunto{
        width: 70%;
        height: 20%;
        padding: 2%;
        box-sizing: border-box;
        text-transform: uppercase;
        font-family: 'Montserrat', sans-serif;
        font-weight: bold;
        font-size: 30px;
        margin-bottom: 2%;
    }
    
    #medios{
        width: 70%;
        height: 20%;
        padding: 2%;
        box-sizing: border-box;
        text-transform: uppercase;
        font-family: 'Montserrat', sans-serif;
        font-weight: bold;
        font-size: 25px;
        margin-bottom: 4%;
    }

    .texto{
        display: flex;
        flex-direction: column;
    }

    .texto1{
        display: flex;    
    }

    #garantia{
         font-family: 'Montserrat', sans-serif;
         text-align: center;
         font-weight: bold;
         position: absolute;
         width: 70%;
    }

    #garantia1{
        font-family: 'Montserrat', sans-serif;
        text-align: center;
        font-weight: bold;
        margin-top: 20%;
        margin-bottom: 10%;
    }

    #garantia,#garantia1{
        font-size: 40px;
    }


    #no-cobro{
        font-size: 15px;
        text-transform: uppercase;
        font-family: 'Montserrat', sans-serif;
        text-align: center;
        font-weight: bold;
        margin-bottom: 6%;
    }

    #mensaje{
        width: 70%;
        height: 20%;
        padding: 2%;
        box-sizing: border-box;
        text-transform: uppercase;
        font-family: 'Montserrat', sans-serif;
        font-weight: bold;
        font-size: 30px;
        margin-bottom: 4%;
    }

    .formulario form{
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-left: -32%;
        margin-top: 10%;
        height: auto;
    }

    #submit{
        width: 30%;
        height: 30%;
        border-radius: 8%;
        border: 1;
        background-color: rgba(44, 62, 80,1.0);
        color: rgba(236, 240, 241,1.0);
        font-family: 'Montserrat', sans-serif;
        font-size: 40px;
        cursor: pointer;
        transition: 1s all;
        margin-bottom: 10%;
    }

    #submit:hover{
        background-color: rgba(149, 165, 166,1.0);
    }

    .imagencasos{
        background-image: url("../IMG/pauta5.jpg");
        background-size:100% 100%;
        background-repeat: no-repeat;
        width: 100%;
        margin-left: 0.5%;
        height: 50%;
        margin-top: 10%;
    }

    .imagencasos h1{
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: rgba(189, 195, 199,0.7);
        font-family: 'Montserrat', sans-serif;
        color: rgba(44, 62, 80,1.0);
        cursor: pointer;
        transition: 1s all;
    }

    .imagencasos a{
        text-decoration: none;
        font-size: 18px;
        text-align: center;
    }

    .imagencasos h1:hover{
        background-color: rgba(44, 62, 80,0.7);
        color: rgba(236, 240, 241,1.0);
    }

    .formulario h1{
        font-family: 'Montserrat', sans-serif;
        font-size: 22px;
        width: 100%;
        margin-top: 6%;
    }

    .formulario p{
        font-family: 'Montserrat', sans-serif;
        margin-top: 4%;
        margin-bottom: 5%;
        font-size: 15px;
        padding: 1%;
        text-align: justify;
    }

    .direcciones{
        width: 100%;
        background-color: rgba(0,0,0,0.8);
        margin-top: 2%;
        display: flex;
        justify-content: space-around;
        flex-direction: column;
        display: none;
    }

      .direcciones1{
        width: 125%;
        height: auto;
        background-color: rgba(0,0,0,0.8);
        margin-top: 2%;
        display: flex;
        justify-content: space-around;
        flex-direction: column;
        display: block;
    }

    .direcciones1 .cali,.direcciones1 .bogota{
        font-family: 'Open Sans', sans-serif;   
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 1%;
        box-sizing: border-box;
        height: auto;
    }

    .direcciones1 .cali .hr,.direcciones1 .bogota .hr{
        width: 15%;
        margin-bottom: 1%;
        margin-top:1%;
    }

    .direcciones1 .cali h1,.direcciones1 .bogota h1{
        color:#95a5a6;
        font-size: 50px;
    }

    .direcciones1 .cali p,.direcciones1 .bogota p{
        color:#95a5a6;
        font-size: 40px;
        text-align: center;
    }
    
    .copyright{
        width: 125%;
        height: 6%;
        background-color: rgba(0,0,0,1.0);
    }

    .direcciones .cali,.bogota{
        font-family: 'Open Sans', sans-serif;   
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 1%;
        box-sizing: border-box;
    }

    .direcciones .cali .hr,.bogota .hr{
        width: 15%;
        margin-bottom: 1%;
        margin-top:1%;
    }

    .direcciones .cali h1,.bogota h1{
        color:#95a5a6;
        font-size: 50px;
    }

    .direcciones .cali p,.bogota p{
        color:#95a5a6;
        font-size: 30px;
    }

    .copyright{
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .copyright h1{
        color:#95a5a6;
        font-size: 10px;
        font-family: 'Open Sans', sans-serif;   
        font-size: 40px;
    }
    
    
    .fb-page{
        z-index: 1;
        width: 280px;
        height: 400px;
    }

    .contenedorplugins{
        width: 125%;
        height: auto;
        margin-left: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 15%;
        flex-direction: column;
        background-color: red;
        display: none;
    }


    
    .servicios{
        width: 125%;
        margin: 0;
        padding: 0;
        margin-top: 20%;
    }
    
    .servicios h1,.servicios p{
        margin: 0;
        padding: 5%;
    }
    
    .servicios h1{
        font-size: 80px;
    }
    
    .subcontenedor{
        display: flex;
        width: 125%;
        justify-content: center;
        align-items: center;
        height: auto;
        flex-direction: column;
        margin: 0;
        padding: 0;
        margin-top: 10%;
    }
    
    .subcontenedor .mision,.subcontenedor .vision{
        margin: 0;
        padding: 0;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    
    .subcontenedor .mision span,.subcontenedor .vision span{
        font-size: 50px;
        padding: 0;
        margin-left: 47%;
    }
    
    .subcontenedor .mision p,.subcontenedor .vision p{
        font-size: 25px;
        width: 100%;
        margin: 0;
        padding: 7%;
        box-sizing: border-box;
    }
    
     .titulohrdescripcion{
        width: 125%;
    }
    
    .titulohrdescripcion h1{
        font-size: 80px;   
        width: 100%;
        text-align: center;
        margin-top: 5%;
    }
    
    .titulohrdescripcion hr{
        width: 60%;
    }
    
    .titulohrdescripcion p{
        display: none;
    }
    
    .videostestimonios{
        font-size: 80px;
        width: 125%;
        text-align: center;
    }
    
    #casosyoutube{
        width: 125%;
        display: flex;
        flex-direction: column;
        height: auto;
    }
    
    #casosyoutube li{
        width: 100%;
        margin-bottom: 10%;
    }
    
    #casosyoutube li img{
        width: 100%;
        height: 500px;
    }
    
    .slide1{
        width: 90%;
        height: 50%;
    }
    
    .slide1 .contenedor2{
        width: 200%;
    }
    
        
    .videocasosexito{
    width: 110%;
    height: 40%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 5%;
}

.videocasosexito iframe{
    width: 90%;
    height: 100%;
}
    
    #wizards ul{
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin: 0;
        padding: 0%;
        height: auto;
    }
    
    #wizards ul li img{
        width: 800px;
        margin: 0;
        padding: 0;
    }
    
     .contenedorpago{
        width:125%;
        font-family: 'Montserrat', sans-serif;
        display: flex;
        flex-direction: column;
    }
    
  .formpago{
        flex-direction: column;
        width: 100%;
        height: auto;
    }
    
    .formpago .formulariopago{
        width: 60%;
        height: 800px;
        padding: 5%;
        margin: 0;
        border-radius: 40px;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
    }
    
    .formpago .formulariopago .datospago{
        font-size: 40px;
        margin-bottom: 10%;
        width:100%;
    }
    
    .formpago .formulariopago .input1,.formpago .formulariopago .input2,.formpago .formulariopago .input3,.formpago .formulariopago .input4,.formpago .formulariopago .input5{
        height: 6%;
        font-size: 30px;
        font-weight: bold;
        padding: 2%;
    }
    
    .uploadfile{
        font-size: 30px;
        margin-top: 2%;
        margin-bottom: 4%;
    }
    
    .infocheck{
        font-size: 30px;
        text-align: justify;
    }
    
    .checkpago{
        transform: scale(1);
        margin-right: 3%;
    }
    
    .formpago .formulariopago .input6{
        height: 7%;
        font-size: 30px;
        margin-top: 2%;
    }
    
    .pagoh1{
        font-size: 60px;
        margin-bottom: 10%;
    }
    
    .pagoh2{
        display: none;
    }
    
    .pagoh3{
        display: block;
        text-align: justify;
        font-weight: normal;
        margin-top: 0.5%;
        padding: 2%;
        box-sizing: border-box;
        margin-bottom: 2%;
    }
    
    .formpago .videopago{
        width: 90%;
        height: 500px;
        margin-top: 10%;
        margin-bottom: 10%;
    }
    
    .mapa-contacto{
        width: 200%;
        height: 80%;
        margin: 0;
        padding: 0;
    }
    
    .botonpayu{
        font-size: 20px;
        text-align: justify;
        margin-top: 20%;
    }
    
    .botonpayuimg{
        width: 40%;
        margin: 0;
        height: 7%;
        transform: translateX(80%);
        margin-bottom: 10%;
        margin-top: 10%;
    }
    
    .contenedorlogin{
        height: auto;
        margin-top: 20%;
    }
    
    .contenedorlogin h1{
        font-size: 20px;
        text-align: center;
        margin-top: 10%;
    }
    
    .contenedorlogin input{
        width: 80%;
        margin-top:1%;
        margin-bottom: 3%;
    }
    
    .contenedorlogin .enviarregistro{
        margin-bottom: 10%;
        width: 50%;
    }
    
    .contenedorlogin .enviarlogin{
        width: 50%;
    }
    
    .titulohrdescripcion p{
        font-size: 16px;
    }
    

.numeros1{
    position: fixed;
    top: 15%;
    width: 100%;
    background-color: rgba(231, 76, 60,1.0);
    display: flex;
    z-index: 3;
    flex-direction: row;
    height: 10%;
}
    
    
    .numeros1::before{
        display: none;
    }
    
    

    .numeros1 .bloque1{
        color: rgba(236, 240, 241,1.0);
        font-size: 50px;
        font-weight: bold;
        font-family: 'Montserrat', sans-serif;
        display:flex;
        z-index: -1;
        flex-direction: row;
        width: 100%;
        justify-content: center;
        align-items: center;
        background-color: transparent;
    }
    
    .numeros1 .imagenwpp{
        width: 10%;
        height: 50%;
        display: flex;
        margin-right: 2%;
    }
    
    .numeros1 .bloque2,.numeros1 .bloque3{
        margin-right: 0.5%;
        color: rgba(236, 240, 241,1.0);
        font-size: 10px;
        font-weight: bold;
        font-family: 'Montserrat', sans-serif;
        z-index: 3;
        display: none;
        flex-direction: row;
        width: 100%;
        justify-content: center;
        align-items: center;
    }
    
    .numeros1 .bloque2 p,.numeros1 .bloque3 p{
        margin-right: 2%;
        display: none;
    }
    
    .ciudades{
        display: none;
    }
    
    .pagoh1{
    text-align: center;
    margin-top: 20%;
}
    
    #medios option{
     height: 10%;
     padding: 0;
    }
    
.hojasexitosas{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    margin-top: 6%;
    transform: translateX(12%);
}

.hojasexitosas img{
    width: 100%;
    height: 50%;
    cursor: pointer;
    transition: 1s all;
    margin-bottom: 5%;
}

.hojasexitosas img:hover{
    box-shadow: 5px 5px 5px black;
    transition: 1s all;
}
}

/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

@media screen and (min-device-width: 320px) and (max-device-width: 359px) {
 
    .contenedor{
        width: 100%;
        display: flex;
        height: 40%;
        background-image: url("../IMG/backgroundcontenedor.jpg");
        background-size: 100% 100%;
        background-repeat:no-repeat;
        display: none;
    }
    
    .headermovil{
        width: 125%;
        display: flex;
        height: 40%;
        background-image: url("../IMG/backgroundcontenedor.jpg");
        background-size: 100% 100%;
        background-repeat:no-repeat;
        margin-top: 55%;
    }
    
    .headermovil1{
        width: 125%;
        display: flex;
        height: 17%;
    }
    
    .headermovil nav,.headermovil1 nav{
        height: 15%;
        background-color: rgba(255,255,255,1);
        width: 100%;
        display: flex;
        justify-content: space-between;
        padding: 2%;
        box-sizing: border-box;
        position: fixed;
        top: 0%;
        z-index: 9;
    }
    
    .headermovil img,.headermovil1 img{
        width: 20%;
        height: 100%;
    }
    
    .headermovil .icon-menu,.headermovil1 .icon-menu{
        font-size: 100px;
        position: relative;
        top: 30%;
    }

    
    .contenedormovil{
        width: 100%;
        height: 60%;
        position: fixed;
        background-color: black;
        display: block;
        top: -100%;
    }

     .slide1 .mapa-contacto{
        display: none;
    }
    
    .slide1movil{
        display: block;
        width: 100%;
        height: 40%;
        position: absolute;
        top:55%;
        background-color: red;
        left: 5%;
    }
    
    .slide1movil .mapa-contacto{
        width: 115%;
        height: 100%;
        
    }
    .contenedormovil nav{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        width: 100%;
        height: 100%;
    }
    
    .contenedormovil nav a{
        width: 100%;
        height: 20%;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #bdc3c7;
        text-decoration: none;
        font-family: 'Montserrat', sans-serif;
        font-size: 50px;
        color:#2c3e50;
    }

    .contenedormovil .icon-cancel{
        font-size: 100px;
        color:#2c3e50;
        position: absolute;
        top: 6%;
        right: 3%;
    }
    
    .contenedor1{
        width: 100%;
        height: 12%;
        background-color: rgba(236, 240, 241,1.0);
        flex-direction: column;
        display: none;
    }

    .contenedor nav{
        background-color: rgba(0,0,0,0.8);
        width: 100%;
        height: 12%;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        position: fixed;
        z-index: 2;
    }

    .contenedor1 nav{
        background-color: rgba(0,0,0,0.8);
        width: 125%;
        height: 12%;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        position: fixed;
        z-index: 2;
    }

    .contenedor nav a{
        margin-left: 1%;
        padding: 1%;
        box-sizing: border-box;
        display: flex;
        text-decoration: none;
        color: rgba(236, 240, 241,1.0);
        font-family: 'Montserrat', sans-serif;
        cursor: pointer;
    }

    .contenedor1 nav a{
        margin-left: 1%;
        padding: 1%;
        box-sizing: border-box;
        display: flex;
        text-decoration: none;
        color: rgba(236, 240, 241,1.0);
        font-family: 'Montserrat', sans-serif;
        cursor: pointer;
    }

    .contenedor nav a:hover{
        border: 1px solid rgba(236, 240, 241,1.0);
        transition: 1s all;
    }

    .contenedor1 nav a:hover{
        border: 1px solid rgba(236, 240, 241,1.0);
        transition: 1s all;
    }

    .contenedor nav .quienes,.casos{
        width: 13%;

    }

    .contenedor1 nav .quienes,.casos{
        width: 13%;
    }

    .redes{
        width: 100%;
        display: flex;
        justify-content: space-between;   
    }
    .redes .iconosredes{
        width: 100%;
        height: 14%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .redes a{
        text-decoration: none;
        color: rgba(0,0,0,0.8);
        margin-left: 2%;
        transition: 1s all;
    }

    .redes a:hover{
        color:rgba(149, 165, 166,1.0);
        transition: 1s all;
    }

    .icon-facebook-1,.icon-twitter,.icon-instagram,.icon-youtube{
        font-size: 100px;
    }

    .contenedorslideformulario{
        width: 125%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-content: center;
        align-items: center;
    }
    .contenedorslideformulario1{
        display: flex;
        width: 125%;
        height: auto;
        justify-content: space-around;
        flex-direction: column;
        align-content: center;
        align-items: center;
    }

    .contenedorslideformulario1 .imagencasos{
        width: 95%;
        height: 800px;
        margin-left: 0;
    }
    
    .contenedorslideformulario1 .imagencasos h1{
        font-size: 60px;
    }

    .contenedorslideformulario1 .formulario1{
        width: 105%;
        height: auto;
        box-sizing: border-box;
        text-align: justify;
        display: flex;
        justify-content: space-around;
        flex-direction: column;
        font-family: 'Montserrat', sans-serif;
        padding: 90px;
        font-size: 50px;
    }

    .contenedorslideformulario1 .formulario1 h1{
        text-align: center;
        margin-bottom: 10%;
    }

    .formulario{
        width: 100%;
        height: 100%;
    }

    .slide{
        width: 95%;
        height: 900px;
        margin: auto;
        overflow: hidden;
        margin-left: 2.5%;
    }

    .slide1{
        width: 90%;
        height: 10%;
        margin: auto;
        overflow: hidden;
    }

    .slide1 .contenedor2{
        padding: 0;
        display: flex;
        justify-content: space-between;
        width:200%;
        height: 100%;

        animation: cambio 10s infinite ease-in;
    }

    .slide1 li{
        list-style-type: none;
        width: 100%;
        height: 100%;
    }

    .slide1 img{
        width: 100%;
        height: 100%;
    }

    .slide .contenedor{
        padding: 0;
        display: flex;
        justify-content: space-between;
        width:400%;
        height: 100%;

        animation: pasar 20s infinite ease-in;
    }

    .slide li{
        list-style-type: none;
        width: 100%;
        height: 100%;
    }

    .slide img{
        width: 100%;
        height: 100%;
    }


    @keyframes pasar{

        0%{margin-left:0;}
        10%{margin-left: 0;}
        40%{margin-left: -100%;}
        55%{margin-left:-100%;}
        65%{margin-left: -200%;}
        75%{margin-left:-200%;}
        85%{margin-left: -300%;}
        100%{margin-left: -300%}
    }

    @keyframes cambio{

        0%{margin-left:0;}
        20%{margin-left:0;}
        80%{margin-left: -100%}
        100%{margin-left: -100%}
    }

    .formulario{
        display: flex;
        flex-direction: column;
        width: 90%;
        height: 100%;
        margin-left: 5%;
    }

    #nombre,#telefono,#ciudad,#correo,#asunto{
        width: 70%;
        height: 20%;
        padding: 2%;
        box-sizing: border-box;
        text-transform: uppercase;
        font-family: 'Montserrat', sans-serif;
        font-weight: bold;
        font-size: 30px;
        margin-bottom: 2%;
    }
    
    #medios{
        width: 70%;
        height: 20%;
        padding: 2%;
        box-sizing: border-box;
        text-transform: uppercase;
        font-family: 'Montserrat', sans-serif;
        font-weight: bold;
        font-size: 25px;
        margin-bottom: 4%;
    }

    .texto{
        display: flex;
        flex-direction: column;
    }

    .texto1{
        display: flex;    
    }

    #garantia{
         font-family: 'Montserrat', sans-serif;
         text-align: center;
         font-weight: bold;
         position: absolute;
         width: 70%;
    }

    #garantia1{
        font-family: 'Montserrat', sans-serif;
        text-align: center;
        font-weight: bold;
        margin-top: 20%;
        margin-bottom: 10%;
    }

    #garantia,#garantia1{
        font-size: 40px;
    }


    #no-cobro{
        font-size: 15px;
        text-transform: uppercase;
        font-family: 'Montserrat', sans-serif;
        text-align: center;
        font-weight: bold;
        margin-bottom: 6%;
    }

    #mensaje{
        width: 70%;
        height: 20%;
        padding: 2%;
        box-sizing: border-box;
        text-transform: uppercase;
        font-family: 'Montserrat', sans-serif;
        font-weight: bold;
        font-size: 30px;
        margin-bottom: 4%;
    }

    .formulario form{
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-left: -32%;
        margin-top: 10%;
        height: auto;
    }

    #submit{
        width: 30%;
        height: 30%;
        border-radius: 8%;
        border: 1;
        background-color: rgba(44, 62, 80,1.0);
        color: rgba(236, 240, 241,1.0);
        font-family: 'Montserrat', sans-serif;
        font-size: 40px;
        cursor: pointer;
        transition: 1s all;
        margin-bottom: 10%;
    }

    #submit:hover{
        background-color: rgba(149, 165, 166,1.0);
    }

    .imagencasos{
        background-image: url("../IMG/pauta5.jpg");
        background-size:100% 100%;
        background-repeat: no-repeat;
        width: 100%;
        margin-left: 0.5%;
        height: 50%;
        margin-top: 10%;
    }

    .imagencasos h1{
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: rgba(189, 195, 199,0.7);
        font-family: 'Montserrat', sans-serif;
        color: rgba(44, 62, 80,1.0);
        cursor: pointer;
        transition: 1s all;
    }

    .imagencasos a{
        text-decoration: none;
        font-size: 18px;
        text-align: center;
    }

    .imagencasos h1:hover{
        background-color: rgba(44, 62, 80,0.7);
        color: rgba(236, 240, 241,1.0);
    }

    .formulario h1{
        font-family: 'Montserrat', sans-serif;
        font-size: 22px;
        width: 100%;
        margin-top: 6%;
    }

    .formulario p{
        font-family: 'Montserrat', sans-serif;
        margin-top: 4%;
        margin-bottom: 5%;
        font-size: 15px;
        padding: 1%;
        text-align: justify;
    }

    .direcciones{
        width: 100%;
        background-color: rgba(0,0,0,0.8);
        margin-top: 2%;
        display: flex;
        justify-content: space-around;
        flex-direction: column;
        display: none;
    }

      .direcciones1{
        width: 125%;
        height: auto;
        background-color: rgba(0,0,0,0.8);
        margin-top: 2%;
        display: flex;
        justify-content: space-around;
        flex-direction: column;
        display: block;
    }

    .direcciones1 .cali,.direcciones1 .bogota{
        font-family: 'Open Sans', sans-serif;   
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 1%;
        box-sizing: border-box;
        height: auto;
    }

    .direcciones1 .cali .hr,.direcciones1 .bogota .hr{
        width: 15%;
        margin-bottom: 1%;
        margin-top:1%;
    }

    .direcciones1 .cali h1,.direcciones1 .bogota h1{
        color:#95a5a6;
        font-size: 50px;
    }

    .direcciones1 .cali p,.direcciones1 .bogota p{
        color:#95a5a6;
        font-size: 40px;
        text-align: center;
    }
    
    .copyright{
        width: 125%;
        height: 6%;
        background-color: rgba(0,0,0,1.0);
    }

    .direcciones .cali,.bogota{
        font-family: 'Open Sans', sans-serif;   
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 1%;
        box-sizing: border-box;
    }

    .direcciones .cali .hr,.bogota .hr{
        width: 15%;
        margin-bottom: 1%;
        margin-top:1%;
    }

    .direcciones .cali h1,.bogota h1{
        color:#95a5a6;
        font-size: 50px;
    }

    .direcciones .cali p,.bogota p{
        color:#95a5a6;
        font-size: 30px;
    }

    .copyright{
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .copyright h1{
        color:#95a5a6;
        font-size: 10px;
        font-family: 'Open Sans', sans-serif;   
        font-size: 40px;
    }
    
    
    .fb-page{
        z-index: 1;
        width: 280px;
        height: 400px;
    }

    .contenedorplugins{
        width: 125%;
        height: auto;
        margin-left: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 15%;
        flex-direction: column;
        background-color: red;
        display: none;
    }


    
    .servicios{
        width: 125%;
        margin: 0;
        padding: 0;
        margin-top: 20%;
    }
    
    .servicios h1,.servicios p{
        margin: 0;
        padding: 5%;
    }
    
    .servicios h1{
        font-size: 80px;    
    }
    
    .subcontenedor{
        display: flex;
        width: 125%;
        justify-content: center;
        align-items: center;
        height: auto;
        flex-direction: column;
        margin: 0;
        padding: 0;
        margin-top: 10%;
    }
    
    .subcontenedor .mision,.subcontenedor .vision{
        margin: 0;
        padding: 0;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    
    .subcontenedor .mision span,.subcontenedor .vision span{
        font-size: 50px;
        padding: 0;
        margin-left: 47%;
    }
    
    .subcontenedor .mision p,.subcontenedor .vision p{
        font-size: 25px;
        width: 100%;
        margin: 0;
        padding: 7%;
        box-sizing: border-box;
    }
    
     .titulohrdescripcion{
        width: 125%;
    }
    
    .titulohrdescripcion h1{
        font-size: 80px;   
        width: 100%;
        text-align: center;
        margin-top: 5%;
    }
    
    .titulohrdescripcion hr{
        width: 60%;
    }
    
    .titulohrdescripcion p{
        display: none;
    }
    
    .videostestimonios{
        font-size: 80px;
        width: 125%;
        text-align: center;
    }
    
    #casosyoutube{
        width: 125%;
        display: flex;
        flex-direction: column;
        height: auto;
    }
    
    #casosyoutube li{
        width: 100%;
        margin-bottom: 10%;
    }
    
    #casosyoutube li img{
        width: 100%;
        height: 500px;
    }
    
    
    .slide1{
        width: 90%;
        height: 50%;
    }
    
    .slide1 .contenedor2{
        width: 200%;
    }
    
        
    .videocasosexito{
    width: 110%;
    height: 40%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 5%;
}

.videocasosexito iframe{
    width: 90%;
    height: 100%;
}
    
    #wizards ul{
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin: 0;
        padding: 0%;
        height: auto;
    }
    
    #wizards ul li img{
        width: 800px;
        margin: 0;
        padding: 0;
    }
    
     .contenedorpago{
        width:125%;
        font-family: 'Montserrat', sans-serif;
        display: flex;
        flex-direction: column;
    }
    
  .formpago{
        flex-direction: column;
        width: 100%;
        height: auto;
    }
    
    .formpago .formulariopago{
        width: 60%;
        height: 800px;
        padding: 5%;
        margin: 0;
        border-radius: 40px;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
    }
    
    .formpago .formulariopago .datospago{
        font-size: 40px;
        margin-bottom: 10%;
        width:100%;
    }
    
    .formpago .formulariopago .input1,.formpago .formulariopago .input2,.formpago .formulariopago .input3,.formpago .formulariopago .input4,.formpago .formulariopago .input5{
        height: 6%;
        font-size: 30px;
        font-weight: bold;
        padding: 2%;
    }
    
    .uploadfile{
        font-size: 30px;
        margin-top: 2%;
        margin-bottom: 4%;
    }
    
    .infocheck{
        font-size: 35px;
        text-align: justify;
    }
    
    .checkpago{
        transform: scale(1);
        margin-right: 3%;
    }
    
    .formpago .formulariopago .input6{
        height: 7%;
        font-size: 30px;
        margin-top: 2%;
    }
    
    .pagoh1{
        font-size: 60px;
        margin-bottom: 10%;
    }
    
    .pagoh2{
        display: none;
    }
    
    .pagoh3{
        display: block;
        text-align: justify;
        font-weight: normal;
        margin-top: 0.5%;
        padding: 2%;
        box-sizing: border-box;
        margin-bottom: 2%;
    }
    
    .formpago .videopago{
        width: 90%;
        height: 500px;
        margin-top: 10%;
        margin-bottom: 10%;
    }
    
    .mapa-contacto{
        width: 200%;
        height: 80%;
        margin: 0;
        padding: 0;
    }
    
    .botonpayu{
        font-size: 20px;
        text-align: justify;
        margin-top: 20%;
    }
    
    .botonpayuimg{
        width: 40%;
        margin: 0;
        height: 7%;
        transform: translateX(80%);
        margin-bottom: 10%;
        margin-top: 10%;
    }
    
    .contenedorlogin{
        height: auto;
        margin-top: 20%;
    }
    
    .contenedorlogin h1{
        font-size: 20px;
        text-align: center;
        margin-top: 10%;
    }
    
    .contenedorlogin input{
        width: 80%;
        margin-top:1%;
        margin-bottom: 3%;
    }
    
    .contenedorlogin .enviarregistro{
        margin-bottom: 10%;
        width: 50%;
    }
    
    .contenedorlogin .enviarlogin{
        width: 50%;
    }
    
    .titulohrdescripcion p{
        font-size: 16px;
    }
    

.numeros1{
    position: fixed;
    top: 15%;
    width: 100%;
    background-color: rgba(231, 76, 60,1.0);
    display: flex;
    z-index: 3;
    flex-direction: row;
    height: 10%;
}
    
    
    .numeros1::before{
        display: none;
    }
    
    

    .numeros1 .bloque1{
        color: rgba(236, 240, 241,1.0);
        font-size: 50px;
        font-weight: bold;
        font-family: 'Montserrat', sans-serif;
        display:flex;
        z-index: -1;
        flex-direction: row;
        width: 100%;
        justify-content: center;
        align-items: center;
        background-color: transparent;
    }
    
    .numeros1 .imagenwpp{
        width: 10%;
        height: 50%;
        display: flex;
        margin-right: 2%;
    }
    
    .numeros1 .bloque2,.numeros1 .bloque3{
        margin-right: 0.5%;
        color: rgba(236, 240, 241,1.0);
        font-size: 10px;
        font-weight: bold;
        font-family: 'Montserrat', sans-serif;
        z-index: 3;
        display: none;
        flex-direction: row;
        width: 100%;
        justify-content: center;
        align-items: center;
    }
    
    .numeros1 .bloque2 p,.numeros1 .bloque3 p{
        margin-right: 2%;
        display: none;
    }
    
    .ciudades{
        display: none;
    }
    
    .pagoh1{
    text-align: center;
    margin-top: 20%;
}
    
    #medios option{
     height: 10%;
     padding: 0;
    }
    
.hojasexitosas{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    margin-top: 6%;
    transform: translateX(12%);
}

.hojasexitosas img{
    width: 100%;
    height: 50%;
    cursor: pointer;
    transition: 1s all;
    margin-bottom: 5%;
}

.hojasexitosas img:hover{
    box-shadow: 5px 5px 5px black;
    transition: 1s all;
}
}


/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


@media screen and (min-device-width: 768px) and (max-device-width: 1023px) {
 
    .contenedor{
        width: 100%;
        display: flex;
        height: 40%;
        background-image: url("../IMG/backgroundcontenedor.jpg");
        background-size: 100% 100%;
        background-repeat:no-repeat;
        display: none;
    }
    
    .headermovil{
        width: 100%;
        display: flex;
        height: 30%;
        background-image: url("../IMG/backgroundcontenedor.jpg");
        background-size: 100% 100%;
        background-repeat:no-repeat;
        margin-top: 23%;
    }
    
    .headermovil1{
        width: 100%;
        display: flex;
        height: 17%;
    }
    
    .headermovil nav,.headermovil1 nav{
        height: 12%;
        background-color: rgba(255,255,255,1);
        width: 100%;
        display: flex;
        justify-content: space-between;
        padding: 2%;
        box-sizing: border-box;
        position: fixed;
        top: 0%;
        z-index: 9;
    }
    
    .headermovil img,.headermovil1 img{
        width: 10%;
        height: 100%;
    }
    
    .headermovil .icon-menu,.headermovil1 .icon-menu{
        font-size: 60px;
        position: relative;
        top: 20%;
    }

    
    .contenedormovil{
        width: 100%;
        height: 60%;
        position: fixed;
        background-color: black;
        display: block;
        top: -100%;
    }

    .contenedormovil nav{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        width: 100%;
        height: 100%;
    }
    
     .slide1 .mapa-contacto{
        display: none;
    }
    
    .slide1movil{
        display: block;
        width: 100%;
        height: 40%;
        position: absolute;
        top:55%;
        background-color: red;
        left: 5%;
    }
    
    .slide1movil .mapa-contacto{
        width: 115%;
        height: 100%;
        
    }
    
    .contenedormovil nav a{
        width: 100%;
        height: 20%;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #bdc3c7;
        text-decoration: none;
        font-family: 'Montserrat', sans-serif;
        font-size: 50px;
        color:#2c3e50;
    }

    .contenedormovil .icon-cancel{
        font-size: 100px;
        color:#2c3e50;
        position: absolute;
        top: 6%;
        right: 3%;
    }
    
    .contenedor1{
        width: 100%;
        height: 12%;
        background-color: rgba(236, 240, 241,1.0);
        flex-direction: column;
        display: none;
    }

    .contenedor nav{
        background-color: rgba(0,0,0,0.8);
        width: 100%;
        height: 12%;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        position: fixed;
        z-index: 2;
    }

    .contenedor1 nav{
        background-color: rgba(0,0,0,0.8);
        width: 100%;
        height: 12%;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        position: fixed;
        z-index: 2;
    }

    .contenedor nav a{
        margin-left: 1%;
        padding: 1%;
        box-sizing: border-box;
        display: flex;
        text-decoration: none;
        color: rgba(236, 240, 241,1.0);
        font-family: 'Montserrat', sans-serif;
        cursor: pointer;
    }

    .contenedor1 nav a{
        margin-left: 1%;
        padding: 1%;
        box-sizing: border-box;
        display: flex;
        text-decoration: none;
        color: rgba(236, 240, 241,1.0);
        font-family: 'Montserrat', sans-serif;
        cursor: pointer;
    }

    .contenedor nav a:hover{
        border: 1px solid rgba(236, 240, 241,1.0);
        transition: 1s all;
    }

    .contenedor1 nav a:hover{
        border: 1px solid rgba(236, 240, 241,1.0);
        transition: 1s all;
    }

    .contenedor nav .quienes,.casos{
        width: 13%;

    }

    .contenedor1 nav .quienes,.casos{
        width: 13%;
    }

    .redes{
        width: 70%;
        display: flex;
        justify-content: space-between;   
    }
    .redes .iconosredes{
        width: 70%;
        height: 14%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .redes a{
        text-decoration: none;
        color: rgba(0,0,0,0.8);
        margin-left: 2%;
        transition: 1s all;
    }

    .redes a:hover{
        color:rgba(149, 165, 166,1.0);
        transition: 1s all;
    }

    .icon-facebook-1,.icon-twitter,.icon-instagram,.icon-youtube{
        font-size: 60px;
    }

    .contenedorslideformulario{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-content: center;
        align-items: center;
    }
    .contenedorslideformulario1{
        display: flex;
        width: 100%;
        height: auto;
        justify-content: space-around;
        flex-direction: column;
        align-content: center;
        align-items: center;
    }

    .contenedorslideformulario1 .imagencasos{
        width: 95%;
        height: 700px;
        margin-left: 0;
    }
    
    .contenedorslideformulario1 .imagencasos h1{
        font-size: 60px;
    }

    .contenedorslideformulario1 .formulario1{
        width: 105%;
        height: auto;
        box-sizing: border-box;
        text-align: justify;
        display: flex;
        justify-content: space-around;
        flex-direction: column;
        font-family: 'Montserrat', sans-serif;
        padding: 90px;
        font-size: 50px;
    }

    .contenedorslideformulario1 .formulario1 h1{
        text-align: center;
        margin-bottom: 10%;
    }

    .formulario{
        width: 100%;
        height: 100%;
    }

    .slide{
        width: 95%;
        height: 700px;
        margin: auto;
        overflow: hidden;
        margin-left: 2.5%;
    }

    .slide1{
        width: 90%;
        height: 10%;
        margin: auto;
        overflow: hidden;
    }

    .slide1 .contenedor2{
        padding: 0;
        display: flex;
        justify-content: space-between;
        width:200%;
        height: 100%;

        animation: cambio 10s infinite ease-in;
    }

    .slide1 li{
        list-style-type: none;
        width: 100%;
        height: 100%;
    }

    .slide1 img{
        width: 100%;
        height: 100%;
    }

    .slide .contenedor{
        padding: 0;
        display: flex;
        justify-content: space-between;
        width:400%;
        height: 100%;

        animation: pasar 20s infinite ease-in;
    }

    .slide li{
        list-style-type: none;
        width: 100%;
        height: 100%;
    }

    .slide img{
        width: 100%;
        height: 100%;
    }


    @keyframes pasar{

        0%{margin-left:0;}
        10%{margin-left: 0;}
        40%{margin-left: -100%;}
        55%{margin-left:-100%;}
        65%{margin-left: -200%;}
        75%{margin-left:-200%;}
        85%{margin-left: -300%;}
        100%{margin-left: -300%}
    }

    @keyframes cambio{

        0%{margin-left:0;}
        20%{margin-left:0;}
        80%{margin-left: -100%}
        100%{margin-left: -100%}
    }

    .formulario{
        display: flex;
        flex-direction: column;
        width: 90%;
        height: 100%;
        margin-left: 5%;
    }

    #nombre,#telefono,#ciudad,#correo,#asunto{
        width: 70%;
        height: 20%;
        padding: 2%;
        box-sizing: border-box;
        text-transform: uppercase;
        font-family: 'Montserrat', sans-serif;
        font-weight: bold;
        font-size: 30px;
        margin-bottom: 2%;
    }
    
    #medios{
        width: 70%;
        height: 20%;
        padding: 2%;
        box-sizing: border-box;
        text-transform: uppercase;
        font-family: 'Montserrat', sans-serif;
        font-weight: bold;
        font-size: 25px;
        margin-bottom: 4%;
    }

    .texto{
        display: flex;
        flex-direction: column;
    }

    .texto1{
        display: flex;    
    }

    #garantia{
         font-family: 'Montserrat', sans-serif;
         text-align: center;
         font-weight: bold;
         position: absolute;
         width: 70%;
    }

    #garantia1{
        font-family: 'Montserrat', sans-serif;
        text-align: center;
        font-weight: bold;
        margin-top: 20%;
        margin-bottom: 10%;
    }

    #garantia,#garantia1{
        font-size: 40px;
        margin-left: 6%;
    }


    #no-cobro{
        font-size: 15px;
        text-transform: uppercase;
        font-family: 'Montserrat', sans-serif;
        text-align: center;
        font-weight: bold;
        margin-bottom: 6%;
    }

    #mensaje{
        width: 70%;
        height: 20%;
        padding: 2%;
        box-sizing: border-box;
        text-transform: uppercase;
        font-family: 'Montserrat', sans-serif;
        font-weight: bold;
        font-size: 30px;
        margin-bottom: 4%;
    }

    .formulario form{
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-left: -32%;
        margin-top: 10%;
        height: auto;
    }

    #submit{
        width: 30%;
        height: 30%;
        border-radius: 8%;
        border: 1;
        background-color: rgba(44, 62, 80,1.0);
        color: rgba(236, 240, 241,1.0);
        font-family: 'Montserrat', sans-serif;
        font-size: 40px;
        cursor: pointer;
        transition: 1s all;
        margin-bottom: 10%;
    }

    #submit:hover{
        background-color: rgba(149, 165, 166,1.0);
    }

    .imagencasos{
        background-image: url("../IMG/pauta5.jpg");
        background-size:100% 100%;
        background-repeat: no-repeat;
        width: 100%;
        margin-left: 0.5%;
        height: 50%;
        margin-top: 10%;
    }

    .imagencasos h1{
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: rgba(189, 195, 199,0.7);
        font-family: 'Montserrat', sans-serif;
        color: rgba(44, 62, 80,1.0);
        cursor: pointer;
        transition: 1s all;
    }

    .imagencasos a{
        text-decoration: none;
        font-size: 18px;
        text-align: center;
    }

    .imagencasos h1:hover{
        background-color: rgba(44, 62, 80,0.7);
        color: rgba(236, 240, 241,1.0);
    }

    .formulario h1{
        font-family: 'Montserrat', sans-serif;
        font-size: 22px;
        width: 100%;
        margin-top: 6%;
    }

    .formulario p{
        font-family: 'Montserrat', sans-serif;
        margin-top: 4%;
        margin-bottom: 5%;
        font-size: 15px;
        padding: 1%;
        text-align: justify;
    }

    .direcciones{
        width: 100%;
        background-color: rgba(0,0,0,0.8);
        margin-top: 2%;
        display: flex;
        justify-content: space-around;
        flex-direction: column;
        display: none;
    }

      .direcciones1{
        width: 125%;
        height: auto;
        background-color: rgba(0,0,0,0.8);
        margin-top: 2%;
        display: flex;
        justify-content: space-around;
        flex-direction: column;
        display: block;
    }

    .direcciones1 .cali,.direcciones1 .bogota{
        font-family: 'Open Sans', sans-serif;   
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 1%;
        box-sizing: border-box;
        height: auto;
    }

    .direcciones1 .cali .hr,.direcciones1 .bogota .hr{
        width: 15%;
        margin-bottom: 1%;
        margin-top:1%;
    }

    .direcciones1 .cali h1,.direcciones1 .bogota h1{
        color:#95a5a6;
        font-size: 50px;
    }

    .direcciones1 .cali p,.direcciones1 .bogota p{
        color:#95a5a6;
        font-size: 40px;
        text-align: center;
    }
    
    .copyright{
        width: 100%;
        height: 6%;
        background-color: rgba(0,0,0,1.0);
    }

    .direcciones .cali,.bogota{
        font-family: 'Open Sans', sans-serif;   
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 1%;
        box-sizing: border-box;
    }

    .direcciones .cali .hr,.bogota .hr{
        width: 15%;
        margin-bottom: 1%;
        margin-top:1%;
    }

    .direcciones .cali h1,.bogota h1{
        color:#95a5a6;
        font-size: 50px;
    }

    .direcciones .cali p,.bogota p{
        color:#95a5a6;
        font-size: 30px;
    }

    .copyright{
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .copyright h1{
        color:#95a5a6;
        font-size: 10px;
        font-family: 'Open Sans', sans-serif;   
        font-size: 40px;
    }
    
    
    .fb-page{
        z-index: 1;
        width: 280px;
        height: 400px;
    }

    .contenedorplugins{
        width: 125%;
        height: auto;
        margin-left: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 15%;
        flex-direction: column;
        background-color: red;
        display: none;
    }


    
    .servicios{
        width: 100%;
        margin: 0;
        padding: 0;
        margin-top: 5%;
    }
    
    .servicios iframe{
        width: 80%;
        position: relative;
        left: -9%;
    }
    
    .servicios h1,.servicios p{
        margin: 0;
        padding: 5%;
    }
    
    .servicios h1{
        font-size: 70px;
    }
    
    .servicios p{
        font-size: 40px;
    }
    
    .subcontenedor{
        display: flex;
        width: 100%;
        justify-content: center;
        align-items: center;
        height: auto;
        flex-direction: column;
        margin: 0;
        padding: 0;
        margin-top: 10%;
    }
    
    .subcontenedor .mision,.subcontenedor .vision{
        margin: 0;
        padding: 0;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    
    .subcontenedor .mision span,.subcontenedor .vision span{
        font-size: 70px;
        padding: 0;
        margin-left: 46%;
    }
    
    .subcontenedor .mision p,.subcontenedor .vision p{
        font-size: 40px;
        width: 100%;
        margin: 0;
        padding: 7%;
        box-sizing: border-box;
    }
    
     .titulohrdescripcion{
        width: 125%;
    }
    
    .titulohrdescripcion h1{
        font-size: 80px;   
        width: 100%;
        text-align: center;
        margin-top: 5%;
    }
    
    .titulohrdescripcion hr{
        width: 60%;
    }
    
    .titulohrdescripcion p{
        display: none;
    }
    
    .videostestimonios{
        font-size: 80px;
        width: 125%;
        text-align: center;
    }
    
    #casosyoutube{
        width: 125%;
        display: flex;
        flex-direction: column;
        height: auto;
    }
    
    #casosyoutube li{
        width: 100%;
        margin-bottom: 10%;
    }
    
    #casosyoutube li img{
        width: 100%;
        height: 500px;
    }
    
    
    .slide1{
        width: 90%;
        height: 50%;
    }
    
    .slide1 .contenedor2{
        width: 200%;
    }
    
        
    .videocasosexito{
    width: 110%;
    height: 40%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 5%;
}

.videocasosexito iframe{
    width: 90%;
    height: 100%;
}
    #wizards ul{
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin: 0;
        padding: 0%;
        height: auto;
    }
    
    #wizards ul li img{
        width: 800px;
        margin: 0;
        padding: 0;
    }
    
     .contenedorpago{
        width:125%;
        font-family: 'Montserrat', sans-serif;
        display: flex;
        flex-direction: column;
    }
    
  .formpago{
        flex-direction: column;
        width: 100%;
        height: auto;
    }
    
    .formpago .formulariopago{
        width: 70%;
        height: 800px;
        padding: 5%;
        margin: 0;
        border-radius: 40px;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
    }
    
    .formpago .formulariopago .datospago{
        font-size: 40px;
        margin-bottom: 10%;
        width:100%;
    }
    
    .formpago .formulariopago .input1,.formpago .formulariopago .input2,.formpago .formulariopago .input3,.formpago .formulariopago .input4,.formpago .formulariopago .input5{
        height: 6%;
        font-size: 30px;
        font-weight: bold;
        padding: 2%;
    }
    
    .uploadfile{
        font-size: 30px;
        margin-top: 2%;
        margin-bottom: 4%;
    }
    
    .infocheck{
        font-size: 30px;
        text-align: justify;
    }
    
    .checkpago{
        transform: scale(1);
        margin-right: 3%;
    }
    
    .formpago .formulariopago .input6{
        height: 7%;
        font-size: 30px;
        margin-top: 2%;
    }
    
    .pagoh1{
        font-size: 60px;
        margin-bottom: 10%;
    }
    
    .pagoh2{
        display: none;
    }
    
    .pagoh3{
        display: block;
        text-align: justify;
        font-weight: normal;
        margin-top: 0.5%;
        padding: 2%;
        box-sizing: border-box;
        margin-bottom: 2%;
        font-size: 40px;
    }
    
    .formpago .videopago{
        width: 90%;
        height: 500px;
        margin-top: 10%;
        margin-bottom: 10%;
    }
    
    .mapa-contacto{
        width: 200%;
        height: 80%;
        margin: 0;
        padding: 0;
    }
    
    .botonpayu{
        font-size: 20px;
        text-align: justify;
        margin-top: 20%;
    }
    
    .botonpayuimg{
        width: 40%;
        margin: 0;
        height: 7%;
        transform: translateX(80%);
        margin-bottom: 10%;
        margin-top: 10%;
    }
    
    .contenedorlogin{
        height: auto;
        margin-top: 20%;
    }
    
    .contenedorlogin h1{
        font-size: 20px;
        text-align: center;
        margin-top: 10%;
    }
    
    .contenedorlogin input{
        width: 80%;
        margin-top:1%;
        margin-bottom: 3%;
    }
    
    .contenedorlogin .enviarregistro{
        margin-bottom: 10%;
        width: 50%;
    }
    
    .contenedorlogin .enviarlogin{
        width: 50%;
    }
    
    .titulohrdescripcion p{
        font-size: 16px;
    }
    

.numeros1{
    position: fixed;
    top: 12%;
    width: 100%;
    background-color: rgba(231, 76, 60,1.0);
    display: flex;
    align-items: center;
    z-index: 3;
    flex-direction: row;
    height: 6%;
}
    
    
    .numeros1::before{
        display: none;
    }
    
    

    .numeros1 .bloque1{
        color: rgba(236, 240, 241,1.0);
        font-size: 40px;
        font-weight: bold;
        font-family: 'Montserrat', sans-serif;
        display:flex;
        z-index: -1;
        flex-direction: row;
        width: 100%;
        justify-content: center;
        align-items: center;
        background-color: transparent;
    }
    
    .numeros1 .imagenwpp{
        width: 9%;
        height: 10%;
        display: flex;
        margin-right: 2%;
    }
    
    .numeros1 .bloque2,.numeros1 .bloque3{
        margin-right: 0.5%;
        color: rgba(236, 240, 241,1.0);
        font-size: 10px;
        font-weight: bold;
        font-family: 'Montserrat', sans-serif;
        z-index: 3;
        display: none;
        flex-direction: row;
        width: 100%;
        justify-content: center;
        align-items: center;
    }
    
    .numeros1 .bloque2 p,.numeros1 .bloque3 p{
        margin-right: 2%;
        display: none;
    }
    
    .ciudades{
        display: none;
    }
    
    .pagoh1{
    text-align: center;
    margin-top: 20%;
}
    
    #medios option{
     height: 10%;
     padding: 0;
    }
    
.hojasexitosas{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    margin-top: 6%;
    transform: translateX(12%);
}

.hojasexitosas img{
    width: 100%;
    height: 50%;
    cursor: pointer;
    transition: 1s all;
    margin-bottom: 5%;
}

.hojasexitosas img:hover{
    box-shadow: 5px 5px 5px black;
    transition: 1s all;
}
}


/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


@media screen and (min-device-width: 1024px) and (max-device-width: 1025px) {
 
    .contenedor{
        width: 100%;
        display: flex;
        height: 40%;
        background-image: url("../IMG/backgroundcontenedor.jpg");
        background-size: 100% 100%;
        background-repeat:no-repeat;
        display: none;
    }
    
    .headermovil{
        width: 100%;
        display: flex;
        height: 30%;
        background-image: url("../IMG/backgroundcontenedor.jpg");
        background-size: 100% 100%;
        background-repeat:no-repeat;
        margin-top: 23%;
    }
    
    .headermovil1{
        width: 100%;
        display: flex;
        height: 17%;
    }
    
    .headermovil nav,.headermovil1 nav{
        height: 12%;
        background-color: rgba(255,255,255,1);
        width: 100%;
        display: flex;
        justify-content: space-between;
        padding: 2%;
        box-sizing: border-box;
        position: fixed;
        top: 0%;
        z-index: 9;
    }
    
    .headermovil img,.headermovil1 img{
        width: 10%;
        height: 100%;
    }
    
    .headermovil .icon-menu,.headermovil1 .icon-menu{
        font-size: 60px;
        position: relative;
        top: 20%;
    }

    
    .contenedormovil{
        width: 100%;
        height: 60%;
        position: fixed;
        background-color: black;
        display: block;
        top: -100%;
    }

    .contenedormovil nav{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        width: 100%;
        height: 100%;
    }
    
    .contenedormovil nav a{
        width: 100%;
        height: 20%;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #bdc3c7;
        text-decoration: none;
        font-family: 'Montserrat', sans-serif;
        font-size: 50px;
        color:#2c3e50;
    }

    .contenedormovil .icon-cancel{
        font-size: 100px;
        color:#2c3e50;
        position: absolute;
        top: 6%;
        right: 3%;
    }
    
    .contenedor1{
        width: 100%;
        height: 12%;
        background-color: rgba(236, 240, 241,1.0);
        flex-direction: column;
        display: none;
    }

     .slide1 .mapa-contacto{
        display: none;
    }
    
    .slide1movil{
        display: block;
        width: 100%;
        height: 40%;
        position: absolute;
        top:55%;
        background-color: red;
        left: 5%;
    }
    
    .slide1movil .mapa-contacto{
        width: 115%;
        height: 100%;
        
    }
    .contenedor nav{
        background-color: rgba(0,0,0,0.8);
        width: 100%;
        height: 12%;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        position: fixed;
        z-index: 2;
    }

    .contenedor1 nav{
        background-color: rgba(0,0,0,0.8);
        width: 100%;
        height: 12%;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        position: fixed;
        z-index: 2;
    }

    .contenedor nav a{
        margin-left: 1%;
        padding: 1%;
        box-sizing: border-box;
        display: flex;
        text-decoration: none;
        color: rgba(236, 240, 241,1.0);
        font-family: 'Montserrat', sans-serif;
        cursor: pointer;
    }

    .contenedor1 nav a{
        margin-left: 1%;
        padding: 1%;
        box-sizing: border-box;
        display: flex;
        text-decoration: none;
        color: rgba(236, 240, 241,1.0);
        font-family: 'Montserrat', sans-serif;
        cursor: pointer;
    }

    .contenedor nav a:hover{
        border: 1px solid rgba(236, 240, 241,1.0);
        transition: 1s all;
    }

    .contenedor1 nav a:hover{
        border: 1px solid rgba(236, 240, 241,1.0);
        transition: 1s all;
    }

    .contenedor nav .quienes,.casos{
        width: 13%;

    }

    .contenedor1 nav .quienes,.casos{
        width: 13%;
    }

    .redes{
        width: 70%;
        display: flex;
        justify-content: space-between;   
    }
    .redes .iconosredes{
        width: 70%;
        height: 14%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .redes a{
        text-decoration: none;
        color: rgba(0,0,0,0.8);
        margin-left: 2%;
        transition: 1s all;
    }

    .redes a:hover{
        color:rgba(149, 165, 166,1.0);
        transition: 1s all;
    }

    .icon-facebook-1,.icon-twitter,.icon-instagram,.icon-youtube{
        font-size: 60px;
    }

    .contenedorslideformulario{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-content: center;
        align-items: center;
    }
    .contenedorslideformulario1{
        display: flex;
        width: 100%;
        height: auto;
        justify-content: space-around;
        flex-direction: column;
        align-content: center;
        align-items: center;
    }

    .contenedorslideformulario1 .imagencasos{
        width: 95%;
        height: 700px;
        margin-left: 0;
    }
    
    .contenedorslideformulario1 .imagencasos h1{
        font-size: 60px;
    }

    .contenedorslideformulario1 .formulario1{
        width: 105%;
        height: auto;
        box-sizing: border-box;
        text-align: justify;
        display: flex;
        justify-content: space-around;
        flex-direction: column;
        font-family: 'Montserrat', sans-serif;
        padding: 90px;
        font-size: 50px;
    }

    .contenedorslideformulario1 .formulario1 h1{
        text-align: center;
        margin-bottom: 10%;
    }

    .formulario{
        width: 100%;
        height: 100%;
    }

    .slide{
        width: 95%;
        height: 700px;
        margin: auto;
        overflow: hidden;
        margin-left: 2.5%;
    }

    .slide1{
        width: 90%;
        height: 10%;
        margin: auto;
        overflow: hidden;
    }

    .slide1 .contenedor2{
        padding: 0;
        display: flex;
        justify-content: space-between;
        width:200%;
        height: 100%;

        animation: cambio 10s infinite ease-in;
    }

    .slide1 li{
        list-style-type: none;
        width: 100%;
        height: 100%;
    }

    .slide1 img{
        width: 100%;
        height: 100%;
    }

    .slide .contenedor{
        padding: 0;
        display: flex;
        justify-content: space-between;
        width:400%;
        height: 100%;

        animation: pasar 20s infinite ease-in;
    }

    .slide li{
        list-style-type: none;
        width: 100%;
        height: 100%;
    }

    .slide img{
        width: 100%;
        height: 100%;
    }


    @keyframes pasar{

        0%{margin-left:0;}
        10%{margin-left: 0;}
        40%{margin-left: -100%;}
        55%{margin-left:-100%;}
        65%{margin-left: -200%;}
        75%{margin-left:-200%;}
        85%{margin-left: -300%;}
        100%{margin-left: -300%}
    }

    @keyframes cambio{

        0%{margin-left:0;}
        20%{margin-left:0;}
        80%{margin-left: -100%}
        100%{margin-left: -100%}
    }

    .formulario{
        display: flex;
        flex-direction: column;
        width: 90%;
        height: 100%;
        margin-left: 5%;
    }

    #nombre,#telefono,#ciudad,#correo,#asunto{
        width: 70%;
        height: 20%;
        padding: 2%;
        box-sizing: border-box;
        text-transform: uppercase;
        font-family: 'Montserrat', sans-serif;
        font-weight: bold;
        font-size: 30px;
        margin-bottom: 2%;
    }
    
    #medios{
        width: 70%;
        height: 20%;
        padding: 2%;
        box-sizing: border-box;
        text-transform: uppercase;
        font-family: 'Montserrat', sans-serif;
        font-weight: bold;
        font-size: 25px;
        margin-bottom: 4%;
    }

    .texto{
        display: flex;
        flex-direction: column;
    }

    .texto1{
        display: flex;    
    }

    #garantia{
         font-family: 'Montserrat', sans-serif;
         text-align: center;
         font-weight: bold;
         position: absolute;
         width: 70%;
    }

    #garantia1{
        font-family: 'Montserrat', sans-serif;
        text-align: center;
        font-weight: bold;
        margin-top: 20%;
        margin-bottom: 10%;
    }

    #garantia,#garantia1{
        font-size: 40px;
        margin-left: 6%;
    }


    #no-cobro{
        font-size: 15px;
        text-transform: uppercase;
        font-family: 'Montserrat', sans-serif;
        text-align: center;
        font-weight: bold;
        margin-bottom: 6%;
    }

    #mensaje{
        width: 70%;
        height: 20%;
        padding: 2%;
        box-sizing: border-box;
        text-transform: uppercase;
        font-family: 'Montserrat', sans-serif;
        font-weight: bold;
        font-size: 30px;
        margin-bottom: 4%;
    }

    .formulario form{
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-left: -32%;
        margin-top: 10%;
        height: auto;
    }

    #submit{
        width: 30%;
        height: 30%;
        border-radius: 8%;
        border: 1;
        background-color: rgba(44, 62, 80,1.0);
        color: rgba(236, 240, 241,1.0);
        font-family: 'Montserrat', sans-serif;
        font-size: 40px;
        cursor: pointer;
        transition: 1s all;
        margin-bottom: 10%;
    }

    #submit:hover{
        background-color: rgba(149, 165, 166,1.0);
    }

    .imagencasos{
        background-image: url("../IMG/pauta5.jpg");
        background-size:100% 100%;
        background-repeat: no-repeat;
        width: 100%;
        margin-left: 0.5%;
        height: 50%;
        margin-top: 10%;
    }

    .imagencasos h1{
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: rgba(189, 195, 199,0.7);
        font-family: 'Montserrat', sans-serif;
        color: rgba(44, 62, 80,1.0);
        cursor: pointer;
        transition: 1s all;
    }

    .imagencasos a{
        text-decoration: none;
        font-size: 18px;
        text-align: center;
    }

    .imagencasos h1:hover{
        background-color: rgba(44, 62, 80,0.7);
        color: rgba(236, 240, 241,1.0);
    }

    .formulario h1{
        font-family: 'Montserrat', sans-serif;
        font-size: 22px;
        width: 100%;
        margin-top: 6%;
    }

    .formulario p{
        font-family: 'Montserrat', sans-serif;
        margin-top: 4%;
        margin-bottom: 5%;
        font-size: 15px;
        padding: 1%;
        text-align: justify;
    }

    .direcciones{
        width: 100%;
        background-color: rgba(0,0,0,0.8);
        margin-top: 2%;
        display: flex;
        justify-content: space-around;
        flex-direction: column;
        display: none;
    }

      .direcciones1{
        width: 125%;
        height: auto;
        background-color: rgba(0,0,0,0.8);
        margin-top: 2%;
        display: flex;
        justify-content: space-around;
        flex-direction: column;
        display: block;
    }

    .direcciones1 .cali,.direcciones1 .bogota{
        font-family: 'Open Sans', sans-serif;   
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 1%;
        box-sizing: border-box;
        height: auto;
    }

    .direcciones1 .cali .hr,.direcciones1 .bogota .hr{
        width: 15%;
        margin-bottom: 1%;
        margin-top:1%;
    }

    .direcciones1 .cali h1,.direcciones1 .bogota h1{
        color:#95a5a6;
        font-size: 50px;
    }

    .direcciones1 .cali p,.direcciones1 .bogota p{
        color:#95a5a6;
        font-size: 40px;
        text-align: center;
    }
    
    .copyright{
        width: 125%;
        height: 6%;
        background-color: rgba(0,0,0,1.0);
    }

    .direcciones .cali,.bogota{
        font-family: 'Open Sans', sans-serif;   
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 1%;
        box-sizing: border-box;
    }

    .direcciones .cali .hr,.bogota .hr{
        width: 15%;
        margin-bottom: 1%;
        margin-top:1%;
    }

    .direcciones .cali h1,.bogota h1{
        color:#95a5a6;
        font-size: 50px;
    }

    .direcciones .cali p,.bogota p{
        color:#95a5a6;
        font-size: 30px;
    }

    .copyright{
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .copyright h1{
        color:#95a5a6;
        font-size: 10px;
        font-family: 'Open Sans', sans-serif;   
        font-size: 40px;
    }
    
    
    .fb-page{
        z-index: 1;
        width: 280px;
        height: 400px;
    }

    .contenedorplugins{
        width: 125%;
        height: auto;
        margin-left: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 15%;
        flex-direction: column;
        background-color: red;
        display: none;
    }


    
        .servicios{
        width: 100%;
        margin: 0;
        padding: 0;
        margin-top: 5%;
    }
    
    .servicios iframe{
        width: 80%;
        position: relative;
        left: -9%;
    }
    
    .servicios h1,.servicios p{
        margin: 0;
        padding: 5%;
    }
    
    .servicios h1{
        font-size: 70px;
    }
    
    .servicios p{
        font-size: 40px;
    }
    
    .subcontenedor{
        display: flex;
        width: 100%;
        justify-content: center;
        align-items: center;
        height: auto;
        flex-direction: column;
        margin: 0;
        padding: 0;
        margin-top: 10%;
    }
    
    .subcontenedor .mision,.subcontenedor .vision{
        margin: 0;
        padding: 0;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    
    .subcontenedor .mision span,.subcontenedor .vision span{
        font-size: 70px;
        padding: 0;
        margin-left: 46%;
    }
    
    .subcontenedor .mision p,.subcontenedor .vision p{
        font-size: 40px;
        width: 100%;
        margin: 0;
        padding: 7%;
        box-sizing: border-box;
    }
    
    
     .titulohrdescripcion{
        width: 125%;
    }
    
    .titulohrdescripcion h1{
        font-size: 80px;   
        width: 100%;
        text-align: center;
        margin-top: 5%;
    }
    
    .titulohrdescripcion hr{
        width: 60%;
    }
    
    .titulohrdescripcion p{
        display: none;
    }
    
    .videostestimonios{
        font-size: 80px;
        width: 125%;
        text-align: center;
    }
    
    #casosyoutube{
        width: 125%;
        display: flex;
        flex-direction: column;
        height: auto;
    }
    
    #casosyoutube li{
        width: 100%;
        margin-bottom: 10%;
    }
    
    #casosyoutube li img{
        width: 100%;
        height: 500px;
    }
    
    
    .slide1{
        width: 90%;
        height: 50%;
    }
    
    .slide1 .contenedor2{
        width: 200%;
    }
    
   
    
        
    .videocasosexito{
    width: 110%;
    height: 40%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 5%;
}

.videocasosexito iframe{
    width: 90%;
    height: 100%;
}
    #wizards ul{
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin: 0;
        padding: 0%;
        height: auto;
    }
    
    #wizards ul li img{
        width: 800px;
        margin: 0;
        padding: 0;
    }
    
     .contenedorpago{
        width:125%;
        font-family: 'Montserrat', sans-serif;
        display: flex;
        flex-direction: column;
    }
    
  .formpago{
        flex-direction: column;
        width: 100%;
        height: auto;
    }
    
    .formpago .formulariopago{
        width: 70%;
        height: 800px;
        padding: 5%;
        margin: 0;
        border-radius: 40px;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
    }
    
    .formpago .formulariopago .datospago{
        font-size: 40px;
        margin-bottom: 10%;
        width:100%;
    }
    
    .formpago .formulariopago .input1,.formpago .formulariopago .input2,.formpago .formulariopago .input3,.formpago .formulariopago .input4,.formpago .formulariopago .input5{
        height: 6%;
        font-size: 30px;
        font-weight: bold;
        padding: 2%;
    }
    
    .uploadfile{
        font-size: 30px;
        margin-top: 2%;
        margin-bottom: 4%;
    }
    
    .infocheck{
        font-size: 30px;
        text-align: justify;
    }
    
    .checkpago{
        transform: scale(1);
        margin-right: 3%;
    }
    
    .formpago .formulariopago .input6{
        height: 7%;
        font-size: 30px;
        margin-top: 2%;
    }
    
    .pagoh1{
        font-size: 60px;
        margin-bottom: 10%;
    }
    
    .pagoh2{
        display: none;
    }
    
    .pagoh3{
        display: block;
        text-align: justify;
        font-weight: normal;
        margin-top: 0.5%;
        padding: 2%;
        box-sizing: border-box;
        margin-bottom: 2%;
        font-size: 40px;
    }
    
    .formpago .videopago{
        width: 90%;
        height: 500px;
        margin-top: 10%;
        margin-bottom: 10%;
    }
    
    .mapa-contacto{
        width: 200%;
        height: 80%;
        margin: 0;
        padding: 0;
    }
    
    .botonpayu{
        font-size: 20px;
        text-align: justify;
        margin-top: 20%;
    }
    
    .botonpayuimg{
        width: 40%;
        margin: 0;
        height: 7%;
        transform: translateX(80%);
        margin-bottom: 10%;
        margin-top: 10%;
    }
    
    .contenedorlogin{
        height: auto;
        margin-top: 20%;
    }
    
    .contenedorlogin h1{
        font-size: 20px;
        text-align: center;
        margin-top: 10%;
    }
    
    .contenedorlogin input{
        width: 80%;
        margin-top:1%;
        margin-bottom: 3%;
    }
    
    .contenedorlogin .enviarregistro{
        margin-bottom: 10%;
        width: 50%;
    }
    
    .contenedorlogin .enviarlogin{
        width: 50%;
    }
    
    .titulohrdescripcion p{
        font-size: 16px;
    }
    

.numeros1{
    position: fixed;
    top: 12%;
    width: 100%;
    background-color: rgba(231, 76, 60,1.0);
    display: flex;
    align-items: center;
    z-index: 3;
    flex-direction: row;
    height: 6%;
}
    
    
    .numeros1::before{
        display: none;
    }
    
    

    .numeros1 .bloque1{
        color: rgba(236, 240, 241,1.0);
        font-size: 40px;
        font-weight: bold;
        font-family: 'Montserrat', sans-serif;
        display:flex;
        z-index: -1;
        flex-direction: row;
        width: 100%;
        justify-content: center;
        align-items: center;
        background-color: transparent;
    }
    
    .numeros1 .imagenwpp{
        width: 9%;
        height: 10%;
        display: flex;
        margin-right: 2%;
    }
    
    .numeros1 .bloque2,.numeros1 .bloque3{
        margin-right: 0.5%;
        color: rgba(236, 240, 241,1.0);
        font-size: 10px;
        font-weight: bold;
        font-family: 'Montserrat', sans-serif;
        z-index: 3;
        display: none;
        flex-direction: row;
        width: 100%;
        justify-content: center;
        align-items: center;
    }
    
    .numeros1 .bloque2 p,.numeros1 .bloque3 p{
        margin-right: 2%;
        display: none;
    }
    
    .ciudades{
        display: none;
    }
    
    .pagoh1{
    text-align: center;
    margin-top: 20%;
}
    
    #medios option{
     height: 10%;
     padding: 0;
    }
    
.hojasexitosas{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    margin-top: 6%;
    transform: translateX(12%);
}

.hojasexitosas img{
    width: 100%;
    height: 50%;
    cursor: pointer;
    transition: 1s all;
    margin-bottom: 5%;
}

.hojasexitosas img:hover{
    box-shadow: 5px 5px 5px black;
    transition: 1s all;
}
}