/*
Theme Name: GNE
Author: Boomerang Estudio
Author URI: http://boomerang.pe/
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/


º/* Table of Content
==================================================
	#Reset & Basics
	#Basic Styles
	#Slider
	#Typography
	#Links
	#Lists
	#Images
	#Buttons
	#Forms
	#ADICIONALES */


/* #Reset & Basics 
================================================== */
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, th, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0;	border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block; }
	body {line-height: 1; }
	ol, ul {list-style: none; }
	blockquote, q {	quotes: none; }
	blockquote:before, blockquote:after, q:before, q:after {content: '';content: none; }
	table {	border-collapse: collapse;	border-spacing: 0; }
	
	/* Clearfix */
	.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
    }
	.clearfix { display: inline-table; }
	/* Hides from IE-mac \*/
	* html .clearfix { height: 1%; }
	.clearfix { display: block; }
	.clear {clear:both;}
	/* End hide from IE-mac */

	/* #ESTILOS GENERALES */
	
	body{background:#fff; font-family: 'Roboto', sans-serif; color: #231f20 ;-webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; font-size:20px; line-height:32px;}
	
	
	/* BOTON ARRIBA */
	
	.scrollToTop {outline: none;border: none;font-size: 14px;cursor: pointer;}
	.scrollToTop svg {display: block;}
	.scrollToTop {position: fixed;z-index: 9999;opacity: 0;visibility: hidden;-webkit-transition: visibility .3s, opacity .3s, background .3s, -webkit-transform .3s;transition: visibility .3s, opacity .3s, background .3s, -webkit-transform .3s;transition: transform .3s, visibility .3s, opacity .3s, background .3s;transition: transform .3s, visibility .3s, opacity .3s, background .3s, -webkit-transform .3s;-webkit-transform: translateY(-2em);transform: translateY(-2em);}
	.scrollToTop.visible {visibility: visible;opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}  
	.scrollToTop svg {fill: #FFFFFF;}
	
	.scrollToTop {background-color: rgba(35, 31, 33, 0.85); box-shadow: 0 1px 2px rgba(0,0,0,0.5), 0 1px 7px rgba(0,0,0,0.25); bottom: 1em; /* Separación inferior */right: 1em; /* Separación derecha */padding: .5em; /* relleno */border-radius: 4px; /* borde redondeado */ border:none}
	.scrollToTop:hover {background-color: rgba(0, 0, 0, 0.75); /* color de fondo (hover) */}
	
	
	
	/* HEADER */
	
	header{width:100%; margin:0px; position:fixed; top:0; left:0; z-index:200; background-color:#231f21; padding:0px; /*box-shadow: 0 1px 64px rgba(0,0,0,0.5), 0 1px 14px rgba(0,0,0,0.25)*/}
	figure {line-height:0px; margin:0px; padding:0px;}
	#logo{ position: absolute; top:0px; width:300px; background-color:#fff; z-index:9999; box-sizing:border-box;} 
	#logo img{ max-width:300px;}
	.barra-top {background-color:#ed1d24; color:#FFF; font-size:12px;}
	
	/* MENU */
	
	#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile{border:0;list-style:none;line-height:1;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; box-sizing:border-box; }
	#cssmenu:after,#cssmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
	#cssmenu #head-mobile{display:none}
	#cssmenu{font-size:14px; margin:0px; font-family: 'Roboto', sans-serif; text-transform:uppercase; top:20px;}
	#cssmenu ul{max-width:900px; margin:15px 0px 49px 0px; display:flex; justify-content:flex-end; list-style:none; box-sizing:border-box; float:right }
	#cssmenu > ul > li{padding:0px; margin:0px 0px 0px 25px; border:0px; float:left;}
	#cssmenu ul li.current-menu-item a{color:#ed1d24;}
	#cssmenu ul li a{color:#fff;}
	#cssmenu ul li a:hover{color:#ed1d24;}
	nav a{color:#fff; -webkit-transition:color .2s linear; -moz-transition:color .2s linear; -o-transition:color .2s linear;}
	nav a:hover{color:#ed1d24; -webkit-transition:color .2s linear; -moz-transition:color .2s linear; -o-transition:color .2s linear;}
	
	
	/* GENERALES */
	
	.top {margin-top:110px}
	.top40 {margin-top:40px}
	.centro {text-align:center}
	.derecha {text-align:right}
	.izquierda {text-align:left}
	.bold {font-weight:700}	
	.bk-gris {background-color:#e9e8e8}
	.txt-gris {color:#838383}
	.txt-blanco {color:#fff}
	.txt-rojo {color:#ed1d24}
	.upper{text-transform: uppercase;}
	
	.w19 {width:19%}
	.top30 {margin-top:30px}
	.top50 {margin-top:50px}
	.bottom10 {margin-bottom:10px}
	
	/* CONTAINERS*/
	
	.container {width:1200px; margin:0px auto}
	.container-margen {width:800px; margin:0px auto}
	.container-full {width:100%; padding:35px 0px}
	.container-flex {width:1200px; margin:0px auto; display:flex; justify-content:space-between;}
	.container-full-cta {width:100%; padding:40px 0px; background-size:cover}
	.container-full-cta > section > section {padding:20px 0px 30px 0px;}
	.container-full-flex {width:100%; display:flex}
	.container-full-productos-portada {background-image:url(images/productos-gne-peru.jpg); background-size:cover; padding:70px 0px 90px 0px; color:#fff; border-bottom:10px solid #ed1d24}
	
	.container-flex .w19 h4 {margin-top:15px}
	.container-flex .w19 figure {margin-top:40px}
	
	
	/* INTRODUCCION PORTADA */
	
	.foto-introduccion {width:50%; background-size:cover}
	.texto-introduccion {width:50%}
	.texto-introduccion > section {width:600px; padding: 90px 50px; box-sizing:border-box}
	.texto-introduccion > section > h2 {margin-bottom:30px;}
	.texto-introduccion > section > div {margin-bottom:50px;}
	.texto-introduccion button {background:#231f21}
	
	
	/* PRODUCTOS PORTADA */
	
	.container-full-productos-portada h2 {margin-bottom:20px;}
	.container-full-productos-portada .container-flex {margin-top:40px}
	/*.container-full-productos-portada .container-flex > section {display:flex; width:31%; align-items:center}*/
	.container-full-productos-portada .container-flex > section {display:flex; width:31%;}
	.container-full-productos-portada .container-flex > section > figure {min-width:49%}
	.container-full-productos-portada .container-flex > section div {font-size:14px; line-height:22px; margin-top:10px}
	
	/* NOTICIAS */
	
	.noticias {padding:40px 0 0 0}
	.noticia-principal {width:66.6%;}
	.noticia-principal > section {display:flex;  background-color:#fff;  align-items:center}
	.noticia-principal > section > figure {width:50%;}
	.noticia-principal > section > section {width:50%; padding:25px 30px; box-sizing:border-box; font-size:14px; line-height:22px}
	.fecha {color:#fff; background-color:#6f6f6f; font-size:14px; font-weight:bold; display:inline-block; padding:5px 12px; margin-bottom:10px}
	.sumilla {margin-top:10px}
	.otras-noticias {width:33.3%; padding:0 0 0 50px; box-sizing:border-box}
	.otras-noticias > section { font-size:14px; line-height:22px; border-bottom:1px solid #6f6f6f; padding:0 0 20px 0; margin:0 0 30px 0}

	
	/* FOOTER */
	
	footer {width:100%; background-color:#ed1d24; padding:70px 0px; font-size:14px; line-height:25px; color:#fff}
	footer .container-flex {align-items:center}
	footer > section > section, footer > section > figure {width:33.3%}
	.redes {padding:10px 0 0 0}
	.redes img {margin-right:15px; display:inline}
	
	
	

	/* INTERIORES */

	.container-full-interiores {width:100%; background-color:#fff; padding: 70px 0px; font-size:18px; line-height:30px}
	.container-full-interiores h2 {color:#ed1d24; border-bottom:2px solid #ed1d24; margin: 0 0 30px 0; padding:0 0 10px 0}
	
	
	.cabecera{width:100%; height:260px; background-size:cover; position:relative;}
	.cabecera > div {margin:0px auto; width:1200px; position:absolute; bottom:20%; left:0; right:0; font-size:30px; color:#fff; font-weight:bold; text-transform:uppercase; text-align:center}
	
	
	.img-full {width:100%; height:100%; padding:30px 0px; margin:0px; line-height:0px; clear:both}
	.img-izquierda {float:left; max-width:50%; height:auto; padding:10px 40px 20px 0px; margin:0px; line-height:0px; box-sizing:border-box; display:block}
	.img-derecha {float:right; max-width:50%; height:auto; padding:10px 0px 20px 40px; margin:0px; line-height:0px; box-sizing:border-box; display:block}
	
	
	.container-full-interiores .container-flex {flex-wrap:wrap; justify-content:space-around !important}
	.container-full-interiores .container-flex > section {width:31%; margin:30px 0 0 0}
	.container-margen .container-flex {width:100% !important; flex-wrap:wrap}
	.container-margen .container-flex > section {width:48%}
	
	.servicio-interior {width:48% !important; display:flex; font-size:14px; line-height:22px; align-items:center; margin:40px 0 20px 0 !important}
	.servicio-interior h5 {text-transform:uppercase; margin:0px 0 10px 0}
	.servicio-interior > figure {min-width:33%}
	
	.productos .container-flex, .categoria-productos {font-size:14px; line-height:22px}
	.productos .container-flex > section {width:31%; display:flex; }
	/*.productos .container-flex > section {width:31%; display:flex; align-items:center;}*/
	.productos .container-flex > section > figure {min-width:49%}
	.container-full
	.productos h5, .consultoria h5 {text-transform:uppercase; margin:0px 0 10px 0}
	/*.productos h5, .consultoria h5 {text-transform:uppercase; margin:20px 0 10px 0}*/

	
	.back {width:100%; text-align:right; font-weight:bold}

	
	.consultoria {width:48% !important; border-bottom:1px solid #ed1d24; margin: 0 0 40px 0; padding:0 0 30px 0; font-size:14px; line-height:22px}
	.container-flex .consultoria figure {margin:20px 0 10px 0}
	.container .consultoria {width:100% !important; margin:40px 0 20px 0 !important}
	


	.mensaje {width:100% !important}
	.mensaje .centro {margin-top:30px !important}
	
	.campo-diametro {align-items:center; flex-wrap: nowrap}
	.diametro {width:10%}
	
	/* FORMULARIOS Y BOTONES */
	
	.button, button, input[type="submit"], input[type="reset"],	input[type="button"] {background:#ed1d24; font:20px 'Roboto'; font-weight:700; color:#fff; display:inline-block; text-decoration:none; padding:0.7em 1.6em; cursor:pointer; text-transform:uppercase; margin:0px; transition:all 500ms ease; -webkit-appearance:none; -moz-appearance:none; appearance:none; border:none}
	.button:hover,button:hover,input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover {background:#838383; color:#fff}
	
	button.blanco, input[type="submit"].blanco, input[type="reset"].blanco,	input[type="button"].blanco {background:none; font:22px 'Roboto'; font-weight:900; color:#fff; display:inline-block; text-decoration:none; padding:0.6em 0.8em; cursor:pointer; text-transform:uppercase; margin:0px; transition:all 500ms ease; -webkit-appearance:none; -moz-appearance:none; appearance:none; border:2px solid #fff;}
	button.blanco:hover, input[type="submit"].blanco:hover,input[type="reset"].blanco:hover,input[type="button"].blanco:hover {background:#fff; color:#4e2615}
	

	input[type="text"],	input[type="email"], textarea {padding:0.4em 0.8em; margin:10px 0 0 0; width:100%; display:block; background:#e9e8e8; line-height:26px; font-size:18px; box-sizing:border-box; border: none;}
	
	textarea {resize:none;}
	
	select {border:none; padding:0.5em; margin:0; width:100%; display:block; margin:0; font-size:16px; background:#e9e8e8;; height:50px;}
	
	label {margin:0 20px 0 0}


	/* FIN FORMULARIOS Y BOTONES */
	
	/* LOGO Slider */
	.slick-slide {margin: 0px 40px;}
	.slick-slide img {width: auto;}
	.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none;
-khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;}
	.slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}
	.slick-list:focus{outline: none;}
	.slick-list.dragging{cursor: pointer;cursor: hand;}
	.slick-slider .slick-track, .slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
	.slick-track{position: relative;top: 0;left: 0;display: block;}
	.slick-track:before, .slick-track:after {display: table;content: '';}
	.slick-track:after{clear: both;}
	.slick-loading .slick-track{visibility: hidden;}
	.slick-slide{display: none;float: left;height: 100%;min-height: 1px;}
	[dir='rtl'] .slick-slide{float: right;}
	.slick-slide img{display: block;}
	.slick-slide.slick-loading img{display: none;}
	.slick-slide.dragging img{pointer-events: none;}
	.slick-initialized .slick-slide{display: block;}
	.slick-loading .slick-slide{visibility: hidden;}
	.slick-vertical .slick-slide{display: block;height: auto;border: 1px solid transparent;}
	.slick-arrow.slick-hidden {display: none;}

	
/* #Typography
================================================== */

	h1 {font-size: 30px; line-height:34px; font-weight:bold}
	h2 {font-size: 26px; line-height:30px; font-weight:bold}
	h2.interes {font-size: 22px; line-height:30px; font-weight:bold}

	h3 {font-size: 24px; line-height:28px; font-weight:bold}
	h4 {font-size: 22px; line-height:26px; font-weight:bold}
	h5 {font-size: 20px; line-height:24px; font-weight:bold; margin-bottom:10px}
	
	.subheader { color: #2c2d2f; }

	p { margin: 0 0 20px 0; }
	p img { margin: 0; }
	p.lead { font-size: 21px; line-height: 27px; color: #777;  }

	em { font-style: italic; }
	strong { font-weight: bold; }
	small { font-size: 80%; }

/*	Blockquotes  */
	blockquote, blockquote p { font-size: 17px; line-height: 24px; color: #777; font-style: italic; }
	blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }
	blockquote cite { display: block; font-size: 12px; color: #555; }
	blockquote cite:before { content: "\2014 \0020"; }
	blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }

	hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; }


/* #Links
================================================== */
	a, a:visited, a:link, a:active, a:focus {-webkit-transition: color .2s linear; -moz-transition: color .2s linear; -o-transition: color .2s linear; text-decoration:none;}
	a:hover {-webkit-transition: color .2s linear; -moz-transition: color .2s linear; -o-transition: color .2s linear; text-decoration:none}
	
	.container-full-interiores a, .container-full-interiores a:visited, .container-full-interiores a:link, .container-full-interiores a:active, .container-full-interiores a:focus {color:#eb1d24}
	
	.container-full-interiores a:hover {color:#231f20;}
	
	.container-flex .w19 a, .container-flex .w19 a:visited, .container-flex .w19 a:link, .container-flex .w19 a:active, .container-flex .w19 a:focus {color:#838383; -webkit-transition: color .2s linear; -moz-transition: color .2s linear; -o-transition: color .2s linear; text-decoration:none;}
	.container-flex .w19 a:hover {color:#231f20; -webkit-transition: color .2s linear; -moz-transition: color .2s linear; -o-transition: color .2s linear; text-decoration:none}
	
	.noticia-principal a, .noticia-principal a:visited, .noticia-principal a:link, .noticia-principal a:active, .noticia-principal a:focus, .otras-noticias a, .otras-noticias a:visited, .otras-noticias a:link, .otras-noticias a:active, .otras-noticias a:focus {color:#eb1d24; -webkit-transition: color .2s linear; -moz-transition: color .2s linear; -o-transition: color .2s linear; text-decoration:none; font-size:16px; line-height:24px; text-transform:uppercase; font-weight:bold;}
	.noticia-principal a:hover, .otras-noticias a:hover {color:#231f20; -webkit-transition: color .2s linear; -moz-transition: color .2s linear; -o-transition: color .2s linear; text-decoration:none}
	
	.servicio-interior h5 a, .servicio-interior h5 a:visited, .servicio-interior h5 a:link, .servicio-interior h5 a:active, .servicio-interior h5 a:focus {color:#231f20; -webkit-transition: color .2s linear; -moz-transition: color .2s linear; -o-transition: color .2s linear; text-decoration:none;}
	.servicio-interior h5 a:hover {color:#eb1d24; -webkit-transition: color .2s linear; -moz-transition: color .2s linear; -o-transition: color .2s linear; text-decoration:none}
	

	.productos h5 a, .productos h5 a:visited, .productos h5 a:link, .productos h5 a:active, .productos h5 a:focus {color:#231f20; -webkit-transition: color .2s linear; -moz-transition: color .2s linear; -o-transition: color .2s linear; text-decoration:none;}
	.productos h5 a:hover {color:#eb1d24; -webkit-transition: color .2s linear; -moz-transition: color .2s linear; -o-transition: color .2s linear; text-decoration:none}
	
	.consultoria h5 a, .consultoria h5 a:visited, .consultoria h5 a:link, .consultoria h5 a:active, .consultoria h5 a:focus {color:#231f20; -webkit-transition: color .2s linear; -moz-transition: color .2s linear; -o-transition: color .2s linear; text-decoration:none;}
	.consultoria h5 a:hover {color:#eb1d24; -webkit-transition: color .2s linear; -moz-transition: color .2s linear; -o-transition: color .2s linear; text-decoration:none}
	
	.back a, .back a:visited, .back a:link, .back a:active, .back a:focus {color:#231f20; -webkit-transition: color .2s linear; -moz-transition: color .2s linear; -o-transition: color .2s linear; text-decoration:none;}
	.back a:hover {color:#eb1d24; -webkit-transition: color .2s linear; -moz-transition: color .2s linear; -o-transition: color .2s linear; text-decoration:none}
	
	
	.container-full-productos-portada a, .container-full-productos-portada a:visited, .container-full-productos-portada a:link, .container-full-productos-portada .w19 a:active, .container-full-productos-portada .w19 a:focus {color:#FFF; -webkit-transition: color .2s linear; -moz-transition: color .2s linear; -o-transition: color .2s linear; text-decoration:none;}
	.container-full-productos-portada a:hover {color:#ed1d24; -webkit-transition: color .2s linear; -moz-transition: color .2s linear; -o-transition: color .2s linear; text-decoration:none}
	
	footer a, footer a:visited, footer a:link, footer a:active, footer a:focus {color:#fff; -webkit-transition: color .2s linear; -moz-transition: color .2s linear; -o-transition: color .2s linear; text-decoration:none;}
	footer a:hover {color:#231f21; -webkit-transition: color .2s linear; -moz-transition: color .2s linear; -o-transition: color .2s linear; text-decoration:none}
	
	
	
	
	p a, p a:visited { line-height: inherit; }


/* #Lists
================================================== */
	ul, ol { margin-bottom: 20px; }
	ul { list-style: none outside; }
	ol { list-style: decimal; }
	ol, ul.square, ul.circle, ul.disc { margin:0.5em 0 0 3em; }
	ul.square {  list-style: square outside;}
	ul.circle { list-style: circle outside; }
	ul.disc { list-style: disc outside; }
	ul ul, ul ol,
	ol ol, ol ul { margin: 4px 0 5px 30px; font-size: 90%;  }
	ul ul li, ul ol li,
	ol ol li, ol ul li { margin-bottom: 6px; }
	li { line-height: 18px; margin-bottom: 12px; }
	ul.large li { line-height: 21px; }
	
	.container-full-interiores ul {margin:0 0 50px 0; padding:0 0 0 30px; list-style-image: url('../img/cuadrado-verde.png');}
	.container-full-interiores li {line-height:30px; margin-bottom:24px; padding:0 0 0 15px; }
	
/* #Images
================================================== */

	img.scale-with-grid { max-width: 100%; height: auto; }
	img {max-width: 100%; height: auto;}


/*  Modal */
.modal-open{overflow:hidden}
.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0}
.modal.fade .modal-dialog{-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);-o-transform:translate(0,-25%);transform:translate(0,-25%);-webkit-transition:-webkit-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out,-o-transform .3s ease-out}
.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}
.modal-open .modal{overflow-x:hidden;overflow-y:auto}
.modal-dialog{position:relative;width:auto;margin:10px}
.modal-content{position:relative;background-color:#fff;max-width:900px;margin:0 auto;background-clip:padding-box;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5);outline:0}
.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}
.modal-backdrop.fade{filter:alpha(opacity=0);opacity:0}
.modal-backdrop.in{filter:alpha(opacity=50);opacity:.5}
.modal-header{padding:30px 30px 0px 30px;}
.modal-header .close{margin-top:-2px}
.modal-title{margin:0;line-height:1.42857143}
.modal-body{position:relative;padding:30px;}
.modal-body > figure > img{display:block; margin:auto;}
.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}
.modal-footer .btn+.btn{margin-bottom:0;margin-left:5px}
.modal-footer .btn-group .btn+.btn{margin-left:-1px}
.modal-footer .btn-block+.btn-block{margin-left:0}
.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}

@media (min-width:768px){
	.modal-dialog{width:80%;margin:30px auto}
	.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)}
	.modal-sm{width:300px}
}
@media (min-width:992px){
	.modal-lg{width:900px}
}

.campos{border-bottom:1px solid #ccc; padding-bottom:30px}