.katilimcilar {
   
}

    .katilimcilar .katilimcilar_baslik {
        font-size: 2em;
        text-align: left;
        color: var(--r_yazi_h1);
        font-weight: bold;
        margin: 10px 0 10px 0 !important;
        padding: 20px 10px !important;
        display: block;
        /*border-left: 5px solid #85754e;
        border-top: 5px solid #85754e;*/
        border-top: 20px double #85754e;
        border-left: 5px double #85754e;
    }

    .katilimcilar .katilimcilar_ozet {
        margin: auto auto !important;
        display: block;
        width: 95%;
    }

        .katilimcilar .katilimcilar_ozet p {
            font-size: 2em;
            text-align: justify;
            color: var(--r_yazi_gri);
            font-weight: normal;
            display: block;
            line-height: 1.3;
            width: 100%;
        }

    .katilimcilar .container {
        padding: 0 !important;
        width: 90% !important;
        max-width: 90% !important;        
    }
    

    .katilimcilar .oturum_kodlari_zemin {
        margin: 10px auto 20px auto;
        width: auto;
        text-align: center;
    }

        .katilimcilar .oturum_kodlari_zemin ul {
            list-style-type: none;
        }

            .katilimcilar .oturum_kodlari_zemin ul li {
                list-style-type: none;
                cursor: pointer;
                display: inline-block;
                line-height: 1;
                margin-bottom: 5px;
                transition: all 0.3s ease-in-out;
            }

        .katilimcilar .oturum_kodlari_zemin .btn_oturum_kod {
            border-radius: 5px;
            width: auto;
            height: auto;
            text-align: center;
            background: var(--r_kimyon);
            cursor: pointer;
            font-size: 1.3em;
            color: var(--r_beyaz);
            padding: 5px 15px;
            line-height: 1;
        }

            .katilimcilar .oturum_kodlari_zemin .btn_oturum_kod:hover {
                background: var(--r_kurumsal);
            }



    .katilimcilar .katilimci_listesi {
        margin: 0 !important;
        padding: 0 !important;
    }

        .katilimcilar .katilimci_listesi .col {
            box-sizing: border-box;
        }


.katilimci_listesi .col {
}


    .katilimci_listesi .col:hover {
        /* background-color: var(--r_haki);*/
        /* color: var(--r_beyaz) !important;*/
        /* border-bottom-left-radius: 0;
            border-bottom-right-radius: 0;*/
    }
        .katilimci_listesi .col:hover .card-content img {
            filter: grayscale(0);
            transition: filter .3s ease;
        }

        .katilimci_listesi .col:hover .katilimci_adsoyad, .katilimci_listesi .col:hover .katilimci_ozet {
        }

.katilimci_listesi .card {
    padding: 10px 0 10px 0 !important;
    background-color: var(--r_kurumsal) !important;
    margin: 20px 0 30px 0 !important;
    box-sizing: border-box !important;
    cursor:zoom-in !important;
}

    .katilimci_listesi .card:hover {
        box-shadow: 1px 1px 9px 0px rgba(0,0,0,0.75);
        -webkit-box-shadow: 1px 1px 9px 0px rgba(0,0,0,0.75);
        -moz-box-shadow: 1px 1px 9px 0px rgba(0,0,0,0.75);
    }



.katilimci_listesi .card-content {
    padding: 5px 0 5px 10px !important;
    text-align: center !important;
    background-color: var(--r_beyaz) !important;
    box-sizing: border-box !important;
}

.katilimci_listesi .card .card-content img {
    width: 120px !important;
    height: 168px !important;
    border: 2px solid var(--r_kimyon);
    border-radius: 10px !important;
    padding: 0;
    z-index: 10 !important;
    filter: grayscale(1);
}

.katilimci_listesi .katilimci_adsoyad, .katilimci_listesi .katilimci_kurum, .katilimci_listesi .katilimci_ulke, .katilimci_listesi .katilimci_oturum {
    display: block;
    text-align: center;
    margin: 15px 0 15px 0;
    color: var(--r_gri2);
    box-sizing: border-box;
}



