.displayOn {
    display: block;
}

.displayOff {
    display: none;
}

.canvas {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.1);
    z-index: 900;
}

.PopUpContentVideo {
    color: #000000;
    display: block;
    position: relative;


    padding: 20px;
    margin-right: 150px;
    position: absolute;

    width: 100%;

    max-width: 1320px;
    /* ---------------------------------------- */
    /* Modify if needed 2 */
    height: 258.398px;
    height: auto;
    max-height: 920px;
    /* ---------------------------------------- */
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;

    margin: auto;
    background-color: #ffffff;
    border: 1px solid #ddd;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    -webkit-box-shadow: 9px 9px 20px 8px rgba(0, 0, 0, 0.35);
    box-shadow: 9px 9px 20px 8px rgba(0, 0, 0, 0.35);

}


.box-content .popupContent {
    position: absolute;
    top: 10%;
    bottom: 10%;
    left: 2%;
    right: 2%;
    color: #000000;
    /*overflow: auto;*/
    overflow-y: auto;
    padding-right: 20px;
    padding-left: 20px;
}


.box-content {
    color: #000000
}

.box-content p {
    margin-bottom: 20px;
}

.PopUpContainerVideoQ1Giguere,
.PopUpContainerVideoQ2Giguere,
.PopUpContainerVideoQ3Giguere,
.PopUpContainerVideoQ4Giguere,
.PopUpContainerVideoQ5Giguere,
.PopUpContainerVideoQ1Zarruk,
.PopUpContainerVideoQ2Zarruk,
.PopUpContainerVideoQ3Zarruk,
.PopUpContainerVideoQ4Zarruk,
.PopUpContainerVideoQ5Zarruk,
.PopUpContainerVideoQ1Tourjman,
.PopUpContainerVideoQ2Tourjman,
.PopUpContainerVideoQ3Tourjman,
.PopUpContainerVideoQ4Tourjman,
.PopUpContainerVideoQ5Tourjman,
.PopUpContainerVideoQ5Cossette,
.PopUpContainerVideoQ4Cossette,
.PopUpContainerVideoQ3Cossette,
.PopUpContainerVideoQ2Cossette,
.PopUpContainerVideoQ1Cossette,
.PopUpContainerVideoQ5Brown,
.PopUpContainerVideoQ4Brown,
.PopUpContainerVideoQ3Brown,
.PopUpContainerVideoQ2Brown,
.PopUpContainerVideoQ1Brown,
.PopUpContainerVideoQ5Hirsch,
.PopUpContainerVideoQ4Hirsch,
.PopUpContainerVideoQ3Hirsch,
.PopUpContainerVideoQ2Hirsch,
.PopUpContainerVideoQ1Hirsch,
.PopUpContainerVideoQ5Soares,
.PopUpContainerVideoQ4Soares,
.PopUpContainerVideoQ3Soares,
.PopUpContainerVideoQ2Soares,
.PopUpContainerVideoQ1Soares,
.PopUpContainerVideoQ5Cohen,
.PopUpContainerVideoQ4Cohen,
.PopUpContainerVideoQ3Cohen,
.PopUpContainerVideoQ2Cohen,
.PopUpContainerVideoQ1Cohen,
.PopUpContainerVideoQ1,
.PopUpContainerVideo {
    padding: 0px;
    bottom: 0;
    height: 100%;
    max-height: 100%;
    background-color: #ffffff55;
    left: 0;
    margin: auto;
    position: fixed;
    top: 0px;
    right: 0;
    width: 100%;
    max-width: 100%;
    z-index: 901;
}


