/*Inicio paralax*/

*{
	margin: 0;
	padding: 0;
}

body{
	font-family: 'Oswald', sans-serif;
	font-size: 16px;
	font-display: swap;
}

.contenedor{
	width: 90%;
	max-width: 1000px;
	margin: auto;
	overflow: hidden;
}

/*--HEADER--*/

header{
	width: 100%;
	position: relative;
    top: -64px;
}

header .cont-image{
	width: 100%;
	background:/*url('../img/productos/fachadas-colgantes/fachadas_metalicas/1.jpg')*/ #000000d9;
	background-size:cover;
	background-attachment: fixed;
	background-position: center 0;
    filter: brightness(0.75);
    position: absolute;
    top: 0;
    height: 700px;
    z-index: -1;
}

header .contenedor{
	position: relative;
	height: 700px;
}

header .menu{
	width: 100%;
	text-align: right;
	background: transparent;
}
header .menu a{
	color: black;
	font-size: 20px;
	font-weight: 300px;
	display: inline-block;
	margin: 40px 20px;
	position: relative;
}

header .menu a:hover{
	text-decoration: underline;
}

header .textos{
	width: 100%;
	color: white;
	position: absolute;
	top: 45%;
	margin-top: -40px;
	opacity: 0.1;
}

header .textos .nombre{
	font-size: 80px;
	font-weight: 600;
	color: #308C36;
}

header .textos .nombre span{
	font-weight: 300;
	color: white;
}

header .textos h3{
	font-size: 25px;
	font-style: italic;
	font-weight: 300;
}

/*Productos*/

.productos .productos-cont article:hover .cont{
	background: rgba(225, 225, 225, 0.5);
}	

.productos .productos-cont article:hover .cont:hover{
	background: white;
}	

.productos .productos-cont article:hover .photo{
	width: 90%;
	border-radius: 10px;
	filter: none;
}	

.productos{
	height: 90vh;
	width: 100%;
	background: url("../img/white-waves.png") rgba(0, 0, 0, .2);
	background-repeat: repeat;
	overflow: hidden;
	margin-bottom: 40px;
}

.productos .productos-cont{
	background: white;
	margin: 25px 0;
	height: 700px;
	transition: all 1.2s;
    width: 100%;
    overflow: hidden;
    border-left: 10px solid #308C36;
    position: relative;
}

.productos .productos-cont .mue{
	padding: 0px 40px;
}

.productos .productos-cont article{
	padding: 0px 40px;
}

.productos .productos-cont .mue .photo{
	width: 80%;
	overflow: hidden;
	float: right;
	height: 600px;
	min-width: 450px;
	position: relative;
	top: 90px;
	transition: all 1s;
}

.productos .productos-cont .mue .cont{
	width: 50%;
	padding: 0px 20px;
	height: 400px;
	float: left;
	background: white;
	position: absolute;
    top: 111px;
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.35);
	transition: all 1s;
	min-width: 400px;
	overflow: hidden;
}

.productos .productos-cont .mue .cont h3{
	color: #308C36;
	font-weight: 400;
	font-size: 55px;
	font-style: oblique;
}

.productos .productos-cont .mue .cont .btn{
	margin-top: 30px;
	float: right;
}

.productos .productos-cont .mue .photo{
	width: 80%;
	overflow: hidden;
	float: right;
	height: 600px;
	min-width: 450px;
	max-height: 500px;
	filter: brightness(0.55);
}

.productos .productos-cont .mue .photo img{
	width: 100%;
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.35);
}


