@import url('bootstrap.min.css');
@import url('simple-line-icons.css');
@import url('https://fonts.googleapis.com/css?family=Nunito+Sans:300,400,700,800,900&display=swap');

h1,
h2,
h3,
h4 {
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 800;
    text-rendering: geometricPrecision;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

p,
li,
a,
span {
    font-family: 'Nunito Sans', sans-serif;
    font-weight: normal;
    text-rendering: geometricPrecision;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
}

a:hover {
    text-decoration: none;
}

section {
    margin-bottom: 60px;
    margin-top: 60px;
}

section img {
    max-width: 100%;
    display: block;
    margin: 0 auto;
}

.carousel-caption {
    left: 6.75% !important;
    right: inherit;
    bottom: inherit;
    top: 25%;
    right: 60%;
    text-align: left;
    z-index: 999;
    word-break: break-word;
}

.carousel-control-next,
.carousel-control-prev {
    width: inherit;
}

.carousel-control-prev .lnr,
.carousel-control-next .lnr {
    font-size: 18px;
    background: rgba(0, 0, 0, 0.75);
    padding: 10px;
}

/* Header */
/* Header */

header {
    background: rgba(0, 0, 0, 0.9);
}

#topbar {
    background: #FFD600;
}

#topbar span,
#topbar a {
    color: #000;
    font-weight: normal;
    display: inline-block;
    line-height: 24px;
    font-size: 14px;
}

#topbar .d-flex div:first-child {
    margin-right: 15px;
}

.navbar-brand span {
    display: inline-block;
    margin-left: 30px;
    color: #fff;
    text-transform: uppercase;
    font-size: 26px;
    position: relative;
    top: 15px;
}

.navbar-brand span b {
    display: block;
    font-weight: 300;
    font-size: 19px;
    letter-spacing: 2px;
}

.navbar-brand img {
    display: inline-block;
    margin-top: 5px;
    margin-bottom: 5px;
}

.social {
    display: flex;
    gap: 15px;
    margin-left: 15px;
    align-items: center;
}

.social a:before {
    content: "";
    width: 16px;
    height: 16px;
    display: block;
}

.social a:nth-of-type(1):before {
    background: url(fb.svg) center/contain no-repeat !important;
}
.social a:nth-of-type(2):before {
    background: url(ig.svg) center/contain no-repeat !important;
}
.social a:nth-of-type(3):before {
    background: url(in.svg) center/contain no-repeat !important;
}

body>header {
    background: rgba(0, 0, 0, 0.9);
}

nav {
    padding: 0 !important;
}

.nav-item {
    color: #fff;
    font-weight: bold;
    padding-left: 10px !important;
    padding-right: 10px !important;
    margin: 0 5px;
    position: relative;
    overflow: hidden;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    line-height: 50px;
    display: block;
    font-family: 'Nunito Sans', sans-serif;
    text-transform: uppercase;
}

.active,
.nav-item:hover {
    color: #FFD600;
    text-decoration: none;
}

.nav-item:hover:before,
.nav-item:focus:before,
.nav-item.active:before {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.active:before,
.nav-item:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    bottom: 0;
    background: #FFD600;
    height: 4px;
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

section h1 {
    margin-bottom: 30px;
    font-weight: bold;
}

section header {
    background: #FFD600;
    margin-bottom: 60px;
}

section header h2 {
    margin-bottom: 0;
    padding: 15px 0;
    color: #fff;
    font-weight: 700;
    font-size: 24px;
    text-rendering: geometricPrecision;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body:not(#inicio) section .container h2:not(:first-of-type) {
    margin-top: 60px;
}

/* .carousel-item h2 {
    text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
} */

.carousel-item p {
    font-size: 16px;
    font-weight: 500;
    /* text-shadow: 1px 1px 1px rgba(0,0,0,0.5); */
    text-rendering: geometricPrecision;
    -webkit-font-smoothing: antialiased;
}
#inicio section {
    margin-top: 0 !important;
}

/*=====  Servicios  ======*/
/*=====  Servicios  ======*/

#inicio .servicios {
    margin-top: -60px;
    padding-top: 0 !important;
    position: relative;
    z-index: 999;
    margin-bottom: 60px;
}

