<!doctype html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="tr" lang="tr">
<!--[if IE 7 ]>    <html lang="tr" class="isie ie7 oldie no-js"> <![endif]-->
<!--[if IE 8 ]>    <html lang="tr" class="isie ie8 oldie no-js"> <![endif]-->
<!--[if IE 9 ]>    <html lang="tr" class="isie ie9 no-js"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!-->
<html lang="tr" class="no-js">
<!--<![endif]-->
<head>
    <!-- Head -->
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1254" />
    <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="CAN ATAKAN BAYRAK & FLAMA" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link rel="shortcut icon" href="deppo/image/wfavicon.png" type="image/x-icon" />
    
    <meta name="google-site-verification" content="" />
    <meta name="yandex-verification" content="" />
    
    <title>CAN ATAKAN BAYRAK & FLAMA</title>
    <meta name="description" content="Firmamız 1997&#697;de, Halkalı İstanbul’da bayrağımızın adına yakışır bir markayla Atalarımızın kanından oluşan Türk Bayrağını &#698;Atakan Bayrak&#698; markasıyla kurmuştur." />
    <meta name="keywords" content="" />
    <link rel="canonical" href="http://www.canatakanbayrak.com/" />

    <meta property="og:title" content="CAN ATAKAN BAYRAK & FLAMA" />
    <meta property="og:type" content="web" />
    <meta property="og:site_name" content="CAN ATAKAN BAYRAK & FLAMA" />
    <meta property="og:url" content="http://www.canatakanbayrak.com//?/" />
    <meta property="og:image" content="http://www.canatakanbayrak.com//deppo/image/wlogo.png" />
    <meta property="og:description" content="Firmamız 1997&#697;de, Halkalı İstanbul’da bayrağımızın adına yakışır bir markayla Atalarımızın kanından oluşan Türk Bayrağını &#698;Atakan Bayrak&#698; markasıyla kurmuştur." />

    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:site" content="http://www.canatakanbayrak.com/" />
    <meta name="twitter:creator" content="@canatakanbayrak" />
    <meta name="twitter:title" content="CAN ATAKAN BAYRAK & FLAMA" />
    <meta name="twitter:description" content="Firmamız 1997&#697;de, Halkalı İstanbul’da bayrağımızın adına yakışır bir markayla Atalarımızın kanından oluşan Türk Bayrağını &#698;Atakan Bayrak&#698; markasıyla kurmuştur." />
    <meta name="twitter:image" content="http://www.canatakanbayrak.com//deppo/image/wlogo.png" />
    <meta name="twitter:domain" content="http://www.canatakanbayrak.com//?/" />
    <style type="text/css">
    /****************** Switches ********************/
    #autosave input[type=checkbox] {
        display: none;
    }

    #autosave input[type="checkbox"]:checked + label:before {
        display: none;
    }

    .mini-switch + label {
        width: 40px;
        height: 20px;
        background: url('//cdn.v3medya.com/wpanel/wpanel.png') no-repeat 0 -24px;
        background-position: -1px -311px;
        display: inline-block;
        padding: 0 0 0 0px;
        cursor: pointer;
    }

    .mini-switch:checked + label {
        width: 40px;
        height: 20px;
        background: url('//cdn.v3medya.com/wpanel/wpanel.png') no-repeat 0 0px;
        background-position: -1px -287px;
        display: inline-block;
        padding: 0 0 0 0px;
        cursor: pointer;
    }

    #guncellendi {
        padding: 5px 10px;
        background-color: #FFFF00;
        color: #000;
        width: 100px;
        position: fixed;
        margin-left: 46%;
        z-index: 9999999999999999;
        display: none;
        text-align: center;
    }

    .v3statusac {
        position: fixed;
        left: 10px;
        z-index: 9999999999;
        cursor: pointer;
        font-size: 30px !important;
    }

    .v3status {
        background-color: #000;
        color: #fff;
        opacity: 0.8;
        position: fixed;
        display: block;
        left: -1px;
        top: -2px;
        margin: 0px;
        width: 101%;
        padding: 5px;
        border: solid 1px #ccc;
        z-index: 999999999;
        display: none;
    }

        .v3status ul {
            list-style: none;
            font-size: 13px;
        }

            .v3status ul li {
                float: left;
                padding: 5px;
                margin-left: 10px;
            }

                .v3status ul li a {
                    color: #fff;
                }
</style>
<div id="guncellendi">Güncellendi</div>
<div id="preload" style="display: none; width: 100%; height: 100%; padding: 20% 45%; position: fixed; margin: 0px; left: 0px; top: 0px; z-index: 999999999999; background-image: url('http://www.canatakanbayrak.com//deppo/tools/img/trns.png')">
    <img border="0" src="http://www.canatakanbayrak.com//deppo/tools/img/loading.svg" style="max-height: 150px;">
</div>

<link rel='stylesheet' href='/css/watolye.css' type='text/css' /><link rel='stylesheet' href='//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css'> <!--[if lt IE 9]><script src='http://www.canatakanbayrak.com//deppo/tools/js/html5.js'></script><![endif]--> <script src='http://www.canatakanbayrak.com//deppo/tools/js/gen_validatorv4.js'></script> <script src='//cdn.ckeditor.com/4.8.0/basic/ckeditor.js'></script> 