/*--main--*/

	.main{
		background: url('../img/textura.png');
		background-repeat: repeat;
		height: 70vh;
		background:fixed;
	}

	.main .informacion .contenedor{
		overflow: visible;
		position: relative;
	}

	.main .informacion .foto{
		width: 80%;
		position: absolute;
		left: 0;
		top: -125px;
		z-index: 0;
		box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.35);
	}

	.main .informacion .foto img{
		vertical-align: top;
		width: 100%;
	}

	.main .informacion article{
		background: white;
		padding: 40px;
		width: 50%;
		position: relative;
		top: 400px;
		float: right;
		z-index: 1;
		box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.35);
	}

	.main .informacion article h3{
		font-size: 50px;
		font-weight: 300;
		margin-bottom: 40px;
	}

	.main .informacion article p{
		line-height: 28px;
		margin-bottom: 15px;
	}

	/*Media query*/

	@media screen and (max-width: 800px){
		header .cont-image{
			height: 50vh;
		}

		header .contenedor{
			position: static;
			height: 50vh;
		}

		header .textos{
			position: static;
			margin: 100px 0;
			margin-top: 130px;
		}

		header .menu{
			text-align: center;
		}

		header .menu a{
			margin:  10px 20px;
		}

		header .textos .nombre{
			font-size: 50px;
		}

		header .textos h3{
			font-size: 18px;
			margin-bottom: 0px;
			margin-top: 13px;
		}

		.main .informacion .foto{
			width: 100%;
			position: relative;
		}

		.main .informacion article{
			position: relative;
			width: 100%;
			top: -125px;
			transform:translate(0px, 0);
		}

		.productos .productos-cont .mue .cont{
			min-width: 300px;
			bottom: 40px;
			top: auto;
			right: 15px;
			overflow: hidden;
		}

		.productos .productos-cont .mue .cont h3{
			font-size: 40px;
		}

		.productos .productos-cont .mue .photo{
			width: 90%;
			position: absolute;
			left: 0;
		}
	}

/*fin paralax*/


body {
	background: #F1F1F1;
}

.dropdown-content li {
    margin-bottom: 0 !important;
}

#dropdown1 li a , #dropdown2 li a{
	background: #fafafa !important;
	color: #308C36 !important;
	font-weight: normal !important;
}
	#dropdown1 li:hover a, #dropdown2 li:hover a {
		background: #308C36 !important;
		color: #FFF !important;
	}

	#dropdown1 li a:focus-visible  , #dropdown2 li a:focus-visible {
		outline: #308c36 auto 0px;
	}
.sidenav li a i:nth-child(1) {
	color: #308C36;
}
nav {
	background: transparent;
	box-shadow: 0px 5px 10px rgba(0,0,0,.1);
	height: 100px;
	line-height: 100px;
	transition: all 0.3s;
	color: white;
}

	nav ul a {
		font-size: 1em;
	}

	nav li:nth-child(1) a:hover{
		color: white;
	}
	.sidenav-trigger {
		color: #308C36;
		position: absolute;
		top: 20px;
	}
	nav .nav-wrapper .brand-logo img {
		height: 64px;
		margin-top: 19px;
	}
	#nav-mobile li:nth-child(1) a {
		color: #308C36;
		font-weight: bold;
	}
	#nav-mobile li a {
		color: #000;
		text-transform: uppercase;
	}
		#nav-mobile li:hover a {
			background: #308C36;
			color: #FFF;
		}
		#nav-mobile li a i {
			line-height: 100px;
		}
	#nav-mobile li:nth-child(4) a {
		background: transparent;
	}
		#nav-mobile li:nth-child(4) a button {
			background: #308C36;
			color: #FFF;
		}
			#nav-mobile li:nth-child(4) a button i {
				line-height: 36px;
			}
.carousel.carousel-slider {
	margin-top: 0px;
	max-height: 700px;
}
	.carousel-fixed-item {
		top: 125px;
	}
		.carousel-fixed-item .col.m6 {
			background: rgba(255, 255, 255, .7);
			border-radius: 10px;
		}
		.carousel-fixed-item h2 {
			font-size: 2.5em;
		}
			.carousel-fixed-item span {
				color: #308C36;
			}
		.carousel-fixed-item a.btn-large {
			background: #308C36;
			color: #FFF;
		}
		.carousel-fixed-item a.btn-flat {
			background: transparent;
			color: #000;
		}
.no-margin {
	margin-bottom: 0;
}
.contactenos-ahora-wrapper {
	background: url('../img/contactenos-ahora/1.jpg');
	background-position: center center;
	background-size: cover;
	height: 171px;
	position: relative;
}
	.contactenos-ahora-wrapper-fondo {
		background: rgba(0, 0, 0, .5);
		height: 100%;
		left: 0;
		position: absolute;
		width: 100%;
	}
	.contactenos-ahora-wrapper-fondo h4 {
		margin-bottom: 40px;
		margin-top: 40px;
	}
	.contactenos-ahora-wrapper-fondo a {
		background: #308C36 !important;
		border-radius: 20px 20px 0px 0px;
	}
