/*!
 * Bootstrap (http://boluhosting.com)
 * Yavuz Bayar - Default CSS v3.0 06/2020
*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,500;0,600;0,800;1,500;1,800&display=swap');
*{
font-family: 'Montserrat', sans-serif;

}
input:hover, input:focus,textarea:hover, textarea:focus{
  outline: 0;

}
body, html{
    height: 100%;
}
a, a:hover{
	color:#999999;
	text-decoration: none;
}
#wrappper{
    min-height: 90%;
    /*margin-bottom: -100px;*/
    height: auto;
}
::selection {
  color: #fff;
  background: #719c5c;
}

/* Navigasyon */
#NavMobile{ display:none}
nav{aborder-bottom-right-radius: 5px; overflow:hidden; abackground-color:rgba(255,250,205,1);abackground:#1b1b23}
nav a{ font-size:14px!important;color:#1d1d1d!important; transition:all .2s linear;font-weight: 600}
nav .active{ baackground:#2f6a12;color:#008733!important;font-weight: 900; }
nav a:hover{baackground:#2f6a12;
	color:#008733!important;
	-webkit-transition:all .2s linear;
	-moz-transition:all .2s linear;
	-ms-transition:all .2s linear;
	-o-transition:all .2s linear;
	transition:all .2s linear;
	
	text-decoration: none;

}
nav ul{display:table; padding:0; margin:0;width:100%}
nav ul > li{ display:table-cell; text-align:center}
nav ul > li > a{ display: block; padding:24px 2px;}
nav ul > li.has-sub > a:after{content:'▼';margin-left:5px}
nav ul ul{visibility:hidden;position:absolute; width:300px; z-index:9}
nav ul li:hover > ul{visibility:visible}
nav > ul > li.has-sub > ul > li { display:block; background-color:rgba(0,0,0,0.4)}
nav > ul > li.has-sub > ul > li a{ width:100%; text-align:left; padding:20px 10px;color:#fff!important}
nav > ul > li.has-sub > ul > li.has-sub > a:after{content:'►'; float:right}
nav > ul > li.has-sub > ul > li.has-sub > ul{width:300px;left:300px; margin:0; background-color:rgba(0,0,0,0.4)!important}
nav > ul > li.has-sub > ul > li.has-sub > ul > li{ display:block}
nav > ul > li.has-sub > ul > li.has-sub > ul li a{ display:block;width:100%; text-align:left; padding:10px;}
@media only screen and (max-width: 748px) {
	#mobileLogo{ display:block!important}
	#statusBasefluid {height: 15g1320px;}
	.manBox {height:380px;}
	#yavuzBayar > div > nav > ul > li:nth-child(1) { display:none} /* Logo*/
	#yavuzBayar{background:none !important}
	#NavMobile{display:block; text-align:right;  z-index: 99;  right: 0; position: absolute;}
	nav{ width:200px; max-height:450px;overflow:auto;border-radius:4px; position:absolute; right:0;z-index: 2;top:40px}
	#NavMobile font{ font-size:24px; background-color:rgba(0,0,0,0.8); color:#fff;padding:4px 16px;position: absolute;z-index: 1;right: 0; }
	nav ul{display:block; display:none;background-color:rgba(0,0,0,0.8)}
	nav ul a{border-top:1px solid #000; padding:10px!important;color: #fff!important;}
	nav a:hover,nav .active{background-color:rgba(0,0,0,0.4); background-image:none!important}
	nav ul ul { display:none;}
	nav > ul > li{ display:block; text-align:left}
	nav ul > li.has-sub > a:after{content:'▼';float:right;margin-left:5px}
	nav ul ul{visibility:visible;position:relative; width:100%}
	nav > ul > li.has-sub > ul > li.has-sub > a:after {content:'▲';margin-right:15px;}
	nav > ul > li.has-sub > ul > li > a:before {content:'▹'; margin-right:5px;}
	nav > ul > li.has-sub > ul > li.has-sub > ul > li > a:before {content:'▹ ▹'; margin-right:5px;}
	nav > ul > li.has-sub > ul > li.has-sub > ul{width:100%; left:0}
	nav > ul > li.has-sub > ul > li.has-sub > ul li a{ display:block;width:100%; text-align:left}
}
#mobileLogo{transition:all .2s linear;}
.stickyBG{
	position:fixed!important;
	background: rgb(214 214 214 / 80%)!important;
	border:none!important;
}
.stickyNav{ 
	padding:10px 10px;
}
.stickyImg{
	transition:all .2s linear;
	width:150px!important
}
.ozet{
	font:18px;
}
/* Navigasyon */
.slideImg{ width:100%}
#mainSlider img {width:100%}

@media only screen and (max-width: 748px) {
.slideImg{
	width: 220%;
	margin-left: -30%;
}
}
.owl-buttons {

  }
  .owl-next, .owl-prev {
	width: 22px;
	height: 40px;
	margin-top: -20px;
	position: absolute;
	border-radius:50px;
	padding:40px;
	
	top: 50%;
  }
  .owl-prev {
	left: 10px;
  }
  .owl-next {
	right: 10px;
}
#headStyle{
 	abackground-color:rgba(32,49,31,0.4);
	aposition:fixed;
	aposition:absolute;
	left: 0;
    right: 0;
	top:0px;
    z-index:10;
    margin-bottom: -0px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	a-webkit-box-shadow: 0px 2px 41px 6px rgba(0,0,0,0.8);
	a-moz-box-shadow: 0px 2px 41px 6px rgba(0,0,0,0.8);
	abox-shadow: 0px 2px 41px 6px rgba(0,0,0,0.8);
}
@media only screen and (max-width: 748px) {
	#headStyle{
	background:white;
	height: 0px;
	a-webkit-box-shadow: 0px 0px 41px 6px rgba(0,0,0,0);
	a-moz-box-shadow: 0px 2px 41px 6px rgba(0,0,0,0);
	abox-shadow: 0px 2px 41px 6px rgba(0,0,0,0);
	}
}

#statusBase h1{
	/*
	display: flex;
	text-align: left;
	width: 100%;
	font-size: 4em;
	font-weight: bold;
	-webkit-text-stroke: 1px #9a6550;
	text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #d9c00e, 0 0 20px #2f6a12, 0 0 25px #2f6a12, 0 0 30px #2f6a12, 0 0 35px #ffaa1c;
	background: linear-gradient( -45deg, #ffffff 25%, #efeef5 25%, #efeef5 50%, #ffffff 50%, #ffffff 75%, #efeef5 75%, #efeef5);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-size: 20px 20px;
	background-position: 0 0;
	animation: stripes 1s linear infinite;
	*/
    display: flex;
    text-align: left;
    width: 100%;
    font-size: 4em;
    color: white;
}	


@keyframes stripes {
	100% { 
		background-position: 20px 0, 20px 0, 20px 0;
	}
}

#astatusBase h1{
	text-align: left;
	font-size: 4em;
	font-weight: bold;
	color: #fefee9;
	margin-top: 0px;
	-webkit-text-stroke: 2px #94561f;
	atext-shadow: 0 0 4px #2f6a12, 0 0 5px #000000;
}
#statusBase h5,#statusBase h5 a {
	font-size:10px;
	color:#777784;
	margin-top: 5px;
	text-align:right;
}
.npad{
 padding:0!important
}
.social i{
	color:#fff;
	margin-right:5px;
}
.social i:hover{
	color:#2f6a12!important;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

footer .etiket > a{
	font-size:14px;
	background:#394a33;
	color:#fff;
	 border-radius: 3px;
	padding:2px 5px;
	float:left;
	margin:5px 5px 0 0;
}
footer .etiket > a:hover{
	background:#051823;
	color:#fff;
	text-decoration:none;
	color:#fff;
}
/* Container List ////////////////////////////////////////////*/
.containerList{
	margin-top:20px

}

.containerHeader{
	font-size:3em;
	font-weight:bold
	
}

.item{padding: 5px 5px 0px 0px; float:left}
.item:hover{ border:0px solid #fff;}
.item a{ color:#FFFFFF}

.items{ float:left}
.itemList{
	padding:0;
	margin:0px;
}

.yvzByr{
	border:1px solid #f4f4f4;
	padding:10px;
}

.yvzByr_Container {
  position: relative;
  width: 100%;
}

.yvzByr_Img {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}

.yvzByr_middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

.yvzByr_Container:hover .yvzByr_Img {
  opacity: 0.3;
}

.yvzByr_Container:hover .yvzByr_middle {
  opacity: 1;
}
.yvzByr_Referans img{
	filter: grayscale(100%);
	opacity: 0.7;
}
.yvzByr_Referans:hover img{
	filter: grayscale(0%);
	opacity: 1;
}
.yvzByr_text {
  background-color: #4CAF50;
  color: white;
  font-size: 16px;
  padding: 16px 32px;
}
.yvzByr_title{
	color:#333334;
	font-size:1em;
	text-align:center
}

/* Detay ////////////////////////////////////////////*/
.detay{
	margin-top:20px
}

.detay > h1 {
	font-weight:bold;
	margin:20px 0;
}
.detay p{
	line-height:1.9vw
}
.detayShare{
	width:70px;
	float:left
}
.detayShare a{
	float:left;
	margin:10px 0;
	width:44px;
	height:44px
}
.detayShare a i{
	font-size:2.1vw
}
@media only screen and (max-width: 748px) {
	.detayShare{
		position: relative;
		width: 100%;
		text-align: center;
		margin-bottom: 20px;
	}
}
/* Comment Input	///////////////////////////////////////////*/
.commentForm div{
	margin-top:10px;
}
.commentForm img{
	height:37px
}
.commentForm input, textarea, select{
	border: none;
	width: 100%;
	background: #fafafa;
	box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.08);
	border-radius: 5px;
	padding: 10px 20px;
	color: #666;
	-o-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;	
}
.commentForm *:focus {
    outline: none;
	background:#fff3cd;
}
.commentForm input[type=submit]{
	background:#ffc107;
	padding:8px 15px
}
.comments{
	background:#fdfdfd;
	border:1px solid #eee; 
	padding:1em; 
	border-radius:3px;
	margin:1em 0;
	width:100%
}
.comments:first-child{
    margin-top:10px;
} 

.comments:last-child{
    margin-bottom:0;
} 

comments h3{
    margin-bottom:0; 
} 

.last-updated{
  font-size:.7em;
  color:#666;
  font-style:italic;
}
.comments a{
margin-right:10px;
}
/* Titlelar	///////////////////////////////////////////*/
.h40{
	height:40px;
	width:100%;
	float:left;
}
.h20{
	height:20px;
	width:100%;
	float:left;
}
.line{
	height: 3px;
    width: 100%;
    border: none;
    background: url(../images/hr_bg.png)bottom center no-repeat;
}
.titleAlpha{
	width:100%;
}
.titleAlpha h4{
	font-size: 1.3em;
	font-weight: lighter!important;
	background: url(../images/alpha_h3_bg.png)bottom left no-repeat;
	padding-bottom: 6px;
}
.titleAlpha h3{
	font-size: 1.6em;
	font-weight: lighter!important;
	background: url(../images/alpha_h3_bg.png)bottom left no-repeat;
	padding-bottom: 6px;
}
.titleFooter{
	background:url(../images/footertitle.png) bottom left no-repeat; padding:18px 0px; font-size:20px; color:#fff;
}
.detayTags a{
	color:#999999;
	margin:0px 10px 10px 0;
	background:#e8e8e6;
	padding:6px;
	float:left;
	border-radius:3px
}
.detayTags a:hover{
	color:#fff;
	background:#74a620;
	text-decoration:none
}

.sideTags a{
	color: #999999;
    padding: 3px;
    border-radius: 3px;
    font-size: 12px;
}
.sideTags a:hover{
	color:#333333;
	text-decoration:none
}

/* Pager	///////////////////////////////////////////*/
.pager{
	text-align:center;
	margin:25px 0;
}
.pager span a{
	margin:2px;
	padding:10px;
}
@media only screen and (max-width: 748px) {
	.pager span a{
		padding:5px;
	}
}

.pager span a:hover{
	background:#f4f4f4;
}
#current_page{
	padding:10px;
	background:#ffb842;
}

/* İletişim	///////////////////////////////////////////*/
.iletisimForm input,textarea{
	width:100%;
	margin:20px 0 0 0;
	padding:10px 20px;
	border:0;
	border-bottom:1px solid #CCCCCC
}
.iletisimForm  *:focus {
    outline: none;
	background:#d0d0d0
}
.iletisimForm  input[type=submit]{
	background:#ffc107;
	padding:8px 15px
}

.aramaSonuc{
    border: 1px solid #c7c7c7;
    padding: 15px;
}
.aramaSonuc:hover{
	background:#efefef;
}
/* Side Menü ////////////////////////////////////////*/
.sideNav{
 float:left;
 	width:100%
}
.sideNav .active, active:hover,.sideNav a:hover{
	background:#e8e8e7	!important;
	color:#666666!important;
	apadding:10px 14px;
	text-decoration:none
}
.sideNav a{
	width:100%;
	float:left;
	color:#352828;
	font-size:18px;
	font-weight:100;
	padding:4px 6px;
	margin-bottom:10px;
	transition: all 0.3s ease-out;	
	
}
.sideNav a:last-child{
	border-bottom:none
	
}
.sideNav a > i{
	margin-top:6px;
	color:#eee;
}
.sideNav a:hover > i{
	color:#74a620;
}
/* Özel Styler*/
.searchBtnInput {
	border-color: #ccc;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.1) inset;
    color: #555;
    float: none;
    padding: 6px 12px;
}
.searchBtn {
    padding: 7px;
    font-size: 16px;
    background: #2f6a12;
    border: 0;
    color: #fff;
    border-radius: 4px;
    width: 17%;
    position: absolute;
    bottom: 0;
    right: 0;
    margin-right: 0;
}
.invisibility {
    visibility: hidden;
	transform: scale(0);
}

.visibility {
    -webkit-animation: animat_show 0.8s;
    animation: animat_show 0.8s;
	transform: scale(1);
    visibility: visible !important;
	
	
	
}

@-webkit-keyframes animat_show{
    0%{opacity:0}
    100%{opacity:1}
}

.img-hover-zoom--slowmo img {
	transform-origin: 50% 65%;
	transition: transform 20s, filter 3s ease-in-out;
	filter: brightness(90%);
}
.img-hover-zoom--slowmo:hover img {
  filter: brightness(120%);
  transform: scale(2);
}

/* OT BOK*/
.contentList{
    text-align: left;
    border: 1px solid #f4f4f4;
    background: #f8f8f8;
	margin-bottom:10px;
}
.contentList:hover{
    text-align: left;
    border: 1px solid #dedede;
    background: #efecec;
	margin-bottom:10px;
}
.contentList a{
	color:#626474;
}
.contentList h3{
	
}
.contentList a:hover{ text-decoration:underline!important}
.styleOmega{
	color:#333;
}
.styleOmega img{
	width:100%
}
.styleOmega span{
	position: absolute;
    background-color: #c20000;
    top: 275px;
    left: 38%;
    padding: 10px;
    text-align: center;
    display: none;
    border-radius: 3px;
}
.styleOmega span i{
	margin-top:6px;
	color:#fff;
}
.styleOmega:hover .styleOmegas {
	display: block;
}
.styleOmega h1{
	width:100%;
	text-align:center;
	font-weight:lighter;
	padding:5px;
	font-size:26px;
}
.styleOmega h4{
	width:100%;
	padding:5px;
	font-size:14px;
}
.styleOmega:hover{
	color:#fff;
	background:#000;
}
.ratingItem{ float:right}
.ratingCount{ display:none}
.ratingItem{ font-weight:100; font-size:20px}

.rehBa{
	border-radius: 0px 0px 10px 10px;
	background: #efefef;
	float: left;
	width: 100%;
}
.rehBa h2{
	font-size:18px;
    margin: 10px 0 10px 0;
	float:left
}
.rehBa i{
	width: 25px;
	height: 25px;
	font-size: 24px;
	text-align: center;
}
div.rehBa  h2  div{
	color: #fff;
	float: left;
	padding: 20px;
	margin-left: 20px;
	border-radius: 100px;
}
.rehBa label{
    font-size: 12px;
    margin-left: 20px;
    margin-bottom: -00px;
    padding-top: 10px;
    font-weight: lighter;
    color: #333333;
}
.rehBa font{
	font-weight: lighter;
	font-size: 22px;
	margin-left: 20px;
}
.footerIletisim{
	color:#CCCCCC

}
.emlak-list:nth-child(5n - 1) {
	background:#f3f3f3;
}
.yavuz{ float:left; overflow:hidden}
.yavuz:hover{}
.yavuz .holder{
    display: block;
    width: 100%;
    height: auto;
	box-sizing:border-box;
    position: absolute !important;
	bottom:0;
	margin:0px;
	padding:20px;
}
.yavuz .holder h2{
	color: #fff;
	display: inline;
	font-size: 18px;
	font-weight: normal;
	line-height: 1.2;
}
.yavuz .holder h2 span{
	padding: 3px;
	box-shadow: 4px 0 0 orange, -4px 0 0 #224f76;
	background-color: #224f76;
	box-decoration-break: clone;
}
.yavuz .holder h3 span{
	padding:5px;
	margin-left:-4px;
	color:#FFFFFF;
	font-size:12px;
}
.yavuz .holder h4{
	text-shadow:1px 3px 10px #000000;
	color:#FFFFFF;
    height:0px;
    opacity:0;
	font-size:14px;
    z-index:1;
    -webkit-transition:all 0.5s ease;
    -moz-transition:all 0.6s ease;
}
.yavuz:hover .holder h4 {
    overflow:visible;
    opacity:1;
    height:40px;
}
.yavuz .holder h6 a{
	font-weight:bold;
	z-index:9;
	font-size:14px;
	color:#fff;
	border-bottom:3px solid #fff;
}
.yavuz .holder h6 a:hover{
	font-weight:bold;
	font-size:14px;
	color:#a1d05a;
	border-bottom:3px solid #a1d05a;
}
.boluhosting{
	margin-top:20px;
}
.boluhosting img{
	width:100px;
	opacity: 0.1;
	transition: all 0.2s;
	box-sizing: border-box;
	margin-right:20px;
	margin-left:20px;
}
.boluhosting img:hover{
	width:100px; opacity: 0.8;
	atransform: scale(1.4) rotate(360deg);
}	
.sQuare{
	padding:5px;
	width:100%;
}
.loader-ellips {
  font-size: 20px; /* change size here */
  position: relative;
  width: 4em;
  height: 1em;
  margin: 10px auto;
}

.loader-ellips__dot {
  display: block;
  width: 1em;
  height: 1em;
  border-radius: 0.5em;
  background: #555; /* change color here */
  position: absolute;
  animation-duration: 0.5s;
  animation-timing-function: ease;
  animation-iteration-count: infinite;
}

.loader-ellips__dot:nth-child(1),
.loader-ellips__dot:nth-child(2) {
  left: 0;
}
.loader-ellips__dot:nth-child(3) { left: 1.5em; }
.loader-ellips__dot:nth-child(4) { left: 3em; }

@keyframes reveal {
  from { transform: scale(0.001); }
  to { transform: scale(1); }
}

@keyframes slide {
  to { transform: translateX(1.5em) }
}

.loader-ellips__dot:nth-child(1) {
  animation-name: reveal;
}

.loader-ellips__dot:nth-child(2),
.loader-ellips__dot:nth-child(3) {
  animation-name: slide;
}

.loader-ellips__dot:nth-child(4) {
  animation-name: reveal;
  animation-direction: reverse;
}