/* Style for FO - PopupManager */

.modalBackground {
        width: 100%;
        height: 100%;
        position: absolute;
        background: #13455B;
        z-index: 999;
        top: 0
    }
    .modalContainer {
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 1000;
        top: 0
    }
    .translucide {
        opacity: 0.8;
    }
    
    .popupContainer {
        width: 680px;
        height: 460px;
        position: relative;
        margin: 12% auto;
        z-index: 1001;
        display: block;
        /*background: url(<?php echo $imgUrl; ?>) no-repeat;*/
        background: #000;
        background-size: cover;
        /*padding: 20px;*/
        overflow: hidden;
        background: #000;
    }
    
    .no-scroll {
        overflow: hidden;
    }
    
    .closePopup {
        float: right;
        margin-right: 20px;
        position: relative;
        margin-top: 20px;
        z-index: 10000;
    }
    
    .popupContainer:hover,
	.closePopup:hover {
        cursor: pointer;
    }
    .popupContainer #image-background{
        width: 100%;
        position: absolute;
        z-index: 999;
        height: 100%;
    }
     .popupContainer .textContainer {
        position: relative;
        top: 0;
        padding: 20px;
        z-index: 1000;
    }
    /*#form_zone .input_zone {
        margin: 10px 0;
    }
    #form_zone input.button {
        cursor: pointer;
    }*/
    @media (max-width: 767px) {
        .popupContainer {
            width: 90%!important;
            padding: 0px!important;
	    height: 70%!important;
        }
        .popupContainer #image-background{
            width: 100%;
            position: absolute;
            z-index: 999;
        }
        .firstTextPopup span br{
            display: none;
        }
    }