* {
  font-family: "Calibri", sans-serif;
}

html, body {
  font-size: 14px;
  overflow-x: hidden;
}

body {
  position: relative;
  margin: 0;
  padding: 0;
  font-family: "Calibri", sans-serif;
  font-size: 14px;
  font-weight: 400;
  background-color: #eaecee;
  color: #333;
	}


h1, h2, h3, h4, h5, h6 {
  font-family: "Calibri", sans-serif;
  font-weight: 700;
  color: #333;
}

p {
  font-family: 'Calibri', sans-serif;
  line-height: 16px;
  font-weight: 400;
  color: #333;
}

ul, ol, li {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
}

a {
  color: #369;
  text-decoration: none;
}

a:hover, a:focus {
  text-decoration: none;
	color:darkorange;
}
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;

}

.container-narrow > hr {
	margin: 30px 0;
}


.panel-title {display: inline;font-weight: bold; line-height: 3;}

.checkbox.pull-right { margin: 0; }
.pl-ziro { padding-left: 0px; }
.form-control.error {
	border-color: red;
	outline: 0;
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(255,0,0,0.6);
}
label.error {
	font-weight: bold;
	color: red;
	padding: 2px 8px;
	margin-top: 2px;
}
.payment-errors {
	font-weight: bold;
	color: red;
	padding: 2px 8px;
	margin-top: 2px;
}

