@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');

body{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Open Sans', sans-serif;
}
li a img{
    height: 30px;
}
/*NAVEGACION*/
nav{
    position: fixed;
    height: 120px;
    width: 100%;
    z-index: 100;
    left: 0;
}
.navegacion{
    background:white;
}
.navegacion a:hover {
    color: #0c53b0;
    font-weight: lighter;
}
.navegacion .logo{
    height: 90px;
}
.navegacion ul{
    margin-right: 50px;
}
.inicio-ds{
    position: absolute;
    padding: 25px 300px;
}
.logo{
   height: 100px;
}
nav ul{
    float: right;
    margin-right: 200px;
    margin-top: 30px;
}
nav ul li{
    display: inline-block;
    line-height: 80px;
    margin: 0 5px;
}
nav ul li a{
    text-transform: uppercase;
    font-size: 13.29pt;
    color: #666666;
    padding: 7px 13px;
}
nav ul li a:hover{
    color:white;
    font-weight: bolder;
    transition: .4s;
    text-decoration: none;
}
.checkbtn{
    font-size: 30px;
    color:#666666;
    float: right;
    line-height: 120px;
    margin-right: 40px;
    cursor: pointer;
    display: none;
}
#check{
    display:none;
}
.whatsapp{
    font-size: 13.29pt;
    text-transform: capitalize;
}
.show-wp{
    display: none;
}

.fondo-a{
    background-image:url(/img/Diseño-Prototipo-Editada-1320.png) !important;
    background-position: center;
    background-size: cover;
    height: 100vh;
    width: 100vh;
}
.buscar{
    background:rgba(245, 245, 245, 0.493);
    border: none;
    height: 40px;
    width: 200px;
}
.buscar:focus-visible{
    border:none;
    cursor: pointer;
}

.nosotros{
    padding-top: 250px;
    position: relative;
    color: whitesmoke;
}
.nosotros h4{
    font-size: 20.77pt;
}
.nosotros h1{
    font-size: 33.39pt;
    font-weight: bolder;
}
.nosotros p{
    text-align: justify;
    font-size: 14.12pt;
}
.cotiza{
    background: #0c53b0;
    color: whitesmoke;
    height: 40px;
    width: 300px;
}
.cotiza:hover{
    background:whitesmoke;
    color:#0c53b0;
    height: 40px;
    width: 300px;
}
.titulo{
    color:whitesmoke;
}
.media-a{
    text-align: center;
}
.media-a h3{
    color: #666666;
}
.serviciosds{
    height: 40px;
}
.media{
    justify-content: center;
}
.call{
    background: #0c53b0 !important;
}
.numero{
    color:#0c53b0;
}
.llamada{
    border-radius: 5px;
    background: #0c53b0;
    color: whitesmoke;
    height: 33px;
    width: 150px;
}
.llamada:hover{
    border-radius: 5px;
    border: 1px solid #0c53b0;
    background:whitesmoke;
    color:#0c53b0;
    height: 33px;
    width: 150px;
}
.telefono{
    height: 39px;
    width: 230px;
    font-size: 13.29pt;
}
.btn-dds{
    background: #666666 !important;
    color: whitesmoke !important;
}
.modal-body .wp{
    width: 50px;
    height: 50px;
    background-color:#00bb2d;
    color:whitesmoke;
    border-radius: 50%;
    font-size: 30px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    border:4px solid transparent;
    padding-top: 0;
}
.modal-body .wp i{
   margin: 0;
}
.modal-body .wp:hover{
    width: 52px;
    height: 52px;
    background-color:#00bb2d;
    color:whitesmoke;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 35px;
    cursor: pointer;
    padding-top: 0;
    border:4px solid transparent;
}
.modal-body .ph{
    width: 50px;
    height: 50px;
    background-color:#0c53b0;
    color:whitesmoke;
    border-radius: 50%;
    font-size: 25px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    border:4px solid transparent;
    padding-top: 0;
}
.modal-body .ph i{
   margin: 0;
}
.modal-body .ph:hover{
    width: 52px;
    height: 52px;
    background-color:#0c53b0;
    color:whitesmoke;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 30px;
    cursor: pointer;
    padding-top: 0;
    border:4px solid transparent;
}
.modal-body .meet{
    width: 120px;
    height: 50px;
    background-color:transparent;
    color:whitesmoke;
    font-size: 25px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    border:4px solid transparent;
    padding-top: 0;
}
.modal-body .meet img{
    height:40px ;
    width: 100px;
}
.modal-body .meet i{
   margin: 0;
}
.modal-body .meet:hover{
    width: 120px;
    height: 50px;
    color:whitesmoke;
    background: none;
    border: 1px solid #0c53b070;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 30px;
    cursor: pointer;
    padding-top: 0;
}

.dds-btn-lg{
    background-color:#0c53b0;;
    color: whitesmoke;
    height: 40px;
    width: 220px;
    font-family: sans-serif;
    border: none;

}
.dds-btn-lg:hover{
    background-color: whitesmoke;
    color: #0c53b0;
    font-family: sans-serif;
    border: 1px solid #0c53b0;
}
.dds-btn-form{
    background-color:#0c53b0;;
    color: whitesmoke;
    height: 40px;
    width: 130px;
    font-family: sans-serif;
    border: none;

}
.dds-btn-form:hover{
    background-color: whitesmoke;
    color: #0c53b0;
    font-family: sans-serif;
    border: 1px solid #0c53b0;
}
.uno{
    height: 100%;
    display: flex;
    flex-flow: column nowrap;
    padding-top: 100px;
}
.uno a{
    background-color: #0c53b0;
    text-decoration: none;
    color: whitesmoke;
    display: block;
    border: 1px solid #0c53b0;
    width: 200px;
    height: 40px;
    padding-top: 8px;
    text-align: center;
}
.uno a:hover{
    background-color:whitesmoke;
    text-decoration: none;
    color: #0c53b0;
    display: block;
    border: 1px solid #0c53b0;
    width: 200px;
    height: 40px;
    padding-top: 8px;
    text-align: center;
}
.uno i{
    margin-left: 10px;
}
.n-clientes{
    padding: 0;
    display: flex;
    margin-top: 0;
    height: 300px;
    width: 100vw;
    flex-flow: column nowrap;
    margin-bottom: 50px;
}
.linea img{
    display: block;
    width: 100%;
    padding: 0;
}
.empresa{
    height: 60vh;
    width: 100vw;
    display: flex;
    align-items:flex-start;
    margin-top: 0;
}
.img-empresa{
    width: 50%;
    height: 100%;
    margin-top: 0;
}
.txt-empresa{
    width: 50%;
    padding-top: 100px;
    padding-left: 50px;
    padding-right: 250px;
    text-align: justify;
}
.txt-empresa a{
    background-color: #0c53b0;
    text-decoration: none;
    color: whitesmoke;
    display: inline-block;
    border: 1px solid #0c53b0;
    width: 150px;
    height: 40px;
    padding-top: 8px;
    text-align: center;
}
.txt-empresa a:hover{
    background-color:whitesmoke;
    text-decoration: none;
    color: #0c53b0;
    display:inline-block;
    border: 1px solid #0c53b0;
    width: 150px;
    height: 40px;
    padding-top: 8px;
    text-align: center;
}
.txt-empresa h3{
    font-weight: bolder;
    color: #0c53b0;
}