#inicio .servicios div[class^="col-sm"] .box {
    background: rgba(0, 0, 0, 0.75);
}

#inicio .servicios h4 {
    color: #FFD600;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 900;
    margin-bottom: 15px;
    text-rendering: geometricPrecision;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#inicio .servicios p {
    color: #fff;
}

#inicio .servicios .box p {
    min-height: 65px;
}

.box {
    position: relative;
    padding: 15px 10px;
}

#inicio .servicios div[class^="col-sm"]:nth-of-type(1) .box:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url("../img/venta-de-extintores.webp") center center no-repeat;
    background-size: cover;
    z-index: -1;
}

#inicio .servicios div[class^="col-sm"]:nth-of-type(2) .box:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url("../img/equipo-contra-incendio.webp") center center no-repeat;
    background-size: cover;
    z-index: -1;
}

#inicio .servicios div[class^="col-sm"]:nth-of-type(3) .box:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url("../img/brigada-uso-de-equipo-contra-incendio.webp") center center no-repeat;
    background-size: cover;
    z-index: -1;
}

.b-60 {
    position: relative;
    bottom: -60px;
}

.btn-link {
    background: #FFD600;
    padding: 15px 30px;
    color: #000;
    display: inline-block;
    margin-top: 15px;
    font-weight: bold;
    -webkit-transition: background 300ms linear;
    -moz-transition: background 300ms linear;
    -ms-transition: background 300ms linear;
    -o-transition: background 300ms linear;
    transition: background 300ms linear;
}

.btn-link:hover {
    background: #000;
    color: #fff;
    text-decoration: none;
    -webkit-transition: background 300ms linear;
    -moz-transition: background 300ms linear;
    -ms-transition: background 300ms linear;
    -o-transition: background 300ms linear;
    transition: background 300ms linear;
}

.btn-arrow {
    color: #FFD600;
    display: block;
    float: right;
}

.btn-arrow:hover {
    text-decoration: none;
}

.btn-arrow:after {
    content: "\e606";
    font-family: 'simple-line-icons';
    line-height: 1;
    margin-left: 5px;
    position: relative;
    top: 2px;
    text-rendering: geometricPrecision;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

footer {
    background: #212121;
    border-top: 4px solid #FFD600;
}

footer .row:first-of-type {
    margin-top: 0;
    padding-top: 0;
}

footer .row:last-of-type {
    margin-bottom: 0px !important;
    padding-top: 15px;
    padding-bottom: 15px;
}

footer h4 {
    margin-top: 30px;
    margin-bottom: 30px;
    color: #fff;
}

footer .col-sm-3:first-of-type li:before {
    position: absolute;
    left: 0;
    top: 2px;
    color: #FFD600;
    font-family: 'simple-line-icons';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: geometricPrecision;
}

footer .col-sm-3:first-of-type li:nth-of-type(1):before {
    content: "\e096";
}

footer .col-sm-3:first-of-type li:nth-of-type(2):before {
    content: "\e086";
}

footer .col-sm-3:first-of-type li:nth-of-type(3):before,
footer .col-sm-3:first-of-type li:nth-of-type(4):before {
    content: "\e047";
}

footer .col-sm-3:first-of-type li:nth-of-type(5):before {
    content: "\e010";
}

footer li {
    font-size: 13px;
    margin-bottom: 15px;
    list-style: none;
    padding-left: 20px;
    position: relative;
    color: #fff;
}

footer li a {
    color: #fff;
    -webkit-transition: color 300ms linear;
    -moz-transition: color 300ms linear;
    -ms-transition: color 300ms linear;
    -o-transition: color 300ms linear;
    transition: color 300ms linear;
}

footer li a:hover {
    color: #FFD600;
    text-decoration: none;
    -webkit-transition: color 300ms linear;
    -moz-transition: color 300ms linear;
    -ms-transition: color 300ms linear;
    -o-transition: color 300ms linear;
    transition: color 300ms linear;
}

footer .col-sm-3:nth-of-type(2) li:before,
footer .col-sm-3:nth-of-type(3) li:before {
    content: "";
    width: 4px;
    height: 4px;
    background: #FFD600;
    position: absolute;
    left: 0;
    top: 8px;
}

footer form input {
    display: block;
    width: 100%;
    margin-bottom: 15px;
    height: 32px;
    font-size: 13px;
    padding-left: 5px;
    outline: none;
    border: none;
    background: rgba(255, 255, 255, 0.05);
    color: #fff;
}

footer form textarea {
    display: block;
    width: 100%;
    margin-bottom: 15px;
    height: 80px;
    font-size: 13px;
    padding-left: 5px;
    outline: none;
    border: none;
    resize: none;
    background: rgba(255, 255, 255, 0.05);
    color: #fff;
}

footer form input[type="submit"] {
    display: inline-block;
    width: inherit !important;
    height: inherit !important;
    padding: 10px 30px !important;
    background: #FFD600;
    font-weight: bold;
    color: #000;
}

.copy {
    background: #181818;
}

.copy p {
    font-size: 13px;
    color: #fff;
    margin-bottom: 0;
}


/* Acerca de */
/* Acerca de */

body:not(#inicio) section:first-of-type {
    margin-top: 0;
}

.mt-30 {
    margin-top: 30px;
}

.mt-60 {
    margin-top: 60px !important;
}

#nosotros section {
    margin-bottom: 0;
}

