@import url('https://fonts.googleapis.com/css2?family=Cabin:wght@600&family=Sansita+Swashed:wght@300&family=Roboto:wght@300;400&family=Courgette&display=swap');
@keyframes loading {
    0% {
        width: 0%;
    }

    50% {
        width: 100%;
    }

    100% {
        width: 0%;
    }
}
#loading {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 9999;
    display: flex;
    justify-content: start;
    align-items: center;
    flex-direction: column;
    padding: 100px 0;
}
    #loading .progress{
        height:100px;
        text-align:center;
        background:none;
    }

    #loading .logo{
        width:250px;
        height:50px;
        margin:30px 0;
        text-align:center;
    }
#loading .logo img{
    width: 100%;
}
#loading .msg{
    margin-top: 100px;
    color:#46637a;
}
#krediMobil{
    display: none;
}
    /*bootstrap*/
    .container {
        max-width: 100%;
        padding: 0;
        position: relative;
        z-index: 8;
    } 
#plist > .col-lg-3{ 
    -ms-flex: 0 0 21%;
    flex: 0 0 21%;
    max-width: 21%;
    padding-right: 0;
}
#plist > .col-lg-9 {
    -ms-flex: 0 0 79%;
    flex: 0 0 79%;
    max-width: 79%;
    padding-right: 0;
}
.row{
    margin:0;
}
 input, textarea, select{
     margin: 5px 0;
    border:none; 
    background-color:linear-gradient(to bottom, #fff, #eee);
     border-collapse: collapse;
    outline: none;
    transition: all .2s;
}
select{
    border:1px solid #ccc;
    font-size:12px;
}
  input:focus, textarea:focus, select:focus{
    color:#10391e;
    box-shadow: 0 2px 5px #fff;
    border-collapse: collapse;
    overflow-inline: hidden;
}
  input{  width: 70%; }
  textarea{  
width: 100%;
min-height: 80px;
}
select option{
    font-family: Arial;
    font-size: 14px;
    
}
.headFilter{
    display: flex;
    align-items: center;
    height: 40px;   
}
.divFilter{
    width: 500px; 
    border:1px dashed #ccc;
    margin:5px 0 5px 50px;
    position: relative;
    display: inline-block;
    height: 100%;
    z-index: 1;
    transition: .3s all;
      
}
.divFilter .araBtn{
    position: absolute;
    right: 15px;
    top:50%;
    transform: translateY(-50%);
   cursor: pointer;
    color:#999;
    font-size: 14px; 
}
.divFilter .araBtn:before{
     font-family: 'WebHostingHub-Glyphs';
    content: '\f0c5';
}
 
.divFilter input{
    width: 100%;
    border:none;
    height: 30px;
        font-size: 16px;
    background: rgba(255,255,255,.5);
    padding: 5px 15px;
     box-shadow:  none;
    height:100%;
    margin: 0;
    color:#999; 
    font-size:14px;
}
.divFilter input:focus{
    color:#2980b9; 
     
}
.divFilter.active{
    border: none;
    background: #fff;
    box-shadow: -2px 6px 10px #666;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    transition: .3s all;
}
.divFilter .divSonuc{
    width: 100%;
    padding: 10px;
    position: absolute;
    z-index: 90;
    background: #fff;
    top:38px; 
    border-top:none;
    max-height: 300px;
    overflow-y: scroll;
    box-shadow: -2px 15px 15px #666;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px; 
}
.divSonuc >.wrapType{
    position: relative;
    margin: 10px 0;
}
.divSonuc .grupBaslik{
    padding: 5px 25px;
      position: absolute;
    top:-15px;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    z-index: 100;
    font-weight: bold;
    text-align: center;
}
.divSonuc .grupDiv{
    margin: 0;
    padding: 15px 0 0  0;
    border-top:1px solid #ccc;
    position: relative;
    z-index: 99;
}
.divSonuc .grupDiv li{
    padding: 5px 8px;
    cursor: pointer;
    font-size: 12px; 
}
.divSonuc .grupDiv li:hover{
    color:#e74c3c;
    font-weight: 400;
}
 

section{
    margin: 35px 0 0 0;
    font-size:20px;
}
.defaultSol{
    margin: 0 20px 0 50px ;
   
}
 
img{
    max-width: 100%;
}
body {
    padding:0;
    margin:0;
    background: linear-gradient(to bottom, #e7e7e7, #fff);
    font-family: 'Roboto';
    font-size:14px;
}
select{
    border-radius: 3px;
    font-family: 'Roboto';
    font-size: 16px;
    
}
a, a:active, a:visited{
    color:#3c6382;
    outline: none;
}
a:hover{
    color:#27ae60;
    text-decoration: none;
}
a[type='link']{
    display: none;
}
h2{
    font-family: 'Cabin';
}
ul li{
    list-style: none;
}
p{
    line-height: 35px;
}
p span.link{
   
     font-weight: bold;
    color:#1f9c48;
    padding: 0 5px; 
    cursor: pointer;
    position: relative; 
    transition: all .1s; 
}
p span.link:hover, p span.link:active, p span.link:focus{ 
    background-color: #1f9c48;
      
    color:#fff;
    transition: all .1s;
}

header{
background-color:#0d529d;
    height:40px;
    position: relative;
    font-family: 'Cabin';
}
header ul {
    padding: 0;
    margin: 0; 
    color:#e2e2e2; 
    font-size:15px;
    font-weight: bold;
}
header ul li{
    position: relative;
    padding: 5px 20px; 
    display: inline-block;
}
header ul li.slogan{
    font-size: 15px;
    width: 100px; 
    font-weight: normal;
    padding: 0;
     position: relative;
    background-color: rgb(244, 244, 244);
    color:#576574;
    text-align: center;
    line-height: 40px;
    font-family: 'Sansita Swashed', cursive;
}

li.tel:before, li.mail:before, li.adres:before, a.fb:before, a.ins:before, a.tw:before, .nvBtn:before, .nvKapat:before
,.iletisimDetay:before
,.m2:before, .konum:before, .btnWhatsapp:before,.btnEposta:before {
   font-family: 'WebHostingHub-Glyphs'; 
    position: absolute;
    left: 0;
    top:50%;
    transform: translateY(-50%);
    font-size: 13px;
}
li.tel:before{  content: '\f15b';}
li.mail:before,
.btnEposta:before{  content: '@';}

.btnWhatsapp:before{  content: '\f77b';}
li.adres:before{  content: '\f220';}
a.fb:before{  content: '\f140';}
a.ins:before{  content: '\f14a';}
a.tw:before{  content: '\f16a';}
.m2:before{   content: '\f57d';}
.konum:before{ content: '\f220'; top:10px; left:0; }
 
ul.sosyal li:not(:first-child){
    font-weight: normal;
     padding: 5px 10px;
    margin-left: 10px;
    cursor: pointer; 
}
ul.sosyal a:before{   
    font-size: 16px;
     transition: all .3s;
}
ul.sosyal a:hover:before,
ul.iletisim a:hover,
ul.iletisim a:hover:before{
    color:#fff; 
    transition: all .3s; 
} 
ul.sosyal a, ul.iletisim a{
    color:#e2e2e2;
}
 /*
header ul.iletisim{ 
    position: absolute;
    right: 20px;
}
 */
.headNav2{
    display: flex;
    align-items: self-start;
    justify-content: end; 
     
}
.headNav2 .uyeBtnContainer{
    display: flex;
    align-items: center;
    justify-content: center;
   padding: 5px;
    
}
.uyeBtnContainer a{
   
    display: flex;
    height: 30px;
    align-items: center;
    padding:0 10px;
    margin: 0 5px;
   
}
.btnUye{
     
     font-size: 14px; 
     background: #e5e3df;
}
.btnUye:hover{
    background:#f1c40f;
}

.headNav{
    display: inline-block;
    width: 100%;
    
    position: relative;
     
    z-index: 999;
}
.headNav .col-lg-10{
    padding: 0;
    display: flex;
    align-items:center;
}
 
.headNav .logo{
    
    display: inline-block;
      margin:5px 0;  
}
.headNav .logo img{
    height: 100%;
}
.searchRow{
    padding: 0;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content: center;
}
.searchRow .row{
    padding: 0;
}
.searchRow > .row > .col-lg-6{
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items:center;
    justify-content: center;
    
}

.searchRow > .row > .col-lg-6:last-child{
    padding: 0 0 15px 0;
}
.headNav .nv{ 
     display: flex;
    font-family: 'Cabin', sans-serif; 
    align-items: end; 
    justify-content: right;
    width: 100%;
    height: 50px;
    
}
.headNav .nv li{
     
    padding: 0  10px;
    
}
.headNav .nv li.nvKapat{
    display: none;
}
.headNav.header-scrolled{
    top:0;
    transition: all .8s;
    position: fixed; 
    z-index: 100;
    background: rgba(255,255,255,1);
}
.nvBtn{
    display: none;
    position:absolute;
    top:80px;
    right:80px; 
    color:#009432; 
    }
.headNav.header-scrolled .navBtn{
    top:50px;
}
.nvBtn:before{
    content: '\f127';
    font-size:30px;
}
.nvKapat{
    position: absolute;
    color:#fff;
    top:50px;
    right:20px;
}
.nvKapat:before{
    content: '\00d7';
    font-size:20px;
}
ul.listKat{ 
    padding: 0 10px ;
    font-weight: 300;
    font-size: 11px; 
    margin:0 10px 15px 0;
     background: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 5px #ddd
}
ul.listKat li{
     border-bottom: 1px dashed transparent;
}
ul.listKat li:not(:first-child){
    padding: 5px 0 3px 10px;  
    cursor: pointer;
    color:#888;
}
ul.listKat li:first-child{
    margin-top:0;
     padding: 5px 2px; 
    border-bottom: 1px solid #333;
    
}
ul.listKat li:first-child span{
    color:#e74c3c;
    font-weight: 400;
}
ul.listKat li:not(:first-child):hover{
    border-bottom: 1px dashed #bbb;
}
ul.listKat li:hover span{
    color:#2980b9;
    font-weight: 400;
}
ul.listKat li span{
    color:#222;
    font-size: 13px;
     
}
ul.listKat li a{ 
    display: block;
    
}
/*carousel*/
.lSSlideWrapper{ 
    position: relative;
}
#slideVitrin {
    max-height: 450px;
}
#slideVitrin li{  
    position: relative; 
    padding: 0;
    overflow:hidden;
    max-height: 450px;
}
 
