@font-face {
            font-family: antonio_light;
            /* requerido */
            src: url(../fonts/antonio_light.ttf);
            /* requerido */
        }
        @font-face {
            font-family: Byom-Light;
            /* requerido */
            src: url(../fonts/Byom-Light.ttf);
            /* requerido */
        }
        @font-face {
            font-family: Avenir;
            /* requerido */
            src: url(../fonts/AvenirNextLTPro-Bold.ttf);
            /* requerido */
        }
        @font-face {
            font-family: Avenir2;
            /* requerido */
            src: url(../fonts/AvenirNextLTPro-Regular.ttf);
            /* requerido */
        }
        @font-face {
            font-family: Supra;
            /* requerido */
            src: url(../fonts/Supra-Thin.ttf);
            /* requerido */
        }
        @font-face {
            font-family: Futura;
            /* requerido */
            src: url(../fonts/FuturaCondensed.ttf);
            /* requerido */
        }
        @font-face {
            font-family: FuturaMedium;
            /* requerido */
            src: url(../fonts/Futura-Medium-01.ttf);
            /* requerido */
        }
/*oscilar*/
        
@-webkit-keyframes swing
{
15%
{
-webkit-transform: translateX(4px);
transform: translateX(4px);
}
30%
{
-webkit-transform: translateX(-4px);
transform: translateX(-4px);
}
50%
{
-webkit-transform: translateX(2px);
transform: translateX(2px);
}
65%
{
-webkit-transform: translateX(-2px);
transform: translateX(-2px);
}
80%
{
-webkit-transform: translateX(1px);
transform: translateX(1px);
}
100%
{
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes swing
{
15%
{
-webkit-transform: translateX(4px);
transform: translateX(4px);
}
30%
{
-webkit-transform: translateX(-4px);
transform: translateX(-4px);
}
50%
{
-webkit-transform: translateX(2px);
transform: translateX(2px);
}
65%
{
-webkit-transform: translateX(-2px);
transform: translateX(-2px);
}
80%
{
-webkit-transform: translateX(1px);
transform: translateX(1px);
}
100%
{
-webkit-transform: translateX(0);
transform: translateX(0);
}
}

/* fin oscilar*/


/* desaparecer*/

        @keyframes desaparecer {
            0% {
                opacity: 1;
            }
            100% {
                opacity: 0;
            }
        }
        @-webkit-keyframes desaparecer {
            0% {
                opacity: 1;
            }
            100% {
                opacity: 0;
            }
        }
        @-moz-keyframes desaparecer {
            0% {
                opacity: 1;
            }
            100% {
                opacity: 0;
            }
        }
        @-o-keyframes desaparecer {
            0% {
                opacity: 1;
            }
            100% {
                opacity: 0;
            }
        }

        /* desaparecer fin */

        /* aparecer*/

        @keyframes aparecer {
            0% {
                opacity: 0;
            }
            100% {
                opacity: 1;
            }
        }
        @-webkit-keyframes aparecer {
            0% {
                opacity: 0;
            }
            100% {
                opacity: 1;
            }
        }
        @-moz-keyframes aparecer {
            0% {
                opacity: 0;
            }
            100% {
                opacity: 1;
            }
        }
        @-o-keyframes aparecer {
            0% {
                opacity: 0;
            }
            100% {
                opacity: 1;
            }
        }

        /* desaparecer fin */

        /* encojer*/

        @keyframes encojer {
            0% {
                width: 30%;
            }
            100% {
                width: 12%;
            }
        }
        @-webkit-keyframes encojer {
            0% {
                width: 30%;
            }
            100% {
                width: 12%;
            }
        }
        @-moz-keyframes encojer {
            0% {
                width: 30%;
            }
            100% {
                width: 12%;
            }
        }
        @-o-keyframes encojer {
            0% {
                width: 30%;
            }
            100% {
                width: 12%;
            }
        }

        /* encojer fin */

        /* crecer*/

        @keyframes crecer {
            0% {
                width: 17%;
            }
            100% {
                width: 30%;
            }
        }
        @-webkit-keyframes crecer {
            0% {
                width: 17%;
            }
            100% {
                width: 30%;
            }
        }
        @-moz-keyframes crecer {
            0% {
                width: 17%;
            }
            100% {
                width: 30%;
            }
        }
        @-o-keyframes crecer {
            0% {
                width: 17%;
            }
            100% {
                width: 30%;
            }
        }

        /* crecer2 fin */

        /* encojer*/

        @keyframes encojer2 {
            0% {
                width: 17%;
            }
            100% {
                width: 13.75%;
            }
        }
        @-webkit-keyframes encojer2 {
            0% {
                width: 17%;
            }
            100% {
                width: 13.75%;
            }
        }
        @-moz-keyframes encojer2 {
            0% {
                width: 17%;
            }
            100% {
                width: 13.75%;
            }
        }
        @-o-keyframes encojer2 {
            0% {
                width: 17%;
            }
            100% {
                width: 13.75%;
            }
        }

        /* encojer fin */

        /* crecer2*/

        @keyframes crecer2 {
            0% {
                width: 13.75%;
            }
            100% {
                width: 17%;
            }
        }
        @-webkit-keyframes crecer2 {
            0% {
                width: 13.75%;
            }
            100% {
                width: 17%;
            }
        }
        @-moz-keyframes crecer2 {
            0% {
                width: 13.75%;
            }
            100% {
                width: 17%;
            }
        }
        @-o-keyframes crecer2 {
            0% {
                width: 13.75%;
            }
            100% {
                width: 17%;
            }
        }

        /* encojer fin */
/* scroll*/

        @keyframes scrollear {
            0% {
                bottom: -200%;
            }
            100% {
                bottom: 100%;
            }
        }
        @-webkit-keyframes scrollear {
            0% {
                bottom: -200%;
            }
            100% {
                bottom: 100%;
            }
        }
        @-moz-keyframes scrollear {
          0% {
                bottom: -200%;
            }
            100% {
                bottom: 100%;
            }
        }
        @-o-keyframes scrollear {
            0% {
                bottom: -200%;
            }
            100% {
                bottom: 100%;
            }
        }
        /* encojer fin */

/* Slider */
.slick-slide {
    margin: 0px 20px;
  }
  
  .slick-slide img {
    width: auto;
    max-height: 35vw;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
  
  .slick-prev:before,
  .slick-next:before {
    color: black;
  }
  
  .slick-slide {
    transition: all ease-in-out 0.3s;
    opacity: 0.2;
  }
  
  .slick-active {
    opacity: 0.5;
  }
  
  .slick-current {
    opacity: 1;
  }
  
  body {
      background-color: #010101;
    }
    
  .row {
    overflow: hidden;
  }  
  
  /* JsFiddle Example only/don't use */
  .logo-carousel {
    margin-top: 32px;
  }
        
#logo-inicio {
     position: absolute;
     width: 10%;
     left: 2%;
     top: 0vw;
     cursor: pointer;
 }

#menu-inferior {
    width: 100%;
    position: absolute;
    bottom: 0;
}
.elementomenu {
    width: 19.9%;
    text-align: center;
    background-color: #136495;
    color: white;
    padding: 2vw 0vw;
    border: solid;
    border-width: .01px;
    border-color: #2673ba;
    font-family: antonio_light;
    cursor: pointer;
    position: relative;
    display: inline-block;
    vertical-align: bottom;
    margin-right: -4px;
    transition: all .5s;
    font-size: 1.5vw;
}
 .elementomenu:hover{
    padding: 3vw 0vw;
    font-size: 2vw;
 }

 #menu-redes {
    position: absolute;
    left: 6%;
    top: 8vw;
    width: 2%;
    text-align: center;
}
.linearedes {
    width: 1%;
    height: 7vw;
    margin: 0 45%;
    margin-bottom: 1vw;
}
.icoredes {
    width: 77%;
    margin-bottom: 1vw;
    cursor: pointer;
    transition: all 1s;
}
.icoredes:hover{
    transform: rotate(360deg);
}
#menu-equipo {
    position: absolute;
    right: 3%;
    top: 2vw;
    width: 7%;
}
.icoequipo {
    width: 40%;
    margin: 5%;
    float: left;
    cursor: pointer;
}
#celular{
    position: absolute;
    width: 20%;
    right: -4%;
    bottom: -3%;
}
#logo3{
    display: none;
}
 .bandera {
    width: 30%;
    float: left;
    margin: 2vw 1vw;
    z-index: 1;
    cursor: pointer;
}
#selecidioma{
    width: 12%;
    height: auto;
    position: relative;
    top: 26vw;
    left: 56%;
    z-index: 5;
}
#selecidioma h1{
    font-size: 1vw;
    position: absolute;
    width: 100%;
    text-align: center;
    top: -1vw;
    color: white;
    font-family: Byom-Light;
}
#fondoidioma{
    width: 100%;
    position: absolute;
    z-index: -1;
}