<script type="text/javascript">
    document.getElementsByTagName("body")[0].setAttribute("id", "watolye");

    function AjaxKaydet(){
        for(var dilan in CKEDITOR.instances)
            CKEDITOR.instances[dilan].updateElement();
        jQuery.ajax({type: "POST", url: "?panel/ilan/kilan/<?php echo $sayfa3?>",
            data: jQuery('#autosave').serialize(), success: function () {
                setTimeout(function () { jQuery('#guncellendi').fadeIn('slow'); }, 500);  setTimeout(function () { jQuery('#guncellendi').delay(3000).fadeOut('slow'); }, 500);
            }
        });
    }

    $(document).on('click','[data-form]',function(e){
        $('#preload').fadeIn('slow');
        e.preventDefault();
        var _this=$(this);
        $.post(_this.data('url'),$(_this.data('form')).find('input,textarea,select').serialize(),function(){
            show('mmesaj');
            $(_this.data('form'))[0].reset();
            $('#preload').fadeOut('slow');
        });
    });
    //data-url="func..php?func.=fmail" data-form="#iform"

    //!-- Göster/Gizle -->
    function hide(id){var divObject=document.getElementById(id); divObject.style.display="none";}
    function show(id){var divObject=document.getElementById(id); divObject.style.display="block";}
    //!-- Göster/Gizle -->

    function sgoster(id){
        setTimeout(function() {var divObject=document.getElementById(id); divObject.style.display="block";}, 0);
        setTimeout(function() {var divObject=document.getElementById(id); divObject.style.display="none";}, 3000);
    }

    jQuery(function(){
        jQuery('form.fcontrol button').prop('disabled',true);
    });

    jQuery(document).on('input','form.fcontrol input.icontrol',function(e){
        if(jQuery('form.fcontrol input.icontrol').filter(function() { return this.value == ""; }).length==0){
            jQuery('form.fcontrol').find('.alert1').remove();
            jQuery('form.fcontrol button').prop('disabled',false);
        }else{
            jQuery('form.fcontrol button').prop('disabled',true);
            if(jQuery('form.fcontrol').find('.alert1').length==0){
                jQuery('form.fcontrol').prepend('<div class="v3-row alert alert-danger alert1" style="padding:5px;">Formda boş alanlar var.</div><br>');
            }
        }
    });

    jQuery(function(){
        jQuery('form.fcontrol2 button').prop('disabled',true);
    });

    jQuery(document).on('input','form.fcontrol2 input.icontrol',function(e){
        if(jQuery('form.fcontrol2 input.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('<div class="v3-row alert alert-danger alert2" style="padding:5px;">Formda boş alanlar var.</div><br>');
            }
        }
    });

    jQuery(function(){
        jQuery('form.fcontrol3 button').prop('disabled',true);
    });

    jQuery(document).on('input','form.fcontrol3 input.icontrol',function(e){
        if(jQuery('form.fcontrol3 input.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('<div class="v3-row alert alert-danger alert3" style="padding:5px;">Formda boş alanlar var.</div><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>
































<script src="/js/watolye.js"></script>
<link rel='stylesheet' href='deppo/tools/css/watolye.css' type='text/css' /><link rel='stylesheet' href='//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css'>


<!--[if lt IE 9]>
    <script src="http://www.canatakanbayrak.com//deppo/tools/js/html5.js"></script>
<![endif]-->
<script type="text/javascript">
    
        //!-- Göster/Gizle -->
	function hide(id){var divObject=document.getElementById(id); divObject.style.display="none";}
        function show(id){var divObject=document.getElementById(id); divObject.style.display="block";}
    //!-- Göster/Gizle -->

    //!-- Fade Out -->
    jQuery(window).load(function () { setTimeout(function () {
        jQuery('.v3_mbox').fadeOut() }, 3000); });
    //!-- 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ı -->
</script>






<script src="http://www.canatakanbayrak.com//deppo/tools/js/il-ilce.js"></script>
<script src="http://www.canatakanbayrak.com//deppo/tools/js/gen_validatorv4.js"></script>
<script src="//cdn.ckeditor.com/4.4.7/basic/ckeditor.js"></script>

<!-- Favicon -->
		<link rel="shortcut icon" type="image/x-icon" href="img\favicon.png">

		<!-- all css here -->
		<!-- bootstrap v3.3.6 css -->
        <link rel="stylesheet" href="css\bootstrap.min.css">
		<!-- animate css -->
        <link rel="stylesheet" href="css\animate.css">
		<!-- meanmenu css -->
        <link rel="stylesheet" href="css\meanmenu.min.css">
		<!-- owl.carousel css -->
        <link rel="stylesheet" href="css\owl.carousel.css">
		<!-- font -->
		<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
		<!-- font-awesome css -->
        <link rel="stylesheet" href="css\font-awesome.min.css">
		<!-- flexslider.css-->
        <link rel="stylesheet" href="css\flexslider.css">
		<!-- chosen.min.css-->
        <link rel="stylesheet" href="css\chosen.min.css">
		<!-- style css -->
		<link rel="stylesheet" href="style.css">
		<!-- responsive css -->
        <link rel="stylesheet" href="css\responsive.css">
		<!-- modernizr css -->
		<script src="js\vendor\modernizr-2.8.3.min.js"></script>
		<script type="text/javascript" src="https://code.jquery.com/jquery-1.8.2.js"></script>
    <!-- Head -->
</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:99999999999; 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]-->
<style>
.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;
}
/* 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 */
</style>

<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');">
  <div style="margin-top:5%; width:80%; height:70%; position:relative; border:solid 5px #ccc; background-color:#fff;" class="yuvarla rounded">
    <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 name="icerik"></iframe>
  </div>
</div>

<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 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 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><body class="home-4">

		<!-- header-area-start -->

        <header>
<!-- header-top-area-start -->
			<div class="header-top-area">
				<div class="container">
					<div class="row">
						<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
							<div class="language-area">
								<ul>
									<li>
									<a href="tel:+90 212 592 11 02">
											<i class="fa fa-phone" aria-hidden="true"></i> +90 212 592 11 02
										</a>
									<a href="tel:+90 532 707 79 97">
											<i class="fa fa-phone" aria-hidden="true"></i> +90 532 707 79 97
										</a>
									</li>
								</ul>
							<!-- <ul>
									<li><img src="img\flag\tr.png" alt="flag"><a href="#">Türkçe</a></li>
									<li><img src="img\flag\eng.jpg" alt="flag"><a href="#">English</a></li>
								</ul> -->
								</div>
								
						</div>
						<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
							<div class="account-area text-right">
								<ul>
									<li><a href="mailto:info@canatakanbayrak.com">
										<i class="fa fa-envelope-o" aria-hidden="true"></i> info@canatakanbayrak.com
									</a></li>
								</ul>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- header-top-area-end -->

			<!-- header-mid-area-start -->
			<div class="header-mid-area ptb-40">
				<div class="container">
					<div class="row">
						<div class="col-lg-3 col-md-3 col-sm-4 col-xs-12">
							<div class="logo-area">
								<a href="."><img src="img/logo/Can-Atakan-Bayrak.png" alt="CAN ATAKAN BAYRAK & FLAMA"></a>
							</div>
						</div>
						<!--<div class="col-lg-6 col-md-6 col-sm-5 col-xs-12">
							<div class="header-search">
								<form action="?q" method="post">
									<input type="text" name="q" placeholder="Ürün Kodu: #0001">
									<a href="#"><i class="fa fa-search"></i></a>
								</form>
							</div>
						</div>-->
						<div class="col-lg-9 col-md-9 col-sm-9 col-xs-12">
							<div class="my-cart">
								<ul>
									<li><a href="?s412/ozel-siparis-formu"><i class="fa fa-file-text-o" aria-hidden="true"></i>ÖZEL SİPARİŞ</a>
										<span><i class="fa fa-flag" aria-hidden="true"></i></span>
									</li>
								</ul>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- header-mid-area-end -->

			<!-- main-menu-area-start -->
			<div class="main-menu-area hidden-sm hidden-xs" id="header-sticky">
				<div class="container">
					<div class="row">
						<div class="col-lg-12">
							<div class="menu-area">
								<nav>
										<style>
											.menu-area span {
												/*height: 135px;*/
												margin-bottom: 1em;
											}	
										</style>									
									<ul>
									
										<li><a href=".">ANASAYFA</a></li>
									
										<li><a href="?s409/kurumsal">KURUMSAL</a></li>
									
										<li><a href="?r410/referanslar">REFERANSLAR</a></li>

										<li><a href="#">ÜRÜNLER<i class="fa fa-angle-down"></i></a>
										
											<div class="mega-menu mega-menu-2">
											
												<span>
													<a href="?x22/turk-bayragi" class="title">TÜRK BAYRAĞI</a>
													
													<!--<a href="?y23/turk-bayraklari">TÜRK BAYRAKLARI</a>-->
													
												</span>
												
												<span>
													<a href="?x18/ataturk-posteri" class="title">ATATÜRK POSTERİ</a>
													
													<!--<a href="?y19/ataturk-posteri-bayragi">ATATÜRK POSTERİ BAYRAĞI</a>-->
													
												</span>
												
												<span>
													<a href="?x44/ulke-bayragi" class="title">ÜLKE BAYRAĞI</a>
													
													<!--<a href="?y47/ulke-bayragi">ÜLKE BAYRAĞI</a>-->
													
												</span>
												
												<span>
													<a href="?x7/gonder-bayragi" class="title">GÖNDER BAYRAĞI</a>
													
													<!--<a href="?y9/ozel-gonder-bayraklari">ÖZEL GÖNDER BAYRAKLARI</a>-->
													
												</span>
												
												<span>
													<a href="?x12/makam-bayragi" class="title">MAKAM BAYRAĞI</a>
													
													<!--<a href="?y13/makam-bayraklari">MAKAM BAYRAKLARI</a>-->
													
												</span>
												
												<span>
													<a href="?x10/masa-bayragi" class="title">MASA BAYRAĞI</a>
													
													<!--<a href="?y11/masa-bayragi">MASA BAYRAĞI</a>-->
													
												</span>
												
												<span>
													<a href="?x15/kirlangic-flama" class="title">KIRLANGIÇ FLAMA</a>
													
													<!--<a href="?y17/kirlangic-turk-bayragi">KIRLANGIÇ TÜRK BAYRAĞI</a>-->
													
												</span>
												
												<span>
													<a href="?x20/yelken-bayragi" class="title">YELKEN BAYRAĞI</a>
													
													<!--<a href="?y21/yelkenbayraklar">YELKEN  BAYRAKLAR</a>-->
													
												</span>
												
												<span>
													<a href="?x32/parti-bayragi" class="title">PARTİ BAYRAĞI</a>
													
													<!--<a href="?y33/parti-bayraklari">PARTİ BAYRAKLARI</a>-->
													
												</span>
												
												<span>
													<a href="?x28/okul-flamalari" class="title">OKUL FLAMALARI</a>
													
													<!--<a href="?y29/okul-bayraklari">OKUL BAYRAKLARI</a>-->
													
												</span>
												
												<span>
													<a href="?x38/susleme-bayragi" class="title">SÜSLEME BAYRAĞI</a>
													
													<!--<a href="?y39/susleme-bayraklari">SÜSLEME BAYRAKLARI</a>-->
													
												</span>
												
												<span>
													<a href="?x2/turk-devletleri-bayragi" class="title">TÜRK DEVLETLERİ BAYRAĞI</a>
													
													<!--<a href="?y6/turk-devletleri-bayraklari">TÜRK DEVLETLERİ BAYRAKLARI</a>-->
													
												</span>
												
												<span>
													<a href="?x36/spor-kulubu-bayragi" class="title">SPOR KULÜBÜ BAYRAĞI</a>
													
													<!--<a href="?y37/spor-kulupleri-bayraklari">SPOR KULÜPLERİ BAYRAKLARI</a>-->
													
												</span>
												
												<span>
													<a href="?x30/otomatik-motorlu-bayrak" class="title">OTOMATİK MOTORLU BAYRAK</a>
													
													<!--<a href="?y31/otomatik-motorlu-bayrak">OTOMATİK MOTORLU BAYRAK</a>-->
													
												</span>
												
												<span>
													<a href="?x42/bayrak-direkleri" class="title">BAYRAK DİREKLERİ</a>
													
													<!--<a href="?y43/bayrak-direkleri">BAYRAK DİREKLERİ</a>-->
													
												</span>
												
												<span>
													<a href="?x40/ataturk-koseleri" class="title">ATATÜRK KÖŞELERİ</a>
													
													<!--<a href="?y41/ataturk-koseleri">ATATÜRK KÖŞELERİ</a>-->
													
												</span>
												
												<span>
													<a href="?x24/afis-pankart" class="title">AFİŞ\PANKART</a>
													
													<!--<a href="?y25/afis-pankart">AFİŞ\PANKART</a>-->
													
												</span>
												
												<span>
													<a href="?x34/roll-up-banner" class="title">ROLL UP BANNER</a>
													
													<!--<a href="?y35/roll-up-banner">ROLL UP BANNER</a>-->
													
												</span>
												
												<span>
													<a href="?x45/bayrak-direkleri" class="title">Bayrak Direkleri</a>
													
												</span>
												
												<span>
													<a href="?x48/el-bayragi" class="title">EL BAYRAĞI</a>
													
													<!--<a href="?y49/el-bayragi">EL BAYRAĞI</a>-->
													
												</span>
												
												<span>
													<a href="?x50/oyuncak" class="title">OYUNCAK</a>
													
													<!--<a href="?y51/arac">ARAÇ</a>-->
													
												</span>
												
												<span>
													<a href="?x52/promosyon" class="title">PROMOSYON</a>
													
													<!--<a href="?y53/cakmakanahtarlik">ÇAKMAK - ANAHTARLIK</a>-->
													
													<!--<a href="?y54/canta">ÇANTA</a>-->
													
													<!--<a href="?y55/polar">POLAR</a>-->
													
													<!--<a href="?y56/eldiven">ELDİVEN</a>-->
													
													<!--<a href="?y57/atki">ATKI</a>-->
													
													<!--<a href="?y58/bere">BERE</a>-->
													
													<!--<a href="?y59/kalem">KALEM</a>-->
													
													<!--<a href="?y60/sapka">ŞAPKA</a>-->
													
													<!--<a href="?y61/tisort">TİŞÖRT</a>-->
													
												</span>
												
											</div>
										</li>										
									
										<li><a href="?s412/ozel-siparis">ÖZEL SİPARİŞ</a></li>
									
										<li><a href="?i414/iletisim">İLETİŞİM</a></li>


									</ul>
								</nav>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- main-menu-area-end -->	

			<!-- mobile-menu-->
			<div class="mobile-menu-area hidden-md hidden-lg">
				<div class="container">
					<div class="row">
						<div class="col-lg-12">
							<div class="mobile-menu">
								<nav id="mobile-menu-active">
									<ul id="nav">
									
										<li><a href=".">ANASAYFA</a></li>
									
										<li><a href="?s409/kurumsal">KURUMSAL</a></li>
									
										<li><a href="?r410/referanslar">REFERANSLAR</a></li>

										<li><a href="#">ÜRÜNLER</a>
										
											<ul>
											
													<li><a href="?x22/turk-bayragi" class="title">TÜRK BAYRAĞI</a></li>
													
													<li><a href="?y23/turk-bayraklari">TÜRK BAYRAKLARI</a></li>
													
													<li><a href="?x18/ataturk-posteri" class="title">ATATÜRK POSTERİ</a></li>
													
													<li><a href="?y19/ataturk-posteri-bayragi">ATATÜRK POSTERİ BAYRAĞI</a></li>
													
													<li><a href="?x44/ulke-bayragi" class="title">ÜLKE BAYRAĞI</a></li>
													
													<li><a href="?y47/ulke-bayragi">ÜLKE BAYRAĞI</a></li>
													
													<li><a href="?x7/gonder-bayragi" class="title">GÖNDER BAYRAĞI</a></li>
													
													<li><a href="?y9/ozel-gonder-bayraklari">ÖZEL GÖNDER BAYRAKLARI</a></li>
													
													<li><a href="?x12/makam-bayragi" class="title">MAKAM BAYRAĞI</a></li>
													
													<li><a href="?y13/makam-bayraklari">MAKAM BAYRAKLARI</a></li>
													
													<li><a href="?x10/masa-bayragi" class="title">MASA BAYRAĞI</a></li>
													
													<li><a href="?y11/masa-bayragi">MASA BAYRAĞI</a></li>
													
													<li><a href="?x15/kirlangic-flama" class="title">KIRLANGIÇ FLAMA</a></li>
													
													<li><a href="?y17/kirlangic-turk-bayragi">KIRLANGIÇ TÜRK BAYRAĞI</a></li>
													
													<li><a href="?x20/yelken-bayragi" class="title">YELKEN BAYRAĞI</a></li>
													
													<li><a href="?y21/yelkenbayraklar">YELKEN  BAYRAKLAR</a></li>
													
													<li><a href="?x32/parti-bayragi" class="title">PARTİ BAYRAĞI</a></li>
													
													<li><a href="?y33/parti-bayraklari">PARTİ BAYRAKLARI</a></li>
													
													<li><a href="?x28/okul-flamalari" class="title">OKUL FLAMALARI</a></li>
													
													<li><a href="?y29/okul-bayraklari">OKUL BAYRAKLARI</a></li>
													
													<li><a href="?x38/susleme-bayragi" class="title">SÜSLEME BAYRAĞI</a></li>
													
													<li><a href="?y39/susleme-bayraklari">SÜSLEME BAYRAKLARI</a></li>
													
													<li><a href="?x2/turk-devletleri-bayragi" class="title">TÜRK DEVLETLERİ BAYRAĞI</a></li>
													
													<li><a href="?y6/turk-devletleri-bayraklari">TÜRK DEVLETLERİ BAYRAKLARI</a></li>
													
													<li><a href="?x36/spor-kulubu-bayragi" class="title">SPOR KULÜBÜ BAYRAĞI</a></li>
													
													<li><a href="?y37/spor-kulupleri-bayraklari">SPOR KULÜPLERİ BAYRAKLARI</a></li>
													
													<li><a href="?x30/otomatik-motorlu-bayrak" class="title">OTOMATİK MOTORLU BAYRAK</a></li>
													
													<li><a href="?y31/otomatik-motorlu-bayrak">OTOMATİK MOTORLU BAYRAK</a></li>
													
													<li><a href="?x42/bayrak-direkleri" class="title">BAYRAK DİREKLERİ</a></li>
													
													<li><a href="?y43/bayrak-direkleri">BAYRAK DİREKLERİ</a></li>
													
													<li><a href="?x40/ataturk-koseleri" class="title">ATATÜRK KÖŞELERİ</a></li>
													
													<li><a href="?y41/ataturk-koseleri">ATATÜRK KÖŞELERİ</a></li>
													
													<li><a href="?x24/afis-pankart" class="title">AFİŞ\PANKART</a></li>
													
													<li><a href="?y25/afis-pankart">AFİŞ\PANKART</a></li>
													
													<li><a href="?x34/roll-up-banner" class="title">ROLL UP BANNER</a></li>
													
													<li><a href="?y35/roll-up-banner">ROLL UP BANNER</a></li>
													
													<li><a href="?x45/bayrak-direkleri" class="title">Bayrak Direkleri</a></li>
													
													<li><a href="?x48/el-bayragi" class="title">EL BAYRAĞI</a></li>
													
													<li><a href="?y49/el-bayragi">EL BAYRAĞI</a></li>
													
													<li><a href="?x50/oyuncak" class="title">OYUNCAK</a></li>
													
													<li><a href="?y51/arac">ARAÇ</a></li>
													
													<li><a href="?x52/promosyon" class="title">PROMOSYON</a></li>
													
													<li><a href="?y53/cakmakanahtarlik">ÇAKMAK - ANAHTARLIK</a></li>
													
													<li><a href="?y54/canta">ÇANTA</a></li>
													
													<li><a href="?y55/polar">POLAR</a></li>
													
													<li><a href="?y56/eldiven">ELDİVEN</a></li>
													
													<li><a href="?y57/atki">ATKI</a></li>
													
													<li><a href="?y58/bere">BERE</a></li>
													
													<li><a href="?y59/kalem">KALEM</a></li>
													
													<li><a href="?y60/sapka">ŞAPKA</a></li>
													
													<li><a href="?y61/tisort">TİŞÖRT</a></li>
													
										</ul>
												</li>						
									
										<li><a href="?s412/ozel-siparis">ÖZEL SİPARİŞ</a></li>
									
										<li><a href="?i414/iletisim">İLETİŞİM</a></li>

									</ul>
								</nav>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- mobile-menu/ -->
		</header>
		<!-- header-area-end --><!--pop-up Video-->
		<!--<script>
		 $(window).load(function(){        
		   $('#myModal').modal('show');
			}); 
		</script>
		<style>
		.modal-body {
			padding:	0px;
		}
		@media (max-width:769px){
		   #myModal {
				margin-right: -130px;
				padding: 15px;
		}
		}
		</style>

		<div id="myModal" class="modal fade text-center" role="dialog" style="top:15%;">
		  <div class="modal-dialog" style="width:65%;">
			<div class="modal-content">
			  <div class="modal-header">
				<button type="button" class="close" data-dismiss="modal">&times;</button>
				<h4 class="modal-title"><img style="width:20%;" src="img/logo/logo.png" class="img-fluid"></h4>
			  </div>
			  <div class="modal-body">
				<video width="100%" controls="">
					<source src="" type="video/mp4">
					Tarayıcınız bu video'yu desktelemiyor. Lütfen daha  güncel bir tarayıcı kullanın!
				</video>
			  </div>
			  <div class="modal-footer">
				<button type="button" class="btn btn-default" data-dismiss="modal">Kapat</button>
			  </div>
			</div>

		  </div>
		</div>-->
		<!--pop-up video/-->

		<!--slider-->
		<!--<div class="slider-area">
			<div class="slider-active owl-carousel">
				
				
			</div>
		</div>-->
		<!-- slider/-->
				<!-- home-section 
			================================================== -->
		<section class="slider4">
			<script src="js/slider/js/jssor.slider-28.1.0.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        window.jssor_1_slider_init = function() {

            var jssor_1_SlideoTransitions = [
              [{b:-1,d:1,ls:0.5},{b:0,d:1000,y:5,e:{y:6}}],
              [{b:-1,d:1,ls:0.5},{b:200,d:1000,y:25,e:{y:6}}],
              [{b:-1,d:1,ls:0.5},{b:400,d:1000,y:45,e:{y:6}}],
              [{b:-1,d:1,ls:0.5},{b:600,d:1000,y:65,e:{y:6}}],
              [{b:-1,d:1,ls:0.5},{b:800,d:1000,y:85,e:{y:6}}],
              [{b:-1,d:1,ls:0.5},{b:500,d:1000,y:195,e:{y:6}}],
              [{b:0,d:2000,y:30,e:{y:3}}],
              [{b:-1,d:1,rY:-15,tZ:100},{b:0,d:1500,y:30,o:1,e:{y:3}}],
              [{b:-1,d:1,rY:-15,tZ:-100},{b:0,d:1500,y:100,o:0.8,e:{y:3}}],
              [{b:500,d:1500,o:1}],
              [{b:0,d:1000,y:380,e:{y:6}}],
              [{b:300,d:1000,x:80,e:{x:6}}],
              [{b:300,d:1000,x:330,e:{x:6}}],
              [{b:-1,d:1,r:-110,sX:5,sY:5},{b:0,d:2000,o:1,r:-20,sX:1,sY:1,e:{o:6,r:6,sX:6,sY:6}}],
              [{b:0,d:600,x:150,o:1,e:{x:6}}],
              [{b:0,d:600,x:1140,o:1,e:{x:6}}],
              [{b:-1,d:1,sX:5,sY:5},{b:600,d:600,o:1,sX:1,sY:1,e:{sX:3,sY:3}}]
            ];

            var jssor_1_options = {
              $AutoPlay: 1,
              $LazyLoading: 1,
              $CaptionSliderOptions: {
                $Class: $JssorCaptionSlideo$,
                $Transitions: jssor_1_SlideoTransitions
              },
              $ArrowNavigatorOptions: {
                $Class: $JssorArrowNavigator$
              },
              $BulletNavigatorOptions: {
                $Class: $JssorBulletNavigator$,
                $SpacingX: 20,
                $SpacingY: 20
              }
            };

            var jssor_1_slider = new $JssorSlider$("jssor_1", jssor_1_options);

            /*#region responsive code begin*/

            var MAX_WIDTH = 5120;

            function ScaleSlider() {
                var containerElement = jssor_1_slider.$Elmt.parentNode;
                var containerWidth = containerElement.clientWidth;

                if (containerWidth) {

                    var expectedWidth = Math.min(MAX_WIDTH || containerWidth, containerWidth);

                    jssor_1_slider.$ScaleWidth(expectedWidth);
                }
                else {
                    window.setTimeout(ScaleSlider, 30);
                }
            }

            ScaleSlider();

            $Jssor$.$AddEvent(window, "load", ScaleSlider);
            $Jssor$.$AddEvent(window, "resize", ScaleSlider);
            $Jssor$.$AddEvent(window, "orientationchange", ScaleSlider);
            /*#endregion responsive code end*/
        };
    </script>
    <link href="https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300italic,regular,italic,700,700italic&subset=latin-ext,greek-ext,cyrillic-ext,greek,vietnamese,latin,cyrillic" rel="stylesheet" type="text/css" />
    <style>
        .jssorl-009-spin img {
            animation-name: jssorl-009-spin;
            animation-duration: 1.6s;
            animation-iteration-count: infinite;
            animation-timing-function: linear;
        }

        @keyframes jssorl-009-spin {
            from {
                transform: rotate(0deg);
            }

            to {
                transform: rotate(360deg);
            }
        }


        /*jssor slider bullet skin 132 css*/
        .jssorb132 {position:absolute;}
        .jssorb132 .i {position:absolute;cursor:pointer;}
        .jssorb132 .i .b {fill:#fff;fill-opacity:0.8;stroke:#000;stroke-width:1920;stroke-miterlimit:10;stroke-opacity:0.7;}
        .jssorb132 .i:hover .b {fill:#000;fill-opacity:.7;stroke:#fff;stroke-width:2000;stroke-opacity:0.8;}
        .jssorb132 .iav .b {fill:#000;stroke:#fff;stroke-width:2400;fill-opacity:0.8;stroke-opacity:1;}
        .jssorb132 .i.idn {opacity:0.3;}

        .jssora051 {display:block;position:absolute;cursor:pointer;}
        .jssora051 .a {fill:none;stroke:#fff;stroke-width:360;stroke-miterlimit:10;}
        .jssora051:hover {opacity:.8;}
        .jssora051.jssora051dn {opacity:.5;}
        .jssora051.jssora051ds {opacity:.3;pointer-events:none;}
    </style>
    <svg viewbox="0 0 0 0" width="0" height="0" style="display:block;position:relative;left:0px;top:0px;">
        <defs>
            <filter id="jssor_1_flt_1" x="-50%" y="-50%" width="200%" height="200%">
                <feGaussianBlur stddeviation="4"></feGaussianBlur>
            </filter>
            <radialGradient id="jssor_1_grd_2">
                <stop offset="0" stop-color="#fff"></stop>
                <stop offset="1" stop-color="#000"></stop>
            </radialGradient>
            <mask id="jssor_1_msk_3">
                <path fill="url(#jssor_1_grd_2)" d="M600,0L600,400L0,400L0,0Z" x="0" y="0" style="position:absolute;overflow:visible;"></path>
            </mask>
        </defs>
    </svg>
    <div id="jssor_1" style="position:relative;margin:0 auto;top:0px;left:0px;width:1920px;height:599px;overflow:hidden;visibility:hidden;">
        <!-- Loading Screen -->
        <div data-u="loading" class="jssorl-009-spin" style="position:absolute;top:0px;left:0px;width:100%;height:100%;text-align:center;background-color:rgba(0,0,0,0.7);">
            <img style="margin-top:-19px;position:relative;top:50%;width:38px;height:38px;" src="js/slider/img/spin.svg" />
        </div>
		
        <div data-u="slides" style="cursor:default;position:relative;top:0px;left:0px;width:1920px;height:599px;overflow:hidden;">


		   <div>
                <img data-u="image" data-src="img/slider/can-bayrak-2.jpg" />
                <div data-ts="flat" data-p="1080" style="left:0px;top:0px;width:1920px;height:599px;position:absolute;">
					
                    <!--<img data-to="50% 50%" data-t="15" style="left:50px;top:290px;width:344px;height:157px;position:absolute;opacity:0;max-width:344px;" data-src="js/slider/img/Can-Atakan-Bayrak-Slider-Logo.png" />-->
                </div>
            </div>
			<div>
                <img data-u="image" data-src="http://www.canatakanbayrak.com/deppo/slide/Can-Atakan-Bayrak-Slider.jpg" />
                <div data-ts="flat" data-p="1080" style="left:0px;top:0px;width:1920px;height:599px;position:absolute;">
					
                    <!--<img data-to="50% 50%" data-t="15" style="left:50px;top:290px;width:344px;height:157px;position:absolute;opacity:0;max-width:344px;" data-src="js/slider/img/Can-Atakan-Bayrak-Slider-Logo.png" />-->
                </div>
            </div>
<!---->
			
			
        </div>

        <!-- Bullet Navigator -->
        <div data-u="navigator" class="jssorb132" style="position:absolute;bottom:24px;right:16px;" data-autocenter="1" data-scale="0.5" data-scale-bottom="0.75">
            <div data-u="prototype" class="i" style="width:12px;height:12px;">
                <svg viewbox="0 0 19200 19200" style="position:absolute;top:0;left:0;width:100%;height:100%;">
                    <circle class="b" cx="8000" cy="8000" r="5800"></circle>
                </svg>
            </div>
        </div>
        <!-- Arrow Navigator -->
        <div data-u="arrowleft" class="jssora051" style="width:55px;height:55px;top:0px;left:25px;" data-autocenter="2" data-scale="0.75" data-scale-left="0.75">
            <svg viewbox="0 0 19200 19200" style="position:absolute;top:0;left:0;width:100%;height:100%;">
                <polyline class="a" points="11040,1920 4960,8000 11040,14080 "></polyline>
            </svg>
        </div>
        <div data-u="arrowright" class="jssora051" style="width:55px;height:55px;top:0px;right:25px;" data-autocenter="2" data-scale="0.75" data-scale-right="0.75">
            <svg viewbox="0 0 19200 19200" style="position:absolute;top:0;left:0;width:100%;height:100%;">
                <polyline class="a" points="4960,1920 11040,8000 4960,14080 "></polyline>
            </svg>
        </div>
    </div>
	
    <script type="text/javascript">jssor_1_slider_init();</script>
</section>
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		

		<!--ürünler-->
		<div class="product-area pt-90 pb-100">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-12">
                            <div class="section-title text-center mb-30">
                                <h2>ÜRÜNLERİMİZ</h2>
                                <p>"BÜTÜN BAYRAKÇILAR BİRBİRİNE BENZER AMA, "BENZEMEK BAŞKA ŞEY BENZERSİZ OLMAK BAŞKA..."</p>
                            </div>
                        </div>
                        <div class="col-lg-12">
                            <!--tab-menu-->
                            <div class="tab-menu mb-40 text-center">
                                <ul class="text-center">

                                    <li class="active"><a href="#turk-bayragi" data-toggle="tab">TÜRK BAYRAĞI</a></li>

                                    <li class=""><a href="#ataturk-posteri" data-toggle="tab">ATATÜRK POSTERİ</a></li>

                                    <li class=""><a href="#ulke-bayragi" data-toggle="tab">ÜLKE BAYRAĞI</a></li>

                                    <li class=""><a href="#gonder-bayragi" data-toggle="tab">GÖNDER BAYRAĞI</a></li>

                                    <li class=""><a href="#makam-bayragi" data-toggle="tab">MAKAM BAYRAĞI</a></li>

                                    <li class=""><a href="#masa-bayragi" data-toggle="tab">MASA BAYRAĞI</a></li>

                                    <li class=""><a href="#kirlangic-flama" data-toggle="tab">KIRLANGIÇ FLAMA</a></li>

                                    <li class=""><a href="#yelken-bayragi" data-toggle="tab">YELKEN BAYRAĞI</a></li>

                                    <li class=""><a href="#parti-bayragi" data-toggle="tab">PARTİ BAYRAĞI</a></li>

                                    <li class=""><a href="#okul-flamalari" data-toggle="tab">OKUL FLAMALARI</a></li>

                                    <li class=""><a href="#susleme-bayragi" data-toggle="tab">SÜSLEME BAYRAĞI</a></li>

                                    <li class=""><a href="#turk-devletleri-bayragi" data-toggle="tab">TÜRK DEVLETLERİ BAYRAĞI</a></li>

                                    <li class=""><a href="#spor-kulubu-bayragi" data-toggle="tab">SPOR KULÜBÜ BAYRAĞI</a></li>

                                    <li class=""><a href="#otomatik-motorlu-bayrak" data-toggle="tab">OTOMATİK MOTORLU BAYRAK</a></li>

                                    <li class=""><a href="#bayrak-direkleri" data-toggle="tab">BAYRAK DİREKLERİ</a></li>

                                    <li class=""><a href="#ataturk-koseleri" data-toggle="tab">ATATÜRK KÖŞELERİ</a></li>

                                    <li class=""><a href="#afis-pankart" data-toggle="tab">AFİŞ\PANKART</a></li>

                                    <li class=""><a href="#roll-up-banner" data-toggle="tab">ROLL UP BANNER</a></li>

                                    <li class=""><a href="#bayrak-direkleri" data-toggle="tab">Bayrak Direkleri</a></li>

                                    <li class=""><a href="#el-bayragi" data-toggle="tab">EL BAYRAĞI</a></li>

                                    <li class=""><a href="#oyuncak" data-toggle="tab">OYUNCAK</a></li>

                                    <li class=""><a href="#promosyon" data-toggle="tab">PROMOSYON</a></li>

                                </ul>
                            </div>
                            <!--tab-menu/-->
                        </div>
                    </div>
                    <!--tüm ürünler-->
                    <div class="tab-content">

					
                        <!--katagori 1-->
						<div class="tab-pane active" id="turk-bayragi">
                            <div class="tab-active owl-carousel">
								
								<div class="tab-total">
										<!--1 ürün başlıyor-->
									<div class="product-wrapper mb-40">
											<div class="product-img urunfix">
												<a href="?d469/ucgen-sacaksiz-turk-bayragi">
													<img src="deppo/image/ucgen-sacaksiz-turk-bayragi-2321154718.jpg" alt="ÜÇGEN SAÇAKSIZ TÜRK BAYRAĞI" class="primary urunfix">
												</a>
												<div class="quick-view">
													<a class="action-view" href="?d469/ucgen-sacaksiz-turk-bayragi" data-target="#productModal" data-toggle="modal" title="Görüntüle">
														<i class="fa fa-link" aria-hidden="true"></i>
													</a>
												</div>
											</div>
										<div class="product-details text-center">
											<h4><a href="?d469/ucgen-sacaksiz-turk-bayragi">ÜÇGEN SAÇAKSIZ TÜRK BAYRAĞI</a></h4>
										</div>
										<!--1 ürün bitiyor /-->
								
									</div>
									  
								</div>
								
								<div class="tab-total">
										<!--1 ürün başlıyor-->
									<div class="product-wrapper mb-40">
											<div class="product-img urunfix">
												<a href="?d468/ucgen-sacakli-turk-bayragi">
													<img src="deppo/image/yeni-urun-11118174948.jpg" alt="ÜÇGEN SAÇAKLI TÜRK BAYRAĞI" class="primary urunfix">
												</a>
												<div class="quick-view">
													<a class="action-view" href="?d468/ucgen-sacakli-turk-bayragi" data-target="#productModal" data-toggle="modal" title="Görüntüle">
														<i class="fa fa-link" aria-hidden="true"></i>
													</a>
												</div>
											</div>
										<div class="product-details text-center">
											<h4><a href="?d468/ucgen-sacakli-turk-bayragi">ÜÇGEN SAÇAKLI TÜRK BAYRAĞI</a></h4>
										</div>
										<!--1 ürün bitiyor /-->
								
									</div>
									  
								</div>
								
								<div class="tab-total">
										<!--1 ürün başlıyor-->
									<div class="product-wrapper mb-40">
											<div class="product-img urunfix">
												<a href="?d467/sopali-turk-bayragi">
													<img src="deppo/image/yeni-urun-11118174214.jpg" alt="SOPALI TÜRK BAYRAĞI" class="primary urunfix">
												</a>
												<div class="quick-view">
													<a class="action-view" href="?d467/sopali-turk-bayragi" data-target="#productModal" data-toggle="modal" title="Görüntüle">
														<i class="fa fa-link" aria-hidden="true"></i>
													</a>
												</div>
											</div>
										<div class="product-details text-center">
											<h4><a href="?d467/sopali-turk-bayragi">SOPALI TÜRK BAYRAĞI</a></h4>
										</div>
										<!--1 ürün bitiyor /-->
								
									</div>
									  
								</div>
								
								<div class="tab-total">
										<!--1 ürün başlıyor-->
									<div class="product-wrapper mb-40">
											<div class="product-img urunfix">
												<a href="?d464/rasel-turk-bayragi">
													<img src="deppo/image/rasel-turk-bayragi-2321151152.png" alt="RAŞEL TÜRK BAYRAĞI" class="primary urunfix">
												</a>
												<div class="quick-view">
													<a class="action-view" href="?d464/rasel-turk-bayragi" data-target="#productModal" data-toggle="modal" title="Görüntüle">
														<i class="fa fa-link" aria-hidden="true"></i>
													</a>
												</div>
											</div>
										<div class="product-details text-center">
											<h4><a href="?d464/rasel-turk-bayragi">RAŞEL TÜRK BAYRAĞI</a></h4>
										</div>
										<!--1 ürün bitiyor /-->
								
									</div>
									  
								</div>
								
								<div class="tab-total">
										<!--1 ürün başlıyor-->
									<div class="product-wrapper mb-40">
											<div class="product-img urunfix">
												<a href="?d463/alpaka-turk-bayragi">
													<img src="deppo/image/alpaka-turk-bayragi-2321185417.png" alt="ALPAKA TÜRK BAYRAĞI" class="primary urunfix">
												</a>
												<div class="quick-view">
													<a class="action-view" href="?d463/alpaka-turk-bayragi" data-target="#productModal" data-toggle="modal" title="Görüntüle">
														<i class="fa fa-link" aria-hidden="true"></i>
													</a>
												</div>
											</div>
										<div class="product-details text-center">
											<h4><a href="?d463/alpaka-turk-bayragi">ALPAKA TÜRK BAYRAĞI</a></h4>
										</div>
										<!--1 ürün bitiyor /-->
								
									</div>
									  
								</div>
								
							</div>
						</div>
						<!--katagori 1/-->
											
                        <!--katagori 1-->
						<div class="tab-pane " id="ataturk-posteri">
                            <div class="tab-active owl-carousel">
								
								<div class="tab-total">
										<!--1 ürün başlıyor-->
									<div class="product-wrapper mb-40">
											<div class="product-img urunfix">
												<a href="?d461/ataturk-posteri-bayragi">
													<img src="deppo/image/ataturk-posteri-bayragi-232123511.jpg" alt="ATATÜRK POSTERİ BAYRAĞI" class="primary urunfix">
												</a>
												<div class="quick-view">
													<a class="action-view" href="?d461/ataturk-posteri-bayragi" data-target="#productModal" data-toggle="modal" title="Görüntüle">
														<i class="fa fa-link" aria-hidden="true"></i>
													</a>
												</div>
											</div>
										<div class="product-details text-center">
											<h4><a href="?d461/ataturk-posteri-bayragi">ATATÜRK POSTERİ BAYRAĞI</a></h4>
										</div>
										<!--1 ürün bitiyor /-->
								
									</div>
									  
								</div>
								
							</div>
						</div>
						<!--katagori 1/-->
											
                        <!--katagori 1-->
						<div class="tab-pane " id="ulke-bayragi">
                            <div class="tab-active owl-carousel">
								
								<div class="tab-total">
										<!--1 ürün başlıyor-->
									<div class="product-wrapper mb-40">
											<div class="product-img urunfix">
												<a href="?d501/ulke-bayraklari">
													<img src="deppo/image/ulke-bayraklari-3010241283.jpg" alt="ÜLKE BAYRAKLARI" class="primary urunfix">
												</a>
												<div class="quick-view">
													<a class="action-view" href="?d501/ulke-bayraklari" data-target="#productModal" data-toggle="modal" title="Görüntüle">
														<i class="fa fa-link" aria-hidden="true"></i>
													</a>
												</div>
											</div>
										<div class="product-details text-center">
											<h4><a href="?d501/ulke-bayraklari">ÜLKE BAYRAKLARI</a></h4>
										</div>
										<!--1 ürün bitiyor /-->
								
									</div>
									  
								</div>
								
							</div>
						</div>
						<!--katagori 1/-->
											
                        <!--katagori 1-->
						<div class="tab-pane " id="gonder-bayragi">
                            <div class="tab-active owl-carousel">
								
								<div class="tab-total">
										<!--1 ürün başlıyor-->
									<div class="product-wrapper mb-40">
											<div class="product-img urunfix">
												<a href="?d426/turk-gonder-bayraklari-rasel-gonder-bayragi">
													<img src="deppo/image/turk-gonder-bayraklari-rasel-g-29101816727.jpg" alt="TÜRK GÖNDER BAYRAKLARI RAŞEL GÖNDER BAYRAĞI" class="primary urunfix">
												</a>
												<div class="quick-view">
													<a class="action-view" href="?d426/turk-gonder-bayraklari-rasel-gonder-bayragi" data-target="#productModal" data-toggle="modal" title="Görüntüle">
														<i class="fa fa-link" aria-hidden="true"></i>
													</a>
												</div>
											</div>
										<div class="product-details text-center">
											<h4><a href="?d426/turk-gonder-bayraklari-rasel-gonder-bayragi">TÜRK GÖNDER BAYRAKLARI RAŞEL GÖNDER BAYRAĞI</a></h4>
										</div>
										<!--1 ürün bitiyor /-->
								
									</div>
									  
								</div>
								
								<div class="tab-total">
										<!--1 ürün başlıyor-->
									<div class="product-wrapper mb-40">
											<div class="product-img urunfix">
												<a href="?d424/ozel-logolu-gonder-bayraklari">
													<img src="deppo/image/ozel-logolu-gonder-bayraklari-2321193434.jpg" alt="ÖZEL LOGOLU GÖNDER BAYRAKLARI" class="primary urunfix">
												</a>
												<div class="quick-view">
													<a class="action-view" href="?d424/ozel-logolu-gonder-bayraklari" data-target="#productModal" data-toggle="modal" title="Görüntüle">
														<i class="fa fa-link" aria-hidden="true"></i>
													</a>
												</div>
											</div>
										<div class="product-details text-center">
											<h4><a href="?d424/ozel-logolu-gonder-bayraklari">ÖZEL LOGOLU GÖNDER BAYRAKLARI</a></h4>
										</div>
										<!--1 ürün bitiyor /-->
								
									</div>
									  
								</div>
								
								<div class="tab-total">
										<!--1 ürün başlıyor-->
									<div class="product-wrapper mb-40">
											<div class="product-img urunfix">
												<a href="?d423/benzinlik-tipi-bayrak">
													<img src="deppo/image/benzinlik-tipi-bayrak-2321202010.jpg" alt="BENZİNLİK TİPİ BAYRAK" class="primary urunfix">
												</a>
												<div class="quick-view">
													<a class="action-view" href="?d423/benzinlik-tipi-bayrak" data-target="#productModal" data-toggle="modal" title="Görüntüle">
														<i class="fa fa-link" aria-hidden="true"></i>
													</a>
												</div>
											</div>
										<div class="product-details text-center">
											<h4><a href="?d423/benzinlik-tipi-bayrak">BENZİNLİK TİPİ BAYRAK</a></h4>
										</div>
										<!--1 ürün bitiyor /-->
								
									</div>
									  
								</div>
								
								<div class="tab-total">
										<!--1 ürün başlıyor-->
									<div class="product-wrapper mb-40">
											<div class="product-img urunfix">
												<a href="?d422/alpaka-turk-gonder-bayragi">
													<img src="deppo/image/alpaka-turk-gonder-bayragi-17101818522.jpg" alt="ALPAKA TÜRK GÖNDER BAYRAĞI" class="primary urunfix">
												</a>
												<div class="quick-view">
													<a class="action-view" href="?d422/alpaka-turk-gonder-bayragi" data-target="#productModal" data-toggle="modal" title="Görüntüle">
														<i class="fa fa-link" aria-hidden="true"></i>
													</a>
												</div>
											</div>
										<div class="product-details text-center">
											<h4><a href="?d422/alpaka-turk-gonder-bayragi">ALPAKA TÜRK GÖNDER BAYRAĞI</a></h4>
										</div>
										<!--1 ürün bitiyor /-->
								
									</div>
									  
								</div>
								
								<div class="tab-total">
										<!--1 ürün başlıyor-->
									<div class="product-wrapper mb-40">
											<div class="product-img urunfix">
												<a href="?d421/ulke-gonder-bayraklari">
													<img src="deppo/image/ozel-gonder-bayraklari-161018151350.jpg" alt="ÜLKE GÖNDER BAYRAKLARI" class="primary urunfix">
												</a>
												<div class="quick-view">
													<a class="action-view" href="?d421/ulke-gonder-bayraklari" data-target="#productModal" data-toggle="modal" title="Görüntüle">
														<i class="fa fa-link" aria-hidden="true"></i>
													</a>
												</div>
											</div>
										<div class="product-details text-center">
											<h4><a href="?d421/ulke-gonder-bayraklari">ÜLKE GÖNDER BAYRAKLARI</a></h4>
										</div>
										<!--1 ürün bitiyor /-->
								
									</div>
									  
								</div>
								
							</div>
						</div>
						<!--katagori 1/-->
											
                        <!--katagori 1-->
						<div class="tab-pane " id="makam-bayragi">
                            <div class="tab-active owl-carousel">
								
								<div class="tab-total">
										<!--1 ürün başlıyor-->
									<div class="product-wrapper mb-40">
											<div class="product-img urunfix">
												<a href="?d451/cift-kat-saten-makam-bayragi">
													<img src="deppo/image/yeni-urun-11118112129.jpg" alt="ÇİFT KAT SATEN MAKAM BAYRAĞI" class="primary urunfix">
												</a>
												<div class="quick-view">
													<a class="action-view" href="?d451/cift-kat-saten-makam-bayragi" data-target="#productModal" data-toggle="modal" title="Görüntüle">
														<i class="fa fa-link" aria-hidden="true"></i>
													</a>
												</div>
											</div>
										<div class="product-details text-center">
											<h4><a href="?d451/cift-kat-saten-makam-bayragi">ÇİFT KAT SATEN MAKAM BAYRAĞI</a></h4>
										</div>
										<!--1 ürün bitiyor /-->
								
									</div>
									  
								</div>
								
								<div class="tab-total">
										<!--1 ürün başlıyor-->
									<div class="product-wrapper mb-40">
											<div class="product-img urunfix">
												<a href="?d448/makam-bayrak-diregi">
													<img src="deppo/image/makam-bayrak-diregi-2321194144.jpg" alt="MAKAM BAYRAK DİREĞİ" class="primary urunfix">
												</a>
												<div class="quick-view">
													<a class="action-view" href="?d448/makam-bayrak-diregi" data-target="#productModal" data-toggle="modal" title="Görüntüle">
														<i class="fa fa-link" aria-hidden="true"></i>
													</a>
												</div>
											</div>
										<div class="product-details text-center">
											<h4><a href="?d448/makam-bayrak-diregi">MAKAM BAYRAK DİREĞİ</a></h4>
										</div>
										<!--1 ürün bitiyor /-->
								
									</div>
									  
								</div>
								
								<div class="tab-total">
										<!--1 ürün başlıyor-->
									<div class="product-wrapper mb-40">
											<div class="product-img urunfix">
												<a href="?d447/telali-saten-makam-bayragi">
													<img src="deppo/image/telali-saten-makam-bayragi-232119466.jpg" alt="TELALI SATEN MAKAM BAYRAĞI" class="primary urunfix">
												</a>
												<div class="quick-view">
													<a class="action-view" href="?d447/telali-saten-makam-bayragi" data-target="#productModal" data-toggle="modal" title="Görüntüle">
														<i class="fa fa-link" aria-hidden="true"></i>
													</a>
												</div>
											</div>
										<div class="product-details text-center">
											<h4><a href="?d447/telali-saten-makam-bayragi">TELALI SATEN MAKAM BAYRAĞI</a></h4>
										</div>
										<!--1 ürün bitiyor /-->
								
									</div>
									  
								</div>
								
							</div>
						</div>
						<!--katagori 1/-->
											
                        <!--katagori 1-->
						<div class="tab-pane " id="masa-bayragi">
                            <div class="tab-active owl-carousel">
								
								<div class="tab-total">
										<!--1 ürün başlıyor-->
									<div class="product-wrapper mb-40">
											<div class="product-img urunfix">
												<a href="?d444/ulke-masa-bayragi">
													<img src="deppo/image/ulke-masa-bayragi-232119513.jpg" alt="ÜLKE MASA BAYRAĞI" class="primary urunfix">
												</a>
												<div class="quick-view">
													<a class="action-view" href="?d444/ulke-masa-bayragi" data-target="#productModal" data-toggle="modal" title="Görüntüle">
														<i class="fa fa-link" aria-hidden="true"></i>
													</a>
												</div>
											</div>
										<div class="product-details text-center">
											<h4><a href="?d444/ulke-masa-bayragi">ÜLKE MASA BAYRAĞI</a></h4>
										</div>
										<!--1 ürün bitiyor /-->
								
									</div>
									  
								</div>
								
								<div class="tab-total">
										<!--1 ürün başlıyor-->
									<div class="product-wrapper mb-40">
											<div class="product-img urunfix">
												<a href="?d443/turk-masa-bayragi">
													<img src="deppo/image/turk-masa-bayragi-232120860.jpg" alt="TÜRK MASA BAYRAĞI" class="primary urunfix">
												</a>
												<div class="quick-view">
													<a class="action-view" href="?d443/turk-masa-bayragi" data-target="#productModal" data-toggle="modal" title="Görüntüle">
														<i class="fa fa-link" aria-hidden="true"></i>
													</a>
												</div>
											</div>
										<div class="product-details text-center">
											<h4><a href="?d443/turk-masa-bayragi">TÜRK MASA BAYRAĞI</a></h4>
										</div>
										<!--1 ürün bitiyor /-->
								
									</div>
									  
								</div>
								
								<div class="tab-total">
										<!--1 ürün başlıyor-->
									<div class="product-wrapper mb-40">
											<div class="product-img urunfix">
												<a href="?d441/ozel-logolu-masa-bayragi">
													<img src="deppo/image/ozel-logolu-masa-bayragi-2321195848.jpg" alt="ÖZEL LOGOLU MASA BAYRAĞI" class="primary urunfix">
												</a>
												<div class="quick-view">
													<a class="action-view" href="?d441/ozel-logolu-masa-bayragi" data-target="#productModal" data-toggle="modal" title="Görüntüle">
														<i class="fa fa-link" aria-hidden="true"></i>
													</a>
												</div>
											</div>
										<div class="product-details text-center">
											<h4><a href="?d441/ozel-logolu-masa-bayragi">ÖZEL LOGOLU MASA BAYRAĞI</a></h4>
										</div>
										<!--1 ürün bitiyor /-->
								
									</div>
									  
								</div>
								
								<div class="tab-total">
										<!--1 ürün başlıyor-->
									<div class="product-wrapper mb-40">
											<div class="product-img urunfix">
												<a href="?d439/princ-ciftli-masa-takimi">
													<img src="deppo/image/princ-ciftli-masa-takimi-2321201012.jpg" alt="PRİNÇ ÇİFTLİ MASA TAKIMI" class="primary urunfix">
												</a>
												<div class="quick-view">
													<a class="action-view" href="?d439/princ-ciftli-masa-takimi" data-target="#productModal" data-toggle="modal" title="Görüntüle">
														<i class="fa fa-link" aria-hidden="true"></i>
													</a>
												</div>
											</div>
										<div class="product-details text-center">
											<h4><a href="?d439/princ-ciftli-masa-takimi">PRİNÇ ÇİFTLİ MASA TAKIMI</a></h4>
										</div>
										<!--1 ürün bitiyor /-->
								
									</div>
									  
								</div>
								
								<div class="tab-total">
										<!--1 ürün başlıyor-->
									<div class="product-wrapper mb-40">
											<div class="product-img urunfix">
												<a href="?d430/ahsap-kaide-masa-takimi">
													<img src="deppo/image/3lu-301018111137.jpg" alt="AHŞAP KAİDE MASA TAKIMI" class="primary urunfix">
												</a>
												<div class="quick-view">
													<a class="action-view" href="?d430/ahsap-kaide-masa-takimi" data-target="#productModal" data-toggle="modal" title="Görüntüle">
														<i class="fa fa-link" aria-hidden="true"></i>
													</a>
												</div>
											</div>
										<div class="product-details text-center">
											<h4><a href="?d430/ahsap-kaide-masa-takimi">AHŞAP KAİDE MASA TAKIMI</a></h4>
										</div>
										<!--1 ürün bitiyor /-->
								
									</div>
									  
								</div>
								
							</div>
						</div>
						<!--katagori 1/-->
											
                        <!--katagori 1-->
						<div class="tab-pane " id="kirlangic-flama">
                            <div class="tab-active owl-carousel">
								
								<div class="tab-total">
										<!--1 ürün başlıyor-->
									<div class="product-wrapper mb-40">
											<div class="product-img urunfix">
												<a href="?d459/logolu-kirlangic-bayragi">
													<img src="deppo/image/logolu-kirlangic-bayragi-2321221641.jpg" alt="LOGOLU KIRLANGIÇ BAYRAĞI" class="primary urunfix">
												</a>
												<div class="quick-view">
													<a class="action-view" href="?d459/logolu-kirlangic-bayragi" data-target="#productModal" data-toggle="modal" title="Görüntüle">
														<i class="fa fa-link" aria-hidden="true"></i>
													</a>
												</div>
											</div>
										<div class="product-details text-center">
											<h4><a href="?d459/logolu-kirlangic-bayragi">LOGOLU KIRLANGIÇ BAYRAĞI</a></h4>
										</div>
										<!--1 ürün bitiyor /-->
								
									</div>
									  
								</div>
								
								<div class="tab-total">
										<!--1 ürün başlıyor-->
									<div class="product-wrapper mb-40">
											<div class="product-img urunfix">
												<a href="?d457/saten-kirlangic-turk-bayragi">
													<img src="deppo/image/yeni-urun-11118142246.jpg" alt="SATEN KIRLANGIÇ TÜRK BAYRAĞI" class="primary urunfix">
												</a>
												<div class="quick-view">
													<a class="action-view" href="?d457/saten-kirlangic-turk-bayragi" data-target="#productModal" data-toggle="modal" title="Görüntüle">
														<i class="fa fa-link" aria-hidden="true"></i>
													</a>
												</div>
											</div>
										<div class="product-details text-center">
											<h4><a href="?d457/saten-kirlangic-turk-bayragi">SATEN KIRLANGIÇ TÜRK BAYRAĞI</a></h4>
										</div>
										<!--1 ürün bitiyor /-->
								
									</div>
									  
								</div>
								
								<div class="tab-total">
										<!--1 ürün başlıyor-->
									<div class="product-wrapper mb-40">
											<div class="product-img urunfix">
												<a href="?d456/rasel-kirlangic-turk-bayragi">
													<img src="deppo/image/yeni-urun-11118141843.jpg" alt="RAŞEL KIRLANGIÇ TÜRK BAYRAĞI" class="primary urunfix">
												</a>
												<div class="quick-view">
													<a class="action-view" href="?d456/rasel-kirlangic-turk-bayragi" data-target="#productModal" data-toggle="modal" title="Görüntüle">
														<i class="fa fa-link" aria-hidden="true"></i>
													</a>
												</div>
											</div>
										<div class="product-details text-center">
											<h4><a href="?d456/rasel-kirlangic-turk-bayragi">RAŞEL KIRLANGIÇ TÜRK BAYRAĞI</a></h4>
										</div>
										<!--1 ürün bitiyor /-->
								
									</div>
									  
								</div>
								
								<div class="tab-total">
										<!--1 ürün başlıyor-->
									<div class="product-wrapper mb-40">
											<div class="product-img urunfix">
												<a href="?d455/alpaka-kirlangic-turk-bayragi">
													<img src="deppo/image/yeni-urun-11118141252.jpg" alt="ALPAKA KIRLANGIÇ TÜRK BAYRAĞI" class="primary urunfix">
												</a>
												<div class="quick-view">
													<a class="action-view" href="?d455/alpaka-kirlangic-turk-bayragi" data-target="#productModal" data-toggle="modal" title="Görüntüle">
														<i class="fa fa-link" aria-hidden="true"></i>
													</a>
												</div>
											</div>
										<div class="product-details text-center">
											<h4><a href="?d455/alpaka-kirlangic-turk-bayragi">ALPAKA KIRLANGIÇ TÜRK BAYRAĞI</a></h4>
										</div>
										<!--1 ürün bitiyor /-->
								
									</div>
									  
								</div>
								
							</div>
						</div>
						<!--katagori 1/-->
											
                        <!--katagori 1-->
						<div class="tab-pane " id="yelken-bayragi">
                            <div class="tab-active owl-carousel">
								
								<div class="tab-total">
										<!--1 ürün başlıyor-->
									<div class="product-wrapper mb-40">
											<div class="product-img urunfix">
												<a href="?d462/yelkenbayraklar">
													<img src="deppo/image/yelkenbayraklar-232122111.jpg" alt="YELKEN  BAYRAKLAR" class="primary urunfix">
												</a>
												<div class="quick-view">
													<a class="action-view" href="?d462/yelkenbayraklar" data-target="#productModal" data-toggle="modal" title="Görüntüle">
														<i class="fa fa-link" aria-hidden="true"></i>
													</a>
												</div>
											</div>
										<div class="product-details text-center">
											<h4><a href="?d462/yelkenbayraklar">YELKEN  BAYRAKLAR</a></h4>
										</div>
										<!--1 ürün bitiyor /-->
								
									</div>
									  
								</div>
								
							</div>
						</div>
						<!--katagori 1/-->
											
                        <!--katagori 1-->
						<div class="tab-pane " id="parti-bayragi">
                            <div class="tab-active owl-carousel">
								
							</div>
						</div>
						<!--katagori 1/-->
											
                        <!--katagori 1-->
						<div class="tab-pane " id="okul-flamalari">
                            <div class="tab-active owl-carousel">
								
								<div class="tab-total">
										<!--1 ürün başlıyor-->
									<div class="product-wrapper mb-40">
											<div class="product-img urunfix">
												<a href="?d474/rasel-okul-gonder-bayragi">
													<img src="deppo/image/rasel-okul-gonder-bayragi-2321214641.jpg" alt="RAŞEL OKUL GÖNDER BAYRAĞI" class="primary urunfix">
												</a>
												<div class="quick-view">
													<a class="action-view" href="?d474/rasel-okul-gonder-bayragi" data-target="#productModal" data-toggle="modal" title="Görüntüle">
														<i class="fa fa-link" aria-hidden="true"></i>
													</a>
												</div>
											</div>
										<div class="product-details text-center">
											<h4><a href="?d474/rasel-okul-gonder-bayragi">RAŞEL OKUL GÖNDER BAYRAĞI</a></h4>
										</div>
										<!--1 ürün bitiyor /-->
								
									</div>
									  
								</div>
								
								<div class="tab-total">
										<!--1 ürün başlıyor-->
									<div class="product-wrapper mb-40">
											<div class="product-img urunfix">
												<a href="?d473/okul-flamasi">
													<img src="deppo/image/yeni-urun-21118105322.jpg" alt="OKUL FLAMASI" class="primary urunfix">
												</a>
												<div class="quick-view">
													<a class="action-view" href="?d473/okul-flamasi" data-target="#productModal" data-toggle="modal" title="Görüntüle">
														<i class="fa fa-link" aria-hidden="true"></i>
													</a>
												</div>
											</div>
										<div class="product-details text-center">
											<h4><a href="?d473/okul-flamasi">OKUL FLAMASI</a></h4>
										</div>
										<!--1 ürün bitiyor /-->
								
									</div>
									  
								</div>
								
								<div class="tab-total">
										<!--1 ürün başlıyor-->
									<div class="product-wrapper mb-40">
											<div class="product-img urunfix">
												<a href="?d472/rasel-bina-onu-bayragi">
													<img src="deppo/image/rasel-bina-onu-bayragi-2321215014.jpg" alt="RAŞEL BİNA ÖNÜ BAYRAĞI" class="primary urunfix">
												</a>
												<div class="quick-view">
													<a class="action-view" href="?d472/rasel-bina-onu-bayragi" data-target="#productModal" data-toggle="modal" title="Görüntüle">
														<i class="fa fa-link" aria-hidden="true"></i>
													</a>
												</div>
											</div>
										<div class="product-details text-center">
											<h4><a href="?d472/rasel-bina-onu-bayragi">RAŞEL BİNA ÖNÜ BAYRAĞI</a></h4>
										</div>
										<!--1 ürün bitiyor /-->
								
									</div>
									  
								</div>
								
							</div>
						</div>
						<!--katagori 1/-->
											
                        <!--katagori 1-->
						<div class="tab-pane " id="susleme-bayragi">
                            <div class="tab-active owl-carousel">
								
								<div class="tab-total">
										<!--1 ürün başlıyor-->
									<div class="product-wrapper mb-40">
											<div class="product-img urunfix">
												<a href="?d488/branda-ipe-dizili-bayrak">
													<img src="deppo/image/yeni-urun-21118131333.jpg" alt="BRANDA İPE DİZİLİ BAYRAK" class="primary urunfix">
												</a>
												<div class="quick-view">
													<a class="action-view" href="?d488/branda-ipe-dizili-bayrak" data-target="#productModal" data-toggle="modal" title="Görüntüle">
														<i class="fa fa-link" aria-hidden="true"></i>
													</a>
												</div>
											</div>
										<div class="product-details text-center">
											<h4><a href="?d488/branda-ipe-dizili-bayrak">BRANDA İPE DİZİLİ BAYRAK</a></h4>
										</div>
										<!--1 ürün bitiyor /-->
								
									</div>
									  
								</div>
								
							</div>
						</div>
						<!--katagori 1/-->
											
                        <!--katagori 1-->
						<div class="tab-pane " id="turk-devletleri-bayragi">
                            <div class="tab-active owl-carousel">
								
								<div class="tab-total">
										<!--1 ürün başlıyor-->
									<div class="product-wrapper mb-40">
											<div class="product-img urunfix">
												<a href="?d420/17-li-turk-devletleri-toplulugu-bayraklari">
													<img src="deppo/image/17li-turk-devletleri-toplulugu-16101812126.jpg" alt="17&#697; Lİ TÜRK DEVLETLERİ TOPLULUĞU BAYRAKLARI" class="primary urunfix">
												</a>
												<div class="quick-view">
													<a class="action-view" href="?d420/17-li-turk-devletleri-toplulugu-bayraklari" data-target="#productModal" data-toggle="modal" title="Görüntüle">
														<i class="fa fa-link" aria-hidden="true"></i>
													</a>
												</div>
											</div>
										<div class="product-details text-center">
											<h4><a href="?d420/17-li-turk-devletleri-toplulugu-bayraklari">17&#697; Lİ TÜRK DEVLETLERİ TOPLULUĞU BAYRAKLARI</a></h4>
										</div>
										<!--1 ürün bitiyor /-->
								
									</div>
									  
								</div>
								
								<div class="tab-total">
										<!--1 ürün başlıyor-->
									<div class="product-wrapper mb-40">
											<div class="product-img urunfix">
												<a href="?d419/27-li-turk-devletleri-bayraklari">
													<img src="deppo/image/27li-turk-devletleri-bayraklar-161018115811.jpg" alt="27&#697; Lİ TÜRK DEVLETLERİ BAYRAKLARI" class="primary urunfix">
												</a>
												<div class="quick-view">
													<a class="action-view" href="?d419/27-li-turk-devletleri-bayraklari" data-target="#productModal" data-toggle="modal" title="Görüntüle">
														<i class="fa fa-link" aria-hidden="true"></i>
													</a>
												</div>
											</div>
										<div class="product-details text-center">
											<h4><a href="?d419/27-li-turk-devletleri-bayraklari">27&#697; Lİ TÜRK DEVLETLERİ BAYRAKLARI</a></h4>
										</div>
										<!--1 ürün bitiyor /-->
								
									</div>
									  
								</div>
								
								<div class="tab-total">
										<!--1 ürün başlıyor-->
									<div class="product-wrapper mb-40">
											<div class="product-img urunfix">
												<a href="?d418/turk-devletleri-gonder-bayragi-seti">
													<img src="deppo/image/turk-devletleri-gonder-bayragi-2321232313.jpg" alt="TÜRK DEVLETLERİ GÖNDER BAYRAĞI SETİ" class="primary urunfix">
												</a>
												<div class="quick-view">
													<a class="action-view" href="?d418/turk-devletleri-gonder-bayragi-seti" data-target="#productModal" data-toggle="modal" title="Görüntüle">
														<i class="fa fa-link" aria-hidden="true"></i>
													</a>
												</div>
											</div>
										<div class="product-details text-center">
											<h4><a href="?d418/turk-devletleri-gonder-bayragi-seti">TÜRK DEVLETLERİ GÖNDER BAYRAĞI SETİ</a></h4>
										</div>
										<!--1 ürün bitiyor /-->
								
									</div>
									  
								</div>
								
							</div>
						</div>
						<!--katagori 1/-->
											
                        <!--katagori 1-->
						<div class="tab-pane " id="spor-kulubu-bayragi">
                            <div class="tab-active owl-carousel">
								
							</div>
						</div>
						<!--katagori 1/-->
											
                        <!--katagori 1-->
						<div class="tab-pane " id="otomatik-motorlu-bayrak">
                            <div class="tab-active owl-carousel">
								
							</div>
						</div>
						<!--katagori 1/-->
											
                        <!--katagori 1-->
						<div class="tab-pane " id="bayrak-direkleri">
                            <div class="tab-active owl-carousel">
								
							</div>
						</div>
						<!--katagori 1/-->
											
                        <!--katagori 1-->
						<div class="tab-pane " id="ataturk-koseleri">
                            <div class="tab-active owl-carousel">
								
							</div>
						</div>
						<!--katagori 1/-->
											
                        <!--katagori 1-->
						<div class="tab-pane " id="afis-pankart">
                            <div class="tab-active owl-carousel">
								
								<div class="tab-total">
										<!--1 ürün başlıyor-->
									<div class="product-wrapper mb-40">
											<div class="product-img urunfix">
												<a href="?d470/afis-pankart">
													<img src="deppo/image/yeni-urun-21118103119.jpg" alt="AFİŞ\PANKART" class="primary urunfix">
												</a>
												<div class="quick-view">
													<a class="action-view" href="?d470/afis-pankart" data-target="#productModal" data-toggle="modal" title="Görüntüle">
														<i class="fa fa-link" aria-hidden="true"></i>
													</a>
												</div>
											</div>
										<div class="product-details text-center">
											<h4><a href="?d470/afis-pankart">AFİŞ\PANKART</a></h4>
										</div>
										<!--1 ürün bitiyor /-->
								
									</div>
									  
								</div>
								
							</div>
						</div>
						<!--katagori 1/-->
											
                        <!--katagori 1-->
						<div class="tab-pane " id="roll-up-banner">
                            <div class="tab-active owl-carousel">
								
							</div>
						</div>
						<!--katagori 1/-->
											
                        <!--katagori 1-->
						<div class="tab-pane " id="bayrak-direkleri">
                            <div class="tab-active owl-carousel">
								
							</div>
						</div>
						<!--katagori 1/-->
											
                        <!--katagori 1-->
						<div class="tab-pane " id="el-bayragi">
                            <div class="tab-active owl-carousel">
								
								<div class="tab-total">
										<!--1 ürün başlıyor-->
									<div class="product-wrapper mb-40">
											<div class="product-img urunfix">
												<a href="?d510/el-bayragi">
													<img src="deppo/image/el-bayragi-301024121841.jpg" alt="EL BAYRAĞI" class="primary urunfix">
												</a>
												<div class="quick-view">
													<a class="action-view" href="?d510/el-bayragi" data-target="#productModal" data-toggle="modal" title="Görüntüle">
														<i class="fa fa-link" aria-hidden="true"></i>
													</a>
												</div>
											</div>
										<div class="product-details text-center">
											<h4><a href="?d510/el-bayragi">EL BAYRAĞI</a></h4>
										</div>
										<!--1 ürün bitiyor /-->
								
									</div>
									  
								</div>
								
							</div>
						</div>
						<!--katagori 1/-->
											
                        <!--katagori 1-->
						<div class="tab-pane " id="oyuncak">
                            <div class="tab-active owl-carousel">
								
								<div class="tab-total">
										<!--1 ürün başlıyor-->
									<div class="product-wrapper mb-40">
											<div class="product-img urunfix">
												<a href="?d527/arac-5">
													<img src="deppo/image/arac-5-30102415434.jpg" alt="ARAÇ 5" class="primary urunfix">
												</a>
												<div class="quick-view">
													<a class="action-view" href="?d527/arac-5" data-target="#productModal" data-toggle="modal" title="Görüntüle">
														<i class="fa fa-link" aria-hidden="true"></i>
													</a>
												</div>
											</div>
										<div class="product-details text-center">
											<h4><a href="?d527/arac-5">ARAÇ 5</a></h4>
										</div>
										<!--1 ürün bitiyor /-->
								
									</div>
									  
								</div>
								
								<div class="tab-total">
										<!--1 ürün başlıyor-->
									<div class="product-wrapper mb-40">
											<div class="product-img urunfix">
												<a href="?d526/arac-4">
													<img src="deppo/image/arac-4-3010241545.jpg" alt="ARAÇ 4" class="primary urunfix">
												</a>
												<div class="quick-view">
													<a class="action-view" href="?d526/arac-4" data-target="#productModal" data-toggle="modal" title="Görüntüle">
														<i class="fa fa-link" aria-hidden="true"></i>
													</a>
												</div>
											</div>
										<div class="product-details text-center">
											<h4><a href="?d526/arac-4">ARAÇ 4</a></h4>
										</div>
										<!--1 ürün bitiyor /-->
								
									</div>
									  
								</div>
								
								<div class="tab-total">
										<!--1 ürün başlıyor-->
									<div class="product-wrapper mb-40">
											<div class="product-img urunfix">
												<a href="?d525/arac-3">
													<img src="deppo/image/arac-3-30102415327.jpg" alt="ARAÇ 3" class="primary urunfix">
												</a>
												<div class="quick-view">
													<a class="action-view" href="?d525/arac-3" data-target="#productModal" data-toggle="modal" title="Görüntüle">
														<i class="fa fa-link" aria-hidden="true"></i>
													</a>
												</div>
											</div>
										<div class="product-details text-center">
											<h4><a href="?d525/arac-3">ARAÇ 3</a></h4>
										</div>
										<!--1 ürün bitiyor /-->
								
									</div>
									  
								</div>
								
								<div class="tab-total">
										<!--1 ürün başlıyor-->
									<div class="product-wrapper mb-40">
											<div class="product-img urunfix">
												<a href="?d524/arac-2">
													<img src="deppo/image/arac-2-30102415249.jpg" alt="ARAÇ 2" class="primary urunfix">
												</a>
												<div class="quick-view">
													<a class="action-view" href="?d524/arac-2" data-target="#productModal" data-toggle="modal" title="Görüntüle">
														<i class="fa fa-link" aria-hidden="true"></i>
													</a>
												</div>
											</div>
										<div class="product-details text-center">
											<h4><a href="?d524/arac-2">ARAÇ 2</a></h4>
										</div>
										<!--1 ürün bitiyor /-->
								
									</div>
									  
								</div>
								
								<div class="tab-total">
										<!--1 ürün başlıyor-->
									<div class="product-wrapper mb-40">
											<div class="product-img urunfix">
												<a href="?d514/arac-1">
													<img src="deppo/image/araclar-30102414460.jpg" alt="ARAÇ 1" class="primary urunfix">
												</a>
												<div class="quick-view">
													<a class="action-view" href="?d514/arac-1" data-target="#productModal" data-toggle="modal" title="Görüntüle">
														<i class="fa fa-link" aria-hidden="true"></i>
													</a>
												</div>
											</div>
										<div class="product-details text-center">
											<h4><a href="?d514/arac-1">ARAÇ 1</a></h4>
										</div>
										<!--1 ürün bitiyor /-->
								
									</div>
									  
								</div>
								
							</div>
						</div>
						<!--katagori 1/-->
											
                        <!--katagori 1-->
						<div class="tab-pane " id="promosyon">
                            <div class="tab-active owl-carousel">
								
								<div class="tab-total">
										<!--1 ürün başlıyor-->
									<div class="product-wrapper mb-40">
											<div class="product-img urunfix">
												<a href="?d523/tisort">
													<img src="deppo/image/tisort-301024144026.jpg" alt="TİŞÖRT" class="primary urunfix">
												</a>
												<div class="quick-view">
													<a class="action-view" href="?d523/tisort" data-target="#productModal" data-toggle="modal" title="Görüntüle">
														<i class="fa fa-link" aria-hidden="true"></i>
													</a>
												</div>
											</div>
										<div class="product-details text-center">
											<h4><a href="?d523/tisort">TİŞÖRT</a></h4>
										</div>
										<!--1 ürün bitiyor /-->
								
									</div>
									  
								</div>
								
								<div class="tab-total">
										<!--1 ürün başlıyor-->
									<div class="product-wrapper mb-40">
											<div class="product-img urunfix">
												<a href="?d522/sapka">
													<img src="deppo/image/sapka-301024143610.jpeg" alt="ŞAPKA" class="primary urunfix">
												</a>
												<div class="quick-view">
													<a class="action-view" href="?d522/sapka" data-target="#productModal" data-toggle="modal" title="Görüntüle">
														<i class="fa fa-link" aria-hidden="true"></i>
													</a>
												</div>
											</div>
										<div class="product-details text-center">
											<h4><a href="?d522/sapka">ŞAPKA</a></h4>
										</div>
										<!--1 ürün bitiyor /-->
								
									</div>
									  
								</div>
								
								<div class="tab-total">
										<!--1 ürün başlıyor-->
									<div class="product-wrapper mb-40">
											<div class="product-img urunfix">
												<a href="?d521/kalem">
													<img src="deppo/image/kalem-301024143527.jpg" alt="KALEM" class="primary urunfix">
												</a>
												<div class="quick-view">
													<a class="action-view" href="?d521/kalem" data-target="#productModal" data-toggle="modal" title="Görüntüle">
														<i class="fa fa-link" aria-hidden="true"></i>
													</a>
												</div>
											</div>
										<div class="product-details text-center">
											<h4><a href="?d521/kalem">KALEM</a></h4>
										</div>
										<!--1 ürün bitiyor /-->
								
									</div>
									  
								</div>
								
								<div class="tab-total">
										<!--1 ürün başlıyor-->
									<div class="product-wrapper mb-40">
											<div class="product-img urunfix">
												<a href="?d520/bere">
													<img src="deppo/image/bere-301024142047.jpeg" alt="BERE" class="primary urunfix">
												</a>
												<div class="quick-view">
													<a class="action-view" href="?d520/bere" data-target="#productModal" data-toggle="modal" title="Görüntüle">
														<i class="fa fa-link" aria-hidden="true"></i>
													</a>
												</div>
											</div>
										<div class="product-details text-center">
											<h4><a href="?d520/bere">BERE</a></h4>
										</div>
										<!--1 ürün bitiyor /-->
								
									</div>
									  
								</div>
								
								<div class="tab-total">
										<!--1 ürün başlıyor-->
									<div class="product-wrapper mb-40">
											<div class="product-img urunfix">
												<a href="?d519/atki">
													<img src="deppo/image/atki-301024141957.jpeg" alt="ATKI" class="primary urunfix">
												</a>
												<div class="quick-view">
													<a class="action-view" href="?d519/atki" data-target="#productModal" data-toggle="modal" title="Görüntüle">
														<i class="fa fa-link" aria-hidden="true"></i>
													</a>
												</div>
											</div>
										<div class="product-details text-center">
											<h4><a href="?d519/atki">ATKI</a></h4>
										</div>
										<!--1 ürün bitiyor /-->
								
									</div>
									  
								</div>
								
								<div class="tab-total">
										<!--1 ürün başlıyor-->
									<div class="product-wrapper mb-40">
											<div class="product-img urunfix">
												<a href="?d518/eldiven">
													<img src="deppo/image/eldiven-301024141915.jpeg" alt="ELDİVEN" class="primary urunfix">
												</a>
												<div class="quick-view">
													<a class="action-view" href="?d518/eldiven" data-target="#productModal" data-toggle="modal" title="Görüntüle">
														<i class="fa fa-link" aria-hidden="true"></i>
													</a>
												</div>
											</div>
										<div class="product-details text-center">
											<h4><a href="?d518/eldiven">ELDİVEN</a></h4>
										</div>
										<!--1 ürün bitiyor /-->
								
									</div>
									  
								</div>
								
								<div class="tab-total">
										<!--1 ürün başlıyor-->
									<div class="product-wrapper mb-40">
											<div class="product-img urunfix">
												<a href="?d517/polar">
													<img src="deppo/image/polar-301024141822.jpeg" alt="POLAR" class="primary urunfix">
												</a>
												<div class="quick-view">
													<a class="action-view" href="?d517/polar" data-target="#productModal" data-toggle="modal" title="Görüntüle">
														<i class="fa fa-link" aria-hidden="true"></i>
													</a>
												</div>
											</div>
										<div class="product-details text-center">
											<h4><a href="?d517/polar">POLAR</a></h4>
										</div>
										<!--1 ürün bitiyor /-->
								
									</div>
									  
								</div>
								
								<div class="tab-total">
										<!--1 ürün başlıyor-->
									<div class="product-wrapper mb-40">
											<div class="product-img urunfix">
												<a href="?d516/canta">
													<img src="deppo/image/canta-301024141143.jpg" alt="ÇANTA" class="primary urunfix">
												</a>
												<div class="quick-view">
													<a class="action-view" href="?d516/canta" data-target="#productModal" data-toggle="modal" title="Görüntüle">
														<i class="fa fa-link" aria-hidden="true"></i>
													</a>
												</div>
											</div>
										<div class="product-details text-center">
											<h4><a href="?d516/canta">ÇANTA</a></h4>
										</div>
										<!--1 ürün bitiyor /-->
								
									</div>
									  
								</div>
								
								<div class="tab-total">
										<!--1 ürün başlıyor-->
									<div class="product-wrapper mb-40">
											<div class="product-img urunfix">
												<a href="?d515/cakmakanahtarlik">
													<img src="deppo/image/cakmakanahtarlik-301024141026.jpg" alt="ÇAKMAK - ANAHTARLIK" class="primary urunfix">
												</a>
												<div class="quick-view">
													<a class="action-view" href="?d515/cakmakanahtarlik" data-target="#productModal" data-toggle="modal" title="Görüntüle">
														<i class="fa fa-link" aria-hidden="true"></i>
													</a>
												</div>
											</div>
										<div class="product-details text-center">
											<h4><a href="?d515/cakmakanahtarlik">ÇAKMAK - ANAHTARLIK</a></h4>
										</div>
										<!--1 ürün bitiyor /-->
								
									</div>
									  
								</div>
								
							</div>
						</div>
						<!--katagori 1/-->
						
                    <!--tüm ürünler/-->
					</div>
        </div>
	</div>
    	<!--ürünler /-->
</div>
</div>
</div><style>
.cbh-phone {
    position: fixed;
    right: 10px;
    bottom: 10px;
    visibility: hidden;
    background-color: transparent;
    width: 200px;
    height: 200px;
    cursor: pointer;
    z-index: 99;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    -webkit-transition: visibility .5s;
    -moz-transition: visibility .5s;
    -o-transition: visibility .5s;
    transition: visibility .5s;
}



.cbh-phone {
    position: fixed;
    right: 10px;
    bottom: 10px;
    visibility: hidden;
    background-color: transparent;
    width: 200px;
    height: 200px;
    cursor: pointer;
    z-index: 99;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    -webkit-transition: visibility .5s;
    -moz-transition: visibility .5s;
    -o-transition: visibility .5s;
    transition: visibility .5s;
}

#kmacb {
    position: fixed;
    display: none;
    background-color: transparent;
    width: 160px;
    height: 160px;
    z-index: 200000!important;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    -webkit-transition: visibility .5s;
    -moz-transition: visibility .5s;
    -o-transition: visibility .5s;
    transition: visibility .5s;
    right: 15px;
    bottom: 15px;
}

.cbh-phone{position:fixed;      right: -50px;
    bottom: -55px; visibility:hidden;background-color:transparent;width:200px;height:200px;cursor:pointer;z-index:99;-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);-webkit-transition:visibility .5s;-moz-transition:visibility .5s;-o-transition:visibility .5s;transition:visibility .5s}
.cbh-phone.cbh-show{visibility:visible}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@-webkit-keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}
.cbh-phone.cbh-static1{opacity:.6}
.cbh-phone.cbh-hover1{opacity:1}
.cbh-ph-circle{width:110px;height:110px;top:40px;left:40px;position:absolute;background-color:transparent;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid rgba(30,30,30,.4);opacity:.1;-webkit-animation:cbh-circle-anim 1.2s infinite ease-in-out;-moz-animation:cbh-circle-anim 1.2s infinite ease-in-out;-ms-animation:cbh-circle-anim 1.2s infinite ease-in-out;-o-animation:cbh-circle-anim 1.2s infinite ease-in-out;animation:cbh-circle-anim 1.2s infinite ease-in-out;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.cbh-phone.cbh-active .cbh-ph-circle1{-webkit-animation:cbh-circle-anim 1.1s infinite ease-in-out!important;-moz-animation:cbh-circle-anim 1.1s infinite ease-in-out!important;-ms-animation:cbh-circle-anim 1.1s infinite ease-in-out!important;-o-animation:cbh-circle-anim 1.1s infinite ease-in-out!important;animation:cbh-circle-anim 1.1s infinite ease-in-out!important}
.cbh-phone.cbh-static .cbh-ph-circle{-webkit-animation:cbh-circle-anim 2.2s infinite ease-in-out!important;-moz-animation:cbh-circle-anim 2.2s infinite ease-in-out!important;-ms-animation:cbh-circle-anim 2.2s infinite ease-in-out!important;-o-animation:cbh-circle-anim 2.2s infinite ease-in-out!important;animation:cbh-circle-anim 2.2s infinite ease-in-out!important}
.cbh-phone.cbh-hover .cbh-ph-circle{border-color:rgba(0,175,242,1);opacity:.5}
.cbh-phone.cbh-green.cbh-hover .cbh-ph-circle{border-color:rgba(117,235,80,1);opacity:.5}
.cbh-phone.cbh-green .cbh-ph-circle{border-color:rgba(0,175,242,1);opacity:.5}
.cbh-phone.cbh-gray.cbh-hover .cbh-ph-circle{border-color:rgba(204,204,204,1);opacity:.5}
.cbh-phone.cbh-gray .cbh-ph-circle{border-color:rgba(117,235,80,1);opacity:.5}
.cbh-ph-circle-fill{width:74px;height:74px;top:58px;left:58px;position:absolute;background-color:#000;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid transparent;opacity:.1;-webkit-animation:cbh-circle-fill-anim 2.3s infinite ease-in-out;-moz-animation:cbh-circle-fill-anim 2.3s infinite ease-in-out;-ms-animation:cbh-circle-fill-anim 2.3s infinite ease-in-out;-o-animation:cbh-circle-fill-anim 2.3s infinite ease-in-out;animation:cbh-circle-fill-anim 2.3s infinite ease-in-out;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.cbh-phone.cbh-active .cbh-ph-circle-fill{-webkit-animation:cbh-circle-fill-anim 1.7s infinite ease-in-out!important;-moz-animation:cbh-circle-fill-anim 1.7s infinite ease-in-out!important;-ms-animation:cbh-circle-fill-anim 1.7s infinite ease-in-out!important;-o-animation:cbh-circle-fill-anim 1.7s infinite ease-in-out!important;animation:cbh-circle-fill-anim 1.7s infinite ease-in-out!important}
.cbh-phone.cbh-static .cbh-ph-circle-fill{-webkit-animation:cbh-circle-fill-anim 2.3s infinite ease-in-out!important;-moz-animation:cbh-circle-fill-anim 2.3s infinite ease-in-out!important;-ms-animation:cbh-circle-fill-anim 2.3s infinite ease-in-out!important;-o-animation:cbh-circle-fill-anim 2.3s infinite ease-in-out!important;animation:cbh-circle-fill-anim 2.3s infinite ease-in-out!important;opacity:0!important}         .cbh-phone.cbh-hover .cbh-ph-circle-fill{background-color:rgba(0,175,242,.5);opacity:.75!important}
.cbh-phone.cbh-green.cbh-hover .cbh-ph-circle-fill{background-color:rgba(117,235,80,.5);opacity:.75!important}
.cbh-phone.cbh-green .cbh-ph-circle-fill{background-color:rgba(0,175,242,.5);opacity:.75!important}
.cbh-phone.cbh-gray.cbh-hover .cbh-ph-circle-fill{background-color:rgba(204,204,204,.5);opacity:.75!important}
.cbh-phone.cbh-gray .cbh-ph-circle-fill{background-color:rgba(117,235,80,.5);opacity:1!important}
.cbh-ph-img-circle1{width:50px;height:50px;top:70px;left:70px;position:absolute;background-image:url(img/ico/whatsapp-ico-web.png);background-size: 40px 40px;background-color:rgba(30,30,30,.1);background-position:center center;background-repeat:no-repeat;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid transparent;opacity:1;-webkit-animation:cbh-circle-img-anim 1s infinite ease-in-out;-moz-animation:cbh-circle-img-anim 1s infinite ease-in-out;-ms-animation:cbh-circle-img-anim 1s infinite ease-in-out;-o-animation:cbh-circle-img-anim 1s infinite ease-in-out;animation:cbh-circle-img-anim 1s infinite ease-in-out}
.cbh-phone.cbh-active .cbh-ph-img-circle1{-webkit-animation:cbh-circle-img-anim 1s infinite ease-in-out!important;-moz-animation:cbh-circle-img-anim 1s infinite ease-in-out!important;-ms-animation:cbh-circle-img-anim 1s infinite ease-in-out!important;-o-animation:cbh-circle-img-anim 1s infinite ease-in-out!important;animation:cbh-circle-img-anim 1s infinite ease-in-out!important}
.cbh-phone.cbh-static .cbh-ph-img-circle1{-webkit-animation:cbh-circle-img-anim 0s infinite ease-in-out!important;-moz-animation:cbh-circle-img-anim 0s infinite ease-in-out!important;-ms-animation:cbh-circle-img-anim 0s infinite ease-in-out!important;-o-animation:cbh-circle-img-anim 0s infinite ease-in-out!important;animation:cbh-circle-img-anim 0s infinite ease-in-out!important}
.cbh-phone.cbh-hover .cbh-ph-img-circle1{background-color:rgba(0,175,242,1)}
.cbh-phone.cbh-green.cbh-hover .cbh-ph-img-circle1:hover{background-color:rgba(117,235,80,1)}
.cbh-phone.cbh-green .cbh-ph-img-circle1{background-color:rgba(0,175,242,1)}
.cbh-phone.cbh-green .cbh-ph-img-circle1{background-color:rgba(0,175,242,1)}
.cbh-phone.cbh-gray.cbh-hover .cbh-ph-img-circle1{background-color:rgba(204,204,204,1)}
.cbh-phone.cbh-gray .cbh-ph-img-circle1{background-color:rgba(117,235,80,1)}@-moz-keyframes cbh-circle-anim{0%{-moz-transform:rotate(0deg) scale(0.5) skew(1deg);opacity:.1;-moz-opacity:.1;-webkit-opacity:.1;-o-opacity:.1}30%{-moz-transform:rotate(0deg) scale(.7) skew(1deg);opacity:.5;-moz-opacity:.5;-webkit-opacity:.5;-o-opacity:.5}100%{-moz-transform:rotate(0deg) scale(1) skew(1deg);opacity:.6;-moz-opacity:.6;-webkit-opacity:.6;-o-opacity:.1}}@-webkit-keyframes cbh-circle-anim{0%{-webkit-transform:rotate(0deg) scale(0.5) skew(1deg);-webkit-opacity:.1}30%{-webkit-transform:rotate(0deg) scale(.7) skew(1deg);-webkit-opacity:.5}100%{-webkit-transform:rotate(0deg) scale(1) skew(1deg);-webkit-opacity:.1}}@-o-keyframes cbh-circle-anim{0%{-o-transform:rotate(0deg) kscale(0.5) skew(1deg);-o-opacity:.1}30%{-o-transform:rotate(0deg) scale(.7) skew(1deg);-o-opacity:.5}100%{-o-transform:rotate(0deg) scale(1) skew(1deg);-o-opacity:.1}}@keyframes cbh-circle-anim{0%{transform:rotate(0deg) scale(0.5) skew(1deg);opacity:.1}30%{transform:rotate(0deg) scale(.7) skew(1deg);opacity:.5}100%{transform:rotate(0deg) scale(1) skew(1deg);opacity:.1}}@-moz-keyframes cbh-circle-fill-anim{0%{-moz-transform:rotate(0deg) scale(0.7) skew(1deg);opacity:.2}50%{-moz-transform:rotate(0deg) -moz-scale(1) skew(1deg);opacity:.2}100%{-moz-transform:rotate(0deg) scale(0.7) skew(1deg);opacity:.2}}@-webkit-keyframes cbh-circle-fill-anim{0%{-webkit-transform:rotate(0deg) scale(0.7) skew(1deg);opacity:.2}50%{-webkit-transform:rotate(0deg) scale(1) skew(1deg);opacity:.2}100%{-webkit-transform:rotate(0deg) scale(0.7) skew(1deg);opacity:.2}}@-o-keyframes cbh-circle-fill-anim{0%{-o-transform:rotate(0deg) scale(0.7) skew(1deg);opacity:.2}50%{-o-transform:rotate(0deg) scale(1) skew(1deg);opacity:.2}100%{-o-transform:rotate(0deg) scale(0.7) skew(1deg);opacity:.2}}@keyframes cbh-circle-fill-anim{0%{transform:rotate(0deg) scale(0.7) skew(1deg);opacity:.2}50%{transform:rotate(0deg) scale(1) skew(1deg);opacity:.2}100%{transform:rotate(0deg) scale(0.7) skew(1deg);opacity:.2}}@keyframes cbh-circle-img-anim{0%{transform:rotate(0deg) scale(1) skew(1deg)}10%{transform:rotate(-25deg) scale(1) skew(1deg)}20%{transform:rotate(25deg) scale(1) skew(1deg)}30%{transform:rotate(-25deg) scale(1) skew(1deg)}40%{transform:rotate(25deg) scale(1) skew(1deg)}100%,50%{transform:rotate(0deg) scale(1) skew(1deg)}}@-moz-keyframes cbh-circle-img-anim{0%{transform:rotate(0deg) scale(1) skew(1deg)}10%{-moz-transform:rotate(-25deg) scale(1) skew(1deg)}20%{-moz-transform:rotate(25deg) scale(1) skew(1deg)}30%{-moz-transform:rotate(-25deg) scale(1) skew(1deg)}40%{-moz-transform:rotate(25deg) scale(1) skew(1deg)}100%,50%{-moz-transform:rotate(0deg) scale(1) skew(1deg)}}@-webkit-keyframes cbh-circle-img-anim{0%{-webkit-transform:rotate(0deg) scale(1) skew(1deg)}10%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}20%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}100%,50%{-webkit-transform:rotate(0deg) scale(1) skew(1deg)}}@-o-keyframes cbh-circle-img-anim{0%{-o-transform:rotate(0deg) scale(1) skew(1deg)}10%{-o-transform:rotate(-25deg) scale(1) skew(1deg)}20%{-o-transform:rotate(25deg) scale(1) skew(1deg)}30%{-o-transform:rotate(-25deg) scale(1) skew(1deg)}40%{-o-transform:rotate(25deg) scale(1) skew(1deg)}100%,50%{-o-transform:rotate(0deg) scale(1) skew(1deg)}}
.cbh-ph-img-circle1 {}
.cbh-phone.cbh-green .cbh-ph-circle {border-color: rgb(0, 242, 164)}
.cbh-phone.cbh-green .cbh-ph-circle-fill {background-color: rgb(0, 242, 164);}
.cbh-phone.cbh-green .cbh-ph-img-circle1 {background-color:rgb(0, 242, 164);}

.kmacb__manager-border {
    position: absolute;
    width: 75px;
    height: 75px;
    top: 50%;
    left: 50%;
    margin-top: -39.5px;
    margin-left: -39.5px;
    border-radius: 100%;
    border: 2px solid #ffe787;
    -webkit-animation: kmacb__manager-border-anim 1.5s ease-in-out .5s infinite;
    -moz-animation: kmacb__manager-border-anim 1.5s ease-in-out .5s infinite;
    -ms-animation: kmacb__manager-border-anim 1.5s ease-in-out .5s infinite;
    -o-animation: kmacb__manager-border-anim 1.5s ease-in-out .5s infinite;
    animation: kmacb__manager-border-anim 1.5s ease-in-out .5s infinite;
    opacity: .8;
    transform-origin: center;
}
.kmacb__manager-fill {
    background: #52aff7 center bottom no-repeat;
    position: absolute;
    width: 75px;
    height: 75px;
    top: 50%;
    left: 50%;
    margin-top: -37.5px;
    margin-left: -37.5px;
    border-radius: 100%;
    opacity: .5;
    -webkit-animation: kmacb__manager-fill-anim 1.5s ease-in-out infinite;
    -moz-animation: kmacb__manager-fill-anim 1.5s ease-in-out infinite;
    -ms-animation: kmacb__manager-fill-anim 1.5s ease-in-out infinite;
    -o-animation: kmacb__manager-fill-anim 1.5s ease-in-out infinite;
    animation: kmacb__manager-fill-anim 1.5s ease-in-out infinite;
    transform-origin: center;
}
.kmacb__manager-circle {
    background: #52aff7;
    position: absolute;
    width: 120px;
    height: 120px;
    top: 50%;
    left: 50%;
    margin-top: -60px;
    margin-left: -60px;
    border-radius: 100%;
}
</style>
<div class="phone-call cbh-phone cbh-green cbh-show  cbh-static" id="clbh_phone_div" style="position: fixed; bottom: 25px; right: -71px; z-index: 80;"><a id="WhatsApp-button" href="https://wa.me/905327077997?text=Merhaba," target="_blank" class="phoneJs" title="Bize Hemen Ulaşın!"><div class="cbh-ph-circle"></div><div class="cbh-ph-circle-fill"></div><div class="cbh-ph-img-circle1"></div></a></div>

<!-- footer-area- -->
		<footer>
			<!-- footer-top- -->
			<div class="footer-top">
				<div class="container">
					<div class="row">
						<div class="col-lg-12">
							<div class="footer-top-menu bb-2">
								<nav>
									<ul>

										<li><a href=".">ANASAYFA</a></li>

										<li><a href="?s409/kurumsal">KURUMSAL</a></li>

										<li><a href="?r410/referanslar">REFERANSLAR</a></li>

										<li><a href="?s412/ozel-siparis">ÖZEL SİPARİŞ</a></li>

										<li><a href="?i414/iletisim">İLETİŞİM</a></li>

									</ul>
								</nav>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- footer-top- -->
            
			<!--
			<div class="footer-mid ptb-50">
				<div class="container">
					<div class="row">
				        <div class="col-lg-12 col-md-12 col-sm-12">
				            <div class="row">
							
				            </div>
				        </div>
							</div>
					</div>
				</div>-->
			<!-- footer-bottom- -->
			<div class="footer-bottom">
				<div class="container">
					<div class="row bt-2">
						<div class="col-lg-8  col-md-6 col-sm-6 col-xs-12">
							<div class="copy-right-area">
								<p>CAN ATAKAN BAYRAK & FLAMA 2020&nbsp;<i class="fa fa-copyright" aria-hidden="true"></i>
									Tüm Hakları Saklıdır. Web Tasarım <a href="http://garantimedya.com" target="_blank">Garanti Medya</a></p>
							</div>
						</div>
						<div class="col-lg-4 col-md-6 col-sm-6 col-xs-12">
							<div class="payment-img text-right">
								<div class="link-follow">
									<ul>
										<li><a href="http://www.facebook.com/canatakan.bayrak"><i class="fa fa-twitter"></i></a></li>
										<li><a href="https://twitter.com/canatakanbayrak"><i class="fa fa-facebook"></i></a></li>
										<li class="hidden-sm"><a href="http://instagram.com/bayraksatisi"><i class="fa fa-instagram"></i></a></li>
									</ul>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- footer-bottom-end -->
		</footer>
		<!-- footer-area-end -->
		
		<script src='/js/watolye.js' id='wjs' lang='lang1' url='canatakanbayrak.com' pow='Garanti Medya' ver='V8.918'></script><script src='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js' integrity='sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa' crossorigin='anonymous'></script> <script src='http://www.canatakanbayrak.com//deppo/tools/js/jquery.maskedinput.min.js'></script> 
		<!-- all js here -->
		<!-- jquery latest version -->
        <script src="js/vendor/jquery-1.12.0.min.js"></script>
		<!-- bootstrap js -->
        <script src="js/bootstrap.min.js"></script>
		<!-- owl.carousel js -->
        <script src="js/owl.carousel.min.js"></script>
		<!-- meanmenu js -->
        <script src="js/jquery.meanmenu.js"></script>
		<!-- wow js -->
        <script src="js/wow.min.js"></script>
		<!-- jquery.parallax-1.1.3.js -->
        <script src="js/jquery.parallax-1.1.3.js"></script>
		<!-- jquery.countdown.min.js -->
        <script src="js/jquery.countdown.min.js"></script>
		<!-- jquery.flexslider.js -->
        <script src="js/jquery.flexslider.js"></script>
		<!-- chosen.jquery.min.js -->
        <script src="js/chosen.jquery.min.js"></script>
		<!-- jquery.counterup.min.js -->
        <script src="js/jquery.counterup.min.js"></script>
		<!-- waypoints.min.js -->
        <script src="js/waypoints.min.js"></script>
		<!-- plugins js -->
		<script src="js/plugins.js"></script>
		<!-- main js -->
		<script src="js/main.js"></script>
    </body>
</html>