* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
@-webkit-viewport {width: device-width;}
@-moz-viewport {width: device-width;}
@-ms-viewport {width: device-width;}
@-o-viewport {width: device-width;}
@viewport {width: device-width;}
*, *:before, *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html, html a {-webkit-font-smoothing: antialiased;}
@font-face {font-family: 'ProximaLight';src: url('fonts/ProximaLight.otf');}
@font-face {font-family: 'ProximaNovaBold';src: url('fonts/ProximaNovaBold.otf');}
@font-face {font-family: 'ProximaBlack';src: url('fonts/ProximaBlack.otf');}
body {
  background: #f5f5f5;
  background: -moz-linear-gradient(top, #f5f5f5 0%, #ffffff 43%);
  background: -webkit-linear-gradient(top, #f5f5f5 0%,#ffffff 43%); 
  background: linear-gradient(to bottom, #f5f5f5 0%,#ffffff 43%); 
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#ffffff',GradientType=0 ); 
}
.hidden{display:none}
.navbar {
  background: #fff; 
  height: 52px; 
  color: #2b2963;
  margin-bottom: 20px;
  border-bottom: solid 1px #2b2963;
  border-radius: 0px;
  border-top: none;
  border-right: none;
  border-left: none;
  font-size: 16px;
  font-family: 'ProximaLight', serif; 
}

.navbar .navbar-nav li a { color:#2b2963; }
.navbar .navbar-nav.navbar-right>li a.signIn:before { content: "\f090"; position: relative;  }
.navbar .navbar-nav.navbar-right>li a.signIn:after { content: ""; border-right: dotted 1px #ddd; position: relative; font-size: 24px; padding-left: 25px;  }
.navbar .navbar-nav.navbar-right>li a:before { font-family: FontAwesome; padding-right: 3px;  display: inline-block; }
.navbar .navbar-nav.navbar-right>li a:hover:before { transition: 0.9s;  transform: rotateY(360deg); }


.navbar .navbar-nav.navbar-right>li a.signUp { position: relative; top: 2px; color: #10dd02;  }
.navbar .navbar-nav.navbar-right>li a.signUp:before { content: "\f2c0"; font-size:14px; position: relative; top:-1px;  }
.navbar .navbar-nav.navbar-right>li:first-child a:hover img { transition: 0.9s;  transform: rotateY(360deg); }
.navbar .navbar-nav li a:hover { color: #937565; }
.navbar .navbar-nav li a:hover i { transition: 0.9s;  transform: rotateY(360deg);  }

.navbar .navbar-nav.navbar-right>li:first-child a:hover i {  transition: 0.9s;  transform: rotateY(360deg); }
.navbar .navbar-nav.navbar-right>li:last-child a {
  background: #2b2963;
  padding: 5px 8px;
  margin-top: 10px;
  color:#fff; 
  border-radius: 4px;
  margin-left:15px;
}
.navbar .navbar-nav.navbar-right>li:last-child a:focus { background: #10DD02; box-shadow: 0px 0px 15px rgba(250,250,250,.500); }

.navbar .navbar-nav.navbar-right>li:last-child a:before {
  content: "\f0f7";
  font-family: FontAwesome;  
  padding-right: 5px;
  display: inline-block; 
}
.navbar .navbar-nav.navbar-right>li:last-child a:hover:before { transition: 0.9s;  transform: rotateY(360deg); }

.navbar .navbar-nav.navbar-right>li:last-child a:after {
  content:'';
  position: absolute;
  top: 0px;
  right: 0px;
  width: 0px;
  height: 31px;
  background: rgba(255,255,255,0.4);
  border-radius: 4px;
  transition: all .9s ease;
}
.navbar .navbar-nav.navbar-right>li:last-child a:focus:before { content: "\f00c"; width: 18px; }

.navbar .navbar-nav.navbar-right>li:last-child a:hover:after { width: 100%; } 


.navbar .navbar-brand img { margin-top: -15px;  }


a.dropdown-toggle:after {  font-family: FontAwesome;  padding-left: 5px;  content: "\f0d7"; }

.navbar-nav .open .dropdown-menu>li>a { padding-left: 15px; padding-right: 15px; font-size: 18px; padding-bottom: 5px; padding-top:5px;}
.navbar-nav .open .dropdown-menu>li>a:before { font-family: FontAwesome;  padding-right: 5px;  content: "\f105"; display: inline-block; }


.navbar-nav .open .dropdown-menu>li>a:hover,
.navbar-nav .open .dropdown-menu>li>a:focus { color:#fff; background: #2b2963; }

.navbar-nav .open .dropdown-menu>li>a:hover:before { transition: 0.9s;  transform: rotateZ(360deg); }


.navbar-inverse .navbar-nav>.open>a, 
.navbar-inverse .navbar-nav>.open>a:focus,
.navbar-inverse .navbar-nav>.open>a:hover {  background:  transparent; color: #2b2963;  }
.navbar-inverse .navbar-nav>.open>a:after { 
  -webkit-transition: all 0.5s; 
  -moz-transition: all 0.5s; 
  -ms-transition: all 0.5s; 
  -o-transition: all 0.5s; 
  transition: all 0.5s;
  content: "\f0d7"; }
.navbar-inverse .navbar-nav>.open>a:focus:after { 
   -webkit-transition: all 0.5s; 
  -moz-transition: all 0.5s; 
  -ms-transition: all 0.5s; 
  -o-transition: all 0.5s; 
  transition: all 0.5s;
  content: "\f0d8"; }

.navbar-inverse .navbar-toggle {
  border: solid 1px #2b2963;
  color:#937565;
  -webkit-transition: all 0.5s; 
  -moz-transition: all 0.5s; 
  -ms-transition: all 0.5s; 
  -o-transition: all 0.5s; 
  transition: all 0.5s;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus  {
  border: solid 1px #937565;
  color:#2b2963;
  background: transparent;
  outline: none;
  -webkit-transition: all 0.5s; 
  -moz-transition: all 0.5s; 
  -ms-transition: all 0.5s; 
  -o-transition: all 0.5s; 
  transition: all 0.5s;
}

.navbar-inverse .navbar-toggle .icon-bar { 
  background-color: #937565;
  -webkit-transition: all 0.5s; 
  -moz-transition: all 0.5s; 
  -ms-transition: all 0.5s; 
  -o-transition: all 0.5s; 
  transition: all 0.5s; 
}
.navbar-inverse .navbar-toggle:hover .icon-bar,
.navbar-inverse .navbar-toggle:focus .icon-bar { 
  background-color: #2b2963;
  -webkit-transition: all 0.5s; 
  -moz-transition: all 0.5s; 
  -ms-transition: all 0.5s; 
  -o-transition: all 0.5s; 
  transition: all 0.5s; 
}

.navbar a.i { 
  padding: 3px 5px 5px 0;
  margin-top: 10px;
  height: 31px;
  display: inline-block; 
  color: #fff;
  font-weight: 600;
  text-decoration: none;
  border: solid 1px #ddd;
  border-radius: 4px;
  float: left;
  max-width: 250px;
  overflow: hidden; 
  white-space:nowrap; 
  text-overflow: ellipsis;
}

.navbar a.i.o { color:#10dd02; text-shadow:none; border: solid 1px #10dd02; }

.navbar a.i i,
.navbar a.i img {  
  width: 24px;
  height: 25px;
  position: relative;
  float: left;
  border-radius: 3px;
  margin:-1px 5px 0 2px; 
}
.navbar a.i i { 
  font-size: 20px; 
  font-style: normal; 
  border: solid 1px #2b2963;
  font-family: 'ProximaNovaBold', serif;
  text-align: center;
  text-transform:uppercase;
}


.navbar a.i.f { 
  text-transform:uppercase; 
  margin-right:5px;  
  width:31px; height: 31px; 
  display:inline-block; 
  text-align: center; 
  font-size: 24px; 
  line-height:24px; 
}
.navbar a.i.f img { margin-right:-3px; }
.navbar a.i:hover img {  transition: 0.9s; transform: rotateY(360deg); }
.navbar .navbar-nav.navbar-right>li a.i { border-color:  #10dd02; }

.navbar .navbar-nav.navbar-right>li a.i:hover, 
.navbar a.i:hover,
.navbar a.i:focus { 
  border: solid 1px #10dd02;
  color: #10dd02;
  box-shadow: 0px 0px 5px rgba(16,221,2,.900); 
}


.navbar .navbar-nav.navbar-right>li a.signIn:after { padding-left: 7px;  }
.navbar .navbar-nav li a span { display: none; }
.navbar .navbar-nav.navbar-right>li a { padding: 15px 5px 10px 5px; }
.navbar .navbar-nav.navbar-right>li a.i { margin-top: 10px; padding: 3px 5px 0 0; line-height:24px; margin-right: 10px; }


.navbar .navbar-nav.navbar-right>li i { font-size: 24px; line-height: 22px; position: relative;   }
.navbar .navbar-nav.navbar-right>li a sup { 
  display: inline-block; 
  position: relative; 
  top:-16px; 
  margin-left:-16px; 
  background: #10DD02;
  color:#fff;
  padding: 8px 5px 10px 5px;
  border-radius: 30px;
  font-size: 14px;
 
}

.open .dropdown-menu>li>a  { padding-left: 10px; padding-right: 10px; padding-bottom:5px; padding-top:5px; }

.navbar-nav.navbar-right> .open .dropdown-menu>li>a  {padding-left: 10px; min-width: 177px; padding-right: 10px; padding-bottom:5px; padding-top:5px;  }


.open .dropdown-menu>li>a em {
  background: #10DD02;
  color: #fafafa;
  position: relative;
  top: 4px;
  border-radius: 3px;
  padding-left: 2px;
  line-height: 14px;
  padding-right: 2px;
  font-style: normal;
  font-family:Arial, Helvetica, sans-serif;
  font-size: 14px;
  float: right;
  text-align: center;
  display: inline-block;
}

.top_button {
  display: none;
  position: relative;
  width: 100%;
  background: #101010;
  padding: 10px 15px 0;
  font-size: 16px;
  border: none;
  overflow: hidden;
  float: left;
  font-weight: 600;
}


.top_button button,
.top_button a {
  display: block;
  float: left;
  color: #fff;
  width: 45%;
  background: #2b2963;
  border: none;
  border-top: solid 1px rgba(255,255,255,0.3);
  padding: 2px 5px 2px;
  border-radius: 3px;
  text-align: center;
}
.top_button a {  text-decoration: none; float: right; }

.top_button span { display: block; text-transform: uppercase; border-bottom: solid 1px rgba(255,255,255,0.5); margin-bottom: 3px; }

.top_button button:hover,
.top_button a:hover,
.top_button button:focus,
.top_button a:focus { 
  background: #10DD02;
  transition: 0.9s; 
  text-decoration: none;
  outline: none;

}

.filter {
  width: 100%;
  text-align: left;
  background: #937565;
  padding: 10px 15px 10px 15px;
  border: none;
  border-bottom: solid 1px #2b2963;
  border-radius: 0;
  font-size: 16px;
  display: none;
  color: #999;
  box-shadow: 0 0px 5px 3px rgba(0,0,0,.2);
 
}
.filter i {
  font-style: normal;
  display: block;
  background: #fff;
  padding: 10px 7px 10px;
  font-size: 16px;
  border: solid 1px #2b2963;
  border-radius: 3px;
  box-shadow: inset 1px 1px 1px rgba(30,30,30,.200);
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}

.filter i:after {  
  content: "\f002";
  padding-right: 5px;
  position: relative;
  top: -2px;
  color: #2b2963;
  float: right;
  font-size: 18px;
  font-family: FontAwesome;  
}
.affix .filter {
  color: #333;
  padding: 15px 15px 15px 15px;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}
.affix .filter i {
  padding: 7px 7px 7px 7px;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}


.filter:hover,
.filter:focus { outline: none; } 
.filter_kapat { 
  display: none;
  background: transparent;
  border: none;
  border-bottom: solid 1px #888;
  font-size: 18px;
  font-weight: 600;
  text-align: right;
  width: 100%;
  top: 0px;
  margin-top:15px;
  margin-bottom: 10px;
  padding: 0 0 5px 0;
  position: relative;
  text-transform: uppercase;
}
.filter_kapat span { float: left; }
.filter_kapat span:before { 
  font-family: FontAwesome;  
  padding-right: 5px;  
  content: "\f002"; 
}
.filter_kapat:after { 
  font-family: FontAwesome;  
  margin-left: 7px;  
  content: "\f00d";  
  color: #fff;
  font-weight: 400;
  text-align: center;
  width: 25px;
  height: 25px;
  display: inline-block;
  border-radius: 3px;
  background: #2b2963;
  text-shadow: none;
  position: relative;
  line-height: 25px;
  top: 0px;
}
.filter_kapat:hover:after {
  color: #fff;
  background: #10DD02;
  transition: 0.9s;  
  transform: rotateX(360deg);
  padding-right:0; 
}
.filter_kapat:focus { outline: none; }

.ilanlar {
  display: block;
  margin-top: 0;
}
.ilanlar .filtre {
  background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(253,253,253,1) 25%, rgba(250,250,250,1) 50%, rgba(250,250,250,1) 75%, rgba(250,250,250,0.03) 100%);
  background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(253,253,253,1) 25%,rgba(250,250,250,1) 50%,rgba(250,250,250,1) 75%,rgba(250,250,250,0.03) 100%); 
  background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(253,253,253,1) 25%,rgba(250,250,250,1) 50%,rgba(250,250,250,1) 75%,rgba(250,250,250,0.03) 100%); 
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#08fafafa',GradientType=0 ); 
  padding: 10px 0 5px 0;
  font-size: 14px;
  border: solid 1px #ccd4dc;
  border-radius: 3px;
  display: block;
  position: relative;
  margin-bottom: 20px;
  box-shadow: 0 0px 5px 1px rgba(150,150,150,.2);
  
}

.ilanlar .filtre span i { font-style: normal; font-weight: 600; }
.ilanlar .filtre select,
.ilanlar .filtre input {
  background: #fff;
  border: solid 1px #e0e5eb;
  font-weight: 400;
  display: inline-block;
  width: auto;
  margin-right: 8px; 
  font-size: 14px;
 
}

.ilanlar .filtre select { padding: 5px 3px; cursor: pointer; }
.ilanlar .filtre .secili { background: #ff0000 }
.ilanlar .filtre input { padding: 5px 7px;  width: 80px; }
.ilanlar .filtre button {
  cursor: pointer; 
  background: #fafafa; 
  color: #666;
  border: solid 1px #e0e5eb;
  padding: 6px 7px; 
  font-weight: 600;
  border-radius: 4px;
  text-align: center;
  letter-spacing: 1px;
  transition: 0.3s;
  height: 34px;
 
}
.ilanlar .filtre button:before {
  display: inline-block;
  width: 15px;
  height: 15px;
  line-height: 16px;
  content: "\f00c";
  margin-right: 3px;
  position: relative;
  top: -1px;
  font-family: FontAwesome; 
}

.detayli-filtre { display:none; transition: all .9s ease;  }
.detayli-filtrele { 
  height: 34px; 
  float: right; 
  margin-left: 10px; 
  padding-top:3px; 
  padding-left: 3px; 
  padding-right: 3px;  
  font-weight: 600;  
  font-size: 14px; 
  cursor: pointer;
  display: inline-block; 
  border: solid 1px transparent;
  border-radius: 3px;
  line-height: 24px;
  width: 120px;
  margin-right: 25px;
  text-align: right;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.detayli-filtrele:after {   font-family: FontAwesome;  content: "\f0b0"; padding-left: 5px; font-weight: 400; font-size: 18px; }
.detayli-filtrele.filtre-kapat:after  {  color: #2b2963; position: relative; top: 1px;   content: "\f2d3"; }

.detayli-filtrele:hover { color: #fafafa; transition: all .3s ease;   background: #10dd02; text-shadow: none; border: solid 1px #1b9e01; }
.detayli-filtrele.filtre-kapat:hover { color: #2b2963; transition: all .3s ease; background: transparent; border: solid 1px transparent; text-shadow: none;  }
.detayli-filtrele.filtre-kapat:hover:after { color: #10dd02; }




.ilanlar .filtre .search { margin-right: 28px; float: left; width: 305px;  }
.ilanlar .filtre .search input { width: 90%; border-radius: 3px 0 0 3px; border-right: none; margin-right: 0; float:left; }
.ilanlar .filtre .search button { width: 10%; border-radius: 0 3px 3px 0; height: 34px; float:left;}

.ilanlar .filtre .search button:before { content: "\f002";  margin-right: 0; }


.ilanlar .filtre button:hover { transition: 0.3s; color: #fafafa; background: #10dd02; text-shadow: none; border: solid 1px #1b9e01;   }
.ilanlar .filtre button:focus { transition: 0.3s; color: #fafafa; background: #39ff2b; text-shadow: none; outline: none;  border: solid 1px #10dd02; }

.ilanlar .filtre button:hover:before { content: "\f00c"; }
.ilanlar .filtre button:focus:before { content: "\f110"; transition: all .9s ease; transform: rotateZ(360deg); top:1px;   }
.ilanlar .filtre .ilce select { width: 75px; }
.ilanlar .filtre .mahalle select { width: 140px; }
.ilanlar .filtre .fiyat { margin-right: 10px; }
.ilanlar .filtre .fiyat input { margin-right: 0px; }



.ilanlar .filtre .ilan_no input { width: 60px; margin-right: 0; }





.affix {
  top: 0;
  z-index: 9999;
  width: 100%;
  right: 0;
}
.affix .filtre {
  background: #937565;
  color: #fafafa; 
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  border-radius: 0;
  border: none;
  font-size: 16px;
  border-bottom: solid 1px #2b2963;
  box-shadow: 0 0px 5px 1px rgba(30,30,30,.5);

 }


.affix .filtre select,
.affix .filtre input { width: 65px; margin-right: 5px; font-size: 16px; padding: 4px 0 4px  0; border: solid 1px #2b2963;  }
.affix .filtre input { padding: 7px 7px 6px 7px;  width: 90px;margin-right:0px;  }
.affix .filtre .ilce select { width: 85px; }
.affix .filtre .mahalle select { width: 140px; font-size: 16px; }
.affix .filtre .metre  { margin-left: 10px; }
.affix .filtre .metre input { width: 70px; }
.filtre .kat select { width: 66px;}
.affix .filtre .kat select { width: 70px;}


.affix .filtre .search { width: 340px; margin-right: 15px;  }
.affix .filtre .search button { margin-right: 0px; width: 10%;}
.affix .filtre .search input {padding-right: 2px; width: 90%; }

.ilanlar .filtre .search .easy-autocomplete,
.affix .filtre .search .easy-autocomplete  { min-width: 100%; }

.ilanlar .filtre .search .easy-autocomplete input,
.affix .filtre .search .easy-autocomplete input { width: 90%;  }


.affix .filtre .ilan_no input { margin-right: 5px; }

.affix .filtre .fiyat { margin-right: 5px; }
.affix .filtre .detayli-filtrele { margin-right: 0; margin-left: 5px; }


.affix .filtre button { margin-right: 0; padding: 6px 4px 5px 4px; color: #fafafa; background: #2b2963; border: solid 1px #2b2963;}


.affix .filtre button:hover { transition: 0.3s; color: #fafafa; background: #39ff2b; text-shadow: none; outline: none;  border: solid 1px #10dd02;  }


.affix .filtre button:before { margin-right: 8px; } 


.filtre input:focus { border-color: #2b2963; outline-offset: 0; outline: none; box-shadow: inset 0px 1px 2px rgba(43,41,99,.400); }
.filtre select:focus  { border-color: #2b2963;  outline-offset: 0; outline: none; box-shadow: 0px 0px 6px rgba(43,41,99,.500); }

.affix_kapat { position: relative; }
input.form-control,
select.form-control {
  border-radius: 3px
}


.breadcrumb { 
  display: block; 
  border-radius: 0;  
  position: relative; 
  height: 28px; 
  background: #fafafa; 
  padding: 3px 5px; 
  margin-bottom: 15px;  
  border: solid 1px #e0e5eb;  
  border-radius: 3px;
  overflow: hidden;
}
.breadcrumb li { 
  list-style: none; 
  display: inline-block; 
  float:left; 
  padding-left: 0; 
  font-weight: 400; 
  color:#777;
  padding-right: 5px;
  font-size: 14px; 
  text-transform: capitalize;
}

.breadcrumb li a { color: #777; text-transform: capitalize;  }
.breadcrumb>li:first-child:before{ padding-right: 3px; color:#777;content:"\f015"; font-family: FontAwesome; font-weight: 400;}
.breadcrumb>li+li:before{ padding:0 10px; color:#ccc;content:"\f105"; font-family: FontAwesome; font-weight: 600;}
.breadcrumb li.active a,
.breadcrumb li:last-child a  { color: #444; }
.breadcrumb li:first-child:hover:before,
.breadcrumb li:hover a,
.breadcrumb li a:focus {
  color: #000;
  text-decoration: none;
  outline: none;
}



h1 {
  display: inlne-block;
  text-align:left;
  color: #333;
  text-shadow: none;
  margin-top: 1px;
  margin-right: 5px;
  padding-left: 3px;
  float: left;
  font-size: 28px;
  font-family: 'ProximaNovaBold', serif;
}

h1:before { 
  font-family: FontAwesome; 
  padding-right: 10px;
  font-weight: 400;
}


.ust-baslik { margin-top: 0; font-size: 16px; }
.ust-baslik u { color: #2b2963; text-decoration: none; text-transform: capitalize; }
.ust-baslik.bulunamadi p em { font-style: normal; }
.ust-baslik.bulunamadi p em:before { content: "\f105";  font-family: FontAwesome;  padding-right: 5px;  }

h1.bulunamadi { display: block; width: 100%; }

h1.konum {  font-size: 18px;  padding-left: 6px; overflow:hidden; white-space:nowrap; }
h1.konum:before { content: "\f041"; padding-right: 5px; }
h1.talep:before { content: "\f0b1"; }
h1.danismanlar:before { content: "\f0c0"; }
h1.notlar:before { content: "\f14b"; }
h1.ilanhatirlatma:before { content: "\f0a2"; }
h1.mesajhatirlatma:before { content: "\f0a2"; }
h1.talephatirlatma:before { content: "\f0a2"; }
h1.mesajlar:before { content: "\f003"; }
h1.gidenmesajlar:before { content: "\f1d9"; }
h1.copmesajlar:before { content: "\f014"; }
h1.ilan-ver:before { content: "\f0f7"; }
h1.profil:before { content: "\f2bd"; }
h1.duzenle:before { content: "\f013"; }
h1.ara:before { content: "\f002"; }
h1.iletisim:before { content: "\f098"; }
h1.giris:before { content: "\f090"; }
h1.uye-ol:before { content: "\f2c0"; }
h1.etiketler:before { content: "\f145"; }
h1.pasif:before { content: "\f1e6"; }
h1.yonetim:before { content: "\f085"; }
h1.ilanlar:before { content: "\f0f7"; }
h1.uyeler:before { content: "\f007"; }
h1.bloke:before { content: "\f05e"; }
h1.yeni:before { content: "\f069"; }
h1.olustur:before { content: "\f1ea"; position: relative; top: 2px; }
h1.haber:before { content: "\f1ea"; position: relative; top: 2px; }
h1.flag:before { content: "\f024"; }

.ust-baslik p { display: inline-block; float: right;  }
.ust-baslik p b { color: #2b2963; }
.ust-baslik p:before { 
  font-family: FontAwesome; 
  padding-right: 5px;
  font-weight: 400;
  content: "\f024";
} 
.ust-baslik p.duzenle:before { content: "\f013"; } 


h1.bulunamadi span i { font-style: normal; color: #2b2963; }
.ust-baslik.bulunamadi p { float: left; display: inherit; font-size: 18px; padding-left: 5px;}
.ust-baslik.bulunamadi p:before { content: ""; padding-right:0; } 
.ust-baslik.bulunamadi p i { font-style: normal; color: #2b2963; }

.ust-baslik a.button,
.ust-baslik button {
  display: inline-block;
  padding: 10px 10px;
  background: #fafafa;
  color: #444;
  font-weight: 600;
  border: solid 1px #e0e5eb;
  border-radius:3px;
  font-size: 14px;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 30px;
  margin-top: 10px;
  width: 49%;
}
.ust-baslik a.b.button { width: 100%; }
.ust-baslik button { margin-bottom: 0; float: right; }
.ust-baslik button.filter1{ display: none; }

.ust-baslik a.button:hover,
.ust-baslik button:hover { color: #fafafa; background: #10dd02; text-shadow: none; border: solid 1px #1b9e01; text-decoration: none;   }
.ust-baslik a.button:focus,
.ust-baslik button:focus { color: #fafafa; background: #39ff2b; text-shadow:none; outline: none;  border: solid 1px #10dd02; }
.ust-baslik a.button:before { font-family: FontAwesome; display: inline-block; width: 25px;  content: "\f0f7"; font-weight: 400 }
.ust-baslik a.y.b.button:before { content: "\f085"; }
.ust-baslik a.e.b.button:before { content: "\f145"; }

.ust-baslik button:before { font-family: FontAwesome; display: inline-block; width: 25px;  content: "\f002"; font-weight: 400; }
.ust-baslik a.button:hover:before,
ust-baslik a.y.b.button:hover:before,
.ust-baslik button:hover:before { content: "\f00c"; }
.ust-baslik a.button:focus:before,
.ust-baslik a.y.b.button:focus:before,
.ust-baslik button:focus:before { content: "\f00c"; }

.kaldir { margin-bottom: 0; }

.kaldir a { 
  display: inline-block;
  padding: 2px 5px;
  margin-right: 10px;
  background: #fafafa;
  border: solid 1px #e0e5eb;
  border-radius: 3px;
  color: #777;
  font-size: 14px;
  margin-bottom:20px;
}
.kaldir a:last-child {  margin-right: 0; }
.kaldir a:after {  
  width: 25px;
  color: #fafafa;
  background: #f7868b; 
  text-align:center;
  display: inline-block;
  content: "\x";
  font-weight: 600;
  position: relative;
  margin-right: -3px;
  margin-left: 7px;
  border-radius: 3px;
}
.kaldir a:last-child:after { font-family: FontAwesome; content: "\f014"; font-weight: 400; background: #2b2963; }
.kaldir a i { font-weight: 600; font-style:normal; color: #333; }
.kaldir a:hover { 
  text-decoration: none; 
  border-color: #2b2963;
  background: #fff;
  color: #333;
}
.kaldir a:hover:after { 
  background: #2b2963; 
}
.kaldir a:hover i { color: #2b2963; }


.bilgi {
  display: block;
  width: 100%;
  margin-bottom: 15px;
  padding: 7px 10px ;
  background:#569be9; 
  color: #fafafa;
  border-radius: 3px;
  border: solid 1px #397bc6;
  font-size: 18px;
  box-shadow: 0 2px 2px 1px rgba(150,150,150,.4);
  font-family: 'ProximaLight', serif;
  text-transform: capitalize;
}
.bilgi:before {
  content: "\f06a";
  font-family: FontAwesome; 
  padding-right: 7px;
  font-weight: 400; 
}
.bilgi.basarili { background:#39c661;  color: #fff; border: solid 1px #239d46; }
.bilgi.basarili:before { content: "\f058"; }
.bilgi.hata { background:#2b2963;  color: #fafafa; border: solid 1px #bf0a12; }
.bilgi.hata:before { content: "\f071"; }


.durum {
  display: block;
  width: 100%;
  color: #fafafa;
  border-radius: 3px;
  padding: 0;
  line-height: 40px;
  font-size: 30px;
  letter-spacing: 3px;
  font-family: 'ProximaBlack', serif;
  text-align: center;
  text-transform: uppercase; 
}

.durum.pasif { background: #2b2963;  border: solid 1px #cc0c14;  text-shadow: none;}
.durum.bekliyor { background: #29a121;  border: solid 1px #187612;  text-shadow: none;}

.durum.bloke { background: #000; border: solid 1px #000; text-shadow: none; }
.durum.etiketli { box-shadow: none; background: #fff; border: solid 1px #2b2963; color: #2b2963; padding: 0; line-height: 40px; text-shadow: none; }
.durum.etiketli:before { 
  font-family: FontAwesome;
  display: inline-block;
  font-size: 24px;
  width: 40px;
  border-radius: 3px 0 0 3px;
  float: left;
  background: #2b2963;
  color: #fff;
  position: relative; 
  content: "\f145";
}
.durum.pasif:before,
.durum.bloke:before,
.durum.bekliyor:before { 
  font-family: FontAwesome;
  display: inline-block;
  font-size: 24px;
  width: 40px;
  border-radius: 3px 0 0 3px;
  float: left;

  position: relative; 
  content: "\f2ce";
}

a.kapat,
button.kapat {
  display: inline-block;
  color: #fafafa;
  background: #2b2963;
  border-radius: 3px;
  width: 27px;
  height: 27px;
  text-align: center;
  font-size: 24px;
  line-height: 24px;
  font-weight: 600;
  text-decoration: none;
  float: right;
  border: solid 1px #2b2963;
  text-align: center;
  text-decoration: none;
}
.kapat.d { margin: -32px 0 13px 0;  }


button.kapat { padding-top: 0; }


.kapat:focus {
  background: #fff; 
  color: #2b2963; 
  transition: 0.2s;
  text-decoration: none;
  outline: none
}


.butonlar {
  background: #fafafa;
  border: solid 1px #e0e5eb; 
  padding: 5px;
  border-radius:3px;
  margin-bottom: 10px; 
  margin-top:10px;
  float: left;
  display: block;
  width: 100%;
}
.butonlar.buyuk {  position: relative; overflow: hidden; }
.butonlar form { display: inline-block; }

.butonlar select { background: transparent; border: none;  cursor: pointer; }
.butonlar select:focus { outline: none; color: #444; }
.butonlar a:before,
.butonlar a:after,
.butonlar button:before,
.butonlar button:after,
.butonlar .sec:before {
  font-family: FontAwesome; 
  padding-right: 3px;
  padding-left: 3px;
  font-weight: 400;
  display: inline-block;
  width: 23px;

}
.butonlar .sol { float: left; text-align:left; width: 65%; display: inline-block; }
.butonlar .sag { width: 35%; text-align:right;  display: none; float: right; }
.butonlar .sol.ilanim { width: 45%; }
.butonlar .sag.ilanim { width: 55%; }


.butonlar a,
.butonlar button,
.butonlar .sec { 
  display: inline-block;
  padding: 3px 5px;
  border: solid 1px #e0e5eb; 
  border-radius: 3px;
  font-size: 16px;
  color: #333;
  background: #fff;
  text-decoration: none;
  text-align:center;
  font-weight: 400;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  
}
.butonlar.buyuk .sec { display: block; margin-bottom:15px; }
.butonlar.buyuk .sec select { display:block; width: 98%; float: right; padding: 3px;}

.butonlar a span  { padding-right: 5px; }
.butonlar a:hover,
.butonlar button:hover,
.butonlar .sec:hover {
  text-decoration: none;
  transition: 0.2s;
  border-color: #2b2963; 
  color: #2b2963;
}

.butonlar .kaydet {
  border-color: #0da902; 
  background: #10dd02;
  color: #fafafa;
}
.butonlar .kaydet:hover {
  border-color: #10dd02; 
  background: #39ff2b;
  color: #fafafa;
}



.butonlar .sol a,
.butonlar .sol button  { margin-right: 10px; }
.butonlar .sag a,
.butonlar .sag button  { margin-left: 10px; }

.butonlar .cop:hover,
.butonlar .sil:hover { background:#2b2963; color: #fff; }

.butonlar .cop:before { content: "\f1f8"; }
.butonlar .sil:before { content: "\f05e"; }
.butonlar .okunmadi:before { content: "\f070"; }
.butonlar .duzenle:before {content: "\f013"; }
.butonlar .bilgiler:before {content: "\f2c2"; }
.butonlar .not-ekle:before {content: "\f044"; padding-right: 3px; }
.butonlar .onceki:before { content: "\f053"; }
.butonlar .sonraki:after { content: "\f054"; }
.butonlar .kaydet:before { content: "\f0c7"; }
.butonlar .iptal:before { content: "\f00d"; }
.butonlar.buyuk .kaydet:before { margin-right: 10px; }

.butonlar .yeni:before { content: "\f069"; }
.butonlar .sec.etiketim:before { content: "\f145"; width: 15px; }
.butonlar .sec.durumum:before { content: "\f2ce"; width: 15px; }



.butonlar a:focus,
.butonlar button:focus {
  text-decoration: none;
  outline: none;
}
.butonlar a:focus:before,
.butonlar button:focus:before { content: "\f110"; transition: 0.9s;  transform: rotateZ(360deg);}
.butonlar .bilgiler:focus:before {content: "\f2c2";  transform: rotateY(360deg); }


.ilan a {
  background: #fff;
  display: block;
  position: relative;
  width: 100%;
  margin-bottom: 30px;
  border: solid 1px #e0e5eb;
  border-radius: 3px;  
  text-decoration:none;
  color: #333;
  transition: 0.3s;
  overflow: hidden;
}

.ilan .resim {
  float: left;
  width:23%;
  border-right: solid 1px #e0e5eb; 
  padding: 1px;
}
.ilan .resim img {
  width:100%;
  height:100%;
  border-radius: 3px 0 0 3px;

}
.ilan .detay {
  float: left;
  width:77%;
}

.ilan .baslik  {
  display: block;
  width: 100%;
  letter-spacing: 0;
  padding: 15px 10px 12px 10px;
  background: #fafafa;
  color: #444;
  font-size: 16px;
  font-weight: 600;
  border-radius: 0px 3px 0 0;
  margin-bottom: 22px;
}

.ilan .baslik:before { 
  float: left; 
  content: "\f041"; 
  font-family: FontAwesome; 
  padding-right: 5px;
  position: relative;
  display: block; 
  top: -1px; 
}

.ilan .baslik span:first-child {
  float: left;
  display: block;
  max-width: 420px;
  margin-right: 5px;
  overflow: hidden; 
  white-space:nowrap; 
  text-overflow: ellipsis;
}
.ilan .baslik del { text-decoration: none; }
.ilan .baslik em { font-style: normal; display: none; }
.ilan .baslik b { padding: 2px 4px; border-radius: 3px; }
.ilan .baslik u { float: right; text-decoration: none; color: #777;  font-size:14px; font-weight: 400;  }
.ilan .baslik u:before { 
  content: "\f0f7"; 
  font-family: FontAwesome; 
  padding-right: 5px; 
}

.ilan .ozellik {
  padding: 0 10px 10px 10px;
  font-size: 16px;
}
.ilan .ozellik span {
  display: inline-block;
  background: #fafafa;
  padding: 8px 8px 6px 8px;
  margin-right: 10px;
  border-radius:3px;
}
.ilan .ozellik span i {
  font-style:normal;
  font-weight: 600;
  color: #777;
}
.ilan .ozellik b {
  background: #2b2963;
  color: #fbfbfb;
  padding: 8px 8px 6px 8px;
  float: right;
  border-radius: 3px;
  font-size: 16px;
  position: relative;
  transition: 0.3s;
}
.ilan .aciklama {
  margin: 0 ;
  padding-top:10px;
  font-family: 'ProximaLight', serif;
  padding: 10px;
  width: 100%;
  float: left;
  line-height:26px;
  font-size: 16px;
  border-top: solid 1px #e0e5eb; 
}

.ilan .aciklama.i {
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical; 
  
}

.ilan .aciklama b { font-family: 'ProximaNovaBold', serif; }


.notum { 
  margin: 0 10px 10px 10px;
  padding: 10px;
  background: #fdfdd6;
  color: #222;
  overflow: hidden;
  border-radius: 3px;
}
.notum h3 { 
  display: block;
  width: 100%;
  border-bottom: solid 1px #999;
  padding-bottom: 10px;
  margin-bottom: 10px;
  margin-top: 0;

}

.notum.bugun { color: #fafafa;  }


.notum.bugun h3  { border-color: #fafafa;  }

.notum.bugun { background: #de0000; }
.notum h3:before { 
  content: "\f0a2"; 
  font-family: FontAwesome; 
  padding-right: 10px;
}

.asn { display:block; background:none; border: none; min-height:20px; float:right; width:95%; position: relative; padding:0; margin:0;}
.asn:focus { outline: none; min-height:50px; resize:none; }

.ilan a:visited { border: solid 1px #f1f1f1; }

.ilan a:visited .baslik { color: #d0d0d0; }
.ilan a:visited .baslik u { color: #d0d0d0; }
.ilan a:visited .ozellik span,
.ilan a:visited .ozellik span i  { color: #d0d0d0; }
.ilan a:visited .ozellik b { background: #f6c3c3;  }
.ilan a:visited .aciklama,
.ilan a:visited .aciklama b { color: #d0d0d0; }
.ilan a:visited .notum { background: #d67f7f; color: #666 }
.ilan a:visited .notum h3 {  color: #eee; border-color: #bbb; color: #bbb; }



.ilan a:hover { 
  border-color: #10dd02; 
  box-shadow: 0px 0px 6px rgba(16,221,2,.500);
  transition: 0.3s;
  text-decoration:none;
}

.ilan a:hover .baslik { color: #000; }
.ilan a:hover .baslik u { color: #000; }
.ilan a:hover .ozellik span { color: #333; }
.ilan a:hover .ozellik span i  { color: #777; }
.ilan a:hover .ozellik b { background: #10dd02; color:#fff; transition: 0.3s; }
.ilan a:hover .aciklama,
.ilan a:hover .aciklama b { color: #444; }


.ilan a:focus {  border-color: #10dd02;  box-shadow: 0px 0px 10px rgba(16,221,2,.900); }
.ilan a:focus .ozellik b { background: #000; transition: 0.3s; }
.ilan.visit a,
.ilan.visit a:visited { border: solid 1px #2b2963; transition: 0.3s; }
.ilan.visit a:hover { box-shadow: 0 0px 5px 1px rgba(255,68,0,.4); transition: 0.3s; }


#ilan { display: block; margin:0; padding:0; }

#ilan h1 { 
  margin: 0; 
  padding: 0;
  color: #333;
  text-shadow: none;
  text-align: left;
}


.ilan-detay {
  display: block;
  width: 100%;
  float: left;
}


.drag  {
  width: 510px;
  display: block;
  min-height: 355px;
  border: solid 1px #e0e5eb;
  border-radius: 3px;
  margin-bottom: 15px;
  margin-right: 15px;
  float: left;
  padding: 4px;

}
.form-resimler .drag  {  width: 100%; min-height: 100px; margin-bottom: 0px;}
.drag u { 
  display: block; 
  position:absolute; 
  margin-left: 6px;
  width: 113px;
  margin-top: 6px;
  text-decoration: none;
  background:rgba(255,68,0,.600); 
  color: #fff;
  font-weight: 800;
  border-radius: 3px 3px 0 0;
  font-size: 12px;
  padding-top: 1px;
  padding-bottom: 1px;
  text-align: center;
  z-index: 2;
}
.drag u.h { display: none; } 
 
.drag .resim {
  display: inline-block;
  float: left;
  text-align: center;
  margin: 5px;
  width: 115px;
  height: 105px;
  padding: 5px;
  border: solid 1px #e0e5eb;
  border-radius: 3px;
  overflow: hidden;
  background: #fff;  
}

.form-resimler .drag .resim {  margin: 12px; }
.form-resimler .drag u { margin-left: 13px; margin-top: 13px; display: none; }
 

.drag .resim label {
  display:block;
  float: left;
  text-align: center;
  width: 100%;
  height: 100%;
  border-radius: 3px;
  background: #fff;
  cursor: pointer; 
}
.drag .resim label:before {
  font-family: FontAwesome; 
  content: "\f030";
  font-size: 40px;
  padding-top: 5px;
  font-weight: 400;
  display: block;
}
.drag .resim.iptal-et { display: none; }

.drag .resim.iptal-et label:before {
  content: "\f00d";
  color: #2b2963
}
.drag .resim label i { 
  font-style: normal; 
  background: #fafafa; 
  height: 33px; 
  border-top: solid 1px #e0e5eb; 
  display: block; 
  margin-left: -5px; 
  margin-right: -5px;
  margin-top: 3px; 
  padding-top: 5px; 
  border-radius: 0 0 3px 3px;
}
.drag .resim label:hover:before { content: "\f00c"; color: #10dd02;  }
.drag .resim label input { display: none; }
.drag .resim:first-of-type { border-color: #2b2963; }
#on-izleme .resim:first-of-type { border-color: #e0e5eb; }

.drag .resim span:first-child { 
  display: block;
  position: relative; 
  border-radius: 3px;
}
.drag .resim span:first-child:hover { cursor:move; transform: scale(1.1); transition: all .5s ease; z-index: 3; }

#on-izleme { margin: 0; padding:0; }
#on-izleme .resim span:first-child:hover { cursor:default; transform: none; transition:none; z-index: 3; }

.drag .resim span:first-child img {
  height: 60px;
  display: inline-block;
  max-width: 101px;
  border-radius: 3px;
  transition: all .5s ease ; 
}

.drag .resim span:last-child { 
  display: block; 
  border-top: solid 1px #e0e5eb; 
  background: #fafafa; 
  height: 33px; 
  margin: 5px -5px -5px -5px; 
  text-align: left; 
  padding: 6px  5px 6px; 
  position: relative; 
  border-radius: 0 0 3px 3px;
}

.drag .resim span:last-child:before { padding-right:4px;}

.drag .resim:nth-child(2) span:last-child:before { content: "1."; }
.drag .resim:nth-child(3) span:last-child:before { content: "2."; }
.drag .resim:nth-child(4) span:last-child:before { content: "3."; }
.drag .resim:nth-child(5) span:last-child:before { content: "4."; }
.drag .resim:nth-child(6) span:last-child:before { content: "5."; }
.drag .resim:nth-child(7) span:last-child:before { content: "6."; }
.drag .resim:nth-child(8) span:last-child:before { content: "7."; }
.drag .resim:nth-child(9) span:last-child:before { content: "8."; }
.drag .resim:nth-child(10) span:last-child:before { content: "9."; }
.drag .resim:nth-child(11) span:last-child:before { content: "10."; }
.drag .resim:nth-child(12) span:last-child:before { content: "11."; }
.drag .resim:nth-child(13) span:last-child:before { content: "12."; }
.drag .resim:nth-child(14) span:last-child:before { content: "12."; }
#on-izleme .resim span:last-child:before { content: ""; }


.drag .resim span:last-child button { 
  float:right; 
  position: relative; 
  text-decoration: none; 
  color: #555;
  background: transparent;
  border: none;
  padding: 0;
}


.drag .resim span:last-child button:before { 
 font-family: FontAwesome;
 content: "\f05e";
 padding-right: 3px;
 font-weight: 400;
 display: inline-block;
 width: 15px;
 float: left;
}
.drag .resim span:last-child:hover button { color: #2b2963; }
.drag .resim span:last-child button:hover { color: #10dd02; }
.drag .resim span:last-child button:focus { outline:none; }
.drag .resim span:last-child button:hover:before { content: "\f058";}
.drag .resim span:last-child button:focus:before { content: "\f110"; color: #10dd02;  transition: 0.9s;  transform: rotateZ(360deg); }


.drag .resim:hover { box-shadow: 0px 1px 1px 0 rgba(50,50,50,.325); }
#on-izleme .resim:hover { box-shadow:none; }



.ilan-resimleri {
  width: 510px;
  min-height: 300px;
  display: block; 
  margin-right: 15px;
  float: left;
}

.ilan-resimleri img {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.ilan-resimleri .vitrin {
  width: 100%;
  display: block;
  height: 384px;
  border: solid 1px #e0e5eb;
  padding: 1px;
  border-radius: 3px;
}
.ilan-resimleri .vitrin .count {
  display: none;
  position: absolute;
  padding: 2px  5px;
  border-radius: 3px 0 3px 0;
  background:rgba(0,0,0,.600);
  color: #fff;
  font-weight: 600;
 
}
.ilan-resimleri .vitrin a,
.ilan-resimleri .vitrin span {
  display: block;
  text-align: center;
  background: #fff;
  border-radius: 3px;
  overflow: hidden;
  cursor: pointer;
}

.ilan-resimleri .vitrin img {
  width: 100%;
  height: 100%;
}

.ilan-resimleri .resim-buton {
  display: block;
  width: 100%;
  border: solid 1px #e0e5eb;
  border-radius: 3px;
  margin-bottom: 15px;
  overflow: hidden;
  margin-top: 15px;
}

.ilan-resimleri .resim-buton a,
.ilan-resimleri .resim-buton span {
  display: block;
  width: 33%;
  float:left;
  padding: 3px 10px;
  margin-right: 2px;
  text-align: center;
  border-right: solid 1px #e0e5eb;
  cursor: no-drop;
  color: #555;
  font-weight: 600;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; 
}
.ilan-resimleri .resim-buton a:hover,
.ilan-resimleri .resim-buton a:focus,
.ilan-resimleri .resim-buton a:active,
.ilan-resimleri .resim-buton span:hover { 
  text-decoration: none; 
  color: #2b2963;
  outline: none;
}

.ilan-resimleri .resim-buton a:last-child:hover,
.ilan-resimleri .resim-buton a:last-child:focus,
.ilan-resimleri .resim-buton a:last-child:active { color: #10dd02;}
.ilan-resimleri .resim-buton .yok {  color: #ccc; }
.ilan-resimleri .resim-buton .yok:hover { cursor: no-drop; color: #ccc; }


.ilan-resimleri .resim-buton span:first-child:hover { cursor: zoom-in; }
.ilan-resimleri .resim-buton a:last-child:hover { cursor: pointer; }
.ilan-resimleri .resim-buton a:last-child { border-right:none; margin-right: 0;  }
.ilan-resimleri .resim-buton span:before {
 font-family: FontAwesome;
 content: "\f03d";
 padding-right: 5px;
 font-weight: 400;
}

.ilan-resimleri .resim-buton a:before {
 font-family: FontAwesome;
 padding-right: 5px;
 font-weight: 400;
}
.ilan-resimleri .resim-buton span:first-child:before { content: "\f00e"; }
.ilan-resimleri .resim-buton a:last-child:before { content: "\f095"; }

.ilan-resimleri .kucuk-resim  {
  width: 100%; 
  display: block;
  padding: 1px;
  float: left;
  margin-bottom: 15px;
  border: solid 1px #e0e5eb;
  border-radius: 3px;
}


.swiper-container { width: 100%; margin: 0; }
.swiper-slide {
  text-align: center;
  max-height: 66px;
  max-width: 89px;
}
.swiper-slide img {
  width: 100%;
  height: 100%;
  border-radius: 3px;  
  cursor: pointer;
}

.swiper-slide img:hover { opacity: 0.5; }


.ilan-fiyat {
  display: block;
  width: 322px;
  float: left;
  border: dashed 1px #ccc4dc;
  padding: 10px 10px 9px;
  margin-bottom: 15px;
  border-radius: 3px;
  background: #f1f1f1;
}

.ilan-fiyat i {
  font-weight: 600;
  font-size: 14px;
  font-style: normal;
  border-right: dashed 1px #ccc4dc;
  display: inline-block;
  width: 50%;
  line-height: 14px;

}
.ilan-fiyat i u { font-weight: 400; color: #2b2963;  text-decoration: none; line-height: 18px; }
.ilan-fiyat i:last-child { float: right;  border-right: none; text-align: right; }

.ilan-fiyat i:before { 
  font-family: FontAwesome; 
  padding-right: 5px;
  font-weight: 400;
  content: "\f02b";
} 
.ilan-fiyat i:last-child:before { content: "\f0f7"; }

.ilan-ozellikleri { 
  width: 322px;
  display: block;
  float: left;
  background: #fff;
  padding: 7px 10px 5px 10px;
  border-radius: 3px;
  font-size: 16px;
  border: solid 1px #e0e5eb;
}

.ilan-ozellikleri table { display: block; width: 100%;  } 


.ilan-ozellikleri table tr {  
  padding-top: 6px;
  padding-bottom: 6px; 
  display: block; 
  width: 100%; 
  float: left; 
  border-bottom: solid 1px #dedede;  } 
.ilan-ozellikleri table:last-child tr:last-child { border-bottom: none;  } 
.ilan-ozellikleri table th { 
  text-align: left; 
  color: #777; 
  letter-spacing: 1px; 
  min-width: 140px;
} 
.ilan-ozellikleri table td { width: 100%; text-align: left;  } 
.ilan-ozellikleri table select,
.ilan-ozellikleri table input { background: transparent; border: none; padding: 0; border-bottom: solid 1px transparent;  margin: 0; width: 100%; }
.ilan-ozellikleri table select:focus,
.ilan-ozellikleri table input:focus { outline: none; box-shadow: none; border-bottom: dotted 1px #2b2963; color: #000; }
.ilan-ozellikleri table select { margin-left: -4px; cursor: pointer;  }
.ilan-ozellikleri table .kategori select:first-child { width: 45%; }
.ilan-ozellikleri table .kategori select { width: 55%; }



.ilan-form { 
  display: block;
  background: #fafafa;
  border: solid 1px #e0e5eb;
  border-radius: 3px;
  padding-left: 8px;
  padding-top: 4px;
  padding-bottom: 10px;
  width: 100%;
  float:left;

}


.ilan-form span { 
  display: inline-block;
  width: 18%;
  margin: 6px;
}
.ilan-form span select { padding: 2px; }
.ilan-form span input { padding: 5px; }
.ilan-form span input:focus { border-color: #10dd02; outline-offset: 0; outline: none; box-shadow: inset 0px 1px 2px rgba(40,40,40,.400); }
.ilan-form span select:focus  { border-color: #10dd02;  outline-offset: 0; outline: none; box-shadow: 0px 0px 6px rgba(16,221,2,.500); }


.form-resimler {
  display:block;
  text-align: center;
  width: 100%;
  position: relative;
  border: solid 1px #ccc;
  border-radius:3px;
  padding: 10px;
  margin-bottom: 100px;
  overflow: hidden;
}
.form-resimler h2 {  
  font-weight: 600; 
  font-size:22px;
}
.form-resimler h2:before { 
  content: "\f1c5";
  font-family: FontAwesome; 
  padding-right: 10px;
  font-weight: 400; 
  font-size:22px;
}



.ilan-aciklama { 
  width: 100%;
  float: left;
}
.ilan-aciklama h2 {  
  font-weight: 600; 
  font-size:22px;
}
.ilan-aciklama h2:before { 
  content: "\f024";
  font-family: FontAwesome; 
  padding-right: 10px;
  font-weight: 400; 
  font-size:22px;
}

.ilan-aciklama p { 
  width: 100%;
  padding: 10px;
  border: solid 1px #e0e5eb;
  background: #fff;
  border-radius: 3px;
  font-family: 'ProximaLight', serif; 
  font-size: 20px;
}

.ilan-aciklama textarea { 
  resize: none;
  width: 100%;
  display: block;
  min-height: 80px;
  border: solid 1px #e0e5eb;
  border-radius: 3px;
  background: #fff;
  padding: 10px 10px 2px 10px;
  font-family: 'ProximaLight', serif;
  font-size: 18px;
  overflow: hidden;
  box-shadow: inset 0px 1px 1px rgba(40,40,40,.100);
}
.ilan-aciklama textarea:focus {  border-color:#10dd02; outline: none; box-shadow: inset 0px 1px 2px rgba(40,40,40,.300); }

.ilan-bilgi {  
  width: 100%;
  padding: 0;
  border-radius: 3px;
  float: left;
  margin-bottom: 10px;
  font-size: 16px;
 
}

.ilan-bilgi h2 {  
  font-weight: 600; 
  font-size:22px;
}

.ilan-bilgi h2:before {  
  content: "\f2c3"; 
  font-family: FontAwesome; 
  padding-right: 10px;
  font-weight: 400; 
  font-size:22px;
}


.ilan-bilgi p {  display: block; width: 100%; font-size: 18px;  }
.ilan-bilgi p span { width: 48%; display: inline-block; border: solid 1px #e0e5eb; border-radius: 3px; padding: 5px 0 ;  }
.ilan-bilgi p.ilanno span { width: 100%; display: inline-block; border: solid 1px #e0e5eb; border-radius: 3px; padding: 5px 0 ; margin-top:20px; }
.ilan-bilgi p.ilanno span a { border-left: solid 1px #e0e5eb; padding-left: 10px; margin-left: 10px;  }
.ilan-bilgi p.ilanno span a:before { font-family: FontAwesome;   content: "\f0ac"; padding-right:5px; }

.ilan-bilgi p span:last-child { float: right;  }

.ilan-bilgi p span a  { text-decoration: none; color: #555;}
.ilan-bilgi p span:before {
  font-family: FontAwesome;
  width: 34px;
  height: 35px;
  padding-top: 5px;
  border-right: solid 1px #e0e5eb;
  font-weight: 400;
  position: relative;
  margin: -5px 5px -6px 0;
  float: left;
  content: "\f2c0";
  display: inline-block;
  background: #fafafa;
  text-align: center;
}
.ilan-bilgi p span:last-child:before { content: "\f095"; padding-top: 6px; }
.ilan-bilgi p.ilanno span:before { content: "\f0f7"; padding-top: 6px; }
.ilan-bilgi .notum { margin: 10px 0 0 0; border: solid 1px #e0e5eb; float: left; width: 100%; }
#ilan .butonlar .sag,
#ilan-ver .butonlar .sag {  display: inline-block; }
form .butonlar .sol.frm { width: 50%; display: inline-block;  }
form .butonlar .sag.frm { width: 50%; display: inline-block; }


.butonlar.buyuk .kaydet { width:100%; float: left; display:block; padding: 5px 10px 5px; font-size: 24px;}



.liste { margin: 0; padding:0; list-style: none; position: relative; overflow:hidden; }
.liste li a {
  float: left;
  background: #f5f5f5;
  display: block;
  width: 100%;
  padding: 5px;
  margin-bottom: 10px;
  border: solid 1px #e0e5eb;
  border-radius: 3px;  
  text-decoration:none;
  color: #333;
  transition: 0.3s;
  font-size: 16px;
  line-height: 24px;
  position: relative;
 
}


.liste li.bugun a { color: #fafafa; background: #2b2963; border-color: #2b2963;  }
.liste li a:visited { font-family: 'ProximaLight', serif; color: #ccc; background: #fff; }
.liste li.bugun a:visited  { background: #d8787c; border-color: #d8787c; color: #dedbdb;}

.liste li.yeni a,
.liste li.yeni a:visited {
  background: #10dd02;
  border: solid 1px #10dd02;
  color: #fafafa;
}


.liste li a:hover,
.liste li a:focus,
.liste li.yeni a:hover,
.liste li.yeni a:focus,
.liste li.bugun a:hover,
.liste li.bugun a:focus  {
  background: #fff;
  color: #2b2963;
  text-decoration: none; 
  border-color: #2b2963; 
  transition: 0.3s; outline: none;
}

.liste li i {
  display: inline-block;
  float: left; 
  font-style: normal; 
  width: 150px;
  overflow: hidden; 
  white-space:nowrap; 
  text-overflow: ellipsis;

}
.liste li i img {
  width: 23px;
  display: inline-block;
  margin-top: 1px;
  height: 23px;
  border-radius: 15px;
  margin-right: 5px;
  float: left;
}
.liste li i.i:before { 
  content: "\f2be"; 
  font-family: FontAwesome; 
  padding-right: 5px;
  font-size: 22px;
  position: relative;
  float: left;
  display: inline-block;
  top: 0;

}
.liste li em {
  display: inline-block;
  float: left; 
  font-style: normal; 
  width: 190px;
  overflow: hidden; 
  white-space:nowrap; 
  text-overflow: ellipsis;
  margin-left: 5px; 
}
.liste li em:before { 
  content: "\f05a"; 
  font-family: FontAwesome; 
  padding-right: 5px; 
}
#hatirlatma .liste li em:before { content: "\f14b";  }
.liste li u { 
  text-decoration: none;
  margin-left: 10px; 
  display: inline-block;
  float: left; 
  font-style: normal; 
  max-width: 170px;
  overflow: hidden; 
  white-space:nowrap; 
  text-overflow: ellipsis; 
}
.liste li u:before { 
  content: "\f0a2"; 
  font-family: FontAwesome; 
  padding-right: 5px; 
}

.liste li a span {  float: right;  }
.liste li a span:before { 
  content: "\f073"; 
  font-family: FontAwesome; 
  padding-right: 5px; 
}


#mesajlar  {
  float: left;
  display: block;
  position: relative;
  width: 100%;
}

#mesajlar .baslik {
  display: block;
  width: 100%;
  background: #fafafa;
  height: 35px;
  margin-bottom: 10px;
  border-radius: 3px;
  border: solid 1px #e0e5eb;
}

#mesajlar .mesaj {
  background: #fff;
  display: block;
  position: relative;
  width: 100%;
  border: solid 1px #e0e5eb;
  border-radius: 3px;  
  text-decoration:none;
  color: #333;
  padding: 5px 10px 5px 10px;
  transition: 0.3s;
  float: left;
}
#mesajlar .mesaj .kapat { margin-right: -5px; margin-top: -1px; }

#mesajlar h2 { 
  background: #fafafa;
  margin: -5px -10px 10px -10px; 
  padding: 7px 0px 7px 7px;
  font-size: 20px;
  font-weight: 600;
  color: #555;
  border-radius: 3px 3px 0 0;
  border-bottom: solid 1px #e0e5eb;
}
#mesajlar h2:before { 
  content: "\f05a";  
  font-family: FontAwesome; 
  padding-right: 9px;
  padding-left: 3px; 
}

 
 
#mesajlar table { width: 100%; padding:0; font-size: 16px;}
#mesajlar table tr { border-bottom: solid 1px #ccc;  }
#mesajlar table tr:last-child { border-bottom: none;  }

#mesajlar table tr th { text-align:left; width: 1px; padding: 5px 0 5px 0; color: #444; }
#mesajlar table tr td { font-family: 'ProximaLight', serif; font-size: 16px; padding-left: 2px;  position: relative;}

#mesajlar table tr td a.p { border: solid 1px transparent; font-family: 'ProximaNovaBold', serif; font-size: 18px; position: relative; color:#2b2963; text-decoration: underline; }
#mesajlar table tr td a.t { border: solid 1px transparent; font-family: 'ProximaNovaBold', serif; font-size: 18px; position: relative; color:#10dd02; text-decoration: none; }

#mesajlar table tr td a:hover { border: solid 1px #10dd02; border-radius:3px; text-decoration: none; color:#10dd02; margin-left: -5px; padding-left:5px; padding-right: 5px; }


#mesajlar table tr th img {
  width: 19px;
  display: inline-block;
  margin-top: 1px;
  height: 19px;
  border-radius: 15px;
  margin-right: 0;
  float: left;
}

#mesajlar table tr th:before { font-family: FontAwesome;  padding-right: 7px; font-size: 18px; font-weight: 400; position: relative; }
#mesajlar table tr th.a:before { content: "\f2be"; }
#mesajlar table tr th.t:before { content: "\f095"; }
#mesajlar table tr th.m:before { content: "\f2b7"; top: -1px;}

#mesajlar .mesaj .it {
  display: block;
  background: #fafafa;
  margin: 10px -10px -5px -10px; 
  padding: 7px 12px 7px 0;
  border-top: solid 1px #e0e5eb;
  color: #555;
  border-radius: 0 0 3px 3px;
  text-align: right;
  font-weight: 600;
}
#mesajlar .mesaj .it i {
  border-right: solid 1px #e0e5eb;
  font-style: normal; 
  margin-right: 10px;
  padding-right: 10px; 
}
#mesajlar .mesaj .it i:before { 
  font-family: FontAwesome;  
  padding-right: 5px;
  content: "\f108";
  font-weight: 400;
}
#mesajlar .mesaj .it span:before { 
  font-family: FontAwesome;  
  padding-right: 5px;
  content: "\f073";
  font-weight: 400;
}

#mesajlar .notum { margin: 10px 0 5px 0; font-size: 16px; }
#hatirlatma .tab-content,
#mesajlar .tab-content { background: #fff; padding: 10px; margin-bottom: 20px; border-left: solid 1px #e0e5eb; border-right: solid 1px #e0e5eb; border-bottom: solid 1px #e0e5eb; border-radius: 0 0 3px 3px; }
#hatirlatma .tab-content p,
#mesajlar .tab-content p { font-size: 16px; margin-top: 10px;  }
#hatirlatma .nav.nav-tabs li a,
#mesajlar .nav.nav-tabs li a { font-weight: 600;  line-height: 14px; color: #555; margin-right: 15px; font-size: 16px; padding-left: 10px; padding-right: 10px; }

#hatirlatma .nav.nav-tabs li a:hover,
#mesajlar .nav.nav-tabs li a:hover { color: #2b2963; background: #fff; border-top-color: #2b2963; border-right-color: #2b2963; border-left-color: #2b2963}

#hatirlatma .nav.nav-tabs li.active a,
#mesajlar .nav.nav-tabs li.active a { background: #fff; color: #000; }

#hatirlatma .nav.nav-tabs li.active a:hover,
#mesajlar .nav.nav-tabs li.active a:hover { border-top-color: #e0e5eb; border-right-color: #e0e5eb; border-left-color: #e0e5eb; color: #000;}


#hatirlatma .nav.nav-tabs li a span,
#mesajlar .nav.nav-tabs li a span {
  color: #2b2963;
  font-weight: 600;
  border-left: solid 1px #e0e5eb;
  border-right: solid 1px #e0e5eb;
  border-radius: 3px;
  padding-left: 2px;
  padding-right: 2px;
}

#hatirlatma .nav.nav-tabs li a:before {
  font-family: FontAwesome;  
  padding-right: 5px;
  content: "\f0a2";
  font-weight: 400;
}

#mesajlar .nav.nav-tabs li a:before {
  font-family: FontAwesome;  
  padding-right: 5px;
  content: "\f003";
  font-weight: 400;
}
#mesajlar .nav.nav-tabs li.g a:before {  content: "\f1d9"; }

#mesajlar .nav.nav-tabs li:last-child a:before { content: "\f014"; }
#hatirlatma .liste li:last-child a,
#mesajlar .liste li:last-child a { margin-bottom: 0; }
.sayfalar {
  display: block;
  position: relative;
  width: 100%;
  background: #fafafa;
  margin-bottom: 40px;
  padding-top: 10px;
  border: solid 1px #e0e5eb;
  border-radius: 3px;
  text-align:center;
}
.sayfalar p { 
  background: #fff; 
  font-size: 16px; 
  padding-top: 5px;
  padding-bottom: 5px; 
  margin:0;  
  border-top: solid 1px #e0e5eb; 
  border-radius: 0 0 3px 3px;
}
.sayfalar p i { font-style: normal; }
.sayfalar a,
.sayfalar span  {
  text-align:center;
  font-size:16px;
  width: 37px;
  padding: 5px 5px 3px 5px;
  border: solid 1px #666;
  border-radius: 3px;
  color: #666;
  margin-right: 6px; 
  margin-left: 6px;
  margin-bottom:10px;
  display: inline-block;
  background: #fff;
  text-decoration: none;
}
.sayfalar span { color: #fff; background: #2b2963; border: solid 1px #2b2963; }
.sayfalar a i { font-style: normal; }
.sayfalar a.geri { width: 100px; margin-right: 40px; margin-left: 0;  padding: 5px 15px 3px 15px; } 
.sayfalar a.ileri { width: 100px; margin-left: 40px; margin-right: 0; padding: 5px 15px 3px 15px; }
.sayfalar a.geri:before { content: "\f177"; font-family: FontAwesome; padding-right: 5px; }
.sayfalar a.ileri:after { content: "\f178"; font-family: FontAwesome; padding-left: 5px; }
.sayfalar a:hover { font-weight:600; border: solid 1px #2b2963; color: #2b2963;  }
.sayfalar a:focus { border: solid 1px #2b2963; color: #fff; background: #2b2963; }

.kenar {
  display: block;
  border-left: solid 1px #e0e5eb;
  padding-left: 17px;
  min-height: 670px;
  margin-bottom: 80px;
  margin-left: -12px;
  margin-top: 0;
}



.biz-bulalim.fixed { 
  position: fixed; 
  width: 275px; 
  margin-left: -18px; 
  padding-left: 17px; 
  top:56px; 
  padding-top: 15px; 
  border-left: solid 1px #e0e5eb; 
}
.biz-bulalim.fixed.s { top: 0px; }
.biz-bulalim.fixed.m { top: 0px; }




.kartvizit {
  display: block;
  width: 100%;
  min-height: 100px;
  border-radius: 3px;
  margin-bottom: 20px;
  margin-top: 10px;
  background: #fafafa;
  border: solid 1px  #e0e5eb;
  text-align: center;
  position: relative;
  padding: 15px 15px 8px 15px;
  float: left;
  z-index: 999;
}
.kenar .kartvizit { margin-top: 0; }
.kartvizit u {  
  display: block;
  position: absolute;
  top: -11px;
  left: 1px;
  width: 70px;
  height: 75px;
  float:left;
  background: url('../images/label.png') no-repeat;
  padding-top: 13px;
  text-decoration: none;
  font-weight: 600;
  color: #fff;

}

.kartvizit a img {
  width: 25px;
  height:25px;
  border-radius: 3px;
  box-shadow: none;
  border: none;
  position: relative;
  float: left; 
  margin-right: 2px;
}

.kartvizit a,
.kartvizit .message,
.kartvizit .bolge {
  display: block;
  font-family: 'ProximaNovaBold', serif;
  letter-spacing: 1px; 
  display: block;
  color:#444;
  font-size: 18px;
  margin-top: 10px;
  border: solid 1px #e0e5eb;
  float: left;
  position: relative;
  width: 100%;
  line-height: 25px;
  border-radius: 3px;
  background: #fff;
  text-align: center;
  padding: 1px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.kartvizit a em {
  font-style: normal;
  display: inline-block;
  color: #2b2963;
}
.kartvizit a.img  {
  width: 100%;
  border-radius: 0;
  box-shadow: none;
  border: none;
  display: block;
  background: transparent;
 
 
}
.kartvizit a.img img  {
  width: 75px;
  height:75px;
  border-radius: 75px;
  box-shadow: 0 0px 2px 1px rgba(50,50,50,.2);
  border: solid 1px #fff;
  float: none;

}
.kartvizit .profil { 
  color:#2b2963; 
  background: transparent; 
  border: solid 1px transparent;
}
.kartvizit .firma {
  font-size:14px;  
  padding: 2px 2px 2px 2px;
  height: 29px;
  max-width: 250px;
  overflow: hidden; 
  white-space:nowrap; 
  text-overflow: ellipsis;
}
.kartvizit a.firma img{ position: relative; top: -1px; }

.kartvizit .call { font-size:18px;}
.kartvizit a i,
.kartvizit a:before,
.kartvizit .message:before,
.kartvizit .bolge:before  {
  background: #0dc143;
  color: #fff;
  width: 25px;
  height: 25px;
  text-align: center;
  font-family: FontAwesome;
  font-size: 29px; 
  display: inline-block;
  float: left;
  border-radius: 3px;
}
.kartvizit .message:after  {
  color: #555;
  width: 25px;
  height: 25px;
  text-align: center;
  font-family: FontAwesome;
  font-size: 18px; 
  display: inline-block;
  font-weight: 400;
  float: right;
  content: "\f0d7";

}

.kartvizit .bolge {
  font-family: 'ProximaLight', serif;
  max-width: 250px;
  overflow: hidden; 
  white-space:nowrap;
  font-size: 16px;
  text-overflow: ellipsis;
  cursor: default;
}

.kartvizit .firma i { 
  text-transform: uppercase; 
  font-size: 20px; 
  font-style: normal; 
  margin-top: -1px; 
  padding-top: 1px; 
  background:transparent;  
  font-family: 'ProximaNovaBold', serif;
  border: solid 1px #2b2963;
  color: #000;
  margin-left: -1px;
}
.kartvizit .message.down:after  {  content: "\f0d7"; }
.kartvizit .message.up:after  { content: "\f00d"; color: #2b2963;  transition: 0.9s;  transform: rotateZ(360deg);  }
.kartvizit .danismanlar:before { content: "\f0c0"; font-size:16px; font-weight:400; background:#555; }
.kartvizit .bolge:before { content: "\f041"; font-size:16px; font-weight:400; background:#fff; color: #555;  }

.kartvizit .duzenle:before { content: "\f2be"; font-size:16px; font-weight:400; background:#555; }
.kartvizit .yonetim:before { content: "\f085"; font-size:16px; font-weight:400; background:#555; }


.kartvizit .call:before { content: "\f10b"; }
.kartvizit .call.s:before { content: "\f095"; font-size:20px; padding-top: 1px; }
.kartvizit .whatsapp { color: #10dd02; font-size:16px; font-weight: 800; font-family: 'ProximaNovaBold', serif;}
.kartvizit .message { font-size:18px; font-family: 'ProximaLight', serif; margin-bottom:10px; }

.kartvizit .message:before { content: "\f003"; font-size:18px;  background:#555; }


.kartvizit:hover { background: #fff; }
.kartvizit:hover a.img img { transition: 0.9s;  transform: rotateZ(360deg); }
.kartvizit a:hover,
.kartvizit .message:hover {  border: solid 1px #10dd02; color: #10dd02; text-decoration: none; }
.kartvizit a:focus { background: #0dc143; color: #fff; text-decoration: none; }
.kartvizit a.img:hover {  border: none; transition: 0.9s;  transform: rotateY(360deg);}
.kartvizit a.img:focus {  border: none; transition: none;  transform: none; background:transparent }

.kartvizit:hover a img { transition: 0.9s;  transform: none; }
.kartvizit a:hover img,
.kartvizit a:hover:before,
.kartvizit .message:hover:before { transition: 0.9s;  transform: rotateY(360deg); }

.kenar h2 { margin: 0; }
.kenar h3 { font-size:20px; font-weight: 600; }
.form  { margin-bottom:0px; display: block; }

.form em { 
  font-style: normal; 
  color:#fafafa; 
  background:#46cb4c; 
  font-size:16px; 
  padding: 5px; 
  border-radius:3px; 
  display: block;
  width: 100%; 
  box-shadow: 0 3px 4px 0px rgba(210,210,210,.9);
}
.form b { background: #2b2963; padding: 5px; border-radius:3px; color: #fafafa;}
.form u { text-decoration: none; font-size: 14px; font-weight: 600; display: block;}

.form span {
  display: block;
  width: 100%;
  float: left;
  position: relative;
  margin-bottom: 10px;
}

.form label { 
  float: left; 
  display:inline-block;
  width: 4%;
  border: solid 1px #e0e5eb;
  background: #fafafa;
  border-radius: 3px 0 0 3px;
  height: 34px;
  text-align: center;
}
.form input {
  border: solid 1px #e0e5eb;
  border-left: none;
  background: #fff;
  border-radius: 0 3px 3px 0;
  width: 96%;
  display: inline-block;
  height: 34px;
  padding: 5px;
  box-shadow: inset 0px 1px 1px rgba(40,40,40,.100);
}
.form textarea {  
  resize: none;
  min-height: 100px;
  display: block;
  position: relative;
  width: 96%;
  border: solid 1px #e0e5eb;
  background: #fff;
  border-radius: 3px;
  padding: 5px;
  box-shadow: inset 0px 1px 1px rgba(40,40,40,.100);
}
.form.lrg span.adsoyad,
.form.lrg span.tel { width: 47%; }
.form.lrg span.tel { float: right; }
.form.lrg span.adsoyad label,
.form.lrg span.tel label { width: 9%; }
.form.lrg span.adsoyad input,
.form.lrg span.tel input { width: 91%; }

.form.sml label { width: 12%; }
.form.sml input,
.form.sml textarea { width: 88%; }

.form .not textarea { height: 169px; border-radius: 0 3px 3px 0; }
.ilan-bilgi .form .not textarea { min-height: 70px; height: 70px; border-radius: 0 3px 3px 0; }
.form .msj textarea { height: 100px; border-radius: 0 3px 3px 0; }

.form .not label { height: 169px; padding-top: 63px; }
.ilan-bilgi .form .not label { height: 70px; padding-top: 18px; }
.form .msj label { height: 100px; padding-top: 32px; }
.form label i { display: none; }

.form label:before { 
  font-family: FontAwesome;
  font-size: 18px;
  padding-top: 5px;
  font-weight: 400; 
  display: inline-block;
}

.form .adsoyad label:before { content: "\f2c0"; }
.form .tel label:before { content: "\f095"; }
.form .ilanno label:before { content: "\f0f7"; }
.form .msj label:before { content: "\f003"; }
.form .hatirlat label:before { content: "\f0a2"; }
.form .not label:before { content: "\f044"; }

.form .hatirlat.hid { display: none; }

.form input:focus,
.form textarea:focus { border-color:#10dd02; outline: none; box-shadow: inset 0px 1px 2px rgba(40,40,40,.300); }


.form button { 
  cursor: pointer; 
  background: #fafafa; 
  border: solid 1px #e0e5eb;
  padding: 11px 5px; 
  width: 100%;
  font-weight: 600;
  border-radius: 3px;
  text-align: center;
  transition: 0.2s;
  text-transform: uppercase;
  margin-bottom: 10px;
}


.form button:hover { color: #fafafa; background: #10dd02; text-shadow: none; border: solid 1px #1b9e01;   }
.form button:focus { color: #fafafa; background: #39ff2b; text-shadow: none; outline: none;  border: solid 1px #10dd02; }
.form button:before { font-family: FontAwesome; display: inline-block; width: 25px;  content: "\f0a4"; }
.form button:hover:before { content: "\f00c"; }
.form button:focus:before { content: "\f110"; transition: all .9s ease; transform: rotateZ(360deg); }


.login { 
  display: block;
  width: 40%;
  background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(253,253,253,1) 25%, rgba(250,250,250,1) 50%, rgba(250,250,250,1) 75%, rgba(250,250,250,0.03) 100%);
  background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(253,253,253,1) 25%,rgba(250,250,250,1) 50%,rgba(250,250,250,1) 75%,rgba(250,250,250,0.03) 100%); 
  background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(253,253,253,1) 25%,rgba(250,250,250,1) 50%,rgba(250,250,250,1) 75%,rgba(250,250,250,0.03) 100%); 
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#08fafafa',GradientType=0 );  
  border: solid 1px #ccd4dc;
  padding: 15px;
  border-radius: 3px;
  overflow: hidden;
}
.login label { display: block; width: 100%; float: left; font-size: 16px; }

.login input { 
  display: block; 
  width: 100%; 
  float: left;
  padding: 5px; 
  border: solid 1px #e0e5eb;
  border-radius: 3px;
  font-weight: 400;
  margin-bottom: 20px;
  font-size: 18px;
  box-shadow: inset 0px 1px 1px rgba(40,40,40,.100);
  font-family: 'ProximaLight', serif;
}
.login button { 
  padding: 10px 5px;
  cursor: pointer; 
  display: block; 
  width: 100%;
  background: #2b2963;
  border-radius: 3px;
  color: #fafafa; 
  background: #2b2963; 
  text-shadow: none; 
  border: solid 1px #2b2963; 
  font-size: 18px;
  font-weight: 600;
}

.login button:hover { color: #fafafa; background: #10dd02; text-shadow: none; border: solid 1px #1b9e01;   }
.login button:focus { color: #fafafa; background: #39ff2b; text-shadow: none; outline: none;  border: solid 1px #10dd02; }
.login button:before { font-family: FontAwesome; display: inline-block; width: 25px;  content: "\f0a4"; }
.login button:hover:before { content: "\f00c"; }
.login button:focus:before { content: "\f110"; transition: all .9s ease; transform: rotateZ(360deg); }

input.takvim { cursor: pointer; }


.biz-bulalim button {color: #fafafa; background: #2b2963; text-shadow: none; border: solid 1px #2b2963; }



#haberler .haber {
  width: 30%;
  background: #fff;
  border-radius: 3px;
  margin-bottom: 20px;
  border: solid 1px #e0e5eb;
  overflow: hidden;
  float: left;
  margin-right: 42px;
  padding: 5px;
  border-radius: 3px;
  margin-bottom: 42px;
  color: #444;
  text-decoration: none;
  min-height: 254px;

}
#haberler .haber.visit { border-color: #2b2963; }


#haberler .haber:hover {
  border-color: #10dd02; 
  box-shadow: 0px 0px 6px rgba(16,221,2,.500);
  transition: 0.3s;
  text-decoration: none;
}
#haberler .haber.visit:hover { border-color: #2b2963; box-shadow: 0 0px 5px 1px rgba(255,68,0,.4); transition: 0.3s; }

#haberler .haber:hover img {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  transition: all 0.9s;
}
#haberler .haber.i:hover {
  border-color: #e0e5eb; 
  box-shadow: none;
  transition: none;
  text-decoration: none;
}
#haberler .haber.i:hover img {
  -moz-transform: none;
  -webkit-transform: none;
  transform: none;
  transition: none;
}
#haberler .haber:hover u { 
  color: #fafafa;
  background: #10dd02;
  border-color: #10dd02;
}

#haberler .haber.visit:hover u { 
  color: #fafafa;
  background: #2b2963;
  border-color: #2b2963; 
}



#haberler .haber  u { 
  font-size: 12px;
  border: solid 1px #e0e5eb;
  border-radius: 3px;
  padding: 1px 5px;
  background: #fafafa;
  float: right;
  transition: all 0.3s;

  text-decoration: none;
}
#haberler .haber  u:after { 
  font-family: FontAwesome; 
  display: inline-block; 
  content: "\f0da";
  font-size: 14px;
  line-height: 14px;
  position: relative;
  top: 1px;
  padding-left: 5px;
}
#haberler .haber.i { width: 100%; background: #fafafa; padding:10px; margin-bottom: 15px; }


#haberler .haber:nth-child(3),
#haberler .haber:nth-child(6),
#haberler .haber:nth-child(9),
#haberler .haber:nth-child(12),
#haberler .haber:nth-child(15),
#haberler .haber:nth-child(18),
#haberler .haber:nth-child(21),
#haberler .haber:nth-child(24),
#haberler .haber:nth-child(27),
#haberler .haber:nth-child(30),
#haberler .haber:nth-child(33),
#haberler .haber:nth-child(36),
#haberler .haber:nth-child(39),
#haberler .haber:nth-child(42),
#haberler .haber:nth-child(45),
#haberler .haber:nth-child(48) { margin-right: 0; }

#haberler .haber figure {
  display: block;
  width: 100%;
  height:121px;
  overflow: hidden;
  text-align: center;
  background: #fff;
  border-radius: 3px;
 
}
#haberler .haber.i figure { height:inherit; min-height: 56px; }


#haberler .haber label,
#haberler .haber button { 
  border: solid 1px rgba(0,0,0,0.2);
  width: 40%;
  line-height: 40px;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2);
  display: block;
  overflow: hidden; 
  padding: 0 10px;
  display: block;
  border-radius: 3px; 
  cursor: pointer;
  background:  rgba(255,255,255,0.3);
  color: rgba(0,0,0,0.4);
  margin-top: -50px;
  margin-left: 10px;
  margin-right: 10px;
  position: relative;
  font-weight: 600;
  text-align: center;
  float: left;
}
#haberler .haber label.ekle.i,
#haberler .haber label.iptal-et.i { width: 100%; margin-left: 0; margin-top: -55px; line-height: 54px; font-size: 20px;}
#haberler .haber button { float: right; } 

#haberler .haber label:before,
#haberler .haber button:before {
  display: inline-block;
  font-family: FontAwesome;
  content: "\f030";
  font-weight: 400;
  padding-right: 5px; 
}
#haberler .haber button:before { content: "\f014"; }

#haberler .haber label.iptal-et { display: none; }
#haberler .haber label.iptal-et:before { content: "\f00d"; }

#haberler .haber label:hover,
#haberler .haber button:hover,
#haberler .haber button:focus { 
  border-color: #2b2963;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,0.4);
  background:  #fff;
  color: #2b2963;
  outline: none;
 
}



#haberler .haber label input { display: none; }

#haberler .haber figcaption { font-size: 36px; font-weight: 400; font-family: 'ProximaBlack', serif; margin-top: 20px; text-align: center; }
#haberler .haber figcaption input {
  display: block;
  width: 100%;
  border-radius: 3px;
  border: none;
  background: #fff;
  box-shadow: inset 0px 1px 2px rgba(40,40,40,.400);
  text-align: center;
  padding:  0 5px;
  margin-bottom: 15px;
}
#haberler .haber p textarea {
  display: block;
  width: 100%;
  border-radius: 3px;
  border: none;
  background: #fff;
  box-shadow: inset 0px 1px 2px rgba(40,40,40,.400);
  text-align: left;
  resize: none;
  overflow: hidden;
  padding: 5px;
  min-height: 150px;
}
#haberler .haber figcaption input:focus,
#haberler .haber p textarea:focus { outline: none;  box-shadow: inset 0px 2px 2px rgba(20,20,20,.500); }




#haberler .haber img {
  width: 100%;
  height: auto;
  
}
#haberler .haber.i img {
  width: auto;
  max-width: 100%;
}


#haberler .haber .resim img{
  max-height: 410px;
  
}



#haberler .haber h2 { font-size: 18px; font-weight: 800; margin-top: 10px; }


#haberler .haber p { margin: 0; }

#haberler .haber.i p { font-family: 'ProximaLight', serif; font-size: 20px; }

#haberler .haber .ust {
  background: #f1f1f1;
  border-radius: 3px 3px 0 0;
  font-size:14px;
  display: block;
  overflow: hidden;
  padding: 7px 5px;
  margin: -10px -10px 10px -10px;

}
#haberler .haber .ust span { float: left; padding: 0 5px; }
#haberler .haber .ust span:last-child { float: right; }
#haberler .haber .ust span i { color: #2b2963; font-style: normal; }

#haberler .haber .ust span:before { font-family: FontAwesome; content: "\f073";  padding-right: 3px; }
#haberler .haber .ust span:last-child:before { content: "\f06e"; }




#haberler .butonlar .sag {  display: inline-block; }

#etiketler .butonlar .sag { display: block;}


.panel {
  width: 100%;
  background: #fafafa;
  border-radius: 3px;
  margin-bottom: 20px;
  border: solid 1px #e0e5eb;
  overflow: hidden; 
}

.panel h2 { font-weight: 600; background: #f5f5f5; font-size: 20px; margin: 0 0 2px 0; border-bottom: solid 1px #e0e5eb; padding: 7px 7px 7px;}
.panel h2 span { float: right; font-size: 16px; font-weight:400; display: inline-block; padding-top: 4px; }
.panel h2 span b { color:#2b2963; }
.panel h2 span:before { content: "\f024"; font-family: FontAwesome; display: inline-block; font-weight: 400; padding-right: 5px; }


.panel h2:before { font-family: FontAwesome; display: inline-block; font-weight: 400; padding-right: 5px; }

.panel h2.ilanlar:before { content: "\f0f7"; }
.panel h2.uyeler:before { content: "\f007"; }
.panel h2.haber:before { content: "\f1ea"; }

.panel .kartvizit {
  margin: 10px;
  width: 401px;
  padding: 10px;
  background: #fff;
}
.panel .kartvizit a em {
  float: right;
  margin-right: 3px;
  margin-left: -3px;
}
.panel .kartvizit .img  {
  width: 145px;
  height: 145px;
  border-radius: 3px;
  float:left;
  overflow: hidden;
  margin-right: 10px;
  border: solid 1px #2b2963;
}
.panel .kartvizit .img img  {
  width: 100%;
  height: 100%;
  box-shadow:none;
  border: none;
}
.panel .kartvizit .img span {
  display: block;
  z-index: 9999999;
  position: relative;
  margin-top: -19%;
  font-weight: 600;
  color: #fff;
  background:rgba(255,68,0,.600);
  overflow: hidden; 
  max-width: 100%;
  padding: 4px 3px;
  overflow: hidden; 
  white-space:nowrap; 
  text-overflow: ellipsis;
  
}

.panel .kartvizit a,
.panel .kartvizit .message  {
  width: 224px;
  display: inline-block;
  float:left;
  margin: 0 0 10px 0;
  text-align: left;
}
.panel .kartvizit a:before,
.panel .kartvizit .message:before,
.panel .kartvizit a:before,
.panel .kartvizit a img  { margin-right: 5px;}

.panel .kartvizit .message,
.panel .kartvizit .duzenle  { margin-bottom: 0; }
.panel .kartvizit .yonetim  { margin-bottom: 0; margin-top: 10px; }
.panel .kartvizit .duzenle:hover,
.panel .kartvizit .yonetim:hover,
.panel .kartvizit .message:hover { border-color: #000; color: #fafafa; background: #2b2963;transition: all .3s ease;   }

.panel .kartvizit .duzenle:hover:before,
.panel .kartvizit .yonetim:hover:before,
.panel .kartvizit .message:hover:before { background: #000; color: #fafafa; }



.panel .kartvizit .form { overflow: hidden; width: 100%; padding-top: 10px; display: block; }
.panel .kartvizit .form button { margin-bottom: 0; }

.etiket { 
  margin: 0; 
  padding: 0; 
  display: block; 
  list-style: none; 
  float: left;
}
.etiket.k { width: 100%; }
.etiket li {
  width: 191px;
  display: block; 
  border: solid 1px #ccd4dc;
  border-radius: 3px;
  background: rgb(245,245,245); 
  background: -moz-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(255,255,255,1) 56%);
  background: -webkit-linear-gradient(top, rgba(245,245,245,1) 0%,rgba(255,255,255,1) 56%);
  background: linear-gradient(to bottom, rgba(245,245,245,1) 0%,rgba(255,255,255,1) 56%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#ffffff',GradientType=0 ); 
  text-align:center;
  overflow: hidden;
  float: left;
  box-shadow: 0 0px 5px 1px rgba(150,150,150,.2);
  padding: 0;
  margin: 10px;  
}

.etiket li.yeni { 
  border: solid 1px #47C147;
  background: #eaf9e8; 
  background: -moz-linear-gradient(top, #eaf9e8 0%, #ffffff 56%); 
  background: -webkit-linear-gradient(top, #eaf9e8 0%,#ffffff 56%); 
  background: linear-gradient(to bottom, #eaf9e8 0%,#ffffff 56%); 
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaf9e8', endColorstr='#ffffff',GradientType=0 ); 
  box-shadow: 0 0px 5px 1px rgba(16,221,2,.3); 
}

.etiket li .kutu  {
  color: #444;
  display: block;
  overflow: hidden;
  text-decoration: none;
  padding: 5px; 
}


.etiket li .kutu span {
  display: block;
  font-family: 'ProximaNovaBold', serif;
  color: #666;
  font-size: 22px;
  margin-top: 5px;
  width: 100%;
  max-width: 100%;
  padding-bottom: 6px;
  position: relative;
  text-align:center;
  border-bottom: solid 2px #999;
  border-radius: 10px;
  text-transform: capitalize;
}
.etiket li .kutu span input {
  display: block;
  width: 100%;
  max-width: 100%;
  position: relative;
  text-align:center;
  border: none;
  padding: 0;
  margin:0;
  border-radius: 10px;
  background: #fff;
  box-shadow: inset 0px 1px 2px rgba(40,40,40,.400);

}
.etiket li .kutu span input:hover {  color: #2b2963; }
.etiket li .kutu span input:focus { outline: none;  }



.etiket li.yeni .kutu span { color: #0A9B0A; border-color: #47C147; }
.etiket li .kutu span:after { 
  font-family: FontAwesome; 
  font-size: 24px;
  width: 100%;
  text-align:center;
  position: relative;
  margin-top: 5px;
  color: #999;
  display: inline-block;
  float: left;
  line-height: 10px;
  transition: all .4s ease;  
  content: "\f0d7"; 
}
.etiket li.yeni .kutu span:after { color: #47C147; }


.etiket li .kutu b {
  display: block;
  color: #2b2963;
  font-weight:800;
  font-size: 34px;
  margin-top: 13px;
  transition: all .7s ease;
}

.etiket li.h b:before { 
  font-family: FontAwesome; 
  content: "\f1ea";
  line-height: 16px;
  font-weight: 400;
}


.etiket li .kutu i,
.etiket li .kutu .kaydet,
.etiket li .kutu .sil {
  display: inline-block;
  color: #666;
  background: #fafafa;
  width: 100%;
  float: left;
  padding: 5px;
  margin-top: 13px;
  font-style: normal;
  font-size: 18px;
  border-radius: 3px;
  border: solid 1px #e0e5eb;
  cursor: pointer;
}

.etiket li .kutu .sil { width: 39%; float: left; padding-left: 0px;  }
.etiket li .kutu .sil u { text-decoration: none; }
.etiket li .kutu .kaydet.d { width: 55%; float: right; padding-left:0; }




.etiket li.yeni .kutu i { background: #eaf9e8; border-color: #47C147; color: #0A9B0A; }
.etiket li .kutu i:before,
.etiket li .kutu .kaydet:before,
.etiket li .kutu .sil:before { 
  font-family: FontAwesome; 
  display: inline-block;
  width: 30px;
  text-align: center;
  position: relative;
  margin: -5px;
  font-size: 20px;
  padding-right: 0;
  height: 35px;
  padding-top: 5px;
  border-radius: 0 3px 3px 0 0;
  float: right;
  background: #f1f1f1;
  content: "\f054"; 
  border-left: solid 1px #e0e5eb;
}
.etiket li .kutu .kaydet:before { content: "\f0c7"; padding-top: 4px; }
.etiket li .kutu .sil:before { content: "\f05e"; padding-top: 4px; }


.etiket li.yeni .kutu i:before { background: #98D693; border-color: #47C147; color: #0A9B0A; }



.etiket li .kutu em:before { 
  font-family: FontAwesome; 
  display: inline-block;
  font-size: 53px;
  height: 75px;
  text-align: center;
  position: relative; 
  font-style: normal;
 
}

.etiket li .kutu em.profil:before { content: "\f2bd"; }

.etiket li:hover,
.etiket li.yeni:hover  { 
  border-color: #2b2963;  
  color: #000;
  background: rgb(241,241,241); 
  background: -moz-linear-gradient(top, rgba(241,241,241,1) 0%, rgba(255,255,255,1) 37%); 
  background: -webkit-linear-gradient(top, rgba(241,241,241,1) 0%,rgba(255,255,255,1) 37%); 
  background: linear-gradient(to bottom, rgba(241,241,241,1) 0%,rgba(255,255,255,1) 37%); 
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#ffffff',GradientType=0 ); 
  transition: all .7s ease;
  box-shadow: 0 0px 5px 1px rgba(255,68,0,.2);
}

.etiket li:hover span,
.etiket li.yeni:hover span { color: #000; border-color: #000; transition: all .4s ease; border-radius: 20px; text-shadow:none; }




.etiket li:hover b,
.etiket li.yeni:hover b  {
  transition: all .7s ease;
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
  color: #000;
}
.etiket li:hover span:after,
.etiket li.yeni:hover span:after { 
  color: #000;
  font-size: 40px;
  transition: all .4s ease;  
  margin-top: 7px;
}

.etiket li:hover .kutu i {  background: #2b2963; color: #fafafa; border-color: #000; transition: all .4s ease; }
.etiket li:hover .kutu i:before {  background: #000; color: #fafafa; border-color: #000; transition: all .4s ease; }

.etiket li .kutu .kaydet:hover  {  background: #10dd02; color: #fafafa; border-color: #000; transition: all .4s ease; }
.etiket li .kutu .kaydet:hover:before  { content: "\f00c";  background: #000; color: #fafafa; border-color: #000; transition: all .4s ease;  }

.etiket li .kutu .sil:hover  {  background: #2b2963; color: #fafafa; border-color: #000; transition: all .4s ease; text-decoration: none; }
.etiket li .kutu .sil:hover:before  { content: "\f00c";  background: #000; color: #fafafa; border-color: #000; transition: all .4s ease;  }

.etiket li .kutu .kaydet:focus  { outline: none; }



.hakkinda h2  {
  font-size: 22px;
  font-family: 'ProximaNovaBold', serif; 
}
.hakkinda h2:before {
  font-family: FontAwesome; 
  content: "\f024"; 
  padding-right: 5px;
}

.hakkinda p {
  border: solid 1px #e0e5eb;
  padding: 10px;
  background: #fff;
  margin-bottom:15px;
  font-family: 'ProximaLight', serif;
  font-size: 18px;
  border-radius: 3px;
}

footer {
  background: #937565;
  color: #fff;
  display: block;
  width: 100%;
  min-height: 46px;
  padding-top: 10px;
  border-top: solid 1px #2b2963;
}

footer .social-icons a { color: #fff; margin-right: 10px; font-size:16px; }
footer .copyright p { float: right; }
footer .copyright a {   color: #2b2963 }

#progressBar {
  width:0px;
  height:30px;
  z-index: 9999999999;
  background-color:#2b2963;
  position:fixed;
  top:0px;
  left:0px;
  display:none;
}

#progressBar.active {
  display:block;
  transition: 3s linear width;
  -webkit-transition: 3s linear width;
  -moz-transition: 3s linear width;
  -o-transition: 3s linear width;
  -ms-transition: 3s linear width;
}
.pre_load {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: wait;
  background-color: rgba(230,230,230,0.4);
  z-index: 99999999;
  display: none;
  background: rgba(230,230,230,0.4) url("../images/loader.gif") no-repeat; 
  background-position: center;
}
.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 110%;
  background-color: rgba(0,0,0,0.7);
  z-index: 998; 
  display: none;
}

.k-t { display: block; float: left; overflow: hidden;  width: 100%; border: solid 1px #e0e5eb;  margin-bottom: 25px; border-radius: 3px; padding: 10px; background: #fff; }
.k-t:hover { border-color: #10dd02; box-shadow: inset 0 1px 2px 0 rgba(0,0,0,0.4); } 
 
.k-t.visit { border: solid 1px #2b2963; }


.k-t p {  display: block; width: 100%; font-size: 18px;  }
.k-t p span { width: 49%; display: inline-block; border: solid 1px #e0e5eb; border-radius: 3px; padding: 5px 0 ;  }
.k-t p.ilanno span { width: 100%; display: inline-block; border: solid 1px #e0e5eb; border-radius: 3px; padding: 5px 0 ; margin-top:20px; }
.k-t p.ilanno span a { border-left: solid 1px #e0e5eb; padding-left: 10px; margin-left: 10px;  }
.k-t p.ilanno span a:before { font-family: FontAwesome;   content: "\f0ac"; padding-right:5px; }

.k-t p span:last-child { float: right;  }

.k-t p span a  { text-decoration: none; color: #555;}
.k-t p span:before {
  font-family: FontAwesome;
  width: 34px;
  height: 35px;
  padding-top: 5px;
  border-right: solid 1px #e0e5eb;
  font-weight: 400;
  position: relative;
  margin: -5px 5px -6px 0;
  float: left;
  content: "\f2c0";
  display: inline-block;
  background: #fafafa;
  text-align: center;
}
.k-t p span:last-child:before { content: "\f095"; padding-top: 6px; }

 
.k-t .notum { margin-left: 0; margin-right: 0;  border: solid 1px #e0e5eb; display: block; width: 100%; margin-bottom: 0; font-size: 18px; font-family: 'ProximaLight', serif;  }
.k-t .notum b { font-style: normal; font-family: 'ProximaNovaBold', serif;  }

.k-t .dz {
  display: none;
  position: relative;
  margin-top: -40px;
  margin-bottom: -50px;
  margin-right: -20px;
  float: right;
  width: 40px;
  height: 70px;
  z-index: 2px;
  padding-top: 25px;
  padding-left: 5px;
  color: #fafafa;
  text-shadow: none;
  background: #10dd02; 
  -ms-transform: rotate(-45deg); 
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  box-shadow: 0 2px 4px 0 rgba(0,0,0,0.9);
}
.k-t.visit .dz { background: #2b2963; }
.k-t .dz:hover { text-decoration: none; }
.k-t .dz:before {
  font-family: FontAwesome;
  font-size: 20px;
  position: relative;
  content: "\f013";
  
  display: inline-block;

}
.k-t .dz:hover:before { 
  content: "\f00c"; 
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  margin-left: -2px;
}
.k-t .dz:focus:before { 
  content: "\f110"; 
  transition: 0.9s;  
  transform: rotateZ(360deg);
  margin-left: -2px;
}
.k-t .dz span { display: none; }

.k-t:hover .dz { display: inline-block; }

.k-t table {  width: 49%; font-size: 16px; float: left; }
.k-t table.s { float: right; }  

.k-t table tr {  
  padding-top: 5px;
  padding-bottom: 5px; 
  display: block; 
  width: 100%; 
  float: left; 
  border-bottom: solid 1px #e0e5eb;  } 
.k-t table tr:last-child { border-bottom: none;  } 
.k-t table th { 
  text-align: left; 
  color: #777; 
  letter-spacing: 1px;
  padding-left: 3px; 
  min-width: 85px;
} 
.k-t table td { 
  text-align: left; 
  color: #777; 
  min-width: 200px;
} 



.buton-secenek {
  display: block;
  width: 100%;
  overflow: hidden;
}
.buton-secenek a {
  display: block;
  width: 30%;
  margin-right:15px;
  padding: 10px;
  background: #5494d5;
  border: solid 1px #2166ad;
  border-radius:3px;
  float: left;
  text-decoration: none;
  color: #fafafa;
  font-weight:600;
  font-size: 18px;
  text-align: center;
}
.buton-secenek a:last-child {
  float:right;
  margin-right:0;
}

.alert {
  display: block;
  width: 100%;
  float: left;
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  border-radius:4px;
  font-family:Arial, Helvetica, sans-serif;
  padding: 3px 5px 5px;
  line-height: 22px;
  margin:  0 0 15px 0;
  border: solid 1px;
  text-shadow: none;
  user-select:none;
  height: 30px;
  overflow: hidden;
  cursor: pointer;
  position: relative;
  z-index: 9999;
}
.form-resimler .alert { margin: 0; }
.alert i { font-style: normal; }
.alert u { color: #ef2727; background: #eaeaea; padding: 0 3px 0; float:left; text-shadow: none; text-decoration: none; border-radius: 3px;  overflow: hidden;  max-width: 300px; display:inline-block; white-space:nowrap; text-overflow: ellipsis; margin-right: 5px; }
.alert b { display:inline-block; min-width: 155px; font-weight: 400; float:left; margin-right: 5px; }
.alert del { text-decoration: none;  }
.alert img { width: 38px; margin: -3px 5px -7px -5px;  border-radius: 3px;position: relative; float: left; }
.alert.info { background: #8490da; border-color: #1f2862; }
.alert.warning { background: #ef2727; border-color: #660000; }
.alert.successfull { background: #3c963c; border-color: #135913; }


.alert:before { padding-right: 10px; float:left; }
.alert.info:before { content: "\f05a"; font-family: FontAwesome; }
.alert.warning:before { content: "\f071"; font-family: FontAwesome; }
.alert.failed.warning:before { content: "\f05e"; width: 38px; height: 28px; font-size: 27px; line-height: 20px; padding:5px 6px 5px; text-align: center; float:left; display: inline-block; position: relative;  margin: -3px 5px -7px -5px;  border-radius: 3px; background:#fff; color: #ef2727;}
.alert.successfull:before { content: "\f058"; font-family: FontAwesome; }
.alert.completed.successfull:before { content: ""; padding: 0;}
.alert.completed.successfull u { color: #3c963c; }
.alert:after { content: "\f2d3"; float:right; font-size: 22px; font-family: FontAwesome; }
.alert:hover:after { content: "\f00d"; padding-right: 3px; transition: 0.9s;  transform: rotateZ(360deg); text-shadow: none;  }

.pulsate-bck{-webkit-animation:pulsate-bck .5s ease-in-out infinite both;animation:pulsate-bck .9s ease-in-out}
@-webkit-keyframes pulsate-bck{0%{-webkit-transform:scale(1.1);transform:scale(1.1)}50%{-webkit-transform:scale(.9);transform:scale(.9)}100%{-webkit-transform:scale(1.1);transform:scale(1.1)}}@keyframes pulsate-bck{0%{-webkit-transform:scale(1.1);transform:scale(1.1)}50%{-webkit-transform:scale(.9);transform:scale(.9)}100%{-webkit-transform:scale(1.1);transform:scale(11.)}}

.correct,input.correct,input.correct:focus { border: solid 1px #ef2727; box-shadow: none; } 
label.correct { background: #ef2727; color:#fff; border: solid 1px #ef2727; box-shadow: none; }

#result { display: block; position: relative; overflow: hidden; width: 100%; transition: 0.5; margin-bottom:20px; }

#ajax_result{display:none;width:100%}.ajax_file{overflow:hidden;width:350px;font-family:Arial, Helvetica, sans-serif;display:inline-block;padding-top:20px;border:solid 1px #0da902;border-radius:4px;background:#fff;cursor:pointer;text-align:center;-webkit-animation:pulsate-bck .5s ease-in-out infinite both;animation:pulsate-bck .9s ease-in-out}.ajax_file:before{font-size:70px;font-family:FontAwesome;content:"\f030";display:block}.ajax_file>b{font-size:24px;background:#10dd02;color:#fff;display:block;width:100%;margin-top:15px;padding:7px 0 7px;border-top:solid 1px #0da902}.ajax_file>input{display:none}.ajax_file:hover:before{content:"\f00c"}.ajax_file:hover>b{background:#39ff2b}.ajax_progress{position:relative;display:block;height:22px;background-color:#fff;color:#2b2963;font-weight:600;box-shadow:inset 0 2px 1px rgba(0,0,0,.100);border-radius:3px}.ajax_progressBar{ position:absolute;font-weight:400;overflow:hidden;height:20px;float:left;border-radius:3px;display:block;line-height:18px;}.ajax_progressBar.active{display:block;-webkit-animation:progress 1s;animation:progress 1s;position:relative;border-radius:3px;box-shadow:inset 0px 5px 5px 0px rgba(255, 255, 255, 0.5);border: solid 1px rgba(0,0,0,.100);background:#47cf73;color:#fff;background-image:-webkit-gradient(linear, 0 0, 100% 100%, color-stop(0.25, rgba(255, 255, 255, 0.2)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.2)), color-stop(0.75, rgba(255, 255, 255, 0.2)), color-stop(0.75, transparent), to(transparent));background-size:15px 15px;}#ajax_preview>.ajax_box{font-family:Arial, Helvetica, sans-serif;width:150px;padding:5px;padding-right:6px;margin:7px;border:solid 1px #555;border-radius:3px;display:block;float:left;text-align:center;background:#fafafa;}#ajax_preview>.ajax_box>b{font-weight:normal;background:rgb(0,0,0,.300);display:block;color:#fafafa;float:left;width:100%;line-height:20px;padding-top:2px;margin:0 0 -29px 1px;border-radius:3px 3px 0 0;z-index:2;position:relative}#ajax_preview>.ajax_box>b>i{font-style:normal}#ajax_preview>.ajax_box>u{display:block;width:100%;overflow:hidden;border:solid 1px #ccc;background:#fff;border-radius:3px;text-decoration:none;margin:0 0 5px 0}#ajax_preview>.ajax_box>u>img{margin-bottom:-4px;height:112px;object-fit:contain}@keyframes progress{0%{width:0%;color:#000}5%{background-color:#f63a0f;color:#222}25%{background-color:#f27011;color:#444}50%{background-color:#f2b01e;color:#666}75%{background-color:#f2d31b;color:#888}100%{background-color:#86e01e;color:#fff}}@-webkit-keyframes pulsate-bck{0%{-webkit-transform:scale(1.1);transform:scale(1.1)}50%{-webkit-transform:scale(.9);transform:scale(.9)}100%{-webkit-transform:scale(1.1);transform:scale(1.1)}}@keyframes pulsate-bck{0%{-webkit-transform:scale(1.1);transform:scale(1.1)}50%{-webkit-transform:scale(.9);transform:scale(.9)}100%{-webkit-transform:scale(1.1);transform:scale(11.)}}


.visitor {
  display: block;
  position: fixed;
  bottom: -1px;
  z-index: 9999999999;
  cursor: pointer;
  right: 15px;
  border: solid 1px #2b2963;
  background: rgba(0,0,0,0.600);
  backdrop-filter: blur(10px);  
  -webkit-backdrop-filter: blur(10px);
  padding:  5px 5px 5px;
  line-height: 14px;
  text-align: center;
  color: #fafafa;
  border-radius: 5px 5px 0 0;
  
}
.visitor.on {
  border: solid 1px #2b2963;
  background-color: rgba(255, 255, 255, 0.3);
  line-height: 16px;
  font-size: 16px;
  color: #2b2963;
}
.visitor:before {
  font-family: FontAwesome;
  padding-right: 5px;
  content: "\f192"; 
  color: #00FF33;
}
.visitor.offline{
  opacity: 0.5;
  color: #666;
  cursor: default;
}
.visitor.offline:before {
  color: #666;
}
#online {
  display: none;
  margin-top: 5px;
  font-size: 14px;
  background: rgba(255,255,255,0.3);
  backdrop-filter: blur(10px);  
  -webkit-backdrop-filter: blur(10px);
  border-radius: 5px;
  text-align: left;
  overflow: hidden;
  box-shadow: inset 1px 2px 2px rgba(0,0,0,0.2);
}
#online .scroll {
  width: 420px;
  max-height: 523px;
  overflow-y: scroll;
  scrollbar-color:  #2b2963 #ccc;
  transition: 1s;
 
}
#online:hover .scroll {
  width: 600px;
  transition: 2s;
}

#online .scroll::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  background-color: #F5F5F5;
  border-radius: 0px;
}


#online .scroll::-webkit-scrollbar {
  width: 10px;
  background-color: #F5F5F5;
}

#online .scroll::-webkit-scrollbar-thumb {
  background-color: #2b2963;
  border-radius: 5px;
  background-image:-webkit-linear-gradient(0deg,rgba(255,255,255,0.5)25%,transparent 25%,transparent 50%,rgba(255,255,255,0.5) 50%,rgba(255,255,255,0.5) 75%,transparent 75%,transparent)
}



#online .scroll>ul { 
  display: block; 
  list-style: none; 
  width: 100%; 
  margin:0;
  padding:5px; 
}
#online .scroll>ul>li  { 
  display:block;
  padding:8px 5px 8px;
  overflow: hidden;
  border-bottom: solid 1px rgba(0,0,0,0.100);
  border-top: solid 1px rgba(255,255,255,0.500);
}
#online .scroll>ul>li:first-child  { border-top: none; }
#online .scroll>ul>li:last-child  { border-bottom: none; }
#online .scroll>ul>li>a { 
  display:block;
  color: #555;
  width: 100%;
  max-width: 100%;
  overflow: hidden; 
  white-space:nowrap; 
  text-overflow: ellipsis;
}
#online .scroll>ul>li>a:before {  content: "\f0ac"; font-family: FontAwesome; padding-right: 5px; }
#online .scroll>ul>li>a.check:before {  content: "\f00c"; }


#online .scroll>ul>li>span { 
  display:block;
  font-size:12px;
  width: 100%;
  float: left;
  text-align: left;
  margin-top: 7px;
  color: #999;
  width: 100%;
  max-width: 100%;
  overflow: hidden; 
  white-space:nowrap; 
  text-overflow: ellipsis;
}
#online .scroll>ul>li>span>time { border-right: solid 1px rgba(0,0,0,0.100); padding-right: 5px; display:inline-block; min-width:60px; }
#online .scroll>ul>li>span>i { font-style:normal; border-left: solid 1px rgba(255,255,255,0.400); border-right: solid 1px rgba(0,0,0,0.100); padding: 0 5px 0;}
#online .scroll>ul>li>span>i:last-child { border-right: none;}

#online .scroll>ul>li>span>em {  display:inline-block; min-width:120px;  font-style:normal;padding: 0 5px 0; border-right: solid 1px rgba(0,0,0,0.100);  border-left: solid 1px rgba(255,255,255,0.400);}

#online .scroll>ul>li>span>time:before {  content: "\f017"; font-family: FontAwesome; padding-right: 5px; padding-left: 1px; }
#online .scroll>ul>li>span>em:before {  content: "\f2c3"; font-family: FontAwesome; padding-right: 5px; }

#online .scroll>ul>li>span>i:before { font-family: FontAwesome; padding-right: 5px;}
#online .scroll>ul>li>span>i.history:before { content: "\f1da"; }

#online .scroll>ul>li>span>i.Mobil:before { content: "\f10b";font-size: 16px; line-height:12px;}
#online .scroll>ul>li>span>i.Laptop:before {  content: "\f109";}

#online .scroll>ul>li>span>i.android:before { content: "\f17b";}
#online .scroll>ul>li>span>i.iphone:before { content: "\f179";}
#online .scroll>ul>li>span>i.chrome:before { content: "\f268";}
#online .scroll>ul>li>span>i.firefox:before { content: "\f269";}
#online .scroll>ul>li>span>i.safari:before { content: "\f267";}
#online .scroll>ul>li>span>i.opera:before { content: "\f26a";}
#online .scroll>ul>li>span>i.edge:before { content: "\f282";}
#online .scroll>ul>li>span>i.internet-explorer:before { content: "\f26b";}





@media (max-width: 991px) {
.visitor.on { 
  right:0; 
  display:block; 
  width: 100%; 
  border-radius: 0; 
  border-left: none;
  border-right: none; 
  box-shadow: 2px -10px 60px rgba(0,0,0,0.6);
  font-size: 18px;
  font-weight: 600; 
  padding:  8px 5px 5px;
  line-height: 16px;
  background-color: rgba(255, 255, 255, 0.2);
}
#online { margin-top:8px; background-color: rgba(255, 255, 255, 0.2);}
#online .scroll { width: inherit; max-height: 350px; font-weight: 400;}
#online:hover .scroll {width: inherit;}
#online .scroll::-webkit-scrollbar-track {
  background: rgba(255,255,255,0.1);
  backdrop-filter: blur(10px);  
  -webkit-backdrop-filter: blur(10px);
}

#online .scroll::-webkit-scrollbar {
  background: rgba(255,255,255,0.1);
  backdrop-filter: blur(10px);  
  -webkit-backdrop-filter: blur(10px);
}

.form-resimler { padding: 0; border: none; }
.ajax_file{ width: 100%; }
.alert del { display: none; }

.navbar .navbar-brand.s { overflow:hidden; width:53px; margin-right: 10px; }
.navbar .navbar-nav.navbar-right { border-top: solid 1px #2b2963; }
.navbar .navbar-nav.navbar-right>li:last-child a { 
  background: transparent;
  color: #fff;
  padding: 5px 15px; 
  margin-top: 0px;
  border-radius: 0px;
  margin-left: inherit;
}
.navbar .navbar-nav.navbar-right>li a.signIn { margin-bottom: -10px;  color:#fff; }
.navbar .navbar-nav.navbar-right>li:last-child a:after { border-radius: 0px; }
.navbar .navbar-nav li img {  margin-left: -3px; margin-right: 0px; }

.navbar .navbar-nav.navbar-right>li a.signIn:after { display: none; }

footer .copyright p { float: left; }

.navbar { height: inherit; margin-bottom: 0;  }
.navbar-header a.i { margin-top: 9px; }

.navbar .navbar-nav li a  { font-size: 20px; margin-bottom: 10px; }
.navbar .navbar-nav li a i { padding-right: 0px; }

.navbar .navbar-nav.navbar-right { 
  padding-top: 10px;
  padding-bottom: 0px;
  padding-left:10px;
  background: #937565;
  
  margin-bottom: 0px;
}


.navbar .navbar-nav.navbar-right>li a {
  display: inline-block;
  background:#2b2963;
  color:#fff;
  float: left;
  margin-right: 5px;
  margin-left: 5px;
  border: none;
  padding: 5px 8px;
  border-radius: 4px;
}
.navbar .navbar-nav.navbar-right>li a i { font-size: 24px; line-height: 18px;}

.navbar .navbar-nav.navbar-right>li a.i { 
  margin-top: 0; 
  margin-left: 5px; 
  font-size: 18px; 
  border: none;
  padding-top: 3px;
  padding-left: 0; 
}
.navbar .navbar-nav.navbar-right>li a.i img{ margin:0 3px }
.navbar .navbar-nav.navbar-right>li a.i:hover,
.navbar .navbar-nav.navbar-right>li a.i:focus { 
  color: #fff;
  border:none; 
}

.navbar .navbar-nav.navbar-right>li:last-child a {
  background: #2b2963;
  color: #fff;
  margin-right: 15px;
  float: right;
  border-radius: 4px;
}
.navbar-right .open .dropdown-menu>li>a  { padding-left: 0px; margin-left: 10px; padding-right: 10px; padding-bottom:5px; padding-top:5px; }

.navbar-nav.navbar-right> .open .dropdown-menu>li {margin-left:-5px}





.lg { width: 100%; margin:0; position:releative; background: #f1f1f1; margin-bottom: 17px;}
.lg.s {  margin-bottom: 17px; margin-top: -20px; overflow: hidden; height: 25px; box-shadow: -1px 1px 2px rgba(0,0,0,.2); padding-top:5px; padding-bottom:0; }

.ilanlar {  margin-top: 0; }
.filter { display: inline; }

.top_button { display: block; }


.ilanlar .filtre { display: none; margin-bottom: 15px; }
.affix .filtre label,
.ilanlar .filtre label { display: block; width: 100%; float:left;  position: relative; margin-bottom: 10px; }

.ilanlar .filtre span,
.ilanlar .filtre span i { display: block;  }


.ilanlar .filtre span.detayli-filtre { display: none; }
.ilanlar .filtre .detayli-filtrele,
.ilanlar .filtre .detayli-filtrele.filtre-kapat { float: left; width: 100%; margin-left: 0; text-align:left;  border-color:#ccd4dc; margin-top: 15px; margin-bottom: 5px;  }

.ilanlar .filtre .detayli-filtrele:after  { content: "\f0d7"; float: right; padding-right: 5px;  top: 1px; }
.ilanlar .filtre .detayli-filtrele:before  {font-family: FontAwesome;  content: "\f0b0"; padding-right: 5px; padding-left: 5px; }

.ilanlar .filtre .detayli-filtrele.filtre-kapat:after  {  content: "\f0d8"; float: right; padding-right: 5px; top: -1px;  }
.ilanlar .filtre .detayli-filtrele.filtre-kapat:before  { color: #2b2963; font-family: FontAwesome;  content: "\f00d"; padding-right: 5px; padding-left: 5px;}
 

.ilanlar .filtre select,
.ilanlar .filtre input {
  width: 100%;
  display: block;
  margin-right: 0; 
  font-size: 16px;
  margin-bottom: 5px;
}
.filtre .price.form-control.en { float:left; width: 45%; position: relative; display: inline-block; } 
.filtre .price.form-control.en.r { float: right; } 
.ilanlar .filtre .ilce select,
.ilanlar .filtre .mahalle select,
.ilanlar .filtre .ilan_no input { width: 100%; margin-right: 0; }
.ilanlar .filtre button { 
  width: 100%; 
  margin-top: 10px;
  margin-bottom: 15px; 
  padding: 8px 5px; 
  font-size:18px;
  font-weight: 800;
  color: #fafafa; 
  height: inherit;
  background: #2b2963; 
  border: solid 1px #2b2963;
  text-transform: uppercase;
}
.ilanlar .filtre button:before,
.affix .filtre button:before { margin-right: 10px; }
.ilanlar .filtre .fiyat,
.affix .filtre .fiyat { margin-right: 0; width: 100%; display: block; position: relative; overflow:hidden; }



.ilanlar .filtre,
.affix .filtre {
  background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(253,253,253,1) 25%, rgba(250,250,250,1) 50%, rgba(250,250,250,1) 75%, rgba(250,250,250,0.03) 100%);
  background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(253,253,253,1) 25%,rgba(250,250,250,1) 50%,rgba(250,250,250,1) 75%,rgba(250,250,250,0.03) 100%); 
  background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(253,253,253,1) 25%,rgba(250,250,250,1) 50%,rgba(250,250,250,1) 75%,rgba(250,250,250,0.03) 100%); 
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#08fafafa',GradientType=0 ); 
  padding: 10px 0 5px 0;
  -webkit-transition: none;
  transition: none;
  border-radius: 3px;
  box-shadow: none;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 16px;
  box-shadow: none;
  color: #555;
  border: solid 1px #ccd4dc;
  
}
.affix .filtre input { margin-right: 0; font-size: 16px; padding: 6px 6px; border-color: #e0e5eb;}
.affix .filtre select {  border-color: #e0e5eb;}

.affix .filtre input { padding: 7px 7px 5px 7px; }
.affix .filtre .mahalle select {  font-size: 14px;  }
.affix .filtre button:before { padding-right: 5px; position: relative; top:-1px; } 
.ilanlar .filtre .search,
.affix .filtre .search { width: 100%; height: 30px; margin-right: 0; display: block; margin-top: 15px; margin-bottom: 10px; }
.ilanlar .filtre .search input,
.affix .filtre .search input { width: 90%; }


.ilanlar .filtre .search .easy-autocomplete,
.affix .filtre .search .easy-autocomplete  { min-width: 100%; }

.ilanlar .filtre .search .easy-autocomplete input,
.affix .filtre .search .easy-autocomplete input { width: 90%;  }


.ilanlar .filtre .search input:hover,
.affix .filtre .search input:hover,
.ilanlar .filtre .search input:focus,
.affix .filtre .search input:focus {  border-color: #2b2963; }

.ilanlar .filtre .search button,
.affix .filtre .search button { width: 10%;  margin-top: 0;   padding: 0; }



.ilanlar .filtre label.ilce,
.affix .filtre label.ilce { width: 45%; float: left; display: inline-block; margin-top: 10px; }
.ilanlar .filtre label.mahalle,
.affix .filtre label.mahalle { width: 45%; float: right; display: inline-block; margin-top: 10px; }


.ilanlar .filtre label.oda,
.affix .filtre label.oda, 
.ilanlar .filtre label.yas,
.affix .filtre label.yas,
.ilanlar .filtre label.kat,
.affix .filtre label.kat { width: 27%; float: left; display: inline-block; margin-top: 10px; }


.ilanlar .filtre label.kat select,
.affix .filtre label.kat select{ width: 100%; float: left; display: inline-block; }


.ilanlar .filtre label.yas,
.affix .filtre label.yas  { margin-left: 10%; margin-right: 9%; }


.breadcrumb { 
  margin-top: 4px; 
  padding:0 0 5px ; 
  margin-bottom: 5px; 
  height: 20px; 
  overflow: hidden;
  background: transparent;
  border: none;
  border-radius: 0;
  margin-left: -1px;
}

.breadcrumb li { font-size: 12px; font-weight: 400; margin-right: 0; line-height:20px; padding-right:0;  }
.breadcrumb li a span { display: none; }
.breadcrumb>li+li:before{ padding:0 3px; font-weight: 600;}

h1,
h1.konum { font-size: 14px; margin-top: 3px; padding-left: 0; margin-bottom:0; }
h1.home { 
  margin-top: 15px; 
  font-size: 20px; 
  font-weight: inherit; 
  line-height: 26px; 
  text-align: center;  
  font-family: 'ProximaBlack', serif;
  color: #444;  
}
h1.ilan { display: inline-block; width: inherit; font-size: 14px; line-height: 14px; float: left;  }
h1.bulunamadi  {
  margin-top: 0;
  padding-top: 0;
  display: block;
  width: 100%;
  font-size: 20px;
  text-align: center;
}

.ust-baslik {
  margin-top: -3px;
  margin-bottom: 0; 
  font-size: 12px;
}
.ust-baslik p { position: relative; top: 2px; }
.ust-baslik p span { display: none; }
.ust-baslik h1 span { display: none; }
.ust-baslik h1:before { padding-right: 5px; }
.ust-baslik h1.olustur:before { top: 1px; }
.ust-baslik h1.haber:before { top: 1px; }

.ust-baslik.bulunamadi p { font-size: 14px; float:left; display: block; width: 100%; padding-left: 0;  text-align:center;  }
.ust-baslik.bulunamadi p em { display: block; }
.ust-baslik.bulunamadi p em:before { content: ""; padding-right: 0;  }

.ust-baslik.bulunamadi span { display: block; }

.ust-baslik button { display: block; float: inherit; }
.ust-baslik a.button,
.ust-baslik button { width: 100%; display: block;}
.ust-baslik button.filter1{ display: block; }
.ust-baslik button.filter2{ display: none; }

.kaldir a { font-size: 12px; }
.kaldir a span { display: none; }
.kaldir a:after { padding-bottom: 3px; }


.durum {
  font-size: 16px;
  letter-spacing: 1px;
  font-family: 'ProximaBlack', serif;
}


.ilan .resim {
  width:100%;
  border-right: none;
  border-bottom: solid 1px #e0e5eb;
  text-align:center;
}
.ilan .resim img {  width:100%;  border-radius: 3px 3px 0 0; }
.ilan .detay { width:100%; }

.ilan .baslik { padding: 10px; font-size: 14px; letter-spacing: 0; margin-bottom: 10px; background: #f5f5f5; }
.ilan .baslik:before { top: 0px; }
.ilan .baslik span:first-child { max-width: 255px; }

.ilan .baslik del { display: none; }
.ilan .baslik em { display: inline; }
.ilan .baslik b { 
  background: #777;
  color: #fff;
  font-size: 12px;
  position: relative;
  top:-1px;
}
.ilan a:visited .baslik b  { background: #999; }
.ilan a:hover .baslik b { background:#000; color: #fff; }

.ilan .baslik u { display: none; }
.ilan .ozellik {
  padding: 0 7px 7px 7px;
  margin: -2px 0 0 0;
  font-size: 14px;
}
.ilan .ozellik span {
  max-width: 80px;
  padding: 2px 4px;
  margin-right: 7px;
}
.ilan .ozellik b {  padding: 2px 4px; font-size: 14px; }
.ilan a:hover .ozellik b { background:#10dd02; color: #fff; }
.ilan .ozellik span:first-child { display: none; }

.ilan-resimleri,
.ilan-ozellikleri,
.ilan-fiyat { width: 100%; min-height: inherit; }

.drag { width: 100%; min-height:inherit; }


.ilan-resimleri .vitrin { width: 100%; height: inherit; margin-bottom: 15px; padding:1px; }

.ilan-resimleri .resim-buton a { width: 50%; margin: 0;  }

.ilan-resimleri .resim-buton span { display: none;  }

.ilan-resimleri .kucuk-resim { padding: 1px; }
.ilan-fiyat i { border-right: none; color: #666; width: 60%; font-size:16px; }
.ilan-fiyat i:last-child { width: 40%; }

 
#ilan table td { text-align:right; } 

.ilan-bilgi p span { width: 100%; display: block; float:left; }
.ilan-bilgi p span:first-child {  margin-bottom:20px; }

.k-t p span { width: 100%; display: block; float:left; }
.k-t p span:first-child {  margin-bottom:20px; }

.ilan-form { 
  padding-left: 5px;
  padding-right:5px;
  padding-top: 4px;
  padding-bottom: 10px;
  width: 100%;
  float: left;  
}


.ilan-form span { 
  display: inline-block;
  width: 46%;
  margin: 5px;
}


#duzenle h1 { font-size:26px; margin-top:-7px; }
.butonlar span  { display: none; }

#ilan .ilan-ozellikleri select,
#ilan .ilan-ozellikleri select option,
#ilan .ilan-ozellikleri input { border-radius: 0; text-align:right; text-align-last:right; direction:rtl; }


#hatirlatma .nav.nav-tabs li a,
#mesajlar .nav.nav-tabs li a { margin-right: 5px; font-size: 14px; padding-left: 6px; padding-right: 6px; }

.liste li i { width: 125px; }
.liste li em { display: none; }
.liste li u { max-width: 80px; }


.sayfalar p i { display: none; }
.sayfalar a,
.sayfalar span {
  font-size:16px;
  width: 30px;
  padding: 5px 5px 3px 5px;
  margin-right: 4px; 
  margin-left: 4px;
  margin-bottom:15px;
}


.sayfalar a i { display: none; }
.sayfalar a.geri { width: 33px; margin-right: 3px;  padding: 5px 5px 3px 5px; } 
.sayfalar a.ileri { width: 33px; margin-left: 3px;   padding: 5px 5px 3px 5px;}
.sayfalar a.geri:before { padding-right: 0; }
.sayfalar a.ileri:after { padding-left: 0; }
.kenar {
  border-left: none;  
  padding-left: 0; 
  margin-left: inherit; 
  min-height: auto; 
  margin-bottom: 20px;
  padding-top:20px;
}

.biz-bulalim.fixed { 
  position: inherit; 
  width: inherit; 
  margin-left: inherit; 
  padding-left: inherit; 
  top: inherit; 
  padding-top: inherit; 
  border-left: none;   
}
.biz-bulalim.fixed.s,
.biz-bulalim.fixed.m { top: inherit; }

.kartvizit .firma {  max-width: 100%; }


.form label { width: 10%; }
.form input { width: 90%; }
.form textarea { width: 90%; }
.form.lrg span.adsoyad,
.form.lrg span.tel { width: 100%; }
.form.lrg span.tel { float: rinherit; }
.form.lrg span.adsoyad label,
.form.lrg span.tel label { width: 10%; }
.form.lrg span.adsoyad input,
.form.lrg span.tel input { width: 90%; }

.form.sml label { width: 10%; }
.form.sml input,
.form.sml textarea { width: 90%; }
.kapat.d { margin: -56px 0 10px 0; padding: 3px 0px 2px; line-height: 14px;  }

.kapat.d.fixed { 
  position: fixed; 
  top:62px;
  z-index: 9999;
  float: right;
  width: 40px;
  height: 40px;
  right: 5px; 
  font-size: 32px;
  line-height: 24px;  
  transition: 0.9s;
  box-shadow: 1px 1px 4px rgba(0,0,0,0.500);

}

.hide { display: none; }

.butonlar .sec.etiketim select { width: 67px;  }
.butonlar .sec.durumum select { max-width: 69px;  }
.butonlar a:hover,
.butonlar button:hover {
  text-decoration: none;
  transition: 0.2s;
  border-color: rgba(255,68,0,0.900); 
  color: rgba(255,68,0,0.900);
  background: rgba(255,255,255,0.900);
  text-shadow: none;
}
#etiketler .butonlar .sol { width: 40%; display: inline-block;}
#etiketler .butonlar .sag { width: 50%; display: inline-block;}

.butonlar.buyuk .sec select { width: 95%;}

.login { width: 100%; }



#haberler .haber { width: 100%; margin-right: 0; margin-bottom: 25px; }
#haberler .haber figure,
#haberler .haber.i figure { height:inherit; max-height: inherit; }
#haberler .haber figcaption { font-size: 18px; margin-top: 10px; text-align: left; }




.panel .kartvizit { width: 100%; margin:0; padding: 10px; border: none; background: transparent; }
.panel .kartvizit:hover {  border: none; box-shadow: none; }

.panel .kartvizit .img  {  width: 30%; height: auto; }
.panel .kartvizit a,
.panel .kartvizit .message  { width: 68%; float:right; margin-bottom: 4%; }


.etiket { display: block; width: 100%; }
.etiket li {  width: 47%; min-height: 100px; }
.etiket li:nth-child(2),
.etiket li:nth-child(4),
.etiket li:nth-child(6),
.etiket li:nth-child(8),
.etiket li:nth-child(10),
.etiket li:nth-child(12),
.etiket li:nth-child(14),
.etiket li:nth-child(16),
.etiket li:nth-child(18),
.etiket li:nth-child(20),
.etiket li:nth-child(22),
.etiket li:nth-child(24),
.etiket li:nth-child(26),
.etiket li:nth-child(28),
.etiket li:nth-child(30),
.etiket li:nth-child(32) { float: right; }

.etiket li .kutu span { font-size: 24px; }
.etiket li .kutu b { font-size: 30px; }

.hakkinda h2 { font-size: 16px; }
.k-t table {  width: 100%; margin-top: 10px; font-size: 16px; }
.k-t table.s { float: left; border-top: solid 1px #dedede; margin-top: 0; } 
.k-t .dz { display: inline-block; }

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


.navbar-inverse .navbar-nav>.open>a, 
.navbar-inverse .navbar-nav>.open>a:focus, 
.navbar-inverse .navbar-nav>.open>a:hover {
  background: #2b2963;
  color: #fff;
  border: none;
}
.navbar-inverse .navbar-nav .open .dropdown-menu {
  background-color:  none;
  border-bottom: none;
  border-radius: 0;
  border-top:  none;
}
.navbar-inverse .navbar-nav .open .dropdown-menu>li { padding-left:0 }
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a { color:#2b2963; padding-left: 15px; }
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover { background:#fff; color:#937565;  }

.navbar-inverse .navbar-nav.navbar-right .open .dropdown-menu>li>a { color:#fff;  }
.navbar-inverse .navbar-nav.navbar-right .open .dropdown-menu>li>a:hover { color:#2b2963;  }

.panel .kartvizit a,
.panel .kartvizit .message  { width: 67%; float:right; margin-bottom: 3%; }
.etiket li {  width: 45%; }
.etiket li .kutu span { font-size: 18px; }
.etiket li .kutu b { font-size: 22px; }
.etiket li .kutu .kaydet.d  { width: 67%; }
.etiket li .kutu .sil  { width: 31px; }
.etiket li .kutu .sil u { display: none; }

footer .copyright p {  margin-top:5px; }
}

@media (max-width: 499px) {
.ilan .baslik span:first-child { max-width: 180px; }
.panel .kartvizit a,
.panel .kartvizit .message  { width: 66%; margin-bottom: 3%; }

.panel .kartvizit .message,
.panel .kartvizit .yonetim  { width: 100%; float:left; margin-bottom: 0; margin-top: 10px; }
.etiket li {  width: 44%; }
}