.txt-empresa i{
    margin-left: 10px;
}
.social{
    padding-top: 150px;
    display: flex;
    flex-flow: column nowrap;
}
.icon-ds{
    align-items:baseline;
    text-decoration: none;
    text-align: right;
    
}
.icon-ds-f{
    padding: 10px;
    text-decoration: none;
    text-align: right;
}
.icon-ds-a{
    padding: 10px;
    margin-right: 1px;
    color:whitesmoke;
    text-decoration: none;
}
.icon-ds-a:hover{
    color:#666666;
    text-decoration: none;
}
.conta-ds-c{
    text-align: center;
}
.conta-ds-c img{
    height: 50px;
}
.conta-ds{
    width:33%;
    text-align: right;
    color: #666666;
    text-decoration: none;
}
.conta-ds:hover{
    color:#0c53b0;
    text-decoration: none;
}
.overlay{
    background: rgba(0,0,0,0.3);
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    visibility: hidden;
}
.overlay.active{
    visibility: visible;
}
.popup{
    background: #66666662;
    box-shadow: 0px 0px 5px 0px rgba(102, 102, 102, 0.199);
    border-radius: 3px;
    font-family: sans-serif;
    padding: 20px;
    text-align: center;
    width: 500px;
}
.popup .btn-cerrar-popup{
    font-size: 16px;
    line-height: 16px;
    display: block;
    text-align: right;
    transition: .12s ease all;
}
.popup .btn-cerrar-popup:hover{
    color:whitesmoke;
}
.popup h3{
    font-size: 36px;
    font-weight: 300;
    margin-bottom: 10px;
    color: whitesmoke;
}
.txt-dds{
    padding: 50px;
    margin-left: 70px;
}
.txt-dds p{
    text-align: justify;
    margin-top: 20px;
    margin-left: 0px;
    margin-right: 120px;
    margin-bottom: 100px;
}

.txt-dds h3{
    color: #0c53b0;
}
.img-empresa{
    background-image:url(/img/Nosotros_XXL.jpg) !important;
    background-position: center;
    background-size: cover;
    height: 520px;
    width: 100vh;
}
.txt-xl p{
    padding: 0px;
    margin-top: 20px;
    text-align: center !important;
    letter-spacing: 10px;
    font-size: 14.93pt;
}

.contenedor{
    background-image:url(/img/Servicios_XXL1321.png);
    background-position: center center;
    background-size: cover;
    height: 100vh;
    width: 100vw;
    display: flex;
    justify-content: space-between;
    padding: 100px 300px;
    align-items: center;
}
.servicios-1{
    color: white;
padding: 20px 0;
width: 50%;
margin: 10px;
height: 100%;
}
.servicios-2{
    color: white;
    width: 50%;
    margin: 30px;
    height: 100%;
}
.img-dds{
    height: 600px;
    padding-top: 50px;
}
.img-dds img{
    padding-right: 0px;
    display: flex;
    height: 100%;
    width: 100%;
    align-items: center;
}
.cuadros {
    padding: 50px;
    color: white;
    display: block;
}
.cuadros h5{
    text-align: center;
}
.cuadros li{
    font-size: 9pt;
}
.cuadro {
    padding: 10px 30px;
    border: 1px solid White;
}
.txt-gest{
    padding-left: 50px;
    padding-top: 70px;
    display: inline-block;
}
.txt-gest p{
    padding-top: 5px;
    padding-left: 50px;
    color:#666666;
    font-size: 12.91pt;

}
.txt-gest h3{
    padding-left: 50px;
    color: #0c53b0;
    font-weight: 17pt;
    font-weight: bolder;
}
.txt-gest h4{
    padding-left: 50px;
    color: #0c53b0;
    font-weight: 17pt;
}
.txt-gest a{
    margin-left: 50px;
    
    background-color: #0c53b0;
    text-decoration: none;
    color: whitesmoke;
    display:inline-block;
    border: 1px solid #0c53b0;
    width: 250px;
    height: 40px;
    padding-top: 8px;
    text-align: center;
}
.txt-gest a:hover {
    background-color:whitesmoke;
    text-decoration: none;
    color: #0c53b0;
    display:inline-block;
    border: 1px solid #0c53b0;
    width: 250px;
    height: 40px;
    padding-top: 8px;
    text-align: center;
}

.txt-gest i{
    margin-left: 10px;
}
.al-txt{
    text-align: left;
    font-size: 12pt;
}
.al-txt h6{
    color: #0c53b0;
    font-size: 14pt;
}
.contacto{
    background:#152025;
    display: flex;
    align-items:flex-start;
}
.ds-contac{
    padding-top: 80px;
    padding-left: 300px;
}
.ds-contac h3{
    color: whitesmoke;
    font-size: 18pt;
}
.ds-contac p{
    color: whitesmoke;
    font-size: 13.91pt;
}
.form-contac{
    padding: 80px;
    padding-left: 300px;
    justify-items: legacy;
    
}
.form-contac h4{
    color: whitesmoke;
    font-size: 18pt;
}
#name{
    height: 40px;
    width: 248px;
}
#email{
    height: 40px;
    width: 248px;
}
.long-input{
    height: 40px;
    width: 500px;
}
#message{
    width: 500px;
}
.politica{
    background: #666666;
    color: whitesmoke;
    text-align: left;
    font-size: 14px;
    height: 40px;
    width: 300px;
    border: none;
    border-radius: 1px;
}
.politica:hover{
    background: whitesmoke;
    color: #0c53b0;
    border: none;
}
.politica_ds{
    font-size: 14px;
    display: block;
    height: 38px;
    width: 300px;
    background: #666666;
    color: whitesmoke;
    padding: 10px;
}
.politica_ds:hover{
    text-decoration: none;
    background: whitesmoke;
    color: #0c53b0;
    border: none;

}
.contactos{
    background: #152025;
}

.col-4 p{
    margin-top: 10px;
    text-align: left;
    font-size: 15px;
}
.col-5 p{
    margin-top: 10px;
    text-align: left;
    font-size: 15px;
    color: whitesmoke;
}
/* --- --- CAROUSEL --- --- */
.carousel__contenedor {
	position: relative;
}

.carousel__anterior,
.carousel__siguiente {
	position: absolute;
	display: block;
	width: 30px;
	height: 30px;
	border: none;
	top: calc(50% - 35px);
	cursor: pointer;
	line-height: 30px;
	text-align: center;
	background: none;
	color:#666666;
	opacity: 50%;
}