#slideVitrin li h2{
    font-size: 24px;
    font-weight: bold;
    color:#fff; 
    position: absolute;
    bottom:-250px;
   background:rgba(231, 76, 60,.8);
    padding: 5px 25px;
    transition: 2s all;
    visibility: hidden;
}
#slideVitrin li.active h2{
    bottom:5px;
    transition: 2s all;
   visibility: visible;
    left: 0;
}

 

#slideVitrin li span{
    font-size: 24px;
    font-weight: bold;
    color:#fff; 
    position: absolute;
    right:-220px;
    background:rgba(231, 76, 60,.8);
    padding: 5px 25px;
    transition: 2s all;
     bottom:80px;
    visibility: hidden;
}
#slideVitrin li.active span{
   right:0;
    transition: 2s all;
   visibility: visible;
}
 
#slideVitrin > .lslide > a {
    
    display: flex;
    justify-content: center;
     max-height: 450px;
}
 
#slideVitrin > .lslide > a > img{
    
    max-height: 100%;
}
.konum{
    position: relative;
}
.pane{
    background: #fff;
   
}
.pane .h{
    padding: 5px 15px 5px 15px;
    color:#e74c3c;
    font-weight: bold;
    font-size: 15px;
    text-align: right;
    border-bottom: 1px solid #f3f3f3;
}
.pane.Genel .h{
    text-align: left;
    padding: 15px;
    color:#636e72;
    font-size: 22px;
}
.musteriGorusleri .pane .h{
    display: flex;
    justify-content: space-between;
}
.pane .c{
     padding: 15px;
}
.pane.Genel .c{
    padding: 25px;
    line-height: 30px;
    text-align:center;
       position: relative;
}
.pane.Genel .c > img{
    margin: 0 0 45px 0;
}
.pane.Genel .c p{
    text-align: justify;
} 
.pane.Genel .gmFormContainer .btnGmFormGonder{
    position: relative;
}
.btnGmFormGonder .loadingWrap{
    position: absolute;
    left: unset;
    right: 5px;
    top:unset;
    bottom: 0;
    
}
 
#slideFirsat li .konum:before{
    left:0;
    position: absolute;
}

#slideFirsat li{ 
    position:relative;
    border:1px dashed #ccc; 
      text-align: center;
    padding: 0;
    background: #fff;
    overflow: hidden;
    box-shadow: 0 2px 6px #ddd;
}
#slideFirsat li h2{
     font-size: 16px;
} 
#slideFirsat li .konum:before{
    left: 15px; 
        content: '\f220';
        font-family: 'WebHostingHub-Glyphs';
        position: absolute;
     
}
#slideFirsat li img{ 
    height: 60%;
    margin: 5px;
  
}
 
.lSSlideWrapper .btnGeri,
.lSSlideWrapper .btnIleri,
.lSSlideWrapper .btnYukari,
.lSSlideWrapper .btnAsagi{
     outline: none;
    color:rgba(255,255,255,.8);
    text-shadow: 0 5px 5px #000; 
      visibility: hidden;
    transition:.5s all;
}

 .btnGeri:before,
  .btnIleri:before,
 .btnYukari:before,
  .btnAsagi:before{
    font-family: 'WebHostingHub-Glyphs'; 
    font-size: 30px;
     
}
 .btnGeri:before{
    content: '\f489';
}
 .btnIleri:before{
    content: '\f488';
}

 .btnYukari:before{
    content: '\f48a';
}
 .btnAsagi:before{
    content: '\f48b';
}
 
.lSSlideWrapper:hover .btnGeri
,.lSSlideWrapper:hover .btnIleri
,.lSSlideWrapper .btnYukari
,.lSSlideWrapper .btnAsagi{
    visibility: visible;
}
.lSSlideOuter.vertical .lSAction > .lSPrev {
    background-position: 0 -31px;
    bottom: auto;
    top: -10px;
}
    /*carousel son*/
/*defaultPfList*/
.defaultList .col-lg-2{
    padding-left: 0;
}
.defaultList{
    width: 100%;
    display: flex; 
    background: #fff;
    margin: 20px 0;
    padding: 0 ;
    
}
.defaultList .drFiltre{display: none;}
.defaultList .filtre{
    padding: 0;
    display: flex;
    flex-direction:column;
    align-content: start;
   max-height: 275px;
    overflow-y: scroll;
}
.defaultList .filtre li{
    padding: 5px;
    border:1px dashed #ccc;
   margin: 3px 0;
    transition: all .3s;
    cursor:pointer;
    font-size: 13px;
}
.defaultList .filtre li:first-child{
    margin-top: 0;
}
.defaultList .filtre li:hover
{
    border-color: #2980b9;
    color:#2980b9;
}
.defaultList .filtre li.secili{
    background-color: rgba(41, 128, 185,1.0);
    color:#fff;
}


