:root{
  --azul: #1bcaff;
  --azul02:#008aae;
  --azul03:#87CEEB;
  --azul04:#ADD8E6;
  --azulOscuro: #0044b4;
  --gris-oscuro:#2F2E2E;
  --oro:#f4ad08;
  --oro-claro:#ffeec7;
}
/* RESET */
*{
	margin: 0;
	padding: 0;
	list-style: none;
	text-decoration: none;
	border: none;
	outline: none;
}
.container-fluid{
  padding:0 !important;
}
.row > *{
  padding: 0 !important;
}
.row{
  margin:0 !important;
}
h1,h2,h3,h4{
	margin:0 !important;
}
a{
	text-decoration: none !important;
}
ul{
  margin-bottom: 0 !important;
  padding: 0 !important;
}
html{
  scroll-behavior: smooth;
}
body{
  overflow-x: hidden !important;
  background-color: black;
  font-family: fuente-regular;
}
/* RESET */

/* FUENTES */
@font-face {
    font-family: fuente-regular;
    src: url("../font/Montserrat-Regular.ttf");
    font-display: swap;
}
@font-face {
    font-family: fuente-light;
    src: url("../font/Montserrat-Light.ttf");
    font-display: swap;
}
@font-face {
    font-family: fuente-Bold;
    src: url("../font/Montserrat-Bold.ttf");
    font-display: swap;
}

/* ESPACIOS */
.espacio-5{
	padding:2.5rem 0rem;
	background-color: white;
}
/* ESPACIOS */

/* HEADER */
header{
	width: 100%;
	background-color: white;
	position: fixed !important;
 	width: 100% !important;
 	padding: .5rem 0 !important;
 	border-bottom: 1px solid var(--oro) !important;
 	z-index:10;
}
header nav{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: transparent;
}
header nav .logo{
	width: 15%;
}
header nav .logo img{
	width: 100%;
}
header nav .menu .lista{
	display: flex;
}
header nav .menu .lista li{
	list-style: none;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
header nav .menu .lista li a{
	text-decoration: none;
	transition: 0.3s;
	color: black;
	opacity: 1 !important;
	transition: 0.3s !important;
	font-size: 1rem;
	font-family: fuente-regular;
	letter-spacing: .1rem;
}
header nav .menu .lista li a:hover{
	color: var(--oro);
}
header nav .menu .lista li a.activo{
	color: var(--oro);
}
.burger > i{
	display: none;
}
.img-bandera{
	text-align: end;
}
.img-bandera img{
	width: 40%;
}
header nav .menu .lista li .btn-enterprice-menu{
	font-family: fuente-bold;
	text-transform: uppercase;
	background-color: var(--oro);
	border: 1px solid var(--oro);
	color: black;
	transition: .5s;
	/*padding: .3rem 6%;*/
	font-size: .9rem;
}
header nav .menu .lista li .btn-enterprice-menu:hover{
	background-color: transparent;
	color:var(--oro);
}
/* HEADER */

/* BANNER */
.banner{
	padding-top: 4.8%;
	position: relative;
}
.banner .titulo {
  width: 100%;
  height: 83%;
  position: absolute;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.banner .titulo .row{
	width: 100%;
}
.banner .titulo img{
	width: 35%;
}
.banner .titulo h2 {
  color: white;
  font-size: 5rem;
  font-family: fuente-regular;
  text-transform: uppercase;
  text-shadow: 1px 1px 2px black;
}
.banner .titulo h3 {
  color: white;
  font-size: 4rem;
  font-family: fuente-light;
  text-transform: uppercase;
}
.banner .titulo h3 span{
	font-family: fuente-bold;
	color:var(--oro);
}
.banner .imagen {
  position: relative;
  width: 100%;
  height: 100%;
}
/* BANNER */

/* ABOUT BUSSINES */
.about-bussines{
	width: 100%;
	height: 100%;
	background-color: white;
	/*padding: 5rem 0rem;*/
	overflow: hidden;
}
.about-bussines .titulo{
	text-align: end;
}
.about-bussines .titulo h2{
	font-family: fuente-bold;
	font-size: 2rem;
	text-align: end;
	text-transform: uppercase;
}
.about-bussines .texto-years{
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: end;
	text-align: end;
	padding-left: 5rem !important;
	overflow: hidden;
}
.about-bussines .texto-left{
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: start;
	text-align: start;
	padding-right: 5rem !important;
	overflow: hidden;
}
.about-bussines .texto-years{
	/*padding: 5rem 0rem;*/
}
.about-bussines .contenedor #texto h3{
	font-family: fuente-bold;
	font-size: 4rem;
	text-align: end;
}
.about-bussines .contenedor #texto{
	text-align: end;
	display: flex;
	justify-content: end;
	align-items: center;
	transition: .3s;
}
.about-bussines .contenedor p{
	font-family: fuente-regular;
	font-size: 1.1rem;
	text-align: justify;
	opacity: .7;
	margin-bottom: 0rem;
}
.years-trogrim{
	background: url(../img/fondo-enciende.webp);
  background-attachment: fixed;
  background-size: auto;
  background-size: cover;
  background-position: left;
  width: 100%;
  height: 100%;
}
/* ABOUT BUSSINES */

/* CARRUCEL FACTS */
.carrucel-facts{
	background-color: whitesmoke;
	padding: 5rem 0rem;
}
.carrucel-facts .titulo{
	text-align: center;
}
.carrucel-facts .titulo h2{
	font-family: fuente-regular;
	font-size: 2rem;
	text-align: center;
}
.carrucel-facts #exampleSlider-facts {
  position: relative;
}
.carrucel-facts #exampleSlider-facts .MS-content {
  margin: 0px 5%;
  overflow: hidden;
  white-space: nowrap;
}
.carrucel-facts #exampleSlider-facts .MS-content .item {
  display: inline-block;
  height: 320px;
  overflow: hidden;
  position: relative;
  vertical-align: top;
  border-right: none;
  width: 50%;
  white-space: normal;
  padding: 1rem;
}
.carrucel-facts #exampleSlider-facts .MS-content .item .ficha-fact{
	background-color: white;
	text-align: center;
	padding: 2rem;
	/*box-shadow: 2px 2px 4px silver;*/
	transition: .5s;
}
.carrucel-facts #exampleSlider-facts .MS-content .item .ficha-fact:hover{
	/*transform: scale(1.1);*/
}
.carrucel-facts #exampleSlider-facts .MS-content .item .ficha-fact h4{
	font-family: fuente-regular;
	font-size: 1.5rem;
}
.carrucel-facts #exampleSlider-facts .MS-content .item .ficha-fact hr{
	margin:2rem 0rem;
	background-color: var(--oro);
	opacity: 1;
	border: 1px solid var(--oro);
}
.carrucel-facts #exampleSlider-facts .MS-content .item .ficha-fact p{
	font-family: fuente-light;
	font-size: 1rem;
	text-align: justify;
	margin-bottom: 0rem;
}
.carrucel-facts #exampleSlider-facts .MS-content .item i {
  font-size: 3rem !important;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 10% 0 !important;
}
.carrucel-facts #exampleSlider-facts .MS-controls button {
  position: absolute;
  border: none;
  background: transparent;
  font-size: 30px;
  outline: 0;
  top: 35% !important;
}
.carrucel-facts #exampleSlider-facts .MS-controls button img{
  width: 30%;
}
.carrucel-facts #exampleSlider-facts .MS-controls button:hover {
  cursor: pointer;
}
.carrucel-facts #exampleSlider-facts .MS-controls .MS-left {
  left: -3% !important;
}
.carrucel-facts #exampleSlider-facts .MS-controls .MS-right {
  right: -3% !important;
}
/* card flip animation */
.cardContenedor{
  background-color: transparent !important;
  perspective: 3000px;
  height: 320px;
  border: 0px;
  cursor: pointer !important;
}
.card-flip{
	width: 100%;
	height: 100% !important;
}

.flip {
  position: relative;
  width: 100%;
  height: 100%;
  transition: transform 0.6s;
  transform-style: preserve-3d;
}

.cardContenedor:hover .flip {
  transform: rotateY(180deg);
}

