/****************************
	- Tipografías	-
*****************************/
@font-face {
    font-family: "Flaticon";
    src: url("../fonts/Flaticon.eot");
    src: url("../fonts/Flaticon.eot?#iefix") format("embedded-opentype"),
        url("../fonts/Flaticon.woff") format("woff"),
        url("../fonts/Flaticon.ttf") format("truetype"),
        url("../fonts/Flaticon.svg#Flaticon") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Poppins-SemiBold";
    src: url(../fonts/Poppins-SemiBold.eot) format("embedded-opentype"),
        url(../fonts/Poppins-SemiBold.woff) format("woff"),
        url(../fonts/Poppins-SemiBold.ttf) format("truetype"),
        url(../fonts/Poppins-SemiBold.svg) format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Poppins-Regular";
    src: url(../fonts/Poppins-Regular.eot) format("embedded-opentype"),
        url(../fonts/Poppins-Regular.woff) format("woff"),
        url(../fonts/Poppins-Regular.ttf) format("truetype"),
        url(../fonts/Poppins-Regular.svg) format("svg");
    font-weight: normal;
    font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family: "Flaticon";
        src: url("./Flaticon.svg#Flaticon") format("svg");
    }
}

/****************************
	- Clases generales -
*****************************/
body {
    overflow-x: hidden
}

[class^="flaticon-"]:before,
[class*=" flaticon-"]:before,
[class^="flaticon-"]:after,
[class*=" flaticon-"]:after {
    font-family: Flaticon;
    font-style: normal;
}

.titulo--banners {
    font-family: "Raleway-Bold";
    color: #fff;
    font-size: 50px;
    text-align: center;
}

.titulo--banners--2 {
    font-family: "Raleway-Bold";
    color: #fff;
    font-size: 25px;
    text-align: center;
    padding-top: 250px;
}

.titulo--arriba {
    font-family: "Raleway-Bold";
    font-size: 18px;
    line-height: 10px;
}

.titulo--abajo {
    font-family: "Raleway-Bold";
    font-size: 28px;
}

a {
    text-decoration: none !important;
}

p {
    font-family: "Poppins-Regular";
    font-size: 18px;
    line-height: 25pt;
    color: #fff;
}

h1 {
    font-family: "Poppins-SemiBold";
    font-size: 30px;
    line-height: 36pt;
}

h3 {
    font-family: "Raleway-Bold";
    font-size: 22px;
    color: #2e2e2e;
}

h4 {
    font-family: "Raleway-Bold";
    font-size: 17px;
    color: #747474;
}

.button2 {
    font-family: "Poppins-Regular";
    display: inline-block;
    transition: all 0.2s ease-in;
    position: relative;
    overflow: hidden;
    z-index: 1;
    color: #fff;
    padding: 10px 20px;
    font-size: 14px;
    border-radius: 0rem;
    background: #8e0e20;
    border: 1px solid #8e0e20;
    text-align: center;
}

.button2:active {
    color: #666;
    box-shadow: inset 4px 4px 12px #c5c5c5,
        inset -4px -4px 12px #ffffff;
}

.button2:before {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%) scaleY(1) scaleX(1.25);
    top: 100%;
    width: 140%;
    height: 180%;
    background-color: rgba(0, 0, 0, 0.05);
    display: block;
    transition: all 0.5s 0.1s cubic-bezier(0.55, 0, 0.1, 1);
    z-index: -1;
}

.button2:after {
    content: "";
    position: absolute;
    left: 55%;
    transform: translateX(-50%) scaleY(1) scaleX(1.45);
    top: 180%;
    width: 160%;
    height: 190%;
    background-color: #152342;
    display: block;
    transition: all 0.5s 0.1s cubic-bezier(0.55, 0, 0.1, 1);
    z-index: -1;
}

.button2:hover {
    color: #ffffff;
    border: 1px solid #152342;
}

.button2:hover:before {
    top: -35%;
    background-color: #152342;
    transform: translateX(-50%) scaleY(1.3) scaleX(0.8);
}

