body,
html {
width: 100%;
height: 100%;
}
body {
font-family: 'Ubuntu', sans-serif;
font-size: 16px !important;
max-width: 100%;
overflow-x: hidden !important;
}
.h4, h4 {
font-size: 1.1rem;
}
.negro{
color:#801a18 !important;
}
/*añadido*/
.listascroll{
max-height:500px;
overflow-y:scroll;
overflow-x:hidden;
}
.verdearti{
background: #41a85d !important;
color:#fff !important;
}
.verdebg {
background: #41a85d !important;
color:#fff !important;
}
.subra::after {
border-bottom: 4px solid #41a85d;
content: "";
display: block;
height: 20px;
left: 0;
overflow: hidden;
position: absolute;
width: 70px;
margin-left: 1rem;
}
.subrab::after {
border-bottom: 4px solid #fff !important;
content: "";
display: block;
height: 20px;
left: 0;
overflow: hidden;
position: absolute;
width: 70px;
margin-left: 1rem;
}
.masthead {
position: static !important;
}
.modal input{
padding: 10px 15px !important;
min-height: none !important;
max-height:45px;
border: solid 1px #888 !important;
font-size: 17px;
font-weight: 600 !important;
background-color: #fff;
margin-bottom: 15px;
border-radius: 4px;
}
.marcas{
padding:10px;
}
.marcas img{
border: solid 1px #ccc;
box-shadow: 1px 1px 2px #cccccc90;
border-radius: 5px;
}
.bordertop{
border-top:solid 1px #efefef;
}
.mininoti{
display: flex;
flex-direction: column;
justify-content: center;
}
.grisbgcero{
background: #efefef !important;
}
.amarillobgcero{
background: #1E7A2D !important;
}
.bgrojo{
background:#460201;
}
.bgrojo a{
font-size: 1.3rem;
color:#f5bb02 !important;
line-height: 25px;
font-weight: bold;
}
.bgrojo a:hover{
text-decoration: none;
}
.grisbg2{
background: linear-gradient(90deg, #460201, #710702, #bd200e, #000000, #460201) !important;
color: #fff !important;
}
.grisbg2 p{
line-height: 27px !important;
}
.miniartic{
border-bottom: dotted 2px #00000090;
padding:5px 0px !important;
margin-bottom: 5px;
}
.miniartic .col-sm-4{
padding-right: 10px;
padding-left: 10px;
}
.miniartic .mininoti a{
color:#555 !important;
padding-right: 16px;
}
.textofirme:hover{
text-decoration: none !important;
}
.logo{
max-height: 140px !important;
margin-left: 10%;
position: fixed;
border-radius: 0px 0px 10px 10px;
}
.headtop{
z-index: 100 !important;
position: fixed !important;
background: #000000;
}
.teletop{
background: #00000000 !important;
height: 75px !important;
color: #fff !important;
font-size: 1.8rem !important;
font-weight: 700;
padding: 15px 15px 15px 35px !important;
right: 95px;
}
.btn-xl {
padding: 1.25rem 2.5rem;
}
.content-section {
padding-top: 6rem;
padding-bottom: 6rem;
}
.content-section-heading h2 {
font-size: 1.8rem;
color:#1E7A2D;
}
.img-fluid {
border-radius: 0 0 6px 6px;
}
.rojobg{
border-radius: 4px;
margin-left: -15px;
background:#3eb060 !important;
padding: 10px 20px 10px 20px !important;
color:#fff !important;
}
.texto-empre {
display: flex;
flex-direction: column;
justify-content: center;
}
.verticalmedio{
display: flex;
flex-direction: column;
justify-content: center;
}
.card{
-webkit-transition: 0.3s;
transition: 0.3s;
}
.card:hover{
background:#fafafa;
box-shadow: 2px 2px 20px #555555;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.content-section-heading h3 {
font-size: 1.5rem;
text-transform: uppercase;
}

h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 700;
}
.map {
height: 30rem;
}
.formulario-gris{
background: #000000a3 !important;
color: #fff;
border-radius: 6px !important;
}
.form-control {
width: 100%;
padding: 10px 15px !important;
min-height:50px !important;
font-size: 17px;
font-weight: 600 !important;
background-color: #fff;
border: none !important;
margin-bottom: 15px;
border-radius: 4px;
}
::-webkit-input-placeholder {
color:#999  !important;
}
.banner-dere{
margin-top:200px;
}
@media (max-width: 992px) {
.map {
height: 75%;
}
}
.map iframe {
pointer-events: none;
}
.scroll-to-top {
position: fixed;
right: 15px;
bottom: 15px;
display: none;
width: 50px;
height: 50px;
text-align: center;
color: white;
background: rgba(52, 58, 64, 0.5);
line-height: 45px;
}

