@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
/* font-family: "Nunito", sans-serif; */
/* font-family: "Roboto", sans-serif; */

body { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#003b7a+7,ffffff+7 */
    background: linear-gradient(to bottom,  rgba(0,59,122,1) 5%,rgba(255,255,255,1) 5%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    font-family: "Roboto", sans-serif !important; color: #293043;}
p { font-size: 17px;}
  
/*  H  E  A  D  E  R  */
.rd-navbar-main-outer,
.rd-navbar-corporate { 
    background-color: #003b7a;} 

.rd-navbar-fixed .rd-navbar-panel,
.rd-navbar-corporate.rd-navbar-fixed .rd-navbar-panel  { box-shadow: none;}

.rd-navbar-static.rd-navbar--is-stuck.rd-navbar-corporate,
.rd-navbar-wrap nav { border-bottom: none;}

.rd-navbar-static.rd-navbar--is-stuck, .rd-navbar-static.rd-navbar--is-clone { box-shadow: none;}

.rd-navbar-corporate.rd-navbar-fixed .rd-navbar-collapse  { background-color: #003165; box-shadow: none;}

.usaLogin { width: 25px; margin-right: 20px;}

.botonNav { background-color: #2694cf; padding: 9px 30px !important;font-size: 14px; font-weight: 300; margin-right: 30px;}

.rd-navbar-fixed .rd-navbar-brand img { padding: 4px;}

.rd-navbar-collapse {display: flex; align-items: baseline;}


/*  W  E  L  C  O  M  E  */
.rd-navbar-corporate.rd-navbar-fixed .rd-navbar-panel { background-color: #003b7a;}

.fondoWelcome { background-color: #003b7a;}

.onda1 { 
    fill: rgba(0, 59, 122, 0.05);
	animation: wave1 15s ease-in-out infinite;}
.onda2 {
    fill: rgba(16, 65, 149, 0.05);
	animation: wave1 15s ease-in-out infinite;}
.onda3 {
    fill: rgba(22, 67, 160, 0.05);
	animation: wave1 15s ease-in-out infinite;}

.welcome h6 {
    color: #ff32a1;
    text-transform: uppercase;
    font-size: 42px; 
    font-family: "Nunito", sans-serif;
    font-weight: 900;}
.welcome h1 { margin-top: 0; font-family: "Nunito", sans-serif; padding: 30px; line-height: 1.2;}

.imagen01 { width: 50%;}



/* E  L  E  L  G  I  R  N  O  S */
.elegirnos { padding: 50px 0 !important;}

.elegirnos h6 {color: #ff32a1;}
.elegirnos h2 {font-size: 27px; margin-top: 10px; font-family: "Nunito", sans-serif;}
.elegirnos p {font-size: 17px; padding: 0 100px;}

.botonContactanos { background: #2694cf;}


/*  S  E  R  V  I  C  I  O  S  */
.servicios { padding: 50px 0 !important;}

.servicios h6 { 
    text-align: center;
    color: #293043; font-family: "Nunito",sans-serif;
    text-transform: uppercase;
    font-size: 30px;
    font-weight: 900;
    padding-bottom: 50px;
}

.servicios h2 { font-family: "Nunito", sans-serif; font-size: 24px; font-weight: 900;}

.onboarding .row { padding: 0 0 80px;}
.offboarding .row,
.almacenaje .row,
.app .containerApp { 
    align-items: center; padding: 80px 0;}

.almacenaje{ background: #f3f3f6 !important;}    

.serviciosTextoL { margin: 0; padding-left: 80px; padding-right: 75px;}
.serviciosTextoR { padding-right: 135px;}

.imagen02 { width: 50%;}
.imagen03 { width: 85%;}
.imagen04 { width: 80%;}
.imagen05 { width: 85%;}

.app h2,
.almacenaje h2 { 
    font-family: "Nunito", sans-serif;
    font-size: 24px;
    font-weight: 900;}

.app .serviciosImg,
.offboarding .serviciosImg { text-align: center !important;}


/* A  L  M  C  E  N  A  J  E  */
.serviciosTexto .almacenajeImg { text-align: left;}

.app .containerApp .row { align-items: center;}


/*  D  E  S  T  A  C  A  D  O  S  */
.destacados {  text-align: center; padding: 60px 0;}

.destacados h4 { font-family: "Nunito", sans-serif; color: #fff; font-size: 40px; font-weight: 900;}

.bg-gradient-primary { background: linear-gradient(270deg, #2694cf 0%, #5020ae 100.44%);}

.destacados .post-corporate-text { padding: 0px 10px;}


/* P  R  S  E  N  C  I  A    G  L  O  B  A  L */
.presenciaGlobal { background-color: #0d0e4f; padding: 90px 0;}

.presenciaGlobal h6 {
    color: #fff;
    font-family: "Nunito",sans-serif;
    text-transform: uppercase;
    font-size: 30px;
    font-weight: 900;}

.presenciaGlobal p { width: 55%; margin: auto; padding-top: 20px;}

.presenciaGlobal .banderitas { color: #fff; font-weight: 500;}

.banderas { width: 100px;}

/* S  O  B  R  E    N  O  S  O  T  R  O  S */
#sobreNosotros { margin-bottom: 50px !important;}

.imagen06 { width: 60%; text-align: center;}

#sobreNosotros .text-left { text-align: center !important;}

#sobreNosotros h2 { font-family: "Nunito", sans-serif;
                    font-size: 30px;
                    color: #2694cf;
                    text-transform: uppercase; font-weight: 900;
                    text-align: center; padding: 60px;}

#sobreNosotros .sobreNosotros span {color: #2694cf;}

#sobreNosotros .sobreNosotros { padding-right: 150px;}

#sobreNosotros .row { padding: 0; margin-top: 0;}


/* C  O  N  T  A  C  T  A  N  O  S */
#contacts { background-color: #e7f1f6; margin: 0; padding: 60px 0;}


@media (min-width: 1200px) {
    .section-md {
        padding: 80px 0;
    }
}
.contactanos { padding: 70px 0;}

#contacts img { width: 50px; max-width: none;}

.contactanosAhora .contactanosIconos { display: flex; align-items: center; margin-bottom: 50px;}

#contacts h6 {
    font-family: "Nunito", sans-serif;
    color: #2694cf;
    text-transform: uppercase;
    font-weight: 900;
    font-size: 30px;
    margin-bottom: 40px;
}

#contacts h2 { 
    font-family: "Nunito", sans-serif; 
    color: #ff3d90;
    font-weight: 700;
    font-size: 20px;
}

.contactanosTexto { padding: 0 50px; text-align: left;}

#contacts p { margin-top: 5px;}

#contacts h3 {font-family: "Nunito", sans-serif; 
    color: #ff3d90;
    font-weight: 400;
    font-size: 25px;
    text-align: center;
    font-weight: 700;
}

.contactoNombre, .contactoMail, .contactoMensaje { background-color: #f3f3f6;}

.botonEnviar { background-color: #2694cf; padding: 9px 30px;}

.formulario .rd-form { background-color: transparent; box-shadow: none;}

.formulario label { font-weight: 400;}

#contacts textarea { height: 200px;}

#contacts .row { margin-top: 0;}

.formulario form { padding-top: 0;}


/* F  O  O  T  E  R */
.footer-corporate { 
    background: linear-gradient(270deg, #157bb2 0%, #204d93 100.44%); color: #fff;}

.footer1 { padding: 20px 105px 0 90px;}

.footer2 { padding: 20px 105px 20px 90px; justify-content: space-between; align-items: center;}

.rights { display: flex; align-items: center;}


/* L  U  P S */
.lupe { margin-left: auto; display: flex; align-items: center;}

.lupe svg { color:#ff3d90; fill:#ff3d90; height:16px; padding-left: 5px;}

.lupe strong { font-weight:900; text-transform:uppercase; margin-left: 4px;}


/* C  E  L  U  L  A  R  E  S */ 
@media (min-width: 992px) {
        #welcome { display: flex; text-align: left;}
        .welcome { padding-top: 10px !important;}

        .welcome h6 { padding: 0 80px 0 0; line-height: 1.2;}

        .welcome h1 {font-size: 28px; padding: 0 80px 0 0; line-height: 1.2;}

        .textoWelcome { margin-top: 100px;}

        .imagen01 { width: 35%;}

    }
    @media (max-width: 1199px) {
        #contacts .container h6 {text-align: center;}
		.welcome h6{font-size: 34px;}
		.welcome h1{font-size: 22px;}

    }
   

    @media (max-width: 991px) {
        .rd-navbar-fixed .rd-navbar-collapse { top: 18px;}

        .rd-navbar-fixed .rd-navbar-brand img { width: 80%;}

        .welcome h6 { line-height: 1.2em;}

        .welcome .container {max-width: 90% !important;}

        .elegirnos { padding-bottom: 10px !important;}

        .elegirnos p { padding: 0 70px;}

        .serviciosTextoR { padding-right: 90px; padding: 0 80px;}
        .serviciosTextoL { padding-right: 25px; padding: 0 80px;}

        .imagen02 { width: 40%; padding-top: 30px;}
        .imagen03 { width: 60%; padding-top: 30px;}
        .imagen04 { width: 60%; padding-top: 30px;}
        .imagen05 { width: 60%; padding-top: 30px;}

        .onboarding .row { padding: 0;}

        .ordenImg { order: 1;}
        .serviciosTextoR { order: 0;}

        .almacenajeImg { text-align: center;}

        #sobreNosotros { width: 80%; margin: auto; padding: 30px 0 0;}

        #sobreNosotros h2 { padding: 20px;}

        #sobreNosotros .sobreNosotros { padding: 0;}

        .presenciaGlobal p { width: 70%;}

        #contacts .container { text-align: center;}
        
        form h3 { margin-bottom: 20px;}

        .imagen06 { margin: 30px; }

        .formulario .rd-form { text-align: center;}

        .footer2 { padding: 20px 90px;}

        #ui-to-top { bottom: 50px;}
    }

    @media (max-width: 768px) {
        .welcome h1 { font-size: 22px; padding: 20px;}
        .imagen01 { width: 60%;}
        .elegirnos p { padding: 0 50px;}
        .servicios h6 { padding-bottom: 20px; padding: 40px 0 15px;}
        .app .containerApp { padding: 30px 0;}
        .banderitas { width: 80% !important;}
        .footer2 { padding: 20px 30px;}
    }
    
     @media (max-width: 532px) {
        .welcome h6 { font-size: 28px; line-height: 1.2;}
        .welcome h1 { font-size: 16px; padding: 20px 0;}

        .elegirnos h6 { font-size: 16px;}       
        .elegirnos h2 {font-size: 20px; margin-top: 10px;;}
        .elegirnos p {padding: 0 20px;}

        .botonContactanos { padding: 10px 30px; font-size: 14px;}
		
		.rd-navbar-fixed .rd-navbar-collapse{ display:block;padding-top: 50px;}
		 .botonNav{   margin-top: 5px;}
		#languagebtn{    margin-top: 25px;}
    }

    @media (max-width: 425px) {


        .imagen01 { width: 80%;}

        .servicios { padding: 10px 0 !important;}

        .servicios h6 { font-size: 24px;}
        .servicios h2 { font-size: 20px;}
        .servicios p { font-size: 16px;}

        .serviciosTextoL, .serviciosTextoR { padding: 0 40px;}
        
        .offboarding .row,
        .almacenaje .row,
        .app .containerApp { padding: 50px 0;}

        .elegirnos h6 { font-size: 14px;}
     #sobreNosotros h2{    font-size: 26px;}
        
        .botonContactanos { padding: 10px 15px;}

        .presenciaGlobal h6 { font-size: 25px; line-height: 1.2;}
        .presenciaGlobal p { width: 80%;}

       

        #contacts { padding: 30px 0;}

        #contacts h6 { font-size: 24px;}
        #contacts h2 { font-size: 20px;}
        

        #contacts img { width: 40px;}

        #contacts .container { width: 100%; margin: auto;}
        
        .contactanosTexto { padding: 0 0 0 50px;}

        .almacenaje .row { margin-bottom: 0;}

        .were { margin-top: 3rem !important;}

        #contacts h3 { font-size: 20px;}


        .rights {  border-top: 1px solid rgba(255,255,255,0.15);  display: block;font-size: 12px !important;     padding-top: 20px;    text-align: center;}
		.rights .lupe{    display: block;}
		
		
		
		.welcome.section{    padding-top: 25px;}
		.imagen01{margin-top: 20px;}
		
		 .imagen02 { width: 70%; padding-top: 30px;}
        .imagen03 { width: 90%; padding-top: 30px;}
        .imagen04 { width: 90%; padding-top: 30px;}
        .imagen05 { width: 90%; padding-top: 30px;} 
		.rd-form-corporate{ padding:30px 0}
		.destacados h4{font-size: 30px;}
		}

    @media (max-width: 360px) {
		.contactanosAhora .contactanosIconos{ display:block}
			.contactanosTexto{padding: 10px 0 0 0;    text-align: center;}
    }


    /* W  H  A  T  S  A  P  P */
#wppwidget{ 
    bottom: 40px;
    left: 40px;
    position: fixed;
    top: auto;
    width: 50px;
    z-index: 98;}

#wppwidget .btn-whatsapp { 
    background-color: #00d35e;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    -webkit-box-shadow: 3px 3px 0 0 rgba(0,0,0,0.2);
    box-shadow: 3px 3px 0 0 rgba(0,0,0,0.2);
    color: #fff; 
    display: block;
    float: left;
    height: 50px;
    padding: 0;
    text-align: center;
    width: 50px;
    z-index: 999;}

#wppwidget svg { 
    color:#fff;
    fill:#fff;
    margin: 8px auto;
    width:30px;}
	
/*M O D A L*/
.modal { background-color: rgba(0, 0, 0, 0.4);}
	.modal-content{    margin: 60px auto;min-width: 260px; width: 50%;}
		.modal-content .close{ font-size: 25px;line-height: 1em;padding: 0 10px; text-align: right; }
		.modal-content div{padding: 30px;    text-align: center;   }
		.modal h6 { font-family: "Nunito", sans-serif; font-size: 24px; color: #2694cf; text-transform: uppercase; font-weight: 900; text-align: center; }