@import url(normalize.css);
body {
	
	margin:0px;
	background-color:#fff;
}
a {
    text-decoration: none;
    color: #000;
}

    a:hover {
        text-decoration: none;
		color:#f00;
    }
	
a.content-text-id{
font-family:futura_newdemi;
		color:#FFF;
		font-size:12px;
		    transition: all .2s ease-in;
			padding:20px;
					border:solid 2px #B2151B;
    display: block;
	background-color:#B2151B;
    text-decoration: none;
	text-align:center;
	
}

a:hover.content-text-id{
		background-color:#FFF;
		border:solid 2px #B2151B;
			color:#B2151B;

    background-position:-220px 0px;
}
a.index-restaurant{
font-family:futura_newdemi;
		color:#153676;
		font-size:12px;
		    transition: all .0s ease-in-out;
    display: block;
	padding-top:187px;
	padding-left:0px;
    width: 205px;
	height:168px;
    background: url(img/restaurant.png) 0 0 no-repeat;
    text-decoration: none;
	text-align:center;
	line-height:1.5em;
	
}

a:hover.index-restaurant{
			color:#09F;
    background-position:-205px 0px;
}
a.index-detay{
	
font-family:Tahoma, Geneva, sans-serif;
		color:#fff;
		font-size:12px;
		    transition: all .2s ease-in;
			padding:15px;
					border:solid 2px #FFF;
					background:#001744;
    display: block;
    width: 120px;
    text-decoration: none;
	text-align:center;
	
}
a:hover.index-detay{
	background:#F90;
	
}
a.servis1{
font-family:futura_newdemi;
		color:#000;
		font-size:12px;
		    transition: all .0s ease-in-out;
    display: block;
	padding-top:187px;
	padding-left:0px;
    width: 205px;
	height:103px;
    background: url(img/servis1.jpg) 0 0 no-repeat;
    text-decoration: none;
	text-align:center;
	line-height:1.5em;
	
}

a:hover.servis1{
			color:#B2151B;
    background-position:-205px 0px;
}
a.servis2{
font-family:futura_newdemi;
		color:#000;
		font-size:12px;
		    transition: all .0s ease-in-out;
    display: block;
	padding-top:187px;
	padding-left:0px;
    width: 205px;
	height:103px;
    background: url(img/servis2.jpg) 0 0 no-repeat;
    text-decoration: none;
	text-align:center;
	line-height:1.5em;
	
}

a:hover.servis2{
			color:#B2151B;
    background-position:-205px 0px;
}
a.servis3{
font-family:futura_newdemi;
		color:#000;
		font-size:12px;
		    transition: all .0s ease-in-out;
    display: block;
	padding-top:187px;
	padding-left:0px;
    width: 205px;
	height:103px;
    background: url(img/servis3.jpg) 0 0 no-repeat;
    text-decoration: none;
	text-align:center;
	line-height:1.5em;
	
}

a:hover.servis3{
			color:#B2151B;
    background-position:-205px 0px;
}
a.servis4{
font-family:futura_newdemi;
		color:#000;
		font-size:12px;
		    transition: all .0s ease-in-out;
    display: block;
	padding-top:187px;
	padding-left:0px;
    width: 205px;
	height:103px;
    background: url(img/servis4.jpg) 0 0 no-repeat;
    text-decoration: none;
	text-align:center;
	line-height:1.5em;
	
}

a:hover.servis4{
			color:#B2151B;
    background-position:-205px 0px;
}


.red-text{color:#F00;}
.sol { float:left; margin:0 0 10px 10px;}
.sag { float:right; margin:0 0 10px 10px; width:250px;}
.solx { float:left;}
.sagx{ float:right;}



.content-text{
    font-family:futura_newdemi;
	font-size:16px;
    text-sesaation: none;
	text-decoration:none;
	line-height:1.5em;
	color:#000;
}
.content-text-id{
    font-family:futura_newdemi;
	font-size:22px;
    text-sesaation: none;
	text-decoration:none;
	line-height:1.5em;
}
.icerik-text{
    font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
    text-sesaation: none;
	text-decoration:none;
	line-height:1.5em;
	color:#000;
}
.index-text{
    font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
    text-sesaation: none;
	text-decoration:none;
	line-height:1.5em;
}
.footer-text{
    font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
    text-sesaation: none;
	text-decoration:none;
	color:#000;
		line-height:1.5em;

}
.content-caption{
    font-family:futura_newdemi;
	font-size:18px;
    text-sesaation: none;
	text-decoration:none;
	line-height:1.5em;
	color:#000;
} 
.icerik-caption{
    font-family:futura_newdemi;
	font-size:22px;
    text-sesaation: none;
	text-decoration:none;
	line-height:1.5em;
	color:#B2151B;
} 
a.content-urun-detay{
font-family:Tahoma, Geneva, sans-serif;
		color:#105A9A;
		font-size:14px;
		    transition: all .2s ease-in;
			padding:5px;
					border:solid 1px #E8E8E8;
    display: block;
    text-decoration: none;
	text-align:center;
	
}

a:hover.content-urun-detay{
		background-color:#FFF;
		border:solid 1px #105A9A;
			color:#C40F14;
}
p{ text-indent:0px; }
#nav {

		z-index:1000;
	

}
#animasyon {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}