.defaultList .list a{
    display: flex;
    flex-direction: column;
    border:1px dashed #ccc;
    height: 270px;
    position: relative;
    padding:0 5px;
    transition: all .3s;
}
.defaultList .list  a:hover,
.defaultList .list a:active{
    border: 1px solid #27ae60;
    background: linear-gradient(to top, #fff 30%, #f5f6fa 50%);
    
}
.defaultList .list li:nth-child(odd){
    background: #f7f7f7;
}
.defaultList .list a > *{
   
    font-size: 13px; 
    width:100%;
}
.defaultList .list a > .konum{ 
     position: relative;
}
.defaultList .list a > *:not(.resim){ 
    padding:2px 0 2px 15px; 
}
.defaultList .list a .fiyat,
.defaultList .list a .m2{
    position: absolute;
    bottom: 5px;
}
.defaultList .list a .fiyat{ 
    right: 5px;
    text-align: right;
    font-size: 16px; 
}
.defaultList .list a .m2{
   bottom: 5px;
}
 
.defaultList .resim{
    min-height:60%;
    max-height:60%;
    text-align:center; 
   display: flex;
    justify-content: center;
}
.defaultList .resim img{
    height: 100%;
     padding: 5px;
}
.defaultList h2{
    font-size: 13px;
}
.defaultFiltre > ul{ 
    margin: 0;
    padding: 0;
}
.defaultList .list a{
    margin:5px 15px ;
}
 
/*defaultPfListSon*/

/*PortfoyListesi*/
.pfListHeader{
    height: 30px;
    text-align: center;
    border: 1px solid #ccc;
    display: flex; 
    align-items: center; 
    overflow: hidden;
    cursor: pointer;
    background: linear-gradient(to bottom, #f6f6f6, #fff);
}
 
.pfListesi{
    display: flex;  
    align-content: center; 
    flex-direction:column; 
    font-size: 13px;  
}
 .pfListesi > a {
        width: 100%;
     max-width: 100%;
        height: 100px;
        display: flex;
     align-items: center; 
        position: relative;
        padding: 0 ;
        color:#34495e;
     border: 1px solid #ccc;
      
    }
.pfListesi > a > .pfDetayContainer{
    width: 90%;
    display: flex;
    height: 100%;
}
.pfListesi > a:nth-child(odd){
    background:rgba(255,255,255,0.75);
}
.pfListesi > a:hover,
.pfListesi > a:active{
     background:rgba(255,255,255,1);
}
.pfListesi > a:first-child{
    border-top:none;
}
.pfListesi > a:not(last-child){
    border-top:none;
}
 
.pfListesi > a > .pfDetayContainer *{
    height: 100%; 
    display: flex;
    align-items: center;
    justify-content: center;
}
.pfListesi > a > .pfDetayContainer > *:not(:last-child){ 
    border-right: 1px solid #ccc; 
}
 
  
.pfListesi > a  .resim{ 
    width:10%; 
    max-width:10%;  
    padding: 2px;
    text-align: center;
         height: 100%; 
    display: flex;
    align-items: center;
    justify-content: center;
    
} 
.pfListesi >a  .resim img{
    max-height: 95%
}
.pfListHeader .resim{
    width: 10%;
    max-width:10%; 
}
.pfListesi >a > .pfDetayContainer .kategori, 
.pfListHeader .kategori{
      
    width: 27%;
    max-width:27%; 
}
.pfListesi >a > .pfDetayContainer .baslik,
.pfListHeader .baslik{
    
     width: 30%;
    max-width: 30%;
    padding: 0;
    margin: 0;
}
.pfListesi >a > .pfDetayContainer h2{
    font-size: 13px;
   font-weight:lighter;
   
}
.pfListesi >a > .pfDetayContainer .konum,
.pfListHeader .konum{
    text-align: center;
    width: 25%;
    max-width: 25%;
}
.pfListesi >a > .pfDetayContainer .m2,
.pfListHeader .m2{
     width: 10%;
    max-width: 10%;
    text-align: center;
}
.fiyat{
    color:#c0392b;
}
.pfListesi >a > .pfDetayContainer .fiyat,
.pfListHeader .fiyat{
     width: 10%;
     max-width: 10%; 
    
    padding: 0 5px;
}
#plist .konum:before,
#plist .m2:before{
    display: none;
}

@media (  width > 767px) {
 
}
.col-lg-9 .col-lg-12{
    padding: 0;
    position: relative;
    z-index: 8;
}
.pfListHeader.pfListHeader-scrolled{
     top:105px;
    transition: all .8s;
    position: fixed; 
    z-index: 99;
    background: rgba(255,255,255,1);
    flex: 0 0 79%;
max-width: 79%;
    width: 69.2%;
padding-right: 0;
}
ul.pager
{
    margin: 0;
    padding: 15px 0;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    width: 100%;
    flex-wrap: wrap;
    
}
ul.pager li{
   width: 35px;
    height: 35px;
    border:1px dashed #ccc;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
     cursor: pointer;
    margin:3px;
    
}

ul.pager li:hover,
ul.pager li[Aktif='EVET']
{
    background: #fff;
    
}
ul.pager li[Aktif='EVET'] a{
    color:#27ae60;
}
ul.pager li a{
   display: flex; 
    align-items: center;
    justify-content: center;
    width:100%;
    height: 100%;
}
ul.pager li[Aktif="True"]{
    background: #fff;
}
ul.pager li[Aktif="True"] a{
    color:red;
    
}
.ilanSayac{
    border:1px dashed #ccc;
    background: #fff;
    margin:  10px 0;
    height: 40px;
    display: flex;
    width: 100%;
    justify-content: center;
    align-items:center; 
}
#bread ul{
    margin: 0;
    padding: 3px 20px ;
    display:flex;  
    
}
#bread ul li{
    padding: 2px 5px 0 0;
    color:#ccc;
}
#bread ul li:not(:last-child):after{
   content:'/';
    
}
#bread ul li a,
#bread ul li:after{
    color:#636e72;
    font-size: 12px;
}
#bread ul li:hover a{
    color:#c0392b;
}
.wrapDetay{
    background: #fff;
    border: 1px solid #ccc;
    color:#4b4b4b;
    position: relative;
    z-index: 9;
}
ul.paylas{
    display: flex;
    position: absolute;
    right: 15px;
    z-index: 99;
        align-items: center;
}
ul.paylas li{
    padding: 5px;
    font-size:20px;
}
h2.baslik{
    font-size: 22px;
    padding: 10px 0 10px 20px;
    border-bottom: 1px solid #ccc;
}
.lg-on .lg-sub-html{
    padding: 5px 0 15px 0;
    
}
.lg-on h2{ 
    font-size: 22px;
    margin: 0;
    background: rgba(0,0,0,.5);
}
.wrapDetay .nav{
    border-bottom:1px dashed #f1c40f;
    margin-bottom: 5px;
}
.wrapDetay .nav >li{
     
    padding: 5px 15px;
    cursor: pointer;
}
.wrapDetay .nav > li.active{
    background-color: #f1c40f;
    color:#000;
}
.wrapDetay .nav > li.active a{ 
    color:#000;
}
 
.satildi{ 
     z-index: 9999;
    position: absolute;
    border-top: 0;
    width: 120px;
    height: 120px; 
    border-left: 120px solid rgba(227, 30, 37,.9);
    border-bottom: 120px solid transparent;
    color:#fff; 
    text-shadow: 0 0 15px #000;
}
.satildi.opsiyon{
     border-left: 120px solid rgba(0, 148, 50,0.9);
}
.satildi > div{
    position: absolute;
    left: -120px;
    top:25px;
    transform: rotate(315deg);
    font-size: 22px;
}
.satildi.opsiyon > div{
     font-size: 18px;
    left: -125px;
    top:30px
        
}
 .pfListesi > a > .resim{
    position: relative;
    overflow: hidden;
    height: 100px; 
}
.pfListesi > a > .resim .satildi{
    z-index: 1;
    
}
.pfListesi > a > .resim .satildi{
    width: 90%;
    height: 100px; 
    border-left: 100px solid rgba(227, 30, 37,.9);
    border-bottom: 100px solid transparent;
    text-shadow: 0 0 10px #000;
}

.pfListesi > a > .resim .satildi div{
     font-size: 18px;
    left: -95px;
    top:20px;
}
.pfListesi > a > .resim .satildi.opsiyon{
    width: 90%;
    height: 100px;  
    border-bottom: 100px solid transparent; 
     border-left: 100px solid rgba(0, 148, 50,0.9);
}
.pfListesi > a > .resim .satildi.opsiyon > div{
     font-size: 14px;
    left: -100px;
    top:25px
        
}
#detayResim,
#detayResim > .lslide,
#detayResim > .lslide > img 
{
max-height: 355px;
    
}
#detayResim > .lslide{
    display:flex; 
    justify-content: center;
    
}
#detayThumb{
    margin: 5px 0;
    max-height: 80px;
    height: 80px;
}

#detayThumb > .lslide,
#detayThumb > .lslide > img 
{
max-height: 75px;
}
#detayThumb > .lslide{
    display:flex; 
    justify-content: center;
    margin: 0;
    padding: 0 2px;
    border:1px solid #ccc;
}
#detayThumb > .lslide img{
    opacity: .7;
    transition: .3s all;
}
#detayThumb > .lslide.secili{
    border:2px solid #27ae60;
}
#detayThumb > .lslide.secili img{
    opacity: 1;
}
.lSSlideOuter .lSPager.lSGallery img{
    max-height: 75px;
    border-radius: 0;
}
table.detay{
    font-size: 13px;
    
}
table.detay th,
table.detay td
{
    padding: 6px 0;
    
} 
table.detay tr:not(:first-child):not(:last-child)
{
    border-bottom:1px dashed #ccc;
}
table.detay tr:nth-child(1),
table.detay tr:nth-child(2){
    text-align: center;
    font-size: 14px;
}
table.detay tr:nth-child(1){
    font-size: 24px;
    color:#c0392b;
    text-shadow: 0 0 3px #95a5a6;
}
table.detay tr:nth-child(2){
    font-size: 14px;
    color:#40739e;
    text-shadow: 0 0 1px #95a5a6;
}
.wrapDanisman{
    border:1px solid #ccc;
    padding: 3px;
    margin:0 0 10px 0;
}
.danisman{
    background: rgba(189, 195, 199,.12); 
    text-shadow: 0 2px #fff;
    text-align: center; 
}
#defaultNav .danisman{
    background: transparent; 
    padding: 0 ;
