@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&subset=latin-ext');

html, body {
	width: 100%;
	padding: 0;
	margin: 0;
	font-family: Open Sans;
	background: #e5f0f8;
	outline: 0;
}

#logo {
	width: 200px;
	height: 200px;
	margin: 20px auto 0;
	position: relative;
	z-index: 2;
}

#authorized {
	bottom: -3px;
	left: 30px;
	position: fixed;
	display: none;
}

#authorized img {
	width: 200px;
}

.swiper-container {
    width: 100%;
	overflow: hidden;
	position: absolute;
	top: 85px;
	left: 0;
	z-index: 0;
}

.p_container {
	width: 90%;
	height: 550px;
	border: 1px solid #d7d7d7;
	border-radius: 10px;
	padding: 20px 20px 30px;
	margin: 10px auto 0;
	background: rgba(255,255,255,0.9);
}

#sc1 {
	width: 100%;
	height: 550px;
	background: url(../images/1-ahsap-eserler-galerisi.jpg) center center;
	background-size: cover;
}

#c1 {
	background: url(../images/1-ahsap-eserler-galerisi.jpg) center center;
	background-size: cover;
}

#categories {
	width: 100%;
	overflow: hidden;
	margin: 30px 0 30px;
	box-sizing: border-box;
	text-align: center;
}

.category {
	width: 220px;
	overflow: hidden;
	display: inline-block;
	border-radius: 10px;
	overflow: hidden;
	box-sizing: border-box;
	color: rgba(0,102,169,1);
	margin: 0 30px 30px;
	background: #FFF;
}

.category a:link,
.category a:visited,
.category a:focus {
	text-decoration: none;
	color: rgba(0,102,169,1);
}

.category:hover {
	cursor: pointer;
}

.category .image {
	width: auto;
	height: 160px;
	margin: 5%;
}

.category .name {
	width: 100%;
	overflow: hidden;
	padding: 0 0 15px;
	box-sizing: border-box;
	text-align: center;
	font-size: 10pt;
	color: rgba(0,102,169,1);
	font-weight: 600;
	line-height: 1.8;
}

.sc h2 {
	color: #FFF;
	text-shadow: 2px 2px 5px rgba(30, 30, 30, 1);
	background: rgba(64,140,190,0.8);
	font-size: 20pt;
	font-weight: bold;
	padding: 30px;
	width: 50%;
	float: left;
	box-sizing: border-box;
	height: 85px;
}

.sc h2:nth-of-type(2) {
	background: rgba(0,162,133,0.8);
	text-align: right;
}

#social {
	top: 80px;
	right: 150px;
	position: absolute;
	z-index: 5px;
	text-align: center;
}

#share {
	margin-bottom: 10px;
	color: #009a7b;
	font-weight: 600;
	text-align: center;
}

#social a:link,
#social a:visited,
#social a:focus {
	color: #FFF;
	text-decoration: none;
	margin: 0 10px;
	width: 40px;
	height: 40px;
	background: #0066a9;
	display: block;
	display: inline-block;
	border-radius: 20px;
	text-align: center;
	font-size: 16pt;
	box-sizing: border-box;
	padding-top: 10px;
}

#sc2 {
	width: 100%;
	height: 550px;
	background: url(../images/2-Atl%c3%84%c2%b1han-El-Sanatlar%c3%84%c2%b1-%c3%83%c2%87ar%c3%85%c2%9f%c3%84%c2%b1s%c3%84%c2%b1.html) center center;
	background-size: cover;
}

#c2 {
	background: url(../images/2-Atl%c3%84%c2%b1han-El-Sanatlar%c3%84%c2%b1-%c3%83%c2%87ar%c3%85%c2%9f%c3%84%c2%b1s%c3%84%c2%b1.html) center center;
	background-size: cover;
}

#sc3 {
	width: 100%;
	height: 550px;
	background: url(../images/3-Cam-Sanatlar-Merkezi.jpg) center center;
	background-size: cover;
}

#c3 {
	background: url(../images/3-Cam-Sanatlar-Merkezi.jpg) center center;
	background-size: cover;
}

#sc4 {
	width: 100%;
	height: 550px;
	background: url(../images/4-hamam-yolu.jpg) center center;
	background-size: cover;
}

#c4 {
	background: url(../images/4-hamam-yolu.jpg) center center;
	background-size: cover;
}

#sc5 {
	width: 100%;
	height: 550px;
	background: url(../images/5-Kanl%c3%84%c2%b1kavak-Park%c3%84%c2%b1.html) center center;
	background-size: cover;
}

#c5 {
	background: url(../images/5-Kanl%c3%84%c2%b1kavak-Park%c3%84%c2%b1.html) center center;
	background-size: cover;
}

#sc6 {
	width: 100%;
	height: 550px;
	background: url(../images/6-K%c3%84%c2%b1r%c3%84%c2%b1m-Tatar-Galerisi.html) center center;
	background-size: cover;
}

#c6 {
	background: url(../images/6-K%c3%84%c2%b1r%c3%84%c2%b1m-Tatar-Galerisi.html) center center;
	background-size: cover;
}

#sc7 {
	width: 100%;
	height: 550px;
	background: url(../images/7-K%c3%84%c2%b1rkambar-%c3%83%c2%87ar%c3%85%c2%9f%c3%84%c2%b1s%c3%84%c2%b1.html) center center;
	background-size: cover;
}

