/*
Theme Name: SUHEC
Author: Andres J. Villar - Creactiva
Author URI: https://creactivate.es
Description: Theme Wordpress
Version: 1.0
*/

:root {	
	--white: #ffffff;
	--black: #222222;
	--yellow: #ffc322;
	--red: #cf151b;
}
html, body{
	height: 100%;
}
body {
	background: #fff;
	font-family: 'Space Grotesk', sans-serif;
	font-size: 16px;
	color: #555;
	font-weight: normal;
	overflow-x: hidden;
}
.container, .container-fluid {
	width: 1200px;
	max-width: 100%;
	margin: 0 auto;
}
.container-fluid.ancho {
	width: 1440px;
	max-width: 100%;
}
.clear, .clearfix {
	display: block;
	clear: both;
}
.height10 {
	height: 10px;
}
.height20 {
	height: 20px;
}
.height30 {
	height: 30px;
}
.height50 {
	height: 50px;
}
img {
	max-width: 100%;
	height: auto;
}
.black {
	color: var(--black);
}
.white {
	color: var(--white);
}
.red {
	color: var(--red);
}
.yellow {
	color: var(--yellow);
}
.bg-black {
	background: var(--black);
}
.bg-white {
	background: var(--white);
}
.bg-red {
	background: var(--red);
}
.bg-yellow {
	background: var(--yellow);
}
a, button {
	transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}
a, a:hover, a:focus, a:active {
	text-decoration: none;
	color: var(--red);
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Space Grotesk', sans-serif;
	font-weight: bold;
}
h1, h2, h3 {
	line-height: 1.25em;
}
h4 {
	line-height: 1.4em;
}


/**** HEADER ****/
header {
	position: relative;
	z-index: 1000;
}
.top {
	padding-top: 7px;
	padding-bottom: 7px;
}
.top span {
	display: inline-block;
	padding-top: 6px;
}
.top span.texto {
	margin-right: 30px;
}
.search-top {
	position: relative;
	width: 200px;
	max-width: 100%;
	float: right;
}
.search-top input {
	width: 100%;
	background: #9a9a9a;
	color: var(--black);
	padding: 8px 45px 8px 15px;
	border-radius: 24px;
	border: none;
	outline: none;
}
.search-top button {
	-webkit-appearance: none;
	appearance: none;
	border: none;
	outline: none;
	background: transparent;
	position: absolute;
	top: 0;
	right: 10px;
	color: var(--black);
	padding: 8px 10px;
}
.top-logo {
	padding-top: 40px;
	padding-bottom: 30px;
}
.top-logo .logo {
	width: 200px;
}
.content-logo {
	position: relative;
	padding-left: 350px;
}
.content-logo .link-logo {
	display: inline-block;
	position: absolute;
	left: 15px;
	top:  0;
}
.datos-top {
	margin-top: 10px;
	position: relative;
	font-size: 14px;
	padding-left: 50px;
}
.datos-top img {
	position: absolute;
	left: 0;
	top: 1px;
}
.datos-top strong {
	display: block;
	color: #404040;
	font-size: 16px;
}
.navbar-default {
    background-color: var(--red);
    border-color: none;
    border: none;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
}
.navbar-default .navbar-nav li a {
	color: #ffffff;
	font-size: 17px;
	border: none;
	text-transform: uppercase;
	font-weight: normal;
	font-family: 'Space Grotesk', sans-serif;
	padding: 15px 32px;
}
.navbar-default .navbar-nav li.active a, .navbar-default .navbar-nav li a:hover,
.navbar-default .navbar-nav li a:focus {
	background: #b9131b !important;
	color: #ffffff;
}
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:focus, 
.navbar-default .navbar-nav > .active > a:hover {
    background: #b9131b !important;
	color: #ffffff;
}
.navbar-default .navbar-nav.navbar-right li a {
	background: var(--yellow) !important;
	-webkit-border-top-left-radius: 30px;
	-webkit-border-bottom-left-radius: 30px;
	-moz-border-radius-topleft: 30px;
	-moz-border-radius-bottomleft: 30px;
	border-top-left-radius: 30px;
	border-bottom-left-radius: 30px;
	border-left: 2px solid #fff;
}
.navbar-right {
    margin-right: 0;
}
.dropdown-menu {
	list-style-type: none !important;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover,
.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
    color: #ffffff !important;
    background-color: var(--red) !important;
}
.navbar-nav > li.submenu > .dropdown-menu {
	margin: 0;
	padding: 3px 0 0 0;
	list-style-type: none !important;
	background: #fff !important;
	margin-left: 0 !important;
	min-width: 200px;
}
.navbar-nav > li.submenu > .dropdown-menu li {
	margin: 0; 
	padding: 0;
}
.navbar-nav > li.submenu > .dropdown-menu li a {
	border-bottom: 1px solid #f0f0f0 !important;
	font-size: 15px !important;
	color: #000;
	font-weight: normal;
	padding: 12px 15px;
    display: block;
    background: #fff !important;
}
.navbar-nav > li.submenu > .dropdown-menu li a:hover {
	border-bottom: 1px solid #f0f0f0 !important;
	color: var(--red);
}
.navbar-collapse {
  width: 100%;
}
.container-menu.sticky {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	padding: 7px 0;
	background: #fff;
}