.scroll-to-top:focus, .scroll-to-top:hover {
color: white;
}

.scroll-to-top:hover {
background: #343a40;
}

.scroll-to-top i {
font-weight: 800;
}

.masthead {
min-height: 30rem;
position: relative;
display: table;
width: 100%;
height: auto;
padding-top: 4rem;
padding-bottom: 2rem;
background: linear-gradient(90deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.6) 100%), url(../img/cta2.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover !important;
background-attachment: fixed !important;
z-index: 0;
overflow:hidden;
}

.masthead h1 {
font-size: 3rem;
color: #fff !important;
text-shadow: 2px 2px 2px #000;
margin: 0;
padding: 0;
}
.masthead h3 {
font-size: 2rem;
color: #fff !important;
text-shadow: 2px 2px 2px #000;
}
@media (min-width: 992px) {
.masthead {
height: 650px;
}
.masthead h1 {
font-size: 2.5rem;
text-transform: uppercase;
color: #fff !important;
text-shadow: 2px 2px 2px #000;
}
}
/* Side Menu */
#sidebar-wrapper {
position: fixed;
z-index: 2;
right: 0;
width: 250px;
height: 100%;
-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
transform: translateX(250px);
background: #650903 !important;
border-left: 1px solid rgba(255, 255, 255, 0.1);
font-weight: bold !important;
}

.sidebar-nav {
position: absolute;
top: 0;
width: 250px;
margin: 0;
padding: 0;
list-style: none;
}

.sidebar-nav li.sidebar-nav-item a {
display: block;
text-decoration: none;
color: #fff;
padding: 15px;
}

.sidebar-nav li a:hover {
text-decoration: none;
color: #fff;
background: rgba(255, 255, 255, 0.2);
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
text-decoration: none;
}

.sidebar-nav > .sidebar-brand {
font-size: 1.2rem;
background: rgba(52, 58, 64, 0.1);
height: 70px;
line-height: 50px;
padding-top: 15px;
padding-bottom: 15px;
padding-left: 15px;
}

.sidebar-nav > .sidebar-brand a {
color: #fff;
}

.sidebar-nav > .sidebar-brand a:hover {
color: #fff;
background: none;
}

#sidebar-wrapper.active {
right: 250px;
width: 250px;
-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.menu-toggle {
position: fixed;
right: 0px;
top: 0px;
width: 75px !important;
height: 75px !important;
text-align: center;
color: #fff;
background: #000000;
line-height: 50px;
z-index: 999;
padding: 17px !important;
}
.fas {
font-size: 30px !important;
}
.menu-toggle:focus, .menu-toggle:hover {
color: #fff;
}
.menu-toggle:hover {
background: #111;
}
.bene-seg{
padding-top: 10px !important;
min-height:305px !important;
}
.service-icon {
background-color: #fff;
color: #1D809F;
height: 7rem;
width: 7rem;
display: block;
line-height: 7.5rem;
font-size: 2.25rem;
box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
}
.callout {
border-top: solid 4px #fff;
border-bottom: solid 4px #fff;
padding: 4rem 0;
background: url("../img/cta2.jpg");
background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed !important;
background-size: 100%;
}
.callout h2 {
font-weight: 700;
display: block;
max-width: 30rem;
text-shadow: 2px 2px 2px #000;
}
.callout img{
border-radius: 100% 100% 100% 0;
box-shadow: 2px 2px 2px #000;
}
.portfolio-item {
display: block;
position: relative;
overflow: hidden;
max-width: 530px;
margin: auto auto 1rem;
}
.portfolio-item .caption {
display: flex;
height: 100%;
width: 100%;
background-color: rgba(33, 37, 41, 0.2);
position: absolute;
top: 0;
bottom: 0;
z-index: 1;
}
.portfolio-item .caption .caption-content {
color: #fff;
margin: auto 2rem 2rem;
}
.portfolio-item .caption .caption-content h2 {
font-size: 0.8rem;
text-transform: uppercase;
}
.portfolio-item .caption .caption-content p {
font-weight: 300;
font-size: 1.2rem;
}
@media (min-width: 992px) {
.portfolio-item {
max-width: none;
margin: 0;
}
.portfolio-item .caption {
-webkit-transition: -webkit-clip-path 0.25s ease-out, background-color 0.7s;
-webkit-clip-path: inset(0px);
clip-path: inset(0px);
}
.portfolio-item .caption .caption-content {
transition: opacity 0.25s;
margin-left: 5rem;
margin-right: 5rem;
margin-bottom: 5rem;
}
.portfolio-item img {
-webkit-transition: -webkit-clip-path 0.25s ease-out;
-webkit-clip-path: inset(-1px);
clip-path: inset(-1px);
}
.portfolio-item:hover img {
-webkit-clip-path: inset(2rem);
clip-path: inset(2rem);
}
.portfolio-item:hover .caption {
background-color: rgba(29, 128, 159, 0.9);
-webkit-clip-path: inset(2rem);
clip-path: inset(2rem);
}
}
footer{
background-image: url(../img/fondo.jpg);
background-size: cover;
background-attachment: fixed;
background-position: inherit;
color: #efefef;
max-width: 100% !important;
overflow-x: hidden;
}
footer a{
color:#efefef;
}
footer a:hover{
color:#cccccc;
text-decoration:none;
}
footer.footer {
padding-top: 5rem;
padding-bottom: 5rem;
}
.footizq{
max-width: 100% !important;
right:0px !important;
}
.footizq .bg-white{
padding: 16px 10px !important;
margin-left: -100% !important;
min-width: 200% !important;
}
.footizq .bg-white a{
color:#000 !important;
}
.footizq img{
background: #fff;
width:40px!important;
}
footer.footer .social-link {
display: block;
height: 4rem;
width: 4rem;
line-height: 4.3rem;
font-size: 1.5rem;
background-color: #1D809F;
transition: background-color 0.15s ease-in-out;
box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
}

