#main-wrapper {
    background-color: rgba(255, 160, 122,0.6);
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)), url("images/bg03.png"), url("images/bg02.png");
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)), url("images/bg03.png"), url("images/bg02.png");
    background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)), url("images/bg03.png"), url("images/bg02.png");
    background-image: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)), url("images/bg03.png"), url("images/bg02.png");
    position: relative;
    background-repeat: repeat-x, no-repeat, repeat;
    background-size: 100% 100%, 100% 15em, auto auto;
    background-position: top left, top center, top left;
    padding: 7em 0 7em 0;
}

table {
width: 88%;
}

td:first-child {
    text-align: right;
    font-weight: lighter;
    font-style: normal;
}

thead {
    background-color: rgba(28, 36, 53, 0.4);
    text-align: center;
    color: white;
    font-weight: bold;
}

tbody {
    background-color: rgba(28, 36, 53, 0.1);
    color: white;
}

.kozep tr td {
    text-align: center;
}


.containerGallery, label {
    position: absolute;
    box-sizing: content-box;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.gallery {
    top: 0;
    left: 0;
    width: 80vw;
    height: 80vh;
    margin: 0;
    padding: 0;
    font-size: 1vmin;
    font-family: "Open Sans", sans-serif;
    color: white;
}


.containerGallery {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80em;
    height: 80em;
}

.containerGallery [class*=item] {
    width: 33%;
    height: 33%;
    border: 1px solid transparent;
    background: url() center center/cover no-repeat;
    transition: all 0.5s ease-in-out;
    z-index: 0;
}

.containerGallery [class*=item]:hover {
        border: 1px solid white;
        z-index: 1;
    }

.containerGallery [class*=item]:nth-of-type(1) {
        top: 0;
        left: 0;
    }

.containerGallery [class*=item]:nth-of-type(2) {
        top: 0;
        left: 33%;
    }

.containerGallery [class*=item]:nth-of-type(3) {
        top: 0;
        left: 66%;
    }

.containerGallery [class*=item]:nth-of-type(4) {
        top: 33%;
        left: 0;
    }

.containerGallery [class*=item]:nth-of-type(5) {
        top: 33%;
        left: 33%;
    }

.containerGallery [class*=item]:nth-of-type(6) {
        top: 33%;
        left: 66%;
    }

.containerGallery [class*=item]:nth-of-type(7) {
        top: 66%;
        left: 0;
    }

.containerGallery [class*=item]:nth-of-type(8) {
        top: 66%;
        left: 33%;
    }

.containerGallery [class*=item]:nth-of-type(9) {
        top: 66%;
        left: 66%;
    }

.containerGallery input {
    display: none;
}

.containerGallery input:checked + [class*=item] {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 2;
    }