<!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>SÜSLEME BAYRAĞI / SÜSLEME BAYRAKLARI | 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//?y39/susleme-bayraklari" />
    <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 --><!-- breadcrumbs-area-start -->
		<div class="breadcrumbs-area mb-70">
			<div class="container">
				<div class="row">
					<div class="col-lg-12">
						<div class="breadcrumbs-menu">
							<ul>
								<li><a href=".">Anasayfa</a></li>
								<li><a href="?d/urundetay" class="active">Türk Bayrakları

                                </a></li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- breadcrumbs-area-end -->
		
		<!-- product-area-start -->
		<div class="product-area pt-10 pb-100">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-12">
                            <div class="section-title text-center mb-30">
                                <h2>SÜSLEME BAYRAĞI</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-start -->
                            <div class="tab-menu mb-40 text-center">
                                <ul>

                                    <li class="active"><a href="#susleme-bayraklari" data-toggle="tab">SÜSLEME BAYRAKLARI</a></li>

                                    </ul>
                            </div>
                            <!-- tab-menu-end -->
                        </div>
                    </div>
                    <!-- tab-area-start -->
                    <div class="tab-content">

                        <div class="tab-pane active" id="turkbayragi">
                            <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">
											</a>
											<div class="quick-view">
											    <a class="action-view" href="?d488/branda-ipe-dizili-bayrak" title="BRANDA İPE DİZİLİ BAYRAK">
                                                    <i class="fa fa-link" aria-hidden="true"></i>
                                                </a>
											</div>
											<div class="product-flag">
                                                <ul>
                                                    <!--<li><span class="sale">yeni</span></li>-->
											</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 class="product-price">
												<ul>
													<!--<li>1 TL</li>-->
												</ul>
											</div>
										</div>
									</div>
									<!-- 1 ürün bitiyor / -->

								</div>
                               
                            </div>
						</div>

						
                        <div class="tab-pane fade" id="atam">
                            <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">
												<a href="detay.html">
													<img src="img\product\3.jpg" alt="canatakanbayrak" class="primary">
												</a>
												<div class="quick-view">
													<a class="action-view" href="detay.html" data-target="#productModal" data-toggle="modal" title="Görüntüle">
														<i class="fa fa-link" aria-hidden="true"></i>
													</a>
												</div>
												<div class="product-flag">
													<ul>
														<!--<li><span class="sale">yeni</span></li>-->
												</div>
											</div>
											<div class="product-details text-center">
												<h4><a href="detay.html">Atatürk Posteri</a></h4>
												<div class="product-price">
													<ul>
														<!--<li>1 TL</li>-->
													</ul>
												</div>
											</div>
										</div>
										<!-- 1 ürün bitiyor / -->
									
								</div>
                              
                            </div>
                        </div>
                        
                        <div class="tab-pane fade" id="sopalı">
                            <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">
												<a href="detay.html">
													<img src="img\product\canatakan-vitrin.jpg" alt="canatakanbayrak" class="primary">
												</a>
												<div class="quick-view">
													<a class="action-view" href="detay.html" data-target="#productModal" data-toggle="modal" title="Görüntüle">
														<i class="fa fa-link" aria-hidden="true"></i>
													</a>
												</div>
												<div class="product-flag">
													<ul>
														<!--<li><span class="sale">yeni</span></li>-->
												</div>
											</div>
											<div class="product-details text-center">
												<h4><a href="detay.html">Atatürk Posteri</a></h4>
												<div class="product-price">
													<ul>
														<!--<li>1 TL</li>-->
													</ul>
												</div>
											</div>
										</div>
										<!-- 1 ürün bitiyor / -->
									
								</div>
                              
                            </div>
						</div>
						
                    </div>
                    <!-- tab-area-end -->
                </div>
        </div>
    	<!-- product-area-end --><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='www.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>