﻿body{font-family: 'Open Sans', sans-serif; padding:10px 30px 30px 30px; background:#111;}
a{transition:all .3s; color:#1e51a4;}
a:hover, a:focus, a:active, a:visited{text-decoration:none;}
.btn-primary {
	background-color: #153996;
	border-color: #153996;
	color:#FFF;
}
.btn-primary.active,.btn-primary.focus,.btn-primary:active,.btn-primary:focus,.btn-primary:hover,.open>.btn-primary.dropdown-toggle{color:#fff;background-color:#0e2b74;border-color:#0c225c}.btn-primary.disabled.focus,.btn-primary.disabled:focus,.btn-primary:disabled.focus,.btn-primary:disabled:focus,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:focus{background-color:#112e77;border-color:#112e77}.btn-primary.disabled:hover,.btn-primary:disabled:hover,fieldset[disabled] .btn-primary:hover{background-color:#112e77;border-color:#112e77}
.breadcrumb{background:none;}
.breadcrumb li {color:#CCC;}
.breadcrumb li.btitle {color:#666;}
.breadcrumb li a {color:#FFF;}
.breadcrumb li a:hover {color:#CCC;}
.breadcrumb li.active a {color:#CCC;}
.breadcrumb>li+li:before {
	font-family:"FontAwesome";
	content: "\f054";
}
.white{color:#FFF;}
.container {
	padding-right:0;
	padding-left:0;
}
#header{min-height:40px; background:#111; transition:min-height .3s ease-out;}
#header .logocnt{position:relative;}
#header .headernav{position:fixed; top:0; z-index:100; right:0; left:0;}
#header .logo{position:absolute; top:10px; left:0; z-index:5; width:81px; transition:all .3s ease-out; display:none; }
#header .logo img{width:81px; height:auto; transition:all .3s ease-out;}
#header .menutoggle{position:absolute; top:10px; right:18px;}
#sub-navigation{text-align:center; position:absolute; width:100%; z-index:1;transition:all .3s ease-out;}
#sub-navigation ul{text-align:center; display:block; list-style:none; margin:0; padding:0; position:relative; background:#111; z-index:2;transition:all .3s ease-out;}
#sub-navigation ul li{display:inline-block; list-style:none; margin:5px 0 0 0; padding:0; opacity:0.5;transition:opacity .3s ease-out;}
#sub-navigation ul li.current{opacity:1; border-top:solid 5px #FFF; margin-top:0;}
#sub-navigation ul li a{font-size:1.2rem; color:#d5d5d5; padding:25px 20px 20px 20px; letter-spacing:-.03rem; border-radius:15px; font-weight:300; display:inline-block;}
#main-navigation ul li a{font-size:1.2rem; color:#d5d5d5; padding:15px 20px; letter-spacing:-.03rem; border-radius:15px; font-weight:300; display:block; background:none;}

body.scrolled #sub-navigation ul li a{font-size:1rem; padding-top:15px; padding-bottom:15px;}

#header.narrowed { min-height:50px; }
#header.narrowed ul.mainnav2{transform:translateY(-200px);}
#header.narrowed #main-navigation ul li a{font-size:1rem; padding-top:15px; padding-bottom:15px;}
#header.narrowed .logo {top:0;}
#header.narrowed .logo img{width:50px;}

/**********************************************/
.wrapper
{
	box-sizing: border-box;
	/*max-width: 767px;*/
	margin: 0 auto;
}
.wrapper.reversed
{
	background: #fff;
	color: #666;
	padding: 75px 0;
	position: relative;
}
.wrapper.reversed:last-child
{
	padding-bottom: 160px;
	margin-bottom: -160px;
}

.wrapper.reversed:after
{
	background: inherit;
	content: '';
	display: block;
	position: absolute;
	left: -200%;
	right: -200%;
	top: 0;
	bottom: 0;
	z-index: -1;
}
.wrapper.reversed h4,
.wrapper.reversed h5,
.wrapper.reversed h6
{
	font-size: 30px;
	color: #5BC5FF;
}


#hamburger + .wrapper:before,
.wrapper:first-child:before
{
	content: '';
	display: block;
	width: 2300px;
	height: 1835px;
	margin-left: -400px;
	position: absolute;
	left: 50%;
	top: -1150px;
	z-index: -1;
}
.wrapper.no-phone:before
{
	content: none !important;
	display: none !important;
}

#main-navigation:not(.mm-menu)
{
	display: none;
}
#main-navigation .fa
{
	width: 15px;
	color: #ccc;
}
.mm-panel > p
{
	font-size: 14px;
	margin-top: 20px;
	margin-bottom: 15px;
}
#hamburger
{
	box-sizing: border-box;
	display: block;
	width: 100%;
	top: 0;
	height: 80px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 4;
	background:rgba(17,17,17,0.9);
	transition:all .3s ease-out;
}


#hamburger a.mnu{ display:block; width:30px; height:50px; position:absolute; right:30px; top:10px; overflow:hidden; transition:all .3s ease-out; z-index:2;}
#hamburger a.hamburgerlogo{ display:block; width:80px; position:absolute; left:20px; top:15px; transition:all .3s ease-out; z-index:2;}
#hamburger a.hamburgerlogo img{ display:block; /*width:100%;*/ height:auto;}
#hamburger a.hamburgerlng{ display:block; position:absolute; right:70px; top:22px; z-index:2; padding:3px 7px; font-size:13px;}

body.scrolled #hamburger{height:50px;}
body.scrolled #hamburger a.mnu{ right:20px; top:0;}
body.scrolled #hamburger a.hamburgerlogo{ width:50px; position:absolute; top:5px;}
body.scrolled #hamburger a.hamburgerlng{ right:60px; top:12px;}

#hamburger a.mnu:before,
#hamburger a.mnu:after,
#hamburger a.mnu span
{
	background: #FFF;
	content: '';
	display: block;
	width: 30px;
	height: 5px;
	position: absolute;
	right: 0;
}
#hamburger a.mnu:before
{
	top: 13px;
}
#hamburger a.mnu span
{
	top: 23px;
}
#hamburger a.mnu:after
{
	top: 33px;
}

/* Hamburger animation */
#hamburger a.mnu:before,
#hamburger a.mnu:after,
#hamburger a.mnu span
{
	-webkit-transition: none 0.5s ease 0.5s;
	transition: none 0.5s ease 0.5s;

	-webkit-transition-property: transform, top, bottom, left, opacity;
	transition-property: transform, top, bottom, left, opacity;
}
html.mm-opening #hamburger a.mnu:before,
html.mm-opening #hamburger a.mnu:after
{
	top: 20px;	
}
html.mm-opening #hamburger a.mnu span
{
	left: -50px;
	opacity: 0;
}
html.mm-opening #hamburger a.mnu:before
{
	transform: rotate( 45deg );
}
html.mm-opening #hamburger a.mnu:after
{
	transform: rotate( -45deg );
}


#page
{
	box-shadow: none;
	width: 100%;
	min-width: 320px;
	padding: 50px 0 0 0;
	overflow: hidden;
	position: relative;
	z-index: 1;
}
#mm-blocker
{
	/*background: rgba( 91, 197, 255, 0 );*/
	background: rgba( 0, 0, 0, 0 );
}
.mm-opening #mm-blocker
{
	/*background: rgba( 91, 197, 255, 0.5 );*/
	background: rgba( 0, 0, 0, 0.2 );
	transition: background 1s ease 0.3s;
}
.mm-opening #page
{
	border-left: 1px solid #111;	
}

h1 .submenutext
{
	display: none;
}

.submenu
{
	line-height: 20px;
	padding-top: 5px;
}
h1 + .submenu
{
	margin-top: -80px;
	margin-bottom: 80px;
}
.submenu ul,
.submenu li
{
	list-style: none;
	display: block;
	padding: 0;
}
.submenu ul
{
	border-bottom: 1px solid rgba( 255, 255, 255, 0.5 );
	padding: 0 5px;
	margin-left: -20px;
	margin-right: -20px;
}
.submenu ul:after
{
	content: '';
	display: block;
	clear: both;
}
.submenu li
{
	margin: 0;
	float: left;
	display:block !important;
}
.submenu a
{
	text-decoration: none;
	display: block;
	padding: 10px 15px;
	position: relative;
}
.submenu a:hover:after
{
	content: '';
	background: #fff;
	display: block;
	height: 1px;
	position: absolute;
	bottom: -1px;
	left: 15px;
	right: 15px;
}

.submenu.fixed
{
	background: #5BC5FF;
	opacity: 0.9;
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 3;
}
.submenu.fixed div
{
	width: 80%;
	max-width: 900px;
	margin: auto;
}
.fixedsubmenu .submenu
{
	visibility: hidden;
}
.fixedsubmenu .submenu.fixed
{
	visibility: visible;
	display: block;
}


.wrapper:before
{
	content: none !important;
	display: none !important;
}
.submenu
{
	display: none !important;
}
.mm-listview > li > a > span {
	display: block;
	font-size: 0.8em;
}

/***********************************************/

.clear{display:block; clear:both;}
.scroll-top{display:none}.scroll-top a{z-index:21;width:44px;height:44px;border:solid 1px rgba(255,255,255,0.3);border-radius:50%;text-align:center;line-height:43px;background:#000;position:fixed;bottom:40px;right:40px;font-size:16px;color:#fff;opacity:.3;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;-ms-transition:all .2s linear;transition:all .2s linear}
.scroll-top a:hover{background-color:#1e51a4;color:#fff;text-decoration:none;opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}
.bg-black{background:#000;}
.bg-white{background:#FFF;}
.pad-30{padding:30px;}
.pad-20{padding:20px;}
.pad-15{padding:15px;}
.pad-10{padding:10px;}
.pad-5{padding:5px;}
.row-35{margin:0 -35px;}
.row-15{margin:0 -15px;}
.col-35{padding: 0 35px;}
.col-15{padding: 0 15px;}
.row-10{margin:0 -10px;}
.col-10{padding: 0 10px;}
.row-5{margin:0 -5px;}
.col-5{padding: 0 5px;}
.row-0{margin:0;}
.col-0{padding: 0;}
h4.other{margin-top:2rem;}

#showcasewrp{background:#000;padding:30px;}
.showcase ul{padding:0; list-style:none;}
.showcase li{margin-bottom:30px; list-style:none;}
.showcase li a{display:block; overflow:hidden; position:relative; -webkit-filter: sepia(1); filter: sepia(1); max-height:537px; color:#FFF;}
.showcase li a:hover{-webkit-filter: none; filter: none;}
.showcase li a img{ width:100%; height:auto;}
.showcase li a span.caption{position:absolute; top:0; right:0; width:735px; height:100%; padding:150px 170px 0 70px; margin-left:60%; box-sizing:border-box; display:block; background:url(img/sh-caption-bg.png) center no-repeat; background-size:cover;}
.showcase li a span.caption.left{ background-image:url(img/sh-caption-bg-left.png); right:auto; left:0;margin-right:60%;margin-left:0;padding:150px 70px 0 170px;}
.showcase li a span.baslik{color:#FFF; font-size:3rem; line-height:3.5rem; text-shadow:0 0 5px rgba(0,0,0,0.8); font-weight:300; display:block; margin-bottom:25px;}
.showcase li a span.ozet{color:#FFF; font-size:.9rem; line-height:1.3rem; text-shadow:0 0 5px rgba(0,0,0,0.8); display:block; font-weight:300;}

.showcase2wrp{position:relative;}
.showcase2wrp .macprog{width:100%; color:#b3b3b3;background:#3f3f3f; padding:65px 0; z-index:1; -webkit-transition: max-height .3s;
	-moz-transition: max-height .3s;
	-ms-transition: max-height .3s;
	-o-transition: max-height .3s;
	transition: max-height .3s;}
	.showcase2wrp .macprog h3{font-size:1.8rem; line-height:2rem; font-weight:300; display:inline-block; margin-bottom:0; padding-top:20px;}
	.showcase2wrp .macprog h3.puandurumutitle{padding-top:25px;}
	.showcase2wrp .macprog .homeclub, .showcase2wrp .macprog .visitorclub{ width:50%; box-sizing:border-box; text-align:center; float:left;}
	.showcase2wrp .macprog .homeclub img, .showcase2wrp .macprog .visitorclub img{ height:96px; width:auto;}
	.showcase2wrp .macprog .macalterlist{display:none;}
	.showcase2wrp .macprog .macalterlist .homeclub img, .showcase2wrp .macprog .macalterlist .visitorclub img{ height:75px;}
	.showcase2wrp .macprog .macalter{border-top:solid 1px #999; padding:20px 0; margin-top:15px;}
	.showcase2wrp .macprog .macalter .clearfix{position:relative;}
	.showcase2wrp .macprog .mactarih{font-size:1rem; margin-top:10px;}
	.showcase2wrp .macprog .macscore{font-size:1.5rem; position:absolute; top:40%; width:100%; text-align:center;}
	.showcase2wrp .macprog .puanwrp{padding-right:20px; position:relative;}
	.showcase2wrp .macprog .puandurumu{font-size:1rem; color:#c1c1c1; margin:0; transition:all .3s ease-out;}
	.showcase2wrp .macprog .puandurumu tbody tr:nth-of-type(odd){background:#686868;}
	.showcase2wrp .macprog .puandurumu tbody tr:nth-of-type(even){background:#828282;}
	.showcase2wrp .macprog .puandurumu tbody tr.hiderow{display:none;}
	.showcase2wrp .macprog .puandurumu td, .showcase2wrp .macprog .puandurumu th{border:none !important; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding-top:0; padding-bottom:0;}
	.showcase2wrp .macprog .puandurumu td{border-bottom:solid 7px #3f3f3f !important;}
	.showcase2wrp .macprog .puandurumu td span{max-width:250px; overflow:hidden; display:block; text-overflow:ellipsis;}
	#puandurumuFull{display:none;}
	#puandurumulink{position:absolute; bottom:-25px; color:#CCC; font-size:.6rem; padding:4px; right:15px;}
	#puandurumualter, #dahafazlamaclink{display:none;}
	#puandurumualter .puandurumu tbody tr.hiderow{display:table-row;}

	.s-item, .s-item2{cursor:pointer;position:relative;overflow:hidden;}
	.s-item img, .s-item2 .img{-webkit-transition:all 500ms ease;-moz-transition:all 500ms ease;-o-transition:all 500ms ease;-ms-transition:all 500ms ease;transition:all 500ms ease;max-width:100%; height:auto; background-position:center center; background-repeat:no-repeat; background-size:cover; display:block;}
	.s-item:hover img, .s-item2:hover .img{-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-ms-transform:scale(1.15);-o-transform:scale(1.15);transform:scale(1.15)}

	#flashwrp{background:#000;padding:0 30px 30px 30px;}
	#flashwrp .shflash{overflow:hidden;}
	#flashwrp .row-10 .col-10{margin-top:20px;}
	.shflash a, .shflash div{position:relative; display:block; overflow:hidden; -webkit-filter: sepia(1); filter: sepia(1); margin:0 -1px;}
	.shflash a:hover, .shflash div:hover{ -webkit-filter: none; filter: none;}
	.shflash img{ width:100%; height:auto;}
	.shflash span.caption{position:absolute; bottom:0; left:0; width:100%; padding:20px; box-sizing:border-box; display:block; z-index:2;}
	.shflash span.baslik{color:#FFF; font-size:2rem; line-height:2.5rem; text-shadow:0 0 5px rgba(0,0,0,0.8); font-weight:300; display:block; margin-bottom:15px;}
	#flashwrp .row-10 .shflash span.caption{padding:10px 15px;}
	#flashwrp .row-10 .shflash span.baslik{font-size:1.1rem; margin:0;}
	#flashwrp .atakim{padding-top:30px;}
	#flashwrp .atakim .shflash span.caption{padding:20px;}
	#flashwrp .atakim .shflash span.baslik{font-size:1.7rem; margin:0;}
	.shflash span.ozet{color:#FFF; font-size:.8rem; line-height:1rem; text-shadow:0 0 5px rgba(0,0,0,0.8); display:block; font-weight:300;}
	.shflash-overlay{background-position: left bottom; background-repeat: repeat-x; position:absolute; bottom:0; left:0; top:0; right:0; display:block; z-index:1; opacity:1; -webkit-transition: opacity .3s ease-in-out;
		-moz-transition: opacity .3s ease-in-out;
		-ms-transition: opacity .3s ease-in-out;
		-o-transition: opacity .3s ease-in-out;
		transition: opacity .3s ease-in-out;}
		.shflash1{background-image:url(img/sh-mask1.png);}
		.shflash2{background-image:url(img/sh-mask2.png);}
		.shflash3{background-image:url(img/sh-mask3.png);}
		.shflash4{background-image:url(img/sh-mask4.png);}
		.shflash5{background-image:url(img/sh-mask5.png);}
		.shflashgri{background: -moz-linear-gradient(top,  rgba(0,0,0,0) -1%, rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(-1%,rgba(0,0,0,0)), color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.9))); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  rgba(0,0,0,0) -1%,rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  rgba(0,0,0,0) -1%,rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  rgba(0,0,0,0) -1%,rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%); /* IE10+ */
			background: linear-gradient(to bottom,  rgba(0,0,0,0) -1%,rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#e6000000',GradientType=0 ); /* IE6-9 */}
		.shflash a:hover .shflash-overlay, .shflash div:hover .shflash-overlay{opacity:0;}
		.shflash div.s-item{cursor:default;}

		#mainsocial{background:#000;padding:0 30px 30px 30px;}
		#mainsocial .socialwrp{background:url(img/main-social-bg.jpg) center top no-repeat; background-size:cover;}
		#mainsocial .row .col-md-3{ text-align:center; padding-top:79px; padding-bottom:79px;}
		#mainsocial .row a{display:inline-block; font-size:2rem; line-height:3.2rem; color:rgba(255,255,255,.7); font-weight:300;}
		#mainsocial .row a img{display:inline-block; margin-right:10px;}
		#mainsocial .row a:hover{color:rgba(255,255,255,1);}


		#galeriwrp{background:#000; padding:0 30px;}
		#galeriwrp .galeri a{position:relative; display:block; overflow:hidden; color:#1e51a4; -webkit-filter: sepia(1); filter: sepia(1); max-height:400px;}
		#galeriwrp .galeri a img{ width:100%; height:auto;}
		#galeriwrp .galeri a span.caption{position:absolute; bottom:0; left:0; width:100%; padding:20px; box-sizing:border-box; display:block; z-index:2; font-size:1.5rem; color:#FFF; text-shadow:0 0 5px rgba(0,0,0,0.8); font-weight:300;
			background: -moz-linear-gradient(top,  rgba(0,0,0,0) -1%, rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(-1%,rgba(0,0,0,0)), color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.9))); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  rgba(0,0,0,0) -1%,rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  rgba(0,0,0,0) -1%,rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  rgba(0,0,0,0) -1%,rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%); /* IE10+ */
			background: linear-gradient(to bottom,  rgba(0,0,0,0) -1%,rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#e6000000',GradientType=0 ); /* IE6-9 */}
		#galeriwrp .galeri a:after{position:absolute; top:50%; left:50%; margin-top:-40px; margin-left:-40px; font-size:3rem; line-height:3rem; font-family:"FontAwesome", sans-serif; padding:15px 20px; border-radius:50%; background:rgba(0,0,0,0.5); z-index:3; color:rgba(255,255,255,0.8);-webkit-transition:all 500ms ease;-moz-transition:all 500ms ease;-o-transition:all 500ms ease;-ms-transition:all 500ms ease;transition:all 500ms ease; width:5rem; height:5rem; text-align:center; display:block;}
		#galeriwrp .galeri a:hover:after{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
		#galeriwrp .galeri a.foto:after{content:"\f030";font-size:2.7rem; padding-top:17px; padding-left:18px;}
		#galeriwrp .galeri a.video:after{content:"\f04b";}
		#galeriwrp .galeri a:hover{ -webkit-filter: none; filter: none;}

		#proatakim, .bigtitlesection{background:#000;padding:0 30px 30px 30px;}
		#proatakim .title, .bigtitlesection .title{color:#FFF; padding-top:115px; padding-bottom:23px; position:relative; overflow:hidden;}
		#proatakim .title img, .bigtitlesection .title img{position:absolute; width:100%; height:auto; top:0; left:0;}
		#proatakim .title h2, .bigtitlesection .title h2{margin:0 0 30px 0; padding:0; font-size:80px; letter-spacing:5px; font-weight:300; text-align:center; position:relative;}
		#proatakim .title ul{margin:0; padding:0; list-style:none; text-align:center; position:relative;}
		#proatakim .title ul li{margin:0; padding:0 54px 0 0; display:inline-block; position:relative; color:#a4a4a4; font-size:.9rem;}
		#proatakim .title ul li:after{position:absolute; right:25px; top:0; content:'/';}
		#proatakim .title ul li:last-child{padding-right:0; position:static;}
		#proatakim .title ul li:last-child:after{position:absolute; right:30px; top:0; content:'';}
		#proatakim .title ul li a{display:inline-block; color:#a4a4a4;}
		#proatakim .title ul li a:hover{color:#FFF;}
		#proatakim .atakimhaber a{position:relative; display:block; overflow:hidden; color:#1e51a4; -webkit-filter: sepia(1); filter: sepia(1);}
		#proatakim .atakimhaber a:hover{-webkit-filter: none; filter: none;}
		#proatakim .atakimhaber a img{ width:100%; height:auto;}
		#proatakim .atakimhaber a span.caption{position:absolute; bottom:0; left:0; width:100%; padding:20px; box-sizing:border-box; display:block; z-index:2; font-size:1.5rem; color:#FFF; text-shadow:0 0 5px rgba(0,0,0,0.8); font-weight:300;
			background: -moz-linear-gradient(top,  rgba(0,0,0,0) -1%, rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(-1%,rgba(0,0,0,0)), color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.9))); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  rgba(0,0,0,0) -1%,rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  rgba(0,0,0,0) -1%,rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  rgba(0,0,0,0) -1%,rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%); /* IE10+ */
			background: linear-gradient(to bottom,  rgba(0,0,0,0) -1%,rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#e6000000',GradientType=0 ); /* IE6-9 */}
		#proatakim .tumu {text-align:center; margin-top:30px;}
		#proatakim .tumu a{display:inline-block; font-size:.9rem; color:#5a5a5a; padding:10px 50px; border:solid 1px #5a5a5a;}
		#proatakim .tumu a:hover {color:#FFF; border-color:#FFF;}

		.atakimslider .bx-wrapper{margin-bottom:0}
		.atakimslider .bx-wrapper .bx-controls-direction a{margin-top:0; top:20px; width:auto; height:auto;}
		.atakimslider .bx-wrapper .bx-next, .atakimslider .bx-wrapper .bx-prev{background:none; text-indent:0; opacity:.7; transition:opacity .3s;}
		.atakimslider .bx-wrapper .bx-next:hover, .atakimslider .bx-wrapper .bx-prev:hover{color:#FFF; opacity:1;}
		.atakimslider li a, .atakimslider li div{display:block; position:relative; color:#bfbfbf; -webkit-filter: sepia(1); filter: sepia(1);}
		.atakimslider li a:hover, .atakimslider li div:hover{color:#FFF; -webkit-filter: none; filter: none;}
		.atakimslider li .caption, .atakimslider li .caption{ width:100%; position:absolute; font-size:2.1rem; padding:20px 25px; padding-right:30%; box-sizing:border-box; bottom:0; left:0; right:0; display:block; font-weight:300; background: -moz-linear-gradient(top,  rgba(0,0,0,0) -1%, rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(-1%,rgba(0,0,0,0)), color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.9))); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  rgba(0,0,0,0) -1%,rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  rgba(0,0,0,0) -1%,rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  rgba(0,0,0,0) -1%,rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%); /* IE10+ */
			background: linear-gradient(to bottom,  rgba(0,0,0,0) -1%,rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#e6000000',GradientType=0 ); /* IE6-9 */}
		.altyapipage .atakimslider li .caption, .altyapipage .atakimslider li .caption{font-size:1.5rem;}
		.atakimslider li .caption.text-right, .atakimslider li .caption.text-right{left:auto; right:0; padding:20px 25px; padding-left:30%;}
		.atakimslider li div.s-item{cursor:default; transition:all .3s;}


		.atakimslider.tesisslider li a span.img{display:block; height:154px; background-size:cover;}
		.atakimslider.tesisslider li a:first-child{margin-bottom:25px;}
		.atakimslider.tesisslider .bx-wrapper .bx-controls-direction a{top:35%;}
		.atakimslider.tesisslider .bx-wrapper .bx-next{right:-70px;}
		.atakimslider.tesisslider .bx-wrapper .bx-prev{left:-70px;}

		.atakimslider.efsanelerslider .bx-wrapper .bx-controls-direction a{top:15%;}
		.atakimslider.efsanelerslider .bx-wrapper .bx-next{right:-70px;}
		.atakimslider.efsanelerslider .bx-wrapper .bx-prev{left:-70px;}
		.atakimslider.efsanelerslider li a, .atakimslider.efsanelerslider li div{color:#333;}
		.atakimslider.efsanelerslider li a:hover, .atakimslider.efsanelerslider li div:hover{color:#000;}

		.atakimslider2{margin-top:60px; border-top:solid 2px #131313; border-bottom:solid 2px #131313; padding:13px 0;}
		.atakimslider2 .bx-wrapper{margin-bottom:0}
		.atakimslider2 .bx-wrapper .bx-controls-direction a{margin-top:-25px; width:auto; height:auto;}
		.atakimslider2 .bx-wrapper .bx-next, .atakimslider2 .bx-wrapper .bx-prev{background:none; color:#FFF; text-indent:0; opacity:.7; transition:opacity .3s; font-size:3em;}
		.atakimslider2 .bx-wrapper .bx-next:hover, .atakimslider2 .bx-wrapper .bx-prev:hover{ opacity:1;}
		.atakimslider2 li a, .atakimslider2 li div{display:block; position:relative; color:#bfbfbf;}
		.atakimslider2 li a:hover{color:#FFF;}
		.atakimslider2 li .caption, .atakimslider2 li .caption{ width:100%; position:absolute; font-size:1.2rem; padding:15px; box-sizing:border-box; bottom:0; left:0; display:block; font-weight:300;
			background: -moz-linear-gradient(top,  rgba(0,0,0,0) -1%, rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(-1%,rgba(0,0,0,0)), color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.9))); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  rgba(0,0,0,0) -1%,rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  rgba(0,0,0,0) -1%,rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  rgba(0,0,0,0) -1%,rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%); /* IE10+ */
			background: linear-gradient(to bottom,  rgba(0,0,0,0) -1%,rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#e6000000',GradientType=0 ); /* IE6-9 */}

		#footer .sponsorlar{height:203px; overflow:hidden; position:relative; background:#191919;}
		#footer .sponsorlar .col-0{z-index:2;}
		#footer .sponsor-split{position:absolute; width:100%; height:100%; text-align:center; z-index:1;}
		#footer .sponsor-split img{position: relative; width:auto; height:100%; display:inline-block;}
		#footer .sponsorlar .sol{padding-top:50px;}
		#footer .sponsorlar .sol .col-sm-6 img{ max-width:100%; height:auto;}
		#footer .sponsorslider ul {height:203px;}
		#footer .sponsorslider li {text-align:center; display:table; height:100%;}
		#footer .sponsorslider li a {display:table-cell; width:100%; height:100%; vertical-align:middle; text-align:center;}
		#footer .sponsorslider li a img{max-width:100%; height:auto; display:block; margin:0 auto;}

		#footer .sponsorslider .bx-wrapper{margin-bottom:0}
		#footer .sponsorslider .bx-wrapper .bx-controls-direction a{margin-top:-15px; width:auto; height:auto;}
		#footer .sponsorslider .bx-wrapper .bx-next, #footer .sponsorslider .bx-wrapper .bx-prev{background:none; color:#333; text-indent:0; opacity:.7; transition:opacity .3s; font-size:1.3em;}
		#footer .sponsorslider .bx-wrapper .bx-next{right:-25px}
		#footer .sponsorslider .bx-wrapper .bx-prev{left:-25px;}
		#footer .sponsorslider .bx-wrapper .bx-next:hover, #footer .sponsorslider .bx-wrapper .bx-prev:hover{ opacity:1;}

		#footer .logo-bant{background:#3c3c3c;}
		#footer .logo-bant img{max-width:100%; height:auto; margin:0 auto; display:block;}

		#footer .navigation{text-align:center;background:#1b1b1b;}
		#footer .navigation ul{text-align:center; display:block; list-style:none; margin:0; padding:15px 0 0 0; position:relative;}
		#footer .navigation ul li{display:inline-block; list-style:none; margin:0; padding:15px 10px;}
		#footer .navigation ul li a{font-size:1.2rem; color:#d6d6d6; padding:5px 10px; letter-spacing:-.03rem; border-radius:15px; font-weight:300; display:inline-block;}
		#footer .navigation ul.mainnav2{border-top:solid 1px #181818; min-width:560px; max-width:1000px;display:inline-block; padding:25px 0; margin-top:10px;}
		#footer .navigation ul.mainnav2 li a{font-size:1rem; color:#d6d6d6; padding:5px 10px;}
		#footer .navigation ul.mainnav2 li.inverse a{color:#FFF; background:#000;}
		#footer .navigation ul li a:hover{color:#FFF; background:#000 !important;}

		#footer .copy{background:#414141; color:#dadada;}
		#footer .copy{background:#414141; color:#dadada;}
		#footer .copytext{font-size:1.15rem; padding:20px;}
		#footer .derinev{padding:20px; text-align:right;}
		#footer .derinev a{font-size:.6rem; line-height:2rem; color:#878787; display:inline-block;}
		#footer .derinev a:hover{color:#CCC;}

		#content{ background:#000; padding:30px; position:relative;}
		#content .cnt{position:relative;  background:#3b3b3b url(img/diagmonds.png); }
		#content .cnt2{padding:60px;}
		#content .cntwrp{width:960px; margin:0 auto; padding:60px 0; box-sizing:border-box; }
		#content .cnt .detayimg{ margin-bottom:30px;}
		#content .cnt .detayimg img{ width:100%; height:auto; margin:0 auto; display:block;}
		#content .cnt h1.htitle{text-align:center; font-weight:700; font-size:2.8rem; line-height:3rem; margin-bottom:30px;}
		#content .icerik{padding:30px !important; font-size:1.2rem; background:rgba(255,255,255,0.5);color:#000;}
		#content .icerik img{max-width:100%; height:auto;}
		#content .iletisim{color:#FFF; font-size:1.2rem;}
		#content .iletisim h1{text-align:center;}
		#content .iletisim h3{font-size:2.2rem; margin-top:50px;}
		#content .iletisim a{color:#FFF;}
		.table-container{overflow:auto;}
		.contentback{text-align:right; padding-top:12px;}
		.back:hover{color:#CCC;}
		#maptesis, #mapstad{ height:300px; width:100%; display:block; color:#333;}
		#content .arama {color:#AAA;}
		#content .arama .sonuc {max-width:80rem; margin:0 auto;}
		#content .arama a{color:#FFF;}
		#content .arama .separator{border-top:dotted 1px #555; padding-top:30px; margin-top:30px;}
		#content .arama .separator:last-child{border-top:none; padding-top:0; margin-top:0;}

		.sharewrp{padding:10px; border:solid 1px #555; background:#444;}
		#share{float:left;}
		#share .button {float:left; margin-right:15px; padding:7px 0;}
		#share .button.facebook {padding-top:3px;}
		#sharebuttons span.sharetitle{font-size:17px; display:inline-block; line-height:48px; margin-right:10px; font-weight:600;float:left;}
		#sharebuttons a{font-size:33px; display:inline-block; margin-right:5px;float:left;}
		#sharebuttons a.facebook{color:#3b5998;}
		#sharebuttons a.googleplus{color:#dd4b39;}
		#sharebuttons a.twitter{color:#00aced;}
		#sharebuttons a.digg{color:#000;}
		#sharebuttons a.delicious{color:#000;}
		#sharebuttons a.stumbleupon{color:#eb4924;}
		#sharebuttons a.linkedin{color:#007bb6;}
		#sharebuttons a.pinterest{color:#cb2027;}

		#sharebuttons2 a, #sharebuttons2 span{font-size:33px; display:block; padding:10px 0; text-align:center; color:#FFF;}
		#sharebuttons2 a.facebook{background-color:#525252;}
		#sharebuttons2 a.googleplus{background-color:#848484;}
		#sharebuttons2 a.twitter{background-color:#a1a1a1;}
		#sharebuttons2 a.facebook:hover{background-color:#3b5998;}
		#sharebuttons2 a.googleplus:hover{background-color:#dd4b39;}
		#sharebuttons2 a.twitter:hover{background-color:#00aced;}
		#sharebuttons2 span{background-color:#333;}

		.sharewrp .print{padding:10px 0; text-align:right;}
		.sharewrp .hit{text-align:right;}
		.sharewrp .print a{padding:0 5px 2px 5px; background:#738a8d; color:#FFF; font-size:1.5rem;}
		.sharewrp .print a:hover{background:#435153;}

		#category{background:#000;padding:30px;}
		#category .title{color:#FFF; padding-top:115px; padding-bottom:23px; position:relative; overflow:hidden;}
		#category .title img{position:absolute; width:100%; height:auto; top:0; left:0;}
		#category .title h1, #category .title h2{margin:0 0 30px 0; padding:0; font-size:80px; letter-spacing:5px; font-weight:300; text-align:center; position:relative;}
		#category .title ul{margin:0; padding:0; list-style:none; text-align:center; position:relative;}
		#category .title ul li{margin:0; padding:0 54px 0 0; display:inline-block; position:relative; color:#a4a4a4; font-size:.9rem;}
		#category .title ul li:after{position:absolute; right:25px; top:0; content:'/';}
		#category .title ul li:last-child{padding-right:0; position:static;}
		#category .title ul li:last-child:after{position:absolute; right:30px; top:0; content:'';}
		#category .title ul li a{display:inline-block; color:#a4a4a4;}
		#category .title ul li a:hover{color:#FFF;}

		#paging{ text-align:center; margin-top:3rem;}
		#paging .pagination{margin-top:0;}
		#paging .pagination>li>a, #paging .pagination>li>span{color: #525252; background-color:transparent; border: 1px solid #303030; font-size:1.5rem; margin-right:20px;}
		#paging .pagination>li>a:hover{color: #FFF; background-color: #1e51a4;}
		#paging .pagination>li:first-child>a, #paging .pagination>li:first-child>span, #paging .pagination>li:last-child>a, #paging .pagination>li:last-child>span{border:none; background:none; width:27px; padding:0;}
		#paging .pagination>li:first-child>a img, #paging .pagination>li:first-child>span img, #paging .pagination>li:last-child>a img, #paging .pagination>li:last-child>span img{width:100%; height:auto; opacity:.8; transition:all .3s;}
		#paging .pagination>li:first-child>a:hover img, #paging .pagination>li:last-child>a:hover img{opacity:1;}
		#paging .pagination>li:first-child>a, #paging .pagination>li:first-child>span{margin-right:40px;}
		#paging .pagination>li:last-child>a, #paging .pagination>li:last-child>span{margin-right:0; margin-left:20px;}

		#takimdetay{background:#000;padding:30px;}
		#takimdetay .takimdetayinner{padding:60px; background:#232323;}
		#takimdetay .takimdetayinner .row{margin:0 -30px;}
		#takimdetay .takimdetayinner .col{padding:0 30px;}
		#takimdetay .foto{position:relative;}
		#takimdetay .foto img{width:100%; height:auto;}
		#takimdetay .kunye{position:absolute; bottom:0; left:30px; background:#3f3f3f; padding:20px;}
		#takimdetay .kunye span{font-size:1rem; color:#c1c1c1; margin:0; transition:all .3s ease-out; display:block; margin-bottom:7px; font-weight:300; padding:3px 15px;}
		#takimdetay .kunye span:nth-of-type(odd){background:#686868;}
		#takimdetay .kunye span:nth-of-type(even){background:#828282;}
		#takimdetay .kunye span:last-child{margin-bottom:0;}

		#takimdetay .ozgecmis{  background:#3b3b3b url(img/diagmonds.png);  padding:30px; position:relative; box-sizing:border-box;}
		#takimdetay .ozgecmis .title{padding:0 10px;color:#bfbfbf; position:relative;}
		#takimdetay .ozgecmis .title .number{float:left; font-size:10.7rem; font-weight:700; display:inline-block;line-height: 10rem;}
		#takimdetay .ozgecmis .title h1{float:left; margin-left:30px; padding-top:15px; font-weight:300; font-size:3.5rem; display:inline-block; margin-bottom:0; max-width:720px; height:142px}
		#takimdetay .ozgecmis .title h1 span{display:table; width:100%; height:100%;}
		#takimdetay .ozgecmis .title h1 span i{display:table-cell; width:100%; height:100%; vertical-align:bottom; font-style:normal;}
		#takimdetay .ozgecmis .title .ico{position:absolute; top:10px; right:10px; display:block;}
		#takimdetay .ozgecmis .icerik{padding:50px; box-sizing:border-box;color:#bfbfbf}
		#takimdetay .ozgecmis .pozisyon{background:#444; padding:20px 0; text-align:center; margin-top:30px;}
		#takimdetay .ozgecmis h4.htitle{color:#bfbfbf; margin-top:20px;}

		.fotogaleri ul li a{color:#000; font-size:0.9rem; display:block;}
		.fotogaleri ul li a span.img{display:block; height:149px; overflow:hidden;}
		.fotogaleri ul li a span.img img{max-width:none; width:100%;}
		.fotogaleri ul li a:hover{color:#1674bb;}
		.fotogaleri div{margin-bottom:0;}
		.fotogaleri .bx-wrapper{margin-bottom:30px;}
		.fotogaleri .bx-wrapper .bx-pager{margin-bottom:0; bottom:-30px;}
		.fotogaleri .bx-wrapper .bx-pager.bx-default-pager a {
			background: #43c9bc;
		}
		.fotogaleri .bx-wrapper .bx-pager.bx-default-pager a:hover, .fotogaleri .bx-wrapper .bx-pager.bx-default-pager a.active {
			background: #32988e;
		}
		.fotogaleri .bx-wrapper .bx-prev{left:-34px;}
		.fotogaleri .bx-wrapper .bx-next{right:-34px;}

		#fikstur{background:#3e3e3e;padding:0 30px 30px 30px;}
		.fiksturay{ text-align:center; list-style:none; padding:50px 0; }
		.fiksturay li {display:inline-block;}
		.fiksturay li a{color:#8c8c8c;display:inline-block; padding:0 40px; position:relative; font-size:1.25rem;}
		.fiksturay li a:hover{color:#FFF;}
		.fiksturay li a:before{position:absolute; right:0; content:"/";}
		.fiksturay li:last-child a:before{content:"";}
		.fiksturlist{max-width:72rem; margin:0 auto;}
		.fiksturlist h2{color:#a6a6a6; margin-bottom:30px;}
		.fiksturmac{ background:#3e3e3e; padding:25px 0; box-sizing:border-box; height:180px; margin-bottom:20px;}
		.fiksturmac.bitti{ background:#222;}
		.fiksturmac .homeclub, .fiksturmac .visitorclub{ width:50%; box-sizing:border-box; text-align:center; float:left;}
		.fiksturmac .homeclub img, .fiksturmac .visitorclub img{ max-width:100%; height:auto;}
		.fiksturmac .mactarih{font-size:0.8rem; margin-top:10px; color:#a6a6a6; display:block; text-align:center;}
		.fiksturmac .clearfix {position:relative;}
		.fiksturmac .macscore {font-size: 0.9rem; position: absolute; top: 40%; width: 100%; text-align: center; color:#FFF;}
		.fiksturmac.bitti .macscore {font-size: 1.5rem;}

		.grndzm, .grndzmafter:after{
			background: -moz-linear-gradient(top,  rgba(0,0,0,0) -1%, rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(-1%,rgba(0,0,0,0)), color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.9))); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  rgba(0,0,0,0) -1%,rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  rgba(0,0,0,0) -1%,rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  rgba(0,0,0,0) -1%,rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%); /* IE10+ */
			background: linear-gradient(to bottom,  rgba(0,0,0,0) -1%,rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#e6000000',GradientType=0 ); /* IE6-9 */}

		.galerirow .galeriitem{margin-bottom:30px;}
		.galerirow .galeriitem a{display:block; position:relative;}
		.galerirow .galeriitem a span.img{display:block; height:190px; background-position:center center; background-repeat:no-repeat; background-size:cover;}
		#takimdetay .ozgecmis .galerirow .galeriitem a span.img{background-position:top center;}
		.galerirow .galeriitem a span.caption{display:block; position:absolute; width:100%; left:0; bottom:0; box-sizing:border-box; padding:30px 10px 10px 10px; color:#FFF; font-size:0.8rem;}
		#takimdetay .takimdetayinner .row.galerirow {
			margin: 0 -10px;
		}
		.altyapilist{background:#3b3b3b; padding:100px 30px 30px 30px; position:relative; margin-bottom:90px;}
		.altyapilist .altyapinav{position:absolute; width:100%; top:-60px; text-align:center; color:#FFF;}
		.altyapilist .altyapinav .links{ text-align:center}
		.altyapilist .altyapinav .links a{ display:inline-block; color:#FFF; font-weight:700;}

		#kulup-kunye{ background:url(img/kulubumuz-kunye-bg.jpg) center center no-repeat; background-size:cover; padding:80px 230px;}
		#kulup-kunye .kunyesol{position:relative; float:left; display:inline-block;}
		#kulup-kunye .kunyesag{position:relative; text-align:right; padding-top:200px;}
		#kulup-kunye .kunyesag .logobw{position:absolute; top:0; right:0; z-index:0;}
		#kulup-kunye .kunyesag .kunyetext{position:relative; z-index:1;}
		#kulup-kunye .kunyesol img, #kulup-kunye .kunyesag img{ max-width:100%; height:auto;}
		#kulup-kunye .arma-title{ position:absolute; width:100%; text-align:center; font-size:1.2rem; color:#FFF; top:0; left:0;}
		#kulup-kunye .txtbox{ background:#0a0a0a; box-shadow:0 0 10px rgba(0,0,0,.9); padding:20px; margin:80px 30px 0 30px;}
		#kulup-kunye .txtboxinner{border:solid 1px #222; padding:30px; color:#FFF; font-size:0.9rem;}


		#kulup-tesis, #kulup-stad{ background:url() center top no-repeat; background-size:cover; padding:80px 0;}
		#kulup-stad{ background-image:url(img/kulubumuz-stad-bg.jpg);}
		#kulup-tesis .h3, #kulup-stad .h3{/*margin-bottom:165px;*/ text-align:center; color:#FFF; font-size:3.1rem}
		/*#kulup-tesis .kulupvideo, #kulup-stad .kulupvideo{padding:0 250px 130px 250px;}
		#kulup-tesis .kulupvideo video, #kulup-stad .kulupvideo video{width:100%; height:auto;}*/
		#kulup-tesis .tesistxt, #kulup-stad .tesistxt{color:#a8a8a8; font-size:1.5rem; padding:20px 0 0 90px;}
		#kulup-stad .tesistxt{padding:0 60px 0 0;}
		#kulup-tesis .tesistxt .scroll-pane, #kulup-stad .tesistxt .scroll-pane{ width:100%; height:350px; overflow:hidden;}
		#kulup-stad .tesistxt .scroll-pane:after{ height:100px; position:absolute; bottom:0; width:100%; left:0; content:" "; z-index:0;}

		#kulup-efsaneler, #kulup-efsaneler_eng{ background:url(img/kulubumuz-efsaneler-bg.jpg) top center no-repeat; background-size:cover; padding:60px 325px 540px 325px;}
		#kulup-efsaneler_eng{ background-image:url(img/kulubumuz-efsaneler-bg_eng.jpg);}
		#kulup-efsaneler .h3, #kulup-efsaneler_eng h3{margin-bottom:105px; text-align:center; color:#333; font-size:3.1rem}
		.efsanelerslider{font-size:1.3rem;}

		#kulup-bunlari{background:url(img/kulubumuz-bunlari-bg.jpg) center top no-repeat; background-size:cover; padding:80px 0;}
		#kulup-bunlari .h3{margin-bottom:105px; text-align:center; color:#FFF; font-size:3.1rem}
		#kulup-bunlari .timeline{ background:url(img/timeline-center.png) center center no-repeat; padding:0 250px;}
		#kulup-bunlari .timelineinner{position:relative; height:680px; overflow:hidden;}
		#kulup-bunlari .timelineinner2{margin: 0 -20px; height:680px; overflow:auto;}
		#kulup-bunlari .timeline .scroll-pane{ width:100%; height:680px; overflow:hidden;}
		#kulup-bunlari .timeline ul, #kulup-bunlari .timeline ul li{margin:0; padding:0; list-style:none;}
		#kulup-bunlari .timeline li{width:50%; position:absolute;}
		#kulup-bunlari .timeline li:nth-child(even){left:0;}
		#kulup-bunlari .timeline li:nth-child(odd){right:0;}
		#kulup-bunlari .timeline li span.img{margin-left:24px; border:solid 2px #000; display:inline-block; float:left; position:relative;}
		#kulup-bunlari .timeline li span.img:after{content:" "; position:absolute; left:-33px; top:35px; background:url(img/timeline-pin.png) center center no-repeat; width:33px; height:13px;}
		#kulup-bunlari .timeline li span.year{font-size:2rem; line-height:85px; margin-left:15px; display:inline-block; float:left; font-weight:600; color:#000;}
		#kulup-bunlari .timeline li p{padding-left: 30px; font-size:.9rem; color:#000;}

		#kulup-bunlari .timeline li:nth-child(even) span.img{margin-left:0;margin-right:24px; float:right;}
		#kulup-bunlari .timeline li:nth-child(even) span.img:after{right:-33px; left:auto; background-image:url(img/timeline-pin2.png);}
		#kulup-bunlari .timeline li:nth-child(even) span.year{margin-right:15px; margin-left:0; float:right;}
		#kulup-bunlari .timeline li:nth-child(even) p{padding-left: 0; padding-right:30px; text-align:right; text-shadow:1px 1px 1px rgba(255,255,255,0.5);}
		#kulup-bunlari .timeline .scroll{ text-align:center;}

		#kulup-semtimiz{background:url() center top no-repeat; background-size:cover; padding:330px 0 300px 80px;}
		#kulup-semtimiz .h3{margin-bottom:25px; color:#FFF; font-size:3.1rem;}
		#kulup-semtimiz p, #kulup-semtimiz a{color:#FFF; font-size:1.5rem;}
		#kulup-semtimiz .semtimiz1{position:absolute; top:-125px; left:0; max-width:39%; height:auto; display:block;}
		#kulup-semtimiz .semtimiz3{position:absolute; top:65px; left:26%; max-width:37%; height:auto; display:block;}
		#kulup-semtimiz .semtimiz2{position:absolute; top:158px; left:38%; max-width:53%; height:auto; display:block;}

		#semtimizdevam{display:none;}
		#semtimizdevam .scroll-pane{ width:100%; height:350px; overflow:hidden;}

		#kulubumuz{position:relative; background:url(img/home-club-bg.png) center center repeat-x; background-size:contain; height:816px;}
		#kulubumuz .title{position:absolute; width:100%; top:0; left:0; z-index:1; padding-top:25px;}
		#kulubumuz img{width:100%; height:auto;}
		#kulubumuz .kulup{position:absolute; box-shadow: 0 0 15px rgba(0,0,0,0.8);}
		#kulubumuz .kulup01{position:absolute; width:22.4524%; top:26.2255%; left:8.9686%;}
		#kulubumuz .kulup02{width:15.1906%; top:23.2843%; left:40.695%;}
		#kulubumuz .kulup03{width:9.6412%; top:32.8431%; left:57.3991%;}
		#kulubumuz .kulup04{width:15.3587%; top:20.098%; left:68.4417%;}
		#kulubumuz .kulup05{width:16.704%; top:55.7598%; left:39.0695%;}
		#kulubumuz .kulup06{width:15.639%; top:56.8627%; left:57.5672%;}
		#kulubumuz .kulup07{width:8.5202%; top:56.8627%; left:75.3923%;}

		#frmSearch{position:relative; padding:0; margin:0;}
		#frmSearch input {
			background: rgba(0, 0, 0, 0.25);
			color: rgba(255, 255, 255, 0.7);
			border: none;
			border-radius: 26px;
			font-size: 14px;
			line-height: 36px;
			outline: none;
			display: block;
			width: 100%;
			height: 36px;
			margin: 0;
			padding: 8px 30px 8px 20px;
		}
		#frmSearch input{position:absolute; right:0;}
		#frmSearch button{position:absolute; right:3px; border:none; background:none; outline:none; color:rgba(255, 255, 255, 0.7); top:6px;}

		.fancybox-nav {	top: 50%;
			width: 36px;
			height: 34px;
			margin-top:-17px;
		}
		.fancybox-nav span {
			position: absolute;
			top: 0;
			left: 0;
			margin-top: 0;
		}
		.fancybox-outer:hover .fancybox-nav span{visibility:visible;}



		#biz{ background-color: transparent;  background-size:cover; }
		#biz .kunyesol{position:relative; float:left; display:inline-block;}
		#biz .kunyesag{position:relative; text-align:right; padding-top:200px;}
		#biz .kunyesag .logobw{position:absolute; top:0; right:0; z-index:0;}
		#biz .kunyesag .kunyetext{position:relative; z-index:1;}
		#biz .kunyesol img, #kulup-kunye .kunyesag img{ max-width:100%; height:auto;}
		#biz .arma-title{ position:absolute; width:100%; text-align:center; font-size:1.2rem; color:#FFF; top:0; left:0;}
		#biz .txtbox{ background:#0a0a0a; box-shadow:0 0 10px rgba(0,0,0,.9); padding:20px; margin:0px;}
		#biz .txtboxinner{border:solid 1px #222; padding:30px; color:#FFF; font-size:0.9rem;}


		#hzmt{background:#000;}
		#hzmt .galeri a{position:relative; display:block; overflow:hidden; color:#1e51a4; -webkit-filter: sepia(1); filter: sepia(1); max-height:400px;}
		#hzmt .galeri a img{ width:100%; height:auto;}
		#hzmt .galeri a span.caption{position:absolute; bottom:0; left:0; width:100%; padding:20px; box-sizing:border-box; display:block; z-index:2; font-size:1.5rem; color:#FFF; text-shadow:0 0 5px rgba(0,0,0,0.8); font-weight:300;
			background: -moz-linear-gradient(top,  rgba(0,0,0,0) -1%, rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(-1%,rgba(0,0,0,0)), color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.9))); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  rgba(0,0,0,0) -1%,rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  rgba(0,0,0,0) -1%,rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  rgba(0,0,0,0) -1%,rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%); /* IE10+ */
			background: linear-gradient(to bottom,  rgba(0,0,0,0) -1%,rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#e6000000',GradientType=0 ); /* IE6-9 */}
		#hzmt .galeri a:after{position:absolute; top:50%; left:50%; margin-top:-40px; margin-left:-40px; font-size:3rem; line-height:3rem; font-family:"FontAwesome", sans-serif; padding:15px 20px; border-radius:50%; background:rgba(0,0,0,0.5); z-index:3; color:rgba(255,255,255,0.8);-webkit-transition:all 500ms ease;-moz-transition:all 500ms ease;-o-transition:all 500ms ease;-ms-transition:all 500ms ease;transition:all 500ms ease; width:5rem; height:5rem; text-align:center; display:block;}
		#hzmt .galeri a:hover:after{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
		#hzmt .galeri a.foto:after{content:"\f030";font-size:2.7rem; padding-top:17px; padding-left:18px;}
		#hzmt .galeri a.video:after{content:"\f04b";}
		#hzmt .galeri a:hover{ -webkit-filter: none; filter: none;}



		
		#atuzlogo div { 

			display:inline-block;
			position: relative;
			-webkit-animation: ball 1s infinite alternate forwards; 
			animation: ball 1s infinite alternate forwards;
		}
		#atuzlogo .ball1{-webkit-animation-timing-function: cubic-bezier(0,0,1,1); }

	
		#atuzlogo .ball1{animation-timing-function: cubic-bezier(0,0,1,1);}


		@-webkit-keyframes ball {
			from {left: 0px;}
			to {left: 20px;}
		}

		@keyframes ball {
			from {left: 0px;}
			to {left: 20px;}
		}


	/*	#atuzlogo .image {
			position: absolute;		
			-webkit-animation:spin 4s linear infinite;
			-moz-animation:spin 4s linear infinite;
			animation:spin 4s linear infinite;
		}
		@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
		@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
		@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }*/