@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,200;0,300;0,400;1,300&family=Titillium+Web:wght@600;700&display=swap');

/*Genérico*/
* { margin:0;padding: 0;}
h1, h2, h3 { font-family: 'Titillium Web', sans-serif; }
h1 { font-size: 35px !important;font-weight: 700 !important; }
h2 { font-size: 25px !important;font-weight: 700 !important; }
h3 { font-size: 18px !important;font-weight: 500 !important; }
p { font-family: 'Nunito Sans', sans-serif;font-size: 14px; }
ol, ul { padding-left: 1rem; }
li { font-size: 13px;}
::marker { color: #fdc904 !important; }
.marginTopBottom { margin: 60px 0; }
.marginTop { margin-top: 60px; }
.container { width: 970px !important;}
li.nav-item.itemCall { margin-left: 20px;border-left: 1px solid #f1f1f1;padding-left: 20px; }
.gallery { display: inline-block;margin-top: 20px; }
ul.navbar-nav li { padding: 0 10px; }
.bgTop { background-color: #052c54; }
ul.navTop { display: flex;justify-content: flex-end;margin: 0; }
ul.navTop li { display: block; }
ul.navTop li a { color: #FFF; }
/*Header*/


/*Index*/
button.btnIma { border: none; }
.modal-dialog { max-width: 650px !important; }
p a.btnVerDetalles { text-align: center;display: flex;justify-content: center;margin-top: 20px;font-size: 15px;color: #333;text-decoration: none; }
a.btnVerDetalles:hover{ color:#2447c7}
ul.navbar-nav li a { font-size: 15px; }
h1.titulos { color:#2447c7 !important }
p.textSup { margin: 0;font-size: 10px;letter-spacing: 3px; }
.alignVerticalContent { display: flex;align-items: center; }
.bgServicios h2, .bgServicios p { text-align: center; }
.bgServicios { height: 250px;background-image: url(../ima/bgslideshow.2v.jpg);background-size: cover;background-position: center; }
.bgServicios h2 { color: #FFF;padding-top: 60px; }
.bgServicios p { color: #FFF; }
.boxHidden { overflow: hidden; } 
.contentProyect { height: 200px;margin-bottom: 20px;padding: 20px 40px;transition: all .2s ease-in-out;transform: scale(1.3); }
.contentProyect:hover { transform: scale(1.4); }
.imaService1 { background-image: url(../ima/service-equipos-de-levante.jpg);background-size: cover;background-position: center; }
.imaService2 { background-image: url(../ima/mantencion-tecle-2v.jpg);background-size: cover;background-position: center; }
.imaService3 { background-image: url(../ima/categoria-torque.jpg);background-size: cover;background-position: center; }
.imaService4 { background-image: url(../ima/service-compresor.jpg);background-size: cover;background-position: center; }
.imaService5 { background-image: url(../ima/service-redes-de-aire.jpg);background-size: cover;background-position: center; }
.imaService6 { background-image: url(../ima/tablero-electrico.jpg);background-size: cover;background-position: center; }
.boxSup { position: relative;top: -80px; }
.boxHidden h3 { font-size: 18px !important; }
.contentBoxCat { position: relative;margin-top: -110px;text-align: center; }
.ContentProyects { display: flex;flex-wrap: wrap;justify-content: center; }
.boxBlock { width: 290px;height: 220px;margin: 5px;border-radius: 10px;border: 1px solid #d8d8d8; }
.bgCotizar { padding: 20px 0;background-position: center;background-color: #2447c7; }
button.btnCotizar a {
    display: block;
    color: #FFF;
    text-decoration: none;
    padding: 7px 25px;
    background-color: transparent;
    border: 2px solid #FFF;
    border-radius: 40px;
    transition: all .2s ease-in-out
}
button.btnCotizar { background-color: transparent;border: none;width: 100%; }
button.btnCotizar a:hover { background-color: #333;border-color: #333; }
.bgCotizar > .container > .row > .col-md-4 { display: flex;align-items: center;align-content: center; }
.lineSup {
    background-image: linear-gradient(to right, #ffe200, #ffe200) !important;
    background-position: left 8px !important;
    background-repeat: no-repeat;
    background-size: 2rem 3px;
    padding-top: .8rem;
}
.lineSupService {
    background-image: linear-gradient(to right, #ffe200, #ffe200) !important;
    background-position: 182px 50px !important;
    background-repeat: no-repeat;
    background-size: 2rem 3px;
    padding-top: .8rem;
}
.contentSlideshow {
    height: 550px;
    background: url(../ima/bgslideshow.2v.jpg) no-repeat center top fixed;
    -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
    background-position: center;
    display: flex;justify-content: center;align-items: center; }
    .contentSlideshowIn {
        height: 200px;
        background: url(../ima/bgslideshow.2v.jpg) no-repeat center top fixed;
        -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
        background-position: center;
        display: flex;justify-content: center;align-items:center; }
        .dropdown-menu[data-bs-popper] {
            left: -130px !important;
            margin-top: .125rem;
        }
        ul.navLeft li a:hover {
            color: #fdc904 !important;
        }
.contentCaption h1 { color: #FFF;text-align: center;line-height: 67px;font-size: 50px !important; }
.contentCaptionIn h1 { color: #FFF;text-align: center;line-height: 67px;font-size: 40px !important;}
a.iconoWsp:hover { transform: scale(1.2); }
.bgCotizar h3 {
    color: #FFF !important;
    font-size: 30px !important;
}
.bgCotizar p {
    color: #FFF !important;
}
.topAbsolute {
    position: absolute;
    z-index: 9999;
}
.navbar { padding-top: 0 !important;padding-bottom: 0 !important; }
nav.navbar.navbar-expand-lg.navbar-light.bg-light {
    background-color: #FFF !important;
}
.navbar-light .navbar-toggler {
    color: rgb(255 255 255 / 0%);
    border-color: rgb(255 255 255 / 0%);
}
.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link {
    color: rgb(253 201 4) !important;
}
.navbar-light .navbar-nav .nav-link {
    color: rgb(1 12 50) !important;
}
.navbar-collapse {
    flex-grow: inherit !important;
}
ul.navLeft {
    padding-left: 0;margin: 0;
}
ul.navLeft li {
    display: block;
    padding: 5px 0;
}
ul.navLeft li a {
    font-size: 13px;
    text-decoration: none;
    color: #333;
}
li.active a { color: #fdc904 !important;font-weight: 600; }
.spacio { padding: 40px 0; }
.lineRigth { border-right: 1px solid #ececec;}
h1.espacioTit { margin-bottom: 30px;font-size: 30px !important;background-image: linear-gradient(to right, #ffe200, #ffe200) !important;
    background-position: left 15px !important;
    background-repeat: no-repeat;
    background-size: 2rem 3px;
    padding-top: 1rem; }
.boxBlock a { color: #FFF;text-decoration: none;background-color: #0000008a;padding: 0 5px;transition: .3s; }
.boxBlock a:hover { color: #fee203;transition: .3s; }
.bgFooter { background-color: #36373e !important }
.bgFooter p { text-align: center;color: #FFF;margin: 0;padding: 5px 0;}
.bgFooter a { color: #fee203;font-weight: 600;text-decoration: none; }
img.smallBrand { display: block;margin: 0 auto;width: 12%;padding-top: 20px !important; }
.contentPhone {
    float: right;
}
.contentWsp, .contentPhone {
    float: right;
}
.iconoPhone img {
    width: 84px;
}
.contentContacto {
    position: fixed;
    bottom: 10px;
    right: 10px;
}
.contentPhone {
    display: none;
}
ul.navContacto li a {
    color: #333 !important;
    text-decoration: none;
    font-size: 18px;
}


@media screen and (min-width:480px) and (max-width:768px) {
.container { width: 100% !important;}
.boxBlock { width: 47%; }
button.btnIma { margin-bottom: 23px; }
}

@media screen and (min-width:320px) and (max-width:480px) {
button.btnIma { margin-bottom: 23px; }
.container { width: 100% !important;}
.boxBlock { width: 100%; }
img.smallBrand { width: 25%; }
.contentPhone { display: block; }
.contentContacto { bottom: 10px;right: 10px; }
li.nav-item.itemCall { margin-left: 0px;border-left: 0px solid #f1f1f1;padding-left: 0px; }
}