.gri {border-bottom:1px solid #e0e0e0;background:#f0f0f0;padding:6px;margin-bottom:14px;position:relative;}
.gri:before {position:absolute;left:0;top:0;width:100%;height:100%;content:"";z-index:1;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0+52,0.03+100 */background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 52%, rgba(0,0,0,0.03) 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 52%,rgba(0,0,0,0.03) 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 52%,rgba(0,0,0,0.03) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#08000000',GradientType=0 ); /* IE6-9 */}

.ContentYeni {
	width: 85% !important;
	margin: auto;
}
.marginsiz{
	margin-right: 0px !important;
	margin-left: 0px !important;
	display: flex;
}

.doviz{
	font-weight: 600;
	color:#ffffff;
	margin-left: 5px;
	margin-right: 15px;
	font-size: 14px;
	border-radius: 5px;
	float: right;
	margin-top: 15px;
}
.logo
{
	width:100px;
	margin-top: 6px;
}
.odeme{
	display: flex;
	border-bottom: 1px solid #e2e2e2;
	font-size: 22px;
	font-weight: bold;
	height: 50px;
	background-color: #2e6da4;
	color: #fff;
	text-justify: center;
}

@media (max-width: 1600px)
{
	.ContentYeni{
		width: 1400px !important;
		margin: auto;
	}
	.marginsiz{
		margin-right: 0px !important;
		margin-left: 0px !important;
	}
	.navbar_res{
		width: 60px;
	}
}
@media (max-width: 1400px)
{
	.ContentYeni{
		width: 1350px !important;
		margin: auto;
	}
	.marginsiz{
		margin-right: 0px !important;
		margin-left: 0px !important;
	}
	.navbar_res{
		width: 60px;
	}
}

@media (max-width: 1350px)
{
	.ContentYeni{
		width: 1300px !important;
		margin: auto;
	}
	.marginsiz{
		margin-right: 0px !important;
		margin-left: 0px !important;
	}
	.navbar_res{
		width: 60px;
	}
}

@media (max-width: 1300px)
{
	.ContentYeni{
		width: 1250px !important;
		margin: auto;
	}
	.marginsiz{
		margin-right: 0px !important;
		margin-left: 0px !important;
	}
	.navbar_res{
		width: 60px;
	}
}


@media (max-width: 1200px)
{
	.ContentYeni{
		width: 1170px !important;
		margin: auto;
	}
	.marginsiz{
		margin-right: 0px !important;
		margin-left: 0px !important;
	}
	.navbar_res{
		width: 60px;
	}
}

@media (max-width: 992px)
{
	.ContentYeni{
		width: 970px !important;
		margin: auto;
	}
	.marginsiz{
		margin-right: 0px !important;
		margin-left: 0px !important;
	}
	.navbar_res{
		width: 50px;
	}
	.ustmenu {
		height: 80px;
	}


}

@media (max-width: 750px)
{
	.ContentYeni{
		width: 100% !important;
		margin: auto;
	}
	.marginsiz{
		margin-right: 0px !important;
		margin-left: 0px !important;
		display: flex;
	}
	.navbar_res{
		width: 25px;
	}

	.ustmenu {
		height: 50px !important;
	}

	.ustmenu li{
		width: 50px !important;
	}
	ul, ol, li
	{
		margin: 0px !important;
		padding: 0px !important;
	}

	.doviz{
		font-weight: 600;
		color:#ffffff;
		margin-left: 5px;
		margin-right: 15px;
		font-size: 12px;
		border-radius: 5px;
		float: right;
	}
	.firma_ismi
	{
		font-size: 12px;
	}
	.duyuru
	{
		display: none;
	}
	.logo
	{
		width:100px;
		margin-top: 6px;
	}

	#logo_mobil
	{
		
	}
	#temsilci_mobil
	{

	}

}




.profil_baner
{
	background-color: #dfdfe2;
	width: 100%;
	padding: 10px;
	border: 1px solid #e2e2e2;
	height: 220px;
}

.profil_ad{
	color: #fff;
	font-weight: 600;
	padding: 10px;
	width: auto;
	margin-top: 50px;
	font-family: Roboto, sans-serif;
	text-shadow: 1px 1px 1px #000;
}

.profil_kalan
{
	color: #fff;
	font-weight: 600;
	padding: 10px;
	width: auto;
	font-family: Roboto, sans-serif;
	text-shadow: 1px 1px 1px #000;
	text-align: right;
}
.profil_ad h4{
	color: #fff;
	font-size: 22px;
	font-weight: 600;
	text-shadow: 1px 1px 1px #000;
	font-family: Roboto, sans-serif;
}

.profil_sayfa
{
	box-shadow: 0 0 3px 2px #e2e2e2;
	-moz-box-shadow: 0 0 3px 2px #e2e2e2;
	-webkit-box-shadow: 0 0 3px 2px #e2e2e2;
	padding: 10px;
	margin-top: 15px;
	margin-bottom: 15px;
	text-align: center;
}

.profil_adet
{
	box-shadow: 0 0 3px 2px #e2e2e2;
	-moz-box-shadow: 0 0 3px 2px #e2e2e2;
	-webkit-box-shadow: 0 0 3px 2px #e2e2e2;
	padding: 15px;
	margin: 15px;
	color: #fff;
	font-size: 18px;
}

.top_logo
{
	border:3px solid #fff;
	width: 150px !important;
	height: 150px !important;
	top: 50px;
	left: 5px;
	background-color: white;
	padding: 10px;
	text-align: center;
	border-radius: 75px;
	-webkit-border-radius: 75px;
	-moz-border-radius: 75px;
}

.text {
	position:absolute;
	font-weight:bold;
	top:80px;
	left:50px
}

.orta_yayin{
	 margin-top: 50px;
	 border: 1px solid #e2e2e2;
	 min-height: 400px;
	 padding: 15px;
	 margin-bottom: 100px;
 }

.ustbanner {
	background-color:#000;
	width:460px;
	height:60px;
	color:#FFF;
	position:absolute;
	top:-70px;
	right:0px;
	text-align:center
}
.ustmenu {
	top:0px;
	height: 50px;
	display: block;
	justify-content: center;
	width: 100%;
	padding: 5px;
	background-color: #232F3E;
	box-shadow:0px 10px 10px -5px #00000070;
}
.ustmenu ul
{
	list-style-type: none;

}
.ustmenu li {
	float:left;
	font-size:18px;
	font-weight: 600;
	color: #fff;
	text-align:center;
	padding:5px;
	margin-left: 15px;
}

.ustmenu li a{
	color: #fff;
}

.menu{
	background-color: #232F3E;
	overflow:hidden;
	box-shadow: 0px 10px 10px -5px #00000070;
}
.menu .open{
	display:none;
	color:#fff;
	padding:15px;
	background-color: #000;
	cursor: pointer;
}
.menu ul li{
	float:left;
	margin-right:10px;
}
.menu ul li a{
	z-index:9999;
	position: relative;
	display:block;
	color:#FFFFFF;
	font-size:15px;
	letter-spacing:.7px;
	padding:15px 12px;
	font-weight: 600;
}
.menu ul li a:after{
	z-index:-1;
	content:"";
	position:absolute;
	width:100%;
	height:0%;
	bottom:0;
	left:0;
	background-color: rgb(0,0,0,0.6);
	transition:height 150ms;
}
.menu ul li a:hover{
	color:#fff;
}
.menu ul li a:hover:after{
	height: 100%;
}


@media only screen and (max-width: 767px) {


	#top_sellers_holder{
		display: none;
	}

	.story_mobil {
		/*max-width: 390px;*/
		padding: 10px;
		display: grid;
		grid-auto-flow: column;
		column-gap: 1rem;
		overflow: auto;
		height: 8rem;
		text-align: center;
		font-weight: 600;
	}
	.story_mobil::-webkit-scrollbar{
		display: none;
	}
	.scroller-item{
		position: relative;
		width: 4rem;
		height: 4rem;
		border-radius: 52%;
		border:1px solid #e2e2e2;
		line-height: 15px;
	}
	.scroller-item img {
		display: block;
		width: 100%;
		height: 100%;
		object-fit: cover;
		clip-path: circle(48%);
	}
	.scroller-item::before{
		content: "";
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		width: calc(100%+ 15px);
		height: calc(100%+ 15px);
		background-image:
				linear-gradient(45deg,
				white, orange, blue);
		border-radius: inherit;
		z-index: -1;
	}

}
.menu ul{
	margin: 0px;
}
@media only screen and (min-width: 1200px) {

	.story_mobil {
		display: none !important;
	}
	.mobil_ara{
		display: none;
	}
}
@media (max-width:768px) {
	.menu .open{display:block;}
	.menu ul {display:none;}
	.menu ul li{float:none; margin-right:0; border-bottom:1px solid #333}
	.menu ul li:last-child{border-bottom:none}
	.story-top_sellers_holder{
		display: none;
	}
}
@media (min-width:768px) {
	.menu ul {display:block!important;}
}

.menulist ul
{
	list-style-type: none;
	color:#333;
	padding-left:0px;
}
.menulist li
{
	font-size:14px;
	line-height: 20px;
	margin-top: 2px;
}
.menulist_alt
{
	margin-left:17px;
}
.altmenu
{
	margin-left:20px;
}

.ic_genel
{
	min-height: 500px;
	padding: 20px;
}
#mapCanvas {
	width: 100%;
	height: 500px;
}
#harita
{
    display: none;
}
.profil_detay
{
	padding: 10px;
	font-size: 16px;

}
.iconmenu a
{
 width: 50px;
}

.input-form-error
{
	color:#FF0000 !important;
}

.input-form-error p
{
	color:#FF0000 !important;
}
.duyuru
{
	height: 300px;
}

.top
{
	padding:0px !important;
	margin:0px !important;
	background-color:#3F4850;
	color:#fff !important;
	height: 50px;
}

.top a
{
	color:#fff;
}
.uyelik{
	margin-left:15px;
	margin-right:15px;
	font-size: 15px;
}
.ozellik_liste
{
	padding:2px;
	border-bottom: 1px solid #e2e2e2;
	line-height: 20px;
}
.ilanveren
{
	border: 1px solid #ccc;
	padding: 10px;
	height: 300px;
	margin-bottom: 20px;
	border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
}
.ilan_iletisim
{
	font-size:16px;
	background-color: #fff;
	-webkit-box-shadow: 0 0 2px 1px #ccc;
	-moz-box-shadow: 0 0 2px 1px #ccc;
	box-shadow: 0 0 2px 1px #ccc;
	padding: 8px 4px 0px 8px;
}
.ozellik_baslik
{
	font-size: 16px;
	font-weight: 600;
}
.ilanstep
{
	width: 205px;
	background-color: #e2e2e2;
	height: 250px;
	border: 1px solid #ccc;
	padding: 8px;
	font-size: 15px;
	margin-left: 15px !important;
	overflow: auto;
}

.ilanozellik{
	margin: 4px;
	font-size: 16px;
}
.ilansayisi
{
	font-size: 11px;
	color:#ccc;
}
.ilanaciklama
{
	padding:15px 5px 5px 5px;
	border: 1px solid #e2e2e2;
	color: #0b0b0b;
}
.ilan_baslik_main{
	font-size: 12px;
	color:#666;
}
.ilanfiyat {font-size:14px;font-weight:600;color:#FF0000;}
.ilanfiyat_res{
	position: absolute;
	top: 5px;
	right: 12px;
	background: rgba(0,0,0,0.5);
	color: #fff;
	font-size: 13px;
	padding: 2px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-bottom-left-radius: 3px;
}
.ilansure
{
	border: 1px solid #e2e2e2;
	width: 31%;
	height: 180px;
	float: left;
	margin: 8px;
	padding: 10px;
	text-align: center;
}
.ilanformerror{
	border: 1px solid red;
}
.ilansurealt
{
	border: 1px solid #e2e2e2;
	padding: 10px;
	text-align: left;
	background-color: #e2e2e2;
}
.ilansure span
{
	font-size: 35px;
}
.ilansuresec
{
	width: 20px;
	height: 20px;
	margin: 5px;
}
.ilansurebaslik
{
	font-size: 30px;
	font-weight: bold;
	background-color:#f7e1b5;
	padding: 15px;
	text-align: center;
}

.ilanvermekurali
{
	margin-right: 5px;
	margin-top:4px;
}

.vitrin_baslik{
	margin: 0px;
	padding: 5px 15px 5px 15px;
	color: #000;
	font-size: 16px;
	font-weight: bolder;
}

.kaydet_btn{
	position: fixed;
	z-index: 9999;
	padding: 15px;
	top:70px;
	right:10%;
	border: 1px solid #e2e2e2;
	width: 250px;
	heigth:200px;
	text-align: center;
}
.ilan_valid{
	border: 2px solid #f00;
}
.arama_emlak
{
	border-bottom: 1px solid #e2e2e2;
	margin-bottom: 10px;
	height: 300px;
	width: 100%;
}
.arama{
	background-color: rgba(255,255,255,0.9);
	width: 90%;
	height: 140px;
	position: relative;
	margin: auto;
	border: 1px solid #e2e2e2;
	padding-top: 15px;
	top: 50px;
}

.tab-menu {
	display:block;
	margin:0;
	padding:0;
	text-align:left
}
.tab-menu li {
	list-style:none;
	display:inline-block;
	margin:0px 0px 0px 0px
}
.tab-menu li a {
	display:block;
	color:#666;
	padding:15px;
	font-size:14px;
	font-family: Arial;
	text-decoration:none;
	border:1px solid #ddd
}

.tab-content {
	display:none
}
#tab1 {
	display:block
}

.tab-container {
	border:1px solid #ddd;
	padding:30px;
	font-family: Arial;
	font-size:14px;
	color:#666;
	width:100%;
}
.current a {
	background:#666 !important;
	border:1px solid #666 !important;
	color:#fff !important
}
.baslik_alani{
	background: #f8f8f8;
	position: relative;
	border-bottom: solid 1px #ddd;
	font-size: 1rem;
	line-height: 22px;
	margin-bottom: 20px;
}
.detay_guvenli_aciklama
{
	border: 1px solid #ccc;
	padding: 5px;
	height: 200px;
	margin-bottom: 20px;
	border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
}
.uyeol
{
	min-height: 600px;
	padding: 50px;
}
.uye_form
{
	border: solid 1px #e2e2e2;
	border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
	padding: 50px 20px 0px 20px;
}
.uye_giris
{
	border: solid 1px #e2e2e2;
	border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
	padding: 40px 50px 100px 50px;
	margin-right: 2px;
	height: 400px;
}
.uye_degil
{
	border: solid 1px #e2e2e2;
	border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
	padding: 40px 50px 100px 50px;
	text-align: center;
	margin-left: 2px;
	height: 400px;

}

.uye_form_detay{
	background-color: #e9e9eb;
	padding-bottom: 50px;
}
.buye_form_detay{
	background-color: #fff;
	padding-bottom: 50px;
}

.uye_form_detay li
{
	margin-top: 20px;
	font-size: 16px;
}
.uye_form_detay .baslik
{
	margin-top: 20px;
	font-size: 22px;
	font-weight: bold;
	line-height: 18px;
}

.userilan_baslik
{
	font-size: 18px;
	color: #0D87AE;
}
.userilan_fiyat
{
	font-size: 18px;
	color: #cd0b20;
}
.userilanicon{
	margin-right: 10px;
}
.userlisteicon
{
	margin:5px;
}
.kategori_list_alt_menu
{
	border: 1px solid #e2e2e2;
	padding: 10px;
}
.kategori_list_alt_menu a
{
	padding-left: 10px;
}
.sayfa_ust
{
	background-color: #efefde;
	padding: 2px; text-align: center;
	border: 1px solid #ffff;
}
.sayfa_list
{
	padding: 2px; text-align: center;
}
.menulist_ban{
	border: 1px solid #e2e2e2;
}
.menulist_ban a{
	display: block;
	font-size: 18px;
	color:#333;
	height: 30px;
	border-bottom: 1px solid #e2e2e2;
	margin-top: 10px;
}
.menulist_ban a:hover{
	display: block;
	font-size: 18px;
	color:#333;
	height: 30px;
	border-bottom: 1px solid #e2e2e2;
	margin-top: 10px;
	background-color: #f2f2f2;
}
.banaozel{
	color:#35b8e0;
	height: 100px;
	border: 1px solid #e2e2e2;
	padding:10px;
	font-size: 25px;
}
.reklamalani
{
	margin-top: 0px;
}
.reklam_kapa{
 text-align: right;
}
.ilan_veren_mesaj
{
	background-color: #f2f2f2;
	border: 1px solid #e2e2e2;
	border-radius: 10px;
	padding: 10px;
	text-align: right !important;
	margin-bottom: 15px;
	max-width: 450px;
	min-height: 50px;
	margin-left: 450px;
}
.mesaj_yazan{
	background-color: #dcf6c5;
	border: 1px solid #e2e2e2;
	border-radius: 10px;
	padding: 10px;
	min-height: 50px;
	text-align: left !important;
	margin-bottom: 15px;
	max-width: 450px;
}
.bx-wrapper
{
	margin-bottom: 10px !important;
}

section .section-title {
	text-align: center;
	color: #2e3433;
	margin-bottom: 50px;

	text-transform: uppercase;
}

#footer {
	background: #2e3433 !important;
	padding-top: 50px;
}
#footer h5{
	padding-left: 10px;
	border-left: 3px solid #eeeeee;
	padding-bottom: 6px;
	margin-bottom: 20px;
	color:#ffffff;
}
#footer a {
	color: #ffffff;
	text-decoration: none !important;
	background-color: transparent;
	-webkit-text-decoration-skip: objects;
}
#footer ul.social li{
	padding: 3px 0;
}
#footer ul.social li a i {
	margin-right: 5px;
	font-size:25px;
	-webkit-transition: .5s all ease;
	-moz-transition: .5s all ease;
	transition: .5s all ease;
}
#footer ul.social li:hover a i {
	font-size:30px;
	margin-top:-10px;
}
#footer ul.social li a,
#footer ul.quick-links li a{
	color:#ffffff;
}
#footer ul.social li a:hover{
	color:#eeeeee;
}
#footer ul.quick-links li{
	padding: 3px 0;
	-webkit-transition: .5s all ease;
	-moz-transition: .5s all ease;
	transition: .5s all ease;
}
#footer ul.quick-links li:hover{
	padding: 3px 0;
	margin-left:5px;
	font-weight:700;
}
#footer ul.quick-links li a i{
	margin-right: 5px;
}
#footer ul.quick-links li:hover a i {
	font-weight: 700;
}

.stepwizard-step p {
	margin-top: 0px;
	color:#666;
}
.stepwizard-row {
	display: table-row;
}
.stepwizard {
	display: table;
	width: 100%;
	position: relative;
}
.stepwizard-step button[disabled] {
	/*opacity: 1 !important;
    filter: alpha(opacity=100) !important;*/
}
.stepwizard .btn.disabled, .stepwizard .btn[disabled], .stepwizard fieldset[disabled] .btn {
	opacity:1 !important;
	color:#bbb;
}
.stepwizard-row:before {
	top: 14px;
	bottom: 0;
	position: absolute;
	content:" ";
	width: 100%;
	height: 1px;
	background-color: #ccc;
	z-index: 0;
}
.stepwizard-step {
	display: table-cell;
	text-align: center;
	position: relative;
}
.btn-circle {
	width: 30px;
	height: 30px;
	text-align: center;
	padding: 6px 0;
	font-size: 12px;
	line-height: 1.428571429;
	border-radius: 15px;
}