@charset "utf-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

@font-face {
	font-family: "Plateia";
	src: url("../Fonts/Plateia.ttf");
}

@font-face {
	font-family: "Asenine";
	src:url("../Fonts/Asenine.ttf");
}










body {
	background: #fff;
	background-image: image()
}

/*COMIENZA HEADER*/


body {
	padding: 0;
	margin: 0;
}
.container {
	position: relative;
	margin-top: 100px;
}
.container img {
	display: block;
	width: 100%;
}
nav {
	position: fixed;
	z-index: 10;
	left: 0;
	right: 0;
	top: 0;
	font-family: Plateia;
	padding: 0 5%;
	height: 100px;
	background-color: #000000;
}
nav .logo {
	float: left;
	width: 40%;
	height: 100%;
	display: flex;
	align-items: center;
	font-size: 24px;
	color: #fff;
}
nav .links {
	float: right;
	padding: 0;
	margin: 0;
	width: 60%;
	height: 100%;
	display: flex;
	justify-content: space-around;
	align-items: center;
}
nav .links li {
	list-style: none;
}
nav .links a {
	display: block;
	padding: 1em;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	
}
nav .links a:hover {
	text-decoration:inherit;
	color: #a4944c;
	
}
#nav-toggle {
	position: absolute;
	top: -100px;
}
nav .icon-burger {
	display: none;
	position: absolute;
	right: 5%;
	top: 50%;
	transform: translateY(-50%);
}
nav .icon-burger .line {
	width: 30px;
	height: 5px;
	background-color: #fff;
	margin: 5px;
	border-radius: 3px;
	transition: all .3s ease-in-out;
}
@media screen and (max-width: 500px){
	.container img{max-width:200px;}
}


@media screen and (max-width: 1050px) {
	nav .logo {
		float: none;
		width: auto;
		justify-content: center;
	}
	nav .links {
		float: none;
		position: fixed;
		z-index: 9;
		left: 0;
		right: 0;
		top: 100px;
		bottom: 100%;
		width: auto;
		height: auto;
		flex-direction: column;
		justify-content: space-evenly;
		background-color: rgba(0,0,0,.8);
		overflow: hidden;
		box-sizing: border-box;
		transition: all .5s ease-in-out;

	}
	nav .links a {
		font-size: 20px;
	}
	nav :checked ~ .links {
		bottom: 0;
	}
	nav .icon-burger {
		display: block;
	}
	nav :checked ~ .icon-burger .line:nth-child(1) {
		transform: translateY(10px) rotate(225deg);
	}
	nav :checked ~ .icon-burger .line:nth-child(3) {
		transform: translateY(-10px) rotate(-225deg);
	}
	nav :checked ~ .icon-burger .line:nth-child(2) {
		opacity: 0;
	}
	
}

.youtube-link {
	position: fixed;
	left: 20px;
	bottom: 20px;
	color: #000;
	text-decoration: none;
	font-size: 12px;
}


/* YTERMINA MENÚ */

header {
	color: #000000;
}

header a {
	color: #000000;
	text-decoration: none;
	font-family: "Plateia";
	letter-spacing: .07rem;
}

a:hover {
    color: #030303;
}

.logo-menu {
	background: #fff;
}
.logo-menu .menu a {
	display: inline-block;
	padding: 40px 20px;
	color: #535151;
}

.logo-menu .menu a:hover {
	border-bottom: 4px solid #a4944c;
	padding-bottom: 36px;
}

.dropdown-divider {
	border-color: 1px solid #fff;
}

.submenu {
	background: #010101;
}

.submenu nav a {
	padding: 26px 20px;
	display: inline-block;
	color: #fff;
}

.submenu nav a:hover {
	text-decoration:inherit;
	color: #a4944c;
}

/*TERMINA HEADER*/
.contacto {
	font-family: asenine;
}
/*COMIENZA SILDER*/

.container-fluid {
	border-bottom: 0px solid #000000;
	padding-top: .5px;
}


/*TERMINA SLIDER*/

/*COMIENZA MAIN */