footer.footer .social-link:hover {
background-color: #155d74;
text-decoration: none;
}

a {
color: #1D809F;
}

a:hover, a:focus, a:active {
color: #155d74;
}

.btn-primary {
background-color:  #e65c08 !important;
border: solid 0px  #e65c08 !important;
border-radius: 6px !important;
color: #fff !important;
padding:15px 20px !important;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
background-color:#c54e05 !important;
border-color:#c54e05 !important;
}

.btn-secondary {
background: #f5bb02 !important;
border-color:#f5bb02 !important;
color: #fff !important;
border-radius: 6px;
padding: 15px 20px !important;
text-shadow: 1px 1px 3px #333 !important;
}
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active {
background: #c54e05 !important;
border-color: #c54e05 !important;
}
.btn-dark {
color: #fff !important;
}
.btn {
box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.1);
font-weight: 700;
font-size: 17px;
}
.bg-primary {
background-color: #efefef !important;
}
.text-primary {
color: #1D809F !important;
}
.text-secondary {
color: #ecb807 !important;
}

@media (max-width: 1300px) {
.logo {
max-height: 130px !important;
}
.teletop{
height: 65px !important;
padding: 10px 15px 15px 30px !important;
}
.masthead h1 {
font-size: 2rem;
}
.masthead h3 {
font-size: 1.7rem;
}
.masthead {
height: 620px !important;
}
.callout h2 {
font-size: 1.8rem;
}
.h2, h2 {
font-size: 1.8rem;
}
.formulario-gris h2 {
font-size: 1.5rem !important;
}
.content-section-heading h2 {
font-size: 1.5rem;
}
.footizq .bg-white {
padding: 16px 0px !important;
}
.menu-toggle {
width: 65px !important;
height: 65px !important;
line-height: 50px;
padding: 12px !important;
}
.form-control {
min-height: 45px !important;
max-height: 45px !important;
border-radius: 3px !important;
}

.btn-primary {
border-radius: 3px !important;
padding: 12px 20px !important;
}
.btn-secondary {
border-radius: 3px;
padding: 12px 20px !important;
}
.content-section {
padding-top: 5rem !important;
padding-bottom: 4rem !important;
}
.marcas img {
width: 80% !important;
}
.logo {
margin-left: 20px;
}
}

@media (max-width: 1200px){
.callout h2 {
font-size: 1.6rem;
}
.logo {
max-height: 120px !important;
}
}

@media (max-width: 1100px){
.teletop {
padding: 10px 15px 15px 15px !important;
}
.confirmaverde{
padding-top: 4rem !important;
padding-bottom: 3rem !important;
}
}

@media (max-width: 1000px){
.teletop {
height: 60px !important;
margin-left: -40px !important;
padding: 10px 15px 15px 25px !important;
}
.logo {
max-height: 105px !important;
}
.menu-toggle {
width: 60px !important;
height: 60px !important;
line-height: 45px;
}
}

