.whatsapp-ara{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	left:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
}

.my-float{
	margin-top:16px;
}
.bilgi{
	    margin-top: -229px;
	    background: #038c4345;
}
.bilgi img{
	    /* width:100%; */
	    height: 100%;
}
.bilgi_adi{
	    position: relative;
	    top: -25px;
	    color: #fff;
	    font-weight: 600;
	    font-size: 18px;
}
.circle {
  margin: 36px;
  display: inline-block;
  /* padding: 16px; */
  text-align: center;
  /* width: 180px; */
  height: 250px;
  border-radius: 50%;
  border: 2px solid #1d2087;
}

.circle::before,
.circle::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.circle,
.circle::before,
.circle::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .5s;
  transition: all .5s;
}

.circle {
  position: relative;
  z-index: 2;
  background-color: #fff;
  border: 12px double #038c43;
  color: #5c5eae;
  /* line-height: 50px; */
  overflow: hidden;
  box-shadow: 1px 1px 25px 1px #000;
}

.circle:hover {
  color: #fff;
}
.circle::after {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -webkit-transform: scale(.5);
  transform: scale(.5);
}
.circle:hover::after {
  background: #5c5eae;
  border-radius: 50%;
  -webkit-transform: scale(.9);
  transform: scale(.9);
}

.circle1 {
  opacity: 0.4;
}

.circle2 {
  opacity: 0.6;
}

.circle3 {
  opacity: 0.8;
}



