@font-face {
    font-family: 'Lato Normal'; /*a name to be used later*/
    src: url('../../fonts/lato/Lato-Reg.ttf');
}

@font-face {
    font-family: 'Lato'; /*a name to be used later*/
    src: url('../../fonts/lato/Lato-Lig.ttf');
}

#menu a{
 color:white;
}

.navbar{
	background-color:#7991ae;
	font-family: Lato;
}

.nav.navbar-nav{
	background-color:#7991ae;
}


.fa-5x{
	font-size: 4em;
}


.fa{
	color: gray;
}

.fa:hover{
	color: #6382a8;
}

#about{
	background-image: url("../../img/fondo_soluciones.png");
	background-repeat: no-repeat;
	background-size: cover;
	z-index:-1; 
}

#about .container *{
	text-align: center;
	color: white;
}

#about .section-heading{
	color: white;
	
}

#about .section-heading h2{
	color: white;
}

#about *{
	font-family: Lato;
}

#separator *{
	color: white;
	font-family: Lato;
}

#separator{
	background-image: none;
}

#separator:after{
	background-image: none;
}

#separator .color-white{
	color:black;
	padding-bottom: 10px;
}

#separator .color-blue{
	position:relative;
	color: #6382a8;
	font-size: 18px;
	font-family: Lato Normal;
}

#separator .icon{
	width:100px;
	height:100px;
	margin:auto;
	margin-top:15px;
	margin-bottom:10px;
}

#separator h2{
	color: #1d65c9;
}

#icon1{
	background-image: url("../../img/icono_1.png");
	background-repeat: no-repeat;
	background-size: contain;
}

#icon2{
	background-image: url("../../img/icono_2.png");
	background-repeat: no-repeat;
	background-size: contain;
}

#icon3{
	background-image: url("../../img/icono_3.png");
	background-repeat: no-repeat;
	margin-top:15px;
	background-size: contain;
}

#icon4{
	background-image: url("../../img/icono_4.png");
	background-repeat: no-repeat;
	margin-top:15px;
	background-size: contain;
}

@media (min-width:768px) {
	.col-sm-3{
		width:50%;
	}
}

#gallery{
	background-image: url("../../img/fondo_productos.png");
	background-repeat: no-repeat;
	background-size: cover; 
}

#gallery *{
	font-family: Lato;
	color: white;
}

.owl-theme .owl-controls .owl-page span{
	background:white;
}

#contact h2{
	color: #1d65c9;
}

#contact p{
	color: black;
}

.form-wrapper{
	background: white;
}

.col-md-offset-2{
	margin:none;
}

form#contact-form input, form#contact-form select, form#contact-form textarea{
	background-color:#EBEBEB;
	border-radius:50px;
	
}

form#contact-form input, form#contact-form select{
	height: 70px;
}

 form#contact-form textarea{
 	border-radius:30px;
 	resize: none;
 }


form#contact-form button{
	width: 200px;
	height: 70px;
	border-radius: 50px;
	background-color: white;
	border-color: #1d65c9;
	color: #1d65c9;
	border-width:3px;
	margin: auto;
}

footer{
	background-color: #6382a8;
}

footer p{
	font-family: Lato;
	color: #96c0ff;
}

footer span{
	font-family:Lato Normal;
	cursor: pointer;
}

.borderBlue{
	border-bottom: 3px solid #96c0ff;
	padding-bottom: 15px;
}

.itemHide{
	display: none;
}

.owl-theme .owl-controls .owl-page{
	display: none;
}

.item{
	cursor:pointer;
}

.itemHover{
	bottom:20px;
	left:10px;
	position:absolute;
	height: 23%;
	width: 95%;
	background-color:#4072b9;
	opacity: 0.9;
}

.itemTitle{
	font-size: 30px;
	color:#d0e4fe !important;
	padding-left:5%;
	padding-right:5%;
	padding-top: 2%;
	line-height: 100%;
	position: relative;
}

.itemDescription{
	font-size: 15px;
	padding-top:10px;
	display: none; 
	text-align: left;
}

.item:hover .itemHover{
	height: 93.5%;
	padding-left:5%;
	padding-right:5%;
	padding-top: 2%;
}

.item:hover .itemDescription{
	display: block;
}

/* Portrait tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
	.itemTitle{
		font-size: 25px;
	}
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
	.itemTitle{
		font-size: 20px;
	}
	
	.itemDescription{
		font-size: 13px;
		line-height: 100%;
	}
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
	
	.itemTitle{
		font-size: 14px;
	}
	.itemDescription{
		font-size: 11px;
		line-height: 100%;
	}
	
}

/* Landscape phones and smaller */
@media (max-width: 480px) {
	
	.owl-wrapper{
		overflow:hidden;
		left: 0 !important;
	}
	
	.owl-carousel .owl-item{
		position:relative;
		width: 300px !important;
	 	float:none;
	 	left: 1%;
	 	
	}
	
	.itemHover{
		bottom:0px;
		left:10px;
		position:absolute;
		height: 100%;
		width: 93.5%;
		background-color:;
		opacity: 0.9;
		background-size:contain;
		background-repeat: no-repeat; 
	}
	
	.item img{
		opacity: 0;
	}
	
	.item:hover .itemHover{
		height: 100%;
	}
	
	.itemTitle{
		font-size: 30px;
	}
	
	.itemDescription{
		font-size: 15px;
	}
	
	#galleryUno{
		 content:url("../../img/gallery/separador_hamburguesas_mobile.png");
	}
	
	#galleryDos{
		 content:url("../../img/gallery/papel_hornear_mobile.png");
	}
	
	#galleryTres{
		 content:url("../../img/gallery/separador_pastel_mobile.png");
	}
	
}