margin: 0 10px 15px 0;
    -webkit-filter: drop-shadow(0 5px 8px rgba(0,0,0,0.5));
}
#defaultNav .danisman h2{
    font-size: 18px;
    margin: 8px 0;
    font-family: 'Courgette', 'Calibri';
}
.danisman img{
    height: 180px;
}
.danisman ul{
    margin: 0 auto;
    padding: 0;
    width: 250px;
    
}
#referans{
    padding:0;
    background: linear-gradient(to bottom,rgba(255,255,255,.5) 87%,#2980b9 20%);
    border-radius: 10px;
    height: 210px;
    display:flex;
    justify-content:center;
    box-shadow: 0 2px 10px rgba(41, 128, 185,.3);
}
.wrapRef {
    height: 200px;
      position: relative;
}
.wrapRef > .refResim{
   
    width: 100%;
    height: 100%;
    display:flex;
        justify-content:center;
    padding: 5px 0 20px 0;
}
.wrapRef > .refResim img{
    height: 100%;
    border:1px solid #ccc;
}
.wrapRef .aciklama{
    text-align: center;
    width: 100%;
    position: absolute;
   bottom: -5px;
    color:#fff;
}
.msjButon
{
    background: linear-gradient(to bottom, #fff, rgb(234, 234, 234) );
 padding:10px;
text-align: center;
   
    border:1px solid #d9d9d9;
     color:rgb(112, 137, 157);
    
    cursor: pointer; 
}
.msjButon:hover, .msjButon:active{
      background: linear-gradient(to top, #fff, rgba(236, 240, 241,1.0) );
     color:#27ae60;
}
.wrapDetay .msjButon{
    margin: 5px;
}

.btnGrpMsj{
    display: flex;
 flex-direction: row;
    justify-content: center;
    align-items: center;
}
.btnWhatsapp,
.btnEposta{
    padding: 5px 15px 5px 30px;
    position: relative;
}
.btnWhatsapp:before,
.btnEposta:before{
    left: 5px;
    top:15px;
    font-size: 16px;
}
.btnWhatsapp:before{
    color:#2ecc71;
}
.btnEposta:before{
    color:#e74c3c;
}
.btnGrpMsj .kapatPopup{
    width: 25px;
    height: 22px; 
    border:1px dashed #c0392b; 
    position:relative;
    display: block;
    cursor: pointer;
}
.kapatPopup:before{
    content: 'x';
    font-weight: bold;
    font-size: 20px;
    position:absolute;
    top:-6px;
left:6px;        
}
ul.listOzellik{
    background: rgba(255, 234, 167,.3);
    border:1px solid #ffeaa7; 
    padding: 15px;
    margin: 0;
    display: flex;
    flex-wrap:wrap;
}
ul.listOzellik li{
    width: 20%;
    padding: 10px 0 10px 25px;
    position: relative;
}
ul.listOzellik li:before{
    font-family: 'WebHostingHub-Glyphs';
    content: '\2713';
    position: absolute;
    left: 0;
    top:50%;
    transform: translateY(-50%);
    padding: 2px; 
    color: #27ae60;
    text-shadow: 0 2px 5px #666;
    
}
footer{
    background-color:#10391e;
    color:#fff;
    padding: 15px; 
}
footer h2{
    font-size: 26px;
    border-bottom: 1px solid #fff;
    padding: 10px 0;
}
footer ul.iletisim{
    margin: 0;
    padding: 0;
    
    color:#ddd;
}
footer ul.iletisim li{
display:block;
    position:relative;
    padding: 5px 0 0 35px;
     
}
footer ul.iletisim li:before{
    top:20px;
    left: 0;
    font-size: 16px;
}


footer .nv{
    display: inline-block;
   position: relative;
    bottom:unset;
    right: unset;
    font-family:unset;
    letter-spacing: unset;
    padding:0;
    margin:0; 
}
footer .nv li{
    display: block;
    padding: 0;
    
    
}
footer a, footer a:visited, footer a:active{
    color:#ddd;
}
footer a:hover{
    color:#fff;
}
footer ul.sosyal{
    padding: 15px 0 0 15px;
    position:relative; 
    color:#ddd;
    
}
footer ul.sosyal li{
    display: inline-block;
    position: relative;
}
 
  .btnGonder{
    position: relative;
    padding: 5px 15px;
    background: #eee;
    color:#10391e;
    display: inline-block; 
    font-weight: bold;
    letter-spacing: 1px;
    cursor: pointer; 
}
footer .btnGonder:hover{
    background: #fff;
}
footer .col-lg-4{
    padding: 0 25px;
}
footer .partnerLogo img{
    margin: 15px 0;
    filter: drop-shadow(1px 0 0 rgba(255,255,255,.7)) drop-shadow(0 0 15px rgba(255,255,255,.4));
   -webkit-filter: drop-shadow(1px 0 0 rgba(255,255,255,.7)) drop-shadow(0 0 15px rgba(255,255,255,.4));
}
.copyright{
    background: #000;
    padding: 5px;
    color:#fff;
    
    text-align: center;
    letter-spacing: 1px;
}

.basvuruToggle{
    width: 80%;
    border-radius: 25px;
    overflow: hidden;
    height: 200px;
    position: fixed;
    left:100%;
    transform: translateX(-5%);
    top:30%;
    z-index: 9999;
    background: linear-gradient(to bottom, #fff, #f8f8f8);
    outline: none;
    box-shadow: 0 3px 15px #888;
    transition: all .6s;
}
.basvuruToggle.goster{
     left:50%;
    transform: translateX(-50%);
    transition: all .6s;
}
.basvuruToggle > div{
    height: 100%;
    display: inline-block;
}
.basvuruToggle #btnBasvuruToggle{
    background-color: rgba(39, 174, 96,1.0);
    cursor:pointer;
    max-width: 60px;
    z-index: 2;
    position: absolute;
    top:0;
}
.basvuruToggle .basvuruForm{
    width: 95%;
    position: absolute;
     left:55%;
    top:20px;
    transform: translateX(-50%);
    z-index: 3;
}
 
.basvuruToggle h2{
    color: #fff;
    font-size: 18px;
    width: 100%;
    height: 100%;
    -webkit-transform: rotate(-90deg); 
    -moz-transform: rotate(-90deg); 
    -ms-transform: rotate(-90deg); 
    -o-transform: rotate(-90deg); 
    
    transform: rotate(-90deg); 
    transform-origin: 150% 40%;
    white-space: nowrap;
     
    
}
.basvuruToggle input, .basvuruToggle select{
    border:1px solid #ccc;
    display: inline-block;
    max-width: 21.5%;
    margin: 0;
    letter-spacing: .5px;
    font-size: 15px;
}
.basvuruToggle .btnGonder{
    position: relative;
    left: 45%;
    transform: translateX(-55%);
    margin: 15px 0;
    
}
.basvuruToggle .btnGonder:hover,
.basvuruToggle .btnGonder:focus{
     background-color: rgba(39, 174, 96,1.0);
    color:#fff;
}
.basvuruSonuc {
    width: 90%;
    text-align: center;
    background: #fff;
    
}
.basvuruSonuc.err{
    color:#e74c3c;
}
.basvuruSonuc.ok{
    color:#27ae60;
}
.row.Iletisim .col-lg-4{
    padding: 25px;
    color:#546d79;
    font-size:16px;
}
.iletisimDetay h5{
    font-weight: bold;
    font-size:20px;
}
.iletisimDetay{
    position: relative;
    padding:  0 0 0 45px;
}
.iletisimDetay:before{
    position: absolute; 
    left:0;
    top:12px;
    color:#7596c1;
    font-weight: normal; 
    font-size: 22px; 
}
.iletisimDetay.Ofis:before{
    content: '\f02b';
}
.iletisimDetay.Telefon:before{
    content: '\f15b';
}
.iletisimDetay.Eposta:before{
    content: '\f136';
}
.iletisimDetay.Konum:before{
    content: '\f209';
}
ul.listReferans{
    margin: 25px 50px;
    padding: 0;
    display: flex; 
}
ul.listReferans li{
    width: 22%;
    height: 100px; 
    margin: 15px 25px;
    padding: 10px;
    border-width: 1px;
    border-color: #ccc;
    border-style: dashed; 
    background-color: #f9f9f9;   
    display: flex;
    align-items: center; 
    justify-content: center;
        
}
 
ul.listReferans li img{
       
    max-height: 100%;
    -webkit-filter: grayscale(75%);
    transition:all .3s;
}
ul.listReferans li:hover img,
ul.listReferans li:focus img,
ul.listReferans li:active img{
    -webkit-filter: grayscale(0);
}
  
 
.pfFiltre{
    position: relative;
    border:1px solid #ccc;
     width: 237px;
   background:#fff;
    padding: 25px 0 0 0;
}
.pfFiltre:not(:first-child){
   margin: 5px 0 5px 0;  
}
.pfFiltre div.input:after{
    position: absolute;
    font-family: 'WebHostingHub-Glyphs';
    content: '\f0c5';
    z-index: 4;
    left: 0;
    top:50%;
    transform: translateY(-50%);
    color:#2980b9;
}
.pfFiltre div.input{
    background: transparent;
    position: relative;
    height: 25px;
    display: flex;
    align-items: center;
     margin-left:40px;
    
    
}
.pfFiltre div.input input{
    background: transparent;
    border-bottom:1px dashed #ccc;
    width: 100%;
    transition:.3s all;
    font-size: 13px;
    padding:2px 0 0 20px;
}

.pfFiltre div.input input:focus{
    box-shadow: none; 
    border-bottom:1px solid #2980b9;
    
}
.pfFiltre .h{
    position: absolute;
    top:0;
    left: 0;
    padding: 3px 10px;
    background-color: #2980b9;
    color:#fff;
    width: 100%;
    z-index: 2;
    font-size: 13px;
    
}
.pfFiltre ul{
    padding: 0;
    margin: 0; 
}
.pfFiltre ul:nth-child(3) li{
    padding-left:20px;
}
.pfFiltre ul:nth-child(4) li{
    padding-left:35px;
}
.pfFiltre ul:nth-child(5) li{
    padding-left:50px;
}
.pfFiltre ul li{
    padding: 5px 10px;
    
    cursor: pointer;
    font-size: 13px;
     
}
.pfFiltre ul li:hover{
    background-color: #fff;
}
.pfFiltre ul li a{
    display: block;
}
.pfFiltre.Kategori ul:last-child{
    max-height: 150px;
    overflow-y: auto;
}
.pfFiltre #ulMahalle{
    height: 200px;
}
.pfFiltre.Fiyat{
    display: flex;
    align-content:center;
    justify-content: center;
}
.pfFiltre.Fiyat input{
    width: 100px;
    display: inline-block;
    border:1px solid #ccc;
    height: 30px;
    padding: 5px;
    text-align: center;
    margin: 10px 5px;
     font-size: 12px;
    color:#487eb0;
    text-shadow: 0 2px 3px #ddd;
}
.pfFiltre.Fiyat input:focus{
    background: #fff;
    text-shadow: none;
}
.pfFiltre.Ara{
    padding: 10px;
    background:#fff;
    bottom:0;
     position: fixed; 
     width: 237px;
       z-index: 99; 
    box-shadow: 0 3px 15px #2980b9;
    border:none; 
}
.pfFiltre.Ara.btnAra-scrolled{
   position: relative; 
    bottom:unset;
    transition: all .8s;
    box-shadow: none;
 
   
}
.btnAra{
    height: 40px; 
    display:flex;
    justify-content:center;
    align-items: center;
    border:1px solid #bdc3c7;
    background: linear-gradient(to bottom,#3498db,#2980b9 );
    cursor: pointer;
    color:#fff;
    text-shadow: 0 2px 5px #000;
    font-size: 14px;
    border:1px solid #74b9ff;
    border-radius: 3px; 
}
.btnAra:hover{
    background: linear-gradient(to top,#3498db,#2980b9 );
}
.mobilMenu{
    display: none;
}
.mobilFiltre{
    display: none;
}
.modal-backdrop{
    z-index: 0;
    background-color: transparent;
}
.modal-content{
    border-radius: 0;
}
.modal-content input,
.modal-content textarea{
    border:1px dashed #ccc;
}
.modal-content .msjButon{
    width: 100px;
    padding: 5px;
}
.modal-content .basvuruSonuc{
    position: absolute;
    bottom: 10px;
    right: 0;
    background: transparent;
    padding: 0;
    margin: 0;
    width: 300px;
    text-align: left;
    font-size: 12px;
    color:#34495e;
}
.loadingWrap{
    position: absolute;
    left: 120px;
    bottom:20px;
}
#map_area, #sokak_area
                {
                    width: 100%; 
                    height: 400px; 
                    
                    }
.ortaButonContainer{
    margin:  0;
    padding: 3px 0;
    display: flex;
    
    flex-direction: column;
    
}
.ortaButonContainer a:not(:first-child){
    margin-top:15px;
}
.ortaButonContainer a{
    padding: 45px 5px 5px 5px;
    color:#f3f3f3;
    
    width: 270px;
    font-size: 14px;
    
    display: flex;
      
    align-items: end;
    justify-content: center;
    text-align: center;
    position: relative;
    background: linear-gradient(to bottom, #f3f3f3, #fff);
    transition:  all .3s;
}
.ortaButonContainer a.hrt{
    border:1px solid #ff8f00;
    color:#ff8f00;
}
.ortaButonContainer a.hrt:hover{
    border:1px solid #ff8f00;
    background:#ff8f00;
    color:#fff;
}
.ortaButonContainer a.al{
    border:1px solid #2980b9;
    color:#2980b9;
}
.ortaButonContainer a.al:hover{
   background:  #2980b9; 
}
.ortaButonContainer a.sat{ 
    border:1px solid #e74c3c;
    color:#e74c3c;
}
.ortaButonContainer a.sat:hover{ 
    background: #e74c3c; 
}
.ortaButonContainer a.musteriGorusleri{ 
     border:1px solid #d35400;
    color:#d35400;
}
.ortaButonContainer a.musteriGorusleri:hover{ 
     background:  #d35400; 
}
.ortaButonContainer a.referans{ 
    border:1px solid #27ae60;
    color:#27ae60; 
}
.ortaButonContainer a.referans:hover{ 
    background:  #27ae60; 
}
.ortaButonContainer a:hover{
    color:#fff;
}

.ortaButonContainer a:before{
    font-family: 'WebHostingHub-Glyphs'; 
    position: absolute;
    top:0;
    font-size:28px; 
        
}
.ortaButonContainer a.hrt:before{
    content: '\f209';
}
.ortaButonContainer a.al:before{
    content: '\21b8';
}
.ortaButonContainer a.sat:before{
    content: '₺';
    font-family: unset;
}
.ortaButonContainer a.musteriGorusleri:before{
    content: '\f12c';
}
.ortaButonContainer a.referans:before{
    content: '\f13a';
}
.refContianer {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}
.refContianer .refWrap{
    width: 230px;
    height:200px;
    border:1px dashed #ccc;
    
    margin: 15px 0;
    overflow: hidden; 
    background: #fff;
    padding: 10px;
     position: relative; 
}
.refContianer .ref{
   
    
}
.refContianer .refWrap img{
    width: 100%; 
}
.refContianer .refWrap .aciklama{
    position: absolute;
    bottom: 0;
    background: rgba(41, 128, 185,.9);
    color: #fff;
    border-top: 2px solid rgba(41, 128, 185,1.0);
    left:0;
    right:0;
    padding: 5px 10px;
    line-height: 20px;
    margin: 0 10px;
    text-shadow: 0 0 5px #000;
    
} 
.gmFormContainer{
    border: 1px dashed #ccc;
    width: 500px;
    margin: 0 auto;
    display: flex;    
    flex-wrap: wrap;
    justify-content: flex-end;
    padding:25px;
    
}
.gmFormContainer .msg{
    width: 100%;
    text-align: center;
    color:#84817a;
    font-size:16px;
}
.gmForm{
    width: 100%;
}
.gmForm td, .gmForm th{
    padding: 15px 0; 
}
 
.gmForm input, .gmForm textarea{
    border:1px solid #ccc;
    width: 100%;
    padding:  10px;
}
.gmForm textarea{
    height: 140px;
}
.gmForm input:focus, .gmForm textarea:focus{
    border:1px solid #27ae60;
    
}
.btnGmFormGonder{
    background: linear-gradient(to bottom,#fff,#f9f9f9);
    border:1px solid #27ae60;
    color:#27ae60;
    width: 120px; 
    padding: 5px 10px;
    justify-self: center;
    cursor: pointer;
    transition:  all .3s;
    position: relative;
}
.btnGmFormGonder:hover, .btnGmFormGonder:focus{
     background:#27ae60;
    color:#fff;
}
.musteriGorusleri .modal-dialog{
    max-width: 500px;
}
.musteriGorusleri .modal .gmFormContainer{
    width: 100%;
}
.musteriGorusleri .btnGorus{
    border-radius: 0;
    font-size: 14px;
    padding: 5px 45px 5px 10px;
    position: relative;
}
.btnGorus:before{
    font-family: 'WebHostingHub-Glyphs';
    content: '\f158';
    position: absolute;
    right: 10px;
    font-size: 22px;
    top:50%;
    transform: translateY(-50%);
}
.mGorus{
    text-align: left;
}
.mGorus:not(:last-child){
    margin-bottom: 15px;
}
.mGorus > .list-group-item:first-child{
    background: linear-gradient(to bottom, #fdfdfd, #fff);
    color:#007bff; 
    padding: 5px 15px;
}

.defaultFiltre{
   display: flex; 
   align-items:center;
    justify-content: space-around;
    background: rgba(255,255,255,.5);
    border:1px solid #bbc5ce;
    padding: 25px;
}
.filtrePane{
    
    height: 200px;
    font-size: 12px;
    border:1px solid #ccc;
    min-width: 220px;
    background: linear-gradient(to bottom, #f9f9f9,#fff);
    position: relative;
     padding-top:30px;
    
    display: flex;
    flex-direction: column; 
}
.filtrePane:not(:last-child){
    margin-right: 15px;
}
.filtrePane.Mahalle,
.filtrePane.Kategori{
    padding-top: 25px;
    min-width: 250px;
}
.filtrePane ul{
    margin: 0;
    padding: 0;
    overflow-y: auto; 
    width: 100%;
     
}
.filtrePane ul li{
    padding: 3px 10px;
    position: relative;
    cursor: pointer;
    color:#666;
}
.filtrePane ul li.secili
,.filtrePane ul li:hover{
    background: #fffcb1;
    color:#000;
    
}
.filtrePane ul li.secili{
    border-bottom: 1px solid #fff;
}
.filtrePane .h{
    padding: 5px;
    background: linear-gradient(to bottom, #f3f3f3, #fff);
    color:#485460; 
    font-size:14px;
    position: absolute;
    z-index: 2;
    width: 100%;
    top: 0;
    font-weight: bold;
    font-size: 12px;
}
.filtrePane .h .load{
    position: absolute;
    top:4px;
    right: 8px;
    width: 22px;
}
.inputContainer{
    position: relative;
    display: flex;
    justify-content: center;  
    height: 25px;
}
.inputContainer input{
    border:none;
    width: 100%;
    height: 100%;
    padding: 0 10px;
}
.inputContainer.ara{
    margin: 0 0 8px 0;
}
.inputContainer.ara:before{
    position:absolute;
 font-family: 'WebHostingHub-Glyphs';
    content: '\f0c5';
    right: 5px;
    top:8px;
}
.btnHizliAra{
    display: flex;
    justify-content: center;
    align-items: center;
    border:1px solid #ddd;
    width: 60px;
    height: 42px;
    background: linear-gradient(to bottom,#f3f3f3,#fff);
    color:#206d93;  
    cursor: pointer;
    letter-spacing: .5px;
    position:relative;
    font-size:13px;
    overflow: hidden;
}
.btnHizliAra:hover{
    background: linear-gradient(to top,#f3f3f3,#fff);
     
}
.btnHizliAra:after{
    position:absolute;
 font-family: 'WebHostingHub-Glyphs';
    content: '\f0c5';
    right: 15px;
    top:45%;
    transform: translateY(-50%);
    font-size: 32px;
    color:#206d93;
    display: none;
}




/***************************************************Responsive*******************************/
@media (max-width: 767px)  {
    #krediMobil{
        display: inherit;
    }
    p {
        line-height: 30px;
        text-align: justify;
    }
    header ul li.slogan{
        display: none;
    }
    header ul.sosyal{
        padding: 8px 0;
    }
    header ul.iletisim{
        top:-35px;
        right: 0;
    }
   
    .headNav .logo img{
    max-height: 100px;
        
}
    .nvBtn{
         display: inherit;
    }
    .headNav .nv{
        position:fixed;
         padding:30px 0; 
        top:0;
        left:-100%;
        right: 100%;
        bottom: 0;  
        transition: all .5s;
        background-color:rgba(0,0,0,1); 
        z-index: 99; 
        font-size:14px;
        font-weight:bold; 
    }
     
     
    .headNav .nv li{
        display: block;
    }
    .headNav .nv li a{
        color:#eee;
    }
    .headNav .logo{
        margin-left: 0;
    }
    
    .headNav .logo{
        display: flex;
        align-content: center;
        align-items: center;
        justify-content: center;
    }
    #defaultNav, .defaultFiltre{
        display: none;
    }
    #defaultVitrin{
        padding: 0; 
    }
    #slideVitrin li span{
       font-size: 16px; 
    }
    #slideVitrin li h2{
        font-size: 16px;
    }
    #defaultFirsat{
        margin: 0;
        overflow: hidden;
        padding:25px 0 0 0;
        height:155px;
        display: none;
    }
    #slideFirsat li{ 
    position:relative;
    border:1px dashed #ccc;
    border-radius: 0;
      text-align: left;
    padding:0;
    background: #fff;
    overflow: hidden;
    box-shadow: none; 
         
        
}
   
#slideFirsat li h2,
#slideFirsat li .konum,
#slideFirsat li .fiyat{
    font-size: 14px;
    position: absolute;
    bottom:unset;
    left: 40%;
    background: none;
    width: 60%;
     
} 
 
#slideFirsat li img{ 
    
     height: 85px;
    border:1px solid #ccc;
    position: absolute;
    left: 5px; 
    top:0;  
}
    #slideFirsat li > h2 { 
        top:10px; 
    }
    #slideFirsat li > .konum { 
        top:30px; 
        padding:0 15px;
        color:#2980b9;
    }
    #slideFirsat li > .konum:before{
        left: -5px;
    }
    #slideFirsat li > .fiyat { 
       bottom: 0;
        padding:0 15px;
        text-align: right;
        color:#c0392b;
        font-size: 22px;
    }
    #defaultFirsat li{
        display: hidden;
    }
    #defaultFirsat li.active{
        display: inherit;
    }
   #defaultFirsat .lSSlideWrapper,
    #defaultFirsat .lSSlideOuter{ 
        overflow: unset;
    }
    .lSSlideOuter.vertical .lSAction > .lSPrev {
    background-position: 0 -31px;
    bottom: auto;
    top: -40px;
    }
    .lSSlideOuter.vertical .lSAction > .lSNext {
    background-position: 0 -31px;
    bottom: auto;
    bottom: -20px;
    }
    .defaultList{
        flex-direction: column;
        padding: 10px;
    }
    .defaultList .drFiltre{
        display: inherit;
        width:100%;
        height: 40px;
        padding: 0 10px;
        font-size: 13px;
    }
    .defaultList .drFiltre option[value='']:not(:first-child){
        display: none;
    }
    .defaultList .filtre{
    display: none;
    flex-direction:row; 
        flex-wrap: wrap;
   width: 100%;
        max-height:100px;
}
.defaultList .filtre li{
    padding: 2px;
    border:1px dashed #ccc;
   margin: 5px 1px;
    transition: all .3s;
    cursor:pointer;
    font-size: 12px;
    width: 32%;
    display: flex;
    align-items: center;
    
}
    .defaultList .filtre li:first-child {
    margin-top: 5px;
}
    
     
    
  
    .basvuruToggle{
    width: 95%;
    border-radius: 25px;
    overflow: hidden;
    
    position: fixed;
    left:100%;
    transform: translateX(-15%);
    top:25%;
    z-index: 9999;
    background: linear-gradient(to bottom, #fff, #f8f8f8);
    outline: none;
    box-shadow: 0 3px 15px #888;
    transition: all .6s;
}
.basvuruToggle.goster{
     left:50%;
    transform: translateX(-50%);
    transition: all .6s;
    height: 400px;
}
.basvuruToggle > div{
    height: 100%;
    display: inline-block;
}
.basvuruToggle #btnBasvuruToggle{
    background-color: rgba(39, 174, 96,1.0);
    cursor:pointer;
    max-width: 60px;
    z-index: 2;
    position: absolute;
    top:0;
}
.basvuruToggle .basvuruForm{
    width: 85%;
    position: absolute;
     left:40%;
    top:20px;
    transform: translateX(-30%);
    z-index: 3;
    padding: 0 15px;
}
 