.PopUpContainerVideoQ1Giguere .PopUpContentVideo a.closeThisBoxVideo:not([href]):not([tabindex]),
.PopUpContainerVideoQ2Giguere .PopUpContentVideo a.closeThisBoxVideo:not([href]):not([tabindex]),
.PopUpContainerVideoQ3Giguere .PopUpContentVideo a.closeThisBoxVideo:not([href]):not([tabindex]),
.PopUpContainerVideoQ4Giguere .PopUpContentVideo a.closeThisBoxVideo:not([href]):not([tabindex]),
.PopUpContainerVideoQ5Giguere .PopUpContentVideo a.closeThisBoxVideo:not([href]):not([tabindex]),
.PopUpContainerVideoQ1Zarruk .PopUpContentVideo a.closeThisBoxVideo:not([href]):not([tabindex]),
.PopUpContainerVideoQ2Zarruk .PopUpContentVideo a.closeThisBoxVideo:not([href]):not([tabindex]),
.PopUpContainerVideoQ3Zarruk .PopUpContentVideo a.closeThisBoxVideo:not([href]):not([tabindex]),
.PopUpContainerVideoQ4Zarruk .PopUpContentVideo a.closeThisBoxVideo:not([href]):not([tabindex]),
.PopUpContainerVideoQ5Zarruk .PopUpContentVideo a.closeThisBoxVideo:not([href]):not([tabindex]),
.PopUpContainerVideoQ1Hirsch .PopUpContentVideo a.closeThisBoxVideo:not([href]):not([tabindex]),
.PopUpContainerVideoQ2Hirsch .PopUpContentVideo a.closeThisBoxVideo:not([href]):not([tabindex]),
.PopUpContainerVideoQ3Hirsch .PopUpContentVideo a.closeThisBoxVideo:not([href]):not([tabindex]),
.PopUpContainerVideoQ4Hirsch .PopUpContentVideo a.closeThisBoxVideo:not([href]):not([tabindex]),
.PopUpContainerVideoQ5Hirsch .PopUpContentVideo a.closeThisBoxVideo:not([href]):not([tabindex]),
.PopUpContainerVideoQ5Brown .PopUpContentVideo a.closeThisBoxVideo:not([href]):not([tabindex]),
.PopUpContainerVideoQ4Brown .PopUpContentVideo a.closeThisBoxVideo:not([href]):not([tabindex]),
.PopUpContainerVideoQ3Brown .PopUpContentVideo a.closeThisBoxVideo:not([href]):not([tabindex]),
.PopUpContainerVideoQ2Brown .PopUpContentVideo a.closeThisBoxVideo:not([href]):not([tabindex]),
.PopUpContainerVideoQ1Brown .PopUpContentVideo a.closeThisBoxVideo:not([href]):not([tabindex]),
.PopUpContainerVideoQ5Tourjman .PopUpContentVideo a.closeThisBoxVideo:not([href]):not([tabindex]),
.PopUpContainerVideoQ4Tourjman .PopUpContentVideo a.closeThisBoxVideo:not([href]):not([tabindex]),
.PopUpContainerVideoQ3Tourjman .PopUpContentVideo a.closeThisBoxVideo:not([href]):not([tabindex]),
.PopUpContainerVideoQ2Tourjman .PopUpContentVideo a.closeThisBoxVideo:not([href]):not([tabindex]),
.PopUpContainerVideoQ1Tourjman .PopUpContentVideo a.closeThisBoxVideo:not([href]):not([tabindex]),
.PopUpContainerVideoQ5Cossette .PopUpContentVideo a.closeThisBoxVideo:not([href]):not([tabindex]),
.PopUpContainerVideoQ4Cossette .PopUpContentVideo a.closeThisBoxVideo:not([href]):not([tabindex]),
.PopUpContainerVideoQ3Cossette .PopUpContentVideo a.closeThisBoxVideo:not([href]):not([tabindex]),
.PopUpContainerVideoQ2Cossette .PopUpContentVideo a.closeThisBoxVideo:not([href]):not([tabindex]),
.PopUpContainerVideoQ1Cossette .PopUpContentVideo a.closeThisBoxVideo:not([href]):not([tabindex]),
.PopUpContainerVideoQ5Soares .PopUpContentVideo a.closeThisBoxVideo:not([href]):not([tabindex]),
.PopUpContainerVideoQ4Soares .PopUpContentVideo a.closeThisBoxVideo:not([href]):not([tabindex]),
.PopUpContainerVideoQ3Soares .PopUpContentVideo a.closeThisBoxVideo:not([href]):not([tabindex]),
.PopUpContainerVideoQ2Soares .PopUpContentVideo a.closeThisBoxVideo:not([href]):not([tabindex]),
.PopUpContainerVideoQ1Soares .PopUpContentVideo a.closeThisBoxVideo:not([href]):not([tabindex]),
.PopUpContainerVideoQ5Cohen .PopUpContentVideo a.closeThisBoxVideo:not([href]):not([tabindex]),
.PopUpContainerVideoQ4Cohen .PopUpContentVideo a.closeThisBoxVideo:not([href]):not([tabindex]),
.PopUpContainerVideoQ3Cohen .PopUpContentVideo a.closeThisBoxVideo:not([href]):not([tabindex]),
.PopUpContainerVideoQ2Cohen .PopUpContentVideo a.closeThisBoxVideo:not([href]):not([tabindex]),
.PopUpContainerVideoQ1Cohen .PopUpContentVideo a.closeThisBoxVideo:not([href]):not([tabindex]),
.PopUpContainerVideoQ1 .PopUpContentVideo a.closeThisBoxVideo:not([href]):not([tabindex]),
.PopUpContainerVideo .PopUpContentVideo a.closeThisBoxVideo:not([href]):not([tabindex]) {
    position: absolute;
    top: -25px;
    right: -25px;
    width: 50px;
    height: 50px;
    padding: 8px 10px;
    text-align: center;
    font-size: 22px;
    background-color: #6c757d;
    cursor: pointer;
    color: white;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
}

