.opaco{
	display: none;
}
.politicas{
	padding: 0px 90px;
}
.correo a{
	padding-top: 0px;
	margin-top: -5px;
	padding-left: 38px;
}
#bg-gris{
	margin: 0px!important;
}
.muestras img{
	height: 180px;
	width: auto;
}
.galeria a{
	text-align: center;
}
.muestras2 img{
	width: auto;
	height: 180px;
}
.mt-130{
	margin-top: 130px;
}
.ver img, .ver h2, .ver p{
	visibility: visible !important;
}
.eventos .carousel-item img .active{
	z-index: 1;
	visibility: visible !important;
}
.detalles{
	margin-top: 100px;
	margin-bottom: 100px;
}
.detalles_2{
	margin-top: 100px;
}
.eventos button span i{
	background-color: #E7E7E7;
    height: 30px;
    border-radius: 50%;
    opacity: .5;
    cursor: pointer;
    padding: 1px 4px;
    font-size: 30px;
    color: #707070;
}
.eventos button span i:hover{
    opacity: 1;
}
.eventos h2, .eventos p{
	color: #ffffff !important;
}
.eventos .espa{
	padding-top: 10%;
}

@media (max-width: 800px) {
	.muestras img{
		width: 100% !important;
		height: auto !important;
	}
	.movil-slide-principal span{
		font-size: 15px !important;
	}
	.movil-slide-principal p {
		font-size: 30px !important;
		line-height: 20px !important;
		text-align: right;
	}
	.movil-slide-principal .carousel-caption a{
		margin-bottom: 0px !important;
		font-size: 10px !important;
	}
	#img-elegirnos{
		background-image: none !important;
	}
	.img-elegirnos_mov{
		background-size: 50% !important;
		background-position: 50% 55% !important;
	background-image: url(../img/nosotros/jjl-esferas-navidenas-porque-elegirnos.jpg);
	background-repeat: no-repeat;
	background-position: center;
	
	}
	.mb-mov-50{
		margin-bottom: 150px !important;
	}
	.mt-mov-50{
		margin-top: 50px !important;
	}
	.mt-mov-0 {
		margin-top: 0px !important;
	}
	.politicas{
	padding: 0px 20px;
}
.img_simi {
	margin: 0 5% !important;
	width: 100% !important;
}
.thumbnail {
	width: 80% !important;
}
.container_galeria .galeria img{
	padding: 0 !important;
	width: 100px !important;
}
	#img_esferas_navidenas td .tangerine-90{
		font-size: 65px !important;
		margin-top: -120px !important;
	}
	.navidenas, .temporada, .bases_estruc, .perzonalizadas{
		height:330px !important ;
	}
.perzonalizadas{
	background-position: 0px !important;
}
#img_esferas_navidenas .per h3{
		padding:0 !important;
	}
	#img_esferas_navidenas td h3{
		padding-right:20px !important;
	}
	.eventos h2{
		font-size: 20px;
	}
	.eventos img{
		height: 150px !important;
	}
	.pd{
		padding-left: 12px !important;
	}
	.camino a{
		padding: 0px;
}
	.video{
		height: 500px !important;
	}
	.opiniones .carousel-control-next, .opiniones .carousel-control-prev{
		display: none;
	}
	.opiniones p {
		padding-top: 20px !important;
		padding-left: 15px;
		padding-right: 15px;
	}

	.tip-esfera img{
		width: 50% !important;
		margin-top: 25px !important;
	}
	.mayoreo_menudeo img{
		width: 50% !important;
		padding-top: 25px !important;
	}
 	#carouselExampleCaptions, .carousel-item{
 		height: 100% !important;
 	}
 	.mt-0-xs{
 		margin-top: 0px !important;
 	}
 	.mt-15-xs{
 		margin-top: 20px !important;
 		margin-bottom: 10px !important;
 	}
 	.mb-0-xs{
 		margin-bottom: 0px !important;
 	}
 	.pb-0-xs{
 		padding-bottom: 0px !important;
 	}
 	.pt-0-xs{
 		padding-top: 0px !important;
 	}

 	video{
		width: 100%;
		height: auto;
	}
	.nuevo .nuevo1, .nuevo .nuevo2, .nuevo .nuevo3{
	height: 300px !important;
	}
	.temporadas{
		height: auto !important;
	}
	.nuevo h2{
		padding-top: 30% !important;
	}
}

