@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap');
:root {
    --renkbeyaz: #fff;
    --renkacikgri: #f2f2f2;
    --renkortagri: #c1c1c1;
    --renkasirigri: #9b9b9b;
    --renksiyah: #888888;
    --renkfullsiyah: #000;
    --renkkoyukirmizi: #cb2727;
    --renkkirmizi: #f13131;
    --renkturuncu: #f18800;
    --renkacikturuncu: #e5c58e;
    --renkmavi: #9ac4f5;
    --renkyesil: #62d9ac;
}

body{
    background-color: var(--renkacikgri);
    font-family: 'Titillium Web';
    font-style: normal;
    font-weight: 300;
}
* {
    outline: 0 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
ul,li{
    margin: 0;
    padding: 0;
    list-style: none;
}

b, strong {
    font-family: 'Titillium Web';
    font-style: normal;
    font-weight: 700 ;
}
.takvim_listesi{
    height: calc( 100vh - 200px);
    /* overflow: hidden; */
    overflow: hidden;
    overflow-y: scroll;
}
.takvim_listesi ul{
    margin: 0;
    padding: 0;
}
.takvim_listesi li{
    margin: 0;
    padding: 0;
}
.takvim_listesi li a{
    display: block;
    border: 1px solid var(--renkortagri);
    margin-bottom: 10px;
    border-radius: 10px;
    overflow: hidden;
    height: 72px;
}
.takvim_listesi li a:hover{
    background-color: #f3f3f3;
}
.yasak_islem{
    background: var(--renkbeyaz);
    display: block;
    text-align: center;
    border-radius: 10px;
}
.yasak_islem ul{}
.yasak_islem li{}
.yasak_islem li a{}
.yasak_islem li a:hover{}
.tak_1{
    float: left;
    width: 70px;
    height: 70px;
}
.tak_1 img{
    width: 100%;
    max-width: 62px;
    max-height: 62px;
    border-radius: 10px;
    margin: 4px;
}
.tak_area{
    position: relative;
    height: calc(100vh - 200px) !important;
    border-radius: 10px;
    margin: 10px 0 0 0;
}
.tak_area_load{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.tak_area_load svg{
    height: 29px;
}
.tak_loading{
    height: 100%;
    position: absolute;
    width: 100%;
    background-color: #ffffffa8;
}
.tak_2{
    float: left;
    width: calc( 100% - 130px);
    /* padding: 3px 5px 0 5px; */
    line-height: 15px;
    height: 70px;
    color: var(--renksiyah);
    font-weight: 600;
    position: relative;
}
.tak_3{
    float: left;
    width: 60px;
    height: 70px;
    padding: 2px;
    overflow: hidden;
    border-radius: 0px 15px 15px 0px;
}
.tak_31a{
    font-size: 30px;
    text-align: center;
    font-weight: 700;
    height: 25px;
    /* padding-top: 5px; */
    color: #ffffff;
}
.tak_32a{
    font-size: 11px;
    text-align: center;
    font-weight: 400;
    height: 18px;
    /* padding-top: 5px; */
    color: #ffffff;
    font-weight: 400;
    line-height: 13px;
}
.atak_31a{
    font-size: 33px;
    text-align: center;
    font-weight: 700;
    height: 40px;
    /* padding-top: 5px; */
    color: #ffffff;
}
.atak_32a{
    font-size: 11px;
    text-align: center;
    font-weight: 400;
    height: 24px;
    padding-top: 0px;
    color: #ffffff;
    font-weight: 700;
    line-height: 10px;
}
.tak_31{
    font-size: 30px;
    text-align: center;
    font-weight: 700;
    height: 25px;
    /* padding-top: 5px; */
    color: #ffffff;
}
.tak_32{
    font-size: 11px;
    text-align: center;
    font-weight: 400;
    height: 18px;
    /* padding-top: 5px; */
    color: #ffffff;
    font-weight: 400;
    line-height: 13px;
}
.tak_33{
    font-size: 11px;
    text-align: center;
    font-weight: 400;
    height: 30px;
    /* padding-top: 5px; */
    color: var(--renkasirigri);
    line-height: 11px;
}
.tak_39{
    font-size: 17px;
    text-align: center;
    font-weight: 700;
    height: 100%;
    padding-top: 16px;
    color: var(--renkbeyaz);
    line-height: 18px;
    margin: 0;
    background-color: var(--renkyesil);
    /* border-radius: 0 0; */
    letter-spacing: -.6px;
}

.tak_42{
    background-color: var(--renkacikgri);
    background-color: var(--renkacikgri);
    font-size: 17px;
    text-align: center;
    font-weight: 700;
    height: 100%;
    padding-top: 10px;
    color: var(--renkbeyaz);
    line-height: 18px;
    margin: 0;
    background-color: #cfcfcf;
    /* border-radius: 0 0; */
    letter-spacing: -.6px;
}
.tak_40{
    background-color: var(--renkacikgri);
    font-size: 17px;
    text-align: center;
    font-weight: 700;
    height: 100%;
    padding-top: 16px;
    color: var(--renkbeyaz);
    line-height: 18px;
    margin: 0;
    background-color: #2e2e2e;
    /* border-radius: 0 0; */
    letter-spacing: -.6px;
}
.tak_39{
    background-color: var(--renkkirmizi);
}
.tak_41{
    background-color: var(--renkacikgri);
    background-color: var(--renkacikgri);
    font-size: 17px;
    text-align: center;
    font-weight: 700;
    height: 100%;
    padding-top: 16px;
    color: var(--renkbeyaz);
    line-height: 18px;
    margin: 0;
    background-color: #48d223;
    /* border-radius: 0 0; */
    letter-spacing: -.6px;
}


.atak_31{
    font-size: 37px;
    text-align: center;
    font-weight: 700;
    height: 35px;
    padding-top: 1px;
    color: #fff;
    line-height: 35px;
}
.atak_32{
    font-size: 12px;
    text-align: center;
    font-weight: 400;
    height: 30px;
    padding-top: 0px;
    color: #fff;
    line-height: 11px;
}
.atak_33{
    font-size: 11px;
    text-align: center;
    font-weight: 400;
    height: 30px;
    /* padding-top: 5px; */
    color: var(--renkasirigri);
    line-height: 11px;
}
.atak_39{
    font-size: 25px;
    text-align: center;
    font-weight: 700;
    height: 100%;
    padding-top: 7px;
    color: var(--renkbeyaz);
    line-height: 27px;
    margin: 0;
    background-color: var(--renkyesil);
    /* border-radius: 0 0; */
    letter-spacing: -.6px;
}

.atak_42{
    background-color: #525252;
}
.atak_40{
    background-color: #46494c;
    font-size: 17px;
    line-height: 21px;
    /* padding-top: 11px; */
    font-weight: 700;
    height: 100%;
    padding-top: 13px;
    color: #fff;
}
.atak_39{
    background-color: var(--renkkirmizi);
}
.atak_41{
    background-color: #48d223;
}

.atak_35{
    font-size: 37px;
    text-align: center;
    font-weight: 700;
    height: 35px;
    padding-top: 1px;
    color: #fff;
    line-height: 35px;
}
.atak_36{
    font-size: 12px;
    text-align: center;
    font-weight: 400;
    height: 30px;
    padding-top: 0px;
    color: #fff;
    line-height: 11px;
}


.po_list{
    text-align: center;
    border-bottom: 1px solid var(--renkacikgri);
    margin-bottom: 10px;
}
.po_item{
    display: inline-block;
    padding: 10px;
    background-color: var(--renkacikgri);
    margin: 0 1px 10px 1px;
    border-radius: 10px;
    font-size: 11px;
    font-weight: 700;
    cursor: pointer;
}
.po_item:hover{
    background-color: var(--renkturuncu);
    color: var(--renkbeyaz);
}
.resim_yolu{
    width: 200px;
    height: 200px;
    margin-bottom: 20px;
    border: 1px solid var(--renkacikgri);
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}

.ss_resim_sil{

    position: absolute;
    width: 30px;
    height: 30px;
    text-align: center;
    background-color: var(--renkbeyaz);
    border-radius: 10px;
    margin: 10px;
    font-size: 20px;
    font-weight: 900;
    right: 0;
    cursor: pointer;
}
.ss_resim_sil:hover{
    background-color: var(--renkkoyukirmizi);
    color: var(--renkbeyaz);
}
.ss_resim_sil i{
}
.resim_yolu img{
    width: 100%;
}
.reklam_sistem_8{
    border: 1px solid #ccc;
    border-radius: 7px;
    margin-bottom: 9px;
    background-color: #fff;
    height: 60px;
    text-align: center;
}
.reklam_sistem_8 a{
    display: block;
    height: 60px;
}
.reklam_sistem_8 img{
    display: block !important;
    opacity: 1;
    height: 60px;
    width: 100%;
    position: relative;
}
.bb_ul{
    display: flex;
    flex-wrap: wrap;
}
.bb_li{
    flex-basis: 100%;
}
.bb_li a{
    display: flex;
    border: 1px solid var(--renkacikgri);
    padding: 5px;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 10px;
    font-size: 12px;
    text-decoration: none;
    color: var(--renksiyah);
    font-weight: 600;
    line-height: 15px;
    text-align: center;
    flex-basis: 100%;
    background-color: #f9f9f9;
}
.bb_li a:hover{
    background-color: #f3f3f3;
}
.bb_li a:hover .ortala{
    color: var(--renkkoyukirmizi);
}
.mos_bir{
    display: flex;
    align-content: center;
    gap: 10px 20px;
    row-gap: 10px;
    column-gap: 20px;
    margin-bottom: 10px;
}
.mos_iki{
    flex-grow: 3;
    text-align: center;
    padding: 10px 0;
    border-radius: 10px;
    color: var(--renkbeyaz);
    font-size: 14px;
    font-weight: 700;
    background-color: #d5d5d5;
    cursor: pointer;
}
.mos_iki:hover{
    background-color: var(--renkturuncu);
}
.mos_bir .aktif{
    background-color: var(--renkturuncu);
}
.bb2_ul{
    height: calc( 100vh - 200px);
    /* overflow: hidden; */
    overflow: hidden;
    overflow-y: scroll;
}
.bb2_li{
}
.bb2_li a{
    display: flex;
    border: 1px solid var(--renkortagri);
    padding: 5px;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 10px;
    font-size: 12px;
    text-decoration: none;
    color: #363636;
    font-weight: 600;
    line-height: 15px;
    text-align: center;
    background-color: var(--renkacikgri);
    height: 72px;
}
.bb2_li a:hover{
    background-color: var(--renkortagri);
}
.bb2_li a:hover .ortala{
    color: var(--renkkoyukirmizi);
}
.bb_resim{
    width: 60px;
}
.bb_resim img{
    width: 100%;
    border-radius: 7px;
}
.bb_bilgi{
    width: calc( 100% - 60px);
    padding: 0 10px;
}
.bb_zaman{
    width: 60px;
    font-size: 17px;
    text-align: center;
    padding-top: 18px;
    line-height: 14px;
    letter-spacing: 0;
    color: var(--renkasirigri);
}
.bb2_resim{
    width: 60px;
    float: left;
}
.bb2_resim img{
    width: 100%;
    border-radius: 7px;
}
.bb2_bilgi{
    width: calc( 100% - 60px);
    padding: 0 10px;
    float: left;
    position: relative;
}
.bb2_bilgi .ortalam{
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0 5px;
    text-align: center;
    width: 100%;
}
.li_baslik{
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 6px;
    color: #f18800;
}
.like_li{}
.like_li ul{
    text-align: center;
}
.secilim{
    background-color: var(--renkturuncu) !important;
    color: var(--renkbeyaz) !important;
}
.f_bos{
    text-align: center;
    color: #969696;
}
.like_li li{
    width: 42px;
    height: 42px;
    display: inline-block;
    background-color: #eaeaea;
    margin: 4px;
    padding: 2px 0px 0px 0px;
    font-size: 25px;
    border-radius: 10px;
    /* border: 1px solid #ccc; */
    color: #969fa6;
    cursor: pointer;
}
.like_li li:hover{
    background-color: var(--renkturuncu);
    color: var(--renkbeyaz);
}
.likes_load {
    width: calc( 100% );
    background-color: #ffffffab;
    position: absolute;
    height: calc( 100% );
    z-index: 1;
}
.aaa_1{
    color: var(--renkkoyukirmizi);
    font-size: 13px;
    line-height: 15px;
}
.aaa_2{
    font-style: italic;
    font-size: 12px;
}
.ekle-button{
    background-color: #a8a8a8;
    border-radius: 10px;
    overflow: hidden;
    margin: 0;
}
.ekle-button a{
    display: block;
    text-align: center;
    padding: 15px 0px;
    color: #ffffff;
    text-decoration: none;
    font-weight: 600;
    line-height: 24px;
    font-size: 20px;
}
.ekle-button span{
    color: #323232;
    font-style: italic;
    font-weight: 500;
    font-size: 17px;
}
.ekle-button a:hover{
    background-color: #b9b9b9;
    color: #ffffff;
}

.bb2_zaman{
    width: 60px;
    font-size: 17px;
    text-align: center;
    padding-top: 10px;
    line-height: 14px;
    letter-spacing: 0;
    color: var(--renkkoyukirmizi);
}
.haber_baslik{
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 20px;
    font-weight: 600;
    color: var(--renkkoyukirmizi);}
.haber_baslik h1{
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 20px;
    font-weight: 600;
    color: var(--renkkoyukirmizi);
}

.haber_kategori{
    text-align: left;
    font-size: 15px;
    font-weight: 500;
}
.haber_kategori a{
    text-decoration: none;
    color: var(--renkkoyukirmizi);
}
.haber_kategori a:hover{
    color: black;
}

.haber_tarih{
    font-size: 15px;
    font-weight: 500;
    text-align: left;
}
.haber_goruntulenme{
    font-size: 15px;
    font-weight: 500;
    text-align: left;
}
.haber_sektor{
    font-size: 15px;
    font-weight: 500;
    text-align: left;
}
.haber_sektor a{
    text-decoration: none;
    color: var(--renkkoyukirmizi);
}
.haber_sektor a:hover{
    color: black;
}

.haber_tags{
    font-size: 15px;
    font-weight: 500;
    text-align: left;
}
.haber_tags a{
    text-decoration: none;
    color: var(--renkkoyukirmizi);
}
.haber_tags a:hover{
    color: black;
}

.haber_yayinci{
    font-size: 15px;
    font-weight: 500;
    text-align: left;
}
.haber_yayinci a{
    text-decoration: none;
    color: var(--renkkoyukirmizi);
}
.haber_yayinci a:hover{
    color: black;
}

.haber_iliski{}
.haber_iliski a{
    font-size: 15px;
    font-weight: 500;
    text-decoration: none;
    color: var(--renkkoyukirmizi);
}
.haber_iliski a:hover{
    color: black;
}
.cekOteli,.cekHaberi,.cekTedarikcii,.cekBlogi,.cekFirmai,.cekTedarikcii,.cekAlani,.cekOrganizatori,.cekFuari{
    background-color: var(--renkbeyaz);
    border-radius: 10px;
    overflow: hidden;
    margin: 0;
    padding: 10px;
}
.cekHaberler{
    background-color: var(--renkbeyaz);
    border-radius: 10px;
    overflow: hidden;
    margin: 0;
    padding: 10px;
}
.cekHaberler a{
    margin-bottom: 10px;
}
.cekHaberler a:last-child {
    margin-bottom: 0;
}
.dogumgunu {
    background-color: var(--renkbeyaz);
    border-radius: 10px;
    text-align: center;
    margin: 10px 0;
    font-size: 14px;
    color: #666;
    font-weight: 200;
}
.s_aday{
    padding-top: 10px !important;
}
.s_aday a{
    display: block;
    clear: left;
    background-color: #f2f2f2;
    height: 100px;
    margin-bottom: 10px;
    color: #000;
    border-radius: 10px;
}
.s_aday a:hover{
    background-color: #c0c0c0;
}
.s_aday a:last-child{
    margin-bottom: 0px;
}


.hizli-parti{}
.hizli-parti a{
    display: block;
    border-radius: 10px;
    overflow: hidden;
    margin: 5px 0px;
}
.hizli-parti a:hover{
    opacity: .5;
}
.hizli-parti img{
    width: 100%;
}
.hizli-parti div{
}
.parti_baslik{
    font-size: 21px;
    font-weight: 700;
    color: var(--renkkoyukirmizi);
    text-align: center;
    padding: 6px 0px 0 0;
}

.parti_li_1{
    width: 100px;
    height: 100px;
    float: left;
}
.parti_li_1 img{
    width: 100px;
    height: 100px;
}
.parti_li_2{
    float: left;
    width: calc( 100% - 150px);
    height: 100px;
    position: relative;
}
.parti_li_21{
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0 5px;
    text-align: center;
    width: 100%;
    font-size: 15px;
    line-height: 17px;
}
.parti_li_3{
    width: 50px;
    height: 100px;
    float: left;
    text-align: center;
    padding: 32px 0px 0px 0px;
}
.parti_li_3a{
    font-size: 35px;
    line-height: 20px;
    font-weight: 600;
    letter-spacing: -2px;
    color: #b44c4c;
}
.parti_li_3b{
    font-size: 15px;
    color: #0006;
}

.dolulu{
    background-color: var(--renkacikturuncu) !important;
    color: #fff !important;
}
.dogumgunu h2 {
    margin: 0;
    font-size: 20px;
    font-weight: 700;
    color: var(--renkkoyukirmizi);
    padding: 5px 0 0;
}
.dogumgunu ul{
    margin: 0;
    padding: 0 0 10px 0;
}
.dogumgunu li{
    list-style: none;
    margin: 5px;
}
.dogumgunu li a{
    display: block;
    height: 80px;
    border-radius: 10px;
    background-color: #f2f3f1;
    overflow: hidden;
    color: #666;
    font-weight: 700;
}
.dogumgunu li a:hover{
    background-color: #cccccc;
    color: var(--renksiyah);
}
.dogum_resim{
    float: left;
    width: 80px;
}
.dogum_resim img{
    width: 80px;
}
.dogum_kisi{
    float: left;
    width: calc( 100% - 100px);
    height: 80px;
    position: relative;
}

.dogum_kisi .text {
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0 5px;
    text-align: center;
    width: 100%;
    font-size: 15px;
    line-height: 17px;
}

.akilli_acilir,.akilli_acilir1 {
    position: relative;
    background: var(--renkbeyaz);
    border: 3px solid var(--renkfullsiyah);
}
.akilli_acilir:after, .akilli_acilir:before,.akilli_acilir1:after, .akilli_acilir1:before {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.akilli_acilir:after,.akilli_acilir1:after {
    border-color: rgba(0, 0, 0, 0);
    border-left-color: var(--renkbeyaz);
    border-width: 8px;
    margin-top: -8px;
}
.akilli_acilir:before,.akilli_acilir1:before {
    border-color: rgba(0, 0, 0, 0);
    border-left-color: var(--renkfullsiyah);
    border-width: 12px;
    margin-top: -12px;
}

.akilli_acilir{
    position: absolute;
    width: 200px;
    height: 60px;
    background-color: var(--renkbeyaz);
    left: -203px;
    border-radius: 10px;
    opacity: 1;
    color: var(--renkfullsiyah);
    font-size: 17px;
    top: -5px;
    font-weight: 700;
    padding-top: 10px;
    visibility: hidden;
    text-align: center;
    line-height: 17px;
    transition: all ease .7s;
}
.akilli_acilir1{
    transition: all ease .7s;
    position: absolute;
    width: 200px;
    height: 60px;
    background-color: var(--renkbeyaz);
    left: -206px;
    border-radius: 10px;
    visibility: hidden;
    opacity: 0;
    color: var(--renkfullsiyah);
    font-size: 17px;
    top: -10px;
    font-weight: 700;
    padding-top: 10px;
    text-align: center;
    line-height: 17px;
}
.aa_likem:hover .akilli_acilir{
    visibility: visible;
    opacity: 1;
}
.aa_likem:hover .akilli_acilir{
    visibility: visible;
    opacity: 1;
}
.akillis-kontrol:hover .akilli_acilir1{
    visibility: visible;
    opacity: 1;
}
.akillie-kontrol:hover .akilli_acilir1{
    visibility: visible;
    opacity: 1;
}
.akillie-kontrol:hover .akilli_acilir{
    visibility: visible;
    opacity: 1;
}
.akillis-kontrol,.akillie-kontrol{
    position: relative;
}
.aa_yazdir{
    display: none !important;
}
.acikgelsin{
    visibility: visible;
    opacity: 1;
}
.oyuncu_media{
    margin-top: 10px;
}
.videoembed .video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.oyuncu_media ul{
    margin: 0;
    padding: 0;
    text-align: center;
}
.oyuncu_media li{
    list-style: none;
    display: inline-block;
}
.oyuncu_media li a{
    display: block;
    width: 40px;
    height: 40px;
    background-color: #f2f3f1;
    padding-top: 5px;
    border-radius: 10px;
    color: #ff7373;
    margin: 3px;
}
.oyuncu_media li a:hover{
    background-color: #ff7373;
    color: var(--renksiyah);
}
.sss_0{
    height: 250px;
    width: 500px;
    margin: 0;
    background-color: var(--renkkoyukirmizi) !important;
    overflow: hidden;
    border-radius: 10px;
}
.kunye_body{
    margin: 0 20px;display: block;width: calc( 100% - 40px);
    font-family: 'Titillium Web';
    font-style: normal;
    font-weight: 300;
}
.kunye_print{
    text-align: center;
    font-family: 'Titillium Web';
    font-style: normal;
    font-weight: 300;
    margin-top: 20px;
}
.kunye_print img{
    width: 50px;
    height: 50px;
}
.kunye_alt{
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 10px;
    padding: 10px;
    text-align: center;
    margin-top: 20px;
}
.kunye_ust{
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 10px;
    padding: 10px;
}
#faastbox {
    background: var(--renkturuncu);
    /* border: 1px solid #b52110; */
    color: var(--renkbeyaz);
    font-weight: bold;
    position: fixed;
    bottom: 5px;
    left: -300px;
    width: 300px;
    height: 250px;
    transition: all 0.5s;
    visibility: hidden;
    border-radius: 10px;
    display: block;
    overflow: hidden;
    z-index: 2;
}

#faastbox a{
    display: block;
}
#faastbox:hover{
    background: var(--renksiyah);
}

