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

@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');

@font-face{font-family: 'Ubuntu', sans-serif;}

body {
  margin:0;
	padding: 0;
	background: #FFF;
}

.header {width:100%;
	height: auto;
	top:0;
	position:fixed;
background-color: #FFF;
padding:  0;
margin: 0;
z-index: 9999;}


.header.sticky-header {
  
  top: 0;
  padding: 0;
  margin: 0 auto;
  height: auto;
  background: rgba(255,255,255,0.9);

 
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.header.sticky-header img{width:55%; padding: 7px 0;
  
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}







.header img {width:60%; padding: 15px 0;  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;}

.header ul {list-style: none; position: absolute;
top:40%; right: 0;}

.header ul li{list-style: none;
float: left;
	margin: 0px 5px;
}

.header ul li a {color:#555;
	font-family: 'Ubuntu', sans-serif;
padding: 10px 30px;
text-align: center;
font-size: 1em;
	background: none;
text-decoration: none;
	 -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}


.header ul li a:hover {color:#FFF;
	font-family: 'Ubuntu', sans-serif;
padding: 10px 30px;
text-align: center;
font-size: 1em;
	background: #275bb7;
text-decoration: none;
	 -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.inicio {margin-top: 140px;
  position:relative;
  text-align:center;
  background: linear-gradient(0deg, rgba(247,247,247,1) 0%, rgba(255,255,255,1) 100%);
  color:white;
}

.inicio h1 {font-family: 'Ubuntu', sans-serif;
	font-style: italic; font-size: 2em; line-height: 1.5em;
color: #3F3F3F;
	padding: 0;
	text-align: left;
	letter-spacing: 2px;
	font-weight:500;
	padding-top: 20%;
}



.inicio img {width:100%;}

.inner-header {
  height:65vh;
  width:100%;
  margin: 0;
  padding: 0;
}


.inicio p {
  font-family: 'Ubuntu', sans-serif;
	font-weight: 300;
  letter-spacing: 1px;
  font-size:1.2em;
	text-align: left;
	margin-top: 30px;
	padding: 10px 0;
  color: #333333;
	width: 100%;
}

.inicio a {font-family: 'Ubuntu', sans-serif;
color: #FFF;
padding: 10px 20px;
text-align: left;
 -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
float: left;
	font-weight: 300;
	font-size: 1.2em;
	background: #bc1919;
	margin: 10px 0;
border-radius: 50px;}


.inicio a:hover {font-family: 'Ubuntu', sans-serif;
color: #FFF;
padding: 10px 20px;
text-align: left;
 -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
float: left;
	background: #275bb7;
	margin: 10px 0;
border-radius: 50px;}


.logo {
  width:50px;
  fill:white;
  padding-right:15px;
  display:inline-block;
  vertical-align: middle;
}



.flex { /*Flexbox for containers*/
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.waves {
  position:relative;
  width: 100%;
  height:15vh;
  margin-bottom:-7px; /*Fix for safari gap*/
  min-height:100px;
  max-height:150px;
}

.content {
  position:relative;
  height:20vh;
  text-align:center;
  background-color: white;
}

/* Animation */

.parallax > use {
  animation: move-forever 25s cubic-bezier(.55,.5,.45,.5)     infinite;
}
.parallax > use:nth-child(1) {
  animation-delay: -2s;
  animation-duration: 10s;
}
.parallax > use:nth-child(2) {
  animation-delay: -3s;
  animation-duration: 15s;
}
.parallax > use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 18s;
}
.parallax > use:nth-child(4) {
  animation-delay: -5s;
  animation-duration: 25s;
}
@keyframes move-forever {
  0% {
   transform: translate3d(-90px,0,0);
  }
  100% { 
    transform: translate3d(85px,0,0);
  }
}


.nosotros {width:100%;
padding: 40px 0;
margin: 40px 0;
background: #FFF;}

.nosotros img {width: 100%;}


.nosotros p {
  font-family: 'Ubuntu', sans-serif;
	font-weight: 300;
  font-size:1.1em;
	line-height: 1.5em;
	text-align: left;
	margin-top: 20px;
	padding: 10px 0;
  color: #333333;
	width: 100%;
}


.nosotros h1 {font-family: 'Ubuntu', sans-serif;
	font-style: italic; font-size: 2.5em; line-height: 1em;
color: #213144;
	text-align: left;
	letter-spacing: 2px;
	font-weight:500;
	padding:0;
	margin: 0;
}


.productos {width:100%;
padding: 40px 0;
margin: 40px 0;
background: #FFF;}

.productos p {
  font-family: 'Ubuntu', sans-serif;
	font-weight: 300;
  font-size:1.1em;
	line-height: 1.5em;
	text-align: left;
	margin-top: 20px;
	padding: 10px 0;
  color: #333333;
	width: 100%;
}

.productos .contenedor a {width:100%;
	
margin:0;}

.productos  a p {width:100%; padding: 25px 10px; color:#fff;
	background: #bc1919;
margin: 0; line-height: 1em;
-webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;}

.productos  a:hover p {width:100%; padding: 25px 10px; color:#fff;
	background: #275bb7;
margin: 0; line-height: 1em;
-webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;}


.productos a img {width: 100%; margin:0;}

.productos img {width: 100%; margin-bottom: 80px;}

.productos .image {
	
  display: block;
  width: 100%;
  height: auto;
}


.productos .contenedor {
	margin-bottom: 35px;
  position: relative;
  width: 100%;
}


.productos .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  background-color: none;
	
}

.productos .contenedor:hover .overlay {
  opacity: 1;
	-webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.productos h1 {font-family: 'Ubuntu', sans-serif;
	font-style: italic; font-size: 2.5em; line-height: 1em;
color: #213144;
	text-align: left;
	letter-spacing: 2px;
	font-weight:500;
	padding:0;
	margin: 0;
}

.productos-mobile {display: none;}


.productos-desktop {width:100%; padding: 0;
margin: 0;}

footer {background:#275bb7;
padding: 40px 0;}

footer img {width:100%;}

footer h3 {color:rgba(247,247,247,1);
	
	font-family: 'Ubuntu', sans-serif;
	font-style: italic;
font-size: 1.3em;}

.seccioncontacto {background-color: rgba(247,247,247,1);
	height: auto;
	font-family: 'Ubuntu', sans-serif;
padding: 60px 0px 40px 0px;}

address {color:#FFF;
	font-family: 'Ubuntu', sans-serif;
line-height: 1.6em;
	font-style:normal;
margin-bottom: 40px;}

footer a {color:#FFF;
	font-family: 'Ubuntu', sans-serif;
line-height: 1.6em;}


.seccioncontacto h1 {font-family: 'Ubuntu', sans-serif;
font-style: italic; font-size: 2.5em; line-height: 1em;
color: #213144;
	text-align: left;
	letter-spacing: 2px;
	font-weight:500;
	padding:0;
	margin: 0;}


.menu-productos {margin-top: 120px;
	padding: 20px 0 15px 0;
	background:#f7f7f7;
width: 100%;}




.menu-productos p {
  font-family: 'Ubuntu', sans-serif;
	font-weight: 400;
  font-size:0.8em;
	line-height: 1em;
	text-align: left;
	margin-top: 20px;
	padding: 5px 0;
  color: #333333;
	width: 100%;
}

.menu-productos .contenedor a {width:100%;
margin:0;}

.menu-productos  a p {width:100%; padding: 10px 10px; color:#fff;
	background: #bc1919;
margin: 0 0 10px 0; line-height: 1em;
-webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;}

.menu-productos  a:hover p {width:100%; padding: 10px 10px; color:#fff;
	background: #275bb7;
margin: 0; line-height: 1em;
-webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;}



.pag-productos {width:100%;
padding: 0px 0;
margin: 20px 0;
background: #FFF;}


.pag-productos h1 {
  font-family: 'Ubuntu', sans-serif;
	font-weight: 400;
  font-size:1em;
	line-height: 1em;
	text-align: left;
	margin-top: 20px;
	padding: 10px 0;
  color: #333333;
	width: 100%;
}

.pag-productos .descripcion h3 {
  font-family: 'Ubuntu', sans-serif;
	font-weight: 600;
  font-size:1.2em;
	line-height: 1em;
	text-align: left;
	margin-top: 20px;
  color: #333333;
	width: 100%;
}

.pag-productos .descripcion p {
  font-family: 'Ubuntu', sans-serif;
	font-weight: 300;
  font-size:1em;
	line-height: 1.5em;
	text-align: left;
	margin-top: 10px;
	padding: 10px 0;
  color: #333333;
	width: 100%;
}


.pag-productos p {
  font-family: 'Ubuntu', sans-serif;
	font-weight: 300;
  font-size:0.8em;
	line-height: 1em;
	text-align: left;
	margin-top: 20px;
	padding: 10px 0;
  color: #333333;
	width: 100%;
}





.pag-productos  a h1 {width:100%; padding: 15px 10px; color:#fff;
	background: #bc1919;
margin: 0; line-height: 1em;
-webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;}

.pag-productos  a p {width:100%; padding: 5px 10px 15px; color:#fff;
	background: #bc1919;
margin: 0; line-height: 1em;
-webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;}


.pag-productos  a:hover p {width:100%; padding: 5px 10px 15px; color:#fff;
	background: #275bb7;
margin: 0; line-height: 1em;
-webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;}

.pag-productos  a:hover h1 {width:100%; padding: 15px 10px; color:#fff;
	background: #275bb7;
margin: 0; line-height: 1em;
-webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;}


.pag-productos a img {width: 100%; margin:20px 0 0 0;}

.pag-productos img {width: 100%;}

.pag-productos .image {
	
  display: block;
  width: 100%;
  height: auto;
}


.pag-productos .contenedor {
	margin-bottom: 35px;
  position: relative;
  width: 100%;
}


.pag-productos .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  background-color: none;
	
}

.pag-productos .contenedor:hover .overlay {
  opacity: 1;
	-webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}


/*Shrinking for mobile*/
@media (max-width: 768px) {
	
	
	.header ul {list-style: none; position: absolute;
top:35%; right: 0;}
	
	.header img {width:100%; padding: 5px 0;
	margin-bottom: 0px;}
	
	.header ul li{list-style: none;
float: left;
	margin: 0px;
}
	
	.header ul li a {color:#555;
	font-family: 'Ubuntu', sans-serif;
padding: 5px;
text-align: center;
font-size: 0.8em;
	background: none;
text-decoration: none;
	 -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}


.header ul li a:hover {color:#FFF;
	font-family: 'Ubuntu', sans-serif;
padding:5px;
text-align: center;
font-size: 0.8em;
	background: #275bb7;
text-decoration: none;
	 -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
	
	
.header.sticky-header img{width:90%; padding: 7px 0;
  
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

	
	
	.productos-desktop {display: none;}
	
	.productos-mobile {display:block;}
	
  .waves {
    height:40px;
    min-height:40px;
  }
  .content {
    height:30vh;
  }
  h1 {
    font-size:24px;
  }
	
	.inicio {margin-top:100px;}
	
	.inicio h1 {font-family: 'Ubuntu', sans-serif;
	font-style: italic; font-size: 1.5em; line-height: 1.2em;
color: #3F3F3F;
	padding: 0;
	text-align: left;
	letter-spacing: 2px;
	font-weight:500;
	padding-top: 20px;
}

	.pag-productos a img {width: 100%; margin:20px 0 0 0;}
	
	.menu-productos {margin-top: 60px;
	padding: 20px 0 15px 0;
	background:#f7f7f7;
width: 100%;}

	
	.menu-productos p {
  font-family: 'Ubuntu', sans-serif;
	font-weight: 600;
  font-size:0.6em;
	line-height: 1em;
	text-align: left;
	margin-top: 15px;
	padding: 5px 0;
  color: #333333;
	width: 100%;
}
	
	.seccioncontacto h1 {font-family: 'Ubuntu', sans-serif;
font-style: italic; font-size: 1.2em; line-height: 1em;
color: #213144;
	text-align: left;
	letter-spacing: 2px;
	font-weight:500;
	padding:0;
	margin: 20px 0 0 0;}
	
	footer img {width:30%; margin-bottom: 20px;}
	
	footer a {color:#FFF;
	font-family: 'Ubuntu', sans-serif;
line-height: 1.6em;
	font-size: 0.75em;}
	
	address {color:#FFF;
	font-family: 'Ubuntu', sans-serif;
line-height: 1.6em;
		font-size: 0.75em;
	font-style:normal;
margin-bottom: 40px;}
	
}

h1 {margin: 0;}
body {margin:0; padding: 0;}