.carousel__anterior:hover,
.carousel__siguiente:hover {
	opacity: 100%;
}

.carousel__anterior {
	left: 30px;
}

.carousel__siguiente {
	right: 30px;
}

.carousel__lista {
	overflow: hidden;
}

.carousel__elemento {
	text-align: center;
}

.carousel__indicadores .glider-dot {
	display: block;
	width: 30px;
	height: 4px;
	background:#666666;
	opacity: .2;
	border-radius: 0;
}

.carousel__indicadores .glider-dot:hover {
	opacity: .9;
}

.carousel__indicadores .glider-dot.active {
	opacity: 1;
}
.ir-whatsapp{
    width: 60px;
    height: 60px;
    background-color:#00bb2d;
    display: flex;
    justify-content: center;
    align-items: center;
    color: whitesmoke;
    border-radius: 50%;
    font-size: 40px;
    position: fixed;
    bottom: 120px;
    right: 30px;
    cursor: pointer;
    border:4px solid transparent;
    transition: all 60ms ease;
    transform: scale(0);
    display: none;
}
.ir-whatsapp i{
    color:white;
}

.ir-whatsapp:hover i{
    transform: scale(1.1);
    font-size: 43px;
    color: white;
}

.ir-arriba{
    width: 60px;
    height: 60px;
    background-color: #0c53b0;
    display: flex;
    justify-content: center;
    align-items: center;
    color: whitesmoke;
    border-radius: 50%;
    font-size: 20px;
    position: fixed;
    bottom: 52px;
    right: 100px;
    cursor: pointer;
    border:4px solid transparent;
    transition: all 60ms ease;
    transform: scale(0);

}

.ir-arriba:hover{
    transform: scale(1.1);
    border-color: rgba(178,178,178,0.1);
}

.dds-serv{
    padding: 30px;
    color: whitesmoke;
}
.dds-serv h4{
    font-size: 15.91pt;
    
}
.dds-serv li{
    list-style:circle;
    font-size: 12px;
    color:whitesmoke;
    text-align: left;
}
.dos{
    display: flexbox;
}
.dos a{
    background-color: transparent;
    text-decoration: none;
    color: whitesmoke;
    display:inline-block;
    border: 1px solid whitesmoke;
    width: 150px;
    height: 40px;
    padding-top: 8px;
    text-align: center;
}
.dos a:hover{
    background-color:whitesmoke;
    text-decoration: none;
    color: #0c53b0;
    display:inline-block;
    border: 1px solid #0c53b0;
    width: 150px;
    height: 40px;
    padding-top: 8px;
    text-align: center;
}

.dos i{
    margin-left: 10px;
}
.overlay-ds{
    background: rgba(0,0,0,0.3);
    position:fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    display:inline-flex;
    align-items: center;
    justify-content: center;
    visibility: hidden;
    
}
.overlay-ds.active{
    visibility: visible;
}
.desp{
    background:rgba(0, 0, 0, 0.384);
    border-radius: 3px;
    color:whitesmoke;
    font-family: sans-serif;
    padding: 3px;
    display:inline-table;
    text-align:justify;
    width: 500px;
}
.desp .btn-cerrar-desp{
    font-size: 16px;
    line-height: 16px;
    display: block;
    text-align:justify;
    transition: .12s ease all;
}
.desp .btn-cerrar-desp:hover{
    color:whitesmoke;
}
.servicio-d{
    display:inline-block;
    border: 1px solid gray;

}
.footer{
    background: #152025;
    display: flex;
    padding: 0px 300px;
    height: 100px;
    width: 100vw;
}
.dds{
    margin-top:30px;
    color:white;
    width: 40%;
}
.developer{
    margin-top:30px;
    padding-left: 100px;
    width: 30%;

}
.footer .icon-ds-f{
    margin-top:30px;
    left: 0;
     width: 30%;
}
/*RESPONSIVE MEDIA*/
@media screen and (max-width: 1440px ) {
    .inicio-ds{
        position: absolute;
    }
    .nosotros{
        padding-top: 200px;
    }
    .social{
    padding-top: 50px;
    }

    .uno{
        display: flex;
        flex-flow: column nowrap;
        padding-top: 0px;
    }
    .inicio-ds{
        position: absolute;
        padding: 25px 100px;
    }
    .servicios{
        height: 100vh;
    }
    .contenedor{
        padding-top: 30px;
        padding-left: 50px;
        padding-right: 50px;
        height: 120vh;
    }
    /*BANNER CLIENTES*/
.n-clientes{
    padding-top: 0;
    height: 300px;
    margin-top: 0;
    margin-bottom: 0;
}
.n-clientes p{
    margin-top: 0;
    padding-top:0;
    font-size: 14.93pt;
}
.contenedor{
    margin-top: 100px;
}
    .servicios-1{
        padding: 0;
    }
    .empresa{
        margin-bottom: 50px;
    }
    .txt-empresa{
        padding-right: 50px;
    }
    .n-clientes{
    padding-top: 100px;
    margin-bottom: 100px;
    }
    .contacto{
        padding-right: 50px;
        padding-left: 100px;
    }
    .ds-contac{
        padding-top: 80px;
        padding-left: 0;
    }
    .form-contac{
        padding-left: 200px;
    }

    .footer{
        padding: 0 100px;
    }
}
/*RESPONSIVE MEDIA*/
@media screen and (max-width: 1024px ) {
    
    .nave a{
        padding: 20px 30px;
    }
    .logo{
        height: 70px;
    }
    .checkbtn{
        display:block;
        padding-right: 20px;
    }
    ul{
        position: fixed;
        width: 100%;
        height: 100vh;
        background: rgba(255, 255, 255, 0.411);
        top:80px;
        left: -100%;
        text-align: center;
        transition: all .4s;
    }
    nav ul li{
        display: block;
        margin: 50px 0;
        line-height: 30px;
    }

   nav ul li a:hover{
       color:#666666;
       font-weight: lighter;
   }
   .icon-ds{
       padding-top: 100px;
   }
   #check:checked ~ ul{
       left: 0;
   }
   nav ul li a{
       color: #0c53b0;
   }
    .uno h4{
        font-size: 15pt;
    }
    .uno h1{
        font-size: 17pt;
    }
    .uno p{
        font-size: 12pt;
        text-align:left;    
    }
    .fondo-a{
        height: 100%;
    }
.icon-ds{
    bottom: 20px;
}
/*NUESTROS CLIENTES*/
.n-clientes{
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}
    /*media */

    .conta-ds{
        font-size: 10pt;
    }
    /*SERVICIOS*/
    .contenedor{
        height: 100%;
        padding: 0;
        margin: 0;
    }
    .cuadro{
        font-size: 9.7pt;
    }
    .servicios-2 h5{
font-size: 14pt;
    }
    /*EMPRESA*/