.basvuruToggle.goster h2{
    color: #fff;
    font-size: 18px;
    width: 100%;
    height: 100%;
    -webkit-transform: rotate(-90deg); 
    -moz-transform: rotate(-90deg); 
    -ms-transform: rotate(-90deg); 
    -o-transform: rotate(-90deg); 
    
    transform: rotate(-90deg); 
    transform-origin: 210% 30%;
    white-space: nowrap;
     
    
}
.basvuruToggle input, .basvuruToggle select{
    border:1px solid #ccc;
    display: block;
    max-width: 100%;
    width: 100%;
    margin: 5px 0;
    letter-spacing: .5px;
    font-size: 15px;
}
.basvuruToggle .btnGonder{
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    margin: 15px 0;
    
}
.basvuruToggle .btnGonder:hover,
.basvuruToggle .btnGonder:focus{
     background-color: rgba(39, 174, 96,1.0);
    color:#fff;
}
    
    #divMaps{
        height: 400px;
    }
    
    
    #plist > .col-lg-3{
        display: none;
    }
    #plist > .col-lg-9{ 
        max-width: 100%;
        flex: 0 0 100%;
        padding: 0 10px;
        background: #fff;
    }
    
     
    .pfListesi > a{ 
      position: relative;  
    height: 120px; 
       padding: 0;
    width:100%; 
       
         display: flex;
    }
     
    .pfListesi > a:nth-child(odd){
    background:#f7f7f7;
}
.pfListesi > a:hover,
.pfListesi > a:active{
     background:rgba(255,255,255,1);
}
    /*
     .pfListesi > a > *:not(.resim){
        border:none;
       
        position: absolute;
        left: 42%; 
        width: 70%;
        max-width: 70%;
         transform: translateY(-50%);
        
        align-content: left;
        align-items: left;
        justify-content: left;
        padding: 0 10px;
    }
    */
    .pfListesi > a > .resim{ 
        width: 40%;
        max-width: 40%; 
    }
    .pfListesi > a > .pfDetayContainer{
        width: 70%; 
        flex-direction: column; 
    }
    .pfListesi >a > .pfDetayContainer .baslik,
    .pfListesi >a > .pfDetayContainer .konum,
    .pfListesi >a > .pfDetayContainer .m2,
    .pfListesi >a > .pfDetayContainer .fiyat{
        width: 100%;
        max-width: 100%;  
    }
    .pfListesi >a > .pfDetayContainer .fiyat{
        font-weight: bold;
        font-size:14px;
        justify-content: right; 
        padding-right:  15px;
         
         
    }
     /*
     .pfListesi > a .baslik{
        top:20px;
        left: 38%;
    } 
     .pfListesi > a .konum{
         top:40px; 
    }
     .pfListesi > a .m2{
        top:65px;
    }
    .pfListesi > a .m2:before,
    .pfListesi > a .konum:before{
        left: -5px; 
    }
    
    .pfListesi > a .fiyat{
         top:80px;  
       font-size: 16px;
        justify-content: right;
        width: 60%;
    }
    */
     .pfListesi > a .kategori{
        display: none;
    }
    .mobilMenu{
        display: inherit;
    }
    .mobilMenu .mobilBtn{ 
        height: 50px; 
        border-bottom:1px solid #ccc;
        margin: 0;
        padding: 0;
        display: flex;
        position: relative;
        top: 0;
        
    }
    .mobilMenu.mobilMenu-scrolled{
        position: fixed;
        top:135px;
        z-index: 99;
        width: 100%;
        background: #fff;
        left: 0;
        right: 0;
    }
    .mobilMenu .mobilBtn li{
       line-height: 20px;
        width: 50%;
        max-width: 50%;
        text-align: center;  
        padding:5px;
        cursor: pointer;
        position: relative;
        color:#576574;
    }
    .mobilMenu .mobilBtn li:not(:last-child){
        border-right: 1px solid #ccc;
        height: 100%; 
    }
    .mobilMenu .mobilBtn li:before {
       content: '\f05c'; 
        font-family: 'WebHostingHub-Glyphs';
         display: block;
    }
    .mobilMenu .mobilBtn li.tumPf:before{
        content: '\f110';
    }
    .mobilMenu .mobilBtn li.order:before{
       content: '\f1c2'; 
    }
    .mobilMenu .mobilBtn li.menu:before{
       content: '\f127';
    }
    .mobilMenuList{
    margin:0;
    padding: 0;
    width: 200px;
    background: #fff;
    border:1px dashed #ccc;
    position: absolute;
    top:50px;
    display: none;
    box-shadow: 0 2px 8px #ccc;
    z-index: 9;
    left: 45%;
}
ul.mobilMenuList li{
    display: block;
     padding:  10px;
   
}
    