.footer .py-4{
	padding-bottom: 0px !important;
}
.pd{
		padding-left: 50px;
	}

.img_simi{
	margin: 0 3%;
	width: 170px;
}
.similares{
	margin-top: 150px;
}
.img_similares1, .img_similares2,.img_similares3, .img_similares4, .img_similares5, .img_similares6, .img_similares7,.img_similares8, .img_similares9, .img_similares10 {
	width: 180px;
	height: 180px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.img_similares1{
	background-image: url(../img/esferas_navidenas/esferas_navidenas_10/copos_nieve/1.jpg);
}
.img_similares2{
	background-image: url(../img/esferas_navidenas/esferas_navidenas_10/madeja/1.jpg);
}
.img_similares3{
	background-image: url(../img/esferas_navidenas/esferas_navidenas_10/mariposa_monarca/1.jpg);
}
.img_similares4{
	background-image: url(../img/esferas_navidenas/esferas_navidenas_10/naturaleza/1.jpg);
}
.img_similares5{
	background-image: url(../img/esferas_navidenas/esferas_navidenas_10/noche_buena/1.jpg);
}
.img_similares6{
	background-image: url(../img/esferas_navidenas/esferas_navidenas_10/pino_nevado/1.jpg);
}
.img_similares7{
	background-image: url(../img/esferas_navidenas/esferas_navidenas_10/plumas/1.jpg);
}
.img_similares8{
	background-image: url(../img/esferas_navidenas/esferas_navidenas_10/venado_saltarin/1.jpg);
}
.img_similares9{
	background-image: url(../img/esferas_navidenas/esferas_navidenas_10/venados_en_la_nieve/1.jpg);
}
.img_similares10{
	background-image: url(../img/esferas_navidenas/esferas_navidenas_10/vitral/1.jpg);
}

.carrusel4{
    align-items: center;
    justify-content: center;
    min-height: 200px;

 }
.container_galeria {
    position: relative;
    padding: 0 10%;
    width: 100%;
}

.container_galeria .galeria {
    display: flex;
    padding: 2px;
    width: 100%;
    height: auto;
    overflow: hidden;
    scroll-behavior: smooth;
}

.container_galeria .galeria img {
    padding: 10px 30px;
    width: 100%;
}

.container_galeria .control {
    position: absolute;
    width: 65px;
    height: 65px;
    cursor: pointer;
    object-fit: contain;
    padding: 10px;
}

.container_galeria .previo:hover, .container_galeria .sig:hover {
	opacity: 1;
}
.container_galeria .previo {
    left: 8%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: .6;
}
.container_galeria .sig {
    right: 8%;
    top: 50%;
    transform: translate(50%, -50%);
    opacity: .6;
}
.izq{
	padding-top: 45%;
}
.none a, .img_simi a{
	border: none !important;
	text-decoration: none !important;
	color: #424242 !important;
}
.muestras a, .muestras2 a{
	border: none !important;
	text-decoration: none !important;
}
.contorno{
	-webkit-text-stroke-width: 3px;
  -webkit-text-stroke-color: black;
}
.btnslider i:hover{
	opacity: 1;
}
.btnslider{
	margin-bottom: 15px;
	margin-top: 15px;
}
.btnslider .previ{
	margin-bottom: 15px;
}
.btnslider .nexti{
	margin-top: 15px;
}

.btnslider .previ, .btnslider .nexti {
	background-color:#E7E7E7 ;
	height: 30px;
	border-radius: 50%;
	opacity: .5;
	cursor: pointer;
	padding: 1px 3px;
	font-size: 30px;
}
.slider {
    width: 100%;
    height: 250px;
    overflow: hidden;
    scroll-behavior: smooth;
}
.slider .carousel-control-next-icon{
	background-color: #898989;
	border-radius: 50%;
}
.carrusel_vertical .carousel-inner{
	height: auto !important;
}
.carrusel_vertical .carousel-item{
	height: auto !important;
}
.thumbnail:hover {-webkit-transform:scale(1.1);transform:scale(1.1);}
.thumbnail {overflow:hidden;}
.carrusel4 .carousel-control-prev-icon, .carrusel4 .carousel-control-next-icon {
	background-color: #898989;
	border-radius: 50%;
}
.thumbnail{
	width: 50%;
}
.carrusel4 .carousel-control-next{
	right: 13%;
}
.carrusel4 .carousel-control-prev{
	left: 13%;
}
.carrusel4 .carousel-control-next, .carrusel4 .carousel-control-prev{
	width: 5%;	
}
.carrusel4{
	margin-bottom: 50px;
}
.fila4 p{
	visibility: visible !important;
}
.cuatroxfila{
	width: 70%;
	visibility: visible !important;
}
.tresxfila{
	width: 50%;
}
.temporadas{
	height: 500px;
}
.car-index p{
	color: #FFCD03 !important;
	font-family: "Tangerine", cursive;
  font-weight: 700;
  font-style: normal;
  font-size: 62px;
  line-height: 60px;
}
.des p{
	padding-left: 10px;
}
.img-100{
	width: 100%;
}

.eventos .carousel-item, .eventos img{
	height: 450px;
}
.eventos-fondo{
	background-image: url(../img/corporativos/13.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.eve{
	margin-top: 90px ;
}
.opiniones p{
	padding-top: 80px;
}
.m-tan2{
	margin-top:-55px;
}
.m-tan0{
	color: #D8D5D5 !important;
}
.m-tan1{
	margin-top: -50px;
	color: #EB2329!important;
}
.tangerine{
	font-family: "Tangerine", cursive;
  font-weight: 700;
  font-style: normal;
  font-size: 48px;
}
.tangerine-90{
	font-family: "Tangerine", cursive;
  font-weight: 700;
  font-size: 90px !important;
}

.opiniones .carousel-indicators [data-bs-target]{
	background-color: #898989;
	border-radius: 50%;
    width: 16px;
    height: 16px;
}
.opiniones .carousel-control-next, .opiniones .carousel-control-prev{
	width: 50% !important;

}
.opiniones .carousel-control-next-icon, .opiniones .carousel-control-prev-icon{
	background-color: #898989;
	border-radius: 50% !important;
}
.opiniones .carousel-item {
	height: 300px !important;
}

.color{
	height: 30px;
	width: 30px;
	margin-left: 8px;
}
.azul{
	background-color: #37419C;
}
.rojo{
	background-color: #F80E0E;
}
.vino{
	background-color: #9D2357;
}
.gris{
	background-color: #A3AEAD;
}
.shadow-nav{
	box-shadow: 0px 30px 22px -37px rgba(105,103,105,.5);
}
.redes-sociales{
	padding-left: 0px;
}
.redes-sociales ul img{
	padding-left: 15px;
	height: 40%;
}
.txtentrda{
	font-size: 18px !important;
}

#elegirnos .contorno p{
	color: #ffffff !important;
	font-size: 40px;
	border:2px solid;
	border-radius: 50%;
	border-color: #EB2329;
	-webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #EB2329;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal
}
#elegirnos .contorno {
  width: 60px;
  height: 60px;
  margin-bottom: 20px;
}
h1{
	font-size: 16px;
}
.nuevo p, .nuevo h2{
		color: #ffffff !important;
}
.nuevo h2 {
	padding-top: 40%;
}
.carousel-caption a{
	margin-bottom: 15%;
	margin-right: -50%;
	font-size: 20px;
}
.video iframe{
	width: 100%;
	height: 400px;
}
.video{
	background-image: url(../img/fondo-para-video.jpg);
	height: 700px;
}
.nuevo .nuevo1, .nuevo .nuevo2, .nuevo .nuevo3{
	height: 500px;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center;
		color: #ffffff !important;
	background-size: cover;
}
.nuevo1{
	background-image: url(../img/temporada3.jpg);
}
.nuevo3{
	background-image: url(../img/temporada2.jpg);
}
.nuevo3 h2{
	color: #FFCC32 !important;
}
.nuevo2{
	background-image: url(../img/por_temporada.jpg);
}
#carouselExampleCaptions, .carousel-item{
	height: 700px;
}
.transparente{
	opacity: 0.0;
}
.contactanos p{
	margin-bottom: 0px;
}

