body{
	font-size: 62.5%;
	font-family: 'Montserrat', sans-serif;
	height: 2500px;
}
 .bold{
	font-weight: 600; 	
 }
 .gray{
 	color: #525252;
 }

/* General classes */

/* General classes */

/*Header responsive generals*/
.hdr{
	display: block;
	height: 100px;
	background-color: rgba(255,255,255,1);
	position: fixed;
	top: 0;
	width: 100%;
	display:block;
	-webkit-transition: 0.5s; /* Safari */
  	transition: 0.5s;
  	z-index: 999;
}
.hdr .container{
	position: relative;
	display: block;
	margin: 0 auto;
}
.hdr-logo >img{
	height: 70px;
	margin-top: 15px;
}
.hdr-logo ul{
	float: right;
	text-transform: uppercase;
	margin-top: -50px;
}
.hdr-menu{
	height: 30px;
	width: auto;
	float: right;
	display: inline-block;
	display: none;
}
.hdr-logo-resp{
	display: none;
}
.hdr-logo li{
	display: inline-block;
	font-size: 1.5rem;

}
.hdr-logo li a{
	text-decoration: none;
	padding: 8px 15px;
	font-size: 1.5rem;
	text-decoration: none;
	-webkit-transition: 0.5s; /* Safari */
  	transition: 0.5s;
}
.hdr-logo  li:last-child  a:last-child{
	/*border-left: 2px solid #525252; */
	-webkit-transition: 0.5s; /* Safari */
  	transition: 0.5s;
}
/*.hdr-logo  li:last-child  a:last-child:hover{
	border-left: 2px solid  #b9aa83;
	-webkit-transition: 0.5s; /* Safari 
  	transition: 0.5s;
} */
.hdr-logo li:nth-child(3) a{
	background-color: #b9aa83;
	color: white;
}
.hdr-logo nav li a:hover{
	background-color: #b9aa83;
	color: white;
	-webkit-transition: 0.5s; /* Safari */
  	transition: 0.5s;
}
#index-anim .scroll{
	height: 80px;
	width: 30px;
	border: 4px solid #b9aa83;
	display: inline-block;
	border-radius: 50px;
	margin-top: 190px;
	
}
#index-anim .scroll-inner{
	height: 15px;
	width: 15px;
	background-color: #b9aa83;
	border-radius: 50px;
	margin-top: 7px;
	
	margin-left: 3px;
	-webkit-animation: scroll;
	-o-animation: scroll;
	animation: scroll;
	animation-duration: 6s;
    animation-iteration-count: infinite;
}
@keyframes scroll {
    0%   {margin-top: 7px;}
    30%   {margin-top: 7px;}
    38%  {margin-top: 50px;}
    42%  {margin-top: 53px;}
    50% {margin-top: 7px;}
    100% {margin-top: 7px;}
}
}
@media (max-width: 768px){
.hdr nav ul{
	display: none;
}
.hdr-menu{
	display: inline-block;
	margin-top: -40px;
}

/*Header responsive generals*/

}

/*hero banner*/
.hero-banner{
	display: inline-block;
	height: 950px;
	width: 100%;
	background: url(../../media/bg.jpg) no-repeat;
	background-position: center;
	background-size: 100% auto;
	padding-top: 370px;
	text-align: center;
	text-transform: uppercase;
	font-weight: 600;
}
@media (max-width: 1600px){
	.hero-banner{background-size: auto;}
}
.hero-banner h2{
	font-size: 3rem;
	font-weight: 600;
}
.hero-banner h1{
	font-size: 6.2rem;
	font-weight: 600;
	margin-top: -10px;
}
.hero-banner h3{
	font-size: 4rem;
	text-transform: none;
	font-family: 'Great Vibes', cursive;
	color:#b9aa83;
	margin-top: -10px;
}
.hero-banner a{
	text-decoration: none;
	padding: 8px 15px;
	font-size: 1.5rem;
	text-decoration: none;
	-webkit-transition: 0.5s; /* Safari */
  	transition: 0.5s;
  	background-color: #b9aa83;
	color: white;
	margin-top: 40px;
	display: inline-block;
}
/*hero banner*/
/*about us section*/
.about-us{
	margin-top: 60px;	
	margin-bottom: 130px;
	padding-left: 65px;
}
.about-us h4{
	margin-top: 70px;
	font-size: 4rem;
	text-transform: none;
	font-family: 'Great Vibes', cursive;
	color:#b9aa83;
	margin-bottom: -20px;
	
}
.about-us h3{
	font-size: 2.3rem;
	text-transform: uppercase;
}
.about-us h2{
	font-size: 3.5rem;
	font-weight: 600;
	margin-top: -10px;
	text-transform: uppercase;
}
.about-us p{
	width: 500px;
	font-size: 1.3rem;
	text-align: justify;
}
.about-us a{
	text-decoration: none;
	padding: 8px 15px;
	font-size: 1.5rem;
	text-decoration: none;
	-webkit-transition: 0.5s; /* Safari */
  	transition: 0.5s;
  	background-color: #b9aa83;
	color: white;
	margin-top: 40px;
	display: inline-block;
	font-weight: 600;
	text-transform: uppercase;
	
}
.about-img img{
	height: 400px;
	margin-left: 80px;}