ul.mobilMenuList li:not(:last-child){
    border-bottom: 1px solid #ccc;
}
ul.mobilMenuList li a{
   display: block;
}
    ul.mobilMenuList li:hover,
    ul.mobilMenuList li:active,
    ul.mobilMenuList li:focus{
        background: #2980b9;
    }
    ul.mobilMenuList li:hover a,
    ul.mobilMenuList li:active a,
    ul.mobilMenuList li:focus a{
        color: #fff;
    }
     .mobilMenuList.goster{  
    display: inherit;
} 
    .pfListHeader{display: none;}
    .headFilter{display: none;}
    .mobilFiltre{
        
        position: fixed;
        z-index: 99999;
        left: 0;
        top:0;
        background:#fff;
        right:0;
        bottom:0;
        width: 100%;
        height: 100%; 
    }
    .mobilFiltre.goster{
        display: block;
    }
    .mobilFiltre .baslik{
        background:#27ae60;
        color:#fff;
        padding: 10px 5px; 
    }
    .mobilFiltre .kapat{
        position: absolute;
        z-index:9999;
        right:45px;
        top:5px;
        width:25px;
        height:25px;
        color:#fff;
    }
    .kapat:before{
        font-family: 'WebHostingHub-Glyphs';
        content: '\00d7';
        font-size: 16px;
    }
    .mobilFiltre ul{
        
        padding: 0;
        width: 100%;
    }
    .mobilFiltre ul:not(:first-child){
        margin-top:10px;
    }
     
    .mobilFiltre li{
        padding: 10px;
        border-bottom: 1px solid #ecf0f1;
        background: transparent;
        cursor: pointer;
    }
    .mobilFiltre li:not(.Mahalle li):hover,
    .mobilFiltre li:not(.Mahalle li):active{
       background:#2980b9;
        color:#fff;
    }
    
    .mobilFiltre ul{
        max-height: 250px;
        overflow-y: scroll;
    }
    .mobilFiltre .btn
    {
        border-radius:0;
        width:calc(100%/2 -(2px));
        
            
    }
      
    .mobilFiltre li.secili{
        background-color: rgba(241, 196, 15,.2);
    }
    
    ul.listOzellik{
    background: rgba(255, 234, 167,.3);
    border:1px solid #ffeaa7; 
    padding: 15px;
    margin: 0;
    display: flex;
    flex-wrap:wrap;
}
ul.listOzellik li{
    width: 50%;
    padding: 0 10px 10px 25px;
    position: relative;
    font-size: 11px;
}
ul.listOzellik li:before{
    font-family: 'WebHostingHub-Glyphs';
    content: '\2713';
    position: absolute;
    left: 0;
    top:20%;
    transform: translateY(-50%);
    padding: 2px; 
    color: #27ae60;
    text-shadow: 0 2px 5px #666;
    
}
    ul.paylas{  
         top:60px;  
        right: 10px;
         margin: 0;
         padding: 0;
}
ul.paylas li{
    padding: 2px 3px;
    font-size:20px;
}
    .satildi{  
    width: 80px;
      height: 80px; 
      border-left: 80px solid rgba(227, 30, 37,.9);
      border-bottom: 80px solid transparent; 
}
    
        .satildi.opsiyon{
     border-left: 90px solid rgba(0, 148, 50,0.9);
            border-bottom: 90px solid transparent; 
 
    }