.flotantefb{
		position:fixed; 
		z-index:9999; 
		right:6px; 
		top:65%;
		text-align:center;
	}


   .bodyindex{
       width: 100%;
       height: 100%;
       margin: 0;
       position: absolute;
       left: 0;
       top: 0;
       overflow-y: hidden;
       overflow-x: hidden;
        background: url('../../img/FONDO.png');
        background-size: auto;
        background-position: 0px -200px;
    }
    #fondoinicio{
        position: absolute;
        width: 110%;
        left: -5%;
        top: -10%;
        z-index: -1;
    }
    .videointro{
        position: absolute;
        width: 100%;
        left: 0%;
        top: 0%;
        z-index: -2;
    }

    .bodyincio{
        width: 100%;
        height: 100%;
        margin: 0;
        position: absolute;
        left: 0;
        top: 0;
        overflow-y: hidden;
        overflow-x: hidden;
         background-size: auto;
         background-position: 0px -200px;
     }
        #logo {
            position: absolute;
            width: 40%;
            left: 30%;
            top: 0;
            z-index: 4;
        }
        #logo2 {
            opacity: 0;
            position: absolute;
            width: 13%;
            left: 43.5%;
            top: 30%;
            cursor: pointer;
        }
        #nube1 {
            position: absolute;
            width: 110%;
            left: -5%;
            top: -5%;
            z-index: 1;
        }
        #nube3 {
            position: absolute;
            width: 5%;
            left: 30%;
            top: 55%;
        }
        #nube2 {
            position: absolute;
            width: 10%;
            left: 60%;
            top: 25%;
        }
        .entrar {
            position: absolute;
            font-family: Avenir2;
            text-decoration: none;
            color: black;
            font-size: .9rem;
            width: 10%;
            text-align: center;
            left: 45%;
            top: 58%;
            cursor: pointer;
            
        }

.entrar:hover
{
-webkit-animation: swing 1s ease;
animation: swing 1s ease;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}
#menuredes2{
    position: absolute;
    text-align: center;
    width: 18%;
    bottom: 5vw;
    left: 41%;
    padding-bottom: 4vw;
}

        #menuredes {
           position: absolute;
             overflow: hidden;
             z-index: 2;
            -moz-transform: rotate(180deg);
            -webkit-transform: rotate(180deg);
            -o-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);

        }
        #show-phones {
            display: none;
            width: 90%;
            position: absolute;
            top: -4vw;
            right: -16vw;
            background-color: white;
            padding: .7vw;
            font-size: 1vw;
            line-height: 2vw;
            z-index: 22;
            border-bottom-right-radius: 1vw;
            border-top-right-radius: 1vw;
            border-top-left-radius: 1vw;
            font-family: Avenir;  
        }
       
        .showphonea:hover{
            text-decoration: underline;
        }
        .phone{
            float: left;
            width: 100%;
        }
        .showphonea {
            text-decoration: none;
            color: #136495;
            float: left;
            width: 79%;
            padding-left: 5%;
        }
        .bandera2 {
            width: 10%;
            float: left;
            padding-left: 2%;
            padding-top: .5vw;
        }

        #iconoredes {
            width: 88%;
            padding-left: 3%;
            float: left;
            filter: invert(100%);
            -moz-transform: rotate(180deg);
            -webkit-transform: rotate(180deg);
            -o-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
        }
        .contenedor {
            width: 19%;
            height: 100%;
            float: left;
            -moz-transition: all 0.5s ease-out;
            -webkit-transition: all 0.5s ease-out;
            -o-transition: all 0.5s ease-out;
            transition: all 0.5s ease-out;
        }
#menuredes div {
    width: 19%;
    height:100%;
    float:left;
    font-family: sans-serif;
    font-size: 2em;
    color: #444;
    text-shadow: 1px 1px 0 #f0f0f0;
    -moz-transition: all 0.5s ease-out;
     -webkit-transition: all 0.5s ease-out;
     -o-transition: all 0.5s ease-out;
     transition: all 0.5s ease-out;
}
#menuredes div p {margin: 10px;}
#menuredes:hover div {
  width: 17.5%;
  font-size: 1em;
}
#menuredes:hover div:hover {
    width: 30%;
    color: #f0f0f0;
    font-size: 4em;
    text-shadow: 1px 1px 0 #444;
}
      /*   #logos:hover #logo {
            -webkit-animation: desaparecer 1s;
            /* Safari 4+ */
            -moz-animation: desaparecer 1s;
            /* Fx 5+ */
            -o-animation: desaparecer 1s;
            /* Opera 12+ */
            animation: desaparecer 1s;
            /* IE 10+, Fx 29+ */
            opacity: 0;
            
        }




#bodyhome{
    background: url('../../img/FONDO-GRIS.png');
    background-size: 110%;
    overflow: hidden;
    text-align: center;
}
#cuadros{
    width: 55%;
    position: absolute;
    left: -30%;
    top: 0%;
}

#circulos{
    width: 50%;
    position: absolute;
    right: 0%;
    top: 15%;
}

.menu{
    position: fixed;
    top:0;
    width: 90%;
    margin-left: 5%;
    margin-top: 1%;
    text-align: left;
    
}
.menu-botones{
    width: 70%;
    float: left;
}
.menu-logo-esquina{
    width: 10%;
    float: left;
}
.menu-botones img{
    float: left;
}

.menu-redes{
    width: 20%;
    float: left;
}
.menu-redes img{
    margin: 3%;
    width: 14%;
    cursor: pointer;
}
.menu-boton{
    width: 10%;
   
    border: solid;
     border-color: transparent;
    border-radius: 10px;
    float: left;
    text-align: center;
    margin: 2%;
    color: #59595c ;
    font-family: Supra;
}
.menu-boton:hover{
    background-color: #f4d728;
    cursor: pointer;
}
.container{
    position: absolute;
    width: 90%;
    height: 74%;
    top:15%;
    left: 5%;
    background-color: rgba(300, 300, 300, .3);
    -webkit-box-shadow: 0px 0px 80px -12px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 80px -12px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 80px -12px rgba(0,0,0,0.75);
}
.footer{
    position: fixed;
    z-index: 999;
    width: 100%;
    height: 12%;
    padding-top: .5%;
    bottom: 0;
    left: 0;
    text-align: center;
    background-color: black;
    font-family: Supra;
    font-size: .6rem;
    color: #f4d728;
    
}
.footer-bullets{
    position: absolute;
    height: 100%;
    margin: 0;
    width: 2%;
    left: 0;
    z-index: 5;
}
#circle1{
    margin-left: 50%;
    margin-top: 50%;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    border: solid;
    border-color: white;
    background-color: white;
     border-width: thin;
    cursor: pointer;
}
#circle2{
    margin-left: 50%;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    border: solid;
    border-color: white;
    border-width: thin;
    cursor: pointer;
}

#clientes{
    position: absolute;
    width: 100%;
    left: 0;
    opacity: 0;
    -webkit-transition: opacity 2s;
    
}


#clientes img{
    width: 6%;
}
#footerinfo{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    color:white; text-decoration: none;
    font-size: 1rem;
    overflow-y: hidden;
    opacity: 1;
    -webkit-transition: opacity 2s;
}
.footer-servicios{
    position: absolute;
    width: 100%;
    right: 0;
    bottom: 0;
    height: 1.5rem;
    font-weight: bold;
    overflow-x: hidden;
}
.footer-contacto{
    width: 100%;
    float: left;
    text-align: center;
}
.footer-contacto-info1{
    float: left;
    text-align: left;
    padding-top: .3rem;
    margin-right:2rem;
    margin-left: 14%;
}
.footer-contacto-info{
    float: left;
    text-align: left;
    padding-top: .4rem;
    margin-right:2rem;
}
.footer-contacto-img{
    float: left;
    width: 2%;
    padding-right: .5rem;
}
.footer-contacto-img img{
    width: 100%;
}

#slider1{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 87%;
    -webkit-transition: opacity 2s; 
}
#slider2{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 87%;
    opacity: 0;
    -webkit-transition: opacity 2s; 
}
#slider3{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 87%;
    opacity: 0;
    -webkit-transition: opacity 2s; 
}
.elemento1{
    position: absolute;
    width: 25%;
    left: 15%;
    top: 23%;
}
.elemento2{
    position: absolute;
    width: 28%;
    right: 15%;
    top: 20%;
    -webkit-transition: width 1s;

}
.elemento2:hover{
    width: 31%;
}
.elemento3{
    position: absolute;
    width: 32%;
    left: 12%;
    bottom: 10%;
    font-family: Supra;
    line-height: 1.3rem;
}
.controles-slider{
    position: absolute;
    z-index: 9999999;
    left: 0;
    bottom: 3%;
    text-align: center;
    width: 100%;
}
.controles-slider img{
    width: 2.8%;
    cursor: pointer;
}
#nosotros1{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
     background: url(../../img/FONDO-NOSOTROS.png) no-repeat center;
     background-size: 110%;
}
#nosotrostxt{
    position: absolute;
    width: 45%;
    left: 27.5%;
    top: 10%;
    height: 84%;
    background-color: white;
     -webkit-animation: aparecer 2s;
    /* Safari 4+ */
    -moz-animation: aparecer 2s;
    /* Fx 5+ */
    -o-animation: aparecer 2s;
    /* Opera 12+ */
    animation: aparecer 2s;
    /* IE 10+, Fx 29+ */
}
@-webkit-keyframes neon3 {
  from {
    text-shadow: 0 0 10px #fff,
               0 0 20px  #fff,
               0 0 30px  #fff,
               0 0 40px  #FFDD1B,
               0 0 70px  #FFDD1B,
               0 0 80px  #FFDD1B,
               0 0 100px #FFDD1B,
               0 0 150px #FFDD1B;
  }
  to {
    text-shadow: 0 0 5px #fff,
               0 0 10px #fff,
               0 0 15px #fff,
               0 0 20px #FFDD1B,
               0 0 35px #FFDD1B,
               0 0 40px #FFDD1B,
               0 0 50px #FFDD1B,
               0 0 75px #FFDD1B;
  }
}
@keyframes neon3 {
  from {
    text-shadow: 0 0 10px #fff,
               0 0 20px  #fff,
               0 0 30px  #fff,
               0 0 40px  #FFDD1B,
               0 0 70px  #FFDD1B,
               0 0 80px  #FFDD1B,
               0 0 100px #FFDD1B,
               0 0 150px #FFDD1B;
  }
  to {
    text-shadow: 0 0 5px #fff,
               0 0 10px #fff,
               0 0 15px #fff,
               0 0 20px #FFDD1B,
               0 0 35px #FFDD1B,
               0 0 40px #FFDD1B,
               0 0 50px #FFDD1B,
               0 0 75px #FFDD1B;
  }
}
.titnosotros{
    font-family: Futura;
    margin-top: 10%;
    font-size: 5rem;
    line-height: 4rem;
    font-style: oblique;
    -webkit-animation: swing 1s ease;
    animation: swing 1s ease;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}