/*about us section*/

#product-txt{
	height: 450px;
	background: url(../../media/productos-1.jpg) no-repeat;
	background-size: 100% auto;
}

#product-txt h4{
margin-left: 65px;
margin-top:20px;
	font-size: 4rem;
	text-transform: none;
	font-family: 'Great Vibes', cursive;
	color:#b9aa83;
	margin-bottom: -20px;
	
}
#product-txt h3{
margin-left: 65px;
	font-size: 2.3rem;
	text-transform: uppercase;
}
#product-txt h2{
margin-left: 65px;
	font-size: 3.5rem;
	font-weight: 600;
	margin-top: -10px;
	text-transform: uppercase;
}
#product-txt p{
margin-left: 65px;
	width: 500px;
	font-size: 1.3rem;
	text-align: justify;
}
#product-txt a{
margin-left: 65px;
	text-decoration: none;
	padding: 8px 15px;
	font-size: 1.5rem;
	text-decoration: none;
	-webkit-transition: 0.5s; /* Safari */
  	transition: 0.5s;
  	background-color: #b9aa83;
	color: white;
	margin-top: 40px;
	display: inline-block;
	font-weight: 600;
	text-transform: uppercase;
	
}
.about-samples-master{
		position: relative;
		display: inline-block;
		text-align: center;
		top:420px;
}
#about-samples1,#about-samples2,#about-samples3,#about-samples4,#about-samples5,#about-samples6,#about-samples7,#about-samples8,#about-samples9,#about-samples10,#about-samples11{
	width: 70px;
	height: 70px;
	border: 3px solid white;
	background-color: black;
	display: inline-block;

}
#about-samples1{
	background: url(../../media/prod-ex-1.jpg) no-repeat;
	background-size: 70px 70px;
}
#about-samples1:hover ~ #product-txt{
	background: url(../../media/productos-1.jpg) !important;
	background-size: 100% auto;
}
#about-samples2{
	background: url(../../media/prod-ex-2.jpg) no-repeat;
	background-size: 70px 70px;
}
#about-samples2:hover ~ #product-txt{
	background: url(../../media/productos-2.jpg) !important;
	background-size: 100% auto;
}
#about-samples3{
	background: url(../../media/prod-ex-3.jpg) no-repeat;
	background-size: 70px 70px;
}
#about-samples3:hover ~ #product-txt{
	background: url(../../media/productos-3.jpg) !important;
	background-size: 100% auto;
}
#about-samples4{
	background: url(../../media/prod-ex-4.jpg) no-repeat;
	background-size: 70px 70px;
}
#about-samples4:hover ~ #product-txt{
	background: url(../../media/productos-4.jpg) !important;
	background-size: 100% auto;
}
#about-samples5{
	background: url(../../media/prod-ex-5.jpg) no-repeat;
	background-size: 70px 70px;
}
#about-samples5:hover ~ #product-txt{
	background: url(../../media/productos-5.jpg);
	background-size: 100% auto;
}
#about-samples6{
	background: url(../../media/prod-ex-6.jpg) no-repeat;
	background-size: 70px 70px;
}
#about-samples6:hover ~ #product-txt{
	background: url(../../media/productos-6.jpg);
	background-size: 100% auto;
}#about-samples7{
	background: url(../../media/prod-ex-7.jpg) no-repeat;
	background-size: 70px 70px;
}
#about-samples7:hover ~ #product-txt{
	background: url(../../media/productos-7.jpg);
	background-size: 100% auto;
}
#about-samples8{
	background: url(../../media/prod-ex-8.jpg) no-repeat;
	background-size: 70px 70px;
}
#about-samples9{
	background: url(../../media/prod-ex-9.jpg) no-repeat;
	background-size: 70px 70px;
}
#about-samples10{
	background: url(../../media/prod-ex-10.jpg) no-repeat;
	background-size: 70px 70px;
}
#about-samples11{
	background: url(../../media/prod-ex-11.jpg) no-repeat;
	background-size: 70px 70px;
}
.product-others{
margin-top: 100px;
margin-bottom: 100px;

}
.product-others-text{
	display: inline;
	width: 700px;
	text-align: center;

}