#clear-fix {
	clear: both;
}

#footer {
	width: 100%;
	margin-top:0px;
	height:50px;
	padding-top:20px;

	border-top:solid 1px #e8e8e8;
	text-align:center;
}

#foot-line {
	background-color: #f8f8f8;
	height: 1px;
	width: 100%;
	margin-top: 0px;
}

#content-full {
	background-color: #FFF;
		padding-top:30px;
	padding-bottom:30px;

	width:100%;

}
#content-full-2 {
	background-color: #FFF;
		padding-top:20px;
	padding-bottom:50px;

	width:100%;

}
#content-full-service{
	width:1120px;
	margin-left:auto;
	margin-right:auto;
}
#index-text{
	padding-top:5px;
	float:left;
	width:800px;
	padding-right:40px;
}
#index-button {
	float:right;
	width:240px;
	
}
	

	#div_bslk_line {
	height: 1px;
	line-height:1px;
	width: 100%;
	margin-top: 10px;
	background: #e8e8e8;
}
#top_bg {
	width: 100%;
	background:#f8f8f8;
	height: 1px;


}	
	
#product-intro {
	margin-top:20px;
	padding-top:0px;
	float: left;
	width: 850px;
	margin-left: 0px;
}
#product-menu {
	padding-top:0px;
	padding-bottom:0px;
	float: right;
		margin-top: 60px;

	width: 220px;
	border:2px dotted #d8d8d8;
	border-radius:10px;
	background:#F8F8F8;
}	

#cont-img {
	background-color:#fff;
	float: left;
	margin-right: auto;
	margin-left: 35px;
	border:solid 0px #d8d8d8;
	padding:2px;
	margin-top:35px;
	width:232px;

}

	#cont-product {
	width: 1120px;
	margin-right: auto;
	margin-left: auto;
	margin-top:50px;
	margin-bottom:30px;
	padding:0px;
	background-color:#FFF;
	position:relative;
	border-radius:5px;
	border:solid 0px #e8e8e8;
    }
	#container-img {
	float:left;
}
#content-box{
		margin-top:30px;
	margin-left:0px;
	padding:10px;
	width:205px;
	height:300px;
	float: left;
}


#content-box-2{
		margin-top:30px;
			width:205px;
				padding:10px;
	float: left;
	margin-left:66px;

}
#content-box-3{
		margin-top:30px;
			width:205px;
				padding:10px;
	float: left;
	margin-left:66px;

}
#content-box-4{
		margin-top:30px;
			width:205px;
				padding:10px;
	height:300px;
	float: left;
	margin-left:66px;

}
#icerik-img {
	width:455px;
	float:right; background-color:#FFF; margin-top:0px; border: 0px solid #e8e8e8; padding:0px; 
	
	
	}

/* *** ****** Desktop and Laptops *** ****** */
@media screen and (min-width : 1280px) {
	
	
	#content-full-index-full-1
	{
				float:left;
		width:560px;
		height:303PX;
	}
		#content-full-index-full-4
	{
				float:left;
		width:560px;
		height:303PX;
	}

	
	#content-index-1
	
	{
		width:500px;
		float:left;
		margin-top:50px;
		
		
	}
	#content-index-2
	
	{
		width:452px;
		float:left;
		margin-top:50px;
		padding-left:60px;
		
		
	}
	

#content-full-index-full-2
	{
		float:left;
		width:560px;
		height:303px;
	}
	#content-full-index-full-3
	{
		float:right;
		width:560px;
		height:303px;
	}
	
#nav_top{
	height: 101px;
	width: 1120px;
	margin-right: auto;
	margin-left: auto;
		z-index:1000;
		position:relative;
}	
#content-full-service{
	width:1120px;
	margin-left:auto;
	margin-right:auto;
}
	#cont-product {
	width: 1120px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 30px;
	margin-bottom:30px;
	padding:0px;
	background-color:#FFF;
	position:relative;
	border-radius:5px;
	border:solid 0px #e8e8e8;
    }