#nosotrostxt p{
    font-family: Supra;
    margin-left: 10%;
    margin-right: 10%;
    margin-bottom: 10%;
    font-size: 1.2rem;
    line-height: 1.6rem;
    text-align: center;
    
    
}

.Modal{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    margin: 0;
    z-index: 0;
    background-color: rgba(0, 0, 0, .9);
    opacity: 0;
    z-index: -999;
     -webkit-transition: opacity 2s;
    
}
.ModalHijo{
    position: absolute;
    width: 50%;
    height: 70%;
    left: 25%;
    top: 13%;
}
.CerrarModal{
    position: absolute;
    width: 6%;
    right: -4%;
    top: -5%;
    cursor: pointer;
}

#servicios{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    -webkit-transition: opacity 2s;
}

.brillo{
    position:relative;
    display: block;
    height: 133px;
    width: 132px;  
    text-decoration:none;
    overflow:hidden;
    position: absolute;
    width: 7%;
    right: 2%;
    top: 2%;
    z-index: 99;
    -webkit-transition: width .5s;
}
.brillo img{
    width: 100%;
}
.brillo span{
     position:relative;
     display: block;
    border-radius: 100%;
    top: -50%;
     background:url(../../img/brillo.png) no-repeat; 
     background-position: -300px 0px;
    background-size: cover;
     margin-top: -45%;
    margin-left: 2%;
     height: 61%;
     width: 97%;
     -webkit-animation: brilo 5s infinite;
        /* Safari 4+ */
    -moz-animation: brillo 5s infinite;
        /* Fx 5+ */
    -o-animation: brilo 5s infinite;
        /* Opera 12+ */
    animation: brillo 5s infinite;
        /* IE 10+, Fx 29+ */
}
/* brillo*/

        @keyframes brillo {
            0% {
                 background-position: -300px 0px;
            }
            100% {
                background-position: 300px 0px;
            }
            
        }
        @-webkit-keyframes brillo {
            0% {
                 background-position: -300px 0px;
            }
            100% {
                background-position: 300px 0px;
            }

        }
        @-moz-keyframes brillo {
          0% {
                 background-position: -300px 0px;
            }
            100% {
                background-position: 300px 0px;
            }

        }
        @-o-keyframes brillo {
            0% {
                 background-position: -300px 0px;
            }
            100% {
                background-position: 300px 0px;
            }
        }
        /* brillo fin */
.brillo:hover{
    width: 8%;
    cursor: pointer;
}
.serviciosmenu{
    width: 20%;
    height: 94%;
    float: left;
    padding-top: 3%;
    
}
.serviciomenu{
    width: 90%;
    margin-left: 10%;
    background-color: #ffef00;
    color: black;
    height: 1rem;
    font-family: Avenir2;
    font-size: .7rem;
    padding-bottom: 3%;
    padding-top: 3%;
}
.serviciomenu:hover {
    cursor: pointer;
     background-color: black;
    color: white;
    
}
.txtserviciosmenu{
    width: 90%;
    float: left;
    padding-top: 1%;
}
.imgserviciosmenu{
    width: 3%;
    margin: 0;
    float: left;

}
.imgserviciosmenu img{
    width: 100%;
}
.descripcionservicio{
    position: relative;
    width: 80%;
    height: 100%;
    float: left;
}
.detalle-de-servicios{
    position: absolute;
    width: 100%;
    height: 100%;
    top:0;
    left: 0;
    opacity: 1;
    -webkit-transition: opacity 2s;
}
.detalle-de-servicios2{
    position: absolute;
    width: 100%;
    height: 100%;
    top:0;
    left: 0;
    opacity: 0;
     -webkit-transition: opacity 2s;
}
.detalle-de-servicios iframe{
    margin-top: 5%; 
    border: none; 
    position: absolute; 
    left:30%; 
    z-index: 2; 
}

.botonareadistribucion{
    position: absolute;
    bottom: 5%;
    right: 3%;
    width: 22%;
    height: 2rem;
    padding-top: .3rem;
    border-radius: 20px;
    margin-top: 1rem;
    background-color: black;
    color: white;
    z-index: 3;
    cursor: pointer;
    font-family: Avenir;
}
.botonguiadigital{
    position: absolute;
    bottom: 13%;
    right: 3%;
    width: 22%;
    height: 2rem;
    padding-top: .3rem;
    border-radius: 20px;
    margin-top: 1rem;
    background-color: black;
    color: white;
    z-index: 3;
    cursor: pointer;
    font-size: .7rem;
    font-family: Avenir2;
}

.info1{
    position: absolute;
    width: 50%;
    top: 0;
    left: 10%;
    z-index: 1;
}
.info1txt{
    margin-top: 40%;
    margin-left: 5%;
    width: 40%;
    font-size:.9rem;
    font-family: Avenir2;
}
.info1img{
    position: absolute;
    top: 43%;
    left: 40%;
    width: 20%;

}
.info2{
    position: absolute;
    width: 40%;
    top: 30%;
    right: 0;
    z-index: 1;

}
.info2txt{
    margin-top: 10%;
    margin-left: 40%;
    width: 50%;
    text-align: left;
    font-size:.9rem;
    font-family: Avenir2;
}
.info2img{
    position: absolute;
    top: 50%;
    left: 26%;
    width: 10%;

}
.pantalla{
    position: absolute;
    left: 5%;
    top: 10%;
    width: 32%;
    height: 45%;
}
.pantalla img{
    position: absolute;
    width: 110%;
    left: -5%;
    top: 0%;
    z-index: -1;
}
.info3{
    position: absolute;
    width: 50%;
    top: 5%;
    left: 0;
    z-index: 1;

}
.info3txt{
    margin-top: 50%;
    margin-left: 10%;
    width: 60%;
    text-align: center;
    font-size:.9rem;
    font-family: Avenir2;
}
.info3img{
    position: absolute;
    top: 20%;
    right: 0%;
    width: 20%;

}
.titredpantallas{
    position: absolute; 
    right: 22%;
    bottom: 5%;
    width: 20%;
    z-index: 90;
}
#mappantallas{
    width: 40%;
    height: 100%;
    margin-top: 0; 
    border: none; 
    position: absolute; 
    right: 12%;
    top: 0;
    overflow: hidden;
    z-index: 2; 
}
#varubicacion{
    position: absolute;
    bottom: 4%;
    right: 10%;
    width: 30%;
    border: none;
    background: none;
    font-family: Avenir;
    font-size: .9rem;
    font-style: oblique;
    -webkit-transition: opacity 1s;
    opacity: 0;
}
#logoubicacion{
    position: absolute;
    bottom: -20%;
    left: 10%;
    width: 15%;
    -webkit-transition: opacity 1s;
    opacity: 0;
}

.imgweb{
    position: absolute;
    width: 40%;
    left: 30%;
    top: 0;
}
.imgweb2{
    position: absolute;
    width: 40%;
    left: 15%;
    top: 0;
}
.imgweb3{
    position: absolute;
    width: 40%;
    left: 40%;
    top: 7%;
    z-index: 9;
    cursor: url(../../img/cursor.png), url(../../img/cursor1.svg), pointer;
}
.imgweb4{
    position: absolute;
    width: 30%;
    left: 30%;
    top: 29%;
}
.imgwe5{
    position: absolute;
    width: 40%;
    left: 25%;
    top: 12%;
}
.imgwe6{
    position: absolute;
    width: 40%;
    left: 25%;
    top: 7%;
}
.imgwe7{
    position: absolute;
    width: 40%;
    left: 25%;
    top: 19%;
}
.imgwe8{
    position: absolute;
    width: 40%;
    left: 25%;
    top: 5%;
}
.imgwe81{
    position: absolute;
    width: 30%;
    left: 30%;
    top: 15%;
}