.cardFront{
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  background-color: white !important;
  /*border:1rem solid red !important;*/
}
.cardFront img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.cardBack {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  background-color: white !important;
  /*border:1rem solid blue !important;*/
  background-color: #EDFFF6;
  transform: rotateY(180deg);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
/* CARRUCEL FACTS */

/* FORMULARIO BUSSINES */
.formulario-bussines{
	background-color: white;
	padding: 5rem 0rem;
	overflow: hidden;
}
.formulario-bussines .titulo{
	text-align: center;
}
.formulario-bussines .titulo h2{
	font-family: fuente-bold;
	font-size: 2rem;
	text-align: center;
	text-transform: uppercase;
}
.formulario-bussines .contenedor{
	padding-right: 3rem;
	width: 100%;
	height: 100%;
}
.formulario-bussines .contenedor .recuadro{
	background-color: black;
	color:white;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: end;
	text-align: end;
	padding: 2rem;
	position: relative;
	overflow: hidden;
	border-radius: 1rem
}
.formulario-bussines .contenedor .recuadro .linea-numero{
	border-right: 2px solid white;
	padding-right: 3rem;
}
.formulario-bussines .contenedor .recuadro h3{
	font-family: fuente-regular;
	font-size: 3rem;
}
.formulario-bussines .contenedor .recuadro p{
	font-family: fuente-regular;
	font-size: 1.3rem;
}
.formulario-bussines .contenedor .recuadro .titulo-numero{
	font-size: 1.5rem;
}
.formulario-bussines form .btn-form-bussines{
	font-family: fuente-regular;
	font-size: .9rem;
	text-transform: uppercase;
	background-color: var(--oro);
	border: 1px solid var(--oro);
	color:black;
	padding: .3rem 10%;
	transition: .5s;
}
.formulario-bussines form .btn-form-bussines:hover{
	background-color:black;
	border: 1px solid black;
	color:var(--oro);
}
.formulario-bussines form input,
.formulario-bussines form select,
.formulario-bussines form textarea,
.formulario-bussines form label{
	font-family: fuente-light;
	background-color: whitesmoke;
}
.formulario-bussines .form-control:focus{
	background-color: whitesmoke;
	border: var(--bs-border-width) solid var(--bs-border-color);
	box-shadow: none;
}
.formulario-bussines input,
.formulario-bussines textarea{
	display: block;
  width: 100%;
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: var(--bs-body-bg);
  background-clip: padding-box;
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
/* FORMULARIO BUSSINES */

/* CERTIFICACIONES BUSSINES */
.certificaciones-bussines{
	padding: 5rem 0rem;
	background-color: whitesmoke;
	overflow: hidden;
}
.certificaciones-bussines .cont-img-bussines{
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.certificaciones-bussines .cont-img-bussines img{
	width: 35%;
	margin-bottom: 4rem;
}
.certificaciones-bussines .cont-texto-bussines{
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}
.certificaciones-bussines .cont-texto-bussines h4{
	font-family: fuente-regular;
	font-size: 1.5rem;
}
/* CERTIFICACIONES BUSSINES */


/* ACORDEONES FAQ */
.acordeones-faq{
	background-color: white;
	padding: 5rem 0rem;
	overflow: hidden;
}
.acordeones-faq .titulo{
	text-align: center;
}
.acordeones-faq .titulo h2{
	font-family: fuente-bold;
	font-size: 2rem;
	text-align: center;
	text-transform: uppercase;
}
.acordeones-faq .accordion-button{
	font-family: fuente-bold;
	font-size: 1.1rem;
	background-color: black !important;
	color:white;
}
.accordion-button::after{
	background-image: url(../img/arrow.png) !important;
}
.acordeones-faq .accordion-button:not(.collapsed){
	background-color: whitesmoke;
	color:white;
}
.acordeones-faq .accordion-button:focus{
	box-shadow: none;
}
.acordeones-faq .accordion-body{
	padding: 1.5rem;
	text-align: justify;
}
.acordeones-faq .accordion-body{
	font-size: 1rem;
	font-family: fuente-regular;
}
.acordeones-faq .accordion-body p{
	margin: 0rem !important;
}
/* ACORDEONES FAQ */

/* RESEÑAS */
.reseñas{
	background-color: white;
	padding-bottom:5rem;
}
.reseñas .titulo{
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.reseñas .titulo h2{
	font-family: fuente-regular;
  font-size: 2rem;
  text-align: center;
  text-transform: uppercase;
}
.reseñas .titulo hr{
	width: 15%;
	height: .2rem;
	background-color: var(--azul-oscuro);
	opacity: 1;
}
#exampleSlider-reseñas{
  position: relative;
  margin-top:2rem !important;
}
#exampleSlider-reseñas .MS-content {
  margin: 0px 5%;
  overflow: hidden;
  white-space: nowrap;
}
#exampleSlider-reseñas .MS-content .item {
  display: inline-block;
  height: 100%;
  overflow: hidden;
  position: relative;
  vertical-align: top;
  border-right: none;
  width: 50% !important;
  white-space: normal !important;
}
#exampleSlider-reseñas .MS-content .item #cont{
	background-color: whitesmoke;
	padding:1rem 3rem !important;
	color:black !important;
	width: 100% !important;
	height: 16rem !important;
	display: flex !important;
	justify-content: center !important;
	align-items: start !important;
	flex-direction: column !important;
	border-radius: 2rem !important;
}
#exampleSlider-reseñas .MS-content .item #cont h3{
	font-size: 1.4rem !important;
	font-family: fuente-regular;

}
#exampleSlider-reseñas .MS-content .item #cont h4{
	font-size: 1.1rem !important;
	font-family: fuente-regular;

}
#exampleSlider-reseñas .MS-content .item #cont h5{
	font-size: .8rem !important;
	font-family: fuente-regular;
}
#exampleSlider-reseñas .MS-content .item #cont #texto{
	width: 100% !important;
	position: relative !important;
	height: 100% !important;
	overflow:hidden !important;
	color:black !important;
}
#exampleSlider-reseñas .MS-content .item #cont #texto p{
	text-align: justify !important;
	font-size: 1.1rem !important;
	font-family: fuente-regular;
}
#exampleSlider-reseñas .MS-content .item #cont ul li i{
	color:gold !important;
}
#exampleSlider-reseñas .MS-content .item #text{
	background-color: white !important;
	color:black !important;
	overflow: hidden !important;
	width: 100% !important;
	height: 100% !important;
	border-bottom-left-radius: 2rem !important;
	border-bottom-right-radius: 2rem !important;
}
#exampleSlider-reseñas .MS-content .item #text h3{
	font-size:1.2rem;
	padding: .5rem 2rem !important;
	position: relative !important;
	overflow: hidden !important;
	font-family: media !important;
}
#exampleSlider-reseñas .MS-content .item .content{
  overflow: hidden !important;
  border-top-left-radius: 2rem !important;
  border-top-right-radius: 2rem !important;
}
#exampleSlider-reseñas .MS-content .item .content img{
  transition: 0.5s !important;
  border-top-left-radius: 2rem !important;
  border-top-right-radius: 2rem !important;
}
#exampleSlider-reseñas .MS-content .item .content img:hover{
  transform: scale(1.2);
}
#exampleSlider-reseñas .MS-controls button {
  position: absolute;
	border: none;
	background: transparent;
	font-size: 40px;
	outline: 0;
	top: 45% !important;
	color: black;
	opacity: .3;
	transition: .5s;
}

#exampleSlider-reseñas .MS-controls button:hover {
  cursor: pointer;
  opacity: 1;
}
#exampleSlider-reseñas .MS-controls .MS-left {
  left: 2% !important;
}
#exampleSlider-reseñas .MS-controls .MS-right {
  right: 2% !important;
}
/* RESEÑAS */

/* BANNERS ANIMADOS */
.banners-home{
	padding-top:0%;
	overflow: hidden;
}
.banner04{
	position: absolute;
  top:35%;
  left:50%;
  width: 40%;
  transition-delay: 5s;
  animation: letrasBottom 2s;
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  align-items: end;
  text-align: end;
}
.banner04 h3{
	font-size: 3rem;
	color:black;
	font-family: fuente-bold;
	text-shadow: 1px 1px 2px grey;
}
.banner04 h3 span{
	font-size: 3.1rem;
	text-transform: uppercase;
}
.banner04 p{
	font-size: 1.5rem;
	font-family: fuente-regular;
	margin-top:1.5rem;
}
.banner04 .btn-banner{
	margin-top:1.5rem;
	font-family: fuente-bold;
	text-transform: uppercase;
	background-color: var(--oro);
	border: 1px solid var(--oro);
	color:black;
	padding: .3rem 6%;
	animation: latido-boton .5s infinite;
}
.banner04 .btn-banner:hover{
	background-color: transparent;
	border: 1px solid black;
}
@keyframes letrasBottom{
  from{
    margin-top:50%;
  }
  to{
    margin-top:0%;
  }
}
@keyframes latido-boton {
    from { transform: none; }
    50% { transform: scale(1.1); }
    to { transform: none; }
}

/* --BANNER EXPO-- */
.banner-expo{
	position: absolute;
  top:35%;
  left:50%;
  width: 40%;
  transition-delay: 5s;
  animation: letrasBottom 2s;
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  align-items: end;
  text-align: end;
  padding-left: 4rem;
}
.banner-expo h3{
	font-size: 2.7rem;
	color:white;
	font-family: fuente-bold;
	text-shadow: 1px 1px 2px silver;
}
.banner-expo h3 span{
	font-size: 3rem;
	text-transform: uppercase;
}
.banner-expo p{
	font-size: 1.3rem;
	font-family: fuente-regular;
	margin-top:1rem;
	margin-bottom:0rem;
	color:white;
}
.banner-expo .btn-banner{
	margin-top:1.5rem;
	font-family: fuente-bold;
	text-transform: uppercase;
	background-color: var(--oro);
	border: 1px solid var(--oro);
	color:black;
	transition: .5s;
	padding: .3rem 6%;
}
.banner-expo .btn-banner:hover{
	background-color: transparent;
	border: 1px solid var(--oro);
	color:var(--oro);
}
@keyframes letrasBottom{
  from{
    margin-top:50%;
  }
  to{
    margin-top:0%;
  }
}