.img-empresa{
    width: 50%;
}
    .txt-empresa{
        padding: 20px;
        width: 50%;
    }
    .txt-empresa p{
        font-size: 10pt;
        
    }
    .contacto{
        padding: 0;
    }
    .form-contac{
        padding-top: 30px;
        padding-left: 30px;
        padding-right: 0px;
    }
    .ds-contac{
        padding-top: 30px;
        padding-left: 100px;
    }
    /*IR ARRIBA*/
.ir-arriba{
    right: 95px;
    bottom: 25px;
    height: 50px;
    width: 50px;
}
/*IR wWHATSAPP*/
.ir-whatsapp{
    right: 15px;
    display: flex;
    height: 50px;
    width: 50px;
}
.ds-contac p{
    font-size: 13pt;
}
.contacto p{
    font-size: 10pt;
}
.footer{
    padding: 0 50px;
}
.footer p{
    font-size: 12.3px;
}
}
@media screen and (max-width: 842px) {
    /*NAVEGACION*/
    .nave{
        width: 842px;
    }
    .nave a{
        padding: 20px 30px;
    }
    .logo{
        height: 70px;
    }
    .checkbtn{
        display:block;
        padding-right: 20px;
    }
    ul{
        position: fixed;
        width: 100%;
        height: 100vh;
        background: rgba(255, 255, 255, 0.411);
        top:80px;
        left: -100%;
        text-align: center;
        transition: all .4s;
    }
    nav ul li{
        display: block;
        margin: 50px 0;
        line-height: 30px;
    }

   nav ul li a:hover{
       color:#666666;
       font-weight: lighter;
   }
   .icon-ds{
       padding-top: 100px;
   }
   #check:checked ~ ul{
       left: 0;
   }
   nav ul li a{
       color: #0c53b0;
   }
   .uno a{
    display:none;
}
.uno h4{
    font-size: 15pt;
}
.uno h1{
    font-size: 17pt;
}
.uno p{
    font-size: 12pt;
    text-align:left;
}
   /*NUESTRA EMPRESA*/
.contenedor{
    padding: 50px 30px;
}
.servicios-1{
    font-size: 10pt;
}
.servicios-2{
    font-size: 10pt;
}
.n-clientes{
    margin-top: 300px;
    margin-bottom: 0;
}
.conta-ds{
    width: 50%;
    font-size: 7pt;
}
.conta-ds-c{
    height: 20px;
}
.conta-ds-c img{
    height: 40px;
}
.cuadros{
    padding: 10px;
}
.cuadros h5{
    text-align: center;
    font-size: 12pt;
}
.cuadros li{
    font-size: 9pt;
}
.cuadro {
    padding: 10px 5px;
    border: 1px solid White;
    font-size: 8pt;
}
.txt-empresa{
    padding-top: 80px;
    margin-left: 10px;
    height: 100%;
}
.servicios-2 li{
    font-size: 9pt;

}
.txt-dds p{
    margin-left: 0px;
    margin-right: 20px;
    margin-bottom: 100px;
}
.txt-dds a {
    display: none;
}
.img-dds{
    display: none;
}
.txt-gest{
    display: none;
}
/*BANNER SERVICIOS*/

.al-txt h6{
    font-size: 11pt;
}
.al-txt li{
    font-size: 8pt;
}
/*CONTACTO*/
.ds-contac{
    padding: 20px 30px;
}
.ds-contac h3{
    font-size: 16pt;
}
.ds-contac p{
    font-size: 11.5pt;
}
.form-contac{
    width: 50%;
}
.politica{
    display:none;
}
.politica_ds{
    display: none;
}
/*FORMULARIO*/

#name {
    width: 170px;
    height: 30px;
}
#email{
    width: 170px;
    height: 30px;
}
#phone{
    width: 344px;
    height: 30px;
}
#subject{
    width: 344px;
    height: 30px;
}
#message{
    width: 344px;
    height: 100px;
}
.dos a.btn-politica{
    display: none;
}
.icon-ds-f{
 display: none;
}
/*IR ARRIBA*/
.ir-arriba{
    right: 75px;
    bottom: 25px;
    height: 50px;
    width: 50px;
}
/*IR wWHATSAPP*/
.ir-whatsapp{
    right: 15px;
    display: flex;
    height: 50px;
    width: 50px;
}
.col-5 p{
    font-size: 8pt;
}
.col-4 p{
    font-size: 10pt;
}
/*CAROUSEL*/

	.contenido-principal {
		flex-direction: column;
	}

	.contenido-principal {
		width: 100%;
	}


    .dds{
        width: 50%;
    }
    .developer{
        width: 50%;
    }
    .contactos{
        background: #152025;
    }
}
@media screen and (max-width: 812px) {
    /*NAVEGACION*/
    .nave{
        width: 812px;
    }
    .nave a{
        padding: 20px 30px;
    }
    .logo{
        height: 70px;
    }
    .checkbtn{
        display:block;
        padding-right: 20px;
    }
    ul{
        position: fixed;
        width: 100%;
        height: 100vh;
        background: rgba(255, 255, 255, 0.411);
        top:80px;
        left: -100%;
        text-align: center;
        transition: all .4s;
    }
    nav ul li{
        display: block;
        margin: 50px 0;
        line-height: 30px;
    }

   nav ul li a:hover{
       color:#666666;
       font-weight: lighter;
   }
   .icon-ds{
       padding-top: 100px;
   }
   #check:checked ~ ul{
       left: 0;
   }
   nav ul li a{
       color: #0c53b0;
   }
   .uno a{
    display:none;
}
.uno h4{
    font-size: 15pt;
}
.uno h1{
    font-size: 17pt;
}
.uno p{
    font-size: 12pt;
    text-align:left;
}
   /*NUESTRA EMPRESA*/
.contenedor{
    padding: 50px 30px;
}
.servicios-1{
    font-size: 10pt;
}
.servicios-2{
    font-size: 10pt;
}
.n-clientes{
    margin-top: 300px;
    margin-bottom: 0;
}
.conta-ds{
    width: 50%;
    font-size: 7pt;
}
.conta-ds-c{
    height: 20px;
}
.conta-ds-c img{
    height: 40px;
}
.cuadros{
    padding: 10px;
}
.cuadros h5{
    text-align: center;
    font-size: 12pt;
}
.cuadros li{
    font-size: 9pt;
}
.cuadro {
    padding: 10px 5px;
    border: 1px solid White;
    font-size: 8pt;
}
.txt-empresa{
    padding-top: 80px;
    margin-left: 10px;
    height: 100%;
}
.servicios-2 li{
    font-size: 9pt;

}
.txt-dds p{
    margin-left: 0px;
    margin-right: 20px;
    margin-bottom: 100px;
}
.txt-dds a {
    display: none;
}
.img-dds{
    display: none;
}
.txt-gest{
    display: none;
}
/*BANNER SERVICIOS*/

