/* font-family: 'Roboto', sans-serif; */
/* font-family: 'Roboto Slab', serif; */

/* body */
body {font-family: 'Roboto Slab', serif; font-weight: 400;}
h1, h2, h3, h4, h5, h6 {font-family: 'Roboto', sans-serif; font-weight: 400;}
a:hover {text-decoration: none;}
.form-control {border-radius: 0px;}

.p-r-0 {padding-right: 0 !important;}
.p-l-5 {padding-left: 5px !important;}
.p-0 {padding: 0 !important;}

/* header */
header {background: rgba(255,255,255,0.9); min-height: 100px; margin-top: 15px; position: absolute; top: 15px; width: 100%; padding: 15px 0px 0 15px;}
.headerContainer {/*min-height: 100px;*/ position: relative; z-index: 20;}
.link-areaclientes {position: absolute; right: 0px; top: -25px; background: #000; color: #fff; padding: 4px; text-align: right; font-size: 10px; font-family: 'Roboto', sans-serif;}
.link-areaclientes a {color: #c5c5c5; text-decoration: none}
.link-areaclientes:hover {background: #e41247;}
.link-areaclientes:hover a {color: #fff; text-decoration: none}
.li-link-areaclientes {font-weight: bold; border-top: 1px solid #c5c5c5;}
.datoscontacto {position: absolute; top: 10px; right: 30px; text-align: right; font-family: 'Roboto', sans-serif; font-weight: 400; color: #777; font-size: 14px; z-index: 3}
.datoscontacto a {color: #333; margin-left: 10px;}
.datoscontacto a:hover {color: #e41247; text-decoration: none;}
.datoscontacto span {color: #a5a5a5;}
.idioma {margin-left: 10px; margin-right: 5px;}
.navbar-default {
    background-color: transparent;
    border: none;
    font-family: 'Roboto', sans-serif; font-weight: 300;
}
.navbar-brand {
    float: left;
    height: auto;
    padding: 0; 
    font-size: 18px;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #e41427;
    background-color: transparent;
    border-bottom: 4px solid #e41427;
}
.navbar {margin-bottom: 0px;}
.nav.navbar-nav {margin-top: 31px;}
#navbar-principal {padding-right: 0px;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    color: #333;
    background-color: transparent;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #e41427;
    outline: 0;
}
.dropdown-menu-right {opacity: 0.8;}

.iso-ohsas {position: absolute; right: 0px; bottom: -230px;}
.iso-ohsas img {height: 90px; width: auto;}


/* home */
section.slide {height: 800px; /*margin-top: -135px; margin-bottom: -90px;*/}
.banner-formacion {margin-top: 30px; margin-bottom: 30px;}

/* parallax */
.parallax-window {
    min-height: 800px;
    background: transparent;
    /*background-color: rgba(0,0,0,0.6);*/
    overflow: hidden;
    /*margin-top: -135px;
    position: relative;*/
}
.parallax-mirror {background-color: rgba(0,0,0,1);}
.parallax-mirror img {opacity: 0.6}


#carousel-home .item {background-size: cover !important; height: 800px; /*margin-top: -135px;*/}
.overlay {width: 100%; height: 800px; background: rgba(0,0,0,0.4); /*position: absolute; top: 0px; left: 0;*/ display: none;}
#carousel-home .item .carousel-caption {padding-bottom: 90px; bottom: auto; top: 50%;}
#carousel-home .item .carousel-caption p {font-size: 24px; font-family: 'Roboto', sans-serif; font-weight: 400; color: #fff;}
#carousel-home .item .carousel-caption p strong {font-size: 36px; font-weight: 400;}
.parallax-window .carousel-caption {padding-bottom: 90px; bottom: 30%;}
.parallax-window .carousel-caption p {font-size: 24px; font-family: 'Roboto', sans-serif; font-weight: 400; color: #fff;}
.parallax-window .carousel-caption p strong {font-size: 36px; font-weight: 400;}

.presentacion {margin-top: 40px;}
h1 {color: #e41247; font-size: 30px; margin: 0 0 20px 0;}
p {font-weight: 300; color: #666; font-size: 16px;}
.presentacion .in {border: 1px solid #e5e5e5; padding: 15px;}
.presentacion .in h2 {font-family: 'Roboto Slab', serif; font-weight: 400; color: #666; margin: 0 0 20px -15px; padding:8px 8px 8px 15px; border-left: 4px solid #e5e5e5; font-size: 20px;}
.presentacion .in strong {display: block; float: left; font-size: 42px; color: #57ba15; padding: 0 15px 15px 0; margin-top: -8px;}
.presentacion .in p {clear: both;}
.presentacion img{margin: 25px 0;}

/* servicios home */
.servicioshome {background: url(../img/bg-bloc-servicios.jpg) center center no-repeat; background-size: cover; background-color: #000; padding: 30px 0;}
.servicioshome h3 {color: #e41247; margin: 0 0 15px 0;}
.servicioshome p {color: #c5c5c5;}
.servicioshome .row {margin-bottom: 20px;}

.miniservicio .miniservicio-foto {margin-bottom: 15px;}
.miniservicio a h4, .miniservicio h4 {margin-top: 8px; color: #fff; margin-bottom: 8px; font-weight: 300}
.miniservicio p {font-size: 14px; color: #c5c5c5;}

.miniservicio .caption {
    opacity: 0.70;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.miniservicio:hover .caption {
    opacity: 1;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.miniservicio-foto {
    position: relative;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.miniservicio:hover .overlay-red {
    position:absolute; top: 0px; left: 0px; background: #e41247; opacity: 0.8; width: 100%; height: 100%; z-index: 2;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}
.page-servicios-auxiliares .miniservicio:hover .overlay-red {
    opacity: 0;
}
.miniservicio:hover .overlay-blue {
    position:absolute; top: 0px; left: 0px; background: #1a82c2; opacity: 0.8; width: 100%; height: 100%; z-index: 2;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}
.page-servicios-auxiliares .miniservicio:hover .overlay-blue {
    opacity: 0;
}
.overlay-red i, .overlay-blue i {
    position: absolute; top: 30%; left: 50%; font-size: 90px; color: #fff; margin-left: -35px; margin-top: -35px; display: none;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.miniservicio:hover i {
    display: block; top: 50%;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.servicioshome hr {opacity: 0.2;}

.homeinsiber h5 {font-size: 18px; color: #1a82c2; margin-bottom: 15px; font-family: 'Roboto Slab', serif; font-weight: 300;}
.homeinsiber p {font-size: 14px;}
.homeinsiber li {color: #c5c5c5; margin-bottom: 8px; font-weight: 300;}
.homeinsiber li i {margin-right: 6px; color: #1a82c2;}

.dossier {margin: 40px 0 40px 0;}
.dossier h3 {color: #e41247; font-size: 20px; margin-bottom: 15px; margin-top: 0px;}
.dossier p {font-size: 14px;}
.dossier i {font-size: 48px;}
.dossier a {color: #e41247; font-size: 12px; padding-left: 20px; display: block; text-align: center;}
.dossier a i {color: #c5c5c5; margin: auto;}

.actualidadhome {background: #f5f5f5; padding: 40px 0;}

.mininoticia {margin-bottom: 20px; /**/ min-height: 620px;}
.mininoticia h4 {font-size: 12px; color: #999; margin: 0 0 8px 0;}
.mininoticia h5 {font-size: 18px; color: #333; margin: 0 0 12px 0;}
.mininoticia h5 a {color: #333;}
.mininoticia p {font-size: 14px;}
.mininoticia p a {color: #e41247; font-size: 12px; font-weight: 400;}

/* footer */
.logos {padding: 40px 0;}
footer {background: #000; padding: 40px 0;}
footer ul {margin: 0; padding: 0; }
footer ul li a {color: #c5c5c5; font-size: 12px; font-weight: 300;}
footer ul li a:hover, footer ul li a:active, footer ul li a:focus {color: #f5f5f5; text-decoration: none;}
.direccionesfooter hr {opacity: 0.3;}
.direccionesfooter h6 {color: #c5c5c5; font-size: 16px;}
.direccionesfooter p {font-size: 14px;}
.direccionesfooter a {color: #666; font-weight: 300;}
.direccionesfooter a:hover {color: #fff;}
.studiogenesis a, .studiogenesis a:hover {color: #999; font-size: 12px; text-decoration: none;}
.studiogenesis img {margin-right: 8px;}


/* clientes */
.minicliente .caption {border-top: 1px solid #e5e5e5; padding-top: 10px; text-align: center;}
.minicliente .caption h4 {font-weight: 300; color: #666; font-size: 14px; margin-bottom: 0px;}
.minicliente .caption a {font-size: 12px; color: #e41247; text-decoration: none;}
.minicliente img {margin: auto;}

/* empresa */
strong.red {color: #e41247;}
.miembro {text-align: center;}
.miembro img {
    border: 2px solid #e5e5e5; margin-bottom: 15px;
    -webkit-filter: grayscale(1);
    -webkit-filter: grayscale(100%);
    filter: gray;
    filter: grayscale(100%);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.miembro:hover img {
    border: 2px solid #e41247;
    -webkit-filter: grayscale(0);
    -webkit-filter: grayscale(0%);
    filter: gray;
    filter: grayscale(0%);
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}
.miembro p {font-size: 12px; margin: 0 0 4px 0;}
.miembro strong {color: #e41247; font-size: 14px;}
.miembro a {color: #666;}
.miembro a:hover {text-decoration: none; color: #e41247;}
.page-empresa h2, .page-trabaja h2, .page-servicio-ingenieria h2 {font-family: 'Roboto Slab', serif; font-weight: 300; color: #333; font-size: 18px; line-height: 24px;}
hr.red {border: 1px solid #e41247;}

section.equipo {margin: 40px 0px; padding: 40px 0; background: #f5f5f5;}
section.equipo h3 {color: #e41247; text-align: center; margin-top: 0px;}
section.equipo h4 {color: #666; text-align: center;}
section.equipo .row {margin-bottom: 30px;}

section.organigrama {margin: 40px 0 80px 0; padding: 40px 0; border-bottom: 1px solid #e5e5e5;}
section.organigrama h3 {color: #e41247; text-align: center; margin-top: 0px;}
section.organigrama h4 {color: #666; text-align: center; margin-bottom: 30px;}
section.organigrama .img-responsive {margin: 0 auto;}

/* servicios */
.page-servicios h2 {font-family: 'Roboto Slab', serif; font-weight: 300; color: #333; font-size: 18px; line-height: 24px;}
.presentacion ul {margin-top: 15px; font-size: 16px; font-weight: 300;}
.presentacion ul li {margin-bottom: 10px;}
.presentacion ul li i {color: #e41247; margin-right: 8px;}
.page-servicios .servicioshome {margin: 40px 0 0 0;}
.insiber {background: #f5f5f5; padding: 40px 0;}
.insiber h4 {color: #1a82c2; font-family: 'Roboto Slab', serif; font-weight: 300; font-size: 18px; line-height: 24px;}
.insiber p {font-size: 14px;}
.insiber li {color: #1a82c2; margin-bottom: 8px; font-weight: 300;}
.insiber li i {margin-right: 6px; color: #1a82c2;}
.insiber .miniservicio h4 {color: #333;}
.insiber .miniservicio p {color: #666;}

/* servicio energia */
.in-blue {background: #1a82c2; padding: 20px; color: #fff;}
.in-blue h3 {font-family: 'Roboto Slab', serif; font-weight: 400; font-size: 18px; margin-top: 0;}
.in-blue p {color: #fff; opacity: 0.9; font-weight: 300;}
.page-servicio-energia h1 {color: #1a82c2;}
.page-servicio-energia h2 {font-family: 'Roboto Slab', serif; font-weight: 300; color: #333; font-size: 18px; line-height: 24px;}
.page-servicio-energia .servicioshome {margin: 40px 0;}
.page-servicio-energia .servicioshome h3 {color: #1a82c2;}
.page-servicio-energia .servicioshome p span {color: #1a82c2;}
.contacta-servicio {margin-bottom: 40px; padding-bottom: 40px; padding-top: 30px; border-bottom: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5;}
.contacta-servicio:hover {background: #f5f5f5;}
form .checkbox a {color: #333; text-decoration: underline;}
form {font-family: 'Roboto', sans-serif; font-weight: 300; color: #333;}
form label {font-weight: 400;}
form .btn-danger {border-radius: 0px; padding-left: 50px; padding-right: 50px; margin-top: 15px;}
.responsable img {margin-top: 150px; padding-bottom: 1px; border-bottom: 2px solid #e5e5e5; margin-bottom: 15px;}
.responsable p {font-size: 12px; margin-bottom: 2px;}
.responsable strong {font-weight: 400; font-size: 14px;}
.responsable em {font-size: 12px;}
.responsable a {color: #666;}
.responsable a:hover {color: #e41247; text-decoration: none;}
.page-servicio-energia .dossier h3, .page-servicio-energia .dossier a {color: #1a82c2;}

/* servicios auxiliares */
.page-servicios-auxiliares .servicioshome {margin: 40px 0;}
.porque-ssaa h3 {margin: 0 0 20px 0; font-size: 20px;}
.porque-ssaa li {list-style: circle; color: #666; margin-bottom: 12px; font-size: 16px; font-weight: 300;}
.porque-ssaa strong {font-weight: 400;}
.porque-ssaa ul {padding-left: 20px; }

/* instalaciones electricas */
.box-mantenimiento {background: url(../img/bg-mantenimiento.jpg) top left no-repeat; margin: 20px 0;}
.page-climatizacion .box-mantenimiento {background: url(../img/bg-mantenimiento-clima.jpg) top left no-repeat;}
.page-mecanica .box-mantenimiento {background: url(../img/bg-mantenimiento-mecanica.jpg) top left no-repeat;}
.box-especialidades {background: url(../img/bg-especialidades.jpg) top left no-repeat; margin: 20px 0;}
.page-climatizacion .box-especialidades {background: url(../img/bg-especialidades-clima.jpg) top left no-repeat; margin: 20px 0;}
.page-mecanica .box-especialidades {background: url(../img/bg-especialidades-mecanica.jpg) top left no-repeat; margin: 20px 0;}
.montaje {/*background: url(../img/bg-montaje.jpg) center center no-repeat; background-size: cover;*/ margin: 20px 0;}
.box-zonas {background: url(../img/bg-zonas.jpg) top right no-repeat; margin: 20px 0;}

.bgwhite {margin: 30px 0; padding: 20px; background: #fff; border-bottom: 2px solid #e41247;}
.bgwhite h3 {font-size: 18px; color: #e41247; margin-top: 0px;}
.bgwhite p {font-size: 14px;}
.bgwhite li {color: #e41247; font-weight: 300;}
.bgwhite i {margin-right: 5px;}

/* responsabilidad social corporativa */
.page-responsabilidad h1 {font-size: 24px; text-align: right; padding-bottom: 20px; border-bottom: 2px solid #e41247;}
.isos {background: url(../img/bg-iso.jpg) center center no-repeat; background-size: cover; margin: 40px 0;}
.bgred {background: #e41247; padding: 20px; margin: 40px 0;}
.bgred .btn {white-space: inherit !important;}
.bgred h3 {margin-top: 0px; color: #fff;}
.bgred p {color: #fff;}
.m-t-iso {margin-top: 60px;}
.m-t-iso img {margin: 0 10px; height: 90px; float: right;}
.box-proveedores {background: url(../img/bg-proveedores.jpg) top right no-repeat; margin: 20px 0; min-height: 250px;}
.box-trabajadores {background: url(../img/bg-trabajadores.jpg) top left no-repeat; margin: 20px 0;}
.box-sociedad {background: url(../img/bg-sociedad.jpg) top left no-repeat; margin: 20px 0;}
.medioambiente {background: url(../img/bg-medioambiente.jpg) center center no-repeat; background-size: cover;}
.btn-outline {background: transparent; border-color: #fff; color: #fff; border-radius: 0px; font-family: 'Roboto', sans-serif; padding: 15px 30px;}
.btn-outline:hover {background: #fff; color: #e41247;}

/* contacta */
.page-contacta address {padding: 0 15px; border-left: 3px solid #e41248; font-size: 14px; margin-bottom: 30px;}
.page-contacta address p {font-size: 14px;}
.page-contacta address strong {color: #e41247;}
.page-contacta address a, .page-contacta address a:hover {color: #e41247; text-decoration: none;}
.page-contacta .contacta-servicio {padding: 40px 0;}
.page-contacta section.slide {margin-bottom: -40px;}
#mapa-general {height: 800px; margin: 0; padding: 0;}
.page-contacta .headerContainer {min-height: 0px;}
.trabaja{background-color: #f5f5f5; padding: 15px; margin-bottom: 15px;}
.trabaja h3{margin: 0 0 10px; color:#e41247; font-size: 20px}
.trabaja a, .btn-outline-red { border:1px solid #e41247; color:#e41247 !important; text-align: center; padding: 10px 30px; text-transform: uppercase; display: inline-block;   }

/* modals */
.modal p {font-size: 14px;}

/* noticias */
.page-actualidad .carousel-caption {padding-bottom: 0px !important; top: 70% !important;}
.page-actualidad .slide {height:400px;}
.page-actualidad #carousel-home .item {background-size: cover !important; height: 510px; margin-top: -135px;}
.listadoNoticias {padding-top: 30px; padding-bottom: }
.listadoNoticias h3 {color: #e41247; margin: 0 0 15px 0;}
.listadoNoticias .row {margin-bottom: 20px;}

.mininoticia .mininoticia-foto {margin-bottom: 15px;}
.mininoticia a, .mininoticia a:hover {text-decoration: none;}
.mininoticia a h4, .mininoticia h4 {margin-top: 8px; color: #e41247; margin-bottom: 8px; font-weight: 300; font-size:16px;}
.mininoticia a h6 {font-size: 14px; color: #333;}
.mininoticia p {font-size: 12px; color: #666;}
.mininoticia p a {color: #e41247;}
.mininoticia p.tags {padding-top: 8px; border-top: 1px solid #e5e5e5;}
.mininoticia p.tags a  {color: #999; text-decoration: none; font-size: 10px; text-transform: uppercase; font-family: 'Roboto', sans-serif;}
.mininoticia p.tags a:hover {color: #666; text-decoration: none;}
.mininoticia .fecha {color: #999; font-size: 12px; font-family: 'Roboto', sans-serif;}

.mininoticia-foto {position: relative;}
.mininoticia:hover .overlay-red {position:absolute; top: 0px; left: 0px; background: #e41247; opacity: 0.8; width: 100%; height: 100%; z-index: 2}
.page-servicios-auxiliares .mininoticia:hover .overlay-red {opacity: 0;}
.mininoticia:hover .overlay-blue {position:absolute; top: 0px; left: 0px; background: #1a82c2; opacity: 0.8; width: 100%; height: 100%; z-index: 2}
.page-servicios-auxiliares .mininoticia:hover .overlay-blue {opacity: 0;}
.overlay-red i, .overlay-blue i {position: absolute; top: 30%; left: 50%; font-size: 90px; color: #fff; margin-left: -35px; margin-top: -35px; display: none;}
.mininoticia:hover i {display: block; top: 50%;}

.listadoNoticias hr {opacity: 0.2;}

.masnoticias {margin-top: 50px;}
.masnoticias a {color: #e41247; font-family: 'Roboto', sans-serif; font-size: 11px;}

.noticiaprincipal .in {background: #e41247; padding: 20px; margin-left: -40px; margin-top: 15px;}
.noticiaprincipal .fecha {color: #fff; opacity: 0.7; font-size: 12px; font-family: 'Roboto', sans-serif;}
.noticiaprincipal h3 a {color: #fff; font-family: 'Roboto', sans-serif; font-size: 18px; line-height: 21px;}
.noticiaprincipal p {color: #fff; margin-bottom: 15px; font-size: 14px;}
.noticiaprincipal hr {opacity: 0.4; margin-top: 8px; margin-bottom: 8px;}
.noticiaprincipal p a {color: #fff; text-decoration: underline;}
.noticiaprincipal p.tags a {color: #fff; opacity: 0.8; text-transform: uppercase; font-size: 10px; font-family: 'Roboto', sans-serif; text-decoration: none; margin-right: 5px;}

.lanoticia {padding-bottom: 80px; border-bottom: 2px solid #e5e5e5;}
.lanoticia .col-md-12 img {margin-bottom: 40px; padding-bottom: 1px; border-bottom: 1px solid #e5e5e5;}
.lanoticia .fecha {font-size: 12px; font-family: 'Roboto', sans-serif; color: #999;}
.lanoticia h1 {font-size: 36px;}
.lanoticia h2 {font-size: 22px; color: #666;}
.lanoticia p.tags a {color: #999; text-transform: uppercase; margin-right: 10px; font-size: 11px; font-family: 'Roboto', sans-serif;}

.volver, .volver:hover, .volver:focus {color: #e41247; text-decoration: none;}

.dropdown-menu>li>a.destacat {
    color: red!important;
}


/* formacion */
.page-formacion .box-mantenimiento {background: url(../img/bg-formacion-1.jpg) top left no-repeat;}
.page-formacion .box-zonas {background: url(../img/bg-formacion-2.jpg) top right no-repeat;}
.bonificacion {background: #e41247; padding: 25px 0; color: #fff; margin-bottom: 30px;}
.bonificacion p {color: #fff;}


/* trabaja */
.list-areas li {float: left; width: 50%; font-size: 14px;}





/*nuevos*/

.crecimiento-constante .in {border: 1px solid #e5e5e5; padding: 15px; margin:3rem 0 4rem 0;}
.crecimiento-constante .in h2 {font-family: 'Roboto Slab', serif; font-weight: 400; color: #666; margin: 0 0 20px -15px; padding:8px 8px 8px 15px; border-left: 4px solid #e5e5e5; font-size: 20px;}
.crecimiento-constante .in strong {display: block; float: left; font-size: 42px; color: #57ba15; padding: 0 15px 15px 0; margin-top: -8px;}
.crecimiento-constante .in p {clear: both;}
.crecimiento-constante .numeros{border-right: 1px solid #e5e5e5;}
.crecimiento-constante .contratos-grafica{border-top: 1px solid #e5e5e5;}
.crecimiento-constante .contratos-grafica h3{font-size: 36px;font-weight: 700;color: #666;text-align: center;padding: 1rem 0;}
.crecimiento-constante .contratos-grafica h3 strong{color: #000;display: initial;float: none;}
.crecimiento-constante .contratos-grafica p{font-size: 18px;color: #333333;text-transform: uppercase;text-align: center;margin-top: 2rem;font-weight:400;}
.crecimiento-constante .contratos-grafica img{display: block;margin: 0 auto;}
.crecimiento-constante h3{color: #666;font-size: 30px;text-transform: uppercase;font-family: 'Roboto Slab', serif;font-weight: 700;}
.crecimiento-constante span{font-size: 42px;color: #5ebe1f;font-weight: 700;}
.crecimiento-constante span small{font-size: 14px;color: #666;float: left;font-weight: 400;margin-bottom: 2rem;}
.presentacion img{margin: 0;}


.navbar-header a{display: inline-block;}
.navbar-header img{margin-top: -2.3rem;display: inline-block;}
/*5 columnas*/
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
.col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}


/* mobile vertical */
@media screen and (max-width: 479px) {

    header {margin-top: 0px; top: 0px;}
    .navbar-brand>img {width: 135px; margin-top: 20px;}
    .navbar-toggle {margin-top: 40px !important;}
    .datoscontacto {right: 15px;}
    #carousel-home .item .carousel-caption p {font-size: 16px; line-height: 120%;}
    #carousel-home .item .carousel-caption p strong {font-size: 20px;}
    section.slide {height: 600px; margin-bottom: 0px;}
    #carousel-home .item {height: 600px;}
    #carousel-home .item .carousel-caption {padding-bottom: 0px; top: 70%;}
    .servicioshome {margin-top: 20px;}
    .miniservicio {margin-bottom: 40px;}
    .miniservicio-foto img {width: 100%;}
    .li-servicios {float: left !important; z-index: 2;}
    .navbar-default .navbar-collapse, .navbar-default .navbar-form {border: none;}
    #navbar-principal {padding-right: 15px; width: 100%; padding-left: 0px;}
    .dropdown-menu.dropdown-menu-right {
    position: relative;
    width: 100%;
    background: transparent;
    border: none;
    box-shadow: none;
    border-left: 2px solid #999;
    margin-bottom: 20px;
    }
    .parallax-window {min-height: 500px;}
    .parallax-window .carousel-caption {padding-bottom: 0px; top: 50%;}
    .parallax-window .carousel-caption p {font-size: 16px; line-height: 120%;}
    .parallax-window .carousel-caption p strong {font-size: 20px;}
    .miembro {margin-bottom: 40px;}
    .box-mantenimiento {background-size: contain;}
    .box-mantenimiento .bgwhite {margin-top: 200px; padding: 20px 0;}
    .page-mecanica .box-mantenimiento {background-size: contain;}
    .page-mecanica .box-mantenimiento .bgwhite {margin-top: 200px; padding: 20px 0;}
    .box-especialidades {background-size: contain;}
    .box-especialidades .bgwhite {margin-top: 100px; padding: 20px 0;}
    .page-mecanica .box-especialidades {background-size: contain;}
    .page-mecanica .box-especialidades .bgwhite {margin-top: 200px; padding: 20px 0;}
    .box-zonas {background-size: contain;}
    .box-zonas .bgwhite {margin-top: 300px; padding: 20px 0;}
    .responsable {display: none;}
    .box-proveedores {background-size: contain;}
    .box-proveedores .bgwhite {margin-top: 150px; padding: 20px 0;}
    .box-trabajadores {background-size: contain;}
    .box-trabajadores .bgwhite {margin-top: 150px; padding: 20px 0;}
    .btn-outline {font-size: 12px;}
    .medioambiente {padding-bottom: 20px;}
    .box-sociedad {background-size: contain;}
    .box-sociedad .bgwhite {margin-top: 180px; padding: 20px 0;}
    .page-responsabilidad h1 {text-align: left;}
    #mapa-general {height: 400px;}
    .mininoticia {min-height: auto;}
    .contacta-servicio address {margin-top: 30px;}

    .iso-ohsas {position: absolute; right: 15px; bottom: -180px;}
    .iso-ohsas img {height: 60px;}
    .presentacion .d-flex{flex-flow: column-reverse;}
   section.slide{height: auto;}
   header{width: 90%;}
   .crecimiento-constante .numeros{border: none;}
    .presentacion img{margin:1rem 0;}
   .crecimiento-constante .contratos-grafica h3, .crecimiento-constante .contratos-grafica h3 strong{font-size: 25px;}
   .crecimiento-constante .contratos-grafica p{margin-bottom: 2rem;}


}

/* mobile horizontal */
@media (min-width: 480px) and (max-width: 767px) {

    header {margin-top: 0px; top: 0px;}
    .navbar-brand>img {width: 135px; margin-top: 20px;}
    .navbar-toggle {margin-top: 40px !important;}
    .datoscontacto {right: 15px;}
    #carousel-home .item .carousel-caption p {font-size: 16px; line-height: 120%;}
    #carousel-home .item .carousel-caption p strong {font-size: 20px;}
    section.slide {height: 600px; margin-bottom: 0px;}
    #carousel-home .item {height: 380px;}
    #carousel-home .item .carousel-caption {padding-bottom: 0px; top: 40%;}
    .servicioshome {margin-top: 20px;}
    .miniservicio {margin-bottom: 40px;}
    .miniservicio-foto img {width: 100%;}
    .li-servicios {float: left !important; z-index: 2;}
    .navbar-default .navbar-collapse, .navbar-default .navbar-form {border: none;}
    #navbar-principal {padding-right: 15px; width: 100%; padding-left: 0px;}
    .dropdown-menu.dropdown-menu-right {
    position: relative;
    width: 100%;
    background: transparent;
    border: none;
    box-shadow: none;
    border-left: 2px solid #999;
    margin-bottom: 20px;
    }
    .parallax-window {min-height: 500px;}
    .parallax-window .carousel-caption {padding-bottom: 0px; top: 50%;}
    .parallax-window .carousel-caption p {font-size: 16px; line-height: 120%;}
    .parallax-window .carousel-caption p strong {font-size: 20px;}
    .miembro {margin-bottom: 40px;}
    .box-mantenimiento {background-size: contain;}
    .box-mantenimiento .bgwhite {margin-top: 200px; padding: 20px 0;}
    .page-mecanica .box-mantenimiento {background-size: contain;}
    .page-mecanica .box-mantenimiento .bgwhite {margin-top: 200px; padding: 20px 0;}
    .box-especialidades {background-size: contain;}
    .box-especialidades .bgwhite {margin-top: 100px; padding: 20px 0;}
    .page-mecanica .box-especialidades {background-size: contain;}
    .page-mecanica .box-especialidades .bgwhite {margin-top: 200px; padding: 20px 0;}
    .box-zonas {background-size: contain;}
    .box-zonas .bgwhite {margin-top: 300px; padding: 20px 0;}
    .responsable {display: none;}
    .box-proveedores {background-size: contain;}
    .box-proveedores .bgwhite {margin-top: 150px; padding: 20px 0;}
    .box-trabajadores {background-size: contain;}
    .box-trabajadores .bgwhite {margin-top: 150px; padding: 20px 0;}
    .btn-outline {font-size: 12px;}
    .medioambiente {padding-bottom: 20px;}
    .box-sociedad {background-size: contain;}
    .box-sociedad .bgwhite {margin-top: 180px; padding: 20px 0;}
    .page-responsabilidad h1 {text-align: left;}
    #mapa-general {height: 400px;}
    .mininoticia {min-height: auto;}
    .contacta-servicio address {margin-top: 30px;}

    .iso-ohsas {position: absolute; right: 250px; bottom: -90px; z-index: 99;}
    .iso-ohsas img {height: 60px;}
     .presentacion .d-flex{flex-flow: column-reverse;}
     section.slide{height: auto;}
     header{width: 95%;}
     .presentacion img{margin:1rem 0;}
     .crecimiento-constante .numeros{border: none;}
     .numeros div, .contratos div{width: 33.3333%;}
    
}

/* tablet vertical */
@media (min-width: 768px) and (max-width: 991px) {

    .navbar-brand>img {width: 180px;}
    .parallax-window {min-height: 500px; position: relative;}
    .parallax-window .carousel-caption {padding-bottom: 0px;}
    section.slide {height: 700px;}
    .page-actualidad .slide {height: 200px; overflow: hidden;}
    section.slide {margin-top: -135px; margin-bottom: 20px;}
    .box-zonas {background: url(../img/bg-zonas.jpg) 500% 50% no-repeat;}
    #mapa-general {height: 500px;}

    .carousel-caption {right: 5%; left: 5%;}
    .box-mantenimiento {background-position: -300% 0%;}

    #navbar-principal {width: 100%; padding-left: 0px;}
    .dropdown-menu.dropdown-menu-right {
    position: relative;
    width: 100%;
    background: transparent;
    border: none;
    box-shadow: none;
    border-left: 2px solid #999;
    margin-bottom: 20px;
    }
    .nav>li>a {padding-left: 0px;}
    .li-servicios {float: left !important; z-index: 2;}
    .navbar-default .navbar-collapse, .navbar-default .navbar-form {border: none;}
    #carousel-home .item {height: 700px;}
    #carousel-home .item .carousel-caption {top: 60%;}
    header{width: 95%;}
     .presentacion .d-flex{flex-flow: column-reverse;}
    .presentacion img{margin-bottom: 2rem;}
    .crecimiento-constante span{font-size: 30px;}
    .crecimiento-constante span small{font-size: 12px;}
}

/* tablet horizontal - pantalla media */
@media (min-width: 992px) and (max-width: 1199px) {

    .navbar-brand>img {width: 150px;}
    .nav>li>a {padding: 10px 10px; font-size: 13px;}
    .nav.navbar-nav {margin-top: 25px;}
    header {min-height: 80px;}
    .parallax-window {min-height: 700px;}
    .parallax-window .carousel-caption {padding-bottom: 0px;}
    section.slide {height: 700px;}
    .page-actualidad .slide {height: 200px; overflow: hidden;}
    section.slide {margin-top: -135px; margin-bottom: 20px;}
    .box-zonas {background: url(../img/bg-zonas.jpg) 140% 50% no-repeat;}
    #mapa-general {height: 500px;}

    .iso-ohsas {position: absolute; right: 0px; bottom: -190px; z-index: 99;}
    .iso-ohsas img {height: 70px;}
    img[alt="Gruphelco"] {/*width: 150px;*/ height: auto; margin-left: -10px;}
    .page-index .presentacion {margin-top: 260px;}


}

/* pantalla grande */
@media (min-width: 1200px) {
    
    

}

@media (max-width: 991px) {
  .navbar-header {
      float: none;
  }
  .navbar-left,.navbar-right {
      float: none !important;
  }
  .navbar-toggle {
      display: block;
      margin-right: 5px;    
      z-index: 90;
      margin-top: 30px;
  }
  .navbar-collapse {
      border-top: 1px solid transparent;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }
  .navbar-fixed-top {
      top: 0;
      border-width: 0 0 1px;
  }
  .navbar-collapse.collapse {
      display: none!important;
  }
  .navbar-nav {
      float: none!important;
      margin-top: 7.5px;
  }
  .navbar-nav>li {
      float: none;
  }
  .navbar-nav>li>a {
      padding-top: 10px;
      padding-bottom: 10px;
  }
  .collapse.in{
      display:block !important;
  }
  .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background-color: transparent;}
  .navbar-default .navbar-toggle {border: none;}
  .navbar-default .navbar-toggle .icon-bar {background-color: #000;}
  .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {border: none;}
  

}


/* cursos */
.listado-cursos .panel-group {margin-top: 20px;}
.listado-cursos .panel-title span {color: #999; font-size: 12px;}
.listado-cursos .panel-title a {text-decoration: none;}

.table-borderless > tbody > tr > td,
.table-borderless > tbody > tr > th,
.table-borderless > tfoot > tr > td,
.table-borderless > tfoot > tr > th,
.table-borderless > thead > tr > td,
.table-borderless > thead > tr > th {
    border: none;
}
.select2-selection__rendered {
  font-family: 'Roboto Slab', serif !important; font-weight: 400;

}

.w-100 {width: 100% !important;}