#product-intro {
	margin-top:20px;
	padding-top:0px;
	float: left;
	width: 850px;
	margin-left: 0px;
}
#product-menu {
	padding-top:0px;
	padding-bottom:0px;
	float: right;
		margin-top: 60px;

	width: 220px;
	border:2px dotted #d8d8d8;
	border-radius:10px;
	background:#F8F8F8;
}
#animasyon {
	width: 1120px;
	margin-right: auto;
	margin-left: auto;
}

}

/* *** ****** Desktop and Laptops *** ****** */
@media screen and (min-width : 960px)  and (max-width : 1279px){
	#content-full-index-full-1
	{
				float:left;
		width:480px;
		height:260PX;
	}
		#content-full-index-full-4
	{
				float:left;
		width:480px;
		height:260PX;
	}

	
	#content-index-1
	
	{
		width:450px;
		float:left;
		margin-top:50px;
		
		
	}
	#content-index-2
	
	{
		width:420px;
		float:left;
		margin-top:50px;
		padding-left:60px;
		
		
	}
	

#content-full-index-full-2
	{
		float:left;
		width:480px;
		height:260px;
	}
	#content-full-index-full-3
	{
		float:right;
		width:480px;
		height:260px;
	}

	
	
#nav_top{
	height: 90px;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
		z-index:1000;
		position:relative;
}	
#animasyon {
	width:100%;
	margin-right: auto;
	margin-left: auto;
}	
#content-full-service{
	width:960px;
	margin-left:auto;
	margin-right:auto;
}
#index-text{
	padding-top:5px;
	float:left;
	width:640px;
	padding-right:40px;
}
#index-button {
	float:right;
	width:240px;
	
}
	#cont-product {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 30px;
	margin-bottom:30px;
	padding:0px;
	background-color:#FFF;
	position:relative;
	border-radius:5px;
	border:solid 0px #e8e8e8;
    }
#product-intro {
	margin-top:20px;
	float: left;
	width: 710px;
	margin-left: 0px;
}
#product-menu {
padding-top:0px;
	padding-bottom:0px;
	float: right;
		margin-top: 60px;

	width: 220px;
	border:2px dotted #d8d8d8;
	border-radius:10px;
	background:#F8F8F8;
}	
#content-box{
		margin-top:30px;
	margin-left:0px;
	padding:10px;
	width:205px;
	height:300px;
	float: left;
	background:#FFF;
}
#content-box-2{
		margin-top:30px;
			width:205px;
				padding:10px;
	height:300px;
	float: left;
	background:#FFF;
	margin-left:20px;
}
#content-box-3{
		margin-top:30px;
			width:205px;
				padding:10px;
	height:300px;
	float: left;
	background:#FFF;
	margin-left:20px;
}
#content-box-4{
		margin-top:30px;
			width:205px;
				padding:10px;
	height:190px;
	float: left;
	background:#FFF;
	margin-left:20px;
}

}


@media screen and (min-width : 120px) and (max-width : 479px) {
	#nav_top{
	height: 90px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
		z-index:1000;
		position:relative;
}	
#animasyon {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
#content-full-service{
	width:225px;
	margin-left:auto;
	margin-right:auto;
}

#index-text{
	padding:2%;
	float:none;
	width:96%;
	padding-right:0px;
	margin-left:auto;
	margin-top:auto;
}
#index-button {
	float:none;
	width:240px;
	margin-left:auto;
	margin-top:15px;
	margin-right:auto;
	
}
#cont-product {
	width: 98%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	padding:0;
	border:0;
	 }
#product-intro {
	padding-top:0px;
	float: none;
	margin-left:auto;
	margin-right:auto;
	padding:2%;
	width: 96%;
	margin-left: 0px;
}
#product-menu {
	padding-top:0px;
	padding-bottom:0px;
	float: left;
		margin-top: 10px;

	width: 100%;
	border:0px solid #d8d8d8;
	border-radius:0px;
	background:#F8F8F8;
}	

