body {padding-top: 56px;}
.carousel-item {height: 65vh;min-height: 300px;background: no-repeat center center scroll;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.portfolio-item {margin-bottom: 30px;}
footer{ background: #555555; padding: 60px 0;color: #fff;}
footer h3{font-size: 16px; margin-bottom: 10px; font-weight: 600;}
footer p{ font-size: 14px; margin-bottom: 0px;}
a.btn_verde_gr{ background: #F18903; padding:10px 20px ; margin-top: 20px; color: #fff; font-size:20px; font-weight: 500; display: inline-block; }
a.btn_verde_gr:hover{background: #CEDB01; color: #fff;transition: background-color 0.5s ease; }
button.btn_verde_gr{ background: #F18903; padding:10px 20px ; margin-top: 20px; color: #fff; font-size:20px; font-weight: 500; display: inline-block; }
button.btn_verde_gr:hover{background: #CEDB01; color: #fff;transition: background-color 0.5s ease; }
h2.titulo_izq {font-size: 30px; font-weight: 700; padding: 20px;}
h2.titulo_der {font-size: 30px; font-weight: 700; padding: 20px 20px 20px 0;}
.franja_contacto{background: #F18903; color: #fff; padding: 25px 0;}
.franja_contacto p{font-size: 18px;margin-bottom: 0; margin-top: 10px; float: right;}
.franja_contacto a{ font-size: 14px; padding: 10px 15px; border: 1px solid #fff; float: right; color: #fff; font-weight: 400; border-radius: 5px;}
.franja_contacto a:hover{ background: #fff; color: #F18903; transition: background-color 0.5s ease;}
.bg_gris{background: #F8F8F8; padding: 30px 0;}
.bg_naranja{background: #F18903;color: #fff;}
.bg_verde{background: #DFED00; color: #000;}
.header_nrj{ margin: 30px 0 50px 0;}
.header_nrj_txt{padding: 50px;}
.header_nrj_txt h2{font-size: 30px;font-weight: 700;}
.header_nrj_txt h5{font-size: 18px;font-weight: 200; line-height: 30px;}
.header_nrj_txt p{ font-size: 16px; }
.header_nrj_txt i{font-size: 25px;margin-top: 10px;}
.header_nrj_img_int{background: url("../img/interna_naranja.jpg");height: 100%;background-position: center;background-repeat: no-repeat;background-size: cover;}
.header_vrd{margin: 30px 0 50px 0;}
.header_vrd_txt{padding: 50px;}
.header_vrd_txt h2{font-size: 30px;font-weight: 700;}
.header_vrd_txt i{font-size: 25px;margin-top: 10px;}
.header_vrd_txt p{ font-size: 16px; }
.header_vrd_img{}
.box_srv{border-top:1px solid #BBBBBB; padding: 50px 0; margin-top: 50px;}
.box_srv h3{font-size: 20px; text-transform: uppercase; font-weight: 700; color: #555555;}
.box_srv p{font-size: 14px; line-height: 24px; margin-right: 50px;}
.box_srv a{font-size: 14px; line-height: 24px; color:#F18903; }
/* Titulo naranjo, texto gris */
.box_desc_01{ padding: 10px 0 20px 0; }
.box_desc_01 h2{font-size: 30px; font-weight: 700; padding: 20px 0 0 0;}
.box_desc_01 h3{ color:#F18903; font-size: 16px; margin-bottom: 10px;line-height: 24px; }
.box_desc_01 p{color: #484848; font-size: 14px; line-height: 28px; margin-bottom: 20px}
.box_desc_01 p strong{font-weight: 700;}
/* Titulo blanco, texto blanco */
.box_desc_02{ padding: 40px 30px 30px 30px; margin-top: 50px; }
.box_desc_02 h2{font-size: 30px; font-weight: 700; padding: 20px 0 0 0; margin-bottom: 30px;}
.box_desc_02 h3{ color:#fff; font-size: 16px; margin-bottom: 20px;line-height: 24px; }
.box_desc_02 i{font-size: 16px;}
.box_desc_02 p{color: #fff; font-size: 14px; line-height: 28px;}
.box_desc_02 p strong{font-weight: 700;}
/* Titulo verde, texto gris */
.box_desc_03{ padding: 10px 0 20px 0; }
.box_desc_03 h2{font-size: 30px; font-weight: 700; padding: 20px 0 0 0;}
.box_desc_03 h3{ color:#CEDB01; font-size: 16px; margin-bottom: 10px;line-height: 24px; }
.box_desc_03 p{color: #484848; font-size: 14px; line-height: 28px; margin-bottom: 20px}
.box_desc_03 p strong{font-weight: 700;}
/* Titulo negro, texto negro */
.box_desc_04{ padding: 30px 0; }
.box_desc_04 h2{font-size: 30px; font-weight: 700; padding: 20px 0 0 0;}
.box_desc_04 h3{ color:#000; font-size: 16px; margin-bottom: 20px;line-height: 24px; }
.box_desc_04 p{color: #000; font-size: 14px; line-height: 28px;}
.box_desc_04 p strong{font-weight: 700;}
.analizamos{ padding:10px 50px 50px 0px; font-style: italic; text-align: left; line-height: 26px; font-size: 19px; }
.parallax_interna {background: url("../img/bg_parallax_c_interna.jpg");height: 300px;background-attachment: fixed;background-position: center;background-repeat: no-repeat;background-size: cover;}
.parallax_nosotros {background: url("../img/nosotros.jpg");height: 300px; padding:30px;background-attachment: fixed;background-position: center;background-repeat: no-repeat;background-size: cover;}
.parallax_nosotros div{background-color: rgba(0, 0, 0, 0.8);color: #fff;width: 50%;padding: 20px;margin: 50px;}
.parallax_nosotros h2{ font-size: 20px; line-height: 20px; font-weight: 700; }
.parallax_nosotros h4{ font-size: 14px; line-height: 20px; font-weight: 700; }
.parallax_nosotros h4 span{ font-size: 12px; line-height: 20px; font-weight: 300; }
.parallax_tangible{background: url("../img/tangible.jpg");height: 500px;background-attachment: fixed;background-position: center;background-repeat: no-repeat;background-size: cover;padding: 20px;}
.parallax_tangible div{background-color: rgba(0, 0, 0, 0.8);color: #fff;width: 50%;padding: 20px;margin: 50px;}
.parallax_experiencia{background: url("../img/experiencia.jpg");height: 500px;background-attachment: fixed;background-position: center;background-repeat: no-repeat;background-size: cover;padding: 20px;}
.parallax_experiencia div{background-color: rgba(0, 0, 0, 0.8);color: #fff;width: 50%;padding: 20px;margin: 50px;}
.parallax_rse{background: url("../img/rse.jpg");height: 500px;background-attachment: fixed;background-position: center;background-repeat: no-repeat;background-size: cover;padding: 20px;}
.parallax_rse div{background-color: rgba(255, 255, 255, 0.8);color: #000;width: 50%;padding: 20px;margin: 50px;}


@media (max-width: 575.98px) {
.carousel-caption {position: absolute;bottom: 0px;left: 0%;z-index: 10;padding-top: 0px;padding-bottom: 0px;color: #fff !important;text-align: center;background-color: rgba(0, 0, 0, 0.50);height: 100%;width: 100% !important;text-align: center;}
.carousel-caption p{font-size: 18px;padding: 40px 40px 0;color: #fff;}
.carousel-caption i{color: #fff;padding: 0px 50px 0px;}
.carousel-control-prev, .carousel-control-next{z-index: 1000000;}
.header_nrj{ margin: 30px 0 50px 0;}
.header_nrj_txt{padding: 20px;}
.header_nrj_txt h2{font-size: 25px;font-weight: 700;}
.header_vrd{margin: 30px 0 50px 0;}
.header_vrd_txt{padding: 20px;}
.header_vrd_txt h2{font-size: 25px;font-weight: 700;}
h2.titulo_izq {font-size: 25px; font-weight: 700; padding: 0px;}
h2.titulo_der {font-size: 25px; font-weight: 700; padding: 20px 20px 20px 0;}
.box_srv{border-top:1px solid #BBBBBB; padding: 20px 0 20px 0; margin-top: 30px;}
.analizamos{ padding:10px 50px 0px 0px; font-style: italic; text-align: left; line-height: 26px; font-size: 19px; }
.parallax_tangible div{background-color: rgba(0, 0, 0, 0.8);color: #fff;width: 100%;padding: 20px;margin: 0px;}
.parallax_experiencia div{background-color: rgba(0, 0, 0, 0.8);color: #fff;width: 100%;padding: 20px;margin: 0px;}
.parallax_rse div{background-color: rgba(255, 255, 255, 0.8);color: #000;width: 100%;padding: 20px;margin: 0px;}
.parallax_nosotros div{background-color: rgba(0, 0, 0, 0.8);color: #fff;width: 100%;padding: 20px;margin: 0px;}
.franja_contacto p{font-size: 18px;margin-bottom: 0; margin-top: 10px; float: right; margin-bottom: 20px;}
}

@media (max-width: 767.98px) {
.carousel-caption {position: absolute;bottom: 0px;left: 0%;z-index: 10;padding-top: 0px;padding-bottom: 0px;color: #fff !important;text-align: center;background-color: rgba(0, 0, 0, 0.50);height: 100%;width: 100% !important;text-align: center;}
.carousel-caption p{font-size: 18px;padding: 40px 40px 0;color: #fff;}
.carousel-caption i{color: #fff;padding: 0px 50px 0px;}
.carousel-control-prev, .carousel-control-next{z-index: 1000000;}
.header_nrj{ margin: 30px 0 50px 0;}
.header_nrj_txt{padding: 20px;}
.header_nrj_txt h2{font-size: 25px;font-weight: 700;}
.header_vrd{margin: 30px 0 50px 0;}
.header_vrd_txt{padding: 20px;}
.header_vrd_txt h2{font-size: 25px;font-weight: 700;}
h2.titulo_izq {font-size: 25px; font-weight: 700; padding: 0px;}
h2.titulo_der {font-size: 25px; font-weight: 700; padding: 20px 20px 20px 0;}
.box_srv{border-top:1px solid #BBBBBB; padding: 20px 0 20px 0; margin-top: 30px;}
.analizamos{ padding:10px 50px 0px 0px; font-style: italic; text-align: left; line-height: 26px; font-size: 19px; }
.parallax_tangible div{background-color: rgba(0, 0, 0, 0.8);color: #fff;width: 80%;padding: 20px;margin: 10%;}
.parallax_experiencia div{background-color: rgba(0, 0, 0, 0.8);color: #fff;width: 80%;padding: 20px;margin: 10%;}
.parallax_rse div{background-color: rgba(255, 255, 255, 0.8);color: #000;width: 80%;padding: 20px;margin: 10%;}
.parallax_nosotros div{background-color: rgba(0, 0, 0, 0.8);color: #fff;width: 80%;padding: 20px;margin: 10%;}
.franja_contacto p{font-size: 18px;margin-bottom: 0; margin-top: 10px; float: right; margin-bottom: 20px;}
}

@media (max-width: 991.98px) {
.carousel-caption {position: absolute;bottom: 0px;left: 0%;z-index: 10;padding-top: 0px;padding-bottom: 0px;color: #fff !important;text-align: center;background-color: rgba(0, 0, 0, 0.50);height: 100%;width: 100% !important;text-align: center;}
.carousel-caption p{font-size: 18px;padding: 40px 40px 0;color: #fff;}
.carousel-caption i{color: #fff;padding: 0px 50px 0px;}
.carousel-control-prev, .carousel-control-next{z-index: 1000000;}
.header_nrj{ margin: 30px 0 50px 0;}
.header_nrj_txt{padding: 20px;}
.header_nrj_txt h2{font-size: 25px;font-weight: 700;}
.header_vrd{margin: 30px 0 50px 0;}
.header_vrd_txt{padding: 20px;}
.header_vrd_txt h2{font-size: 25px;font-weight: 700;}
h2.titulo_izq {font-size: 25px; font-weight: 700; padding: 0px;}
h2.titulo_der {font-size: 25px; font-weight: 700; padding: 20px 20px 20px 0;}
.box_srv{border-top:1px solid #BBBBBB; padding: 20px 0 20px 0; margin-top: 30px;}
.analizamos{ padding:10px 0px 0px 0px; font-style: italic; text-align: left; line-height: 26px; font-size: 16px; }
.parallax_tangible div{background-color: rgba(0, 0, 0, 0.8);color: #fff;width: 80%;padding: 20px;margin: 10%;}
.parallax_experiencia div{background-color: rgba(0, 0, 0, 0.8);color: #fff;width: 80%;padding: 20px;margin: 10%;}
.parallax_rse div{background-color: rgba(255, 255, 255, 0.8);color: #000;width: 80%;padding: 20px;margin: 10%;}
.parallax_nosotros div{background-color: rgba(0, 0, 0, 0.8);color: #fff;width: 80%;padding: 20px;margin: 10%;}
.franja_contacto p{font-size: 18px;margin-bottom: 0; margin-top: 10px; float: right; margin-bottom: 20px;}
}

@media (max-width: 1199.98px) {
.carousel-item {height: 30vh;min-height: 300px;background: no-repeat center center scroll;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.portfolio-item {margin-bottom: 30px;}
.carousel-caption {padding-top: 10px;padding-bottom: 10px;}
.carousel-caption p{padding: 30px;}
}