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

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

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

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

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

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

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

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

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

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

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

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

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

	/*btn*/
	.v3-btn-danger{background-color: #000000 !important;border-color: #000000 !important;}
	.v3-btn-danger:hover{background-color: #000000cc !important;border-color: #000000 !important;}
	.v3-btn-info{background-color: #000000 !important;border-color: #000000 !important;}
	.v3-btn-info:hover{background-color: #000000cc !important;border-color: #000000 !important;}
	.v3-btn-warning{background-color: #006090 !important;border-color: #006090 !important;}
	.v3-btn-warning:hover{background-color: #006090cc !important;border-color: #006090 !important;}
	.v3-btn-success{background-color: #001830 !important;border-color: #001830 !important;}
	.v3-btn-success:hover{background-color: #001830cc !important;border-color: #001830 !important;}
	/*btn*/

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

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

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


	/*User Panel*/

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

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

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

<div id="guncellendi" class="updated alert alert-success"><i class="fa fa-check" style="font-size: 20px; margin-right: 10px;"></i> Güncellendi</div>
<div id="AddBasket" class="addbasket pulse"></div>
<div id="Addfav" class="addfav"></div>
<div id="AddLike" class="addlike"></div>
<div class="rside">
	<i class="fa fa-close" onclick="toggle('.rside');" style="margin-left: -24px; font-size: 24px; position: absolute; cursor:pointer;"></i>
	<div id="rside"></div>
</div>
<div id="preload" style="">
	<img border="0" src="https://officestation.com.tr/deppo/tools/img/loading.svg" alt="preloader" style="max-height:150px;">
</div>
<div id="AjaxSuccess"><img border="0" src="https://officestation.com.tr/deppo/tools/img/saved.gif" alt="saved" style="max-height:150px;"></div>
<!--
*/.notranslate Çeviri engeller.*/
<a href="#" onclick="Translate('tr|tr');return false;" >  <img src="https://lipis.github.io/flag-icon-css/flags/4x3/tr.svg" style="height:24px;"> </a>
<a href="#" onclick="Translate('tr|en');return false;" > <img src="https://lipis.github.io/flag-icon-css/flags/4x3/gb.svg" style="height:24px;"> </a>
-->
<style>
#goog-gt-tt { display: none!important }
.goog-te-banner-frame { display: none!important }
.goog-te-menu-value:hover { text-decoration: none!important }
.goog-text-highlight { background-color: transparent!important; box-shadow: inherit!important }
body { top: 0px !important }
#google_translate_element2 { display: none!important }
</style>
<div id="google_translate_element2"></div>
<script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit2"></script> 
<script type="text/javascript">
	function googleTranslateElementInit2(){new google.translate.TranslateElement({pageLanguage:'tr',autoDisplay:false},'google_translate_element2')}
	function GTranslateFireEvent(a,b){try{if(document.createEvent){var c=document.createEvent("HTMLEvents");c.initEvent(b,true,true);a.dispatchEvent(c)}else{var c=document.createEventObject();a.fireEvent('on'+b,c)}}catch(e){}}
	function Translate(a){
		if(a.value)a=a.value;
		if(a=='')return;
		var b=a.split('|')[1];
		jQuery(".lang").html("Language ("+b+")");
		var c;
		var d=document.getElementsByTagName('select');
		for(var i=0;i<d.length;i++)if(d[i].className=='goog-te-combo')c=d[i];
			if(document.getElementById('google_translate_element2')==null||document.getElementById('google_translate_element2').innerHTML.length==0||c.length==0||c.innerHTML.length==0){
				setTimeout(function(){Translate(a)},200)
			}else{
				c.value=b;GTranslateFireEvent(c,'change');GTranslateFireEvent(c,'change')
			}
		}
		(function($){$.fn.disableSelection=function(){return this .addClass("noSelect").attr("unselectable","on").on("selectstart",false)}
	})(jQuery);
	</script><script src="//cdn.v3medya.com/js/inc.js" id="wjs" lang="lang1" url="officestation.com.tr" pow="Web Atölyesi" ver="v8.0213"></script> 
<!--[if lt IE 9]><script src='https://officestation.com.tr/deppo/tools/js/html5.js'></script><![endif]--> 
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.0.47/jquery.fancybox.min.css" /> 

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

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

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

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

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


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

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

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

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

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

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

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

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


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


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

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

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

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

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

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

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

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

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


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

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

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


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

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

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

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

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

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

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

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

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

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


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


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

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

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

//!-- Lazyload -->

//!-- LightBOX-1 -->


//var frmvalidator = new Validator("FormID");
//frmvalidator.addValidation("Zorunlu","req","Lütfen Adınızı Giriniz");
//frmvalidator.addValidation("max50","maxlen=50");
//frmvalidator.addValidation("Email","email");
//frmvalidator.addValidation("Numara","numeric");
</script><!-- bootstrap v3.3.6 css -->
    <link href="css/bootstrap.css" rel="stylesheet">
    <!-- font-awesome css -->
    <link href="css/font-awesome.css" rel="stylesheet">
    <!-- flaticon css -->
    <link href="css/flaticon.css" rel="stylesheet">
    <!-- animate css -->
    <link href="css/animate.css" rel="stylesheet">
    <!-- owl.carousel css -->
    <link href="css/owl.css" rel="stylesheet">
    <!-- fancybox css -->
    <link href="css/jquery.fancybox.css" rel="stylesheet">
    <link href="css/hover.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">
    <!-- revolution slider css -->
    <link rel="stylesheet" type="text/css" href="css/revolution/settings.css">
    <link rel="stylesheet" type="text/css" href="css/revolution/layers.css">
    <link rel="stylesheet" type="text/css" href="css/revolution/navigation.css">

    <!--Favicon-->
    <link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">
    <link rel="icon" href="images/favicon.ico" type="image/x-icon">
    <!-- Responsive -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link href="css/responsive.css" rel="stylesheet">
    <!--[if lt IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js"></script><![endif]-->
    <!--[if lt IE 9]><script src="js/respond.js"></script><![endif]--><div style="display:none; background-image:url('deppo/tools/img/trns.png'); margin-top:-20px;" class="v3icerik" id="icerik" align="center" onclick="icerik.location.href='about:blank'; hide('icerik'); lmedya();">
	<div style="margin-top:10% !important; width:60% !important; height:60% !important; position:relative; border:solid 5px #ccc; background-color:#fff;" class="v3-img-thumbnail">
		<div style="margin-top:10px; position:absolute; right:-20px; top:-35px; width:32px; height:32px; z-index:9999999999999999999;"><a href="about:blank" target="icerik" class="fa fa-remove" onclick="hide('icerik')" style="cursor:pointer;font-size:30px;" id="ajxsepet"></a></div>
		<iframe class="iframe" name="icerik"></iframe>
	</div>
</div>

<!-- Trigger the modal with a button 

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

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

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

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

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-136153355-1"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-136153355-1');
</script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<body>
    <div class="page-wrapper">

        <!-- Preloader -->
        <div class="preloader"></div>

        <!-- Main Header -->
        <header class="site-header headerfirst">
            <!-- Header Top -->
            <div class="header-top">
                <div class="container clearfix">
                    <!--Top Left-->
                    <div class="top-left pull-left">
                        <ul class="links-nav clearfix">
                            <li><div class="social-links clearfix">
                            <a href=""><span class="fa fa-facebook-f" style="color:#fff;"></span></a>
                            <a href=""><span class="fa fa-google-plus" style="color:#fff;"></span></a>
                            <a href=""><span class="fa fa-twitter" style="color:#fff;"></span></a>
                            <a href=""><span class="fa fa-linkedin" style="color:#fff;"></span></a>
                        </div></li>
                            <li><a href="#" style="text-transform:none;"><span class="fa fa-envelope-o"></span>info@officestation.com.tr</a></li>
                        </ul>
                    </div>

                    <!--Top Right-->
                    <div class="top-right pull-right">
				<ul class="links-nav clearfix">
 				<li><a href="?panel/ugiris/panel,ugiris,h300,sanal-ofis-kullanimi"><i class="fa fa-unlock"></i> Oturum Aç</a></li>
				<li><a href="//odeme.officestation.com.tr" target="_blankl"><i class="fa fa-credit-card"></i> Ödeme Yap</a></li>
				</ul>
                    </div>
                </div>
            </div>
            <!-- Header Top End -->

            <!--Header-Main-->
            <div class="header-main">
                <div class="container">
                    <div class="row">
                        <div class="col-sm-2">
                            <div class="logo">
                                <a href="."><img src="https://officestation.com.tr/deppo/image/logo-15913.png"></a>
                            </div>
                        </div>
                        <div class="col-sm-10">
                            <div class="header-info">
                                <ul>
                                    <li>
                                        <div class="hdbox-left">
                                            <span class="flaticon-phone-call"></span>
                                        </div>
                                        <div class="hdbox-right">
                                            <span>Telefon</span> 0212 709 97 00                                        </div>
                                    </li>
                                    <li>
                                        <div class="hdbox-left">
                                            <span class="flaticon-location"></span>
                                        </div>
                                        <div class="hdbox-right">
                                            YAKUPLU MAH. GEÇİT SK. NO:17/6 BEYLİKDÜZÜ / İSTANBUL                                        </div>
                                    </li>
                                    <li>
                                        <div class="hdbox-right">
                                            <a href="http://officestation.com.tr" class="v3-btn v3-btn-default">Beylikdüzü</a>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!--Header-Lower-->
            <div class="header-lower">
                <div class="container">
                    <div class="nav-outer clearfix">
                        <!-- Main Menu -->
                        <nav class="main-menu">
                            <div class="navbar-header">
                                <!-- Toggle Button -->
                                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                                    <span class="icon-bar"></span>
                                    <span class="icon-bar"></span>
                                    <span class="icon-bar"></span>
                                </button>
                            </div>

                            <div class="navbar-collapse collapse clearfix">
                                <ul class="navigation clearfix">
                                    <li class=""><a href=".">Anasayfa</a>
                                    </li>
                                    <li class=""><a href="?s80/-tam-donanimli-hazir-ofisler">Hazır Ofisler</a>
                                    </li>
                                    <li class=""><a href="?s81/istanbul--sanal-ofisler">Sanal Ofisler</a>
                                    </li>
                                    <li class=""><a href="?s82/-teknolojik-alt-yapisi-ile-akilli-toplanti-odalari">Toplantı Odaları</a>
                                    </li>
                                    <li class="dropdown"><a href="?s102/istanbul--lokasyonlarinda-sizlere-hizmet-vermekteyiz.">Hizmetlerimiz</a>
                                        <ul>
																				<li><a href="?s104/-sekreterya-hizmetlerimiz">Sekreterya Hizmetleri</a></li>
																				<li><a href="?s105/elektrik--su-ve-isitma-hizmetleri">Elektrik. Su ve Isıtma Hizmetleri</a></li>
																				<li><a href="?s106/bilisim-alt-yapisi">Bilişim Alt Yapısı</a></li>
																				<li><a href="?s107/teknoloji">Teknoloji</a></li>
																				<li><a href="?s108/kafeterya---yemek">Kafeterya & Yemek</a></li>
																				<li><a href="?s109/web-tasarim-ve-crm">Web Tasarım ve Crm</a></li>
																				<li><a href="?s110/kurumsal-kimlik">Kurumsal Kimlik</a></li>
																				<li><a href="?s117/franchise">franchise</a></li>
										                                        </ul>
                                    </li>
                                    <li class=""><a href="?s83/galeri">Galeri</a>
                                    </li>
                                </ul>
                            </div>
                        </nav>
                        <!-- Main Menu End-->

                        <!--Searchbox-->
                        <div class="srchbox1"></div>

                        <!--Quote Button-->
                        <div class="btn-outer">
                            <a href="?i84/iletisim" class="theme-btn quote-btn"><i class="fa fa-share"></i> Bize Ulaşın</a>
                        </div>

                    </div>
                </div>
            </div>

            <!--Sticky Header-->
            <div class="sticky-header">
                <div class="auto-container clearfix">
                    <!--Logo-->
                    <div class="logo pull-left">
                        <a href="." class="img-responsive"><img src="https://officestation.com.tr/deppo/image/logo-bf6a6.png" alt="" title=""></a>
                    </div>

                    <!--Right Col-->
                    <div class="right-col pull-right">
                        <!-- Main Menu -->
                        <nav class="main-menu">
                            <div class="navbar-header">
                                <!-- Toggle Button -->
                                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                                    <span class="icon-bar"></span>
                                    <span class="icon-bar"></span>
                                    <span class="icon-bar"></span>
                                </button>
                            </div>

                            <div class="navbar-collapse collapse clearfix">
                                <ul class="navigation clearfix">
                                    <li class=""><a href=".">Anasayfa</a>
                                    </li>
                                    <li class=""><a href="?s80/-tam-donanimli-hazir-ofisler">Hazır Ofisler</a>
                                    </li>
                                    <li class=""><a href="?s81/istanbul--sanal-ofisler">Sanal Ofisler</a>
                                    </li>
                                    <li class=""><a href="?s82/-teknolojik-alt-yapisi-ile-akilli-toplanti-odalari">Toplantı Odaları</a>
                                    </li>
                                    <li class="dropdown"><a href="?s102/istanbul--lokasyonlarinda-sizlere-hizmet-vermekteyiz.">Hizmetlerimiz</a>
                                        <ul>
																				<li><a href="?s104/-sekreterya-hizmetlerimiz">Sekreterya Hizmetleri</a></li>
																				<li><a href="?s105/elektrik--su-ve-isitma-hizmetleri">Elektrik. Su ve Isıtma Hizmetleri</a></li>
																				<li><a href="?s106/bilisim-alt-yapisi">Bilişim Alt Yapısı</a></li>
																				<li><a href="?s107/teknoloji">Teknoloji</a></li>
																				<li><a href="?s108/kafeterya---yemek">Kafeterya & Yemek</a></li>
																				<li><a href="?s109/web-tasarim-ve-crm">Web Tasarım ve Crm</a></li>
																				<li><a href="?s110/kurumsal-kimlik">Kurumsal Kimlik</a></li>
																				<li><a href="?s117/franchise">franchise</a></li>
										                                        </ul>
                                    </li>
                                    <li class=""><a href="?s83/galeri">Galeri</a>
                                    </li>
                                </ul>
                            </div>
                        </nav>
                        <!-- Main Menu End-->

                        <!--Searchbox-->
                        <ul class="menusearch"></ul>
                    </div>
                </div>
            </div>
            <!--End Sticky Header-->

        </header>
        <!-- Main Header end --><div class="qfont" id="panel" style="margin-top:1%; margin-bottom:1%; font-weight:200 !important;">
	<div class="v3-row alert-info" style="">
		<div class="v3-container">
						<ul class="v3-nav v3-nav-tabs" role="tablist" id="myTab" style="">
									<li class="active" onclick="location.href='?panel/ugiris'"> <a href="?panel/ugiris" role="tab" data-toggle="tab">Kullanıcı Giriş</a></li>
					<li class="" style="" onclick="location.href='?panel/ukayit'"> <a href="?panel/ukayit" role="tab" data-toggle="tab">Kullanıcı Kayıt</a> </li>
				
								</ul>
			</div>
		</div>

		<div class="upanel v3-container">
			<div class="v3-tab-content" style="width:100%; margin:0px; border-left:solid 1px #ccc;border-right:solid 1px #ccc;border-bottom:solid 1px #ccc; background-color:#fff;">
				<div class="alert alert-warning" id="err" role="alert" style="margin:2px 0px; padding:8px; display:none;"></div>
								
<!-- Üye Giriş -->
													<div class="v3-tab-pane  active" id="ugiris" style="overflow:hidden; padding:20px 0px 0px 0px;"> 
								<!-- Üye Giriş -->
								<div class="v3-col-md-6" style="">
									<div class="v3-panel v3-panel-default">
										<div class="v3-panel-heading">
											<h4><span class="fa fa-arrow-circle-o-right"></span> Kullanıcı Giriş</h4>
										</div>
										<div class="v3-panel-body">
											<form name="uyegiris" id="ulogin" method="post" action="?panel/giris/h300,sanal-ofis-kullanimi" autocomplete="off" style="margin:0px; padding:0px;">
												<div class="v3-row" style="margin-bottom:10px;">
													<div class="v3-col-md-12">
														<label style="display:block;">E-Mail / Gsm No</label>
														<input name="email" type="text" class="v3-form-control" style="width:99%" placeholder="E-Mail / Gsm No">
													</div>
												</div>
												<div class="v3-row" style="margin-bottom:10px;">
													<div class="v3-col-md-12">
														<label style="display:block;">Şifre</label>
														<input type="password" name="sifre" class="v3-form-control" style="width:99%" placeholder="Şifre">
													</div>
												</div>
												<div class="v3-row" style="margin-bottom:10px;">
													<div class="v3-col-md-12">
														<button type="button" onclick="AjaxPResult('account/ajax.php?panel/giris/h300,sanal-ofis-kullanimi','#ulogin','#err')" class="v3-btn v3-btn-success"><span class="fa fa-log-in"></span> Kullanıcı Giriş</button>
														<button type="button" onclick="toggle('#unuttum');" class="v3-btn v3-btn-warning" style="cursor:pointer; float:right">Şifremi Unuttum</button>
														<span style="float:right; margin-right:10px;">
																													</span>
													</div>
												</div>
											</form>
											<div class="v3-row" style="margin-bottom:10px;">
												<div class="v3-col-md-12">
													<form id="unuttum" name="hatirlatsifre" method="post" action="?panel/unuttum/h300,sanal-ofis-kullanimi" style="display:none;">
														<div class="v3-input-group">
															<input name="email" id="" type="text" class="v3-form-control" placeholder="E-Mail">
															<span class="v3-input-group-btn">
																<button type="button" onclick="AjaxPResult('account/ajax.php?panel/unuttum/h300,sanal-ofis-kullanimi','#unuttum','#err')" class="v3-btn v3-btn-default">Gönder</button>
															</span>
														</div>
													</form>
												</div>
											</div>
										</div>
									</div>
								</div>
								<!-- Üye Giriş --> 
																	<!-- Üye Giriş -->
									<div class="v3-col-md-6" style="">
										<div class="v3-panel v3-panel-default">
											<div class="v3-panel-body" style="text-align:center;"> Üye Giriş </div>
										</div>
										<div class="v3-panel v3-panel-default" style="">
											<div class="v3-panel-body" style="text-align:center;"> Sistem yönetici tarafından size verilen bilgiler ile yan taraftan giriş yapabilirsiniz<br>
												<br>
												<button type="button" class="v3-btn v3-btn-info" onclick="location.href='?panel/ukayit'">Kullanıcı Kayıt</button>
											</div>
										</div>
									</div>
									<!-- Üye Giriş --> 
															</div>
							<!-- Üye Giriş -->
							<!-- Üye Kayıt -->
							<div class="v3-tab-pane " id="ukayit" style="overflow:hidden; padding:20px 0px 0px 0px;"> 
																	<!-- Üye Kayıt -->
									<div class="v3-col-md-6" style="">
										<form name="uyekayit" id="uyekayit" method="post" action="?panel/kaydet/h300,sanal-ofis-kullanimi" autocomplete="off">
											<div class="v3-panel v3-panel-default">
												<div class="v3-panel-heading">
													<h4><span class="fa fa-edit"></span> Kullanıcı Kayıt</h4>
												</div>
												<div class="v3-panel-body">
													<div class="v3-row" style="display:none;">
														<div class="v3-col-md-12" style="margin-bottom:10px;">
															<label style="display:block;">Üyelik Tipi</label>
															<div class="v3-col-md-6" style="margin-bottom:10px;"> Bireysel
																<input name="ut" type="radio" class="" style="" value="1" checked>
															</div>
															<div class="v3-col-md-6" style="margin-bottom:10px;"> Kurumsal
																<input name="ut" type="radio" class="" value="2">
															</div>
														</div>
													</div>
													<div class="v3-row">
														<div class="v3-col-md-12" style="margin-bottom:10px;">
															<label style="display:block;">Ad Soyad*</label>
															<input name="t1" type="text" class="v3-form-control" style="" placeholder="Ad Soyad" value="">
														</div>
													</div>
													<div class="v3-row">
														<div class="v3-col-md-12" style="margin-bottom:10px;">
															<label style="display:block;">E-Mail*</label>
															<input name="email" type="text" class="v3-form-control" style="" placeholder="E-Mail" value="">
														</div>
													</div>
													<div class="v3-row">
														<div class="v3-col-md-12" style="margin-bottom:10px;">
															<label style="display:block;">Gsm No *</label>
															<input name="t4" id="t4" type="text" class="v3-form-control" style="" placeholder="(5XX) XXX-XXXX" value="">
														</div>
													</div>
													<div class="v3-row">
														<!--<script src="http://cdn.v3medya.com/js/ip-sehir.js" type="text/javascript"></script>-->
														<div class="v3-col-md-12" style="margin-bottom:10px;display:none;">
															<label style="display:block;">Konum</label>
															<!--												<input name="il" type="text" class="v3-form-control" id="konum" style="">-->
															<select id="ulke" name="ulke" class="v3-form-control"  style="margin-top:10px;display:none;">
																<option value="">Ülke > Lütfen Seçiniz</option>
																																	<option value="1" id="1" >Türkiye</option>
																															</select>
															<select id="sehir" name="sehir" class="v3-form-control" style="margin-top:10px;">
																<option value="">Şehir > Lütfen Seçiniz</option>
																															</select>
															<select id="ilce" name="ilce" class="v3-form-control" style="margin-top:10px;">
																<option value="">İlçe > Lütfen Seçiniz</option>
																															</select>
															<select id="semt" name="semt" class="v3-form-control" style="margin-top:10px;">
																<option value="">Semt > Lütfen Seçiniz</option>
																															</select>
															<script type="text/javascript">
																jQuery(document).ready(function() {
																	jQuery('#sehir').load('deppo/tools/script/location.php?ne=il&ID=');
																});
																jQuery('#sehir').on('change', function(){
																	var ID = jQuery('#sehir option:selected').attr('ID');
																	jQuery('#ilce').load('deppo/tools/script/location.php?ne=ilce&ID='+ID);
																});
															</script>
														</div>
													</div>
													<div class="v3-row" style="margin-bottom:10px;">
														<div class="v3-col-md-12">
															<label style="display:block;">Adres</label>
															<textarea id="adres" name="n5" class="v3-form-control" style=""></textarea>
														</div>
													</div>
																										<div class="v3-row">
														<div class="v3-col-md-12" style="margin-bottom:10px;">
															<label style="display:block;">Şifre</label>
															<input name="sifre1" type="password" class="v3-form-control" style="">
														</div>
													</div>
													<div class="v3-row">
														<div class="v3-col-md-12" style="margin-bottom:10px;">
															<label style="display:block;">Şifre Tekrar</label>
															<input name="sifre2" type="password" class="v3-form-control" style="">
														</div>
													</div>
														<div class="v3-row">
															<div class="v3-col-md-12" style="margin-bottom:10px;">
																<label><a onClick="show('checkedbtn'); hide('uncheckedbtn'); show('checked'); hide('unchecked');" style="cursor:pointer;" class="mfrm full" data-url="func.php?islem=dsayfa&id=118">Sözleşmeyi okudum Onaylıyorum</a></label>
																<i class="fa fa-square-o" id="unchecked" onClick="show('checkedbtn'); hide('uncheckedbtn'); show('checked'); hide('unchecked');" style="cursor:pointer; float:left; margin-right:5px; margin-top:5px;"></i> <i class="fa fa-check-square-o" id="checked" onClick="hide('checkedbtn'); show('uncheckedbtn'); hide('checked'); show('unchecked');" style="cursor:pointer; float:left; margin-right:5px; display:none; margin-top:5px;"></i> </div>
															</div>
														<div class="v3-row" style="margin-bottom:10px;">
															<div class="v3-col-md-6">
																<div class="v3-input-group">
	<span class="v3-input-group-addon" id="basic-addon1">tc2yir</span>
	<input type="text" name="soru" class="v3-form-control" style="padding: 0px 10px !important;" placeholder="captcha" aria-describedby="basic-addon1">
	<input type="hidden" name="cevap" value="tc2yir">
</div>															</div>
															<div class="v3-col-md-6" style="">
																<button type="button" onclick="AjaxPResult('account/ajax.php?panel/kaydet/h300,sanal-ofis-kullanimi','#uyekayit','#err')" class="v3-btn v3-btn-success" style="display:none;float:right" id="checkedbtn"><span class="fa fa-pencil"></span> Kullanıcı Kayıt</button>
																<button type="button" class="v3-btn v3-btn-danger" style="float:right" id="uncheckedbtn"><span class="fa fa-exclamation-sign"></span> Lütfen Sözleşmeyi Onaylayın.</button>
															</div>
														</div>
														<!-- --> 
													</div>
												</div>
											</form>
										</div>
										<!-- Üye Kayıt -->
									
									<!-- Üye Kayıt -->
									<div class="v3-col-md-6" style="">
										<div class="v3-tab-pane " id="aktivasyon" style="overflow:hidden; padding:0px;">
																						<script>
												function changeFunc() {
													var act = document.getElementById("act").value; 
													document.aform.action = "?panel/monay/"+act+"";
												}
											</script> 
										</div>
										<div class="v3-panel v3-panel-default">
											<div class="v3-panel-body" style="text-align:center;">
												Henüz üye olmadıysanız Hemen "Kullanıcı Kayıt" formumuza kaydınızı bırabilirsiniz.											</div>
										</div>
										<div class="v3-panel v3-panel-default">
											<div class="v3-panel-body" style="text-align:center;"> Eğer üye iseniz Alttaki "Kullanıcı Giriş" butonuna basarak Müşteri girişi yapabilir, size sunduğumuz avantajlardan hemen yararlanmaya başlayabilirsiniz.<br>
												<br>
												<button type="button" class="v3-btn v3-btn-info" onclick="location.href='?panel/ugiris'">Kullanıcı Giriş</button>
											</div>
										</div>
									</div>
									<!-- Üye Kayıt --> 
								</div>
														<!-- Üye Kayıt --> 

							<!-- Üye Panel -->
														<!-- Üye Panel --> 
						</div>
					</div>
				</div>	<!-- footer section -->
        <footer class="footer1">
            <div class="container">
                <div class="row">
                    <div class="col-md-3 col-sm-6">
                        <div class="footersec">
                            <a class="ftlogo" href=".">
                                <img alt="OFFİCE STATİON GAYRİMENKUL DANIŞMANLIK HİZMETLERİ LTD.ŞTİ." src="https://officestation.com.tr/deppo/image/logo-15913.png">
                            </a>
                            <p>{sehir}  Kiralık Hazır Ofis, Kiralık Sanal Ofis ya da Toplantı Odası arıyorsanız Office Station Tam Size Göre !</p>
                            <ul class="social">
								<li><a href=""><span class="fa fa-facebook-f"></span></a></li>
								<li><a href=""><span class="fa fa-google-plus"></span></a></li>
								<li><a href=""><span class="fa fa-twitter"></span></a></li>
								<li><a href=""><span class="fa fa-linkedin"></span></a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-md-2 col-sm-6">
                        <div class="footer-sec quick-links">
                            <h3 class="title">Alt Menu</h3>
                            <ul>
                                <li><i class="fa fa-chevron-circle-right"></i><a href=".">Anasayfa</a></li>
                                <li><i class="fa fa-chevron-circle-right"></i><a href="?s80/-tam-donanimli-hazir-ofisler">Hazır Ofisler</a></li>
                                <li><i class="fa fa-chevron-circle-right"></i><a href="?s81/istanbul--sanal-ofisler">Sanal Ofisler</a></li>
                                <li><i class="fa fa-chevron-circle-right"></i><a href="?s82/-teknolojik-alt-yapisi-ile-akilli-toplanti-odalari">Toplantı Odaları</a></li>
                                <li><i class="fa fa-chevron-circle-right"></i><a href="?s102/istanbul--lokasyonlarinda-sizlere-hizmet-vermekteyiz.">Hizmetlerimiz</a></li>
                                <li><i class="fa fa-chevron-circle-right"></i><a href="?s83/galeri">Galeri</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-md-3 latest-post col-sm-6">
                        <div class="footer-sec latest-post">
                            <h3 class="title">Son Haberler</h3>
                            <ul>
                                <li>
                                    <img src="deppo/image/-1a51f2c2d8.jpg">
                                    <div class="content">
                                        <a href="?h302/sanal-ofis-ile-bircok--masrafdan-kurtulabilirsiniz">Sanal Ofis İle Masraflardan Kurtulabilirsiniz</a>
                                        <span>06 Nisan 2021</span>
                                    </div>
                                </li>
                                <li>
                                    <img src="deppo/image/-b973216ddd.jpg">
                                    <div class="content">
                                        <a href="?h301/hazir-ofis-sistemi">Hazır Ofis Sistemi</a>
                                        <span>30 Mart 2021</span>
                                    </div>
                                </li>
                                <li>
                                    <img src="deppo/image/-9800cabbf3.jpg">
                                    <div class="content">
                                        <a href="?h300/sanal-ofis-kullanimi">SANAL OFİS KULLANIMI</a>
                                        <span>18 Mart 2021</span>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-md-4 col-sm-6">
                        <div class="footer-sec contact-footer">
                            <h3 class="title">İletişim Form</h3>
                            <div class="subscribe_us">
                                <form id="fcform">
                                    <input type="email" placeholder="Email Adres">
                                    <button class="subscbtn" type="button" data-url="islem.php?islem=ebulten" data-form="#fcform"><i class="fa fa-send"></i></button>
                                </form>
                            </div>
                            <div class="ftcontact">
                                <ul>
                                    <li>
                                        <i class="fa fa-map-marker"></i>
                                        <div class="continfo">
                                            <strong>Office Station Merkez</strong>
                                            <br> YAKUPLU MAH. GEÇİT SK. NO:17/6 BEYLİKDÜZÜ / İSTANBUL                                        </div>

                                    </li>
                                    <li>
                                        <i class="fa fa-phone"></i>
                                        <div class="continfo">
                                            <a href="#">0212 709 97 00</a>
                                        </div>
                                    </li>
                                    <li>
                                        <i class="fa fa-envelope-o"></i>
                                        <div class="continfo">
                                            <a href="#">info@officestation.com.tr</a>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="copyright">
                <div class="container">
                    <div class="row">
                        <div class="col-sm-8">
                            Copyright &copy; 2017. <br class="visible-xs"> All rights reserved.
                        </div>
                        <div class="text-right col-sm-4">
							Designed By <a href="http://webatolyesi.com.tr" target="_blank">Web Atölyesi</a>
                        </div>
                    </div>
                </div>
            </div>

        </footer>
		<!-- footer section end -->

    </div>
    <!--End pagewrapper-->

    <!--Scroll to top-->
    <div class="scroll-to-top scroll-to-target" data-target=".site-header"><span class="icon fa fa-long-arrow-up"></span></div>

    <!-- jquery Liabrary -->
    <script src="js/jquery-1.12.4.min.js"></script>
    <!-- bootstrap v3.3.6 js -->
    <script src="js/bootstrap.min.js"></script>
    <!-- fancybox js -->
    <script src="js/jquery.fancybox.pack.js"></script>
    <script src="js/jquery.fancybox-media.js"></script>
    <!-- owl.carousel js -->
    <script src="js/owl.js"></script>
    <!-- counter js -->
    <script src="js/jquery.appear.js"></script>
    <script src="js/jquery.countTo.js"></script>
    <!-- mixitup js -->
    <script src="js/mixitup.js"></script>
    <!-- validate js -->
    <script src="js/validate.js"></script>

    <!-- REVOLUTION JS FILES -->
    <script type="text/javascript" src="js/revolution/jquery.themepunch.tools.min.js"></script>
    <script type="text/javascript" src="js/revolution/jquery.themepunch.revolution.min.js"></script>
    <script type="text/javascript" src="js/revolution/extensions/revolution.extension.actions.min.js"></script>
    <script type="text/javascript" src="js/revolution/extensions/revolution.extension.carousel.min.js"></script>
    <script type="text/javascript" src="js/revolution/extensions/revolution.extension.kenburn.min.js"></script>
    <script type="text/javascript" src="js/revolution/extensions/revolution.extension.layeranimation.min.js"></script>
    <script type="text/javascript" src="js/revolution/extensions/revolution.extension.migration.min.js"></script>
    <script type="text/javascript" src="js/revolution/extensions/revolution.extension.navigation.min.js"></script>
    <script type="text/javascript" src="js/revolution/extensions/revolution.extension.parallax.min.js"></script>
    <script type="text/javascript" src="js/revolution/extensions/revolution.extension.slideanims.min.js"></script>
    <script type="text/javascript" src="js/revolution/extensions/revolution.extension.video.min.js"></script>

    <!-- script JS  -->
    <script src="js/script.js"></script>
	
	<script>
	jQuery(document).ready(function(){
		jQuery('.phone').mask('(999) 999-9999');
	});
	</script>
	
	<script>
	jQuery(function($) {
		jQuery('.search-form').one('click', function () { 
			jQuery('.search-form').append('<div id="reSearch"></div>');
		});
		jQuery('#q').on('input', function(e){
			AjaxPResult('sale/ajax.php?ne=research','.search-form','#reSearch','nopl'); return false;
		});
	});
	</script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.10/jquery.mask.js"></script> 
<script src="//cdnjs.cloudflare.com/ajax/libs/fancybox/3.0.47/jquery.fancybox.min.js"></script> 
</body>

</html>