.page-footer {
	background: #308C36;
}
	.logo-footer-wrapper {
		border-radius: 10px;
		display: inline-block;
		padding: 10px;
	}
		.logo-footer-wrapper img {
		max-height: 64px;
	}
	.menu-footer-wrapper li {
		margin-bottom: 10px;
	}
	.footer-copyright i {
		transform: translateY(5px);
	}
/* Start Index */
	.titulo-index span {
		color: #308C36;
	}
	.nuestros-servicios-wrapper .col.s12:nth-child(1) .nuestros-servicios-card {
		background: url('../img/servicios/7.jpg'); 
		background-size: cover;
		background-position: center center;
		position: fixed;
	}

	.nuestros-servicios-wrapper .col.s12:nth-child(2) .nuestros-servicios-card {
		background: url('../img/servicios/6.jpg'); 
		background-size: cover;
		background-position: center center;
		position: fixed;
	}

	.nuestros-servicios-wrapper .col.s12:nth-child(3) .nuestros-servicios-card {
		background: url('../img/servicios/12.jpg');
		background-size: cover;
		background-position: center center;
		position: fixed;
	}

	.nuestros-servicios-wrapper .col.s12:nth-child(4) .nuestros-servicios-card {
		background: url('../img/servicios/9.jpg'); 
		background-size: cover;
		background-position: center center;
		position: fixed;
	}

	.nuestros-servicios-wrapper .col.s12:nth-child(5) .nuestros-servicios-card {
		background: url('../img/servicios/11.jpg'); 
		background-size: cover;
		background-position: center center;
		position: fixed;
	}

	.nuestros-servicios-wrapper .col.s12:nth-child(6) .nuestros-servicios-card {
		background: url('../img/servicios/10.jpg');  
		background-size: cover;
		background-position: center center;
		position: fixed;
	}

	.nuestros-servicios-wrapper .col.s12:nth-child(7) .nuestros-servicios-card {
		background: url('../img/productos/fachadas-colgantes/fachadas_metalicas/1.jpg'); 
		background-size: cover;
		background-position: center center;
		position: fixed;
	}

	.nuestros-servicios-wrapper .col.s12:nth-child(8) .nuestros-servicios-card {
		background: url('../img/servicios/1.jpg');  
		background-size: cover;
		background-position: center center;
		position: fixed;
	}

	.nuestros-servicios-wrapper .col.s12:nth-child(9) .nuestros-servicios-card {
		background: url('../img/servicios/8.png'); 
		background-size: cover;
		background-position: center center;
		position: fixed;
	}

	.nuestros-servicios-card {
		border-radius: 20px;
		height: 496px;
		margin-bottom: 30px;
		position: relative;
	}
		.nuestros-servicios-card .nuestros-servicios-fondo {
			border-radius: 20px;
			height: 100%;
			left: 0;
			position: absolute;
			width: 100%;
			transition: all .2s;
		}
			.nuestros-servicios-card:hover .nuestros-servicios-fondo {
				background: rgba(0, 0, 0, .3);
			}
		.nuestros-servicios-sub-card {
			background: rgba(48, 140, 54, .8);
			border-radius: 20px 0px 20px 0px;
			bottom: 20px;
			color: #FFF;
			right: 20px !important;
			padding-bottom: 10px !important;
			padding-top: 0px !important;
			position: absolute;
		}
			.nuestros-servicios-card:hover .nuestros-servicios-sub-card {
				background: rgba(48, 140, 54);
				transition: all .2s;
			}
/* End Index */
/* Start Nosotros */
	.img-nosotros {
		max-width: 100%;
	}
