@font-face {
        font-family: 'MontserratBi';
        src: url('assets/fonts/Montserrat-ExtraBold.woff2') format('woff2'),url('assets/fonts/Montserrat-ExtraBold.woff') format('woff'),url('assets/fonts/Montserrat-ExtraBold.ttf') format('truetype');
        font-weight: bold;
        font-style: italic;
        font-display: swap;
    }

    @font-face {
        font-family: 'icomoon';
        src: url('assets/fonts/icomoon.eot?p0r0pn1');
        src:  url('assets/fonts/icomoon.eot?p0r0pn1#iefix') format('embedded-opentype'),url('assets/fonts/icomoon.ttf?p0r0pn1') format('truetype'),url('assets/fonts/icomoon.woff?p0r0pn1') format('woff'),url('assets/fonts/icomoon.svg?p0r0pn1#icomoon') format('svg');
        font-weight: normal;
        font-style: normal;
        font-display: block;
    }
    [class^="iconm-"], [class*=" iconm-"] {
        font-family: 'icomoon' !important;
        speak: never;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    .iconm-logomanio .path1:before {
        content: "\e90e";
        color: rgb(255, 203, 7);
    }
    .iconm-logomanio .path2:before {
        content: "\e90f";
        margin-left: -5.7734375em;
        color: rgb(34, 34, 32);
    }
    .iconm-logomanio .path3:before {
        content: "\e910";
        margin-left: -5.7734375em;
        color: rgb(34, 34, 32);
    }
    .iconm-logomanio .path4:before {
        content: "\e911";
        margin-left: -5.7734375em;
        color: rgb(34, 34, 32);
    }
    .iconm-logomanio .path5:before {
        content: "\e912";
        margin-left: -5.7734375em;
        color: rgb(34, 34, 32);
    }
    .iconm-logomanio .path6:before {
        content: "\e913";
        margin-left: -5.7734375em;
        color: rgb(34, 34, 32);
    }
    .iconm-logomanio .path7:before {
        content: "\e914";
        margin-left: -5.7734375em;
        color: rgb(34, 34, 32);
    }
    .iconm-logomanio .path8:before {
        content: "\e915";
        margin-left: -5.7734375em;
        color: rgb(34, 34, 32);
    }
    .iconm-logomanio .path9:before {
        content: "\e916";
        margin-left: -5.7734375em;
        color: rgb(34, 34, 32);
    }
    .iconm-logomanio .path10:before {
        content: "\e917";
        margin-left: -5.7734375em;
        color: rgb(34, 34, 32);
    }
    .iconm-logomanio .path11:before {
        content: "\e918";
        margin-left: -5.7734375em;
        color: rgb(255, 203, 7);
    }
    .iconm-logomanio .path12:before {
        content: "\e919";
        margin-left: -5.7734375em;
        color: rgb(255, 203, 7);
    }
    .iconm-logomanio .path13:before {
        content: "\e91a";
        margin-left: -5.7734375em;
        color: rgb(255, 203, 7);
    }
    .iconm-logomanio .path14:before {
        content: "\e91b";
        margin-left: -5.7734375em;
        color: rgb(255, 203, 7);
    }
    .iconm-logomanio .path15:before {
        content: "\e91c";
        margin-left: -5.7734375em;
        color: rgb(255, 203, 7);
    }
    .iconm-logomanio .path16:before {
        content: "\e91d";
        margin-left: -5.7734375em;
        color: rgb(255, 203, 7);
    }
    .iconm-logomanio .path17:before {
        content: "\e91e";
        margin-left: -5.7734375em;
        color: rgb(255, 203, 7);
    }
    .iconm-logomanio .path18:before {
        content: "\e91f";
        margin-left: -5.7734375em;
        color: rgb(255, 203, 7);
    }
    .iconm-logomanio .path19:before {
        content: "\e920";
        margin-left: -5.7734375em;
        color: rgb(34, 34, 32);
    }
    .iconm-logomanio .path20:before {
        content: "\e921";
        margin-left: -5.7734375em;
        color: rgb(34, 34, 32);
    }
    .iconm-logomanio .path21:before {
        content: "\e922";
        margin-left: -5.7734375em;
        color: rgb(34, 34, 32);
    }
    .iconm-logomanio .path22:before {
        content: "\e923";
        margin-left: -5.7734375em;
        color: rgb(34, 34, 32);
    }
    .iconm-logomanio .path23:before {
        content: "\e924";
        margin-left: -5.7734375em;
        color: rgb(34, 34, 32);
    }
    .iconm-logomanio .path24:before {
        content: "\e925";
        margin-left: -5.7734375em;
        color: rgb(34, 34, 32);
    }
    .iconm-logomanio .path25:before {
        content: "\e926";
        margin-left: -5.7734375em;
        color: rgb(34, 34, 32);
    }
    .iconm-logomanio .path26:before {
        content: "\e927";
        margin-left: -5.7734375em;
        color: rgb(34, 34, 32);
    }
    .iconm-logomanio .path27:before {
        content: "\e928";
        margin-left: -5.7734375em;
        color: rgb(34, 34, 32);
    }
    .iconm-logomanio .path28:before {
        content: "\e929";
        margin-left: -5.7734375em;
        color: rgb(34, 34, 32);
    }
    .iconm-logomanio .path29:before {
        content: "\e92a";
        margin-left: -5.7734375em;
        color: rgb(34, 34, 32);
    }
    .iconm-logomanio .path30:before {
        content: "\e92b";
        margin-left: -5.7734375em;
        color: rgb(34, 34, 32);
    }
    .iconm-logomanio .path31:before {
        content: "\e92c";
        margin-left: -5.7734375em;
        color: rgb(34, 34, 32);
    }
    .iconm-logomanio .path32:before {
        content: "\e92d";
        margin-left: -5.7734375em;
        color: rgb(34, 34, 32);
    }
    .iconm-logomanio .path33:before {
        content: "\e92e";
        margin-left: -5.7734375em;
        color: rgb(34, 34, 32);
    }
    .iconm-logomanio .path34:before {
        content: "\e92f";
        margin-left: -5.7734375em;
        color: rgb(34, 34, 32);
    }
    .iconm-logomanio .path35:before {
        content: "\e930";
        margin-left: -5.7734375em;
        color: rgb(34, 34, 32);
    }
    .iconm-logomanio .path36:before {
        content: "\e931";
        margin-left: -5.7734375em;
        color: rgb(34, 34, 32);
    }
    .iconm-logomanio .path37:before {
        content: "\e932";
        margin-left: -5.7734375em;
        color: rgb(34, 34, 32);
    }
    .iconm-logomanio .path38:before {
        content: "\e933";
        margin-left: -5.7734375em;
        color: rgb(34, 34, 32);
    }
    .iconm-logomanio .path39:before {
        content: "\e934";
        margin-left: -5.7734375em;
        color: rgb(34, 34, 32);
    }
    .iconm-logomanio .path40:before {
        content: "\e935";
        margin-left: -5.7734375em;
        color: rgb(34, 34, 32);
    }
    .iconm-logomanio .path41:before {
        content: "\e936";
        margin-left: -5.7734375em;
        color: rgb(34, 34, 32);
    }
    .iconm-logomanio .path42:before {
        content: "\e937";
        margin-left: -5.7734375em;
        color: rgb(34, 34, 32);
    }
    .iconm-logomanio .path43:before {
        content: "\e938";
        margin-left: -5.7734375em;
        color: rgb(34, 34, 32);
    }
    .iconm-logomanio .path44:before {
        content: "\e939";
        margin-left: -5.7734375em;
        color: rgb(34, 34, 32);
    }
    .iconm-logomanio .path45:before {
        content: "\e93a";
        margin-left: -5.7734375em;
        color: rgb(34, 34, 32);
    }
    .iconm-logomanio .path46:before {
        content: "\e93b";
        margin-left: -5.7734375em;
        color: rgb(34, 34, 32);
    }
    .iconm-logomanio .path47:before {
        content: "\e93c";
        margin-left: -5.7734375em;
        color: rgb(34, 34, 32);
    }
    .iconm-logomanio .path48:before {
        content: "\e93d";
        margin-left: -5.7734375em;
        color: rgb(34, 34, 32);
    }
    .iconm-logomanio .path49:before {
        content: "\e93e";
        margin-left: -5.7734375em;
        color: rgb(34, 34, 32);
    }
    .iconm-logomanio .path50:before {
        content: "\e93f";
        margin-left: -5.7734375em;
        color: rgb(34, 34, 32);
    }
    .iconm-logomanio .path51:before {
        content: "\e940";
        margin-left: -5.7734375em;
        color: rgb(34, 34, 32);
    }
    .iconm-accesoriosizaje:before {
        content: "\e904";
    }
    .iconm-cablesdeacero:before {
        content: "\e905";
    }
    .iconm-deptecnico:before {
        content: "\e906";
    }
    .iconm-escaleras:before {
        content: "\e907";
    }
    .iconm-izaje:before {
        content: "\e908";
    }
    .iconm-mascarilla:before {
        content: "\e909";
    }
    .iconm-polipastos:before {
        content: "\e90a";
    }
    .iconm-seguridadaltura:before {
        content: "\e90b";
    }
    .iconm-tecles:before {
        content: "\e90c";
    }
    .iconm-tendidoredes:before {
        content: "\e90d";
    }
    .iconm-paso-1:before {
        content: "\e900";
    }
    .iconm-paso-2:before {
        content: "\e901";
    }
    .iconm-paso-3:before {
        content: "\e902";
    }
    .iconm-paso-4:before {
        content: "\e903";
    }

    .float-start{
        float: left !important;
    }
    .float-end{
        float: right !important;
    }
    .header-nav{
        position: relative;
        z-index: 15;
    }
    .header-menu{
        position: relative;
        z-index: 10;
    }
    .header-top .logo img{
        max-width: 240px;
        width: 100%;
        height: auto;
    }

    .header-menu-movil{
        padding: 10px 0;
    }
    .header-menu-movil ul{
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .header-menu-movil ul > li{
        color: #fff;
        line-height: 0;
    }
    .header-menu-movil ul > li > a{
        color: inherit;
        line-height: 30px;
        font-size: 20px;
    }
    .header-menu-movil ul > li .menu-categorias{
        line-height: 30px;
    }
    .header-menu-movil ul > li .menu-categorias::before{
        font-size: 25px;
    }
    .header-menu-movil ul > li > a > img{
        max-width: 150px;
        width: 100%;
        height: auto;
        line-height: 30px;
    }
    .header-menu-movil.menu_fixed ul > li > a > img{
        display: block;
    }
    .header-menu-movil .icon-shopping-cart::after{
        content: attr(data-item);
        display: inline-block;
        width: 25px;
        height: 27px;
        float: right;
        color: #fff;
        font-size: 12px;
        line-height: 27px;
        text-align: center;
        background-color: #282828;
        margin-left: 8px;
    }
    .offcanvas{
        visibility: hidden;
    }
    .offcanvas.offcanvas-open{
        visibility: visible;
    }

    .menu-link-a .icon-mail,
    .menu-link-a .ion-social-whatsapp {
        font-size: 18px;
        line-height: 18px;
        vertical-align: middle;
    }

    .offcanvas-menu {
        position: relative;
    }
    .mprod-ul {
        position: relative;
        overflow: hidden;
    }

    .mprod-ul .mprod-li{
        position: relative;
        display: table;
        padding: 6px 0;
        min-height: 35px;
        width: 100%;
        margin: 6px 0;
    }
    .mprod-ul .mprod-li .mprod-a{
        position: relative;
        display: table-row;
        height: 25px;
        color: #282828;
    }
    .mprod-ul .mprod-li .mprod-a .mprod-span{
        position: relative;
        display: table-cell;
        width: 100%;
        font-size: 14px;
        line-height: 18px;
        padding: 0 20px 0 30px;
        text-transform: uppercase;
        vertical-align: middle;
    }
    .mprod-ul .mprod-li .mprod-a.arrowx .mprod-span::after{
        position: absolute;
        top: 0;
        right: 8px;
        content: "";
        font-family: "Ionicons";
        transition: all 300ms linear;
        transform: rotate(180deg);
        height: 25px;
        line-height: 25px;
    }

    .mprod-ul .mprod-li .mprod-a .mprod-span .mprod-i{
        position: absolute;
        top: 0;
        left: 0;
        width: 25px;
        height: 25px;
        font-size: 25px;
    }
    .mprod-ul .mprod-li.active{
        background-color: rgba(153, 153, 153, .1);
    }
    .mprod-ul .mprod-li > .mprod-ul{
        display: none;
    }
    .mprod-ul .mprod-li.active > .mprod-ul{
        display: block;
    }
    .mprod-ul .mprod-li.active > .mprod-a{
        color: #282828;
        font-weight: 500;
    }
    .mprod-ul .mprod-li:hover{
        background-color: rgba(153, 153, 153, .1);
    }
    .mprod-ul .mprod-li.active > .mprod-a.arrowx .mprod-span::after{
        transform: rotate(0deg);
        transition: all 300ms linear;
    }
    .mprod-ul .mprod-ul .mprod-span{
        padding-left: 50px !important;
    }
    .mprod-ul .mprod-ul .mprod-ul .mprod-span{
        padding-left: 70px !important;
    }

    .down-ficha:hover{
        background: none !important;
    }
    .down-ficha > img{
        display: inline-block;
        width: 25px;
        height: auto;
        vertical-align: middle;
        margin-right: 5px;
    }
    .down-ficha > span{
        display: inline-block;
        font-size: 10px;
        line-height: 13px;
        width: 90px;
        vertical-align: middle;
    }

    .menu-categorias::before {
        content: "";
        display: inline-block;
        font-size: 21px;
        font-family: "Linearicons-Free";
        font-weight: 400;
        margin-right: 10px;
        text-align: center;
        height: 18px;
        line-height: 18px;
        vertical-align: middle;
    }