.al-txt h6{
    font-size: 11pt;
}
.al-txt li{
    font-size: 8pt;
}
/*CONTACTO*/
.ds-contac{
    padding: 20px 30px;
}
.ds-contac h3{
    font-size: 16pt;
}
.ds-contac p{
    font-size: 11.5pt;
}
.form-contac{
    width: 50%;
}
.politica{
    display:none;
}
.politica_ds{
    display: none;
}
/*FORMULARIO*/

#name {
    width: 170px;
    height: 30px;
}
#email{
    width: 170px;
    height: 30px;
}
#phone{
    width: 344px;
    height: 30px;
}
#subject{
    width: 344px;
    height: 30px;
}
#message{
    width: 344px;
    height: 100px;
}
.dos a.btn-politica{
    display: none;
}
.icon-ds-f{
 display: none;
}
/*IR ARRIBA*/
.ir-arriba{
    right: 75px;
    bottom: 25px;
    height: 50px;
    width: 50px;
}
.ir-whatsapp{
    display: flex;
    height: 50px;
    width: 50px;
    right: 25px;
    bottom: 100px;
}
.ir-whatsapp i{
    font-size: 35px;
}
.col-5 p{
    font-size: 8pt;
}
.col-4 p{
    font-size: 10pt;
}
/*CAROUSEL*/

	.contenido-principal {
		flex-direction: column;
	}

	.contenido-principal {
		width: 100%;
	}


    .dds{
        width: 50%;
    }
    .developer{
        width: 50%;
    }
    .contactos{
        background: #152025;
    }
}
/*RESPONSIVE TABLETA*/
@media screen and (max-width: 768px) {
    /*NAVEGACION*/
    .nave{
        width: 768px;
    }
    .nave a{
        padding: 20px 30px;
    }
    .logo{
        height: 70px;
    }
    .checkbtn{
        display:block;
        padding-right: 20px;
    }
    ul{
        position: fixed;
        width: 100%;
        height: 100vh;
        background: rgba(255, 255, 255, 0.411);
        top:80px;
        left: -100%;
        text-align: center;
        transition: all .4s;
    }
    nav ul li{
        display: block;
        margin: 50px 0;
        line-height: 30px;
    }

   nav ul li a:hover{
       color:#666666;
       font-weight: lighter;
   }
   .icon-ds{
       padding-top: 100px;
   }
   #check:checked ~ ul{
       left: 0;
   }
   nav ul li a{
       color: #0c53b0;
   }
   .uno a{
    display:none;
}
.uno h4{
    font-size: 15pt;
}
.uno h1{
    font-size: 17pt;
}
.uno p{
    font-size: 12pt;
    text-align:left;
}

/*BANNER CLIENTES*/
.n-clientes{
    height: 200px;
    margin-top: 50px;
    margin-bottom: 100px;
}
.n-clientes p{
    font-size: 12pt;
}
   /*NUESTRA EMPRESA*/
.contenedor{
    padding: 50px 30px;
}
.servicios-1{
    font-size: 10pt;
}
.servicios-2{
    font-size: 10pt;
}
.conta-ds{
    width: 50%;
    font-size: 7pt;
}
.conta-ds-c{
    height: 20px;
}
.conta-ds-c img{
    height: 40px;
}
.cuadros{
    padding: 10px;
}
.cuadros h5{
    text-align: center;
    font-size: 12pt;
}
.cuadros li{
    font-size: 9pt;
}
.cuadro {
    padding: 10px 5px;
    border: 1px solid White;
    font-size: 8pt;
}
.txt-empresa{
    padding-top: 80px;
    margin-left: 10px;
    height: 100%;
}
.servicios-2 li{
    font-size: 9pt;

}
.txt-dds p{
    margin-left: 0px;
    margin-right: 20px;
    margin-bottom: 100px;
}
.txt-dds a {
    display: none;
}
.img-dds{
    display: none;
}
.txt-gest{
    display: none;
}
/*BANNER SERVICIOS*/

.al-txt h6{
    font-size: 11pt;
}
.al-txt li{
    font-size: 8pt;
}
/*CONTACTO*/
.ds-contac{
    padding: 20px 30px;
}
.ds-contac h3{
    font-size: 16pt;
}
.ds-contac p{
    font-size: 11.5pt;
}
.form-contac{
    width: 50%;
}
.politica{
    display:none;
}
.politica_ds{
    display: none;
}
/*FORMULARIO*/

#name {
    width: 170px;
    height: 30px;
}
#email{
    width: 170px;
    height: 30px;
}
#phone{
    width: 344px;
    height: 30px;
}
#subject{
    width: 344px;
    height: 30px;
}
#message{
    width: 344px;
    height: 100px;
}
.dos a.btn-politica{
    display: none;
}
.icon-ds-f{
 display: none;
}
/*IR ARRIBA*/
.ir-arriba{
    right: 95px;
    bottom: 25px;
    height: 50px;
    width: 50px;
}
/*IR wWHATSAPP*/
.ir-whatsapp{
    right: 15px;
    display: flex;
    height: 50px;
    width: 50px;
}
.col-5 p{
    font-size: 8pt;
}
.col-4 p{
    font-size: 10pt;
}
/*CAROUSEL*/

	.contenido-principal {
		flex-direction: column;
	}

	.contenido-principal {
		width: 100%;
	}


    .dds{
        width: 50%;
    }
    .developer{
        width: 50%;
    }
}
@media screen and (max-width: 736px) {
    /*NAVEGACION*/
    .nave{
        width: 736px;
    }
    .nave a{
        padding: 20px 30px;
    }
    .uno{
        padding: 0;
        left: 0;
    }
    .logo{
        height: 70px;
    }.carousel__siguiente{
        display: none;
    }
    .checkbtn{
        display:block;
        padding-right: 20px;
    }
    ul{
        position: fixed;
        width: 100%;
        height: 100vh;
        background: rgba(255, 255, 255, 0.411);
        top:80px;
        left: -100%;
        text-align: center;
        transition: all .4s;
    }
    nav ul li{
        display: block;
        margin: 50px 0;
        line-height: 30px;
    }

   nav ul li a:hover{
       color:#666666;
       font-weight: lighter;
   }
   .icon-ds{
       padding-top: 100px;
   }
   #check:checked ~ ul{
       left: 0;
   }
   nav ul li a{
       color: #0c53b0;
   }
   .uno a{
    display:none;
}
.uno h4{
    font-size: 15pt;
}
.uno h1{
    font-size: 17pt;
}
.uno p{
    font-size: 12pt;
    text-align:left;
}
   /*NUESTRA EMPRESA*/