/* --BANNER ILUMINACION-- */
.banner-iluminacion{
	position: absolute;
  top:30%;
  left:10%;
  width: 40%;
  transition-delay: 5s;
  animation: letrasBottom 2s;
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  align-items: start;
  text-align: start;
  padding-right: 4rem;
}
.banner-iluminacion h3{
	font-size: 3rem;
	color:white;
	font-family: fuente-bold;
	text-shadow: 1px 1px 2px silver;
}
.banner-iluminacion h3 span{
	font-size: 3.3rem;
	text-transform: uppercase;
}
.banner-iluminacion p{
	font-size: 1.5rem;
	font-family: fuente-regular;
	margin-top:1rem;
	margin-bottom:0rem;
	color:white;
}
.banner-iluminacion .btn-banner{
	margin-top:1.5rem;
	font-family: fuente-bold;
	text-transform: uppercase;
	background-color: var(--oro);
	border: 1px solid var(--oro);
	color:black;
	transition: .5s;
	padding: .3rem 6%;
}
.banner-iluminacion .btn-banner:hover{
	background-color: transparent;
	border: 1px solid var(--oro);
	color:var(--oro);
}
@keyframes letrasBottom{
  from{
    margin-top:50%;
  }
  to{
    margin-top:0%;
  }
}
@keyframes latido-boton {
  from { transform: none; }
  50% { transform: scale(1.1); }
  to { transform: none; }
}
/* --BANNER SEGURIDAD-- */
.banner-seguridad{
	position: absolute;
  top:40%;
  left:50%;
  width: 40%;
  transition-delay: 5s;
  animation: letrasBottom 2s;
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  align-items: end;
  text-align: end;
  padding-left: 1rem;
}
.banner-seguridad h3{
	font-size: 3rem;
	color:white;
	font-family: fuente-bold;
	text-shadow: 1px 1px 2px silver;
}
.banner-seguridad h3 span{
	font-size: 3.3rem;
	text-transform: uppercase;
}
.banner-seguridad p{
	font-size: 1.5rem;
	font-family: fuente-regular;
	margin-top:1rem;
	margin-bottom:0rem;
	color:white;
}
.banner-seguridad .btn-banner{
	margin-top:1.5rem;
	font-family: fuente-bold;
	text-transform: uppercase;
	background-color: var(--oro);
	border: 1px solid var(--oro);
	color:black;
	transition: .5s;
	padding: .3rem 6%;
}
.banner-seguridad .btn-banner:hover{
	background-color: transparent;
	border: 1px solid var(--oro);
	color:var(--oro);
}

/* --BANNER CAMINO-- */
.banner-camino{
	position: absolute;
  top:35%;
  left:10%;
  width: 40%;
  transition-delay: 5s;
  animation: letrasBottom 2s;
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  align-items: start;
  text-align: start;
  padding-right: 4rem;
}
.banner-camino h3{
	font-size: 3rem;
	color:white;
	font-family: fuente-bold;
	text-shadow: 1px 1px 2px silver;
}
.banner-camino h3 span{
	font-size: 3.3rem;
	text-transform: uppercase;
}
.banner-camino p{
	font-size: 1.5rem;
	font-family: fuente-regular;
	margin-top:1rem;
	margin-bottom:0rem;
	color:white;
}
.banner-camino .btn-banner{
	margin-top:1.5rem;
	font-family: fuente-bold;
	text-transform: uppercase;
	background-color: var(--oro);
	border: 1px solid var(--oro);
	color:black;
	transition: .5s;
	padding: .3rem 6%;
}
.banner-camino .btn-banner:hover{
	background-color: transparent;
	border: 1px solid var(--oro);
	color:var(--oro);
}
@keyframes letrasBottom{
  from{
    margin-top:50%;
  }
  to{
    margin-top:0%;
  }
}
@keyframes latido-boton {
  from { transform: none; }
  50% { transform: scale(1.1); }
  to { transform: none; }
}
/* BANNERS ANIMADOS */

/* FORMULARIO */
.formulario{
	background-color: whitesmoke;
	padding: 6rem 0rem;
	overflow: hidden;
}
.formulario textarea{
	resize: none;
}
.formulario .titulo{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	width: 100%;
}
.formulario .titulo h2{
	font-size: 2.5rem;
	font-family: fuente-regular;
}
.formulario .titulo h2 span{
	font-family: fuente-bold;
}
.formulario .titulo p{
	font-size: 1.1rem;
	margin-top:1rem;
	font-family: fuente-light;
}
.formulario .btn-formulario{
	background-color: var(--oro);
	border: 1px solid var(--oro) !important;
	color:black;
	padding: .5rem 5%;
	font-family: fuente-bold;
	text-transform: uppercase;
	padding: .3rem 6%;
}
.formulario .btn-formulario:hover{
	background-color: transparent;
	color:var(--oro);
}
.formulario .form-control::placeholder,
.formulario .form-select::placeholder,
.formulario .form-control,
.formulario .form-select{
	font-family: fuente-light !important;
}
@keyframes latido-boton {
  from { transform: none; }
  50% { transform: scale(1.1); }
  to { transform: none; }
}

.formbox-field_6KBZJ input,
.formbox-field_6KBZJ input:active,
.formbox-field_6KBZJ textarea,
.formbox-field_6KBZJ textarea:active{
	display: block;
  width: 100%;
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: var(--bs-body-bg);
  background-clip: padding-box;
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  font-family: fuente-light;
}
/* FORMULARIO */

/* THANKS DISTRIBUIDORES */
.thanks_d{
	background-color: black;
	overflow: hidden;
}
.thanks_d .contenedor{
	width: 100%;
	height: 100vh;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
}
.thanks_d .contenedor img{
	width: 20%;
}
.thanks_d .contenedor h4{
	font-family: fuente-regular;
	font-size: 3rem;
	color:white;
	margin:2rem 0rem 4rem !important;
}
.thanks_d .contenedor .btn-thanks{
	background-color: var(--oro);
	color:black;
	font-family: fuente-bold;
	text-transform: uppercase;
	text-transform: .5s;
	border:1px solid var(--oro);
	padding: .3rem 3%;
	transition: .5s;
}
.thanks_d .contenedor .btn-thanks:hover{
	background-color: transparent;
	color:var(--oro);
}
/* THANKS DISTRIBUIDORES */

/* MAPA */
.mapa,{
	margin-bottom: -1rem;
}
/* MAPA */

.video{
	margin-bottom:-.4rem;
}

/* IMAGEN TEXTO IZQUIERDA */
.img-texto-izquierda{
	background-color: whitesmoke;
	overflow: hidden;
}
.img-texto-izquierda .img-animada{
	position: relative;
}
.img-texto-izquierda .img-animada .img-superior{
	position: relative;
	z-index: 2;
}
.img-texto-izquierda .img-animada .img-fondo{
	position: absolute;
}
.img-texto-izquierda .contenedor{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: start;
	text-align: start;
	width: 100%;
	height: 100%;
	padding-right:3rem;
}
.img-texto-izquierda .contenedor .logo-enciende-img{
	width: 60%;
}
.img-texto-izquierda .contenedor h2{
	font-family: fuente-regular;
	font-size: 2.5rem;
}
.img-texto-izquierda .contenedor h2 span{
	font-family: fuente-bold;
}
.img-texto-izquierda .contenedor p{
	font-family: fuente-light;
	font-size: 1rem;
	margin-top:2rem;
	text-align: justify;
}
.img-texto-izquierda .contenedor p span{
	font-family:fuente-regular;
}
.img-texto-izquierda .contenedor .btn-img-texto{
	background-color: var(--oro);
	color:black;
	font-family: fuente-bold;
	text-transform: uppercase;
	text-transform: .5s;
	border:1px solid var(--oro);
	padding: .3rem 6%;
	animation: latido-boton 2s infinite;
}
.img-texto-izquierda .contenedor .btn-img-texto:hover{
	background-color: transparent;
	color:var(--oro);
}
@keyframes latido-boton {
  from { transform: none; }
  50% { transform: scale(1.1); }
  to { transform: none; }
}
/* IMAGEN TEXTO IZQUIERDA */

