<!--
 
██╗   ██╗ █████╗ ███████╗ █████╗ ██╗         ██╗   ██╗██╗   ██╗ █████╗ ██████╗ ██╗
╚██╗ ██╔╝██╔══██╗██╔════╝██╔══██╗██║         ██║   ██║╚██╗ ██╔╝██╔══██╗██╔══██╗██║
 ╚████╔╝ ███████║███████╗███████║██║         ██║   ██║ ╚████╔╝ ███████║██████╔╝██║
  ╚██╔╝  ██╔══██║╚════██║██╔══██║██║         ██║   ██║  ╚██╔╝  ██╔══██║██╔══██╗██║
   ██║   ██║  ██║███████║██║  ██║███████╗    ╚██████╔╝   ██║   ██║  ██║██║  ██║██║
   ╚═╝   ╚═╝  ╚═╝╚══════╝╚═╝  ╚═╝╚══════╝     ╚═════╝    ╚═╝   ╚═╝  ╚═╝╚═╝  ╚═╝╚═╝
                                                                                  
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" />
	<link rel="canonical" href="http://mutluaile.org.tr" />
		<meta property="og:title" content="Mutlu Aile Mutlu Çocuk Derneği" />
	<meta property="og:site_name" content="http://mutluaile.org.tr" />
	<meta property="og:url" content="http://mutluaile.org.tr/?" />
	<meta property="og:image" content="http://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://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://mutluaile.org.trhttp://mutluaile.org.tr/deppo/image/logo-8e628.png" />
	<meta name="twitter:domain" content="http://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="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>25.06.2021</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="?s81/hakkimizda">Hakkımızda</a></li>
																							<li><a href="?s139/yonetim-kurulu">Yönetim Kurulu</a></li>
											                                        </ul><!-- Submenu End -->
                                        
                                    </li>
									<li class=""><a href="?s142/birimlerimiz">Birimlerimiz</a>
                                        
                                    </li>
                                    <li class="has-dropdown"><a href="?s83/faaliyetlerimiz">Faaliyetlerimiz</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"> Eğitim Birimi</a></li>
                                                <li><a data-toggle="tab" href="#menu-tab-2">Ailede Gençlik Birimi</a></li>
                                                <li><a data-toggle="tab" href="#menu-tab-3">Önleyici Rehberlik Birimi</a></li>
                                                <li><a data-toggle="tab" href="#menu-tab-4">Aile-Çocuk Projeleri 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">
                                                        <!-- Post Start -->
                                                        <div class="post post-small col-lg-3 col-md-4 mb-30">
                                                            <div class="post-wrap">
                                                                <a href="?s194/temel-ennegram-egitimi" class="image"><img src="deppo/image/temel-ennegram-egitimi-d3b6d24a96.jpeg" alt="Temel Ennegram Eğitimi"></a>
                                                                <div class="content">
                                                                    <h5 class="title"><a href="?s194/temel-ennegram-egitimi">Temel Ennegram Eğitimi</a></h5>
                                                                </div>
                                                            </div>
                                                        </div><!-- Post End -->
                                                    </div>
                                                </div><!-- Menu Tab Pane End -->
                                                <div class="tab-pane fade show " id="menu-tab-2">
                                                    <div class="row">
                                                        <!-- Post Start -->
                                                        <div class="post post-small col-lg-3 col-md-4 mb-30">
                                                            <div class="post-wrap">
                                                                <a href="?s195/radyo-online" class="image"><img src="deppo/image/radyo-online--548de5655e.jpg" alt="Radyo Online"></a>
                                                                <div class="content">
                                                                    <h5 class="title"><a href="?s195/radyo-online">Radyo Online</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="?s203/ailece-yarisalim" class="image"><img src="deppo/image/ailece-yarisalim-9cd4a34086.jpg" alt="Ailece Yarışalım"></a>
                                                                <div class="content">
                                                                    <h5 class="title"><a href="?s203/ailece-yarisalim">Ailece Yarışalım</a></h5>
                                                                </div>
                                                            </div>
                                                        </div><!-- Post End -->
                                                    </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="?s174/esmalar-isiginda-ennegram-nasil-olur" class="image"><img src="deppo/image/esmalar-isiginda-ennegram-nasi-d7009427f2.jpeg" alt="Esmalar Işığında Ennegram Nasıl Olur"></a>
                                                                <div class="content">
                                                                    <h5 class="title"><a href="?s174/esmalar-isiginda-ennegram-nasil-olur">Esmalar Işığında Ennegram Nasıl Olur</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="?s193/onleyici-rehberlik-programi" class="image"><img src="deppo/image/onleyici-rehberlik-programi-c1bf6c090d.jpg" alt="Önleyici Rehberlik Programı"></a>
                                                                <div class="content">
                                                                    <h5 class="title"><a href="?s193/onleyici-rehberlik-programi">Önleyici Rehberlik Programı</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">
                                                        <!-- Post Start -->
                                                        <div class="post post-small col-lg-3 col-md-4 mb-30">
                                                            <div class="post-wrap">
                                                                <a href="?s196/kendini-gelistir" class="image"><img src="deppo/image/kendini-gelistir-ff3957a30f.jpg" alt="Kendini Geliştir"></a>
                                                                <div class="content">
                                                                    <h5 class="title"><a href="?s196/kendini-gelistir">Kendini Geliştir</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="https://forms.gle/Ae2hVcmdSXC7LuLv7">Psikolojik Danışmanlık</a>
                                        
                                    </li>
									<li class=""><a href="https://forms.gle/hq8LeMR1GJAvved89  ">Aile Danışmanlığı</a>
                                        
                                    </li>
									<li class=""><a href="?s160/gonulluluk">Gönüllülük</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=""><a href="?s142/birimlerimiz">Birimlerimiz</a></li>
                                       
                                    <li class="has-dropdown"><a href="?s83/faaliyetlerimiz">Faaliyetlerimiz</a> 
                                        <ul class="sub-menu">
                                        </ul>
                                        
                                    </li>
                                    <li class=""><a href="?s131/makaleler">Makaleler</a></li>
                                    <li class=""><a href="https://forms.gle/Ae2hVcmdSXC7LuLv7">Psikolojik Danışmanlık</a></li>
                                    <li class=""><a href="https://forms.gle/hq8LeMR1GJAvved89  ">Aile Danışmanlığı</a></li>
                                    <li class=""><a href="?s160/gonulluluk">Gönüllülük</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="?h211/evlilik-kitabi">Evlilik Kitabı</a></li>
                            <li><a href="?h210/din-psikolojisi-okumalari">Din Psikolojisi Okumaları</a></li>
                            <li><a href="?h209/mahremiyet-egitimi">Mahremiyet Eğitimi</a></li>
                            <li><a href="?h208/birlikte-hayat-guzel">Birlikte Hayat Güzel</a></li>
                            <li><a href="?h207"></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/evlilik-kitabi-cd804289e8.jpeg" alt="post"></div>

                                        <!-- Category -->
                                        <a href="#" class="category politic">Ailede Gençlik Birimi</a>

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

                                            <!-- Title -->
                                            <h2 class="title"><a href="?h211/evlilik-kitabi">Evlilik Kitabı</a></h2>

                                            <!-- Meta -->
                                            <div class="meta fix">
                                                <span class="meta-item date"><i class="fa fa-clock-o"></i>11 Haz 2021</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/din-psikolojisi-okumlari-7342d64f27.jpg" alt="post"></div>

                                        <!-- Category -->
                                        <a href="#" class="category politic"> Eğitim Birimi</a>

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

                                            <!-- Title -->
                                            <h2 class="title"><a href="?h210/din-psikolojisi-okumalari">Din Psikolojisi Okumaları</a></h2>

                                            <!-- Meta -->
                                            <div class="meta fix">
                                                <span class="meta-item date"><i class="fa fa-clock-o"></i>25 May 2021</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/mahremiyet-egitimi-a4f86adebe.jpg" alt="post"></div>

                                        <!-- Category -->
                                        <a href="#" class="category politic"> Eğitim Birimi</a>

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

                                            <!-- Title -->
                                            <h2 class="title"><a href="?h209/mahremiyet-egitimi">Mahremiyet Eğitimi</a></h2>

                                            <!-- Meta -->
                                            <div class="meta fix">
                                                <span class="meta-item date"><i class="fa fa-clock-o"></i>25 May 2021</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/birlikte-hayat-guzel-aaada089d7.jpeg" alt="post"></div>

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

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

                                            <!-- Title -->
                                            <h2 class="title"><a href="?h208/birlikte-hayat-guzel">Birlikte Hayat Güzel</a></h2>

                                            <!-- Meta -->
                                            <div class="meta fix">
                                                <span class="meta-item date"><i class="fa fa-clock-o"></i>25 May 2021</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/doga-bize-emanet-b17c90af87.jpg" alt="post"></div>

                                        <!-- Category -->
                                        <a href="#" class="category politic">#0 Kayıt Bulunamadı</a>

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

                                            <!-- Title -->
                                            <h2 class="title"><a href="?h207"></a></h2>

                                            <!-- Meta -->
                                            <div class="meta fix">
                                                <span class="meta-item date"><i class="fa fa-clock-o"></i>12 May 2021</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/bu-bir-masal-mi--4ffc570bd0.jpg" alt="post"></div>

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

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

                                            <!-- Title -->
                                            <h4 class="title"><a href="?h206/bu-bir-masal-mi-">Bu bir masal mı?</a></h4>

                                            <!-- Meta -->
                                            <div class="meta fix">
                                                <span class="meta-item date"><i class="fa fa-clock-o"></i>05 May 2021</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/insan-vakfi-ve-ramazan-1a7f67bc45.jpg" alt="post"></div>

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

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

                                            <!-- Title -->
                                            <h4 class="title"><a href="?h205/insan-vakfi-ve-ramazan">İnsan Vakfı Ve Ramazan</a></h4>

                                            <!-- Meta -->
                                            <div class="meta fix">
                                                <span class="meta-item date"><i class="fa fa-clock-o"></i>29 Nis 2021</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/din-psikolojisi-okumalari-f6f8fde9b8.jpg" alt="post"></div>

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

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

                                            <!-- Title -->
                                            <h4 class="title"><a href="?h204/din-psikolojisi-okumalari">Din Psikolojisi Okumaları</a></h4>

                                            <!-- Meta -->
                                            <div class="meta fix">
                                                <span class="meta-item date"><i class="fa fa-clock-o"></i>06 Şbt 2021</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/ailece-yarisalim-d08b1db9a7.jpg" alt="post"></div>

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

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

                                            <!-- Title -->
                                            <h4 class="title"><a href="?h202/ailece-yarisalim">Ailece Yarışalım</a></h4>

                                            <!-- Meta -->
                                            <div class="meta fix">
                                                <span class="meta-item date"><i class="fa fa-clock-o"></i>05 Şbt 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="?h211/evlilik-kitabi"><img src="deppo/image/evlilik-kitabi-cd804289e8.jpeg" alt="post"></a>

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

                                    <!-- Title -->
                                    <h5 class="title"><a href="?h211/evlilik-kitabi">Evlilik Kitabı</a></h5>

                                    <!-- Description -->
                                    <p>Evlilik Kitabı Projesi</p>

                                    <!-- Read More -->
                                    <a href="?h211/evlilik-kitabi" 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="?h210/din-psikolojisi-okumalari"><img src="deppo/image/din-psikolojisi-okumlari-7342d64f27.jpg" alt="post"></a>

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

                                    <!-- Title -->
                                    <h5 class="title"><a href="?h210/din-psikolojisi-okumalari">Din Psikolojisi Okumaları</a></h5>

                                    <!-- Description -->
                                    <p>Din Psikolojisi Okumaları</p>

                                    <!-- Read More -->
                                    <a href="?h210/din-psikolojisi-okumalari" 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="?h209/mahremiyet-egitimi"><img src="deppo/image/mahremiyet-egitimi-a4f86adebe.jpg" alt="post"></a>

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

                                    <!-- Title -->
                                    <h5 class="title"><a href="?h209/mahremiyet-egitimi">Mahremiyet Eğitimi</a></h5>

                                    <!-- Description -->
                                    <p>Mahremiyet Eğitimi</p>

                                    <!-- Read More -->
                                    <a href="?h209/mahremiyet-egitimi" 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="?h208/birlikte-hayat-guzel"><img src="deppo/image/birlikte-hayat-guzel-aaada089d7.jpeg" alt="post"></a>

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

                                    <!-- Title -->
                                    <h5 class="title"><a href="?h208/birlikte-hayat-guzel">Birlikte Hayat Güzel</a></h5>

                                    <!-- Description -->
                                    <p>Sen de Gönüllü ol!</p>

                                    <!-- Read More -->
                                    <a href="?h208/birlikte-hayat-guzel" 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="?h207"><img src="deppo/image/doga-bize-emanet-b17c90af87.jpg" alt="post"></a>

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

                                    <!-- Title -->
                                    <h5 class="title"><a href="?h207"></a></h5>

                                    <!-- Description -->
                                    <p>Mutlu Ailenin Şifreleri</p>

                                    <!-- Read More -->
                                    <a href="?h207" 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-5"> Eğitim Birimi</a></li>
                                <li><a class="  btn btn-info btn-sm cw" data-toggle="tab" href="#feature-cat-7">Ailede Gençlik Birimi</a></li>
                                <li><a class="  btn btn-info btn-sm cw" data-toggle="tab" href="#feature-cat-8">Önleyici Rehberlik Birimi</a></li>
                                <li><a class="  btn btn-info btn-sm cw" data-toggle="tab" href="#feature-cat-19">Aile-Çocuk Projeleri 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">
                                    </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-5">
                                   
                                    <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="?h194/temel-ennegram-egitimi"><img src="deppo/image/temel-ennegram-egitimi-d3b6d24a96.jpeg" alt="post"></a>

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

                                                        <!-- Title -->
                                                        <h4 class="title"><a href="?h194/temel-ennegram-egitimi">Temel Ennegram Eğitimi</a></h4>

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

                                                        <!-- Description -->
                                                        <p>Enneagram; kişilik tiplerini inceleyen bir metodolojidir. </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-7">
                                   
                                    <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="?h203/ailece-yarisalim"><img src="deppo/image/ailece-yarisalim-9cd4a34086.jpg" alt="post"></a>

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

                                                        <!-- Title -->
                                                        <h4 class="title"><a href="?h203/ailece-yarisalim">Ailece Yarışalım</a></h4>

                                                        <!-- Meta -->
                                                        <div class="meta fix">
                                                            <span class="meta-item date"><i class="fa fa-clock-o"></i>2021-02-05 22:01:52</span>
                                                        </div>

                                                        <!-- Description -->
                                                        <p>aile ile yarışma
