/*
 * 
 * Made by David Blanco
 * 
 */

/* ====================================================================== *
        MODAL
 * ====================================================================== */      

    .popup-modal{
        max-height: 98% !important;
        height: 98% !important;
        width: 99% !important;
        background: #fff;
        max-height: 90%;
        overflow-y: scroll;
        padding: 0px;
        z-index: 99999;
        position: fixed;
        right: 0;
        left: 0;
        bottom: 0;
        top: 0;
        margin: auto;
        
        /*
        -webkit-transform   : translateX(-50%) translateY(-50%) scale(1);
        -moz-transform      : translateX(-50%) translateY(-50%) scale(1);
        -ms-transform       : translateX(-50%) translateY(-50%) scale(1);
        transform           : translateX(-50%) translateY(-50%) scale(1);
        */
        /*
        -webkit-backface-visibility : hidden;
        -moz-backface-visibility    : hidden;
        backface-visibility         : hidden;
        */
        visibility                  : hidden;

        opacity: 0;

        -webkit-transition: opacity 0.1s;
        -moz-transition: opacity 0.1s;
        transition: opacity 0.1s;

    }
  
    .popup-modal .fa-window-close{
        position: absolute;
        z-index: 99999;
        top: 5px;
        right: 5px;
        font-size: 20px;
        cursor: pointer;
        color: #303641;
    }

    .popup-content{
        background: white;
        position: relative;
        border-radius: 3px;
        padding: 30px;
        min-height: 100%;
    }

/* ====================================================================== *
        MODAL BACKGROUND
 * ====================================================================== */    

    .popup-background{
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 99998;
        background: rgba(48, 54, 65, 0.94);
        visibility: hidden;
        opacity: 0;

        -webkit-transition: opacity 0.1s;
        -moz-transition: opacity 0.1s;
        transition: opacity 0.1s;
    }
  
/* ====================================================================== *
        SHOW CLASS
 * ====================================================================== */      

    .popup-show{
        opacity: 1;
        visibility: visible;
    }