.button2:hover:after {
    top: -45%;
    background-color: #152342;
    transform: translateX(-50%) scaleY(1.3) scaleX(0.8);
}



.btn-1 {
    border: none;
    font-family: "Raleway-Bold";
    font-size: 14px;
    background: transparent;
    color: #fff;
    border: solid 2px rgba(255, 255, 255, 0.5);
    padding: 5px 30px;
    border-radius: 4px;
    transition-duration: 0.2s;
}

.btn-1:before {
    content: "»";
    opacity: 0;
    margin-left: -15px;
    transition-duration: 0.2s;
}

.btn-1:hover:before {
    margin-left: 0px;
    opacity: 1;
}

.btn-1:hover {
    color: black;
    background: rgba(255, 255, 255, 1);
    border: solid 2px rgba(255, 255, 255, 0.5);
}

.btnenviar {
    background-color: #b01b30 !important;
    border: none;
}

.btnenviar:hover {
    border: none;
}

.serv--btn {
    background-color: #b01b30;
    padding: 20px 40px;
    margin-top: 42px;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
}

.btn-web {
    background-color: #b01b30;
    font-family: "Poppins-Regular";
    color: #fff;
    padding: 10px 20px;
    text-decoration: none;
    margin-left: auto;
    margin-right: auto;
    right: 0px;
    left: 0px;
    display: table;
    margin-top: 40px;
}

.btn-web-2 {
    background-color: #152342;
    font-family: "Poppins-Regular";
    color: #fff;
    padding: 10px 20px;
    text-decoration: none;
    margin-left: auto;
    margin-right: auto;
    right: 0px;
    left: 0px;
    display: table;
    margin-top: 40px;
    text-decoration: none;
}

.btn-web-2:hover {
    color: #fff;
}

.text-invisible {
    opacity: 0;
}

.fondo-rojo {
    background-color: #b01b30;
}

/*- Header -*/
.menu {
    position: absolute;
    background-color: transparent !important;
    z-index: 1;
    width: 100%
}

.menu ul {
    margin-left: auto !important;
}

.menu ul li {
    padding: 0px 10px;
}

.menu ul li a {
    font-family: "Poppins-SemiBold";
    color: #fff !important;
    font-size: 13px;
}

.active {
    border-bottom: 2px solid #8e0e20;
}

.menu ul li .hover-a:hover {
    font-family: "Poppins-SemiBold";
    /* color: #152342 !important; */
    font-size: 13px;
}

.menu ul li .cotizabg {
    background-color: #8e0e20;
}

.menu .dropdown:hover .dropdown-menu {
    display: block;
}

.menu .dropdown-menu {
    background-color: #8e0e20;
    min-width: 14rem !important;
    margin-top: -3px;
}

.menu .dropdown-menu a {
    font-family: "Poppins-Regular" !important;
    background-color: #8e0e20;
    min-width: 14rem !important;
}

.menu .dropdown-menu span {
    font-family: "Poppins-Regular";
    color: #152342 !important;
    font-size: 14px;
    padding-left: 1rem;
}


.dropdown-item:focus,
.dropdown-item:hover {
    color: #16181b;
    text-decoration: none;
    background-color: #152342 !important;
}


/*- Footer -*/
footer {
    background-color: #152342;
    padding-top: 30px;
    padding-bottom: 10px;
    border-top: 5px solid #b01b30;
}

footer p {
    font-size: 11px;
    line-height: 15pt;
}

footer a {
    color: #fff;
}

footer a:hover {
    color: #fff;
}

footer svg {
    color: #b01b30;
    font-size: 25px;
    margin: 0px 5px;
}

footer .col-md-9 {
    padding-left: 0px;
    padding-right: 0px;
}

footer .col-md-3 {
    padding-left: 0px;
    padding-right: 0px;
}

footer input {
    padding: 5px 0px !important;
    font-family: "Poppins-Regular";
    font-size: 10px;
    color: #fff !important;
    border: 2px solid #b01b30;
    background-color: transparent;
    outline: none !important;
    width: 100%;
}