</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="?h195/radyo-online"><img src="deppo/image/radyo-online--548de5655e.jpg" alt="post"></a>

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

                                                        <!-- Title -->
                                                        <h4 class="title"><a href="?h195/radyo-online">Radyo Online</a></h4>

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

                                                        <!-- Description -->
                                                        <p>Aile, Evlilik ve Evlilik Öncesi temalarında hanımlara özel projemiz haberimizde</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-8">
                                   
                                    <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="?h193/onleyici-rehberlik-programi"><img src="deppo/image/onleyici-rehberlik-programi-c1bf6c090d.jpg" alt="post"></a>

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

                                                        <!-- Title -->
                                                        <h4 class="title"><a href="?h193/onleyici-rehberlik-programi">Önleyici Rehberlik Programı</a></h4>

                                                        <!-- Meta -->
                                                        <div class="meta fix">
                                                            <span class="meta-item date"><i class="fa fa-clock-o"></i>2021-01-20 16:19:21</span>
                                                        </div>

                                                        <!-- Description -->
                                                        <p>Psikolojik destek programı</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="?h174/esmalar-isiginda-ennegram-nasil-olur"><img src="deppo/image/esmalar-isiginda-ennegram-nasi-d7009427f2.jpeg" alt="post"></a>

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

                                                        <!-- Title -->
                                                        <h4 class="title"><a href="?h174/esmalar-isiginda-ennegram-nasil-olur">Esmalar Işığında Ennegram Nasıl Olur</a></h4>

                                                        <!-- Meta -->
                                                        <div class="meta fix">
                                                            <span class="meta-item date"><i class="fa fa-clock-o"></i>2020-12-20 20:26:23</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-19">
                                   
                                    <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="?h196/kendini-gelistir"><img src="deppo/image/kendini-gelistir-ff3957a30f.jpg" alt="post"></a>

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

                                                        <!-- Title -->
                                                        <h4 class="title"><a href="?h196/kendini-gelistir">Kendini Geliştir</a></h4>

                                                        <!-- Meta -->
                                                        <div class="meta fix">
                                                            <span class="meta-item date"><i class="fa fa-clock-o"></i>2021-01-25 16:22:38</span>
                                                        </div>

                                                        <!-- Description -->
                                                        <p>Sizlerin sorularını uzmanların cevaplayacağı “Kendine Geliştir“ programı haberimizde</p>

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

                                        <!-- Small Post Wrapper Start -->
                                    </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 -->
                            <a href='#'  target='_self'><img src='http://mutluaile.org.tr/deppo/rek-lam/e1f93.jpg' style="max-width:100%;" /></a>
                        </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="?h185/aile-okulu-2"><img src="deppo/image/aile-okulu-2-a84710e60c.jpeg" alt="post"></a>

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

                                                        <!-- Title -->
                                                        <h4 class="title"><a href="?h185/aile-okulu-2">Aile Okulu 2</a></h4>

                                                        <!-- Meta -->
                                                        <div class="meta fix">
                                                            <span class="meta-item date"><i class="fa fa-clock-o"></i>2021-01-11 17:13:03</span>
                                                        </div>

                                                        <!-- Description -->
                                                        <p>Aile Okulu serimizin ikinci modülü başlıyor</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="?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 -->
                                                        <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><!-- 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="?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>
                                        <!-- 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="?h146/onleyici-rehberlik-programi"><img src="deppo/image/-21ac1033f0.jpg" alt="post"></a>

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

                                                        <!-- Title -->
                                                        <h5 class="title"><a href="?h146/onleyici-rehberlik-programi">Önleyici Rehberlik Programı</a></h5>

                                                        <!-- Meta -->
                                                        <div class="meta fix">
                                                            <span class="meta-item date"><i class="fa fa-clock-o"></i>2020-11-29 16:17:02</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="?h211/evlilik-kitabi"><img src="deppo/image/evlilik-kitabi-cd804289e8.jpeg" alt="?h211/evlilik-kitabi"></a>

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

                                                        <!-- Title -->
                                                        <h4 class="title"><a href="?h211/evlilik-kitabi">Evlilik Kitabı</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="?h210/din-psikolojisi-okumalari"><img src="deppo/image/din-psikolojisi-okumlari-7342d64f27.jpg" alt="?h210/din-psikolojisi-okumalari"></a>

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

                                                        <!-- Title -->
                                                        <h4 class="title"><a href="?h210/din-psikolojisi-okumalari">Din Psikolojisi Okumaları</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="?h209/mahremiyet-egitimi"><img src="deppo/image/mahremiyet-egitimi-a4f86adebe.jpg" alt="?h209/mahremiyet-egitimi"></a>

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

                                                        <!-- Title -->
                                                        <h4 class="title"><a href="?h209/mahremiyet-egitimi">Mahremiyet Eğitimi</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="?h208/birlikte-hayat-guzel"><img src="deppo/image/birlikte-hayat-guzel-aaada089d7.jpeg" alt="?h208/birlikte-hayat-guzel"></a>

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

                                                        <!-- Title -->
                                                        <h4 class="title"><a href="?h208/birlikte-hayat-guzel">Birlikte Hayat Güzel</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="?h207"><img src="deppo/image/doga-bize-emanet-b17c90af87.jpg" alt="?h207"></a>

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

                                                        <!-- Title -->
                                                        <h4 class="title"><a href="?h207"></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">
                                        <li><a href="https://www.youtube.com/embed/uwlvzIlzrRQ" target="unix">Sesli Makale</a></li>
                                        <li><a href="https://www.youtube.com/embed/HpqgbbkUxbI" target="unix">Ayşe Hale İle Mini Mini Hikayeler - Önemli Olan Oynamak</a></li>
                                        <li><a href="https://www.youtube.com/embed/Ya9jDh8sv7Y" target="unix">Sesli makale</a></li>
                                        <li><a href="https://www.youtube.com/embed/Ee3EtT4YAuk" target="unix">Bahar Arvasi İle Anadolu Masalları- Yörük Beyi</a></li>
                                        <li><a href="https://www.youtube.com/embed/Z50lQgMb_9g" target="unix">Sesli Makale</a></li>
                                        <li><a href="https://www.youtube.com/embed/j0VvwLBSDbg" target="unix">Birlikte Hayat Güzel Projesi</a></li>
                                        <li><a href="https://www.youtube.com/embed/8bl_XIde8Oc" target="unix">Süper Anne! - Aile Danışmanı İlahiyatçı Tuğba öncü</a></li>
                                        <li><a href="https://www.youtube.com/embed/q3D_7cbXJ4o" target="unix">Sınav Kaygısı - Uzman Klinik Psikolog Necla Taşpınar Göveç</a></li>

                                    </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, 34050 Eyüpsultan / İstanbul</li>
                            <li><i class="fa fa-envelope-open"></i>info@mutluaile.org.tr</li>
                            <li><i class="fa fa-headphones"></i>(0212 501 31 71) , (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="?h208/birlikte-hayat-guzel" class="image"><img src="deppo/image/birlikte-hayat-guzel-aaada089d7.jpeg" alt="Birlikte Hayat Güzel"></a>
                            
                            <!-- Content -->
                            <div class="content">

                                <!-- Title -->
                                <h5 class="title"><a href="?h208/birlikte-hayat-guzel">Birlikte Hayat Güzel</a></h5>

                                <!-- Meta -->
                                <div class="meta fix">
                                    <span class="meta-item date"><i class="fa fa-clock-o"></i>2021-05-25 11:29:23</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="?h206/bu-bir-masal-mi-" class="image"><img src="deppo/image/bu-bir-masal-mi--4ffc570bd0.jpg" alt="Bu bir masal mı?"></a>
                            
                            <!-- Content -->
                            <div class="content">

                                <!-- Title -->
                                <h5 class="title"><a href="?h206/bu-bir-masal-mi-">Bu bir masal mı?</a></h5>

                                <!-- Meta -->
                                <div class="meta fix">
                                    <span class="meta-item date"><i class="fa fa-clock-o"></i>2021-05-05 21:59:55</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="?h205/insan-vakfi-ve-ramazan" class="image"><img src="deppo/image/insan-vakfi-ve-ramazan-1a7f67bc45.jpg" alt="İnsan Vakfı Ve Ramazan"></a>
                            
                            <!-- Content -->
                            <div class="content">

                                <!-- Title -->
                                <h5 class="title"><a href="?h205/insan-vakfi-ve-ramazan">İnsan Vakfı Ve Ramazan</a></h5>

                                <!-- Meta -->
                                <div class="meta fix">
                                    <span class="meta-item date"><i class="fa fa-clock-o"></i>2021-04-29 21:47:47</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="?h185/aile-okulu-2" class="image"><img src="deppo/image/aile-okulu-2-a84710e60c.jpeg" alt="Aile Okulu 2"></a>
                            
                            <!-- Content -->
                            <div class="content">

                                <!-- Title -->
                                <h5 class="title"><a href="?h185/aile-okulu-2">Aile Okulu 2</a></h5>

                                <!-- Meta -->
                                <div class="meta fix">
                                    <span class="meta-item date"><i class="fa fa-clock-o"></i>2021-01-11 17:13:03</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 -->
                
            </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>