#maske {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9000;
    background-color: #000;
    display: none;
}

#popup .window {
    position: absolute;
    left: 0;
    top: 0;
    width: 620px;
    height: 570px;
    display: none;
    z-index: 9999;
    padding: 0px;
    border-radius: 15px;
    text-align: center;
    background-color: #000;
}

#popup #dialog {
    width: 1024px;
    height: auto;
    top: 100px!important;
    padding: 0px;
    background-color: #ffffff;
    font-family: "Segoe UI Light", sans-serif;
    font-size: 15pt;
}

#popup_icerik {
    font-family: "Segoe UI", sans-serif;
    font-size: 12pt;
    text-align: left;
}

#popupfoot {
    font-family: "Segoe UI", sans-serif;
    font-size: 16pt;
    padding: 10px 20px;
}

#popupfoot a {
    text-decoration: none;
    padding: 5px 10px 5px 10px;
}

.agree:hover {
    background-color: #000;
    color: #fff;
}

.popupoption:hover {
    background-color: #000;
    color: #fff;
    padding: 5px;
}

.popupoption2:hover {
    color: black;
}


/* For desktop: */

.col-1 {
    width: 8.33%;
}

.col-2 {
    width: 16.66%;
}

.col-3 {
    width: 25%;
}

.col-4 {
    width: 33.33%;
}

.col-5 {
    width: 41.66%;
}

.col-6 {
    width: 50%;
}

.col-7 {
    width: 58.33%;
}

.col-8 {
    width: 66.66%;
}

.col-9 {
    width: 75%;
}

.col-10 {
    width: 83.33%;
}

.col-11 {
    width: 91.66%;
}

.col-12 {
    width: 100%;
}

@media only screen and (max-width: 768px) {
    /* For mobile phones: */
    [class*="col-"] {
        width: 100%;
    }
    #popup #dialog {
        width: 90%;
        height: auto;
        top: 100px!important;
        padding: 0px;
        background-color: #ffffff;
        font-family: "Segoe UI Light", sans-serif;
        font-size: 15pt;
    }
}