
		
		
		.opinions-1
		{
		 flex-direction: row;display: flex; margin-top:-50px;
		
		}
		
		.opinions-2
		{
								display:flex; flex:2;  
								background-color: #FAFAFA;
						   		padding: 30px;
							    justify-content: space-between;
							    align-items: normal;
							    display: flex;
							    flex-direction: column;							    
							    min-height: 320px;
		
		}
		
		.opinions-imagen
		{
		  display: flex; flex:1;    background-image: url(../images/sbokpg@1x.png);
				    background-position: 50% 50%;
				    background-size: cover;
				    flex: 1;
				    margin-bottom: -50px;    
				    margin-left:-50px;
				    margin-top: -50px;
		
		}
		
		
 .justify-start
{
	justify-content: flex-start !important;
}
.flexcolumn
{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.flex
{
	display: flex;
}
.flexrownogap {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
}

.iconoscolumna{
	gap:80px !important;
}

.flexrow {
  width:100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: center;		    
  gap:40px;
}





.flexrow .integracion{
 flex: 0 0 30%;
}


.flexrow .slidersoluciones{
 flex: 0 0 30%;
}

.flexrow .cifras{
 flex: 0 0 30%;
}
 
.flexrow .iconocliente {
	  flex: 0 0 11%;
	}

.flexrow .flexservicioentrega {
	  flex: 0 0 25%;
	}

.flexservicioentrega {
    align-items: center;
    justify-content:center;
    gap:20px;
  		display: flex;
  		flex-direction: column;
}

.flexservicioentrega .titulo{		
		letter-spacing: 0;
	    line-height: 43px;	
	    text-align: center;
	    white-space: nowrap;
}

.servicioentregaimagen{
		align-items: flex-start;
	    display: flex;	
	    height: 120px;		    
}

.flexservicioentrega .detalle{		
		letter-spacing: 0;			    
	    text-align: center;			    
}



/*END*/
	    
		    
		 
		
.warehousing 
{
	margin-top: -80px;
}

#owl-demo-clientes
{
	background-color: #FAFAFA;padding: 20px;
}


.iconoscolumna
{
	padding-top:70px;
	padding-bottom:70px;
	background: rgb(230,244,148);
	background: radial-gradient(circle, rgba(230,244,148,1) 0%, rgba(253,254,247,1) 50%, rgba(255,255,255,1) 100%);
}

.radius50
{
	border-radius: 50px;
}


.diferencias
{
	    background-color: var(--manz);
	    margin-top: -50px;
}






.grupo-262 {
  align-items: flex-end;
  display: flex;
  flex: 0 0 auto;
  height: 200px;
  background-color: var(--alabaster);
  border-radius: 20px; 
  width: 350px;
  padding: 20px;
  
}



 .experienciade-entrega {
  height: 138px;
  left: 34px;
  letter-spacing: 0;
  line-height: 44px;
  width: 330px;
  align-items: flex-end;
  display: flex;
}

.lnea-68 {
  height: 36px;
  left: 320px;
  object-fit: cover;
  position: absolute;  
  width: 1px;
}











/*   footer  */
.footermenulight {
  gap: 20px;  
}

.footerleftpaneltext {
  letter-spacing: 0; 
  white-space: nowrap;
}

.footerleftpanelimage {
  align-self: center;
  height: 17px;  
  object-fit: cover;
  width: 17px;
}

.footermenulight-2 {
  align-items: flex-start;
  display: flex;
}

.footerleftpaneltext{
	color: var(--manz);
}


 .footermenulightcontainer {
  align-self: flex-start;
  flex-direction: column;
  gap: 25px;  
}

 .footerrightcontainer {
  align-items: flex-start;
  background-color: var(--manz);
  display: flex;
  gap:10px;
  flex-direction: column;  
  padding: 30px 60px;
  flex-grow: 1;
  margin-top:-50px;  
  border-radius: 30px 30px 0px 0px;
}


 .footer {
  align-items: flex-start;
  background-color: transparent;
  display: flex;
  flex-direction: row;
  flex-shrink: 1;
  justify-content: space-between;  
  width: 100%;
  z-index: 4;
  position: relative;
}

 .footer-contaner {  
  width: 100%;  
  display: flex;    
}

 .footerleftcontainer {
  align-items: flex-start;
  justify-content:space-around;  
  display: flex;
  margin-top: 71px;
  flex-grow: 3;
  gap:15px;
}

 .footerlogo {
  display: flex;
  height: 45px;
}


.contactanos {
  letter-spacing: 0;  
  min-height: 36px;
  white-space: nowrap;
}


.contactanoslink
{
  align-items: center;
  display: flex;
  height: 45px;
  justify-content: space-between;  
}

.contactanoslinktexto {
  letter-spacing: 0;
  line-height: 62.0px;  
  white-space: nowrap;  
}



.contactanoslinkflecha {
  background-image: url(../images/trazado-10-1@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 20px;  
  width: 20px;
  margin-left: 15px;
}

.infoklozercom {
  letter-spacing: 0;
  line-height: 62.0px;
  margin-top: 40px;
  min-height: 57px;
  white-space: nowrap;
}

.zodiac
{
	color: var(--blue-zodiac);
}

.violet
{
	color: var(--violet-blue);	
}

.grey
{
	color:#aeafae;
}


 .title-main {
  align-self:center;  
  flex: 1;
  font-family: var(--font-family-sora);
  font-size: var(--fontsize25vw);
  font-weight: 700;  
  line-height: 56px;
}



/*-- newstandard --*/

.newstandard {	
  background-color: var(--blue-zodiac);  
}
.newstandard p {
  color: #fff;
}


.newstandard h3 {
  font-size: 100px;
  line-height: 100px;
  font-family: 'Dosis', sans-serif;
  font-weight: 700;
  color: transparent;
  background: none;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: #fff;
}

.newstandard-info-grid {
  max-width: 750px;
  margin: auto;
}

.newstandard-info-grid h1,
.newstandard-info-grid h5 {
  color: #fff;
}

.newstandard p {
  color: #fff;
}



.slidersolucionesv2
{	 
	justify-content:space-between;   
    z-index: 0;
    position: relative;
    display: grid;
    align-items: center;
	border-radius: 16px;
	padding: 20px;
	height: 450px;
	width:285px;
	
	display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start;
}

.slidersolucionesv2-container
{	 
	 display: flex; flex-direction: row; width: 100%; justify-content: space-between; 
}

.slidersolucionesv2:nth-child(1) {
  background: url(../images/grupo-29@1x.png) no-repeat center;
   -ms-background-size: cover;
    background-size: cover;
}

.slidersolucionesv2:nth-child(2) {
  background: url(../images/grupo-34@1x.png) no-repeat center;
   -ms-background-size: cover;
    background-size: cover;
}

.slidersolucionesv2:nth-child(3) {
  background: url(../images/klxvnk@1x.png) no-repeat center;
   -ms-background-size: cover;
    background-size: cover;
}

.slidersolucionesv2:nth-child(4) {
  background: url(../images/grupo-38@1x.png) no-repeat center;
   -ms-background-size: cover;
    background-size: cover;
}

.slidersolucionesv2:before
{
	content: "";
    background:var(--blue-zodiac);
    opacity:0.8;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
	border-radius: 16px;
	padding: 40px;
}

.btnsubmit {
    color: var(--blue-zodiac);
    font-family: var(--font-family-sora);
    font-size: var(--fontsize13vw);
    font-weight: 700;
    line-height: 28.6px;
    white-space: nowrap;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
    cursor: pointer;
    padding: 20px 100px;
    margin-top: 100px;
}


 .botonesserviciosklozer {
  align-items: center;
  display: flex;  
  justify-content: space-between;
  width: 100%;
  margin-top: -50px;
  flex-wrap: wrap;
}


.klozerbtnservicioscontainer {
  align-items: center;
  justify-content: center;
  display: flex;      
  padding: 10px;  
}


.klozerbtnservicios {
	align-items: center;
    background-color: var(--white);
    border: 3px solid;
    border-color: var(--violet-blue);
    border-radius: 40px;
    display: flex;  
    padding: 10px 50px;
    justify-content: center;
}

 .klozerbtnserviciostexto {
    white-space: nowrap;
    justify-content: center;
    align-items: center;
    display: flex;
    width: 160px;
}

.klozerbtnservicios.blue
{
	background-color: var(--violet-blue);
}

.klozerbtnservicios.blue .klozerbtnserviciostexto 
{
	color:white;
}


.imagenserviociosklozercontainer
{
	  background-color: var(--alabaster);
    border: 3.31px solid;
    border-color: var(--violet-blue);
    border-radius: 52.45px;
    padding: 50px;
	
}



.elipse-30 {
  border-radius: 77.5px;
  height: 155px;
  left: 33px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 155px;
}

.pf-u0-pe {
  display: flex;
  height: 91px;
  left: 0;
  position: absolute;
  top: 35px;
  width: 188px;
}

.trazado-1-1 {
  height: 91px;
  object-fit: cover;
  width: 131px;
}

.number-1 {
  min-width: 12px;
}

.k-hh-l7w {
  display: flex;
  height: 110px;
  width: 115px;
}

.entregamos-los-pedidosa-los-clientes {
  height: 267px;
  left: 0;
  letter-spacing: 0;
  line-height: 30px;
  position: absolute;
  top: 125px;
  width: 350px;
}

.elipse-33 {
  border-radius: 77.5px;
  height: 155px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 155px;
}

.trazado-141 {
  height: 4px;
  margin-left: 0.02px;
  object-fit: cover;
  width: 46px;
}

.trazado-143 {
  height: 4px;
  margin-left: 0.02px;
  object-fit: cover;
  width: 30px;
}

.trazado-148 {
  height: 24px;
  object-fit: cover;
  width: 49px;
}

.grupo-4 {
  align-items: flex-end;
  display: flex;
  flex: 1;
  min-width: 241.7px;
}

.trazado-5 {
  height: 42px;
  margin-bottom: 1.35px;
  margin-left: 5px;
  object-fit: cover;
  width: 37px;
}

.trazado-6 {
  height: 42px;
  margin-bottom: 1.35px;
  margin-left: 7px;
  object-fit: cover;
  width: 28px;
}


.bordercolorwhite{	
	border: 1px solid;
	    border-color: var(--alabaster);
}

.bordercolorblue{	
	border: 1px solid;
	    border-color: var(--blue-zodiac);
}

.backgroundblue {
	background-color: var(--violet-blue) !important;
}

.backgroundbluedark {
	background-color: var(--blue-zodiac) !important;
}

.backgroundsoap {
	background-color: var(--soap) !important;
}

.btn-enviar
{
	margin-top: 50px; width: 200px; 
}

.w-200
{
	width: 200px;
}

.p-100
{
	padding-top: 100px !important;
	padding-bottom: 100px !important;
}

.pb-100
{
	padding-bottom: 100px !important;
}

.pb-150
{
	padding-bottom: 150px !important;
}

.navbar-brand-image
{
	height:35px;
}
.marginnegative{
	margin-top: -50px;
	position: relative;
}

.gap50{
	gap:50px;
}



.width40
{
	width: 40%;
}

.colorwhite{
	color:white;
}


.textinput{
	
	background-color: transparent;        
    letter-spacing: 0;    
    white-space: nowrap;
    width: 100%;
    align-items: flex-start;
    border-radius: 50px;
    display: flex;        
    padding: 27px 48px;
    height: 27px;
    font-size:16px;
    line-height: 48px;
    
}



@media screen and (max-width: 1500px)
{
				
		 .header-btn
		{
			margin-top: 10px;			
		}
		
		.header-btn .btn
		{
			width: 180px;
		}
				  
}
		

@media screen and (max-width: 1200px)
		{		
		
		
				  :root { 
				    --font-size-l:calc(49px * 0.7);
				  --font-size-m:calc(29px * 0.7);
				  --font-size-s:calc(28px * 0.7);
				  --font-size-xs:calc(27px * 0.7);
				  --font-size-xxs:calc(23px * 0.7);
				  --font-size-xxxs:calc(21px * 0.7);
				  --font-size-xxxx:calc(20px * 0.7);
				  				  
				  	--fontsize13vw:calc(25px * 0.7);
				  	--fontsize5vw:calc(96px * 0.7);
				  	--fontsize26vw:calc(50px * 0.7);
				    --fontsize25vw:calc(48px * 0.7);
				    --fontsize218vw:calc(42px * 0.7);
				    --fontsize417vw:calc(80px * 0.7);
				    --fontsize156vw:calc(30px * 0.7);
				    --fontsize239vw:calc(46px * 0.7);
				    --fontsize224vw:calc(43px * 0.7);
				    --fontsize146vw:calc(28px * 0.7);
				    --fontsize182vw:calc(35px * 0.7);
				    --fontsize229vw:calc(44px * 0.7);
					--fontsize172vw:calc(33px * 0.7);
					--fontsize125vw:calc(24px * 0.7);
					--fontsize365vw:calc(70px * 0.7);
					--fontsize167vw:calc(32px * 0.7);
					--fontsize187vw:calc(35px * 0.7);					
					--fontsize365vw:calc(70px * 0.7);
					--fontsize177vw:calc(34px * 0.7);
					--fontsize115vw:calc(22px * 0.7);
					--fontsize39vw:calc(75px * 0.7); 
				}
		
		 .header-btn
		{
			margin-top: 10px;			
		}
		
		.header-btn .btn
		{
			width: 180px;
		}
		
		.servicioscontainer
		  {
		  	margin-top: 50px;
		  }
		  
		  .footer .container{
		      	 padding-right: 0px; 
    			 padding-left: 0px; 
    			 margin-right: 0px; 
    			 margin-left: 0px;		  
		  }
		  
		  .opinions-imagen
		  {
		  	display: none;
		  }
		  
		  .servicearrowcontainer
		  {
		  	display: none;
		  }
		  
		  .opinions-1
		  {
		  	margin-top: 0px;
		  }
		  
		  .footerrightcontainer
		  {
		  	width: 100%;
		  }
	  		.warehousing
		  {
		  	margin-top: 0px;		  
		  }
		  
		  .panelservicios
		  {
		  	padding: 25px;
		  }
		 .nuestros-serviciosde-ware-housing
		 {
		 	font-size: 32px;
		 }
		  
		  .slidersolucionesv2
		  {
		  	width: 355px;
		  }
		 
		  .banner-info-grid
		  {
		  	min-height: 350px;
		  }
		  
		  .imagencarga
		  {
		  	display: none;
		  }
		  
		  .botonesserviciosklozer{
		  	flex-direction: column;
		  	width: 100%;		  
		  }
		  .klozerbtnservicioscontainer
		  {
		 	 flex: 1 1 0px;
		  }
		  
		  .justify-start
			{
				justify-content: center !important;
			}
		
			.flexrow {
			    flex-direction: column;
			    justify-content: center;
			    align-items: center;
			    flex: 100%;
			    width: 100%;
			    gap: 31px;
			}
			
			.flexrownogap {
			    flex-direction: column;
			    justify-content: center;
			    align-items: center;
			    flex: 100%;
			    width: 100%;
			    gap: 20px;	    
			}
			
			.flexcolumn {
			    flex-direction: column;
			    justify-content: center;
			    align-items: center;		    
			    flex: 100%;
			    width: 100%;
			    gap:10px;
			}
		  
		}
		
		
		@media screen and (max-width: 700px)
		{		
		       :root
		       {
		          --font-size-l:calc(49px * 0.7);
				  --font-size-m:calc(29px * 0.7);
				  --font-size-s:calc(28px * 0.7);
				  --font-size-xs:calc(27px * 0.7);
				  --font-size-xxs:calc(23px * 0.7);
				  --font-size-xxxs:calc(21px * 0.7);
				  --font-size-xxxx:calc(20px * 0.7);
				  				  
				  	--fontsize13vw:calc(25px * 0.7);
				  	--fontsize5vw:calc(96px * 0.7);
				  	--fontsize26vw:calc(50px * 0.7);
				    --fontsize25vw:calc(48px * 0.7);
				    --fontsize218vw:calc(42px * 0.7);
				    --fontsize417vw:calc(80px * 0.7);
				    --fontsize156vw:calc(30px * 0.7);
				    --fontsize239vw:calc(46px * 0.7);
				    --fontsize224vw:calc(43px * 0.7);
				    --fontsize146vw:calc(28px * 0.7);
				    --fontsize182vw:calc(35px * 0.7);
				    --fontsize229vw:calc(44px * 0.7);
					--fontsize172vw:calc(33px * 0.7);
					--fontsize125vw:calc(24px * 0.7);
					--fontsize365vw:calc(70px * 0.7);
					--fontsize167vw:calc(32px * 0.7);
					--fontsize187vw:calc(35px * 0.7);					
					--fontsize365vw:calc(70px * 0.7);
					--fontsize177vw:calc(34px * 0.7);
					--fontsize115vw:calc(22px * 0.7);
					--fontsize39vw:calc(75px * 0.7); 
		       }
		  
		  .header-btn
		{
			margin-top: 10px;			
		}
		
		.header-btn .btn
		{
			width: 180px;
		}
		
		  .servicioscontainer
		  {
		  	margin-top: 50px;
		  }
		  
		  .footer .container{
		      	 padding-right: 0px; 
    			 padding-left: 0px; 
    			 margin-right: 0px; 
    			 margin-left: 0px;		  
		  }
		  
		  .opinions-imagen
		  {
		  	display: none;
		  }
		  
		  .servicearrowcontainer
		  {
		  	display: none;
		  }
		  
		  .opinions-1
		  {
		  	margin-top: 0px;
		  }
		  
		  .footerrightcontainer
		  {
		  	width: 100%;
		  }
	  		.warehousing
		  {
		  	margin-top: 0px;		  
		  }
		  
		  .panelservicios
		  {
		  	padding: 25px;
		  }
		 .nuestros-serviciosde-ware-housing
		 {
		 	font-size: 32px;
		 }
		  
		  .slidersolucionesv2
		  {
		  	width: 355px;
		  }
		 
		  .banner-info-grid
		  {
		  	min-height: 350px;
		  }
		  
		  .imagencarga
		  {
		  	display: none;
		  }
		  
		  .botonesserviciosklozer{
		  	flex-direction: column;
		  	width: 100%;		  
		  }
		  .klozerbtnservicioscontainer
		  {
		 	 flex: 1 1 0px;
		  }
		  
		  .justify-start
			{
				justify-content: center !important;
			}
		
			.flexrow {
			    flex-direction: column;
			    justify-content: center;
			    align-items: center;
			    flex: 100%;
			    width: 100%;
			    gap: 31px;
			}
			
			.flexrownogap {
			    flex-direction: column;
			    justify-content: center;
			    align-items: center;
			    flex: 100%;
			    width: 100%;
			    gap: 20px;	    
			}
			
			.flexcolumn {
			    flex-direction: column;
			    justify-content: center;
			    align-items: center;		    
			    flex: 100%;
			    width: 100%;
			    gap:10px;
			}
			
		}
		/*end */
