.referans_bar{display:block;padding:10px;margin:20px 0px;border:1px solid #eee;}
.referans_bar>ul:after{content:'';display:block;clear:both;}
.referans_bar>ul>li{float:left;margin-right:10px;}
.referans_bar>ul>li>a{display:block;padding:5px;background-color:#f5f5f5;color:#7f8799;font-size:13px;border:1px solid #7f8799;}
.referans_bar>ul>li>a:hover{background-color:#9edf78;color:#fff;border-color:#48941B;}
.referans_bar>ul>li.active>a{background-color:#9edf78;color:#fff;border-color:#48941B;}

.referans_list{display:block;margin:0px 0px 20px 0px;}
.referans_list>ul:after{content:'';display:block;clear:both;}
.referans_list>ul>li{margin-bottom:15px;}
.referans_list>ul>li>a{display:block;padding:0px 0px 5px;color:#7f8799;font-size:13px;border:1px solid #7f8799;position:relative;box-sizing:border-box;transition:.3s;border-radius:10px;}
.referans_list>ul>li>a:hover{border-color:#9edf78;opacity:0.8;}
.referans_list>ul>li>a:hover .ref_txt{color:#9edf78;}
.referans_list>ul>li>a>.ref_img{display:block;width:100%;height:200px;overflow:hidden;}
.referans_list>ul>li>a>.ref_img{border-top-left-radius:10px;border-top-right-radius:10px;}
.referans_list>ul>li>a>.ref_txt{display:block;padding:10px 10px;font-weight:bold;}
.referans_list>ul>li>a>.ref_guc{display:block;padding:0px 10px 10px;}