.btn-primary{
	font-size: 12px;
	-webkit-box-shadow: 7px 7px 5px -3px rgba(0,0,0,0.4);
	-moz-box-shadow: 7px 7px 5px -3px rgba(0,0,0,0.4);
	box-shadow: 7px 7px 5px -3px rgba(0,0,0,0.4);
	padding: 3px 15px;
	margin-top: 10px;
}
.right{
	text-align: right;
}
#img-elegirnos{
	background-image: url(../img/nosotros/jjl-esferas-navidenas-porque-elegirnos.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 40% !important;
	background-size: cover;
	background-position: center;
}
.perzonalizadas td h3{
	text-align: left !important;
	padding-left: 150px !important;
	color: #ffffff !important;
	font-size: 30px;
}
.bases_estruc{
	background-image: url("../img/bases_estructuras/bases_estructuras.jpg");
	background-repeat: no-repeat;
	height: 430px;
	width: 100%;
	background-size: cover;
	background-position: center;
}
.temporada {
	background-image: url("../img/esferas_personalizadas/temporada.jpg");
	background-repeat: no-repeat;
	height: 430px;
	width: 100%;
	background-size: cover;
	background-position: center;
}
.perzonalizadas {
	background-image: url("../img/esferas_personalizadas/personalizdas.jpg");
	background-repeat: no-repeat;
	height: 430px;
	width: 100%;
	color:#ffffff !important;
	text-align: left !important;
	padding-left: 50px !important;
	background-size: cover;
	background-position: center;
}

