body{
	width:100%;
	margin:0;
	padding:0;
	background-color:#3d3d3d;
	overflow-x:hidden;
}

h1,h2,h3,h4,h5,h6{
	padding:0;
	margin:0;
	color:#ddd;
	font-family:exotic_350_light_bt_webfontregular;
}

a{
	text-decoration: none;
	font-family:eurofurence_lightregular;
	padding:0;
	margin:0;
	color:#ddd;
}

p{
	font-family:eurofurence_lightregular;
	padding:0;
	margin:0;
	color:#ddd;
}

content{
	width:100%;
	min-height:100%;
	padding:0;
	float:left;
	margin:0;
	margin-top:100px;
	background-color:#3d3d3d;
}

.banner{
	width:100%;
	float:left;
	height:300px;
	overflow:hidden;
}

.res_alan{
	width:100%;
	float:left;
	height:300px;
	overflow:hidden;
}

.banner .res_alan .ban_res{
	width:100%;
	float:left;
	top:50%;
	transform:translateY(-50%);
	position:relative;
	z-index:500;
}

.banner .ban_yaz{
	width:100%;
	height:70px;
	line-height:70px;
	background-color:rgba(0,0,0,0.5);
	float:left;
	margin-top:-100px;
	font-size:40px;
	text-align:center;
	position:relative;
	z-index:600;
	color:#f3f3f3;
	font-family:Oswald;
	text-transform:uppercase;
}


.dil_sistemi{
	width:160px;
	height:70px;
	float:right;
	right:0;
	margin-right:-120px;
	position:fixed;
	top:50%;
	z-index:999;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	cursor: pointer;

	-webkit-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition:         all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.dil_goster{
	margin-right:0;
}

.dil_sistemi .lan{
	width:30px;
	height:70px;
	color:white;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	text-align:center;
	color:black;
	font-family:sansation;
	font-size:15px;
	background-color:white;
	float:left;
}

.dil_sistemi .diller{
	width:130px;
	height:35px;
	line-height:35px;
	text-align:center;
	float: left;
	background-color:white;
	font-family:sansation;
}

.dil_sistemi .diller:hover{
	color:orange;
}
















.yapim_asamasi{
	width:100%;
	float:left;
	position:relative;
	color:#3d3d3d;
	height:300px; line-height:300px; 
	text-align:center;
}



















@media screen and (max-width: 736px), screen and (max-device-width: 736px) {





.banner{
	width:100%;
	float:left;
	height:200px;
	overflow:hidden;
}

.res_alan{
	width:100%;
	float:left;
	height:200px;
	overflow:hidden;
}

.banner .res_alan .ban_res{
	width:150%;
	float:left;
	top:50%;
	transform:translateY(-50%);
	position:relative;
	z-index:500;
}

.banner .ban_yaz{
	width:100%;
	height:50px;
	line-height:50px;
	background-color:rgba(0,0,0,0.5);
	float:left;
	margin-top:-70px;
	font-size:20px;
	text-align:center;
	position:relative;
	z-index:600;
	color:#f3f3f3;
	font-family:Oswald;
	text-transform:uppercase;
}








}



@media screen and (max-width: 480px), screen and (max-device-width: 480px) {






.banner{
	width:100%;
	float:left;
	height:200px;
	overflow:hidden;
}

.res_alan{
	width:100%;
	float:left;
	height:200px;
	overflow:hidden;
}

.banner .res_alan .ban_res{
	width:200%;
	float:left;
	top:50%;
	transform:translateY(-50%);
	position:relative;
	z-index:500;
}

.banner .ban_yaz{
	width:100%;
	height:50px;
	line-height:50px;
	background-color:rgba(0,0,0,0.5);
	float:left;
	margin-top:-70px;
	font-size:20px;
	text-align:center;
	position:relative;
	z-index:600;
	color:#f3f3f3;
	font-family:Oswald;
	text-transform:uppercase;
}







}