/*
COLORES:
#FFF
#78B6DF
#AD4A4D
#304E7A <reemplazox< #C33437
#292929
#3A5A8B->#324B72
*/
/*propuesta color Nadia; fondo crema: #f3efec
*/
body{
	font-family: 'proxima-nova' , sans-serif !important;
	background-color: #f6ede6;
}
div.home{
	background-image:url('/images/fotofondoeditada.png');
	background-size:cover;
	background-position-y: -50px;
}
a{
	color:#FFF !important;
}
a:hover{
	background-color:transparent !important;
}
.navbar-menu a{
	font-size:16px;
}
.home h1, .home h2{
	color:#f6ede6 !important;
	font-weight: 900;
}
.home h2{
	margin-bottom:0 !important;
	padding-bottom:15px;
}
section.especialidades p{
	color:#f6ede6;
	font-weight:bolder;
	letter-spacing: 0.5px;
}
.ver-productos{
	color:#f9d6d7!important;
	cursor: pointer;
	transition: 0.2s;
}
.ver-productos:hover{
	color:#FFF !important;
	cursor: pointer;
}
#sobreNosotros{
	background-image:url('/images/sobrenosotros.svg');
	background-position: center 70%;
	background-repeat: repeat !important;
	background-size: 2500px 1250px;
	background-attachment: fixed;
}
li{
	line-height: 1.85em;
}
/*.influencia{
	background-color: rgba(14, 70, 147, 0.6) ;
}*/
.info-contacto{
	background-color: rgba(14, 70, 147, 0.6) ;
}
.form{
	background-color:#d62127;
}
section.contacto{
	position: relative;
}
section.contacto input, section.contacto textarea{
	background-color: transparent;
	border:1px solid #F5F5F5;
	padding:6px 8px;
	color:#FFF;
	font-family: 'proxima-nova' , sans-serif;
}
section.contacto textarea{
	min-height: 9em !important;
	resize: none;
}
::-webkit-input-placeholder {
	color:#FFF !important;
}
section.contacto button{
	background-color:#e5222b;
	border:1px solid #F5F5F5;
	color:#FFF;
	font-family: 'proxima-nova' , sans-serif;
	transition:0.3s all ease;
}
section.contacto button:hover{
	background-color:#FFF;
	color:#e5222b;
}
.info-contacto, .form{
	border-radius:6px;
	padding-bottom:30px;
}
div.form{
	margin-left:20px;
}
img#logoTransparente{
	min-height:36px;
	/*max-height: none;*/
}
img#logoColor{
	min-height: 30px;
}
div.modal-card{
	border-radius:10px;
}
.modal-card-head{
	background-color: #FFF !important;
	border-bottom:none !important;
	border-radius: 0 !important;
	padding-bottom:0 !important;
}
.tituloModal{
	color:#e5222b;
	margin-bottom:10px;
}
.imagenModal{
	height:50px;
}
#headerNavBar{
	transition: 0.35s;
	background-color:transparent;
}
#headerNavBar .container{
	padding:15px 0;
	border-bottom:1px solid #FFF;
}
.navbar.is-fixed-top-desktop{
	background-color:#f6ede6 !important;
	box-shadow: 0 0.5em 1em -0.125em rgba(10,10,10,.1), 0 0 0 1px rgba(10,10,10,.02);
}
.navbar.is-fixed-top-desktop a{
	color:#d62127 !important;
}
footer{
	background-color:#c51f24 !important;
	padding:2rem 1.5rem 2rem !important;
}
footer p{
	color:/*#78B6DF*/#f6c6c7;
}
.field:not(:last-child) {
	margin-bottom: .75rem !important;
}
#sobreNosotros h2{
	margin-top:0;
}
#clientes img{
	transition:0.3s ease all;
}
#clientes img:hover{
	transform: scale(1.1);
	 -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    opacity: 1;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
}
#modalDesktop{
	/*width:100%;*/
	width:100vw;
}
div.bkgContacto{
	background: transparent linear-gradient(180deg, rgba(33, 47, 67, 0.6) 0%, rgba(0, 16, 39, 0.7) 100%) 0% 0% no-repeat padding-box !important;
	position: absolute;
	height:100%;
	width: 100%;
	top:0;
	left:0;
}
/*#sobreNosotros h2{
	font-size: 1.35rem !important;
    font-weight: 300;
}*/
#clientes img{
	width:70%;
	 -webkit-filter: grayscale(80%);
    filter: grayscale(100%);
    opacity: .4;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
}
img.abbott{
	width:50% !important;
}
body.scroll{
	height: 100vh;
	overflow-y: hidden;
}
@media screen and (max-width: 768px){
	html, body{
		width: 100%;
		height:100%;
		margin:0;
		padding:0;
	}
	html.modal-open{
		overflow: hidden !important;
	}
	div.home{
		background-image:url('/images/fotofondoeditada.png');
		background-size:cover;
		background-position-y: 0px;
	}
	div.form{
		margin-left: 0 !important;
		margin-top:15px;
	}
	section.contacto button{
		width:100% !important;
	}
	.formContainer{
		width:auto !important;
	}
	
	#sobreNosotros{
		padding:1rem;
		background-image:url('/images/sobrenosotros_vertical.svg');
	background-position: center 70%;
	background-repeat: repeat !important;
	background-size: 4400px 1550px;
	background-attachment: fixed;
	}
	#sobreNosotros h1{
		margin-bottom:15px;
	}
	#headerNavBar div.container{
		border-bottom:none !important;
		background-color:#f6ede6;
	}
	.fixed-mobile div.container{
		background-color:#d62127 !important;
	}
	.fixed-mobile .navbar-burger span{
		background-color: #FFF;
	}
	.fixed-mobile .navbar-menu{
		background-color: #d62127 !important;
	}
	.fixed-mobile a.is-active{
		background-color:#d62127 !important;
	}
	#headerNavBar a.active{
		color:#d62127 !important;
	}
	.navbar-burger span{
		height:3px !important;
		background-color:#292929;
		width:20px;
	}
	#headerNavBar .container{
		padding:0 !important;
	}
	.fixed-mobile{
		width: 100%;
		height:100%;
		position: fixed;
	}
	.fixed-mobile .container{
		height:100%;
	}
	.fixed-mobile .navbar-menu{
		box-shadow: none !important;
	}
	.fixed-mobile .navbar-item{
		line-height: 48px;
	}
	.navbar-brand{
		padding: 15px 0;
	}
	.bordeRojo{
		width:50%;
		margin:0 auto;
	}
	div.modal-card{
		width:90%;
		max-height: 75%;
	}
	ul.productos{
		/*overflow-y: scroll;*/
		margin-left: 1em;
	}
	ul.productos li{
		list-style: disc;
	}
	#headerNavBar.fixed{
		box-shadow: 0 0.5em 1em -0.125em rgba(10,10,10,.1), 0 0 0 1px rgba(10,10,10,.02);
		position: fixed;
		width:100%;
	}
	/*.content ul{
		margin-left:0;
	}*/
	#columnsHome h1{
		font-size:1.7rem !important;
	}
	#columnsHome{
		margin-top: 0px;
		margin-bottom: 0px;
	}
	#clientes img{
		width:80%;
		   
	}
	img.abbott{
		width:70% !important;
		
	}
	#subtituloSN{
		font-size: 1.15rem !important;
	}
	.columnProducto{
		padding:.5rem .75rem .5rem .75rem !important;
	}
	.modal-card-body{
		padding: 10px 20px 10px 20px;
	}
	.paddingMobile{
		padding: .5rem .75rem .75rem .75rem;
	}
	#modalDesktop {
		width: 100vw;
	}
	.tituloModal{
		font-size:1.20rem !important;
	}
	.subtituloModal{

	}
}