.politica {
    background: #f9f9f9;
    padding-top: 30px;
    padding-bottom: 30px;
    margin-top: 0;
}

/* Capacitaciones */
/* Capacitaciones */

.cursos h2 {
    margin-top: 30px;
}

/* Extintores */
/* Extintores */

.extintores h2,
.servicios h2 {
    margin-top: 0;
}

.extintores [class^="col-"] {
    margin-bottom: 30px;
}

/* Gabinetes */
/* Gabinetes */

.gabinetes h2 {
    margin-top: 30px;
}

/* Contacto */
/* Contacto */

.contacto-intro h2 {
    padding-top: 90px;
}

.contacto-intro h2,
.contacto-intro h2 span,
.contacto-formulario h2,
.contacto-formulario h2 span {
    color: #000 !important;
}

.info-contacto p {
    font-size: 14px;
    font-weight: normal;
    font-family: 'Nunito Sans', sans-serif;
    text-rendering: geometricPrecision;
}

.info-contacto p strong {
    display: block;
    text-transform: uppercase;
    font-weight: 800;
}

.info-contacto p:first-of-type strong {
    margin-top: 0 !important;
}

.info-contacto a {
    display: block;
    color: #000;
}

#map {
    filter: grayscale(100%);
    margin-top: 60px;
}

.contacto-formulario h2+p {
    margin-bottom: 60px;
}

form input,
form textarea {
    display: block;
    width: 100%;
    line-height: 30px;
    border-left: none;
    border-right: none;
    border-top: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    margin-bottom: 30px;
    outline: none;
}

form input:focus,
form textarea:focus {
    outline: none;
}

form button {
    background: #FFD600;
    padding: 15px 30px;
    color: #000;
    display: inline-block;
    margin-top: 15px;
    font-weight: bold;
    border: none;
    -webkit-transition: background 300ms linear;
    -moz-transition: background 300ms linear;
    -ms-transition: background 300ms linear;
    -o-transition: background 300ms linear;
    transition: background 300ms linear;
}

form button:hover {
    background: #000;
    color: #fff;
    text-decoration: none;
    -webkit-transition: background 300ms linear;
    -moz-transition: background 300ms linear;
    -ms-transition: background 300ms linear;
    -o-transition: background 300ms linear;
    transition: background 300ms linear;
}


@media (max-width: 480px) {
    #inicio .servicios {
        margin-top: 30px;
        margin-bottom: 0;
    }

    #inicio .servicios .box {
        margin-bottom: 30px;
    }

    .b-60 {
        bottom: 0;
    }

    #inicio section {
        margin-bottom: 0;
    }

    .navbar-toggler:focus {
        outline: none;
    }

    .navbar-toggler.collapsed:focus .icon-menu,
    .icon-menu,
    .dropdown-item {
        color: #fff;
    }

    .navbar-toggler:focus .icon-menu,
    .icon-menu:hover {
        color: #FFD600;
    }

    .dropdown-menu {
        background: none;
    }
}

.carousel-inner>div:after {
    content: "";
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #313131;
    z-index: 99;
    background-blend-mode: soft-light;
    mix-blend-mode: soft-light;
}