.info4{
    position: absolute;
    width: 50%;
    top: 0;
    left: 8%;
    z-index: 1;
}
.info4txt{
    margin-top: 10%;
    margin-left: 5%;
    width: 50%;
    text-align: right;
    font-size:.9rem;
    font-family: Avenir2;
}
.info4img{
    position: absolute;
    top: 15%;
    right: 16%;
    width: 25%;

}
.info5txt{
    margin-top: 30%;
    margin-left: 5%;
    width: 50%;
    text-align: right;
    font-size:.9rem;
    font-family: Avenir2;
}
.info5img{
    position: absolute;
    bottom: 19%;
    right: 39%;
    width: 8%;

}
.info6{
    position: absolute;
    width: 50%;
    top: 0;
    left: 58%;
    z-index: 1;
}
.info6txt{
    margin-top: 63%;
    margin-left: 10%;
    width: 40%;
    text-align: left;
    font-size:.9rem;
    font-family: Avenir2;
}
.info6img{
    position: absolute;
    top: 55%;
    right: 87%;
    width: 9%;

}
.info7{
    position: absolute;
    width: 50%;
    top: 0;
    left: 58%;
    z-index: 1;
}
.info7txt{
    margin-top: 35%;
    margin-left: 10%;
    width: 50%;
    text-align: left;
    font-size:.9rem;
    font-family: Avenir2;
}
.info7img{
    position: absolute;
    top: 75%;
    left: -5%;
    width: 9%;

}
.info8{
    position: absolute;
    width: 50%;
    top: 0;
    right: 45%;
    z-index: 1;
}
.info8txt{
    margin-top: 35%;
    margin-left: 10%;
    width: 50%;
    text-align: left;
    font-size:.9rem;
    font-family: Avenir2;
}
.info8img{
    position: absolute;
    top: 40%;
    right: 30%;
    width: 16%;

}
.info9{
    position: absolute;
    width: 36%;
    top: 5%;
    right: 45%;
    z-index: 1;
}
.info9txt{
    margin-top: 4%;
    margin-left: 53%;
    width: 50%;
    text-align: center;
    font-size:.9rem;
    font-family: Avenir2;
}
.info9img{
    position: absolute;
    top: 93%;
    right: 34%;
    width: 21%;

}
.info10{
    position: absolute;
    width: 30%;
    top: 11%;
    left: 7%;
    z-index: 1;
}
.info10txt{
    margin-top: 77%;
    margin-left: 15%;
    width: 50%;
    text-align: center;
    font-size:.9rem;
    font-family: Avenir2;
}
.info10img{
    position: absolute;
    top: 80%;
    left: 70%;
    width: 20%;

}
.info11{
    position: absolute;
    width: 40%;
    top: 28%;
    right: 6%;
    z-index: 1;
}
.info11txt{
    margin-top: 60%;
    margin-left: 6%;
    width: 50%;
    text-align: center;
    font-size:.9rem;
    font-family: Avenir2;
}
.info11img{
    position: absolute;
    top: 58%;
    right: 86%;
    width: 12%;

}
.info12{
    position: absolute;
    width: 65%;
    top: 9%;
    right: 12%;
    z-index: 1;
}
.info12txt{
    margin-top: 4%;
    margin-left: 3%;
    width: 60%;
    text-align: center;
    font-size:.9rem;
    font-family: Avenir2;
}
.info12img{
    position: absolute;
    top: 80%;
    right: 88%;
    width: 11%;

}
.info13{
    position: absolute;
    width: 49%;
    top: 18%;
    right: -5%;
    z-index: 1;
}
.info13txt{
    margin-top: 53%;
    margin-left: 0%;
    width: 50%;
    text-align: center;
    font-size:.9rem;
    font-family: Avenir2;
}
.info13img{
    position: absolute;
    top: 58%;
    right: 82%;
    width: 9%;

}
.info14{
    position: absolute;
    width: 65%;
    bottom: 15%;
    right: 13%;
    z-index: 1;
}
.info14txt{
    margin-top: 4%;
    margin-left: 3%;
    width: 60%;
    text-align: center;
    font-size:.9rem;
    font-family: Avenir2;
}
.info14img{
    position: absolute;
    top: 90%;
    right: 65%;
    width: 3%;

}
.info15{
    position: absolute;
    width: 65%;
    top: 8%;
    right: 10%;
    z-index: 1;
}
.info15txt{
    margin-top: 4%;
    margin-left: 0%;
    width: 60%;
    text-align: center;
    font-size:.9rem;
    font-family: Avenir2;
}
.info15img{
    position: absolute;
    top: 90%;
    right: 70%;
    width: 3%;

}
.info16{
    position: absolute;
    width: 40%;
    top: 48%;
    right: 50%;
    z-index: 1;
}
.info16txt{
    margin-top: 0;
    margin-left: 0%;
    width: 60%;
    text-align: right;
    font-size:.9rem;
    font-family: Avenir2;
}
.info16img{
    position: absolute;
    top: 20%;
    right: 22%;
    width: 12%;

}
.info17{
    position: absolute;
    width: 40%;
    top: 20%;
    right: -2.5%;
    z-index: 1;
}
.info17txt{
    margin-top: 4%;
    margin-left: 3%;
    width: 60%;
    text-align: left;
    font-size:.9rem;
    font-family: Avenir2;
}
.info17img{
    position: absolute;
    top: 20%;
    right: 100%;
    width: 12%;

}
.info18{
    position: absolute;
    width: 40%;
    top: 35%;
    left: 5%;
    z-index: 1;
}
.info18txt{
    margin-top: 4%;
    margin-left: 0%;
    width: 60%;
    text-align: right;
    font-size:.9rem;
    font-family: Avenir2;
}
.info18img{
    position: absolute;
    top: -40%;
    left: 55%;
    width: 23%;

}
.info19{
    position: absolute;
    width: 40%;
    top: 35%;
    right: 0%;
    z-index: 1;
}
.info19txt{
    margin-top: 4%;
    margin-left: 0%;
    width: 60%;
    text-align: left;
    font-size:.9rem;
    font-family: Avenir2;
}
.info19img{
    position: absolute;
    top: 40%;
    left: -15%;
    width: 11%;

}
#cotizador{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    opacity: 0;
    -webkit-transition: opacity 2s;
}
.menu-coti{
    width: 100%;
    height: 4%;
    font-family: Supra;
    font-weight: bold;
    text-align: left;
    padding-top: 1%;
    padding-bottom: 1%;
    float: left;
}
.menu-coti a{
    margin-left: 10%;
    cursor: pointer;
}
.menu-coti img{width: 1%;}
.contenedor-servicios{
    width: 65%;
    padding-left: 10%;
    float: left;
    height: 87%;
    overflow-y: scroll;
}
.coti-servicio{
    position: relative;
    float: left;
    width: 20%;
    margin-left: 2rem;
    margin-right: 2rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
    height: 50%;
    background-color: rgba(300, 300, 300, .3);
    -webkit-box-shadow: 0px 0px 40px -12px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 40px -12px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 40px -12px rgba(0,0,0,0.75);
    -webkit-animation: aparecer 2s;
    /* Safari 4+ */
    -moz-animation: aparecer 2s;
    /* Fx 5+ */
    -o-animation: aparecer 2s;
    /* Opera 12+ */
    animation: aparecer 2s;
    /* IE 10+, Fx 29+ */
}
.coti-servicio img{
    width: 40%;
    margin-top: 10%;
}
.coti-servicio h1{
    margin: 0;
    margin-left: 1rem;
    margin-right: 1rem;
    font-size: 1rem;
    font-family: Supra;
}
.coti-servicio p{
    margin-left:8%;
    margin-right: 8%;
    font-size: .8rem;
    text-align: center;
    font-family: Supra;
}
.cotiservagregado{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: black;
    color: white;
    z-index: 3;
    line-height: 1.5rem;
    opacity: 0;
    -webkit-transition: opacity 1s;
}
.cotiservagregado h2{
    font-size: .8rem;
    margin: 0;
    margin-top: 45%;
    font-family: FuturaMedium;
}
.cotiservagregado h1{
    font-size: 1rem;
    font-family: Futura;
    margin: 0;
}