/* End Nosotros */
/* Start Productos */
	.titulo-productos {
		margin-top: 80px;
	}
		.titulo-productos span {
			color: #308C36;
		}
	.card-image img {
		max-height: 350px;
	}
	.card-title {
		text-shadow: 0px 0px 10px #000;
	}
	.card .card-content {
		height: 132px;
		overflow: hidden;
		transition: all .5s;
	}

	.btn-floating.halfway-fab {
		position: absolute;
		right: 15px;
		bottom: 20px;
		z-index: 5;
	}

	.card:hover .card-content {
		height: 232px;
		padding-top: 14px;
		overflow: auto;
	}

	.card .card-image.no-re{
		height: 300px;
    	overflow: hidden;
		transition: all .5s;
	}

	.card:hover .card-image.no-re{
    	height: 200px;

	}

	.card-action {
		background: #308C36 !important;
		color: #FFF;
		text-transform: uppercase;
	}
		.card-action i {
			margin-top: -1px;
			position: absolute;
		}
	.btn-cotizar {
		background: #308C36 !important;
	}
	.distribucion-mobiliario img {
		border-radius: 10px;
		max-width: 100%;
	}
/* End Productos  */
/* Start Contacto */
	#btn_contactar {
		background: #308C36;
	}
/* End Contacto  */
/* Start imagenes productos */
	.img-estanteria{
		height: 340px;
		width: 340px;
	}
	.height-estanterias{
		max-height: 800px;
	}
	.height-estanterias-enterpisos{
		max-height: 8000px; 
	}
/* End Contacto  */
/* Tarjetas */
	.card-image img {
		min-height: 300px;
		max-height: 300px;
	}
	.card-content p {
		min-height: 84px;
		max-height: 84px;
	}
	.content-estanteria p {
		min-height: 110px;
		max-height: 110px;
	}
	.conten-tipologia p {
		min-height: 130px;
		max-height: 130px;
	}
	.content-divisiones {
		min-height: 180px;
		max-height: 180px;
	}
/*End tarjetas */
/*sub titulos*/

	.sub-texto{
		font-size: 1.3em;
		text-align: justify;
		padding: 10px;
		margin-top: 25px;
		margin-bottom: 25px;
		font-weight: 200;
	}

	.sub-titulos{
		font-size: 1.5em;
		font-weight: 300;
		padding-top: 20px;
	}
	.subtitulos-nosotros{
		font-size: 30px;
		color: #308C36;
		font-weight: 600;
	}
	.text-nosotros{
		text-align: justify;
	}
	.sub-valores{
		margin-left: 80px;
		margin-bottom: 20px;
	}
/*End tarjetas*/

/*modales imagenes de productos*/
	.modal-sty{
		border-top: 4px solid #1a7520;
	}

	.modal-titulo{
		width: 100%;
		height: 10VH;
		background-color: #308C36;
		color: white;
		border-bottom: 8px solid #1a7520;
	}

	.modal-titulo h4{
		padding-top: 11px;
	}
	
/*contenido productos v2*/


.all-producos{
	width: 100%;
	margin-bottom: 50px;
	overflow: hidden;
	transition: width 1s;
	transition: all 1s;
}

.carta{
	height: 300px;
	width: 300px;
	border-radius: 150px;
}

.mostrar-productos{
	width: 100%;
	height: auto;
	background: #e0e6d4;
	background: url('../img/mosaic.png');
	background-repeat: repeat;
	transition: all 1s;
}

@media screen and (max-width: 1169px){
		.all-producos{
			height: auto;
		}
	}

/*Galeria*/

.galeria{
	--height: 216vh;
	width: 0%;
	height: 0vh;
	position: relative;
	/*background: linear-gradient(to right, rgb(48 140 54) 0%, rgb(69 187 78) 100%) green;*/
	background: rgb(232 232 232);
	border-radius: 0% 0% 0% 30%;
	overflow: hidden;
	position: absolute;
    right: 14%;
    transition: all 1s;
	z-index: 6;
}

.cont-prod{
	background: transparent;
}

.cont-prod .cont-txtual{
	padding: 10px 100px;
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.35);
	background: white;
	min-height: 50vh;
    width: 50%;
    margin-left: 25%;
    border:10px solid #308C36;
} 

.cont-prod .img{
	background: blue;
	height: 20vh;
    width: 40%;
    transform: rotateZ(5deg);
}

.btn_galeria_cerrar{
	cursor: pointer; 
	font-size: 3.8em; 
	font-size: 4em;
	color: black;
	transition: all 0.5s;
	float: right;
}

.btn_galeria_cerrar:hover{
	
	font-size: 4em;	
	color: green;
	transform: rotateZ(180deg);
}