/* (D) SHOW - BRING ELEMENT BACK ON SCREEN */
#faastbox.show {
    left: 5px;
    visibility: visible;
}
.f_resim{
    float: left;
    width: 100px;
    height: 100px;
    overflow: hidden;
}
.f_resim_ic{
    width: 100px;
    display: block;
    transition: all .6s;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    height: 100%;
}
.f_yazi{
    float: left;
    width: 200px;
    height: 100px;
    position: relative;
}
#faastbox:hover .f_resim_ic{

    transform: scale(1.1) rotate(3deg);
}
.f_resim_banner{
    text-align: center;
    height: 250px;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    transition: all 1s;
    display: block;
    border: 1px solid #9d9d9d;
    border-radius: 10px;
    overflow: hidden;
}

.f_yazi .text {
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0 5px;
    text-align: center;
    width: calc( 100% - 0);
    color: var(--renkbeyaz);
    line-height: 17px;
    font-weight: 500;
    font-size: 15px;
}

.sss_0:hover .sss_1_resim{

    transform: scale(1.1) rotate(3deg);
}
.sss_0:hover{
    background-color: var(--renksiyah) !important;
}
.sss_1{
    float: left;
    width: 250px;
    height: 250px;
    overflow: hidden;
}
.sss_1 a{
    display: block;
    width: 250px;
    height: 250px;
}

.sss_1_resim{
    width: 250px;
    display: block;
    transition: all .6s;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    height: 100%;
}
.sss_2{
    float: left;
    width: 250px;
    padding: 10px;
    position: relative;
    height: 250px;
}
.sss_2 .text {
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0 5px;
    text-align: center;
    width: calc( 100% - 20px);
    color: var(--renkbeyaz);
    line-height: 26px;
    font-weight: 700;
    font-size: 23px;
}

.moa{
    float: right;
    width: 53px;
}
.net_user{
    margin: 10px 10px 5px 10px;
    border-radius: 10px;
    padding: 10px 0;
    background-color: var(--renkturuncu);
    color: var(--renkfullsiyah);
    font-weight: 600;
    font-size: 14px;
}
.net_user a{
    font-size: 19px;
    text-decoration: none;
    font-weight: 600;
    color: var(--renkbeyaz);
}
.net_user a:hover{
    color: var(--renkfullsiyah);
}
.destekle1{
    /* border: 1px solid #ccc; */
    margin: 10px 5px 0 5px;
    border-radius: 10px;
    padding: 15px 0;
    font-weight: 700;
    font-size: 15px;
    background-color: #ccc;
    color: var(--renkbeyaz);
    line-height: 21px;
}
.destekle2{}
.destekle3{}
.destekle4{
    font-size: 14px;
    color: var(--renkfullsiyah);
    padding: 10px 0 0 0;
    font-weight: 600;
    cursor: pointer;
}
.destekle4:hover{
    color: var(--renkkoyukirmizi);
}

.otel_rezervasyon{}
.otel_rezervasyon a{
    background-color: var(--renkturuncu);
    margin: 10px 10px 5px 10px;
    border-radius: 10px;
    padding: 15px 0 16px 0;
    font-size: 18px;
    font-weight: 600;
    color: var(--renkbeyaz);
    cursor: pointer;
    line-height: 15px;
    display: block;
    text-decoration: none;
}
.otel_rezervasyon a:hover{
    background-color: var(--renkyesil);
}
.otel_puan{
    font-size: 32px;
    font-weight: 600;
}
.moa1{
    float: right;
    width: 53px;
    text-align: right;
}
.destekle{
    margin-top: 6px;
    font-size: 16px;
    color: var(--renkfullsiyah);
}
.degerlendir{
    background-color: var(--renkturuncu);
    margin: 5px 10px 0 10px;
    border-radius: 10px;
    padding: 12px 0 12px 0;
    font-size: 18px;
    font-weight: 600;
    color: var(--renkbeyaz);
    cursor: pointer;
    line-height: 15px;
}
.degerlendir:hover{
    background-color: var(--renkyesil);
}
.degerlendir_form{
    padding: 5px 10px 5px 0;
    margin: 5px 0;
}
.degerlendir_form label{
    text-align: left;
    display: block;
    font-size: 14px;
    font-weight: 500;
}

.a_kadrosu_ana{}
.a_kadrosu a{
    display: block;
    /* border: 1px solid #ededed; */
    overflow: hidden;
    margin-bottom: 20px;
    border-radius: 10px;
    color: var(--renksiyah);
    /* font-size: 19px; */
    font-weight: 400;
    background-color: #f2f3f1;
}
.a_kadrosu a:hover{
    background-color: #d8d8d8;
}
.kk_isim{
    float: left;
    width: calc( 100% - 100px);
    position: relative;
    height: 100px;
}
.kk_isim span{
    font-size: 14px;
    font-style: italic;
    color: #999;
}
.kk_isim .text {
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0 5px;
    text-align: center;
    width: 100%;
    font-size: 15px;
    line-height: 17px;
}
.kk_resim{
    float: left;
    width: 100px;
}
.kk_resim img{
    width: 100px;
    height: 100px;
}
.a_kadrosu_baslik{
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
    color: var(--renkturuncu);
}
.full_arka{
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    background-color: #00000080;
    z-index: 22;
}
.vv_kvkk{
    z-index: 5;
    position: fixed;
    left: 20px;
    right: 0;
    bottom: 10px;
    max-width: 400px;
    width: calc( 100vw - 40px);
    height: 240px;
    transform-origin: left bottom;
    animation: 0s ease 0s 1 normal none running none !important;
}
.vv_kvkk_ic{
    margin: 0;
    display: grid;
}
.durumsal1{
    height: 200px;
    background-color: var(--renkbeyaz);
    border-radius: 10px;
}
.durumsal2{
    height: 200px;
    background-color: var(--renkbeyaz);
    border-radius: 10px;
}
.vv_kvkk_ic1{
    height: 30px;
    margin: 10px;
    font-size: 18px;
    font-weight: 700;
    color: var(--renkkirmizi);
}
.vv_kvkk_ic2{
    height: 150px;
    margin: 0 10px;
    font-size: 13px;
    overflow: hidden;
    overflow-y: scroll;
    line-height: 16px;
}
.vv_kvkk_ic3{
    height: 160px;
    margin: 0 10px;
    font-size: 14px;
}
.vv_kvkk_buton{
    height: 30px;
    margin-top: 5px;
}
.vv_kvkk_buton ul{
    padding: 0;
    margin: 0 10px;
    text-align: center;
}
.vv_kvkk_buton li{
    display: inline-block;
}

.devam,.t_islem{
    margin-top: 20px;
    width: 100%;
}
.cc_aciklama{
    margin-bottom: 20px;

}
.soru_detay{
    padding: 15px 15px 10px 15px;
    display: flow-root;
}
.sa_1{
    width: 100%;
}
.ss_1{
    width: calc( 100% - 30px);
    float: left;
    display: inline-block;
}
.ss_1 span{
    font-size: 13px;
    /* font-style: italic; */
    color: #838383;
}
.ss_2{
    width: 30px;
    display: inline-block;
    float: left;
}
.ss_soru{
    padding: 10px;
    border: 1px solid #e8e8e8;
    border-radius: 10px;
    margin-bottom: 20px;
}
.ss_soru_isim{
    font-size: 20px;
    color: var(--renksiyah);
    font-weight: 500;
    padding: 5px 0;
}
.ss_soru_resim{
    width: 100%;
}
.ss_soru_resim img{
    width: 100%;
    border-radius: 10px ;
}
.ss_soru_kisa{
    font-size: 16px;
    color: var(--renksiyah);
    font-weight: 300;
    padding: 5px 0;
    font-style: italic;
}
.ss_cevaplar{}
.ss_cevaplar ul{
    margin: 0;
    padding: 0;
}
.ss_cevaplar li{
    list-style: none;
    margin: 0;
    padding: 0;
    border: 1px solid #cccccc;
    margin-top: 10px;
    border-radius: 10px;
    overflow: hidden;
}
.ss_cevaplar_isim{}
.ss_cevaplar_resim{
    width: 100%;
}
.ss_cevaplar_resim img{
    width: 100%;
    border-radius: 10px 10px 0 0;
}
.ss_cevaplar_kisa{}
.ss_cevaplar_buton{
    width: 100%;
    margin-top: 10px;
    box-shadow: none !important;
    border-radius: 10px;
    background-color: #e9e9e9;
    border: 2px solid #e9e9e9;
}
.ss_cevaplar_buton button{
    width: 100%;
    border-radius: 0 !important;
}

.cevap_secili{
    background-color: var(--renkbeyaz);
    border: 2px dotted #a3a3a3;
}

.nooo1 a{
    width: 85px;
    display: block;
    background-color: #ccc;
    margin: 0 4px;
    height: 30px;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 600;
    color: #595959;
    padding-top: 6px;
    text-decoration: none;
}
.nooo2{
    width: 85px;
    display: block;
    background-color: #ccc;
    margin: 0 4px;
    height: 30px;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 600;
    color: #595959;
    padding-top: 6px;
}
.nooo1 a:hover,.nooo2:hover{
    background-color: #e8e8e8;
    color: var(--renksiyah);
    cursor: pointer;
}
.tikli{
    background-color: var(--renkbeyaz);
    color: var(--renksiyah);
}
.a_kadrosu_ana{}
.a_kadrosu a{
    display: block;
    /* border: 1px solid #ededed; */
    overflow: hidden;
    margin-bottom: 20px;
    border-radius: 10px;
    color: var(--renksiyah);
    /* font-size: 19px; */
    font-weight: 400;
    background-color: #f2f3f1;
}
.a_kadrosu a:hover{
    background-color: #d8d8d8;
}
.kk_isim{
    float: left;
    width: calc( 100% - 100px);
    position: relative;
    height: 100px;
}
.kk_isim span{
    font-size: 14px;
    font-style: italic;
    color: #999;
}
.kk_isim .text {
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0 5px;
    text-align: center;
    width: 100%;
    font-size: 15px;
    line-height: 17px;
}
.kk_resim{
    float: left;
    width: 100px;
}
.kk_resim img{
    width: 100px;
    height: 100px;
}
.vv_kvkk_ic3{
    height: 150px;
    margin: 0 10px;
    font-size: 14px;
    overflow: hidden;
    overflow-y: scroll;
}
.vv_kvkk_ic3 ul{
    margin: 0 0 10px 0;
    border: 1px solid #f0f0f0;
    padding: 5px;
    border-radius: 10px;
}
.vv_kvkk_ic3 li{
    list-style: none;
    display: -webkit-box;
    padding: 7px;
    border-bottom: 1px solid #eaeaea;
    margin-bottom: 5px;
}
.vv_kvkk_ic3 li:last-child{
    border-bottom: 0;
    margin-bottom: 0;
}
.vv_marka{
    width: 30px;
    float: left;
}
.vv_marka_detay{
    width: calc( 100% - 30px);
    float: left;
}
.vv_marka_detay1{
    font-size: 14px;
    font-weight: 600;
    color: var(--renksiyah);
}
.vv_marka_detay2{}
.kvkk_onay{
    margin: 15px 0 0 0;
    font-size: 14px;
    padding: 7px 20px;
    background-color: #1c9221;
    display: block;
    border-radius: 5px;
    text-decoration: none;
    color: var(--renkbeyaz);
    font-weight: 400;
    border: 0;
}
.kvkk_onay:hover{
    background-color: var(--renkkoyukirmizi);
    color: var(--renkbeyaz);
}
.ddd_duzenle{
    width: 24px;
    height: 24px;
    float: right;
    background-color: #198754;
    text-align: center;
    border-radius: 5px;
    color: var(--renkbeyaz);
}
.ddd_duzenle:hover{
    background-color: var(--renksiyah);
    color: var(--renkbeyaz);
}
.ddd_cevapla a{
    width: 24px;
    height: 24px;
    float: right;
    background-color: #dec945;
    text-align: center;
    border-radius: 5px;
    margin-right: 5px;
    display: block;
    text-decoration: none;
    color: var(--renkbeyaz);
}
.ddd_cevapla a:hover{
    background-color: var(--renksiyah);
    color: var(--renkbeyaz);
}
.g_controls{
    display: block;
    width: 300px;
    float: right;
    margin: 4px 4px;
    height: 42px;
    overflow: hidden;
}
.g_controls_ul{
    margin: 0;
    padding: 0;
    text-align: right;
}
.g_controls_li{
    list-style: none;
    display: inline-block;
}
.g_controls_buton a{
    color: #bdbdbd;
}
.g_controls_buton a:hover{
    color: var(--renkbeyaz);
}
.g_controls_buton{
    margin: 0;
    height: 40px;
    /* font-size: 24px; */
    color: #bdbdbd;
    text-align: center;
    width: 40px;
    font-size: 22px;
    padding: 4px 0 0 0;
    cursor: pointer;
    border-radius: 10px;
}
.g_controls_buton::after {
    content: none;
}
.g_controls_buton:hover{
    background: #e6122f;
    color: var(--renkbeyaz);
    box-shadow: 2px 2px 3px #c0c0c0 !important;
}
.g_controls_buton img{
    width: 32px;
    margin: 4px;
}
.custom_sidebar1{
    background-color: var(--renkbeyaz);
}
.custom_sidebar2{
    background-color: var(--renkbeyaz);
    width: 300px !important;
}
.topa_bar{
    width: 100%;
    height: 50px;
    position: fixed;
    z-index: 21;
    background-color: var(--renkbeyaz);
}

.veri_ekle{
    margin: 3px;
    font-size: 14px;
    padding: 5px 10px;
    background-color: #ccc;
    display: block;
    border-radius: 10px;
    text-decoration: none;
    color: var(--renksiyah);
    font-weight: 400;
    max-width: 140px;
    margin: auto;
    padding: 25px 0;
    margin-top: 30px;
    color: var(--renkbeyaz);
    font-size: 18px;
    font-weight: 600;
}
.veri_ekle:hover{
    background-color: var(--renkkoyukirmizi);
    color: var(--renkbeyaz);
}
.veri_ekle i{
    font-size: 32px !important;
    color: #fff !important;
    margin-bottom: 20px;
}
.dimmed.dimmable > .ui.animating.dimmer, .dimmed.dimmable > .ui.visible.dimmer, .ui.active.dimmer {
    display: flex;
    align-items: center;
    justify-content: center;
}
.ui.modal,
.ui.active.modal {
    margin: 0 auto!important;
    top: auto !important;
    left: auto !important;
    transform-origin: center !important;
    transition: all ease .5s;
}
.people_next{
    width: 100%;
}
.vert {
    -moz-orient: vertical;
}
.i_alert{
    padding: 50px 0px;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    color: #f13132;
}
.i_alert i{
    font-size: 40px;
    margin-bottom: 20px;
}
.s-sosyal{}
.s-sosyal ul{
    margin: 0;
    padding: 20px 0;
    text-align: center;
}
.s-sosyal li{
    list-style: none;
    display: inline-block;
}
.s-sosyal li a{
    width: 50px;
    height: 50px;
    font-size: 18px;
    background-color: #e5e5e5;
    display: block;
    text-align: center;
    margin: 4px;
    padding: 13px 0 0 0;
    border-radius: 10px;
    color: var(--renkturuncu);
}
.s-sosyal li a:hover{
    background-color: var(--renkturuncu);
    color: #fff !important;
}
.c-adres{
    padding: 10px 0;
    font-size: 14px;
    line-height: 21px;
    margin-bottom: 20px;
}
.xoo{
    text-align: center;
    position: inherit;
}
.xoo-0{
    margin-top: 0;
}
.xoo-2{
    background-color: #ccc;
    margin: 10px 10px 5px 10px;
    border-radius: 10px;
    height: 50px;
}
.xoo-1{
    position: relative;
    width: 30px;
    display: inline-block;
    text-align: center;
    height: 60px;
    margin: 0 2px;
}
.xoo-1 progress{
    position: absolute;
    width: 60px;
    height: 30px;
    top: 15px;
    left: -15px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation-1);
    border: 0;
    border-radius: 5px;
    margin: auto;
}

.xoo-1 progress::-webkit-progress-bar {
    background-color: #4ec99b;
    border-radius: 5px;
}
.xoo-1 progress::-webkit-progress-value {
    background-color: #e89f13;
    border-radius: 5px;
}
.xoo-1 progress::-moz-progress-bar {
    /* style rules */
}
.katilim_firmalar{
    height: 62px;
    /* background-color: bisque; */
    margin-top: 10px;
    border-radius: 10px;
    border: 1px solid #dee2e6;
    cursor: pointer;
    overflow: hidden;
}
.katilim_firmalar:hover{
    border: 1px solid #bcbcbc;
}
.kkk_load{
    width: calc( 100%);
    background-color: #ffffffab;
    position: absolute;
    height: calc( 100%);
    z-index: 1;
    display: block;
}
.lll_resim{
    width: 60px;
    height: 60px;
    float: left;
}
.lll_resim img{
    width: 60px;
    height: 60px;
}
.lll_isim{
    width: calc( 100% - 60px);
    height: 60px;
    float: left;
    padding: 0px 10px;
    position: relative;
}
.a_texta{
    /* margin: 0; */
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0 5px;
    text-align: center;
    width: 100%;
    font-size: 15px;
    line-height: 17px;
}

.katilim_yok{
    padding: 30px 0;
}
.katilim_yok i{
    font-size: 32px;
    color: #dee2e6;
    margin-bottom: 10px;
}
.kk_bilgi{
    margin-bottom: 20px;
}
.kk_bilgi_on{
    padding-top: 10px;
    font-size: 12px;
}
.sayfayazi{
    font-size: 1.5em;
    line-height: 1.7em;
    color: #707070;
    font-weight: 100;
}

.a_logo{
    height: 50px;
    float: left;
    padding: 4px;
    width: 50px;
}
.a_logo img{
    height: 42px;
}
.ba-resim a{
    display: block;
    height: 250px;
    position: relative;
    overflow: hidden;
    width: 100%;
    background-color: var(--renkbeyaz);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 20px;
    margin-bottom: 20px;
    color: var(--renksiyah);
}

.ba-yazi {
    display: block;
    position: absolute;
    /* opacity: .7; */
    /* bottom: 0; */
    width: 100%;
    height: 100px;
    vertical-align: bottom;
    /* padding: 0; */
    /* font-size: 16px; */
    /* background-color: #0000004a; */
    transition: all 0.5s ease;
    font-size: 18px;
    font-weight: 400;
}

.ba-resim a:hover .ba-resima{
    transform: scale(1.1) rotate(3deg);
}
.ba-resim a:hover .ba-yazi{
    background-color: #f9eae1;
}
.ba-resim a:hover{
}


.ba-resimamain{
    overflow: hidden;
    height: 150px;
}
.ba-resima{
    overflow: hidden;
    height: 150px;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    transition: all ease .5s;
}
.ba-resima img{

}
.haber_yazi {
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0 10px;
    text-align: center;
}

.dropdown-menua {
    position: relative;
    background: var(--renkbeyaz);
    border: 1px solid var(--renkortagri);
    padding: 2px;
    border-radius: 10px;
}
.dropdown-menua .dropdown-divider{
    margin: 0;
    padding: 0;
}
.dropdown-menua:after, .dropdown-menua:before {
    bottom: 100%;
    right: 19px;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.dropdown-menua:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: var(--renkbeyaz);
    border-width: 7px;
    margin-right: -7px;
}
.dropdown-menua:before {
    border-color: #ffffff00;
    border-bottom-color: var(--renkortagri);
    border-width: 8px;
    margin-right: -8px;
}
.dropdown-item{
    border-radius: 6px;
    font-size: 13px;
    font-weight: 300;
    margin: 1px;
    width: 192px;
    padding: 4px;
    height: 40px;
}
.dropdown-item:hover{
    background-color: var(--renkturuncu);
    color: var(--renkbeyaz);
}
.dd-item-resim{
    width: 32px;
    height: 32px;
    /* background-color: #ccc; */
    float: left;
    /* font-size: 18px; */
    text-align: center;
    margin-right: 4px;
    margin-top: 0;
    font-size: 18px;
}
.dd-item-resim i{
    font-size: 22px;
    margin-top: 5px;
}
.dd-item-resim img {
    width: 32px;
    height: 32px;
    border-radius: 50%;
}
.dd-item-info{
    width: calc(100% - 36px);
    float: left;
    height: 26px;
    position: relative;
    display: block;
}
.dd-item-info div{
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding-top: 5px;
}
.haber_kaynak{
    background-color: #f2f3f1;
    border-radius: 10px;
    padding: 5px 15px;
    margin-top:10px;
}
.fasts-tags{
    background-color: var(--renkbeyaz);
    border-radius: 10px;
    text-align: center;
    margin: 0 0 10px 0;
    padding: 10px ;
    font-size: 14px;
    color: #666;
    font-weight: 200;
}
.fasts-tags a{
    color: #ed4845;
    text-decoration: none;
    font-size: 16px;
    font-weight: 400;
}
.fasts-tags a:hover{
    color: #2a2a2a;
}
.p_kunye{
    background-color: var(--renkbeyaz);
    margin-bottom: 10px;
    border-radius: 10px;
    padding: 10px;
}
.p_kunye h1{
    margin: 0 0;
    font-size: 20px;
    font-weight: 600;
    color: #323a46;
    border-radius: 10px;
    padding: 5px 10px;
    background-color: #f5f5f5;
}
.p_kunye h2{
    margin: 0 0;
    font-size: 20px;
    font-weight: 700;
    color: var(--renkkoyukirmizi);
    padding: 5px 0 0 0;
}
.p_kunye_bilgi{
    padding: 10px 0 0 0;
    font-size: 17px;
    line-height: 30px;
}
.xooo{
    text-align: center;
    position: inherit;
    height: 70px;
}
.xooo-0{
    margin-top: 10px;
}
.xooo-2{
    background-color: #ccc;
    margin: 10px 10px 5px 10px;
    border-radius: 10px;
    height: 50px;
}
.xooo-1{
    position: relative;
    width: 10%;
    display: inline-block;
    text-align: center;
    height: 60px;
}
.xooo-1 progress{
    position: absolute;
    width: 60px;
    height: 20px;
    top: 20px;
    left: -15px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation-1);
    border: 0;
    border-radius: 5px;
    margin: auto;
}