footer input,
footer .form-select {
    margin: 0px 0px;
    padding-left: 5px !important;
}

footer input::placeholder {
    color: #fff !important;
    opacity: 1;
    outline: none !important;
    padding-left: 5px !important;
    width: 100%;
}

footer .au-btn {
    background-color: #b01b30;
    border: none;
    color: #fff;
    font-family: "Poppins-Regular";
    font-size: 13px;
    padding: 5px 20px;
}

/*- Redes -*/
.redes {
    display: none !important;
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 3;
    background-color: #009000;
    padding: 18px;
    border-radius: 90px;
}

.redes svg {
    color: #fff;
    width: 28px !important;
}

#btnregresar {
    position: fixed;
    top: 100px;
    right: 18px;
    background-color: #152342;
    writing-mode: tb-rl;
    transform: rotate(180deg);
    padding-top: 19px;
    padding-bottom: 22px;
    animation-duration: 2s;
    transition-duration: 2s;
    border: 1px solid #152342;
    z-index: 5;
    opacity: 1;
    padding-left: 5px;
    padding-right: 5px;
}

#btnregresar p {
    display: contents !important;
    font-family: "Poppins-Regular";
    font-size: 17px;
}

#btnregresar svg {
    font-family: "Poppins-Regular";
    color: #fff;
    animation: move4 3s ease infinite;
    right: -5px;
}

@keyframes move4 {
    30% {
        transform: translateX(5px);
    }
}

/****************************
	- Home -
*****************************/
.bannerhome {
    background-image: url(../img/home/slider/slider.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center bottom;
    height: 644px;
    width: 100%;
}

.bannerhome h1 {
    color: #fff;
    padding-top: 260px;
}

/*- Slider -*/
#slider h1 {
    color: #fff;
}

.flaticon-arrows:before {
    content: "\f103";
}

.tp-leftarrow.default {
    top: 300px !important;
}

.slider2 .tp-leftarrow.default.round:before {
    position: absolute;
    content: '\f103';
    font-family: "Flaticon";
    color: #fff;
    left: 40px;
    top: 21px;
    transform: rotate(-180deg);
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    left: 10px;
    top: 9px;
}

.tp-rightarrow.default {
    top: 300px !important;
}

.slider2 .tp-rightarrow.default.round:after {
    position: absolute;
    content: '\f103';
    font-family: "Flaticon";
    color: #fff;
    top: 21px;
    right: 40px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    left: 10px;
    top: 9px;
}

.slider2 .tp-leftarrow.default:hover.round:before,
.slider2 .tp-rightarrow.default:hover.round:after {
    color: #fff;
}

.slider2 .tparrows.default.round.hidearrows,
.slider2 .tp-bullets.simplebullets.hidebullets {
    display: block !important;
    opacity: 1 !important;
}

.abBigtitle.home_page2 h1 {
    text-shadow: none;
}

#slider h2 {
    font-family: "Raleway-Bold";
    color: #fff;
    font-size: 30px;
}

#slider h5 {
    font-family: "Raleway-Bold";
    color: #fff;
    font-size: 50px;
}

.revBtn {
    background-color: #b01b30;
    color: #fff;
    display: inline;
    padding: 10px 30px;
    margin: 0px 10px;
}

.revBtn a {
    color: #fff;
    text-decoration: none;
}

/*- Ahorrar dinero -*/
.ahorrardinero {
    background-image: url(../img/home/fondo-ahorra-dinero.jpg);
    background-position: center right;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 650px;
}

.ahorrardinero h1 {
    margin-top: 80px;
    color: #b01b30;
}

.ahorrardinero img {
    margin-left: -100px !important;
}

/*- Te cotizamos -*/
.tecotizamos {
    margin-top: 80px;
    margin-bottom: 80px;
}

.tecotizamos .row {
    padding-top: 50px;
}

.tecotizamos h1 {
    color: #b01b30;
}

.iconos {
    margin-left: auto;
    margin-right: auto;
    right: 0px;
    left: 0px;
    display: list-item;
}

.tecotizamos p {
    color: #565656;
}