/* IMAGEN TEXTO DERECHA */
.fondo-enciende{
	background: url(../img/fondo-enciende.webp);
	background-size: cover;
	background-position: center;
	padding: 3rem 0rem 6rem;
}
.img-texto-derecha{
	background-color: whitesmoke;
	overflow: hidden;
}
.img-texto-derecha .img-animada{
	position: relative;
}
.img-texto-derecha .img-animada .img-superior{
	position: relative;
	z-index: 2;
}
.img-texto-derecha .img-animada .img-fondo{
	position: absolute;
}
.img-texto-derecha .contenedor{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: end;
	text-align: end;
	width: 100%;
	height: 100%;
	padding-left:3rem;
}
.img-texto-derecha .contenedor .logo-enciende-img{
	width: 85%;
}
.img-texto-derecha .contenedor h2{
	font-family: fuente-bold;
  font-size: 2rem;
  text-transform: uppercase;
}
.img-texto-derecha .contenedor p{
	font-family: fuente-regular;
  font-size: 1.1rem;
  text-align: justify;
  opacity: .7;
  margin-bottom: 0rem;
}
.img-texto-derecha .contenedor p span{
	font-family:fuente-regular;
}
.img-texto-derecha .contenedor .btn-img-texto{
	background-color: var(--oro);
	color:black;
	font-family: fuente-bold;
	text-transform: uppercase;
	text-transform: .5s;
	border:1px solid var(--oro);
	padding: .3rem 6%;
	animation: latido-boton 2s infinite;
}
.img-texto-derecha .contenedor .btn-img-texto:hover{
	background-color: transparent;
	color:var(--oro);
}
@keyframes latido-boton {
  from { transform: none; }
  50% { transform: scale(1.1); }
  to { transform: none; }
}
/* IMAGEN TEXTO DERECHA */

/* IMAGEN TEXTO DERECHA 2 */
.img-texto-derecha-02{
	background-color: whitesmoke;
	overflow: hidden;
	height: 460px;
}
.img-texto-derecha-02 .img-animada{
	position: relative;
	overflow: hidden;
}
.img-texto-derecha-02 .img-animada .img-superior{
	position: relative;
	z-index: 2;
}
.img-texto-derecha-02 .img-animada .img-fondo{
	position: absolute;
}
.img-texto-derecha-02 .contenedor{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: end;
	text-align: end;
	width: 100%;
	height: 100%;
	padding-left:3rem;
}
.img-texto-derecha-02 .contenedor h2{
	font-family: fuente-regular;
	font-size: 2.5rem;
}
.img-texto-derecha-02 .contenedor p{
	font-family: fuente-light;
	font-size: 1rem;
	margin-top:2rem;
	text-align: justify;
}
.img-texto-derecha-02 .contenedor p span{
	font-family:fuente-regular;
}
.img-texto-derecha-02 .contenedor .btn-img-texto{
	background-color: var(--oro);
	color:black;
	font-family: fuente-bold;
	text-transform: uppercase;
	text-transform: .5s;
	border:1px solid var(--oro);
	padding: .3rem 6%;
	animation: latido-boton 2s infinite;
}
.img-texto-derecha-02 .contenedor .btn-img-texto:hover{
	background-color: transparent;
	color:var(--oro);
}
@keyframes latido-boton {
  from { transform: none; }
  50% { transform: scale(1.1); }
  to { transform: none; }
}
/* IMAGEN TEXTO DERECHA */

/* IMAGEN TEXTO CENTRO */
.img-texto-centro{
	background-color: whitesmoke;
	padding: 4rem 0rem;
	overflow: hidden;
}
.img-texto-centro .contenedor{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	width: 100%;
	height: 100%;
}
.img-texto-centro .contenedor h2{
	font-family: fuente-regular;
	font-size: 2.5rem;
}
.img-texto-centro .contenedor p{
	font-family: fuente-light;
	font-size: 1rem;
	margin-top:2rem;
	text-align: justify;
}
.img-texto-centro .contenedor p span{
	font-family:fuente-regular;
}
/* IMAGEN TEXTO CENTRO */

/* VIDEO CUADRADO */
.video-cuadrado{
	background-color: whitesmoke;
	overflow: hidden;
	margin-bottom: -.3rem;
}
.video-cuadrado .contenedor{
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: end;
	text-align: end;
	padding-left: 6rem;
}
.video-cuadrado .contenedor h2{
	font-family: fuente-regular;
	font-size: 2.5rem;
}
.video-cuadrado .contenedor h2 span{
	font-family: fuente-bold;
}
.video-cuadrado .contenedor p{
	font-size: 1.2rem;
	font-family: fuente-light;
	margin-top: 3rem;
	text-align: justify;
}
/* VIDEO CUADRADO */

/* DISTRIBUIDORES */
.distribuidores{
	background-color: whitesmoke;
	overflow: hidden;
	padding:6rem 0rem;
}
.distribuidores .titulo{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	width: 100%;
}
.distribuidores .titulo h2{
	font-size: 2.5rem;
	font-family: fuente-regular;
}
.distribuidores .titulo h2 span{
	font-family: fuente-bold;
}
.distribuidores .titulo p{
	font-size: 1.1rem;
	margin-top:1rem;
	font-family: fuente-light;
}
.distribuidores .cont-botones{
	margin-top:3rem;
	width: 100%;
}
.distribuidores .cont-botones .accordion-item h2 a{
	background-color: var(--oro);
	font-family: fuente-regular;
}
.distribuidores .cont-botones .accordion-item{
	border:.5px solid black;
}
.distribuidores .cont-botones .accordion-item .accordion-body{
	background-color: white;
}
.distribuidores .cont-botones .accordion-item .accordion-body ul li{
	font-family: fuente-light;
}
.distribuidores .cont-botones .accordion-item .accordion-body ul li span{
	font-family: fuente-bold;
}
/* DISTRIBUIDORES */ 

/* PRODUCTOS */
.productos-catalogo{
	background-color: white;
	position: relative !important;
	/*padding:6rem 0rem;*/
	width: 100%;
	height: 600px;
}
.productos{
	background-color: whitesmoke;
	position: relative !important;
	padding:6rem 0rem;
	width: 100%;
	height: 100%;
}
.productos .titulo{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	width: 100%;
}
.productos .titulo h2{
	font-size: 2.5rem;
	font-family: fuente-regular;
}
.productos .titulo h2 span{
	font-family: fuente-bold;
}
.productos .titulo p{
	font-size: 1.1rem;
	margin-top:1rem;
	font-family: fuente-light;
}
.productos hr{
	width: 30%;
	height: .2rem;
	background-color: var(--oro);
	opacity: 1 !important;
	border: none;
}
.productos #cuadro{
	padding: 0 3rem !important;
}
.productos #cuadro img{
	padding: .5rem !important;
	border-radius: 20rem !important;
}
.productos #cuadro h1{
	font-size: 1.5rem !important;
	margin-top: 1rem !important;
}
.productos #cuadro p{
	font-size: 1.5rem !important;
	margin:.8rem 0rem !important;
}
.productos #contM{
	display: none !important;
}
.productos #titulo h1{
	font-family: 3rem !important;
}
.productos form {
	width: 100%;
	display: flex;
	justify-content: center;
	margin:4rem 0rem 2rem;
}
.productos .barra-busqueda {
	width: 70%;
	height: 40px;
	line-height: 40px;
	background: var(--oro);
	padding: 0 20px;
	border-radius: 100px;
	border: none;
	text-align: center;
	font-size: 16px;
}
.productos .categorias {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	padding: 0 5rem !important;
	line-height: 3rem !important;
}
.productos .categorias a {
	color: var(--oro);
	margin: 0px 20px;
	font-size: 18px;
	opacity: 1 !important;
	transition: 0.5s !important;
	text-decoration: none !important;
	font-family: fuente-light;
}
.productos .categorias a.activo {
	opacity: .5 !important;
}
.productos .grid {
	position: relative;
	width: 100%;
	opacity: 0;
	transition: opacity 0.5s linear 1s;
}
.productos .grid.imagenes-cargadas {
	opacity: 1;
}
.productos .grid .item {
	position: absolute;
	display: block;
	padding: 0;
	margin: 10px;
	width: calc(25% - 25px);
}
.productos .grid .item-contenido {
	position: relative;
	overflow: hidden !important;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	box-shadow: 1px 1px 3px silver;
	background-color: white;
}
.productos .grid .item-contenido a{
	color: white !important;
	text-decoration: none !important;
	font-size: 1rem !important;
}
.productos .grid .item img {
	width: 100%;
	cursor: pointer;
	vertical-align: top;
	transition: 0.5s !important;
	border-radius: 0 !important;
	background-color: white !important;
}
.productos .grid .item img:hover{
	transform: scale(1.1);
}
.productos .grid .item-contenido .texto{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	padding:1rem 2rem 2rem;
	background-color: white;
}
.productos .grid .item-contenido .texto h2{
	font-family: fuente-regular;
	font-size: 1.5rem;
	color:black;
}
.productos .grid .item-contenido .texto h3{
	color:var(--oro);
	font-size: 1rem;
	font-family: fuente-light;
	margin-top:1rem !important;
}

.productos .ficha .imagen-producto{
	text-align: center;
	padding: 0rem 2rem 2rem 0rem;
}
.productos .ficha .imagen-producto img{
	box-shadow: 1px 1px 3px silver;
}
.productos .ficha .titulo-ficha{
	text-align: end;
	padding-bottom: 2rem !important;
	width: 100%;
	height: 100%;
}
.productos .ficha .titulo-ficha h2{
	font-family: fuente-regular;
	font-size: 2rem;
	color: black;
}
.productos .ficha .sub-titulo{
	text-align: end;
	padding-left:5rem;
	margin-bottom: 3rem !important;
	width: 100%;
	height: 100%;
}
.productos .ficha .sub-titulo h3{
	font-family: fuente-regular;
	color:var(--oro);
	font-size: 1.2rem;
}
.productos .ficha .bullet{
	text-align: left;
	margin-bottom: 2rem;
}
.productos .ficha .bullet h4{
	font-size: 1.2rem;
	color:black;
	font-family: fuente-regular;
}
.productos .ficha .bullet p{
	font-family: fuente-light;
	color:black;
	opacity: 8;
	font-size: 1rem;
}
/* PRODUCTOS */