.navidenas{
	background-image: url("../img/esferas_navidenas/1.jpg");
	background-repeat: no-repeat;
	height: 430px;
	width: 100%;
	background-position: center;
}
#img_esferas_navidenas td h3 {
	text-align: right;
	padding-right: 150px;
	color: #000000;
	font-size: 30px;
}
label{
	margin-top: 10px;
}
h2{
	font-weight: 400!important;
	font-size: 24px;
	color: #424242 !important;
}
.mi-input::placeholder {
	font-size: 14px;
}
.camino a{
	text-decoration: none;
}
p, .contactanos ul a, label, .camino a{
	font-size: 15px;
	color: #424242 !important;
}
section{
	padding-top: 45px;
}
.footer{
	color: #B8B8B8 !important;
	background-color: #424242;
}
.border-top-gris{
	border-top-width: .5px;
  	border-top-style: solid;
  	border-top-color: #B8B8B8;
}

.footer ul li a{
	color: #B8B8B8 !important;
	vertical-align: inherit;
}
.footer ul li p, footer p{
	color: #B8B8B8 !important;
	vertical-align: inherit;
}
 ul li i{
	font-size: 25px;
	font-weight: 900!important;
}
body{
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  color: #424242 !important;
}
/*barra de navegacion*/
.navbar-expand-lg .navbar-collapse{
	justify-content: center;
}
.nav-sup{
	height: 25px;
}
.navbar-brand{
	padding-right: 40px;
}
.navbar a{
	background-color: white;
	color: #424242;
	font-size: 16px;
	font-family: "Lato", sans-serif;
  	font-style: normal;
}
/*backgrounds*/
.nav-sup{
	background-color: #F1F1F1;
}
/*fuentes tipograficas*/
.lato-thin {
  font-family: "Lato", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.lato-light {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.lato-regular {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.lato-bold {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.lato-black {
  font-family: "Lato", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.lato-thin-italic {
  font-family: "Lato", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.lato-light-italic {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.lato-regular-italic {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.lato-bold-italic {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.lato-black-italic {
  font-family: "Lato", sans-serif;
  font-weight: 900;
  font-style: italic;
}

@media screen and (max-width: 267px){
	.navbar-brand{
		display: none;
	}
}