.cancelBtnVideo {
    position: absolute;
    bottom: 20px;
    width: 100%;
    text-align: center;
    margin-left: -20px;
    margin-right: -20px;
}

.cancelBtnVideo .btn {
    margin: 0 auto;
}

/* ALERT */
.PopUpContentAlert {
    color: #000000;
    display: block;
    position: relative;


    padding: 20px;
    margin-right: 150px;
    position: absolute;

    width: 100%;
    max-width: 600px;

    /* ---------------------------------------- */
    /* Modify if needed 2 */
    height: 158.398px;
    /* ---------------------------------------- */
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;

    margin: auto;
    background-color: #ffffff;
    border: 1px solid #ddd;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    -webkit-box-shadow: 9px 9px 20px 8px rgba(0, 0, 0, 0.35);
    box-shadow: 9px 9px 20px 8px rgba(0, 0, 0, 0.35);

}

.PopUpContentAlert .popupContent {
    margin-top: 8px;
}

.box-content .popupContent {
    position: absolute;
    top: 10%;
    bottom: 10%;
    left: 2%;
    right: 2%;
    color: #000000;
    /*overflow: auto;*/
    overflow-y: auto;
    padding-right: 20px;
    padding-left: 20px;
}


.box-content {
    color: #000000
}

.box-content p {
    margin-bottom: 20px;
}



.PopUpContainerAlert {
    padding: 0px;
    bottom: 0;
    height: 100%;
    max-height: 100%;
    background-color: #ffffff55;
    left: 0;
    margin: auto;
    position: fixed;
    top: 0px;
    right: 0;
    width: 100%;
    max-width: 100%;
    z-index: 901;
}

.PopUpContainerAlert .PopUpContentAlert a.closeThisBoxAlert:not([href]):not([tabindex]) {
    position: absolute;
    top: -25px;
    right: -25px;
    width: 50px;
    height: 50px;
    padding: 8px 10px;
    text-align: center;
    font-size: 22px;
    background-color: #6c757d;
    cursor: pointer;
    color: white;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
}

.cancelBtnAlert {
    position: absolute;
    bottom: 20px;
    width: 100%;
    text-align: center;
    margin-left: -20px;
    margin-right: -20px;
}

.cancelBtnAlert .btn {
    margin: 0 auto;
}



/* bio */

.displayOn {
    display: block;
}

.displayOff {
    display: none;
}

.canvas {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.1);
    z-index: 900;
}


.PopUpContentBIOGiguere,
.PopUpContentBIOZarruk,
.PopUpContentBIOHirsch,
.PopUpContentBIOBrown,
.PopUpContentBIOCossette,
.PopUpContentBIOTourjman,
.PopUpContentBIOSoares,
.PopUpContentBIOCohen,
.PopUpContentBIO {
    color: #000000;
    display: block;
    position: relative;


    padding: 20px;
    margin-right: 150px;
    position: absolute;

    width: auto;
    max-width: 88%;
    /* ---------------------------------------- */
    /* Modify if needed 1 */
    height: 258.398px;
    height: 400.398px;
    /* ---------------------------------------- */
    top: 2%;
    bottom: 2%;
    left: 2%;
    right: 2%;

    margin: auto;
    background-color: #ffffff;
    border: 1px solid #ddd;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    -webkit-box-shadow: 9px 9px 20px 8px rgba(0, 0, 0, 0.35);
    box-shadow: 9px 9px 20px 8px rgba(0, 0, 0, 0.35);

}


.PopUpContentBIOGiguere .box-content .popupContent,
.PopUpContentBIOZarruk .box-content .popupContent,
.PopUpContentBIOHirsch .box-content .popupContent,
.PopUpContentBIOBrown .box-content .popupContent,
.PopUpContentBIOCossette .box-content .popupContent,
.PopUpContentBIOTourjman .box-content .popupContent,
.PopUpContentBIOSoares .box-content .popupContent,
.PopUpContentBIOCohen .box-content .popupContent,
.PopUpContentBIO .box-content .popupContent {
    position: absolute;
    top: 10%;
    bottom: 20%;
    left: 2%;
    right: 2%;
    color: #000000;
    /*overflow: auto;*/
    overflow-y: auto;
    padding-right: 20px;
    padding-left: 20px;
}


