body,html {  font-family: "Hanken Grotesk", sans-serif;
cursor:default;
           font-size:15px;
           height:100%; font-optical-sizing: auto; 
  font-style: normal;

}
a{color:#d5af37;text-decoration:none;}
 
img{width:auto;}


#installWrap{     position: fixed;
    background-color: #fff;
    bottom: 0;
    left: 0;background-image:url('/images/pattern.png');
    right: 0;
    display: flex;
    box-shadow: 0px -5px 18px 0px #d9d9d9;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 22px 0;}
#installWrap button{background-color: var(--r2);
    border: none;
    padding: 4px 10px;
    font-weight: 500;
    color: #383d41;}
#installWrap i{font-size: 25px;
    position: absolute;
    right: 8px;
    top: 10px;
    color: #959595;
    box-shadow: 0px 0px 6px 1px rgb(128 128 128 / 56%);
    height: 22px;
    border-radius: 8px;}


header{background-color:var(--r1);padding: 8px 0;}
header form{width: 380px;
    max-width: 100%; 
    position: relative;}
header form button{position:absolute;top: 6px;
    right: 5px;
    border: none; 
    color: #fff;background:transparent;
    border-radius: 1px;font-size:14px;
    cursor: pointer;}
header form input.form-control{border:0;border-radius:0;background-color: #566364; height:30px;}
header form input.form-control::placeholder{color:#c2c2c2;font-weight:300;font-size:12px;}


header .left-links{}
header .left-links>a{color:#fff;    font-size: 13px;}
header .left-links>a:first-child{ border-right: 1px solid #808080;
    padding-right: 5px;
    margin-right: 5px;}
header .left-links .new-post{width: 180px;border-radius: 3px;display: block;background-color: var(--r2);color: #fff;font-weight: 500;text-align: center;font-size: 16px;padding: 4px 0;}
header .kbilgi{color:#fff;cursor:pointer;}


header .menu{position: absolute;
    background: #fff;
    top: 28px;
    color: #000;
    display: flex;padding:10px;width:166px;
    flex-direction: column;z-index:9;
    box-shadow: 1px 1px 1px #d1d1d1;}
header .menu a{color: #383838;
    font-weight: 600;
    font-size: 14px;
    padding: 5px 15px;}
header .menu a.bt{border-bottom:1px solid #c2c2c2;}


#banner{    padding: 60px 0px 60px;
    background-color: #f7f7f7;}
#banner h1{text-align: center;
    font-size: 45px;
    font-weight: 100;
    margin: 0;color: #161e2d;
    letter-spacing: 2px;
    padding: 0;}



#home_istatistik{border-bottom: 1px solid #cecece;}
#home_istatistik .item{display: flex; 
    border: 1px solid gray;
    border-bottom: 0;position:relative;
    padding: 3px;
    justify-content: start;}
#home_istatistik .item>div{}
#home_istatistik .item>div{}
#home_istatistik .item .img{    
    width: 30px;
    max-width: 30px;
    min-width: 30px;}
#home_istatistik .item .result{    background-color: var(--r1);
    color: #fff;
    text-align: right;position:absolute;
    width: 36px;
    font-weight: 600;right:4px;
    font-size: 15px;
    padding-right: 5px;}

#home_fastlink{}
#home_fastlink a{display:flex;align-items:center;margin-bottom:5px;}
#home_fastlink a span{ 
    height: 17px;
    width: 17px;
    min-width: 17px;
    max-width: 17px;
    background-size: contain;}
#home_fastlink a label{    color: var(--r1);cursor:pointer;
    font-weight: 600;
    margin: 0 0 0 9px;font-size:13px;
    padding: 0;}


#page_home #kategoriler{    display: flex;

    flex-direction: column;
    border: 1px solid #f3f3f3;
    padding: 10px;}
#page_home #kategoriler a{    font-size: 13px;
    color: var(--r1);}

#page_home h2{font-size: 14px;}

#page_home .category-desc h3{font-size:18px;}
#page_home .category-desc p{text-align: justify;
    font-size: 13px;font-weight:300;
    line-height: 15px;}

#ilans{    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: space-between;}
.ilan-view1{    display: flex;
    width: calc(100% / 7 - 10px);
    flex-direction: column;}
.ilan-view1 .img{width: 100%;height: 88px;display: inline-block;border: 1px solid #dddddd;}
.ilan-view1 .title{display: inline-block;width: 100%;font-size: 11px;color: #222;font-weight: 500;}



#page_ilandetay{}
#page_ilandetay h1{font-size:22px;font-weight:600;}
#page_ilandetay #rightwrap{display:flex;}
#page_ilandetay #rightwrap #ilaninfo{width: 48%;
    padding: 5px 20px;
    border: 1px solid #f0f0f0;
    margin-right: 2%;}
#page_ilandetay #rightwrap #ilaninfo #fyt{font-weight: bolder;font-size: 18px;color: #3d4e50;}
#page_ilandetay #rightwrap #ilaninfo ul li{float:left;}
#page_ilandetay #rightwrap #ilaninfo .item{    display: flex;
    justify-content: space-between;
    border-bottom: 1px dashed #e4e4e4;
    margin-bottom: 2px;
    padding-bottom: 2px;}
#page_ilandetay #rightwrap #ilaninfo .item{}



#page_ilandetay #rightwrap #userinfo{width:50%;}
#page_ilandetay #rightwrap #userinfo .user{background-color: #f3f3f3;
    padding: 10px;
    margin-bottom: 15px;}
#page_ilandetay #rightwrap #userinfo .user label{font-size:16px;font-weight:500;}
#page_ilandetay #rightwrap #userinfo .user span{}
#page_ilandetay #rightwrap #userinfo .user a{background-color: #dddbdb;
    color: #222;
    padding: 5px 10px;
    font-size: 14px;}
 .user a:hover{}

#page_ilandetay #rightwrap #userinfo .uyari{}
#page_ilandetay #rightwrap #userinfo .uyari .bslk{}
#page_ilandetay #rightwrap #userinfo .uyari .bslk span{font-weight: 700;color: #dbad09;}
#page_ilandetay #rightwrap #userinfo .uyari p{font-size:11px;}

#page_ilandetay #dgorseller{display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;}
#page_ilandetay #dgorseller a{}
#page_ilandetay #dgorseller a span{    width: 100%;
    display: inline-block;
    height: 125px;}










footer{background-color:#3d4e50;color:#fff;padding-top:15px;padding-bottom:35px;margin-top:35px;}
footer .baslik{font-weight:500;}
footer .links{display: flex;flex-direction: column;}
footer .links a{color:#fff;font-size:13px;}

footer .yasal-uyari{background-color: #596364;
    border: 1px dashed #8d8d8d;
    font-size: 11px;
    padding: 5px 9px;}
footer .copy{font-size: 10px;}