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



@font-face {
	font-family:'FuturaPT-Book';
	src: url('fonts/FuturaPT-Book_gdi.eot');
	src: url('fonts/FuturaPT-Book_gdi.eot?#iefix') format('embedded-opentype'),
		url('fonts/FuturaPT-Book_gdi.woff') format('woff'),
		url('fonts/FuturaPT-Book_gdi.ttf') format('truetype'),
		url('fonts/FuturaPT-Book_gdi.svg#FuturaPT-Book') format('svg');
}
@font-face {
	font-family:'FuturaStd-Bold';
	src: url('fonts/futurastd-bold.eot');
	src: url('fonts/futurastd-bold.eot?#iefix') format('embedded-opentype'),
		url('fonts/futurastd-bold.woff') format('woff'),
		url('fonts/futurastd-bold.ttf') format('truetype'),
		url('fonts/futurastd-bold.svg#FuturaPT-Book') format('svg');
}

@font-face {
	font-family: 'Futura Condensed Bold';
	src: local('Futura Condensed Bold'), url('fonts/futura-condensed-bold.otf') format('opentype');
}

@font-face {
	font-family: 'Futura Condensed Regular';
	src: local('Futura Condensed Regular'), url('fonts/futura-condensed-regular.ttf') format('opentype');
}


body{
	margin: 0;
	padding: 0;
	font-size: 16px;
	font-weight: 400;
	line-height: 25px;
	font-family: "FuturaPT-Book", Sans-Serif;
	color: #5B5B5B;
}

#header{
	position: absolute;
	width: 100%;
	z-index: 999;
}


#localizador .logo{
	text-align: center;
}

.logo{
	width: 100%;
	padding: 20px;
}

#localizador .logo img{
	width: 160px;
}

#localizador #show{
	display: none;
}

.logo img{
	width: 120%;
	max-width: 230px;
}

#slider{
	width: 100%;
	height: 100vh;
	background-image: url("img/pattern.png");
}

#slider .bg-overlay{
	width: 100%;
	height: 100vh;
}

#frase{
	margin-top: 22vh;
	width: 600px;
	height: 600px;
}

#header .menu{
	padding: 60px 0px;
}

#header .menu ul.nav{
	padding: 0;
	margin: 0;
}

#header .menu.float-right ul.nav li{
	padding-left: 40px;
}

#header .menu.float-left ul.nav li{
	padding-right: 40px;
}

#header .menu ul.nav li a{
	font-size: 15px;
	color: #4f8cb3;
	font-family: "FuturaStd-Bold", Sans-Serif;
}

#header .menu ul.nav li a.btn-primary{
	color: #f55b85;
	margin-top: -5px;
	padding-left: 30px;
	padding-right: 30px;
	background-color: #facbc2;
	border-color: #f55b85;
}

a.btn-primary{
	color: #f55b85;
	margin-top: -5px;
	padding-left: 30px;
	padding-right: 30px;
	background-color: #facbc2;
	border-color: #f55b85;
}

#nosotros{
	padding: 80px 0px;
}

#productos{
	height: 650px;
	padding-top: 100px; 
	background-image: url("img/pattern1-overlay.png");
	background-position: bottom;
	border-bottom: 75px solid #FFF;
	margin-bottom: 100px;
}

#productos .producto img{
	max-width: 100%;
}

#productos h4{
	font-size: 22px;
	margin-top: 10px;
}

#footer{
	padding: 90px 0px 60px 0px;
	background-color: #a9e5df;
}

#footer ul.links{
	list-style: none;
	padding: 0;
	margin: 0;
}

#footer ul.links li{
	text-transform: uppercase;
	color: #FFF;
	margin-bottom: 12px;
	font-size: 15px;
}

#footer ul.social{
	list-style: none;
	padding: 0;
	margin: 0;
	float: right;
}

#contacto ul.social{
	list-style: none;
	padding: 0;
	margin: 0;
}

#footer ul.social li{
	float: left;
	margin-left: 15px;
	font-size: 24px;
}

#contacto ul.social li{
	float: left;
	margin-right: 15px;
	font-size: 24px;
}

#footer a{
	color: #f55b85;
}

#copyright{
	font-size: 15px;
	padding: 20px;
}


#localizador{
	position: absolute;
	z-index: 999999;
	width: 300px;
	left: 25px;
	background-color: #FFF;
	padding: 15px 25px;
}

#mapa{
	width: 100%;
	height: 100vh;
}


#ventajas{
	padding: 80px 0px;
	text-align: center;
}

#ventajas .icon{
	width: 64px;
	margin: 32px;
}

#contacto{
	padding: 80px 0px;
	background-color: #facbc2;
}

#contacto .contact-form{
	background-color: #FFF;	
	padding: 60px;
	min-height: 450px;
}

#contacto .contact-form input,
#contacto .contact-form textarea{
	height: auto;
	padding: 12px 15px;
	background-color: rgba(0, 0, 0, 0.05);
	border-color: rgba(0, 0, 0, 0.1);
}

h6{
	font-family: "FuturaPT-Book";
	letter-spacing: 2px;
	text-transform: uppercase;
	font-weight: 600 !important;
}

a{
	color: #000;
}

a:hover,
a:focus,
a:active{
	color: #000;
	text-decoration: none;
}

@media only screen and (max-width:700px) {
	.logo{
		width: 100%;
		padding: 20px 0px;
	}
	
	.logo img{
		width: 100%;
		max-width: 150px;
	}
	
	#slider{
		width: 100%;
		height: 80vh;
		background-image: url("img/pattern.png");
	}

	#slider .bg-overlay{
		width: 100%;
		height: 80vh;
	}
	
	#frase{
		margin-top: 22vh;
		width: 100%;
		height: auto;
	}
	
	#productos{
    padding-top: 50px; 
    height: 450px;
		margin-bottom: 0px;
	}
  
	#contacto .contact-form{
		background-color: #FFF;	
		padding: 30px;
		min-height: 450px;
	}
	
	#footer ul.social{
		list-style: none;
		padding: 0;
		margin: 0;
		position: absolute;
		left: 50%;
		margin-left: -48px;
		float: none;
	}

	.pin{
		text-align: right;
		padding: 20px 0px;
		font-size: 32px !important;
		
	}
	
	.pin a{
		color: #f55b85;
	}
	
	#localizador{
		position: absolute;
		z-index: 999999;
		width: 300px;
		left: 0px;
		margin-left: -300px;
	}
	
	#localizador.active{
		position: absolute;
		z-index: 999999;
		width: 300px;
		left: 0px;
		margin-left: 0px;
	}

	#localizador #show{
		position: absolute;
		top: 30px;
		left: 0px;
		margin-left: 300px;
		background-color: #facbc2;
		border: 1px solid;
		border-left: none;
		border-top-right-radius: 5px;
		border-bottom-right-radius: 5px;
		border-color: #f55b85;
		display: block;
		width: 50px;
		height: 50px;
	}
	
	#localizador #show a{
		font-family: "Nunito", Sans-Serif;
		font-size: 32px;
		display: block;
		width: 50px;
		height: 50px;
		line-height: 45px;
		color: #f55b85;
		text-decoration: none;
		text-align: center;
		padding: 3px 0px;
	}

}