/*------------------------------------*\
    $CONTENIDO
\*------------------------------------*/
/**
 * FUENTES...........Importamos fuentes  
 * BODY...............Establece los valores iniciales del cuerpo de nuestra página
 * HELPERS...............Establece valores predeterminados que se usan comunmente
 * TIPOGRAFIA...............Establece los estilos para los titulos
 * HEADER...........Logo y navegacion del sitio
 * FOOTER...........Datos de contacto y redes sociales
 * BANNER...........Establece el comportamiento del banner
 
 
 
/*------------------------------------*\
    $FUENTES
\*------------------------------------*/


@font-face {
  font-family: 'Khand-Bold';
  src: url('../fonts/Khand-Bold.eot?#iefix') format('embedded-opentype'),  
       url('../fonts/Khand-Bold.woff') format('woff'), 
	   url('../fonts/Khand-Bold.ttf')  format('truetype'), 
	   url('../fonts/Khand-Bold.svg#Khand-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'Khand-Light';
  src: url('../fonts/Khand-Light.eot?#iefix') format('embedded-opentype'),  
       url('../fonts/Khand-Light.woff') format('woff'), 
	   url('../fonts/Khand-Light.ttf')  format('truetype'), 
	   url('../fonts/Khand-Light.svg#Khand-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Khand-Medium';
  src: url('../fonts/Khand-Medium.eot?#iefix') format('embedded-opentype'),  
  	   url('../fonts/Khand-Medium.woff') format('woff'), 
	   url('../fonts/Khand-Medium.ttf')  format('truetype'), 
	   url('../fonts/Khand-Medium.svg#Khand-Medium') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'icomoon';
  src:url('../fonts/icomoon.eot?r12qxq');
  src:url('../fonts/icomoon.eot?r12qxq#iefix') format('embedded-opentype'),
      url('../fonts/icomoon.ttf?r12qxq') format('truetype'),
      url('../fonts/icomoon.woff?r12qxq') format('woff'),
      url('../fonts/icomoon.svg?r12qxq#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-ICONO-1-01:before {
  content: "\e900";
}
.icon-ICONO-2-02:before {
  content: "\e901";
}
.icon-ICONO-3-03:before {
  content: "\e902";
}
.icon-ICONO-4-04:before {
  content: "\e903";
}
.icon-ICONO-5-05:before {
  content: "\e904";
}
.icon-ICONO-5-06:before {
  content: "\e905";
}
.icon-ICONO-7_Mesa-de-trabajo-7 .path1:before {
  content: "\e906";font-size:2.5rem;
  color: rgb(206, 109, 86);
}
.icon-ICONO-7_Mesa-de-trabajo-7 .path2:before {
  content: "\e907";font-size:2.5rem;
  margin-left: -1em;
  color: rgb(201, 91, 60);
}
.icon-ICONO-7_Mesa-de-trabajo-7 .path3:before {
  content: "\e908";font-size:2.5rem;
  margin-left: -1em;
  color: rgb(0, 0, 0);
  opacity: 0.41;
}
.icon-ICONO-7_Mesa-de-trabajo-7{position:relative; left:3px;}

/*------------------------------------*\
    $BODY
\*------------------------------------*/
body{font-family: 'Khand-Light'; font-size:10pt; background-color:#FFFFFF; overflow-x:hidden; /* background-image:url(../images/main/background-body.jpg);
background-repeat:no-repeat;background-position:left bottom;background-size:100% auto;*/} 

/*** up buttom ***/
#nekoToTop{position:fixed; bottom:0; right:20px; padding:5px;display:none;border-radius:4px 4px 0 0;width:50px;text-align:center;color:#fff;background:url(../images/main/tile-verde.jpg);border:0px solid rgba(0, 0, 0, 0.0);}
#nekoToTop:hover{color:#fff;background:#748EC7; }

.glyphicon{font-size: 3rem;}



/*------------------------------------*\
    $HELPERS
\*------------------------------------*/

/*** imagenes ***/
.img--center{ margin-left:auto; margin-right:auto;}
.img--left{ margin-right:auto;}
.img--right{ margin-left:auto;}

/*** margin ***/
.margin-top-1{ margin-top:1%;}
.margin-top-2{ margin-top:2%;}
.margin-top-3{ margin-top:3%;}
.margin-top-4{ margin-top:4%;}
.margin-top-5{ margin-top:5%;}
.margin-top-6{ margin-top:6%;}
.margin-top-7{ margin-top:7%;}
.margin-top-8{ margin-top:8%;}
.margin-top-9{ margin-top:9%;}
.margin-top-10{ margin-top:10%;}
.margin-top-11{ margin-top:11%;}
.margin-top-12{ margin-top:12%;}
.margin-top-13{ margin-top:13%;}
.margin-top-14{ margin-top:14%;}
.margin-top-15{ margin-top:15%;}
.margin-top-16{ margin-top:16%;}
.margin-top-17{ margin-top:17%;}
.margin-top-18{ margin-top:18%;}
.margin-top-19{ margin-top:19%;}
.margin-top-20{ margin-top:20%;}

.margin-bottom-1{ margin-bottom:1%;} 
.margin-bottom-2{ margin-bottom:2%;}
.margin-bottom-3{ margin-bottom:3%;}
.margin-bottom-4{ margin-bottom:4%;}
.margin-bottom-5{ margin-bottom:5%;}
.margin-bottom-6{ margin-bottom:6%;}
.margin-bottom-7{ margin-bottom:7%;}
.margin-bottom-8{ margin-bottom:8%;}
.margin-bottom-9{ margin-bottom:9%;}
.margin-bottom-10{ margin-bottom:10%;}
.margin-bottom-11{ margin-bottom:11%;}
.margin-bottom-12{ margin-bottom:12%;}
.margin-bottom-13{ margin-bottom:13%;}
.margin-bottom-14{ margin-bottom:14%;}
.margin-bottom-15{ margin-bottom:15%;}



/*** padding ***/
.padding-top-1{ padding-top:1%;}
.padding-top-2{ padding-top:2%;}
.padding-top-3{ padding-top:3%;}
.padding-top-4{ padding-top:4%;}
.padding-top-5{ padding-top:5%;}
.padding-top-6{ padding-top:6%;}
.padding-top-7{ padding-top:7%;}
.padding-top-8{ padding-top:8%;}
.padding-top-9{ padding-top:9%;}
.padding-top-10{ padding-top:10%;}
.padding-top-11{ padding-top:11%;}
.padding-top-12{ padding-top:12%;}
.padding-top-13{ padding-top:13%;}
.padding-top-14{ padding-top:14%;}
.padding-top-15{ padding-top:15%;}
.padding-top-16{ padding-top:16%;}
.padding-top-17{ padding-top:17%;}
.padding-top-18{ padding-top:18%;}
.padding-top-19{ padding-top:19%;}
.padding-top-20{ padding-top:20%;}
.padding-top-20{ padding-top:20%;}
.padding-top-21{ padding-top:21%;}
.padding-top-22{ padding-top:22%;}
.padding-top-23{ padding-top:23%;}
.padding-top-24{ padding-top:24%;}
.padding-top-25{ padding-top:25%;}

.padding-bottom-1{ padding-bottom:1%;}
.padding-bottom-2{ padding-bottom:2%;}
.padding-bottom-3{ padding-bottom:3%;}
.padding-bottom-4{ padding-bottom:4%;}
.padding-bottom-5{ padding-bottom:5%;}
.padding-bottom-6{ padding-bottom:6%;}
.padding-bottom-7{ padding-bottom:7%;}
.padding-bottom-8{ padding-bottom:8%;}
.padding-bottom-9{ padding-bottom:9%;}
.padding-bottom-10{ padding-bottom:10%;}
.padding-bottom-11{ padding-bottom:11%;}
.padding-bottom-12{ padding-bottom:12%;}
.padding-bottom-13{ padding-bottom:13%;}
.padding-bottom-14{ padding-bottom:14%;}
.padding-bottom-15{ padding-bottom:15%;}

/*** oolores ***/
.c-white{ color:#FFF;}


a:active, a:focus, a:hover{text-decoration:none; border:none; outline:0px solid;}


/*------------------------------------*\
    $HEADER
\*------------------------------------*/
/*** header ***/
.header-main{}


/*** logo header ***/
.c-logo-header{font-family:'contenido'; padding-top:4%; padding-bottom:4%;}


/*** info header ***/
.c-info-header{font-family:'contenido'; padding-top:0%; padding-bottom:0%; background-color:#005427; height:39px;}
.c-info-header__p{ color:#ffffff; font-size:1.5rem; line-height:150%;}
.c-info-header__p span{ font-weight:bold;}
.c-info-header__p--inline{display: inline-block; margin-right:3%;}
.c-info-header__p--top1{position:relative; top:10px;}
.c-info-header__p--top2{position:relative; top:-14px;}
.c-info-header__social-a{ display: inline-block; width: 37px; height:39px; margin: 0px 0px 0px 0px;}
.c-info-header__social-a--facebook{ background-image:url(../images/main/facebook-header.png); background-position: 0px 0px; background-repeat:no-repeat;}
.c-info-header__social-a--twitter{ background-image:url(../images/main/twitter-header.png); background-position: 0px 0px; background-repeat:no-repeat;}
.c-info-header__social-a--instagram{ background-image:url(../images/main/instagram-header.png); background-position: 0px 0px; background-repeat:no-repeat;}


/*** logo brand ***/
.logo-brand{ /*padding-top:0%; position:relative; top:-13px;*/display:none;}
.img-logo-brand{}
.img-logo-nav{}
	
/*** navegacion ***/
.container-navegacion-horizontal{background-color:#FEFEFE; margin-bottom:0%;background-image:url(../images/main/background-container-nav.png); background-repeat:no-repeat; height: 67px;}
.navegacion-horizontal{ width:100%; text-align:center; margin-top:0%; -webkit-margin-before:0%;background-image:url(../images/main/background-nav.png); background-position:top; background-size: 100% auto;background-repeat:no-repeat;padding-left: 8%;}


/*** li general ***/ 
.navegacion-horizontal__li{ width:13%; font-family: 'Khand-Bold';font-size:1.6rem; letter-spacing: 1px;border-radius: 15px; margin-top: 1.5%; /***background-color:#FFF;***/}


/*** li general hover - li general active ***/ 
/*.navegacion-horizontal__li:hover,.navegacion-horizontal__li:focus,.navegacion-horizontal__li--active{ background-color:#B1D968; font-weight:bold;} */ 


/*** li individuales ***/ 
.navegacion-horizontal__inicio{ background-color:transparent;width: 10%;}
.navegacion-horizontal__nosotros{ background-color:transparent;}
.navegacion-horizontal__productos{ background-color:transparent;}
.navegacion-horizontal__logo{background-color:transparent;width:39%;top: -25px;}
.navegacion-horizontal__proyectos{ background-color:transparent;}
.navegacion-horizontal__servicios{ background-color:transparent; }
.navegacion-horizontal__contacto{ background-color:transparent;}


/*** li individuales hover - li individuales active ***/ 
.navegacion-horizontal__inicio:hover,.navegacion-horizontal__inicio:focus,.navegacion-horizontal__inicio--active{ background-color:#fff; }
.navegacion-horizontal__nosotros:hover,.navegacion-horizontal__nosotros:focus,.navegacion-horizontal__nosotros--active{ background-color:#fff; }
.navegacion-horizontal__productos:hover,.navegacion-horizontal__productos:focus,.navegacion-horizontal__productos--active{background-color:#fff; }
.navegacion-horizontal__proyectos:hover,.navegacion-horizontal__proyectos:focus,.navegacion-horizontal__proyectos--active{ background-color:#fff; }
.navegacion-horizontal__servicios:hover,.navegacion-horizontal__servicios:focus,.navegacion-horizontal__servicios--active{background-color:#fff;}
.navegacion-horizontal__contacto:hover,.navegacion-horizontal__contacto:focus,.navegacion-horizontal__contacto--active{background-color:#fff; }

.li-nav-point{content:""; position:relative; top:30px ; left:0px; height:3px ; width:3px; background-color:#fff;margin-right: 0.5%; margin-left: 0.5%; border-radius: 100%;}
/*** li individuales open *
.navegacion-horizontal__productos.open { background-color:#56BD48; color:#FFF;}**/



/*** li a general ***/ 
.navegacion-horizontal > .navegacion-horizontal__li > a{ padding: 6px 0 0; }
.navegacion-horizontal > .navegacion-horizontal__li > a p{  margin: 0 0 3px;    display: inline;}
.p-active{position:relative; top:-5px;left:-7px;}
.navegacion-horizontal__li-a--normal { color:#fff }
.navegacion-horizontal__li-a--active {color:#ED5B51; height: 27px; padding-top: 1px !important;}




/*** li a general hover - li a general active  ***/
.navegacion-horizontal__li-a--normal:hover,.navegacion-horizontal__li-a--normal:active,.navegacion-horizontal__li-a--normal:focus,
.navegacion-horizontal__li-a--active:hover,.navegacion-horizontal__li-a--active:active,.navegacion-horizontal__li-a--active:focus{color:#ED5B51; }


/*** li a general hover reset  ***/
.container-navegacion-horizontal .navegacion-horizontal > .navegacion-horizontal__li > a:hover{background-color:transparent;}


/*** li a indivuales focus reset  
.container-navegacion-horizontal .navegacion-horizontal > .navegacion-horizontal__inicio > a:focus {background-color:#B1D968;}
.container-navegacion-horizontal .navegacion-horizontal > .navegacion-horizontal__nosotros > a:focus {background-color:#88C54C;}
.container-navegacion-horizontal .navegacion-horizontal > .navegacion-horizontal__productos > a:focus {background-color:#56BD48;}
.container-navegacion-horizontal .navegacion-horizontal > .navegacion-horizontal__proyectos > a:focus {background-color:#23A125;}
.container-navegacion-horizontal .navegacion-horizontal > .navegacion-horizontal__servicios > a:focus {background-color:#B1D968;}
.container-navegacion-horizontal .navegacion-horizontal > .navegacion-horizontal__contacto > a:focus {background-color:#88C54C;}***/


/*** li a individuales open ***/
.nav .open > .navegacion-horizontal__productos-a, .nav .open > .navegacion-horizontal__productos-a:focus, .nav .open > .navegacion-horizontal__productos-a:hover {background-color:#56BD48;
 color:#FFF;}
 
  
/***mega-menu  ***/
.c-mega-menu{ background-color:rgba(243, 243, 243, 0.9); text-align:left;}
.c-mega-menu:hover{font-weight:100;}
.c-mega-menu a{ color:#808080;}
.c-mega-menu ul li, .c-mega-menu ul li a{font-family: 'contenido'; font-size:1.9rem; color:#808080;}
.c-mega-menu ul li span{ padding-left:7%;}
.c-mega-menu ul li a:before{content:'.'; color:#808080 display:block; font-size: 30px; text-align: left; padding: 0;line-height:0px; margin-top:0px; margin-right:2%; position:relative;
top:-2px;}
.c-mega-menu ul li a:hover, .c-mega-menu ul li .active-li{ font-weight:bold;}
.c-mega-menu__show-grid { clear: both; padding-top: 3%; padding-bottom:3%;}
.c-mega-menu__bloque-a{ padding-left:3%; padding-right:3%;}
.c-mega-menu__titulos{font-family:'titulo'; font-size:2.2rem; color:#808080; line-height:110%; margin-bottom:2%; }





/*------------------------------------*\
    $FOOTER
\*------------------------------------*/
.footer-main{ padding:3.5% 0% 2% 0%; background-image:url(../images/main/tile-verde.jpg);}
.footer-main__p-copy{font-size:2.5rem;font-family: 'Khand-Light'; color:#fff;}

/*** redes sociales ***/
.credes-sociales{ text-align:right;}
.credes-sociales_a{ position:relative; top:-16px; display: inline-block; width: 32px; height:42px; margin: 0px 8px 0px 0px;}
.credes-sociales_a--facebook{ background-image:url(../images/main/facebook-footer.png); background-position: 0px 0px; background-repeat:no-repeat;}
.credes-sociales_a--twitter{ background-image:url(../images/main/twitter-footer.png); background-position: 0px 0px; background-repeat:no-repeat;}
.credes-sociales_a--youtube{ background-image:url(../images/main/youtube-footer.png); background-position: 0px 0px; background-repeat:no-repeat;}

.info-footer{background-image:url(../images/main/background-footer.jpg);background-position: center center; padding-top:2%; padding-bottom:0%; }
.info-footer__h2{font-family: 'Khand-Medium'; color:#fff; text-align:center; font-size:3rem;letter-spacing: 2.8px;}


/*** info contacto inicio ***/
.c-info-footer-col{margin-bottom:3%;}
.c-info-footer{font-family:'contenido'; padding-top:0%; padding-bottom:0%; background-color:#005427; height:39px;}
.c-info-footer__p{ color:#ffffff; font-size:1.5rem; line-height:150%; text-align:left;}
.c-info-footer__p span{ font-weight:bold;}
.c-info-footer__p--inline{display: inline-block; margin-right:3%;font-family: 'Khand-Medium';color:#fff;font-size: 1.7rem;}
.c-info-footer__p--top1{position:relative; top:5px; left: 7%;}
.c-info-footer__p--top2{position:relative; top:-3px; left: 7%;}
.c-info-footer__p--top3{position:relative; top:-6px; left: 7%;}
.c-info-footer__social-a{ display: inline-block; width: 37px; height:39px; margin: 0px 0px 0px 0px;}
.c-info-footer__social-a--cell{ background-image:url(../images/main/ico-cell-inicio.png); background-position: 0px 0px; background-repeat:no-repeat; background-position: center;position: relative;  top: 8px;}
.c-info-footer__social-a--house{ background-image:url(../images/main/ico-house-inicio.png); background-position: 0px 0px; background-repeat:no-repeat; background-position: center;position: relative;  top: 8px;}
.c-info-footer__social-a--mail{ background-image:url(../images/main/ico-mail-inicio.png); background-position: 0px 0px; background-repeat:no-repeat; background-position: center;position: relative;  top: 8px;}

.c-info-footer__enviar-a{ display: inline-block; height:54px; width:82px; margin: 0px 0px 0px 0px;}
.c-info-footer__enviar{background-image:url(../images/main/ico-enviar.png);background-position: 0px 0px; background-repeat:no-repeat; background-position: center;position: relative;}
.c-info-footer-sm-8{padding-right:0;}
.c-info-footer-sm-2{padding-left:0;}


.form-control-footer{background-color: transparent;  border: 2px solid #fff;   border-radius: 0px;    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.0) inset;   color: #fff; font-size: 16px; font-family: 'Khand-Medium';height:54px;}
.form-control-footer::-moz-placeholder{color: #fff;}




/*------------------------------------*\
    $BANNER
\*------------------------------------*/
.contenedor_banner{padding-left:0%; padding-right:0%; }
.banner_main{ position:relative; z-index:1;}




/*------------------------------------*\
    $SECTIONS
\*------------------------------------*/
.section{ padding-top: 110px; text-align: center; height: 100%;
  background-position: center center;
  background-repeat:no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
 }
 
 
 
 
/*------------------------------------*\
    $SECTIONS
\*------------------------------------*/
.inicio-info-section-contacto{position: relative;}
.inicio-info-section-contacto-fluid{padding-left:0%; padding-right:0%;}
.inicio-info-contacto {background-color:rgba(237, 91, 47, .8);padding-left:0%; padding-right:0%; position: absolute; top: 84%; width: 100%;}

/*** info contacto inicio ***/
.c-info-contacto-inicio{font-family:'contenido'; padding-top:0%; padding-bottom:0%; background-color:#005427; height:39px;}
.c-info-contacto-inicio__p{ color:#ffffff; font-size:1.5rem; line-height:150%;}
.c-info-contacto-inicio__p span{ font-weight:bold;}
.c-info-contacto-inicio__p--inline{display: inline-block; margin-right:3%;font-family: 'Khand-Medium';color:#fff;font-size: 1.8rem;}
.c-info-contacto-inicio__p--top1{position:relative; top:5px; left: 7%;}
.c-info-contacto-inicio__p--top2{position:relative; top:-3px; left: 7%;}
.c-info-contacto-inicio__p--top3{position:relative; top:-6px; left: 7%;}
.c-info-contacto-inicio__social-a{ display: inline-block; width: 37px; height:39px; margin: 0px 0px 0px 0px;}
.c-info-contacto-inicio__social-a--cell{ background-image:url(../images/main/ico-cell-inicio.png); background-position: 0px 0px; background-repeat:no-repeat; background-position: center;position: relative;  top: 8px;}
.c-info-contacto-inicio__social-a--house{ background-image:url(../images/main/ico-house-inicio.png); background-position: 0px 0px; background-repeat:no-repeat; background-position: center;position: relative;  top: 8px;}
.c-info-contacto-inicio__social-a--mail{ background-image:url(../images/main/ico-mail-inicio.png); background-position: 0px 0px; background-repeat:no-repeat; background-position: center;position: relative;  top: 8px;}

 
/*------------------------------------*\
    $GALERIA SECTION
\*------------------------------------*/ 
.galeria-section {padding-top: 110px;height: 1088px;background-image:url(../images/galeria/background.jpg);background-color:#FFF;}
.galeria-section__p { font-family:'contenido'; color:#4D4D4D; font-size:1.7rem; line-height:130%;}

/*** carousel galeria ***/
.c-galeria{ background-image:url(../images/galeria/container-galeria.png); background-repeat:no-repeat; padding-top:2%; padding-bottom:2%;}
.c-galeria-bloque{}
.c-galeria-bloque-owl{}
.c-galeria-bloque-owl__item{ cursor:pointer; margin-right:5%;}


/*** owl styles carousel galeria ***/
.owl-carousel-arrows{ position:relative; top:83px;} 
.owl-carousel-arrows .prev, .owl-carousel-arrows .next{background-repeat:no-repeat; background-color:transparent;  padding-bottom:35%; border:none;}
.owl-carousel-arrows .prev{background-image:url(../images/galeria/arrow_left.png);}
.owl-carousel-arrows .next{background-image:url(../images/galeria/arrow_right.png);}




/*------------------------------------*\
    $INICIO
\*------------------------------------*/
/*** section 1 ***/
.inicio-nosotros-section{border-top:10px solid #ED5B2F; padding-top:2%; padding-bottom:5%}
.inicio-nosotros-section-col-a{padding-left:8%; padding-right:8%;}
.inicio-nosotros-section__h2{font-family: 'Khand-Medium'; color:#ED5B2F; text-align:center; font-size:3rem;letter-spacing: 2.8px;}
.inicio-nosotros-section__p{font-family: 'Khand-Light'; color:#333; text-align:center; font-size:1.7rem; margin-top: 2%; margin-bottom: 3%;}

/*** section 2 ***/
.inicio-servicios-section{background-color:#E85B2F;padding-top:2%; padding-bottom:4%; background-image:url(../images/inicio/nosotros/background.jpg);}
.inicio-servicios-section-row{margin-bottom:2%;}
.inicio-servicios-section__h2{font-family: 'Khand-Medium'; color:#fff; text-align:center; font-size:3rem;letter-spacing: 2.8px;}
.inicio-servicios-section__p{font-family: 'Khand-Light'; color:#fff; text-align:left; font-size:1.7rem; margin-top: 2%; margin-bottom: 3%;line-height:110%;}
.inicio-servicios-section-col-s9{padding-right:0px;}
.inicio-servicios-section-col-l4{ padding-left: 16px;  padding-right: 17px;}

/*** section 3 ***/
.inicio-multimedia-section{background-color:#5BA746;padding-top:2%; padding-bottom:4%; background-image:url(../images/main/tile-verde.jpg);}
.inicio-multimedia-section__h2{font-family: 'Khand-Medium'; color:#fff; text-align:center; font-size:3rem;letter-spacing: 2.8px;}
.inicio-multimedia-section-row-a{margin-top:2%;}

/*** section 3 ***/
.inicio-productos-section{background-color:#fff;padding-top:2%; padding-bottom:4%; }
.inicio-productos-section__h2{font-family: 'Khand-Medium'; color:#ED5B2F; text-align:center; font-size:3rem;letter-spacing: 2.8px;}
.inicio-productos-section-col-a{border-right:3px dashed #ED5B2F; border-bottom: 3px dashed #ED5B2F;}
.inicio-productos-section-col-b{border-bottom: 3px dashed #ED5B2F;}
.inicio-productos-section-col-c{border-right: 3px dashed #ED5B2F;}

.inicio-contacto-section{background-color:#E85B2F;padding-top:2%; padding-bottom:4%; background-image:url(../images/inicio/contacto/background.jpg);}
.inicio-contacto-section-row{margin-top:3%;}
.inicio-contacto-section__h2{font-family: 'Khand-Medium'; color:#fff; text-align:center; font-size:3rem;letter-spacing: 2.8px;}
.form-control-ini{background-color: transparent;  border-bottom: 1px solid #fff;   border-radius: 0px;    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.075) inset;   color: #fff; font-size: 16px; border-right: none;
    border-top: none; border-left: none;font-family: 'Khand-Medium';}
.form-control-ini::-moz-placeholder{color: #fff;}

.btn-inicio-enviar { overflow:hidden;background-color:#ED5B2F;font-family: 'Khand-Medium';font-size:1.6rem; position:relative; display:block; width:auto; height:38px;	 margin:auto; line-height:40px;	 border:1px solid #fff;	 color:#fff;	 text-align:center;	 text-decoration:none; cursor:pointer;}
.btn-inicio-enviar span { position:relative; transition:color .25s ease-out; -webkit-transition:color .5s ease-out;	 -moz-transition:color .5s ease-out; color:#fff;}
.btn-inicio-enviar:hover span {	 color:#ED5B2F;}
.btn-inicio-enviar .hover {	position:absolute; top:0;left:0; display:block;	 width:100%; height:100%; background:#fff; border:1px solid transparent;	transform:scale(1,0); -webkit-transform:scale(1,0);
 -moz-transform:scale(1,0); -ms-transform:scale(1,0); transform-origin:center top; -webkit-transform-origin:center top;	 -moz-transform-origin:center top; -ms-transform-origin:center top;
transition:all .2s ease-out; -webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;}
.btn-inicio-enviar:hover .hover {transform:scale(1,1);-webkit-transform:scale(1,1);	-moz-transform:scale(1,1);	-ms-transform:scale(1,1);}
/*mapa*/
.c-contact__map iframe{pointer-events: none;}
.embed-responsive.embed-responsive-4by3 {padding-bottom: 28%;}



/*------------------------------------*\
    $NOSOTROS
\*------------------------------------*/
/*** section 1 ***/
.nosotros-section-img-principal{}
.nosotros-section-img-principal-fluid{padding-left:0%;padding-right:0%;}

/*** section 2 ***/
.nosotros-section-rh{background-image:url(../images/nosotros/background-rh.jpg); background-color:#fff;background-repeat:no-repeat;padding-bottom: 3%; padding-top: 1%;}
.nosotros-section-rh__h2{font-family: 'Khand-Medium'; color:#fff; text-align:center; font-size:3rem;letter-spacing: 2.8px;}

.nosotros-section-rh-item__h2{font-family: 'Khand-Medium'; color:#ED5B2F; font-size:2rem; text-align:left; }
.nosotros-section-rh-item__h2:after{content:url(../images/nosotros/border-botton.png); position:relative; top:0px; left:0px;}
.nosotros-section-rh-item__h2 span{font-family: 'Khand-Light'; font-size:1.7rem;}
.nosotros-section-rh-item__p{font-family: 'Khand-Light'; color:#231F20; font-size:1.7rem;  text-align:left;}
.nosotros-section-rh-item__img{border:8px solid #ED5B2F;}


/*------------------------------------*\
    $SERVICIOS
\*------------------------------------*/
/*** section 1 ***/
.servicios-section{background-color:#fff;padding-top:2%; padding-bottom:4%; border-top:10px solid #ED5B2F; }
.servicios-section-row{margin-bottom:2%;}
.servicios-section__h2{font-family: 'Khand-Medium'; color:#ED5B2F; text-align:center; font-size:3rem;letter-spacing: 2.8px;}
.servicios-section__p{font-family: 'Khand-Light'; color:#ED5B2F; text-align:left; font-size:1.7rem; margin-top: 2%; margin-bottom: 3%;line-height:110%;}
.servicios-section-col-s9{padding-right:0px;}
.servicios-section-col-l4{ padding-left: 16px;  padding-right: 17px;}
.servicios-section-icon{color:#ED5B2F !important; }

/*** section 2 ***/
.servicios-section-proyectos{background-image:url(../images/servicios/background-proyectos.jpg); background-color:#fff;background-repeat:no-repeat;padding-bottom: 3%; padding-top: 1%;}
.servicios-section-proyectos__h2{font-family: 'Khand-Medium'; color:#fff; text-align:center; font-size:3rem;letter-spacing: 2.8px;}

/*** section 3 ***/
.servicios-section-testimonios{background-image:url(../images/servicios/background-testimonios.jpg); background-color:#fff;background-repeat:no-repeat;padding-bottom: 3%; padding-top: 1%;}
.servicios-section-testimonios__h2{font-family: 'Khand-Medium'; color:#fff; text-align:center; font-size:3rem;letter-spacing: 2.8px;}
.servicios-section-testimonios__p{font-family: 'Khand-Light'; color:#fff; text-align:center; font-size:2rem;line-height: 110%;}
.servicios-section-testimonios__p--a{font-family: 'Khand-Medium';text-align:center; font-size:2rem; color:#fff; }


/*------------------------------------*\
    $PROYECTOS
\*------------------------------------*/
/*** section 1 ***/
.proyectos-section{background-color:#fff;padding-top:2%; padding-bottom:2%; border-top:10px solid #ED5B2F; }
.proyectos-section-row-b{margin-top:3%;}
.proyectos-section__h2{font-family: 'Khand-Medium'; color:#ED5B2F; text-align:center; font-size:3rem;letter-spacing: 2.8px;}
.proyectos-section-col-s4{margin-bottom:2%;}


/* Opacity #1 */
.hover11 figure img {
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover11 figure:hover img {
	opacity: .5;
}


/*------------------------------------*\
    $CONTACTO
\*------------------------------------*/
.contacto-section{}
.contacto-section-fluid{padding-left:0; padding-right:0;}
.contacto-iframe{-moz-border-bottom-colors: none;  -moz-border-left-colors: none;    -moz-border-right-colors: none;    -moz-border-top-colors: none;    border-color: -moz-use-text-color -moz-use-text-color #ed5b2f;
    border-image: none;    border-style: none none solid;    border-width: 0 0 10px;    left: 14px;    position: relative;    top: -38px;}
.contacto-section-formulario{ padding-bottom:1%; background-color:#fff;}
.contacto-section__h2{font-family: 'Khand-Medium'; color:#ED5B2F; text-align:center; font-size:3rem;letter-spacing: 2.8px;}
.form-control-contacto{background-color: transparent;  border-bottom: 1px solid #ED5B2F;   border-radius: 0px;    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.075) inset;   color: #ED5B2F; font-size: 16px; border-right: none;
    border-top: none; border-left: none;font-family: 'Khand-Medium';}
.form-control-contacto::-moz-placeholder{color: #ED5B2F;}

.btn-contacto-enviar { overflow:hidden;background-color:#fff;font-family: 'Khand-Medium';font-size:1.6rem; position:relative; display:block; width:auto; height:38px;	 margin:auto; line-height:40px;	 border:1px solid #ED5B2F;	 color:#fff;	 text-align:center;	 text-decoration:none; cursor:pointer;}
.btn-contacto-enviar span { position:relative; transition:color .25s ease-out; -webkit-transition:color .5s ease-out;	 -moz-transition:color .5s ease-out; color:#ED5B2F;}
.btn-contacto-enviar:hover span {	 color:#fff;}
.btn-contacto-enviar .hover {	position:absolute; top:0;left:0; display:block;	 width:100%; height:100%; background:#ED5B2F; border:1px solid transparent;	transform:scale(1,0); -webkit-transform:scale(1,0);
 -moz-transform:scale(1,0); -ms-transform:scale(1,0); transform-origin:center top; -webkit-transform-origin:center top;	 -moz-transform-origin:center top; -ms-transform-origin:center top;
transition:all .2s ease-out; -webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;}
.btn-contacto-enviar:hover .hover {transform:scale(1,1);-webkit-transform:scale(1,1);	-moz-transform:scale(1,1);	-ms-transform:scale(1,1);}


/*------------------------------------*\
    $PRODUCTOS
\*------------------------------------*/
/*** section 1 ***/
.productos-section{background-color:#fff;padding-top:2%; padding-bottom:2%; border-top:10px solid #ED5B2F; }
.productos-section-row-b{margin-top:3%;}
.productos-section__h2{font-family: 'Khand-Medium'; color:#ED5B2F; text-align:center; font-size:3rem;letter-spacing: 2.8px;}
.productos-section__p{font-family: 'Khand-Light'; color:#231F20; text-align:center; font-size: 1.8rem;  line-height: 110%; margin-top: 3%; padding-left: 12%; padding-right: 12%;}
.productos-section-col-s3{margin-bottom:2%;}
.productos-section-row-b{margin-top:3%;}
.shrink{
 transition:all 0.3s ease;}
.shrink:hover
{
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
}

.productos-section-individual{ position: relative;  top: -38px;}
.productos-section-individual__p{font-family: 'Khand-Medium'; color:#fff; text-align:right; font-size: 1.8rem;}

.productos-section-individual-fluid{padding-left:0; padding-right:0;}
.productos-section-individual-col-a{padding-top:2%;}
.productos-section-individual-col-b{ padding-right:0;}


.right { padding-bottom: 7%; padding-right: 53%;  padding-top: 10%; position: relative;   width: 100%;   height: auto; }

.right::before { content: "";   font-size: 0;  height: 0;  left: -179px; line-height: 0; position: absolute;  top: -183px;   width: 0;   border-style: solid;    border-width: 165px 0 286px 165px;}

.productos-section-individual-col-3m{background-color:#ED1C24; }
.color1{background: #ED1C24;}
.color1::before {  border-color: transparent #ed1c24 #ed1c24 transparent;}

.productos-section-individual-col-gamma{background-color:#00559B; }
.color2{background: #00559B;}
.color2::before {  border-color: transparent #00559B #00559B transparent;}
   
.productos-individual-section2{padding-bottom: 3%;}



/*------------------------------------*\
    $RESPONSIVE
\*------------------------------------*/

@media screen and (min-width:320px) and (max-width:479px){
/*------------------------------------*\
    $HEADER
\*------------------------------------*/

.logo-brand {  display: block;  padding-top: 0; position: absolute; width: 70%;}
.img-logo-brand {  width: 100%;}

/*** Navbar-toggle ***/
.navbar-toggle {background-color: #ffffff;background-image: none;border: 1px solid transparent;border-radius: 4px;float: right;margin-bottom: 8px;margin-right: 15px;margin-top: 8px;padding: 9px 10px;position: relative;}	
.navbar-toggle .icon-bar {background-color:#88B039;}

/***nav**/
.li-nav-point{ width: 0;}
.container-navegacion-horizontal{height: auto;}
.navegacion-horizontal{padding-left: 0%;width: 100%; background-size: cover;margin-left: 0%;}
.navegacion-horizontal__li{ width: 100%;}
.navegacion-horizontal__logo{width: 0%;display:none;}	
.navegacion-horizontal__contacto{ margin-bottom: 2%;}
.img-logo-nav{display:none;}
.navbar .navbar-collapse .navbar-nav > li.navegacion-horizontal__logo > a{display:none;}

.navbar .navbar-nav { margin:0;}
.navbar-collapse.in { overflow-y: hidden;}

/*------------------------------------*\
    $INICIO
\*------------------------------------*/
.inicio-info-contacto{ position: relative;background-image:url(../images/main/tile-naranja.jpg);}	
.inicio-productos-section-col-c{border-bottom: 3px dashed #ed5b2f;}	
.footer-main__p-copy{font-size: 1.6rem;}

}


@media screen and (min-width:480px) and (max-width:599px){
/*------------------------------------*\
    $HEADER
\*------------------------------------*/

.logo-brand {  display: block;  padding-top: 0; position: absolute;width: 67%;}
.img-logo-brand {  width: 100%;}

/*** Navbar-toggle ***/
.navbar-toggle {background-color: #ffffff;background-image: none;border: 1px solid transparent;border-radius: 4px;float: right;margin-bottom: 8px;margin-right: 15px;margin-top: 8px;padding: 9px 10px;position: relative;}	
.navbar-toggle .icon-bar {background-color:#88B039;}

/***nav**/
.li-nav-point{ width: 0;}
.container-navegacion-horizontal{height: auto;}
.navegacion-horizontal{padding-left: 0%;width: 100%; background-size: cover;margin-left: 0%;}
.navegacion-horizontal__li{ width: 100%;}
.navegacion-horizontal__logo{width: 0%;display:none;}	
.navegacion-horizontal__contacto{ margin-bottom: 2%;}
.img-logo-nav{display:none;}
.navbar .navbar-collapse .navbar-nav > li.navegacion-horizontal__logo > a{display:none;}

.navbar .navbar-nav { margin:0;}
.navbar-collapse.in { overflow-y: hidden;}

/*------------------------------------*\
    $INICIO
\*------------------------------------*/
.inicio-info-contacto{ position: relative;background-image:url(../images/main/tile-naranja.jpg);}	
.inicio-productos-section-col-c{border-bottom: 3px dashed #ed5b2f;}


	
}

@media screen and (min-width:600px) and (max-width:767px){
/*------------------------------------*\
    $HEADER
\*------------------------------------*/

.logo-brand {  display: block;  padding-top: 0;}
.img-logo-brand {  width: 66%;}

/*** Navbar-toggle ***/
.navbar-toggle {background-color: #ffffff;background-image: none;border: 1px solid transparent;border-radius: 4px;float: right;margin-bottom: 8px;margin-right: 15px;margin-top: 8px;padding: 9px 10px;position: relative;}	
.navbar-toggle .icon-bar {background-color:#88B039;}

/***nav**/
.li-nav-point{ width: 0;}
.container-navegacion-horizontal{height: auto;}
.navegacion-horizontal{padding-left: 0%;width: 100%; background-size: cover;margin-left: 0%;}
.navegacion-horizontal__li{ width: 100%;}
.navegacion-horizontal__logo{width: 0%;display:none;}	
.navegacion-horizontal__contacto{ margin-bottom: 2%;}
.img-logo-nav{display:none;}
.navbar .navbar-collapse .navbar-nav > li.navegacion-horizontal__logo > a{display:none;}

.navbar .navbar-nav { margin:0;}
.navbar-collapse.in { overflow-y: hidden;}

/*------------------------------------*\
    $INICIO
\*------------------------------------*/
.inicio-info-contacto{ position: relative;background-image:url(../images/main/tile-naranja.jpg);}	
.inicio-productos-section-col-c{border-bottom: 3px dashed #ed5b2f;}


}

@media screen and (min-width:768px) and (max-width:799px){
/*------------------------------------*\
    $HEADER
\*------------------------------------*/
/***logo**/
.img-logo-nav{width:100%;}	

/***nav**/
.li-nav-point{ width: 0;}
.container-navegacion-horizontal{ height: 52px;}
.navegacion-horizontal{padding-left: 0%;}
.navegacion-horizontal__li{ width: 19%;}
.navegacion-horizontal__inicio{width: 14% !important;}
.navegacion-horizontal__logo{ top: -18px;  width: 26%;  left: 0px;}

/*------------------------------------*\
    $INICIO
\*------------------------------------*/
.inicio-info-contacto{top: 74.5%;}	


}

@media screen and (min-width:800px) and (max-width:1023px){
/*------------------------------------*\
    $HEADER
\*------------------------------------*/
/***logo**/
.img-logo-nav{width:100%;}	

/***nav**/
.li-nav-point{ width: 0;}
.container-navegacion-horizontal{ height: 52px;}
.navegacion-horizontal{padding-left:6%;}
.navegacion-horizontal__inicio{width: 12% !important; }
.navegacion-horizontal__li{ width: 18%;}
.navegacion-horizontal__logo{ top: -18px;  width: 26%;  left: 0px;}

/*------------------------------------*\
    $INICIO
\*------------------------------------*/
.inicio-info-contacto{top: 74.5%;}	

}

@media screen and (min-width:1024px) and (max-width:1279px){
/*------------------------------------*\
    $HEADER
\*------------------------------------*/
/***logo**/
.img-logo-nav{width:100%;}	

/***nav**/
.li-nav-point{ width: 0;}
.navegacion-horizontal{padding-left: 4%;}
.navegacion-horizontal__inicio{width: 9%;}

/*------------------------------------*\
    $INICIO
\*------------------------------------*/
.inicio-info-contacto{top: 80.5%;}	


}

@media screen and (min-width:1280px) and (max-width:1359px){}

@media screen and (min-width:1440px) and (max-width:1599px){

/*------------------------------------*\
    $INICIO
\*------------------------------------*/
.inicio-info-contacto{ top: 86%;}

}

@media screen and (min-width:1600px) and (max-width:1679px){

/*------------------------------------*\
    $INICIO
\*------------------------------------*/
.inicio-info-contacto{ top: 86.5%;} 

}

@media screen and (min-width:1680px) and (max-width:1919px){

/*------------------------------------*\
    $INICIO
\*------------------------------------*/
.inicio-info-contacto{ top: 86.5%;}

}

@media screen and (min-width:1920px) and (max-width:1960px){

/*------------------------------------*\
    $INICIO
\*------------------------------------*/
.inicio-info-contacto{ top: 88.5%;}

}