<!--
 
██╗   ██╗ █████╗ ███████╗ █████╗ ██╗         ██╗   ██╗██╗   ██╗ █████╗ ██████╗ ██╗
╚██╗ ██╔╝██╔══██╗██╔════╝██╔══██╗██║         ██║   ██║╚██╗ ██╔╝██╔══██╗██╔══██╗██║
 ╚████╔╝ ███████║███████╗███████║██║         ██║   ██║ ╚████╔╝ ███████║██████╔╝██║
  ╚██╔╝  ██╔══██║╚════██║██╔══██║██║         ██║   ██║  ╚██╔╝  ██╔══██║██╔══██╗██║
   ██║   ██║  ██║███████║██║  ██║███████╗    ╚██████╔╝   ██║   ██║  ██║██║  ██║██║
   ╚═╝   ╚═╝  ╚═╝╚══════╝╚═╝  ╚═╝╚══════╝     ╚═════╝    ╚═╝   ╚═╝  ╚═╝╚═╝  ╚═╝╚═╝
                                                                                  
Bu internet sayfası Mutlu Aile Mutlu Çocuk Derneği'ya aittir ve Mutlu Aile Mutlu Çocuk Derneği tarafından kullanılmaktadır. ('Mutlu Aile Mutlu Çocuk Derneği). 
Bu internet sayfasında ya da bu internet sayfası kullanılarak yayımlanan tüm içerik, bilgi ve yazılım Mutlu Aile Mutlu Çocuk Derneği'ın mülküdür. 
Bu internet sayfası sadece aşağıdaki kullanım şartlarına uyulduğu takdirde kullanılabilir. 
Bu internet sayfasını kullanımınız bu şartnameyi kabul ettiğinizin göstergesidir. 
Bu internet sayfasının içeriği sadece kişisel kullanım içindir ve ticari amaçla kullanılamaz.  
Bu siteyi kendiniz ve kendi şirketinizin ihtiyaçları için kullanabilirsiniz.  
Size bu sayfa ile ilgili olarak kaynak koda dönüştürme, tersine mühendislik yapma, sökme, kiralama, leasing, ödünç verme, satma, başkalarına 
lisans verme, veya bu internet sayfasından veya içeriğinden alıntılar yaparak benzer işler yapma hakkı verilmemiştir.  
Herhangi bir şebeke ağı takip ve keşif yazılımı kullanarak bu sitenin mimarisini saptayıp kullanımı veya kullanıcıları hakkında bilgiyi almanız yasaktır.  
Robot, spider ya da başka otomatik veya manüel cihaz veya yöntem ile bu internet sayfasını ya da içeriğini Mutlu Aile Mutlu Çocuk Derneği'ın önceden vermiş olduğu yazılı onayı olmadan takip etmek ya da kopyalamak yasaktır.  
İster ticari ister kâr amacı gütmeden ya da ister başkaları için olsun, bu web sitesini yukarıda tanınan izinlerin dışında kısmen de olsa yazdırma, indirme, kopyalama, değiştirme, çoğaltma, dağıtma, gösterme veya yayımlama hakkınız yoktur.  
Bu web sitesini ya da bir kısmını, içeriğini veya bu web sitesinde ya da web sitesi aracılığıyla mevcut yazılımı başka bir yere nakletmek ya da değiştirerek nakletmek geçerli nakil kontrol kanun ve düzenlemelerine ihlal sayılmaktadır.  
Bu web sitesinin veya içeriğinin yetki almadan kullanımı yasaktır ve size karşı infaz ve diğer yasal sonuçları doğurabilir.
Tüm içerik, başka şekilde belirtilmediği takdirde, en başta Türkiye Cumhuriyeti ve  Amerika Birleşik Devletlerinin telif hakkı, ticarî sır ve marka kanunu olmakla birlikte diğer eyalet, ulusal ve uluslararası kanun ve düzenlemeler gereğince korunmuştur.  Mutlu Aile Mutlu Çocuk Derneği size dolaylı ya da dolaysız olarak telif hakkı, marka veya ticarî sır haklarını vermemektedir. 
Bununla birlikte , bu web sitesinin veya içeriğinin yetki alınmadan kullanımı telif hakkı kanunlarına, marka kanunlarına, ticarî sır kanunlarına veya şahsiyet veya umumiyet ile ilgili kanunlara ters düşebilir.
Bu şartları kabul etmiyorsanız, lütfen bu siteyi kullanmayın.
!-->
<!doctype html>
<html xmlns="//www.w3.org/1999/xhtml" xml:lang="tr-tr" lang="tr-tr">
<!--[if IE 7 ]>    <html lang="en-gb" class="isie ie7 oldie no-js"> <![endif]-->
<!--[if IE 8 ]>    <html lang="en-gb" class="isie ie8 oldie no-js"> <![endif]-->
<!--[if IE 9 ]>    <html lang="en-gb" class="isie ie9 no-js"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!-->
<html lang="tr-tr" class="no-js">
<!--<![endif]-->
<head>
	<!-- Head -->
			<meta charset="UTF-8" />
	<script src="//code.jquery.com/jquery-latest.js" type="text/javascript"></script>
	<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
	<meta name="author" content="Mutlu Aile Mutlu Çocuk Derneği"/>
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
	<meta content="follow, index, all" name="robots"/>
	<link id="page_favicon" href="http://mutluaile.org.tr/deppo/image/favicon-0cde1.png" rel="icon" type="image/x-icon"/>
	<link rel="shortcut icon" type="image/x-icon" href="http://mutluaile.org.tr/deppo/image/favicon-0cde1.png"/>
	<link rel="icon"  type="image/vnd.microsoft.icon" href="http://mutluaile.org.tr/deppo/image/favicon-0cde1.png"/>
	<link rel="icon" href="http://mutluaile.org.tr/deppo/image/logo-8e628.png" sizes="32x32"/>
	<meta name="google-site-verification" content=""/>
	<meta name="yandex-verification" content=""/>
		
	<title>Mutlu Aile Mutlu Çocuk Derneği | Mutlu Aile Mutlu Çocuk Derneği</title>
	<meta name="description" content="Mutlu Aile Mutlu Çocuk Derneği" />
	<meta name="keywords" content="Mutlu Aile Derneği,mutlu,aile,cocuk,eğitim,etkinlik,seminer,akademik" />
	<link rel="canonical" href="http://www.mutluaile.org.tr" />
		<meta property="og:title" content="Mutlu Aile Mutlu Çocuk Derneği" />
	<meta property="og:site_name" content="http://www.mutluaile.org.tr" />
	<meta property="og:url" content="http://www.mutluaile.org.tr/?" />
	<meta property="og:image" content="http://www.mutluaile.org.trhttp://mutluaile.org.tr/deppo/image/logo-8e628.png" />
	<meta property="og:description" content="Mutlu Aile Mutlu Çocuk Derneği" />
	<meta name="twitter:card" content="summary_large_image" />
	<meta name="twitter:site" content="http://www.mutluaile.org.tr" />
	<meta name="twitter:creator" content="@https://twitter.com/MaileMcocuk?s=09" />
	<meta name="twitter:title" content="Mutlu Aile Mutlu Çocuk Derneği" />
	<meta name="twitter:description" content="Mutlu Aile Mutlu Çocuk Derneği" />
	<meta name="twitter:image" content="http://www.mutluaile.org.trhttp://mutluaile.org.tr/deppo/image/logo-8e628.png" />
	<meta name="twitter:domain" content="http://www.mutluaile.org.tr/?" />
	
	<style amp-custom type="text/css">
	html, body { max-width: 100%; overflow-x: hidden;}
	::-webkit-scrollbar { width: 10px; }
	::-webkit-scrollbar-track { background: #f1f1f1;  }
	::-webkit-scrollbar-thumb { background: #888; }
	::-webkit-scrollbar-thumb:hover { background: #555; }
	.banks {background-image: url('https://res.cloudinary.com/watolye/image/upload/v1557400196/image/banks.png');}
	.updated { display: none; position: fixed; padding: 14px 0px; color: #000; width: 200px; top: 1%; right: 1%; z-index: 9999999; text-align: center;}
	.addbasket{display:none;position: fixed; width: 20%; height: 100px; font-size: 16px; top: 5px; padding: 15px; right: 10px; background: #05af39eb; color: white; z-index: 9999999; border: 1px solid green; border-radius: 10px;}
	#preload{ display:none; width:100%; height:100%; padding:20% 45%; position:fixed; margin:0px; left:0px; top:0px; z-index:9999999; background-image:url('http://mutluaile.org.tr/deppo/tools/img/trns.png') }
	#AjaxSuccess{ width:300px; height:300px; padding:20% 46%; position:fixed; margin:0px; left:0px; top:0px; z-index:9999999; display:none; }
	.v3-map iframe { min-height:350px; }
	.hfix {position:fixed !important; top:0px !important; left:0px !important; width: 100% !important; z-index:99999 !important;}
	.tfix {display:block !important; position:fixed !important; bottom:10px !important; right:10px !important; z-index:999 !important;}
	.rside {display:none; background: white; width:25%; height:100%; position:fixed !important; top:35px !important; right:0px !important; z-index:9999 !important;}
	#rside {width:100%; height:100%; display:block; padding: 10px;}
	.db {display:block} .dn {display:none}
	.pa {position:absolute} .pr {position:relative}.pf {position:fixed}
	.tar {text-align:right;} .tal {text-align:left;} .tac {text-align:center;}
	.fl {float:left;} .fn {float:none;} .fr {float:right;}
	.cp {cursor:pointer;}
	.cw {color:white !important;} .cb {color:black !important;} .cr {color:red !important;}
	.v3-table {margin-bottom:0px !important;}
	tr:hover td {background:#9999991f !important;}
	@media print {
	  .noprint { display: none !important; }
	}
	.tahoma {font-family: tahoma, sans-serif !important;}
	.variation:hover{ background-color: beige;}

	.kvkk{position: fixed; width: 30%; height: 100px; overflow: hidden; z-index: 99999; background: #000000c4; bottom: 5px; left:5px;box-shadow: 0px 2px 10px rgba(50,50,50,0.5);padding: 0px 15px;}
	.kvkk .fa{position: absolute; right: 10px; top: 10px; z-index: 9999999; color: white; font-size: 20px;}
	.kvkk span{width: 90%; margin-top: 5px; margin-left:5px; height: 90px; overflow: auto;}
	.kvkk span p{font-size: 11px; color: white;}
	.kvkk span a{font-size: 11px; color: #e8fb4b;}

	/*2.Resim*/
	.imgs { position: relative;}
	.imgs .img2 { position: absolute; left: 0; top: 0; display: none !important;}
	.imgs:hover .img2 { display: block !important; }
	/*2.Resim*/

	/*Pulse*/
	@keyframes border-pulse {
		0%   { border-color: rgba(0, 240, 100, 1); }
		50% { border-color: rgba(0, 240, 100, 0); }
		100%   { border-color: rgba(0, 240, 100, 1); }
	}
	.pulse { animation: border-pulse 2s infinite;}

	.blink { animation: blinker 2s linear infinite; }
	@keyframes blinker { 50% { opacity: 0; } }
	/*Pulse*/

	/*Slider*/
	.carousel-control.left { margin-top: 20%; background-image: none !important; }
	.carousel-control.left .fa{ font-size: 50px; color: #00000073; }
	.carousel-control.right { margin-top: 20%; background-image: none !important; }
	.carousel-control.right .fa{ font-size: 50px; color: #00000073; }
	.carousel-caption { left: 5% !important; width: 90% !important; padding: 10px !important; text-align: left !important; background: #ffffff8f !important; bottom: 5% !important; padding-top: 0px !important; right: auto !important; }

	.leftRs ,.rightRs { position: absolute; top: 0px; bottom: 0px; font-size:55px; box-shadow: none; cursor:pointer;}
	.leftRs { left: -20px;} .rightRs {right: -20px;}
	.resCarousel .item {text-align:center;}
	/*Slider*/

	.filters{float:right;padding: 3px; background: bisque; border-radius: 7px; position: relative; margin-right:10px;}
	.filters .fa {background: white; padding: 3px; color: black; border-radius: 7px; font-size: 12px; float: left;height: 18px;margin-left: 0px; margin-right: 5px;}
	.filter-content {float: left;}
	.filter-content .filter {display: block; color:#00000059;}

	.reset-filters {float:right;padding: 3px; background: bisque; border-radius: 7px; position: relative;}	
	.reset-filters .fa {background: white; padding: 3px; color: black; border-radius: 7px; font-size: 12px; float: left;height: 18px;margin-left: 0px; margin-right: 5px;}

	/* message box */
	.message-box { display: none; position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 9999; }
	.message-box.open { display: block; }
	.message-box .mb-container { position: absolute; left: 0px; top: 35%; background: rgba(0, 0, 0, 0.9); padding: 20px; width: 100%;}
	.message-box .mb-container .mb-middle { width: 50%; left: 25%; position: relative; color: #FFF; }
	.message-box .mb-container .mb-middle .mb-title { width: 100%; float: left; padding: 10px 0px 0px; font-size: 31px; font-weight: 400; line-height: 36px; }
	.message-box .mb-container .mb-middle .mb-title .fa, .message-box .mb-container .mb-middle .mb-title .glyphicon { font-size: 38px; float: left; margin-right: 10px; }
	.message-box .mb-container .mb-middle .mb-content { width: 100%; float: left; padding: 10px 0px 0px; }
	.message-box .mb-container .mb-middle .mb-content p { margin-bottom: 0px; }
	.message-box .mb-container .mb-middle .mb-footer { width: 100%; float: left; padding: 10px 0px; }
	.message-box.message-box-warning .mb-container { background: rgba(254, 162, 35, 0.9); }
	.message-box.message-box-danger .mb-container { background: rgba(182, 70, 69, 0.9); }
	.message-box.message-box-info .mb-container { background: rgba(63, 186, 228, 0.9); }
	.message-box.message-box-success .mb-container { background: rgba(149, 183, 93, 0.9); }
	/* end message box */

	/*Modal*/
	.v3icerik { position : fixed; top : expression(eval(document.body.scrollTop)); margin-left : 2px; height : 105%; width : 100%; z-index : 99999999; border : 0px solid #000; }
	.iframe { height : 100%; width : 100%; border : none; }
	.modal-backdrop.in { filter: alpha(opacity=50); opacity: 0 !important; }
	.modal-backdrop { z-index:0; }
	.modal-header .close { background: black; margin-top: -40px; }
	.v3-modal { text-align: center; padding: 0!important; }
	.v3-modal:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -4px; /* Adjusts for spacing */ }
	.v3-modal-dialog {display: inline-block; text-align: left;  vertical-align: middle; }
	/*Modal*/

	/*Status Bar*/
	.v3statusac { position: fixed; padding: 15px; background: #f0f0f0; border-radius: 0px 10px 10px 0px; color: #fffffe; top: 35%; z-index: 9999999999; cursor: pointer; font-size: 30px !important; opacity:0.3;}
	.v3statusac:hover { opacity:1;}
	.v3status { border-radius: 0px 3px 15px 0px; background-color: #f0f0f0; color: #fff; opacity: 0.8; position: fixed; display: block; left: -1px; top: 35%; margin: 0px; width: 200px; border: solid 1px #ccc; z-index: 999999999; display: none;}
	.v3status ul { padding-left:10px; margin-top:20px; list-style: none; font-size: 13px; }
	.v3status ul li { padding: 5px 10px; }
	.v3status ul li:hover { background:#ccc;}	
	.v3status ul li a { color: #fff; }
	/*Status Bar*/

	.qedit{position: relative;}
	.qlink{font-size: 14px;position: absolute; z-index:999; top: 1px; left:1px; padding: 3px 7px; background: #f0f0f0; color: white; border-radius: 10px 10px 0px 10px; color:white !important;opacity: 0.3;}

	/*btn*/
	.v3-btn-danger{background-color: #ffffff !important;border-color: #ffffff !important;}
	.v3-btn-danger:hover{background-color: #ffffffcc !important;border-color: #ffffff !important;}
	.v3-btn-info{background-color: #ffffff !important;border-color: #ffffff !important;}
	.v3-btn-info:hover{background-color: #ffffffcc !important;border-color: #ffffff !important;}
	.v3-btn-warning{background-color: #f0f0f0 !important;border-color: #f0f0f0 !important;}
	.v3-btn-warning:hover{background-color: #f0f0f0cc !important;border-color: #f0f0f0 !important;}
	.v3-btn-success{background-color: #c0c0c0 !important;border-color: #c0c0c0 !important;}
	.v3-btn-success:hover{background-color: #c0c0c0cc !important;border-color: #c0c0c0 !important;}
	/*btn*/

	/*User Panel .v3-account*/
	.v3-account .alert-info{background-color: #f0f0f0;color: #ffffff; border-color: #ffffff;}

	.v3-account .v3-nav-tabs a{color: #fff;}
	.v3-account .v3-breadcrumb a{color: #fff;}
	.v3-account .wuser a{color: #fff;}
	.v3-account .adstab a{color: #000;}
	.v3-nav-tabs > li > a { border: 1px solid #d0c3c378;}
	.v3-breadcrumb { background-color: #bdbab7 !important;}

	.v3-nav {background:#f5f5f5 !important;}
	.v3-nav-tabs > li {background: #f5f5f5; margin-top: 2px; text-align: center !important; border: 0px !important; background:transparent !important; border-right:1px solid #ff8c0075 !important;}
	.v3-nav > li > a > i { font-size:30px; color:darkgrey  !important; }
	.v3-nav > li > a > span.pull-right {margin-right: -5px !important; margin-top: -35px !important; background: darkorange !important;position: absolute; right: 3px; z-index:999; color:#fff !important}
	.v3-nav > li > a > i { font-size:30px; }
	.mupt {display: block; font-size: 11px !important; width: 40px; color:darkgrey !important;}
	.v3-nav-tabs > li.active > a, .v3-nav-tabs > li.active > a:hover, .v3-nav-tabs > li.active > a:focus { border: 0px solid #ddd !important; width: 100%;}
	.v3-nav-tabs > li.active > a, .v3-nav-tabs > li.active > a:hover, .v3-nav-tabs > li.active > a:focus { bottom: -3px; font-weight:800; }
	.v3-nav { background : unset !important; }
	.v3-panel-default { border:0px !important;}
	.v3-account .v3-panel-heading {border-color:currentColor !important; background:transparent !important; padding: 10px 15px; border-radius: 10px 0px 0px 10px;}
	.v3-login .v3-form-control, .v3-login .v3-btn{ min-height:50px; }
	.v3-register .v3-form-control, .v3-register .v3-btn{ min-height:50px; }
	.v3-edit {position: absolute; top: 10px; left: 10px; padding: 3px 8px; background: darkorange; color: white; border-radius: 5px;}


	/*User Panel*/

	/*Pay .v3-pay*/
	.dropp-header__btn.js-open { background: #f0f0f0 !important; }
	.dropp-body label:hover, .dropp-body label.js-open { background: #f0f0f0 !important;}
	.dropp-header { border-bottom: 2px solid #f0f0f0 !important;}
	.dropp-header__btn .icon:before, .dropp-header__btn .icon:after { background: #f0f0f0 !important;}
	.dropp-header__btn .icon:before, .dropp-header__btn .icon:before { background: #f0f0f0 !important;}
	.dropp-body {background: #ffffff !important;}

	.v3-pay .v3-pay label{ font-size:13px; }
	.Order_Invoice_Off{ display:none; }
	.Order_Delivery_Off{ display:none; }
	.Order_Invoice_On{ display:block; border:2px solid green !important; }
	.Order_Delivery_On{ display:block; border:2px solid green !important; }
	tr.actived > td { background: grey !important; color:white !important; }
	.label_logo {width: 70px; height: 40px; position: relative; margin-right: 5px; border: solid 1px #eee; background: #fff; }
	.label_logo img { position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; max-width: 90%; max-height: 90%; }
	/*Pay*/

	.w0 {width:0% !important;}.w1 {width:1% !important;}.w2 {width:2% !important;}.w3 {width:3% !important;}.w4 {width:4% !important;}.w5 {width:5% !important;}.w6 {width:6% !important;}.w7 {width:7% !important;}.w8 {width:8% !important;}.w9 {width:9% !important;}.w10 {width:10% !important;}.w11 {width:11% !important;}.w12 {width:12% !important;}.w13 {width:13% !important;}.w14 {width:14% !important;}.w15 {width:15% !important;}.w16 {width:16% !important;}.w17 {width:17% !important;}.w18 {width:18% !important;}.w19 {width:19% !important;}.w20 {width:20% !important;}.w21 {width:21% !important;}.w22 {width:22% !important;}.w23 {width:23% !important;}.w24 {width:24% !important;}.w25 {width:25% !important;}.w26 {width:26% !important;}.w27 {width:27% !important;}.w28 {width:28% !important;}.w29 {width:29% !important;}.w30 {width:30% !important;}.w31 {width:31% !important;}.w32 {width:32% !important;}.w33 {width:33% !important;}.w34 {width:34% !important;}.w35 {width:35% !important;}.w36 {width:36% !important;}.w37 {width:37% !important;}.w38 {width:38% !important;}.w39 {width:39% !important;}.w40 {width:40% !important;}.w41 {width:41% !important;}.w42 {width:42% !important;}.w43 {width:43% !important;}.w44 {width:44% !important;}.w45 {width:45% !important;}.w46 {width:46% !important;}.w47 {width:47% !important;}.w48 {width:48% !important;}.w49 {width:49% !important;}.w50 {width:50% !important;}.w51 {width:51% !important;}.w52 {width:52% !important;}.w53 {width:53% !important;}.w54 {width:54% !important;}.w55 {width:55% !important;}.w56 {width:56% !important;}.w57 {width:57% !important;}.w58 {width:58% !important;}.w59 {width:59% !important;}.w60 {width:60% !important;}.w61 {width:61% !important;}.w62 {width:62% !important;}.w63 {width:63% !important;}.w64 {width:64% !important;}.w65 {width:65% !important;}.w66 {width:66% !important;}.w67 {width:67% !important;}.w68 {width:68% !important;}.w69 {width:69% !important;}.w70 {width:70% !important;}.w71 {width:71% !important;}.w72 {width:72% !important;}.w73 {width:73% !important;}.w74 {width:74% !important;}.w75 {width:75% !important;}.w76 {width:76% !important;}.w77 {width:77% !important;}.w78 {width:78% !important;}.w79 {width:79% !important;}.w80 {width:80% !important;}.w81 {width:81% !important;}.w82 {width:82% !important;}.w83 {width:83% !important;}.w84 {width:84% !important;}.w85 {width:85% !important;}.w86 {width:86% !important;}.w87 {width:87% !important;}.w88 {width:88% !important;}.w89 {width:89% !important;}.w90 {width:90% !important;}.w91 {width:91% !important;}.w92 {width:92% !important;}.w93 {width:93% !important;}.w94 {width:94% !important;}.w95 {width:95% !important;}.w96 {width:96% !important;}.w97 {width:97% !important;}.w98 {width:98% !important;}.w99 {width:99% !important;}.w100 {width:100% !important;}.mt0 {margin-top:0px !important;}.mt1 {margin-top:1px !important;}.mt2 {margin-top:2px !important;}.mt3 {margin-top:3px !important;}.mt4 {margin-top:4px !important;}.mt5 {margin-top:5px !important;}.mt6 {margin-top:6px !important;}.mt7 {margin-top:7px !important;}.mt8 {margin-top:8px !important;}.mt9 {margin-top:9px !important;}.mt10 {margin-top:10px !important;}.mt11 {margin-top:11px !important;}.mt12 {margin-top:12px !important;}.mt13 {margin-top:13px !important;}.mt14 {margin-top:14px !important;}.mt15 {margin-top:15px !important;}.mt16 {margin-top:16px !important;}.mt17 {margin-top:17px !important;}.mt18 {margin-top:18px !important;}.mt19 {margin-top:19px !important;}.mt20 {margin-top:20px !important;}.mt21 {margin-top:21px !important;}.mt22 {margin-top:22px !important;}.mt23 {margin-top:23px !important;}.mt24 {margin-top:24px !important;}.mt25 {margin-top:25px !important;}.mt26 {margin-top:26px !important;}.mt27 {margin-top:27px !important;}.mt28 {margin-top:28px !important;}.mt29 {margin-top:29px !important;}.mt30 {margin-top:30px !important;}.mt31 {margin-top:31px !important;}.mt32 {margin-top:32px !important;}.mt33 {margin-top:33px !important;}.mt34 {margin-top:34px !important;}.mt35 {margin-top:35px !important;}.mt36 {margin-top:36px !important;}.mt37 {margin-top:37px !important;}.mt38 {margin-top:38px !important;}.mt39 {margin-top:39px !important;}.mt40 {margin-top:40px !important;}.mt41 {margin-top:41px !important;}.mt42 {margin-top:42px !important;}.mt43 {margin-top:43px !important;}.mt44 {margin-top:44px !important;}.mt45 {margin-top:45px !important;}.mt46 {margin-top:46px !important;}.mt47 {margin-top:47px !important;}.mt48 {margin-top:48px !important;}.mt49 {margin-top:49px !important;}.mt50 {margin-top:50px !important;}.mr0 {margin-right:0px !important;}.mr1 {margin-right:1px !important;}.mr2 {margin-right:2px !important;}.mr3 {margin-right:3px !important;}.mr4 {margin-right:4px !important;}.mr5 {margin-right:5px !important;}.mr6 {margin-right:6px !important;}.mr7 {margin-right:7px !important;}.mr8 {margin-right:8px !important;}.mr9 {margin-right:9px !important;}.mr10 {margin-right:10px !important;}.mr11 {margin-right:11px !important;}.mr12 {margin-right:12px !important;}.mr13 {margin-right:13px !important;}.mr14 {margin-right:14px !important;}.mr15 {margin-right:15px !important;}.mr16 {margin-right:16px !important;}.mr17 {margin-right:17px !important;}.mr18 {margin-right:18px !important;}.mr19 {margin-right:19px !important;}.mr20 {margin-right:20px !important;}.mr21 {margin-right:21px !important;}.mr22 {margin-right:22px !important;}.mr23 {margin-right:23px !important;}.mr24 {margin-right:24px !important;}.mr25 {margin-right:25px !important;}.mr26 {margin-right:26px !important;}.mr27 {margin-right:27px !important;}.mr28 {margin-right:28px !important;}.mr29 {margin-right:29px !important;}.mr30 {margin-right:30px !important;}.mr31 {margin-right:31px !important;}.mr32 {margin-right:32px !important;}.mr33 {margin-right:33px !important;}.mr34 {margin-right:34px !important;}.mr35 {margin-right:35px !important;}.mr36 {margin-right:36px !important;}.mr37 {margin-right:37px !important;}.mr38 {margin-right:38px !important;}.mr39 {margin-right:39px !important;}.mr40 {margin-right:40px !important;}.mr41 {margin-right:41px !important;}.mr42 {margin-right:42px !important;}.mr43 {margin-right:43px !important;}.mr44 {margin-right:44px !important;}.mr45 {margin-right:45px !important;}.mr46 {margin-right:46px !important;}.mr47 {margin-right:47px !important;}.mr48 {margin-right:48px !important;}.mr49 {margin-right:49px !important;}.mr50 {margin-right:50px !important;}.mb0 {margin-bottom:0px !important;}.mb1 {margin-bottom:1px !important;}.mb2 {margin-bottom:2px !important;}.mb3 {margin-bottom:3px !important;}.mb4 {margin-bottom:4px !important;}.mb5 {margin-bottom:5px !important;}.mb6 {margin-bottom:6px !important;}.mb7 {margin-bottom:7px !important;}.mb8 {margin-bottom:8px !important;}.mb9 {margin-bottom:9px !important;}.mb10 {margin-bottom:10px !important;}.mb11 {margin-bottom:11px !important;}.mb12 {margin-bottom:12px !important;}.mb13 {margin-bottom:13px !important;}.mb14 {margin-bottom:14px !important;}.mb15 {margin-bottom:15px !important;}.mb16 {margin-bottom:16px !important;}.mb17 {margin-bottom:17px !important;}.mb18 {margin-bottom:18px !important;}.mb19 {margin-bottom:19px !important;}.mb20 {margin-bottom:20px !important;}.mb21 {margin-bottom:21px !important;}.mb22 {margin-bottom:22px !important;}.mb23 {margin-bottom:23px !important;}.mb24 {margin-bottom:24px !important;}.mb25 {margin-bottom:25px !important;}.mb26 {margin-bottom:26px !important;}.mb27 {margin-bottom:27px !important;}.mb28 {margin-bottom:28px !important;}.mb29 {margin-bottom:29px !important;}.mb30 {margin-bottom:30px !important;}.mb31 {margin-bottom:31px !important;}.mb32 {margin-bottom:32px !important;}.mb33 {margin-bottom:33px !important;}.mb34 {margin-bottom:34px !important;}.mb35 {margin-bottom:35px !important;}.mb36 {margin-bottom:36px !important;}.mb37 {margin-bottom:37px !important;}.mb38 {margin-bottom:38px !important;}.mb39 {margin-bottom:39px !important;}.mb40 {margin-bottom:40px !important;}.mb41 {margin-bottom:41px !important;}.mb42 {margin-bottom:42px !important;}.mb43 {margin-bottom:43px !important;}.mb44 {margin-bottom:44px !important;}.mb45 {margin-bottom:45px !important;}.mb46 {margin-bottom:46px !important;}.mb47 {margin-bottom:47px !important;}.mb48 {margin-bottom:48px !important;}.mb49 {margin-bottom:49px !important;}.mb50 {margin-bottom:50px !important;}.ml0 {margin-left:0px !important;}.ml1 {margin-left:1px !important;}.ml2 {margin-left:2px !important;}.ml3 {margin-left:3px !important;}.ml4 {margin-left:4px !important;}.ml5 {margin-left:5px !important;}.ml6 {margin-left:6px !important;}.ml7 {margin-left:7px !important;}.ml8 {margin-left:8px !important;}.ml9 {margin-left:9px !important;}.ml10 {margin-left:10px !important;}.ml11 {margin-left:11px !important;}.ml12 {margin-left:12px !important;}.ml13 {margin-left:13px !important;}.ml14 {margin-left:14px !important;}.ml15 {margin-left:15px !important;}.ml16 {margin-left:16px !important;}.ml17 {margin-left:17px !important;}.ml18 {margin-left:18px !important;}.ml19 {margin-left:19px !important;}.ml20 {margin-left:20px !important;}.ml21 {margin-left:21px !important;}.ml22 {margin-left:22px !important;}.ml23 {margin-left:23px !important;}.ml24 {margin-left:24px !important;}.ml25 {margin-left:25px !important;}.ml26 {margin-left:26px !important;}.ml27 {margin-left:27px !important;}.ml28 {margin-left:28px !important;}.ml29 {margin-left:29px !important;}.ml30 {margin-left:30px !important;}.ml31 {margin-left:31px !important;}.ml32 {margin-left:32px !important;}.ml33 {margin-left:33px !important;}.ml34 {margin-left:34px !important;}.ml35 {margin-left:35px !important;}.ml36 {margin-left:36px !important;}.ml37 {margin-left:37px !important;}.ml38 {margin-left:38px !important;}.ml39 {margin-left:39px !important;}.ml40 {margin-left:40px !important;}.ml41 {margin-left:41px !important;}.ml42 {margin-left:42px !important;}.ml43 {margin-left:43px !important;}.ml44 {margin-left:44px !important;}.ml45 {margin-left:45px !important;}.ml46 {margin-left:46px !important;}.ml47 {margin-left:47px !important;}.ml48 {margin-left:48px !important;}.ml49 {margin-left:49px !important;}.ml50 {margin-left:50px !important;}.p0 {padding:0px !important;}.p1 {padding:1px !important;}.p2 {padding:2px !important;}.p3 {padding:3px !important;}.p4 {padding:4px !important;}.p5 {padding:5px !important;}.p6 {padding:6px !important;}.p7 {padding:7px !important;}.p8 {padding:8px !important;}.p9 {padding:9px !important;}.p10 {padding:10px !important;}.p11 {padding:11px !important;}.p12 {padding:12px !important;}.p13 {padding:13px !important;}.p14 {padding:14px !important;}.p15 {padding:15px !important;}.p16 {padding:16px !important;}.p17 {padding:17px !important;}.p18 {padding:18px !important;}.p19 {padding:19px !important;}.p20 {padding:20px !important;}.p21 {padding:21px !important;}.p22 {padding:22px !important;}.p23 {padding:23px !important;}.p24 {padding:24px !important;}.p25 {padding:25px !important;}.p26 {padding:26px !important;}.p27 {padding:27px !important;}.p28 {padding:28px !important;}.p29 {padding:29px !important;}.p30 {padding:30px !important;}.p31 {padding:31px !important;}.p32 {padding:32px !important;}.p33 {padding:33px !important;}.p34 {padding:34px !important;}.p35 {padding:35px !important;}.p36 {padding:36px !important;}.p37 {padding:37px !important;}.p38 {padding:38px !important;}.p39 {padding:39px !important;}.p40 {padding:40px !important;}.p41 {padding:41px !important;}.p42 {padding:42px !important;}.p43 {padding:43px !important;}.p44 {padding:44px !important;}.p45 {padding:45px !important;}.p46 {padding:46px !important;}.p47 {padding:47px !important;}.p48 {padding:48px !important;}.p49 {padding:49px !important;}.p50 {padding:50px !important;}.pt0 {padding-top:0px !important;}.pt1 {padding-top:1px !important;}.pt2 {padding-top:2px !important;}.pt3 {padding-top:3px !important;}.pt4 {padding-top:4px !important;}.pt5 {padding-top:5px !important;}.pt6 {padding-top:6px !important;}.pt7 {padding-top:7px !important;}.pt8 {padding-top:8px !important;}.pt9 {padding-top:9px !important;}.pt10 {padding-top:10px !important;}.pt11 {padding-top:11px !important;}.pt12 {padding-top:12px !important;}.pt13 {padding-top:13px !important;}.pt14 {padding-top:14px !important;}.pt15 {padding-top:15px !important;}.pt16 {padding-top:16px !important;}.pt17 {padding-top:17px !important;}.pt18 {padding-top:18px !important;}.pt19 {padding-top:19px !important;}.pt20 {padding-top:20px !important;}.pt21 {padding-top:21px !important;}.pt22 {padding-top:22px !important;}.pt23 {padding-top:23px !important;}.pt24 {padding-top:24px !important;}.pt25 {padding-top:25px !important;}.pt26 {padding-top:26px !important;}.pt27 {padding-top:27px !important;}.pt28 {padding-top:28px !important;}.pt29 {padding-top:29px !important;}.pt30 {padding-top:30px !important;}.pt31 {padding-top:31px !important;}.pt32 {padding-top:32px !important;}.pt33 {padding-top:33px !important;}.pt34 {padding-top:34px !important;}.pt35 {padding-top:35px !important;}.pt36 {padding-top:36px !important;}.pt37 {padding-top:37px !important;}.pt38 {padding-top:38px !important;}.pt39 {padding-top:39px !important;}.pt40 {padding-top:40px !important;}.pt41 {padding-top:41px !important;}.pt42 {padding-top:42px !important;}.pt43 {padding-top:43px !important;}.pt44 {padding-top:44px !important;}.pt45 {padding-top:45px !important;}.pt46 {padding-top:46px !important;}.pt47 {padding-top:47px !important;}.pt48 {padding-top:48px !important;}.pt49 {padding-top:49px !important;}.pt50 {padding-top:50px !important;}.pr0 {padding-right:0px !important;}.pr1 {padding-right:1px !important;}.pr2 {padding-right:2px !important;}.pr3 {padding-right:3px !important;}.pr4 {padding-right:4px !important;}.pr5 {padding-right:5px !important;}.pr6 {padding-right:6px !important;}.pr7 {padding-right:7px !important;}.pr8 {padding-right:8px !important;}.pr9 {padding-right:9px !important;}.pr10 {padding-right:10px !important;}.pr11 {padding-right:11px !important;}.pr12 {padding-right:12px !important;}.pr13 {padding-right:13px !important;}.pr14 {padding-right:14px !important;}.pr15 {padding-right:15px !important;}.pr16 {padding-right:16px !important;}.pr17 {padding-right:17px !important;}.pr18 {padding-right:18px !important;}.pr19 {padding-right:19px !important;}.pr20 {padding-right:20px !important;}.pr21 {padding-right:21px !important;}.pr22 {padding-right:22px !important;}.pr23 {padding-right:23px !important;}.pr24 {padding-right:24px !important;}.pr25 {padding-right:25px !important;}.pr26 {padding-right:26px !important;}.pr27 {padding-right:27px !important;}.pr28 {padding-right:28px !important;}.pr29 {padding-right:29px !important;}.pr30 {padding-right:30px !important;}.pr31 {padding-right:31px !important;}.pr32 {padding-right:32px !important;}.pr33 {padding-right:33px !important;}.pr34 {padding-right:34px !important;}.pr35 {padding-right:35px !important;}.pr36 {padding-right:36px !important;}.pr37 {padding-right:37px !important;}.pr38 {padding-right:38px !important;}.pr39 {padding-right:39px !important;}.pr40 {padding-right:40px !important;}.pr41 {padding-right:41px !important;}.pr42 {padding-right:42px !important;}.pr43 {padding-right:43px !important;}.pr44 {padding-right:44px !important;}.pr45 {padding-right:45px !important;}.pr46 {padding-right:46px !important;}.pr47 {padding-right:47px !important;}.pr48 {padding-right:48px !important;}.pr49 {padding-right:49px !important;}.pr50 {padding-right:50px !important;}.pb0 {padding-bottom:0px !important;}.pb1 {padding-bottom:1px !important;}.pb2 {padding-bottom:2px !important;}.pb3 {padding-bottom:3px !important;}.pb4 {padding-bottom:4px !important;}.pb5 {padding-bottom:5px !important;}.pb6 {padding-bottom:6px !important;}.pb7 {padding-bottom:7px !important;}.pb8 {padding-bottom:8px !important;}.pb9 {padding-bottom:9px !important;}.pb10 {padding-bottom:10px !important;}.pb11 {padding-bottom:11px !important;}.pb12 {padding-bottom:12px !important;}.pb13 {padding-bottom:13px !important;}.pb14 {padding-bottom:14px !important;}.pb15 {padding-bottom:15px !important;}.pb16 {padding-bottom:16px !important;}.pb17 {padding-bottom:17px !important;}.pb18 {padding-bottom:18px !important;}.pb19 {padding-bottom:19px !important;}.pb20 {padding-bottom:20px !important;}.pb21 {padding-bottom:21px !important;}.pb22 {padding-bottom:22px !important;}.pb23 {padding-bottom:23px !important;}.pb24 {padding-bottom:24px !important;}.pb25 {padding-bottom:25px !important;}.pb26 {padding-bottom:26px !important;}.pb27 {padding-bottom:27px !important;}.pb28 {padding-bottom:28px !important;}.pb29 {padding-bottom:29px !important;}.pb30 {padding-bottom:30px !important;}.pb31 {padding-bottom:31px !important;}.pb32 {padding-bottom:32px !important;}.pb33 {padding-bottom:33px !important;}.pb34 {padding-bottom:34px !important;}.pb35 {padding-bottom:35px !important;}.pb36 {padding-bottom:36px !important;}.pb37 {padding-bottom:37px !important;}.pb38 {padding-bottom:38px !important;}.pb39 {padding-bottom:39px !important;}.pb40 {padding-bottom:40px !important;}.pb41 {padding-bottom:41px !important;}.pb42 {padding-bottom:42px !important;}.pb43 {padding-bottom:43px !important;}.pb44 {padding-bottom:44px !important;}.pb45 {padding-bottom:45px !important;}.pb46 {padding-bottom:46px !important;}.pb47 {padding-bottom:47px !important;}.pb48 {padding-bottom:48px !important;}.pb49 {padding-bottom:49px !important;}.pb50 {padding-bottom:50px !important;}.pl0 {padding-left:0px !important;}.pl1 {padding-left:1px !important;}.pl2 {padding-left:2px !important;}.pl3 {padding-left:3px !important;}.pl4 {padding-left:4px !important;}.pl5 {padding-left:5px !important;}.pl6 {padding-left:6px !important;}.pl7 {padding-left:7px !important;}.pl8 {padding-left:8px !important;}.pl9 {padding-left:9px !important;}.pl10 {padding-left:10px !important;}.pl11 {padding-left:11px !important;}.pl12 {padding-left:12px !important;}.pl13 {padding-left:13px !important;}.pl14 {padding-left:14px !important;}.pl15 {padding-left:15px !important;}.pl16 {padding-left:16px !important;}.pl17 {padding-left:17px !important;}.pl18 {padding-left:18px !important;}.pl19 {padding-left:19px !important;}.pl20 {padding-left:20px !important;}.pl21 {padding-left:21px !important;}.pl22 {padding-left:22px !important;}.pl23 {padding-left:23px !important;}.pl24 {padding-left:24px !important;}.pl25 {padding-left:25px !important;}.pl26 {padding-left:26px !important;}.pl27 {padding-left:27px !important;}.pl28 {padding-left:28px !important;}.pl29 {padding-left:29px !important;}.pl30 {padding-left:30px !important;}.pl31 {padding-left:31px !important;}.pl32 {padding-left:32px !important;}.pl33 {padding-left:33px !important;}.pl34 {padding-left:34px !important;}.pl35 {padding-left:35px !important;}.pl36 {padding-left:36px !important;}.pl37 {padding-left:37px !important;}.pl38 {padding-left:38px !important;}.pl39 {padding-left:39px !important;}.pl40 {padding-left:40px !important;}.pl41 {padding-left:41px !important;}.pl42 {padding-left:42px !important;}.pl43 {padding-left:43px !important;}.pl44 {padding-left:44px !important;}.pl45 {padding-left:45px !important;}.pl46 {padding-left:46px !important;}.pl47 {padding-left:47px !important;}.pl48 {padding-left:48px !important;}.pl49 {padding-left:49px !important;}.pl50 {padding-left:50px !important;}.bt0 {border-top:0px solid #ccc !important;}.bt1 {border-top:1px solid #ccc !important;}.bt2 {border-top:2px solid #ccc !important;}.bt3 {border-top:3px solid #ccc !important;}.bt4 {border-top:4px solid #ccc !important;}.bt5 {border-top:5px solid #ccc !important;}.br0 {border-right:0px solid #ccc !important;}.br1 {border-right:1px solid #ccc !important;}.br2 {border-right:2px solid #ccc !important;}.br3 {border-right:3px solid #ccc !important;}.br4 {border-right:4px solid #ccc !important;}.br5 {border-right:5px solid #ccc !important;}.bb0 {border-bottom:0px solid #ccc !important;}.bb1 {border-bottom:1px solid #ccc !important;}.bb2 {border-bottom:2px solid #ccc !important;}.bb3 {border-bottom:3px solid #ccc !important;}.bb4 {border-bottom:4px solid #ccc !important;}.bb5 {border-bottom:5px solid #ccc !important;}.bl0 {border-left:0px solid #ccc !important;}.bl1 {border-left:1px solid #ccc !important;}.bl2 {border-left:2px solid #ccc !important;}.bl3 {border-left:3px solid #ccc !important;}.bl4 {border-left:4px solid #ccc !important;}.bl5 {border-left:5px solid #ccc !important;}	.ddn {display: none !important;}
	</style>

<div id="guncellendi" class="updated alert alert-success"><i class="fa fa-check" style="font-size: 20px; margin-right: 10px;"></i> Güncellendi</div>
<div id="AddBasket" class="addbasket pulse"></div>
<div id="Addfav" class="addfav"></div>
<div id="AddLike" class="addlike"></div>
<div class="rside">
	<i class="fa fa-close" onclick="toggle('.rside');" style="margin-left: -24px; font-size: 24px; position: absolute; cursor:pointer;"></i>
	<div id="rside"></div>
</div>
<div id="preload" style="">
	<img border="0" src="http://mutluaile.org.tr/deppo/tools/img/loading.svg" alt="preloader" style="max-height:150px;">
</div>
<div id="AjaxSuccess"><img border="0" src="http://mutluaile.org.tr/deppo/tools/img/saved.gif" alt="saved" style="max-height:150px;"></div>
<script src="//cdn.v3medya.com/js/inc.js" id="wjs" lang="lang1" url="www.mutluaile.org.tr" pow="Ritim Ajans" ver="V0.1214"></script> 
<!--[if lt IE 9]><script src='http://mutluaile.org.tr/deppo/tools/js/html5.js'></script><![endif]--> 
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.0.47/jquery.fancybox.min.css" /> 

<script type="text/javascript">
//#Eticaret --------------------------->
function check(e){
	var Rb_Name = e.getAttribute("data-name");
	var Rb_ID = e.getAttribute("data-id");
	jQuery("#check").load('sale/ajax.php?ne=check&id=&Rb_ID='+Rb_ID+'&Rb_Name='+Rb_Name+'');
	return false;
}

//.discalert:yazı alanı, #ikod:input, data-price:Toplam Fiyat, inputID:Fiyat Değişecekse
function discount(e){
	var ID = e.getAttribute("id");
	var Price = e.getAttribute("data-price");
	var inputID = e.getAttribute("inputID");
	var ikod = jQuery("#ikod").val();
	jQuery(".discalert").load("sale/ajax.php?ne=discount&ikod="+ikod+"&price="+Price+"&inputID="+inputID+"");
	return false;
}

	function AddBasket(ID){
		var rb_id = jQuery("#bID"+ID+"").attr("rb_id");
		jQuery('#AddBasket').fadeOut('slow');
		jQuery('#AddBasket').fadeIn('slow');
		if (typeof rb_id === "undefined") {
			var basketurl = "sale/ajax.php?ne=basket&islem=ekle&id="+ID+"";
		}else{
			var basketurl = "sale/ajax.php?ne=basket&islem=ekle&id="+ID+"&Rb_ID="+rb_id+"";
		}
		jQuery.get(basketurl)
        .done(function(data){
			if(data.substr(0,4)=="url:"){
				location.href=data.replace('url:','');
			}else{
				jQuery('#AddBasket').html(data);
				jQuery(".qbasket").load("sale/ajax.php?ne=basket&islem=qbasket");
				jQuery(".pbasket").load("sale/ajax.php?ne=basket&islem=pbasket");
				jQuery(".mbasket").load("sale/ajax.php?ne=basket&islem=mbasket");
				stime('#AddBasket', 'show', '3200');
			}
        });
	};

	function AddBasketForm(url,id){
		jQuery('#AddBasket').fadeOut('slow');
		jQuery('#AddBasket').fadeIn('slow');

		jQuery.post(url, jQuery(id).serialize())
        .done(function(data){
            jQuery('#AddBasket').html(data);
			jQuery(".qbasket").load("sale/ajax.php?ne=basket&islem=qbasket");
			jQuery(".pbasket").load("sale/ajax.php?ne=basket&islem=pbasket");
			jQuery(".mbasket").load("sale/ajax.php?ne=basket&islem=mbasket");
			stime('#AddBasket', 'show', '3200');
        });
		
        return false;
	}


//Sidebar Basket
	function sbasket(){
		jQuery("#rside").load("sale/ajax.php?ne=basket&islem=mbasket");
	};
//#Eticaret --------------------------->

	function AjaxKaydet2(){
		for(var dilan in CKEDITOR.instances)
			CKEDITOR.instances[dilan].updateElement();
		jQuery.ajax({type: "POST", url: "?panel/ilan/kilan/",
			data: jQuery('#autosave').serialize(), success: function () {
				setTimeout(function () { jQuery('#AjaxSuccess').fadeIn('slow'); }, 500);  setTimeout(function () { jQuery('#AjaxSuccess').delay(1500).fadeOut('slow'); }, 500);
			}
		});
	}

	jQuery(document).ready(function(){
		jQuery(".loading").click(function() {
		setTimeout(function () {
			jQuery(".loading").attr("disabled", true);
			jQuery(".loading").html('<img src="http://mutluaile.org.tr/crmplus/assets/img/loading.gif" style="height:16px; margin-top:-5px"> Yükleniyor');
		}, 100);
		});
	});

    //-------------kontrol-->
	//class="fcontrol" data-url="account/ajax.php?islem=check&stn=t2" data-result="cmail"
    jQuery(document).ready(function(){
    	jQuery('.fcontrol').keyup(function(){
    		var field_value = jQuery(this).val();
    		var durl = jQuery(this).data("url");
			var dresult = jQuery(this).data("result");
    		if (field_value != ''){
    			jQuery.ajax({
    				url: '' + durl + '&val=' + jQuery(this).val(), type: 'POST', success: function(result){ document.getElementById(dresult).innerHTML = result;}
    			});
    		}
    	});
	});

//Modal
	jQuery(function() {
		jQuery(".mfrm").click(function () {
			var title = jQuery(this).attr("data-title");
			jQuery(".modal-title").text(title);
			jQuery('#myModal').modal('show');
			var theModal = "#myModal",
			frmSRC = jQuery(this).attr("data-url");
			var refSRC = jQuery(this).attr("data-ref");
			if(refSRC != undefined){
				jQuery(theModal + ' .mcbtn').attr('onclick', 'location.href=\''+refSRC+'\'');
			}
			jQuery(theModal + ' iframe').attr('src', frmSRC);
			jQuery(theModal + ' button.close').click(function () {
				jQuery(theModal + ' iframe').attr('src', 'about:blank');
			});
		});
	});
//	<i class="mfrm full fa fa-pencil" data-url="http://.."></i>

	jQuery(".cmdl").click(function (){
		//jQuery('#preload').fadeIn('slow');
		event.preventDefault();
		hide('myModal');
		jQuery('.modal-backdrop').fadeOut('slow');
		//jQuery('#preload').fadeOut('slow');
	});

/*	<i class="pedit full fa fa-pencil" data-id="80"></i> veya onload için
	jQuery(".pedit").on('click', function() {
		jQuery('#myModal').modal('show');
		var theModal = "#myModal",
		frmSRC = "panel/edit.php?ne=epage&id=" + jQuery(this).attr("data-id") + "";
		jQuery(theModal + ' iframe').attr('src', frmSRC);
	});
*/
//Modal

//More Div
	function more(id){		
    if (jQuery(id).height() != 100)
		jQuery(id).css('height', '100');
    else
		jQuery(id).css('height', 'auto');
	};


//adet arttırma
	function qty(op){			
	  var oldValue = jQuery(".qty").val();
	  if (op == "+") {
		  var newVal = parseFloat(oldValue) + 1;
		} else {
	   if (oldValue > 0) {
		  var newVal = parseFloat(oldValue) - 1;
		} else {
		  newVal = 0;
		}
	  }
	  jQuery(".qty").val(newVal);
	};


//checked onclick
	function cbox(id){		 
        if(jQuery(id).is(":checked")){
			jQuery(id).prop("checked", false);
			jQuery('.actived').toggleClass('actived');
			jQuery("" + id + "a").toggleClass('actived');
        }else if(jQuery(id).is(":not(:checked)")){
			jQuery(id).prop("checked", true);
			jQuery('.actived').toggleClass('actived');
			jQuery("" + id + "a").toggleClass('actived');
		}
	};

// Load div
	var loadFunction=function(ne,did){
		jQuery(did).load(ne);
	}

//İnput value Transfer
	function vtransfer(s,t){
		var s = jQuery(s).val();
					jQuery(t).val(s);
	}

//fly header
	 jQuery(window).scroll(function(){
		 if (jQuery(this).scrollTop() > 100){
			 jQuery('#hfix').addClass('hfix');
			 jQuery('#tfix').addClass('tfix');
		 } else {
			 jQuery('#hfix').removeClass('hfix');
			 jQuery('#tfix').removeClass('tfix');
		 }
	 });

//Add Class
	jQuery(document).ready(function () {
		jQuery('body').addClass('watolye');
	});

//Toggle
	function toggle(id,effect){
		jQuery(id).toggle(effect, function() {
			// Animation complete.
		});
	}

	function AjaxKaydet(){
		for(var dilan in CKEDITOR.instances)
			CKEDITOR.instances[dilan].updateElement();
		jQuery.ajax({type: "POST", url: "?panel/ilan/kilan/",
			data: jQuery('#autosave').serialize(), success: function (){
				setTimeout(function () { jQuery('#guncellendi').fadeIn('slow'); }, 500);  setTimeout(function () { jQuery('#guncellendi').delay(3000).fadeOut('slow'); }, 500);
			}
		});
	}

	function AddFav(ID,ne){
		jQuery('#AddFav').fadeOut('slow');
		jQuery('#AddFav').fadeIn('slow');
		jQuery.get("func.php?islem=fav&ne="+ne+"&id="+ID+"")
        .done(function(data){
			if(data.substr(0,4)=="url:"){
				location.href=data.replace('url:','');
			}else{
				jQuery('#AddFav').html(data);
				stime('#AddFav', 'show', '3200');
			}
        });
	};

	function AddLike(ID,ne){
		jQuery('#AddLike').fadeOut('slow');
		jQuery('#AddLike').fadeIn('slow');
		jQuery.get("func.php?islem=like&ne="+ne+"&id="+ID+"")
        .done(function(data){
			if(data.substr(0,4)=="url:"){
				location.href=data.replace('url:','');
			}else{
				jQuery('#AddLike').html(data);
				stime('#AddLike', 'show', '3200');
			}
        });
	};


/*
url:işlemURL
id:formID
result:dönüş divID
loadurl:dönüş loadURL + result
*/
	function AjaxPost(url,id,result,loadurl){
		jQuery('#preload').fadeIn('slow');
		jQuery.post(url, jQuery(id).serialize())
        .done(function(data){
if(loadurl!=""){
			show(result.replace('#',''));
			jQuery(result).load(loadurl);
			jQuery('#preload').fadeOut('slow');
}else{
			if(result.substr(0,1)!=""){
				if(result.substr(0,1)=="#"){
					if (data.trim().length >0){
						show(result.replace('#',''));
						jQuery(result).text("İşlem Başarılı !");
					}else{
						show(result.replace('#',''));
						jQuery(result).text("Hata Oluştu.!");
					}
				}else{
					//setTimeout(function(){location.href=result} , 500);
				}
			}else{
				setTimeout(function(){location.href="http://mutluaile.org.tr"} , 500);
			}
}
        });
		
        return false;
	}
//result "#" ile başlarsa success, url gönderilirse işlem sonu url, url gelmezse, weburl
	
	function AjaxGet(url,result,loadurl){
		jQuery('#preload').fadeIn('slow');
		jQuery.get(url)
        .done(function(data) {
if(loadurl!=""){
			show(result.replace('#',''));
			jQuery(result).load(loadurl);
			jQuery('#preload').fadeOut('slow');
}else{
			if(result.substr(0,1)!=""){			
				if(result.substr(0,1)=="#"){
					if (data.trim().length >0){
						show(result.replace('#',''));
						jQuery(result).text("İşlem Başarılı !");
					}else{
						show(result.replace('#',''));
						jQuery(result).text("Hata Oluştu.!");
					}
				}else{
					setTimeout(function(){location.href=result} , 500);
				}
			}else{
				setTimeout(function(){location.href="http://mutluaile.org.tr"} , 500);
			}
}
        });
        return false;
	}
//result "#" ile başlarsa success, url gönderilirse işlem sonu url, url gelmezse, weburl

/*
url:işlemURL
id:Post formID, boşsa Get olur
result:dönüş divID
*/
	function AjaxPResult(url,id,result,pl,cke){
if(cke!=''){
		for(var ckeform in CKEDITOR.instances) CKEDITOR.instances[ckeform].updateElement();
}
if(pl!='nopl'){
		jQuery('#preload').fadeIn('slow');
}
		jQuery.post(url, jQuery(id).serialize())
        .done(function(data){
			if(data.substr(0,4)=="url:"){
				location.href=data.replace('url:','');
			}else{
				hide('preload');
				show(result.replace('#',''));
				jQuery(result).html(data);
			}
        });
        return false;
	}

	function AjaxGResult(url,id,result){
		jQuery('#preload').fadeIn('slow');
		jQuery.get(url)
        .done(function(data){
			if(data.substr(0,4)=="url:"){
				location.href=data.replace('url:','');
			}else{
				hide('preload');
				show(result.replace('#',''));
				jQuery(result).html(data);
			}
        });
        return false;
	}
//eğer url: ile başlarsa url, değilse text


	jQuery(document).on('click','[data-size]',function(e){
		e.preventDefault();
		var _this=jQuery(this);
		if(_this.data('size')=="small"){
			var m = document.getElementById("modal-size");
			m.className += " v3-modal-sm";
		}else if(_this.data('size')=="large"){
			var m = document.getElementById("modal-size");
			m.className += " v3-modal-lg";
		}
	});

	jQuery(document).on('click','[data-form]',function(e){
		jQuery('#preload').fadeIn('slow');
		e.preventDefault();
		var _this=jQuery(this);
		var form = jQuery(_this.data('form'));
		var formdata = false;
		if (window.FormData){
			formdata = new FormData(form[0]);
		}
		var formAction = form.attr('action');
		jQuery.ajax({
			url         	: _this.data('url'),
			data        	: formdata ? formdata : form.serialize(),
			cache       : false,
			contentType : false,
			processData : false,
			type        	: 'POST',
			success    : function(data, textStatus, jqXHR){
				show('mmesaj');
				jQuery('#preload').fadeOut('slow');
			}
		});
	});
	//data-url="func.php?islem=fmail" data-form="#iform"

function ctoggle(attr,sh){
	if(sh=="hide"){
		jQuery(attr).hide(100);
	}else if(sh=="show"){
		jQuery(attr).show(100);
	}
}
function hide(attr){
	if(attr[0]=="." || attr[0]=="#"){
		jQuery(attr).fadeOut("slow");
	}else{
		jQuery('#'+attr+'').fadeOut("slow");
	}	
}
function show(attr){
	if(attr[0]=="." || attr[0]=="#"){
		jQuery(attr).fadeIn("slow");
	}else{
		jQuery('#'+attr+'').fadeIn("slow");
	}
}
function vtr(id){var divObject=document.getElementById(id); divObject.style.visibility="visible";divObject.style.display="contents";}
function htr(id){var divObject=document.getElementById(id); divObject.style.visibility="hidden";divObject.style.display="none";}

function stime(id,islem,sure){
	if(islem=="show"){
		jQuery(id).fadeIn('slow');
	}else{
		jQuery(id).fadeOut('slow');
	}
	if(sure!=""){
		setTimeout(function() {
			jQuery(id).fadeOut('slow');
		},sure);
	}
}

jQuery(function(){
	jQuery('form.fcontrol button').prop('disabled',true);
	jQuery('form.fcontrol .icontrol').css("border-left","1px solid red");
});

jQuery(document).on('input','form.fcontrol .icontrol',function(e){
	if(jQuery('form.fcontrol .icontrol').filter(function() { return this.value == ""; }).length==0){
		jQuery('form.fcontrol').find('.alert1').remove();
		jQuery('form.fcontrol button').prop('disabled',false);
		jQuery(this).css("border-left","0px solid red");
	}else{
		jQuery(this).css("border-left","0px solid red");
		jQuery('form.fcontrol button').prop('disabled',true);
		if(jQuery('form.fcontrol').find('.alert1').length==0){
			jQuery('form.fcontrol').prepend('<span class="v3-col-md-12 alert alert-danger alert1" style="padding:5px; width:95%;">Formda boş alanlar var</span><br>');
		}
	}
});

jQuery(function(){
	jQuery('form.fcontrol2 button').prop('disabled',true);
});

jQuery(document).on('input','form.fcontrol2 .icontrol',function(e){
	if(jQuery('form.fcontrol2 .icontrol').filter(function() { return this.value == ""; }).length==0){
		jQuery('form.fcontrol2').find('.alert2').remove();
		jQuery('form.fcontrol2 button').prop('disabled',false);
	}else{
		jQuery('form.fcontrol2 button').prop('disabled',true);
		if(jQuery('form.fcontrol2').find('.alert2').length==0){
			jQuery('form.fcontrol2').prepend('<span class="v3-col-md-12 alert alert-danger alert2" style="padding:5px; width:95%;">Formda boş alanlar var</span><br>');
		}
	}
});

jQuery(function(){
	jQuery('form.fcontrol3 button').prop('disabled',true);
});

jQuery(document).on('input','form.fcontrol3 .icontrol',function(e){
	if(jQuery('form.fcontrol3 .icontrol').filter(function() { return this.value == ""; }).length==0){
		jQuery('form.fcontrol3').find('.alert3').remove();
		jQuery('form.fcontrol3 button').prop('disabled',false);
	}else{
		jQuery('form.fcontrol3 button').prop('disabled',true);
		if(jQuery('form.fcontrol3').find('.alert3').length==0){
			jQuery('form.fcontrol3').prepend('<span class="v3-col-md-12 alert alert-danger alert3" style="padding:5px; width:95%;">Formda boş alanlar var</span><br>');
		}
	}
});


//<form class="fcontrol">
//<input type="text" class="icontrol">
//</form>


//!-- Fade Out -->
jQuery(window).load(function(){
	setTimeout(function(){jQuery('.v3_mbox').fadeOut() }, 3000);
});
//<div class="v3_mbox"></div>
//!-- Fade Out -->

//!-- Sadece Sayı -->
function IsNumeric(nesne){var ValidChars = "0123456789.";
var IsNumber=true;
var Char;
for (i = 0; i < nesne.value.length && IsNumber == true; i++){Char = nesne.value.charAt(i); 
	if (ValidChars.indexOf(Char) == -1) {// alert('Lütfen Sadece Sayısal Değer Giriniz')
		nesne.value = nesne.value.substring(0,i);
	break;}}
	return IsNumber;}
	//<input name="" type="text" onKeyUp="IsNumeric(this);">
//!-- Sadece Sayı -->

//!-- Font Boyut -->
function degistir(kaynak, deger) {
	var hedef = document.getElementById(kaynak);
	var hedeffont = parseInt(hedef.style.fontSize, 10)
	hedef.style.fontSize = (hedeffont + parseInt(deger, 10)) + 'px';
}
	//Kullanımı onClick="degistir('ContentID','2');"
//!-- Font Boyut -->

//!-- Lazyload -->

//!-- LightBOX-1 -->


//var frmvalidator = new Validator("FormID");
//frmvalidator.addValidation("Zorunlu","req","Lütfen Adınızı Giriniz");
//frmvalidator.addValidation("max50","maxlen=50");
//frmvalidator.addValidation("Email","email");
//frmvalidator.addValidation("Numara","numeric");
</script><!-- CSS
	============================================ -->
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="css\bootstrap.min.css">
    <!-- Icon Font CSS -->
    <link rel="stylesheet" href="css\font-awesome.min.css">
    <!-- Plugins CSS -->
    <link rel="stylesheet" href="css\plugins.css">
    <!-- ycp -->
    <link rel="stylesheet" href="css\ycp.css">
    <!-- Style CSS -->
    <link rel="stylesheet" href="style.css">
    <!-- Modernizer JS -->
    <script src="js\vendor\modernizr-2.8.3.min.js"></script><div style="display:none; background-image:url('deppo/tools/img/trns.png'); margin-top:-20px;" class="v3icerik" id="icerik" align="center" onclick="icerik.location.href='about:blank'; hide('icerik'); lmedya();">
	<div style="margin-top:10% !important; width:60% !important; height:60% !important; position:relative; border:solid 5px #ccc; background-color:#fff;" class="v3-img-thumbnail">
		<div style="margin-top:10px; position:absolute; right:-20px; top:-35px; width:32px; height:32px; z-index:9999999999999999999;"><a href="about:blank" target="icerik" class="fa fa-remove" onclick="hide('icerik')" style="cursor:pointer;font-size:30px;" id="ajxsepet"></a></div>
		<iframe class="iframe" name="icerik"></iframe>
	</div>
</div>

<!-- Trigger the modal with a button 

-->
<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="display:none;z-index: 9999999;background: #00000085;">
	<div class="modal-dialog modal-lg">
		<div class="modal-content">
			<div class="modal-header" style="min-height: 60px;">
				<h4 class="modal-title" id="myModalLabel" style="width: 60%; float: left;">Modal Başlık</h4>
				<a class="mcbtn">
					<i class="fa fa-times close btn btn-default cmdl"  data-dismiss="modal" data-target="#myModal" data-url="about:blank" style="color: antiquewhite;"></i>
				</a>
			</div>
			<div class="modal-body">
				<iframe class="iframe" width="100%" height="500" src="" name="modal" frameborder="0" style="min-height:500px;" allowfullscreen></iframe>
			</div>
		</div>
		<!-- /.modal-content -->
	</div>
	<!-- /.modal-dialog -->
</div>
<!-- /.modal -->

<div id="islem" style="background-color:#fff; position:fixed; left:-1px; top:-2px; margin:0px; height:35px; width:100%; border:solid 1px #ccc; z-index:999999999; display:none;">
	<iframe class="iframe" name="islem" style="width:98%; float:left;" scrolling="no"></iframe>
	<i class="fa fa-remove" style="cursor:pointer; float:right; font-size:20px; margin-top:6px; margin-right:10px;" onclick="hide('islem')"></i>
</div>

<div class="message-box animated fadeIn" data-sound="alert" id="mmesaj">
	<div class="mb-container">
		<div class="mb-middle">
			<div class="mb-title"><span class="fa fa-check"></span> İşlem Başarılı !</div>
			<div class="mb-content">
				<p>Bizi tercih Ettiğiniz için Teşekkürler</p>
			</div>
			<div class="mb-footer">
				<div class="pull-right">
					<a href="?" style="cursor:pointer;" onclick="hide('mmesaj')" class="v3-btn v3-btn-default v3-btn-lg mb-control-close">Kapat</a>
				</div>
			</div>
		</div>
	</div>
</div>

</head>
<!--[if lt IE 9]>
<div style="background-color:#FFF1A8; opacity:0.2; position:fixed; left:0px; top:0px; width:99.8%; padding:10px; border:solid 1px #ccc; z-index:99999999999999999999999999999999; text-align:center;" id="uyari">Web Sitesi tarafından artık desteklenmeyen bir Internet Explorer sürümünü kullanıyorsunuz. Bazı özellikler doğru çalışmayabilir. <a href="https://www.google.com/intl/tr/chrome/browser/promo/gmail/?brand=CHHM" target="_blank" style="color:#1155CC; font-weight:bold;">Google Chrome</a> gibi <a href="https://www.google.com/intl/tr/chrome/browser/promo/gmail/?brand=CHHM" target="_blank" style="color:#1155CC; font-weight:bold;">modern bir tarayıcıya</a> geçin. <a href="javascript:hide('uyari');" style="color:#1155CC; font-weight:bold;">Yoksay</a></div>
<![endif]-->

<body>

<!-- Main Wrapper -->
<div id="main-wrapper">
    
    <!-- Header Top Start -->
    <div class="header-top section">
        <div class="container">
            <div class="row">
               
                <!-- Header Top Links Start -->
                <div class="header-top-links col-md-9 col-6">
                    
                    <!-- Header Links -->
                    <ul class="header-links">
                        <li class="disabled block d-none d-md-block"><a href="#"><i class="fa fa-clock-o"></i>03.06.2023</a></li>
                        <li class="d-none d-md-block"><a href="#"><i class="fa fa-mixcloud"></i> <span class="weather-degrees">20 <span class="unit">c</span> </span> <span class="weather-location">- İstanbul</span></a></li>
                        <li><a href="?i86/iletisim"><i class="fa fa-headphones"></i>İletişim</a></li>
                        <li><a href="?b4/haberler">Blog Sayfamız</a></li>
                    </ul>
                    
                </div><!-- Header Top Links End -->
                
                <!-- Header Top Social Start -->
                <div class="header-top-social col-md-3 col-6">
                    
                    <!-- Header Social -->
                    <div class="header-social">
                        <a href="https://www.facebook.com/mutluaile4439186" target="_blank"><i class="fa fa-facebook"></i></a>
                        <a href="https://www.instagram.com/mutluailemutlucocuk" target="_blank"><i class="fa fa-instagram"></i></a>
                        <a href="https://youtube.com/c/MutluAile" target="_blank"><i class="fa fa-youtube-play"></i></a>
                    </div>
                    
                </div><!-- Header Top Social End -->
                
            </div>
        </div>
    </div><!-- Header Top End -->
    
    <!-- Header Start -->
    <div class="header-section section">
        <div class="container">
            <div class="row align-items-center">
               
                <!-- Header Logo -->
                <div class="header-logo col-md-4 d-none d-md-block">
                    <a href="." class="logo"><img src="http://mutluaile.org.tr/deppo/image/logo-8e628.png" alt="Mutlu Aile Mutlu Çocuk Derneği"></a>
                </div>
                
                <!-- Header Banner -->
                <div class="header-banner col-md-8 col-12">
                    <div class="banner"><a href='#'  target='_self'><img src='http://mutluaile.org.tr/deppo/rek-lam/fe413.png' style="max-width:100%;" /></a></div>
                </div>
                
            </div>
        </div>
    </div><!-- Header End -->
    
    <!-- Menu Section Start -->
    <div class="menu-section section bg-dark">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="menu-section-wrap">

                        <!-- Main Menu Start -->
                        <div class="main-menu float-left d-none d-md-block">
                            <nav>
                                <ul>
									<li class=""><a href=".">ANASAYFA</a>
                                        
                                    </li>
									<li class="has-dropdown"><a href="?s164/kurumsal">Kurumsal</a>
                                        <!-- Submenu Start -->
                                        <ul class="sub-menu">
                                            												<li><a href="?s84/dernek-tuzugu">Dernek Tüzüğü</a></li>
																							<li><a href="?s81/hakkimizda">Hakkımızda</a></li>
																							<li><a href="?s139/yonetim-kurulu">Yönetim Kurulu</a></li>
											                                        </ul><!-- Submenu End -->
                                        
                                    </li>
                                    <li class="has-dropdown"><a href="?s83/birimlerimiz">Birimlerimiz</a>
                                       
                                        <!-- Mega Menu Start -->
                                        <div class="mega-menu">
                                        
                                            <!-- Menu Tab List Start -->
                                            <ul class="menu-tab-list nav">
                                                <li><a class="active" data-toggle="tab" href="#menu-tab-one">Tümü</a></li>
                                                <li><a data-toggle="tab" href="#menu-tab-1">Çocuk Birimi</a></li>
                                                <li><a data-toggle="tab" href="#menu-tab-2">Eğitim Birimi</a></li>
                                                <li><a data-toggle="tab" href="#menu-tab-3">Gençlik Birimi</a></li>
                                                <li><a data-toggle="tab" href="#menu-tab-4">Akademik Birim</a></li>
                                                <li><a data-toggle="tab" href="#menu-tab-5">Proje Birimi</a></li>
                                                <li><a data-toggle="tab" href="#menu-tab-6">MAPAM</a></li>
                                                <li><a data-toggle="tab" href="#menu-tab-7">İletişim ve Tanıtım Birimi</a></li>
                                            </ul><!-- Menu Tab List End -->

                                            <!-- Menu Tab Content Start -->
                                            <div class="tab-content menu-tab-content fix">

                                                <!-- Menu Tab Pane Start -->
                                                <div class="tab-pane fade show active" id="menu-tab-1">
                                                    <div class="row">
                                                    </div>
                                                </div><!-- Menu Tab Pane End -->
                                                <div class="tab-pane fade show " id="menu-tab-2">
                                                    <div class="row">
                                                    </div>
                                                </div><!-- Menu Tab Pane End -->
                                                <div class="tab-pane fade show " id="menu-tab-3">
                                                    <div class="row">
                                                        <!-- Post Start -->
                                                        <div class="post post-small col-lg-3 col-md-4 mb-30">
                                                            <div class="post-wrap">
                                                                <a href="?s232/hanemde-ramazan-fotograf-yarismasi-sartname" class="image"><img src="deppo/image/-c5037cf054.jpg" alt="Hanemde Ramazan Fotoğraf Yarışması Şartname"></a>
                                                                <div class="content">
                                                                    <h5 class="title"><a href="?s232/hanemde-ramazan-fotograf-yarismasi-sartname">Hanemde Ramazan Fotoğraf Yarışması Şartname</a></h5>
                                                                </div>
                                                            </div>
                                                        </div><!-- Post End -->
                                                    </div>
                                                </div><!-- Menu Tab Pane End -->
                                                <div class="tab-pane fade show " id="menu-tab-4">
                                                    <div class="row">
                                                    </div>
                                                </div><!-- Menu Tab Pane End -->
                                                <div class="tab-pane fade show " id="menu-tab-5">
                                                    <div class="row">
                                                    </div>
                                                </div><!-- Menu Tab Pane End -->
                                                <div class="tab-pane fade show " id="menu-tab-6">
                                                    <div class="row">
                                                        <!-- Post Start -->
                                                        <div class="post post-small col-lg-3 col-md-4 mb-30">
                                                            <div class="post-wrap">
                                                                <a href="?s235/mutlu-aile-psikolojik-danismanlik-ve-arastirma-merkezi" class="image"><img src="deppo/image/-bce2a24bc2.jpg" alt="Mutlu Aile Psikolojik Danışmanlık ve Araştırma Merkezi"></a>
                                                                <div class="content">
                                                                    <h5 class="title"><a href="?s235/mutlu-aile-psikolojik-danismanlik-ve-arastirma-merkezi">Mutlu Aile Psikolojik Danışmanlık ve Araştırma Merkezi</a></h5>
                                                                </div>
                                                            </div>
                                                        </div><!-- Post End -->
                                                    </div>
                                                </div><!-- Menu Tab Pane End -->
                                                <div class="tab-pane fade show " id="menu-tab-7">
                                                    <div class="row">
                                                        <!-- Post Start -->
                                                        <div class="post post-small col-lg-3 col-md-4 mb-30">
                                                            <div class="post-wrap">
                                                                <a href="?s197/kisisel-verilerin-korunmasi-kanunu-kapsaminda-aday-acik-riza-formu" class="image"><img src="deppo/image/kisisel-verilerin-korunmasi-ka-1d99028758.png" alt="KVKK Açık Rıza Formu"></a>
                                                                <div class="content">
                                                                    <h5 class="title"><a href="?s197/kisisel-verilerin-korunmasi-kanunu-kapsaminda-aday-acik-riza-formu">KVKK Açık Rıza Formu</a></h5>
                                                                </div>
                                                            </div>
                                                        </div><!-- Post End -->
                                                        <!-- Post Start -->
                                                        <div class="post post-small col-lg-3 col-md-4 mb-30">
                                                            <div class="post-wrap">
                                                                <a href="?s199/aydinlatma-metni" class="image"><img src="deppo/image/aydinlatma-metni-8c49e60198.png" alt="Aydınlatma Metni"></a>
                                                                <div class="content">
                                                                    <h5 class="title"><a href="?s199/aydinlatma-metni">Aydınlatma Metni</a></h5>
                                                                </div>
                                                            </div>
                                                        </div><!-- Post End -->
                                                        <!-- Post Start -->
                                                        <div class="post post-small col-lg-3 col-md-4 mb-30">
                                                            <div class="post-wrap">
                                                                <a href="?s200/kvk-basvuru-formu" class="image"><img src="deppo/image/kvk-basvuru-formu-015aa20b5b.png" alt="KVK Başvuru Formu"></a>
                                                                <div class="content">
                                                                    <h5 class="title"><a href="?s200/kvk-basvuru-formu">KVK Başvuru Formu</a></h5>
                                                                </div>
                                                            </div>
                                                        </div><!-- Post End -->
                                                    </div>
                                                </div><!-- Menu Tab Pane End -->
                                            </div><!-- Menu Tab Content End -->
                                       
                                        </div><!-- Mega Menu End -->
                                        
                                    </li>
									<li class="has-dropdown"><a href="?s131/makaleler">Makaleler</a>
                                        <!-- Submenu Start -->
                                        <ul class="sub-menu">
                                            												<li><a href="?s190/psikolojik-danismanlik-nedir--ne-degildir-">Psikolojik Danışmanlık Nedir? Ne Değildir?</a></li>
																							<li><a href="?s191/mutedil-ebeveyn-tutumu">Mutedil Ebeveyn Tutumu</a></li>
																							<li><a href="?s192/hangi-psikoloji-bizi-tedavi-edecek-">Hangi Psikoloji Bizi Tedavi Edecek ?</a></li>
											                                        </ul><!-- Submenu End -->
                                        
                                    </li>
									<li class=""><a href="?s160/gonulluluk">Gönüllülük</a>
                                        
                                    </li>
									<li class=""><a href="?b4/haberler">Haberler</a>
                                        
                                    </li>
									<li class=""><a href="?s238/mutlu-aile-dernegi">Raporlar</a>
                                        
                                    </li>
									<li class=""><a href="?i86/iletisim">İletişim</a>
                                        
                                    </li>
                                </ul>
                            </nav>
                        </div><!-- Main Menu Start -->

                        <div class="mobile-logo d-none d-block d-md-none"><a href="."><img src="img\logo-white.png" alt="Logo"></a></div>

                        <!-- Header Search -->
                        <div class="header-search float-right">

                            <!-- Search Toggle -->
                            <button class="header-search-toggle"><i class="fa fa-search"></i></button>

                            <!-- Header Search Form -->
                            <div class="header-search-form">
                                <form action="?q" method="get">
                                    <input type="text" name="q" placeholder="Kelime">
                                </form>
                            </div>

                        </div>
                        
                        <!-- Mobile Menu Wrap -->
                        <div class="mobile-menu-wrap d-none">
                            <nav>
                                <ul>
                                    <li class=""><a href=".">ANASAYFA</a></li>
                                    <li class=""><a href="?s164/kurumsal">Kurumsal</a></li>
                                       
                                    <li class="has-dropdown"><a href="?s83/birimlerimiz">Birimlerimiz</a> 
                                        <ul class="sub-menu">
                                        </ul>
                                        
                                    </li>
                                    <li class=""><a href="?s131/makaleler">Makaleler</a></li>
                                    <li class=""><a href="?s160/gonulluluk">Gönüllülük</a></li>
                                    <li class=""><a href="?b4/haberler">Haberler</a></li>
                                    <li class=""><a href="?s238/mutlu-aile-dernegi">Raporlar</a></li>
                                    <li class=""><a href="?i86/iletisim">İletişim</a></li>
                                </ul>
                            </nav>
                        </div>
                        
                        <!-- Mobile Menu -->
                        <div class="mobile-menu"></div>

                    </div>
                </div>
            </div>
        </div>
    </div><!-- Menu Section End -->
    
    <!-- Breaking News Section Start -->
    <div class="breaking-news-section section">
        <div class="container">
            <div class="row">
                <div class="col-12">
                   
                    <!-- Breaking News Wrapper Start -->
                    <div class="breaking-news-wrapper">

                        <!-- Breaking News Title -->
                        <h5 class="breaking-news-title float-left">Mutlu Haberler</h5>

                        <!-- Breaking Newsticker Start -->
                        <ul class="breaking-news-ticker float-left">
                            <li><a href="?h242/eyup-muftulugunu-ziyaret-ettik">Eyüp Müftülüğünü Ziyaret Ettik</a></li>
                            <li><a href="?h241/makedonya-islami-genclik-forumu">Makedonya İslami Gençlik Forumu</a></li>
                            <li><a href="?h239/aile-ve-genclik-senaryolari">Aile ve Gençlik Senaryoları</a></li>
                            <li><a href="?h236/aile-raporu-2021">Aile Raporu 2021</a></li>
                            <li><a href="?h231/aile-bakanligi-ziyareti">Aile Bakanlığı Ziyareti</a></li>
                        </ul><!-- Breaking Newsticker Start -->

                        <!-- Breaking News Nav -->
                        <div class="breaking-news-nav">
                            <button class="news-ticker-prev"><i class="fa fa-angle-left"></i></button>
                            <button class="news-ticker-next"><i class="fa fa-angle-right"></i></button>
                        </div>
                        
                    </div><!-- Breaking News Wrapper End -->
                    
                </div>
            </div>
        </div>
    </div><!-- Breaking News Section End -->   
    <!-- Hero Section Start -->
    <div class="hero-section section mt-30 mb-30">
        <div class="container">
            <div class="row">
                <div class="col">
                    <div class="row row-1">

                        <div class="order-lg-2 col-lg-6 col-12">
                            
                            <!-- Hero Post Slider Start -->
                            <div class="post-carousel-1">
                                <!-- Overlay Post Start -->
                                <div class="post post-large post-overlay hero-post">
                                    <div class="post-wrap">

                                        <!-- Image -->
                                        <div class="image"><img src="deppo/image/eyup-muftulugunu-ziyaret-ettik-40635a759f.jpg" alt="post"></div>

                                        <!-- Category -->
                                        <a href="#" class="category politic">Haberler</a>

                                        <!-- Content -->
                                        <div class="content">

                                            <!-- Title -->
                                            <h2 class="title"><a href="?h242/eyup-muftulugunu-ziyaret-ettik">Eyüp Müftülüğünü Ziyaret Ettik</a></h2>

                                            <!-- Meta -->
                                            <div class="meta fix">
                                                <span class="meta-item date"><i class="fa fa-clock-o"></i>01 Arl 2022</span>
                                            </div>
                                        </div>
                                        
                                    </div>
                                </div><!-- Overlay Post End -->
                                <!-- Overlay Post Start -->
                                <div class="post post-large post-overlay hero-post">
                                    <div class="post-wrap">

                                        <!-- Image -->
                                        <div class="image"><img src="deppo/image/makedonya-islami-genclik-forum-d05726ac49.jpg" alt="post"></div>

                                        <!-- Category -->
                                        <a href="#" class="category politic">Haberler</a>

                                        <!-- Content -->
                                        <div class="content">

                                            <!-- Title -->
                                            <h2 class="title"><a href="?h241/makedonya-islami-genclik-forumu">Makedonya İslami Gençlik Forumu</a></h2>

                                            <!-- Meta -->
                                            <div class="meta fix">
                                                <span class="meta-item date"><i class="fa fa-clock-o"></i>01 Arl 2022</span>
                                            </div>
                                        </div>
                                        
                                    </div>
                                </div><!-- Overlay Post End -->
                                <!-- Overlay Post Start -->
                                <div class="post post-large post-overlay hero-post">
                                    <div class="post-wrap">

                                        <!-- Image -->
                                        <div class="image"><img src="deppo/image/aile-ve-genclik-senaryolari-cd14df0af4.jpeg" alt="post"></div>

                                        <!-- Category -->
                                        <a href="#" class="category politic">Haberler</a>

                                        <!-- Content -->
                                        <div class="content">

                                            <!-- Title -->
                                            <h2 class="title"><a href="?h239/aile-ve-genclik-senaryolari">Aile ve Gençlik Senaryoları</a></h2>

                                            <!-- Meta -->
                                            <div class="meta fix">
                                                <span class="meta-item date"><i class="fa fa-clock-o"></i>04 Tem 2022</span>
                                            </div>
                                        </div>
                                        
                                    </div>
                                </div><!-- Overlay Post End -->
                                <!-- Overlay Post Start -->
                                <div class="post post-large post-overlay hero-post">
                                    <div class="post-wrap">

                                        <!-- Image -->
                                        <div class="image"><img src="deppo/image/aile-raporu-2021-fd5e3daccd.jpg" alt="post"></div>

                                        <!-- Category -->
                                        <a href="#" class="category politic">Akademik Birim</a>

                                        <!-- Content -->
                                        <div class="content">

                                            <!-- Title -->
                                            <h2 class="title"><a href="?h236/aile-raporu-2021">Aile Raporu 2021</a></h2>

                                            <!-- Meta -->
                                            <div class="meta fix">
                                                <span class="meta-item date"><i class="fa fa-clock-o"></i>07 Haz 2022</span>
                                            </div>
                                        </div>
                                        
                                    </div>
                                </div><!-- Overlay Post End -->
                                <!-- Overlay Post Start -->
                                <div class="post post-large post-overlay hero-post">
                                    <div class="post-wrap">

                                        <!-- Image -->
                                        <div class="image"><img src="deppo/image/aile-bakanligi-il-mudur-yardim-5e63804649.jpg" alt="post"></div>

                                        <!-- Category -->
                                        <a href="#" class="category politic">Haberler</a>

                                        <!-- Content -->
                                        <div class="content">

                                            <!-- Title -->
                                            <h2 class="title"><a href="?h231/aile-bakanligi-ziyareti">Aile Bakanlığı Ziyareti</a></h2>

                                            <!-- Meta -->
                                            <div class="meta fix">
                                                <span class="meta-item date"><i class="fa fa-clock-o"></i>25 Şbt 2022</span>
                                            </div>
                                        </div>
                                        
                                    </div>
                                </div><!-- Overlay Post End -->
                                
                            </div><!-- Hero Post Slider End -->
                            
                        </div>

                        <div class="order-lg-1 col-lg-3 col-12">
                            <div class="row row-1">
                                <!-- Overlay Post Start -->
                                <div class="post post-overlay hero-post col-lg-12 col-md-6 col-12">
                                    <div class="post-wrap">

                                        <!-- Image -->
                                        <div class="image"><img src="deppo/image/mutlu-aile-dernegi-okullarda-e-9d7d5cd6d5.jpg" alt="post"></div>

                                        <!-- Category -->
                                        <a href="#" class="category travel">Haberler</a>

                                        <!-- Content -->
                                        <div class="content">

                                            <!-- Title -->
                                            <h4 class="title"><a href="?h230/mutlu-aile-dernegi-egitime-basladi">Mutlu Aile Derneği Eğitime Başladı</a></h4>

                                            <!-- Meta -->
                                            <div class="meta fix">
                                                <span class="meta-item date"><i class="fa fa-clock-o"></i>25 Şbt 2022</span>
                                            </div>

                                        </div>

                                    </div>
                                </div><!-- Overlay Post End -->
                                <!-- Overlay Post Start -->
                                <div class="post post-overlay hero-post col-lg-12 col-md-6 col-12">
                                    <div class="post-wrap">

                                        <!-- Image -->
                                        <div class="image"><img src="deppo/image/prof.-dr.-ahmet-akina-ziyaret-7fc03c86d5.jpg" alt="post"></div>

                                        <!-- Category -->
                                        <a href="#" class="category travel">Haberler</a>

                                        <!-- Content -->
                                        <div class="content">

                                            <!-- Title -->
                                            <h4 class="title"><a href="?h229/prof.-dr.-ahmet-akina-ziyaret">PROF. DR. AHMET AKIN'A ZİYARET</a></h4>

                                            <!-- Meta -->
                                            <div class="meta fix">
                                                <span class="meta-item date"><i class="fa fa-clock-o"></i>06 Şbt 2022</span>
                                            </div>

                                        </div>

                                    </div>
                                </div><!-- Overlay Post End -->
                            </div>
                        </div>

                        <div class="order-lg-3 col-lg-3 col-12">
                            <div class="row row-1">
                                <!-- Overlay Post Start -->
                                <div class="post post-overlay hero-post col-lg-12 col-md-6 col-12">
                                    <div class="post-wrap">

                                        <!-- Image -->
                                        <div class="image"><img src="deppo/image/-b05206525d.jpg" alt="post"></div>

                                        <!-- Category -->
                                        <a href="#" class="category sports">MAPAM</a>

                                        <!-- Content -->
                                        <div class="content">

                                            <!-- Title -->
                                            <h4 class="title"><a href="?h224/mutlu-aile-psikolojik-danismanlik-ve-arastirma-merkezi">Mutlu Aile Psikolojik Danışmanlık ve Araştırma Merkezi</a></h4>

                                            <!-- Meta -->
                                            <div class="meta fix">
                                                <span class="meta-item date"><i class="fa fa-clock-o"></i>05 Ock 2022</span>
                                            </div>

                                        </div>

                                    </div>
                                </div><!-- Overlay Post End -->
                                <!-- Overlay Post Start -->
                                <div class="post post-overlay hero-post col-lg-12 col-md-6 col-12">
                                    <div class="post-wrap">

                                        <!-- Image -->
                                        <div class="image"><img src="deppo/image/-8fb2c05138.jpg" alt="post"></div>

                                        <!-- Category -->
                                        <a href="#" class="category sports">Haberler</a>

                                        <!-- Content -->
                                        <div class="content">

                                            <!-- Title -->
                                            <h4 class="title"><a href="?h223/mutlu-ailenin-izinde-programi">Mutlu Ailenin İzinde Programı</a></h4>

                                            <!-- Meta -->
                                            <div class="meta fix">
                                                <span class="meta-item date"><i class="fa fa-clock-o"></i>25 Arl 2021</span>
                                            </div>

                                        </div>

                                    </div>
                                </div><!-- Overlay Post End -->

                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div><!-- Hero Section End -->
    
    <!-- Popular Section Start -->
    <div class="popular-section section pt-50 pb-50">
        <div class="container">
            <div class="row">
                <div class="col">
                    <!-- Popular Post Slider Start -->
                    <div class="popular-post-slider">
                        <!-- Post Start -->
                        <div class="post post-small post-list post-dark popular-post">
                            <div class="post-wrap">

                                <!-- Image -->
                                <a class="image" href="?h242/eyup-muftulugunu-ziyaret-ettik"><img src="deppo/image/eyup-muftulugunu-ziyaret-ettik-40635a759f.jpg" alt="post"></a>

                                <!-- Content -->
                                <div class="content fix">

                                    <!-- Title -->
                                    <h5 class="title"><a href="?h242/eyup-muftulugunu-ziyaret-ettik">Eyüp Müftülüğünü Ziyaret Ettik</a></h5>

                                    <!-- Description -->
                                    <p>Mutlu Aile Derneği Yönetimi 18 Kasım 2022 Cuma günü Eyüpsultan İlçe Müftüsü Basri BEKTAŞ’ı makamında ziyaret etti.</p>

                                    <!-- Read More -->
                                    <a href="?h242/eyup-muftulugunu-ziyaret-ettik" class="read-more">Devamı</a>

                                </div>
                                
                            </div>
                        </div><!-- Post Start -->
                        <!-- Post Start -->
                        <div class="post post-small post-list post-dark popular-post">
                            <div class="post-wrap">

                                <!-- Image -->
                                <a class="image" href="?h241/makedonya-islami-genclik-forumu"><img src="deppo/image/makedonya-islami-genclik-forum-d05726ac49.jpg" alt="post"></a>

                                <!-- Content -->
                                <div class="content fix">

                                    <!-- Title -->
                                    <h5 class="title"><a href="?h241/makedonya-islami-genclik-forumu">Makedonya İslami Gençlik Forumu</a></h5>

                                    <!-- Description -->
                                    <p>Mutlu Aile Mutlu Çocuk Derneği, Makedonya’da faaliyet gösteren AXİS çatısı altındaki Kadın İlerleme Derneği ve Makedonya İslamî Gençlik Forumu’nu ağırladı.</p>

                                    <!-- Read More -->
                                    <a href="?h241/makedonya-islami-genclik-forumu" class="read-more">Devamı</a>

                                </div>
                                
                            </div>
                        </div><!-- Post Start -->
                        <!-- Post Start -->
                        <div class="post post-small post-list post-dark popular-post">
                            <div class="post-wrap">

                                <!-- Image -->
                                <a class="image" href="?h239/aile-ve-genclik-senaryolari"><img src="deppo/image/aile-ve-genclik-senaryolari-cd14df0af4.jpeg" alt="post"></a>

                                <!-- Content -->
                                <div class="content fix">

                                    <!-- Title -->
                                    <h5 class="title"><a href="?h239/aile-ve-genclik-senaryolari">Aile ve Gençlik Senaryoları</a></h5>

                                    <!-- Description -->
                                    <p>Pandemi ile Birlikte Aile ve Gençlik Senaryoları adlı AB Projemiz için başvurular açılmıştır.</p>

                                    <!-- Read More -->
                                    <a href="?h239/aile-ve-genclik-senaryolari" class="read-more">Devamı</a>

                                </div>
                                
                            </div>
                        </div><!-- Post Start -->
                        <!-- Post Start -->
                        <div class="post post-small post-list post-dark popular-post">
                            <div class="post-wrap">

                                <!-- Image -->
                                <a class="image" href="?h236/aile-raporu-2021"><img src="deppo/image/aile-raporu-2021-fd5e3daccd.jpg" alt="post"></a>

                                <!-- Content -->
                                <div class="content fix">

                                    <!-- Title -->
                                    <h5 class="title"><a href="?h236/aile-raporu-2021">Aile Raporu 2021</a></h5>

                                    <!-- Description -->
                                    <p>Mutlu Aile Mutlu Çocuk Derneği Akademik Çalışmalar Birimi olarak hazırlanan Aile Raporu...</p>

                                    <!-- Read More -->
                                    <a href="?h236/aile-raporu-2021" class="read-more">Devamı</a>

                                </div>
                                
                            </div>
                        </div><!-- Post Start -->
                        <!-- Post Start -->
                        <div class="post post-small post-list post-dark popular-post">
                            <div class="post-wrap">

                                <!-- Image -->
                                <a class="image" href="?h231/aile-bakanligi-ziyareti"><img src="deppo/image/aile-bakanligi-il-mudur-yardim-5e63804649.jpg" alt="post"></a>

                                <!-- Content -->
                                <div class="content fix">

                                    <!-- Title -->
                                    <h5 class="title"><a href="?h231/aile-bakanligi-ziyareti">Aile Bakanlığı Ziyareti</a></h5>

                                    <!-- Description -->
                                    <p></p>

                                    <!-- Read More -->
                                    <a href="?h231/aile-bakanligi-ziyareti" class="read-more">Devamı</a>

                                </div>
                                
                            </div>
                        </div><!-- Post Start -->
                        
                    </div><!-- Popular Post Slider End -->
                    
                </div>
            </div>
        </div>
    </div><!-- Popular Section End -->
    
    <!-- Post Section Start -->
    <div class="post-section section mt-50">
        <div class="container">
            
            <!-- Feature Post Row Start -->
            <div class="row">
                
                <div class="col-lg-8 col-12 mb-50">
                    
                    <!-- Post Block Wrapper Start -->
                    <div class="post-block-wrapper">
                        
                        <!-- Post Block Head Start -->
                        <div class="head feature-head">
                            
                            <!-- Title -->
                            <h4 class="title">Faaliyetlerimiz</h4>
                            
                            <!-- Tab List Start -->
                            <ul class="post-block-tab-list feature-post-tab-list nav d-none d-md-block">
                                <li><a class="active  btn btn-info btn-sm cw" data-toggle="tab" href="#feature-cat-32">Çocuk Birimi</a></li>
                                <li><a class="  btn btn-info btn-sm cw" data-toggle="tab" href="#feature-cat-30">Eğitim Birimi</a></li>
                                <li><a class="  btn btn-info btn-sm cw" data-toggle="tab" href="#feature-cat-31">Gençlik Birimi</a></li>
                                <li><a class="  btn btn-info btn-sm cw" data-toggle="tab" href="#feature-cat-35">Akademik Birim</a></li>
                                <li><a class="  btn btn-info btn-sm cw" data-toggle="tab" href="#feature-cat-37">Proje Birimi</a></li>
                                <li><a class="dropdown-toggle btn btn-info btn-sm cw" data-toggle="dropdown" href="#">Dahası</a>
                                   
                                    <!-- Dropdown -->
                                    <ul class="dropdown-menu">
                                        <li><a data-toggle="tab" href="#feature-cat-38">MAPAM</a></li>
                                        <li><a data-toggle="tab" href="#feature-cat-39">İletişim ve Tanıtım Birimi</a></li>
                                    </ul>
                                    
                                </li>
                            </ul><!-- Tab List End -->
                            
                            <!-- Tab List Start -->
                            <ul class="post-block-tab-list feature-post-tab-list nav d-sm-block d-md-none">
                                <li><a class="dropdown-toggle" data-toggle="dropdown" href="#">Category</a>
                                   
                                    <!-- Dropdown -->
                                    <ul class="dropdown-menu">
                                        <li><a class="active" data-toggle="tab" href="#feature-cat-1">Fashion</a></li>
                                        <li><a data-toggle="tab" href="#feature-cat-2">Health</a></li>
                                        <li><a data-toggle="tab" href="#feature-cat-1">Beauty</a></li>
                                        <li><a data-toggle="tab" href="#feature-cat-2">Sports</a></li>
                                        <li><a data-toggle="tab" href="#feature-cat-1">Technology</a></li>
                                        <li><a data-toggle="tab" href="#feature-cat-2">Food</a></li>
                                    </ul>
                                    
                                </li>
                            </ul><!-- Tab List End -->
                            
                        </div><!-- Post Block Head End -->
                        
                        <!-- Post Block Body Start -->
                        <div class="body pb-0">
                            
                            <!-- Tab Content Start-->
                            <div class="tab-content">
                                <!-- Tab Pane Start-->
                                <div class="tab-pane fade show active" id="feature-cat-32">
                                   
                                    <div class="row">

                                        <!-- Small Post Wrapper Start -->
                                    </div>
                                    
                                </div><!-- Tab Pane End-->                              
                                <!-- Tab Pane Start-->
                                <div class="tab-pane fade " id="feature-cat-30">
                                   
                                    <div class="row">

                                        <!-- Small Post Wrapper Start -->
                                    </div>
                                    
                                </div><!-- Tab Pane End-->                              
                                <!-- Tab Pane Start-->
                                <div class="tab-pane fade " id="feature-cat-31">
                                   
                                    <div class="row">
                                        <!-- Post Wrapper Start -->
                                        <div class="col-md-6 col-12 mb-20">
                                            <!-- Post Start -->
                                            <div class="post feature-post post-separator-border">
                                                <div class="post-wrap">

                                                    <!-- Image -->
                                                    <a class="image" href="?h232/hanemde-ramazan-fotograf-yarismasi-sartname"><img src="deppo/image/-c5037cf054.jpg" alt="post"></a>

                                                    <!-- Content -->
                                                    <div class="content">

                                                        <!-- Title -->
                                                        <h4 class="title"><a href="?h232/hanemde-ramazan-fotograf-yarismasi-sartname">Hanemde Ramazan Fotoğraf Yarışması Şartname</a></h4>

                                                        <!-- Meta -->
                                                        <div class="meta fix">
                                                            <span class="meta-item date"><i class="fa fa-clock-o"></i>2022-04-04 15:29:43</span>
                                                        </div>

                                                        <!-- Description -->
                                                        <p></p>

                                                    </div>
                                                    
                                                </div>
                                            </div><!-- Post End -->
                                        </div><!-- Post Wrapper End -->

                                        <!-- Small Post Wrapper Start -->
                                    </div>
                                    
                                </div><!-- Tab Pane End-->                              
                                <!-- Tab Pane Start-->
                                <div class="tab-pane fade " id="feature-cat-35">
                                   
                                    <div class="row">

                                        <!-- Small Post Wrapper Start -->
                                    </div>
                                    
                                </div><!-- Tab Pane End-->                              
                                <!-- Tab Pane Start-->
                                <div class="tab-pane fade " id="feature-cat-37">
                                   
                                    <div class="row">

                                        <!-- Small Post Wrapper Start -->
                                    </div>
                                    
                                </div><!-- Tab Pane End-->                              
                                <!-- Tab Pane Start-->
                                <div class="tab-pane fade " id="feature-cat-38">
                                   
                                    <div class="row">
                                        <!-- Post Wrapper Start -->
                                        <div class="col-md-6 col-12 mb-20">
                                            <!-- Post Start -->
                                            <div class="post feature-post post-separator-border">
                                                <div class="post-wrap">

                                                    <!-- Image -->
                                                    <a class="image" href="?h235/mutlu-aile-psikolojik-danismanlik-ve-arastirma-merkezi"><img src="deppo/image/-bce2a24bc2.jpg" alt="post"></a>

                                                    <!-- Content -->
                                                    <div class="content">

                                                        <!-- Title -->
                                                        <h4 class="title"><a href="?h235/mutlu-aile-psikolojik-danismanlik-ve-arastirma-merkezi">Mutlu Aile Psikolojik Danışmanlık ve Araştırma Merkezi</a></h4>

                                                        <!-- Meta -->
                                                        <div class="meta fix">
                                                            <span class="meta-item date"><i class="fa fa-clock-o"></i>2022-05-10 15:04:50</span>
                                                        </div>

                                                        <!-- Description -->
                                                        <p></p>

                                                    </div>
                                                    
                                                </div>
                                            </div><!-- Post End -->
                                        </div><!-- Post Wrapper End -->

                                        <!-- Small Post Wrapper Start -->
                                    </div>
                                    
                                </div><!-- Tab Pane End-->                              
                                <!-- Tab Pane Start-->
                                <div class="tab-pane fade " id="feature-cat-39">
                                   
                                    <div class="row">
                                        <!-- Post Wrapper Start -->
                                        <div class="col-md-6 col-12 mb-20">
                                            <!-- Post Start -->
                                            <div class="post feature-post post-separator-border">
                                                <div class="post-wrap">

                                                    <!-- Image -->
                                                    <a class="image" href="?h200/kvk-basvuru-formu"><img src="deppo/image/kvk-basvuru-formu-015aa20b5b.png" alt="post"></a>

                                                    <!-- Content -->
                                                    <div class="content">

                                                        <!-- Title -->
                                                        <h4 class="title"><a href="?h200/kvk-basvuru-formu">KVK Başvuru Formu</a></h4>

                                                        <!-- Meta -->
                                                        <div class="meta fix">
                                                            <span class="meta-item date"><i class="fa fa-clock-o"></i>2021-01-26 13:07:18</span>
                                                        </div>

                                                        <!-- Description -->
                                                        <p>KVK Başvuru Formu</p>

                                                    </div>
                                                    
                                                </div>
                                            </div><!-- Post End -->
                                        </div><!-- Post Wrapper End -->
                                        <!-- Post Wrapper Start -->
                                        <div class="col-md-6 col-12 mb-20">
                                            <!-- Post Start -->
                                            <div class="post feature-post post-separator-border">
                                                <div class="post-wrap">

                                                    <!-- Image -->
                                                    <a class="image" href="?h199/aydinlatma-metni"><img src="deppo/image/aydinlatma-metni-8c49e60198.png" alt="post"></a>

                                                    <!-- Content -->
                                                    <div class="content">

                                                        <!-- Title -->
                                                        <h4 class="title"><a href="?h199/aydinlatma-metni">Aydınlatma Metni</a></h4>

                                                        <!-- Meta -->
                                                        <div class="meta fix">
                                                            <span class="meta-item date"><i class="fa fa-clock-o"></i>2021-01-26 12:50:27</span>
                                                        </div>

                                                        <!-- Description -->
                                                        <p>GENEL AYDINLATMA METNİ
MUTLU AİLE MUTLU ÇOCUK DERNEĞİ</p>

                                                    </div>
                                                    
                                                </div>
                                            </div><!-- Post End -->
                                        </div><!-- Post Wrapper End -->

                                        <!-- Small Post Wrapper Start -->
                                        <div class="col-md-6 col-12 mb-20">
                                            <!-- Post Small Start -->
                                            <div class="post post-small post-list feature-post post-separator-border">
                                                <div class="post-wrap">

                                                    <!-- Image -->
                                                    <a class="image" href="?h197/kisisel-verilerin-korunmasi-kanunu-kapsaminda-aday-acik-riza-formu"><img src="deppo/image/kisisel-verilerin-korunmasi-ka-1d99028758.png" alt="post"></a>

                                                    <!-- Content -->
                                                    <div class="content">

                                                        <!-- Title -->
                                                        <h5 class="title"><a href="?h197/kisisel-verilerin-korunmasi-kanunu-kapsaminda-aday-acik-riza-formu">KVKK Açık Rıza Formu</a></h5>

                                                        <!-- Meta -->
                                                        <div class="meta fix">
                                                            <span class="meta-item date"><i class="fa fa-clock-o"></i>2021-01-25 17:28:41</span>
                                                        </div>

                                                    </div>
                                                    
                                                </div>
                                            </div><!-- Post Small End -->
                                        </div><!-- Small Post Wrapper End -->
                                    </div>
                                    
                                </div><!-- Tab Pane End-->                              
                            </div><!-- Tab Content End-->
                            
                        </div><!-- Post Block Body End -->
                        
                    </div><!-- Post Block Wrapper End -->
                    
                </div>
                
                <!-- Sidebar Start -->
                <div class="col-lg-4 col-12 mb-50">
					<div class="row">
                       
                        <!-- Single Sidebar -->
                        <div class="single-sidebar col-lg-12 col-md-6 col-12">

                            <!-- Sidebar Block Wrapper -->
                            <div class="sidebar-block-wrapper">

                                <!-- Sidebar Block Head Start -->
                                <div class="head feature-head">

                                    <!-- Title -->
                                    <h4 class="title">Bizi Takip Et</h4>

                                </div><!-- Sidebar Block Head End -->

                                <!-- Sidebar Block Body Start -->
                                <div class="body">

                                    <div class="sidebar-social-follow">
                                        <div>
                                            <a href="https://www.facebook.com/mutluaile4439186" target="_blank" class="facebook">
                                                <i class="fa fa-facebook"></i>
                                                <h3>Facebook</h3>
                                                <span>Takip İçin</span>
                                            </a>
                                        </div>
                                        <div>
                                            <a href="https://www.instagram.com/mutluailemutlucocuk" target="_blank" class="dribbble">
                                                <i class="fa fa-instagram"></i>
                                                <h3>Instagram</h3>
                                                <span>Takip İçin</span>
                                            </a>
                                        </div>
                                    </div>

                                </div><!-- Sidebar Block Body End -->

                            </div>

                        </div>

                        <!-- Single Sidebar -->
                        <div class="single-sidebar col-lg-12 col-md-6 col-12">

                            <!-- Sidebar Banner -->
                            
                        </div>
                        
                    </div>                </div><!-- Sidebar End -->
                
            </div><!-- Feature Post Row End -->
            
            <!-- Life Style Post Row Start -->
            <div class="row ">
                
                <div class="col-lg-8 col-12 mb-50">
                    
                    <!-- Post Block Wrapper Start -->
                    <div class="post-block-wrapper">
                        
                        <!-- Post Block Head Start -->
                        <div class="head life-style-head">
                            
                            <!-- Title -->
                            <h4 class="title">Hayatın İçinden</h4>
                            
                            <!-- Tab List Start -->
                            <ul class="post-block-tab-list life-style-post-tab-list nav d-none d-md-block">
<!--
                                <li><a class="active" data-toggle="tab" href="#life-style-cat-1">birim -1</a></li>
                                <li><a data-toggle="tab" href="#life-style-cat-2">birim -2</a></li>
                                <li><a data-toggle="tab" href="#life-style-cat-1">birim -3</a></li>
                                <li><a data-toggle="tab" href="#life-style-cat-2">birim -4</a></li>
                                <li><a class="dropdown-toggle" data-toggle="dropdown" href="#">Dahası</a>
                                   
                                    <ul class="dropdown-menu">
                                        <li><a data-toggle="tab" href="#life-style-cat-1">birim -5</a></li>
                                        <li><a data-toggle="tab" href="#life-style-cat-2">birim -6</a></li>
                                    </ul>
                                    
                                </li>
-->
                            </ul><!-- Tab List End -->
                            
                            <!-- Tab List Start -->
                            <ul class="post-block-tab-list life-style-post-tab-list nav d-sm-block d-md-none">
                                <li><a class="dropdown-toggle" data-toggle="dropdown" href="#">Category</a>
                                   
                                    <!-- Dropdown -->
                                    <ul class="dropdown-menu">
                                        <li><a class="active" data-toggle="tab" href="#life-style-cat-1">Fashion</a></li>
                                        <li><a data-toggle="tab" href="#life-style-cat-2">Health</a></li>
                                        <li><a data-toggle="tab" href="#life-style-cat-1">Beauty</a></li>
                                        <li><a data-toggle="tab" href="#life-style-cat-2">Sports</a></li>
                                        <li><a data-toggle="tab" href="#life-style-cat-1">Technology</a></li>
                                        <li><a data-toggle="tab" href="#life-style-cat-2">Food</a></li>
                                    </ul>
                                    
                                </li>
                            </ul><!-- Tab List End -->
                            
                        </div><!-- Post Block Head End -->
                        
                        <!-- Post Block Body Start -->
                        <div class="body pb-0">
                            
                            <!-- Tab Content Start-->
                            <div class="tab-content">
                               
                                <!-- Tab Pane Start-->
                                <div class="tab-pane fade show active" id="life-style-cat-1">
                            
                                    <div class="row">
                               
                                        <!-- Post Wrapper Start -->
                                        <div class="col-md-6 col-12 mb-20">
                                            <!-- Post Start -->
                                            <div class="post feature-post post-separator-border">
                                                <div class="post-wrap">

                                                    <!-- Image -->
                                                    <a class="image" href="?h201/ilahiyat-fakultelerindeki-cinsiyet-oranlarinin-gelecege-etkileri"><img src="deppo/image/ilahiyat-fakultelerindeki-cins-3bb3074d90.jpg" alt="post"></a>

                                                    <!-- Content -->
                                                    <div class="content">

                                                        <!-- Title -->
                                                        <h4 class="title"><a href="?h201/ilahiyat-fakultelerindeki-cinsiyet-oranlarinin-gelecege-etkileri">İlahiyat Fakültelerindeki Cinsiyet Oranlarının Geleceğe Etkileri</a></h4>

                                                        <!-- Meta -->
                                                        <div class="meta fix">
                                                            <span class="meta-item date"><i class="fa fa-clock-o"></i>2021-01-29 14:43:57</span>
                                                        </div>

                                                        <!-- Description -->
                                                        <p>Prof. Dr. Halil AYDINALP </p>

                                                    </div>
                                                    
                                                </div>
                                            </div><!-- Post End -->
                                        </div><!-- Post Wrapper End -->
                                        <div class="col-md-6 col-12 mb-20">
                                            <!-- Post Start -->
                                            <div class="post feature-post post-separator-border">
                                                <div class="post-wrap">

                                                    <!-- Image -->
                                                    <a class="image" href="?h180/kadinlarin-erkekle-oranla-kendilerini-gelistirme-oranlari"><img src="deppo/image/kadinlarin-erkekle-oranla-kend-74c7d8ea9b.png" alt="post"></a>

                                                    <!-- Content -->
                                                    <div class="content">

                                                        <!-- Title -->
                                                        <h4 class="title"><a href="?h180/kadinlarin-erkekle-oranla-kendilerini-gelistirme-oranlari">Kadınların Erkekle Oranla Kendilerini Geliştirme Oranları</a></h4>

                                                        <!-- Meta -->
                                                        <div class="meta fix">
                                                            <span class="meta-item date"><i class="fa fa-clock-o"></i>2021-01-05 12:32:25</span>
                                                        </div>

                                                        <!-- Description -->
                                                        <p>Prof. Dr. Ferhat KENTEL
</p>

                                                    </div>
                                                    
                                                </div>
                                            </div><!-- Post End -->
                                        </div><!-- Post Wrapper End -->


                                        <!-- Small Post Wrapper Start -->
                                        <div class="col-md-6 col-12 mb-20">
                                            <!-- Post Small Start -->
                                            <div class="post post-small post-list feature-post post-separator-border">
                                                <div class="post-wrap">

                                                    <!-- Image -->
                                                    <a class="image" href="?h179/ennegram---9-mizac-modeline-gore-ebeveyn-cocuk-iliskileri"><img src="deppo/image/ennegram-9-mizac-modeline-gore-571d2c9887.jpeg" alt="post"></a>

                                                    <!-- Content -->
                                                    <div class="content">

                                                        <!-- Title -->
                                                        <h5 class="title"><a href="?h179/ennegram---9-mizac-modeline-gore-ebeveyn-cocuk-iliskileri">Ennegram & 9 Mizaç Modeline Göre Ebeveyn Çocuk İlişkileri</a></h5>

                                                        <!-- Meta -->
                                                        <div class="meta fix">
                                                            <span class="meta-item date"><i class="fa fa-clock-o"></i>2020-12-23 17:10:58</span>
                                                        </div>

                                                    </div>
                                                    
                                                </div>
                                            </div><!-- Post Small End -->
                                </div>
                                        <!-- Small Post Wrapper Start -->
                                        <div class="col-md-6 col-12 mb-20">
                                            <!-- Post Small Start -->
                                            <div class="post post-small post-list feature-post post-separator-border">
                                                <div class="post-wrap">

                                                    <!-- Image -->
                                                    <a class="image" href="?h172/kan-ve-plazma-bagisi"><img src="deppo/image/kan-ve-plazma-bagisi-8383c287ab.jpg" alt="post"></a>

                                                    <!-- Content -->
                                                    <div class="content">

                                                        <!-- Title -->
                                                        <h5 class="title"><a href="?h172/kan-ve-plazma-bagisi">Kan ve Plazma Bağışı</a></h5>

                                                        <!-- Meta -->
                                                        <div class="meta fix">
                                                            <span class="meta-item date"><i class="fa fa-clock-o"></i>2020-12-20 19:57:25</span>
                                                        </div>

                                                    </div>
                                                    
                                                </div>
                                            </div><!-- Post Small End -->
                                </div>
                                    </div>
                                    
                                </div><!-- Tab Pane End-->
                               
                                <!-- Tab Pane Start-->
                                <div class="tab-pane fade" id="life-style-cat-2">
                            
                                    <div class="row">
                               
                                        <!-- Post Wrapper Start -->
                                        <div class="col-md-6 col-12 mb-20">

                                            <!-- Overlay Post Start -->
                                            <div class="post post-overlay life-style-post post-separator-border">
                                                <div class="post-wrap">

                                                    <!-- Image -->
                                                    <div class="image"><img src="img\post\post-20.jpeg" alt="post"></div>

                                                    <!-- Content -->
                                                    <div class="content">

                                                        <!-- Title -->
                                                        <h4 class="title"><a href="post-details.html">Creat Your Home With A Great Designer.</a></h4>

                                                        <!-- Meta -->
                                                        <div class="meta fix">
                                                            <a href="#" class="meta-item author"><i class="fa fa-user"></i> Sathi Bhuiyan</a>
                                                            <span class="meta-item date"><i class="fa fa-clock-o"></i>10 March 2019</span>
                                                        </div>
                                                    </div>
                                                
                                                </div>
                                            </div><!-- Overlay Post End -->

                                            <!-- Overlay Post Start -->
                                            <div class="post post-overlay life-style-post post-separator-border">
                                                <div class="post-wrap">

                                                    <!-- Image -->
                                                    <div class="image"><img src="img\post\post-19.jpeg" alt="post"></div>

                                                    <!-- Content -->
                                                    <div class="content">

                                                        <!-- Title -->
                                                        <h4 class="title"><a href="post-details.html">Creat Your Home With A Great Designer.</a></h4>

                                                        <!-- Meta -->
                                                        <div class="meta fix">
                                                            <a href="#" class="meta-item author"><i class="fa fa-user"></i> Sathi Bhuiyan</a>
                                                            <span class="meta-item date"><i class="fa fa-clock-o"></i>10 March 2019</span>
                                                        </div>
                                                    </div>
                                                
                                                </div>
                                            </div><!-- Overlay Post End -->

                                        </div><!-- Post Wrapper End -->

                                        <!-- Small Post Wrapper Start -->
                                        <div class="col-md-6 col-12 mb-20">

                                            <!-- Small Post Start -->
                                            <div class="post post-small post-list life-style-post post-separator-border">
                                                <div class="post-wrap">

                                                    <!-- Image -->
                                                    <a class="image" href="post-details.html"><img src="img\post\post-23.jpeg" alt="post"></a>

                                                    <!-- Content -->
                                                    <div class="content">

                                                        <!-- Title -->
                                                        <h5 class="title"><a href="post-details.html">Fish Fry With green vegetables.</a></h5>

                                                        <!-- Meta -->
                                                        <div class="meta fix">
                                                            <span class="meta-item date"><i class="fa fa-clock-o"></i>10 March 2019</span>
                                                        </div>

                                                    </div>

                                                </div>
                                            </div><!-- Small Post End -->

                                            <!-- Small Post Start -->
                                            <div class="post post-small post-list life-style-post post-separator-border">
                                                <div class="post-wrap">

                                                    <!-- Image -->
                                                    <a class="image" href="post-details.html"><img src="img\post\post-24.jpeg" alt="post"></a>

                                                    <!-- Content -->
                                                    <div class="content">

                                                        <!-- Title -->
                                                        <h5 class="title"><a href="post-details.html">Apple, time to IOS With macos.</a></h5>

                                                        <!-- Meta -->
                                                        <div class="meta fix">
                                                            <span class="meta-item date"><i class="fa fa-clock-o"></i>10 March 2019</span>
                                                        </div>

                                                    </div>

                                                </div>
                                            </div><!-- Small Post End -->

                                            <!-- Small Post Start -->
                                            <div class="post post-small post-list life-style-post post-separator-border">
                                                <div class="post-wrap">
                                                
                                                    <!-- Image -->
                                                    <a class="image" href="post-details.html"><img src="img\post\post-21.jpeg" alt="post"></a>

                                                    <!-- Content -->
                                                    <div class="content">

                                                        <!-- Title -->
                                                        <h5 class="title"><a href="post-details.html">Hynpodia helps female travelers find health.</a></h5>

                                                        <!-- Meta -->
                                                        <div class="meta fix">
                                                            <span class="meta-item date"><i class="fa fa-clock-o"></i>10 March 2019</span>
                                                        </div>

                                                    </div>

                                                </div>
                                            </div><!-- Small Post End -->

                                            <!-- Small Post Start -->
                                            <div class="post post-small post-list life-style-post post-separator-border">
                                                <div class="post-wrap">

                                                    <!-- Image -->
                                                    <a class="image" href="post-details.html"><img src="img\post\post-22.jpeg" alt="post"></a>

                                                    <!-- Content -->
                                                    <div class="content">

                                                        <!-- Title -->
                                                        <h5 class="title"><a href="post-details.html">Australia announced squad for Bangladesh tour.</a></h5>

                                                        <!-- Meta -->
                                                        <div class="meta fix">
                                                            <span class="meta-item date"><i class="fa fa-clock-o"></i>10 March 2019</span>
                                                        </div>

                                                    </div>

                                                </div>
                                            </div><!-- Small Post End -->

                                        </div><!-- Small Post Wrapper End -->
                                
                                    </div>
                                    
                                </div><!-- Tab Pane End-->
                                
                            </div><!-- Tab Content End-->
                            
                        </div><!-- Post Block Body End -->
                        
                    </div><!-- Post Block Wrapper End -->
                    
                </div>
                
                <!-- Sidebar Start -->
                <div class="col-lg-4 col-12 mb-50">
                    <div class="row">
                       
                        <!-- Single Sidebar -->
                        <div class="single-sidebar col-lg-12 col-md-6 col-12">

                            <!-- Sidebar Block Wrapper -->
                            <div class="sidebar-block-wrapper">

                                <!-- Sidebar Block Head Start -->
                                <div class="head life-style-head">

                                    <!-- Title -->
                                    <h4 class="title">Mutlu Haber</h4>

                                </div><!-- Sidebar Block Head End -->

                                <!-- Sidebar Block Body Start -->
                                <div class="body">

                                        <!-- Sidebar Post Slider Start -->
                                        <div class="sidebar-post-carousel post-block-carousel life-style-post-carousel">
                                            <!-- Post Start -->
                                            <div class="post life-style-post">
                                                <div class="post-wrap">

                                                    <!-- Image -->
                                                    <a class="image" href="?h242/eyup-muftulugunu-ziyaret-ettik"><img src="deppo/image/eyup-muftulugunu-ziyaret-ettik-40635a759f.jpg" alt="?h242/eyup-muftulugunu-ziyaret-ettik"></a>

                                                    <!-- Content -->
                                                    <div class="content">

                                                        <!-- Title -->
                                                        <h4 class="title"><a href="?h242/eyup-muftulugunu-ziyaret-ettik">Eyüp Müftülüğünü Ziyaret Ettik</a></h4>

                                                        <!-- Read More Button -->
                                                        <a href="#" class="read-more">Devamı</a>

                                                    </div>

                                                </div>
                                            </div><!-- Post End -->
                                            <!-- Post Start -->
                                            <div class="post life-style-post">
                                                <div class="post-wrap">

                                                    <!-- Image -->
                                                    <a class="image" href="?h241/makedonya-islami-genclik-forumu"><img src="deppo/image/makedonya-islami-genclik-forum-d05726ac49.jpg" alt="?h241/makedonya-islami-genclik-forumu"></a>

                                                    <!-- Content -->
                                                    <div class="content">

                                                        <!-- Title -->
                                                        <h4 class="title"><a href="?h241/makedonya-islami-genclik-forumu">Makedonya İslami Gençlik Forumu</a></h4>

                                                        <!-- Read More Button -->
                                                        <a href="#" class="read-more">Devamı</a>

                                                    </div>

                                                </div>
                                            </div><!-- Post End -->
                                            <!-- Post Start -->
                                            <div class="post life-style-post">
                                                <div class="post-wrap">

                                                    <!-- Image -->
                                                    <a class="image" href="?h239/aile-ve-genclik-senaryolari"><img src="deppo/image/aile-ve-genclik-senaryolari-cd14df0af4.jpeg" alt="?h239/aile-ve-genclik-senaryolari"></a>

                                                    <!-- Content -->
                                                    <div class="content">

                                                        <!-- Title -->
                                                        <h4 class="title"><a href="?h239/aile-ve-genclik-senaryolari">Aile ve Gençlik Senaryoları</a></h4>

                                                        <!-- Read More Button -->
                                                        <a href="#" class="read-more">Devamı</a>

                                                    </div>

                                                </div>
                                            </div><!-- Post End -->
                                            <!-- Post Start -->
                                            <div class="post life-style-post">
                                                <div class="post-wrap">

                                                    <!-- Image -->
                                                    <a class="image" href="?h236/aile-raporu-2021"><img src="deppo/image/aile-raporu-2021-fd5e3daccd.jpg" alt="?h236/aile-raporu-2021"></a>

                                                    <!-- Content -->
                                                    <div class="content">

                                                        <!-- Title -->
                                                        <h4 class="title"><a href="?h236/aile-raporu-2021">Aile Raporu 2021</a></h4>

                                                        <!-- Read More Button -->
                                                        <a href="#" class="read-more">Devamı</a>

                                                    </div>

                                                </div>
                                            </div><!-- Post End -->
                                            <!-- Post Start -->
                                            <div class="post life-style-post">
                                                <div class="post-wrap">

                                                    <!-- Image -->
                                                    <a class="image" href="?h231/aile-bakanligi-ziyareti"><img src="deppo/image/aile-bakanligi-il-mudur-yardim-5e63804649.jpg" alt="?h231/aile-bakanligi-ziyareti"></a>

                                                    <!-- Content -->
                                                    <div class="content">

                                                        <!-- Title -->
                                                        <h4 class="title"><a href="?h231/aile-bakanligi-ziyareti">Aile Bakanlığı Ziyareti</a></h4>

                                                        <!-- Read More Button -->
                                                        <a href="#" class="read-more">Devamı</a>

                                                    </div>

                                                </div>
                                            </div><!-- Post End -->
                                        </div><!-- Sidebar Post Slider End -->

                                </div><!-- Sidebar Block Body End -->

                            </div>

                        </div>

                        <!-- Single Sidebar -->
                        <div class="single-sidebar col-lg-12 col-md-6 col-12">

                            <!-- Sidebar Banner -->
                            
                        </div>
                        
                    </div>
                </div><!-- Sidebar End -->
                
            </div><!-- Life Style Post Row End -->
            
            
            <!-- Youtube Video Row Start -->
            <div class="row">
                
                <!-- Video Play List Start-->
                <div class="col-lg-8 col-12 mb-50">
                    
                    <div class="youtube-video-playlist">
                        <!-- Selector by Id -->
                        <iframe src="https://www.youtube.com/embed/videoseries?list=PLVCaJuPMQGeUHOwUsSG4x7V-dehHu7stM" name="unix" style="width: 100%; min-height: 455px; border: 0px; background: black;"></iframe>
                        <!-- By ChannelId -->
                    </div>
                    
                </div>
                <!-- Video Play List End-->
                
                <!-- Sidebar Start -->
                <div class="col-lg-4 col-12 mb-50">
                    <div class="row">
                    
                        <!-- Single Sidebar -->
                        <div class="single-sidebar col-lg-12 col-md-6 col-12">

                            <!-- Sidebar Block Wrapper -->
                            <div class="sidebar-block-wrapper">

                                <!-- Sidebar Block Head Start -->
                                <div class="head video-head">

                                    <!-- Title -->
                                    <h4 class="title">Neler Yapıyoruz</h4>

                                </div><!-- Sidebar Block Head End -->

                                <!-- Sidebar Block Body Start -->
                                <div class="body">

                                    <ul class="sidebar-category video-category">

                                    </ul>

                                </div><!-- Sidebar Block Body End -->

                            </div>

                        </div>

                
            </div><!-- Youtube Video Banner Row End -->
            
            <!-- Technology, Fashion & Other Post Row Start -->
            </div><!-- Technology, Fashion & Other Post Row End -->
            
        </div>
    </div><!-- Post Section End -->
    
    <!-- Instagram Section Start -->
    <div class="instagram-section section">
        <div class="container-fluid">
            <div class="row">
                
                
            </div>
        </div>
    </div><!-- Instagram Section End -->
    
    <!-- Footer Top Section Start -->
    <div class="footer-top-section section bg-dark">
        <div class="container-fluid">
            <div class="row">
                
                <!-- Footer Widget Start -->
                <div class="footer-widget col-xl-3 col-md-6 col-12 mb-60">
                    
                    <!-- Title -->
                    <h4 class="widget-title">Mutlu Aile Mutlu Çocuk Derneği</h4>
                    
                    <div class="content fix">
                        <p></p>
                        
                        <!-- Footer Contact -->
                        <ol class="footer-contact">
                            <li><i class="fa fa-home"></i>Merkez Mh, Silahtarağa Cd. No.12/1 34050 Eyüpsultan / İstanbul</li>
                            <li><i class="fa fa-envelope-open"></i>bilgi@mutluaile.org.tr</li>
                            <li><i class="fa fa-headphones"></i>(0212 501 31 71 - 0505 121 25 54) , (0505 121 25 54)</li>
                        </ol>
                        
                        <!-- Footer Social -->
                        <div class="footer-social">
                            <a href="https://www.facebook.com/mutluaile4439186" class="facebook"><i class="fa fa-facebook"></i></a>
                            <a href="https://www.instagram.com/mutluailemutlucocuk" class="facebook"><i class="fa fa-instagram" style="font-size:19px;color:white"></i></i></a>
                        </div>
                        
                    </div>
                    
                </div><!-- Footer Widget End -->
                
                <!-- Footer Widget Start -->
                <div class="footer-widget col-xl-3 col-md-6 col-12 mb-60">
                    
                    <!-- Title -->
                    <h4 class="widget-title">Haberler</h4>
                    
                    <!-- Footer Widget Post Start -->
                    <div class="footer-widget-post">
                        <div class="post-wrap">
                            
                            <!-- Image -->
                            <a href="?h242/eyup-muftulugunu-ziyaret-ettik" class="image"><img src="deppo/image/eyup-muftulugunu-ziyaret-ettik-40635a759f.jpg" alt="Eyüp Müftülüğünü Ziyaret Ettik"></a>
                            
                            <!-- Content -->
                            <div class="content">

                                <!-- Title -->
                                <h5 class="title"><a href="?h242/eyup-muftulugunu-ziyaret-ettik">Eyüp Müftülüğünü Ziyaret Ettik</a></h5>

                                <!-- Meta -->
                                <div class="meta fix">
                                    <span class="meta-item date"><i class="fa fa-clock-o"></i>2022-12-01 19:53:37</span>
                                </div>

                            </div>
                            
                        </div>
                    </div><!-- Footer Widget Post ENd -->
                    
                    <!-- Footer Widget Post Start -->
                    <div class="footer-widget-post">
                        <div class="post-wrap">
                            
                            <!-- Image -->
                            <a href="?h241/makedonya-islami-genclik-forumu" class="image"><img src="deppo/image/makedonya-islami-genclik-forum-d05726ac49.jpg" alt="Makedonya İslami Gençlik Forumu"></a>
                            
                            <!-- Content -->
                            <div class="content">

                                <!-- Title -->
                                <h5 class="title"><a href="?h241/makedonya-islami-genclik-forumu">Makedonya İslami Gençlik Forumu</a></h5>

                                <!-- Meta -->
                                <div class="meta fix">
                                    <span class="meta-item date"><i class="fa fa-clock-o"></i>2022-12-01 19:07:44</span>
                                </div>

                            </div>
                            
                        </div>
                    </div><!-- Footer Widget Post ENd -->
                    
                    <!-- Footer Widget Post Start -->
                    <div class="footer-widget-post">
                        <div class="post-wrap">
                            
                            <!-- Image -->
                            <a href="?h239/aile-ve-genclik-senaryolari" class="image"><img src="deppo/image/aile-ve-genclik-senaryolari-cd14df0af4.jpeg" alt="Aile ve Gençlik Senaryoları"></a>
                            
                            <!-- Content -->
                            <div class="content">

                                <!-- Title -->
                                <h5 class="title"><a href="?h239/aile-ve-genclik-senaryolari">Aile ve Gençlik Senaryoları</a></h5>

                                <!-- Meta -->
                                <div class="meta fix">
                                    <span class="meta-item date"><i class="fa fa-clock-o"></i>2022-07-04 06:27:59</span>
                                </div>

                            </div>
                            
                        </div>
                    </div><!-- Footer Widget Post ENd -->
                    
                </div><!-- Footer Widget End -->
                
                <!-- Footer Widget Start -->
                <div class="footer-widget col-xl-3 col-md-6 col-12 mb-60 dn">
                    
                    <h4 class="widget-title">Twitter Feed</h4>
                    
                    <!-- Single Tweet Start -->
                    <div class="single-tweet">
                       
                        <!-- Image -->
                        <a href="#" class="image"><img src="img\tweets\1.png" alt="Author Image"></a>
                        <!-- Content -->
                        <div class="content fix">
                            <!-- Head -->
                            <div class="head"><h5><a href="#">Hashtech</a></h5><span>5 Minute Ago</span></div>
                            <!-- Tags -->
                            <div class="tags">
                                <a href="#">#UI</a>
                                <a href="#">#UX</a>
                                <a href="#">#Lorem</a>
                            </div>
                            <!-- Links -->
                            <div class="links"><a href="#">@https://themeforest.net/item/moto-multipurpose-landing-page-template/20342375?s_rank=1</a></div>
                            <!-- Meta -->
                            <ul class="meta">
                                <li><a href="#"><i class="fa fa-heart"></i> 865</a></li>
                                <li><a href="#"><i class="fa fa-comments"></i> 653</a></li>
                                <li><a href="#"><i class="fa fa-reply"></i></a></li>
                            </ul>
                        </div>
                        
                    </div><!-- Single Tweet End -->
                    
                    <!-- Single Tweet Start -->
                    <div class="single-tweet">
                       
                        <!-- Image -->
                        <a href="#" class="image"><img src="img\tweets\1.png" alt="Author Image"></a>
                        <!-- Content -->
                        <div class="content fix">
                            <!-- Head -->
                            <div class="head"><h5><a href="#">Hashtech</a></h5><span>5 Minute Ago</span></div>
                            <!-- Tags -->
                            <div class="tags">
                                <a href="#">#UI</a>
                                <a href="#">#UX</a>
                                <a href="#">#Lorem</a>
                            </div>
                            <!-- Links -->
                            <div class="links"><a href="#">@https://themeforest.net/item/moto-multipurpose-landing-page-template/20342375?s_rank=1</a></div>
                            <!-- Meta -->
                            <ul class="meta">
                                <li><a href="#"><i class="fa fa-heart"></i> 865</a></li>
                                <li><a href="#"><i class="fa fa-comments"></i> 653</a></li>
                                <li><a href="#"><i class="fa fa-reply"></i></a></li>
                            </ul>
                        </div>
                        
                    </div><!-- Single Tweet End -->
                    
                </div><!-- Footer Widget End -->
                
                <!-- Footer Widget Start -->
                <div class="footer-widget col-xl-3 col-md-6 col-12 mb-60">
                    
                    <!-- Title -->
                    <h4 class="widget-title">Hayatın İçinden</h4>
                    
                      
                    <!-- Footer Widget Post Start -->
                    <div class="footer-widget-post">
                        <div class="post-wrap">
                            
                            <!-- Image -->
                            <a href="?h201/ilahiyat-fakultelerindeki-cinsiyet-oranlarinin-gelecege-etkileri" class="image"><img src="deppo/image/ilahiyat-fakultelerindeki-cins-3bb3074d90.jpg" alt="İlahiyat Fakültelerindeki Cinsiyet Oranlarının Geleceğe Etkileri"></a>
                            
                            <!-- Content -->
                            <div class="content">

                                <!-- Title -->
                                <h5 class="title"><a href="?h201/ilahiyat-fakultelerindeki-cinsiyet-oranlarinin-gelecege-etkileri">İlahiyat Fakültelerindeki Cinsiyet Oranlarının Geleceğe Etkileri</a></h5>

                                <!-- Meta -->
                                <div class="meta fix">
                                    <span class="meta-item date"><i class="fa fa-clock-o"></i>2021-01-29 14:43:57</span>
                                </div>

                            </div>
                            
                        </div>
                    </div><!-- Footer Widget Post ENd -->
                    
                    <!-- Footer Widget Post Start -->
                    <div class="footer-widget-post">
                        <div class="post-wrap">
                            
                            <!-- Image -->
                            <a href="?h180/kadinlarin-erkekle-oranla-kendilerini-gelistirme-oranlari" class="image"><img src="deppo/image/kadinlarin-erkekle-oranla-kend-74c7d8ea9b.png" alt="Kadınların Erkekle Oranla Kendilerini Geliştirme Oranları"></a>
                            
                            <!-- Content -->
                            <div class="content">

                                <!-- Title -->
                                <h5 class="title"><a href="?h180/kadinlarin-erkekle-oranla-kendilerini-gelistirme-oranlari">Kadınların Erkekle Oranla Kendilerini Geliştirme Oranları</a></h5>

                                <!-- Meta -->
                                <div class="meta fix">
                                    <span class="meta-item date"><i class="fa fa-clock-o"></i>2021-01-05 12:32:25</span>
                                </div>

                            </div>
                            
                        </div>
                    </div><!-- Footer Widget Post ENd -->
                    
                    <!-- Footer Widget Post Start -->
                    <div class="footer-widget-post">
                        <div class="post-wrap">
                            
                            <!-- Image -->
                            <a href="?h179/ennegram---9-mizac-modeline-gore-ebeveyn-cocuk-iliskileri" class="image"><img src="deppo/image/ennegram-9-mizac-modeline-gore-571d2c9887.jpeg" alt="Ennegram & 9 Mizaç Modeline Göre Ebeveyn Çocuk İlişkileri"></a>
                            
                            <!-- Content -->
                            <div class="content">

                                <!-- Title -->
                                <h5 class="title"><a href="?h179/ennegram---9-mizac-modeline-gore-ebeveyn-cocuk-iliskileri">Ennegram & 9 Mizaç Modeline Göre Ebeveyn Çocuk İlişkileri</a></h5>

                                <!-- Meta -->
                                <div class="meta fix">
                                    <span class="meta-item date"><i class="fa fa-clock-o"></i>2020-12-23 17:10:58</span>
                                </div>

                            </div>
                            
                        </div>
                    </div><!-- Footer Widget Post ENd -->
                
            </div>
        </div>
    </div><!-- Footer Top Section End -->
    
    <!-- Footer Bottom Section Start -->
    <div class="footer-bottom-section section bg-dark">
        <div class="container">
            <div class="row">
                
                <!-- Copyright Start -->
                <div class="copyright text-center col">
                    <p>Copyright © 2020 All Rights Reserved. By ritimajans</p>
                </div><!-- Copyright End -->
                
            </div>
        </div>
    </div><!-- Footer Bottom Section End -->
    
    
</div>


<!-- JS
============================================ -->

<!-- jQuery JS -->
<script src="js\vendor\jquery-1.12.0.min.js"></script>
<!-- Popper JS -->
<script src="js\popper.min.js"></script>
<!-- Bootstrap JS -->
<script src="js\bootstrap.min.js"></script>
<!-- Plugins JS -->
<script src="js\plugins.js"></script>
<!-- ycp JS -->
<script src="js\ycp.js"></script>
<!-- Ajax Mail JS -->
<script src="js\ajax-mail.js"></script>
<!-- Main JS -->
<script src="js\main.js"></script>

</body>

</html>