/* Outer */
.popup {
    width:100%;
    height:100%;
    display:none;
    position:fixed;
    top:0px;
    left:0px;
    background:rgba(0,0,0,0.75);
}
 
/* Inner */
.popup-inner {
    max-width:700px;
    width:90%;
    height:auto;
    max-height:500px;
    padding:2em;
    box-sizing:border-box;
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    box-shadow:0px 2px 6px rgba(0,0,0,1);
    border-radius:5px;
    background:#fff;
    
}

    .popup-inner .contenedor_popup {
        width:100%;
        height:auto;
        max-height:440px;
        padding-right:20px;
        box-sizing:border-box;
        overflow-x: hidden; /*for hiding horizontal scroll bar*/
        overflow-y: auto; /*for vertical scroll bar*/
    }

    /**  STYLE 3 **/

        #style-3::-webkit-scrollbar-track
        {
	        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	        background-color: #F5F5F5;
        }

        #style-3::-webkit-scrollbar
        {
	        width: 6px;
	        background-color: #F5F5F5;
        }

        #style-3::-webkit-scrollbar-thumb
        {
	        background-color: #000000;
        }

 
/* Close Button */
.popup-close {
    width:30px;
    height:30px;
    padding:4px 6px;
    box-sizing:border-box;
    display:inline-block;
    position:absolute;
    top:0px;
    right:0px;
    transition:ease 0.25s all;
    -webkit-transform:translate(50%, -50%);
    transform:translate(50%, -50%);
    border-radius:1000px;
    background:rgba(0,0,0,0.8);
    font-family:Arial, Sans-Serif;
    font-size:20px;
    text-align:center;
    line-height:100%;
    color:#fff;
    z-index:50;
}
 
.popup-close:hover {
    -webkit-transform:translate(50%, -50%) rotate(180deg);
    transform:translate(50%, -50%) rotate(180deg);
    background:rgba(0,0,0,1);
    text-decoration:none;
    z-index:50;
}

.contenedor_popup img {
    width:100%;
    height:auto;
}