.contenedor{
    padding: 50px 30px;
}
.servicios-1{
    font-size: 10pt;
}
.servicios-2{
    font-size: 10pt;
}
.conta-ds{
    width: 50%;
    font-size: 7pt;
}
.conta-ds-c{
    height: 20px;
}
.conta-ds-c img{
    height: 40px;
}
.cuadros{
    padding: 10px;
}
.cuadros h5{
    text-align: center;
    font-size: 12pt;
}
.cuadros li{
    font-size: 9pt;
}
.cuadro {
    padding: 10px 5px;
    border: 1px solid White;
    font-size: 8pt;
}
.txt-empresa{
    padding-top: 80px;
    margin-left: 10px;
    height: 100%;
}
.txt-empresa a{
    width:  100px;
}
.servicios-2 li{
    font-size: 9pt;

}
.txt-dds p{
    margin-left: 0px;
    margin-right: 20px;
    margin-bottom: 100px;
}
.txt-dds a {
    display: none;
}
.img-dds{
    display: none;
}
.txt-gest{
    display: none;
}
/*BANNER CLIENTES*/

.n-clientes{
    display: flex;
    height: 150px;
    width: 100vw;
    margin-top: 300px;
   bottom: 50px;
}
.procesos{
    display: none;
}
/*BANNER SERVICIOS*/

.al-txt h6{
    font-size: 11pt;
}
.al-txt li{
    font-size: 8pt;
}
/*CONTACTO*/
.ds-contac{
    padding: 20px 30px;
}
.ds-contac h3{
    font-size: 16pt;
}
.ds-contac p{
    font-size: 9pt;
}
.form-contac{
    width: 50%;
}
.politica{
    display:none;
}
.politica_ds{
    display: none;
}
/*FORMULARIO*/

#name {
    width: 140px;
    height: 30px;
}
#email{
    width: 140px;
    height: 30px;
}
#phone{
    width: 284px;
    height: 30px;
}
#subject{
    width: 284px;
    height: 30px;
}
#message{
    width: 284px;
    height: 100px;
}
.dos a.btn-politica{
    display: none;
}
.icon-ds-f{
 display: none;
}
/*IR ARRIBA*/
.ir-arriba{
    right: 95px;
    bottom: 25px;
    height: 50px;
    width: 50px;
}
/*IR wWHATSAPP*/
.ir-whatsapp{
    display: flex;

    height: 50px;
    width: 50px;
}
.ir-whatsapp i{
    font-size: 35px;
}

.col-5 p{
    font-size: 8pt;
}
.col-4 p{
    font-size: 10pt;
}
.dds p{
    font-size: 9pt;
}
/*CAROUSEL*/

	.contenido-principal {
		flex-direction: column;
	}

	.contenido-principal {
		width: 100%;
	}


    .dds{
        width: 50%;
    }
    .developer{
        width: 50%;
    }
}
@media screen and (max-width: 731px) {
    /*NAVEGACION*/
    .nave{
        width: 731px;
    }
    .nave a{
        padding: 20px 30px;
    }
    .uno{
        padding: 0;
        left: 0;
    }
    .logo{
        height: 70px;
    }.carousel__siguiente{
        display: none;
    }
    .checkbtn{
        display:block;
        padding-right: 20px;
    }
    ul{
        position: fixed;
        width: 100%;
        height: 100vh;
        background: rgba(255, 255, 255, 0.411);
        top:80px;
        left: -100%;
        text-align: center;
        transition: all .4s;
    }
    nav ul li{
        display: block;
        margin: 50px 0;
        line-height: 30px;
    }

   nav ul li a:hover{
       color:#666666;
       font-weight: lighter;
   }
   .icon-ds{
       padding-top: 100px;
   }
   #check:checked ~ ul{
       left: 0;
   }
   nav ul li a{
       color: #0c53b0;
   }
   .uno a{
    display:none;
}
.uno h4{
    font-size: 15pt;
}
.uno h1{
    font-size: 17pt;
}
.uno p{
    font-size: 12pt;
    text-align:left;
}
   /*NUESTRA EMPRESA*/
.contenedor{
    padding: 50px 30px;
}
.servicios-1{
    font-size: 10pt;
}
.servicios-2{
    font-size: 10pt;
}
.conta-ds{
    display:none;
}
.conta-ds-c{
    height: 20px;
}
.conta-ds-c img{
    height: 40px;
}
.cuadros{
    padding: 10px;
}
.cuadros h5{
    text-align: center;
    font-size: 12pt;
}
.cuadros li{
    font-size: 9pt;
}
.cuadro {
    padding: 10px 5px;
    border: 1px solid White;
    font-size: 8pt;
}
.txt-empresa{
    padding-top: 80px;
    margin-left: 10px;
    height: 100%;
}
.txt-empresa a{
    width:  100px;
}
.servicios-2 li{
    font-size: 9pt;

}
.txt-dds p{
    margin-left: 0px;
    margin-right: 20px;
    margin-bottom: 100px;
}
.txt-dds a {
    display: none;
}
.img-dds{
    display: none;
}
.txt-gest{
    display: none;
}
/*BANNER CLIENTES*/

.n-clientes{
    display: flex;
    height: 150px;
    width: 100vw;
    margin-top: 300px;
   bottom: 50px;
}
.procesos{
    display: none;
}
/*BANNER SERVICIOS*/

.al-txt h6{
    font-size: 11pt;
}
.al-txt li{
    font-size: 8pt;
}
/*CONTACTO*/
.ds-contac{
    padding: 20px 30px;
}
.ds-contac h3{
    font-size: 16pt;
}
.ds-contac p{
    font-size: 9pt;
}
.form-contac{
    width: 50%;
}
.politica{
    display:none;
}
.politica_ds{
    display: none;
}
/*FORMULARIO*/

#name {
    width: 140px;
    height: 30px;
}
#email{
    width: 140px;
    height: 30px;
}
#phone{
    width: 284px;
    height: 30px;
}
#subject{
    width: 284px;
    height: 30px;
}
#message{
    width: 284px;
    height: 100px;
}
.dos a.btn-politica{
    display: none;
}
.icon-ds-f{
 display: none;
}
/*IR ARRIBA*/
.ir-arriba{
    right: 95px;
    bottom: 25px;
    height: 50px;
    width: 50px;
}
/*IR wWHATSAPP*/
.ir-whatsapp{
    display: flex;

    height: 50px;
    width: 50px;
}
.ir-whatsapp i{
    font-size: 35px;
}