/* PRODCUTOS BD */
.productos-bd{
	background-color: whitesmoke;
	padding: 6rem 0rem;
}
/* PRODUCTOS BD */

/* SETS DE TENDENCIA */
.sets-tendencia{
	background-color: whitesmoke;
	padding:6rem 0rem;
	overflow: hidden;
	position: relative;
}
.sets-tendencia .titulo{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	width: 100%;
}
.sets-tendencia .titulo h2{
	font-size: 2.5rem;
	font-family: fuente-regular;
}
.sets-tendencia .titulo h2 span{
	font-family: fuente-bold;
}
.sets-tendencia .titulo p {
  font-size: 1.1rem;
  margin-top: 1rem;
  font-family: fuente-light;
}
.sets-tendencia .sets{
	width: 100%;
	height: auto;
	display: flex;
	flex-wrap: wrap;
	margin-top:3rem;
	position: relative;
}
.sets-tendencia .sets .nivel-cont{
	width: 33.33%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.sets-tendencia .sets .nivel-cont .nivel{
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	/*box-shadow: 1px 1px 3px black;*/
	/*background-color: white;*/
	transition: .5s;
	/*padding:1rem 0rem 2rem;*/
	cursor: pointer;
}
.sets-tendencia .sets .nivel-cont .nivel img{
	box-shadow: 2px 2px 3px grey;
}
.sets-tendencia .sets .nivel-cont .nivel:hover{
	transform: scale(1.1);
}
.sets-tendencia .sets .nivel-cont .nivel h3{
	font-family: fuente-regular;
	font-size: 1.5rem;
	margin-top: 2rem !important;
}
.nivel-1{
	padding:1rem 3rem 1rem 6rem;
}
.nivel-2{
	padding:1rem 4.5rem 1rem 4.5rem;
}
.nivel-3{
	padding:1rem 6rem 1rem 3rem;
}
/* STES DE TENDENCIA */

/* REVIEWS */
.reviews{
	background-color: whitesmoke;
	padding:6rem 0rem;
	overflow: hidden;
}
.reviews .titulo{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	width: 100%;
}
.reviews .titulo h2{
	font-size: 2rem;
	font-family: fuente-bold;
	text-transform: uppercase;
}
.reviews .titulo h2 span{
	font-family: fuente-bold;
}
#exampleSlider02{
  position: relative;
}
#exampleSlider02 .MS-content {
  margin: 0px 5%;
  overflow: hidden;
  white-space: nowrap;
}
#exampleSlider02 .MS-content .item {
  display: inline-block;
  height: 100%;
  overflow: hidden;
  position: relative;
  vertical-align: top;
  border-right: none;
  width: 50% !important;
  white-space: normal;
}
#exampleSlider02 .MS-content .item #cont{
	background-color: white;
	padding:1rem 2rem !important;
	color:black !important;
	width: 100% !important;
	height: 18rem !important;
	display: flex !important;
	justify-content: center !important;
	align-items: start !important;
	flex-direction: column !important;
	box-shadow: 1px 1px 3px silver;
}
#exampleSlider02 .MS-content .item #cont h3{
	font-size: 1.5rem !important;
}
#exampleSlider02 .MS-content .item #cont h4{
	font-size: 1.1rem !important;
	text-transform: uppercase;
	font-family: fuente-bold;
}
#exampleSlider02 .MS-content .item #cont h5{
	font-size: .8rem !important;
}
#exampleSlider02 .MS-content .item #cont #texto{
	width: 100% !important;
	position: relative !important;
	height: 100% !important;
	overflow:hidden !important;
	color:black !important;
	font-family: fuente-light;
	text-align: justify;
}
#exampleSlider02 .MS-content .item #cont #texto p{
	margin-bottom: 0 !important;
}
#exampleSlider02 .MS-content .item #cont ul li i{
	color:gold !important;
}
#exampleSlider02 .MS-content .item #text{
	background-color: white !important;
	color:black !important;
	overflow: hidden !important;
	width: 100% !important;
	height: 100% !important;
}
#exampleSlider02 .MS-content .item #text h3{
	font-size:1.2rem;
	padding: .5rem 2rem !important;
	position: relative !important;
	overflow: hidden !important;
}
#exampleSlider02 .MS-content .item .content{
  overflow: hidden !important;
}
#exampleSlider02 .MS-content .item .content img{
  transition: 0.5s !important;
}
#exampleSlider02 .MS-content .item .content img:hover{
  transform: scale(1.2);
}
#exampleSlider02 .MS-controls button {
  position: absolute;
  border: none;
  background: transparent;
  font-size: 30px;
  outline: 0;
  top: 40% !important;
  color:var(--gris-oscuro)
}
#exampleSlider02 .MS-controls button:hover {
  cursor: pointer;
}
#exampleSlider02 .MS-controls .MS-left {
  left: 2% !important;
}
#exampleSlider02 .MS-controls .MS-right {
  right: 2% !important;
}
/* REVIEWS */

/* VIDEO BLOG */
.video-blog{
	background-color: var(--gris-oscuro);
	padding:6rem 0rem;
	overflow: hidden;
}
.video-blog .titulo{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	width: 100%;
}
.video-blog .titulo h2{
	font-size: 2.5rem;
	font-family: fuente-bold;
	display: flex;
	justify-content: center;
	align-items: center;
	color:white;
}
.video-blog .titulo h2 img{
	width: 40%;
}
.video-blog .titulo p{
	font-size: 1.1rem;
  margin-top: 1rem;
  font-family: fuente-light;
  padding:0rem 10rem;
  color:white;
}
.video-blog .titulo p span{
	font-family: fuente-bold;
}

.video-blog-jefes{
	background-color: black;
	padding:6rem 0rem;
	overflow: hidden;
}
.video-blog-jefes .titulo{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	width: 100%;
}
.video-blog-jefes .titulo h2{
	font-size: 2.5rem;
	font-family: fuente-bold;
	display: flex;
	justify-content: center;
	align-items: center;
	color:white;
}
.video-blog-jefes .titulo h2 img{
	width: 40%;
}
.video-blog-jefes .titulo p{
	font-size: 1.1rem;
  margin-top: 1rem;
  font-family: fuente-light;
  padding:0rem 10rem;
  color:white;
}
.video-blog-jefes .titulo p span{
	font-family: fuente-bold;
}
#exampleSlider03{
  position: relative;
}
#exampleSlider03 .MS-content{
  margin: 0px 5%;
  overflow: hidden;
  white-space: nowrap;
}
#exampleSlider03 .MS-content .contenedor{
	box-shadow: 1px 1px 2px grey;
}
#exampleSlider03 .MS-content .contenedor a{
	color:black;
}
#exampleSlider03 .MS-content .contenedor h3{
	font-family: fuente-light;
	font-size: 1.2rem;
	color:black;
}
#exampleSlider03 .MS-content .item{
  display: inline-block;
  height: 100%;
  overflow: hidden;
  position: relative;
  vertical-align: top;
  border-right: none;
  width: 33.33%;
}
#exampleSlider03 .MS-content .item #text{
	background-color: white;
}
#exampleSlider03 .MS-content .item .content{
  overflow: hidden !important;
}
#exampleSlider03 .MS-content .item .content img{
  transition: 0.5s !important;
}
#exampleSlider03 .MS-content .item .content img:hover{
  transform: scale(1.2);
}
#exampleSlider03 .MS-controls button{
  position: absolute;
  border: none;
  background: transparent;
  font-size: 30px;
  outline: 0;
  top: 40% !important;
  color:var(--oro)
}
#exampleSlider03 .MS-controls button:hover{
  cursor: pointer;
  opacity: .5;
}
#exampleSlider03 .MS-controls .MS-left{
  left: 2% !important;
}
#exampleSlider03 .MS-controls .MS-right{
  right: 2% !important;
}
/* VIDEO BLOG */