/**** HOME ****/
.cab {
	width: 100%;
	height: 360px;
	margin-top: -26px;
}
.cabgeneral {
	background: url(images/contacto5.jpg) no-repeat center center;
	background-size: cover;
}
.cabblog {
	background: url(images/cabblog.jpg) no-repeat center center;
	background-size: cover;
}
.cabcontacto {
	background: url(images/cabcontacto.jpg) no-repeat center center;
	background-size: cover;
}
.cabservicio {
	background: url(images/serv1.jpg) no-repeat center center;
	background-size: cover;
}
.cabservicio2 {
	background: url(images/serv2.jpg) no-repeat center center;
	background-size: cover;
}
.cabservicio3 {
	background: url(images/serv3.jpg) no-repeat center center;
	background-size: cover;
}
.cabservicio4 {
	background: url(images/serv4a.jpg) no-repeat center center;
	background-size: cover;
}
.cabservicio5 {
	background: url(images/serv5.jpg) no-repeat center center;
	background-size: cover;
}

.carousel-home {
	position: relative;
	z-index: 1;
	top: -25px;
}
.carousel-home .item {
	height: 700px;
	font-size: 26px;
	text-shadow: 0px 0px 4px #333333;
	font-weight: 300;
}
.carousel-home h1 {
	margin: 0 0 20px 0;
	padding: 0;
	text-transform: uppercase;
	color: var(--red) !important;
	text-shadow: 0px 0px 4px #ffffff;
}
.carousel-home .boton {
	text-shadow: none;
}
.carousel-home .container-fluid {
    position: absolute;
    color: #fff;
    z-index: 100;
    top: 0;
    left: 0;
    right: 0;
 	height:100%;
}
.carousel-home .row {
	height:100%;
} 
.carousel-home .col-sm-12 {
	height:100%;
	position: relative;
}
.content-carousel {
	position: absolute;
	bottom: 150px;
	left: 15px;
	width: 700px;
	max-width: 100%;
}
.content-carousel h1 {
	font-size: 48px;
}
.content-carousel .boton {
  display: inline-block;
  font-size: 16px;
  color: #fff !important;
  background: var(--yellow);
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 1px;
  padding: 12px 30px;
  border-radius: 8px;
}
.carousel-indicators .active {
    width: 16px;
    height: 16px;
    margin: 0 1px;
    background-color: var(--yellow);
    border: 1px solid #fff;
}
.carousel-indicators li {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 1px;
    background: rgba(255,255,255,0.8);
    border: 1px solid #ccc;
    border-radius: 20px;
}
.relative {
	position: relative;
}
.link-shop {
	display: none;
}
.mirow {
	margin: 0 -9px;
}
.col-5 {
	float: left;
	width: 20%;
	padding: 0 15px;
}
.mirow .col-5 {
	padding: 0 9px;
}
.cuadro {
	display: block;
	width: 100%;
	transition: all .2s;
	position: relative;
	background: #f7f7f7;
	color: #555;
	font-size: 15px;
	padding: 15px;
	height: 300px;
	overflow: hidden;
	margin-bottom: 30px;
}
@media(min-width:1400px) {
	.cuadro {
		height: 270px;
	}
}
.cuadro h4 {
	transition: all .2s;
}
.cuadro h4, .cuadro p {
	display: block;
	position: relative;
	z-index: 1;
}
.cuadro .esquina {
  width: 0; 
  height: 0; 
  border-left: 40px solid transparent;
  border-right: 40px solid transparent;
  border-top: 40px solid #ffffff;
  position: absolute;
  top: 0;
  right: -40px;
}
.cuadro .numero {
	position: absolute;
	bottom: -70px;
	left: 0;
	width: 100%;
	text-align: center;
	font-size: 130px;
	font-weight: 900;
	transition: all .2s;
	color: #e8e8e8;
}
.cuadro img {
	transition: all .2s;
}
.cuadro:hover img {
  	/* filter: grayscale(100%); */
  	filter: brightness(0) invert(1);
}
.cuadro:hover {
	background: var(--red);
	color: #fff;
}
.cuadro:hover h4 {
	color: #ffffff;
}
.cuadro:hover .numero {
	color: #f64a42;
}
h4 {
	font-size: 17px;
}
.cuadro h4 {
	color: var(--black);
}
.bg-grey {
	background: #f3f3f3;
}
.logo-fondo {
	background: url(images/logo-fondo.png) no-repeat right top;
}
.logo-fondo2 {
	background: url(images/logo-fondo2.png) no-repeat left top;
}
h3.titulo {
	margin-top: 0;
	padding-top: 0;
	margin-bottom: 0;
	padding-left: 26px;
	background: url(images/mini-logo.png) no-repeat left 8px;
	color: var(--red);
}
h3.titulow {
	margin-top: 0;
	padding-top: 0;
	margin-bottom: 0;
	padding-left: 26px;
	background: url(images/mini-logow.png) no-repeat left 8px;
	color: var(--white);
}
h3.titulob {
	margin-top: 0;
	padding-top: 0;
	margin-bottom: 0;
	padding-left: 26px;
	background: url(images/mini-logo2.png) no-repeat left 8px;
	color: #666;
}
h3.tituloblue {
	margin-top: 0;
	padding-top: 2px;
	margin-bottom: 0;
	padding-left: 26px;
	background: url(images/minilogoblue.png) no-repeat left 8px;
	color: #041a80;
}
.cita {
	border-left: 3px solid #041a80;
	padding-left: 20px;
}
h1 {
	font-size: 40px;
}
h2 {
	font-size: 36px;
}
.links-tabs a, .links-tabs a:hover, .links-tabs a:focus {
	display: block;
	border: 1px solid #d0d0d0;
	margin-bottom: 14px;
	padding: 13px 15px;
	color: #555;
	font-weight: 600;
}
.links-tabs a.active {
	background: var(--red) !important;
	color: #fff !important;
}
.fotocontenido {
	display: block;
	position: relative;
}
.fotocontenido img {
	width: 100%;
}
.fotocontenido::before {
	content: '';
	display: block;
	width: 0; 
  	height: 0; 
  	border-left: 40px solid transparent;
  	border-right: 40px solid transparent;
  	border-top: 40px solid #f7f7f7;
  	position: absolute;
  	top: 0;
  	right: -30px;
}
.textoscontenido h3 {
	margin-top: 0;
}
.textoscontenido ul {
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
}
.textoscontenido ul li {
	padding-left: 20px;
	background: url(images/li.png) no-repeat left 5px;
	background-size: 14px;
	margin-bottom: 4px;
}
.bg-search {
	background: url(images/bg-search.jpg) no-repeat center center;
	background-size: cover;
	color: #fff;
	padding-top: 50px;
	padding-bottom: 50px;
}
.filtros select {
	width: 100%;
	border-bottom: 1px solid #fff;
	border-left: none;
	border-top: none;
	border-right: none;
	color: #fff;
	padding: 5px;
	background: transparent;
	margin-bottom: 15px;
}
.filtros button {
	border: 1px solid #ffffff;
	padding: 10px 50px;
	color: #fff;
	outline: none;
	background: transparent;
}
.filtros button:hover {
	background: #ffffff;
	color: var(--red);
}
.familia {
	margin-bottom: 30px;
	display: block;
}
.familia h4 {
	font-size: 19px;
}
.callto {
	background: var(--yellow);
	padding: 30px 200px 30px 30px;
	position: relative;
}
.callto img {
  position: absolute;
  right: 60px;
  top: 60px;
}
.callto h3 {
	color: #fef9a8;
}
.callto a {
	display: inline-block;
	padding: 12px 30px;
	border: 1px solid #ff4901;
	color: #ff4901;
	margin-left: 100px;
}
.callto a:hover, .callto a:focus {
	background: #ff4901;
	color: #ffffff;
}
footer {
	background: #cf131b;
	color: #f0f0f0;
	padding-top: 50px;
}
.home footer {
	margin-top: -60px;
	padding-top: 120px;
}
footer a, footer a:hover, footer a:focus {
	color: #f0f0f0;
}
.contactfooter {
	padding-top: 20px;
}
.social a {
	display: inline-block;
	border: 1px solid #f0f0f0;
	text-align: center;
	width: 34px;
	height: 34px;
	line-height: 34px;
	border-radius: 4px;
	margin-right: 4px;
}
.social a:hover, .social a:focus {
	background: #f0f0f0;
	color: var(--red);
}
.copyright {
	background: #a60000;
	padding-top: 36px;
	padding-bottom: 30px;
	text-align: right;
	font-size: 15px;
}
.copyright span {
	display: inline-block;
	font-size: 11px;
	margin: 0 5px;
	position: relative;
	top: -3px;
}
.img-head {
	margin-top: 1px;
	width: 100%;
}
.formulario input[type="text"], .formulario input[type="email"] {
	border: 1px solid #d0d0d0;
	padding: 12px;
	margin-bottom: 20px;
	color: var(--black);
	width: 100%;
}
.formulario textarea {
	border: 1px solid #d0d0d0;
	padding: 12px;
	margin-bottom: 20px;
	color: var(--black);
	width: 100%;
	height: 250px;
}
label.terminos {
	font-weight: normal;
	font-size: 14px;
	position: relative;
	padding-left: 22px;
}
label.terminos input {
	position: absolute;
	left: 0;
	top: 0;
}
.formulario button {
	border: 1px solid var(--red);
	color: var(--red);
	padding: 12px 50px;
	background: #ffffff;
	text-transform: uppercase;
}
.formulario button:hover, .formulario button:focus {
	background: var(--red);
	color: #ffffff;
}
.alert {
	margin-bottom: 40px;
}
.contactos {
	position: relative;
	padding-left: 40px;
	margin-bottom: 22px;
}
.contactos img {
	position: absolute;
	top: 0;
	left: 0;
	width: 32px;
}
.contactos strong {
	color: var(--red);
}
.mapa {
	filter: grayscale(90%);
}
.mapa iframe {
	width: 100%;
	height: 400px;
}
.legal h4 {
	color: var(--black);
	margin: 30px 0 20px 0;
}
.paginacion a {
	display: inline-block;
	background: #fff;
	border: 1px solid #333;
	width: 24px;
	height: 24px;
	border-radius: 4px;
	margin: 0 3px;
	text-align: center;
	line-height: 22px;
	font-size: 14px;
}
.paginacion a.selected, .paginacion a.current, .paginacion a.active {
	background: #333;
	color: #fff;
}
.noticia {
	font-size: 15px;
}
.noticia strong {
	font-size: 16px;
}
.noticia .imgnoticia {
	display: block;
	width: 100%;
	height: 200px;
}
.noticia {
	margin-bottom: 30px;
	border: 1px solid #d0d0d0;
}
.meta {
	text-transform: capitalize;
	font-size: 14px;
	padding: 0 0;
	margin-bottom: 10px;
}
.meta a {
	color: var(--black) !important;
}
a.imgblog, img.wp-post-image {
  border: 1px solid #e9e9e9;
}
.imgblog {
	display: block;
	height: 300px;
	margin-bottom: 10px;
}
.articuloblog {
	padding: 15px;
	height: 210px;
	position: relative;
}
.articuloblog .continuar {
	position: absolute;
	right: 15px;
	bottom: 15px;
	color: #444;
}
.articuloblog .continuar:hover {
	color: var(--red);
}
img.flecha {
	opacity: 0.8;
	border: none !important;
	margin-left: 3px;
}
.modulo {
	padding: 15px;
	background: #f4f4f4;
	margin-bottom: 20px;
}
.entry-sidebar {
	position: relative;
	padding-left: 95px;
	min-height: 60px;
	font-size: 15px;
	padding-bottom: 18px;
	margin-bottom: 23px;
	border-bottom: 1px solid #e6e6e6;
}
.sidebar3 {
	border-bottom: none !important;
}
.entry-sidebar .imgsidebar {
	display: block;
	width: 80px;
	height: 65px;
	position: absolute;
	left: 0;
	top: 0;
}
.entry-sidebar a {
	color: #555;
}
.entry-sidebar a:hover {
	color: var(--red);
}
.modulo h3 {
	color: #606060;
	font-size: 18px;
	margin-bottom: 30px;
	margin-top: 0;
}
.linkcategoria {
	display: block;
	background: #ffffff;
	border: 1px solid #e6e6e6;
	padding: 10px;
	margin-bottom: 12px;
	position: relative;
	color: #444;
	font-size: 15px;
}
.linkcategoria:hover {
	color: var(--red);
}
.linkcategoria img {
	position: absolute;
	right: 10px;
	top: 17px;
	opacity: 0.8;
}
.contenido h2 {
	font-size: 28px;
	color: var(--black);
}
.contenido h3{
	font-size: 22px;
	color: var(--black);
	margin-top: 0;
}
.contenido h4{
	font-size: 18px;
	color: var(--black);
}
.contenido h5{
	font-size: 16px;
	color: var(--black);
}
.contenido h6{
	font-size: 14px;
	color: var(--black);
}
.alignleft {
	float: left;
	max-width: 50%;
	margin-right: 15px;
	margin-bottom: 15px;
}
.alignleft p.wp-caption-text {
	font-size: 0.9em;
	margin: 8px 0 0 0;
	line-height: 19px;
	font-size: 14px;
	font-style: italic;
}
.alignright {
	float: left;
	max-width: 50%;
	margin-right: 15px;
	margin-bottom: 15px;
}
.alignright p.wp-caption-text {
	font-size: 0.9em;
	margin: 8px 0 0 0;
	line-height: 19px;
	font-size: 14px;
	font-style: italic;
}
.breadc span {
	color: var(--black);
	font-size: 16px;
	font-weight: 500;
}
.titulo.db {
	display: inline-block;
	width: auto;
}
.linkserv {
	display: block;
	background-color: #fff;
	border: 1px solid #e0e0e0;
	padding: 10px 35px 10px 12px;
	color: #444 !important;
	font-size: 15px;
	background-image: url(images/flecha1.png);
	background-repeat: no-repeat;
	background-position: 95% 22px;
	background-size: 11px;
	margin-bottom: 10px;
}
.linkserv.activo {
	background: var(--red);
	color: #fff !important;
	background-image: none;
}
.content-service ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.content-service ul li {
	position: relative;
	padding-left: 34px;
	background: url(images/tic.png) no-repeat 5px 5px;
	background-size: 17px;
	margin-bottom: 10px;
}
.parallax1 {
	background: url(images/parallax1.jpg) no-repeat center center;
	background-size: cover;
	padding-top: 40px;
	color: #ffffff;
}
.texto-derecha {
	position: relative;
}
.bg1 {
	background: url(images/bg1.jpg) no-repeat center center;
	background-size: cover;
	position: absolute;
	left: 0;
	top: 0;
	width: 50%;
	height: 100%;
}
.slim {
	font-weight: normal;
}
.texto-derecha .textos {
	padding-top: 90px;
	padding-bottom: 90px;
}
.tabs {
	background: #f8f8f8;
}
.tabs a.linktab {
	display: inline-block;
	padding: 10px;
	color: #444 !important;
	border-top: 2px solid #fff;
}
.tabs a.linktab.activo {
	border-top: 2px solid var(--red);
	color: var(--red) !important;
	font-weight: bold;
}
.tabs span {
	display: inline-block;
	width: 1px;
	height: 20px;
	border-left: 1px solid #d0d0d0;
	position: relative;
	top: 5px;
}
.ingenieria {
	background: rgba(133,155,177,0.8);
	padding: 15px;
	color: #fff;
	display: inline-block;
	width: 250px;
	max-width: 100%;
	position: absolute;
	left: 20px;
	bottom: 20px;
}
.ingenieria h3 {
	font-size: 18px;
	margin: 5px 0;
}
.texto-izquierda {
	position: relative;
}
.bg2 {
	background: url(images/bg2.jpg) no-repeat center center;
	background-size: cover;
	position: absolute;
	right: 0;
	top: 0;
	width: 50%;
	height: 100%;
}
.texto-izquierda .textos {
	padding-top: 40px;
	padding-bottom: 40px;
}
.numeros {
	margin-bottom: 55px;
	padding-right: 15px;
}
.numeros .numero {
  color: var(--red);
  font-size: 20px;
  position: relative;
  padding-left: 62px;
  min-height: 44px;
}
.numeros .numero span {
  display: inline-block;
  font-weight: 900;
  font-size: 40px;
  text-align: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  line-height: 48px;
  color: #fff;
  margin-right: 8px;
  position: absolute;
  top: -7px;
  left: 0;
}
.parallax2 {
	background: url(images/parallax2.jpg) no-repeat center center;
	background-size: cover;
	color: #fff;
	padding-top: 50px;
}
.parallax2afilado {
	background: url(images/parallaxafilado.jpg) no-repeat center center;
	background-size: cover;
	color: #fff;
	padding-top: 50px;
}
.parallax3 {
	background: url(images/parallax3.jpg) no-repeat center center;
	background-size: cover;
	color: #fff;
	padding-top: 50px;
}
.parallax2 h4, .parallax2afilado h4 {
	padding-left: 15%;
	padding-right: 15%;
}
.parallax2 p, .parallax2afilado p {
	padding-left: 20%;
	padding-right: 20%;
	text-align: center;
}
.parallax2 .contacta, .parallax3 .contacta, .parallax4 .contacta, .parallax2afilado .contacta {
	display: inline-block;
	position: relative;
	padding: 13px 15px 13px 55px;
	text-align: center;
	color: #034d83 !important;
	background: rgba(255,255,255,0.8);
	border-radius: 6px;
	font-size: 18px;
	width: 260px;
	margin-top: 150px;
}
.parallax2 .contacta:hover, .parallax3 .contacta:hover, .parallax2afilado .contacta:hover  {
	background: rgba(255,255,255,1);
}
.parallax2 .contacta img, .parallax3 .contacta img, .parallax4 .contacta img, .parallax2afilado .contacta img {
	position: absolute;
	left: 20px;
	top: 30px;
	width: 40px;
}
.h4big {
	font-size: 22px;
}
.faqs {
	position: relative;
}
.faqs-bg {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 42%;
  background: url(images/faqs-bg.jpg) no-repeat center center;
  background-size: cover;
}
.ficha {
	padding: 15px 20px;
	margin-bottom: 3px;
}
.ficha .download {
	color: #444 !important;
}
.ficha .download img {
	width: 16px;
	margin-right: 4px;
}
.ficha .download .fa {
	margin-left: 4px;
}
.tituloficha {
	color: var(--red);
	display: block;
	font-weight: 500;
	margin-bottom: 8px;
}
.titulo-centrado img {
	margin-right: 7px;
	position: relative;
	top: -2px;
}
.faq-item {
    margin-bottom: 10px;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    text-align: left;
}