.katilimci_listesi .katilimci_adsoyad {
    font-weight: bold;
    font-size: 1.3em;
}

.katilimci_listesi .katilimci_kurum {
    font-size: 1em;
}

.katilimci_listesi .katilimci_ulke {
    font-size: 1em;
}

.katilimci_listesi .katilimci_oturum {
    font-size: 1em;
    background-color: var(--r_kimyon);
    color: var(--r_beyaz);
    padding: 5px 0;
}


#katilimci_modal {
}

    #katilimci_modal .header {
        font-size: 2.5em;
        color: var(--r_siyah);
    }

    #katilimci_modal .card {
        box-shadow: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    #katilimci_modal img {
        width: 220px !important;
        height: auto;
        max-height: 300px;
        height: auto;
        border-radius: 10px;
    }

    #katilimci_modal .katilimci_detay_metin {
        font-size: 1em;
        color: var(--r_siyah);
        overflow: hidden;
        text-align: justify !important;
    }

        #katilimci_modal .katilimci_detay_metin p {
            font-size: 1.5em !important;
            color: var(--r_siyah) !important;
            text-align: justify !important;
            overflow: hidden;
            font-family: var(--f_kurumsal) !important;
        }

    #katilimci_modal .katilimci_kurum {
        font-size: 1.5em;
        color: var(--r_siyah) !important;
        text-align: center !important;
        display: block;
        margin: 15px 0;
    }

    #katilimci_modal .katilimci_ulke {
        font-size: 1.5em;
        color: var(--r_siyah) !important;
        text-align: center !important;
        display: block;
        margin: 15px 0;
    }

    #katilimci_modal .modal-footer {
        height: 32px !important;
    }

        #katilimci_modal .modal-footer a {
        }

        #katilimci_modal .modal-footer i {
            font-size: 2em;
            color: var(--r_kirmizi) !important;
        }



@media (min-width: 0px) and (max-width: 600px) {

    #katilimci_modal {
        text-align: center !important;
    }

    .katilimcilar .oturum_kodlari_zemin ul li {
        margin: 10px 3px !important;
        line-height: 1;
    }

    .katilimcilar .oturum_kodlari_zemin .btn_oturum_kod {
        font-size: 1em;
        padding: 8px 10px;
        line-height: 1;
    }

    #katilimci_modal .modal {
        padding: 0px !important;
    }

    #katilimci_modal .modal-content {
        padding: 0px !important;
    }

    #katilimci_modal .card {
        padding: 0px !important;
    }

    #katilimci_modal .card-content {
        padding: 5px !important;
        text-align: center !important;
    }

    #katilimci_modal img {
        margin: auto auto !important;
    }

    #katilimci_modal .katilimci_detay_metin {
        text-align: justify !important;
    }
}

@media (min-width: 601px) and (max-width: 992px) {
    #katilimci_modal {
        text-align: center !important;
    }

        #katilimci_modal .modal {
            padding: 0px !important;
        }

        #katilimci_modal .modal-content {
            padding: 0px !important;
        }

        #katilimci_modal .card {
            padding: 0px !important;
        }

        #katilimci_modal .card-content {
            padding: 5px !important;
            text-align: center !important;
        }

        #katilimci_modal img {
            margin: auto auto !important;
        }

        #katilimci_modal .katilimci_detay_metin {
            text-align: justify !important;
        }
}

@media (min-width: 993px) and (max-width: 1200px) {
    #katilimci_modal {
        text-align: center !important;
    }

        #katilimci_modal .modal {
            padding: 0px !important;
        }

        #katilimci_modal .modal-content {
            padding: 0px !important;
        }

        #katilimci_modal .card {
            padding: 0px !important;
        }

        #katilimci_modal .card-content {
            padding: 5px !important;
            text-align: center !important;
        }

        #katilimci_modal img {
            margin: auto auto !important;
        }

        #katilimci_modal .katilimci_detay_metin {
            text-align: justify !important;
        }
}