.col-5 p{
    font-size: 8pt;
}
.col-4 p{
    font-size: 10pt;
}
.dds p{
    font-size: 9pt;
}
/*CAROUSEL*/

	.contenido-principal {
		flex-direction: column;
	}

	.contenido-principal {
		width: 100%;
	}


    .dds{
        width: 50%;
    }
    .developer{
        width: 50%;
    }
}
/*RESPONSIVE CELULAR*/
@media screen and (max-width: 640px) {
    /*NAVEGACION*/
    .nave{
        width: 640px;
    }
    .nave a{
        padding: 20px 30px;
    }
    .logo{
        height: 70px;
    }.carousel__siguiente{
        display: none;
    }
    .checkbtn{
        display:block;
        padding-right: 20px;
    }
    ul{
        position: fixed;
        width: 100%;
        height: 100vh;
        background: rgba(255, 255, 255, 0.411);
        top:80px;
        left: -100%;
        text-align: center;
        transition: all .4s;
    }
    nav ul li{
        display: block;
        margin: 50px 0;
        line-height: 30px;
    }

   nav ul li a:hover{
       color:#666666;
       font-weight: lighter;
   }
   .icon-ds{
       padding-top: 100px;
   }
   #check:checked ~ ul{
       left: 0;
   }
   nav ul li a{
       color: #0c53b0;
   }
   .uno a{
    display:none;
}
.uno h4{
    font-size: 15pt;
}
.uno h1{
    font-size: 17pt;
}
.uno p{
    font-size: 12pt;
    text-align:left;
}
   /*NUESTRA EMPRESA*/
.contenedor{
    padding: 50px 30px;
}
.servicios-1{
    font-size: 10pt;
}
.servicios-2{
    font-size: 10pt;
}
.conta-ds{
    width: 50%;
    font-size: 7pt;
}
.conta-ds-c{
    height: 20px;
}
.conta-ds-c img{
    height: 40px;
}
.cuadros{
    padding: 10px;
}
.cuadros h5{
    text-align: center;
    font-size: 12pt;
}
.cuadros li{
    font-size: 9pt;
}
.cuadro {
    padding: 10px 5px;
    border: 1px solid White;
    font-size: 8pt;
}
.txt-empresa{
    padding-top: 80px;
    margin-left: 10px;
    height: 100%;
}
.txt-empresa a{
    width:  100px;
}
.servicios-2 li{
    font-size: 9pt;

}
.txt-dds p{
    margin-left: 0px;
    margin-right: 20px;
    margin-bottom: 100px;
}
.txt-dds a {
    display: none;
}
.img-dds{
    display: none;
}
.txt-gest{
    display: none;
}
/*BANNER SERVICIOS*/

.al-txt h6{
    font-size: 11pt;
}
.al-txt li{
    font-size: 8pt;
}
/*CONTACTO*/
.ds-contac{
    padding: 20px 30px;
}
.ds-contac h3{
    font-size: 16pt;
}
.ds-contac p{
    font-size: 9pt;
}
.form-contac{
    width: 50%;
}
.politica{
    display:none;
}
.politica_ds{
    display: none;
}
/*FORMULARIO*/

#name {
    width: 140px;
    height: 30px;
}
#email{
    width: 140px;
    height: 30px;
}
#phone{
    width: 284px;
    height: 30px;
}
#subject{
    width: 284px;
    height: 30px;
}
#message{
    width: 284px;
    height: 100px;
}
.dos a.btn-politica{
    display: none;
}
.icon-ds-f{
 display: none;
}
/*IR ARRIBA*/
.ir-arriba{
    right: 95px;
    bottom: 55px;
    height: 50px;
    width: 50px;
}
/*IR wWHATSAPP*/
.ir-whatsapp{
    display: flex;
    height: 50px;
    width: 50px;
}
.ir-whatsapp i{
    font-size: 35px;
}

.col-5 p{
    font-size: 8pt;
}
.col-4 p{
    font-size: 10pt;
}
/*CAROUSEL*/

	.contenido-principal {
		flex-direction: column;
	}

	.contenido-principal {
		width: 100%;
	}


    .dds{
        width: 50%;
    }
    .developer{
        width: 50%;
    }
}
@media screen and (max-width: 568px) {
    .nave{
        width: 568px;
    }
    
    .conta-ds{
        display: none;
    }
    .conta-ds-c{
        display: none;
    }
    .img-empresa{
        display: none;
    }
    .txt-empresa{
        width: 100%;
    }
    .empresa{
        height: 350px;
    }
    .img-empresa{
        display: none;
    }
    .txt-empresa{
        width: 100%;
        padding-top: 0;
    }
    .n-clientes{
        height: 200px;
        margin-top: 0;
        margin-bottom: 100px;
    }
    .servicios-1{
        display: none;
    }
    .servicios-2{
        width: 100%;
    }
    .carousel__siguiente{
        display: none;
    }
    .al-txt{
        display: none;
    }
    .ds-contac{
        display: none;
    }
    .form-contac{
        width: 100%;
        padding-left: 25px;
    }
    #name{
        width: 178px;
    }
    #email{
        width: 178px;
    }
    #phone{
        width: 360px;
    }
    #subject{
        width: 360px;
    }
    #message{
        width: 360px;
    }
    .col-5{
        display: none;
    }
    .footer{
        flex-flow: column nowrap;
        height: 150px;
    }
    .dds{
        width: 100%;
    }
    .developer{
        width: 100%;
        padding: 0;
    }
    /*IR ARRIBA*/
.ir-arriba{
    right: 90px;
    bottom: 25px;
    height: 50px;
    width: 50px;
}
.ir-whatsapp{
    display: flex;
    height: 50px;
    width: 50px;
    right: 15px;
    bottom: 100px;
}
.ir-whatsapp i{
    font-size: 35px;
}
}
@media screen and (max-width: 480px) {
    .nave{
        width: 480px;
    }
    
    .conta-ds{
        display: none;
    }
    .conta-ds-c{
        display: none;
    }
    .img-empresa{
        display: none;
    }
    .txt-empresa{
        width: 100%;
    }
    .empresa{
        height: 350px;
    }
    .img-empresa{
        display: none;
    }
    .txt-empresa{
        width: 100%;
        padding-top: 0;
    }
    .n-clientes{
        height: 200px;
        margin-top: 0;
        margin-bottom: 100px;
    }
    .servicios-1{
        display: none;
    }
    .servicios-2{
        width: 100%;
    }
    .carousel__siguiente{
        display: none;
    }
    .al-txt{
        display: none;
    }
    .ds-contac{
        display: none;
    }
    .form-contac{
        width: 100%;
        padding-left: 25px;
    }
    #name{
        width: 178px;
    }
    #email{
        width: 178px;
    }
    #phone{
        width: 360px;
    }
    #subject{
        width: 360px;
    }
    #message{
        width: 360px;
    }
    .col-5{
        display: none;
    }
    .footer{
        flex-flow: column nowrap;
        height: 150px;
    }
    .dds{
        width: 100%;
    }
    .developer{
        width: 100%;
        padding: 0;
    }
    /*IR ARRIBA*/