.satildi > div{ 
    left: -80px;
    top:15px; 
    font-size: 15px;
}
    .satildi.opsiyon > div{ 
    left: -95px;
    top:25px; 
    font-size: 14px;
}
    
    .pfListesi > a > .resim .satildi{
        left: 0;
    }
   .wrapDetay h2.baslik {
    font-size: 16px;
    padding: 10px 20px 10px 20px;
       margin-bottom: 35px;
    }
    
    .wrapDetay .nav > li {
    padding: 3px 5px;
    cursor: pointer;
        font-size: 12px;
}
    
    .modal-content .basvuruSonuc{
        position: relative;
         padding: 10px 0;
        bottom: unset;
    }
   
    .divFilter{
        margin: 10px auto;
        width: 90%;
        display: flex;
        height: 40px;
    }
    .divFilter .btnAra{
        position: relative;
        padding: 0 15px;
        background: none;
        border:none;
        font-size:20px;
    }
    .divFilter .btnAra:before{
        content: '\f0c5';
        font-family: 'WebHostingHub-Glyphs';
        color:#2f3542;
    }
    .ortaButonContainer{
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: space-evenly;
    }
.ortaButonContainer a{
    width: 150px;
    height: 90px;
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-content: center;
    align-items: center;
    
    padding: 30px 15px 10px 15px;
    color:#f3f3f3;
    margin: 15px 0; 
}
    .gmFormContainer{
    border: 1px dashed #ccc;
    width: 100%;
    margin: 0 auto;
    display: flex;    
    flex-wrap: wrap;
    justify-content: flex-end;
    padding:15px;
    
}
    .gmForm td, .gmForm th {
    padding:  0;
        display: flex;
    }
    #maps{
        min-height: 400px;
    }
    .pane.Iletisim table:first-child th,
    .pane.Iletisim table:first-child td{display: unset;vertical-align: middle;}
    
    .headNav2{
    display: flex;
    align-items: start;
    justify-content: end; 
        position: absolute
     
}
    