.box-content {
    color: #000000
}

.box-content p {
    margin-bottom: 20px;
}

.PopUpContainerBIOGiguere,
.PopUpContainerBIOZarruk,
.PopUpContainerBIOHirsch,
.PopUpContainerBIOBrown,
.PopUpContainerBIOCossette,
.PopUpContainerBIOTourjman,
.PopUpContainerBIOSoares,
.PopUpContainerBIOCohen,
.PopUpContainerBIO {
    padding: 0px;
    bottom: 0;
    height: 100%;
    max-height: 100%;
    background-color: #ffffff55;
    left: 0;
    margin: auto;
    position: fixed;
    top: 0px;
    right: 0;
    width: 100%;
    max-width: 100%;
    z-index: 901;
}


.PopUpContainerBIOGiguere .PopUpContentBIOGiguere a.closeThisBoxBIOGiguere:not([href]):not([tabindex]),
.PopUpContainerBIOZarruk .PopUpContentBIOZarruk a.closeThisBoxBIOZarruk:not([href]):not([tabindex]),
.PopUpContainerBIOHirsch .PopUpContentBIOHirsch a.closeThisBoxBIOHirsch:not([href]):not([tabindex]),
.PopUpContainerBIOBrown .PopUpContentBIOBrown a.closeThisBoxBIOBrown:not([href]):not([tabindex]),
.PopUpContainerBIOCossette .PopUpContentBIOCossette a.closeThisBoxBIOCossette:not([href]):not([tabindex]),
.PopUpContainerBIOTourjman .PopUpContentBIOTourjman a.closeThisBoxBIOTourjman:not([href]):not([tabindex]),
.PopUpContainerBIOSoares .PopUpContentBIOSoares a.closeThisBoxBIOSoares:not([href]):not([tabindex]),
.PopUpContainerBIOCohen .PopUpContentBIOCohen a.closeThisBoxBIOCohen:not([href]):not([tabindex]),
.PopUpContainerBIO .PopUpContentBIO a.closeThisBoxBIO:not([href]):not([tabindex]) {
    position: absolute;
    top: -25px;
    right: -25px;
    width: 50px;
    height: 50px;
    padding: 8px 10px;
    text-align: center;
    font-size: 22px;
    background-color: #6c757d;
    background-color: #2bac5c;
    cursor: pointer;
    color: white;
    text-decoration: none;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
}



.cancelBtnBIOGiguere,
.cancelBtnBIOZarruk,
.cancelBtnBIOHirsch,
.cancelBtnBIOBrown,
.cancelBtnBIOCossette,
.cancelBtnBIOTourjman,
.cancelBtnBIOSoares,
.cancelBtnBIOCohen,
.cancelBtnBIO {
    position: absolute;
    bottom: 20px;
    width: 100%;
    text-align: center;
    margin-left: -20px;
    margin-right: -20px;
}



.cancelBtnBIOGiguere .btn,
.cancelBtnBIOZarruk .btn,
.cancelBtnBIOHirsch .btn,
.cancelBtnBIOBrown .btn,
.cancelBtnBIOCossette .btn,
.cancelBtnBIOTourjman .btn,
.cancelBtnBIOSoares .btn,
.cancelBtnBIOCohen .btn,
.cancelBtnBIO .btn {
    margin: 0 auto;
    background-color: #2bac5c;
    border: none;
}


@media screen and (max-width: 800px) {


    .PopUpContentBIOGiguere,
    .PopUpContentBIOZarruk,
    .PopUpContentBIOHirsch,
    .PopUpContentBIOBrown,
    .PopUpContentBIOCossette,
    .PopUpContentBIOTourjman,
    .PopUpContentBIOSoares,
    .PopUpContentBIOCohen,
    .PopUpContentBIO {
        color: #000000;
        display: block;
        position: relative;
        padding: 20px;
        margin-right: 150px;
        position: absolute;
        width: auto;
        max-width: 88%;
        height: auto;
        top: 2%;
        bottom: 2%;
        left: 2%;
        right: 2%;
        margin: auto;
        background-color: #ffffff;
        border: 1px solid #ddd;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;
        -webkit-box-shadow: 9px 9px 20px 8px rgba(0, 0, 0, 0.35);
        box-shadow: 9px 9px 20px 8px rgba(0, 0, 0, 0.35);
    }

}