#agregarquitar{
    position: absolute;
    width: 26%;
    top: -7%;
    right: -12%;;
    margin: 0;
    cursor: pointer;
    z-index: 4;
    -webkit-transition: transform 1s;
}
#agregarquitar2{
    position: absolute;
    width: 26%;
    top: -7%;
    right: -12%;;
    margin: 0;
    cursor: pointer;
     z-index: 4;
     -webkit-transition: transform 1s;
}
#agregarquitar3{
    position: absolute;
    width: 26%;
    top: -7%;
    right: -12%;;
    margin: 0;
    cursor: pointer;
     z-index: 4;
     -webkit-transition: transform 1s;
}
#agregarquitar4{
    position: absolute;
    width: 26%;
    top: -7%;
    right: -12%;;
    margin: 0;
    cursor: pointer;
     z-index: 4;
     -webkit-transition: transform 1s;
}
#agregarquitar5{
    position: absolute;
    width: 26%;
    top: -7%;
    right: -12%;;
    margin: 0;
    cursor: pointer;
     z-index: 4;
     -webkit-transition: transform 1s;
}
#agregarquitar6{
    position: absolute;
    width: 26%;
    top: -7%;
    right: -12%;;
    margin: 0;
    cursor: pointer;
     z-index: 4;
     -webkit-transition: transform 1s;
}
#agregarquitar7{
    position: absolute;
    width: 26%;
    top: -7%;
    right: -12%;;
    margin: 0;
    cursor: pointer;
     z-index: 4;
     -webkit-transition: transform 1s;
}
#agregarquitar8{
    position: absolute;
    width: 26%;
    top: -7%;
    right: -12%;;
    margin: 0;
    cursor: pointer;
     z-index: 4;
     -webkit-transition: transform 1s;
}
#agregarquitar9{
    position: absolute;
    width: 26%;
    top: -7%;
    right: -12%;;
    margin: 0;
    cursor: pointer;
     z-index: 4;
     -webkit-transition: transform 1s;
}
#agregarquitar10{
    position: absolute;
    width: 26%;
    top: -7%;
    right: -12%;;
    margin: 0;
    cursor: pointer;
     z-index: 4;
     -webkit-transition: transform 1s;
}
#agregarquitar11{
    position: absolute;
    width: 26%;
    top: -7%;
    right: -12%;;
    margin: 0;
    cursor: pointer;
     z-index: 4;
     -webkit-transition: transform 1s;
}
#agregarquitar12{
    position: absolute;
    width: 26%;
    top: -7%;
    right: -12%;;
    margin: 0;
    cursor: pointer;
     z-index: 4;
     -webkit-transition: transform 1s;
}
#agregarquitar13{
    position: absolute;
    width: 26%;
    top: -7%;
    right: -12%;;
    margin: 0;
    cursor: pointer;
     z-index: 4;
     -webkit-transition: transform 1s;
}
.contenedor-ticket{
    width: 24%;
    float: left;
    height: 90%;
    text-align: center;
    
}
.ticket{
    width: 80%;
    margin-left:10%;
    margin-top: 1rem;;
    height: 87%;
    background-color: #f4d728;
    -webkit-animation: aparecer 3s;
    /* Safari 4+ */
    -moz-animation: aparecer 3s;
    /* Fx 5+ */
    -o-animation: aparecer 3s;
    /* Opera 12+ */
    animation: aparecer 3s;
    /* IE 10+, Fx 29+ */
}
.tit-ticket{
    width: 100%;
    float: left;
    text-align: center;

}
.tit-ticket h1{
    font-size: 1.2rem;
    margin-top: .5rem;
    margin-bottom: .2rem;
    font-family: Supra;
    font-weight: bolder;
}
.wishlist{
    float: left;
    width: 100%;
    height: 50%;
    text-align: center;
}
.lista{
    height: 99%;
    width: 80%;
    background-color: white;
    text-align: center;
    margin-left: 10%;
    margin-bottom: 3%;
    padding-top: 2px;
    padding-bottom: 2px;
    overflow-y: auto;
    -webkit-box-shadow: inset 0px 0px 20px 1px rgba(0,0,0,0.75);
    -moz-box-shadow: inset 0px 0px 10px 1px rgba(0,0,0,0.75);
    box-shadow: inset 0px 0px 10px 1px rgba(0,0,0,0.75);
    }
.serv-lista{
    width: 90%;
    float: left;
    text-align: left;
    margin-left: 10%;
    font-family: Supra;
    font-size: .9rem;
    padding-top: .5rem;
    display: none;
    
}
.cuenta{
    width: 100%;
    float: left;
    text-align: center;
}

.labeltotal{
    width: 30%;
    margin-left: 10%;
    float: left;
    color: white;
    height: 20px;
    vertical-align: middle;
    padding-top: 4px;
    background-color: gray;
    font-size: .85rem;
    margin-top: 5px;
    font-family: FuturaMedium;
}
.intputtotal{
    width: 50%;
    border: none;
    float: left;
    height: 22.5px;
    text-align: center;
    margin-top: 5px; 
    color: gray;
    background-color: white;
    font-family: Futura;
}
.confirm-coti{
    width: 60%;
    padding-left: 10%;
    padding-right: 10%;
    margin-left: 10%;
    padding-top: 2%;
    padding-bottom: 8%;
     background-color: #f4d728;
}
.confirm-coti h1{
    font-family: Futura;
    font-size: 1rem;
}
.confirm-camp{
    width: 60%;
    height: 1.5rem;
    margin-bottom: .5rem;
    padding-left: 2%;
    height: 1.8rem;
    font-family: Avenir2;
    font-size: .8rem;
    color: gray;
}
.confirm-button{
    float: left;
    margin-right: 2%;
    margin-top: 7px;
    width: 30%;
    margin-left: 18%;
    padding-top: 1.7%;
    padding-bottom: 1.7%;
    color: white;
    background-color: black;
    font-family: Avenir2;
    font-size: .8rem;
    letter-spacing: .1rem;
    border: none;
    cursor: pointer;
}
.confirm-button2{
    margin-top: 7px;
    width: 30%;
    margin-left: 2%;
    float: left;
    padding-top: 1.7%;
    padding-bottom: 1.7%;
    color: white;
    background-color: black;
    font-family: Avenir2;
    font-size: .8rem;
    letter-spacing: .1rem;
    border: none;
    cursor: pointer;
}


#mensajecoti{
     width: 80%;
    margin-left:1%;
    border: none;
    margin-top: .5rem;
    background-color: transparent;
    text-align: center;
    font-family: Supra;
    color: black;
    font-weight: bold;
}
.botoncontratar{
    margin-top: 7px;
    width: 80%;
    height: 30px;
    color: white;
    background-color: black;
    font-family: Futura;
    letter-spacing: .3rem;
    border: none;
    cursor: pointer;
}
.botoncontratar2{
    margin-top: 10px;
    width: 80%;
    margin-left: 10%;
    padding-top: 4%;
    padding-bottom: 3%;
    color: white;
    background-color: black;
    font-family: Avenir;
    font-size: .8rem;
    letter-spacing: .1rem;
    border: none;
    cursor: pointer;
}

.contactoizquierda{
    width: 50%;
    float: left;
    background-color: black;
    height: 100%;
    color: white;
}
.contactodatos{
    width: 80%;
    margin-left: 10%;
    float: left;
    text-align: left;
    margin-top: 5%;
}
.datosimg{
    width: 6%;
    float: left;
}
.datosimg img{
    width:  100%;
}

.contactodatostxt{
    float: left;
    margin-left: 3%;
    margin-top: 1.4%;
    font-family: Avenir2;
    font-size: .8rem;
}
.contactoderecha{
    width: 50%;
    float: left;
    background-color:  #f4d728;
    height: 100%;
    color: white;
    text-align: left;
}
.formulariocontacto{
    width: 80%;
    margin-left: 10%;
    margin-top: 5%;
}
.formulariocontacto label{
    width: 100%;
    float: left;
    text-align: left;
    color: black;
    font-family: Avenir;
    margin-top: 1rem;
}
.campoform{
    width: 98%;
    padding-left: 2%;
    height: 1.8rem;
    font-family: Avenir2;
    font-size: .8rem;
    color: gray;
}
.formulariocontacto textarea{
    width: 98%;
    padding: 1% 2% 1% 2%;
    height: 6rem;
    color: gray;
    font-family: Avenir2;
}
.botonenviar{
    width: 22%;
    height: 2rem;
    padding-top: .3rem;
    border-radius: 20px;
    margin-top: 1rem;
    background-color: black;
    color: white;
    border: none;
    font-family: Avenir;
}
.rotate-smartphone{
    display: none;
}
.desktop{
    display: block;
}
.movile{
    display: none;
}
.fondoresponsivo{
    display: none;
}
.bodyindex2{
    display: block;
}
#cotizador-movil{
    display: none;
}

div#contenedor-logros {
    float: left;
    width: 100%;
    height: 88vh;
    position: relative;
    background-color: #1b6895;
}
#logros-left{
    float: left;
    position: relative;
    width: 50%;
    height: 100%;
}
#logros-right{
    float: left;
    width: 50%;
    height: 100%;
}

div#cajatxt-logros {
    position: absolute;
    z-index: 9999;
    top: 13vh;
    left: 20%;
    width: 67%;
    text-align: center;
    font-family: Avenir;
    color: white;
}
#cajatxt-logrosh1{
    font-size: 4em !important;
}
#cajatxt-logrosh12{
    font-size: 3.2em !important;
}

#txt-logros{
    font-family: Supra;
    position: absolute;
    bottom: 28vh;
    left: 0;
    width: 75%;
    z-index: 99999;
    text-align: left;
    color: white;
    margin: 0 20%;
    font-size: 1.3em;
}
p#link-carpeta {
    position: absolute;
    bottom: 15vh;
    left: 20%;
    font-size: 1.2em;
    font-family: Avenir;
    color: rgb(218, 218, 218,0.8);
}

a#button-aqui {
    border: solid;
    border-radius: .5em;
    padding: 1% 1vh;
    background-color: white;
    border-color: transparent;
    cursor: pointer;
    color: #1b6895;
}

#videoEdaao {
    position: absolute;
    top: 16vh;
    left: 8%;
}

#cont-logos-client {
    bottom: 19vh;
    margin-left: 7%;
    margin-top: 68vh;
    width: 44%;
    z-index: 99999999;
    position: absolute;
    right: 5%;
}