@media (max-width: 990px){
.footizq {
background:none !important;
}
.footizq .bg-white {
padding: 16px 10px !important;
}
.formulario-gris p{
display:none !important;
}
.contenedorbanfor {
min-width: 95% !important; 
}
.masthead h1 {
font-size: 2.6rem;
line-height: 35px;
}
.masthead {
height: 560px !important;
}
.banner-dere {
margin-top: 120px !important;
}
.banner-dere em{
display:none;
}
}

@media (max-width: 767px){
.verticalmedio {
display: block;
}
.logo {
max-height: 95px !important;
}
.teletop {
margin-left: -10px !important;
padding: 8px 15px 15px 15px !important;
}
.banner-dere {
min-width: 90%;
margin-top: 50px !important;
text-align: center;
margin-bottom: 20px;
}
.banner-dere .btn{
display: none;
}
.formulario-gris {
min-width: 90%;
margin: auto;
padding-top: 35px !important;
padding-bottom: 20px !important;
}
.masthead {
height: auto !important;
}
.cincueresp{
min-width: 90% !important;
margin: auto;
}
.marcas {
min-width: 50% !important;
}
.imag-empre{
display: none;
}
.texto-empre{
min-width: 90% !important;
margin: auto;
}
.verticalmedio {
min-width: 100% !important;
text-align: center !important;
}
.form-control {
min-height: 40px !important;
max-height: 40px !important;
margin-bottom: 15px !important;
}
.articulocol{
min-width: 90%;
margin: auto !important;
margin-bottom: 20px !important;
}
.noticomple{
min-width: 90%;
margin: auto !important;
margin-bottom: 20px !important;
}
.noticomple img{
min-width: 90%;
margin: auto !important;
}
.listanotis{
min-width: 90%;
margin: auto !important;
margin-bottom: 20px !important;
}
.btn-secondary {
padding: 8px 20px !important;
}
.footizq{
display: none;
}
footer .col-sm-9{
min-width: 100%
}
footer .col-sm-9 .row .col-sm-1{
display: none;
}
footer .col-sm-9 .row .col-sm-5{
min-width: 50% !important;
}
}

@media (max-width:700px){
.teletop {
font-size: 1.5rem !important;
padding: 11px 15px 15px 20px !important;
}
}

@media (max-width:600px){
.teletop{
display:none;
}
.headtop {
min-height: 60px;
}
.masthead h1 {
font-size: 2.3rem !important;
line-height: 35px !important;
text-align: center !important;
}
.texto-empre{
min-width:100%;
margin-bottom: 20px;
}
.imag-empre{
min-width:100%;
}
.imag-empre img{
width:90% !important;
}
.confirmaverde {
padding-top: 0.1rem !important;
padding-bottom: 1rem !important;
}
}

@media (max-width:575px){
.delerespo{
display:none !important;
}
.formulario-gris {
min-width: 90% !important;
max-width: 90%;
margin-left: 5%;
}
.contenedorbanfor {
margin-top: -40px !important;
}
.rojobg {
margin-left: 0px !important;
}
.cincueresp{
width:50% !important;
}
.marcas{
width:50% !important;
}
.marcas img{
max-width: 90%;
margin-left: 5%;
}
.callout .col-sm-4{
max-width:50% !important;
text-align: center !important;
}
.callout .col-sm-4 h2 br{
}
.callout .col-sm-4 .btn{
max-width:80% !important;
text-align: center !important;
}
.fotoartind{
min-height:280px !important;
}
.artisbaj{
padding-left: 15px !important;
padding-right: 15px !important;
}
footer .col-sm-9 .row .col-sm-5 {
margin-bottom: 20px;
}
}

@media (max-width:450px){
.cincueresp {
width: 90% !important;
margin-left: 5%;
}
.rojobg {
margin-left: 10px !important;
}
.bene-seg .negro{
text-transform: uppercase;
}
.bene-seg .img-fluid {
height: auto !important;
}
.unoocho{
margin-top:-20px !important;
font-size: 1.8rem !important;
}
}

@media (max-width:420px){
.logo {
max-height: 75px !important;
}
.menu-toggle {
width: 50px !important;
height: 50px !important;
line-height: 40px;
padding: 10px !important;
}
.headtop {
min-height: 50px;
}
}

@media (max-width:400px){
.fa-industry{
display:none;
}
.content-section-heading h2 {
font-size: 1.3rem;
}
.banner-dere { 
margin-top: 50px !important;
padding-left: 0px !important;
}
.masthead h1 {
font-size: 2.2rem !important;
}
.callout .col-sm-4 {
max-width: 100% !important;
text-align: center !important;
margin-bottom: 20px;
}
.callout .verticalmedio {
text-align: center !important;
display: block !important;
}
.confirmaverde .rojo {
margin-top: -30px !important;
margin-bottom: -10px !important;
}
}