/*- Dudas -*/
.dudas {
    background-image: url(../img/home/fondo-dudas.jpg);
    background-position: center left;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    padding-top: 80px;
}

.dudas h1 {
    color: #fff;
    padding: 20px 0px;
}

/*- Clientes -*/
.clientes {
    margin-top: 80px;
    margin-bottom: 80px;
    color: #b01b30;
}

/****************************
	- Productos -
*****************************/
/*- Banner -*/
.productos {
    background-image: url(../img/productos/banner-productos.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center bottom;
    height: 322px;
    width: 100%;
    display: table;
}

.productos h1 {
    color: #fff;
    display: table-cell;
    vertical-align: middle;
}

/*- Equipo y refacciones -*/
.equiporefacciones {
    margin-top: 80px;
    margin-bottom: 80px;
}

.equiporefacciones h1 {
    color: #b01b30;
}

.equiporefacciones ul {
    margin: 40px 0px;
}

.equiporefacciones ul li {
    font-family: "Poppins-Regular";
    font-size: 18px;
    line-height: 25pt;
    color: #565656;
}

/*- Accordion -*/
.sec-accordion {
    margin: 50px 0px;
}

#accordionpartes .card-header {
    font-family: "Poppins-Regular";
    font-size: 25px;
    background-color: #8e0e20;
    color: #fff;
}

#accordiopartes .accordion-header {
    margin-bottom: 0;
}

#accordionpartes h1 {
    line-height: 0pt !important;
}

.sec-accordion {
    margin: 50px 0px;
}


.accordion .accordion-header {
    margin-bottom: 0;
}

.accordion h1 {
    line-height: 0pt !important;
}

.accordion .btn-link {
    font-weight: 400;
    color: #fff !important;
    text-decoration: none !important;
}

.accordion .btn-link:hover {
    color: #fff !important;
    text-decoration: none !important;
}

.ficha-producto {
    background-color: #152342;
    height: 200px;
    background-size: cover;
    position: relative;
    color: #fff;
    border-radius: 100px !important;
    width: 200px;
    margin-left: auto;
    margin-right: auto;
}

.ficha-producto:hover{
    background-color: #8e0e20;
}

.ficha-producto img {
    width: 139px;
    padding: 30px 0px;
}


.fich-h3 {
    font-family: "Poppins-SemiBold";
    color: #021f41;
    text-align: center;
    font-size: 19px;
    text-decoration: none !important;
    padding-top: 10px;
}

.nom-prod {
    background-color: #152342;
    width: 100%;
    height: 510px;
}

.nom-prod h3 {
    font-family: "Poppins-SemiBold";
    color: #fff;
    text-align: center;
    font-size: 15px;
    margin-bottom: 0rem;
    display: table-cell;
    vertical-align: middle;
}

.inf-prod {
    height: 100px;
    display: table;
    padding-left: 5px;
}

.inf-prod p {
    font-family: "Poppins-Regular";
    color: #152342;
    font-size: 12px;
    line-height: 15pt;
    display: table-cell;
    vertical-align: middle;
}

/*- Tabla dinamica -*/
main .row .col-md-6 {
    display: flex !important;
}

table thead th {
    background-color: #152342 !important;
    color: #fff;
    font-family: "Poppins-SemiBold" !important;
    font-size: 14px !important;
}

tbody tr th {
    font-family: "Poppins-Regular" !important;
    font-size: 11px !important;
}

#nav-paginacion .active>.page-link,
.page-link.active {
    z-index: 3;
    color: #fff !important;
    background-color: #152342 !important;
    border-color: none !important;
}

.regresar-menu {
    color: #8e0e20;
    font-family: "Poppins-Regular" !important;
}

.regresar-menu:hover {
    color: #152342;
    font-family: "Poppins-Regular" !important;
}