.headNav2 .uyeBtnContainer{
   position: absolute;
    flex-direction: row;
    align-items: end;
    z-index: 99;
    top:-5px;
    right: 5px;
    
    
}
.uyeBtnContainer a{
   
    display: flex;
    height: 30px;
    align-items: center;
    padding:0 10px;
    margin: 5px;
   
}
    .headNav2 .iletisim{
        display: none;
    }
}


/*responsive son*/


.iconAdres:before, .iconTelefon:before, .iconGsm:before, .iconFax:before, .iconEposta:before, .iconMaps:before, .iconYol:before, .btnMesaj:after, .btnKaydet:after
{
    font-family: 'WebHostingHub-Glyphs';
    color:#487eb0;
    font-size: 20px;
}
.iconAdres:before{content: '\f245';}
.iconTelefon:before{content: '\f148';}
.iconGsm:before{content: '\f0e6';}
.iconFax:before{content: '\f125';}
.iconEposta:before{content: '\f136';}
.iconMaps:before{content: '\f220';}
.iconYol:before{content: '\f209';}
/*Iletisim*/
.pane.Genel.Iletisim
{padding: 5px;
}
.pane.Iletisim .gmFormContainer{
    width: 100%;
}
.pane.Iletisim .gmForm
{
   width: 100%;
    text-align:left;
}
 .Iletisim table td{
        padding: 5px 15px;
     font-size: 13px;
}
.formContainer{
    padding: 15px;
    font-size: 14px;
    width: 100%;
}
.formContainer table{
    width: 100%;
}
.formContainer table tr td:first-child{
    padding: 5px 10px;
    vertical-align: top;
    width: 85px;
}
.formContainer table tr td:last-child{
    padding: 0 15px;
}
.formContainer table tr td{
    position: relative;
}
#maps{
    border:1px solid #ccc;
    padding: 0;
    display: flex;
}

li[Secili="true"]{
    color:red;
    padding: 0 15px;
}
li[Secili="True"]:before{
    content: '*';
}
 .gm-style-iw-c{
    width: 200px;
     height: 150px;
    padding:0;
    margin:0;
    
} 

.gm-style-iw-d {
    padding: 0;
    margin: 0;
    width: 100%; 
     display:flex;
    align-items:start;
   justify-content: center;    
        
    
}
.gm-style-iw-d div{
    text-align: center;
    height: 100%;
    max-width: 100%;
}
.gm-style-iw-d div img{
  height: 100px; 
    max-width: 100%;
} 


.gm-style .gm-style-iw-c{
    padding: 5px;
    min-height: 170px;
}

.pfFiltreGrup{
    border:1px solid #ccc;
    display: inline-block;
    position: relative;
    padding: 15px;
    min-width: 245px; 
}
.pfFiltreGrup .baslik{
    position: absolute;
    display:inline-block;
    padding: 2px 10px;
    background: #f9f9f9;
    color:#666;
    top: -10px;
    left: 5px;
    font-size: 12px;
}
.multiSelect > button {
    display: inline-block;
    position: relative;
    text-align: left;    
    cursor: pointer;
    border: 1px solid #c6c6c6;    
    padding: 1px 5px;    
    font-size: 12px;
    min-height : 28px !important;
    border-radius: 0;
    color: #555;   
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none; 
    white-space:nowrap;
    background-color: #fff;
    background-image: unset;   
    width: 100%;
}
.multiSelect > button:hover {    
    background-image: unset;    
}
.multiSelect .multiSelectItem:not(.multiSelectGroup).selected
{
    background-image: none;    
    color: #555;        
    cursor: pointer;        
    border:none;        
}

.multiSelect .multiSelectItem .acol label {
    display: inline-block;
    padding-right: 30px;    
    margin: 0px;
    font-weight: normal;    
    line-height: normal;
    font-size: 12px;
}

/* item labels focus on mouse hover */
.multiSelect .multiSelectItem:hover, 
.multiSelect .multiSelectGroup:hover {
    background-image: none; 
}

.multiSelect .multiSelectItem:hover, 
.multiSelect .multiSelectGroup:hover {
    background-image: none;;    
    color: #fff !important;    
    cursor: pointer;        
    border: 1px solid #ccc !important;
}

/* item labels focus using keyboard */
.multiSelect .multiSelectFocus { 
    background-image: none;  
    color: #fff !important;    
    cursor: pointer;        
    border: 1px solid #ccc !important;
}
.multiSelect .multiSelectItem:hover{
    background-image: none;
}
.multiSelect .multiSelectItem:hover, 
.multiSelect .multiSelectGroup:hover {
    background-image: none;    
    color: #008000 !important;    
    cursor: pointer;        
    border: 1px solid #ccc !important;
}
.filtreContainer{
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.filtreContainer > .pfFiltreGrup:not(:first-child){
    margin-left: 35px;
}
.filtreContainer > .btnHizliAra{
    margin-left: 15px;
}

.select2-results ul li:empty {
    display: none;
 
}
select + .select2-container {
  width: 100% !important;
    font-size: 12px;
}
.select2-results ul li{
    font-size: 12px;
    
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #e8e8e8;
  color: #4b4949;
}
.col-lg-12.pfSlider{
    padding: 0;
}
.col-lg-12.pfSlider .baslik:first-child{
    margin: 0;
    padding: 15px;
    color:#c81f17;
    font-size: 16px;
    font-weight: bold;
    background: linear-gradient(to top, #f2f2f2 10%,#fff 80%);
        text-shadow: 2px 3px 8px #939393;
    text-align: center;
}
.col-lg-12.pfSlider .slick-slider{
    margin: 25px;
}
.defaultList .baslik{
    border-bottom:1px solid #ccc;
    width: 100%;
}
.list-group.kredi{
    border:1px solid #ddd;
}
.list-group.kredi .list-group-item{
    padding: 5px;
    text-align: center;
}
.list-group.kredi table tr td{
    padding: 5px;
    vertical-align: unset;
    font-size: 12px;
    text-align:left; 
    color:#3d3d3d;
}
.list-group.kredi table tr td:last-child{
    text-align: center;
}
.list-group.kredi table tr td input{
    margin: 0;
}
.list-group.kredi .btn{
    padding: 2px 10px;
    font-size: 12px;
}
#example-video {
    width: 100%; /* Genişliği sayfanın tamamına yay */
    height: 500px; /* Yüksekliği 500 piksel olarak ayarla */
    text-align: center;
    
  }
#example-video video{
    height: 500px;
    
}

.loadingWrap
{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 50%;
    top:0;
    transform: translateX(-50%);
    background-color: rgba(255,255,255,.8);
    z-index: 999999;
}
.loading
{
    position: absolute;
    top:20%;
    left:50%;
    transform: translateX(-50%);
    z-index: 999;
    padding: 20px 50px;
    font-size: 14px;
    border:2px solid #2980b9;
     background-image: -webkit-linear-gradient(top, rgba(255,255,255,.9) 50%, rgba(236, 240, 241,.9) 100%);
    color:#2980b9;
    border-radius: 13px;
}