/*
.cont-prod .img1{
    position: relative;
    right: -12px;
    top: -160px;
    transform: rotateZ(-10deg);
}

.cont-prod .img2{
    position: relative;
    right: -592px;
    top: -370px;
}
*/

.contenedor_imagenes{
	width: 82%;
	margin-left: 10%;
	padding: 20px;
	background-color: rgba(0, 0, 0, .1);
	min-width: 600px;
	margin-top: 30px;
}

.contenedor_imagenes .photo-img{
	width: 49%;
	height: 240px;
	max-height: 240px;
	overflow: hidden;
	display: inline-block;
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.35);
	/*cursor: -webkit-zoom-in;*/
}

.contenedor_imagenes .photo-img .cont-img img:hover{
	width: 110%;
	height: 260px;
}

.materialboxed.cont-img.active img{
	width: 100%;
	height: 90vh !important;
	cursor: zoom-out;
}

.materialboxed.cont-img.active img:hover{
	width: 100%;
	height: auto;
	cursor: zoom-out;
}

.contenedor_imagenes .photo-img .cont-img img{
	width: 100%;
	height: 240px;
	transition: all 0.7s;
}

@keyframes movimiento-pequeño{
	from{width: 0%; height: 0vh; border-radius: 0% 0% 0% 100%;}
	to{width: 100%; height: var(--height); border-radius: 0%;}
}

@keyframes movimiento2-pequeño {
	from{width: 100%; height: var(--height); border-radius: 0%;}
	to{width: 0%; height: 0vh; border-radius: 0% 0% 0% 100%;}
}


@keyframes movimiento {
	from{width: 0%; height: 0vh; border-radius: 0% 0% 0% 100%;}
	to{width: 73%; height: inherit; border-radius: 0%;}
}

@keyframes movimiento2 {
	from{width: 73%; height: 70vh; border-radius: 0%;}
	to{width: 0%; height: 0vh; border-radius: 0% 0% 0% 100%;}
}

.carousel .carousel-item{
	overflow: hidden;
}

.carousel .carousel-item>img {
	min-width: 100%;
	max-width: 150%;
	height: inherit;
}

.titulo-productos {
	margin-top: 35px;
	padding-top: 35px;
}

.df{
	height: 0px;
	overflow: hidden;
	opacity: 0;
	transition: all 1s;
}

.df.active{
	opacity: 1;
}

.no-re.modal-trigger{
	cursor: pointer;
}

.mov img{
	cursor: pointer;
}

.mov img{
	filter: brightness(0.7);
	min-width: 100%;
	max-width: 110%;
	height: 150px;
	overflow: hidden;
}

.mov:hover img{
	filter: brightness(0.9);
}


.mov{
	position: relative;
	margin-bottom: 25px;
}

.mov p{
	width: cacl(100% - .75rem);
	text-align: center;
	cursor: pointer;
	position: absolute;
    bottom: -20px;
}

.mov.active img{
	border: 2px solid #2f8a39;
	filter: brightness(1);
}

.s2-5{
	width: 20%;
    margin-left: auto;
    left: auto;
    right: auto;
}

h1.titulo-productos{
    font-size: 3rem;
}

/*Media query*/

	@media screen and (max-width: 1000px){
		.all-producos{
			height: auto;
		}

		.mostrar-productos{
			height: auto;
		}

		.contenedor_imagenes{
			width: 100%;
			margin-left: 0;
			min-width: 0px;
		}

		.contenedor_imagenes .photo-img{
			width: calc(47% - 9px);	
		}
	}

	@media screen and (max-width: 600px){
		.contenedor_imagenes .photo-img{
			width: 100%;
    	max-height: 400px;
		}

		.carousel .carousel-item{
			overflow: hidden;
		}

		.carousel-fixed-item{
			display: flex;
			flex-direction: column;
			justify-content: flex-end;
			align-items: center;
			align-content: flex-end;
		}

		.titulo-productos {
			margin-top: 15px;
		}

		.carousel .carousel-item>img {
			min-width: 150%;
			max-width: 170%;
			height: inherit;
		}

		.materialboxed.cont-img.active img{
			height: inherit !important;
		}
		
	}

	.footer_a{
		color: inherit;
   		text-decoration: none;

	}