/****************************
	- Servicios -
*****************************/
/*- Banner -*/
.servicios {
    background-image: url(../img/servicios/banner-servicios.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center bottom;
    height: 322px;
    width: 100%;
    display: table;
}

.servicios h1 {
    color: #fff;
    display: table-cell;
    vertical-align: middle;
    display: table-cell;
    vertical-align: middle;
}

/*- Apoyo logistico -*/
.apoyologistico {
    background-image: url(../img/servicios/apoyo-logistico.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    height: 546px;
    width: 100%;
}

.apoyologistico h1 {
    color: #fff;
    padding-top: 180px;
}

/*- reparacion -*/
.reparacion {
    margin: 100px 0px;
}

.reparacion h1 {
    color: #b01b30;
}

.reparacion p {
    color: #152342;
}

.reparacion .slider {
    padding: 0px 0px;
    width: 100%;
    margin: 0px auto;
}

.reparacion .slick-slide {
    margin: 0px 0px;
}

.reparacion .slick-slide img {
    width: 100%;
}

.reparacion .slick-slide {
    opacity: 1;
}

.reparacion .slick-active {
    opacity: 1;
}

.reparacion .slick-current {
    opacity: 1;
}

/*- reparacion -*/
.sergruas {
    margin: 100px 0px;
}

.sergruas h1 {
    padding-top: 300px;
    color: #b01b30;
}

.sergruas p {
    color: #152342;
}

.sergruas .slider {
    padding: 0px 0px;
    width: 100%;
    margin: 0px auto;
}

.sergruas .slick-slide {
    margin: 0px 0px;
}

.sergruas .slick-slide img {
    width: 100%;
}

.sergruas .slick-slide {
    opacity: 1;
}

.sergruas .slick-active {
    opacity: 1;
}

.sergruas .slick-current {
    opacity: 1;
}

/****************************
	- Certificaciones -
*****************************/
/*- Banner -*/
.certificaciones {
    background-image: url(../img/certificaciones/banner-certificaciones.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center bottom;
    height: 322px;
    width: 100%;
    display: table;
}

.certificaciones h1 {
    color: #fff;
    display: table-cell;
    vertical-align: middle;
    display: table-cell;
    vertical-align: middle;
}

/*- Mantenimiento -*/
.mantenimiento {
    background-image: url(../img/certificaciones/mantenimiento-servicio.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center bottom;
    height: 546px;
    width: 100%;
}

.mantenimiento h1 {
    padding-top: 80px;
    color: #fff;
    padding-bottom: 40px;
}

.mantenimiento ul li {
    color: #fff;
    font-family: "Poppins-Regular";
    font-size: 18px;
}

/*- Certificaciones nombres -*/
.certificacionesnombres {
    margin: 100px 0px;
}

.certificacionesnombres .slider {
    padding: 0px 0px;
    width: 100%;
    margin: 0px auto;
}

.certificacionesnombres .slick-slide {
    margin: 0px 0px;
}

.certificacionesnombres .slick-slide img {
    width: 100%;
}

.certificacionesnombres .slick-slide {
    opacity: 1;
}

.certificacionesnombres .slick-active {
    opacity: 1;
}

.certificacionesnombres .slick-current {
    opacity: 1;
}

/*- Capacitaciones -*/
.capacitaciones {
    padding-bottom: 80px;
}

.capacitaciones li {
    font-family: "Poppins-Regular";
    font-size: 18px;
    line-height: 25pt;
}

.capacitaciones h1 {
    color: #b01b30;
    padding-bottom: 80px;
}

.capacitaciones p {
    color: #152342;
    text-align: left;
}

.capacitaciones strong {
    font-family: "Poppins-SemiBold";
    color: #2e2e2e;
}

.capacitaciones .slider {
    padding: 0px 0px;
    width: 70%;
    margin: 0px auto;
}

.lista-capacitaciones {
    padding-top: 70px;
}

.capacitaciones .slick-slide {
    margin: 0px 0px;
}

.capacitaciones .slick-slide img {
    width: 100%;
}

.capacitaciones .slick-slide {
    opacity: 1;
}

.capacitaciones .slick-active {
    opacity: 1;
}

.capacitaciones .slick-current {
    opacity: 1;
}

/****************************
	- Contacto -
*****************************/
/*- Banner contacto -*/
.contacto {
    background-image: url(../img/contacto/fondo-contacto.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center bottom;
    height: 322px;
    width: 100%;
    display: table;
}

.contacto h1 {
    color: #fff;
    display: table-cell;
    vertical-align: middle;
    display: table-cell;
    vertical-align: middle;
}

#respuesta {
    color: #fff !important;
}

/*- Formulario -*/
.formulario {
    background-image: url(../img/contacto/formulario.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center bottom;
    width: 100%;
    display: table;
    padding: 100px 0px;
}

.formulario h1 {
    color: #fff;
    text-align: center;
}

.formulario .cotiza {
    padding-top: 100px;
}

.formulario input,
.formulario .form-select {
    margin: 20px 0px;
    padding: 10px 20px;
    border-radius: 90px;
    border: 2px solid #b01b30;
    font-family: "Poppins-Regular";
    font-size: 13px;
    letter-spacing: 1px;
    width: 100%;
    outline: none;
    background-color: rgba(2, 31, 65, 0.7);
    color: #fff;
}

::placeholder {
    color: #fff !important;
    opacity: 1;
    outline: none;
}

.contactanosbtn {
    background-color: #b01b30;
    font-family: "Poppins-Regular";
    color: #fff;
    border-radius: 0px;
    padding: 10px 20px;
    margin-top: 20px;
}

.contactanosbtn :hover {
    background-color: #b01b30 !important;
}

.formulario .btn:hover {
    background-color: #b01b30 !important;
    color: #fff;
}

.formulario img {
    max-width: 100%;
}

/*- marquee -*/
.grua-animada {
    background-color: #021f41;
}

marquee img {
    width: 100px !important;
}

/*- clientes -*/
.clientes .titulo--arriba {
    color: #2e2e2e;
    padding-top: 50px !important;
}

.clientes .titulo--abajo {
    color: #b01b30;
}

.clientes .slider {
    padding: 50px 0px;
    width: 80%;
    margin: 0px auto;
}

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

.clientes .slick-slide img {
    width: 100%;
}

.clientes .slick-slide {
    opacity: 1;
}

.clientes .slick-active {
    opacity: 1;
}

.clientes .slick-current {
    opacity: 1;
}

/****************************
	- Productos -
*****************************/
/*- Banner -*/
.productos {
    background-image: url(../img/productos/banner-productos.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center bottom;
    height: 322px;
    width: 100%;
    display: table;
}


/****************************
	- Marcas -
*****************************/
/*- Banner marcas-*/
.marcas {
    background-image: url(../img/marcas/banner-marcas.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center bottom;
    height: 322px;
    width: 100%;
    display: table;
}

.marcas h1 {
    color: #fff;
    display: table-cell;
    vertical-align: middle;
    display: table-cell;
    vertical-align: middle;
}

/*- Contenido de marcas -*/
.cont-marcas {
    background-image: url(../img/marcas/fondo-contenido.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center right;
}

.cont-marcas .col {
    padding-left: 1px;
    padding-right: 1px;
}

.cont-marcas h1 {
    color: #b01b30;
    padding: 30px 0px;
}

.cont-marcas h2 {
    color: #b01b30;
    background-color: transparent;
    font-family: "Poppins-Regular";
}

.accordion-marcas .card {
    border: 0px solid rgba(0, 0, 0, .125);
}

.accordion-marcas .card-header {
    background-color: transparent;
    border: 0px solid rgba(0, 0, 0, .125);
}

.accordion-marcas .btn-link {
    font-family: "Poppins-Regular" !important;
    font-size: 18px;
    color: #b01b30 !important;
    text-decoration: none !important;
}


.product-photo {
    float: left;
    position: relative;
    height: 144px;
    margin-bottom: 1px;
    width: 100%;
}

.img1 {
    position: absolute;
    top: 0px;
    left: 0px;
    opacity: 1;
    max-width: 100%;
    margin-top: -9px;
    background-color: #fff !important;
    border: 1px solid #2e2e2e;

}

.img2 {
    position: absolute;
    top: 0px;
    left: 0px;
    max-width: 100%;
    margin-top: -9px;
    background-color: #fff !important;
    border: 1px solid #2e2e2e;
}

/****************************
	- Aviso de privacidad -
*****************************/
/*- Banner privacidad -*/
.privacidad {
    background-image: url(../img/aviso/fondo-aviso.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center bottom;
    height: 322px;
    width: 100%;
    display: table;
}

.privacidad h1 {
    color: #fff;
    display: table-cell;
    vertical-align: middle;
    display: table-cell;
    vertical-align: middle;
}

/*- Texto de aviso -*/
.text-aviso {
    margin: 80px 0px;
}

.text-aviso h1 {
    color: #8e0e20;
}

.text-aviso p {
    color: #2e2e2e;
}

.text-aviso h3 {
    font-family: "Poppins-Regular";
    color: #8e0e20;
    text-align: center;
}

.text-aviso h4 {
    font-family: "Poppins-Regular";
    color: #8e0e20;
    text-align: left;
    font-size: 25pt;
    margin-top: 30px;
}

.text-aviso ul li {
    font-family: "Poppins-Regular";
    font-size: 18px;
    line-height: 25pt;
}

.text-aviso strong {
    font-family: "Poppins-SemiBold";
    color: #2e2e2e;
}

.text-aviso svg {
    color: #8e0e20;
    width: 25px;
    height: 25px;
}

.denuncias p {
    display: contents;
}

/****************************
	- Productos -
*****************************/
/*- productos -*/
.lista-productos {
    margin: 20px 0px 50px 0px !important;
}

.lista-productos .row {
    margin-bottom: 10px !important;
    padding-top: 10px;
}

#campo {
    border: 2px solid #8e0e20;
    width: 100% !important;
}



@media (max-width: 992px) {
    .menu {
        position: absolute;
        background-color: #152342 !important;
        z-index: 1;
        width: 100%;
    }

    .navbar-light .navbar-toggler {
        color: rgba(0, 0, 0, .5);
        border-color: rgba(0, 0, 0, .1);
        background-color: #8e0e20;
    }

    .ahorrardinero {
        background-image: url(../img/home/fondo-ahorra-dinero.jpg);
        background-position: center right;
        background-size: cover;
        background-repeat: no-repeat;
        width: 100%;
        height: auto;
    }

    .ahorrardinero img {
        margin-left: -0px !important;
        max-width: 100%;
    }

    .dudas img {
        margin-left: -100px;
    }
}

@media (max-width: 767.98px) {
    .bannerhome {
        background-image: url(../img/home/slider/slider.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center bottom;
        height: auto;
        width: 100%;
    }
}

@media (max-width: 575.98px) {
    h1 {
        font-family: "Poppins-SemiBold";
        font-size: 20px;
        line-height: 24pt;
    }

    .bannerhome {
        height: auto !important;
        width: 100%;
        padding-bottom: 100px;
    }

    .bannerhome h1 {
        color: #fff;
        padding-top: 169px;
    }

    .ahorrardinero {
        padding-bottom: 50px;
    }

    .ahorrardinero h1 {
        margin-top: 50px;
        color: #b01b30;
    }

    .tecotizamos .row {
        padding-top: 0px;
    }

    .tecotizamos .row .col-md-4 {
        padding-top: 20px;
    }

    .dudas {
        padding-bottom: 50px;
    }

    .dudas img {
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    footer p {
        text-align: center;
    }

    .con-menu {
        text-align: center;
        padding-bottom: 20px;
    }

    .equiporefacciones ul {
        margin: 0px 0px;
    }

    .ficha-producto {
        margin-top: 30px;
    }

    .productos h1 {
        padding-top: 96px;
    }

    .servicios h1 {
        padding-top: 96px;
    }

    .apoyologistico {
        background-position: center right;
    }

    .sergruas {
        margin: 50px 0px;
    }

    .sergruas h1 {
        padding-top: 0px;
        color: #b01b30;
    }

    .certificaciones h1 {
        padding-top: 96px;
    }

    .contacto h1 {
        padding-top: 96px;
    }
}