.logo-cliente {
    float: left;
    width: 15%;
    border: solid;
    padding: 4vh 5%;
    border-color: #1b6895;
    background-color: rgb(108, 185, 230,.5);
    text-align: center;
    
}

img.logo-cliente-img {
    width: 96%;
}

.logros-right {
    float: left;
    position: relative;
    width: 50%;
    height: 100%;
}

div#contenedor-somos {
    float: left;
    width: 100%;
    height: 88vh;
    position: relative;
}

#contenedor-somos img {
    width: 100%;
    position: absolute;
    height: 100%;
}

div#cajatxt-somos {
    position: absolute;
    z-index: 9999;
    top: 21vh;
    left: 25%;
    width: 50%;
    border: solid;
    border-width: 5px;
    font-size: 1.2vw;
    text-align: center;
    font-family: Avenir;
    color: #5e5f62;
    border-color: #1b6895;
}

#cajatxt-somos strong {
    color: #1b6895;
}

#contenedor-somos p {
    position: absolute;
    width: 60%;
    left: 20%;
    text-align: center;
    top: 45vh;
    font-size: 1.6vw;
    color: #5e5f62;
    font-family: Avenir2;
}

#contenedor-somos p strong {
    color: #1b6895;
}
div#contenedor-servicios {
    width: 100%;
    height: 86vh;
    position: absolute;
    padding: 1vh 5%;
    top: 0;
    background: url(../../img/FONDO.png)no-repeat fixed center;
                -webkit-background-size: cover;
                -moz-background-size: cover;
                -o-background-size: cover;
                background-size: cover;
}

.servicios1 {
    float: left;
    width: 35%;
}

.servicios2 {
    float: left;
    width: 20%;
    margin: 1%;
    height: 78vh;
}

.servicios1-1 {
    float: left;
    width: 50%;
    height: 18vw;
    margin: 2.5%;
}

.servicios1-2 {
    float: left;
    width: 40%;
    height: 18vw;
    margin: 2.5%;
}
.opserv{
    background-color: rgb(218, 218, 218,0.8);
    text-align: center;
    display: grid;
    justify-content: space-around;
    align-items: center;
    transition: all .5s;
}
.opserv:hover{
    background-color: rgb(218, 218, 218,1);
    cursor:pointer;
}

.imgserv {
    width: 12vw;
    vertical-align: middle;
    display: inline-block;
}
div#detalle-serv {
    position: absolute;
    z-index: 99;
    height: 87vh;
    width: 100%;
    display: none;
}

.det1 {
    float: left;
    background-color: #d1d2d4;
    width: 17%;
    height: 100%;
    text-align: center;
    display: grid;
    align-items: center;
    justify-content: space-between;
    align-content: space-evenly;
    justify-items: center;
}

.det2 {
    float: left;
    background-color: #696a6d;
    width: 36%;
    height: 100%;
    color: white;
    font-size: 1.5vw;
    font-family: Supra;
    display: grid;
    align-items: center;
    justify-content: center;
}

.det3 {
    float: left;
    background-color: #3f3f40;
    width: 30%;
    height: 100%;
    color: white;
    font-size: 1.5vw;
    font-family: Supra;
    display: grid;
    align-items: center;
    justify-content: center;
}

img.arrow {
    max-height: 50%;
    cursor: pointer;
}

img#logoeddet {
    width: 53%;
    vertical-align: middle;
    display: inline-block;
}

img#icono-servicio {
    width: 60%;
    vertical-align: middle;
    display: inline-block;
}

li {
    margin: .5vh 0;
}
img.homeico {
    position: absolute;
    z-index: 2;
    width: 3%;
    cursor: pointer;
    margin: 1vh;
    top: 0;
    left: 0;
}
img.arrow2 {
    display: none;
}

