<!--
 
██╗   ██╗ █████╗ ███████╗ █████╗ ██╗         ██╗   ██╗██╗   ██╗ █████╗ ██████╗ ██╗
╚██╗ ██╔╝██╔══██╗██╔════╝██╔══██╗██║         ██║   ██║╚██╗ ██╔╝██╔══██╗██╔══██╗██║
 ╚████╔╝ ███████║███████╗███████║██║         ██║   ██║ ╚████╔╝ ███████║██████╔╝██║
  ╚██╔╝  ██╔══██║╚════██║██╔══██║██║         ██║   ██║  ╚██╔╝  ██╔══██║██╔══██╗██║
   ██║   ██║  ██║███████║██║  ██║███████╗    ╚██████╔╝   ██║   ██║  ██║██║  ██║██║
   ╚═╝   ╚═╝  ╚═╝╚══════╝╚═╝  ╚═╝╚══════╝     ╚═════╝    ╚═╝   ╚═╝  ╚═╝╚═╝  ╚═╝╚═╝
                                                                                  
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/?i86/iletisim" />
	<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/?i86/iletisim" />
	
	<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=86&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="?i86/iletisim" 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>22.10.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">
                                                    </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="?h216/dernegimizde-yonetim-degisikligi-gerceklesti">Derneğimizde Yönetim Değişikliği Gerçekleşti</a></li>
                            <li><a href="?h215/ailede-sorumluluk-suuru">Ailede Sorumluluk Şuuru</a></li>
                            <li><a href="?h214/olaganustu-genel-kurul">Olağanüstü Genel Kurul</a></li>
                            <li><a href="?h211/evlilik-kitabi">Evlilik Kitabı</a></li>
                            <li><a href="?h210/din-psikolojisi-okumalari">Din Psikolojisi Okumaları</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 -->﻿    
    <!-- Page Banner Section Start -->
    <div class="page-banner-section section mt-30 mb-30">
        <div class="container">
            <div class="row row-1">
               
                <!-- Page Banner Start -->
                <div class="col-12">
                    <div class="page-banner" style="background-image: url(img/bg/page-banner-fashion.jpeg)">
                        <h2>İletişim</h2>
                        <ol class="page-breadcrumb">
                            <li><a href="#">Anasayfa</a></li>
                            <li class="active">İletişim</li>
                        </ol>
                    </div>
                </div><!-- Page Banner End -->
                
            </div>
        </div>
    </div><!-- Page Banner Section End -->
    
    <!-- Post Section Start -->
    <div class="post-section section">
        <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">
                            
                            <!-- Title -->
                            <h4 class="title">İletişim</h4>
                            
                        </div><!-- Post Block Head End -->
                        
                        <!-- Post Block Body Start -->
                        <div class="body">
                            
                            <div class="contact-info row">
                                
                                <div class="single-contact text-center col-md-4">
                                    <i class="fa fa-home"></i>
                                    <p>Merkez Mh, Silahtarağa Cd. No.12, 34050 Eyüpsultan / İstanbul</p>
                                </div>
                                
                                <div class="single-contact text-center col-md-4">
                                    <i class="fa fa-envelope-open"></i>
                                    <p>info@mutluaile.org.tr</p>
                                </div>
                                
                                <div class="single-contact text-center col-md-4">
                                    <i class="fa fa-headphones"></i>
                                    <p>0212 501 31 71</p>
                                </div>
                                
                            </div>
                            
                        </div><!-- Post Block Body End -->
                        
                        <!-- Post Block Head Start -->
                        <div class="head">
                            
                            <!-- Title -->
                            <h4 class="title">Mesaj Gönder</h4>
                            
                        </div><!-- Post Block Head End -->
                        
                        <!-- Post Block Body Start -->
                        <div class="body">
                            
                            <form id="contact-form" action="mail.php" method="post">
                                <div class="contact-form row">

                                    <div class="col-md-6 col-12 mb-20">
                                        <label for="name">Adınız <sup>*</sup></label>
                                        <input type="text" id="name" name="name">
                                    </div>

                                    <div class="col-md-6 col-12 mb-20">
                                        <label for="email">Soyadınız <sup>*</sup></label>
                                        <input type="text" id="email" name="email">
                                    </div>

                                    <div class="col-12 mb-20">
                                        <label for="website">E-Mail <sup>*</sup></label>
                                        <input type="text" id="website" name="website">
                                    </div>

                                    <div class="col-12 mb-20">
                                        <label for="message">Mesajınız <sup>*</sup></label>
                                        <textarea id="message" name="message"></textarea>
                                    </div>

                                    <div class="col-12">
                                        <input type="button" value="Mesajı Gönder">
                                    </div>

                                </div>
                            </form>
                            <p class="form-messege">
                            
                        </div><!-- Post Block Body End -->
                        
                        <!-- Post Block Head Start -->
                        <div class="head">
                            
                            <!-- Title -->
                            <h4 class="title">Bize Ulaşın</h4>
                            
                        </div><!-- Post Block Head End -->
                        
                        <!-- Post Block Body Start -->
                        <div class="body">
                            
                            <div class="contact-map-wrap">
                                <div id="contact-map"><iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d12034.429227383083!2d28.939186!3d41.0557159!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x2560a5ffe64a6de2!2sMutlu%20Aile%20Mutlu%20%C3%87ocuk%20Derne%C4%9Fi!5e0!3m2!1str!2str!4v1588349060453!5m2!1str!2str" width="708" height="350" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe></div>
                            </div>
                            
                        </div><!-- Post Block Body End -->
                        
                    </div><!-- Post Block Wrapper End -->
                    
                </div>
                
                <!-- Sidebar Start -->
                <div class="col-lg-4 col-12 mb-50">
                    <div class="row">
                       
                        <!-- Single Sidebar -->
                        <div class="single-sidebar col-lg-12 col-md-6 col-12">

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

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

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

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

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

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

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

                            </div>

                        </div>

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

                            <!-- Sidebar Banner -->
                            
                        </div>
                        
                    </div>                </div><!-- Sidebar End -->
                
            </div><!-- Feature Post Row End -->
            
        </div>
    </div><!-- Post 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="?h216/dernegimizde-yonetim-degisikligi-gerceklesti" class="image"><img src="deppo/image/-c6c8f39102.jpg" alt="Derneğimizde Yönetim Değişikliği Gerçekleşti"></a>
                            
                            <!-- Content -->
                            <div class="content">

                                <!-- Title -->
                                <h5 class="title"><a href="?h216/dernegimizde-yonetim-degisikligi-gerceklesti">Derneğimizde Yönetim Değişikliği Gerçekleşti</a></h5>

                                <!-- Meta -->
                                <div class="meta fix">
                                    <span class="meta-item date"><i class="fa fa-clock-o"></i>2021-09-16 11:23:22</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="?h214/olaganustu-genel-kurul" class="image"><img src="deppo/image/olaganustu-genel-kurul-bc81c4d68c.jpeg" alt="Olağanüstü Genel Kurul"></a>
                            
                            <!-- Content -->
                            <div class="content">

                                <!-- Title -->
                                <h5 class="title"><a href="?h214/olaganustu-genel-kurul">Olağanüstü Genel Kurul</a></h5>

                                <!-- Meta -->
                                <div class="meta fix">
                                    <span class="meta-item date"><i class="fa fa-clock-o"></i>2021-08-23 18:36:50</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="?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 -->
                    
                </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>