#content-box{
	margin-top:30px;
	width:205px;
	padding:10px;
	height:300px;
	float: left;
	background:#FFF;
	margin-left:0px;
}
#content-box-2{
	margin-top:30px;
	width:205px;
	padding:10px;
	height:300px;
	float: left;
	background:#FFF;
	margin-left:0px;
}
#content-box-3{
	margin-top:30px;
	width:205px;
	padding:10px;
	height:300px;
	float: left;
	background:#FFF;
	margin-left:0px;
}
#content-box-4{
	margin-top:30px;
	width:205px;
	padding:10px;
	height:300px;
	float: left;
	background:#FFF;
	margin-left:0px;
}
	#content-full-index-full-1
	{
				float:none;
		width:100%;
		height:auto;
		margin-top:20px;
		margin-left:auto;
		margin-right:auto;
	}
		#content-full-index-full-4
	{
				float:none;
		width:100%;
		height:auto;
		margin-top:20px;
		margin-left:auto;
		margin-right:auto;
	}

	
	#content-index-1
	
	{
				float:none;
		width:100%;
		height:auto;
		margin-top:20px;
		margin-left:auto;
		margin-right:auto;
		
		
	}
	#content-index-2
	
	{
				float:none;
		width:100%;
		height:auto;
		margin-top:20px;
		margin-left:auto;
		margin-right:auto;
		padding-left:0px;
		
		
	}
	

#content-full-index-full-2
	{
				float:none;
		width:100%;
		height:auto;
		margin-top:20px;
		margin-left:auto;
		margin-right:auto;
	}
	#content-full-index-full-3
	{
				float:none;
		width:100%;
		height:auto;
		margin-top:20px;
		margin-left:auto;
		margin-right:auto;
	}
}



/* *** ****** New Smartphones and Tablets *** ****** */
@media screen and (min-width : 480px) and (max-width : 959px) {

#nav_top{
	height: 90px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
		z-index:1000;
		position:relative;
}
#animasyon {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}	
	#content-full-service{
	width:480px;
	margin-left:auto;
	margin-right:auto;
}
#index-text{
	padding:2%;
	float:none;
	width:96%;
	padding-right:0px;
	margin-left:auto;
	margin-top:auto;
}
#index-button {
	padding:0;
	float:none;
	width:240px;
	margin-left:auto;
	margin-top:15px;
	margin-right:auto;
	
}
#cont-product {
	width: 98%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	padding:0;
	border:0;
	 }
#product-intro {
	padding-top:0px;
	float: none;
	margin-left:auto;
	margin-right:auto;
	padding:2%;
	width: 96%;
	margin-left: 0px;
}
#product-menu {
	padding-top:0px;
	padding-bottom:0px;
	float: left;
		margin-top: 10px;

	width: 100%;
	border:0px solid #d8d8d8;
	border-radius:0px;
	background:#F8F8F8;
}
#content-box{
		margin-top:30px;
margin-top:30px;
	width:205px;
	padding:10px;
	height:300px;
	float: left;
	background:#FFF;
	margin-left:0px;
}
#content-box-2{
		margin-top:30px;
margin-top:30px;
	width:205px;
	padding:10px;
	height:300px;
	float: left;
	background:#FFF;
	margin-left:30px;
}
#content-box-3{
		margin-top:30px;
margin-top:30px;
	width:205px;
	padding:10px;
	height:300px;
	float: left;
	background:#FFF;
		margin-left:0px;
}
#content-box-4{
		margin-top:30px;
margin-top:30px;
	width:205px;
	padding:10px;
	height:300px;
	float: left;
	background:#FFF;
		margin-left:30px;
}

	#content-full-index-full-1
	{
				float:none;
		width:100%;
		height:auto;
		margin-top:20px;
		margin-left:auto;
		margin-right:auto;
	}
		#content-full-index-full-4
	{
				float:none;
		width:100%;
		height:auto;
		margin-top:20px;
		margin-left:auto;
		margin-right:auto;
	}

	
	#content-index-1
	
	{
				float:none;
		width:100%;
		height:auto;
		margin-top:20px;
		margin-left:auto;
		margin-right:auto;
		
		
	}
	#content-index-2
	
	{
				float:none;
		width:100%;
		height:auto;
		margin-top:20px;
		margin-left:auto;
		margin-right:auto;
		padding-left:0px;
		
		
	}
	

#content-full-index-full-2
	{
				float:none;
		width:100%;
		height:auto;
		margin-top:20px;
		margin-left:auto;
		margin-right:auto;
	}
	#content-full-index-full-3
	{
				float:none;
		width:100%;
		height:auto;
		margin-top:20px;
		margin-left:auto;
		margin-right:auto;
	}

}


/* ============================================================
   HERO HEADER — menu + slider merged into one full-width block
   (index.php only — #hero wraps #nav and #animasyon)
   ============================================================ */
#hero {
	position: relative;
}

#hero #animasyon {
	width: 100%;
	margin: 0;
}

/* Nav positioning/theming (fixed + sticky-on-scroll, logo card, link color)
   now lives in css/design-system.css, which applies on every page — not
   just the homepage hero — since every inner page also has a dark hero
   (page-hero.php) directly beneath the nav. */