.navbar-default .navbar-brand{
background: #000000;
}

html {
font-size: 10px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
font-family: "Quicksand", Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 1.5;
color: #333;
background:url(https://bilgiarsiv.net/img/arka.png) repeat center top fixed #400080;
}

/* body{
background: linear-gradient(90deg, #e6ec8f, #e3ee53, #ffd800, #ffb600, #ff9400, #ff7300, #ff4600, #e6ec8f, #e3ee53 ,#ffd800, #ffb600, #ff9400, #ff7300, #ff4600);
background-size: 1000% 1000%;
animation: BackgroundGradient 30s ease infinite;}
@keyframes BackgroundGradient {
0% {background-position: 0% 50%;}
50% {background-position: 100% 50%;}
100% {background-position: 0% 50%;}
} */

::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(255,255,255,0.5);
border-radius: 0px;
background-color: #dddddd;
}
::-webkit-scrollbar
{
width: 10px;
background-color: #dddddd;
}
::-webkit-scrollbar-thumb
{
border-radius: 0px;
-webkit-box-shadow: inset 0 0 6px rgba(255,255,255,.3);
background-color: #555;
}

.uppercase{text-transform: uppercase;}
.temizle{ clear:both; }
.slogan{font-size:25px;}
.ilanhatti{font-size:24px;}
.kategorilistesi{max-height:450px; overflow-y:auto;}
.ilanver-btn{margin-top:5px;margin-bottom:15px;}
.text-white{color:#fff;}

.Header_Alani{
color: #ffffff; 
background-color: #000000; 
text-align:center; 
margin-top: 50px;
margin-bottom: 10px;
min-height: 50px;
padding: 5px;
text-shadow:0px 0px 0px #333;
font-family: 'Quicksand', sans-serif;
}

.VitrinUst:hover{
opacity:1;
background:#fff;
border:1px solid transparent;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

.col-xs-5c,
.col-sm-5c,
.col-md-5c,
.col-lg-5c {
    position: relative;
    min-height: 1px;
    padding-right: 5px;
    padding-left: 5px;
}

.col-xs-5c {
    width: 19.99%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5c {
        width: 19.99%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5c {
        width: 19.65%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5c {
        width: 20%;
        float: left;
    }
}

.isim{font-size:90%;background: #ffffff;color:#000;border-top: 1px solid #ffffff;border-left: 1px solid #ffffff;border-right: 1px solid #ffffff;margin-bottom:0px;}
.semt{font-size:90%;border-bottom: 1px solid #b7b7b7;border-left: 1px solid #b7b7b7;border-right: 1px solid #b7b7b7;}
.Goldilan{margin-bottom:5px;}

.eskort.efekt:after {
content: '';
position: absolute;
top: 0;
left: 1.5%;
width: 0;
height: 100%;
background: rgba(255, 255, 255, 1);
}
.eskort.efekt:hover:after {
width: 97%;
background-color: rgba(255,255,255,0.3);
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;
z-index:-9;
}
.eskort:active:after {
opacity: 1; 
}

.navbar-header a {
text-decoration: none;
text-transform: uppercase;
letter-spacing: 1px;
display: inline-block;
position: relative;
-webkit-mask-image: linear-gradient(-75deg, rgba(0,0,0,.6) 30%, #000 50%, rgba(0,0,0,.6) 70%);
-webkit-mask-size: 200%;
animation: shine 2s linear infinite;
}

@keyframes shine {
from { -webkit-mask-position: 150%; }
to { -webkit-mask-position: -50%; }
}

.vipilan{background:#0e583d;text-align:center;margin-top:5px;margin-bottom:5px;padding:5px;text-align:center;}
.vipilan span{color:#fff; font-size:15px; padding:5px; font-weight:500; text-align:center;}
.vipilan span.glyphicon{color:#dad420; font-size:12px; padding:2px; font-weight:400; text-align:center;}

.cerceve{
width:110px;
height:110px;
float:left;
margin:0;
border:2px solid #a9a9a9;
border-radius:5%;
}
img.resim {
object-fit: cover;
width:100%;
height:100%;
border-radius:4%;
}
.yan-cerceve{
width:60px;
height:60px;
background:#222;
float:left;
margin:0;
border:2px solid #ddd;
border-radius:3px;
}
img.yan-resim {
object-fit: cover;
width:100%;
height:100%;
}

@media only screen and (max-width: 414px) {
.cerceve{
width:90px;
height:90px;
float:left;
margin:0;
border:2px solid #a9a9a9;
}
img.resim {
object-fit: cover;
width:100%;
height:100%;
border-radius:3%;
}
.yan-cerceve{
width:45px;
height:45px;
float:left;
margin:0;
border:2px solid #a9a9a9;
border-radius:5%;
}
img.yan-resim {
object-fit: cover;
width:100%;
height:100%;border-radius:100%;
}
}

h4.media-heading{margin-top: 0px;}

h4.media-heading a {
color:#0e583d; font-size: 16px;  font-weight: 500; padding:2px; text-decoration:underline;
}
	
h4.media-heading a:hover {}

a.devami{
border:1px solid #999;
border-radius:3px;
padding:3px;
text-decoration:none;
font-size:11px;
background:#fff;
color:#333;
}
a.devami:hover{
border:1px solid #999;
text-decoration:none;
color:#eee;
background:#333;
}

#footer{
color: #333;
}

.thumb-contenido{
margin-bottom:4%;
margin-left: 0px;
padding-left: 0px;
}

.block-title{color: #48453d; margin-bottom:0px; font-size:18px; margin-top: 0px; font-weight:500; text-transform:capitalize;}
.item-content-block{padding:20px; border-top:2px solid #f6f6f2; background-color:#FFF; display:block;margin-bottom:20px;}

.tags a.button{background-color:#ddd; padding:10px; color:#333; display:inline-block; font-size:11px; text-transform:capitalize; line-height:4px; border-radius:2px; border:0px; margin-bottom:5px; margin-right:2px; text-decoration:none;}
.tags a.button:hover{background-color:#333;color:#fff;}

.panel.panel-stili {
background: #fff;
color:#333;
}

.transition {
transition: .3s cubic-bezier(.3, 0, 0, 1.3)
}
.three .transition {
transition: .7s cubic-bezier(.3, 0, 0, 1.3)
}
.five .transition {
transition: .5s cubic-bezier(.3, 0, 0, 1.3)
}


.kapsayici{
background-position: center center;
overflow: hidden;
background-size: cover;
}

@-webkit-keyframes social-show {
from {
margin-top: 140px;
}
to {
margin-top: 0px;
}
}

@-moz-keyframes social-show {
from {
margin-top: 140px;
}
to {
margin-top: 0px;
}
}

@-o-keyframes social-show {
from {
margin-top: 140px;
}
to {
margin-top: 0px;
}
}

@keyframes social-show {
from {
margin-top: 140px;
}
to {
margin-top: 0px;
}
}

/* Title Divider
============================================ */
.title-divider {
  margin: 0 auto;
  max-width: 300px;
  margin-bottom: 20px;
  overflow: hidden;
  padding: 10px 0;
}
.hr-divider {
  border-bottom: 1px solid #333;
  position: relative;
  float: left;
  bottom: -4px;
}
.icon-separator {
  float: left;
  text-align: center;
  margin-top: -7px;
  font-size: 24px;
  color: #222;
  padding: 0;
}
.heading-divider {
  margin-bottom: 40px;
  margin-top: 30px;
  display: flex;
}
.heading-divider .title {
  flex-grow: 0;
  -webkit-flex-grow: 0;
  margin: 0 5px 0 0;
  line-height: 1px;
}
.heading-divider .line-separator {
  border-bottom: 1px solid #52f75f;
  border-top: 1px solid #52f75f;
  flex-grow: 1;
  -webkit-flex-grow: 1;
  height: 6px;
  position: relative;
}