/*.katilimcilar {*/
    /*background-color: #edecec;
    padding:20px 0 0 0;*/
    /*padding: 20px 0 0 0;
    background-color: #fff;
    background-image: url('../images/katilimcilar.png');
    background-repeat: repeat;
    background-size: 100px;
}
    .katilimcilar .oturum_kodlari_zemin {        
        margin: 10px auto 20px auto;        
        width:auto;
        text-align:center;
        
    }
    .katilimcilar .oturum_kodlari_zemin ul{
        list-style-type:none;
        
    }
        .katilimcilar .oturum_kodlari_zemin ul li {
            list-style-type: none;
            cursor: pointer;
            display: inline-block;
            line-height: 1;
            margin-bottom: 5px;
            transition: all 0.3s ease-in-out;
        }
        .katilimcilar .oturum_kodlari_zemin .btn_oturum_kod {
            border-radius: 5px;
            width: auto;
            height: auto;
            text-align: center;
            background: var(--r_kimyon);
            cursor: pointer;
            font-size: 1.5em;
            color: var(--r_beyaz);
            padding: 8px 30px;
            line-height: 1;
        }            

            .katilimcilar .oturum_kodlari_zemin .btn_oturum_kod:hover {
                background: var(--r_kurumsal);
            }

    .katilimcilar .katilimcilar_baslik {
        font-size: 3em;
        text-align: left;
        color: var(--r_yazi_h1);
        font-weight: bold;
        margin: 10px 0 10px 0 !important;
        padding: 20px 10px !important;
        display: block;
        border-left: 10px solid #85754e;
        border-top: 10px solid #85754e;
    }

    .katilimcilar .katilimcilar_ozet {
        margin: auto auto !important;
        display: block;
        width:95%;
       
    }

        .katilimcilar .katilimcilar_ozet p {
            font-size: 2em;
            text-align: justify;
            color: var(--r_yazi_gri);
            font-weight: normal;
            display: block;
            line-height: 1.3;
            width:100%;
        }

    .katilimcilar .container {
        padding: 0 !important;
        width:90% !important;
        max-width:90% !important;
    }

    .katilimcilar .katilimci_listesi {
        margin: 0 !important;
        padding: 0 !important;
    }

        .katilimcilar .katilimci_listesi .col {
            padding: 0 !important;
            box-sizing: border-box;
        }


    .katilimci_listesi .col {
        padding: 0 !important;
        height: 370px !important;
        border-radius: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        overflow: hidden;
        margin: 0 !important;
        box-sizing: border-box;
    }


        .katilimci_listesi .col:hover {*/
           /* background-color: var(--r_haki);*/
           /* color: var(--r_beyaz) !important;*/
            /* border-bottom-left-radius: 0;
            border-bottom-right-radius: 0;*/
        /*}

            .katilimci_listesi .col:hover .katilimci_adsoyad, .katilimci_listesi .col:hover .katilimci_ozet {
                color: var(--r_kurumsal) !important;
            }

            .katilimci_listesi .col:hover .katilimci_foto {
                filter: grayscale(0);
                transition: filter .3s ease;                
                
            }

    .katilimci_listesi a {
        margin: auto auto !important;
        padding: 10px 0px 5px 0 !important;
        display: block;
        width: 99% !important;
        height: auto !important;
        box-sizing: border-box;
        text-align: center;
    }

.katilimci_foto, .katilimci_adsoyad, .katilimci_ozet {
    display: block;
    margin: 0 0 10px 0;
}

.katilimci_foto {
    aspect-ratio: 1 / 1.1;
    width: 70% !important;
    height: 250px;
    border-radius: 5%;*/
   /* -moz-border-radius: 10px;
    -webkit-border-radius: 10px;*/
    /*text-align: center;
    margin: auto auto;
    filter: grayscale(1);*/
    /* transition: filter .3s ease;*/
    /*border:1px solid var(--r_kimyon);
}

.katilimci_adsoyad {
    font-size: 1.3em;
    text-align: center;
    color: var(--r_yazi_siyah);
    font-weight: bold;
}

.katilimci_ozet {
    font-size: 1.1em;
    text-align: center;
    color: var(--r_yazi_siyah);
    font-weight: normal;
}




#katilimci_modal {
}

    #katilimci_modal .header {
        font-size: 2.5em;
        color: var(--r_siyah);
    }

    #katilimci_modal .card {
        box-shadow: none !important;
        margin:0 !important;
        padding:0 !important;
    }

    #katilimci_modal img {
        width: 220px !important;
        height: auto;
        max-height: 300px;
        height: auto;
        border-radius: 10px;

    }

    #katilimci_modal .katilimci_detay_metin {
        font-size: 1em;
        color: var(--r_siyah);
        overflow: hidden;
        text-align: justify !important;
    }

        #katilimci_modal .katilimci_detay_metin p {
            font-size: 1.5em !important;
            color: var(--r_siyah) !important;
            text-align: justify !important;
            overflow: hidden;
            font-family: var(--f_kurumsal) !important;
        }
    #katilimci_modal .katilimci_kurum {
        font-size: 1.5em;
        color: var(--r_siyah) !important;
        text-align: center !important;
        display:block;
        margin:15px 0;
    }
    #katilimci_modal .katilimci_ulke {
        font-size: 1.5em;
        color: var(--r_siyah) !important;
        text-align: center !important;
        display: block;
        margin: 15px 0;
    }

    #katilimci_modal .modal-footer {
        height: 32px !important;
    }

    #katilimci_modal .modal-footer a {
                 
    }

    #katilimci_modal .modal-footer i {
        font-size: 2em; 
        color:var(--r_kirmizi) !important;
    }



@media (min-width: 0px) and (max-width: 600px) {

    #katilimci_modal {
        text-align:center !important;
    }
    .katilimcilar .oturum_kodlari_zemin ul li {
        margin: 10px 3px !important;
        line-height: 1;
    }
    .katilimcilar .oturum_kodlari_zemin .btn_oturum_kod {
        font-size: 1em;
        padding: 8px 10px;
        line-height: 1;
    } 
    #katilimci_modal .modal {
        padding: 0px !important;
    }
    #katilimci_modal .modal-content {
        padding: 0px !important;
    }
    #katilimci_modal .card {
        padding: 0px !important;
    }
    #katilimci_modal .card-content {
        padding: 5px !important;
        text-align:center !important;
    }
    #katilimci_modal img {
        margin:auto auto !important;
    }

    #katilimci_modal .katilimci_detay_metin {        
        text-align: justify !important;
    }
}

@media (min-width: 601px) and (max-width: 992px) {
    #katilimci_modal {
        text-align: center !important;
    }

        #katilimci_modal .modal {
            padding: 0px !important;
        }

        #katilimci_modal .modal-content {
            padding: 0px !important;
        }

        #katilimci_modal .card {
            padding: 0px !important;
        }

        #katilimci_modal .card-content {
            padding: 5px !important;
            text-align: center !important;
        }

        #katilimci_modal img {
            margin: auto auto !important;
        }

        #katilimci_modal .katilimci_detay_metin {
            text-align: justify !important;
        }
    
}

@media (min-width: 993px) and (max-width: 1200px) {
    #katilimci_modal {
        text-align: center !important;
    }

        #katilimci_modal .modal {
            padding: 0px !important;
        }

        #katilimci_modal .modal-content {
            padding: 0px !important;
        }

        #katilimci_modal .card {
            padding: 0px !important;
        }

        #katilimci_modal .card-content {
            padding: 5px !important;
            text-align: center !important;
        }

        #katilimci_modal img {
            margin: auto auto !important;
        }

        #katilimci_modal .katilimci_detay_metin {
            text-align: justify !important;
        }
    
}*/