.grid-container1 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  grid-gap: 1em;
  padding-top: -10px;
  padding-bottom: 0px;
  padding-left: 60px;
  padding-right: 60px;
  background: #000000;
  align-content: center;
  font-family: plateia;
  
}


/*COMIENZA GALERÍA */


img {
  width: 80%; /* need to overwrite inline dimensions */
  height: auto;
  display: block;
  margin: 0 auto;
  max-width: 100%;


	
}
h2 {
  margin-bottom: .5em;
}
.grid-container {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  grid-gap: 1em;
  padding: 80px;
  font-family: plateia;
  background: #ffffff;

}


/* hover styles */
.location-listing {
  position: relative;

}

.location-image {
  line-height: 0;
  overflow: hidden;
  align-content: center;
	
}


.location-image img {
  filter: blur(0px);
  transition: filter 0.3s ease-in;
  transform: scale(1.1);
 
}


.location-title {
  font-size: 1.5em;
  font-weight: bold;
  align-content: center;
  text-decoration: none;
  z-index: 1;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity .5s;
  background: rgba(0,0,0,0);
  color: white;
  
  /* position the text in t’ middle*/
  display: flex;
  align-items: center;
  justify-content: center;
}

.location-title-2 {
  font-size: 2.5em;
  font-weight: bold;
  font-family: plateia;
  padding-left: 60px;
  align-content: left;
  text-decoration: none;
  z-index: 1;
  position: absolute;
  height: 100%;
  width: 100%;
  background:#FFFFFF;
  color: black;
  
  /* position the text in t’ middle*/
  display: flex;
  align-items: center;
  justify-content: center;
}

.location-listing:hover .location-title {
  opacity: 1;
	color: #FFFFFF;
	
}

.location-listing:hover .location-image img {
  filter: grayscale(1);
}


/* for touch screen devices */
@media (hover: none) { 
  .location-title {
    opacity: 1;

  }
	
	
  .location-image img {
    filter: grayscale(2px)

	
	
  }
	
}

/*TERMINA ESTILO DE GALERÍA */





/*COMEINZA ESTILO DE GALERÍA 2 */
img {
  width: 100%; /* need to overwrite inline dimensions */
  height: auto;

	
}
h2 {
  margin-bottom: .5em;
}
.grid-container2 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  grid-gap: 1em;
  padding: 80px;
  font-family: plateia;
  background: #ffffff;
}


/* hover styles */
.location-listing2 {
  position: relative;

}

.location-image2 {
  line-height: 0;
  overflow: hidden;
  align-content: center;
	
}


.location-image2 img {
  filter: sepia(0PX);
  transition: filter 0.3s ease-in;
  transform: scale(1.1);
 
}


.location-title2 {
  font-size: 1.5em;
  font-weight: bold;
  align-content: center;
  text-decoration: none;
  z-index: 1;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity .5s;
  background: rgba(0,0,0,0);
  color: white;
  
  /* position the text in t’ middle*/
  display: flex;
  align-items: center;
  justify-content: center;
}

.location-listing2:hover .location-title2 {
  opacity: 1;
	color: #FFFFFF;
}

.location-listing2:hover .location-image2 img {
  filter: sepia(.7);
}


/* for touch screen devices */
@media (hover: none) { 
  .location-title2 {
    opacity: 1;
  }
  .location-image2 img {
    filter: sepia(2px);
  }
	
}


/* TERMINA ESTILO DE GALERÍA 2 */




.main {
	margin: 40px 0; 		
}

.main .thumb {
	margin-bottom: 40px;
}

.main .thumb img {
	width: 100%;
	vertical-align: center;
	border-color: #a4944c;
}

.main-champ .thumb img {
	width: 120%;
	vertical-align: center;
	border-color: #a4944c;
}


.main h4 {
	color: #000000;
	font-family: "plateia";
	font-size: 18px;
	letter-spacing: .1rem;
}


.main h2 {
	color: #000000;
	font-family: "plateia";
	font-size: 36px;
	letter-spacing: .1rem;
}


.main p {
	color: #4B4A4A;
	font-family: "Asenine";
	font-size: 20px;
	letter-spacing: 1px;
}