.ust_iletisim{
	    padding: 13px;
	    position: absolute;
	    /* top: -15px; */
	    width: 100%;
	    z-index: 1;
	    background: #008d42;
}
.ust_iletisim ul li{
	float:left;
	list-style: none;
	padding-right: 26px;
	color: #fff;
	font-size: 16px;
	/* margin-right: 25px; */
}
.sag li{
	float:right !important;
}
.sag li a{
	color:#fff !important;
	padding: 5px;
	transition:.1s ease-in-out;
	/* margin-top: -16px !important; */
	position: relative;
	top: -10px;
}
.sag li a:hover{
  background: #065029;
}
body{
	
}
@media(max-width:750px){
	.ust_iletisim {
    padding: 13px;
    position: absolute;
    /* top: -15px; */
    width: 100%;
    z-index: 999;
    background: #008d42;
    display: none !important;
}
	.navbar-default {
    /* background: url(../images/texture-overlay.png),linear-gradient(90deg,#3f651d,#2b653f,#416123); */
    font-family: poppins;
    /* position: absolute; */
    width: 100%;
    background: #1f4631;
     top: 0px;
}
	.page-title {
    width: 100%;
    margin: 0px 0px 16px 0px;
    padding: 25px 0px;
    background: url(../images/title-bg.jpg) no-repeat center 0 transparent;
    background-attachment: fixed;
    margin-top:0px !important;
}
}
	::-moz-selection {
	  background: #D7B56D;
	  color:#00290D;
	} 
	
	::selection {
	  background: #D7B56D;
	  color:#00290D;
	} 

	.m-0{margin:0px !important;}
	.m-1{margin:5px !important;}
	.m-2{margin:10px !important;}
	.m-3{margin:15px !important;}
	.m-4{margin:20px !important;}
	.m-5{margin:25px !important;}
	.m-6{margin:30px !important;}
	.m-7{margin:35px !important;}
	.m-8{margin:40px !important;}
	
	.mt-0{margin-top:0px !important;}
	.mt-1{margin-top:5px !important;}
	.mt-2{margin-top:10px !important;}
	.mt-3{margin-top:15px !important;}
	.mt-4{margin-top:20px !important;}
	.mt-5{margin-top:25px !important;}
	.mt-6{margin-top:30px !important;}
	.mt-7{margin-top:35px !important;}
	.mt-8{margin-top:40px !important;}
	
	.mb-0{margin-bottom:0px !important;}
	.mb-1{margin-bottom:5px !important;}
	.mb-2{margin-bottom:10px !important;}
	.mb-3{margin-bottom:15px !important;}
	.mb-4{margin-bottom:20px !important;}
	.mb-5{margin-bottom:25px !important;}
	.mb-6{margin-bottom:30px !important;}
	.mb-7{margin-bottom:35px !important;}
	.mb-8{margin-bottom:40px !important;}
	
	.mr-0{margin-right:0px !important;}
	.mr-1{margin-right:5px !important;}
	.mr-2{margin-right:10px !important;}
	.mr-3{margin-right:15px !important;}
	.mr-4{margin-right:20px !important;}
	.mr-5{margin-right:25px !important;}
	.mr-6{margin-right:30px !important;}
	.mr-7{margin-right:35px !important;}
	.mr-8{margin-right:40px !important;}
	
	.ml-0{margin-left:0px !important;}
	.ml-1{margin-left:5px !important;}
	.ml-2{margin-left:10px !important;}
	.ml-3{margin-left:15px !important;}
	.ml-4{margin-left:20px !important;}
	.ml-5{margin-left:25px !important;}
	.ml-6{margin-left:30px !important;}
	.ml-7{margin-left:35px !important;}
	.ml-8{margin-left:40px !important;}
	
	.p-0{padding:0px !important;}
	.p-1{padding:5px !important;}
	.p-2{padding:10px !important;}
	.p-3{padding:15px !important;}
	.p-4{padding:20px !important;}
	.p-5{padding:25px !important;}
	.p-6{padding:30px !important;}
	.p-7{padding:35px !important;}
	.p-8{padding:40px !important;}
	
	.pt-0{padding-top:0px !important;}
	.pt-1{padding-top:5px !important;}
	.pt-2{padding-top:10px !important;}
	.pt-3{padding-top:15px !important;}
	.pt-4{padding-top:20px !important;}
	.pt-5{padding-top:25px !important;}
	.pt-6{padding-top:30px !important;}
	.pt-7{padding-top:35px !important;}
	.pt-8{padding-top:40px !important;}
	
	.pb-0{padding-bottom:0px !important;}
	.pb-1{padding-bottom:5px !important;}
	.pb-2{padding-bottom:10px !important;}
	.pb-3{padding-bottom:15px !important;}
	.pb-4{padding-bottom:20px !important;}
	.pb-5{padding-bottom:25px !important;}
	.pb-6{padding-bottom:30px !important;}
	.pb-7{padding-bottom:35px !important;}
	.pb-8{padding-bottom:40px !important;}
	
	.pl-0{padding-left:0px !important;}
	.pl-1{padding-left:5px !important;}
	.pl-2{padding-left:10px !important;}
	.pl-3{padding-left:15px !important;}
	.pl-4{padding-left:20px !important;}
	.pl-5{padding-left:25px !important;}
	.pl-6{padding-left:30px !important;}
	.pl-7{padding-left:35px !important;}
	.pl-8{padding-left:40px !important;}
	
	.pr-0{padding-right:0px !important;}
	.pr-1{padding-right:5px !important;}
	.pr-2{padding-right:10px !important;}
	.pr-3{padding-right:15px !important;}
	.pr-4{padding-right:20px !important;}
	.pr-5{padding-right:25px !important;}
	.pr-6{padding-right:30px !important;}
	.pr-7{padding-right:35px !important;}
	.pr-8{padding-right:40px !important;}
	
	.fnt-s1{font-size: 10px !important}
	.fnt-s2{font-size: 15px !important}
	.fnt-s3{font-size: 20px !important}
	.fnt-s4{font-size: 25px !important}
	.fnt-s5{font-size: 30px !important}
	.fnt-s6{font-size: 35px !important}
	.fnt-s7{font-size: 40px !important}
	.fnt-s8{font-size: 45px !important}
	
	.fr{float:right !important;}
	.fl{float:left !important;}
	.clr{clear:both !important;}
	
	.ta-l{text-align:left !important;}
	.ta-c{
    position: absolute;
    z-index: 999;
    top: -45px;
    }
	@media(max-width:750px){
		.ta-c{
			position: absolute;
    z-index: 999999;
    width: 150px;
    left: -7px;
		}
	}
	.ta-r{text-align:right !important;}
	.ta-j{text-align:justify !important;}
	
	.pst-r{position:relative !important;}
	.pst-a{position:absolute !important;}
	
	.zi-1{z-index:1 !important;}
	
	.ust-alan {
		width:100%;
		position:relative;
		margin:0px;
		background:url(../images/texture-overlay.png) #D7B56D;
		border-bottom:1px solid #707D41;
	}
	
	.logo-alan {
		width:100%;
		position:relative;
		margin:0px;
		background:url(../images/banner.png) no-repeat center 0 transparent;
		background-size:cover;
	}
	
	.slayt-alt {
		padding:80px 0px 80px 0px;
		position:relative;
	}
	
		.slayt-alt .kutu {
			width:250px;
			height:250px;
			position:relative;
			border:4px solid #D7B56D;
			border-radius:250px;
			transform:rotate(45deg);
			margin:0px auto;
			overflow:hidden;
		}
		
			.slayt-alt .kutu .resim {
				position:relative;
				transform:rotate(-45deg);
				z-index:1;
			}
			
				.slayt-alt .kutu .resim img {
					margin-top:-40px;
					margin-left:-30px;
				}
			
			.slayt-alt .kutu .bilgi {
				width:220px;
				height:220px;
				position:absolute;

				top:12px;
				left:12px;
				background:rgba(255,255,255,0);
				z-index:2;
				box-shadow:0px 0px 10px 0px rgba(0,0,0,0);
				overflow:hidden;
				transition:all 0.3s ease-in-out 0s;
			}
			
			.slayt-alt:hover .kutu .bilgi {
				background:rgba(255,255,255,0.6);
				box-shadow:0px 0px 10px 0px rgba(0,0,0,0.2);
				transition:all 0.45s ease-in-out 0s;
			}
			
				.slayt-alt .kutu .bilgi .duz {
					width:230px;
					height:220px;
					position:relative;
					left:-5px;
					transform:rotate(-45deg);
				}
					
					.slayt-alt .kutu .bilgi .duz .yazi {
						width:230px;
						font-family: 'Open Sans', sans-serif;
						font-size:13px;
						color:#00290D;
						position:relative;
						top:40px;
						right:-350px;
						padding:10px;
						text-align:center;
						transition:all 0.2s ease-in-out 0s;
					}
					
					.slayt-alt:hover .kutu .bilgi .duz .yazi {
						right:0px;
						transition:all 0.6s ease-in-out 0s;
					}
					
						.slayt-alt .kutu .bilgi .duz .yazi a {
							text-decoration:none;
							color:#00290D;
						}
				
					.slayt-alt .kutu .bilgi .duz .ikon {
						width:35px;
						height:35px;
						position:absolute;
						left:42%;
						bottom:-100px;
						transition:all 0.2s ease-in-out 0s;
					}
					
					.slayt-alt:hover .kutu .bilgi .duz .ikon {
						bottom:-15px;
						transition:all 0.5s ease-in-out 0s;
					}
		
		.slayt-alt .baslik {
			width:100%;
			position:absolute;
			bottom:50px;
			left:0px;
			text-align:center;
			transition:all 0.5s ease-in-out 0s;
		}
		
		.slayt-alt:hover .baslik {
			bottom:280px;
			transition:all 0.3s ease-in-out 0s;
		}
		
			.slayt-alt .baslik a {}
			
				.slayt-alt .baslik a h3 {
					display:inline-block;
					position:relative;
					margin:0px auto;
					padding:10px 25px;
					font-family: 'Great Vibes', cursive;
					font-size:30px;
					background:url(../images/texture-overlay.png),linear-gradient(90deg,#D7B56D,#EDDDBC,#D7B56D);
					color:#00290D;
					box-shadow:0px -5px 8px -5px rgba(0,0,0,0.4),0px 5px 8px -5px rgba(0,0,0,0.4);
				}
				
				.slayt-alt .baslik a h3:before{
					content:"";
					width:100%;
					height:100%;
					position:absolute;
					left:0px;
					top:0px;
					border:1px dashed #B58A31;
				}
	
	.ful-bg {
		width:100%;
		padding:60px 0px;
		position:relative;
		/* margin: 19px 0px; */
	}
	

	
		.ful-bg .container {
			position:relative;
			z-index:2;
		}
	
	.bg-1 {background:url(../images/bg-1.jpg) no-repeat center 0 transparent; background-attachment:fixed; background-size:cover;}
	.bg-2 {background:url(../images/bg-2.jpg) no-repeat center 0 transparent; background-attachment:fixed; background-size:cover;}
	.bg-1 {
    display:none;
}
	.main-aciklama {
		font-family:'Great Vibes', cursive;
		font-size:40px;
		color:#fff;
		text-align:center;
		margin:50px 0px;
		padding:0px;
		tex-shadow:1px 1px 5px #000;
	}
	
	.main-about-image {
		width:100%;
		position:relative;
		border-radius:2px;
		overflow:hidden;
		border-top:1px solid #D7B56D;
		border-left:1px solid #D7B56D;
		border-right:1px solid #D7B56D;
	}
	
	.main-about-image:before {
		content:"";
		width:100%;
		height:100%;
		position:absolute;
		top:0px;
		left:0px;
		/* background:url(../images/nokta-bg.png); */
		z-index:2;
	}
	
	.main-about-image:after {
		content:"";
		width:100%;
		height:8px;
		position:absolute;
		bottom:0px;
		left:0px;
		background:url(../images/texture-overlay.png),linear-gradient(90deg,#D7B56D,#EDDDBC,#D7B56D);
		z-index:2;
	}
	
	.main-about-image:hover .zoom-link {
		top:45%;
		transition: all 0.2s linear;
	}
	
		.main-about-image img {
			width:100%;
			position:relative;
			z-index:1;
		}
		
		.main-about-image .zoom-link {
			width:30px;
			height:30px;
			border-radius:2px;
			background:url(../images/texture-overlay.png), radial-gradient(#EDDDBC,#D7B56D 50%);
			color:#00290D;
			display:inline-block;
			text-align:center;
			cursor:pointer;
			box-shadow:0px 0px 5px 0px rgba(0,0,0,0.8);
			transition: all 0.2s linear;
			position:absolute;
			top:-100px;
			left:45%;
			z-index:3;
		}
		
			.main-about-image .zoom-link a {
				color:#00290D;
				display:block;
			}
			
			.main-about-image .zoom-link i {
				margin-top:6px;
				font-size:18px;
			}
		
		.main-about-image .zoom-link:hover {
			background:url(../images/texture-overlay.png), radial-gradient(#D7B56D,#B58A31 80%);
			color:#00290D;
			transition: all 0.2s linear;
		}
	
	.main-title {
		position:relative;
		padding:10px 0px 15px 0px;
		box-shadow:0px 5px 5px -2px rgba(0,0,0,0.1);
		margin:0px 0px 20px 0px;
	}
	
	.main-title:before {
		content:"";
		width:100%;
		height:3px;
		background:#EDDDBC;
		position:absolute;
		bottom:0px;
		left:0px;
	}
	
	.main-title:after {
		content:"";
		width:35%;
		height:3px;
		background:linear-gradient(90deg,#D7B56D,#EDDDBC,#D7B56D);
		position:absolute;
		bottom:0px;
		left:0px;
	}
	
		.main-title h2 {
			font-family: poppins;
    font-size: 25px;
			color:#fff;
			margin:0px;
			padding:0px;
		}
		
	.main-title-2 {
		position:relative;
		padding:10px 0px 15px 0px;
		box-shadow:0px 5px 5px -2px rgba(0,0,0,0.1);
		margin:0px 0px 20px 0px;
		text-align:center;
	}
	
	.main-title-2:before {
		content:"";
		width:100%;
		height:3px;
		background: #cc650e;
		position:absolute;
		bottom:0px;
		left:0px;
		box-shadow: 5px 5px 25px black;
	}
	
	
	
		.main-title-2 h2 {
			font-family: 'Great Vibes', cursive;
			font-size:30px;
			color: #fff;
			margin:0px;
			padding: 7px;
			background: #986b45;
			text-shadow:1px 1px 5px #000;
		}
	
	
	.devami-buton {
		display:inline-block;
		padding:8px 20px;
		background:url(../images/texture-overlay.png),linear-gradient(90deg,#D7B56D,#EDDDBC,#D7B56D);
		border-radius:2px;
		color:#00290D;
		font-weight:700;
		font-size:15px;
		margin:20px 0px 0px 0px;
		position:relative;
		transition:all 0.3s ease-in-out 0s;
	}
	
	.devami-buton:before{
		content:"";
		width:100%;
		height:100%;
		position:absolute;
		left:0px;
		top:0px;
		border:1px dashed #B58A31;
	}
	
	.devami-buton:hover {
		box-shadow:inset 50px 0px 50px 50px #00290D;
		transition:all 0.3s ease-in-out 0s;
		text-decoration:none;
		color:#D7B56D;
	}
	
		.devami-buton i {
			font-weight:normal;
		}
	
	.footer {
		width:100%;
		position:relative;
		padding:10px 0px;
		background:url(../images/texture-overlay.png), url(../images/nokta-bg.png), linear-gradient(90deg,#00290D,#00511B,#00290D);
		border-top:1spx solid #00220B;
		margin-top:20px;
	}
	
	.footer:before {
		content:"";
		width:100%;
		height:1px;
		border-top:1px dashed #00220B;
		position:absolute;
		top:4px;
		left:0px;
	}
	
	.copyright {
		width:100%;
		position:relative;
		padding:10px 0px;
		background:url(../images/texture-overlay.png) #00290D;
		color:#00511B;
		text-align:center;
	}

		.copyright a {
			color:#00511B;
		}

		.copyright a:hover {
			color:#CFAE69;
			text-decoration:none;
		}
	
	.duyuru{}
	
		.duyuru h4{
			font-size: 15px;
			font-weight:600;
			font-family: 'Open-Sans', sans-serif;
			margin:0px 0px 10px 0px !important;
			color:#fff;
		}
		
		.duyuru p{
			font-size:12px;
			margin:0px;
			color:#fff;
		}
	
	.duyuru-ikon{
		position:absolute;
		top:10px;
		right:0px;
	}
	
		.duyuru-ikon .btn2{
			width:25px;
			height:25px;
			border-radius:2px;
			background:url(../images/texture-overlay.png), radial-gradient(#EDDDBC,#D7B56D 50%);
			color:#00290D;
			display:inline-block;
			text-align:center;
			cursor:pointer;
			box-shadow:0px 0px 5px 0px rgba(0,0,0,0.8);
			transition: all 0.2s linear;
		}
		
		.duyuru-ikon .btn2:hover{
			background:url(../images/texture-overlay.png), radial-gradient(#D7B56D,#B58A31 80%);
			transition: all 0.2s linear;
		}
		
		.duyuru-ikon .btn2 i{
			margin-top:6px;
			font-size:15px;
		}
		
		.duyuru-ikon .next2{}
		
		.duyuru-ikon .prev2{
			margin-right:5px;
		}
	
	.footer-baslik {
		position:relative;
		padding:10px 0px 12px 0px;
		box-shadow:0px 5px 5px -2px rgba(0,0,0,0.1);
		margin:0px 0px 15px 0px;
	}
	
	.footer-baslik:before {
		content:"";
		width:100%;
		height:3px;
		background:#EDDDBC;
		position:absolute;
		bottom:0px;
		left:0px;
	}
	
	.footer-baslik:after {
		content:"";
		width:35%;
		height:3px;

		background:linear-gradient(90deg,#D7B56D,#EDDDBC,#D7B56D);
		position:absolute;
		bottom:0px;
		left:0px;
	}
	
		.footer-baslik h3 {
			font-family: popins;
    font-size: 22px;
			color:#fff;
			margin:0px;
			padding:0px;
			text-shadow:1px 1px 5px #000;
		}
	
	.main-urun {
		width:100%;
		position:relative;
		background:#fff;
		padding-bottom:3px;
		box-shadow:0px 0px 5px 0px rgba(0,0,0,0.5);
	}
	
	.main-urun:after {
		content:"";
		width:100%;
		height:4px;
		background:#1d633acc;
		position:absolute;
		bottom:0px;
		left:0px;
	}
	
		.main-urun .resim {
			width:100%;
			position:relative;
			overflow:hidden;
		}
		
		.main-urun .resim:before {
			content:"";
			width:100%;
			height:100%;
			position:absolute;
			top:0px;
			left:0px;
			background:url(../images/texture-overlay.png),linear-gradient(90deg,#D7B56D,#EDDDBC,#D7B56D);
			z-index:2;
			opacity:0;
			transition:all 0.5s linear 0s;
		}
		
		.main-urun:hover .resim:before {
			opacity:0.7;
			transition:all 0.2s linear 0s;
		}
		
			.main-urun .resim img {
				width:100%;
				position:relative;
				z-index:1;
				height: 189px;
			}
			
			.main-urun .resim .ikon {
				width:36px;
				height:36px;
				position:absolute;
				top:48%;
				background:radial-gradient(#00511B,#00290D 80%);
				text-align:center;
				z-index:3;
				border-radius:2px;
				transform:scale(1);
			}
			
			.main-urun .resim .ikon:hover {
				box-shadow:0px 0px 5px 0px rgba(0,0,0,0.6);
			}
			
				.main-urun .resim .ikon a {
					color:#D7B56D;
					text-decoration:none;
					display:block;
				}
				
					.main-urun .resim .ikon a i {
						margin-top:9px;
						font-size:18px;
						text-shadow:1px 1px 5px #000;
					}
			
			.main-urun .resim .ikon.zoom-link {
				left:-80px;
				transition:all 0.35s ease-in-out 0s;
			}
			
			.main-urun:hover .resim .ikon.zoom-link {
				left:45%;
				transition:all 0.4s ease-in-out 0s;
			}
			
			.main-urun .resim .ikon.detay-link {
				right:-80px;
				transition:all 0.35s ease-in-out 0s;
			}
			
			.main-urun:hover .resim .ikon.detay-link {
				right:33%;
				transition:all 0.4s ease-in-out 0s;
			}
		
		.main-urun .baslik {
			width:100%;
			position:relative;
			padding:12px 10px;
			text-align:center;
		}
		
			.main-urun .baslik a {
				color:#00290D;
				text-decoration:none;
				font-size:13px;
				font-weight:600;
				display:block;
			}
	
	.btn3 {
		position:absolute;
		font-size:60px;
		color:#D7B56D;
		text-shadow:1px 1px 5px #000;
		top:38%;
		cursor:pointer;
		transition:all 0.2s ease-in-out 0s;
	}
	
	.btn3:hover {
		color:#b58a31;
		transition:all 0.2s ease-in-out 0s;
	}
	
	.btn3.prev3 {
		left:0px;
	}
	
	.btn3.next3 {
		right:0px;
	}
	
	.footer-menu {
		display:block;
		margin:0px;
		padding:0px;
	}
	
		.footer-menu li {
			list-style:none;
		}
		
			.footer-menu li a {
				display:block;
				padding:5px 5px;
				color:#fff;
				transition:all 0.2s ease-in-out 0s;
			}
			
			.footer-menu li:hover a {
				padding-left:15px;
				transition:all 0.2s ease-in-out 0s;
			}
			
			.footer-menu li a i {
				color:#D7B56D;
			}
	
	.sosyal-aglar {
		display:block;
		margin:0px;
		padding:0px;
	}
	
		.sosyal-aglar li {
			list-style:none;
			position:relative;
			width:50%;
			float:left;
			margin-bottom:15px;
		}
		
			.sosyal-aglar li .ikon {
				width:30px;
				height:30px;
				position:absolute;
				left:0px;
				top:0px;
				text-align:center;
				background:url(../images/texture-overlay.png), radial-gradient(#EDDDBC,#D7B56D 50%);
				box-shadow:0px 0px 5px 0px rgba(0,0,0,0.4);
				transition:all 0.3s ease-in-out 0s;
			}
			
			.sosyal-aglar li:hover .ikon {
				transform:rotate(360deg);
				border-radius:50%;
				transition:all 0.3s ease-in-out 0s;
			}
			
			.sosyal-aglar li .ikon i {
				margin-top:8px;
				color:#00290D;
				font-size:16px;
			}
		
			.sosyal-aglar li a {
				display:block;
				padding:6px 10px 6px 45px;
				color:#fff;
			}
	
	.footer-iletisim {
		display:block;
		margin:0px;
		padding:0px;
	}
	
		.footer-iletisim li {
			list-style:none;
			position:relative;
			padding:8px 0px 8px 35px;
			color:#fff;
		}
		
			.footer-iletisim li i {
				position:absolute;
				top:8px;
				left:8px;
				color:#D7B56D;
				font-size:17px;
				text-shadow:1px 1px 5px rgba(0,0,0,0.7);
			}
	
	.page-title {
		width:100%;
		/* margin: 0px 0px 16px 0px; */
		padding:25px 0px;
		background: url(../images/title-bg.jpg) no-repeat transparent;
		background-attachment:fixed;
		position:relative;
		/* top: 40px; */
		margin-top: 46px;
	}
	
	.page-title:before {
		content:"";
		width:100%;
		height:100%;
		background:url(../images/nokta-bg.png);
		position:absolute;
		top:0px;
		left:0px;
	}
	
	.page-title:after {
		content:"";
		width:100%;
		height:1px;
		border-bottom:1px dashed #00220b;
		position:absolute;
		bottom:5px;
		left:0px;
	}
	
		.page-title h1 {
			margin:0px;
			padding:0px;
			color:#00220b;
			font-size:28px;
			font-weight:600;
			text-shadow:1px 1px 5px #fff;
		}
	
	.breadcrumb {
		display:inline-block;
		position:relative;
		float:right;
		margin:0px;
		padding:0px;
	}
	
		.breadcrumb li {
			list-style:none;
			float:left;
			margin-left:5px;
			padding:5px;
			text-shadow:1px 1px 5px #fff;
			color:#00220b;
			font-weight:600;
			font-size:13px;
		}
		
		.breadcrumb li.active {
			font-weight:700;
		}
		
			.breadcrumb li a {
				display:block;
				color:#00220b;
			}
			
			.breadcrumb li i {}
	
	.left-menu {
		display:block;
		margin:0px;
		padding:0px 0px 0px 0px;
	}
	
		.left-menu li {
			list-style:none;
			position:relative;
			margin:0px 0px 6px 0px;
			transition:all 0.2s ease-in-out 0s;
		}
		
		.left-menu li:hover {
			padding-left:10px;
			transition:all 0.2s ease-in-out 0s;
		}
		
		.left-menu li.active {
			padding-left:10px;
			font-weight:700;
			transition:all 0.2s ease-in-out 0s;
		}
		
			.left-menu li a {
				display:block;
				padding:3px 5px 3px 33px;
				color:#00220b;
				transition:all 0.2s ease-in-out 0s;
			}
			
			.left-menu li .ikon {
				width:25px;
				height:25px;
				background:#00220b;
				border-radius:50%;
				position:absolute;
				top:0px;
				left:0px;
				text-align:center;
				transition:all 0.2s ease-in-out 0s;
			}
			
			.left-menu li:hover .ikon, .left-menu li.active .ikon {
				left:10px;
				transition:all 0.2s ease-in-out 0s;
			}
			
			.left-menu li .ikon i {
				color:#D7B46B;
				margin-top:5px;
				text-shadow:1px 1px 5px #000;
			}
			
			.left-menu li .ikon img {
				margin-top:3px;
			}
	
	
	
	.btn4{
		width:25px;
		height:25px;
		border-radius:2px;
		background:url(../images/texture-overlay.png), radial-gradient(#EDDDBC,#D7B56D 50%);
		color:#00290D;
		display:inline-block;
		text-align:center;
		cursor:pointer;
		box-shadow:0px 0px 5px 0px rgba(0,0,0,0.8);
		transition: all 0.2s linear;
		position:absolute;
		top:45%;
	}
	
	.btn4:hover{
		background:url(../images/texture-overlay.png), radial-gradient(#D7B56D,#B58A31 80%);
		color:#00290D;
		transition: all 0.2s linear;
	}
	
	.btn4 i{
		margin-top:6px;
		font-size:15px;
	}
	
	.next4{
		right:0px;
	}
	
	.prev4{
		left:0px;
	}
	
	.iletisim-bilgileri {
		display:block;
		margin:0px;
		padding:0px;
	}
	
		.iletisim-bilgileri li {
			list-style:none;
			position:relative;
			padding:8px 0px 8px 35px;
			color:#00290D;
		}
		
			.iletisim-bilgileri li i {
				position:absolute;
				top:8px;
				left:8px;
				color:#00290D;
				font-size:17px;
			}
	
	.form-alan input[type="text"],.form-alan textarea,select {
		border:1px solid #aaa;
		padding:8px;
		width:100%;
		color:#000;
		transition:all 0.1s ease-in-out 0s;
	}
	
	.form-alan input[type="text"]:hover,.form-alan input[type="text"]:focus,.form-alan textarea:hover,.form-alan textarea:focus,.form-alan select:hover,.form-alan select:focus {
		box-shadow:0px 0px 5px 0px rgba(0,0,0,0.3);
		border-color:#00290D;
		transition:all 0.1s ease-in-out 0s;
	}
	
	.form-alan label{
		display:inline-block;
		padding:8px 0px;
		margin:0px;
		color:#00290D;
		font-weight:600;
		text-align:left;
		font-size:12px;
	}
	
	.form-alan legend {
		font-size:18px;
		padding:5px 10px;
		background:#E9E9E9;
		margin-top:15px;
	}
	
	.form-alan textarea {
		min-height:150px;
	}
		
	.btn-submit {
		display:inline-block;
		padding:8px 20px;
		background:url(../images/texture-overlay.png),linear-gradient(90deg,#D7B56D,#EDDDBC,#D7B56D);
		border-radius:2px;
		color:#00290D;
		font-weight:700;
		font-size:15px;
		margin:20px 0px 0px 0px;
		position:relative;
		border:none;
		transition:all 0.3s ease-in-out 0s;
	}
	
	.btn-submit:before{
		content:"";
		width:100%;
		height:100%;
		position:absolute;
		left:0px;
		top:0px;
		border:1px dashed #B58A31;
	}
	
	.btn-submit:hover {
		box-shadow:inset 50px 0px 50px 50px #00290D;
		transition:all 0.3s ease-in-out 0s;
		text-decoration:none;
		color:#D7B56D;
	}
	
		.btn-submit i {
			font-weight:normal;
		}
	
	.map {
		width:860px;
		height:400px;
		position:relative;
		border-bottom:1px solid #aaa;
		
	}
	
	.map:after {
		content:"";
		width:100%;
		height:1px;
		position:absolute;
		bottom:5px;
		left:0px;
		border-bottom:1px dashed #00290D;
	}
	
	.icerik {
		min-height:400px;
	}
	
		.icerik p {
			text-indent:20px;
		}
	
	.galeri-resim {
		width:100%;
		height:200px;
		position:relative;
		overflow:hidden;
	}
	
		.galeri-resim img {
			min-width:100%;
			height:200px;
		}
	
	
	#map-canvas{height: 215px;margin: 0px;padding: 0px;width: 100%;padding-right:10px;}
#map-canvas2{height: 330px;margin: 0px;padding: 0px;width: 100%;}
.map_title{color:#00F;font-size:16px;font-weight:bold;text-shadow: 1px 1px #666;}
#map-iletisim{height: 300px;margin: 0px;padding: 0px;width: 100%;}	
	

#Navigasyon{
	float:right;
}
.urun{
	text-align:center;margin-bottom: 15px;background: #3b632c;height: 450px;border:1px solid #fff;
}
.urun_resim{
	height:250px; width:100%;box-shadow: 0px 25px 10px #0d1b0a;margin-top: 15px;
}
@media(max-width:750px){
	.logo{
	 width: 150px;
	}
	.urun{
	text-align:center;margin-bottom: 15px;background: #3b632c;height: auto;border:1px solid #fff;
}
.urun_resim{
	height:150px; width:100%;box-shadow: 0px 25px 10px #0d1b0a;margin-top: 15px;
}
.mobilde_gizle{
	display:none;
}
}
	
/* Style the tab */
.tab {
    overflow: hidden;
    text-align: center;
    margin-top: -20px;
    background: #1f521cab;
}

/* Style the buttons inside the tab */
.tab button {
    background-color: inherit;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 50px;
    transition: 0.3s;
    background: #0cad00c7;
    font-size: 17px;
    color: #fff;
    border-radius: 50%;
    /* height: 199px; */
}

/* Change background color of buttons on hover */
.tab button:hover {
    background-color: #2f6539;
}

/* Create an active/current tablink class */
.tab button.active {
    background-color: #2f6539db;
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
    /* border: 1px solid #ccc; */
    background: #2f6539bf;
    border-top: none;
    text-align: center;
    padding: 25px;
    color: #fff;
}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	