p {
    font-size: 18px
}

body {
    background: #4b6cb7;
    background: -webkit-linear-gradient(to right, #182848, #4b6cb7);
    background: linear-gradient(to right, #182848, #4b6cb7)
}

p,
li,
a,
span,
input,
.btn {
    font-family: 'Encode Sans', sans-serif
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Encode Sans', sans-serif;
    font-weight: bold;
    line-height: 1.3
}

h2 {
    text-transform: uppercase
}

h1,
.h1 {
    font-size: 2rem;
    letter-spacing: 2px;
    color: #09405F
}

h3 {
    font-size: 2.3em
}

h3.titulo {
    text-transform: uppercase;
    font-weight: bold
}

.far {
    font-size: 1.2em
}

.destacada {
    box-shadow: 1px 1px 4px #333
}

.intro__block {
    display: flex;
    flex-direction: column;
    margin-top: 2em
}

.intro__block h3 {
    margin-bottom: 1em
}

.intro__block p {
    font-size: 19px
}

.encabezado {
    background: #fff
}

.encabezado h4 {
    color: #083E57
}

.encabezado .logobox {
    display: flex;
    align-items: center
}

.encabezado .telefonos i {
    color: #14b5e1;
    font-size: 1.5em
}

.encabezado .telefonos span.contact_label {
    font-size: 1.1em;
    line-height: 2em;
    margin-left: .3em;
    color: #1B4494;
    vertical-align: bottom
}

.encabezado .telefonos a {
    font-size: 1.2em;
    color: #09405F;
    font-weight: bold;
    line-height: 1.8em
}

.encabezado .telefonos a:before {
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: #0883a4;
    transform: scaleX(0)
}

.encabezado .telefonos a:hover {
    text-decoration: none
}

.encabezado .telefonos a:hover:before {
    transform: scaleX(1)
}

.encabezado .telefonos h6 {
    color: #fff;
    text-shadow: 1px 3px 4px #00171F
}

.menu .col-sm-12 {
    padding: 0 !important
}

nav li.nav-item {
    margin: 0 11px !important
}

a,
a>span {
    position: relative;
    color: inherit;
    text-decoration: none;
    line-height: 24px
}

a:before,
a:after,
a>span:before,
a>span:after {
    content: '';
    position: absolute;
    transition: transform .5s ease
}

.navbar {
    background: #B42C2C !important;
    z-index: 999
}

.navbar a:before {
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: #fff;
    transform: scaleX(0)
}

.navbar a:hover:before {
    transform: scaleX(1)
}

.navbar-dark .navbar-nav .nav-link {
    color: #fff
}

.tparrows:before,
.tparrows:after {
    color: #fff !important
}

.grow {
    transition: transform .3s ease-in-out
}

.grow:hover {
    transform: scale(1.5)
}

.sand__bg {
    background: #F6F6F6
}

.sand__bg h3.titulo {
    color: #004C78;
    text-decoration: underline #c0c0c0
}

.sand__bg h4 {
    color: #004C78
}

.sand__bg p,
.sand__bg h3,
.sand__bg li {
    color: #4c4c4c
}

.sand__bg i.fas.fa-chevron-circle-right {
    color: #4D7EA8
}

.sand__red__bg {
    background: #ebebeb
}

.sand__red__bg h3.titulo {
    font-weight: bold;
    background: #c91e00;
    background: linear-gradient(90deg, #c91e00 0%, #f8271c 42%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.sand__red__bg h4 {
    color: #c91e00
}

.sand__red__bg h4 i {
    color: #f8271c
}

.sand__red__bg p,
.sand__red__bg h3,
.sand__red__bg li {
    color: #4c4c4c
}

.sand__red__bg i.fas.fa-chevron-circle-right {
    color: #c91e00
}

.sand__red__bg .beneficio {
    border: 1px solid #c91e00
}

.lightblue__bg {
    background: #F1F5F9
}

.lightblue__bg h1,
.lightblue__bg h3,
.lightblue__bg h4,
.lightblue__bg h5,
.lightblue__bg h6,
.lightblue__bg p,
.lightblue__bg label {
    color: #09405F
}

.lightblue__bg h3,
.lightblue__bg h4 {
    color: #B42C2C
}

.lightblue__bg p a {
    color: #e5631b
}

.lightblue__bg .beneficio svg {
    fill: #B42C2C
}

.lightblue__bg li {
    color: #354651
}

.lightblue__bg li i {
    color: #B42C2C;
    margin-right: .5em
}

.lightblue__bg h4.name {
    color: #09405F
}


.lightblue__bg p.text-white {
    color: #FFFFFF;
}



.blue__bg {
    background: #4b6cb7;
    background: -webkit-linear-gradient(to right, #182848, #4b6cb7);
    background: linear-gradient(to right, #182848, #4b6cb7)
}

.blue__bg h3.titulo {
    font-weight: bold;
    color: #FFF
}

.blue__bg i {
    color: #14b5e1 !important
}

.blue__bg .beneficio h4 {
    color: #14b5e1
}

.blue__bg .beneficio h4 i {
    color: #1482e1
}

.blue__bg .beneficio svg,
.blue__bg .beneficio svg path,
.blue__bg .beneficio svg circle {
    fill: #14b5e1
}

.blue__bg p,
.blue__bg h2,
.blue__bg h3,
.blue__bg h4,
.blue__bg li,
.blue__bg span,
.blue__bg a,
.blue__bg label {
    color: #fff
}

.blue__bg2 {
    background: #49526d;
    background: linear-gradient(135deg, #49526d 0%, #7c94bc 63%, #7c94bc 100%)
}

.blue__bg2 h3.titulo {
    font-weight: bold;
    color: #fff
}

.blue__bg2 .beneficio h3 {
    text-shadow: 1px 1px 1px #49526D
}

.blue__bg2 .beneficio h4 {
    color: #14b5e1
}

.blue__bg2 .beneficio h4 i {
    color: #1482e1
}

.blue__bg2 p,
.blue__bg2 h2,
.blue__bg2 h3,
.blue__bg2 h4,
.blue__bg2 li,
.blue__bg2 span,
.blue__bg2 a,
.blue__bg2 label {
    color: #fff
}

.green__bg {
    background: #00A2AD
}

.green__bg h3.titulo {
    font-weight: bold;
    color: #ffffbf
}

.green__bg .beneficio h4 {
    color: #14b5e1
}

.green__bg .beneficio h4 i {
    color: #1482e1
}

.green__bg p,
.green__bg h2,
.green__bg h3,
.green__bg h4,
.green__bg li,
.green__bg span,
.green__bg a,
.green__bg label {
    color: #fff
}

.green__bg2 {
    background: #fff
}

.green__bg2 h3.titulo {
    font-weight: bold;
    background: #007939;
    background: linear-gradient(90deg, #007939 0%, #00b349 35%, #00787a 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.green__bg2 .beneficio h4 {
    color: #14b5e1
}

.green__bg2 .beneficio h4 i {
    color: #1482e1
}

.green__bg2 p,
.green__bg2 h2,
.green__bg2 h3,
.green__bg2 h4,
.green__bg2 li,
.green__bg2 span,
.green__bg2 a,
.green__bg2 label {
    color: #007939
}

.green__bg3 {
    background: #003D34
}

.green__bg3 h3.titulo {
    font-weight: bold;
    background: #007939;
    background: linear-gradient(90deg, #007939 0%, #00b349 35%, #94ebd8 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.green__bg3 .beneficio h4 {
    color: #14b5e1
}

.green__bg3 .beneficio h4 i {
    color: #1482e1
}

.green__bg3 p,
.green__bg3 h2,
.green__bg3 h3,
.green__bg3 h4,
.green__bg3 li,
.green__bg3 span,
.green__bg3 a,
.green__bg3 label {
    color: #007939
}

.grey__bg {
    background: #ccc;
    background: linear-gradient(135deg, #ccc 0%, #fff 63%, #ccc 100%)
}


.grey__bg h3.titulo,
.grey__bg h3,
.grey__bg h4,
li i {
    color: #B42C2C;
}


.grey__bg p,
.grey__bg li {
    color: #0a405f;
}


.dark__bg {
    background: #363636;
    background: linear-gradient(135deg, #57504a 0%, #a8a5aa 63%, #a8a5aa 100%)
}

.dark__bg h3.titulo {
    font-weight: bold;
    background: #E9DB5B;
    background: linear-gradient(90deg, #EADB46 0%, #DBB537 42%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.dark__bg i {
    color: #E9DB5B
}

.dark__bg li {
    line-height: 1.4em;
    font-size: 1.1em;
    margin-bottom: 1em
}

.dark__bg p,
.dark__bg h2,
.dark__bg h3,
.dark__bg h4,
.dark__bg li,
.dark__bg span,
.dark__bg a {
    color: #fff
}


#hero {
    position: relative;
    height: 75vh; /* Ajusta la altura según sea necesario */
    overflow: hidden;
}

#hero video {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Asegura que el video cubra el área y mantenga su relación de aspecto */
    z-index: -100;
    transform: translate(-50%, -50%);
}

#hero .overlay-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
}

#hero .content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    color: white;
    text-align: center;
}

#hero .content h2 {
    font-size: 3rem;
    color: white;
}


.hero {
    background: #49526D
}

.hero .slides {
    margin: 0
}

.call2side {
    background: #505C86
}

.call2side h3 {
    font-size: 1.7em;
    padding: 0 .6em
}

.call2side ul {
    list-style: none;
    padding-left: 0
}

.call2side ul li {
    line-height: 2.6em;
    text-align: center
}

.call2side ul li a {
    font-size: 1.3em
}

.call2side .btn {
    color: #fff;
    border: 1px solid #fff
}

ul.custom-list {
    list-style: none;
    padding-left: 0
}

ul.custom-list li {
    font-size: 1.1em;
    line-height: 1.9em
}

.industries p {
    font-size: 1.3em
}

.industries img {
    max-width: 255px;
    margin: 0 auto;
    margin-bottom: 1em
}

.hero-img {
    min-height: 500px
}



.industries-building {
    background-image: url('/img/industries/building-power-plant-construction.webp');
}


.industries-green-energy {
    background-image: url('/img/industries/hydrogen-facility.webp');
}


.industries-data-centers {
    background-image: url('/img/industries/data-centers.webp');
}


.industries-mining {
    background-image: url('/img/industries/mining-3.webp');
}

.industries-gas {
    background-image: url('/img/industries/pipeline.webp');
}

.industries-industrial {
    background-image: url('/img/industries/piping_fabrication.webp');
}

.industries-manufacturing {
    background-image: url('/img/industries/manufacturing-2.webp');
}


.service-construction {
    background-image: url('/img/services/construction-service.webp');
}


.service-inspection {
    background-image: url("/img/welding-inspection-2.jpg");
}


.service-inspection {
    background-image: url('/img/services/inspection-2.webp');
}



.service-procurement {
    background-image: url('/img/services/industrial-procurement.webp');
}




.service-engineering {
    background-image: url('/img/services/industrial-engineering.webp');
}



.service-maintenance {
    background-image: url('/img/services/manteinance-1.webp');
}




.repairs .hero-img {
    background: url("/img/certified-welders-repair-2.jpg");
    background-size: cover
}

.service-repairs {
    background-image: url('/img/certified-welders-repair-2.jpg');
}

.fabrication .hero-img {
    background: url("/img/boiler-ignitor-replacement1.jpg");
    background-size: cover
}


.service-fabrication {
    background-image: url("/img/fabrication.jpg");
}


.inspection .hero-img {
    background: url("/img/welding-inspection-2.jpg");
    background-size: cover
}



.ndt .hero-img {
    background: url("/img/non-destructive-testing-2.jpg");
    background-size: cover
}


.service-testing {
    background-image: url("/img/non-destructive-testing-2.jpg");
}

.service-welding {
    background-image: url("/img/welding-certified-repair-and-inspection.jpg");
}

.service-mechanical {
    background-image: url("/img/boiler-ignitor-replacement-4.jpg");
}

.service-civil-work {
    background-image: url("/img/concrete.jpg");
}

.service-coating {
    background-image: url("/img/coating.jpg");
}

.service-painting {
    background-image: url("/img/painting.jpg");
}

.service-structural {
    background-image: url("/img/structural-steel-.jpg");
}


.certified .hero-img {
    background-size: cover
}

.certified img {
    margin: 0 auto
}

.certified .logo {
    margin-bottom: 45px
}

.certified .logos img {
    max-width: 200px;
}

.main__title h1.text-center {
    text-transform: uppercase;
    margin: 1em 0;
    color: #49526D;
    text-shadow: 1px 1px 1px #fff
}

.marcas h4,
.marcas p {
    color: #475B84
}

.marcas img {
    max-width: 100%;
    height: auto
}

.services .content {
    margin-top: 48px
}

.services ul.custom-list {
    margin-bottom: 0
}

.service {
    position: relative;
    width: 315px;
    height: 400px;
    overflow: hidden;
    margin-bottom: 15px;
}

.service img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.service .overlay-dark2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    transition: background-color 0.3s;
}

.service:hover .overlay-dark2 {
    background-color: rgba(180, 44, 44, 0.9);
}

.service h3.service-name {
    position: absolute;
    bottom: 10%;
    left: 50%;
    transform: translateX(-50%);
    color: #FFFFFF;
}

.productos p {
    text-align: center;
    color: #2597A2;
    margin-top: 1em;
    margin-bottom: 3em
}

.productos img {
    margin: 0 auto;
    transition: transform .3s ease-in-out
}

.productos img:hover {
    transform: scale(1.1)
}

.mapa i {
    font-size: 1.5em;
    margin-right: .4em
}

.inicio__galeria a {
    margin-bottom: 2.5em
}

.inicio__galeria a.col-sm-4 {
    max-height: 250px;
    overflow: hidden;
    margin-bottom: 2em
}

.inicio__galeria img {
    transition: opacity .6s;
    transition: transform .3s ease-in-out;
    border-radius: 9px;
}

.inicio__galeria img:hover {
    opacity: .7;
    transform: scale(1.1)
}

.galeria h3 {
    color: #05668D;
    text-transform: inherit
}

.galeria a.col-sm-4 {
    max-height: 218px;
    overflow: hidden;
    margin-bottom: 2em
}

.galeria img {
    min-height: 218px;
    transition: opacity .6s;
    transition: transform .3s ease-in-out
}

.galeria img:hover {
    opacity: .7;
    transform: scale(1.1)
}

.beneficios ul {
    list-style: none;
    padding-left: 0
}

.beneficios ul li {
    font-size: 1.5em;
    line-height: 1.4em;
    margin-bottom: 1.1em
}

.beneficios i {
    color: #92D35E;
    font-size: 1.4em;
    padding-right: .4em
}

.beneficio {
    display: flex;
    align-items: center
}

.beneficio h4 {
    text-align: left;
    margin-bottom: 1em
}

.beneficio h3 {
    font-size: 1.5em;
    text-align: left;
    margin-left: .6em
}

.beneficio ul {
    list-style: none
}

.beneficio img {
    float: left;
    max-width: 30%
}

.beneficio svg {
    min-width: 73px
}

.inicio .intro {
    padding-top: 1.6em
}

.inicio .intro p.expertos {
    border: 1px solid #3CAAA0;
    padding: 9px;
    color: #175759
}

.inicio h1 {
    color: #333
}

.inicio .formulario {
    border: 1px solid #FFE13D;
    background: #faf4f2;
    text-shadow: 1px 1px 2px #fff
}

.inicio .formulario h3 {
    color: #405792;
    font-size: 1.8em;
    text-align: center
}

.inicio .formulario label {
    color: #405792
}

.inicio .formulario small {
    font-size: 70%
}

.inicio .formulario input {
    line-height: 1em !important
}

.inicio .formulario .btn:not(:disabled):not(.disabled) {
    cursor: pointer;
    border: 1px solid limegreen;
    background: #84C15E;
    color: #fff;
    text-shadow: 1px 1px 1px #333;
    font-size: 1.3em
}

.inicio .formulario .telefonos ul {
    padding-left: 0
}

.inicio .formulario .telefonos ul li {
    list-style: none;
    line-height: 2em;
    font-size: 1.3em;
    text-align: center
}

.inicio .formulario .telefonos ul li a {
    color: #405792
}

a.navbar-brand {
    width: auto
}

a.navbar-brand img {
    max-height: 88px;
    width: 300px;
    height: auto
}

li.nav-item {
    text-transform: uppercase;
    margin: 0 15px
}

a.fixedlogo.mx-auto.d-block img {
    max-width: 168px
}

.btn-success {
    color: #fff;
    background-color: #80C145;
    border-color: #80C145
}

.slides h3 {
    color: #05668D
}

.slides a {
    background: #05668D;
    border-color: #05668D
}

.intro h1 {
    color: #B42C2C
}

.intro h3 {
    font-size: 1.7em;
    color: #09405F;
    font-weight: 400
}

.intro .recuadro {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    min-height: 130px;
    padding: 10px;
    border: 1px solid #09405F;
    transition: all .2s ease-in-out
}

.intro .recuadro svg {
    width: 70px;
    margin-right: 1em
}

.intro .recuadro h4 {
    color: #09405F;
    max-width: 165px
}

.intro .recuadro svg path {
    fill: #B42C2C
}

.intro .recuadro:hover {
    transform: scale(1.1);
    border: 1px solid #B42C2C;
    box-shadow: 1px 1px 1px #B42C2C
}

.intro a:hover {
    text-decoration: none
}

.intro .recuadro:hover h4 {
    color: #B42C2C
}

.intro .servicio {
    margin-bottom: 2em
}

.intro .servicio.certified {
    margin-right: auto
}


.btn-outline-primary {
    color: #B42C2C;
    border-color: #B42C2C;
}

.btn-outline-primary:hover {
    color: #FFF;
    background-color: #B42C2C;
    border-color: #f95c5e;
}


.contacto h4.phone {
    margin-left: .3em
}

.contacto h4.phone span {
    color: #49C2E8
}

.contacto h3 i {
    color: #49C2E8;
    font-weight: 300;
    font-size: 1em
}

.contacto img {
    max-width: 100%;
    height: auto;
    border-radius: 9px;
}

.contacto .formulario h3 {
    margin-left: .4em
}

.contacto .telefono p {
    line-height: 2em;
    text-align: center
}

.contacto .telefono a {
    color: #14b5e1;
    font-size: 1.3em
}

.contacto .telefono a i,
.contacto .telefono a .fa,
.contacto .telefono a .fas,
.contacto .telefono a .fab {
    color: #fff
}

.contacto .telefono a .fab {
    font-size: 1.4em !important
}

.contacto .telefono a:hover {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg id='squiggle-link' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:ev='http://www.w3.org/2001/xml-events' viewBox='0 0 20 4'%3E%3Cstyle type='text/css'%3E.squiggle{animation:shift .3s linear infinite;}@keyframes shift {from {transform:translateX(0);}to {transform:translateX(-20px);}}%3C/style%3E%3Cpath fill='none' stroke='%23ff9800' stroke-width='2' class='squiggle' d='M0,3.5 c 5,0,5,-3,10,-3 s 5,3,10,3 c 5,0,5,-3,10,-3 s 5,3,10,3'/%3E%3C/svg%3E");
    background-position: 0 100%;
    background-size: auto 6px;
    background-repeat: repeat-x;
    text-decoration: none;
    padding-bottom: .3em
}

.contacto .telefono strong {
    font-size: 1.1em
}

.contacto .telefonos ul {
    padding-left: 1em
}

.contacto .telefonos li {
    list-style-type: none;
    line-height: 2em;
    font-size: 1.2em
}

.contacto .telefonos li a {
    color: #fff
}

.contacto .telefonos li a:hover {
    color: #1E6588
}

.contacto .btn:not(:disabled):not(.disabled) {
    cursor: pointer;
    border: 1px solid #16b5e1;
    background: none;
    color: #16b5e1;
    font-size: 1.3em
}

.contacto .btn:not(:disabled):not(.disabled):hover {
    background: hsl(202, 75%, 23%);
}

footer {
    background: #1C2B4C
}

footer p,
footer p a {
    color: #fff;
    font-size: 16px
}

footer ul,
footer li {
    padding-left: 0 !important;
    margin-left: 0 !important
}

footer a:hover {
    color: #16b5e1;
}

footer h4,
footer h6 {
    color: #fff
}

footer h4 {
    margin-bottom: .7em;
    border-bottom: 1px solid #cccccc61;
}


footer a.nav-link {
    padding: .1em
}

footer li {
    list-style-type: none
}

footer li a {
    color: #fff
}

.slick-slide img {
    display: block;
    border: 1px solid #ccc
}

#inicio,
#tpo,
#pvc,
#epdm,
#contacto {
    padding-top: 120px;
    margin-top: -120px;
    -webkit-background-clip: content-box;
    background-clip: content-box
}

.navbar-dark .navbar-toggler {
    color: #fff;
    border-color: #fff
}

.modal-header {
    color: #ffffff;
    background-color: #2c3e50;
    border-bottom: none
}

.modal-title {
    line-height: 1.5;
    font-size: 1.5em
}

.form-horizontal .controls {
    margin-left: 180px
}

.modal form {
    display: block;
    margin: 0 0 20px
}

.form-horizontal .control-label {
    float: left;
    width: 160px;
    padding-top: 5px;
    text-align: right
}

.modal label {
    display: block;
    margin-bottom: 5px
}

.form-horizontal .control-group {
    margin-bottom: 20px
}

.modal-header .close {
    color: #fff !important;
    opacity: 1;
    font-size: 2em
}

.slick-slide {
    margin: 0px 20px
}

.slick-slide img {
    width: 100%
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: ''
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir='rtl'] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}


p.text-white {
    color: #fff;
}

.light-txt h3 {
    color: #fff;
}

.dark-txt h3.titulo,
.dark-txt h4 {
    color: #09405F;
}

.dark-txt li i {
    color: #09405F;
}


.projects .recuadro img {
    width: 208px;
}

.overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .5s ease;
    background-color: #B42C2C;
}

.project-box:hover .overlay {
    opacity: .9;
}


.overlay-dark {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: .4;
    transition: .5s ease;
    background-color: #000;
}

.overlay-dark h3 {
    opacity: 1;
    z-index: 900;
}


.banner:hover .overlay {
    opacity: .9;
    background-color: #B42C2C;
}

.banner:hover .overlay-dark {
    opacity: .9;
    background-color: #B42C2C;
}


.banner {
    position: relative;
    width: 100%;
    height: 400px;
    background-size: cover;
    background-position: center;

    border-radius: 9px;
}

.banner-link {
    display: block;
    width: 100%;
    height: 100%;
}

.overlay-dark2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(180, 44, 44, 0.9);
    opacity: 0;
    transition: opacity 0.3s ease;
    border-radius: 9px;
}

.overlay-dark2:hover {
    opacity: 1;
}

.banner-title {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 24px;
    text-align: center;
}

.banner-link-text {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    color: #fff;
    font-size: 18px;
    text-align: center;
}



.project-boiler {
    background-image: url('../img/boiler-ignitor-replacement.jpg');
}

.project-coating {
    background-image: url('../img/coating.jpg');
}

.project-coatinglining {
    background-image: url('../img/coating-and-lining.jpg');
}

.project-civil {
    background-image: url('../img/concrete.jpg');
}

.project-powerplants {
    background-image: url('../img/power-plants---3.jpg');
}



.inicio__galeria a {
    margin-bottom: 2.5em;
    display: flex;
    justify-content: center;
}



@media (min-width: 1200px) {
    .inicio__galeria img {
        max-height: 400px;
        overflow: hidden;
        margin-bottom: 2em
    }
}

@media (max-width: 1200px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 5px;
        padding-left: 0
    }
}