.zoom {
    background-color: #FFFFFF;
	border: 3px solid #a4944c;
    border-radius: 15px;
    transition: transform .5s; 
}


.row {
	padding-left: 0px;
}


.work_item_img {
	align: left;
	margin-bottom: 20px;
}

.work_separator1{
	position:absolute;
	right: 60%;
	width: 180px;
	height: 0.8px;
	background: #a4944c;
	
}

.work_separator2{
	position: absolute;
	right: 60%;
	width: 180px;
	height: 0.8px;
	background: #a4944c;
}


.main-champ {
	padding-top: 30px;
}

 

/*TERMINA MAIN*/

/*COMIENZA FOOTER */

footer {
	background: #000;
	color:#fff;
	padding: 20px;
}

footer .nav a {
	width: 100%;
	display: block;
	padding: 20px;
	color:#fff;
	text-decoration: none;
	border-bottom: 1px solid rgba(255,255,255,.2);
	font-family: asenine;


}

footer .nav a:hover {
	text-decoration: none;
	color: #A4944C;
	
}

footer .logo {
	width: 100%;
	display:table-cell;
	background: #a4944c;
	color:#fff;
	padding: 25px;
	font-weight: 300;
	border-radius: 0 30px 0 30px;
	font-family: "estilo regular";
	font-size: 24px;
	text-align: center;
}


/* Por debajo de 400px */
@media screen and (max-width: 600px){
footer {
	text-align: center;
	align-content: center;
}

/*TERMINA FOOTER*/

/*COMIENZA NOSOTROS*/


.submenu h1 {
	font-size: 28px;
	color: #fff;
	text-decoration: none;
	font-family: "Plateia";
	letter-spacing: 0.2rem;
}

.submenu h6 {
	font-size: 20px;
	color: #fff;
	text-decoration: none;
	font-family: "Plateia";
	letter-spacing: .6rem;
}

.nosotros {
	background-color: #fff;
	padding-top: 15px;
}

.texto-nosotros {
	font-size: 20px;
	color: #000;
	font-family: "Asenine";
	letter-spacing: .1rem;
}

/*TERMINA NOSOTROS*/

/*COMIENZA CONTACTO*/

footer .nav p {
	font-size: 18px;
	width: 100%;
	display: block;
	padding: 20px;
	color:#fff;
	text-decoration: none;
	border-bottom: 1px solid rgba(255,255,255,.2);
	letter-spacing: 0.5px;
}

.redes-sociales {
    column-count:3;
    column-gap:20px;
}


/*TERMINA CONTACTO*/

/*COMIENZA CABALLERO*/

.boton {
	
	border: 1px solid; /*anchura, estilo y color borde*/
	padding: 10px; /*espacio alrededor texto*/
	background: #000000; /*color botón*/
	color: #ffffff; /*color texto*/
	text-decoration: none; /*decoración texto*/
	text-transform: uppercase; /*capitalización texto*/
	font-family: "Asenine"; /*tipografía texto*/
	border-radius: 10px; /*bordes redondos*/
	font-size: 18px;
	letter-spacing: 2px;
	
	
}

.boton:hover {
	background: #A4944C;
	border-radius: 10px;
	margin-top: 3px;
	padding-top: 2px;
	color: #fff;
	font-family: "Asenine";
	font-size: 18px;
	letter-spacing: 2px;
	text-decoration: none;
	
	
}
.zoom {
    background-color: #fff;

    border-radius: 10px;
    transition: transform .5s; 
}

.zoom:hover {
    transform: scale(1.1); 

}


.algodon-atributos-champ {
	background: #fff;
	border-radius: 10px;
	margin-top: 7px;
	padding-top: 2px;
	font-family: "Asenine";
	text-align: center;
	font-size: 28px;
	letter-spacing: 2px;
}

 


/*TERMINA CABALLERO*/



/*COMIENZA FORMULARIO*/




/*TERMINA FORMULARIO*/




/*COMIENZA CATÁLOGO*/

.swiper-container {
	background: #fff;
	width: 100%;
}

.swiper-slide {
	background: #fff;
}


/*TERMINA CATÁLOGO*/