/* PANORAMICA */
.p-top{
	padding-top: 6rem;
}
.panoramica{
	background-color: white;
	padding-bottom:6rem;
	overflow: hidden;
}
.panoramica .cont-izq{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: start;
	text-align: start;
	width: 100%;
	height: 100%;
	padding-right: 2rem;
}
.panoramica .cont-izq h3{
	font-size: 2rem;
	font-family: fuente-regular;
}
.panoramica .cont-izq h3 span{
	font-family: fuente-bold;
	font-size: 2.2rem;
}
.panoramica .cont-izq .btn-panoramica{
	background-color: var(--oro);
	color:black;
	text-transform: uppercase;
	border: 1px solid var(--oro);
	transition: .5s;
	font-family: fuente-bold;
	margin-top:1.5rem;
	padding: .3rem 6%;
	animation: latido-boton 2s infinite;
}
.panoramica .cont-izq .btn-panoramica:hover{
	background-color: transparent;
	color:var(--oro);
}
@keyframes latido-boton {
  from { transform: none; }
  50% { transform: scale(1.1); }
  to { transform: none; }
}
.panoramica .cont-der{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: end;
	text-align: end;
	width: 100%;
	height: 100%;
	padding-left: 2rem;
}
.panoramica .cont-der p{
	font-family: fuente-light;
	font-size: 1.1rem;
	text-align: justify;
	margin-bottom: 0 !important;
}
.panoramica .cont-der p span{
	font-family: fuente-bold;
}
.panoramica-img{
	background: url('../img/panoramica.webp');
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
  	background-position: center;
  	background-size: cover;
  	padding: 4rem 2rem;
  	text-align: center;
}
.panoramica-img h3{
	font-size: 6rem;
	font-family: fuente-regular;
	color:white;
	text-shadow: 1px 1px 3px black;
}
.panoramica-img h3 span{
	font-family: fuente-bold;
}
/* PANORAMICA */

/* POST REDES SOCIALES */
.post-redes{
  background-color: var(--gris-oscuro);
  position: relative;
  z-index:2;
}
.post-redes .titulo{
  text-align: center;
  padding:1rem 0rem;
}
.post-redes .titulo a img{
	transition: .5s;
	width: 40%;
}
.post-redes .titulo a img:hover{
	transform: scale(1.1);
}
.post-redes .titulo h3{
  font-family: fuente-regular;
  font-size: 2rem;
  color:var(--oro);
}
.post-redes ul{
  display: flex;
  overflow: hidden;
}
.post-redes ul li{
  width: 16.66%;
  overflow: hidden;
  transition: .5s;
}
.post-redes ul li .cont{
  width: 100%;
  height: 100%;
  overflow: hidden;
  transition: .5s;
}
.post-redes ul li:hover .cont{
  transform: scale(1.1);
}
/* INSTAGRAM */

/* AVISO PRIVACIDAD */
.aviso-privacidad{
	background-color: whitesmoke;
	padding:4rem 0rem;
}
.aviso-privacidad p{
	font-family: fuente-light;
	text-align: justify;
}
.aviso-privacidad p a{
	color:var(--oro);
	font-family: fuente-regular;
	transition: .5s;
}
.aviso-privacidad p a:hover{
	opacity: .6;
}
/* AVISO PRIVACIDAD */

/* PRELOADER */
.loading{
  width: 100%;
  height: 100vh;
  background: white;
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top:0;
  left: 0;
  z-index: 100000;
  clip-path: circle(100% at 50% 50%);
  transition: clip-path 0.8s ease-in-out;
}
.loading img{
	width: 20%;
}

.loading2{
  clip-path: circle(0% at 50% 50%);
}
/*.lds-dual-ring {
  display: inline-block;
  width: 80px;
  height: 80px;
}
.lds-dual-ring:after {
  content: " ";
  display: block;
  width: 64px;
  height: 64px;
  margin: 8px;
  border-radius: 50%;
  border: 6px solid #fff;
  border-color: white transparent white transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}*/
/* PRELOADER */

/*HOME*/
.home{
  position:fixed;
  bottom:20px;
  right: 15px;
  width: 65px;
  height: 65px;
  padding:3px;
  background: #00bb2d;
  border: 2px solid white;
  display: flex;
  justify-content: center;
  cursor: pointer;
  transition: 0.5s;
  font-size: 2.2rem;
  color:white;
  z-index: 1000;
  border-radius: 50%;
  transition: 0.5s;
}
.home a{
  color:white;
  transition: 0.5s;
}
.home a i{
  font-size: 2.2rem;
  transition: 0.5s;
}
.home:hover{
  background:white;
  border: 2px solid #00bb2d;
  color:#00bb2d;
}
.home:hover a{
  color:#00bb2d;
}
.home a i:hover{
  color:#00bb2d;
}
/* HOME */

/* BARRA PROGRESO */
#progresoBarra{
	position: fixed !important;
	width: 100% !important;
	height: 10px !important;
	z-index: 200 !important;
}
#progresoBarra #barra{
	width: 0%;
	height: 10% !important;
	background-color: var(--oro) !important;
}
/* BARRA DE PROGRESO */


/* FOOTER */
footer {
	padding:4rem 0rem;
	background-color:black;
	position: relative;
  z-index:2;
}
footer h4{
	font-size: 1.4rem;
	color:white;
	font-family: fuente-bold !important;
	margin-bottom: 1rem !important;
	text-transform: uppercase;
}
footer  .logo-footer{
	height: auto;
	width: 75%;
}
footer  ul{
	list-style: none !important;
	padding-left: 0rem;
}
footer .redes{
	display: flex;
	margin-top:1.5rem;
	margin-left: 1rem;
}
footer .redes i, footer .redes svg{
	color:white;
	font-size: 2rem;
	transition: .5s;
}
footer .redes i:hover{
	opacity:.5;
	padding-left: 0 !important;
}
footer .redes .icono-last{
	margin-left:2.5rem;
}
footer hr{
	width: 80%;
	opacity:.3;
	margin-left: 0rem;
}
footer ul{
	list-style: none !important;
}
footer ul .link-no-primero{
	margin-top:1.5rem;
}
footer ul li .enlace{
	color:white;
	transition: .5s;
	font-family: fuente-light;
}
footer ul li .dropdown-menu{
  background-color: var(--verde-claro) !important;
  padding:1rem !important;
  color:white !important;
  border: 1px solid white !important;
}
footer ul li .dropdown-item{
  color:white;
  transition: .5s;
}
footer ul li .dropdown-item:hover{
  background-color: transparent !important;
  opacity: .5;
}
footer ul li{
	transition: .5s;
	color: white;
}
footer ul li .enlace:hover {
	color:var(--orange);
	padding-left:.5rem;
}
footer ul li i{
	font-weight: 700;
	margin-right: .5rem;
}
footer .contact li{
	display: flex;
	text-align: justify;
}
footer .contact li .title{
	margin-right: 1rem;
	font-weight: 700;
}
footer .contact li img{
	width: 10%;
}
footer .contact a{
	color:white;
	transition: .5s;
}
footer .contact a:hover{
	opacity:.5;
}
footer .text{
	text-align: center;
}
footer .text p{
	color: #666;
	margin-bottom: 0;
	font-size: 12px;
	text-transform: uppercase;
	padding:2.5rem 0rem;
}
footer .cont{
	/*padding:4rem 2rem 2rem;*/
}
footer .contact span{
	font-family: fuente-light;
}
/* FOOTER */

/* CAMINO BULLETS */
.camino{
	background:url(../img/camino.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-attachment: fixed;
	/*padding:6rem 0rem;*/
	overflow: hidden;
}
.camino .titulo{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, black, transparent);
	padding: 6rem 0rem 8rem !important;
}
.camino .titulo h2{
	font-size: 2.5rem;
	font-family: fuente-bold;
	display: flex;
	justify-content: center;
	align-items: center;
	color:white;
}
.camino .titulo h2 img{
	width: 40%;
}
.camino .titulo p{
	font-size: 1.1rem;
  margin-top: 1rem;
  font-family: fuente-light;
  padding:0rem 10rem;
  color:white;
}
.camino .titulo p span{
	font-family: fuente-bold;
}
.camino .logo-enciende{
	width: 100%;
	text-align: center;
	background: linear-gradient(0deg, black, transparent);
	padding: 8rem 0rem 3rem !important;
}
.camino .logo-enciende img{
	width: 40%;
}
.camino .cont-senal{
	width: 100%;
	height: 100%;
}
.camino .cont-senal .texto-sing-01{
	padding:0rem 15rem 0rem 6rem;
	position: absolute;
}
.camino .cont-senal .texto-sing-01 p{
	color:white;
	font-family: fuente-regular;
	font-size: 1.5rem;
}
.camino .cont-senal .img-sing-01{
	margin-top: 3rem;
}
.camino .cont-senal .texto-sing-02{
	padding:0rem 6rem 0rem 17rem;
	position: absolute;
}
.camino .cont-senal .texto-sing-02 p{
	color:white;
	font-family: fuente-regular;
	font-size: 1.5rem;
}
.camino .cont-senal .img-sing-02{
	/*margin-top: .5rem;*/
}
.camino .cont-senal .texto-sing-03{
	padding:0rem 15rem 0rem 6rem;
	position: absolute;
}
.camino .cont-senal .texto-sing-03 p{
	color:white;
	font-family: fuente-regular;
	font-size: 1.5rem;
}
.camino .cont-senal .img-sing-03{
	margin-top: 2rem;
}
.camino .cont-senal .texto-sing-04{
	padding:0rem 6rem 0rem 17rem;
	position: absolute;
}
.camino .cont-senal .texto-sing-04 p{
	color:white;
	font-family: fuente-regular;
	font-size: 1.5rem;
}
.camino .cont-senal .img-sing-04{
	margin-top: 2rem;
}
.camino .cont-senal .texto-sing-05{
	padding:0rem 15rem 0rem 6rem;
	position: absolute;
}
.camino .cont-senal .texto-sing-05 p{
	font-size: 1.5rem;
	font-family: fuente-regular;
	color:white;
}
/* CAMINO BULLETS */

