﻿.IslerMain {
    padding: 0px 8vw;
}

.IslerBg {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 101%;
    min-height: 46vh;
    position: relative;
    overflow: hidden;
    display: flex;
}

    .IslerBg .Filtre {
        background-color: rgba(0,0,0,0.4);
        right: 0px;
        bottom: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        left: 0px;
        position: absolute;
        z-index: 1;
    }

.pb30 {
    padding-bottom: 15px;
    padding-top: 15px;
}

.OnIzleme {
    width: 100%;
    background-repeat: no-repeat;
    background-size: 100%;
    position: relative;
    transition:.5s;
}

    .OnIzleme:hover {
        background-color: #CFD202;
        background-blend-mode: multiply;
    }
.OnIzleme img{
    width: 100%;
    opacity:0;
 
}
.TxtIsler {
    width: 100%;
    padding-bottom: 25px;
}




    .TxtIsler h1 {
        padding-top: 15px;
        font: normal normal normal 16px/20px Sharp Sans No1 Semibold;
        letter-spacing: 0px;
        color: #FFFFFF;
    }

    .TxtIsler p {
        text-align: left;
        font: normal normal normal 14px/14px Sharp Sans No1 Medium;
        letter-spacing: 0px;
    }

#mid-modal .modal-dialog {
    min-width: 60vw;
    margin-left: 20vw;
}

#mid-modal .modal-content {
    background-color: #333333;
}

#mid-modal .close {
    color: #e2e2e2;
}

#mid-modal .modal-header {
    border-bottom: none;
}

#mid-modal .modal-title {
    font: normal normal normal 40px/38px Sharp Sans No1 Semibold;
        padding: 20px 3rem;
}

@media only screen and (max-width: 900px) {
    #mid-modal .modal-title {
        font: normal normal normal 18px/24px Sharp Sans No1 Semibold;
        padding: 35px 1rem;
        min-width: 35vw;
    }
    #mid-modal .modal-dialog {
        min-width: 100vw;
        margin-left: 0;
    }
}
    #mid-modal .modal-title:first-letter {
        /*    color: #CFD200;*/
    }



    #mid-modal .modal-body img {
        width: 100%;
    }

    #mid-modal .modal-body {
        padding: 0px 3rem;
    }

    .sep {
        width: 100%;
        background-color: #CFD200;
        height: 2px;
        margin-top: 50px;
    }