body {FONT-SIZE: 14px;
	font-family: 'Varela Round', sans-serif;
	TEXT-DECORATION: none;
	color:#000000;
	SCROLLBAR-FACE-COLOR: #CFECB6;
	SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
	SCROLLBAR-SHADOW-COLOR: #000000;
	SCROLLBAR-3DLIGHT-COLOR: #CCCCCC;
	SCROLLBAR-ARROW-COLOR: #000000;
	SCROLLBAR-TRACK-COLOR: #f0fff0;
	SCROLLBAR-DARKSHADOW-COLOR: #000000;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	background-color:#ffffff;
}
* { box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.social-media { float:left; width:100%; text-align:center; }
		.social-media ul { width:100%; }
			.social-media li { width:16.66667% }
				.social-media li a { float:left; width:100%; }
				.social-media li a:hover { opacity:0.7; }
					.social-media li img { display:inline-block; height:20px; }
					
	.color-facebook { background-color:#445E9B; }
	.color-twitter { background-color:#6DB5EF; }
	.color-pinterest { background-color:#C21F22; }
	.color-instagram { background-color:#9F7452; }
	.color-youtube { background-color:#E62117; }
	.color-google { background-color:#DB4437; }
	.color-whatsapp { background-color:#1BD741; }
Table {
	FONT-SIZE: 10px; FONT-FAMILY: Verdana,Tahoma,Arial,Helvetica
}
a {COLOR: #343A45; text-decoration:none;}
a:hover {COLOR: #ff0000; text-decoration:none;}
a:visited {text-decoration:none;}

.place-top1 { float:left; width:100%; height:340px; margin-bottom:30px; background-size:cover; background-position:center; position:relative; color:#FFF; font-weight:500; }
	.place-top1::before { 
		content:"";
		position:absolute;
		top:0;
		bottom:0;
		left:0;
		right:0;
		background:#fff;	
		background:linear-gradient(180deg, rgba(0,0,0,0) 50%, rgba(0,0,0,.5) 80%);
	}
	.place-top1::after { content:""; position:absolute; bottom:0; left:0; right:0; height:2px; background-color:#000; }
	.place-top1 .wrap {left:20px; height:100%; padding-right:280px; z-index:10; }
		
	.place-top-info { position:absolute; bottom:20px; left:20px;}
		
		.place-top-logo { float:left; margin-bottom:30px; position:relative; }
			.place-top-logo::after , .place-rate-wrap::before { 
				content:"";
				border-top:5px solid transparent;
				border-left:15px solid transparent;
				border-right:15px solid transparent;
				height: 0;
				position: absolute;
				width:0;
				left:50%;
				bottom:-5px;
				margin-left:-15px;
				border-top-color:#FFF;
				z-index:5;
			}
			.place-top-logo img { float:left; height:80px; padding:2px; background-color:#FFF; border-radius:3px; }
		
		.place-top-buttons { float:left; width:100%; font-size:12px; font-weight:600; }
			.place-top-buttons li { padding-right:10px; }
			.place-top-buttons li:last-child { padding-right:0; }
				.place-top-buttons li a { float:left; height:25px; padding:0 10px; border-radius:3px; color:#FFF; line-height:25px; background-color:#E89F23; }
				.place-top-buttons li:nth-child(2) a { background-color:#E32561; }
				.place-top-buttons li:nth-child(3) a { background-color:#27AE60; }
		
		.place-top-name { float:left; width:100%; padding:24px 0 22px 0; white-space:nowrap; font-size:32px; line-height:34px; font-weight:600; letter-spacing:-0.5px; }
		
		.place-top-contact { float:left; width:100%;}
			.place-top-contact article { float:left; padding-right:20px; margin-right:20px; border-right:1px solid rgba(255, 255, 255, 0.2); }
			.place-top-contact article:last-child { padding-right:0; margin-right:0; border-right:none; }
				.place-top-contact article img { float:left; height:20px; margin-right:7px; }
				.place-top-contact article strong { font-weight:700; }
	
	.place-top-rating { position:absolute; bottom:0; right:50px; width:200px; text-align:center; }
		.place-top-rating > strong { float:left; width:100%; height:70px; font-size:60px; line-height:66px; font-weight:800; }
		.place-top-rating > article { float:left; width:100%; }
			.place-top-rating > article a { float:left; width:100%; height:50px; font-weight:800; color:#FFF; line-height:52px; background-color:#DE2937; box-shadow:inset 0 -2px 0 rgba(0, 0, 0, 0.25); transition:all 0.3s; border-radius:2px 2px 0 0; }
			.place-top-rating > article a:hover { background-color:#929AAD; }
			
.place-left { float:left; width:860px; }
.place-right { float:right; width:300px; }

.box { float:left; width:100%; padding:0 20px 25px 20px; }

.tab-icon { display:none; }

.tab { float:left; height:45px; text-align:center; }
	.tab ul {  }
		.tab li { padding:0 21px 0 20px; background:url(../images/spacer.png) no-repeat right top; background-size:1px 100%; }
		.tab li:last-child { padding-right:0; background:none; }
			.tab li a { float:left; height:45px; color:#677389; line-height:46px; position:relative; }
			.tab li a:hover { box-shadow:inset 0 -1px 0 #999; }
			.tab li a.active { color:#343A45; box-shadow:inset 0 -1px 0 #999; }

.place-about { float:left; width:100%; padding-bottom:15px; margin-bottom:25px; font-size:16px; font-weight:500; line-height:25px; color:#666; border-bottom:1px solid #EEE; }

.place-contact { float:left; width:100%; margin-bottom:25px; font-size:16px; font-weight:500; line-height:25px; color:#343A45; border-bottom:1px solid #EEE; }
	.place-contact > ul { width:100%; }
		.place-contact > ul > li { width:45%; padding:0 0 20px 30px; position:relative; list-style:none; display:inline-block; vertical-align:top;}
		.place-contact > ul > li a{ display:block;}
		
			.place-contact > ul > li > img { position:absolute; top:0; left:0; height:20px; }
			.place-contact > ul > li > strong { display:block; font-weight:700; }
			.place-contact > ul > li > span { display:block; }
			
			.place-contact .place-share { margin-top:5px; }
				.place-contact .place-share li { width:50px; }

.place-gallery { float:left; width:100%; padding-bottom:16px; }
	.place-gallery ul { width:100%; }
		.place-gallery li { width:33.33334%; padding:0 2px 4px 2px; }
			.place-gallery li a { float:left; width:100%; position:relative; overflow:hidden; }
				.place-gallery li a article { float:left; width:100%; height:170px; background-size:cover; background-position:center; transform-origin:center; transition:all 0.25s; }
				.gallery-list li a article { height:220px; }
				.place-gallery li a:hover article { transform:scale(1.07, 1.07); }
				.place-gallery li a span { position:absolute; left:0; right:0; top:0; bottom:0; background-color:rgba(51, 57, 69, 0.7); z-index:10; }
					.place-gallery li a span i { position:absolute; left:0; right:0; top:50%; height:40px; margin-top:-20px; color:#FFF; text-align:center; font-size:16px; font-weight:500; }
					.place-gallery li a span strong { display:block; padding-bottom:5px; font-size:32px; font-weight:800; }
					.gallery-list li a i { position:absolute; top:15px; left:15px; height:30px; padding:0 10px; background-color:rgba(0, 0, 0, 0.6); font-size:12px; font-weight:600; border-radius:3px; color:#FFF; line-height:32px; }
					.gallery-list li a em { 
						position:absolute; 
						bottom:0; 
						left:0; 
						right:0; 
						padding:30px 15px 13px 20px; 
						background:url(../images/gradient.png) repeat-x;
						background-size:auto 100%;
						font-size:20px;
						font-weight:600;
						color:#FFF;
						line-height:24px;
						}

.place-options { float:left; width:100%; }
	.place-options ul { width:100%; margin:-5px 0; }
		.place-options li { width:25%; padding:5px 0 5px 25px; background:url(../images/icon-ok.png) no-repeat 0 5px; background-size:16px; overflow:hidden; white-space:nowrap; font-weight:500; color:#666; }
			.place-options li span { color:#151515; }
@media only screen and (max-width:1240px) {

.wrap { width:1000px; }
.inner-15 { margin:0; }
.right-block { width:755px; }
.cat-list li { width:33.33334%; }
.place-top,.place-top1 { margin-bottom:20px; }

.place-left { width:670px; }
.place-gallery li a article { height:140px; }
.gallery-list li a article { height:180px; }
.place-options li { width:33.33334%; }

.home-gallery li a article { height:180px; }
.profile-right { width:770px; }

}			

.buyuk {font-size:18px; color:#000000; font-weight:bold; font-family:Tahoma, Arial, Helvetica, sans-serif;font-style:italic;}
.beyaz {color:#FFFFFF;}
.beyaz:hover {color:#FFFF00;}
.buyukbeyaz {font-size:20px; color:#000000; font-weight:bold; font-family: "Times New Roman", Times, serif;}
.buyukbeyaz:hover {color:#FFFF00;}
.baslikbuyuk {font-size:20px; color:#000000; font-weight:bold; font-family: "Times New Roman", Times, serif;}
.baslik {font-size:14px; font-family: "Times New Roman", Times, serif;color:#CCCCCC; font-style:italic; font-weight:bold; text-decoration:none;}
.baslikbeyaz {font-size:13; font-family: "Times New Roman", Times, serif;color:#000000; font-style:italic; font-weight:bold; text-decoration:none;}
.baslikbeyaz:hover {color:#FF0000;}
.beyaz {color:#ffffff;}
.link {color:#999999;}
.red {color:#FF0000; border-color:#000000; border-width:1; text-decoration:none;}
.visited {color:#FF0000; border-color:#000000; border-width:1; text-decoration:none;}
table {font-size:11px; font-family:Arial, Helvetica, sans-serif;}

.yazi {  font-family: Tahoma, Verdana, Arial, "Arial Narrow"; font-size: 12px; text-decoration: none; color: #000000}
.girisyazi { font-family: Tahoma, Verdana, Arial, "Arial Narrow"; font-size: 12px; color: #333333}
.form { font-family: Tahoma, Verdana, Arial, "Arial Narrow"; font-size: 12px; text-decoration: none; color: #000000 ; border: thin #CCCCCC solid; background-color: #CCCCCC}
.kucukyazi { font-family: Tahoma, Verdana, Arial, "Arial Narrow"; font-size: 11px; text-decoration: none; color: #000000 }
.altyazi { font-family: Tahoma, Verdana, Arial, "Arial Narrow"; font-size: 9px; text-decoration: none; color: #000000 }
select{font-size:10px; background-color: white ;border-style : solid ; border-width: 1px;}
input{font-size:10px; background-color: white ; border: 1px solid;}
.inputresim{font-size:12px; border: 0px solid}
.checkbox{font-size:12px; border: 0px solid}
.checkboxorange{font-size:12px; background-color: #Ff8500; border: 0px solid}
.checkboxmavi{font-size:12px; background-color: #6e7db4; border: 0px solid}
.checkboxpembe{font-size:12px; background-color: #EC9E9E; border: 0px solid}
.checkboxpembe1{font-size:12px; background-color: #FF59E2; border: 0px solid}
.checkboxyeniuye{font-size:12px; background-color: #F9D891; border: 0px solid}
.beyazbaslik {FONT-SIZE: 12px;color:#ffffff; font-weight:bold}
.yesil {color:#00aa00}
.buyuk {font-size:18px; color:#000000; font-weight:bold; font-family:Tahoma, Arial, Helvetica, sans-serif;}
.grupadi {font-size:24px; color:#000000; font-family:Tahoma, Arial, Helvetica, sans-serif; text-shadow:#FF0000;}
.kara {color:#000000}
.detay {color:#666666}
.gri {color:#a0a0a0}
.mavi {color:#0000ff}.baslikCopy { font-size:14px; font-family: "Times New Roman", Times, serif;color:#000000; font-style:italic; font-weight:bold; text-decoration:none; }
.menu li {display:inline-block; list-style:none; text-transform:uppercase; padding:5px 10px; margin:5px; border-radius:2px;box-shadow:inset 0 -1px 1px #ccc;}
@media only screen and (max-width:600px) {
	.menu li { width:45%; padding:5px 0px; margin:0px; vertical-align:top; margin-bottom:20px;}
}
.ntr { background-color:#060; border:solid 1px #060;}
.kiz { background-color:#F60; border:solid 1px #F60;}
.erkek { background-color:#06F; border:solid 1px #06f;}
.kiz:hover { background-color:#F30;}
.erkek:hover { background-color:#03F;}
.menu {margin-bottom:20px;}
.menu li:hover {box-shadow:inset 0px -2px 0 #ccc;}

.menu li {color:#fff; font-size:16px;transition:ease 0.3s}
.menu li:hover {color:#ddd;}
.logo_item {display:inline-block; margin:10px 5px; vertical-align:top; padding:0; height:150px; width:170px; border:solid 1px #ccc; border-radius:5px; background-color:ddd;}
.logo_item:hover {opacity:0.7;transition:ease 0.3s;}
.logo_item img {border-radius:5px; margin-bottom:5px;width:170px; max-height:105px;}
.logo_item span {display:block; color:#333; vertical-align:bottom;}
.filtre {font-size:18px; font-weight:bold; color:#666;}

.item {display:inline-block; margin:10px 5px; vertical-align:top; padding:0; height:250px; width:170px; background-color:ddd;}


#harita {display:none; position:absolute; /* or absolute */
 top: 0;left:0; width:100%; height:100%; text-align:center; float:none; z-index:10000; background-color: rgba(0,0,0,.7); border:solid 5px;}
.haritaic {background-color:#fff; width:99%; border:solid 1px #666;text-align:left; border-radius:20px; padding:5px; display:inline-block; position:relative; top:10px;}
#map_canvas {border:solid 1px #666;border-radius:20px; height:90vh;}

#kapatharita {float:right; padding:5px;}
#kapatharita > img:hover { cursor:pointer;-webkit-transition: -webkit-transform .8s ease-in-out;
          transition:         transform .8s ease-in-out;
		  -webkit-transform: rotate(360deg);
          transform: rotate(360deg);}


#haritaalan {font-size:16px; font-weight:bold; padding:10px 0; color:#900;}


.haritaac1 {background-color:#060; padding:0 2px; color:#FFF; text-shadow:none;}
.haritaac1:hover {color:#fff;}
.yolbuton {background-color:#f60; padding:0 2px; color:#FFF; text-shadow:none;}
.yolbuton:hover {color:#fff;}
.yansabit {position:fixed;top:40%; display:block; z-index:9999; right:0px; border-radius:5px 0 0 5px;}

.kbaslik {background-color:#F93;}
.ebaslik {background-color:#39F;}

.w100 {width:100%; text-align:center; border:solid;}
.wrap { text-align:left;width:90%;}
.ic img { vertical-align:top;}
.directions {width:275px;}
.map_tarif {}
.yoltarifi,.yoltarifi div, .yoltarifi input, .yoltarifi select {font-size:14px; display:inline-block; margin:5px; padding:5px;}
.button {
  background-color: #4CAF50; /* Green */
  border: none;
  color: white; border-radius:5px;
  padding: 8px 16px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
  cursor: pointer;
}

.button1 {
  background-color: #4CAF50; 
  color: white; 

}

.button1:hover {
  background-color:#060;
}

.button2 {
  background-color: white; 
  color: black; 
  border: 2px solid #008CBA;
}

.button2:hover {
  background-color: #008CBA;
  color: white;
}

.button3 {
  background-color: #f44336;
  color: white; 
}

.button3:hover {
  background-color: #600;
}

.button4 {
  background-color: white;
  color: black;
  border: 2px solid #e7e7e7;
}

.button4:hover {background-color: #e7e7e7;}

.button5 {
  background-color: white;
  color: black;
  border: 2px solid #555555;
}

.button5:hover {
  background-color: #555555;
  color: white;
}
@media only screen and (max-width:600px) {
.directions { display:block;width:100%;}
.map_tarif { display:block;width:100%;}
}
.iletisim {list-style:none;}
.iletisim li {line-height:2;}