@media screen and (min-width: 220px) and (max-width: 460px) {
    div#contenedor-logros {
        float: left;
        width: 100%;
        height: 91vh;
        position: relative;
        background-color: #1b6895;
        overflow-y: auto;
    }
    #logros-left {
        float: left;
        position: relative;
        width: 100%;
        height: 58vh;
    }
    div#cajatxt-logros {
        position: absolute;
        z-index: 9999;
        top: 8vh;
        left: 17%;
        width: 67%;
        text-align: center;
        font-family: Avenir;
        color: white;
    }
    #cajatxt-logrosh1 {
        font-size: 2em !important;
    }
    #cajatxt-logrosh12 {
        font-size: 2.2em !important;
    }

    #txt-logros {
        font-family: Supra;
        position: absolute;
        bottom: 9vh;
        left: 0;
        width: 80%;
        z-index: 99999;
        text-align: left;
        color: white;
        margin: 0 10%;
        font-size: 1em;
    }

    p#link-carpeta {
        position: absolute;
        bottom: -10vh;
        left: 9%;
        font-size: 1.1em;
        font-family: Avenir;
        color: rgb(218, 218, 218,0.8);
    }
    .logros-right {
        float: left;
        position: relative;
        width: 100%;
        height: 76vh;
    }
    #videoEdaao {
        position: absolute;
        top: 16vh;
        left: 8%;
        width: 86% !important;
    }
    #cont-logos-client {
        bottom: 10vh;
        margin-left: 10%; 
        margin-top: -10vh;
        width: 80%;
        z-index: 99999999;
        position: inherit;
        right: 10%;
        float: left;
    }
    div#contenedor-servicios {
        width: 100%;
        height: 92vh;
        position: absolute;
        padding: 1vh 5%;
        top: 0;
        background: url(../../img/FONDO.png)no-repeat fixed center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
    div#content-elem-serv {
        transform: rotateZ(90deg);
        left: -7vh;
        top: 22vh;
        position: absolute;
        width: 128%;
    }
    .servicios1 {
        float: left;
        width: 39%;
    }
    .servicios1-1 {
        float: left;
        width: 42%;
        height: 40vw;
        margin: 2.5%;
    }
    .servicios1-2 {
        float: left;
        width: 47%;
        height: 40vw;
        margin: 2.5%;
    }
    .servicios2 {
        float: left;
        width: 20%;
        margin: 1%;
        height: 40vh;
    }
    .opserv {
        background-color: rgb(218, 218, 218,0.8);
        text-align: center;
        display: grid;
        justify-content: space-around;
        align-items: center;
        transition: all .5s;
    }
    .imgserv {
        width: 14vw;
        vertical-align: middle;
        display: inline-block;
        transform: rotateZ(270deg);
    }
    
    .det1 {
        float: left;
        background-color: #d1d2d4;
        width: 100%;
        height: 20vh;
        text-align: center;
        display: grid;
        align-items: center;
        justify-content: space-between;
        align-content: space-evenly;
        justify-items: center;
        position: relative;
    }
    img#logoeddet {
        display: none;
    }
    img#icono-servicio {
        width: 30%;
        vertical-align: middle;
        display: inline-block;
        left: 35%;
        position: absolute;
        top: 1.5vh;
    }
    .det2 {
        float: left;
        width: 100%;
        height: 28vh;
        font-size: 1em;
        overflow-y: auto;
    }
    .det3 {
        float: left;
        width: 100%;
        height: 23vh;
        font-size: 1em;
        overflow-y: auto;
    }
    img.arrow {
        display: none;
    }
    img.arrow2 {
        display: inline;
        position: absolute;
        width: 100%;
        top: 0;
    }



    div#contenedor-somos {
        height: 92vh;
    }
    #contenedor-somos p {
        width: 90%;
        left: 5%;
        top: 45vh;
        font-size: 1em;
    }
    img.homeico {
        width: 10%;
    }
    #logo-inicio {
        width: 27%;
        left: 5%;
    }
    #menu-redes {
        left: 6%;
        top: 18vw;
        width: 6%;
    }
    .videointro {
        position: absolute;
        width: 290%;
        left: -80%;
        top: 5vh;
        z-index: -2;
    }
    .linearedes {
        width: 1%;
        height: 10vw;
        margin: 0 47%;
        margin-bottom: 5vw;
    }
    .icoredes {
        width: 77%;
        margin-bottom: 4vw;
    }
    #menu-equipo {
        width: 21%;
    }
    .elementomenu {
        transition: all .5s;
        font-size: 1em;
        padding: 5vw 0vw;
    }
    .elementomenu:hover{
        padding: 6vw 0vw;
        font-size: 5.5vw;
     }
    #menuredes2 {
        position: absolute;
        text-align: center;
        width: 100%;
        bottom: 15vw;
        left: 0%;
    }
    #show-phones {
        display: none;
        width: 62%;
        position: absolute;
        top: -36vw;
        right: 24vw;
        background-color: white;
        padding: 3.7vw;
        font-size: 4vw;
        line-height: 2vw;
        z-index: 22;
        border-bottom-right-radius: 0;
        border-top-right-radius: 5vw;
        border-top-left-radius: 5vw;
        font-family: Avenir;
        border-bottom-left-radius: 5vw;
    }
    .bandera2 {
        width: 12%;
        float: left;
        padding-left: 2%;
        padding-top: 0.5vw;
    }
    .showphonea {
        text-decoration: none;
        color: #136495;
        float: left;
        width: 79%;
        padding-left: 5%;
        padding-top: 2vw;
    }
    #selecidioma h1 {
        font-size: 3vw;
        position: absolute;
        width: 100%;
        text-align: center;
        top: -3.5vw;
        color: white;
    }
    #selecidioma {
        width: 28%;
        position: relative;
        top: 75vw;
        left: 36%;
        z-index: 5;
    }
    .bandera {
        width: 40%;
        float: left;
        margin: 4vw 1vw;
        z-index: 1;
        cursor: pointer;
    }
    .desktop{
        display: none;
    }
    .fondoresponsivo{
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 0;
    }
    .movile{
        display: block;
        position: absolute;
        overflow-y: scroll;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }
        .contenedormovil{
                width: 100%;
                height: 300%;
                
                margin: 0;
            }
            body{
                margin: 0;
            }
            #parte1movil{
                width:100%;
                height:33%;
                float: left;
                background-color:orange;
                color:black;
                text-align:center;

            }
    .parte1movilimg{
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
     .parte1movilimg2{
        position: absolute;
        z-index: 2;
        top: 40%;;
        left: 15%;
        width: 70%;
    }
    .parte1moviltit{
        position: absolute;
        left: 0;
        top: 55%;
        z-index: 2;
        width: 100%;
        color: white;
        font-size: 1.5rem;
        font-family: Avenir;
    }
    .parte1movilboton{
        position: absolute;
        left:20%;
        top: 63%;
        z-index: 2;
        width: 50%;
        padding:5%;
        color: black;
        font-size: .8rem;
        font-family: Avenir2;
    }
    .parte1movilboton img{
        position: absolute;
        left: 0;
        top: 0;
        z-index: -1;
        width: 100%;
        height: 100%;
        color: white;
        font-size: .8rem;
        font-family: Avenir2;
    }
    .parte1movilslogan{
        position: absolute;
        left:0;
        top: 77%;
        z-index: 2;
        width: 100%;
        color: white;
        font-size: 1.2rem;
        font-family: Avenir2;
    }
            #parte2movil {
                width:100%;
                height:33%;
                float: left;
                background-color:yellow;
                color:black;
                text-align:center;

            }
    .parte2moviltit1{
         position: relative;
        text-align: left;
        left:10%;
        top: 7%;
        z-index: 2;
        width: 80%;
        color: black;
        font-size: 1.2rem;
        line-height: 1.5rem;
        font-family: Avenir2;
    }
    .parte2movilimg{
        position: absolute;
        left: 25%;
        top: 140%;
        z-index: 2;
        width: 50%;
    }
    .parte2movilboton{
        position: absolute;
        left:20%;
        top: 185%;
        z-index: 2;
        width: 50%;
        padding:5%;
        color: black;
        font-size: .8rem;
        font-family: Avenir2;
    }
    .parte2movilboton img{
        position: absolute;
        left: 0;
        top: 0;
        z-index: -1;
        width: 100%;
        height: 100%;
        color: white;
        font-size: .8rem;
        font-family: Avenir2;
    }
            #parte3movil {
                width:100%;
                height:33%;
                position: relative;
                float: left;
                text-align: center;
            }
            #parte31movil{
                width:100%;
                height:100%;
                float: left;
                opacity: 1;
                position: absolute;
                left: 0;
                top: 0;
                z-index: 4;
                background-color:#f6f6f6;
                color:black;
                text-align:center;
                transition: opacity 1s;
                overflow: hidden;

            }
    .parte31movilimg{
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 1;
    }
    .parte31movilimg2{
        position: absolute;
        top: 5%;
        left:15%;
        width: 70%;
        z-index: 2;
    }
    .parte31moviltxt{
        position: absolute;
        text-align: center;
        left: 7%;
        top: 60%;
        z-index: 2;
        width: 86%;
        color: black;
        font-size: .9rem;
        font-family: Avenir2;
    }
    
            #parte32movil {
                width:100%;
                height:100%;
                float: left;
                opacity: 0;
                position: absolute;
               left: 0;
                top: 0;
                z-index: 3;
                background-color:#f6f6f6;
                color:black;
                text-align:center;
                transition: opacity 1s;
                overflow: hidden;
                

            }
            #parte33movil {
                width:100%;
                height:100%;
                float: left;
                opacity: 0;
                position: absolute;
                left: 0;
                top: 0;
                z-index: 3;
                background-color:#f6f6f6;
                color:black;
                text-align:center;
                transition: opacity 1s;
                overflow: hidden;

            }
    .parte33moviltxt{
        position: absolute;
        text-align: center;
        left: 7%;
        top: 60%;
        z-index: 2;
        width: 86%;
        color: black;
        font-size: .9rem;
        font-family: Avenir2;
    }
            #swiper{
                width: 100%;
                height: 100%;
                position: absolute;
                text-align: center;
                font-size: 1.2rem;
                font-family: Avenir;
                z-index: 5;
                top: 0;
                color: white;
                letter-spacing: -1px;
            }
    .swiperboton{
        width: 40%;
        position: absolute;
        left: 28%;
        top: 80%;
        border-radius: 30px;
        padding:2%;
        padding-top: 3%;
        padding-bottom: 3%;
        background-color: black;
        
    }
            #parte4movil {
                width:100%;
                height:25%;
                float: left;
                background-color:yellow;
                color:black;
                text-align:center;

            }
            
    .contenedormovil-servicios {
                width:100%;
                height:100%;
                position: relative;
                float: left;
                text-align: center;
                background: rgba(255,248,53,1);
                background: -moz-linear-gradient(top, rgba(255,248,53,1) 0%, rgba(255,221,0,1) 49%, rgba(255,222,33,1) 100%);
                background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,248,53,1)), color-stop(49%, rgba(255,221,0,1)), color-stop(100%, rgba(255,222,33,1)));
                background: -webkit-linear-gradient(top, rgba(255,248,53,1) 0%, rgba(255,221,0,1) 49%, rgba(255,222,33,1) 100%);
                background: -o-linear-gradient(top, rgba(255,248,53,1) 0%, rgba(255,221,0,1) 49%, rgba(255,222,33,1) 100%);
                background: -ms-linear-gradient(top, rgba(255,248,53,1) 0%, rgba(255,221,0,1) 49%, rgba(255,222,33,1) 100%);
                background: linear-gradient(to bottom, rgba(255,248,53,1) 0%, rgba(255,221,0,1) 49%, rgba(255,222,33,1) 100%);
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff835', endColorstr='#ffde21', GradientType=0 );
            }
    #Servicio1movil{
                width:100%;
                height:100%;
                float: left;
                opacity: 1;
                position: absolute;
                left: 0;
                top: 0;
                z-index: 4;
                color:black;
                text-align:center;
                transition: opacity 1s;
                overflow: hidden;
                
    }
    .Servicio2movil {
                width:100%;
                height:100%;
                float: left;
                opacity: 0;
                position: absolute;
               left: 0;
                top: 0;
                z-index: 3;
                color:black;
                text-align:center;
                transition: opacity 1s;
                overflow: hidden;
                

            }

    .ServicioMovilFlecha1{
        width: 5%;
        position: absolute;
        left: 1%;
        top: 40%;
        
    }
     .ServicioMovilFlecha2{
        width: 5%;
        position: absolute;
        right: 1%;
        top: 40%;
        
    }
    .ServicioMovilTit{
        position: absolute;
        top: 5%;
        left:0%;
        width: 100%;
        text-align: center;
        z-index: 2;
    }
    .ServicioMovilTit1{
        width: 100%;
        float: left;
        font-size: 1.5rem;
        font-family: Avenir2;
    }
    .ServicioMovilTit2{
        width: 100%;
        float: left;
        font-size: 1.5rem;
        font-family: Avenir;
    }
    .ServicioMovilImg{
        position: absolute;
        top: 20%;
        left:7.5%;
        width: 85%;
        z-index: 2;
    }
     .ServicioMovilTxt{
        position: absolute;
        text-align: center;
        left: 7%;
        top: 67%;
        z-index: 2;
        width: 86%;
        color: black;
        font-size: .8rem;
        font-family: Avenir2;
    }
    
    
    
     .contenedormovil-nosotros {
                width:100%;
                height:100%;
                position: relative;
                float: left;
                text-align: center;
                overflow: hidden;
               background: url(../../img/FONDO-NOSOTROS-MOVIL.png)no-repeat fixed center;
                -webkit-background-size: cover;
                -moz-background-size: cover;
                -o-background-size: cover;
                background-size: cover;
            }
    .contenedormovil-nosotrosTxt{
        width: 90%;
        position: absolute;
        top:30%;
        margin-left: 5%;
        color: white;
    }
    .contenedormovil-nosotrosTxt h1{
        font-family: Avenir;
    }
    .contenedormovil-nosotrosTxt a{
        font-family: Avenir2;
    }
    .contenedormovil-contacto{
         width:100%;
                height:100%;
                position: relative;
                float: left;
                text-align: center;
                overflow-x: hidden;
        overflow-y: scroll;
               background-color:  #f4d728;
    }
    . 
    .contenedormovil-contacto1{
        width: 100%;
        float: left;
        padding-bottom: 2%;
        padding-top: 2%;
    }
    .contenedormovil-contacto1 h1{
        font-family: Avenir;
    }
    .contenedormovil-contacto2{
        width: 100%;
        background-color: black;
        color: white;
        float: left;
        padding-bottom: 25%;
        padding-top: 2%;
    }
    
    .contactodatos{
    width: 95%;
    margin-left: 5%;
    float: left;
    text-align: left;
    margin-top: 5%;
}
.datosimg{
    width: 7%;
    float: left;
}
.datosimg img{
    width:  100%;
}