.faq-question {
    background-color: #f4f4f4;
    color: var(--black);
    padding: 15px 30px 15px 20px;
    cursor: pointer;
    position: relative;
    font-weight: normal;
}
.faq-question span {
	font-size: 18px;
	margin-right: 3px;
}

.faq-question .symbol {
    position: absolute;
    right: 20px;
    top: 15px;
    font-size: 20px;
    transition: transform 0.3s;
    font-weight: bold;
    color: var(--red);
}
.faq-answer {
    display: none;
    padding: 15px 20px;
    background-color: #f9f9f9;
    border-top: 1px solid #ddd;
    white-space: pre-line; /* Mantiene saltos de l铆nea */
}
.bg-serv2 {
	background: url(images/bgserv2.jpg) no-repeat center center;
	background-size: cover;
	padding-top: 40px;
}
.bg-serv3 {
	background: url(images/bgserv3.jpg) no-repeat center center;
	background-size: cover;
	padding-top: 40px;
}
.bg-serv4 {
	background: url(images/bgserv4a.jpg) no-repeat center center;
	background-size: cover;
	padding-top: 50px;
	padding-bottom: 10px;
	color: #fff;
}
.bg-serv5 {
	background: url(images/bgserv5.jpg) no-repeat center center;
	background-size: cover;
	padding-top: 40px;
	color: #fff;
}
.bg-serv5 {
	padding-top: 80px;
	padding-bottom: 40px;
}
.bg-serv5 .col-sm-5 {
	text-align: right;
	padding-top: 40px;
}
.bg-serv5 .col-sm-5 img {
	width: 210px;
}
.bg-serv4 strong {
	color: #0ddedb;
}
.bg-serv4 ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.bg-serv4 ul li {
	position: relative;
	padding-left:  30px;
	margin-bottom: 12px;
}
.bg-serv4 ul li::before {
	content: '';
	display: inline-block;
	width: 5px;
	height: 5px;
	background: #0ddedb;
	border-radius: 50%;
	position: absolute;
	left: 15px;
	top: 8px;
}
.serv-bloque2 span {
	display: block;
	position: relative;
}
.serv-bloque2 span::before {
	content: '';
	display: inline-block;
	background: url(images/mini-logo.png);
	width: 17px;
	height: 16px;
	margin-right: 5px;
	position: relative;
	top: 2px;
}
p {
	margin-bottom: 1.4em;
}
.texto-izquierda .bg3 {
	position: absolute;
	right: 0;
	top: 0;
	width: 50%;
	height: 100%;
	background: url(images/bg3.jpg) no-repeat center center;
	background-size: cover;
}
.texto-izquierda .bg4 {
	position: absolute;
	right: 0;
	top: 0;
	width: 50%;
	height: 100%;
	background: url(images/bg4.jpg) no-repeat center center;
	background-size: cover;
}
.servicio2 .tabs {
	margin-top: 50px;
}
.servicio2-image-tabs {
	position: relative;
}
.servicio3-image-tabs {
	position: relative;
}
.servicio2-image-tabs img, .servicio3-image-tabs img {
	width: 100%;
}
.servicio2-image-tabs .ingenieria {
	left: inherit;
	right: 35px;
	background: rgba(216,82,79,0.8);
}
.servicio3-image-tabs .ingenieria {
	left: inherit;
	bottom: inherit;
	top: 20px;
	right: 35px;
	background: rgba(216,82,79,0.8);
}
.servicio2-image-tabs .ingenieria span {
	display: block;
	font-size: 24px;
}
.proyecto1 {
	background-color: #f1f1f1;
	background-image: url(images/logo-fondo.png);
	background-repeat: no-repeat;
	background-position: right top;
	padding: 25px 18px 10px 18px;
	margin-bottom: 10px;
	background-size: 276px;
}
.proyecto2 {
	padding: 25px 18px 10px 18px;
	margin-bottom: 10px;
}
.proyecto3 {
	background-color: #f1f1f1;
	background-image: url(images/logo-fondo.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 25px 18px 10px 18px;
	margin-bottom: 10px;
	background-size: 276px;
}
.fichas {
	background: #f8f8f8;
	padding: 20px;
	margin-bottom: 30px;
}
.fichas img {
  opacity: 0.7;
  margin-bottom: 15px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  width: 100px;
}
a.block {
  display: block;
  width: 376px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
a.link-hojas-tecnicas {
	padding-left: 30px;
}
.links-fichas a {
	color: var(--black) !important;
}
.links-fichas a img {
	margin-right: 7px;
	width: 26px;
	position: relative;
	top: -2px;
}
a img.descargar {
	width: 22px;
	margin-left: 5px;
}
.links-fichas a .fa {
	color: var(--red) !important;
	margin-left: 5px;
}
.texto-izquierda2 {
	position: relative;
}
.texto-izquierda2 .bgservice4 {
	background: url(images/automatizaciones.jpg) no-repeat center center;
	background-size: cover;
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 42%;
}
.texto-izquierda2 .bgservice5 {
	background: url(images/bgservice5.jpg) no-repeat center center;
	background-size: cover;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 35%;
}
.bg-pink {
	background: #f9e5e4;
}
.blue {
	color: #021a73;
}
.product-auto {
  text-align: center;
  width: 370px;
  padding-left: 25px;
  padding-right: 25px;
  display: inline-block;
  margin-bottom: 40px;
}
.product-auto img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
}
.content-table {
	background: #f2f3fa;
	padding: 15px;
}
table {
	width: 100%;
}
table th {
	padding: 8px 10px 14px 10px;
}
table td {
	padding: 8px 10px;
}
table th {
	border-bottom: 1px solid #021a73;
	font-weight: bold;
	text-align: center;
	color: #021a73;
}
table td.border {
	border-right: 1px solid #021a73;
}
.owl2 .owl-nav  {
	display: none !important;
}
.owl2 .item a {
	display: block;
	text-align: center;
}
.owl-carousel .owl-item img {
  	display: block;
	width: auto !important;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.owl2 .owl-dots, .owl3 .owl-dots {
	display: block !important;
	margin-top: 15px;
	margin-bottom: 40px;
	text-align: center;
}
.owl-carousel button.owl-dot {
    background: #fff;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit;
    display: inline-block;
    width: 24px;
    height: 10px;
    border: 1px solid #c0c0c0;
    background: #c0c0c0;
    border-radius: 8px;
    margin: 10px 4px;
}
.owl-carousel button.owl-dot.active {
	background: var(--yellow);
	border: 1px solid var(--yellow);
}
.owl-carousel .owl-item h4 {
	font-size: 17px;
	font-weight: 600;
}

@media(min-width:767px) {
	.pleft {
		padding-left:50px;
	}
	.pright {
		padding-right:50px;
	}
	.breadc {
		text-align: right;
	}
	.floatright {
		float: right;
	}
}



@media(max-width:767px) {
	.top span.texto {
		display: none;
	}
	.texto-izquierda .textos {
  		padding-top: 0;
  		padding-bottom: 0;
	}
	.bg2 {
  		position: relative;
  		right: inherit;
  		top: inherit;
  		width: 100%;
  		height: 230px;
	}
	.numeros .numero {
 		margin-bottom: 30px;
	}
	.parallax2 .contacta {
  		margin-top: 0;
  		margin-left: auto;
  		margin-right: auto;
  		display: block;
  		margin-bottom: 50px;
	}
	.parallax2 h4 {
	  padding-left: 11%;
	  padding-right: 11%;
	}
	.parallax2 p {
  		padding-left: 10%;
  		padding-right: 10%;
  	}
  	.faqs-bg {
	  display: none;
	}
	.texto-izquierda .bg3, .texto-izquierda .bg4 {
		display: none;
	}
	.servicio2 .tabs {
  		margin-top: -20px;
	}
	.bg-serv5 {
  		padding-top: 60px;
  		padding-bottom: 0px;
	}
	.bg-serv5 .col-sm-5 {
	  text-align: left;
	  padding-top: 0;
	  margin-bottom: 20px;
	}
	.texto-izquierda2 .bgservice5 {
  		position: relative;
  		top: inherit;
  		left: inherit;
  		height: 200px;
  		width: 100%;
	}
	.otroservicios {
		display: none;
	}
	.carousel-home .item {
		font-size: 20px;
	}
}



@media(max-width:1120px) {
	.content-logo {
  		padding-left: 210px;
	}
}

@media(max-width:991px) {
	.datos-top {
    	float: right;
    	width: 330px;
    	margin-top: 0;
  	}
	.datos-top-hidden {
		display: none;
	}
	.navbar-default .navbar-nav li a {
  		padding: 15px 24px;
  	}
  	.col-5 {
  		float: none;
  		width: 500px;
  		max-width: 100%;
  		margin-left: auto;
  		margin-right: auto;
  	}
  	.cuadro {
  		height: 250px;
  	}
  	.callto {
 		padding: 30px;
  	}
  	.callto img {
	  position: relative;
	  right: inherit;
	  top: inherit;
	  margin-left: auto;
	  margin-right: auto;
	  display: block;
	  margin-top: 20px;
	}
	.callto a {
  		margin-left: 0;
	}
}

@media(max-width:767px) {
	.navbar-toggle {
		padding: 2px;
  		background: transparent !important;
  		color: var(--yellow);
  		font-size: 24px;
  		border: none;
    }
    .navbar-right {
    	display: none;
    }
    .navbar-header {
    	height: 54px;
    }
    .link-shop {
    	display: inline-block;
    	position: absolute;
    	left: 15px;
    	top: 0;
    	z-index: 9999;
    	background: var(--yellow);
	    height: 54px;
	    padding: 15px 30px;
    	color: #fff !important;
    	-webkit-border-top-right-radius: 30px;
		-webkit-border-bottom-right-radius: 30px;
		-moz-border-radius-topright: 30px;
		-moz-border-radius-bottomright: 30px;
		border-top-right-radius: 30px;
		border-bottom-right-radius: 30px;
		border-right: 2px solid #fff;
  	}
  	.content-carousel {
	 	left: 0;
	  	width: 100%;
	  	padding-left: 15px;
	  	padding-right: 15px;
	}
	.carousel-home .item {
  		height: 500px;
	}
	.content-carousel h1 {
  		font-size: 42px;
	}
	h1 {
		font-size: 36px;
	}
	h2 {
  		font-size: 32px;
	}
	.links-tabs a, .links-tabs a:hover, .links-tabs a:focus {
  		margin-bottom: 8px;
  		padding: 11px 15px;
  	}
  	.bg1 {
  		display: none;
  	}
  	.texto-derecha .textos {
  		padding-top: 0;
  		padding-bottom: 0;
	}
}

@media(max-width:598px) {
	.datos-top {
		display: none;
	}
	.content-logo .link-logo {
  		display: inline-block;
  		position: relative;
  		left: inherit;
  		top: inherit;
	}
	.content-logo {
    	padding-left: 15px;
    	text-align: center;
  	}
  	.h3, h3 {
  		font-size: 22px;
	}
	.h4big {
		font-size: 20px;
	}
	.articuloblog {
	  height: auto;
	}
	.articuloblog .continuar {
	  position: relative;
	  right: inherit;
	  bottom: inherit;
	  text-align: right;
	  display: block;
	  margin-top: 25px;
	}
	.cab {
		height: 180px;
	}
	.numeros .numero {
	 	min-height: 35px;
	}
	.texto-izquierda2 .bgservice4 {
  		position: relative;
  		top: inherit;
  		right: inherit;
  		height: 200px;
  		width: 100%;
	}
	.numeros .numero {
    	margin-bottom: 10px;
  	}
}

@media(max-width:498px) {
	.content-carousel {
		bottom: 80px;
	}
	.content-carousel h1 {
    	font-size: 36px;
  	}
  	h1 {
  		font-size: 32px;
  	}
  	h2 {
  		font-size: 28px;
	}
	.copyright {
		text-align: left;
	}
	.copyright a {
		white-space: nowrap;
	}
	.imgblog {	
		height: 250px;
  	}
	.alignleft, .alignright {
		float: none;
		max-width: 100%;
		margin-right: 0;
		margin-left: 0;
	}
}


@media(min-width:767px) {
	.developer {
		text-align: right;
	}
}