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

.content-to-populate-in-modal {
    display:none !important;
}

.modal {
    color:#fff;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    border:none !important;
    outline:none !important;
}

.modal-backdrop {
    border:none !important;
    outline:none !important;    
}

.modal .modal-content {
    background-color:#000;
    background-color: rgba(0,0,0,0.6);
    border: none;
    border-radius: 0;
    outline: 0;
    -webkit-box-shadow: 0 2px 40px rgba(0,0,0,0.3);
    box-shadow: 0 2px 40px rgba(0,0,0,0.3);
    background-clip: padding-box;   
}

.modal .close {
    position: absolute;
    top:0;
    right:0;
    color:#fff;
    font-weight: bold;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.19);
    font-size:40px;
    line-height:40px;
    height:40px;
    width:40px;
    text-align: center;
    opacity: 0.5;
    filter: alpha(opacity=50);
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    outline:none;
    z-index:100;
}
.modal .close:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

.modal .modal-content .modal-body {
    padding:15px 20px;
    text-align: center;
}

    @media (min-width: 768px) { 
        .modal .modal-dialog {
            width: auto;
            margin: 20px;
        }      
        .modal .close {
            top:2px;
            right:2px;
        }          
        .modal .modal-content .modal-body {
            padding:30px 60px;
        }      
    }
    @media (min-width: 992px) { 
        .modal .modal-dialog {
            width: 800px;
            margin: 40px auto;
        } 
        .modal.full-size .modal-dialog {
            width: 90%;
            margin: 40px auto;
        }         
        .modal .close {
            top:-35px;
            right:-35px;
        }                
        .modal .modal-content .modal-body {
            padding:55px 90px;
        }
        .modal.full-size .modal-content .modal-body {
            padding:30px 60px;
        }                   
    }
    @media (min-width: 1200px) {  
    }