@charset "UTF-8";
/* CSS Document */
*:focus {outline: none !important;}
input:focus{box-shadow: none;}
body {overflow-x:hidden;width: 100%; height: 100%; font-size:16px;position: relative; font-family:'Raleway', sans-serif; font-weight:400;}
html {width: 100%;height: 100%;}
img{ width:100%;}
*::selection{background:#8dc63f; color:#fff;}
h1{ color:#455a21; font-size:30px; font-weight:600; letter-spacing:2px;line-height:1.2;}
h2{margin-bottom:20px;font-weight:600; color:#455a21; font-size:22px; line-height:1.2;}
h3{ font-size:26px; line-height:1.2; color:#455a21; font-weight:700;letter-spacing:1.5px;}
h4{ }
h5{color:#455a21;font-size:15px; font-weight:600; letter-spacing: 1px;}
a{}
a:hover, a:visited, a:active, a:focus{text-decoration: none;}
p{font-weight:400; font-size:18px; color:#455a21;}
p.grande{font-size:22px; font-weight:600;}
.verde{color:#8dc63f; font-weight:600;}
.btn-verde{min-width:220px; margin-top:20px;color:#8dc63f; display:inline-block; transition:all ease-in .2s; font-weight:600;padding:10px 15px;font-size:22px; letter-spacing:1px; border:1px solid #8dc63f; border-radius:4px;}
.btn-verde:hover{background:#8dc63f; color:#fff;}
.btn-link{color:#455a21; font-size:18px; font-weight:600;display:inline-block; transition:all ease-in .2s;}
.btn-link:hover{color:#8dc63f; text-decoration:none;}
.no-padding{padding:0;}
.container{padding-left:30px; padding-right:30px;}
.grande{font-size:20px; font-weight:600; text-transform: uppercase;}

/*botones*/
#botones{position:fixed; bottom:30px; right:0; }
#botones img{width:75px;}
#botones a{display:block;}

/*menu*/
.navbar-brand img{width:260px;transition:all ease-in .2s;}
.navbar-light .navbar-nav .nav-link{font-weight:500;color:#6f6f6f;transition:all ease-in .2s; border-bottom: 2px rgba(111,111,111,0) solid;font-size:17px; text-transform:uppercase;padding:0px;line-height:1.2;letter-spacing:1px;}
.navbar-light .navbar-nav .nav-link:hover{transition:all ease-in .2s; border-bottom: 2px rgba(111,111,111,0) solid;}
#menu-sitio{border-bottom:10px solid #8dc63f;background:#fff; padding:20px 0;}
.inicio .navbar-light .navbar-nav .nav-link.link-inicio{transition:all ease-in .2s;color:#6f6f6f; border-bottom: 2px rgba(111,111,111,0) solid;}
.navbar-light .navbar-toggler-icon{background-image: url(../img/menu.png);}
.navbar-toggler{border:none;}
.navbar-light .navbar-toggler:focus{box-shadow:none;outline: none;}

#menu-sitio.scrolled-nav .navbar-brand img{width:160px;}
#menu-sitio.scrolled-nav{padding:5px 0;}
#menu-sitio.scrolled-nav .navbar-nav{margin-top:0;}

/*slider*/
#slider{background:#fff; padding-top:110px;}
.carousel-item {height: 480px;min-height: 300px;background: no-repeat center center scroll;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}

/*home*/
#home{padding:60px 0; background:#fff; text-align:center;}
.icono-biobag{width:47px;margin-bottom:30px;}
.max800{max-width:800px; margin-left:auto; margin-right:auto;}
.max530{max-width:530px; margin-left:auto; margin-right:auto;}
.info-vida{background:#efefef; padding:40px 30px;}
.info-vida img{margin-bottom:20px;width:100px;}
.info-vida p{text-align:justify;}
.foto-vida{min-height:400px;background:url(../img/foto-biobag-home.jpg) no-repeat  center; background-size:cover;}
.productos-home{padding-top:70px; padding-bottom:70px;}
.productos-home h1{margin-bottom:50px;}
.productos-home img{width:100%;max-width:290px; margin-bottom:40px;}
.productos-home h3{transition:all ease-in .2s;}
.productos-home .col-md-4 a{display:inline-block;}
.productos-home .col-md-4 a:hover h3{color:#8dc63f;}
.productos-home .btn-verde{margin-top:70px;}
.foto-oxo{min-height:400px;background:url(../img/foto-biobag-home-2.jpg) no-repeat  center; background-size:cover;}
.info-vida .btn-link{margin-top:30px;}
.videoWrapper {position: relative;padding-bottom: 56.25%; /* 16:9 */padding-top: 25px;height: 0; border-bottom: 10px solid #8dc63f;}
.videoWrapper iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}



/*footer*/
footer{text-align:center; padding-bottom:50px;}
footer ul{ display:inline-block; border-bottom:2px solid #6f6f6f;list-style:none; margin:0; padding:0 0 30px 0;}
footer ul li{display:inline-block;}
footer ul li a{color:#6f6f6f; padding:0 15px; border-right: 1px solid #8dc63f; font-weight:500; letter-spacing:1px; transition: all ease-in .2s;}
footer ul li a:hover{color:#8dc63f;}
footer ul li:last-child a{border-right:none;}
.redes{margin-top:30px;}
.redes a{display:inline-block; width:24px; margin-right:20px;}
.redes a:last-child{margin-right:0;}
.links img{width:20px;}
.links {margin-top:30px;}
.links a{color:#6f6f6f; text-transform: uppercase; font-weight:500; margin: 0 5px;transition: all ease-in .2s;}
.links a:hover{color:#8dc63f;}

/*oxo*/
#oxobiodegradable{border-bottom: 10px solid #8dc63f; margin-bottom:40px;padding-top:78px;}
.header-oxo{height:500px; background:url('../img/oxobiodegradable-banner-biobag.jpg') no-repeat center 78px; background-size:cover; width:100%; background-attachment: fixed;}
.oxo-icono{width:110px; margin-top:40px;}
.info-oxo{text-align:justify; padding-bottom:30px;}
.info-oxo .grande{margin-bottom:40px;}
.dos-columnas{columns: 2; column-gap: 80px; text-align: justify;}
.foto-oxo2{min-height:400px;background:url(../img/oxobiodegradable-foto-biobag.jpg) no-repeat  center; background-size:cover;}
.inferior-oxo{padding:50px 0;}

/*nosotros*/
#nosotros{border-bottom: 10px solid #8dc63f; margin-bottom:40px;padding-top:78px;}
.header-nosotros{height:500px; background:url('../img/nosotros-biobag.jpg') no-repeat center 78px; background-size:cover; width:100%; background-attachment: fixed;}
.nosotros{padding-bottom:50px; padding-top:50px; text-align: center;}
.footer-nosotros{padding-top:270px;height:550px; background:url('../img/nosotros-biobag-3.jpg') no-repeat center 78px; background-size:cover; width:100%; background-attachment: fixed;}

/*contacto*/
#cotizar{border-bottom: 10px solid #8dc63f; margin-bottom:40px;padding-top:78px; padding-bottom:40px;}
.header-contacto{height:500px; background:url('../img/cotizar-biobag.jpg') no-repeat center 0px; background-size:cover; width:100%; background-attachment: fixed;}
.contenido-cotizacion{padding-bottom:40px; padding-top:70px; text-align: center;}
.cont-gris, .blanco{max-width:1000px; margin:auto;}
.gris{width:100%;background:#efefef; padding:50px 0; margin-top:50px; margin-bottom:50px;}
.gris h1{text-align:center;}
#contactForm p{font-weight:500; margin-bottom:5px;}
.form-control{border:#a0a0a0 1px solid; height:52PX;}
.form-control:focus{box-shadow:none !important; border:#8dc63f 1px solid;}
.text-success{color:#8dc63f !important;}
select{width:100%; color:#495057;border:#a0a0a0 1px solid; height:52PX; background:none; padding-right:20px;}
textarea.form-control{height:150px; resize: none;}
.btn-enviar{background:transparent; border: 1px solid #8dc63f; border-radius:5px; color:#8dc63f; text-transform: uppercase; font-weight:600; padding:5px 40px; float:right; display: inline-block; font-size:20px; transition:all ease-in .2s;}
.btn-enviar:hover{background:#8dc63f; color:#fff;}
.gris h1{margin-bottom:30px;}
label{width:100%;}
label span{margin-left:15px;display:inline-block; width:calc(100% - 35px); vertical-align: top; font-size:20px; color:#455a21; font-weight:500;}

/*productos*/
#productos{text-align:center;border-bottom: 10px solid #8dc63f; margin-bottom:40px;padding-top:78px;}
.header-productos{height:500px; background:url('../img/productos-banner-biobag.jpg') no-repeat center 0px; background-size:cover; width:100%; background-attachment: fixed;}
#productos .col-md-4{margin-bottom:80px;}
.cerrar{position:absolute; top:30px; right:30px;width:29px;z-index:99999;}
.producto{width:90%;max-width:1250px; font-family:'raleway', sans-serif; padding:60px !important;}
.producto p{color:#727277; font-size:16px;}
.linea-gris{height:1px; background:#aaaaaa; width:100%; margin-bottom:20px;}
.producto-gris{background:#f0f1ed; padding:10px 15px; width:100%; color:#455a21;font-size:15px; font-weight:600;}
.medidas{padding-top:10px;color:#727277;}
.colores img{width:34px;}
.producto .col-md-7{ align-self: flex-end;}

.fotorama__arr--next{background: url(../img/productos/flecha-derecha-biobag.png) no-repeat center !important; background-size: 20px !important;}
.fotorama__arr--prev{background: url(../img/productos/flecha-izquierda-biobag.png) no-repeat center !important; background-size: 20px !important;}
.fotorama__thumb-border{border-color:#ccc !important;}

/*life*/
#life{padding:180px 0 80px; text-align: center;border-bottom: 10px solid #8dc63f; margin-bottom:40px;}
.gallery .col-xxs-12, .gallery .col-sm-6, .gallery .col-xs-12 {width:49% !important;}
.gallery .col-lg-4, .gallery .col-md-6{width:33% !important;}

@media (max-width:1200px){
	.medidas{padding-top:0;}	
	.medidas-p .col-lg-8{margin-bottom:20px;}
	.medidas-p p{margin-bottom:0;}
}

@media (max-width:991px){
	.navbar-brand img{width:180px;}
	.navbar-nav{display:inline-block;width:100%; text-align: center; padding-top:30px;}
	.navbar-light .navbar-nav .nav-link{font-size:24px; padding:20px 0; }
	
	/*slider*/
	#slider{ padding-top:90px;}
	
	/*producto*/
	.producto{padding:30px 0 30px !important;}
	
}

@media (max-width:768px){
#menu-sitio.scrolled-nav{padding:5px 0 5px 5px;}
h1{ font-size:24px;}
h3{ font-size:22px;}
#botones img{width:60px;}

	/*home*/
	.productos-home h3{margin-bottom:60px;}
	.productos-home .btn-verde{margin-top:0;}
	
	/*oxo*/
	.dos-columnas{columns:1;}
	
	/*productos*/
	#productos .col-md-4{margin-bottom:0px;}
	.producto h1{margin-top:20px;}
}

@media (max-width:480px){
	p{font-size:16px;}
p.grande{font-size:18px;}
	.links a{display:block;}
	.productos-home h3{font-size:18px;}
	
	/*producto*/
	.producto{padding:30px 0 30px !important;}
	.cerrar{top:15px; right:15px;}
}

@media (min-width:768px){
	.container{max-width:980px;}
}

@media (min-width:992px){
.navbar-nav li{display:inline-block;}
.navbar-nav li{padding-left:10px; padding-right:10px;border-right:1px solid #8dc63f;}	
	.navbar-nav li:last-child{border-right:none; padding-right:0;}
.navbar-nav{display:inline-block;width:100%; text-align: right; margin-top:50px;}
	.container{max-width:1150px;}
}

@media (min-width:1200px){
	.container{max-width:1300px;}
}