@import url(bootstrap.css);
@import url(productos.css);
@import url(contacto.css);
@import url(clientes.css);
@import url(animate.css);

/** Generated by FG **/
@font-face {
	font-family: 'Gotham_Bold';
	src: url('../fonts/Gotham-Bold_1.woff');
}

@font-face {
	font-family: 'Gotham_Book';
	src: url('../fonts/Gotham-Book_1.woff');
}

*{
	padding: 0;
	margin: 0;
}


nav ul{
	float: right;
	display: block;
}

nav ul li{
	float: left;
	list-style: none;
	margin-left: 50px;
	margin-top: 45px;
	margin-bottom: 15px;
}

nav ul li a{
	text-decoration: none;
	font-family: Gotham_Book;
	font-size: 16px;
	color: #fff;
	transition: all 0.2s;
}

nav ul li a:hover, .active{
	opacity: 0.5;
	text-decoration: none;
	color: #fff;
}

.home, .cover-productos{
	position: absolute;
	color: #Fff;
	
}

.home{
	bottom: 50px;
}



.home a{
	padding: 18px 45px;
	font-size: 14px;
	background-color: #1A7DD7;
	color: #ffF;
	text-decoration: none;
	font-family: Gotham_Bold;
	margin-top: 30px;
	display: inline-block;
	border-radius: 50px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	transition: all 0.3s cubic-bezier(.25,.8,.25,1), background-color 0.5s;
}

.home a:hover{
	background: #03275A;
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}


h6{
	font-size: 18px;
	font-family: Gotham_Bold;
}

h5{
	font-size: 22px;
	font-family: Gotham_Bold;
}

h4{
	font-size: 31px;
	font-family: 'Gotham_Book';
	font-weight: 100;
}
h3{
	font-size: 35px;
	font-family: Gotham_Bold;
}
h2{
	font-size: 40px;
	font-family: Gotham_Bold;
}

h1{
	font-size: 55px;
	text-align: center;
	font-family: Gotham_Bold;
}

p{
	font-size: 15px;
	font-family: 'Gotham_Book';
	font-weight: 100;	
}

.logo{
	width: 220px ;
	float: left;
	margin-top: 32px;
}


.slider-container{
	position: absolute;
	width: 100%;
	z-index: -5;
}

.sliderUno, .sliderDos, .sliderTres, .sliderCuatro{
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	width: 100%;
	height: 100vh;
	background-position: center;
}

.sliderUno{
	background-image: url(../img/01.jpg);
}

.sliderDos{
	background-image: url(../img/02.jpg);
}

.sliderTres{
	background-image: url(../img/03.jpg);
}

.sliderCuatro{
	background-image: url(../img/04.jpg);
}


/* BARRA*/

.barra{
	background-color: #fff;
	border-bottom: 1px solid #c3c3c3;
}

.color-menu{
	color: #03275a;
}

.menu-global{
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}



.menu{
	display: none;
	cursor: pointer;
}

.menuResponsive{
	display: none;
}


@media screen and (min-width: 0) and (max-width: 991px) {

	.menuDesktop{
		display: none;
	}

	.menu{
		float: right;
		width: 30px;
		display: block;
		margin-top: 40px;
		margin-bottom: 30px
	}
	
	.menuResponsive{
		width: 100%;
		height: 100vh;
		position: fixed;
		z-index: 999999999;
		background-color:#fff;
		justify-content: center;
		align-items: center;

	}

	.menuResponsive ul li{
		display: block;width: 100%;
		text-align: center;
		margin-left: 0;	
	}

	.menuResponsive img{
		margin: 0 auto;
		display: block;
		width: 40px;
		cursor: pointer;
	}

	.menuResponsive ul li a{
		color: #03275a;
	}
	

}