/* #ADICIONALES
================================================== */

@media only screen and (min-width: 1025px) and (max-width: 1240px) {
	
	header .container {width:100%; padding:0px;}

	#logo{ position: absolute; top:32px; width:40%; background-color:#fff; z-index:9999; padding:15px 10px; box-sizing:border-box;}
	#logo img{ max-width:280px;}
	nav{width:100%; display:block;}
	#cssmenu{width:100%; box-sizing:border-box; margin-top:0px; margin-right:0px; padding:0px; background-color:#FFFFFF; height:134px; top:0px}
	#cssmenu ul{width:100%; display:none; margin:0px; box-sizing:border-box; padding:0px; background-color:#FFFFFF; top:80px }
	#cssmenu ul li{width:100%; border-bottom:1px solid #ed1d24; margin:0px; line-height:42px; padding:0px 20px;}
	#cssmenu #head-mobile{display:block;}
	.buttonmenu{width:55px;position:absolute;right:0;top:45px;cursor:pointer;z-index:30; margin:0px 20px 0px 0px;}
	.buttonmenu:after{position:absolute;top:22px;right:0px;display:block;height:2px;width:20px;border-top:4px solid #000;border-bottom:4px solid #000;content:''}
	.buttonmenu:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:16px;right:0px;display:block;height:4px;width:20px;background:#000;content:''}
	.buttonmenu.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:4px;width:19px;background:#000;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
	.buttonmenu.menu-opened:before{top:23px;background:#000;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
	

	.container {width:100%; margin:0px auto; padding:0 40px; box-sizing:border-box}
	
	.container-flex {width:100%; margin:0px auto; display:flex; justify-content:space-between; padding:0 40px; box-sizing:border-box}
	.container-full-cta {width:100%; padding:70px 0px; background-image:url(../img/renovar-su-equipo-gne-peru.jpg); background-size:cover}
	
	.container-full .container-flex {padding:0px}
	
	.container-full-productos-portada .container-flex > section {display:block; width:100%; text-align:center;}
	.container-full-productos-portada .container-flex > section > figure {width:auto; margin:0 0 15px 0}
 	.container-full-productos-portada .container-flex > section {width:30%; align-items:center}
	
	.noticias {padding:40px 0 0 0}
	
	
	.cabecera{width:100%; background-image:url(../img/quienes-somos-gne-peru.jpg); height:260px; background-size:cover; background-position:center; position:relative;}
	.cabecera > div {margin:0px auto; width:100%; position:absolute; bottom:20%; left:0; right:0; font-size:30px; color:#fff; font-weight:bold; text-transform:uppercase; text-align:center}
	.container-full-interiores {width:100%; background-color:#fff; padding: 70px 20px; font-size:18px; line-height:30px; box-sizing:border-box}
	.container-margen {width:85%; margin:0px auto}
	
	.servicio-interior {width:30% !important; display:block; text-align:center; font-size:14px; line-height:22px; align-items:center; margin:40px 0 20px 0 !important}
	.servicio-interior figure {margin:0 0 15px 0px}
	
	.productos .container-flex > section {width:30%; display:block; text-align:center;}
	
			  .pad {padding:0px 40px !important}

	
	}

@media only screen and (min-width: 861px) and (max-width: 1024px) {
	
	body{background:#fff; font-family: 'Roboto', sans-serif; color: #231f20 ;-webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; font-size:18px; line-height:30px;}

	
	header{width:100%; margin:0px; position:fixed; top:0; left:0; z-index:200; padding:0px; background:none /*box-shadow: 0 1px 64px rgba(0,0,0,0.5), 0 1px 14px rgba(0,0,0,0.25)*/}
	header .derecha{text-align:center}
	header .container {width:100%; padding:0px;}
	
	#logo{ position: absolute; top:32px; width:40%; background-color:#fff; z-index:9999; padding:15px 10px; box-sizing:border-box;}
	#logo img{ max-width:280px;}
	nav{width:100%; display:block;}
	#cssmenu{width:100%; box-sizing:border-box; margin-top:0px; margin-right:0px; padding:0px; background-color:#FFFFFF; height:134px; top:0px}
	#cssmenu ul{width:100%; display:none; margin:0px; box-sizing:border-box; padding:0px; background-color:#FFFFFF; top:80px }
	#cssmenu ul li{width:100%; border-bottom:1px solid #ed1d24; margin:0px; line-height:42px; padding:0px 20px;}
	#cssmenu #head-mobile{display:block;}
	.buttonmenu{width:55px;position:absolute;right:0;top:45px;cursor:pointer;z-index:30; margin:0px 20px 0px 0px;}
	.buttonmenu:after{position:absolute;top:22px;right:0px;display:block;height:2px;width:20px;border-top:4px solid #000;border-bottom:4px solid #000;content:''}
	.buttonmenu:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:16px;right:0px;display:block;height:4px;width:20px;background:#000;content:''}
	.buttonmenu.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:4px;width:19px;background:#000;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
	.buttonmenu.menu-opened:before{top:23px;background:#000;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
	
	.top {margin-top:150px}

	
	/* CONTAINERS*/
	
	.w19 {width:15%}

	
	.container {width:100%; margin:0px auto; padding:0 20px; box-sizing:border-box}
	
	.container-flex {width:100%; margin:0px auto; display:flex; justify-content:space-between; padding:0 20px; box-sizing:border-box}
	.container-full-cta {width:100%; padding:70px 0px; background-image:url(../img/renovar-su-equipo-gne-peru.jpg); background-size:cover}
	
	.foto-introduccion {width:50%; background-image:url(../img/manga-de-viento-gne-peru.jpg); background-size:cover; background-position:center}
	.texto-introduccion > section {width:auto; padding: 40px 40px; box-sizing:border-box}
	.texto-introduccion > section > div {margin-bottom:30px;}
	
	.container-full-productos-portada .container-flex > section {display:block; width:100%; text-align:center;}
	.container-full-productos-portada .container-flex > section > figure {width:auto; margin:0 0 15px 0}
 	.container-full-productos-portada .container-flex > section {width:30%; align-items:center}

	.noticias {padding:40px 0 0 0}
	.noticia-principal > section {display:flex;  background-color:#fff; align-items:center}

.cabecera{width:100%; background-image:url(../img/quienes-somos-gne-peru.jpg); height:260px; background-size:cover; background-position:center; position:relative;}
	.cabecera > div {margin:0px auto; width:100%; position:absolute; bottom:20%; left:0; right:0; font-size:30px; color:#fff; font-weight:bold; text-transform:uppercase; text-align:center}
	.container-full-interiores {width:100%; background-color:#fff; padding: 70px 20px; font-size:18px; line-height:30px; box-sizing:border-box}
	.container-margen {width:90%; margin:0px auto}
	
	.servicio-interior {width:30% !important; display:block; text-align:center; font-size:14px; line-height:22px; align-items:center; margin:40px 0 20px 0 !important}
	.servicio-interior figure {margin:0 0 15px 0px}
	
	.productos .container-flex > section {width:30%; display:block; text-align:center;}
		.productos .container-flex > section > figure {margin-bottom:10px !important;}

	  .pad {padding:0px 20px !important}

}


@media only screen and (min-width: 508px) and (max-width: 860px) {
	
	body{font-size:18px; line-height:28px;}
	
	.barra-top {line-height:20px; padding:10px 10px; font-size:14px;}
	header{width:100%; margin:0px; position:fixed; top:0; left:0; z-index:200; padding:0px; background:none /*box-shadow: 0 1px 64px rgba(0,0,0,0.5), 0 1px 14px rgba(0,0,0,0.25)*/}
	header .derecha{text-align:center}
	header .container {width:100%; margin:0px auto; display:block; padding:0px; box-sizing:border-box; position:relative}
	
	#logo{ position: absolute; top:0px; width:40%; background-color:#fff; z-index:9999; padding:15px 10px; box-sizing:border-box;}
	#logo img{ max-width:230px;}
	nav{width:100%; display:block;}
	#cssmenu{width:100%; box-sizing:border-box; margin-top:0px; margin-right:0px; padding:0px; background-color:#FFFFFF; height:114px; top:0px}
	#cssmenu ul{width:100%; display:none; margin:0px; box-sizing:border-box; padding:0px; background-color:#FFFFFF; top:80px }
	#cssmenu ul li{width:100%; border-bottom:1px solid #ed1d24; margin:0px; line-height:42px; padding:0px 20px; text-align:right}
	#cssmenu #head-mobile{display:block;}
	.buttonmenu{width:55px;position:absolute;right:0;top:35px;cursor:pointer;z-index:30; margin:0px 20px 0px 0px;}
	.buttonmenu:after{position:absolute;top:22px;right:0px;display:block;height:2px;width:20px;border-top:4px solid #000;border-bottom:4px solid #000;content:''}
	.buttonmenu:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:16px;right:0px;display:block;height:4px;width:20px;background:#000;content:''}
	.buttonmenu.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:4px;width:19px;background:#000;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
	.buttonmenu.menu-opened:before{top:23px;background:#000;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
	
	#cssmenu ul li.current-menu-item a{color:#ed1d24;}
	#cssmenu ul li a{color:#231f21;}
	#cssmenu ul li a:hover{color:#ed1d24;}
	
	
	.top {margin-top:160px}
	.bk-gris .container-flex {display:flex; flex-wrap:wrap;justify-content:space-around}
	.w19 {width:40%}
	
	
	
	.container, .container-flex, .container-flex-noticias{width:100%; padding:0px 20px; box-sizing:border-box}
	.container-full .container-flex {padding:0px}
	
	.foto-introduccion {width:50%; background-image:url(../img/manga-de-viento-gne-peru.jpg); background-size:cover; background-position:center}
	.texto-introduccion > section {width:auto; padding: 30px; box-sizing:border-box}
	.texto-introduccion > section > div {margin-bottom:20px;}
	
	
	.container-full-productos-portada .container-flex > section {display:block; width:100%; text-align:center;}
	.container-full-productos-portada .container-flex > section > figure {width:auto; margin:0 0 15px 0}
 	.container-full-productos-portada .container-flex > section {width:30%; align-items:center}


	
	.noticia-principal {width:100%; margin:40px 0 0 0}
	.noticia-principal > section {display:block;  background-color:#fff}
	.noticia-principal > section > figure {width:100%;}
	.noticia-principal > section > section {width:100%; padding:20px; box-sizing:border-box; font-size:14px; line-height:22px}	
	.otras-noticias {width:100%; padding:0; box-sizing:border-box; margin:40px 0 0 0}

	
	
	.carousel, .item, .active { /*height: 100%;*/ max-height: 600px; height: 600px; position:relative;}
	.fill { width: 100%; height: 100%; background-position: center; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; }
	.carousel-caption {font-family: 'Lora', serif; position:absolute; bottom:50px; right:0%; width:72%; z-index:10; padding:50px; color:#ffffff;}
	.caption1 {font-size:26px; line-height:30px; font-weight:bold; color:#fff; text-align:right}
	.caption2 {background: rgba(85, 130, 54, 0.8); font-size:14px; line-height:20px; color:#fff; padding:10px; text-align:right; margin-top:30px}
	
	.cabecera{width:100%; background-image:url(../img/quienes-somos-gne-peru.jpg); height:260px; background-size:cover; background-position:center; position:relative;}
	.cabecera > div {margin:0px auto; width:100%; position:absolute; bottom:20%; left:0; right:0; font-size:30px; color:#fff; font-weight:bold; text-transform:uppercase; text-align:center}
	.container-full-interiores {width:100%; background-color:#fff; padding: 70px 20px; font-size:18px; line-height:30px; box-sizing:border-box}
	.container-margen {width:90%; margin:0px auto}
	
	.servicio-interior {width:30% !important; display:block; text-align:center; font-size:14px; line-height:22px; align-items:center; margin:40px 0 20px 0 !important}
	.servicio-interior figure {margin:0 0 15px 0px}
	
	.productos .container-flex > section {width:30%; display:block; text-align:center;}
	.productos .container-flex > section > figure {margin-bottom:10px !important;}
	
	/* FOOTER */
	
	footer {width:100%; background-color:#ed1d24; padding:70px 0px; font-size:14px; line-height:25px; color:#fff; text-align:center}
	footer .container-flex {display:block}
	footer > section > section, footer > section > figure {width:100%; padding:0 0 20px 0}
	.redes {padding:10px 0 0 0; text-align:center}
	footer .derecha {text-align:center}
	
		  .pad {padding:0px 20px !important}
.campo-diametro > div {max-width:40% !important}
	
}

@media only screen and (max-width: 507px) {
	
	body{font-size:18px; line-height:28px;}
	
	.barra-top {line-height:20px; padding:10px 10px; font-size:10px;}
	header{width:100%; margin:0px; position:fixed; top:0; left:0; z-index:200; padding:0px; background:none /*box-shadow: 0 1px 64px rgba(0,0,0,0.5), 0 1px 14px rgba(0,0,0,0.25)*/}
	header .derecha{text-align:center}
	header .container {width:100%; margin:0px auto; display:block; padding:0px; box-sizing:border-box}
	
	
	#logo{ position: absolute; top:60px; width:50%; background-color:#fff; z-index:9999; padding:15px 10px; box-sizing:border-box;}
	#logo img{ max-width:170px;}
	nav{width:100%; display:block;}
	#cssmenu{width:100%; box-sizing:border-box; margin-top:0px; margin-right:0px; padding:0px; background-color:#FFFFFF; height:92px; top:0px}
	#cssmenu ul{width:100%; display:none; margin:0px; box-sizing:border-box; padding:0px; background-color:#FFFFFF; top:80px }
	#cssmenu ul li{width:100%; border-bottom:1px solid #ed1d24; margin:0px; line-height:42px; padding:0px 20px; text-align:right}
	#cssmenu #head-mobile{display:block;}
	.buttonmenu{width:55px;position:absolute;right:0;top:25px;cursor:pointer;z-index:30; margin:0px 10px 0px 0px;}
	.buttonmenu:after{position:absolute;top:22px;right:0px;display:block;height:2px;width:20px;border-top:4px solid #000;border-bottom:4px solid #000;content:''}
	.buttonmenu:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:16px;right:0px;display:block;height:4px;width:20px;background:#000;content:''}
	.buttonmenu.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:4px;width:19px;background:#000;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
	.buttonmenu.menu-opened:before{top:23px;background:#000;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
	
	#cssmenu ul li.current-menu-item a{color:#ed1d24;}
	#cssmenu ul li a{color:#231f21;}
	#cssmenu ul li a:hover{color:#ed1d24;}
	
	.top {margin-top:160px}
	
	.container, .container-flex, .container-flex-noticias{width:100%; margin:0px auto; display:block; padding:0px 20px; box-sizing:border-box}
	.w19 {width:100%}
	.container-full-flex {width:100%; display:block}

	.foto-introduccion {width:100%; height:160px; background-image:url(../img/manga-de-viento-gne-peru.jpg); background-size:cover}
	.texto-introduccion {width:100%}
	.texto-introduccion > section {width:100%; padding: 70px 20px; box-sizing:border-box; text-align:center}
	
	.container-full-productos-portada {padding:70px 0px 50px 0px; }
	.container-full-productos-portada .container-flex > section {display:block; width:100%; text-align:center; margin:0 0 40px 0}
	.container-full-productos-portada .container-flex > section > figure {width:auto; margin:0 0 15px 0}


	.bk-gris .container-flex {padding:0px !important}
	.noticia-principal {width:100%; margin:40px 0 0 0}
	.noticia-principal > section {display:block;  background-color:#fff}
	.noticia-principal > section > figure {width:100%;}
	.noticia-principal > section > section {width:100%; padding:20px; box-sizing:border-box; font-size:14px; line-height:22px}	
	.otras-noticias {width:100%; padding:0; box-sizing:border-box; margin:40px 0 0 0}

	
	
	.carousel, .item, .active { /*height: 100%;*/ max-height: 600px; height: 600px; position:relative;}
	.fill { width: 100%; height: 100%; background-position: center; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; }
	.carousel-caption {font-family: 'Lora', serif; position:absolute; bottom:50px; right:0%; width:72%; z-index:10; padding:50px; color:#ffffff;}
	.caption1 {font-size:26px; line-height:30px; font-weight:bold; color:#fff; text-align:right}
	.caption2 {background: rgba(85, 130, 54, 0.8); font-size:14px; line-height:20px; color:#fff; padding:10px; text-align:right; margin-top:30px}
	
	
	
	.cabecera{width:100%; background-image:url(../img/quienes-somos-gne-peru.jpg); height:220px; background-size:cover; background-position:center; position:relative;}
	.cabecera > div {margin:0px auto; width:100%; position:absolute; bottom:20%; left:0; right:0; font-size:30px; color:#fff; font-weight:bold; text-transform:uppercase; text-align:center}
	.container-full-interiores {width:100%; background-color:#fff; padding: 70px 20px; font-size:18px; line-height:30px; box-sizing:border-box}
	.container-margen {width:100%; margin:0px auto}
	
	.container-full-interiores .container {padding:0px}
	
	.servicio-interior {width:100% !important; display:block; text-align:center; font-size:14px; line-height:22px; align-items:center; margin:40px 0 20px 0 !important}
	.servicio-interior figure {margin:0 0 15px 0px}
	
	.productos .container-flex > section {width:100%; display:block; text-align:center;}
	.productos .container-flex > section > figure {margin-bottom:10px !important;}
	
	.categoria-productos {display:block; width:100% !important;}
	.productos-detalle, .consultoria-detalle {padding:0px !important}
	.back {margin-bottom:10px}
	
	.consultoria {width:100% !important;}
	
	.campos {width:100% !important;}
.diametro {width:50%; margin-bottom:10px}
	  .pad {padding:0px 20px !important}


	
	/* FOOTER */
	
	footer {width:100%; background-color:#ed1d24; padding:70px 0px; font-size:14px; line-height:25px; color:#fff; text-align:center}
	footer .container-flex {display:block}
	footer > section > section, footer > section > figure {width:100%; padding:0 0 20px 0}
	.redes {padding:10px 0 0 0; text-align:center}
	footer .derecha {text-align:center}
}

@media only screen and (max-width: 354px) {
	.barra-top {line-height:13px; padding:10px 10px; font-size:10px;}
	#cssmenu{width:100%; box-sizing:border-box; margin-top:0px; margin-right:0px; padding:0px; background-color:#FFFFFF; height:95px; top:0px}
	#logo img{ max-width:140px;}
	.container-full-interiores .container {padding:0px}
	
	.productos .container-flex > section {width:100%; display:block; text-align:center;}
	
	.categoria-productos {display:block; width:100% !important;}
	.productos-detalle {padding:0px !important}
}



@media screen {img {width: auto; /* for ie 8 */ }}

/*	Retina media query.
	Overrides styles for devices with a 
	device-pixel-ratio of 2+, such as iPhone 4.
-----------------------------------------------    */

@media 
	only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (min-device-pixel-ratio: 2) {
}