@media (max-width: 1080px) {
    .intro .servicio.certified {
        margin: 0 auto
    }
}

@media (max-width: 990px) {
    .poliza__desc {
        background: rgba(255, 255, 255, 0.9)
    }
}

@media (max-width: 480px) {

    footer h4.title {
        margin-top: 50px;
    }

    #hero .content h2 {
        font-size: 2rem;
        line-height: 1.4em;
    }

    .services .content {
        margin-top: 0
    }

    .certified .logos img {
        max-width: 150px;
    }

    .slick-slide {
        margin: 0 5px
    }

    .rev-btn {
        font-size: 13px !important;
        padding: 9px 12px !important
    }

    h4.titulo {
        font-size: 1.4em
    }

    h3.titulo {
        font-size: 2.4em
    }

    .encabezado .telefonos {
        display: none
    }

    .form-horizontal .control-label {
        width: auto;
        text-align: left;
        margin-right: 2em
    }

    .form-horizontal .controls {
        margin-left: auto;
        width: 100%;
        clear: both
    }

    .form-horizontal .controls input {
        border: 1px solid #ccc;
        clear: both;
        width: 90%;
        height: 2.3em
    }

    a.navbar-brand img {
        max-height: 86px
    }

    .beneficios ul li {
        font-size: 1.5em;
        line-height: 1.4em;
        margin-bottom: 1.1em
    }

    .poliza {
        background: #fff
    }

    .poliza img {
        float: left;
        max-width: 61px
    }
}

.grecaptcha-badge {
    display: none !important
}

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E")
}


.call2action a:hover{
    color: #c0c0c0;
}


img.destacada.rounded-circle{
    width: 180px;
    height: 180px;
}


.btn-whatsapp-pulse {
    z-index: 999;
    background: #c51314;
    color: white;
    position: fixed;
    bottom: 20px;
    left: 20px;
    font-size: 22px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 143px;
    height: 45px;
    padding: 8px;
    text-decoration: none;
    border-radius: 12px;
  }

  .btn-whatsapp-pulse-border {
    bottom: 40px;
    right: 20px;
  }

  a.btn-whatsapp-pulse-border:hover {
    color: #fff !important;
  }