body{

	font-family: 'Assistant', sans-serif;

	margin: 0;

	padding: 0;

}

.containerStar{

	max-width: 1366px;

	margin: 0 auto;

	 box-shadow: 0 0 8px 0px #00000061;

}

/*----------Estilos base-------------*/

p{

	font-size: 18px;

}



/*-----Inicio Home Star Services-----*-*/

.header-nav{

	max-width: 1366px;

	position: absolute;

	width: 100%;

	z-index: 1000;

	position: fixed;
	transition: 1s;

}

/*header*/

header{

	max-width: 1366px;

	padding: 0 10px;

	/*flex*/

	display: flex;

	justify-content: space-between;

	align-items: center;

	background: rgba(255, 255, 255, 0.8);


	transition: 1s;
}
.header-nav-scroll{
	background: rgba(255, 255, 255, 1);
	transition: 1s;
}
.logoStarServices .custom a img{
	width: 320px;
}

header .buttonsRed{

	display: flex;

	flex-direction: column;

	align-items: flex-end;

	flex-direction: row-reverse;

}

header .buttonsRed a.redTiendaVirtual{

	background-color: #DE2B27;

	border-radius: 15px;

	margin: 5px 5px;

	font-weight: 700;

	font-style: italic;

	padding: 10px 20px;

	transition: 0.3s;

	text-decoration: none;

	/*flex*/

	display: flex;

	align-items: center;

	justify-content: flex-end;



}

header .buttonsRed .redTiendaVirtual:hover{

	background-color: #a2100d;

	cursor: pointer;



}
header .buttonsRed .redTiendaVirtual img{
	width: 26px;
}

header .buttonsRed .redTiendaVirtual > p{

	text-decoration: none;

	color: white;

	margin: 0 0 0 8px;



}

/*Fin header*/

/*Barra de navegación nav*/