/* MOVIL */
@media (max-width: 575px){
	header nav .menu .lista li .btn-enterprice-menu{
		background-color: white;
		font-size: 1rem;
		padding:.3rem 20%;
	}
	header nav .menu .lista li .btn-enterprice-menu:hover{
		background-color: transparent;
		border: 1px solid black;
		color:black;
	}
	#exampleSlider-reseñas .MS-content .item #cont{
		height: 22rem !important;
	} 
	.img-texto-derecha .contenedor{
		padding-top: 5rem;
	}
	.formulario-bussines .contenedor{
		padding-right: 0rem;
	}
	#exampleSlider-reseñas .MS-content .item{
		width: 100% !important;
	}
	.about-bussines .texto-left{
		padding-right: 0rem !important;
		padding-top: 5rem
	}
	.img-bandera img{
		width: 15%;
	}
	.img-bandera{
		text-align: center;
	}
	.about-bussines .contenedor #texto{
		text-align: center;
		display: flex;
		justify-content: center;
		align-items: center;
		transition: .3s;
	}
	.about-bussines .texto-years{
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		text-align: end;
		padding:5rem 0rem 0rem 0rem !important;
	}
	.about-bussines .contenedor p{
		font-size: 1.2rem;
	}
	.carrucel-facts #exampleSlider-facts .MS-content .item{
		width: 100%;
	}
	.carrucel-facts #exampleSlider-facts .MS-controls .MS-left{
		left:-8% !important;
	}
	.carrucel-facts #exampleSlider-facts .MS-controls .MS-right{
		right: -8% !important;
	}
	.formulario-bussines form .btn-form-bussines{
		padding: .5rem 40%;
	}
	.certificaciones-bussines .cont-img-bussines img{
		width: 80%;
	}
	.certificaciones-bussines .cont-texto-bussines{
		flex-direction: column;
	}
	.cont-flecha{
		display: none !important;
	}
	.productos-catalogo .btn-catalogo{
		background-color: var(--oro);
		color:black;
		text-transform: uppercase;
		border: 1px solid var(--oro);
		transition: .5s;
		font-family: fuente-bold;
		padding: .3rem 6%;
		animation: latido-boton 2s infinite;
	}
	.productos-catalogo .btn-catalogo:hover{
		background-color: transparent;
		color:var(--oro);
	}
	@keyframes latido-boton {
	  from { transform: none; }
	  50% { transform: scale(1.1); }
	  to { transform: none; }
	}
	.productos-catalogo{
		background-color: white;
		position: relative !important;
		padding:0rem 0rem 5rem;
		width: 100%;
		height: 100%;
		text-align: center;
	}
	.camino{
		background:url(../img/camino-movil.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		background-attachment: fixed;
	}
	.banner .titulo img{
		width: 75%;
	}
	.formulario .btn-formulario{
		width: 80%;
	}
	.video-cuadrado .contenedor{
		padding: 4rem 0rem;
	}

	.img-texto-izquierda .contenedor{
		padding: 4rem 0rem 2rem;
	}
	.panoramica-img h3{
		font-size: 4rem;
	}
	.img-texto-derecha .contenedor .btn-img-texto{
		width: 80%;
	}
	.panoramica .cont-izq .btn-panoramica{
		width: 80%;
	}
	.panoramica .cont-izq{
		align-items: center;
		text-align: center;
	}
	.formulario{
		padding: 5rem 0rem;
	}
	.camino .logo-enciende img{
		width: 90%;
	}
	.banner .titulo h3{
		font-size: 2rem;
	}
	.camino .titulo p{
		padding: 0rem 4rem;
	}
	.camino .cont-senal .texto-sing-01{
		padding: 0rem 10rem 0rem 3rem;
	}
	.camino .cont-senal .texto-sing-01 p{
		font-size: 1.3rem;
		font-family: fuente-bold;
	}
	.camino .cont-senal .texto-sing-02{
		padding: 0rem 3rem 0rem 13rem;
	}
	.camino .cont-senal .texto-sing-02 p{
		font-size: 1.3rem;
		font-family: fuente-bold;
	}
	.camino .cont-senal .img-sing-02{
		margin-top: 2rem;
	}
	.camino .cont-senal .texto-sing-03{
		padding: 0rem 11rem 0rem 3rem;
	}
	.camino .cont-senal .texto-sing-03 p{
		font-size: 1.3rem;
		font-family: fuente-bold;
	}
	.camino .cont-senal .texto-sing-04{
		padding: 0rem 3rem 0rem 13rem;
	}
	.camino .cont-senal .texto-sing-04 p{
		font-size: 1.3rem;
		font-family: fuente-bold;
	}
	.camino .cont-senal .img-sing-04{
		margin-top: 4rem;
	}
	.camino .cont-senal .texto-sing-05{
		padding: 0rem 12rem 0rem 3rem;
	}
	.camino .cont-senal .texto-sing-05 p{
		font-size: 1.3rem;
		font-family: fuente-bold;
	}
	.camino .cont-senal .img-sing-05{
		margin-top: 2rem;
	}
	.senal-top{
		margin-top: 6rem;
	}
	.brands .contenedor-central .fixed-element{
		position: relative;
		width: 100%;
	}
	.brands{
		padding: 2rem 0rem 4rem;
	}
	.img-texto-derecha .contenedor{
		align-items: center;
		text-align: center;
	}
	.burger > i{
		display: block;
		position: absolute;
		top: 25px;
		right: 10%;
		font-size: 30px;
		cursor: pointer;
		opacity: 1 !important;
		transition: 0.3s !important;
		color:var(--oro);
	}
	.burguer > i:hover{
		opacity: 0.3 !important;
	}
	header{
		background-position: center;
		padding: 1rem 0 !important;
	}
	header nav .logo{
		width: 35%;
	}
	header nav .menu{
		position: absolute;
		top: 100%;
		left: -100%;
		width: 100%;
		padding: 1rem 0 !important;
		background: var(--oro);
		z-index: 10 !important;
	}
	header nav .menu .lista li a.activo{
		color:black;
	}
	header nav .menu .lista li a{
		font-size: 1.5rem;
	}
	header nav .menu .lista li a:hover{
		color:black;
	}
	header nav .menu .lista{
		width: 100%;
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
	}
	header nav .menu .lista li{
		width: 70%;
		padding: 10px 0;
		text-align: center;
	}
	.banner-expo{
		top:60%;
		width: 80%;
		left: 10%;
		padding-left: 0;
		align-items: center;
		text-align: center;
	}
	.banner-expo h3{
		font-size: 1.8rem;
	}
	.banner-expo h3 span{
		font-size: 1.8rem;
	}
	.banner-expo p{
		font-size: 1rem;
	}
	.banner-camino{
		top:62%;
		width: 80%;
		left: 10%;
		padding-right: 0;
		align-items: center;
		text-align: center;
	}
	.banner-camino h3{
		font-size: 1.8rem;
	}
	.banner-camino h3 span{
		font-size: 1.8rem;
	}
	.banner-camino p{
		font-size: 1rem;
	}
	.banner-seguridad{
		top:65%;
		width: 80%;
		left: 10%;
		padding-left: 0;
		align-items: center;
		text-align: center;
	}
	.banner-seguridad h3{
		font-size: 1.8rem;
	}
	.banner-seguridad h3 span{
		font-size: 1.8rem;
	}
	.banner-seguridad p{
		font-size: 1rem;
	}
	.banner-iluminacion{
		top:62%;
		width: 80%;
		left: 10%;
		padding-right: 0;
		align-items: center;
		text-align: center;
	}
	.banner-iluminacion h3{
		font-size: 1.8rem;
	}
	.banner-iluminacion h3 span{
		font-size: 1.8rem;
	}
	.banner-iluminacion p{
		font-size: 1rem;
	}
	.productos .titulo h2{
		font-size: 1.8rem;
	}
	.panoramica .cont-izq h3 span{
		font-size: 1.8rem;
	}
	.sets-tendencia .titulo h2{
		font-size: 1rem;
	}
	.reviews .titulo h2{
		font-size: 2.2rem;
	}
	.video-blog .titulo h2{
		font-size: 2.2rem;
	}
	.video-blog .titulo h2 img{
		width: 50%;
	}
	footer  .logo-footer{
		height: auto;
		width: 60%;
	}
	.fondo-enciende{
		background-position: right;
	}
	.img-texto-derecha .contenedor .logo-enciende-img{
		width: 80%;
	}
	.img-texto-derecha .contenedor p{
		margin-bottom: 2rem;
	}
	.img-texto-derecha .contenedor{
		padding-left: 0rem;
	}



	.img-texto-derecha-02 .contenedor{
		padding:4rem 0rem 2rem;
	}
	.accordion-body{
		text-align: center;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
	}
	.accordion-body .item .item-contenido{
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		text-align: center;
	}
	.accordion-body .item .item-contenido .texto{
		margin-top:2rem;
	}
	.accordion-body .item .item-contenido .texto h2{
		color: black;
		font-family: fuente-light;
	}
	.productos hr{
		width: 90%;
		height: .1rem;
		margin:3rem 0rem;
	}
	.accordion-button{
		background-color: var(--oro) !important;
	}
	.accordion-item h2{
		font-size: 1.5rem;
		text-transform: uppercase;
	}
	.sets-tendencia .sets .nivel-cont{
		width: 100%;
	}
	.nivel-1, .nivel-2, .nivel-3{
		padding:1rem;
	}
	#exampleSlider02 .MS-content .item{
		width: 100% !important;
	}
	#exampleSlider02 .MS-content .item #cont{
		height: 20rem !important;
	}
	#exampleSlider03 .MS-content .item{
		width: 100%;
	}
	.post-redes ul li{
		width: 50%;
	}
	.post-redes ul {
    flex-wrap: wrap;
  }
  .logo-movil{
  	display: flex;
  	flex-direction: column;
  	justify-content: center;
  	align-items: center;
  	margin-bottom: 6rem;
  	width: 100%;
  	height: 100%;
  	text-align: center;
  }
  footer .redes{
  	margin-left: 0rem;
  	text-align: center;
  	justify-content: center;
  	align-items: center;
  }
  .banner .titulo h2{
  	font-size: 2.5rem;
  }
  .banner .titulo{
  	height: 100%;
  }
  .img-texto-derecha .contenedor h2,
  .img-texto-derecha-02 .contenedor h2{
  	font-size: 2rem;
  }
  .loading img{
  	width: 50%;
  }
  .panoramica .cont-izq{
  	padding-right: 0rem;
  }
  .panoramica .cont-der{
  	padding-left: 0rem;
  	margin-top: 3rem;
  }
  .video-blog .titulo p{
  	padding: 0rem;
  	text-align: justify;
  }
  .post-redes .titulo a img{
  	width: 80% !important;
  }
  .banners-home{
  	padding-top: 9%;
  }
  .banner04{
  	width: 80%;
  	left:10%;
  	text-align: center;
  	align-items: center;
  	top:60%;
  }
  .banner04 h3{
  	font-size: 2rem;
  }
  .banner04 h3 span{
  	font-size: 2rem;
  }
}