.contactodatostxt{
    float: left;
    width: 70%;
    margin-left: 3%;
    margin-top: 1.4%;
    font-family: Avenir2;
    font-size: .8rem;
}
.botonenviar{
    width: 52%;
    height: 2rem;
    padding-top: .3rem;
    border-radius: 20px;
    margin-top: 1rem;
    margin-bottom: 1rem;
    background-color: black;
    color: white;
    border: none;
    font-family: Avenir;
}
    #bodyhome{
        background: none;
        
    }
    .menu-movil{
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 10%;
        background-color: black;
        z-index: 999;
        
    }
    .menu-movil1{
        width: 19%;
        margin-top: 2%;
        height: 80%;
        float: left;
        text-align: center;
        line-height: .5rem;
    }
    .menu-movil1 img{
        width: 40%;
        margin-left: 5%;
        margin-right: 10%;
    }
    .tit-menu-movil1{
        width: 100%;
        color: white;
        font-size: .8rem;
        font-family: Avenir2;
    }
    .menu-movil3{
        width: 19%;
        margin-top: 2%;
        height: 80%;
        float: right;
        text-align: center;
        line-height: .5rem;
    }
    .menu-movil3 img{
        width: 40%;
        margin-left: 5%;
        margin-right: 10%;
    }
    .tit-menu-movil2{
        width: 100%;
        color: yellow;
        font-size: .8rem;
        font-family: Avenir2;
    }
    .menu-movil2{
        width: 24%;
        height: 160%;
        top: -50%;
        left: 38%;
        border-radius: 100%;
        position: absolute;
        text-align: center;
        background: rgba(255,255,255,1);
        background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 0%, rgba(255,213,0,1) 45%, rgba(247,234,52,1) 96%, rgba(247,234,52,1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(0%, rgba(255,255,255,1)), color-stop(45%, rgba(255,213,0,1)), color-stop(96%, rgba(247,234,52,1)), color-stop(100%, rgba(247,234,52,1)));
        background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 0%, rgba(255,213,0,1) 45%, rgba(247,234,52,1) 96%, rgba(247,234,52,1) 100%);
        background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 0%, rgba(255,213,0,1) 45%, rgba(247,234,52,1) 96%, rgba(247,234,52,1) 100%);
        background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 0%, rgba(255,213,0,1) 45%, rgba(247,234,52,1) 96%, rgba(247,234,52,1) 100%);
        background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 0%, rgba(255,213,0,1) 45%, rgba(247,234,52,1) 96%, rgba(247,234,52,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7ea34', GradientType=0 );

    }
    .menu-movil2 img{
        width: 50%;
        left: 25%;
        top: 15%;
        position: absolute;
        margin-right: 10%;
    }
    .menu-movil2 a{
        width: 100%;
        color: black;
        position: absolute;
        left: 0;
        bottom: 12%;
        font-size: .8rem;
        font-family: Avenir2;
    }
    
    .bodyindex{
        background: none;
    }
    .bodyindex2{
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        background: url(../../img/FONDO.png)no-repeat fixed center;
                -webkit-background-size: cover;
                -moz-background-size: cover;
                -o-background-size: cover;
                background-size: cover;
    }
    #logo3 {
        display: block;
        position: absolute;
        width: 60%;
        left: 20%;
        top: 25vw;
    }
    #logo2, #logo{
        display: none;
    }
    .entrar {
            position: absolute;
            font-family: Avenir2;
            text-decoration: none;
            color: black;
            font-size: .9rem;
            width: 10%;
            left: 40%;
            top: 64%;
            
        }
    #nube1 {
            position: absolute;
            width: 25%;
            left: 10%;
            top: 13%;
        }
    #nube2 {
            position: absolute;
            width: 20%;
            left: 67%;
            top: 25%;
        }
    #nube3 {
            position: absolute;
            width: 15%;
            left: 20%;
            top: 62%;
        }
    #menuredes {
            position: absolute;
            text-align: center;
            width: 80%;
            bottom: 10%;
            left: 7%;
             overflow: hidden;
            -moz-transform: rotate(180deg);
            -webkit-transform: rotate(180deg);
            -o-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);

        } 
.contenedor-servicios-movil{
    width: 100%;
    float: left;
    height: 47.2%;
    overflow-y: scroll;
}
    #cotizador-movil{
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    opacity: 1;
    -webkit-transition: opacity 2s;
}
    
    .coti-servicio-movil{
    position: relative;
    float: left;
    width: 100%;
    padding-top: 1rem;
    padding-bottom: 1rem;
    height: 1rem;
    background-color: white;
    -webkit-animation: aparecer 2s;
    /* Safari 4+ */
    -moz-animation: aparecer 2s;
    /* Fx 5+ */
    -o-animation: aparecer 2s;
    /* Opera 12+ */
    animation: aparecer 2s;
    /* IE 10+, Fx 29+ */
}
 .coti-servicio-movil2{
    position: relative;
    float: left;
    width: 100%;
    padding-top: 1rem;
    padding-bottom: 1rem;
    height: 1rem;
    background-color: #f0f0f2;
    -webkit-animation: aparecer 2s;
    /* Safari 4+ */
    -moz-animation: aparecer 2s;
    /* Fx 5+ */
    -o-animation: aparecer 2s;
    /* Opera 12+ */
    animation: aparecer 2s;
    /* IE 10+, Fx 29+ */
}
.coti-servicio-movil2 a{
    font-size: 1rem;
    padding-left: 10%;
    font-family: Avenir2;
    
}
.coti-servicio-movil a{
    font-size: 1rem;
    padding-left: 10%;
    font-family: Avenir2;
    
}
#agregarquitar, #agregarquitar2, #agregarquitar3, #agregarquitar4, #agregarquitar5, #agregarquitar6, #agregarquitar7, #agregarquitar8, #agregarquitar9, #agregarquitar10, #agregarquitar11, #agregarquitar12 {
    position: absolute;
    width: 26%;
    top: 8%;
    right: 6%;;
    margin: 0;
    cursor: pointer;
    z-index: 4;
    -webkit-transition: transform 1s;
}

.contenedor-ticket{
    position: fixed;
    bottom: 10%;
    width: 100%;
    height: 30%;
    background-color:  #f4d728;
}

#mensajecoti{
     width: 58%;
    position: relative;
    bottom: -16%;
    left: -19%;
    margin-left:1%;
    border: none;
    margin-top: .5rem;
    font-size: .7rem;
    background-color: transparent;
    text-align: left;
    font-family: Supra;
    color: black;
    font-weight: bold;
}
    .cuenta{
        width: 33%;

        float: left;
        
        
    }

    .labeltotal{
    width: 100%;
    float: left;
    color: black;
    margin-left: 0;
        margin-top: 20%;
    height: 20px;
    background-color: transparent;
    font-size: 1.1rem;
    font-family: FuturaMedium;
}
.intputtotal{
    width: 100%;
    border: none;
    font-size: 1rem;
    float: left;
    height: 22.5px;
    text-align: center;
    margin-top: 10%; 
    color: black;
    background-color: transparent;;
    font-family: Futura;
}
    .botoncontratar2{
    width: 35%;
    position: absolute;
    right: 3%;
    bottom: 15%;
    border-radius: 30px;
    padding-top: 2%;
    padding-bottom: 2%;
    color: white;
    background-color: black;
    font-family: Avenir;
    font-size: .8rem;
    letter-spacing: .1rem;
    border: none;
    cursor: pointer;
}
    
   .ModalHijo{
    position: absolute;
    width: 90%;
    height: 70%;
    left: 5%;
    top: 13%;
} 
  .confirm-coti{
    width: 80%;
    padding-left: 10%;
    text-align: center;
    padding-right: 10%;
    margin-left: 0%;
    padding-top: 2%;
    padding-bottom: 16%;
    background-color: #f4d728;
}
.confirm-coti h1{
    font-family: Futura;
    font-size: 1rem;
}
.confirm-camp{
    width: 90%;
    height: 1.5rem;
    margin-bottom: .5rem;
    padding-left: 2%;
    height: 1.8rem;
    font-family: Avenir2;
    font-size: .8rem;
    color: gray;
}
.confirm-button{
    float: left;
    margin-right: 2%;
    margin-top: 7px;
    width: 45%;
    margin-left: 3%;
    padding-top: 1.7%;
    padding-bottom: 1.7%;
    color: white;
    background-color: black;
    font-family: Avenir2;
    font-size: .8rem;
    letter-spacing: .1rem;
    border: none;
    cursor: pointer;
}
.confirm-button2{
    margin-top: 7px;
    width: 45%;
    margin-left: 2%;
    float: left;
    padding-top: 1.7%;
    padding-bottom: 1.7%;
    color: white;
    background-color: black;
    font-family: Avenir2;
    font-size: .8rem;
    letter-spacing: .1rem;
    border: none;
    cursor: pointer;
}
  
}