/* #Reset & Basics 
================================================== */
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {	display: block; }
	body { line-height: 1; }
	ol, ul { list-style: none; }
	blockquote, q { quotes: none; }
	blockquote:before, blockquote:after,	q:before, q:after { content: ''; content: none; } 
	table { border-collapse: collapse; border-spacing: 0; }

body {  margin:0; padding:0; font-family: Open Sans, sans-serif;  font-size:14px; line-height:20px; color:#333;	/* background: #fff url('../images/bg-repak.jpg'); */ }

/* Typography
------------------------------------- */
h1, h2, h3, h4, h5, h6 { margin-top: 0; font-weight: 400; }
h1 { font-size: 24px; line-height: 30px;   margin-bottom: 8px;}
h2 { font-size: 20px; line-height: 24px;   margin-bottom: 8px;}
h3 { font-size: 18px; line-height: 22px;   margin-bottom: 8px;}
h4 { font-size: 16px; line-height: 20px;   margin-bottom: 8px;}
h5 { font-size: 14px; line-height: 18px;   margin-bottom: 8px;}
h6 { font-size: 12px; line-height: a6px;   margin-bottom: 8px;}

p { margin-top: 0; margin-bottom: 6px; }

/* Links
------------------------------------- */

a{ color: #000; text-decoration: none; outline: 0; }
a:hover {  color: #0FA0CE; }

/* Buttons
------------------------------------- */
.button, button, input[type="submit"], input[type="reset"], input[type="button"] {}
.button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, 
	.button:focus, button:focus, input[type="submit"]:focus, input[type="reset"]:focus, input[type="button"]:focus  {}
.button{ background: #555555; border: none; color: #fff; display: inline-block; font-size: 14px; font-weight: bold; text-decoration: none; cursor: pointer;  margin-bottom: 20px;
	  line-height: normal; padding: 5px; margin:5px 0px 0px 0px; }


/* Forms
------------------------------------- */
input[type="email"], input[type="number"], input[type="search"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"], textarea, select 
{
  padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
  background-color: #fff;
  border: 1px solid #D1D1D1;
  box-sizing: border-box; 
}
/* Removes awkward default styles on some inputs for iOS */
input[type="email"], input[type="number"], input[type="search"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"], textarea 
{
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; 
}

textarea 
{ width:80%;
  padding-top: 6px;
  padding-bottom: 6px; 
}
 
input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="text"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus, textarea:focus, select:focus 
{
  border: 1px solid #33C3F0;
  outline: 0; 
 }
label, legend 
{
  display: block;
  padding-top: 6px;
  padding-bottom: 6px; 
  font-weight: 400; 
}
fieldset 
{
  padding: 0;
  border-width: 0; 
}
input[type="checkbox"], input[type="radio"] 
{
  display: inline; 
}

/* Lists
------------------------------------- */
ul { list-style: circle inside; }
ol { list-style: decimal inside; }
ol, ul { padding-left: 0; margin-top: 0; }
ul ul, ul ol, ol ol, ol ul { margin: 0 0 0 5px; }
li { margin-bottom: 8px; }


/* Tables
------------------------------------- */
th,
td { padding: 12px 15px; text-align: left;  border-bottom: 1px solid #E1E1E1; }
th:first-child, td:first-child { padding-left: 0; }
th:last-child, td:last-child { padding-right: 0; }


/* Spacing
------------------------------------- */
button, .button {cursor: pointer;}
strong {font-weight:700;}
em {font-style: italic;}
  
  
/* GRID
------------------------------------- */

.container{	position:relative;	width:1140px; margin:0 auto; padding: 0px;}
.grid{ position:relative; width:1140px; padding:0px; margin:0px; /* background:#ddd; */ }
.grid:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

.col-1-1, .col-1-2, .col-1-3 , .col-2-3 , .col-1-4 , .col-3-4 , .col-1-5, .col-4-5, .col-2-5, .col-3-5, .col-1-6 , .col-5-6, .col-1-10{
	position:relative; float:left; /* border:1px solid rgba(221,221,221,1);	box-sizing:border-box;	-webkit-box-sizing:border-box;	-moz-box-sizing:border-box;	background-color:#eee; */ }
.col-1-1 {width:1140px;}
.col-1-2 {width:570px;}
.col-1-3 {width:380px;}
.col-2-3 {width:760px;}
.col-1-4 {width:285px; }
/* .col-2-4 -> col-1-2 */ 
.col-3-4 {width:855px;}
.col-1-5 {width:228px;}
.col-2-5 {width:456px;}
.col-3-5 {width:684px;}
.col-4-5 {width:912px;}
.col-1-6 {width:190px; }
/* .col-2-6 -> col-1-3 */
/* .col-4-6 -> col-2-3 */ 
.col-5-6 {width:950px; } 
.col-1-10 {width:114px;}

.content { position:relative; /* background:#fff; */ margin:0px 12px; padding:0;}
	.content:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

.img {}
	.img img {max-width:100%;}
.img-k {position:relative; width:100%; padding-top:100%;}/* 100% -> 1:1 Aspect Ratio | 75% -> 4:3 Aspect Ratio | 62.5% -> 8:5 Aspect Ratio */
	.img-k img {position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; vertical-align:middle; width:auto; max-width:100%;} 
/* .content img{float:left; width:100%; margin:0; padding:0;} */


.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .clearfix { zoom: 1;} /* IE6 */ 
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

.clear {	clear: both; visibility: hidden; padding: 0 !important;	margin: 0 !important;}

.bg-fff{background:#fff;}

#headerkap {position: relative; background: #fff; width:100%; margin:0 auto; padding:0px;}
#header {}

#logo {position: relative; float:left; padding:0px; margin:18px 0px; }
	#logo img{max-width:100%;}

#aramaformum{position: relative; margin:30px auto; width:99%; padding:0; height:30px; /* border:2px solid #82c040;  background:#fff; */} 
	#aramaformum .input{ float:left; width:80%; height:30px; padding:0px 2%; background:#eee; margin: 0px; font-size:15px; line-height:30px; border:none; color:#aaa;  }  
	#aramaformum  .search-but{float:right; width:16%; height:30px; background:#5a3f40; color:#f9f9f9; padding: 0px; margin:0; border:none; cursor:pointer; } 

.sf-menu { float:right; margin-top:26px; font-size:15px;}

/* responsivmenu
**************************** */		
#menuac{background: #5a3f40; color:#fff; width:100%; display:block; margin:0; padding:10px 0px; text-align:center; cursor: pointer;  }		

#respmenum {display:none; background:#fff; margin-top:10px; margin-bottom:10px; padding:16px 0px; clear:both;
	border:1px solid rgba(221,221,221,1);
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box; 
	}
	ul.respmen{ position:relative; margin:0px; padding:0px 20px; list-style:none; }
	ul.respmen ul{padding:0px; list-style:none; }
	
	ul.respmen li{ margin-left:0px; margin-bottom:3px; background:none; padding:0; }
	ul.respmen li li{margin-left:12px; }
	ul.respmen li a{font-size:14px; padding:6px 4px 6px 12px; color:#333; font-weight:700; line-height:16px; background: transparent url('../images/icon_ok.png') no-repeat left center; display:block;}
	ul.respmen li a:hover{background: transparent url('../images/icon_ok.png') no-repeat left center;  color:#5a3f40; margin-left:5px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out;	transition: all 0.2s ease-in-out; }
	ul.respmen li a.select { color:#5a3f40; text-decoration:underline;}
	ul.respmen li a img{float:right;}
	ul.respmen li li a{font-size:12px; color:#333; font-weight:400; padding:3px 3px 3px 10px; background: transparent url('../images/icon_ok2.png') no-repeat left center;}
	ul.respmen li li a:hover{background: transparent url('../images/icon_ok2.png') no-repeat left center;  color:#5a3f40; margin-left:5px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out;	transition: all 0.2s ease-in-out; }
	ul.respmen li li a.select { color:#5a3f40; text-decoration:underline;}	
	ul.respmen li li li a{font-size:13px; background: none; color:#555; padding:3px;}

/* yanmenu
**************************** */	
	ul.yanmenum{position:relative; width:92%; padding:10px 4%; margin:0 0 20px 0px; list-style:none; }
	ul.yanmenum ul{ list-style:none; }
	
	ul.yanmenum li{ margin-bottom:3px; background:none; padding:0; border-bottom:1px solid #eee;}
	ul.yanmenum li a{font-size:14px; padding:6px 0px 6px 0px; color:#333; line-height:16px; display:block; font-weight:400;}
	ul.yanmenum li a.selected { /* background: rgba(255,255,255,0.5); */ font-weight:600;}
	
	
	ul.yanmenum li li{margin-left:8px; border-bottom:none;}
	ul.yanmenum li li a{font-size:13px; background: none; color:#555; padding:3px; font-weight:600;}
	ul.yanmenum li li a.selected {font-weight:600;}	
	ul.yanmenum li li a span{ font-size:8px;}
	
	ul.yanmenum li li li{}
	ul.yanmenum li li li a{font-size:12px; background: none; color:#777; padding:3px; font-weight:500;}
	ul.yanmenum li li li a.selected {font-weight:500;}	

/* SLAYT
**************************** */
#slaytkap{position: relative; width:100%; max-width:1440px;padding:0; margin:0 auto;}

	.slaytimg {position: relative; width:98%; padding:0; margin:0 1%; }
	.slaytimg img{width:100%;  margin:0 auto;}
	
	#slaytkap .owl-nav	{}
	#slaytkap .owl-prev, #slaytkap .owl-next	{position:absolute; top:45%;  opacity: 0;  color:#ccc; padding:16px; font-size:16px; background: rgba(0,0,0,0.2); color:#fff; cursor: pointer; display:block; 
	-webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;
	}
	#slaytkap .owl-prev	{left:50px; }
	#slaytkap .owl-next	{right:50px; }
	#slaytkap .owl-prev:hover, #slaytkap .owl-next:hover	{background: rgba(0,0,0,0.7); color:#fff; }
	
	#slaytkap:hover .owl-prev { opacity: 0.8; left: 10px; }
	#slaytkap:hover .owl-next { opacity: 0.8; right: 10px; }

.slidetext-k{ position:absolute; color:#fff; top:270px;	left:35%; z-index:25; overflow:hidden;	width:30%;  background: rgba(0,0,0,0.6); }
	.slidetext-k h3{ color:#fff; line-height:32px; font-size:26px; text-align:center; padding:10px 5%; width:90%; margin:0 auto; font-weight:700;}
	.slidetext-k p.p1{ color:#fff;  line-height:26px; font-size:20px; text-align:center;  padding:0px 5%; width:90%; margin:0 auto;  }	
	.slidetext-k p.p2{ color:#fff;  line-height:26px; font-size:20px; text-align:center;  padding:0px 5%; width:90%; margin:0 auto;  }	
	.slidetext-k p.p3{ color:#fff;  line-height:26px; font-size:20px; text-align:center;  padding:0px 5%; width:90%; margin:0 auto;  }
	.slidetext-k a.buttonum{ color:#fff; margin:10px auto; line-height:20px; font-size:16px; text-align:center; display:block; width:100%; padding:0px;}	

/* kategori gorunumu */

.box {text-align:center; margin-top:12px; margin-bottom:12px;}
	.box .img-k{background:#f9f9f9;}
	.box .capt{	width:100%; /* urunkap width*/	height:40px; position:relative;	display: table;	} 	

	.box h3{ color:#000; line-height:20px;	font-size:15px;	display: table-cell; vertical-align: middle; text-align: center; padding:0px 10px;	margin:0; } /* alt sayfa baslik */ 
	.box h3 a{color:#000; }
	.box h3 a:hover {color:#00a1df; }	

	.box h4{ color:#333; line-height:20px;	font-size:15px;	display: table-cell; vertical-align: middle; text-align: center; padding:0px 10px;	margin:0; } /* alt sayfa baslik */ 
	.box h4 a{color:#333; }
	.box h4 a:hover {color:#00a1df; }			

/* kategori gorunumu */

.box2 {margin-top:12px; margin-bottom:12px;}
	.box2 .img-k{background:#f9f9f9;}


	.box2 h3{color:#000;} /* alt sayfa baslik */ 
	.box2 h3 a{color:#000; }
	.box2 h3 a:hover {color:#00a1df; }	

	.box2 h4{color:#333;} /* alt sayfa baslik */ 
	.box2 h4 a{color:#333; }
	.box2 h4 a:hover {color:#00a1df; }	

#contactform {}
	#contactform input {width:70%;}
	#contactform  textarea {width:90%;}
	#contactform label.error{position:absolute; text-indent:-9999px;}
	#contactform input.error, #contactform textarea.error{border:1px solid red;}
	#contactform img{float:left;	margin: 5px;}

/* sayfa gorunumu */

.slideg {position:relative; width:100%; height:300px; background:#f1f1f1;}
	.slideg img{position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; vertical-align: middle; max-width:100%;	max-height:100%;} 

	ul.side-nav {margin:10px 0px 0px 0px; padding:0; width:100%; list-style:none; }
		ul.side-nav li{position:relative; background:none; width:80px; height:80px; float:left; margin: 5px 10px 5px 0px; padding:0; list-style:none; border:1px solid #ccc; }
		ul.side-nav li img{position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; vertical-align: middle; max-width:100%;	max-height:100%;}
	ul.side-nav li.activenode{border:1px solid #000;}
	.shown{}
	#zoom{position: absolute; bottom:0; right:0;  z-index:2;}
		#zoom a{display:block; font-size:30px; }

	.galeri1{}
	.galeri1 .capt {height:40px; margin:5px 0;}
	.galeri1 .capt p {text-align:center;font-size:13px; line-height:20px; color:#333;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow:hidden;}
		
/* GEZGİN
**************************** */
p.gezgin{margin:0; font-size:12px; line-height:20px; }
		
/* Sayfalama */
ul.pagination{ list-style:none; margin:16px auto; width:280px;}
	ul.pagination li{ display:inline;  background:none; padding:0; list-style:none;}
	ul.pagination li a{ display:block; float:left; padding:4px 9px; margin-left:7px; border:1px solid #efefef; }
	ul.pagination li.current a{ background:#3a3a3a; color:#fff;}	
	ul.pagination li a:hover{ background:#e2091e; color:#fff; 		
		-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out;	transition: all 0.2s ease-in-out;}

/* FOOTER
**************************** */
	
#footerkap {position: relative; background: #f9f9f9; width:100%; margin:32px auto 12px auto; padding:18px 0px; border-top:1px solid #f5f5f5; border-bottom:1px solid #f5f5f5;}
	
	#footer{margin-top:16px; margin-bottom:16px;}
	
		 #footer .col-2-5, #footer .col-1-4, #footer .col-1-5{ margin-bottom:16px;}
	
	#footer h4{position:relative; color:#333; font-weight:700; margin-bottom:30px;}
	#footer h4 a{color:#333;}
	#footer h4:after{position:absolute; content:""; background-color:#5a3f40;bottom:-14px;left:0; width:50px; height:3px;}
	
	ul.footer-menu{ }
	ul.sosyal-link li{ }
	ul.sosyal-link li a { }

	ul.sosyal-link{list-style:none; margin:0; padding:0; }
	ul.sosyal-link li{ position:relative; display:block; float:left; list-style:none; font-size:24px; line-height:40px;  width:40px; height:40px; margin:2px;background:#eee; color:#333; text-align:center;}
	ul.sosyal-link li a {-webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out;	transition: all 0.15s ease-out;	}
	
	#mailformum{position: relative; width:80%;  height:30px;  border:1px solid #f5f5f5;  background:#fff; } 
	#mailformum .input{ float:left; width:82%; height:30px; padding:0px 1%;  margin: 0px; font-size:15px; line-height:30px; border:none; color:#aaa; }  
	#mailformum  .ok-but{float:right; width:16%; height:30px; background:#fff; color:#5a3f40; padding: 0px; margin:0; border:none; cursor:pointer; } 
	#mailformum label.error{position:absolute; text-indent:-9999px;}
	#mailformum input.error{border:1px solid red;}
	.footer-logo {max-width:136px; margin-bottom:16px;}

#footeraltkap {position: relative; background: #fff; width:100%; margin:0px auto 12px auto; padding:0px;}
	#footeralt{}	
	
@media only screen and (min-width: 1180px){
#respmenukutu{ display:block;}
#menuac{ display:none;}
}

@media only screen and (min-width: 998px) and (max-width: 1179px) {
	
.container{	width:960px; }
.grid{ width:960px; padding: 0px; }
.col-1-1 {width:960px;}
.col-1-2 {width:480px;}
.col-1-3 {width:320px;}
.col-2-3 {width:640px;}
.col-1-4 {width:240px;}
/* .col-2-4 -> col-1-2 */ 
.col-3-4 {width:720px;}
.col-1-5 {width:192px;}
.col-2-5 {width:384px;}
.col-3-5 {width:576px;}
.col-4-5 {width:768px;}
.col-1-6 {width:160px;}
/* .col-2-6 -> col-1-3 */
/* .col-4-6 -> col-2-3 */ 
.col-5-6 {width:800px;} 
.col-1-10 {width:96px;} 
.content { margin:12px;}


#respmenukutu{ display:block;}
#menuac{ display:none;}
.sf-menu { margin-top:10px; font-size:15px;}

#logo {margin:5px 0px; }
#aramaformum{margin:21px auto;}

}	

@media only screen and (min-width: 768px) and (max-width: 997px) {
.container{	width:720px; }
.grid{ width:720px; padding: 0px; }
.col-1-1 {width:720px;}
.col-1-2 {width:360px;}
.col-1-3 {width:240px;}
.col-2-3 {width:480px;}
.col-1-4 {width:180px;}
/* .col-2-4 -> col-1-2 */ 
.col-3-4 {width:540px;}
.col-1-5 {width:144px;}
.col-2-5 {width:288px;}
.col-3-5 {width:432px;}
.col-4-5 {width:576px;}
.col-1-6 {width:120px;}
/* .col-2-6 -> col-1-3 */
/* .col-4-6 -> col-2-3 */ 
.col-5-6 {width:600px;} 
.col-1-10 {width:72px;} 
.content { margin:10px;}


#respmenukutu{ display:none;}
#menuac{ display:none;}
.sf-menu { margin-top:10px; font-size:14px;}
.sf-menu a {padding: 3px 6px;}

#logo {margin:10px 0px; }
#aramaformum{margin:20px auto;}

.flex-caption{display:none;}

}


@media only screen and (min-width: 480px) and (max-width: 767px) {
.container{	width:420px; }
.grid{ width:420px; padding: 0px; }
.col-1-1 {width:420px;}
.col-1-2 {width:420px;}
.col-1-3 {width:420px;}
.col-2-3 {width:420px;}
.col-1-4 {width:420px; }
/* .col-2-4 -> col-1-2 */ 
.col-3-4 {width:420px;}
.col-1-5 {width:420px;}
.col-2-5 {width:420px;}
.col-3-5 {width:420px;}
.col-4-5 {width:420px;}
.col-1-6 {width:420px;}
/* .col-2-6 -> col-1-3 */
/* .col-4-6 -> col-2-3 */ 
.col-5-6 {width:420px;} 
.col-1-10 {width:420px;} 
.content { margin:5px 10px;}


#menukutu{ display:none;}
#respmenukutu{ display:block;}
#menuac{ display:block;}

#logo {float:none; text-align:center; margin:10px 0px;}
#logo img{max-width:100%;}

#aramaformum{margin:0px auto;  width:98%; }  

.flex-caption{display:none;}

}

@media only screen and (min-width: 320px) and (max-width: 479px) {
.container{	width:300px; }
.grid{ width:300px; padding: 0px; }
.col-1-1 {width:300px;}
.col-1-2 {width:300px;}
.col-1-3 {width:300px;}
.col-2-3 {width:300px;}
.col-1-4 {width:300px;}
/* .col-2-4 -> col-1-2 */ 
.col-3-4 {width:300px;}
.col-1-5 {width:300px;}
.col-2-5 {width:300px;}
.col-3-5 {width:300px;}
.col-4-5 {width:300px;}
.col-1-6 {width:300px;}
/* .col-2-6 -> col-1-3 */
/* .col-4-6 -> col-2-3 */ 
.col-5-6 {width:300px;} 
.col-1-10 {width:300px;}
.content { margin:5px 10px;}


#menukutu{ display:none;}
#respmenukutu{ display:block;}
#menuac{ display:block;}

#logo {float:none; text-align:center; margin:10px 0px;}
#logo img{max-width:100%;}

#aramaformum{margin:0px auto; width:98%; } 

.flex-caption{display:none;}
}

.whatsappico {position:fixed; z-index:50; padding:0; bottom:30px; right:20px;}
.whatsappico a {display:block;}
.whatsappico a img {width:100px;}