body,
    html {
        font-family: Helvetica, sans-serif;
    }

    .base {
        position: relative;
        float: left;

    }

    .w100 {
        width: 100%;
    }

    #sombra {
        position: fixed;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        z-index: 999;
        background: rgba(78, 80, 84, 0.8);
        display: none;
    }

    .m20 {
        margin: 20px 0px;
    }

    .m50 {
        margin: 50px 0px;
    }


    .p20 {
        padding: 20px 0px;
    }


    .p50 {
        padding: 50px 0px;
    }

    .mt50 {
        margin-top: 50px !important;
    }




    .pull-right {
        float: right !important;
    }


    @media (max-width:1000px) {

    

        .order-xs {
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -moz-flex;
            display: -webkit-flex;
            display: flex;
            flex-direction: column;
        }

        
        .order-1-xs {
            order: 1;
            max-width: 100%;
        }


    }

    @media (min-width:558px) and (max-width:1000px) {
        .w100-tableta {
            max-width: 100% !important;
            margin-top: 20px;
        }

    }

    @media (min-width:768px) {
        .flex {
            display: flex;
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -moz-flex;
            display: -webkit-flex;


        }

        .v {
            align-items: center;
        }

        .h {
            justify-content: center;
        }
    }

    @media (max-width:768px) {

        .mt0-xs {
            margin-top: 0px !important;
        }

        .pt0-xs {
            padding-top: 0px !important;
        }

        .mt50-xs {
            margin-top: 50px !important;
        }



        .mt20-xs {
            margin-top: 20px !important;
        }


        .ml25-xs {
            margin-left: 25px;
            max-width: 90%;
        }

        .mt25-xs {
            margin-top: 25px;
        }

        .imagen {
            margin-top: 50px;
            margin-bottom: 50px;
        }



    }



    /*icono Menu**/
    @media (max-width: 640px) {}



    .noScroll {
        overflow: hidden;
        height: 100%;
        position: fixed;
    }

    #loading {
        position: fixed;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        background: #fff;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        z-index: 1050;

    }



    input[type=number]::-webkit-inner-spin-button, 
    input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none; 
    margin: 0; 
    }

    input[type=number] { -moz-appearance:textfield; }