.ir-arriba{
    right: 90px;
    bottom: 25px;
    height: 50px;
    width: 50px;
}
.ir-whatsapp{
    display: flex;
    height: 50px;
    width: 50px;
    right: 15px;
    bottom: 100px;
}
.ir-whatsapp i{
    font-size: 35px;
}
}
@media screen and (max-width: 425px) {
    .nave{
        width: 425px;
    }
    
    .conta-ds{
        display: none;
    }
    .conta-ds-c{
        display: none;
    }
    .img-empresa{
        display: none;
    }
    .txt-empresa{
        width: 100%;
    }
    .empresa{
        height: 350px;
    }
    .img-empresa{
        display: none;
    }
    .txt-empresa{
        width: 100%;
        padding-top: 0;
    }
    .n-clientes{
        height: 200px;
        margin-top: 0;
        margin-bottom: 100px;
    }
    .servicios-1{
        display: none;
    }
    .servicios-2{
        width: 100%;
    }
    .carousel__siguiente{
        display: none;
    }
    .al-txt{
        display: none;
    }
    .contacto{
            display: flex;
            width: 100%;
            height: 900px;
            flex-flow: column;
    
        }
        .ds-contac{
            display:flex;
            flex-flow:column;
            width: 100%;
        }
        .form-contac{
            display:flex;
            flex-flow:column;
            width: 100%;
        }
    #name{
        width: 178px;
    }
    #email{
        width: 178px;
    }
    #phone{
        width: 360px;
    }
    #subject{
        width: 360px;
    }
    #message{
        width: 360px;
    }
    .col-5{
        display: none;
    }
    .footer{
        flex-flow: column nowrap;
        height: 150px;
    }
    .dds{
        width: 100%;
    }
    .developer{
        width: 100%;
        padding: 0;
    }
    /*IR ARRIBA*/
.ir-arriba{
    right: 90px;
    bottom: 25px;
    height: 50px;
    width: 50px;
}
.ir-whatsapp{
    display: flex;
    height: 50px;
    width: 50px;
    right: 15px;
    bottom: 100px;
}
.ir-whatsapp i{
    font-size: 35px;
}
}
@media screen and (max-width: 375px) {
    .nave {
        width: 375px;
    }
    .conta-ds-c{
        display: none;
    }
    .empresa{
        height: 350px;
    }
    .img-empresa{
        display: none;
    }
    .txt-empresa{
        width: 100%;
        padding-top: 0;
    }
    .n-clientes{
        height: 200px;
        margin-top: 0;
        margin-bottom: 100px;
    }
    .n-clientes p{
        font-size: 12pt;
    }
    .contenedor{
        padding: 0;
    }
    .servicios-1{
        display: none;
    }
    .servicios-2{
        width: 100%;
    }
    .empresa a{
        width: 100px;
    }
    .carousel__siguiente{
        display: none;
    }
    .al-txt{
        display: none;
    }
    .contacto{
        display: flex;
        width: 100%;
        height: 900px;
        flex-flow: column;

    }
    .ds-contac{
        display:flex;
        flex-flow:column;
        width: 100%;
    }
    .form-contac{
        display:flex;
        flex-flow:column;
        width: 100%;
    }
    #name{
        width: 160px;
    }
    #email{
        width: 160px;
    }
    #phone{
        width: 322px;
    }
    #subject{
        width: 322px;
    }
    #message{
        width: 322px;
    }
.contactos{
    background: #152025;
}
    .col-5{
        display: none;
    }
    .footer{
        flex-flow: column nowrap;
        height: 150px;
    }
    .dds{
        width: 100%;
    }
    .developer{
        width: 100%;
        padding: 0;
    }
    /*IR ARRIBA*/
.ir-arriba{
    right: 75px;
    bottom: 25px;
    height: 50px;
    width: 50px;
}
.ir-whatsapp{
    display: flex;
    height: 50px;
    width: 50px;
    right: 15px;
    bottom: 85px;
}
.ir-whatsapp i{
    font-size: 35px;
}
}
@media screen and (max-width:320px) {
    /*NAVEGACION*/
    .nave {
        width: 320px;
    }
    .nave a{
        padding: 20px 30px;
    }
    .logo{
        height: 70px;
    }
    .checkbtn{
        display:block;
        padding-right: 5px;
    }
    ul{
        position: fixed;
        width: 100%;
        height: 100vh;
        background: rgba(255, 255, 255, 0.411);
        top:80px;
        left: -100%;
        text-align: center;
        transition: all .4s;
    }
    nav ul li{
        display: block;
        margin: 50px 0;
        line-height: 30px;
    }

   nav ul li a:hover{
       color:#666666;
       font-weight: lighter;
   }
   .icon-ds{
       padding-top: 100px;
   }
   #check:checked ~ ul{
       left: 0;
   }
   nav ul li a{
       color: #0c53b0;
   }
   .conta-ds{
       display: none;
   }
   .conta-ds-c{
       display: none;
   }
   .nosotros{
       padding-top: 150px;
   }
   .uno h4{
       font-size: 13pt;
   }
   .uno h1{
       font-size: 15pt;
   }
   .uno p{
       font-size: 10pt;
       text-align:left;
   }
   .cotiza{
       display: flex;
       padding-top: 5px;
       width: 260px;
   }
   .cotiza i{
    display: flex;
    padding-top: 5px;
}
.n-clientes{
    padding-top:50px;
}
   .txt-xl p{
       font-size: 10pt;
   }
   .center img{
    height: 120px;
    width: 120px;
   }

   .col.icon-ds a i{
       color:#0c53b0;
       justify-content: center;
   }
   .col.bg-dds{
       display: none;
   }
   .contenedor{
       height: 100%;
       padding: 0;
   }
   .navegacion .logo{
    height: 70px;
    }
   .servicios-1{
       width: 100%;
       font-size: 8pt;
   }
   .servicios-2{
       display: none;
   }
   .form-contac{
       width: 100%;
   }
   .cuadros{
       position: relative;
       display: flex;
       flex-flow: column nowrap;
       height: 100%;
       width: 100%;
   }
   .col-6.cuadros{
       display: flex;
       flex-flow: column nowrap;
       height: 100%;
       width: 100%;

   }
   .col-6.dds-serv{
       display: none;
   }

   .col-6.ds-contac{
       display: none;
   }
   .empresa .txt-empresa a{
       width:100px ;
       padding-bottom: 0;
   }

    /*FORMULARIO*/
.form-contac{
    padding: 10px 15px;
}
    #name {
        width: 140px;
        height: 30px;
    }
    #email{
        width: 140px;
        height: 30px;
    }
    #phone{
        width: 282px;
        height: 30px;
    }
    #subject{
        width: 282px;
        height: 30px;
    }
    #message{
        width: 282px;
        height: 100px;
    }
    /*IR ARRIBA*/
    .ir-arriba{
        right: 80px;
        bottom: 25px;
        height: 50px;
        width: 50px;
    }
    .procesos{
        display: none;
    }
    .n-clientes{
        margin-bottom: 0;
    }
    /*IR ARRIBA*/
    .ir-arriba{
        right: 70px;
        bottom: 25px;
        height: 50px;
        width: 50px;
    }
    .ir-whatsapp{
        display: flex;
        height: 50px;
        width: 50px;
        right: 15px;
        bottom: 80px;
    }
    .ir-whatsapp i{
        font-size: 35px;
    }
}