/*//////////////////////
17.08.2015 - haymana.com
Author:	Mehmet SARIKAHRAMAN
Email:	sarikahraman@windowslive.com
//////////////////////////////////*/

html,body{width:100%;min-height:100%}
html{background:rgba(68,68,68,0.5);background-size:cover;background-attachment:fixed}
body{font-family:'Open Sans', sans-serif;background:url(../images/pattern.png) left top;padding:0 !important}
a{color:inherit}
a, a:hover, a:active, a:focus, a:visited{text-decoration:none;outline:0}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{font-weight:600}

body>footer:after,.icerik:after, aside li:after, .kutu:after, #gelenMesaj>div>ul>li:after, .galeri:after, .baslik:after
{content:"\0020";display:block;height:0;clear:both;visibility:hidden}

nav a {
	-webkit-transition: all .2s ease-out;
	   -moz-transition: all .2s ease-out;
		-ms-transition: all .2s ease-out;
		 -o-transition: all .2s ease-out;
			transition: all .2s ease-out;
}
/*
body>header,nav,.menu{position:fixed;left:0;width:100%;z-index:99}
*/
.sabit nav, .sabit .menu{position:fixed;left:0;width:100%;z-index:99}

hr{width:100%;height:2px;position:relative;border:none;background-color:#70ACEE}
hr:before, hr:after{content:'';display:block;position:absolute}
hr:before{
	width:100%;left:0;top:0;bottom:0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+50,ffffff+100&1+0,0+50,1+100 */
	background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 50%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 50%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 50%,rgba(255,255,255,1) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 50%,rgba(255,255,255,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}
hr:after{
	width:8px;height:8px;left:50%;top:50%;margin-left:-4px;margin-top:-4px;
	background-color:#70ACEE;border-radius:2px;box-shadow:0 0 0 5px #fff;
	-ms-transform: rotate(45deg); /* IE 9 */
	-webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
	transform: rotate(45deg);
}

.alert{display:block;margin:10px 0;padding:10px}

/*// HEADER //*/
body.sabit>header{margin-bottom:155px}
body>header{height:100px;background:#1ABBFF url(../images/header_bg.png) left top;box-shadow:inset 0 -50px 0 0 rgba(0,0,0,.15)}
body>header>article{background:url(../images/header.png) center center no-repeat}

.logo{display:block;max-width:370px;height:100px;position:relative;overflow:hidden}
.logo>svg{position:absolute;left:0;top:0}
.logo>img{max-width:100%;margin-top:15px}

.slogan{
	float: right;font-size:18px;font-weight:600;color:#333;margin-top:25px;padding:12px 20px;
	border:1px solid #006D99;border-radius:30px;background-color:#FFF;
	box-shadow:inset 0 -10px 30px 0 rgba(0,0,0,.3), -1px -1px 5px 0 rgba(0,0,0,.3), 1px 2px 3px #47B4F5
}

/*// NAV //*/
nav.navbar{
	margin:0;border:none;border-top:1px solid #006E9B;border-bottom:1px solid #11465D;
	background-color:#1A8CBE;box-shadow:inset 0 -25px 20px -20px rgba(0,0,0,.5), inset 0 3px 3px 0 #3CABDD
} .sabit nav{top:0;z-index:999}

nav.navbar .navbar-collapse{border:none;padding:0}
nav.navbar .navbar-collapse.collapse.in{padding:0 0 10px}

nav.navbar .nav>li{margin:0 10px;padding:10px 0}
nav.navbar .navbar-toggle{border:none;background-color:#eee;margin:8px;padding:6px 12px}
nav.navbar .navbar-nav{margin:0}
nav.navbar .nav>li>a{
	display:block;padding:8px 10px;border-radius:4px;color:#fff;font-weight:600;
	box-shadow:inset 0 -38px 0 -20px rgba(0,0,0,0), 1px 1px 3px 0 rgba(0,0,0,0)
}
nav.navbar .navbar-collapse.collapse.in .navbar-nav .open .dropdown-menu{background-color:#fff}
nav.navbar .navbar-collapse.collapse.in .navbar-nav .open .dropdown-menu>li>a{padding:6px 8px}
nav.navbar .navbar-nav>.open>a, nav.navbar .nav>li:hover>a{
	background-color:#449BDA !important;color:#fff !important;
	box-shadow:inset 0 -38px 0 -20px rgba(0,0,0,.3), 1px 1px 3px 0 rgba(0,0,0,.5)
}

nav.navbar .dropdown-menu>li>a{margin:0 5px;padding:5px 10px;border-radius:3px}
nav.navbar .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{background-color:#1a8cbe;color:#fff}

.menu{margin-bottom:20px}
.sabit .menu{top:58px}
.menu>div, .menu a div{border-radius:0 0 4px 4px}
.menu>div{
	background-color:#ddd;padding:0 5px 5px !important;
	box-shadow:inset 0 40px 50px -20px rgba(0,0,0,.5), 0 2px 5px 2px rgba(0,0,0,.5)
}
.menu a{float:left;width:10%;height:75px;padding:0 5px 5px}
.menu a div{
	width:100%;height:100%;padding:6px;overflow:hidden;
	text-align:center;font-size:12px;border:1px solid #888;border-top:none;
	background-color:#eee;box-shadow:inset 0 -40px 60px -30px rgba(0,0,0,.3)
}
.menu a:hover div{box-shadow:inset 0 40px 60px -30px rgba(0,0,0,.3)}
.menu a div i.fa{display:block;font-size:24px;margin-bottom:2px}


/*// SIDEBAR //*/
.yazarlar img{float:left;width:60px;height:85px;margin-right:10px;border:5px solid #fff;box-shadow:0 0 0 1px #bbb}
.yazarlar .basluk{margin:0 0 5px 70px;font-size:13px;font-weight:700}
.yazarlar .basluk + a{font-size:11px;clear:both}
.yazarlar .basluk + a + small{font-size:10px;color:#999;display:block;width:100%;clear:both;padding-top:5px}

aside ul{list-style:none;margin:0;padding:0;font-size:12px}
aside hr{margin:10px 0}

#resimler{list-style:none;position:relative;width:100%;height:250px}
#resimler>a{
	display:block;width:inherit;height:inherit;display:none;position:absolute;border-radius:4px;
	background-position:center;background-repeat:no-repeat;background-size:cover
}
#resimler>a.aktif{display:block}

/*// ICERIK //*/
body>section{position:relative}
body>section>article>div,
body>section>article>aside{padding:0 10px !important}

.lazy{
	background-image:url(../images/loader.gif);
	background-position:center;background-repeat:no-repeat
}

.kutu{
	border:3px solid #86ACCF;border-radius:10px;margin-bottom:15px;padding:8px;
	background-color:#fff;box-shadow:0 5px 5px -2px rgba(0,0,0,.6)
}

.icerik{padding:10px 20px 20px}
.icerik .baslik{margin:10px 0 20px;padding:10px}

.baslik{
	color:#fff;text-align:center;margin-top:0;padding:6px;font-weight:600;
	border-radius:5px 5px 0 0;box-shadow:0 3px 3px -1px rgba(0,0,0,.8);
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#76b1f4+0,4682b8+100 */
	background: rgb(118,177,244); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(118,177,244,1) 0%, rgba(70,130,184,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(118,177,244,1)), color-stop(100%,rgba(70,130,184,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(118,177,244,1) 0%,rgba(70,130,184,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(118,177,244,1) 0%,rgba(70,130,184,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(118,177,244,1) 0%,rgba(70,130,184,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(118,177,244,1) 0%,rgba(70,130,184,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#76b1f4', endColorstr='#4682b8',GradientType=0 ); /* IE6-9 */
}
.baslik>small{color:inherit}

.basluk{
	margin-top:0;padding:5px;font-weight:600;border:1px solid #bbb;border-radius:4px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f8f8f8+1,bbbbbb+100 */
	background: rgb(248,248,248); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(248,248,248,1) 1%, rgba(187,187,187,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(248,248,248,1)), color-stop(100%,rgba(187,187,187,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(248,248,248,1) 1%,rgba(187,187,187,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(248,248,248,1) 1%,rgba(187,187,187,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(248,248,248,1) 1%,rgba(187,187,187,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(248,248,248,1) 1%,rgba(187,187,187,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#bbbbbb',GradientType=0 ); /* IE6-9 */
}

#haberSlider{position:relative;height:350px}
#haberSlider ul, #haberSlider ol{list-style:none;margin:0;padding:0;float:left}
#haberSlider ul{
	position:relative;width:70%;height:inherit;overflow:hidden;
	border:6px solid #fff;border-radius:2px;box-shadow:0 0 0 1px #999
}
#haberSlider ul li{
	width:100%;height:100%;position:absolute;left:0;top:0;opacity:0;
	background-position:center;background-size:cover;
	-webkit-transition: opacity .5s ease-out;
	   -moz-transition: opacity .5s ease-out;
		-ms-transition: opacity .5s ease-out;
		 -o-transition: opacity .5s ease-out;
			transition: opacity .5s ease-out;
}
#haberSlider ul li.aktif{opacity:1}
#haberSlider ul li span, .haberler li a span{
	position:absolute;left:0;bottom:0;width:100%;
	background-color:rgba(6,48,65,.8);color:#fff;padding:10px
}
#haberSlider ol{width:30%;position:absolute;right:0;top:-5px;bottom:-5px}
#haberSlider ol li{height:16.66666666666667%;padding:5px 0 5px 10px}
#haberSlider ol li a{
	display:block;height:100%;padding:8px;border:1px solid #999;border-radius:3px;
	font-weight:normal;font-size:12px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eaeaea+0,bbbbbb+100 */
	background: rgb(234,234,234); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(234,234,234,1) 0%, rgba(187,187,187,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(234,234,234,1)), color-stop(100%,rgba(187,187,187,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(234,234,234,1) 0%,rgba(187,187,187,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(234,234,234,1) 0%,rgba(187,187,187,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(234,234,234,1) 0%,rgba(187,187,187,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(234,234,234,1) 0%,rgba(187,187,187,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#bbbbbb',GradientType=0 ); /* IE6-9 */
}
#haberSlider ol li.aktif a, #haberSlider ol li a:hover{
	color:#fff;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#126082+0,1a8cbe+100 */
	background: rgb(18,96,130); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(18,96,130,1) 0%, rgba(26,140,190,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(18,96,130,1)), color-stop(100%,rgba(26,140,190,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(18,96,130,1) 0%,rgba(26,140,190,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(18,96,130,1) 0%,rgba(26,140,190,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(18,96,130,1) 0%,rgba(26,140,190,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(18,96,130,1) 0%,rgba(26,140,190,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#126082', endColorstr='#1a8cbe',GradientType=0 ); /* IE6-9 */
}

.haberler{list-style:none;margin:0 -10px;padding:0}
.haberler li{height:150px;padding:10px}
.haberler li a{
	display:block;width:100%;height:100%;border:6px solid #fff;border-radius:4px;position:relative;
	box-shadow:0 0 0 1px #999;background-position:center;background-repeat:no-repeat;background-size:cover
}
.haberler li a span{text-align:center}

.galeri{border:1px solid #666;margin-bottom:30px;padding:5px}
.galeri>h4{margin:0 0 5px;padding:6px;background-color:#4783B9;color:#fff;font-weight:600}
.galeri>a{
	float:left;width:140px;height:120px;border:5px solid #fff;outline: 1px solid #999;margin-right:5px;
	background-position:center;background-repeat:no-repeat;background-size:contain
}
.galeri_resim{
	display:block;width:100%;height:150px;margin-bottom:30px;border:5px solid #fff;
	box-shadow:0 0 0 1px #666, 0 8px 10px -5px rgba(0,0,0,.5);
}


.scroll{position:relative;height:100%}

.widget{margin-top:20px;margin-bottom:20px}
.wkutu{display:block;width:100%;height:300px;overflow:hidden;position:relative;font-size:12px}
.wkutu ul{list-style:none;margin:0;padding:0}

.widget li{padding:10px}
.widget li:nth-child(odd){background-color:#eee;border-radius:4px}
.widget>strong{display:inline-block;width:100px}
.widget i{width:12px;text-align:center;color:#6987A3;position:relative;top:-1px}
.widget p{margin:0;padding-top:10px}

.wkutu, .resim{border:6px solid #fff;box-shadow:0 0 0 1px #666;border-radius:3px}
.wkutu.resim{display:block !important;margin:0;height:300px !important}
.resim{display:inline-block;line-height:0;margin:10px;max-width:100%;height:auto !important}
.resim>img{width:100%;height:100%}

.yazarDetay{margin:10px 0}
.yazarDetay>div{padding:0 !important}
.yazarDetay h3, .yazarDetay .bilgiler{margin:10px 0}
.yazarDetay .bilgiler>span{display:inline-block;padding:5px;border:1px solid #ccc;border-radius:3px;font-size:12px}
.yazarDetay .bilgiler>span:last-child{border:none}
.yazarDetay .resim{width:115px;height:160px;margin:0}

.yorumlar{/*border-top:2px solid #ccc;margin-top:20px;padding-top:30px;*/font-style:italic}
.yorumlar ul{list-style:none;margin:0;padding:0}
.yorumlar li{margin-top:20px;padding:10px;border:1px solid #86ACCF;border-radius:3px}
.yorumlar li>div{margin-bottom:8px}

.form-group{position:relative}
#yorum, #mesaj{min-height:150px}
#yorum+span, #mesaj+span{
	position:absolute;right:-2px;top:-2px;padding:4px 8px;
	border:1px solid #CCC;border-radius:3px;background-color: #eee;
	-webkit-transition: all .3s ease-out;
	   -moz-transition: all .3s ease-out;
		-ms-transition: all .3s ease-out;
		 -o-transition: all .3s ease-out;
			transition: all .3s ease-out;
}
#yorum:focus+span, #mesaj:focus+span{background-color:#66afe9;border-color:#66afe9;color:#fff}

#listele i{color:#666}

.avatar{width:75px;height:75px;margin:0 15px;float:left}
.avatar>img{border:2px solid #fff;border-radius:50%;cursor:pointer}
.avatar.aktif>img{box-shadow:0 0 0 4px #70ACEE}

.modal-open{overflow:auto}
#modalDetay .modal-body i{min-width:15px;text-align:center}

.kaybettiklerimiz{
	min-height:300px;margin:-13px -25px -25px;padding-bottom:50px;text-align:center;overflow:hidden;
	border:3px solid #7E5A37;border-top-width:2px;border-bottom-width:8px;border-radius:12px 12px 20px 20px;
	background:url(../images/kaybettiklerimiz.jpg) center top repeat-y;background-size:100%;
	box-shadow:inset 0 0 10px 2px #fff, 0 2px 10px 3px #fff;
}
.kaybettiklerimiz header{
	font-family:'Romanesco', cursive;color:#562b0c;font-size:50px;font-weight:normal;
	text-align:center;margin:0;padding:20px 0;position:relative;display:inline-block;
}
.kaybettiklerimiz header:before, .kaybettiklerimiz header:after{position:absolute;}
.kaybettiklerimiz header:before{content:url(../images/sol-cicek.png);left:-140px}
.kaybettiklerimiz header:after{content:url(../images/sag-cicek.png);right:-140px}
.kaybettiklerimiz section{padding:0 100px}

.merhum_resim{float:left;width:128px;height:128px;margin-right:10px;padding:14px;background-image:url(../images/merhum_border.png)}
.merhum_resim a{
	display:block;width:100%;height:100%;border:1px solid #562b0c;border-radius:4px;
	background:center no-repeat;background-size:cover
}
.merhum_bilgi{text-align:left}
.merhum_bilgi span{display:inline-block;border:1px solid #562b0c;margin:4px 2px;padding:3px 6px}

.mezar_resim{display:block;max-width:100%;height:425px;margin:20px auto;position:relative}
.mezar_resim>img, .mezar_resim>a>img{
	max-width:100%;max-height:100%;margin:auto;
	position:absolute;top:0;bottom:0;left:0;right:0
}
.mezar_resim>div{
	width:100%;position:absolute;top:50%;margin-top:-32px;
	text-align:center;font-weight:bold;font-size:16px;font-style:italic
}
.mezar_resim>a{display:block;width:475px;max-width:100%;height:100%;position:relative;margin:0 auto}
.mezar_resim>a>img{max-width:90%;max-height:90%;border:1px solid #4D3F24;border-radius:50%;box-shadow:0 0 50px 5px #E2BD67}

.merhum_detay{text-align:left;max-width:550px;margin:0 auto}
.merhum_detay>h5{border:1px solid #562b0c;padding:3px}
.merhum_detay>h5 div{padding:6px;background-color:#562b0c;color:#fff}
.merhum_detay>div{padding:5px;border:2px solid #562b0c}
.merhum_detay>div+div{margin-top:10px}

.merhum_detay hr{height:1px;margin:10px 0;background-color:#562B0C}
.merhum_detay hr:after{background-color:#562B0C;box-shadow:0 0 0 5px #F3E0B5}
.merhum_detay hr:before{background:transparent;filter:none}

.filtrele{margin:20px 0;text-align:center}
.filtrele .btn-group{margin-bottom:10px}


/*// FORM //*/
textarea{min-height:100px;resize:vertical}
.textarea{position:relative}

.datepicker{padding:6px 12px}

.required{font-size:12px;color:#E53013;background-color:#fff}
.form-control .radio-inline{padding-top:0}

input[type="file"]{padding:6px}

.dataTables_processing{position:relative;margin:-46px 0 10px;padding:8px;text-align:center;font-size:18px;font-style:italic;background-color:#337AB7;color:#fff}

#girisYap>div{margin-bottom:5px}
#girisYap button+small{display:block;text-align:center;margin-top:10px}
#girisYap button+small>a{display:inline-block;padding:2px 4px}
#girisYap button+small>a:hover{text-decoration:underline}
#girisYap button+small>a+a{border-left:1px solid #999}

.guvenlik{padding:5px;text-align:center;border:1px solid #ccc;border-radius:4px}
.guvenlik img{display:inline-block}
.guvenlik+div span{cursor:pointer}

.kullanici>.row{margin:0 !important}
.kullanici .row>div{padding:0 5px}
.kullanici .basluk{margin-bottom:5px}
.kullanici img{
	width:100%;border-radius:50%;border:2px solid #fff;box-shadow:0 2px 0 2px #86ACCF
}
.kullanici.aktif .baslik{text-align:left}
.cikis{color:#666;float:right;margin:-4px -4px 0 0;font-size:14px}
.cikis:hover{color:#FF3C01}

.bulunamadi{text-align:center;margin:20px 0}
.bulunamadi h2, .bulunamadi h4{font-weight:400;font-style:italic;margin:10px}
.bulunamadi i{font-size:200px;color:#eee}


/*// FOOTER //*/
body>footer{
	padding:20px 0;color:#fff;font-size:12px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#54a2e2+0,225e90+100 */
	background: #54a2e2; /* Old browsers */
	background: -moz-linear-gradient(top,  #54a2e2 0%, #225e90 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#54a2e2), color-stop(100%,#225e90)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #54a2e2 0%,#225e90 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #54a2e2 0%,#225e90 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #54a2e2 0%,#225e90 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #54a2e2 0%,#225e90 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#54a2e2', endColorstr='#225e90',GradientType=0 ); /* IE6-9 */
}

.altMenu>ul>li{float:left}
.altMenu>ul>li+li{margin-left:30px}
.altMenu ul{margin:0;padding:0;list-style:none}
.altMenu li{position:relative;padding:0 0 0 15px !important}
.altMenu li:after{content:'';width:8px;height:8px;background-color:#fff;position:absolute;left:0;top:4px;border-radius:1px}
.altMenu li li:after{border-radius:50%}

.ziyaretci th{font-weight:normal;text-align:right;padding:0 5px}



/*// RESPONSIVE //*/
@media (max-width: 1200px) {
	.kaybettiklerimiz section{padding:0 85px}
}

@media (max-width: 992px) {
	body.sabit>header{margin-bottom:118px}
	.sabit .menu{top:50px}
	.menu a{height:auto;padding:0 2px 2px}
	.menu a div{padding:8px 4px}
	.menu a div span{display:none}
	.menu a div i.fa{font-size:18px}
	.resim{margin:10px 0}
	#haberSlider{margin-bottom:50px}
	#haberSlider ul{width:100%}
	#haberSlider ol{width:100%;height:25px;left:0;right:0;top:auto;bottom:-35px}
	#haberSlider ol li{width:16.66666666666667%;height:100%;float:left;padding:5px}
	#haberSlider ol li a{text-indent:-9999px;padding:0}
	#haberSlider ol li.aktif a{border:none}
	#haberSlider ol li.aktif{position:relative}
	#haberSlider ol li.aktif:before{
		content:'';position:absolute;left:50%;top:-10px;margin-left:-8px;
		border:8px solid transparent;border-bottom-color:#126285;

	}
	.kaybettiklerimiz section{padding:0 80px}

	.altMenu{text-align:center}
	.altMenu>ul{text-align:left;display:inline-block}
	.altMenu{border-top:1px solid #52A0DF;border-bottom:1px solid #52A0DF;margin:20px 0;padding:15px}
	.altMenu>ul>li{float:none}
	.altMenu>ul>li+li{margin:10px 0 0}

	.ziyaretci{margin:0 auto}
}

@media (max-width: 620px) {
	.mezar_resim{height:340px}
	.mezar_resim>div{margin-top:}
	.kaybettiklerimiz section{padding:0 70px}
}

@media (max-width: 540px) {
	.mezar_resim{height:310px}
	.mezar_resim>div{margin-top:}
	.kaybettiklerimiz section{padding:0 60px}
}

@media (max-width: 480px) {
	.kaybettiklerimiz section{padding:0 50px}
	.mezar_resim>a>img{max-width:80%;max-height:80%}
	.merhum_resim{float:none;margin:0 auto 20px}
	.merhum_bilgi{text-align:center}
	.mezar_resim{height:200px}
	.mezar_resim>div{margin-top:}
}

@media (max-width: 320px) {
	.mezar_resim{height:170px}
	.mezar_resim>div{margin-top:}
	.kaybettiklerimiz section{padding:0 40px}
}