.xooo-1 progress::-webkit-progress-bar {
    background-color: #4ec99b;
    border-radius: 5px;
}
.xooo-1 progress::-webkit-progress-value {
    background-color: #e89f13;
    border-radius: 5px;
}
.xooo-1 progress::-moz-progress-bar {
    /* style rules */
}
.xooo-link{
    background: #4ec99b;
    display: block;
    text-align: center;
    padding: 5px 0;
    border-radius: 10px;
    font-size: 20px;
    text-decoration: none;
    color: var(--renkbeyaz);
    font-weight: 600;
    margin-top: 20px;
}
.xooo-link:hover{
    background: #e89f1c;
    color: var(--renksiyah);
}

.calisan-bilgi-resim a{}
.calisan-bilgi-resim a:hover img{
    transform: rotate(360deg);
}
.calisan-bilgi-resim a img{
    transition: transform .7s ease-in-out;
}


.menusu{
    height: 386px;
    overflow: hidden;
    overflow-y: scroll;
    width: 200px;
}
.menusu::-webkit-scrollbar {width: 4px;}
.menusu::-webkit-scrollbar-track {border-radius: 8px;background:transparent;}
.menusu::-webkit-scrollbar-thumb {background: var(--renkkoyukirmizi); border-radius: 8px;}
.menusu::-webkit-scrollbar-thumb:hover {background: var(--renkkoyukirmizi);}

.menusu1{
    height: 216px;
    overflow: hidden;
    overflow-y: scroll;
    width: 200px;
}
.menusu1::-webkit-scrollbar {width: 4px;}
.menusu1::-webkit-scrollbar-track {border-radius: 8px;background:transparent;}
.menusu1::-webkit-scrollbar-thumb {background: var(--renkkoyukirmizi); border-radius: 8px;}
.menusu1::-webkit-scrollbar-thumb:hover {background: var(--renkkoyukirmizi);}

.menusu2{
    height: 128px;
    overflow: hidden;
    overflow-y: scroll;
    width: 200px;
}
.menusu2::-webkit-scrollbar {width: 4px;}
.menusu2::-webkit-scrollbar-track {border-radius: 8px;background:transparent;}
.menusu2::-webkit-scrollbar-thumb {background: var(--renkkoyukirmizi); border-radius: 8px;}
.menusu2::-webkit-scrollbar-thumb:hover {background: var(--renkkoyukirmizi);}

.yukari1{
    width: 200px;
}
.yukari1 a{
    margin-bottom: 3px;
}
.yukari1 a:last-child{
    margin-bottom: 0;
}
#map {
    height: 400px;
    margin: 0;
}
.acilirmenu1{
    max-width: 350px;
    width: 100%;
}
.acilirmenu2{
    max-width: 350px;
    width: 100%;
}
.g_controls_buton_close {
    margin: 5px;
    height: 30px;
    /* float: right; */
    color: var(--renksiyah);
    text-align: center;
    width: 30px;
    /* font-size: 22px; */
    padding: 3px 0 0 0;
    cursor: pointer;
    border-radius: 6px;
    background-color: #e2e2e2;
    position: absolute;
    right: 0;
}
.g_controls_buton_close:hover {
    background-color: #e6122f;
    color: var(--renkbeyaz);
}
.page1_area{
    margin-top: 50px;
    padding: 0 10px;
    font-size: 14px;
}
.page11_area{
    margin-top: 35px;
    padding: 0 10px;
    font-size: 14px;
}
.page3_area{
    height: 100%;
}
#page3{
    height: 400px;
}

.page3_area i{
    font-size: 32px;
}


.aa_menu{
    background-color: var(--renkbeyaz);
    border-radius: 10px;
}
.aa_menu ul{
    padding: 10px;
}
.aa_menu ul li{
    margin: 0 0 10px 0;
}
.aa_menu ul li a{
    background-color: #e2e5ff;
    display: block;
    border-radius: 5px;
    padding: 6px 0 6px 14px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    color: #5760aa;
}
.aa_menu ul li:last-child{
    margin: 0;
}
.aa_menu ul li a:hover{
    background-color: #686fb3;
    text-decoration: none;
    color: var(--renkbeyaz);
}
.aa_menu ul li .active{
    background-color: #6875f5;
    text-decoration: none;
    color: var(--renkbeyaz);
}
.aa_badge{
    float: right;
    margin-top: 3px;
    margin-right: 0;
}
.aa_list{
    padding-bottom: 11px;
}

.aaa-listeleme-resim{

}
.aaa-listeleme-resim a{
    border-radius: 6px;
    border: 1px solid #e0e0e0;
    margin-bottom: 10px;
    color: #999;
    list-style: none;
    height: 200px;
    display: block;
    text-align: center;
    text-decoration: none;
}
.aaa-listeleme-resim a:hover{
    background-color: #f2f3f1;
}
.aaa3-resim{
    height: 150px;
    padding: 5px;
}
.aaa3-icerik{
    height: 50px !important;
    line-height: 13px;
    font-size: 13px;
}
.aaa3-resim img{
    width: 100%;
    border-radius: 10px;
    max-height: 140px;
    overflow: hidden;
    height: 100%;
    max-width: 140px;
}
.y_analiz {
    background: var(--renkbeyaz);
    display: block;
    text-align: center;
    border-radius: 10px;
    padding: 50px 0;
    margin: 0 0 20px 0;
}
.a_liz{}
.yakinda{
    background: var(--renkbeyaz);
    display: block;
    text-align: center;
    border-radius: 10px;
    padding: 50px 0;
}
.ekle1{}
.ekle1 i{
    font-size: 32px;
    color: #ff7400;
    margin-bottom: 10px;
}
.aaa-listeleme{
    margin: 0;
    padding: 0;
    overflow: hidden;
}
.aaa-listeleme li{
    border-radius: 6px;
    border: 1px solid #e0e0e0;
    margin-bottom: 10px;
    color: #999;
    list-style: none;
}
.aaa-listeleme li:last-child{
    margin-bottom: 0;
}
.aaa-listeleme2 li{
    border-radius: 6px;
    border: 1px solid #e0e0e0;
    margin-bottom: 10px;
    color: #999;
    list-style: none;
}
.aaa-listeleme2 li:last-child{
    margin-bottom: 0;
}
.aaa-listeleme2 a{
    display: block;
    color: #777;
    padding: 3px 8px;
    text-decoration: none;
}
.aaa-listeleme2 a:hover{
    display: block;
    color: var(--renksiyah);
    background-color: #e5e5e5;
}

.aaa-listeleme a{
    display: block;
    color: #777;
    padding-bottom: 5px;
}
.aaa-listeleme a:hover{
    display: block;
    color: var(--renksiyah);
    background-color: #e5e5e5;
}
.aaa-listeleme .aaa-resim{
    width: 110px;
    height: 105px;
    float: left;
    padding: 5px;
    border-radius: 10px;
    overflow: hidden;
}
.aaa-listeleme .aaa-resim img{
    width: 100px;
    height: 100px;
    border-radius: 5px;
}
.aaa-listeleme .aaa-icerik{
    float: left;
    width: calc( 100% - 110px);
    font-size: 13px;
    height: 105px;
    text-align: center;
}
.aaa_analiz{
    background-color: #f2f3f1;
    border-top: 1px solid #ccc;
}

.aa_bilgi{
    background-color: var(--renkbeyaz);
    border-radius: 10px;
    margin-top: 10px;
    padding: 5px;
    text-align: center;
    margin-bottom: 10px;
}
.aa_bilgi_tiyo{
    font-weight: 900;
    font-size: 18px;
    color: #d4491b;
    padding: 2px 6px;
}
.list-group {
    border-radius: 10px;
}
.yukleniyor{
    text-align: center;
    font-size: 13px;
    font-weight: 700;
    color: #9ca3ae;
}
.aa_bilgi_aciklama{
    font-size: 12px;
    padding: 0 7px;
}
.mainarea{
    background-color: var(--renkbeyaz);
    padding: 5px 10px 5px 10px;
    border-radius: 10px;
}
.sadeceuye{
    padding: 40px 0px;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
}
.sadeceuye a{
    text-decoration: none;
    color: #f13132;
    font-size: 22px;
    margin-top: 20px;
    display: inline-block;
}
.sadeceuye a:hover{
    color: #000;
}
.sadeceuye i{
    font-size: 40px;
    margin-bottom: 20px;
}

.d_gelen{
    display: flow-root;
    text-align: right;
    background-color: #f2f2f2;
    padding: 10px;
    border-radius: 10px;
    margin-bottom: 20px;
    font-size: 14px;
}
.d_gelen .ssahip{
    width: 120px;
    float: left;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    color: #a6a6a6;
    background-color: #fff;
    border-radius: 10px;
    padding: 10px;
}
.d_gelen .ssahip img{
    width: 100px;
    margin-bottom: 10px;
    border-radius: 10px;
}
.d_giden{
    display: flow-root;
    text-align: left;
    background-color: #f2f2f2;
    padding: 10px;
    border-radius: 10px;
    margin-bottom: 20px;
    font-size: 14px;
}
.d_giden .ssahip{
    width: 120px;
    float: right;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    color: #a6a6a6;
    background-color: #fff;
    border-radius: 10px;
    padding: 10px;
}
.d_giden .ssahip img{
    width: 100px;
    margin-bottom: 10px;
    border-radius: 10px;
}
.form_baslik{
    margin-bottom: 10px;
    font-size: 25px;
    font-weight: 400;
    color: #ff7400;
}


.ho_info{
    float: left;
    width: 108px;
}
.ho_logo{
    padding: 4px;
    background-color: #f1f2f2;
    border-radius: 10px;}
.ho_logo img{
    width: 100px;
    border-radius: 10px;
}
.ho_isim{}
.ho_isim a{
    font-weight: 700;
    color: #f13132;
    text-decoration: none;
}
.ho_isim a:hover{
    color: #000;
}

.hs_info{
    float: left;
    width: calc( 100% - 110px);
    padding: 0px 0px 0px 10px;
}
.hs_user{}
.hs_baslik{}
.hs_mesaj{}

.iletisim_form{
    width: 100%;
    max-width: 600px;
    margin: auto;
    margin-top: 50px;
    margin-bottom: 50px;
}
/*
BLOG SAYFASI
 */