#c7 {
	background: url(../images/7-K%c3%84%c2%b1rkambar-%c3%83%c2%87ar%c3%85%c2%9f%c3%84%c2%b1s%c3%84%c2%b1.html) center center;
	background-size: cover;
}

#sc8 {
	width: 100%;
	height: 550px;
	background: url(../images/8-Kur%c3%85%c2%9funlu-K%c3%83%c2%bclliyesi.html) center center;
	background-size: cover;
}

#c8 {
	background: url(../images/8-Kur%c3%85%c2%9funlu-K%c3%83%c2%bclliyesi.html) center center;
	background-size: cover;
}

#sc9 {
	width: 100%;
	height: 550px;
	background: url(../images/9-L%c3%83%c2%bcleta%c3%85%c2%9f%c3%84%c2%b1-Galerisi.html) center center;
	background-size: cover;
}

#c9 {
	background: url(../images/9-L%c3%83%c2%bcleta%c3%85%c2%9f%c3%84%c2%b1-Galerisi.html) center center;
	background-size: cover;
}

#sc10 {
	width: 100%;
	height: 550px;
	background: url(../images/10-osman-yasar-tanacan-fotograf-galerisi.jpg) center center;
	background-size: cover;
}

#c10 {
	background: url(../images/10-osman-yasar-tanacan-fotograf-galerisi.jpg) center center;
	background-size: cover;
}

#sc11 {
	width: 100%;
	height: 550px;
	background: url(../images/11-%c3%85%c2%9felalepark.html) center center;
	background-size: cover;
}

#c11 {
	background: url(../images/11-%c3%85%c2%9felalepark.html) center center;
	background-size: cover;
}

#sc12 {
	width: 100%;
	height: 550px;
	background: url(../images/12-tarihi-odunpazari-evleri.jpg) center center;
	background-size: cover;
}

#c12 {
	background: url(../images/12-tarihi-odunpazari-evleri.jpg) center center;
	background-size: cover;
}

#sc13 {
	width: 100%;
	height: 550px;
	background: url(../images/13-tayfun-talipoglu-daktilo-galerisi.jpg) center center;
	background-size: cover;
}

#c13 {
	background: url(../images/13-tayfun-talipoglu-daktilo-galerisi.jpg) center center;
	background-size: cover;
}

#sc14 {
	width: 100%;
	height: 550px;
	background: url(../images/14-ugur-mumcu-parki.jpg) center center;
	background-size: cover;
}

#c14 {
	background: url(../images/14-ugur-mumcu-parki.jpg) center center;
	background-size: cover;
}

#sc15 {
	width: 100%;
	height: 550px;
	background: url(../images/15-Ye%c3%85%c2%9fil-Efendi-Kona%c3%84%c2%9f%c3%84%c2%b1-Atat%c3%83%c2%bcrk-ile-Bir-G%c3%83%c2%bcn-Galerisi.html) center center;
	background-size: cover;
}

#c15 {
	background: url(../images/15-Ye%c3%85%c2%9fil-Efendi-Kona%c3%84%c2%9f%c3%84%c2%b1-Atat%c3%83%c2%bcrk-ile-Bir-G%c3%83%c2%bcn-Galerisi.html) center center;
	background-size: cover;
}

#sc16 {
	width: 100%;
	height: 550px;
	background: url(../images/15-Ye%c3%85%c2%9fil-Efendi-Kona%c3%84%c2%9f%c3%84%c2%b1-Atat%c3%83%c2%bcrk-ile-Bir-G%c3%83%c2%bcn-Galerisi.html) center center;
	background-size: cover;
}

#c16 {
	background: url(../images/16-cumhuriyet-parki.jpg) center center;
	background-size: cover;
}

#sc17 {
	width: 100%;
	height: 550px;
	background: url(../images/17-dalyanci-konagi.jpg) center center;
	background-size: cover;
}

#c17 {
	background: url(../images/17-dalyanci-konagi.jpg) center center;
	background-size: cover;
}

.swiper-pagination {
	bottom: 45px !important;
}

.swiper-pagination-bullet {
	width: 20px;
	height: 20px;
	border-radius: 10px;
	background: rgba(255,255,255,0.6);
	opacity: 0.9;
}

.swiper-pagination-bullet-active {
	background: #00a285;
}

footer {
	width: 100%;
	height: 40px;
	background: #0066a9;
	color: #FFF;
	font-weight: 700;
	font-size: 10pt;
	padding: 13px 30px;
	box-sizing: border-box;
	text-align: center;
}

@media only screen and (max-width: 1151px) {
	
	.swiper-pagination-bullet {
		width: 10px;
		height: 10px;
		border-radius: 5px;
	}
	
	.sc h2 {
		width: 100%;
		float: none;
	}
	
	.sc .divider {
		width: 100%;
		height: 100px;
	}
	
	#social {
		position: static;
		width: 100%;
		margin-top: 30px;
	}
	
}

@media only screen and (max-width: 538px) {
	
	.sc h2 {
		font-size: 14pt;
		text-align: center;
		height: 75px;
	}
	
	.sc h2:nth-of-type(2n) {
		font-size: 12pt;
		text-align: center;
	}
	
	.swiper-pagination-bullet {
		width: 6px;
		height: 6px;
		border-radius: 3px;
	}
	
}