@media (max-width: 428px){
	.banner-camino,
	.banner-enterprice,
	.banner-seguridad{
		top:60%;
	}
	.banner-iluminacion{
		top:57%;
	}
}

@media (max-width: 420px){
	.carrucel-facts #exampleSlider-facts .MS-content .item .ficha-fact h4,
	.certificaciones-bussines .cont-texto-bussines h4{
		font-size: 1.3rem;
	}
	.carrucel-facts #exampleSlider-facts .MS-content .item .ficha-fact p{
		font-size: .9rem;
	}
	.video-cuadrado .contenedor h2,
	.img-texto-izquierda .contenedor h2{
		font-size: 2.1rem;
	}
	 header nav .logo {
    width: 45%;
  }
	header nav .menu .lista li a{
		font-size: 1.2rem;
	}
	.banner-expo h3{
		font-size: 1.7rem;
	}
	.banner-expo h3 span{
		font-size: 2rem;
	}
	.banner-expo p{
		font-size: 1rem;
	}
	.banner-camino h3{
		font-size: 1.7rem;
	}
	.banner-camino h3 span{
		font-size: 2rem;
	}
	.banner-camino p{
		font-size: 1rem;
	}
	.banner-camino{
		top:60%;
	}
	.banner-seguridad h3{
		font-size: 1.7rem;
	}
	.banner-seguridad h3 span{
		font-size: 2rem;
	}
	.banner-seguridad p{
		font-size: 1rem;
	}
	.banner-seguridad{
		top:63%;
	}
	.banner-iluminacion h3{
		font-size: 1.7rem;
	}
	.banner-iluminacion h3 span{
		font-size: 2rem;
	}
	.banner-iluminacion p{
		font-size: 1rem;
	}
	.banner-iluminacion{
		top:60%;
	}
	.productos .titulo h2{
		font-size: 2rem;
	}
	.sets-tendencia .titulo h2{
		font-size: 2rem;
	}
	.reviews .titulo h2{
		font-size: 2rem;
	}
	.video-blog .titulo h2 img{
		width: 60%;
	}
	.panoramica-img h3{
		font-size: 3rem;
	}
	.post-redes .titulo a img{
		width: 70% !important;
	}
	.camino .titulo h2{
		font-size: 2.2rem;
	}
	.camino .cont-senal .texto-sing-01 p{
		font-size: 1.1rem;
		text-align: justify;
	}
	.camino .cont-senal .img-sing-01{
		margin-top: 4rem;
	}
	.camino .cont-senal .texto-sing-02 p{
		font-size: 1.1rem;
		text-align: justify;
	}
	.camino .cont-senal .texto-sing-02{
		padding: 0rem 3rem 0rem 11rem;
	}
	.camino .cont-senal .texto-sing-03 p{
		font-size: 1.1rem;
		text-align: justify;
	}
	.camino .cont-senal .img-sing-03{
		margin-top: 5rem;
	}
	.camino .cont-senal .texto-sing-04 p{
		font-size: 1rem;
		text-align: justify;
	}
	.camino .cont-senal .texto-sing-04{
		padding: 0rem 3rem 0rem 11rem;
	}
	.camino .cont-senal .img-sing-04{
		margin-top: 3.5rem;
	}
	.camino .cont-senal .texto-sing-05 p{
		font-size: 1.1rem;
		text-align: justify;
	}
	.camino .cont-senal .img-sing-05{
		margin-top: 2.5rem;
	}
	.camino .titulo, .camino .logo-enciende{
		padding: 5rem 0rem !important;
	}
	.formulario .titulo h2{
		font-size: 2rem;
	}
	 .productos-catalogo {
    padding: 2.5rem 0rem 5rem;
  }
}

@media (max-width:395px){
	.titulo-principal .titulo h2 {
  	font-size: 2.2rem !important;
  }
	.camino .cont-senal .img-sing-02 {
    margin-top: 1rem;
  }
   .camino .cont-senal .img-sing-03 {
    margin-top: 3rem;
  }
  .camino .cont-senal .img-sing-04 {
    margin-top: 5rem;
  }
   .camino .cont-senal .img-sing-05 {
    margin-top: 6rem;
  }
	.banner-expo h3{
		font-size: 1.4rem;
	}
	.banner-expo h3 span{
		font-size: 1.8rem;
	}
	.banner-expo{
		top:58%;
	}
	.banner-camino h3{
		font-size: 1.4rem;
	}
	.banner-camino h3 span{
		font-size: 1.8rem;
	}
	.banner-camino{
		top:60%;
	}
	.banner-seguridad h3{
		font-size: 1.4rem;
	}
	.banner-seguridad h3 span{
		font-size: 1.8rem;
	}
	.banner-seguridad{
		top:61%;
	}
	.banner-iluminacion h3 span{
		font-size: 1.8rem;
	}
	.banner-iluminacion h3{
		font-size: 1.4rem;
	}
	.banner-iluminacion{
		top:58%;
	}
	.productos .titulo h2{
		font-size: 1.8rem;
	}
	.panoramica .cont-izq h3{
		font-size: 1.8rem;
	}
	.sets-tendencia .titulo h2{
		font-size: 1.8rem;
	}
	.reviews .titulo h2{
		font-size: 1.8rem;
	}
	#exampleSlider02 .MS-content .item #cont{
		height: 20rem !important;
	}
	.video-blog .titulo h2{
		font-size: 2rem;
	}
	.video-blog .titulo h2 img{
		width: 62%;
	}
	.banner .titulo h3{
		font-size: 1.6rem;
	}
	.camino .titulo h2{
		font-size: 2rem;
	}
	.camino .cont-senal .texto-sing-01 p{
		font-size: 1rem;
	}
	.camino .cont-senal .texto-sing-01 {
    padding: 0rem 8rem 0rem 3rem;
  }
  .camino .cont-senal .texto-sing-02 p{
  	font-size: 1rem;
  }
  .camino .cont-senal .texto-sing-02 {
    padding: 0rem 2rem 0rem 9rem;
  }
  .camino .cont-senal .texto-sing-03 p{
  	font-size: 1rem;
  }
  .camino .cont-senal .texto-sing-03 {
    padding: 0rem 8rem 0rem 3rem;
  }
  .camino .cont-senal .texto-sing-04 {
    padding: 0rem 2rem 0rem 9rem;
  }
  .camino .cont-senal .img-sing-04 {
    margin-top: 7rem;
  }
}

@media (max-width: 360px){
	.video-cuadrado .contenedor h2, .img-texto-izquierda .contenedor h2 {
    font-size: 2rem;
  }
  .camino .cont-senal .img-sing-02 {
    margin-top: 2rem;
  }
  .camino .cont-senal .img-sing-03 {
    margin-top: 4rem;
  }
  .camino .cont-senal .img-sing-04 {
    margin-top: 6rem;
  }
}