section.menuDeNavegacion{
	background: rgba(23,126,194,0.8);
	background: linear-gradient(to bottom, rgba(23,126,194,0.8) 0%, rgba(46,51,147,0.8) 65%, rgba(44,41,107,0.8) 89%, rgba(44,41,107,0.8) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#177ec2', endColorstr='#2c296b', GradientType=0 );
	/*flex*/
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0;
	padding: 0;

}
/*columna de la izquierda*/

section.menuDeNavegacion .nav-left ul{
	display: flex;
	margin: 0;
	padding: 0;
	align-items: center;
}
section.menuDeNavegacion .nav-left ul > li{
	display: flex;
	margin: 0;
	padding: 0;


}
section.menuDeNavegacion .nav-left ul li a:hover{
	background:  #a2100d;
	padding:16px 18px;
	cursor: pointer;
	margin: 0;
}
section.menuDeNavegacion .nav-left ul li .nav-header:hover{
	background:  #a2100d;
	padding:16px 18px;
	cursor: pointer;
	margin: 0;
}
section.menuDeNavegacion .nav-left ul li a{
	text-decoration: none;
	color: #fff;
	font-weight: 600;
	padding:16px 18px;
}
section.menuDeNavegacion .nav-left ul li .nav-header{
	text-decoration: none;
	color: #fff;
	font-weight: 600;
	padding:16px 18px;
}
section.menuDeNavegacion .nav-left ul li.active{
	background: #DE2B27;

}
section.menuDeNavegacion .nav-left ul li a.activeSoste{
	color: #00FF0D;
	margin: 0;
	padding:16px 18px;
}
section.menuDeNavegacion .nav-left ul li{
	position: relative;

}

section.menuDeNavegacion .nav-left ul li >  ul{
    display: flex;
    flex-direction: column;
    position: absolute;
    align-content: start;
    align-items: start;
    background: rgba(255,255,255,1);
   border-left: 10px solid #565488;
    padding: 0;
    margin: 0;
    overflow: hidden;
    top: 53px;
     width: 220px;
     box-shadow: 1px 1px 4px -1px rgba(0,0,0,0.75);
}
section.menuDeNavegacion .nav-left ul li > ul  li a{
	color:  #565488;

	width: 100%;
}
section.menuDeNavegacion .nav-left ul li > ul{
	display: none;

}
section.menuDeNavegacion .nav-left ul li:hover > ul{
	display: block;
	transition: 5s;
	animation: entradaMenu 0.3s;
}
@keyframes entradaMenu {
	from{opacity: 0; transform: translateX(-10px);}
	to{opacity: 1; transform: translateX(0);}
}
section.menuDeNavegacion .nav-left ul li > ul a{
	box-sizing: border-box;
    padding: 13px 15px;
    transition: 0.1s ease;
    /*display: none;*/
}
section.menuDeNavegacion .nav-left ul li > ul a:hover{

	 background:  #a2100d;
      padding: 14px 15px;
    cursor: pointer;
    margin: 0;
    width: 240px;
    color: #fff;
    font-weight: 600;

}
/*------------Fin del Header------------*/



/*Columna de la derecha	*/

section.menuDeNavegacion .nav-right{

	display: flex;

	align-items: center;

}

section.menuDeNavegacion .nav-right a img{

	margin: 0 8px;

	transition: 0.3s;



}

section.menuDeNavegacion .nav-right a img:hover{

	transform: scale(1.3);

	cursor: pointer;



}



/*------------Slider------------*/

.lineaRoja{
	border-bottom: 15px solid #BD2C28;
}

.cycle-pager{

	list-style: none;

	position: absolute;

	top: 186px;

	margin: 20px;

	z-index: 500;





}

.cycle-slide-active{

	list-style: none;

}

.cycle-pager span{

	background-image: url(../img/icon-star-slider.png);

	background-repeat: no-repeat;

	width: 33px;

	height: 34px;

	margin: 20px;

	list-style: none;

	display: flex;

	cursor: pointer;

}


.cycle-pager span {

	font-size: 0;

}

.marcoTextoImagen{

	position: absolute;

	z-index: 100;

	bottom: 10px;

}

.marcoImagen img{

	width: 100%;

	margin: 0;

	padding:0;

	display: flex;

}

.marcoTextoImagen {

	color: #fff;

	text-shadow: 2px 2px black;

	margin: 0;

	margin-left: 100px;

	padding: 0;

}

.marcoTextoImagen h3{

	color: #fff;

	font-size: 30px;

	text-shadow: 1px 1px black;

	margin-bottom: -7px;

	font-weight: 400;

	padding: 0;

}

.marcoTextoImagen h2{

	color: #fff;

	margin: 0;

	padding: 0;

	text-shadow: 2px 2px black;

	font-style: unset;

	font-size: 40px;

}

/*------------Fin del Slider------------*/







/*-----Sección del todo el contenido----*/

section.container{

	box-sizing: border-box;

	padding: 10px 50px 40px;


    margin: auto;

}

section.container .mensajeLideres{

	display: flex;

	justify-content: flex-end;

}

section.container .mensajeLideres h2{

	color: #7A7A7A;

	font-weight: 700;

	font-style: italic;

	font-size: 26px;

}



/*Experiencia*/
.experiencia-20{
	margin-top: 60px;
}
section.container  .experiencia-20 .custom{

	margin-top: 30px;

	margin-bottom: 80px;

	display: flex;

	align-items: center;

	justify-content: space-around;

}


section.container  .experiencia-20 .masDe20 {

	margin-right: 20px;

}

section.container  .experiencia-20 .parrafo-masDe20{

	margin-left: 40px;

}

section.container  .experiencia-20 .parrafo-masDe20 {

	text-align: justify;

	color: #686868;

}

/* Fin de la Experiencia*/



/*Linea de productos*/

section.LineaDeProductosHome h2{

	color: #29439D;

	text-align: center;

	margin: 0;

	font-weight: 800;

	 padding: 0;

}

section.LineaDeProductosHome .custom >  p{

	text-align: center;

	color: #7A7A7A;

	margin: 0;

	

}

.todaLaLineaDeProductos .custom{
	margin-top: 40px;
	display: flex;
	justify-content: space-around;
	align-items: center;
}


.productosOpcionesGrande .contentOpcionProductos{

	box-shadow: 0px 0px 6px black;

	width:255px;

	overflow: hidden;

	border-radius: 15px 15px 0 0 ;

	height:358px;

}

.productosOpcionesGrande .contentOpcionProductos .productos-Opcion{

	position: relative;



}

.verMasP{

	position: absolute;

	bottom: 0;

	overflow: hidden;

	display: flex;



}
.verMasP .tituloLineaP a p {

	text-decoration: none;

}

.verMasP .tituloLineaP p {

	 margin: 35px 61px 5px 121px;
    font-size: 24px;
    line-height: 22px;

}





.verMasP .tituloLineaP{

	width: 255px;

	background-image: url(../img/background-linea-de-productos.png);

	background-repeat: no-repeat;

	height: 96px;

	text-shadow: 2px 2px black;

	font-weight: 700;

	color: #fff;

	font-size: 25px;

	display: flex;

	align-items: center;

	justify-content: center;

	transform: translateX(0) ;

	transition: 0.3s;



}

.verMasP:hover .tituloLineaP{

	transform: translateX(-300px);

}

.verMasP .verMasProducto{

	transform: translateX(0px);

	transition: 0.3s;

	background-color: rgba(37, 68, 120, 0.9);

	width: 100%;

	height: 57px;

	width: 255px;

	transition: 0.3s;

	display: flex;

	align-items: center;

	justify-content: center;

	margin-top:35px;
	color: white;
    font-weight: 700;
    font-size: 22px;
    text-shadow: 1px 1px black;



}

.verMasP .verMasProducto a{
	text-shadow: 2px 2px black;
	font-weight: 700;
	color: #fff;
	font-size: 25px;
	text-decoration: none;
	cursor: pointer;
	padding: 10px 84px;
}

.verMasP:hover .verMasProducto {



	transform: translateX(-255px);

}



.LineaDeProductosHome .productosOpcionesGrande .tituloOpcion{

	background-image: url(../img/backgroung-novedades.jpg);

	background-repeat: no-repeat;

	background-size: cover;

	width: 255px;

	border-radius: 0 0 10px 10px;

	transform: translateY(-65px);

	position: absolute;

	z-index: -20;

	margin-top: -10px;

	transition: 0.3s;



}

.LineaDeProductosHome .productosOpcionesGrande:hover .tituloOpcion{

	transform: translateY(0px);

}

.LineaDeProductosHome .productosOpcionesGrande .tituloOpcion p{

	color: #fff;

	text-align: center;

	font-size: 25px;

	margin-left: 30px;

	padding: 14px;

	margin: 0;

}

/*Fin de la Linea de productos*/

/*------------ Slider  lineas de productos------------*/
.LineaDeProductosHome > .todaLaLineaDeProductos > .custom > .arrow-left, .LineaDeProductosHome > .todaLaLineaDeProductos > .custom > .arrow-right{
	padding: 10px;
}
 .LineaDeProductosHome > .todaLaLineaDeProductos > .custom > div.cycle-slideshow{
	border-bottom: none;
	position: relative;


}

.LineaDeProductosHome .todaLaLineaDeProductos div.cycle-slideshow .cycle-pager{
	list-style: none;
}
 .LineaDeProductosHome .todaLaLineaDeProductos div.cycle-slideshow section{
 	margin: 20px 20px 80px 20px;

 }

.LineaDeProductosHome .todaLaLineaDeProductos .cycle-slide-active{
	list-style: none;
}
.LineaDeProductosHome .todaLaLineaDeProductos .cycle-pager span {
	font-size: 0;
}
.LineaDeProductosHome .todaLaLineaDeProductos cycle-pager{
	position: relative;
	width: 100%;
}
 .controls{
 	position: absolute;
}
 .controls  .arrow-left{
	position: absolute;
      left: -642px;
    top: 160px;
    transition: 0.3s;
}
 .controls  .arrow-left:hover{
	transform: scale(1.3);
}
 .controls .arrow-right{
	position: absolute;
       left:  620px;
     bottom: -198px;
     transition: 0.3s;
}
 .controls  .arrow-right:hover{
	transform: scale(1.3);
}

/*------------Fin del Slider------------*/

/*section novedades*/

section.container  section.novedadesHome{

	    margin: 35px 0 30px 0;





}

.novedadesOpcionesGrande .custom{

	display: flex;

	align-items: center;

	justify-content: space-around;

}

section.container section.novedadesHome .custom h2{

	color: #29439D;

	text-align: center;

	margin: 0;

	font-weight: 800;

	margin-bottom: 40px;

}







/*items novedades*/

.contentOpcionNovedades{





	display: flex;

	flex-direction: column;

	justify-content: center;

	align-items: center;

	width: 255px;

}

.contentOpcionNovedades a{
	text-decoration: none;



}

.novedadesHome .novedades-Todo{

	position: relative;

	z-index: 2;

	background-color: #fff;

	width: 100%;

    display: flex;

    justify-content: space-around;

}

.novedadesHome .novedades-Todo .novedades-Opcion{

	box-shadow: 0px 0px 6px black;

	width:255px;

	overflow: hidden;

	border-radius: 15px 15px 0 0 ;

}



.novedadesHome .novedades-Todo .novedades-Opcion h4{

	color: #fff;

	font-weight: 700;

	font-size: 23px;

	line-height: 21px;

	text-shadow: 1px 1px 2px black;

	text-align: center;

	background-color: #29439D;

	margin: 0;

	z-index: 100;

	padding: 8px;

	position: relative;

}

.novedadesHome .novedades-Todo .novedades-Opcion .verMas{

	position: relative;

	outline: hidden;
 	overflow: hidden;
    background-color: #3F4685;
    color: #fff;
    font-weight: 600;
    text-align: center;
    height: 25px;
    font-size: 23px;
    text-shadow: 1px 1px 2px black;
    padding: 21px 8px 20px 8px;
    transition: 0.4s;
    white-space: normal;
    line-height: 17px;
    height: 40px;
    /* text-align: left; */
    display: flex;
    align-items: center;
    justify-content: center;

}

.novedadesHome .novedades-Todo .novedades-Opcion img{

	transform: scale(1.1) translateY(0);

	transition: 0.4s;
	width: 267px;
    height: 294px;

}

.novedadesHome .novedades-Todo .novedades-Opcion:hover img{

	transform: scale(1) translateY(0px);

}



.novedadesHome .novedades-Todo .novedades-Opcion:hover .verMas {

	background-color: rgba(37, 68, 120, 1);



}

.novedadesHome .novedades-Todo .novedades-Opcion .verMas .opcBioseguridad{

	transform: translate(0);

	transition: 0.3s;

}

.novedadesHome .novedades-Todo .novedades-Opcion .verMas .verMasBioseguridad{

	transform: translate(0);

	transition: 0.3s;

}

.novedadesHome .novedades-Todo .novedades-Opcion .verMas .verMasBioseguridad a{

	text-decoration: none;

	color: #fff;

	cursor: pointer;

}

.novedadesHome .novedades-Todo .novedades-Opcion .verMas:hover .verMasBioseguridad {

	transform: translateY( -30px );

}

.novedadesHome .contentOpcionNovedades .tituloOpcion{

	background-image: url(../img/backgroung-novedades.jpg);

	background-repeat: no-repeat;

	background-size: cover;

	width: 255px;

	border-radius: 0 0 10px 10px;

	transform: translateY(-65px);

	transition: 0.3s;



}

.novedadesHome .contentOpcionNovedades:hover .tituloOpcion{

	transform: translateY(0px);

}

.novedadesHome .contentOpcionNovedades .tituloOpcion p{

	color: #fff;

    text-align: center;

    font-size: 25px;

    margin-left: 89px;

    padding: 14px 14px 14px 46px;

    margin: 0;

}
.NovedadesTexto{
	width: 200px;
	margin: 0 auto;
    font-size: 20px;
    line-height: 20px;
}


/*Fin de las section novedades*/

/*------------ Slider  lineas de productos------------*/
 .novedadesOpcionesGrande > .custom > .cycle-slideshow{
	width: 1180px;
	border-bottom: none;
	position: relative;
	

}
.novedadesHome .novedadesOpcionesGrande div.cycle-slideshow .cycle-pager{
	list-style: none;
}
 .novedadesHome .novedadesOpcionesGrande div.cycle-slideshow section{
 	margin: 20px 25px 80px 20px;

 }

.novedadesHome .novedadesOpcionesGrande .cycle-slide-active{
	list-style: none;
}
.novedadesHome .novedadesOpcionesGrande .cycle-pager span {
	font-size: 0;
}
.novedadesHome .cycle-pager{
	position: relative;
	width: 100%;
}

/*------------Fin del Slider------------*/
/*--------Vista de titulo---

---*/

.nuestrosClientes > img {



	filter: grayscale(100%);

	transition: all 0.6s;

	transform: rotate(0deg);

}

.clientes  .nuestrosClientes:hover img{



	filter: grayscale(0%);

	transform: scale(1.3) ;

}

.clientes .vistaTitulo{

	

	
	height: 48px;

	border-radius: 10px;

	display: flex;

	align-items: center;

	margin-top: -75px;

	position: absolute;

	left: 20px;

}

.vistaTitulo  .custom h2{

	    color: #fff;
    background-color: #DE2B27;
    background-image: url(../img/bacgroud-clientes.png);
    background-repeat: no-repeat;
    background-position: left;
    /* background-color: #DE2B27; */
    font-weight: 700;
    font-size: 25px;
    height: 49px;
    margin-left: 32px;
    padding: 7px 29px 6px 100px;
    box-sizing: border-box;
    border-radius: 13px;
    font-style: italic;
}



/*--------Fin Vista de titulo------*/





/*seccion clientes*/

section.clientes{

	padding: 50px 50px 80px  50px;

	background: #DFDFDF;

	margin: 0;

	z-index: -20;

	position: relative;

	/*flex*/

	display: flex;

	justify-content: center;



}

section.clientes div.nuestrosClientes {
	background: #fff;
	width: 100%;
	border-radius: 30px;
	padding: 20px;
}
.nuestrosClientes .custom > div > section{

	margin: 0 200px;
}

section.clientes .nuestrosClientes .cycle-slideshow .clientesBottom-Home section{
	display: flex;
	justify-content: space-between;

}
section.clientes .nuestrosClientes .cycle-slideshow .clientesBottom-Home{
width: 100%;

}

/* Fin de la seccion clientes*/



/*----- Fin de la Sección del todo el contenido----*/



/*Pie de pagina*/

footer{

	margin-top: -23px;

	    padding: 40px 0px 0px 50px;

	background: rgba(23,126,194,1);

	background: linear-gradient(to bottom, rgba(23,126,194,1) 0%, rgba(46,51,147,1) 65%, rgba(44,41,107,1) 89%, rgba(44,41,107,1) 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#177ec2', endColorstr='#2c296b', GradientType=0 );

	border-top: 10px solid #9390D8;

	position: relative;

	/*flex*/

}

footer .datos-contacto{

	display: flex;

	justify-content: space-between;

	width: 800px;

	  

}

footer .datos-contacto .compraEnLinea .custom {

	display: flex;

	flex-direction: column;

	flex-wrap: wrap;

}

footer .datos-contacto .compraEnLinea h4{

	color: #fff;

	margin: 0;

	font-size: 18px;

	margin-bottom: 20px;

}

footer .datos-contacto .compraEnLinea .contentCarritoDeCompras{

	display:flex;

	align-items: center;

}

footer .datos-contacto .compraEnLinea .contentCarritoDeCompras img{

	margin-right: 20px;

}

footer .datos-contacto .compraEnLinea .contentCarritoDeCompras .textos{

	display:flex;

	flex-direction: column;

	justify-content: flex-start;

}

footer .datos-contacto .compraEnLinea .contentCarritoDeCompras .textos p{

	color: #fff;

	margin: 0;

	font-size: 16px;

	font-weight: 500;

}

footer .datos-contacto .compraEnLinea .contentCarritoDeCompras .textos a{

	text-decoration: none;

	color: #fff;

	transition: 0.3s;

}

.footer .datos-contacto .compraEnLinea .contentCarritoDeCompras .textos:hover a{

	color: blue	;

}

footer  .imagen-star {



	position: absolute;



	bottom: 0;

	right: 0;





}

footer  .imagen-star img{

	display: flex;

}

footer .datos-contacto .imagen-star img{

	margin: 0;

	display: flex;

}

footer .politicaDeproteccion .custom{

	padding: 30px 0 50px 0;

}

footer .politicaDeproteccion .custom a:nth-child(2n+2) {

	border-left: 2px solid #A2A5CA;
    padding-left: 20px;

}

footer .politicaDeproteccion .custom a{

	text-decoration: none;

	color: #A2A5CA;

	font-weight: 700;

	position: relative;

	margin-bottom: 10px;

	 margin: 0 20px 20px 0px;

}	

.logoAdOne{

	background-color: #2C1D3E;

	padding: 10px 35px 5px 10px;

	display: flex;

	justify-content: flex-end;

}

/*--------------Inicio Gracias----------*/
.ConfirmacionDeGracias{
	padding: 20px;
    margin: 50px;
    display: flex;
    flex-direction: column;
    align-items: center;

}

.ConfirmacionDeGracias .desingGracias{
	width: 500px;	
	border:2px solid #29439d;
    border-bottom: 30px solid #29439d;
    padding: 20px;	 
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.ConfirmacionDeGracias .desingGracias h2{
	color: #6a6a6a;
	font-weight: 800;
	font-size: 30px;
	margin: 0;
}
.ConfirmacionDeGracias .desingGracias p{
	margin: 0;
}
/*--------------fin de Gracias----------*/
.menuDespelgableTop {
    display: none;
}
a.whatsapi {
    display: none;
}