/**********************************************************/
/*--------------------- HOME SLİDER ----------------------*/
/**********************************************************/

/* SLİDER */
.slider_kapsayici {width:100%; height:590px; position:relative; margin-top:42px; background:url('../../../images/slider-bg.jpg') no-repeat center;}
.slider_maske {width:960px; height:471px; position:absolute; z-index:3; left:0; right:0; margin:auto; background:url('../../../images/slider-maske.png') no-repeat center;}
.slider_resimler {position:absolute; width:960px; height:471px; padding:0; margin:0; left:0; right:0; margin:auto; z-index:2;} 
.slider_resimler img {top:0; left:0;}



/* SLİDER PAGER */
#slider_pager {
	position:absolute;
	z-index:4;
	width:500px;
	left:0;
	right:0;
	margin:auto;
	margin-top:490px;
	text-align:center;
}
#slider_pager a {
	display:inline-block;
	width:15px;
	height:25px;
	margin-right:4px;
	background:url('../../../images/navs.png') no-repeat bottom center;
	text-indent:-9999px;
	position:relative;
	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
#slider_pager a:hover,
#slider_pager a.activeSlide {background-position:top center; z-index:2;}
#slider_pager a.activeSlide:after {
	content:'';
	position:absolute;
	width:15px;
	height:18px;
	display:block;
	margin-top:-44px;
	background:url('../../../images/navs-catlak.png') no-repeat;
}
#slider_pager a.activeSlide:before {
	content:'';
	position:absolute;
	width:54px;
	height:18px;
	display:block;
	margin-top:35px;
	left:-10px;
	background:url('../../../images/navs-su.png') no-repeat;
}





/* İLERİ GERİ BUTONLAR */
#slider_geri {position:absolute; z-index:9; top:270px; left:180px; opacity:0;}
#slider_geri:before {
    content: "\f177";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #fff;
	background:#ee2e24;
	padding:25px;
    font-size:1.10em;
	
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
#slider_geri:hover:before {
	background:#0055a5;
	color:#fff;

	-webkit-border-radius: 50px;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius: 50px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;
	border-radius: 50px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}

#slider_ileri {position:absolute; z-index:9; top:270px; right:180px; opacity:0;}
#slider_ileri:before {
    content: "\f178";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #fff;
	background:#ee2e24;
	padding:25px;
    font-size:1.10em;
	
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
}
#slider_ileri:hover:before {
	background:#0055a5;
	color:#fff;

	-webkit-border-radius: 3px;
	-webkit-border-top-right-radius: 50px;
	-webkit-border-bottom-right-radius: 50px;
	-moz-border-radius: 3px;
	-moz-border-radius-topright: 50px;
	-moz-border-radius-bottomright: 50px;
	border-radius: 3px;
	border-top-right-radius: 50px;
	border-bottom-right-radius: 50px;
}








/* MAKALE SLİDER */
.makale_slider_kapsayici {position:relative; height:470px;}

/* SLİDER PAGER */
#makele_pager {position:absolute; margin-top:80px; right:0; z-index:99;}
#makele_pager a {
	display:block;
	width:12px;
	height:12px;
	background-color:transparent;
	border:solid 2px #00468a;
	text-indent:-9999px;
	margin:4px 0;
	
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
#makele_pager a:hover, #makele_pager a.activeSlide {background:#00468a;}