﻿/* ****** GENEL POPUP STILLEMELERI ****** */
/* ****** Bu kisma dokunma!!! ****** */

/* Overlay stili */
#fullSiteWrapper .wrapperOverlay {
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    background-color: #000;
    background-color: rgba(0,0,0,0.70);
    overflow: hidden;
    opacity: 0;
    transition: opacity 0.3s 0s, width 0s 0.3s, height 0s 0.3s;
    -webkit-transition: opacity 0.3s 0s, width 0s 0.3s, height 0s 0.3s;
}

    #fullSiteWrapper .wrapperOverlay.on {
        width: 100%;
        height: 100%;
        opacity: 1;
        transition: opacity 0.3s 0.1s, width 0s 0s, height 0s 0s;
        -webkit-transition: opacity 0.3s 0.1s, width 0s 0s, height 0s 0s;
    }
    /* End - Overlay stili */



    /* PopUpContent genel stili */
    #fullSiteWrapper .wrapperOverlay .popUpContent {
        display: none;
        position: absolute;
        top: 50%;
        left: 50%;
        background-color: #fff;
    }

        #fullSiteWrapper .wrapperOverlay .popUpContent .popUpCloseButton {
            position: absolute;
            z-index: 5;
            top: 0;
            right: 0;
        }
    /* End - Overlay Pop Up stili */
    /* ****** END - GENEL POPUP STILLEMELERI ****** */





    /* ****** OZELLESTIRILMIS POPUP STILLEMELERI ****** */
    /* ****** Kendi stilini yarat!!! ****** */
    #fullSiteWrapper .wrapperOverlay.v1 {
    }

        #fullSiteWrapper .wrapperOverlay.v1.on .popUpContent {
            display: block;
        }

    #fullSiteWrapper .wrapperOverlay .popUpContent.v1 {
    }
/* ****** END - OZELLESTIRILMIS POPUP STILLEMELERI ****** */





/* Konfigurasyon pop up stili */
#noName {
    display: none;
    background-color: purple;
}
/* End - Konfigurasyon pop up stili */



@media all and (max-width: 479px) {
}

@media all and (min-width: 480px) and (max-width: 767px) {
}

@media all and (min-width: 768px) and (max-width: 1023px) {
}

@media all and (min-width: 1024px) and (max-width: 1199px) {
}

@media all and (min-width: 1200px) and (max-width: 1399px) {
}