.blog-genel-resim{
    border-radius: 20px;
    overflow: hidden;
    height: 150px;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
.blog-genel-resim img{
    width: 100%;
}
.blog-genel-icerik{
    margin: 20px 0 0 0;
}
.hop_baslik{
    font-size: 18px;
    font-weight: 700;
    color: var(--renkturuncu);
}
.alt_s_list .aktif {
    background-color: var(--renkturuncu);
    color: var(--renkbeyaz);
}

.yonelt{
    background-color: var(--renkbeyaz);
    border-radius: 10px;
    padding: 6px 13px;
    font-size: 14px;
    text-decoration: none;
    font-weight: 400;
    margin: 0 0 10px 0;

}
.yonelt a{
    text-decoration: none;
    font-weight: 600;
    letter-spacing: .3px;
    color: var(--renkturuncu);
}
.yonelt a:hover{
    text-decoration: underline;
}

.ortala{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.ortala2{
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0 5px;
    text-align: center;
    width: 100%;
    line-height: 17px;
}
.kkk_liste{
    height: 300px;
    overflow: hidden;
    overflow-y: scroll;
    position: relative;
    display: grid;
}

.login_resim{
    min-height: 100vh;
    height: 100%;
}
.login_form{
    flex: 1;
}
.giris_ana{
    flex: 1;
}
.aa_input{
    border-radius: 10px;
    background-color: #f9f9f9;
}

.aa_form_ana{
    max-width: 900px;
    margin: auto;
    margin-top: 30px;
    background-color: var(--renkbeyaz);
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 1px 1px 1px #ccc;
    width: calc( 100% - 20px);
}

span.deleteicon {
    position: relative;
}
span.deleteicon span {
    position: absolute;
    display: block;
    top: 5px;
    right: 0;
    width: 16px;
    height: 16px;
    background: url('http://cdn.sstatic.net/stackoverflow/img/sprites.png?v=4') 0 -690px;
    cursor: pointer;
}
span.deleteicon input {
    padding-right: 16px;
    box-sizing: border-box;
}

.nopadding {
    padding: 0 !important;
    margin: 0 !important;
}
.aa_form{
    padding: 40px 40px 40px 40px;
    font-size: 14px;
}
.aa_icerik{
    height: 100%;
}
.aa_label{
    font-size: 16px;
    color: #a8a8a8;
    font-weight: 200;
    letter-spacing: 2px;
}
.aa_label i{
    font-size: 16px;
    color: #F8595C;
    font-weight: 200;
}
.aa_buton{
    font-size: 16px;
    color: var(--renkbeyaz);
    font-weight: 200;
    letter-spacing: 2px;
}
.aa_input{
    font-size: 16px;
    color: #797979;
    font-weight: 200;
    letter-spacing: 2px;
}
.aa_header{
    font-size: 30px;
    font-weight: 700;
    letter-spacing: 1px;
    color: #f27678;
    line-height: 38px;
}
.aa_header span{
    font-size: 30px;
    font-weight: 700;
    letter-spacing: 1px;
    color: #7c7c7c;
    line-height: 38px;
}
.ara_buton{
    margin: 40px auto 0 auto;
    text-align: center;
}
.resims{
    padding: 10px 30px;
}
.resims img{
    width: 80%;
}
.aaa_yukleniyor{
    padding: 30px 0;
    text-align: center;
    /* width: calc( 100% - 30px); */
    display: block;
    /* position: absolute; */
    z-index: 22222;
    height: 100%;
    opacity: .4;
    /* background-color: aqua;
     */
    display: block;
    width: 100%;
}
.aaa_yukleniyor1 {
    padding: 30px 0;
    text-align: center;
    /* width: calc( 100% - 30px); */
    display: block;
    position: absolute;
    z-index: 22222;
    height: 100%;
    opacity: .4;
    /* background-color: aqua; */
    display: block;
    width: 100%;
    height: 100%;
    padding: 34% 0;
    background-color: #ccc;
}
.resimcloseButton{
    position: absolute;
    right: 0;
    top: 0;
    width: 25px;
    height: 25px;
    background-color: #ccc;
    border-radius: 5px;
    padding-top: 1px;

}
.resimcloseButton:hover{
    background-color: #8e8e8e;
    color: var(--renkbeyaz);
}
.li_list{}
.li_list ul{
    margin: 40px 10px 30px 10px;
    padding: 0;
    text-align: center;
    overflow-y: scroll;
    height: 330px;
}
.li_list li{
    list-style: none;
    display: inline-block;
}
.li_list li a{
    width: 100px;
    height: 100px;
    display: block;
    text-decoration: none;
    color: var(--renkbeyaz);
    font-weight: 600;
    padding: 5px;
    border-radius: 20px;
    font-size: 12px;
    opacity: .5;
    margin-bottom: 10px;
    transition: all ease .5s;
    padding-top: 20px;
    background-color: var(--renksiyah);
    margin: 4px;
}
.li_list li a img{
    width: 35px;
    height: 35px;
    margin: 15px 0 0 0;
}
.li_list li a div{
    margin-top: 10px;
    height: 37px;
    display: grid;
    text-align: center;
    line-height: 15px;
    color: #fff;
}
.li_list li a:hover{
    background-color: #ff8531;
    color: var(--renkbeyaz);
    opacity: 1;
}

.turler{
    text-align: center;
    margin-bottom: 20px;
    border-radius: 20px;
}
.turler a{
    text-decoration: none;
    color: var(--renksiyah);
    font-size: 15px;
    font-weight: 600;
    display: block;
    border-radius: 20px;
    opacity: 0.6;
    background-color: #ccc;
    transition: all ease .5s;
}
.turler a:hover{
    opacity: 1;
    background-color: var(--renkbeyaz);
}
.t-resim{
    padding: 20px 0;
}
.t-resim img{
    padding: 20px 0;
    max-width: 100px;
}
.t-yazi{
    height: 55px;
}

.a-genela{
    padding: 10px 0;
    text-align: center;
}
.a-genela a{
    display: inline-block;
    padding: 3px 10px 4px 10px;
    text-decoration: none;
    font-size: 14px;
    border-radius: 8px;
    color: #636363;
    margin: 3px 0;
    transition: all ease .5s;
}
.a-genela a:hover{
    background-color: #a2a2a2;
    color: var(--renkbeyaz);
}

.giris_sistem{
    border-radius: 10px;
    border: 5px solid #fff0;
}
.giris_sistem a{
    background-color: #f1f1f1;
    color: var(--renksiyah);
    padding: 10px 15px;
    min-width: 90px;
    border: 1px solid #d2d2d294;
    border-radius: 10px;
    margin: 0 10px;
    color: #9c9c9c;
}
.giris_sistem a:hover{
    background-color: #ff6900;
    border-color: #ffffff00;
    color: var(--renkbeyaz);
}
.a-genel{
    padding: 0;
    text-align: center;
    margin-bottom: 20px;
}
.a-genel a{
    display: block;
    /* padding: 3px 10px 4px 10px; */
    text-decoration: none;
    font-size: 14px;
    border-radius: 8px;
    color: var(--renksiyah);
    /* margin: 3px 0; */
    background-color: var(--renkbeyaz);
    transition: all ease .5s;
}
.a-genel a:hover{
    background-color: #9d9d9d;
    color: var(--renkbeyaz);
}
.menu0mod{
    padding: 0;
}

.menu0mod .sos{
    padding: 0;
}
.menu0mod .sos ul{
    padding: 20px 0;
    margin: 0;
}
.menu0mod .sos li{
    padding: 0;
    list-style: none;
    display: inline-block;
    margin: 0 10px 0 0;
}
.menu0mod .sos li a{
    padding: 0;
    color: var(--renkbeyaz);
    font-size: 22px;
    text-decoration: none;
    width: 40px;
    height: 40px;
    display: block;
    padding-top: 5px;
    text-align: center;
}
.menu0mod .sos li a:hover{
    color: var(--renkturuncu);
}
.menu0mod img{
    margin: 20px 0;
    width: 70px;
}
.menu1mod{}
.menu1mod ul{
    margin: 0;
    padding: 20px 0;
}
.menu1mod li{
    list-style: none;
    padding: 10px 0;
}
.menu1mod li a{
    display: block;
    font-size: 14px;
    color: var(--renkbeyaz);
    text-decoration: none;
    padding: 0 0;
}
.menu1mod li a:hover{
    color: var(--renkturuncu);
}
.menu2mod{}
.menu2mod ul{
    margin: 0;
    padding: 20px 0;
}
.menu2mod li{
    list-style: none;
    padding: 10px 0;
}
.menu2mod li a{
    display: block;
    font-size: 14px;
    color: var(--renkbeyaz);
    text-decoration: none;
    padding: 0 0;
}
.menu2mod li a:hover{
    color: var(--renkturuncu);
}
.copymode{}
.ajans_header{
    height: 150px;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    margin-bottom: 10px;
    border-radius: 10px;
}
.a-resim{
    padding: 20px 20px 0 20px;
}
.a-resim:hover img{
    transform: scale(1.1) rotate(3deg);
}
.a-resim img{
    padding: 0;
    max-width: 220px;
    width: 100%;
    border-radius: 10px;
    transition: all .6s;
}
.a-isim{
    height: 70px;
    font-size: 15px;
    font-weight: 300;
    line-height: 17px;
    padding: 0 10px;
    position: relative;
}

.a-isim .text {
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    width: 100%;
}

.log-liste{
    border-radius: 10px;
    overflow: hidden;
}
.log-liste ul{
    margin: 0;
    padding: 10px;
    background-color: var(--renkbeyaz);
}
.log-liste li{
    list-style: none;
    padding: 10px;
    /* border: 1px solid #ccc; */
    margin-bottom: 10px;
    border-radius: 10px;
    background-color: #f2f3f1;
    font-size: 12px;
}
.genel-ekran{

    border-radius: 10px;
    margin: 0 0 20px 0;
    padding: 10px;
    background-color: var(--renkbeyaz);
}
.p-ajans-ara{
    background-color: var(--renkbeyaz);
    border-radius: 10px;
    padding: 20px 0;
    text-align: center;
    color: #ccc;
}
.p-panel{
    background-color: var(--renkbeyaz);
    border-radius: 10px;
}
.p-panel ul{
    padding: 8px;
    margin: 0;
}
.p-panel li{
    list-style: none;
}
.p-panel li a{
    display: block;
    padding: 5px 5px 5px 10px;
    /* background-color: #d8d8d8; */
    margin: 0 0 8px 0;
    border-radius: 10px;
    color: #737373;
    font-size: 15px;
    text-decoration: none;
    border: 1px solid #ccc;
    font-weight: 600;
    letter-spacing: .2px;
}
.p-panel li .active{
    background-color: var(--renkkirmizi);
    color: var(--renkbeyaz);
}
.p-panel li .active i{
    color: var(--renkbeyaz);
}
.p-panel li a:hover{
    background-color: var(--renkkirmizi);
    color: var(--renkbeyaz);
}
.p-panel li a:hover i{
    color: var(--renkbeyaz);
}
.p-panel li:last-child a{
    margin: 0 0 0 0;
}
.p-panel i{
    width: 17px;
    color: var(--renkturuncu);
    margin-right: 5px;
}

.form-uyarilari{
    font-size: 12px;
    color: var(--renkasirigri);
    padding: 10px 5px 0 5px;
}
.form-label{
    margin-bottom: 5px !important;
    color: var(--renkasirigri) !important;
    font-weight: 500 !important;
    /* padding-left: 5px !important; */
    font-size: 16px !important;
}
.form-control {
    border-radius: 10px;
}

.label-bilgi{
    font-size: 12px;
    color: var(--renkasirigri);
    padding: 10px 5px 0 5px;
}
.label-isim{
    margin-bottom: 5px !important;
    color: var(--renksiyah) !important;
    font-weight: 500 !important;
    padding-left: 5px !important;
    font-size: 11px !important;
}
.checkbox-area{
    margin-bottom: 20px;
}
.aa_liko{
    color: var(--renkturuncu);
    text-decoration: none;
    font-weight: 600;
}
.aa_liko:hover{
    color: var(--renkkoyukirmizi);
}

.aa-input-area{
    border-radius: 6px;
    border: 1px solid #e0e0e0;
    padding: 5px 5px 5px 10px;
    margin-bottom: 20px;
    color: var(--renkasirigri);
}
.aa-input-areasiz{
    border-radius: 6px;
    border: 1px solid var(--renkacikgri);
    padding: 5px;
    margin-bottom: 20px;
    color: var(--renkasirigri);
}
.aa-input-areasiz label{
    font-size: 11px;
    padding-left: 6px;
    margin-top: 10px;
    margin-bottom: 8px;
    color: var(--renkturuncu);
    font-weight: 600;
    letter-spacing: 0.5px;
}
.aa-input-area label{
    font-size: 11px;
    padding-left: 6px;
    margin-top: 10px;
    margin-bottom: 8px;
    color: var(--renkturuncu);
    font-weight: 600;
    letter-spacing: 0.5px;
}
.aa-input-text{
    border: none !important;
    padding-top: 0;
    border-radius: 8px;
    padding-left: 40px;
    font-size: .9rem;
    transition: all .3s;
    position: relative;
    margin-top: 5px;
}
.aa-input-text textarea{
    border-radius: 10px;
    display: block;
    width: 100%;
    padding: 5px 0 4px 10px;
    font-size: 14px;
    /* font-weight: 400; */
    /* line-height: 1.5; */
    color: #545454 !important;
    background-color: #f3f3f3;
    background-clip: padding-box;
    border: 0 solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    margin-top: 0;
    height: 36px;
    min-height: 100px;
}
.aa-input{
    border: none !important;
    padding-top: 0;
    border-radius: 8px;
    height: 36px;
    padding-left: 40px;
    font-size: .9rem;
    transition: all .3s;
    position: relative;
    margin-top: 5px;
}
.aa-input input{
    border-radius: 10px;
    display: block;
    width: 100%;
    padding: 5px 0 4px 10px;
    font-size: 14px;
    /* font-weight: 400; */
    /* line-height: 1.5; */
    color: #545454;
    background-color: #f3f3f3;
    background-clip: padding-box;
    border: 0 solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    margin-top: 0;
    height: 36px;
}
.aa-input input:focus{
    color: #656565;
}
.aa-input-icon{
    position: absolute;
    top: 0;
    left: 0;
    height: 36px;
    width: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.aa-input:focus-within {
    color: var(--renkkoyukirmizi);
}
.aa-input:focus-within input{
    background-color: #b2b2b2;
    color: var(--renkbeyaz);
}
textarea:focus-within {
    color: var(--renkkoyukirmizi);
}
textarea:focus-within textarea{
    background-color: #b2b2b2;
    color: var(--renkbeyaz);
}
.ck-editor{
    color: #545454;
}
.iconsuz{
    padding: 0;
}
.aa-input-area-alt{
    padding-left: 7px;
}
.ss_kunye{
    background-color: var(--renkbeyaz);
    border-radius: 10px;
    text-align: center;
    margin: 0 0 10px 0;
    padding: 10px 5px;
    font-size: 14px;
    color: #666;
    font-weight: 200;
}
.nasildir{
    background-color: var(--renkbeyaz);
    border-radius: 10px;
    text-align: center;
    margin: 10px 0;
    padding: 6px 0 10px 0;
    font-size: 14px;
    color: #666;
    font-weight: 200;
}
.reklam_mod1{
    background-color: var(--renkbeyaz);
    border-radius: 10px;
    text-align: center;
    margin: 10px 0;
    font-size: 14px;
    color: #666;
    font-weight: 200;
}
.reklam_mod1 a{
    display: block;
}
.reklam_mod1 iframe{
    width: 100%;
}
.reklam_mod1 img{
    width: 100%;
    height: 100%;
    border-radius: 10px;
}
.reklam_mod1a{
    background-color: var(--renkbeyaz);
    border-radius: 10px;
    text-align: center;
    margin: 0 0 10px 0;
    padding: 10px 5px;
    font-size: 14px;
    color: #666;
    font-weight: 200;
}
.reklam_mod2{
    background-color: var(--renkbeyaz);
    border-radius: 10px;
    text-align: center;
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 14px;
    color: #666;
    font-weight: 200;
}
.reklam_mod2 a{
    display: block;
}
.reklam_mod2 img{
    width: 100%;
    height: 100%;
    border-radius: 10px;
}
.reklam_mod3{
    background-color: var(--renkbeyaz);
    border-radius: 10px;
    text-align: center;
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 14px;
    color: #666;
    font-weight: 200;
}
.reklam_mod3 a{
    display: block;
}
.reklam_mod3 img{
    width: 100%;
    height: 100%;
    border-radius: 10px;
}
#videoembed{
    position: relative;
    width: 100%;
    height: 400px;
    margin-bottom: 10px;
}
.videoembed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.mm_link{
    text-align: left;
    font-size: 15px;
}
.mm_link b{
    color: var(--renkkoyukirmizi);
}
.mm_link a{}
.mm_link a:hover{}
.ikili {
    padding: 0;
    margin: 0;
}
.ikili div{
    padding: 6px 3px 6px 6px;
    margin: 0;
}
.ikili div a{
    display: block;
}
.ikili div:last-child{
    padding: 6px 6px 6px 3px;
    margin: 0;
}

.reklam_mod4{
    background-color: #9a9a9a;
    border-radius: 10px;
    text-align: center;
    margin: 0 10px 0 10px;
    padding: 10px 5px;
    font-size: 14px;
    color: var(--renkbeyaz);
    font-weight: 200;
    height: 150px;
}
.resimbaz {
    float: left;
    width: 128px;
    margin-left: 5px;
    margin-right: 12px;
    height: 128px;
    margin-bottom: 8px;
}

.resimbaz img {
    max-width: 100%;
    max-height: 100%;
    float: left;
    margin-right: 10px;
    border-radius: 10px;
}

.resiminfo {
    float: left;
    width: calc(100% - 147px);
    height: 128px;
    /* display: block; */
    position: relative;
}

.resimsil, .resimsil1, .resimsil2 {
    position: absolute;
    bottom: 0;
    padding: 5px 10px;
    border-radius: 6px;
}
.resimalan input{
    font-size: 13px;
    width: 100%;
}
.r-info{
    font-size: 12px;
    color: #7e7e7e;
    padding: 10px 5px 0 5px;
}

.pager{
    margin: 0 0 0 0;
    padding: 20px 0;
    text-align: center;
    display: block;
}
.pager li{
    display: inline-block;
    width: 50px;
    margin: 5px;
    text-align: center;
}

.pager li a{
    text-decoration: none;
    color: #a52e46;
    font-weight: 600;
    width: 48px;
    height: 48px;
    background-color: var(--renkbeyaz);
    display: inline-block;
    text-align: center;
    border-radius: 10px;
    padding-top: 5px;
    font-size: 24px;
    border: 1px solid #ececec;
}
.pager li a:hover{
    border: 1px solid #fbbdbd;
}

.form-group{
    padding: 0 0 20px 0;
}
.form-control{
    border: 1px solid #ccc;
    border-radius: 5px;
}
.form_baslik{
    padding: 0 0 10px 0;
    font-size: 30px;
    font-weight: 700;
}

.ekran-h1{
    padding: 0 0 5px 0;
    font-size: 18px;
    font-weight: 300;
    color: var(--renkturuncu);
}
.checkbox label:after {
    content: '';
    display: table;
    clear: both;
}

.checkbox .cr {
    position: relative;
    display: inline-block;
    border: 1px solid #a9a9a9;
    border-radius: .25em;
    width: 1.3em;
    height: 1.3em;
    float: left;
    margin-right: .5em;
}

.checkbox .cr .cr-icon {
    position: absolute;
    font-size: .8em;
    line-height: 0;
    top: 50%;
    left: 15%;
}

.checkbox label input[type="checkbox"] {
    display: none;
}

.checkbox label input[type="checkbox"]+.cr>.cr-icon {
    opacity: 0;
}

.checkbox label input[type="checkbox"]:checked+.cr>.cr-icon {
    opacity: 1;
}

.checkbox label input[type="checkbox"]:disabled+.cr {
    opacity: .5;
}

.aaa-listeleme{
    margin: 0;
    padding: 0;
    overflow: hidden;
}
.aaa-listeleme li{
    border-radius: 6px;
    border: 1px solid #e0e0e0;
    margin-bottom: 10px;
    color: #999;
    list-style: none;
}
.aaa-listeleme li:last-child{
    margin-bottom: 0;
}
.aaa-listeleme2 li{
    border-radius: 6px;
    border: 1px solid #e0e0e0;
    margin-bottom: 10px;
    color: #999;
    list-style: none;
}
.aaa-listeleme2 li:last-child{
    margin-bottom: 0;
}
.aaa-listeleme2 a{
    display: block;
    color: #777;
    padding: 3px 8px;
    text-decoration: none;
}
.aaa-listeleme2 a:hover{
    display: block;
    color: var(--renksiyah);
    background-color: #e5e5e5;
}

.aaa-listeleme a{
    display: block;
    color: #777;
    padding-bottom: 5px;
}
.aaa-listeleme a:hover{
    display: block;
    color: var(--renksiyah);
    background-color: #e5e5e5;
}
.aaa-listeleme .aaa-resim{
    width: 110px;
    height: 105px;
    float: left;
    padding: 5px;
    border-radius: 10px;
    overflow: hidden;
}
.aaa-listeleme .aaa-resim img{
    width: 100px;
    height: 100px;
    border-radius: 5px;
}
.aaa-listeleme .aaa-icerik{
    float: left;
    width: calc( 100% - 110px);
    font-size: 13px;
    height: 105px;
    text-align: center;
}
.aaa_analiz{
    background-color: #f2f3f1;
    border-top: 1px solid #ccc;
}
.aaliz1{
    display: inline-block;
    width: 25%;
    margin: -2px;
    text-align: center;
    padding: 10px 0 0 0;
    color: #333333;
    font-size: 13px;
    height: 36px;
}
.aaliz2{
    display: inline-block;
    width: 33%;
    margin: -2px;
    text-align: center;
    padding: 10px 0 0 0;
    color: #333333;
    font-size: 13px;
    height: 36px;
}
.aaliz3{
    display: inline-block;
    width: 100%;
    margin: -2px;
    text-align: center;
    padding: 10px 0 0 0;
    color: #333333;
    font-size: 13px;
    height: 36px;
}
.aaliz4{
    display: inline-block;
    width: 50%;
    margin: -2px;
    text-align: center;
    padding: 10px 0 0 0;
    color: #333333;
    font-size: 13px;
    height: 36px;
}
.form-check-label{
    margin-bottom: 2px;
    display: block;
    padding-top: 4px;
    font-size: 11px;
    color: #999 !important;
    font-weight: 400 !important;
}
.form-check-label1{
    margin-bottom: 2px;
    display: block;
    padding-top: 4px;
    font-size: 11px;
    color: #999 !important;
    font-weight: 400 !important;
}
.footer-sistem{
    background-color: var(--renkbeyaz);
    text-align: center;
}
.footer-min {
    height: 50px;
    background-color: #fff;
    text-align: center;
    padding: 10px 0px;
}
.ajs-message{
    border-radius: 10px !important;
    padding: 10px 5px !important;
    border: 0 solid #fff !important;
    color: #fff !important;
}
.istatistik{
    background-color: var(--renkbeyaz);
    border-radius: 10px;
    margin-top: 20px;
    padding: 10px 10px 7px 10px;
    font-size: 13px;
    text-align: center;
    color: #7e7e7e;
    font-weight: 200;
}
.istatistik-baslik{
    font-size: 14px;
    font-weight: 500;
    color: var(--renkturuncu);
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 5px;
    margin-bottom: 6px;
}
.yukleniyor{
    text-align: center;
}
.yukleniyor svg{
    width: 50px;
}

.i_kaynak{
    margin: 20px;
}
.i_kaynak iframe{
    margin: auto !important;

}

.y_kaynak{
    margin: 20px;
}

.y_kaynak .container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
.y_kaynak .video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.t_kaynak{
    margin: 20px;
}
.t_kaynak .twitter-tweet{
    margin: auto !important;

}
.grup-logo{
    border-radius: 10px;
    padding: 10px;
    background-color: var(--renkbeyaz);
    margin-bottom: 10px;
    text-align: center;
}
.grup-logo img{
    width: 101%;
    border-radius: 10px;
    max-width: 250px;
}
.grup-logo-isim{
    font-size: 18px;
    padding: 10px 0 0 0;
    font-weight: 500;
    text-align: center;
    color: var(--renkturuncu);
}
.as_baslik{
    padding-bottom: 5px;
    font-size: 15px;
    font-weight: 500;
    color: #909090;
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
}
.t-badge{
    background-color: #ef3b2d;
    width: 20px;
    height: 20px;
    display: block;
    float: right;
    border-radius: 5px;
    text-align: center;
    color: var(--renkbeyaz);
    margin: 0;
    font-size: 12px;
    font-weight: 600;
    padding-top: 1px;
}
.listele-yatay{}
.listele-yatay ul{
    margin: 0;
    padding: 0;
}
.listele-yatay li{
    list-style: none;
    margin: 0 0 10px 0;
}
.listele-yatay li:last-child{
    margin: 0 0 0 0;
}
.listele-yatay a{
    padding: 0 0 0 0;
    display: block;
    text-decoration: none;
    color: #8a8a8a;
    border-radius: 10px;
    /* border: 1px solid #ccc; */
    margin-bottom: 10px;
    overflow: hidden;
}
.listele-yatay a:hover{
    background-color: #f2f3f1;
    color: #565656;
}
.so-resim{
    width: 100px;
    float: left;
}
.so-resim img{
    margin: 0 10px 0 0;
    padding: 0;
    display: inline-block;
    border-radius: 10px;
    width: 100%;
}
.so-yazi1{
    position: relative;
    height: 100px;
    padding: 0 10px;
    font-size: 14px;
    line-height: 17px;
}
.so-yazi{
    float: left;
    width: calc( 100% - 103px);
    position: relative;
    height: 100px;
    padding-left: 20px;
    font-size: 14px;
    line-height: 17px;
}
.so-yazi i{
    font-size: 13px;
}
.pico-baslik{}
.pico-baslik h1{
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 30px;
    font-weight: 200;
}
.pico-resim{}
.pico-resim img{
    width: 100%;
    border-radius: 10px;
}
.pico-arabar{
    padding: 10px 0 10px 0;
    border-radius: 10px;
    margin: 10px 0;
    background-color: var(--renkbeyaz);
    height: 70px;
}
.pico-arabar1{
    width: 50px;
    height: 50px;
    border: 1px solid #ccc;
    border-radius: 50%;
    overflow: hidden;
    float: left;
}
.pico-arabar1 img{
    width: 42px;
    height: 42px;
    margin: 3px;
    border-radius: 50%;
}
.pico-arabar2{
    float: left;
    width: calc( 100% - 200px);
    padding-left: 14px;
    font-size: 14px;
    position: relative;
    line-height: 15px;
    height: 50px;
    font-weight: 600;
    letter-spacing: .3px;
    color: #888;
}
.pico-arabar2 i{
    font-size: 13px;
    color: #949494;
    font-weight: 300;
}
.pico-arabar2 a{
    font-size: 16px;
    font-weight: 400;
    color: var(--renkkoyukirmizi);
    text-decoration: none;
}
.pico-arabar2 a:hover{
    color: var(--renksiyah);
}
.pico-yazi{
    font-size: 15px;
    font-weight: 300;
    text-align: left;
}
.pico-yazi code{
    background-color: #eee;
    padding: 15px 15px;
    display: block;
    border-radius: 10px;
    color: #d64b4b;
}
.ortala-dikey{
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.pico-arabar3{
    float: left;
    width: 150px;
    height: 50px;
    padding: 0;
    margin: 0;
    display: flex;
}

.like_yukleniyor {
    padding-top: 8px;
    text-align: center;
}
.pico-arabar31a{
    width: 40px;
    height: 40px;
    display: inline-block;
    text-align: center;
    font-size: 16px;
    border-radius: 50%;
    cursor: pointer;
    color: var(--renkbeyaz);
    background-color: #d6d6d6;
    margin: 5px;
}
.pico-arabar31a:hover{
    background: #feb375;
    color: var(--renkbeyaz);
}
.pico-arabar31 a{
    width: 40px;
    height: 40px;
    display: inline-block;
    text-align: center;
    font-size: 16px;
    border-radius: 50%;
    cursor: pointer;
    color: var(--renkbeyaz);
    background-color: #d6d6d6;
    margin: 5px;
    padding-top: 8px;
}
.pico-arabar31 a:hover{
    background: #feb375;
    color: var(--renkbeyaz);
}
.aa_tik{
    width: 40px;
    height: 40px;
    display: block;
    padding-top: 8px;
    margin: auto;
    cursor: pointer;
}
.aa_tikz{
    height: 40px;
    display: block;
    padding-top: 8px;
    margin: auto;
    cursor: pointer;
}
.aa_tikza{
    height: 40px;
    display: block;
    padding-top: 8px;
    margin: auto;
    cursor: pointer;
    text-align: center;
}
.aa_tika{
    width: 40px;
    height: 40px;
    display: block;
    padding-top: 8px;
}
.aa_tika3 {
    width: 40px;
    height: 40px;
    display: block;
    padding-top: 8px;
    color: #e6122f;
}
.aa_tika3:hover {
    color: var(--renkbeyaz);
}
.aa_tika:hover {
    color: var(--renkbeyaz);
}
.aa_tikz:hover {
    color: var(--renkbeyaz);
}
.aa_tikza:hover {
    color: var(--renkbeyaz);
}
.aa_tik:hover .aalike3 {
    color: var(--renkbeyaz);
}
.aalike3{
    color: #e6122f;
}
.p-takipciler{}
.p-takipciler ul{
    margin: 0;
    padding: 0;
}
.p-takipciler li{
    list-style: none;
}
.p-takipciler li a{
    display: block;
    margin-bottom: 10px;
    /* border: 1px solid #ccc; */
    height: 50px;
    border-radius: 10px;
    background-color: #f0f0f0;
    overflow: hidden;
    color: #999;
    font-size: 14px;
    font-weight: 400;
}
.p-takipciler li a:hover{
    background-color: #e1dede;
    color: var(--renksiyah);
}
.p-takipciler li .p_resim{
    width: 50px;
    height: 50px;
    float: left;
}
.p-takipciler li .p_resim img{
    width: 100%;
}
.p-takipciler li .p_isim{
    float: left;
    width: calc( 100% - 50px);
    height: 50px;
    padding-left: 10px;
    position: relative;
}
.p-takipciler li .p_isim p {
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.cc_yetenek{
    display: block;
    background-color: var(--renkbeyaz);
    border-radius: 10px;
    margin-bottom: 10px;
    text-decoration: none;
    min-height: 70px;
    position: relative;
    text-align: center;
}
.cc_yetenek p{
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
}
.yorum_load{
    height: 100%;
    width: 100%;
    position: absolute;
    background: #ffffff99;
    /* opacity: .3; */
    z-index: 1;
}
.yorum_mikro_load{
    position: absolute;
    height: 100%;
    width: 65px;
    background-color: #ffffff99
}
.yorum-form{
    position: relative;
}
.onay_list{
    position: relative;
    width: 100%;
    height: 100%;
}
.onay_mikro_load{
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: #ffffffab;
    /* display: block; */
    z-index: 5;
}
.istek_alan {
    min-height: 120px;
    font-size: 13px;
    border-radius: 10px !important;
    margin-bottom: 10px;
    border: 1px solid rgba(0,0,0,.125) !important;
    padding: 0.5rem 1rem;
}
.yorum-yorumlar{}
.yorum_yukleniyor{}
.yorum-yok{

    font-size: 14px;
    text-align: center;
    padding: 30px 0;
    color: #c42323;

}
.yorum-yok i{
    font-size: 30px;
    padding-bottom: 10px;
}
.reklam_yan{
    background-color: var(--renkbeyaz);
    border-radius: 10px;
    margin: 10px 0;
    padding: 10px;
}
.reklam_top{
    background-color: var(--renkbeyaz);
    border-radius: 10px;
    margin: 10px 0;
    text-align: center;
    padding: 10px;
}
.reklam_orta{
    background-color: var(--renkbeyaz);
    border-radius: 10px;
    margin: 10px 0;
    text-align: center;
    padding: 10px;
}
.aa_resimler{
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    transition: all 1s;
}
.aa_resimler_ana{
    width: 100%;
    /* height: 200px; */
    /* overflow: hidden; */
    margin: 5px 0;
}
.aa_resimler a{
    opacity: .5;
    display: block;
    border: 1px solid #ddd;
    border-radius: 10px;
    overflow: hidden;
}
.aa_resimler a:hover{
    opacity: 1;
}
.aa_resimler img{
    width: 100%;
}

.yan_resimleri{
    height: 200px;
    overflow: hidden;
}
.model3 .yan_resimleri .yan_resimi {
    height: 200px;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    transition: all 1s;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
}
.model3 a:hover .yan_resimi {
    transform: scale(1.1) rotate(3deg);
}
.kos_bilgi{
    color: var(--renksiyah);
    padding: 40px 0;
}
.aa_banner{}
.aa_banner a{
    height: 60px;
    width: 100%;
    display: block;
    margin-top: 10px;
    border-radius: 10px;
    /* border: 1px solid #ccc; */
    position: relative;
    background-color: var(--renkkirmizi);
    color: var(--renkbeyaz);
    font-weight: 700;
}
.aa_banner a .text{
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0 5px;
    text-align: center;
    width: 100%;
    font-size: 22px;
    line-height: 20px;
}

.aa_banner a:hover{
    color: var(--renkbeyaz);
    background-color: var(--renksiyah);
}
.yan_bilgii{
    height: 100px;
    position: relative;
}
.yan_bilgia{
    margin-top: 5px;
}
.g_controls_li .fa-hand-point-ribbon{
    color: var(--renkkoyukirmizi);
}
.g_controls_buton:hover .fa-hand-point-ribbon{
    color: var(--renkbeyaz);
}
.g_controls_li .fa-calendar{
}
.g_controls_buton:hover .fa-calendar{
    color: var(--renkbeyaz);
}

.model2{

}
.model3 .yan_bilgii .text {
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0 5px;
    text-align: center;
    width: 100%;
    font-size: 15px;
    line-height: 17px;
}

.yan_resim{
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    transition: all 1s;
}
.yan_resimler{
    overflow: hidden;
    float: left;
}
.yan_bilgi{
    float: left;
    width: calc( 100% - 100px);
}
.sistem11{
    height: 100px;
}
.daha{

}
.yorums{
    margin-bottom: 20px;
    position: relative;
}
.yorums ul{}
.yorums li{}
.yorums1{
    float: left;
    width: 70px;
}
.yorums1 div a{
    width: 50px;
    height: 50px;
    border: 1px solid #ccc;
    border-radius: 50%;
    overflow: hidden;
    float: left;
    transition: 0.3s;
}

.yorums1 div a:hover{
    border: 1px solid #ff9b9b;
}
.yorums1 div img {
    width: 42px;
    height: 42px;
    margin: 3px;
    border-radius: 50%;
}
.yorums2{
    float: left;
    width: calc( 100% - 70px);
}
.yorums2a{
}
.yorums2a span{
    font-size: 14px;
    font-weight: 300;
}

.yorums2a a{
    font-size: 14px;
    line-height: 15px;
    font-weight: 400;
    /* letter-spacing: .3px; */
    color: var(--renkkoyukirmizi);
    text-decoration: none;
}

.yorums2a a:hover{
    color: #727272;
}
.yorums2b{
    padding: 5px 0 0 0;
    font-size: 14px;
    font-weight: 100;
}
.yorums2d {
    text-align: left;
    width: 120px;
    float: left;
    padding-top: 10px !important;
}
.yorums2d li{
    width: 55px;
    height: 21px;
    display: inline-block;
    text-align: left;
    font-size: 14px;
}
.yorums2d li i{
    color: var(--renkkoyukirmizi);
}
.yorums2d li span{
    color: var(--renkkoyukirmizi);
    font-size: 12px;
    font-weight: 500;
}

.yorums2c {
    text-align: right;
    width: 108px;
    float: right;
}
.yorums2c li{
    width: 30px;
    height: 30px;
    display: inline-block;
    text-align: center;
    padding-top: 5px;
    border-radius: 50%;
    border: 1px solid #e6e6e6;
    margin: 0 0 0 3px;
    cursor: pointer;
    color: #c1c1c1;
    font-size: 13px;
}
.yorums2c li:hover{
    background-color: #f2f2f2;
    color: #959595;
    border: 1px solid #e1e1e1;
}

.yorum-form ul{
    margin: 0;
    padding: 0;
    position: relative;
}
.yorum-form li{
    list-style: none;
    margin: 5px 0 0 0;
}
.analiz{
    float: right;
    margin-left: 4px;
}
.pico{
    position: absolute;
    top: 0;
    right: 10px;
}

.tikli1{
    background: #c2f3c4;
    color: #000 !important;
}
.tikli2{
    background: #ffaeae;
    color: #000 !important;
}
.pico-tags {
    color: #212529;
    text-decoration: none;
    font-weight: 500;
    font-size: 14px;
    border-top: 1px solid #ccc;
    padding-top: 7px;
}
.pico-tags a{
    color: var(--renkkoyukirmizi);
    text-decoration: none;
    /* font-size: 14px; */
    font-weight: 300;
}
.pico-tags a:hover{
    color: #212529;
}
.barikat {
    display: block;
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background: #00000082;
    z-index: 100000;
    padding-top: calc( 50vh - 40px );
    color: var(--renkbeyaz);
    text-align: center;
    font-size: 32px;
    font-weight: 100;
}
.k_yok{
    padding: 50px 0;
    text-align: center;
    font-size: 12px;
    font-weight: 300;
    line-height: 23px;
}
.k_yok i{
    font-size: 30px;
    color: #ddd;
}
.k_yok a{
    font-weight: 700;
    text-decoration: none;
    display: block;
    width: 100px;
    margin: 10px auto 0 auto;
    padding: 6px 0 6px 0;
    border-radius: 10px;
    color: #797979;
    background-color: #e1dedb;
    font-size: 16px;
}
.k_yok a:hover{
    color: var(--renkbeyaz);
    background-color: var(--renkturuncu);
}
.veri-yok2{
    padding: 50px 0;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    color: #999;
}
.veri-yok2 i{
    font-size: 40px;
    color: var(--renkturuncu);
}
.p-panel-tiyo{
    background-color: var(--renkbeyaz);
    border-radius: 10px;
    text-align: left;
    margin: 10px 0;
    padding: 10px 5px;
    font-size: 14px;
    color: #666;
    font-weight: 200;
}
.p-panel-tiyo ul{
    margin: 0;
    padding: 0;
}
.p-panel-tiyo li{
    list-style: none;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    margin-bottom: 5px;
}
.p-panel-tiyo li:last-child{
    margin-bottom: 0;
}
.p-panel-tiyo i{
    color: #ff7200;
    margin: 0 10px;
}
.p-panel-genel{
    background-color: var(--renkbeyaz);
    border-radius: 10px;
    text-align: center;
    margin: 10px 0;
    padding: 10px 5px;
    font-size: 14px;
    color: #666;
    font-weight: 200;
}
.p-panel-ozel{
    background-color: var(--renkbeyaz);
    border-radius: 10px;
    padding: 30px 0;
    text-align: center;
    font-size: 14px;
    color: #666;
    font-weight: 300;
    margin-bottom: 10px;
}
.p-panel-ozel2{
    background-color: var(--renkbeyaz);
    border-radius: 10px;
    padding: 30px 0;
    text-align: center;
    font-size: 14px;
    color: #666;
    font-weight: 300;
    margin-top: 20px;
}
.p-panel-ozel3{
    background-color: var(--renkbeyaz);
    border-radius: 10px;
    padding: 30px 0;
    text-align: center;
    font-size: 14px;
    color: #666;
    font-weight: 300;
    margin-bottom: 20px;
}
.p-panel-ozel31{
    background-color: var(--renkbeyaz);
    border-radius: 10px;
    text-align: center;
    font-size: 14px;
    color: #666;
    font-weight: 300;
    margin-bottom: 10px;
}
.p-panel-ozel33{
    background-color: var(--renkbeyaz);
    border-radius: 10px;
    text-align: center;
    font-size: 14px;
    color: #666;
    font-weight: 300;
    margin-bottom: 10px;
}
.p-panel-ozel31 ul{
    margin: 0;
    padding: 10px;
}
.p-panel-ozel31 li{
    list-style: none;
    display: inline-block;
}
.p-panel-ozel31 li a{
    margin: 3px;
    font-size: 14px;
    padding: 5px 10px;
    background-color: #ccc;
    display: block;
    border-radius: 5px;
    text-decoration: none;
    color: var(--renksiyah);
    font-weight: 400;

}
.p-panel-ozel31 li a:hover{
    background-color: var(--renkkoyukirmizi);
    color: var(--renkbeyaz);
}
.p-panel-ozel31 li .aktif{
    background-color: var(--renkturuncu);
    color: var(--renkbeyaz);
}
.p-panel-ozel32 .aktif{
    background-color: var(--renkturuncu);
    color: var(--renkbeyaz);
}
.p-panel-ozel32{
    background-color: var(--renkbeyaz);
    border-radius: 10px;
    text-align: center;
    font-size: 14px;
    color: #666;
    font-weight: 300;
    margin-bottom: 10px;
    position: relative;
}
.p-panel-ozel32-kontrol{
    width: 24px;
    height: 24px;
    right: 10px;
    position: absolute;
    bottom: 10px;
    display: block;
    border-radius: 5px;
    color: var(--renksiyah);
    text-align: center;
    padding-top: 2px;
    cursor: pointer;
}
.p-panel-ozel32-kontrol:hover{
    color: var(--renkturuncu);
}

.p-panel-ozel32 .acik {
    overflow: hidden;
    margin-bottom: 5px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding: 5px 0;
}

.p-panel-ozel32 .kapali {
    height: 156px;
    overflow: hidden;
    margin-bottom: 5px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding: 5px 0 7px 0px;
}

.p-panel-ozel32 li{
    list-style: none;
    display: inline-block;
}
.p-panel-ozel32 div a{
    margin: 3px;
    font-size: 14px;
    padding: 5px 10px;
    background-color: #ccc;
    display: block;
    border-radius: 5px;
    text-decoration: none;
    color: var(--renksiyah);
    font-weight: 400;

}
.p-panel-ozel32 div a:hover{
    background-color: var(--renkkoyukirmizi);
    color: var(--renkbeyaz);
}
.menuzaman{}
.menuzaman ul{
    text-align: center;
    margin: 0;
    padding: 0;
    border-bottom: 3px solid var(--renkturuncu);
}
.menuzaman li{
    width: 150px;
    display: inline-block;
    border-radius: 10px 10px 0 0;
    background-color: var(--renkasirigri);
    margin: 5px 5px 0 5px;
    line-height: 15px;
    font-size: 13px;
    padding: 10px 0;
    color: var(--renkbeyaz);
    font-weight: 600;
    cursor: pointer;
}
.menuzaman .aktif{
    background-color: var(--renkturuncu);
    color: var(--renkfullsiyah);
}
.menuzaman li:hover{
    background-color: var(--renkturuncu);
    color: var(--renkfullsiyah);
}

.son_haberler{}
.son_haberler ul{
    margin: 0;
    padding: 7px;
}
.son_haberler li{
    list-style: none;
}
.son_haberler li:last-child a{
    margin-bottom: 0;
}
.son_haberler li a{
    display: block;
    height: 100px;
    margin-bottom: 10px;
    background-color: #f2f3f1;
    overflow: hidden;
    border-radius: 7px;
    color: #575757;
    font-weight: 400;
    font-size: 16px;
    transition: all .6s;
    border-right: 5px solid #d5d3d0;
}
.son_haberler li a:hover{
    background-color: #d8d8d8;
    color: var(--renksiyah);
    border-right: 5px solid var(--renkturuncu);
}
.sonhaber_resim{
    width: 100px;
    height: 100px;
    float: left;
    display: block;
    position: relative;
    overflow: hidden;
    transition: all .6s;
}
.sonhaber_resim img{
    width: 100%;
    height: 100%;
}
.son_haberler li a:hover img{
}
.calisan-bilgi{
    display: block;
    background-color: var(--renkbeyaz);
    border-radius: 20px;
    margin-bottom: 20px;
    text-decoration: none;
}

.calisan-bilgi-resim{
    text-align: center;
    padding: 20px 0;
}
.calisan-bilgi-resim img{
    width: 100%;
    max-width: 100px;
    border: 1px solid #cbcbcb;
    padding: 3px;
}
.ajans-resimler{
    margin-bottom: 20px;
}
.ajans-resim-resim{
    padding: 0 5px;
}
.ajans-resim-resim a{
    font-size: 14px;
    color: var(--renksiyah);
    text-decoration: none;
    padding: 3px;
}
.ajans-resim-resim a:hover{
    color: var(--renkturuncu);
}
.ajans-resim-bilgi{}

.calisan-bilgi-isim{
    padding: 10px;
    height: 110px;
}

.calisan-bilgi-isim p{
    padding: 0;
    text-align: center;
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    color: var(--renksiyah);
    line-height: 20px;
}
.calisan-bilgi-isim p a{
    text-decoration: none;
    color: var(--renkkoyukirmizi);
    font-weight: 600;
}
.calisan-bilgi-isim p a:hover{
    color: var(--renksiyah);
}
.calisan-bilgi-isim span{
    text-align: center;
    margin: auto;
    display: table;
    color: var(--renksiyah);
    font-size: 14px;
    line-height: 16px;
    padding: 10px 0;
}
.calisan-bilgi-isim span a{
    text-decoration: none;
    color: var(--renkkoyukirmizi);
    font-weight: 600;
}
.calisan-bilgi-isim span a:hover{
    color: var(--renksiyah);
}
.calisan-bilgi-aciklama{
    height: 200px;
    padding: 10px 20px;
    font-size: 14px;
    line-height: 18px;
}
.calisan-bilgi-link{
    height: 50px;
    padding: 10px;
    text-align: center;
}
.marka-like{
    bottom: 0;
    position: absolute;
    height: 42px;
    background-color: #d1d1d1;
    width: 100%;
    border-radius: 0 0 10px 10px;
    text-align: center;
    padding: 2px 0 0 0;
    color: var(--renkbeyaz);
}
.marka-like1{
    bottom: 0;
    height: 42px;
    background-color: #d1d1d1;
    width: 100%;
    border-radius: 0 0 10px 10px;
    text-align: center;
    padding: 2px 0 0 0;
    color: var(--renkbeyaz);
}
.like_bas{
    background-color: #ddd;
    margin: 0 5px;
    border-radius: 10px;
}
.like_bas1{
    background-color: #ddd;
    margin: 0 5px;
    border-radius: 10px;
    padding-top: 2px;
    height: 42px;
}
.marka-bilgi {
    width: 100%;
    max-width: 400px;
    position: relative;
    height: 292px;
    perspective: 150em;
    border: 0;
    border-radius: 10px;
    margin: auto;
    margin-bottom: 20px;
    margin-top: 0;
}
.marka-bilgi:hover .marka-bilgi-on {
    transform: rotateY(
            -180deg
    );
}
.marka-bilgi-on {
    border-radius: 10px;
    background-color: var(--renkbeyaz);
    height: 250px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    backface-visibility: hidden;
    transform: rotateY(
            0deg
    );
    transition: 0.4s;
    border-radius: 20px 20px 0 0;
    overflow: hidden;
}
.marka-bilgi:hover .marka-bilgi-arka {
    transform: rotateY(
            0deg
    );
}
.marka-bilgi-arka {
    background-color: #d1d1d1;
    height: 250px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    backface-visibility: hidden;
    transform: rotateY(
            180deg
    );
    transition: 0.5s;
    border-radius: 20px 20px 0 0;
    overflow: hidden;
}
.calisan-bilgi-link span a{
    text-decoration: none;
    color: var(--renkkoyukirmizi);
    font-weight: 600;
}
.calisan-bilgi-link span a:hover{
    color: var(--renksiyah);
}

.ajans_h1{
    background-color: var(--renkbeyaz);
    border-radius: 10px;
    text-align: left;
    margin: 0 0 10px 0;
    padding: 10px 15px;
    font-size: 14px;
    color: #666;
    font-weight: 600;
}
.ajans_h1 i{
    color: var(--renkkirmizi);
    font-size: 42px;
    float: left;
    margin-right: 10px;
}
.ajans_h1 h1{
    margin:0px;
    padding: 0;
    font-size: 18px;
    color: #666;
    font-weight: 600;
}
.ajans-ana-resim-bilgi{
    overflow: hidden;
    padding: 0;
    font-size: 20px;
    height: 250px;
    text-overflow: ellipsis;
    word-wrap: break-word;
    text-align: center;
    font-weight: 700;
    color: var(--renkkoyukirmizi);
    line-height: 23px;
    display: block;
    text-decoration: none;
    border-radius: 10px;
    overflow: hidden;
}
.ajans-ana-resim-bilgi a{
    display: block;
    opacity: .7;
    transition: all .6s;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    height: 100%;
}
.ajans-ana-resim-bilgi a:hover{
    transform: scale(1.1) rotate(3deg);
}
.ajans-resim-box{
    border-radius: 10px;
    overflow: hidden;
    text-align: center;
}
.ajans-resim-box1{
    background-color: #f2f3f1;
    margin-top: 20px;
    padding: 20px;
    border-radius: 10px;
}
.ajans-resim-box img{
    max-height: 400px;
    max-width: 100%;
    height: 100%;
}
.ajans_info{
    background-color: var(--renkbeyaz);
    border-radius: 10px;
    text-align: center;
    margin: 0 0 10px 0;
    padding: 10px 5px;
    font-size: 14px;
    color: #666;
    font-weight: 200;
}
.sektor_info{
    background-color: var(--renkbeyaz);
    border-radius: 10px;
    text-align: center;
    margin: 0 0 10px 0;
    padding: 20px 5px 0 5px;
    font-size: 14px;
    color: #666;
    font-weight: 200;
}

.bilgi_info5{
    background-color: var(--renkbeyaz);
    border-radius: 10px;
    text-align: center;
    margin: 0 0 10px 0;
    padding: 5px;
    font-size: 14px;
    color: #666;
    font-weight: 200;
}
.bilgi_top5{
    font-size: 30px;
    font-weight: 600;
    color: var(--renkkoyukirmizi);
    text-align: right;
    padding: 0 8px 0 0;
}
.bilgi_baslik4{
    font-size: 22px;
    font-weight: 600;
    text-align: left;
    padding: 0 0 0 10px;
    color: var(--renkturuncu);
}
.bilgi_baslik4 h1{
    margin: 0px;
    padding: 0px;
    font-size: 28px;
    font-weight: 600;
}
.bilgi_icerik5{
}
.bilgi_icerik5a{
    font-size: 14px;
    font-weight: 400;
}
.bilgi_icerik5a b{
    font-size: 20px;
    font-weight: 700;
    color: #f13131;
}
.bilgi_icerik6{
    font-size: 14px;
    text-align: left;
    padding: 15px 15px 0px 15px;
}
.bilgi_icerik6 b{
    font-size: 17px;
    text-align: left;
    padding: 0px 0px 0px 0px;
    color: #f13132;
}

.sxs_0{
    height: 100px;
}
.sxs_1{
    float: left;
    width: 100px;
    height: 100px;
}
.sxs_1 img{
    float: left;
    width: 100px;
    height: 100px;
    border-radius: 10px;
}
.sxs_2{
    float: left;
    width: calc( 100% - 100px);
    height: 100px;
    position: relative;
}
.sxs_2 .text {
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0 5px;
    text-align: center;
    width: 100%;
    font-size: 20px;
    line-height: 20px;

}
.sxs_3{
    margin-top: 10px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 100;
    color: #000;
    padding: 0px 5px 20px 5px;
    text-align: left;
}

.mu_ana a{
    height: 70px;
    background-color: #f2f3f1;
    display: block;
    border-radius: 10px;
    overflow: hidden;
    text-decoration: none;
    color: #525252;
    font-weight: 700;
}
.mu_ana a:hover{
    background-color: #d6d6d6;
    color: white;
}
.mu_ana{
    margin-bottom: 10px;
}
.mu_resim{
    float: left;
    width: 70px;
    height: 70px;
}
.mu_resim img{
    width: 100%;
}
.mu_isim{
    height: 70px;
    position: relative;
    width: calc( 100% - 130px);
    float: left;
}
.mu_isim p{
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0 5px;
    text-align: center;
    width: 100%;
    font-size: 15px;
    line-height: 17px;
}
.mu_isim p span{
}
.mu_span1{
    color: #a0a0a0;
    line-height: 18px;
    font-size: 13px;
    font-weight: 500;
}
.mu_span2{
    color: #a0a0a0;
    line-height: 18px;
    font-size: 13px;
    font-weight: 500;
}
.mu_sira{
    float: left;
    width: 60px;
    background-color: #d6d6d6;
    height: 70px;
    padding-top: 14px;
    font-size: 28px;
    line-height: 30px;
    font-weight: 700;
    letter-spacing: -1.5px;
    text-align: center;
}
.mu_sira p{
    padding: 0px;
    margin: 0px;
    line-height: 10px;
    font-size: 12px;
    letter-spacing: 0px;
}

.bilgi_icerik9{
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    justify-content: center;
}
.bilgi_icerik9a{
    width: 95px;
    background-color: #eeeeee;
    margin: 4px;
    border-radius: 10px;
    border: 1px solid #ccc;
    padding: 8px 0px;
    display: flex;
    flex-wrap: wrap;
}
.bilgi_icerik10a{
    font-size: 22px;
    font-weight: 700;
    color: #555555;
    width: 100%;
}
.bilgi_icerik10b{
    font-size: 15px;
    letter-spacing: -.4px;
    font-weight: 700;
    color: #f13132;
    width: 100%;
}
.bilgi_icerik10c{
    font-size: 15px;
    letter-spacing: -.4px;
    font-weight: 700;
    color: #434343;
    width: 100%;
}
.bilgi_icerik10d{
    font-size: 15px;
    letter-spacing: -.4px;
    font-weight: 700;
    color: #7d7d7d;
    width: 100%;
}

.bilgi_info{
    background-color: var(--renkbeyaz);
    border-radius: 10px;
    text-align: center;
    margin: 0 0 10px 0;
    padding: 5px;
    font-size: 14px;
    color: #666;
    font-weight: 200;
}
.bilgi_top{
    font-size: 30px;
    font-weight: 600;
    color: var(--renkkoyukirmizi);
    text-align: right;
    padding: 0 8px 0 0;
}
.bilgi_baslik{
    font-size: 22px;
    font-weight: 600;
    text-align: left;
    padding: 0 0 0 10px;
    color: var(--renkturuncu);
}
.bilgi_icerik{
    font-size: 12px;
    padding: 0 10px 0 10px;
    text-align: justify;
}

.bilgi_icerik7a{
    text-align: right;
}
.bilgi_icerik7a a{
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    color: #f13132;
}
.bilgi_icerik7a a:hover{
    color: #000;
}
.yasal-uyari{
    padding: 20px 0px;
    text-align: center;
    font-size: 12px;
}
.bbasri{
    background-color: #dbe9d5;
}

.sektor_info i{
    font-size: 12px;
    font-weight: 600;
}

.sonotelresim{
    background-color: var(--renkbeyaz);
    border-radius: 10px;
    overflow: hidden;
    margin: 10px 0 0 0;
    padding: 10px;
}
.otelresim{
    margin-bottom: 10px;
    border-radius: 8px;
    overflow: hidden;
}
.otelresim img{
    width: 100%;
}
.otelresim a{
    opacity: .6;
}
.otelresim a:hover{
    opacity: 1;
}

.alt_s_list {
    margin-bottom: 5px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding: 5px 0 8px 0;
}
.alt_s_list a{
    margin: 3px;
    font-size: 14px;
    padding: 5px 10px;
    background-color: #ccc;
    display: block;
    border-radius: 5px;
    text-decoration: none;
    color: var(--renksiyah);
    font-weight: 400;
}
.alt_s_list a:hover{
    background-color: #e49d9d;
    color: var(--renkbeyaz);
}
.sektor-area-resim{}
.sektor-area-resim img{
    width: 100%;
    max-width: 150px;
}
.sektor-area-isim{
    font-size: 20px;
    font-weight: 600;
    color: var(--renkkoyukirmizi);
    padding: 20px 0 0 0;
}
.sektor-area-bilgi{
    font-size: 13px;
    padding: 10px 0 0 0;
    text-align: center;
}
.sektor_sektorler{
    padding: 0 10px 10px 10px;
}
.sektor_sektorler_baslik{
    padding: 10px 0 0 0;
    font-size: 16px;
    font-weight: 600;
    color: var(--renkkoyukirmizi);
}
.sektor_sektorler a{
    font-size: 14px;
    font-weight: 300;
    text-decoration: none;
    color: #868686;
    cursor: pointer;
}
.sektor_sektorler a:hover{

    color: var(--renkkoyukirmizi);
}


.marka-bilgi{
    display: block;
    background-color: var(--renkbeyaz);
    border-radius: 20px;
    margin-bottom: 20px;
    text-decoration: none;
}
.marka-bilgi1{
    display: block;
    background-color: var(--renkbeyaz);
    border-radius: 20px;
    margin-bottom: 20px;
    text-decoration: none;
    min-height: 220px;
}
.hizmet-bilgi{
    display: block;
    background-color: var(--renkbeyaz);
    border-radius: 20px;
    margin-bottom: 20px;
    text-decoration: none;
}
.sonotelresim{
    background-color: var(--renkbeyaz);
    border-radius: 10px;
    overflow: hidden;
    margin: 10px 0 0 0;
    padding: 10px;
}
.otelresim{
    margin-bottom: 10px;
    border-radius: 8px;
    overflow: hidden;
}
.otelresim img{
    width: 100%;
}
.otelresim a{
    opacity: .6;
}
.otelresim a:hover{
    opacity: 1;
}
.sss_isim{
    font-size: 30px;
    font-weight: 700;
}
.sss_resim{
    text-align: center;
}
.sss_resim img{
    max-width: 100%;
    width: 100px;
    margin: 20px auto;
}
.sss_aciklama{
    margin-top: 10px;
    font-size: 15px;
    line-height: 22px;
}
.arama_sehir{
    padding: 0 5px;
    line-height: 18px;
}
.arama_sehir a{
    font-size: 14px;
    text-decoration: none;
    color: #6c757d;
    padding: 4px 7px;
    display: inline-block;
    border-radius: 7px;
}
.arama_sehir a:hover{
    color: var(--renkbeyaz);
    background: var(--renkturuncu);
}
.gm-style .gm-style-iw-d {
    width: 200px;
    height: 60px;
}
.m_tesekkurler{

}
.m_tesekkurler_1{
    text-align: center;
}
.m_tesekkurler_1 img{
    width: 100%;
    max-width: 400px;
}
.m_tesekkurler_2{
    font-weight: 600;
    text-align: center;
    FONT-SIZE: 20px;
    color: #ff7200;
    padding: 30px 0;
}
.sonhaber_icerik{
    width: calc( 100% - 100px);
    height: 100px;
    float: left;
    display: block;
    position: relative;
    line-height: 21px;
}
.sonhaber_icerik .text{
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0 5px;
    text-align: center;
    width: 100%;
    font-size: 14px;
    line-height: 17px;
}
.sonhaber_icerik .text span{
    font-style: italic;
    font-size: 13px;
    color: #21262a;
}
.son_local_baslik{
    padding-top: 9px;
    font-size: 15px;
    font-weight: 600;
}
.son_haberler_genis_ana{
    background-color: var(--renkbeyaz);
    border-radius: 10px;
    margin-bottom: 20px;
    height: 300px;
    margin-top: 10px;
}
.son_haberler_genis_ana a{
    /* height: 80px; */
    border-radius: 8px;
    overflow: hidden;
    /* background-color: #ccc; */
    display: block;
    border: 1px solid #e0e0e0;
    color: var(--renksiyah);
    font-size: 16px;
    font-weight: 400;
    transition: all .6s;
}
.son_haberler_genis_ana a:hover{
    border: 1px solid #999;
}
.son_haberler_genis_ana a:hover .genis_haber_icerik{
    background-color: #e8e8e8;
}
.son_haberler_genis_ana a:hover .genis_haber_resim{
    transform: scale(1.1) rotate(3deg);
}
.son_haberler_genis{
    overflow: hidden;
    padding: 10px;
}
.son_analiz_full,.son_oyuncu_full,.son_inceleme_full{
    overflow: hidden;
    padding: 10px;
}
.son_haberler_full{
    overflow: hidden;
    padding: 10px;
}
.son_haberler_yangenis{
    overflow: hidden;
    margin: 10px;
    padding-top: 10px;
}

.ac_resim{
    float: left;
    width: 100px;
    height: 100px;
}
.ac_info{
    width: calc( 100% - 100px);
    height: 100px;
    padding: 17px 10px;
    float: left;
    font-size: 13px;
    line-height: 16px;
    position: relative;
}

.aaa-listeleme-cv li{
    border-radius: 6px;
    border: 1px solid #e0e0e0;
    margin-bottom: 10px;
    color: #999;
    list-style: none;
    overflow: hidden;
}
.aaa-listeleme-cv li:last-child{
    margin-bottom: 0;
}

.aaa-listeleme-cv{
    margin: 0;
    padding: 0;
    overflow: hidden;
}
.aaa-listeleme-cv a{
    display: block;
    color: #777;
}
.aaa-listeleme-cv a:hover{
    display: block;
    color: var(--renksiyah);
    background-color: #e5e5e5;
}

.yo-baslik{
    font-size: 14px;
    font-weight: 400;
    color: var(--renkkoyukirmizi);
    margin: 5px 0 0 0;
}
.yo-list{
    padding: 0 0 0 0;
    font-size: 13px;
    font-weight: 300;
}
.liste-bas9{
    background-color: var(--renkbeyaz);
    border-radius: 10px;
    overflow: hidden;
    margin: 0 0 20px 0;
}
.liste-bas{
    background-color: var(--renkbeyaz);
    border-radius: 10px;
    overflow: hidden;
    margin: 0 0 20px 0;
}
.liste-bas-bar{
    padding: 20px 20px 15px 20px;
}
.liste-bas-bar a{
    display: inline-block;
    border-radius: 4px;
    padding: 5px 10px 5px 10px;
    color: var(--renkbeyaz);
    font-size: 10px;
    text-transform: uppercase;
    /* margin-bottom: 20px; */
    letter-spacing: .025em;
    line-height: 1.3;
    vertical-align: middle;
    margin-right: 3px;
    background-color: var(--renkkoyukirmizi);
    text-decoration: none;
    margin-bottom: 5px;
}
.liste-bas-icerik{
    padding: 0 20PX;
}
.liste-bas-icerik a{
    display: block;
    font-size: 20px;
    margin-bottom: 10px;
    line-height: 21px;
    color: var(--renkkoyukirmizi);
    text-decoration: none;
    height: 65px;
    text-overflow: ellipsis;
    word-wrap: break-word;
    overflow: hidden;
    font-weight: 600;
}
.liste-bas-icerik a:hover{
    color: var(--renkkoyukirmizi) !important;
}
.liste-bas-icerik1{
    padding: 0;
    font-size: 13px;
    height: 100px;
    text-overflow: ellipsis;
    word-wrap: break-word;
    overflow: hidden;
}
.liste-bas-icerik2 {
    height: 100px;
    display: block;
    position: relative;
    /* opacity: .7; */
    /* bottom: 0; */
    width: 100%;
    height: 100px;
    vertical-align: bottom;
    /* padding: 0; */
    /* font-size: 16px; */
    /* background-color: #0000004a; */
    transition: all 0.5s ease;
    font-size: 18px;
    font-weight: 400;
    text-align: center;
}
.liste-bas-icerik2 .p_yazi {
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0 10px;
    text-align: center;
    font-size: 18px;
    width: 100%;
    font-weight: 600;
    line-height: 20px;
}
.liste-bas-resim2{
    height: 150px;
    display: block;
    margin: 0 5px;
    padding: 5px;
}
.liste-bas-resim2 img{
    height: 100%;
}
.liste-bas-resim_span{
    font-size: 200px;
    padding-top: 100px;
    opacity: .4;
    color: var(--renkkoyukirmizi);
}
.liste-bas-resim {
    padding: 0;
    font-size: 20px;
    height: 250px;
    text-overflow: ellipsis;
    word-wrap: break-word;
    overflow: hidden;
    text-align: center;
    font-weight: 700;
    color: var(--renkkoyukirmizi);
    line-height: 23px;
    display: block;
    text-decoration: none;
}
.liste-bas-resim a:hover {
    transform: scale(1.1) rotate(3deg);
}
.liste-bas-resim-area {
    padding: 0;
    font-size: 20px;
    height: 250px;
    text-overflow: ellipsis;
    word-wrap: break-word;
    overflow: hidden;
    text-align: center;
    font-weight: 700;
    color: var(--renkkoyukirmizi);
    line-height: 23px;
    display: block;
    text-decoration: none;
}
.liste-bas-resim-area a:hover {
    transform: scale(1.1) rotate(3deg);
}
.liste-bas-resim-area1{
    transition: all 1s;
    padding: 0;
    font-size: 20px;
    height: 250px;
    text-overflow: ellipsis;
    word-wrap: break-word;
    overflow: hidden;
    text-align: center;
    font-weight: 700;
    color: var(--renkkoyukirmizi);
    line-height: 23px;
    display: block;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    text-decoration: none;}
.liste-bas-resim-area1:hover{
    transform: scale(1.1) rotate(3deg);}
.liste-bas-resim a{
    display: block;
    opacity: .7;
    transition: all .6s;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    height: 100%;
    text-decoration: none;
}
.liste-bas-resim-area{
    display: block;
    opacity: .7;
    transition: all .6s;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    height: 100%;
}
.liste-bas a{
    color: var(--renksiyah);
}
.liste-bas a:hover{
    color: var(--renkbeyaz);
}
.liste-bas9 a{
    color: var(--renksiyah);
}
.liste-bas9 a:hover{
    color: var(--renkturuncu);
}
.yukleme {
    width: 100%;
    display: block;
}
.yukleme progress{
    width: 100%;
    margin-bottom: 10px;
    border-radius: 6px;
}
.e_hata{
    padding: 16px 0 0 0;
    text-align: center;
    color: #999;
}
.dd_bilgi{
    padding: 10px 0 0 0;
    font-size: 14px;
    color: #999;
}
.dd_bilgi1{
    padding: 10px 0 0 0;
    font-size: 12px;
    color: #999;
}
.areas0{
    display: block;
    justify-content: normal;
    height: 68px;
}
.areas0 .btn{
    width: 42px;
}
.areas1{
    float: left;
}
.areas2{
    float: right;
}
.temizle{
    width: 100%;
    margin-top: 15px;
}
.temizle button{
    width: 100%;
}

.resim21{
    width: 50%;
    float: left;
    /* margin: 0; */
    text-align: center;
}
.resim21 img{
    width: calc( 100% - 10px);
    margin: 5px;
    max-height: 140px;
}
.liste-bas-resim{
    overflow: hidden;
}
.liste-bas-resim img{
    height: 100%;
    left: 50%;
    top: 0;
    position: initial;
}
.liste-bas-alt{
    text-align: center;
    margin: 10px 2px 3px 2px;
}
.liste-bas-alt1{
    width: calc( 33% - 6px);
    display: inline-block;
    background-color: #e5e5e5;
    margin: 3px;
    border-radius: 6px;
    font-size: 13px;
    padding: 5px 0;

}


.card-icerik1{
    font-size: 28px;
    text-align: center;
    font-weight: 600;
}
.card-icerik2{}
.cards {
    display: flex;
    justify-content: space-evenly;
}
.cardo {
    width: 100%;
    max-width: 400px;
    position: relative;
    height: 400px;
    perspective: 150em;
    border: 0;
    border-radius: 10px;
    margin: auto;
    margin-bottom: 20px;
    margin-top: 20px;
}
.cardo:hover .card-front {
    transform: rotateY(
            -180deg
    );
}
.card-front {
    border-radius: 10px;
    background-color: var(--renkbeyaz);
    height: 400px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    backface-visibility: hidden;
    transform: rotateY(
            0deg
    );
    transition: 0.4s;
    border-radius: 20px;
    overflow: hidden;
}
.cardo:hover .card-back {
    transform: rotateY(
            0deg
    );
}
.card-back {
    background-color: #dc920c;
    height: 400px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    backface-visibility: hidden;
    transform: rotateY(
            180deg
    );
    transition: 0.5s;
    border-radius: 20px;
    overflow: hidden;
}
.secimbar1{
    margin: 15px auto 0 auto;
    height: 5px;
    background-color: #c22f2f;
}
.secimbar2{
    margin: 15px auto 0 auto;
    height: 5px;
    background-color: #1e80e9;
}
.eea-resim{
    width: 150px;
    float: left;
    background-color: var(--renkbeyaz);
    height: 100px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    /* margin-right: 10px; */
    border-radius: 5px;
    /* margin: 10px; */
    margin-right: 10px;
}

.p_ust{
    background-color: var(--renkbeyaz);
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 15px;
}
.p_ust_h1 h1{
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 22px;
    font-weight: 600;
    color: var(--renkturuncu);
}
.aa_bar{
    margin: 10px auto 0 auto;
    padding: 0 10px;
    text-align: center;
}
.aa_bar1{
    width: 25%;
    display: inline-block;
    /* background-color: #e9e9e9; */
    padding: 5px 0;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 400;
    border: 1px solid #e0e0e0;
    margin: 0 5px;
    min-width: 160px;
    margin: 5px 4px;
}
.aa_bar2{
    width: 25%;
    display: inline-block;
    min-width: 160px;
    margin: 5px 4px;
}
.aa_bar2 a{
    display: block;
    padding: 5px 0;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 400;
    border: 1px solid #e0e0e0;
    text-decoration: none;
    background-color: #f2f2f2;
    color: #777;
}
.aa_bar2 a:hover{
    background-color: #ffeee0;
    color: #737373;
}

.baska-soru{
    text-align: center;
}
.fbutton{
    width: 120px;
    font-size: 16px;
    font-weight: 600;
}
.sayfa-baslik{
    /* padding-top: 20px; */
    background-color: var(--renkbeyaz);
    border-radius: 10px;
    text-align: center;
    /* margin: 0 0 10px 0; */
    padding: 10px 5px;
    font-size: 14px;
    color: #666;
    font-weight: 200;
}
.sayfa-baslik h1{
    margin: 0;
    padding: 10px 0 10px 0;
    font-size: 21px;
    font-weight: 700;
    color: #ca6f6e;
}
.secimbar1{}
.secim-alan2{
    height: 135px;
    display: block;
    position: relative;
    font-size: 22px;
    line-height: 24px;
    font-weight: 600;
}
.oyver{

    padding: 40px 10px;
    text-align: center;
    font-size: 30px;
    line-height: 35px;
    font-weight: 700;
    color: var(--renkbeyaz);
    height: 200px;
}
.oyver1{
    height: 50px;
    padding: 0 0;
    text-align: center;
}
.oyver2{
    height: 100px;
    padding: 0 0;
    text-align: center;
}
.vertical-center {
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    width: 100%;
}
.oyver1 svg{
    width: 70px;
    height: 70px;
    color: var(--renkbeyaz);
}
.secim-arka{
    width: 100%;
    height: 250px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.aaacard{
    width: 750px;
    margin: auto;
}

.haber_resim{
    margin: 0 auto 20px auto;
    border-radius: 10px;
    overflow: hidden;
    width: 100%;
    max-width: 600px;
}
.haber_resim img{
    width: 100%;
}
.genel-ekran h1{
    margin: 0;
    padding: 0 0 8px 0;
    font-size: 34px;
    font-weight: 700;
    color: var(--renkkoyukirmizi);
}
.son_siber{
    background-color: var(--renkbeyaz);
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 15px;
}
.son_siber_baslik{
    font-size: 14px;
    font-weight: 600;
}
.son_siber_list{
    font-size: 14px;
    font-weight: 600;
}
.son_siber_list ul{
    margin: 0;
    padding: 0;
}
.son_siber_list li{
    list-style: none;
}
.son_siber_list li a{
    display: block;
    border: 1px solid #ddd;
    border-radius: 8px;
    /* padding: 4px; */
    margin-top: 5px;
    height: 50px;
    overflow: hidden;
}
.son_siber_list li a:hover{
    background-color: #fff3f3;
}
.liste_resimsi{
    float: left;
    width: 50px;
    height: 50px;
}
.liste_resimsi img{
    width: 50px;
    height: 50px;

}
.liste_isimsi{
    float: left;
    height: 50px;
    width: calc( 100% - 50px);
    position: relative;
}
.liste_isimsi .text{
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    /* padding: 0 10px; */
    text-align: center;
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    color: #2e3136;
}
.p_bas{
    font-size: 14px;
    padding: 10px 10px 0 10px;
    font-weight: 600;
    color: #999;
}
.form-start{
    text-align: center;
    margin-bottom: 20px;
    background-color: var(--renkbeyaz);
    border-radius: 10px;
    overflow: hidden;
}
.form-start button{
    max-width: 200px;
    display: block;
    width: 100%;
    margin: auto;
}
.form-start1{
    background-color: var(--renkbeyaz);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 200px;
}
.form-start2{
    height: 200px;
    position: relative;
    margin-right: 20px;
}
.form-start2 .text{
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
}
.form-start2 p{

}
.form-start3{
}
.pp_video{
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #ccc;
    margin-top: 10px;
}
.pp_isim{
    padding: 15px 15px;
    line-height: 19px;
    font-size: 14px;
    font-weight: 300;
    color: #8f8f8f;
}
.pp_resim{
    height: 250px;
    background-color: var(--renkbeyaz);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 10px;
    overflow: hidden;
}

.pp_video1{
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #ccc;
    margin-top: 10px;
    margin-bottom: 10px;
}
.pp_resim1{
    height: 250px;
    background-color: var(--renkbeyaz);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 10px 10px 0 0;
    overflow: hidden;
}

.forml1{
    display: block;
}
.forml2{
    display: none;
}
.forml3{
    display: none;
}
.forml4{
    display: none;
}
.forml5{
    display: none;
}
#paylasVideo{
    color: #828282;
}
.footer-mega{
    min-height: 300px;
    background-color: var(--renksiyah);
    padding: 40px 0;
    margin-top: 20px;
}
.footer-mega-div{
    color: var(--renkbeyaz);
    font-size: 14px;
}
.footer-min{
    height: 50px;
    background-color: var(--renkbeyaz);
    text-align: center;
    padding: 10px 0;
}
.footer-min img{
    height: 30px;
}
.hangileri{}
.hangileri li{

}
.hangileri li a{
    border-radius: 10px;
    background-color: #EEEDED;
    margin-bottom: 20px;
    height: 100px;
    overflow: hidden;
    margin-bottom: 10px;
    display: block;
}
.hangileri li a:hover{
    background-color: #EEEDED;
    color: var(--renkturuncu);
}
.hangileri li:last-child{
    margin-bottom: 0;
}
.hangisi-resim{
    float: left;
    width: 100px;
}
.hangisi-resim img{
    width: 100%;
}
.hangisi-isim{
    height: 100px;
    float: left;
    padding: 10px;
    width: calc( 100% - 100px);
    position: relative;
}
.hangisi-isim div{
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    /* padding: 0 10px; */
    text-align: center;
    font-size: 16px;
    width: 100%;
    font-weight: 500;
    line-height: 20px;
    width: calc( 100% - 20px);
}
.guvenlik_list{
    width: 100%;
    height: 100px;
    margin-bottom: 10px;
}
.guvenlik_list a{
    display: block;
    min-height: 100px;
    position: relative;
    overflow: hidden;
    width: 100%;
    background-color: var(--renkbeyaz);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 10px;
    color: var(--renksiyah);
    opacity: .8;
}
.guvenlik_list a:hover{
    background-color: #cccccc;
    /* color: var(--renkbeyaz); */
    opacity: 1;
}
.guvenlik_list a:hover .isim .text{
    color: var(--renkbeyaz);
}

.guvenlik_list .baslik{}
.guvenlik_list .resim{
    width: 100px;
    height: 100px;
    float: left;
    background-color: #ccc;
}
.guvenlik_list .resim img{
    width: 100px;
    height: 100px;
}
.guvenlik_list .yani{
    float: left;
    width: calc( 100% - 100px);
    height: 100px;
    position: relative;
}
.guvenlik_list .detay{
    height: 25px;
    font-size: 13px;
    margin: 0 6px 6px 6px;
    color: var(--renksiyah);
    border-radius: 4px;
    padding: 3px 9px;
    background-color: #e9e9e9;
}
.guvenlik_list .isim{
    display: block;
    /* position: absolute; */
    width: 100%;
    height: 69px;
    vertical-align: bottom;
    transition: all 0.5s ease;
    font-size: 18px;
    font-weight: 400;
}
.guvenlik_list .isim .text{
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-72%);
    /* padding: 0 10px; */
    text-align: center;
    width: 100%;
    font-size: 15px;
    font-weight: 400;
    color: var(--renkturuncu);
}
.guvenlik_list .detay1{
    width: calc( 50% - 2px);
    float: left;
    text-align: left;
}
.guvenlik_list .detay2{
    width: calc( 50% - 2px);
    float: left;
    text-align: right;
}
.dd-resim{
    border-radius: 10px;
    overflow: hidden;
    max-width: 200px;
    margin: auto;
    margin-bottom: 50px;
}
.dd-resim img{
    width: 100%;
}
.guvenlik_detay{
    margin-bottom: 50px;
}
.dd-isim{
    margin-bottom: 10px;
}
.pp_yukleniyor{
    padding: 40px 0;
    text-align: center;
    color: #666;
}
.istek_alan{
    min-height: 120px;
    font-size: 13px;
    border-radius: 10px !important;
    margin-bottom: 10px;
    border: 1px solid rgba(0,0,0,.125) !important;
}
.istek_buton{
    margin: 0 0 10px 0;
    right: 10px;
    position: absolute;
    top: 10px;
    display: block;
}
.istek_buton button{
    min-width: 60px;
}
.gg-icerik-baslik{
    font-size: 24px;
    font-weight: 600;
    color: var(--renkkoyukirmizi);
}
.gg-icerik-bar{
    margin: 10px 0;
    /* background-color: #ccc; */
    padding: 5px 10px;
    border-radius: 10px;
    border: 1px solid #ccc;
    font-size: 14px;
    font-weight: 200;
}
.gg-icerik-icerik{
    margin: 10px 0;
}
.gg-icerik-resim{
    margin: 10px 0;
}
.gg-icerik-resim img{
    width: 100%;
    border-radius: 10px;
}
.genel-yorum{
    border-radius: 10px;
    margin: 0 0 0 0;
    padding: 0;
    /* background-color: #e4e4e4; */
    min-height: 50px;
}
.genel-yorum1{
    border-radius: 10px;
    margin: 0 0 10px 0;
    padding: 10px;
    background-color: var(--renkbeyaz);
    min-height: 50px;
}
.sayfa_genel3{
    background-color: var(--renkbeyaz);
    border-radius: 10px;
    text-align: left;
    margin: 0 0 10px 0;
    padding: 10px 15px;
    font-size: 16px;
    color: #666;
}
.genel_ozellikler_box3 {
    font-size: 15px;
    padding: 0;
}
.genel_ozellikler_box3 a{
    color: var(--renkturuncu);
    text-decoration: none;
    font-weight: 400;
}
.genel_ozellikler_box3 a:hover{
    color: #535353;
}
.genel_ozellikler_box3 span{
    font-weight: 600;
}
.tat_baslik{
    font-size: 22px;
    font-weight: 600;
}
.tat_00{}
.tat_00 li{
    background-color: #f2f3f1;
    padding: 10px 15px;
    border-radius: 10px;
    margin: 10px auto;
}
.tat_0{
    text-align: center;
    padding: 50px;
    font-size: 14px;
    font-weight: 600;
    color: #dc3545;
}
.tat_1{}
.tat_1 b{

}
.tat_2{}
.tat_3{}
.tat_4{}
.tat_5{}
.tat_7{
    float: right;
    width: 150px;
    margin: 5px 0 0 0;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #ccc;
    text-align: center;
    background-color: var(--renkbeyaz);
    padding: 5px;
}
.tat_7 img{
    width: 130px;
    margin-bottom: 10px;
}
.tat_katilim1{
    border-radius: 5px;
    background-color: var(--renkkoyukirmizi);
    color: var(--renkbeyaz);
    font-size: 14px;
    font-weight: 600;
    padding: 5px 0;
    cursor: pointer;
}
.tat_katilim1:hover{
    background-color: #838383;
}
.tat_katilim2a{
    width: 45%;
    display: inline-block;
    margin: 0 3px;
    background-color: #949494;
    border-radius: 5px;
    color: var(--renkbeyaz);
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    padding: 5px 0;
}
.tat_katilim2a:hover{
    background-color: #198754;
}
.tat_katilim2b{
    width: 45%;
    display: inline-block;
    margin: 0 3px;
    background-color: #949494;
    border-radius: 5px;
    color: var(--renkbeyaz);
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    padding: 5px 0;
}
.tat_katilim2b:hover{
    background-color: var(--renkkoyukirmizi);
}
.tat_katilim3{
    margin: 0 3px;
    background-color: #ff7400;
    border-radius: 5px;
    color: var(--renkbeyaz);
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    padding: 5px 0;
}
.tat_katilim3:hover{
    background-color: #b3b2b2;
}
.tat_katilim{
    position: relative;
    display: block;
}
.tat_load_main{

}
.tat_load{
    border-radius: 5px;
    background-color: #ffffffe8;
    color: var(--renkbeyaz);
    font-size: 14px;
    font-weight: 600;
    padding: 1px 0;
    cursor: pointer;
    position: absolute;
    width: 100%;
    display: inline-block;
    left: 0;
}
.tat_load svg{
    height: 29px;
}
.ff_baslik{
    background-color: #bcbcbc;
    margin-top: 10px;
    font-size: 14px;
    padding: 0 10px;
    font-weight: 600;
    letter-spacing: .1px;
    color: var(--renkbeyaz);
    padding: 3px 0 3px 9px;
    /* border-top: 1px solid #ec7213; */
    text-align: center;
    border-radius: 10px 10px 0 0;
}
.ff_organizator a{
    display: block;
    height: 100px;
    background-color: var(--renkbeyaz);
    border-radius: 0 0 10px 10px;
    margin-bottom: 10px;
    color: #4e4e4e;
    font-weight: 600;
}
.ff_organizator a:hover{
    color: var(--renkturuncu);
}
.ff_organizator a:hover .ff_organizator_resim {
    transform: scale(1.1) rotate(3deg);
}
.ff_organizator_resim{
    width: 100px;
    float: left;
    transition: all 1s;
}
.ff_organizator_resim img{
    width: 100%;
}
.ff_organizator_info{
    width: calc( 100% - 100px);
    float: left;
    height: 100px;
    position: relative;
}
.ff_organizator_info .text{
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0 5px;
    text-align: center;
    width: 100%;
    line-height: 17px;
}

.pp-7 {
    position: relative;
    width: 100%;
    height: 400px;
    margin-bottom: 10px;
}
.pp-7 .video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.davetiye{
    text-align: center;
    margin: 20px;
}
.davetiye a{
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    color: #f13132;
}
.davetiye a:hover{
    color: #000;
}
._f_devam{
    font-size: 20px;
    font-weight: 600;
    color: #f13132;
}
._f_tamamlandi{
    font-size: 20px;
    font-weight: 600;
}
.s_resim{
    width: 100px;
    float: left;
}
.s_resim img{
    width: 70px;
    margin: 14px;
}
.s_isim{
    width: calc( 100% - 100px);
    float: left;
    height: 100px;
    position: relative;
}
.s_isim .text {
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0 5px;
    text-align: center;
    width: 100%;
    line-height: 17px;
}
.s_baslik{
    font-size: 18px;
    font-weight: 600;
    color: #f13132;
}
.s_genel a{
    display: block;
    border-radius: 10px;
    border: 1px solid #ccc;
    height: 100px;
    margin-bottom: 10px;
    color: #f13132;
    font-weight: 600;
}
.s_genel a:hover{
    border: 1px solid #9f9f9f;
    background-color: #fbfbfb;
    color: #7f7f7f;
}
.sayfa_genel{
    background-color: var(--renkbeyaz);
    border-radius: 10px;
    text-align: left;
    margin: 0 0 10px 0;
    padding: 10px 15px;
    font-size: 16px;
    color: #666;
}
.sayfa_sektor{
    background-color: var(--renkbeyaz);
    border-radius: 10px;
    text-align: left;
    margin: 0 0 10px 0;
    padding: 10px 15px;
    font-size: 16px;
    color: #666;
}
.sayfa_sektor i{
    font-weight: 500;
    color: #999;
    font-size: 13px;
}
.sayfa_sektor a{
    text-decoration: none;
    color: #ea2c2d;
    font-weight: 500;
    font-size: 15px;
}
.sayfa_sektor a:hover{
    color: #6a6a6a;
}
.sayfa_sektor b{
    font-size: 16px;
}
.sayfa_genel h1{
    margin: 0;
    padding: 0 0 8px 0;
    font-size: 34px;
    font-weight: 700;
    color: var(--renkkoyukirmizi);
}
.genel_iletisim{
    background-color: var(--renkbeyaz);
    border-radius: 10px;
    text-align: left;
    margin: 0 0 10px 0;
    padding: 10px;
    font-size: 16px;
    color: #666;
}
.mekan_adres{
    padding:0px 0 10px 0;
}
.genel_ulasim{
    background-color: var(--renkbeyaz);
    border-radius: 10px;
    text-align: left;
    margin: 0 0 10px 0;
    padding: 10px 10px 3px 10px;
    font-size: 16px;
    color: #666;
}
.genel_dosyalar {
    background-color: var(--renkbeyaz);
    border-radius: 10px;
    text-align: left;
    margin: 0 0 10px 0;
    padding: 10px 15px 0 15px;
    font-size: 16px;
    color: #666;
}
.genel_dosyalar li{
    margin: 5px 0px 10px 0px;
}
.genel_dosyalar li:last-child{

}

.genel_dosyalar li a{
    color: #8e8e8e;
    border: 1px solid #ececec;
    display: block;
    height: 100px;
    border-radius: 10px;
    font-weight: 600;
}
.genel_dosyalar li a:hover{
    background-color: #f9f9f9;
    border: 1px solid #e8e8e8;
    color: black;
}

.dos-resim{
    float: left;
    width: 100px;
    height: 100px;
}
.dos-resim img{
    width: 100%;
}
.dos-info{
    width: calc( 100% - 100px);
    float: left;
    height: 100px;
    position: relative;
}
.dos-info .text {
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0 5px;
    text-align: center;
    width: 100%;
    line-height: 17px;
}

.genel_resimler{
    background-color: var(--renkbeyaz);
    border-radius: 10px;
    text-align: left;
    margin: 0 0 10px 0;
    padding: 10px 15px 0 15px;
    font-size: 16px;
    color: #666;
}
.genel_videolar{
    background-color: var(--renkbeyaz);
    border-radius: 10px;
    text-align: left;
    margin: 0 0 10px 0;
    padding: 10px 15px 0 15px;
    font-size: 16px;
    color: #666;
}
.genel_yorumlar{
    background-color: var(--renkbeyaz);
    border-radius: 10px;
    text-align: left;
    margin: 0 0 10px 0;
    padding: 10px;
    font-size: 16px;
    color: #666;
}
.ajans_info_tur{
    font-size: 17px;
    padding: 10px 0;
    font-weight: 600;
}
.ajans_info_tur b{
    font-size: 17px;
    padding: 10px 0;
    font-weight: 600;
    color: var(--renkkoyukirmizi);
}
.ajans_info_tarih{
    font-size: 17px;
    padding: 10px 0;
}
.ajans_info_tarih b{
    font-size: 17px;
    padding: 10px 0;
    color: var(--renkkoyukirmizi);
}
.ns_00{
    padding: 10px 0px 10px 0px;
}
.ns_01{
    display: flex;
    justify-content: center;
}
.ns_0{
    font-size: 17px;
    /* padding: 10px 0; */
    font-weight: 600;
    color: #cc2828;
    height: 26px;
}
.ns_1{
    width: 25%;
    /* display: inline-flex; */
    height: 60px;
    background-color: #afafaf;
    margin: 0px 10px;
    border-radius: 10px;
}
.ns_2{
    font-size: 15px;
    /* padding: 10px 0; */
    font-weight: 600;
    color: #ffffff;
    height: 30px;
    padding-top: 8px;
}
.ns_3{
    font-size: 25px;
    /* padding: 10px 0; */
    font-weight: 600;
    color: #000000;
    height: 30px;
    /* padding-top: 8px; */
    line-height: 22px;
}

.genel_ozellikler{}
.genel_ozellikler label{
    font-size: 15px;
    font-weight: 600;
}
.genel_ozellikler_alan{
    font-size: 14px;
    padding: 3px 0;
}
.genel_ozellikler_box{
    padding: 10px 0;
}
.genel_ozellikler_alan i{
    width: 20px;
    text-align: left;
}
.a_yesil{
    color: #0c9763;
}
.a_kirmizi{
    color: var(--renkkoyukirmizi);
}
.dogrulanmis{
    font-size: 14px;
    font-weight: 600;
    color: #989898;
    padding: 30px 0px 10px 0px;
}
.dogrulanmis i{
    font-size: 28px;
    color: #ea2f32;
}
.ajanslar-area{
    background-color: var(--renkbeyaz);
    border-radius: 10px;
    text-align: left;
    margin: 0 0 10px 0;
    padding: 10px 15px;
    font-size: 16px;
    color: #666;
}
.ajans_info_logo{
    width: 100%;
    display: block;
    padding: 0 5px;
    max-width: 200px;
    margin: auto;
    margin-bottom: 10px;
}
.ajans_info_logo img{
    border-radius: 10px;
    width: 100%;
}
.ajans_info_isim{
    font-size: 22px;
    font-weight: 600;
    line-height: 25px;
    padding: 0 0 10px 0;
}
.ajans_info_slogan{
    font-size: 16px;
}
.ajans_info_sehir{
    font-size: 22px;
}
.ajans_info_sehir a{
    text-decoration: none;
    font-weight: 600;
    color: #ea2c2d;
}
.ajans_info_sehir a:hover{
    color: var(--renksiyah);
}
.ajans_info_konum a{
    text-decoration: none;
    font-weight: 400;
    color: #ea2c2d;
}
.ajans_info_konum a:hover{
    color: var(--renksiyah);
}
.ajans_info_sektor i{
    font-size: 11px;
    font-weight: 400;
}
.ajans_info_sektor b{
    font-size: 16px;
    font-weight: 600;
    color: #ea2c2d;
}
.ajans_info_sektor{
    font-size: 14px;
    font-weight: 400;
    padding: 20px 0 0 10px;
}
.ajans_info_sektor a{
    text-decoration: none;
    color: #6a6a6a;
}
.ajans_info_sektor a:hover{
    color: #ea2c2d;
}
.ajans_info_puan {
    font-size: 50px;
    font-weight: 600;
    color: #ec7213;
}
.ajans_info_yildiz {
    padding-top: 20px;
    font-size: 20px;
    color: #ec7213;
}
.onaysiz{
    border-color: #eca2a9 !important;
}
.ajans_info_rezervasyon{
    margin-top: 10px;
}
.ajans_info_rezervasyon a{
    background-color: var(--renkturuncu);
    margin: 5px 5px 0 5px;
    border-radius: 10px;
    padding: 20px 0 20px 0;
    font-size: 18px;
    font-weight: 600;
    color: var(--renkbeyaz);
    cursor: pointer;
    line-height: 15px;
    display: block;
    text-decoration: none;
}
.ajans_info_rezervasyon a:hover{
    background-color: var(--renkyesil);
}
.uye_ol{
    height: 100px;
    margin-top: 10px;
    font-size: 14px;
}
.uye_ol a{

}
.uye_ol a:hover{

}
.resimyukle2{
    width: 100%;
    background-color: #ffffffab;
    position: absolute;
    height: 100%;
    z-index: 1;
}
.resimyukle4{
    width: calc(100% - 29px);
    background-color: #ffffffab;
    position: absolute;
    height: calc( 100% - 10px);
    z-index: 1;
}
.resimyukle5{
    width: calc(100%);
    background-color: #ffffffab;
    position: absolute;
    height: calc( 100% - 0);
    z-index: 1;
}
.resimyukle7{
    width: calc(100%);
    background-color: #ffffffab;
    position: absolute;
    height: calc( 100% - 0);
    z-index: 1;
}
.resimyukle{
    width: calc( 100% - 30px);
    background-color: #ffffffab;
    position: absolute;
    height: calc( 100% - 20px);
    z-index: 1;
}
.resimyuklemeci{
    margin: 10px 0;
    padding: 10px 0;
    display: block;
}
.resimyukle_buton{
    width: 200px;
    margin: auto;
    background-color: var(--renkkoyukirmizi);
    text-align: center;
    padding: 7px 0;
    border-radius: 10px;
    color: var(--renkbeyaz);
    font-weight: 600;
    cursor: pointer;
}
.resimyukle_buton:hover{
    background-color: #4ec99b;
}

.yorum-li{
    text-align: right;
}
.yorum-li li{
    display: inline-block;
    width: 40px;
    height: 40px;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center;
    background-color: #ccc !important;
    cursor: pointer;
}
.yorum-li li:hover{
    background-color: var(--renkkoyukirmizi) !important;
    color: var(--renkbeyaz);
}
.yorum-li div{
    display:block;
}

.y_rozet{}
.y_rozet img{
    width: 30px !important;
    height: 30px !important;
    margin: 10px 10px 0 10px !important;
}
.giris_yap{
    font-size: 18px;
    text-decoration: none;
    color: var(--renkbeyaz);
    font-weight: 600;
    margin: 20px 0;
    display: inline-block;
    background-color: #fb7f29;
    padding: 6px 15px;
    border-radius: 10px;
}
.giris_yap:hover{
    color: var(--renkfullsiyah);
}
.p-post{}
.p-post ul{
    margin: 0;
    padding: 0;
}
.p-post li{
    list-style: none;
    background-color: var(--renkbeyaz);
    border-radius: 10px;
    margin-bottom: 15px;
}
.pp-1{
    margin-bottom: 10px;
}
.pp-11{
    width: 50px;
    height: 50px;
    float: left;
    border-radius: 50%;
    overflow: hidden;
    margin: 5px;
    border: 1px solid #ccc;
}
.pp-11 img{
    width:100%;
}
.pp-2{
    padding: 0 10px 10px 10px;
}
.pp-12{
    float: left;
    width: calc( 100% - 114px);
    margin-left: 10px;
    height: 60px;
    position: relative;
}
.pp-12-ic{
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 14px;
    font-weight: 400;
}
.pp-3 a{
    background-color: #eaeaea;
    border-radius: 10px;
    border: 1px solid #e4e4e4;
    display: block;
    margin: 20px 10px 0 10px;
    color: #1e1e1e;
    overflow: hidden;
}
.pp-3 a:hover{
    background-color: #d4d4d4;
    color: var(--renkbeyaz);
}
.pp-3-1{
    float: left;
    overflow: hidden;
    width: 100px;
    height: 100px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.pp-3-1 img{
    width: 100%;
}
.pp-3-2{
    width: calc( 100% - 120px);
    margin-left: 20px;
    position: relative;
    /* padding-left: 10px; */
    height: 100px;
    float: left;
}
.pp-3-2-text{
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 14px;
    font-weight: 400;
    font-size: 15px;
    line-height: 21px;
    font-weight: 300;
}
.pp-3-2-text span{
    font-style: italic;
    font-size: 13px;
    color: #21262a;
}
.pp-31 a{
    margin: 20px 10px 5px 10px;
    padding: 10px;
    border: 1px solid #e4e4e4;
    border-radius: 10px;
    display: block;
    text-decoration: none;
    color: var(--renksiyah);
    background-color: #e9e9e9;
}
.pp-31 a:hover{
    background-color: #f3f3f3;
}
.pp-6{
    margin-bottom: 10px;
}
.pp-6 img{
    width: 100%;
}
.pp-7{
    position: relative;
    width: 100%;
    height: 400px;
    margin-bottom: 10px;
}
.pp-7 .video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.form-groupa{
    margin: 10px 0 0 0;
    text-align: center;
    position: relative;
}
.form-groupa img{
    width: 100%;
    max-width: 200px;
    margin-bottom: 10px;
    border-radius: 10px;
}
.sik_baslik{
    font-size: 14px;
    padding: 0 0 5px 0;
    color: var(--renkkoyukirmizi);
}
.sik_buton{
    margin-top: 10px;
    width: 100%;
}
.sik1_buton{
    width: 49.6%;
}
.yorums2ca{
    float: right;
    position: inherit;
}
.ccc_cevaplar{
    margin: 5px 0 0 0;
    padding: 0;
}

.ccc_cevaplar {

}
.ccc_cevaplar li{
    list-style: none;
    border-radius: 5px;
    border: 1px solid #ccc;
    margin-bottom: 10px;
    padding: 5px 10px;
    width: calc( 100% - 5px);
    display: block;
    -webkit-transform: translateZ(0);
}
.ccc_cevaplar li:hover{
    background-color: #efefef;
    cursor: pointer;
}
.zaman-aciklama{}
.zaman-video{
    position: relative;
    width: 100%;
    height: 400px;
    margin-bottom: 10px;
}
.zaman-video .video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.zaman-resim {}
.zaman-resim img{
    width: 100%;
    border-radius: 10px;
}
.zaman-ref{}
.zaman-ref-resim{
    width: 100%;
}
.zaman-ref-resim img{
    width: 100%;
    border-radius: 10px;
}
.g_controls_buton_c{
    margin: 4px 8px 4px 4px;
    height: 32px;
    /* font-size: 24px; */
    color: #bdbdbd;
    text-align: center;
    width: 32px;
    font-size: 22px;
    padding: 1px 0 0 1px;
    cursor: pointer;
    border-radius: 10px;
    border-radius: 50%;
}
.g_controls_buton_c::after {
    content: none;
}
.g_controls_buton_c:hover{
    background: #d3d3d3;
    color: var(--renkbeyaz);
}
.g_controls_buton img{
    width: 32px;
    margin: 4px;
}
.g_controls_buton_li{
    margin: 2px !important;
    padding: 0 !important;
}
.g_controls_buton_li:hover{
    cursor:pointer;
}
.g_controls_buton_bar{}
.g_controls_buton_bar:hover{}
.yukari2 {
    width: 120px;
    inset: 0 auto auto 0 !important;
}
.kucukkpen{
    position: relative;
    background: var(--renkbeyaz);
    border: 1px solid #e9e9e9;
    padding: 2px;
    border-radius: 10px;
}
.ddc-item-resim{
    float: left;
    height: 33px;
    width: 33px;
    font-size: 16px;
    text-align: center;
    padding-top: 3px;
}
.ddc-item-info{
    width: calc( 100% - 33px);
    float: left;
    padding-top: 6px;
}
.yorumbasla{
    text-align: center;
    font-size: 15px;
    background-color: var(--renkkoyukirmizi);
    /* width: 100px; */
    float: right;
    height: 30px;
    border-radius: 8px;
    padding: 5px 10px 0 10px;
    font-weight: 400;
    color: var(--renkbeyaz);
    cursor: pointer;
}
.yorumbasla i{
    font-size: 18px;
    margin-left: 5px;
}
.yorumbasla:hover{
    color: #f8f8f8;
    background-color: #aba7a7;
}

.ses_islem{
    color: #212529;
}
.ses_islem:hover{
    color: #212529;
}

.akilli-arka{
    display: none;
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background: #00000082;
    z-index: 11;
}
.akilli-menu{
    display: none;
    position: fixed;
    left: calc( 50% - 125px);
    bottom: calc( 50% - 31px);
    width: 250px;
    height: 62px;
    background-color: var(--renkbeyaz);
    border-radius: 10px;
    border: 1px solid #ccc;
    margin: 0;
    padding: 10px;
    z-index: 12;
}
.akilli{
    position: fixed;
    right: 30px;
    bottom: 100px;
    width: 50px;
    min-height: 50px;
    background-color: var(--renkbeyaz);
    border-radius: 10px;
    border: 1px solid #ccc;
    z-index: 11;
}
.akilli-kontrol{
    width: 42px;
    height: 42px;
    margin: 3px;
    background-color: var(--renkkirmizi);
    border-radius: 8px;
    text-align: center;
    opacity: .7;
    cursor: pointer;
    padding-top: 6px;
    font-size: 21px;
    color: var(--renkbeyaz);
}
.akilli-kontrol:hover{
    opacity: 1;
}
.akillis-kontrol,.akillie-kontrol a{
    display: block;
    width: 42px;
    height: 42px;
    margin: 3px;
    background-color: var(--renkkirmizi);
    border-radius: 8px;
    text-align: center;
    cursor: pointer;
    padding-top: 6px;
    font-size: 21px;
    color: var(--renkbeyaz);
}
.akillis-kontrol:hover,.akillie-kontrol a:hover{
    opacity: 1;
    color: var(--renkfullsiyah);
}

.akillims-kontrol i{
    font-size: 15px;
}
.akillims-kontrol{
    display: block;
    /* height: 42px; */
    /* margin: 3px; */
    background-color: var(--renkkoyukirmizi);
    border-radius: 8px;
    text-align: center;
    opacity: .7;
    cursor: pointer;
    padding: 16px 0 15px 0;
    font-size: 18px;
    color: var(--renkbeyaz);
    font-weight: 600;
}
.akillims-kontrol:hover{
    opacity: 1;
}

.akilli-kontrol-bar{
    margin: 0;
    padding: 20px 0 10px 0;
    text-align: center;
}
.akilli-kontrol-bar li{
    display: inline-block;
    margin: 0;
}
.akilli-kontrol-bar li a{
    width: 50px;
    height: 50px;
    border-radius: 15px;
    display: block;
    cursor: pointer;
    font-size: 22px;
    text-align: center;
    padding-top: 8px;
    opacity: .6;
    color: var(--renkkoyukirmizi);
    border: 1px solid #ff2d2c;
    margin: 0 6px 10px 6px;
}
.akilli-kontrol-bar li a:hover{
    opacity: 1;
}
.aa_likem{
    display: block;
    width: 42px;
    height: 42px;
    margin: 3px;
    background-color: var(--renkkirmizi);
    border-radius: 8px;
    text-align: center;
    cursor: pointer;
    padding-top: 6px;
    font-size: 21px;
    color: var(--renkbeyaz);
}
.aa_tikk{}
.aa_likem:hover{
    opacity: 1;
    color: var(--renkfullsiyah);
}
.like_yukleniyora{}
.aalike3a{
    color: var(--renkfullsiyah);
}
.sikayet-arka{
    display: none;
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background: #00000082;
    z-index: 11;
}
.sikayet-menu{
    display: none;
    position: fixed;
    left: calc( 50% - 125px);
    bottom: calc( 50% - 31px);
    width: 250px;
    height: 62px;
    background-color: var(--renkbeyaz);
    border-radius: 10px;
    border: 1px solid #ccc;
    margin: 0;
    padding: 10px;
    z-index: 12;
}
.sikayet{
    position: fixed;
    right: 30px;
    bottom: 100px;
    width: 50px;
    height: 50px;
    background-color: var(--renkbeyaz);
    border-radius: 10px;
    border: 1px solid #ccc;
    z-index: 11;
}
.sikayet-kontrol{
    width: 42px;
    height: 42px;
    margin: 3px;
    background-color: var(--renkkoyukirmizi);
    border-radius: 8px;
    text-align: center;
    opacity: .7;
    cursor: pointer;
    padding-top: 6px;
    font-size: 21px;
    color: var(--renkbeyaz);
}
.sikayet-kontrol:hover{
    opacity: 1;
}

.sikayet-kontrol-bar{
    margin: 0;
    padding: 0;
    text-align: center;
}
.sikayet-kontrol-bar li{
    display: inline-block;
    margin: 0;
}
.sikayet-kontrol-bar li a{
    width: 40px;
    height: 40px;
    border-radius: 6px;
    display: block;
    cursor: pointer;
    font-size: 27px;
    text-align: center;
    padding-top: 1px;
    opacity: .6;
}
.sikayet-kontrol-bar li a:hover{
    opacity: 1;
}
.dahasi{
    border-radius: 10px;
    background-color: var(--renkbeyaz);
    padding: 7px 0;
    text-align: center;
    cursor: pointer;
    width: 200px;
    margin: auto;
    margin-bottom: 20px;
}
.dahasi:hover{
    background-color: #f8ba8f;
    color: #333;
}
.haber_k_resim{

}
.haber_k_resim img{

}

.sss_baslik{
    font-weight: 600;
    padding-bottom: 6px;
    color: var(--renkkoyukirmizi);
}
.sss_baslik1{
    font-weight: 600;
    padding: 10px 0 0 10px;
    color: var(--renkkoyukirmizi);
    text-align: left;
}
.sss_baslik6{
    font-weight: 600;
    padding: 0 0 7px 0;
    color: var(--renkkoyukirmizi);
    text-align: left;
}

.cekOtelAlt {
    background-color: var(--renkbeyaz);
    border-radius: 10px;
    overflow: hidden;
    margin: 0;
    padding: 10px;
}
.cekOtel,.cekHaber,.cekTedarikci,.cekBlog,.cekFirma,.cekTedarikci,.cekAlan,.cekOrganizator,.cekFuar {
    background-color: var(--renkbeyaz);
    border-radius: 10px;
    overflow: hidden;
    margin: 0;
    padding: 10px;
}
.alt_resim{
    height: 175px;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    transition: all 1s;
}
.alt_info{
    height: 125px;
    width: 100%;
    position: relative;
}
.ceycey{
    background-color: var(--renkyesil);
    color: var(--renkfullsiyah);
}
.alt_info .text {
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0 5px;
    text-align: center;
    width: 100%;
    font-size: 18px;
    line-height: 17px;
    font-weight: 600;
}

.mesajlar{}
.mesajlar ul{}
.mesajlar li{}
.mesajlar li a{
    display: block;
    background-color: #f4f4f4;
    margin-top: 10px;
    border-radius: 10px;
    padding: 6px 6px 6px 6px;
    text-decoration: none;
    color: #000;
}
.mesajlar li a:hover{
    background-color: #d7d7d7;
}
.sending{
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    padding: 40px 0px;
}
.sending img{
    width: 120px;
    margin-bottom: 30px;
}
.tum_mesajlar a{
    display: block;
    background-color: #f4f4f4;
    margin-top: 10px;
    border-radius: 10px;
    padding: 5px 0px 3px 0px;
    text-decoration: none;
    color: #000;
    width: 200px;
    margin: auto;
    margin-top: 20px;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
}
.tum_mesajlar a:hover{
    background-color: #ff3939;
    color: #fff;
}


.katilimci_alan {
    background-color: var(--renkbeyaz);
    border-radius: 10px;
    text-align: center;
    margin: 10px 0;
    padding: 6px 0 10px 0;
    font-size: 14px;
    color: #666;
    font-weight: 200;
}
.katilimci_box {
    display: block;
}
.katilimci_buton {
    background-color: var(--renkturuncu);
    margin: 5px 10px 0 10px;
    border-radius: 10px;
    padding: 12px 0 12px 0;
    font-size: 18px;
    font-weight: 600;
    color: var(--renkbeyaz);
    cursor: pointer;
    line-height: 15px;
}
.katilimci_buton:hover {
    background-color: #4ec99b;
}

.model1 a{
    display: block;
    height: 200px;
    width: 100%;
    background-color: #f2f3f1;
    border-radius: 10px;
}
.model2 a{
    display: block;
    height: 100px;
    width: 100%;
    background-color: #f2f3f1;
    border-radius: 10px;
    display: block;
    height: 100px;
    /* margin-bottom: 10px; */
    background-color: #f2f3f1;
    overflow: hidden;
    border-radius: 7px;
    color: #575757;
    font-weight: 400;
    font-size: 16px;
    transition: all .6s;
    border-right: 5px solid #d5d3d0;
}
.model2 a:hover{
    background-color: #d8d8d8;
    color: var(--renkkoyukirmizi);
    border-right: 5px solid var(--renkturuncu);
}
.model2 a:hover .yan_resim {
    transform: scale(1.1) rotate(3deg);
}
.model2 .yan_resimler{
    width: 100px;
    height: 100px;
    float: left;
}
.model2 .yan_resimler .yan_resim{
    height: 100px;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    transition: all 1s;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
}
.model2 .yan_bilgi{
    float: left;
    width: calc( 100% - 100px);
    height: 100px;
    position: relative;
}
.model2 .yan_bilgi .text {
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0 5px;
    text-align: center;
    width: 100%;
    font-size: 15px;
    line-height: 17px;
}
.model9 a{
    display: block;
    height: 100px;
    width: 100%;
    background-color: #f2f3f1;
    border-radius: 10px;
    display: block;
    height: 100px;
    /* margin-bottom: 10px; */
    background-color: #fff;
    overflow: hidden;
    border-radius: 7px;
    color: #575757;
    font-weight: 400;
    font-size: 16px;
    transition: all .6s;
    border-right: 5px solid #d5d3d0;
}
.model9 a:hover{
    background-color: #d8d8d8;
    color: var(--renkkoyukirmizi);
    border-right: 5px solid var(--renkturuncu);
}
.model9 a:hover .yan_resim {
    transform: scale(1.1) rotate(3deg);
}
.model9 .yan_resimler{
    width: 100px;
    height: 100px;
    float: left;
}
.model9 .yan_resimler .yan_resim{
    height: 100px;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    transition: all 1s;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
}
.model9 .yan_bilgi{
    float: left;
    width: calc( 100% - 100px);
    height: 100px;
    position: relative;
}
.model9 .yan_bilgi .text {
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0 5px;
    text-align: center;
    width: 100%;
    font-size: 15px;
    line-height: 17px;
}
.model3 a{
    display: block;
    height: 300px;
    width: 100%;
    background-color: #f2f3f1;
    border-radius: 10px;
    color: var(--renkkoyukirmizi);
}
.model3 a:hover{
    background-color: #e6e6e6;
    color: var(--renksiyah);
}
.model4 a{
    display: block;
    height: 300px;
    width: 100%;
    border-radius: 10px;
    color: var(--renkkoyukirmizi);
    border: 1px solid var(--renkortagri);
    background-color: var(--renkbeyaz);
}
.model4 a:hover{
    color: var(--renkfullsiyah);
    background-color: var(--renkacikgri);
}

.model4 a:hover .alt_resim {
    transform: scale(1.1) rotate(3deg);
}
.model4 .alt_resim {
    transition: all 1s;
}
.model4 .alt_resim_ust {
    overflow: hidden;
}

.paktif{
    display: none;
}
.reklam_sistem_2{}
.reklam_sistem_2 a{
    width: 100%;
    display: block;
}
.reklam_sistem_2 a img{
    width: 100%;
}

.reklam_sistem_3{}
.reklam_sistem_3 a{
    width: 100%;
    display: block;
}
.reklam_sistem_3 a img{
    width: 100%;
}

.kayit_yok{
    padding: 100px 0;
    text-align: center;
}
.kayit_yok2{
    text-align: center;
    width: 100%;
    padding: 40px 0;
    color: #d5d5d5;
}
.kayit_yok2 i{
    font-size: 40px;
    margin-bottom: 20px;
}
.kayit_yok3{
    text-align: center;
    width: 100%;
    padding: 40px 0;
    color: #d5d5d5;
}
.kayit_yok3 i{
    font-size: 40px;
    margin-bottom: 20px;
}

.sag_menu{
    border: 1px solid #e0e0e0;
    margin-bottom: 10px;
    border-radius: 5px;
}
.sag_menu ul{
    text-align: right;
}
.sag_menu li{
    display: inline-block;
}
.sag_menu li .aktif{
    background-color: #6975f5;
    color: var(--renkbeyaz);
}
.sag_menu li a{
    display: block;
    margin: 5px 5px 5px 0;
    padding: 2px 10px;
    background-color: #E8E5FF;
    border-radius: 5px;
    color: #616ab0;
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
}
.sag_menu li a:hover{
    background-color: #686fb3;
    text-decoration: none;
    color: var(--renkbeyaz);
}
.i_baslik{
    padding: 0 11px !important;
    font-size: 14px !important;
}
.mmm_ykayit{
    text-align: center;
}
.mmm_ykayit a{
    margin: auto;
    font-size: 14px;
    padding: 5px 10px;
    background-color: #ccc;
    display: block;
    border-radius: 5px;
    text-decoration: none;
    color: var(--renksiyah);
    font-weight: 400;
    width: 100px;
}
.mmm_ykayit a:hover{
    background-color: var(--renkkoyukirmizi);
    color: var(--renkbeyaz);
}

.liste_sayfasi{
    background-color: var(--renkbeyaz);
    border-radius: 10px;
    text-align: left;
    margin: 0 0 10px 0;
    padding: 5px 10px 10px 10px;
    font-size: 14px;
    color: #666;
    font-weight: 600;
}
.a_resimci{
    float: right;
    border-radius: 10px;
    width: 100px;
    height: 100px;
    overflow: hidden;
}
.a_resimci img{
    width: 100%;
}
.ii_sonuclar{
}
.ii_sonuclar ul{
    overflow-y: scroll;
    max-height: 210px;
}
.ii_sonuclar li{
    margin-bottom: 10px;}
.ii_sonuclar li:last-child{
    margin-bottom: 0px;}
.ii_sonuclar li a{
    display: block;
    width: 100%;
    height: 75px;
    border-radius: 10px;
    border: 1px solid #ccc;
    overflow: hidden;
    opacity: .7;
}
.ii_sonuclar li a:hover{
    border: 1px solid #8e8d8d;
}
.ii_isim{
    position: relative;
    height: 50px;
}
.ii_info{
    height: 25px;
    display: block;
    font-size: 14px;
    padding: 0px 5px;
}
.ii_resim{
    float: left;
    width: 75px;
    height: 75px;
}
.ii_resim img{
    width: 100%;
}
.ii_bilgi{
    float: left;
    width: calc( 100% - 75px);
    height: 75px;
    position: relative;
}
.ii_bilgi .text {
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0 5px;
    text-align: center;
    width: 100%;
    line-height: 17px;
    font-size: 15px;
    color: var(--renkkirmizi);
    font-weight: 600;
}
.ii_ulke{
    font-size: 13px;
    font-weight: 600;
    text-align: right;
    color: #868686;
    padding-right: 3px;
}

.yukle_ana{
    width: calc( 100% - 20px);
    height: calc( 100% - 70px);
    display: block;
    max-height: 250px;
    position: absolute;
    background-color: #ffffffd6;
    z-index: 1;
    min-height: 100px;
}
.yukle{
    text-align: center;
    color: #666;
    position: absolute;
    width: 100%;
    height: 100%;
}
.yukle .text {
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0 5px;
    text-align: center;
    width: 100%;
    line-height: 17px;
    font-size: 15px;
    color: var(--renkkirmizi);
    font-weight: 600;
}
.yokki{
    height: 100px;
    position: relative;
}
.yokki .text {
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0 5px;
    text-align: center;
    width: 100%;
    line-height: 17px;
    font-size: 15px;
    color: #8c8c8c;
    font-weight: 600;
}
.hicki{
    height: 100px;
    position: relative;
}
.hicki .text {
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0 5px;
    text-align: center;
    width: 100%;
    line-height: 17px;
    font-size: 15px;
    color: #8c8c8c;
    font-weight: 600;
}
.otel_listesi{
    margin: 0;
    padding: 0;
}
.otel_listesi li{
    margin: 0;
    padding: 0;
    list-style: none;
}
.otel_listesi li:last-child a{
    margin-bottom: 0;
}
.otel_listesi li a{
    height: 150px;
    display: block;
    background-color: #f2f3f1;
    margin-bottom: 10px;
    margin-top: 5px;
    border-radius: 10px;
    overflow: hidden;
}
.otel_listesi li a:hover{
    background-color: #e8e8e8;
}
.ros-resim{
    float: left;
    width: 150px;
    height: 150px;
}
.ros-resim img{
    width: 140px;
    height: 140px;
    margin: 5px;
    border-radius: 10px;
}
.ros-info{
    float: left;
    width: calc( 100% - 150px);
    height: 150px;
    position: relative;
}
.ros-info i{
    font-size: 40px;
    float: right;
    margin: 10px 10px 0 0;
}
.ros-info2{
    float: left;
    width: calc( 100% - 250px);
    height: 150px;
    position: relative;
}
.ros-info2 i{
    font-size: 40px;
    float: right;
    margin: 10px 10px 0 0;
}
.ros-date{
    float: left;
    width: 100px;
    height: 150px;
    position: relative;
}
.ros-date .text {
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    width: 100%;
    font-size: 15px;
    line-height: 17px;
    font-weight: 600;
    color: #979797;
}

.tak_39c {
    font-size: 17px;
    text-align: center;
    font-weight: 700;
    height: 100%;
    padding-top: 16px;
    color: var(--renkbeyaz);
    line-height: 18px;
    margin: 0;
    /* border-radius: 0 0; */
    letter-spacing: -.6px;
}
.tak_39ca {
    background-color: var(--renkyesil);
}
.atak_42c{
}


.atak_35c{
    font-size: 37px;
    text-align: center;
    font-weight: 700;
    height: 35px;
    padding-top: 1px;
    color: #fff;
    line-height: 35px;
}
.atak_36c{
    font-size: 12px;
    text-align: center;
    font-weight: 400;
    height: 30px;
    padding-top: 0px;
    color: #fff;
    line-height: 11px;
}

.tak_31ac{
    font-size: 30px;
    text-align: center;
    font-weight: 700;
    height: 25px;
    /* padding-top: 5px; */
    color: #ffffff;
}
.tak_32ac{
    font-size: 11px;
    text-align: center;
    font-weight: 400;
    height: 18px;
    /* padding-top: 5px; */
    color: #ffffff;
    font-weight: 400;
    line-height: 13px;
}
.atak_31ac{
    font-size: 40px;
    text-align: center;
    font-weight: 700;
    height: 40px;
    /* padding-top: 5px; */
    color: #ffffff;
    line-height: 40px;
}
.atak_32ac{
    font-size: 11px;
    text-align: center;
    font-weight: 400;
    /* height: 24px; */
    padding-top: 0px;
    color: #ffffff;
    font-weight: 700;
    line-height: 10px;
}
.atak_40c{
    font-size: 25px;
    text-align: center;
    font-weight: 700;
    height: 100%;
    padding-top: 7px;
    color: var(--renkbeyaz);
    line-height: 27px;
    margin: 0;
    /* border-radius: 0 0; */
    letter-spacing: -.6px;
}

.atak_39c{
    font-size: 25px;
    text-align: center;
    font-weight: 700;
    height: 100%;
    padding-top: 7px;
    color: var(--renkbeyaz);
    line-height: 27px;
    margin: 0;
    /* border-radius: 0 0; */
    letter-spacing: -.6px;
}

.sektor-alan{
    background-color: #f2f3f1;
    margin: 10px 0 0 0;
    border-radius: 10px;
}
.sektor-info{
    height: 65px;
    position: relative;
}
.sektor-info .text {
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0 5px;
    text-align: center;
    width: 100%;
    font-size: 14px;
    line-height: 17px;
    font-weight: 300;
    color: #979797;
}
.sektor-resim{
    padding: 30px 0;
    text-align: center;
}
.sektor-resim img{
    width: 100px;
    max-width: 100%;
}
.sektor-alan a{
    background-color: #f2f3f1;
    display: block;
    border-radius: 10px;
    border: 1px solid #C9C0BB;
}
.sektor-alan a:hover{
    background-color: var(--renkbeyaz);
}
.ayesil{
    color: #4ec99b;
}
.agri{
    color: #ccc;
}
.ros-info span{
    font-size: 18px;
    line-height: 22px;
    color: var(--renkkoyukirmizi);
}
.ros-info .text {
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0 5px;
    text-align: center;
    width: 100%;
    font-size: 15px;
    line-height: 17px;
    font-weight: 600;
    color: #979797;
 }
.ros-info2 span{
    font-size: 18px;
    line-height: 22px;
    color: var(--renkkoyukirmizi);
}
.ros-info2 .text {
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0 5px;
    text-align: center;
    width: 100%;
    font-size: 15px;
    line-height: 17px;
    font-weight: 600;
    color: #979797;
}
.hh_on_aciklama{
    font-size: 14px;
    font-weight: 300;
    padding: 10px 0px 0px 0px;
}
.hh_tarih{
    text-align: right;
    bottom: 5px;
    position: absolute;
    right: 7px;
    color: #000;
}

@media only screen and (max-width: 768px) {
    .login_resim{
        height: 400px;
    }
    .ros-resim {
        float: left;
        width: 90px;
        height: 90px;
    }
    .ros-resim img {
        width: 80px;
        height: 80px;
        margin: 5px;
        border-radius: 10px;
    }
    .ros-info{
        float: left;
        width: calc( 100% - 90px);
        height: 90px;
        position: relative;
    }
    .ros-info2 {
        float: left;
        width: calc( 100% - 145px);
        height: 90px;
        position: relative;
    }
    .ros-date {
        float: left;
        width: 55px;
        height: 90px;
        position: relative;
    }
    .otel_listesi li a {
        height: 90px;
        display: block;
        background-color: #f2f3f1;
        margin-bottom: 10px;
        margin-top: 5px;
        border-radius: 10px;
        overflow: hidden;
    }
    .ros-info2 span {
        font-size: 14px;
        line-height: 16px;
        color: var(--renkkoyukirmizi);
    }
    .ros-info2 .text {
        margin: 0;
        position: absolute;
        top: 50%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        padding: 0 5px;
        text-align: center;
        width: 100%;
        font-size: 12px;
        line-height: 17px;
        font-weight: 600;
        color: #979797;
    }
    .atak_35c {
        font-size: 19px;
        text-align: center;
        font-weight: 700;
        height: 28px;
        padding-top: 1px;
        color: #fff;
        line-height: 35px;
        letter-spacing: -0.9px;
    }
    .atak_36c {
        font-size: 12px;
        text-align: center;
        font-weight: 400;
        height: 30px;
        padding-top: 0px;
        color: #fff;
        line-height: 13px;
    }
    .atak_31ac {
        font-size: 28px;
        text-align: center;
        font-weight: 700;
        height: 40px;
        /* padding-top: 5px; */
        color: #ffffff;
        line-height: 42px;
    }
    .atak_40c {
        font-size: 17px;
        line-height: 21px;
        /* padding-top: 11px; */
        font-weight: 700;
        height: 100%;
        /* padding-top: 13px; */
        color: #fff;
    }
    .atak_39c {
        font-size: 18px;
        text-align: center;
        font-weight: 700;
        height: 100%;
        padding-top: 2px;
        color: var(--renkbeyaz);
        line-height: 20px;
        margin: 0;
        /* border-radius: 0 0; */
        letter-spacing: -.6px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {

}
@media only screen and (min-width: 768px) and (max-width: 992px) {

}
@media only screen and (min-width: 992px) and (max-width: 1200px) {

}
@media only screen and (min-width: 1200px) {

}