a:hover{text-decoration:none;opacity:.8}
a:visited,a:focus{text-decoration:none}
ul,li{list-style:none;margin:0;padding:0}
.glyphicon-remove:after{content:'X'; font-family:Verdana; font-size:20px; padding-top:5px;}

body{overflow-y:scroll;color:#666;font-size:12px;background:#f5f5f5 url(../img/bg.jpg);padding-top:55px}
body *{font-family:'Roboto Slab', serif, Arial;}
.mt20{margin-top:20px}
.pd15{padding:15px}
.btn{border-radius:1px}
.btn-danger,.btn-primary{background-color:#9f103c;border-color:#9f103c}
.form-control{border-radius:0 !important;}

.pagination>.active>a{background-color:#9f103c;border-color:#9f103c}

.container{max-width:990px}
strong.baslik{font-size:20px;display:block;margin:10px 0}
.panel strong.baslik{margin-left:15px;}
.sonuc p{padding:10px}

.menu-hamburger{ width:24px; height:24px; position:relative; display:inline-block;}
.menu-hamburger span{position:absolute; left:0; top:3px; width:18px; height:4px; background:#777; border-radius:3px;}
.menu-hamburger span:nth-child(2){top:10px;}
.menu-hamburger span:last-child{top:17px;}
.menu-hamburger.glyphicon-remove span{display:none;}
.menu-hamburger.glyphicon-remove:after{position:absolute; left:0px; top:-7px; font-weight:bold;}

li[rel='p8']{display:none !important;}
.logged-in li[rel='p8']{display:block !important;}

header{position:fixed;top:0;left:0;width:100%;background:#f5f5f5 url(../img/bg.jpg);z-index:9;border-bottom:1px solid #ddd}         
header .container{height:55px;padding:10px 0;position:relative;font-size:14px}
header a{color:#333}
header a.logo img{max-width:200px;margin-top:5px;height:auto}
header ul{float:right;position:absolute;right:0;top:0;height:100%}
header ul li{display:inline-block;border-right:1px solid #ddd;height:100%;padding:18px 25px}
header ul li.bosluk{width:150px}
header ul li:last-child{border-right:0;padding-right:0}
header ul li a.ilan-ekle{background:#9f103c;padding:8px 20px;border-radius:5px;color:#fff}
header a.mobilemenu{position:absolute;right:15px;top:10px;font-size:25px;color:#9f103c}

header div.menu{display:block; font-size:20px; float:left; overflow:visible; margin-right:10px; text-align:left; padding-top:5px; padding-bottom:10px; position:relative; cursor:pointer;}
header div.menu button.dropdown-toggle{border:0; background-color:transparent;}

header .dropdown-menu{width:1000px; padding:0; overflow-y:scroll; max-height:500px; }
header .dropdown-menu ul{position:static; font-size:12px;background:#f5f5f5;padding-bottom:0px; padding-left:30px;}
header .dropdown-menu ul ul{margin:0; padding-left:0; float:none;}
header .dropdown-menu>ul li{display:inline-block;height:auto;border-right:0;padding-left:0px; width:100%;}
header .dropdown-menu>ul>li>a{font-weight:bold; display:block; border-bottom:1px solid #ddd; font-size:14px;}
header .dropdown-menu ul ul li{width:25%; border:0; height:20px;}
header .dropdown-menu ul ul li a{display:block;transition:.2s all;}

.kategoriler{position:absolute;top:55px;z-index:2;background:#e5e5e5;width:100%;padding-top:20px;padding-bottom:20px}
.kategoriler ul li{display:inline-block;font-size:15px;margin-bottom:15px;font-weight:700}
.kategoriler ul li ul{margin-top:10px}
.kategoriler ul li li{display:block;font-weight:400;font-size:13px;margin-bottom:5px}

section.arama{background:#e5e5e5;position:relative}
section.arama .container{background:url(../img/bg-ara.jpg) center center;background-size:cover}
section.arama .container .wrapper{background:rgba(255,255,255,0.8);margin-top:70px;margin-bottom:70px;padding:40px;text-align:center;min-height:300px}
section.arama .container .wrapper strong{font-size:30px;font-weight:400;color:#000}
section.arama .container .wrapper p{font-size:16px}

section.arama .etiketler{text-align:left;padding:5px 10px;font-size:13px;font-weight:700}
section.arama .etiketler a{background:#fff;padding:5px;border-radius:5px;font-weight:400;font-size:12px;margin:0 5px 5px 0;color:#666;display:inline-block}
section.arama .etiketler{display:none}
section.arama .etiketler.main{display:blocks}
section.arama .linkler{text-align:right}

.tag-links{text-align:left;padding:5px 10px 5px 0;font-size:13px;font-weight:700; margin-top:35px;}
.tag-links a{background:#fff;padding:5px 10px;border-radius:2px;font-weight:400;font-size:12px;margin:0 5px 5px 0;color:#666;display:inline-block; }
.tag-links:before{content:'İlişkili Aramalar: '; padding-right:15px;}

.form-filter{text-align:center;}
.form-filter label{display:block; text-align:left;}
.form-filter .select2{text-align:left; font-size:16px; min-width:300px;}
.form-filter #btn_arama{min-width:17%;border-radius:5px}

section.filtre{background:#f0f0f0; padding:5px 0;}
section.filtre .form-filter{padding-top:15px;}
section.filtre .container{position:relative;padding:20px 0 10px;margin-top:0}
section.filtre .container strong{font-size:22px}

section.vitrin{min-height:300px; padding-top:25px;}
section.vitrin h2{font-size:20px;margin-bottom:20px}
section.vitrin div>ul>li{margin-bottom:25px;}
section.vitrin div>ul>li>a{display:block; font-size:2rem; color:#333; border-bottom:2px solid #ddd; padding-bottom:5px; margin-bottom:5px;}
section.vitrin div>ul ul a{color:#333; line-height:2;}

section.ilanliste {min-height:400px;}
section.ilanliste h1{font-size:23px;font-weight:700;margin-bottom:20px}
section.ilanliste h1 span{font-size:20px}
section.ilanliste .ilan{background:#fff;margin-bottom:10px;border-radius:10px;padding:10px;word-break: break-word;}
section.ilanliste .ilan a{color:#9f103c}
section.ilanliste .ilan img{float:right;border:1px solid #ddd;margin-left:10px;margin-bottom:10px;max-width:250px;max-height:70px;border-radius:3px}
section.ilanliste .ilan h2,
section.ilanliste .ilan strong{font-size:16px;display:block;margin:0 0 10px 0;;}
section.ilanliste .ilan .etiketler{text-align:right}
section.ilanliste .ilan .etiketler a{display:inline-block;padding:3px 5px;margin-right:5px;border-radius:2px;color:#666;font-size:90%;background-color:#eee}
section.ilanliste .ilan .etiketler a:before{content:'# '}
section.ilanliste .reklam{background:#fff}
section.ilanliste .ilan.oncelikli{box-shadow:1px 1px 1px #aaa;border:1px solid #9f103c;background:url(../img/oncelikli.png) no-repeat right top;background-size:120px;padding-top:20px}
section.ilanliste .ilan.oncelikli img{margin-top:10px}

.solsutun{background:#fff;border-radius:10px;margin-top:30px;padding:10px 15px;transition:initial}
.solsutun label{margin-top:20px;font-size:18px}
.solsutun ul li{display:inline-block;background:#eee;padding:5px;margin:0 5px 5px 0;border-radius:2px;font-size:12px}
.solsutun ul li.active{font-weight:700;background:#ddd}
.solsutun ul li:hover{background:#ddd}
.solsutun ul li.active a{color:#333}
.solsutun.ilanbilgi .fav{display:block;margin-top:10px;font-size:16px;opacity:.8;color:#000; padding-left:22px; background: url(../img/star.svg) no-repeat left center; background-size:16px;}
.solsutun.ilanbilgi .fav span:before{content:'\e007'}
.solsutun.ilanbilgi .fav.eklendi{opacity:1; background-image: url(../img/starred.svg); color:#9f103c;}
.solsutun.ilanbilgi .fav.eklendi span:before{content:'\e006'}
.solsutun.ilanbilgi #fav_sonuc{display:block;font-size:12px;margin-top:10px;color:#333;padding-left:20px;display:none}
.solsutun.ilanbilgi.gel{position:fixed;top:50px;left:50%;margin-left:180px;width:300px}

.ilandetay{background:#fff;padding:20px;line-height:1.8}
.ilandetay.oncelikli{border-radius:5px;box-shadow:1px 1px 1px #aaa;border:1px solid #9f103c;background:url(../img/oncelikli.png) no-repeat right top;background-size:120px;padding-top:20px}
.ilandetay h1{font-size:17px;font-weight:700;margin-bottom:20px;margin-top:10px;color:#9f103c}
.ilandetay small{font-size:12px}
.ilandetay .ilanmetin{word-break: break-word;white-space:pre-line;font-size:14px; overflow:hidden;}
.ilandetay .resimler img{max-height:70px;display:inline-block;border:1px solid #ddd;border-radius:5px;margin:5px 5px 10px 0}
.ilandetay .etiketler{margin:20px 0}
.ilandetay .etiketler a{display:inline-block;background:#eee;padding:5px 10px;margin:0 5px 5px 0;border-radius:2px;font-size:12px;color:#9f103c}
.ilandetay .etiketler a:before{content:'# '}
.ilandetay .eskiilan{padding:20px 10px;border:1px solid #ffa;margin-top:10px}
.ilandetay .paylas{padding:10px 0}
.ilandetay .paylas span{height:23px}

.ilandetay .mesajgonder{display:none;}
.logged-in .ilandetay .mesajgonder{display:block;}
.logged-in .ilandetay .girisyap{display:none;}

.breadcrumb{padding:10px 15px;background:#fff;margin:10px 0}
.breadcrumb a{color:#555;font-size:12px}

.benzerilanlar ul{background:#fff;padding:20px;line-height:2.3;margin-top:25px;}
.benzerilanlar li{overflow:hidden;}
.benzerilanlar li a:hover{transition:all .2s}
.ilanlarim,.mesajlar{padding:30px 0;min-height:500px}
.mesajlar a.load-more{display:none;}
.panelliste{padding:30px 15px}
.panelliste tr td:last-child{text-align:right}
.panelliste tr td:last-child a{margin-right:5px}

.ilanlarim .panelliste tr td:last-child a.btn-info{min-width:100px}
.ilanlarim .panelliste tr td:last-child{width:320px}
.ilanlarim .panelliste tr td:nth-child(2){width:110px}
.ilanlarim .panelliste tr td:nth-child(3){width:120px}

.mesajlar .panelliste tr td:last-child{width:200px}
.mesajlar .panelliste tr.mesaj{display:none}
.mesajlar .panelliste tr.mesaj td{border-top:0}
.mesajlar .panelliste tr td.mesaj{text-align:left}

.mesajlar .mesaj{padding:15px; background:#fff; border-radius:10px; margin:10px 0; width:100%; position:relative;}
.mesajlar .mesaj.fromOwner{background-color:#fcf8e3; border:1px solid #ccc;}
.mesajlar .mesaj label{display:block; text-align:left; margin-bottom:15px;}
.mesajlar .mesaj label span{margin-right:25px;}
.mesajlar .mesaj img{max-width:250px;}
.mesajlar .mesaj a.mesaj-sil{display:block; position:absolute; right:10px; top:10px; background:#f00; color:#fff; padding:3px; font-size:10px; border-radius:5px; width:50px; height:20px;text-align:center;}
.mesajlar .mesaj a.mesaj-sil:after{content:'Sil'}

.btn-msg-attach img{max-width:20px; margin-left:15px;}

.formlar{margin-top:30px;margin-bottom:30px;line-height:2}
.formlar .sag{padding:30px}
.formlar .sag a.btn{display:inline-block;margin:10px 10px 0 0}
.formlar .sol{padding:10px 30px 30px;border:1px solid #ddd}
.formlar .ilanekle .bootstrap-tagsinput{display:block;width:100%}
.formlar .ilanekle .tag.label{background-color:#9f103c;font-size:100%;font-weight:400}
.formlar .ilanekle .ilansec .secenek{border:1px solid #ccc;background:#f5f5f5 url(../img/check_0.png) no-repeat 10px 15px;padding:10px 10px 10px 45px;border-radius:5px;cursor:pointer;opacity:.8}
.formlar .ilanekle .ilansec .secenek.aktif{background-image:url(../img/check_1.png);opacity:1}
.formlar .ilanekle .ilansec .secenek.pasif{cursor:not-allowed;opacity:.5}
.formlar .ilanekle .ilansec .secenek>span{display:block;font-size:90%;font-style:italic}
.formlar .ilanekle .ilansec .secenek>span span{text-decoration:line-through;padding-right:10px}

.select2-selection__rendered {line-height: 31px !important; padding-top:2px;}
.select2-container .select2-selection--single {height: 35px !important;}
.select2-selection__arrow {height: 34px !important;}

.odeme{margin-top:30px}
.odeme .glyphicon{color:#9f103c}
.progress{height:3px}
.progress .progress-bar{width:0;background:#9f103c}
.yuklenenler .resim{display:inline-block;width:100px;height:100px;padding:3px;margin:3px;border:1px solid #eee;overflow:hidden;background:#fff;position:relative}
.yuklenenler .resim img{max-width:100%}
.yuklenenler .resim a.sil{display:block;color:red;position:absolute;right:0;top:0;background:#fff;text-align:center;padding:0 3px;font-weight:700}
.metin-icerik{font-size:13px;line-height:2;text-align:justify;padding:30px 15px;}
.metin-icerik ul li{list-style:inside circle}

.tumkategoriler>ul{width:100%}
.tumkategoriler>ul>li{font-size:15px;font-weight:700;list-style:none}
.tumkategoriler>ul>li>a{display:block; font-size:1.7rem; color:#333; border-bottom:2px solid #ddd; padding-bottom:5px; margin-bottom:5px;}
.tumkategoriler>ul ul{-webkit-column-count:3;-moz-column-count:3;column-count:3;margin:10px 0 5px 0;font-size:12px;font-weight:400}
.tumkategoriler ul a{color:#333}

footer{background:#e5e5e5;min-height:250px;border-top:2px solid #ddd;padding-top:30px}
footer label{display:block;font-size:15px;margin-bottom:15px}
footer .logo{font-size:12px}
footer .logo img{width:200px}
footer .menu ul li{padding:0 0 10px}
footer .social a{width:24px;height:24px;transition:all .5s;margin-right:3px; display:inline-block; background-repeat: no-repeat; background-size:100%; background-position:center center;}
footer .social a:hover{opacity:1}
footer .social a.social-facebook{background-image:url(../img/facebook.svg);}
footer .social a.social-twitter{background-image:url(../img/twitter.svg);}
footer .social a.social-linkedin{background-image:url(../img/linkedin.svg);}
footer .social a.social-rss{background-image:url(../img/feed.svg);}
footer .copyright{font-size:11px;line-height:1.7;padding:20px 5px 10px;border:1px dotted #bbb;background-color:#f5f5f5;margin:30px 0 60px}

.s404 img{margin:40px 0 80px}
.s404 .col-sm-8{padding-top:60px}
.s404 .col-sm-8 a{margin-right:5px}

.bootstrap-tagsinput{background-color:#fff;border:1px solid #ccc;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);display:inline-block;padding:4px 6px;color:#555;vertical-align:middle;max-width:100%;line-height:22px;cursor:text}
.bootstrap-tagsinput input{border:none;box-shadow:none;outline:none;background-color:transparent;padding:0 6px;margin:0;width:auto;max-width:inherit}
.bootstrap-tagsinput.form-control input::-moz-placeholder{color:#777;opacity:1}
.bootstrap-tagsinput.form-control input:-ms-input-placeholder{color:#777}
.bootstrap-tagsinput.form-control input::-webkit-input-placeholder{color:#777}
.bootstrap-tagsinput input:focus{border:none;box-shadow:none}
.bootstrap-tagsinput .tag{margin-right:2px;color:#fff}
.bootstrap-tagsinput .tag [data-role="remove"]{margin-left:8px;cursor:pointer}
.bootstrap-tagsinput .tag [data-role="remove"]:after{content:"x";padding:0 2px}
.bootstrap-tagsinput .tag [data-role="remove"]:hover{box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05)}
.bootstrap-tagsinput .tag [data-role="remove"]:hover:active{box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}

.search-ads{padding-top:20px;}
.search-ads input{border-radius:5px; box-shadow:none; border:1px solid #ccc; padding:5px;}

@media (max-width: 992px) {
        section .solsutun.ilanbilgi.gel{position:static;margin-left:0;left:initial;top:initial;width:initial}
    header a.logo img{margin-left:15px}
    header ul#menu{background:#9f103c;position:fixed;width:100%;top:55px}
    header ul#menu li{width:100%;height:auto;position:static;color:#fff}
    header ul#menu li a{color:#fff;text-align:left;padding:0}
    header ul#menu li.kat{margin-top:30px}

    .tumkategoriler>ul {padding-left:20px;}
    .tumkategoriler>ul ul{-webkit-column-count:2;-moz-column-count:2;column-count:2; padding-left:20px;}
    .tumkategoriler>ul ul li{list-style:none; padding: 5px;}

}@media (max-width: 768px){

    .formlar{margin-top:0;}

    .form-inline .form-control{display:inline-block; width:auto;}
    
     section.arama .container .wrapper{margin-top:20px;margin-bottom:20px;padding:40px 10px}
     section.arama .container .wrapper strong{font-size:20px}
     section.arama .container .wrapper p{font-size:12px}
     section.filtre .container { padding:30px;}
     section.filtre .container strong{font-size:15px;}
     section.filtre .container p{font-size:12px;padding:10px 0}
     section.filtre .form-filter .select2{width:100%;}
     section.ilanliste .ilan .etiketler{text-align:right;margin-top:10px}
     footer .col-md-3{padding:15px}
     footer .copyright{padding:20px 5px 10px;border:1px dotted #bbb;background-color:#f5f5f5;margin:10px 0 0 0;}

    .tumkategoriler ul{padding-left:0;}
    .tumkategoriler ul ul a,
     section.vitrin div>ul ul a{border:1px solid #ddd; display:block; border-radius:3px; margin-bottom:10px; padding:5px;}
     .tumkategoriler>ul ul{-webkit-column-count:1;-moz-column-count:1;column-count:1; padding-left:0;}
     .tumkategoriler>ul ul li{padding:0;}

     section.ilanliste .ilan.oncelikli{padding-top:30px;}
     
     .panelliste table, .panelliste table td {border:0 !important;}
     .panelliste table tr{display:block; margin-bottom:10px; border-bottom:1px solid #ddd;}
     .panelliste table td{width:100% !important; display:block;}
     .panelliste table th{display:none;}
     .panelliste tr td:last-child{text-align:left}

     .mesajlar {min-height: 200px}

     .ilanlarim .panelliste tr td:last-child a.btn-info{min-width:100px}

     .ilanlarim, .container.mesajlar{padding:20px;}
     .ilanlarim .nav-pills li, .mesajlar .nav-pills li{width:100%;}

     .formlar .ilanekle .ilansec .secenek{margin-bottom:10px;}

     .form-group.btn {width:100%; padding:0;}
     .form-group.btn label{display:none;}

     .form-filter .select2{max-width:100%; width:100% !important;}
     .form-filter #btn_arama,
     .filtre #btn_arama{width:100%;}

     .tag-links {margin-bottom:30px;}
     .tag-links:before{display:block; margin-bottom:10px;}

     .search-ads {padding-top:0; padding-bottom:20px;}
     .search-ads input{width:100%;}
 }