.product-others h3{
margin-left: 65px;
	font-size: 1.8rem;
	text-transform: uppercase;
}
.product-others h2{
margin-left: 65px;
	font-size: 3.6rem;
	font-weight: 600;
	margin-top: -10px;
	text-transform: uppercase;
}
.product-others ul{
	float: left;
	display: inline-block;
	margin-top: 30px;
	 list-style-type: square;
	 text-align: center;
}
.product-others li{
	font-size: 2rem;
	display: inline;
	margin-left:30px;
	 list-style-type: square !important;
	}
.contact{
	background-color: #525252;
	color: white;
	padding-top: 70px;
	padding-bottom: 70px;
}
.contact-text{
	background: url(../../media/logoblanco.png) no-repeat;
	background-size: 150px 150px;
}

.contact-text h3{
margin-left: 65px;
	font-size: 2.1rem;
	text-transform: uppercase;
}
.contact-text h2{
margin-left: 65px;
	font-size: 3.7rem;
	font-weight: 600;
	margin-top: -10px;
	text-transform: uppercase;
}
.contact-text p{
	margin-left: 60px;
	width: 400px;
	font-size: 1.3rem;
	text-align: justify;
}
.contact-form input, .contact-form textarea{
	width: 100%;
	height: 40px;
	background-color: rgba(0,0,0,0.1);
	margin-bottom: 20px;
	border:none;
	border-bottom: 3px solid rgba(255,255,255,1);
	color: white;
	font-size: 1.3rem;
	padding-left: 10px;
}
.contact-form input::placeholder, .contact-form textarea::placeholder {
	color: white;
}
.contact-form textarea{
	height: 100px;
}
.contact-form button{
	font-size: 1.5rem;
	font-weight: bold;
	padding: 15px 30px;
	color: #5c5c5c;
}

@media (max-width: 991px){
.hdr-logo-resp{
	display: inline-block;
}
.hdr-logo > img:first-child{
	display: none;
}
#product-txt{
	background: url(../../media/blank.jpg) !important;
	text-align: center;
}
.#product-txt p{
	width: 100% !important;
	margin-left: 30px !important;
	margin-right: 30px !important;
}
.about-samples-master{
	display: none !important;
}
.product-others{
margin-top: 0px;
margin-bottom: 100px;
text-align: center;

}
#product-txt{
	height: 250px !important;
}
.product-others{
	text-align: center;
}
.product-others h3, .product-others h2{
	margin: none;
}
}
@media (max-width: 1200px){
	.about-us p{
		width: auto;
	}
	.product-others-text{
		text-align: center;
	}
	.contact-text {
		padding-bottom: 70px;
	}
	.contact-text p{
		width: auto;
	}
}

@media (max-width: 1037px){
	.about-us{
		text-align: center;
		padding-left: 0px;
		
	}
	.about-us p{
		margin: auto 50px ;
	}
	.about-img img {
		margin-top: 100px;
		width: 100%;
		height: auto;
		margin-left: 0;
	}
}
@media (max-width: 767px){
	.about-img img {
		margin-bottom: 100px;
	}
	#product-txt p{
		width: auto !important;
		margin: none !important;
		text-align: center !important;
	}
	#product-txt h3, #product-txt h2, #product-txt h4, #product-txt p{
		margin-left: 0;
	}

	.product{
		height: auto;
	}
	.product-others-text{
		width: auto !important;
	}
}
@media (max-width: 471px){
	.about-us{
		text-align: center;
	}
	.about-us p{
		margin: auto 20px ;
	}
	.hdr-logo ul{
		display: none;
	}
}