.carousel-caption {
    padding: 30px;
    background: rgba(0, 0, 0, 0.85);
    border-left: 4px solid #f00;
}

.servicios img {
    margin-bottom: 30px;
}

/** WhatsApp **/
/** WhatsApp **/

.whatsapp {
	right: 15px;
    bottom: 30px;
    position: fixed;
    z-index: 999;
    background: #fff;
    padding: 9px;
    border-radius: 100%;
}

.whatsapp:before {
    content: "";
    background: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiPgo8cGF0aCBzdHlsZT0iZmlsbDojNENBRjUwOyIgZD0iTTI1Ni4wNjQsMGgtMC4xMjhsMCwwQzExNC43ODQsMCwwLDExNC44MTYsMCwyNTZjMCw1NiwxOC4wNDgsMTA3LjkwNCw0OC43MzYsMTUwLjA0OGwtMzEuOTA0LDk1LjEwNCAgbDk4LjQtMzEuNDU2QzE1NS43MTIsNDk2LjUxMiwyMDQsNTEyLDI1Ni4wNjQsNTEyQzM5Ny4yMTYsNTEyLDUxMiwzOTcuMTUyLDUxMiwyNTZTMzk3LjIxNiwwLDI1Ni4wNjQsMHoiLz4KPHBhdGggc3R5bGU9ImZpbGw6I0ZBRkFGQTsiIGQ9Ik00MDUuMDI0LDM2MS41MDRjLTYuMTc2LDE3LjQ0LTMwLjY4OCwzMS45MDQtNTAuMjQsMzYuMTI4Yy0xMy4zNzYsMi44NDgtMzAuODQ4LDUuMTItODkuNjY0LTE5LjI2NCAgQzE4OS44ODgsMzQ3LjIsMTQxLjQ0LDI3MC43NTIsMTM3LjY2NCwyNjUuNzkyYy0zLjYxNi00Ljk2LTMwLjQtNDAuNDgtMzAuNC03Ny4yMTZzMTguNjU2LTU0LjYyNCwyNi4xNzYtNjIuMzA0ICBjNi4xNzYtNi4zMDQsMTYuMzg0LTkuMTg0LDI2LjE3Ni05LjE4NGMzLjE2OCwwLDYuMDE2LDAuMTYsOC41NzYsMC4yODhjNy41MiwwLjMyLDExLjI5NiwwLjc2OCwxNi4yNTYsMTIuNjQgIGM2LjE3NiwxNC44OCwyMS4yMTYsNTEuNjE2LDIzLjAwOCw1NS4zOTJjMS44MjQsMy43NzYsMy42NDgsOC44OTYsMS4wODgsMTMuODU2Yy0yLjQsNS4xMi00LjUxMiw3LjM5Mi04LjI4OCwxMS43NDQgIGMtMy43NzYsNC4zNTItNy4zNiw3LjY4LTExLjEzNiwxMi4zNTJjLTMuNDU2LDQuMDY0LTcuMzYsOC40MTYtMy4wMDgsMTUuOTM2YzQuMzUyLDcuMzYsMTkuMzkyLDMxLjkwNCw0MS41MzYsNTEuNjE2ICBjMjguNTc2LDI1LjQ0LDUxLjc0NCwzMy41NjgsNjAuMDMyLDM3LjAyNGM2LjE3NiwyLjU2LDEzLjUzNiwxLjk1MiwxOC4wNDgtMi44NDhjNS43MjgtNi4xNzYsMTIuOC0xNi40MTYsMjAtMjYuNDk2ICBjNS4xMi03LjIzMiwxMS41ODQtOC4xMjgsMTguMzY4LTUuNTY4YzYuOTEyLDIuNCw0My40ODgsMjAuNDgsNTEuMDA4LDI0LjIyNGM3LjUyLDMuNzc2LDEyLjQ4LDUuNTY4LDE0LjMwNCw4LjczNiAgQzQxMS4yLDMyOS4xNTIsNDExLjIsMzQ0LjAzMiw0MDUuMDI0LDM2MS41MDR6Ii8+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=) center no-repeat;
    background-size: contain;
    height: 32px;
    width: 32px;
    display: block
}

.grecaptcha-badge {
    visibility: hidden;
    opacity: 0;
}