*{margin: 0; padding: 0; box-sizing: border-box;}
li{list-style-type: none;}
a{text-decoration: none;}
body{font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size:14/21px; color:#777777;}
.aktif{background-color: #424B52;}

.clear{clear:both;}
.ortala{width:1200px; margin:0 auto;}
.cizgi{width:800px; background: url(../img/separator.png); height: 50px; background-repeat: no-repeat; margin:0 auto;}

/* header */
#header{width:100%;background: rgb(49, 56, 62);
background: -moz-linear-gradient(92deg, rgb(49, 56, 62) 30%, rgb(85, 95, 104) 70%);
background: -webkit-linear-gradient(92deg, rgb(49, 56, 62) 30%, rgb(85, 95, 104) 70%);
background: -o-linear-gradient(92deg, rgb(49, 56, 62) 30%, rgb(85, 95, 104) 70%);
background: -ms-linear-gradient(92deg, rgb(49, 56, 62) 30%, rgb(85, 95, 104) 70%);
background: linear-gradient(182deg, rgb(49, 56, 62) 30%, rgb(85, 95, 104) 70%);
 height: 180px; overflow: hidden; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
	#header img:nth-child(1){width:180px; float:left;}
	#header img:nth-child(2){float:left; width:1000px; margin-top: -5px; margin-left:-5px;}
	#header img:nth-child(3){position: absolute; top:15px; right: 220px; width:80px;}


/* navigation */
#navigation{width:100%; margin:10px auto; overflow: hidden; background: rgb(49, 56, 62);
background: -moz-linear-gradient(92deg, rgb(49, 56, 62) 30%, rgb(85, 95, 104) 70%);
background: -webkit-linear-gradient(92deg, rgb(49, 56, 62) 30%, rgb(85, 95, 104) 70%);
background: -o-linear-gradient(92deg, rgb(49, 56, 62) 30%, rgb(85, 95, 104) 70%);
background: -ms-linear-gradient(92deg, rgb(49, 56, 62) 30%, rgb(85, 95, 104) 70%);
background: linear-gradient(182deg, rgb(49, 56, 62) 30%, rgb(85, 95, 104) 70%);
 }

	#navigation ul{float:right; margin-right: 150px;}
	#navigation ul li{float:left;}
	#navigation ul li a{width:100%; text-align:center; line-height:50px; display:block; height: 50px; padding:0px 10px 0px 10px; color:#fff; font-size:16px; font-weight: bold;}
	#navigation ul li a:hover{background-color: #424B52;}


/* galeri */
#galeri{width:100%; min-height: 400px; margin-top:10px;}

/* content */
#content{margin-top:20px;}
	#content .row{width:370px; float:left; margin-right: 45px; margin-bottom: 20px; height: 301px; position: relative;}
	#content .row:last-child{margin-right: 0px;}
	#content .row:nth-child(3){margin-right: 0px;}
	#content .row p{text-align: justify; font-size:15px;}
	#content .row span{width:100%; text-align: center;}
	#content .row span img{width:250px; height: 100px; margin-left:70px;}

	#content .row img{width:100%; height: 100%}
	#content .row a span.image-title{position: absolute; bottom:0; background-color: rgba(0,0,0,.50); padding:10px 0px 10px 0px; color:#fff; font-weight: bold; font-size:20px;}


/* footer */
#footer{background:url(../img/footer-bg.jpg); height: 450px; margin-top:30px; padding-top:60px;}
	#footer h1{color:#fff; margin-bottom: 25px; margin-left:50px;}
	#footer .address{width:300px;text-align: center; border-bottom: 1px solid #fff; padding-bottom: 20px;}
	#footer .address span{display:block; width:100%; margin-top:10px; color:#fff;}
	#footer .address span{display:block; width:100%; margin-top:10px;}

	#footer .copyright{width:100%;text-align:center; padding:10px 0px 0px 25px; color:#fff; font-size:14px;}


/* accommodation */
	/*kapsam*/
	#kapsam{min-height: 2000px;}

	/*features*/
	.features{margin-top:40px; width:100%;}
		.features1{width:800px; margin:0 auto; margin-bottom: 20px;}
		.features1 h2{width:100%; text-align: center; color:#31383E; font-weight: bold; text-transform: uppercase; margin-bottom: 10px;}
		.features1 p{text-align: center; font-size:16px; line-height: 22px;}

		.features2{width:1200px; margin:40px auto;}
		.features2 .row1{float:left; width:820px; margin-top: 50px;}
		.features2 .row1 h2{font-size:14px; color:#31383E; margin-bottom: 10px;	}

			.row1-in1{width:350; margin-right: 50px; float:left;}
			.row1-in1 ul{display:block; margin-bottom: 20px;}
			.row1-in1 ul li{list-style-type: circle;}
			.row1-in2{width:350px; float:left;}
			.row1-in2 ul{display:block; margin-bottom: 20px; }
			.row1-in2 ul li{list-style-type: circle;}
			.row1-in2 ul li h2{font-size: 14px; color:#31383E;	margin-left:-5px;}

		.features2 .row2{float:left; width:380px;}
		.features2 .row2 ul li{display:block;}
		.features2 .row2 ul li img{width:100%; height: 150px;}


	/*accommodation*/
	.accommodation{}
	.accommodation h2{width:100%; text-align: center; color:#31383E; font-weight: bold; text-transform: uppercase; margin-bottom: 10px;}

	.accommodation .gallery{margin-bottom: 200px;}
	
	.galeri{height:400px; width:100%; }
	#genel{width:100%;height:500px; background-color:#996633; position:fixed;}