CINXE.COM

<!DOCTYPE html> <html lang="tr"> <head> <base href="https://zamran.com/"> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="x-dns-prefetch-control" content="on" /> <link rel="dns-prefetch" href="//www.googletagmanager.com/"> <link rel="dns-prefetch" href="//cdnjs.cloudflare.com"> <link rel="dns-prefetch" href="//fonts.googleapis.com"> <link rel="dns-prefetch" href="//fonts.gstatic.com"> <link rel="dns-prefetch" href="//googleads.g.doubleclick.net"> <link rel="dns-prefetch" href="//stats.g.doubleclick.net"> <link rel="dns-prefetch" href="//td.doubleclick.net"> <link rel="dns-prefetch" href="//www.google-analytics.com"> <link rel="dns-prefetch" href="//www.google.com.tr"> <link rel="dns-prefetch" href="//www.google.com"> <link rel="preload" href="assets/frontend/css/vendor/bootstrap.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'"> <link rel="preload" href="assets/frontend/css/vendor/slider.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'"> <link rel="preload" href="assets/frontend/css/vendor/icons.min.css?v=1.1" as="style" onload="this.onload=null;this.rel='stylesheet'"> <link rel="preload" href="assets/frontend/css/vendor/animation.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'"> <link rel="preload" href="assets/frontend/css/vendor/gallery.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'"> <title>Gizlilik Politikas谋 - Zamran Web Tasar谋m | SEO Ajans谋 | Web Tasar谋m 陌stanbul </title> <meta name="description" content="Bu metin bilgi g眉venli臒i ile ilgili sizi bilgilendirmek ve uyulmas谋 gereken kurallar ile sorumluluklar谋 a莽谋klamak 眉zere haz谋rlanm谋艧t谋r. "> <meta name="keywords" content="Gizlilik Politikas谋"> <meta name="author" content="Zamran Software SEO Ajans谋 ve Web Tasar谋m"> <meta name="publisher" content="Zamran Software SEO Ajans谋 ve Web Tasar谋m" /> <meta name="language" content="Turkish"> <meta name="content-language" content="tr-TR" /> <meta http-equiv="content-language" content="tr"> <meta name="abstract" content="abstract" /> <meta name="robots" content="follow, index, max-snippet:-1, max-video-preview:-1, max-image-preview:large" /> <meta name="googlebot" content="All, Index, Follow" /> <meta name="robots" content="follow, index, max-snippet:-1, max-video-preview:-1, max-image-preview:large" /> <meta name="rating" content="General" /> <meta name="revisit-after" content="1 days" /> <meta name="distribution" content="global" /> <meta name="yandex-verification" content="43321997643cc74e" /> <script async src="https://www.googletagmanager.com/gtag/js?id=AW-483411710"></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'AW-483411710'); </script> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "Organization", "url": "https://www.zamran.com", "logo": "https://www.zamran.com/assets/uploads/logo/logo.webp" } </script> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "BreadcrumbList", "itemListElement": [{ "@type": "ListItem", "position": 1, "item": { "@type": "ListItem", "@id": "https://zamran.com", "url": "https://zamran.com", "name": "Zamran Software" } }] } </script> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "LocalBusiness", "name": "Zamran Software", "image": "https://www.zamran.com/assets/uploads/logo/logo.webp", "@id": "", "url": "https://zamran.com", "telephone": "05322829486", "priceRange": "3000 - 15000", "address": { "@type": "PostalAddress", "streetAddress": "陌莽erenk枚y Mah. Do臒anay Sok. No:6 D:4 Ata艧ehir", "addressLocality": "陌stanbul", "postalCode": "34310", "addressCountry": "TR" }, "geo": { "@type": "GeoCoordinates", "latitude": 40.9873959, "longitude": 28.707781 }, "sameAs": ["https://www.facebook.com/zamransoftware", "https://www.instagram.com/zamransoftware", "https://www.youtube.com/taygunuzunay", "https://www.linkedn.com/zamransoftware", "https://www.zamran.com"] } </script> <meta property="og:title" content="Gizlilik Politikas谋 - Zamran Web Tasar谋m | SEO Ajans谋 | Web Tasar谋m 陌stanbul "> <meta property="og:description" content="Bu metin bilgi g眉venli臒i ile ilgili sizi bilgilendirmek ve uyulmas谋 gereken kurallar ile sorumluluklar谋 a莽谋klamak 眉zere haz谋rlanm谋艧t谋r. "> <meta property="og:url" content="https://zamran.com/gizlilik-politikasi"> <meta property="og:image" content="assets/uploads/logo/logo.webp" /> <meta name="twitter:card" content="Bu metin bilgi g眉venli臒i ile ilgili sizi bilgilendirmek ve uyulmas谋 gereken kurallar ile sorumluluklar谋 a莽谋klamak 眉zere haz谋rlanm谋艧t谋r. "> <meta name="twitter:title" content="Gizlilik Politikas谋 - Zamran Web Tasar谋m | SEO Ajans谋 | Web Tasar谋m 陌stanbul " /> <meta name="twitter:description" content="Bu metin bilgi g眉venli臒i ile ilgili sizi bilgilendirmek ve uyulmas谋 gereken kurallar ile sorumluluklar谋 a莽谋klamak 眉zere haz谋rlanm谋艧t谋r. " /> <meta name="twitter:url" content="https://zamran.com/gizlilik-politikasi" /> <meta name="twitter:image" content="assets/uploads/logo/234b7-zamran-logo-beyaz.webp" /> <link rel="shortcut icon" href="assets/uploads/logo/a0507-logoa.webp"> <link rel="apple-touch-icon" href="assets/uploads/logo/a0507-logoa.webp"> <link rel="stylesheet" href="assets/frontend/css/vendor/bootstrap.min.css"> <link rel="stylesheet" href="assets/frontend/css/vendor/slider.min.css"> <style> :root { --h1-font: Gilroy, sans-serif; --h1-size: 5rem; --h1-weight: 900; --h2-font: Poppins, sans-serif; --h2-size: 3rem; --h2-weight: 600; --p-font: Poppins, sans-serif; --p-size: 1rem; --p-weight: 400; --header-bg-color: #111; --nav-brand-height: 64px; --nav-item-color: #f5f5f5; --top-nav-item-color: #f5f5f5; --hero-bg-color: #111; --footer-brand-height: 80px; --primary-color: #fd9e0e; --secondary-color: #fd9e0e; --white-color: #f9f9f9; --black-color: #040402; --dark-grey-color: #191919; --primary-t-color: #2f323a; --secondary-t-color: #f5f5f5; --primary-p-color: #6f6f6f; --secondary-p-color: #8e8e8e; --primary-b-color: #f5f5f5; --primary-l-color: rgba(0, 0, 0, .25); --secondary-l-color: rgba(255, 255, 255, 0.25); --valid-color: #007a4d; --invalid-color: #fd9e0e; --primary-bg-color: #f5f5f5; --primary-bg-color-2: #eee; --primary-bg-color-3: #e5e5e5; --secondary-bg-color: #040402; --secondary-bg-color-2: #111; --secondary-bg-color-3: #191919; --card-bg-color: #f5f5f5; --footer-bg-color: #111 } .primary-button, .primary-button:visited, .primary-button:active { position: relative; z-index: 2; padding: 10px 25px; background-color: var(--primary-color); border-radius: 2px; color: var(--primary-b-color); font-weight: 400 } .primary-button:hover, .primary-button:focus { background-color: var(--primary-color); background-image: -webkit-linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%); background-image: linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%); color: var(--primary-b-color) } .dark-button, .dark-button:visited, .dark-button:active { position: relative; z-index: 2; padding: 10px 25px; background-color: var(--hero-bg-color); border-radius: 0; color: var(--white-color); font-weight: 400 } .dark-button:before { content: ''; position: absolute; z-index: -1; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; border-radius: 0; background-image: -webkit-linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%); background-image: linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%) } .dark-button:after { content: ''; position: absolute; z-index: -1; top: 2px; left: 2px; bottom: 0; right: 0; width: calc(100% - 4px); height: calc(100% - 4px); border-radius: 0; background-color: inherit } .dark-button.inherit:after { background-color: inherit } .dark-button:hover, .dark-button:focus, .dark-button:hover:after, .dark-button:focus:after { background-color: var(--primary-color) !important; background-image: -webkit-linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%) !important; background-image: linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%) !important; color: var(--white-color) !important } footer .dark-button { background-color: var(--footer-bg-color) } .effect-static-text { background-image: -webkit-linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%); background-image: linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%); -webkit-background-clip: text; -moz-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent } .effect-static-text i { -webkit-text-fill-color: var(--primary-color) } .effect-motion-text, .effect-motion-hover:hover { background-image: linear-gradient(to right, var(--primary-color) 20%, var(--primary-t-color) 40%, var(--primary-t-color) 60%, var(--primary-color) 80%); background-size: 200% auto; -webkit-background-clip: text; -moz-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: effect 1s linear infinite; animation: effect 1s linear infinite } .effect-motion-text i, .effect-motion-hover:hover i { -webkit-text-fill-color: var(--primary-color) } .effect-static-bg { background-image: -webkit-linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%); background-image: linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%) } .effect-motion-bg { background-image: -webkit-linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%); background-image: linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%); background-size: 200% auto; -webkit-animation: effect 1s linear infinite; animation: effect 1s linear infinite } @import "https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700&display=swap"; html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block } html { overflow-x: hidden; -webkit-overflow-scrolling: touch; -webkit-text-size-adjust: 100% } body { width: 100%; height: 100%; background-color: #060605; font-family: var(--p-font); color: #fd9e10; } body .body-mode-dark, body .odd { color: #f0f0f0; } body.body-mode-dark { background-color: var(--secondary-bg-color-2); color: var(--secondary-p-color) } ol, ul { padding-left: 20px } ol { list-style: decimal } ul { list-style: disc } ul ul { list-style: circle } pre, code { display: block; margin: 1rem 0; color: var(--primary-color) } blockquote, q { display: block; margin: 2rem 0; quotes: none; quotes: none; font-style: italic; padding: 1rem 1.5rem; border-left: 5px solid var(--primary-bg-color-3) } .odd blockquote, .odd q, .body-mode-dark blockquote, .body-mode-dark q { border-color: var(--secondary-p-color) } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none } blockquote p, q p { margin: 0 } .text-center:not(.text-md-left):not(.text-md-right) blockquote { width: fit-content; margin-left: auto; margin-right: auto } figure { margin-bottom: 1.5rem } figcaption { margin-bottom: 1.5rem; font-style: italic; padding: 1rem 1.5rem; border-left: 5px solid var(--primary-bg-color-3) } .odd figcaption, .body-mode-dark figcaption { border-left: 5px solid var(--secondary-bg-color-3) } table { border-collapse: collapse; border-spacing: 0px; table-layout: fixed } ::selection { background: rgba(166, 175, 189, 0.3) } ::-moz-selection { background: rgba(166, 175, 189, 0.3) } *, :after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } a:not(.btn), a:link:not(.btn), a:visited:not(.btn), a:hover:not(.btn), a:active:not(.btn) { font-size: 1rem; font-weight: 400; line-height: 1.5; color: var(--primary-color); text-decoration: none } a:not([href]), a:not([href]):hover, a:not([href]) i, a:not([href]) i:hover { color: var(--primary-b-color) } p { margin: 1.5rem 0; font-size: var(--p-size); font-weight: var(--p-weight); line-height: 1.5 } p:first-child { margin-top: 0 } p:last-child { margin-bottom: 0 } h1, .slide-content .title { margin-top: 0; margin-bottom: 1.5rem; font-size: var(--h1-size); font-weight: var(--h1-weight); line-height: 1.2; font-family: var(--h1-font); color: var(--primary-color); -ms-word-wrap: break-word; word-wrap: break-word } h1 em, .slide-content .title em { font-weight: 300; display: block; font-size: var(--h2-size) } h2 { margin: 1.5rem 0; font-size: var(--h2-size); font-weight: var(--h2-weight); line-height: 1.2; font-family: var(--h2-font); color: var(--primary-t-color); -ms-word-wrap: break-word; word-wrap: break-word } h2.featured { position: relative; width: fit-content; margin: auto } .text-md-left h2.featured { margin-left: 0 } .text-md-right h2.featured { margin-right: 0 } .text-center.text-center:not(.text-md-left):not(.text-md-right) h2.featured { display: flex; justify-content: center } .text-center.text-center:not(.text-md-left):not(.text-md-right) h2.featured:before { left: auto; right: auto } h2.featured:before { content: ''; position: absolute; top: -22px; left: 0; width: 50px; height: 5px; background-image: -webkit-linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%); background-image: linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%) } .odd h2, .body-mode-dark h2 { color: var(--white-color) } h2.super { margin-bottom: 1.5rem; font-size: 4rem; font-weight: var(--h1-weight); line-height: 1.2; font-family: var(--h1-font); color: var(--primary-color); -ms-word-wrap: break-word; word-wrap: break-word } h3 { margin: 1.5rem 0; font-size: 2rem; font-weight: var(--h2-weight); line-height: 1.2; font-family: var(--h2-font); color: var(--primary-t-color); -ms-word-wrap: break-word; word-wrap: break-word } .odd h3, .body-mode-dark h3 { color: var(--white-color) } h4 { margin: 1.5rem 0; font-size: 1.3rem; font-weight: var(--h2-weight); line-height: 1.2; font-family: var(--h2-font); color: var(--primary-t-color); -ms-word-wrap: break-word; word-wrap: break-word } .odd h4, .body-mode-dark h4 { color: var(--secondary-t-color) } h5 { margin: 1.5rem 0; font-size: 1.2rem; font-weight: var(--h2-weight); line-height: 1.2; font-family: var(--h2-font); color: var(--primary-t-color); -ms-word-wrap: break-word; word-wrap: break-word } .odd h5, .body-mode-dark h5 { color: var(--white-color) } h6 { margin: 1.5rem 0; font-size: 1rem; font-weight: var(--h2-weight); line-height: 1.2; font-family: var(--h2-font); color: var(--primary-t-color); -ms-word-wrap: break-word; word-wrap: break-word } .odd h6, .body-mode-dark h6 { color: var(--white-color) } b, strong { font-weight: 700 } li { margin: .5rem 0; font-size: 1rem; font-weight: 400; line-height: 1.5 } img { max-width: 100%; height: auto; vertical-align: middle } ::placeholder { color: var(--primary-t-color); opacity: .5 } .odd ::placeholder, .body-mode-dark ::placeholder { color: var(--secondary-t-color); opacity: .5 } table { border-collapse: separate; border-spacing: 0px; table-layout: fixed } table td { padding: 10px 0 } table th { padding: 10px 0 } dt { margin: 15px 0 } address { margin-bottom: 1rem } form { width: 100% } form label { width: 100% } form label.checkbox { width: initial } input, select { width: 100%; height: 44px; background: no-repeat; box-shadow: none; padding: .7rem 1rem; border-style: solid; border-color: var(--primary-l-color); border-width: 1px; border-radius: 2px } textarea { width: 100%; height: auto; background: no-repeat; box-shadow: none; padding: .7rem 1rem; border-color: var(--primary-l-color); border-width: 1px; border-radius: 2px } input:focus, textarea:focus, select:focus { background: no-repeat; color: inherit; outline: none; border-color: inherit; box-shadow: none } input { border-color: var(--primary-l-color); color: var(--primary-t-color) } .odd input, .body-mode-dark input { border-color: var(--secondary-l-color); color: var(--secondary-t-color) } input:focus { border-color: var(--primary-t-color); color: var(--primary-t-color) } .odd input:focus, .body-mode-dark input:focus { border-color: var(--secondary-l-color); color: var(--secondary-t-color) } input[type="radio"] { height: initial } input[type="submit"] { border: 1px solid; padding: 2.5px 10px; display: block; width: fit-content; max-width: 200px; text-align: center; color: var(--primary-color) } input[type="submit"]:hover { background-color: var(--primary-color); color: var(--primary-b-color); border-color: var(--primary-color) } input[type=checkbox] { width: 20px; height: 20px } textarea { height: 100px; resize: none; border-color: var(--primary-l-color); color: var(--primary-t-color) } textarea:focus { border-color: var(--primary-t-color); color: var(--primary-t-color) } .odd textarea, .body-mode-dark textarea { height: 100px; resize: none; border-color: var(--secondary-l-color); color: var(--secondary-t-color) } .odd textarea:focus, .body-mode-dark textarea:focus { border-color: var(--secondary-t-color); color: var(--secondary-t-color) } select { -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; line-height: 1.2; border-color: var(--primary-l-color); color: var(--primary-t-color) } select:focus { border-color: var(--primary-t-color); color: var(--primary-t-color) } select option { color: #2f323a } hr { margin: 35px 0; border-top: 1px dashed var(--primary-l-color) } .odd hr, .body-mode-dark hr { margin: 35px 15px; border-top: 1px dashed var(--secondary-l-color) } table { width: 100% } tr:not(:last-child) { border-bottom: 1px solid; border-color: var(--primary-l-color) } .odd tr:not(:last-child), .body-mode-dark tr:not(:last-child) { border-bottom: 1px solid; border-color: var(--secondary-l-color) } td { padding: 10px 0 } section { position: relative; width: 100%; padding: 130px 0; background-size: cover; background-attachment: fixed; background-position: center } section.footer { position: relative; width: 100%; padding: 65px 0; background-size: cover; background-attachment: fixed; background-position: center } section.arama1 { position: relative; width: 100%; padding: 65px 0; background-size: cover; background-attachment: fixed; background-position: center } section.arama2 { position: relative; width: 100%; padding: 65px 0; background-size: cover; background-attachment: fixed; background-position: center } section.hero { background-color: var(--hero-bg-color) } section.section-1 { background-color: var(--section-1-bg-color); background-image: var(--section-1-bg-image) } section.section-2 { background-color: var(--section-2-bg-color); background-image: var(--section-2-bg-image) } section.section-3 { background-color: var(--section-3-bg-color); background-image: var(--section-3-bg-image) } section.section-4 { background-color: var(--section-4-bg-color); background-image: var(--section-4-bg-image) } section.section-5 { background-color: var(--section-5-bg-color); background-image: var(--section-5-bg-image) } section.section-6 { background-color: var(--section-6-bg-color); background-image: var(--section-6-bg-image) } section.section-7 { background-color: var(--section-7-bg-color); background-image: var(--section-7-bg-image) } section.section-8 { background-color: var(--section-8-bg-color); background-image: var(--section-8-bg-image) } section.section-9 { background-color: var(--section-9-bg-color); background-image: var(--section-9-bg-image) } section.section-10 { background-color: var(--section-10-bg-color); background-image: var(--section-10-bg-image) } section.section-11 { background-color: var(--section-11-bg-color); background-image: var(--section-11-bg-image) } section.section-12 { background-color: var(--section-12-bg-color); background-image: var(--section-12-bg-image) } section.section-13 { background-color: var(--section-13-bg-color); background-image: var(--section-13-bg-image) } section.section-14 { background-color: var(--section-14-bg-color); background-image: var(--section-14-bg-image) } section.section-15 { background-color: var(--section-15-bg-color); background-image: var(--section-15-bg-image) } section.section-vs-0 { padding: 0 } section.section-vs-10 { padding: 10px 0 } section.section-vs-20 { padding: 20px 0 } section.section-vs-30 { padding: 30px 0 } section.section-vs-40 { padding: 40px 0 } section.section-vs-50 { padding: 50px 0 } section.section-vs-60 { padding: 60px 0 } section.section-vs-70 { padding: 70px 0 } section.section-vs-80 { padding: 80px 0 } section.section-vs-90 { padding: 90px 0 } section.section-vs-100 { padding: 100px 0 } section.section-vs-110 { padding: 110px 0 } section.section-vs-120 { padding: 120px 0 } section.section-vs-130 { padding: 130px 0 } section.section-vs-140 { padding: 140px 0 } section.section-vs-150 { padding: 150px 0 } section.section-vs-160 { padding: 160px 0 } section.section-vs-170 { padding: 170px 0 } section.section-vs-180 { padding: 180px 0 } section.section-vs-190 { padding: 190px 0 } section.section-vs-200 { padding: 200px 0 } section.featured { position: relative } section.featured:after { content: ''; position: absolute; z-index: 2; bottom: -50px; left: 50%; left: calc(50% - 2.5px); width: 5px; height: 100px; background-image: -webkit-linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%); background-image: linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%) } section.featured.right:before { content: ''; position: absolute; z-index: 1; top: 100%; right: 0; width: 50%; border-bottom: 1px dashed var(--primary-l-color) } section.odd.featured.right:before { border-bottom: 1px dashed var(--secondary-l-color) } section.featured.left:before { content: ''; position: absolute; z-index: 2; top: 100%; left: 0; width: 50%; border-bottom: 1px dashed var(--primary-l-color) } section.odd.featured.left:before { border-bottom: 1px dashed var(--secondary-l-color) } section.featured.all:before { content: ''; position: absolute; z-index: 2; top: 100%; left: 0; width: 100%; border-bottom: 1px dashed var(--primary-l-color) } section.featured.right .odd:before { content: ''; position: absolute; z-index: 2; top: calc(100% - 1px); right: 0; width: 50%; border-bottom: 1px dashed var(--secondary-l-color) } section.featured.left .odd:before { content: ''; position: absolute; z-index: 1; top: calc(100% - 1px); left: 0; width: 50%; border-bottom: 1px dashed var(--secondary-l-color) } section.featured.all .odd:before { content: ''; position: absolute; z-index: 1; top: calc(100% - 1px); left: 0; width: 100%; border-bottom: 1px dashed var(--secondary-l-color) } section.odd.featured.all:before { border-bottom: 1px dashed var(--secondary-l-color) } main { padding: 0 } aside { padding: 0 } .container { max-width: 1170px; padding: 0 } .container.header { max-width: 1200px } .container.header.full { max-width: 100% } .container.header.full-grid { max-width: 100%; margin: 0 5px } .container.header.smaller { max-width: 940px } .container.disabled { width: auto; max-width: 100% } .container.disabled .content-inner { padding: 0 } .container.full { max-width: 100% } .container.full .col-12 { padding: 0 } .container.full-grid { padding: 0; max-width: calc(100% - 30px); margin: 0 15px } .container.smaller { max-width: 970px } .row { margin-left: 0; margin-right: 0 } .vh-100 { height: 100vh } .vh-75 { height: 75vh } .clearfix { display: block; content: ""; clear: both } .overflow-holder { overflow: hidden; margin-top: -25px; margin-bottom: -25px; padding-top: 25px; padding-bottom: 25px } .intro { margin-bottom: 50px } .intro h1:first-child, .intro h2:first-child, .intro h3:first-child { margin-top: 0 } .blog-listing .items { margin-bottom: 30px } .blog-listing .items .item { margin-bottom: 30px } .blog-grid:not(.masonry) .items { margin-bottom: 30px } .blog-grid:not(.masonry) .items .item { margin-bottom: 30px } .blog-grid:not(.masonry) .items .item.sticky .card:before { top: -10px; right: 0; bottom: 0; left: -10px; position: absolute; z-index: -1; content: ''; width: calc(50% + 10px); height: calc(50% + 10px); border: none; background-image: -webkit-linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%); background-image: linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%); transition-timing-function: cubic-bezier(.25, .25, .75, .75); transition-duration: .4s; transition-property: opacity, transform } .post-holder { list-style: none; width: 100%; border-left: 5px solid var(--primary-bg-color-3); background-color: var(--primary-bg-color-2); padding: 25px; margin-top: 35px } .odd .post-holder, .body-mode-dark .post-holder { border-left: 5px solid var(--primary-color); background-color: var(--secondary-bg-color-3) } .posted-on a:not(.btn) { font-weight: 600 } .sidebar .item { margin-bottom: 50px } .sidebar .item:last-child { margin-bottom: 0 } .sidebar .item h4 { margin-top: 0 } .odd .sidebar .item h4, .body-mode-dark .sidebar .item h4 { color: var(--white-color) } .sidebar ol, .sidebar ul { list-style: none; padding: 0 } .sidebar ol ol, .sidebar ul ul { padding: 15px } .sidebar ul.children { padding: 0 } .sidebar .sub-menu { padding: 0 } .sidebar ul li:not(.nav-item):not(.list-group-item) { position: relative; padding-left: 0 } .sidebar ul ul li:not(.nav-item):not(.list-group-item) { padding-left: 20px } .sidebar li:hover:before { background-color: var(--primary-color) } .sidebar ul li a:not(.btn) { color: inherit; overflow-wrap: break-word } .sidebar ul li a:not(.btn):hover { color: var(--primary-color) } .sidebar .title { width: 100%; margin-top: 0; list-style: none } .list-group .list-group-item .icon { color: var(--primary-color); margin-right: 15px; display: flex; align-items: center; justify-content: center } .highlights .items .item { margin-bottom: 1.5rem } .highlights .items .item:last-child { margin-bottom: 0 } .highlights .items .item .icon { background-image: -webkit-linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%); background-image: linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%); -webkit-background-clip: text; -moz-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent } .offers .items .item { margin-bottom: 30px } .offers .items .item .icon { background-image: -webkit-linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%); background-image: linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%); -webkit-background-clip: text; -moz-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent } .offers.secondary .items .item h4 { margin-top: 0 } .counter.skills .items .item { padding: 35px 0 10px } .counter .radial { position: relative; width: 120px; display: inline-block; text-align: center } .counter .radial canvas { height: 80px; vertical-align: middle; visibility: hidden } .counter.preloader .radial canvas, .counter.skills .radial canvas { height: auto; visibility: visible } .counter .radial span { position: absolute; top: 40px; left: 0; width: 100%; text-align: center; line-height: 40px; font-family: 'Gilroy', sans-serif; font-size: 2rem; font-weight: 700 } .counter.funfacts .radial span { font-size: 2.5rem; background-image: -webkit-linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%); background-image: linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%); -webkit-background-clip: text; -moz-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent } .counter .radial span i { font-style: normal; font-size: 1rem; font-weight: 700 } .plans .items .item { margin-bottom: 30px } .plans .items .item .icon { background-image: -webkit-linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%); background-image: linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%); -webkit-background-clip: text; -moz-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent } .plans .items .item .btn { margin-top: 25px } .plans .items .item .card:hover .btn { background: none; border: 1px solid var(--secondary-l-color) } .plans .items .item .card:hover .btn:after, .plans .items .item .card:hover .btn:before { content: none } .plans .items .item .card:hover * { border-color: var(--secondary-l-color) } .price { margin-bottom: 25px; font-size: 42px; font-weight: 600; border: 1px solid var(--primary-l-color); border-radius: 100px; color: var(--primary-color) } .odd .price { border-color: var(--secondary-l-color) } .price i { font-size: 24px; font-style: normal; font-weight: 100 } .invert, .odd.logos img { filter: brightness(0) invert(1) } .showcase.masonry .card { background-color: var(--white-color); box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1) } .body-mode-dark.showcase.masonry .card { background-color: var(--secondary-bg-color-3) } .showcase.masonry .card p { color: var(--primary-p-color) } .body-mode-dark.showcase.masonry .card p { color: var(--secondary-p-color) } .showcase.portfolio .card .image-over:before { background-color: transparent } .showcase .items .item .card.no-image .image-over:before { background-color: var(--white-color) } .showcase.portfolio .card .card-caption { opacity: 0 } .showcase.portfolio .card:hover .card-caption { opacity: 1 } .showcase .card { height: auto; background-color: transparent } .showcase .card .image-over { overflow: hidden } .showcase .card .image-over:before { content: ''; position: absolute; z-index: 0; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); -webkit-transition: all .2s ease-out 0; -o-transition: all .2s ease-out 0; -moz-transition: all .2s ease-out 0; transition: all .2s ease-out 0 } .showcase .card .image-over img { position: relative; z-index: -1; height: auto; min-height: 460px; object-fit: fill; object-position: center } .showcase .card-caption { position: absolute; width: 100%; bottom: 0 } .showcase .no-image .card-caption { position: relative } .showcase .card-caption *, .showcase .card-caption :not(.btn) { color: #f5f5f5 } .showcase .card-caption .card-body p { color: var(--secondary-p-color) } .showcase:not(.news) .card-caption a:not(.btn) { margin: 0; color: var(--primary-color) } .showcase .no-image .card-caption *, .showcase .no-image .card-caption :not(.btn) { color: var(--primary-t-color) } .body-mode-dark.showcase .no-image .card-caption *, .body-mode-dark .showcase .no-image .card-caption :not(.btn) { color: var(--secondary-t-color) } .showcase .no-image .card-caption .card-body p { color: var(--primary-p-color) } .showcase .card-footer { border-color: rgba(255, 255, 255, 0.25) } .showcase .no-image .card-footer { border-color: rgba(0, 0, 0, 0.15) } .body-mode-dark.showcase .no-image .card-footer { border-color: rgba(255, 255, 255, 0.25) } .showcase .card:hover .image-over img { transform: none } .showcase .card:hover .image-over:before { background-image: -webkit-linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%); background-image: linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%); opacity: .75 } .showcase .card:hover .image-over .mask-radius-full { opacity: 0 } .showcase .card:hover .image-over img { filter: blur(3px) } .showcase .card:hover .image-over .play-video-full { width: 100%; height: 100%; font-size: 100px } .showcase .card:hover .image-over .play-video-full:after { content: ''; position: absolute; z-index: -1; top: 0; right: 0; bottom: 0; left: 0; background-color: var(--primary-color); opacity: .75 } .filter-section .items { overflow: initial !important } .filter-section .btn-group { margin: 0 0 35px; display: block } .filter-section .btn-group .btn { display: inline-flex; align-items: center; margin: 0 10px; padding: 10px; font-size: 1.2rem; font-weight: 600; color: var(--primary-p-color) } .filter-section .btn-group .btn.focus { outline: none; box-shadow: none } .filter-section .btn-group .btn:hover { color: var(--primary-t-color) } .odd.filter-section .btn-group .btn:hover { color: var(--white-color) } .filter-section .btn-group .btn.active { color: var(--primary-t-color) } .odd.filter-section .btn-group .btn.active { color: var(--white-color) } .filter-section .btn-group .btn:before { content: ''; position: absolute; bottom: 2.5px; right: 50%; width: 0; height: 4px; background-image: -webkit-linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%); background-image: linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%); transition: width .1s ease 0 } .filter-section .btn-group .btn:after { content: ''; position: absolute; bottom: 2.5px; left: 50%; width: 0; height: 4px; background-image: -webkit-linear-gradient(45deg, var(--primary-color) 15%, var(--secondary-color) 65%); background-image: linear-gradient(45deg, var(--primary-color) 15%, var(--secondary-color) 65%); transition: width .1s ease 0 } .filter-section .btn-group .btn.active:before, .filter-section .btn-group .btn.active:after { width: 50% } .filter-section .btn-group .btn i { margin: 0 10px } .filter-section .items .item { z-index: 1 } .subscribe .items .item { padding: 0 10px } .subscribe .btn { height: 50px } .form .message { position: absolute; top: 0; left: 15px; width: 100%; height: 100%; padding: 35px; z-index: 3; display: flex; align-items: center; justify-content: center; text-align: center; transform: scale(0); border-radius: 2px; background-color: var(--card-bg-color); -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1) } .form .message .icon { margin: auto; background-image: -webkit-linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%); background-image: linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%); -webkit-background-clip: text; -moz-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent } .form .message h3 { background-image: -webkit-linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%); background-image: linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%); -webkit-background-clip: text; -moz-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent } .form .message .done { display: none } .form .message.active { transform: scale(1) } .form-group-margin { margin: 0 7.5px } .map { padding: 0; height: 500px } .map iframe { width: 100%; height: 500px; border: none } header { position: relative; z-index: 5 } .navbar-holder { position: relative; z-index: -100; min-height: auto; pointer-events: none; background-color: var(--section-1-bg-color) } header .navbar-sticky { top: 0; background-color: var(--header-bg-color); -webkit-box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.09); box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.09); -webkit-transition: all .15s ease-out 0 !important; -o-transition: all .15s ease-out 0 !important; -moz-transition: all .15s ease-out 0 !important; transition: all .15s ease-out 0 !important } header .navbar-sticky.hidden { -webkit-transform: translate3d(0, -101%, 0) !important; -ms-transform: translate3d(0, -101%, 0) !important; -moz-transform: translate3d(0, -101%, 0) !important; transform: translate3d(0, -101%, 0) !important } header .navbar-sticky.visible { -webkit-transform: translate3d(0, 0, 0) !important; -ms-transform: translate3d(0, 0, 0) !important; -moz-transform: translate3d(0, 0, 0) !important; transform: translate3d(0, 0, 0) !important } header .navbar-expand { position: fixed; top: 0; z-index: 2; width: 100%; padding: 10px 25px; pointer-events: initial } header .navbar-expand.navbar-vs-0 { padding-top: 0; padding-bottom: 0 } header .navbar-expand.navbar-vs-5 { padding-top: 5px; padding-bottom: 5px } header .navbar-expand.navbar-vs-10 { padding-top: 10px; padding-bottom: 10px } header .navbar-expand.navbar-vs-15 { padding-top: 15px; padding-bottom: 15px } header .navbar-expand.navbar-vs-20 { padding-top: 20px; padding-bottom: 20px } header .navbar-expand.navbar-vs-25 { padding-top: 25px; padding-bottom: 25px } header .navbar-expand.navbar-vs-30 { padding-top: 30px; padding-bottom: 30px } header .navbar-expand.navbar-vs-35 { padding-top: 35px; padding-bottom: 35px } header .navbar-expand.navbar-vs-40 { padding-top: 40px; padding-bottom: 40px } header .navbar-expand.navbar-vs-45 { padding-top: 45px; padding-bottom: 45px } header .navbar-expand.navbar-vs-50 { padding-top: 50px; padding-bottom: 50px } header .navbar-expand.relative { position: relative } header .navbar-expand .navbar-nav { display: contents } header .navbar-expand .navbar-nav.toggle { display: none } header .navbar-expand .navbar-nav.toggle i { font-size: 20px } header .navbar-expand .navbar-brand { padding: 0; font-size: 1.5rem; font-weight: 600; line-height: 0; color: var(--nav-item-color) } header .navbar-expand:not(.navbar-sticky) .navbar-brand { color: var(--top-nav-item-color) } header .navbar-expand .navbar-brand i { font-style: initial; font-weight: 700; font-size: 1.8rem; color: var(--primary-color) } header .navbar-expand .navbar-brand i.leverage-2-0 { margin: 0 0 0 5px; font-family: var(--h1-font); font-size: 12px } header .navbar-expand .navbar-brand img { height: var(--nav-brand-height) } .navbar-expand .navbar-nav .nav-item { margin: 0; display: contents; vertical-align: middle } .navbar-expand .navbar-nav ul .nav-item { display: block } .navbar-expand .navbar-nav .nav-item a:not(.btn) { display: flex; align-items: center; font-size: 1rem; font-weight: 500 } .navbar-expand .navbar-nav .nav-link:not(.btn) { padding-right: 1rem; padding-left: 0; color: var(--nav-item-color) } .navbar-expand:not(.navbar-sticky) .navbar-nav .nav-link:not(.btn) { color: var(--top-nav-item-color) } .navbar-expand .navbar-nav .nav-link:not(.btn):not(.title):hover { color: var(--primary-color) } .navbar-expand .navbar-nav .nav-link.active:not(.btn):not(.title) { color: var(--primary-color) } .navbar-expand:not(.navbar-sticky) .navbar-nav .dropdown-menu .nav-link:not(.btn), .navbar-expand .navbar-nav .dropdown-menu .nav-link:not(.btn) { display: flex; align-items: center; justify-content: space-between; padding: .35rem 1rem; font-weight: 400; color: var(--primary-p-color) } .theme-mode-dark .navbar-expand:not(.navbar-sticky) .navbar-nav .dropdown-menu .nav-link:not(.btn), .theme-mode-dark .navbar-expand .navbar-nav .dropdown-menu .nav-link:not(.btn) { color: var(--secondary-p-color) } .navbar-expand .navbar-nav .dropdown-menu .nav-link.title { font-weight: 600; color: var(--primary-t-color); opacity: .8 } .navbar-expand .navbar-nav .dropdown-menu .nav-link:not(.btn):not(.title):hover { color: var(--primary-color) } .navbar-nav i.icon-arrow-down { position: relative; top: 1.5px; margin: 0 0 0 .3rem; font-size: 12px; font-weight: 600 } .navbar-nav i.icon-arrow-right { position: relative; left: 5px; top: 0; margin: 0 0 0 .3rem; font-size: 10px; font-weight: 600 } .navbar-expand .icons i { font-weight: 400 } .dropdown .dropdown-menu { background-color: var(--primary-bg-color-2); width: max-content; min-width: 120px; display: block; visibility: hidden; opacity: 0; border: none; border-radius: 2px; -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1) } .theme-mode-dark .dropdown .dropdown-menu { background-color: var(--secondary-bg-color-3) } .dropdown:hover>.dropdown-menu { visibility: unset; opacity: 1; margin: 0; transition-timing-function: ease; transition-duration: .4s; transition-property: opacity, transform } .dropdown-menu .dropdown-menu { position: absolute; top: -8px; left: 100% } .dropdown-item.active, .dropdown-item:hover, .dropdown-item:active { color: inherit; text-decoration: none; background-color: inherit; box-shadow: none; outline: none } .menu .items { margin-left: -5px; width: calc(100% + 10px) } .menu .navbar-nav { font-size: 1.5rem; font-weight: 400; line-height: 1 } .menu .nav-item { margin: 0 } .menu .dropdown .dropdown-menu { display: none; width: 100%; visibility: visible; opacity: 1; background: none; box-shadow: none; border: none; text-align: center; padding: 0 0 0 20px; margin: 0 0 15px; list-style: none; color: var(--secondary-p-color) } .menu .dropdown .dropdown-menu.show { display: block } .menu .dropdown-menu .dropdown-menu { position: relative; top: initial; left: initial } .menu .dropdown .dropdown-menu .left, .menu .dropdown .dropdown-menu .right { width: 50% } .menu .nav-link:not(.btn) { font-size: 1rem; font-weight: 400; border: 1px solid var(--primary-l-color); color: var(--primary-p-color); display: inline-block; width: calc(100% - 12px); vertical-align: top; padding: 10px 5px; margin: 0 5px; border-radius: 4px } .theme-mode-dark .menu .nav-link:not(.btn) { border: 1px solid var(--secondary-l-color); color: var(--secondary-p-color) } .menu .nav-link:not(.btn):hover, .theme-mode-dark .menu .nav-link:not(.btn):hover { color: var(--primary-color) } .menu .dropdown .dropdown-menu .nav-link.title { font-weight: 600; color: var(--primary-t-color); border: none; opacity: .8 } .theme-mode-dark .menu .dropdown .dropdown-menu .nav-link.title { color: var(--secondary-t-color) } .menu .dropdown .dropdown-menu .nav-item .nav-link { font-size: 1rem; font-weight: 400; background: none; color: var(--primary-p-color); display: flex; justify-content: space-between; width: calc(100% - 12px); vertical-align: top; padding: 0; margin: 0 5px 10px; border-radius: 4px; text-align: left } .theme-mode-dark .menu .dropdown .dropdown-menu .nav-item .nav-link { color: var(--secondary-p-color) } .menu .dropdown .dropdown-menu .nav-link:hover, .theme-mode-dark .menu .dropdown .dropdown-menu .nav-link:hover { color: var(--primary-color) } .menu .dropdown:first-child { margin-top: 0 } .menu .nav-link:first-child { padding-left: 0; padding-right: 0; display: flex; justify-content: space-between; align-items: center; font-size: 1.5rem; font-weight: 600; border: none; color: var(--primary-t-color) } .theme-mode-dark .menu .nav-link:first-child { margin-bottom: 0; font-weight: 600; border: none; color: var(--secondary-t-color) } .menu .dropdown-menu .dropdown>.nav-link:first-child { font-size: 1rem; font-weight: 600 } .menu .navbar-nav i.icon-arrow-down { font-size: 18px } .slider-h-auto { width: 100%; height: auto; display: flex; align-items: center } .slider-h-auto .swiper-wrapper, .slider-h-auto .swiper-slide { min-height: 75vh } .slider-h-auto.no-slider .inner { top: 0; padding-top: 100px; padding-bottom: 100px } .slider-h-100 { width: 100%; height: 100vh } .slider-h-100.slider-h-auto { min-height: 100vh } .slider-h-85 { width: 100%; height: 85vh } .slider-h-75 { width: 100%; height: 75vh } .slider-h-75.slider-h-auto { min-height: 75vh } .slider-h-70 { width: 100%; height: 70vh } .slider-h-65 { width: 100%; height: 65vh } .slider-h-60 { width: 100%; height: 60vh } .slider-h-50 { width: 100%; height: 50vh } .slider-h-50.slider-h-auto { min-height: 50vh } .slider-h-25 { width: 100%; height: 25vh } .hero.slider-parallax { position: fixed; top: 0; min-height: auto; -webkit-transition: all .4s ease-out 0; -o-transition: all .4s ease-out 0; -moz-transition: all .4s ease-out 0; transition: all .4s ease-out 0 } .slider-parallax-holder { position: relative; z-index: -100; min-height: 100vh; pointer-events: none } .mid-slider { overflow: visible; padding: 0 15px } .mid-slider-simple { padding: 0 15px } .mid-slider-simple .card:not(.no-hover):hover { transform: initial } .full-slider { cursor: w-resize } .full-slider .inner, .no-slider .inner { top: 1rem; max-width: 1200px; padding: 0; margin: auto } .full-slider.full-grid .inner, .no-slider.full-grid .inner { max-width: calc(100% - 60px) } .full-slider.smaller .inner, .no-slider.smaller .inner { max-width: 940px } .no-slider.slider-h-75 .inner { top: 10px } .full-slider .inner .center, .no-slider .inner .center { width: 100%; padding: 2rem 0 } .full-slider .inner .left, .no-slider .inner .left { width: 60%; padding: 2rem 0 } .full-slider .inner .right, .no-slider .inner .right { width: auto; padding: 2rem 0 } .full-slider.featured .inner .left:before, .no-slider.featured .inner .left:before { content: ''; position: absolute; z-index: -1; top: 5%; right: 0; bottom: 0; left: 5%; width: 45%; height: 95%; border-top: 4px solid; border-right: 4px solid; transform: rotate(-15deg); border-image: -webkit-linear-gradient(to right, transparent 55%, var(--primary-color) 55%, var(--primary-color) 100%) 30; border-image: linear-gradient(to right, transparent 55%, var(--primary-color) 55%, var(--primary-color) 100%) 30; transition-timing-function: cubic-bezier(.25, .25, .75, .75); transition-duration: .6s; transition-property: opacity, transform; opacity: 0 } .full-slider.featured .inner .left:after, .no-slider.featured .inner .left:after { content: ''; position: absolute; z-index: 1; top: 5%; right: 0; bottom: 0; left: 5%; width: 45%; height: 95%; border-left: 4px solid; border-bottom: 4px solid; transform: rotate(-15deg); border-image: -webkit-linear-gradient(to bottom, transparent 83%, var(--primary-color) 83%, var(--primary-color) 100%) 30; border-image: linear-gradient(to bottom, transparent 83%, var(--primary-color) 83%, var(--primary-color) 100%) 30; transition-timing-function: cubic-bezier(.25, .25, .75, .75); transition-duration: .6s; transition-property: opacity, transform; opacity: 0 } .full-slider.featured .inner .right:before, .no-slider.featured .inner .right:before { content: ''; position: absolute; z-index: -1; top: 5%; bottom: 0; right: 0; width: 45%; height: 95%; border-top: 4px solid; border-right: 4px solid; transform: rotate(-15deg); border-image: -webkit-linear-gradient(to right, transparent 55%, var(--primary-color) 55%, var(--primary-color) 100%) 30; border-image: linear-gradient(to right, transparent 55%, var(--primary-color) 55%, var(--primary-color) 100%) 30; transition-timing-function: cubic-bezier(.25, .25, .75, .75); transition-duration: .6s; transition-property: opacity, transform; opacity: 0 } .full-slider.featured .inner .right:after, .no-slider.featured .inner .right:after { content: ''; position: absolute; z-index: 1; top: 5%; right: 0; bottom: 0; width: 45%; height: 95%; border-left: 4px solid; border-bottom: 4px solid; transform: rotate(-15deg); border-image: -webkit-linear-gradient(to bottom, transparent 83%, var(--primary-color) 83%, var(--primary-color) 100%) 30; border-image: linear-gradient(to bottom, transparent 83%, var(--primary-color) 83%, var(--primary-color) 100%) 30; transition-timing-function: cubic-bezier(.25, .25, .75, .75); transition-duration: .6s; transition-property: opacity, transform; opacity: 0 } .full-slider .inner .left.off:before, .full-slider .inner .left.off:after, .full-slider .inner .right.off:before, .full-slider .inner .right.off:after { content: none } .full-slider .inner .left.init:before, .full-slider .inner .left.init:after, .no-slider .inner .left.init:before, .no-slider .inner .left.init:after, .full-slider .inner .right.init:before, .full-slider .inner .right.init:after, .no-slider .inner .right.init:before, .no-slider .inner .right.init:after { opacity: 1 } .full-slider .slide-content .center .description, .no-slider .slide-content .center .description { max-width: 900px; margin-bottom: 2rem; font-size: 1.5rem } .full-slider .slide-content .center .description p, .no-slider .slide-content .center .description p { font-size: 1.5rem } .full-slider .slide-content .left .description, .no-slider .slide-content .left .description, .full-slider .slide-content .right .description, .no-slider .slide-content .right .description { max-width: 500px; margin-bottom: 2rem; font-size: 1.2rem } .full-slider .slide-content .left .description p, .no-slider .slide-content .left .description p, .full-slider .slide-content .right .description p, .no-slider .slide-content .right .description p { font-size: 1.2rem } .full-slider.featured .inner .right .description { right: 15%; position: relative } .full-slider .slide-content .inner .description a, .no-slider .slide-content .inner .description a { font-size: 1.2rem } .full-slider .slide-content .center .description a, .no-slider .slide-content .center .description a { font-size: 1.5rem } .full-slider .swiper-button-next { right: 1.5rem } .full-slider .swiper-button-prev { left: 1.5rem } .full-slider .swiper-button-next:focus, .full-slider .swiper-button-prev:focus { outline: none } .full-slider .swiper-button-next, .full-slider .swiper-button-prev { top: calc(50% + 60px); background-image: -webkit-linear-gradient(45deg, var(--secondary-color) 0%, var(--primary-color) 55%); background-image: linear-gradient(45deg, var(--secondary-color) 0%, var(--primary-color) 55%); opacity: .25; padding: 2rem 1.5rem; transition-timing-function: ease-in; transition: .2s } .full-slider .swiper-button-next:hover, .full-slider .swiper-button-prev:hover { background-image: -webkit-linear-gradient(45deg, var(--secondary-color) 0%, var(--primary-color) 55%); background-image: linear-gradient(45deg, var(--secondary-color) 0%, var(--primary-color) 55%) } .full-slider .swiper-button-next:after, .full-slider .swiper-button-prev:after { font-size: 3rem } .slide-center { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center } .slide-content { position: relative; z-index: 3; width: 100% } .swiper-slide .aos-animate { display: none } .swiper-slide.swiper-slide-active .aos-animate { display: block } .swiper-slide .fit-image.aos-init { opacity: 1 } .swiper-slide .fit-image.aos-animate { visibility: hidden; display: block } .swiper-slide.swiper-slide-active .fit-image.aos-animate { visibility: visible; display: block; transform: translateZ(0) scale(1.2); transition-timing-function: cubic-bezier(.25, .25, .75, .75); transition-duration: 3s; transition-property: opacity, transform } .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { margin-top: 35px; position: relative } .full-slider.swiper-container-horizontal>.swiper-pagination-bullets { position: absolute !important; top: initial !important; bottom: 5vh !important } .swiper-pagination-bullet { width: 40px !important; height: 5px !important; border-radius: 0 !important; background-color: var(--primary-p-color) !important; border: none !important; opacity: .25 !important } .swiper-pagination-bullet:hover { opacity: 1 !important } .swiper-pagination-bullet-active { background-image: -webkit-linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%) !important; background-image: linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%) !important; opacity: 1 !important } .swiper-pagination-bullet-active:hover { background-color: var(--primary-color) !important } .pagination { width: fit-content; margin: 35px auto; -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1); transition: all .3s cubic-bezier(.25, .8, .25, 1) } .pagination .page-item { margin: 0 } .pagination .page-item:focus { outline: none; box-shadow: none } .pagination .page-item .page-link { width: 50px; height: 50px; line-height: 50px; display: flex; align-items: center; justify-content: center; font-size: 17px; font-weight: 400; background-color: var(--primary-bg-color); border-radius: 2px; border: 1px solid; border-color: var(--primary-bg-color-2); color: var(--primary-t-color) } .body-mode-dark .pagination .page-item .page-link { background-color: var(--secondary-bg-color-2); border-color: var(--secondary-bg-color-2); color: var(--secondary-p-color) } .pagination .page-item.active .page-link { background-color: var(--primary-bg-color); border-color: var(--primary-color); color: var(--primary-color) } .body-mode-dark .pagination .page-item.active .page-link { background-color: var(--secondary-bg-color-2) } .pagination .page-item .page-link:hover { background-color: var(--primary-color); border-color: var(--primary-color); color: var(--primary-bg-color) } .body-mode-dark .pagination .page-item .page-link:hover { background-color: var(--primary-color); border-color: var(--primary-color); color: var(--white-color) } .pagination .page-item .page-link:focus { outline: none; box-shadow: none } .preloader { position: fixed; z-index: 100; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background-color: var(--hero-bg-color); transition-timing-function: cubic-bezier(.25, .25, .75, .75); transition-duration: .4s; transition-property: opacity, transform } .preloader.ready { z-index: -100; opacity: 0 } .icon { width: auto; height: 44px; line-height: 44px; text-align: center; font-size: 44px; display: block; margin: auto } .icon.smaller { width: 24px; height: 24px; line-height: 24px; font-size: 24px } .icon.bigger { width: 7rem; height: 7rem; margin: 0; font-size: 6.5rem; line-height: 7rem; font-weight: 700 } .icon.circle { border-radius: 100px; font-size: 28px } .bricklayer { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .bricklayer-column-sizer { width: 33.3333%; display: none } .columns-1 .bricklayer-column-sizer { width: 100% } .columns-2 .bricklayer-column-sizer { width: 50% } .columns-3 .bricklayer-column-sizer { width: 33.3333% } .columns-4 .bricklayer-column-sizer { width: 25% } .columns-5 .bricklayer-column-sizer { width: 20% } .columns-6 .bricklayer-column-sizer { width: 16.6666% } .bricklayer-column { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; margin: 0 15px } .bricklayer .item { margin: 0 0 30px } .card-columns { margin: 0 15px; column-gap: 30px } .card-columns .card { margin-bottom: 30px } .card { position: relative; z-index: 1; width: 100%; padding: 35px; border: none; border-radius: 2px; background-color: var(--card-bg-color); -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1); transition-timing-function: cubic-bezier(.25, .25, .75, .75); transition-duration: .4s; transition-property: opacity, transform } .card.no-hover { background-color: transparent; box-shadow: none } .odd:not(.custom) .card:not(.no-hover):not(:hover) { background-color: var(--dark-grey-color) } .card-white .card { background-color: var(--white-color) } .card p { margin-top: 0; white-space: pre-wrap } .card-img-top { border-radius: 0 } .card-body { -ms-flex: 1 1 auto; flex: 1 1 auto; min-height: 1px; padding: 35px 30px } .card-body h3, .card-body h4, .card-body h5, .card-body h6 { margin-top: 0 } .card-footer { border-radius: 0; background: none; padding: 30px 0; margin: 0 30px; border-top: 1px solid var(--primary-l-color) } .card-footer a { margin: 0 10px } .card-footer a:not(.btn) { line-height: 1.2; text-align: left; color: var(--primary-p-color) } .card-footer i { margin: 0 10px 2.5px 0 } .card.simple { box-shadow: none; background: none; padding: 0 2rem } .card.simple:hover { background: none } .card:not(.no-hover):hover { background: -webkit-linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%); background: linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%); transform: translateY(-7.5px) } .sticky.card:not(.no-hover) { background: -webkit-linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%); background: linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%) } .masonry .card:not(.no-hover):hover { transform: translateY(0) } .items .item:first-child .card.featured:hover:before, .items .item:last-child .card.featured:hover:before { width: 100%; height: 100%; opacity: .5 } .card:not(.no-hover):hover:before, .card:not(.no-hover):hover:after { opacity: 0 } .card:hover .image-person img { transform: scale(1.1) } .card:not(.no-hover):hover h3, .card:not(.no-hover):hover h4, .card:not(.no-hover):hover p { color: #f5f5f5 } .card:not(.no-hover):hover span, .card.stycky:not(.no-hover) span { color: #f5f5f5; -webkit-text-fill-color: #f5f5f5 } .card:not(.no-hover):hover a, .card.sticky:not(.no-hover) a { color: #f5f5f5; -webkit-text-fill-color: #f5f5f5 } .card:not(.no-hover):hover i, .card.sticky:not(.no-hover) i { color: #f5f5f5; -webkit-text-fill-color: #f5f5f5 } .card:not(.no-hover):hover .icon, .card.sticky:not(.no-hover) .icon { background-color: transparent; color: #f5f5f5; -webkit-text-fill-color: #f5f5f5 } .card:hover .card-footer, .card.sticky .card-footer { color: #f5f5f5; border-color: rgba(255, 255, 255, 0.25) } .card:hover .btn-icon { color: #f5f5f5 } .card:hover .share-list i { color: #f5f5f5 } .card.featured:before { position: absolute; z-index: -1; content: ''; width: calc(50% + 10px); height: calc(50% + 10px); border: none; background-image: -webkit-linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%); background-image: linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%); transition-timing-function: cubic-bezier(.25, .25, .75, .75); transition-duration: .4s; transition-property: opacity, transform } .items .item:not(:first-child):not(:last-child) .card.featured:before { display: none } .items .item:first-child .card.featured:before { top: -10px; right: 0; bottom: 0; left: -10px } .items .item:last-child .card.featured:before { right: -10px; bottom: -10px } .card.featured:after { position: absolute; z-index: -1; content: ''; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; border: none; background-color: inherit } .odd:not(.custom) .card.featured:after { background-color: inherit } .card.featured:hover:after { background-color: none; background-image: -webkit-linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%); background-image: linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%) } .badge { font-weight: 500 } .badge.circle { display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; line-height: 30px; border-radius: 100%; background-color: var(--primary-bg-color-3) } .body-mode-dark .badge.circle { border: 1px solid var(--secondary-l-color); background: none } .badge.tag { margin: 0 5px 10px 0; padding: .45rem 1rem; border-radius: 2px; font-size: 1rem; font-weight: 400; color: var(--primary-p-color); border: 1px solid var(--primary-l-color) } .odd .badge.tag, .body-mode-dark .badge.tag { color: var(--secondary-p-color); border: 1px solid var(--secondary-l-color) } .badge.tag:hover, .badge.tag.active { color: var(--primary-color); border-color: var(--primary-color) } .role { display: block; padding: 0 0 1.5rem; border-bottom: 1px solid var(--primary-l-color) } .odd .role { border-bottom: 1px solid var(--secondary-l-color) } .breadcrumb { margin: 0; background: none; justify-content: center; color: inherit } .breadcrumb-item { font-size: 1rem; font-weight: 400 } .breadcrumb-item a:not(.btn) { color: inherit } .breadcrumb-item a:hover { color: var(--primary-color) } .breadcrumb-item+.breadcrumb-item::before { font-weight: 400 } .breadcrumb-item.active { color: var(--primary-color) } .breadcrumb-item.active:hover { color: var(--primary-color) } .share-list { display: -webkit-inline-box } .share-list .nav-link i { margin: 0 1rem; font-size: 22px; background-image: -webkit-linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%); background-image: linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%); -webkit-background-clip: text; -moz-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent } .share-list li:first-child i { margin-left: 0 } .image-over { overflow: hidden; border-radius: 2px } .image-person img { transition-timing-function: cubic-bezier(.25, .25, .75, .75); transition-duration: .4s } .person { width: 100%; max-width: 100px; border-radius: 100% } .square-image { margin: auto } .square-image .icon { position: absolute; z-index: 1; background-image: -webkit-linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%); background-image: linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%); -webkit-background-clip: text; -moz-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; transition-timing-function: cubic-bezier(.25, .25, .75, .75); transition-duration: .3s; transition-property: opacity, transform } .square-image img { opacity: .75; transition-timing-function: cubic-bezier(.25, .25, .75, .75); transition-duration: .3s; transition-property: opacity, transform } .square-image:hover img { opacity: .5; filter: none } .square-image:hover .icon { transform: scale(1.2) } .mask-radius { content: ''; position: absolute; z-index: 1; right: 15px; bottom: 0; width: 58%; height: 58%; background-image: -webkit-linear-gradient(45deg, var(--secondary-color) 0%, var(--primary-color) 55%); background-image: linear-gradient(45deg, var(--secondary-color) 0%, var(--primary-color) 55%); border-radius: 100% 0 0 0; opacity: .25 } .mask-radius-full { content: ''; position: absolute; z-index: 1; right: 0; bottom: 0; width: 100%; height: 100%; background-image: -webkit-linear-gradient(45deg, var(--secondary-color) 0%, var(--primary-color) 55%); background-image: linear-gradient(45deg, var(--secondary-color) 0%, var(--primary-color) 55%); opacity: .25 } .play-video { position: absolute; z-index: 2; right: 15%; bottom: 15%; padding: 1.75rem 1.5rem 1.75rem 2rem; border-radius: 100%; font-size: 3rem; background-image: -webkit-linear-gradient(45deg, var(--secondary-color) 0%, var(--primary-color) 55%); background-image: linear-gradient(45deg, var(--secondary-color) 0%, var(--primary-color) 55%); background-size: 200% auto; color: var(--primary-b-color) } .play-video-full { position: absolute; z-index: 2; top: 0; right: 0; left: 0; bottom: 0; width: auto; height: auto; margin: auto; display: flex; align-items: center; justify-content: center; border-radius: 100%; font-size: 4rem; color: var(--primary-b-color); -webkit-transition: all .4s ease-out 0; -o-transition: all .4s ease-out 0; -moz-transition: all .4s ease-out 0; transition: all .4s ease-out 0 } .full-image[data-mask="90"] { opacity: .1 } .full-image[data-mask="80"] { opacity: .2 } .full-image[data-mask="70"] { opacity: .3 } .full-image[data-mask="60"] { opacity: .4 } .full-image[data-mask="50"] { opacity: .5 } .full-image[data-mask="40"] { opacity: .6 } .full-image[data-mask="30"] { opacity: .7 } .full-image[data-mask="20"] { opacity: .8 } .full-image[data-mask="10"] { opacity: .9 } .full-image[data-mask="0"] { opacity: 1 } .full-image { position: absolute; right: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; object-position: center } .hero-image { position: absolute; right: 10%; bottom: 0; width: auto; height: 85% } .hero-image-left { position: absolute; left: 10%; bottom: 0; width: auto; height: 85% } .fit-image { width: 100%; height: 100%; object-fit: cover; object-position: center } .fit-image.w-85 { width: 85% } .fit-image.top { object-position: top } .fit-image.bottom { object-position: bottom } .btn { width: max-content; max-width: 100%; display: flex; align-items: center; justify-content: center; text-align: center; padding: .5rem 1.25rem; border-width: 0; border-radius: 2px } .btn.smaller, .btn.smaller:active, .btn.smaller:focus { width: fit-content; box-sizing: content-box; margin: 0 5px; padding: 7.5px 12.5px; display: inline-block } .btn.w-100 { max-width: 100% } .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus, .btn:hover, .btn:focus { outline: none; box-shadow: none } .btn i { margin-right: .5rem } .btn i.left { margin-right: 0; margin-left: .5rem } .btn-icon { position: relative; bottom: -5px; font-size: 24px; cursor: pointer; color: var(--primary-p-color) } .odd .btn-icon { color: var(--secondary-p-color) } .widget-author .author { display: flex; align-items: center; justify-content: start } .widget-author .author h4 { margin: 0 } .widget-author .author img { width: 100%; height: 100%; max-width: 100px; margin-right: 20px } .widget-author .biography { margin: 12.5px 0 2.5px } .widget-categories .list-group-flush .list-group-item:first-child { padding-top: 0; border-top-width: 0 } .widget-share-this li { margin: 0 } .widget-share-this a { padding: 0 } .widget-gallery .gallery { margin-left: -15px; margin-right: -15px } .widget-gallery .gallery img { border-radius: 4px } .widget-services li { display: flex; align-items: start } .widget-services .list-group-flush .list-group-item:first-child { border-top-width: 1px } .widget-services .list-group-flush .list-group-item:last-child { border-bottom-width: 1px } .widget-services li a { display: flex; align-items: start } .widget-carousel .mid-slider-simple { padding: 0 } .sidebar .widget-carousel .item { margin-bottom: 0 } .widget-carousel .card { padding: 25px 5px; background-color: var(--primary-bg-color-3); box-shadow: none } .body-mode-dark .widget-carousel .card { background-color: var(--secondary-bg-color-3); box-shadow: none } .widget-carousel .card p { color: var(--primary-p-color) } .widget-carousel .card .icon { margin: 0 auto 1.5rem; background-image: -webkit-linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%); background-image: linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%); -webkit-background-clip: text; -moz-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent } .widget-carousel .card img.icon { width: 100%; max-width: 90px; height: auto; border-radius: 100% } .grecaptcha-badge { bottom: 100px !important; box-shadow: none !important; visibility: hidden; z-index: -100 } .form-control { width: 100%; height: 50px; background: no-repeat; box-shadow: none; padding: 10px 15px; border-color: var(--primary-l-color); border-width: 1px; border-radius: 2px; line-height: 1.2 } .odd .form-control { border-color: var(--secondary-l-color); color: var(--secondary-t-color) } .form-control:disabled, .form-control[readonly] { background-color: inherit; opacity: .75; cursor: no-drop } .form-control:focus { background: no-repeat; color: inherit; outline: none; border-color: inherit; box-shadow: none } .form-control.valid { border-color: var(--valid-color) } .form-control.invalid { border-color: var(--invalid-color) } textarea.form-control { width: 100%; min-height: 170px } .input-group>.custom-select:not(:first-child), .input-group>.form-control:not(:first-child) { border-radius: 2px } .input-group { margin: 10px 0 } .input-group .icon-arrow-down { position: absolute; top: calc(50% - 8px); right: 5%; color: var(--primary-t-color) } .odd .input-group .icon-arrow-down { color: var(--secondary-l-color) } button:disabled { cursor: no-drop } .form-alert { margin: 1rem 0; display: block; color: var(--invalid-color) } .form-alert.valid { color: var(--valid-color) } .form-alert.invalid { color: var(--invalid-color) } .multi-step-form { min-height: 575px } .multi-step-form fieldset { width: 100%; position: relative } .multi-step-form fieldset:not(:first-of-type) { display: none } .multi-step-form input { width: 100% } .multi-step-form input[type=checkbox] { width: 18px; height: 18px } .multi-step-form .mask-radius { width: calc(58% + 15px); right: 0 } .multi-step-form .step-images { min-height: 575px } .multi-step-form .content-images .step-image .fit-image { min-height: 575px } .progressbar { margin-bottom: 25px; padding: 0; overflow: hidden; counter-reset: step } .progressbar:after { content: ''; width: 100%; height: 6px; background-color: var(--primary-bg-color-3); position: absolute; right: 0; top: 25px; z-index: 0 } .odd .progressbar:after { background-color: var(--secondary-bg-color-3) } .progressbar.complete:after { background: linear-gradient(to right, var(--primary-color) 20%, var(--secondary-color) 40%, var(--secondary-color) 60%, var(--primary-color) 80%); background-size: 200% auto } .progressbar li.active:before, .progressbar li.active:after { background: linear-gradient(to right, var(--primary-color) 20%, var(--secondary-color) 40%, var(--secondary-color) 60%, var(--primary-color) 80%); background-size: 200% auto; -webkit-animation: effect 1s linear infinite; animation: effect 1s linear infinite; color: var(--primary-bg-color) } .odd .progressbar li.active:before, .progressbar li.active:after { color: var(--secondary-bg-color) } .progressbar li { list-style-type: none; font-size: 1rem; font-weight: 500; text-align: center; width: 33.3333%; float: left; position: relative; color: var(--primary-t-color) } form[data-steps="1"] .progressbar { display: none } form[data-steps="1"] .progressbar li { width: 100% } form[data-steps="2"] .progressbar li { width: 50% } form[data-steps="3"] .progressbar li { width: 33.3333% } form[data-steps="4"] .progressbar li { width: 25% } .odd .progressbar li { color: var(--secondary-t-color) } .progressbar li:before { position: relative; z-index: 2; content: counter(step); counter-increment: step; width: 40px; height: 40px; line-height: 40px; display: block; font-size: 1.2rem; font-weight: 600; text-align: center; color: var(--primary-t-color); background-color: var(--primary-bg-color-3); border-radius: 100px; margin: 0 auto 10px } .odd .progressbar li:before { color: var(--secondary-t-color); background-color: var(--secondary-bg-color-3) } .progressbar li:after { content: ''; width: 100%; height: 6px; background-color: var(--primary-bg-color-3); position: absolute; left: -50%; top: 17px; z-index: 1 } .odd .progressbar li:after { background-color: var(--secondary-bg-color-3) } .list-group-item { margin: 0; background: none; font-size: 1rem; padding-right: 0; padding-left: 0; border-color: var(--primary-l-color) } .odd .list-group-item, .body-mode-dark .list-group-item { border-color: var(--secondary-l-color) } .list-group-item a:hover { color: var(--primary-color) } .list-group-item img { border-radius: 4px; background-color: var(--primary-bg-color-3); transition: all .3s cubic-bezier(.25, .8, .25, 1); -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1) } .body-mode-dark .list-group-item img { background-color: var(--secondary-bg-color-3) } .list-group-item a:not(.btn) { color: inherit } .list-group-item .icon { font-size: 34px; text-align: left } .gallery { position: relative; overflow: hidden } .content .gallery { margin: 35px 0 0 } .gallery .item:not(:last-child) { margin-bottom: 30px } .gallery img { border-radius: 2px; transition: all .3s cubic-bezier(.25, .8, .25, 1); -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1) } .gallery .fit-image { width: 100%; height: 100% } .gallery img:hover { box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22) } .gallery a:hover img { -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1) } .gallery.featured { transform: scale(1) } .gallery.featured a:first-child:before { content: ''; position: absolute; z-index: -1; top: -30px; left: -15px; width: 90%; height: 90%; border: 4px solid; border-color: var(--primary-color); transition-timing-function: cubic-bezier(.25, .25, .75, .75); transition-duration: .6s; transition-property: opacity, transform } .gallery.featured a:last-child:before { content: ''; position: absolute; z-index: -1; right: -15px; bottom: 0; width: 90%; height: 90%; border: 4px solid; border-color: var(--primary-color); transition-timing-function: cubic-bezier(.25, .25, .75, .75); transition-duration: .6s; transition-property: opacity, transform } footer { position: relative; background-color: var(--footer-bg-color) } footer .brand .logo { font-size: 2.2rem; font-weight: 700; line-height: 1; background-image: -webkit-linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%); background-image: linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%); -webkit-background-clip: text; -moz-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent } footer .brand .logo img { width: auto; height: var(--footer-brand-height) } footer .brand a:hover { text-decoration: none } footer .branding p { line-height: 1.85 } footer .title { margin-top: 0 } footer .contacts { position: relative; top: 2.5rem; left: 2.5rem } footer .contacts .nav-item { position: relative; z-index: 1 } footer .contacts:before { content: ''; position: absolute; z-index: 0; top: -40px; right: 40px; width: 100%; height: 165%; border-top: 4px solid; border-right: 4px solid; border-color: var(--primary-t-color); transition-timing-function: cubic-bezier(.25, .25, .75, .75); transition-duration: .6s; transition-property: opacity, transform } footer .contacts:after { content: ''; position: absolute; z-index: 0; top: -40px; right: 40px; width: 100%; height: 165%; border-left: 4px solid; border-bottom: 4px solid; border-color: var(--primary-t-color); transition-timing-function: cubic-bezier(.25, .25, .75, .75); transition-duration: .6s; transition-property: opacity, transform } footer .contacts:hover:before, footer .contacts:hover:after { border-color: var(--primary-color) } footer .contacts li { margin: 0; font-size: 1.2rem } footer .nav-item { margin: 0 } footer .nav-item .nav-link { display: block; word-break: break-all; font-weight: 400; line-height: 1.4; color: inherit } footer.odd .nav-item .nav-link { color: var(--secondary-p-color) } footer .nav-item .nav-link:hover { color: var(--primary-color); outline: none } .footer-widget .badge.tag { color: var(--primary-p-color); border: 1px solid var(--primary-l-color) } .odd .footer-widget .badge.tag { color: var(--secondary-p-color); border: 1px solid var(--secondary-l-color) } .footer-widget .badge.tag:hover { color: var(--primary-color); border: 1px solid var(--primary-color) } footer .copyright { background-color: rgba(0, 0, 0, 0.05) } footer .odd.copyright, footer.odd .copyright { background-color: rgba(0, 0, 0, 0.25) } footer .odd.alt.copyright { background-color: rgba(255, 255, 255, 0.03) } footer .copyright p { font-size: 14px; line-height: 1.8 } footer .copyright a:not(.btn) { font-size: 14px } .modal-open { overflow-y: hidden; overflow-x: hidden } .modal-dialog-slideout { min-height: 100%; margin: 0 0 0 auto } .modal.fade .modal-dialog.modal-dialog-slideout { -webkit-transform: translate(100%, 0)scale(1); transform: translate(100%, 0)scale(1); -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1); height: 100% } .modal.fade.show .modal-dialog.modal-dialog-slideout { -webkit-transform: translate(0, 0); transform: translate(0, 0); display: flex; align-items: start; -webkit-box-align: start; height: 100% } .modal-content { border: none; border-radius: 0; overflow-x: hidden; background-color: var(--primary-bg-color-2) } .theme-mode-dark .modal-content { background-color: var(--secondary-bg-color-3) } .modal-content.full { height: 100% } .modal-header { align-items: center; padding: 25px; border: none; font-weight: 600; color: var(--primary-t-color); border-radius: 0 } .theme-mode-dark .modal-header { color: var(--secondary-t-color) } .modal-header .modal-title { line-height: 0 } .modal-header .icon-close { font-size: 24px; cursor: pointer } .modal-body { width: 100%; display: flex; align-items: center; padding: 25px 25px 75px } .theme-mode-dark .modal-body h2 { color: var(--white-color) } .theme-mode-dark .modal-body .form-control { border-color: var(--secondary-l-color); color: var(--secondary-t-color) } .spinner-grow { color: var(--primary-color) } .scroll-to-top { display: none; position: fixed; z-index: 5; right: 25px; bottom: 25px; opacity: .75; transition-timing-function: ease; transition-duration: .4s; transition-property: opacity, transform } .scroll-to-top:hover { opacity: 1 } .scroll-to-top i { width: 48px; height: 48px; line-height: 48px; font-weight: 600; display: flex; align-items: center; justify-content: center; border-radius: 100%; font-size: 22px; background-color: var(--primary-bg-color-2); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23) } .theme-mode-dark.scroll-to-top i, .theme-mode-dark .scroll-to-top i { background-color: var(--secondary-bg-color-2) } .scroll-to-top i:hover, .scroll-to-top i:focus { box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22) } @-webkit-keyframes effect { to { background-position: -200% center } } @keyframes effect { to { background-position: -200% center } } @media(max-width: 1199px) { body header .navbar-expand .navbar-nav.toggle { display: flex } body header .navbar-expand .navbar-nav.contacts, body header .navbar-expand .navbar-nav.items, body header .navbar-expand .navbar-nav.icons .social { display: none } body .full-slider.featured .inner .left:before, body .full-slider.featured .inner .left:after, body .no-slider.featured .inner .left:before, body .no-slider.featured .inner .left:after, body .full-slider.featured .inner .right:before, body .full-slider.featured .inner .right:after, body .no-slider.featured .inner .right:before, body .no-slider.featured .inner .right:after { content: none } body .full-slider.featured .inner .left .title, body .no-slider.featured .inner .left .title, body .full-slider.featured .inner .right .title, body .no-slider.featured .inner .right .title { max-width: 100% } .full-slider.featured .inner .right .description { right: initial; position: inherit } body .full-slider .inner button { margin: auto } body .full-slider .swiper-button-next { right: 0; padding: 1.5rem 1rem } body .full-slider .swiper-button-prev { left: 0; padding: 1.5rem 1rem } body .full-slider .swiper-button-next:after, body .full-slider .swiper-button-prev:after { font-size: 2rem } body .full-slider .inner, body .no-slider .inner { padding: 0 20px } body .container { padding: 0 0px; max-width: 100% } body .container .card.featured:before { content: none } body .container.header.full-grid { margin: 0 } body .container.full-grid { padding: 0; max-width: calc(100% - 20px); margin: 0 10px } body .bricklayer-column-sizer { width: 33.3333% } body .columns-1 .bricklayer-column-sizer { width: 100% } body .columns-2 .bricklayer-column-sizer, body .columns-3 .bricklayer-column-sizer, body .columns-4 .bricklayer-column-sizer, body .columns-5 .bricklayer-column-sizer, body .columns-6 .bricklayer-column-sizer { width: 33.3333% } body .card-columns { column-count: 3 } body .card-footer { margin: 0 } body .play-video { right: 40px; bottom: 30px; font-size: 2.5rem } body .gallery.featured a:first-child:before, body .gallery.featured a:last-child:before { content: none } } @media(max-width: 991px) { body h1, body .slide-content .title, body h2.super { font-size: 4rem } body h2 { font-size: 2.5rem } body .slider-h-100 { height: calc(100vh - 50px) } body .slider-h-100.alt { height: calc(85vh - 50px) } body aside { margin-top: 60px } body footer .title { margin-top: 2rem } body .bricklayer-column-sizer { width: 50% } body .columns-1 .bricklayer-column-sizer { width: 100% } body .columns-2 .bricklayer-column-sizer, body .columns-3 .bricklayer-column-sizer, body .columns-4 .bricklayer-column-sizer, body .columns-5 .bricklayer-column-sizer, body .columns-6 .bricklayer-column-sizer { width: 50% } body .card-columns { column-count: 2 } body .modal-body { align-items: start } } @media(max-width: 767px) { body h1, body .slide-content .title, body h2.super { font-size: 2.5rem } body .text-md-left h2.featured, body .text-md-right h2.featured { margin: auto } body h2.featured:before { content: none } body .intro .btn { margin-top: 30px } body .highlights:not(.image-right):not(.image-center) .intro { margin-top: 50px } body .highlights:not(.image-left) .items .item:last-child { margin-bottom: 50px } body .offers .items .item { margin-bottom: 0; margin-bottom: 30px } body .blog-grid:not(.masonry) .items .item { margin-bottom: 0; margin-bottom: 30px } body header .navbar-expand .navbar-nav a { padding: 10px 15px; font-size: 0 } body header .navbar-expand .navbar-nav.action .btn i { font-size: initial; margin: 0 } body .navbar-brand { margin: 0 } body .full-slider .slide-content .inner .description, body .no-slider .slide-content .inner .description { max-width: 100%; font-size: 1.2rem } body .full-slider .slide-content .inner .description p, body .no-slider .slide-content .inner .description p { font-size: 1.2rem } body .full-slider .slide-content .inner .left, body .no-slider .slide-content .inner .left, body .full-slider .slide-content .inner .right, body .no-slider .slide-content .inner .right { width: 100% } body .full-slider .slide-content .inner .left a.btn-primary-color:after, body .no-slider .slide-content .inner .left button.btn-primary-color:after, body .full-slider .slide-content .inner .right a.btn-primary-color:after, body .no-slider .slide-content .inner .right button.btn-primary-color:after { content: none } body .full-slider .hero-image, body .no-slider .hero-image { width: 100%; height: auto; bottom: 0; right: initial } body .full-slider .hero-image-left, body .no-slider .hero-image-left { width: 100%; height: auto; bottom: 0; right: initial } body .full-slider .hero-image.alt, body .no-slider .hero-image.alt { top: 22% } body .full-slider .hero-image-left.alt, body .no-slider .hero-image-left.alt { top: 22% } .slide-content { width: 100%; height: 100% } .slide-content:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--hero-bg-color); opacity: 0 } .slide-content[data-mask-768="0"]:before { opacity: 0 } .slide-content[data-mask-768="10"]:before { opacity: .1 } .slide-content[data-mask-768="20"]:before { opacity: .2 } .slide-content[data-mask-768="30"]:before { opacity: .3 } .slide-content[data-mask-768="40"]:before { opacity: .4 } .slide-content[data-mask-768="50"]:before { opacity: .5 } .slide-content[data-mask-768="60"]:before { opacity: .6 } .slide-content[data-mask-768="70"]:before { opacity: .7 } .slide-content[data-mask-768="80"]:before { opacity: .8 } .slide-content[data-mask-768="90"]:before { opacity: .9 } body section { padding: 90px 0 } body section.section-vsr-0 { padding: 0 } body section.section-vsr-10 { padding: 10px 0 } body section.section-vsr-20 { padding: 20px 0 } body section.section-vsr-30 { padding: 30px 0 } body section.section-vsr-40 { padding: 40px 0 } body section.section-vsr-50 { padding: 50px 0 } body section.section-vsr-60 { padding: 60px 0 } body section.section-vsr-70 { padding: 70px 0 } body section.section-vsr-80 { padding: 80px 0 } body section.section-vsr-90 { padding: 90px 0 } body section.section-vsr-100 { padding: 100px 0 } body section.section-vsr-110 { padding: 110px 0 } body section.section-vsr-120 { padding: 120px 0 } body section.section-vsr-130 { padding: 130px 0 } body section.section-vsr-140 { padding: 140px 0 } body section.section-vsr-150 { padding: 150px 0 } body section.section-vsr-160 { padding: 160px 0 } body section.section-vsr-170 { padding: 170px 0 } body section.section-vsr-180 { padding: 180px 0 } body section.section-vsr-190 { padding: 190px 0 } body section.section-vsr-200 { padding: 200px 0 } body section.bg-image-1, body section.bg-image-2 { background-image: none } body section.featured:after { height: 60px; bottom: -30px } body .list-group-item img { margin-right: 90px } body .icon.bigger { width: 5rem; height: 5rem; margin: 0; font-size: 4.5rem; line-height: 5rem; font-weight: 700 } body .filter-section .btn-group .btn { font-size: 1rem } body .form .message { width: calc(100% - 30px) } body .step-prev, body .step-next, body .send { width: calc(50% - 12px) } body footer .contacts { left: 0; margin-bottom: 30px } body footer .contacts:after { left: 0; width: 100% } body footer .contacts:before { left: 0; width: 100% } } @media (max-width: 576px) { header .navbar-expand .navbar-brand img { height: auto; max-height: var(--nav-brand-height) } body .bricklayer-column-sizer { width: 100% } body .columns-1 .bricklayer-column-sizer, body .columns-2 .bricklayer-column-sizer, body .columns-3 .bricklayer-column-sizer, body .columns-4 .bricklayer-column-sizer, body .columns-5 .bricklayer-column-sizer, body .columns-6 .bricklayer-column-sizer { width: 100% } body .card-columns { column-count: 1 } } @media(max-width: 374px) { body h1, body .slide-content .title, body h2.super { font-size: 3rem } } .mt-10 { margin-top: 10px } .mt-20 { margin-top: 20px } .bg-white { background-color: #fff } .text-black { color: #ffffff !important } .text-white { color: #fff !important } .btn-icon { color: #fd9e0e !important } .float { position: fixed; width: 60px; height: 50px; bottom: 30px; left: 30px; color: #FFF; text-align: center; font-size: 30px; z-index: 100 } </style> <link rel="stylesheet" href="assets/frontend/css/vendor/icons.min.css?v=1.1"> <link rel="stylesheet" href="assets/frontend/css/vendor/animation.min.css"> <link rel="stylesheet" href="assets/frontend/css/vendor/gallery.min.css"> <link rel="stylesheet" href="assets/frontend/css/vendor/cookie-notice.min.css"> <link rel="canonical" href="https://zamran.com/gizlilik-politikasi" /> <style> :root { --header-bg-color: #111111; --nav-item-color: #f5f5f5; --top-nav-item-color: #f5f5f5; --hero-bg-color: #000000; --section-1-bg-color: #f5f5f5; --section-2-bg-color: #111111; --section-3-bg-color: #f5f5f5; --footer-bg-color: #191919; } </style> <script> (self.SWG_BASIC = self.SWG_BASIC || []).push(basicSubscriptions => { basicSubscriptions.init({ type: "NewsArticle", isPartOfType: ["Product"], isPartOfProductId: "CAowteKpCw:openaccess", clientOptions: { theme: "light", lang: "tr" }, }); }); </script> <meta name="google-site-verification" content="-z9lykbrRh_N29ccXN-or0d9rEiRNEfZc8w4B3dzZ1k" />  </head> <body> <header id="header"> <nav class="navbar navbar-expand"> <div class="container header"> <a class="navbar-brand" href="https://zamran.com/"><img loading="lazy" data-src="assets/uploads/logo/234b7-zamran-logo-beyaz.webp" width="80px" height="69px" alt="Zamran Software SEO Ajans谋 ve Web Tasar谋m"></a> <div class="ml-auto"></div> <ul class="navbar-nav items"> <li class="nav-item"><a href="https://zamran.com/" class="nav-link">Anasayfa </a></li> <li class="nav-item"><a href="hakkimizda" class="nav-link">Hakk谋m谋zda </a></li> <li class="nav-item"><a href="hizmetlerimiz" class="nav-link">Hizmetlerimiz </a></li> <li class="nav-item"><a href="bizden-haberler" class="nav-link">Haberler </a></li> <li class="nav-item"><a href="https://www.mapsorder.com/" class="nav-link">Haritalar SEO </a></li> <li class="nav-item"><a href="portfolyo" class="nav-link">Portfolyo</a></li> <li class="nav-item"><a href="https://zamran.com/referans.pdf" target="_blank" class="nav-link">Referanslar</a></li> <li class="nav-item"><a href="iletisim" class="nav-link">陌leti艧im</a></li> </ul> <ul class="navbar-nav icons"> <li class="nav-item"> <a href="#" class="nav-link" data-toggle="modal" data-target="#search"> <i class="icon-magnifier"></i> </a> </li> <li class="nav-item"> <a href="https://zamran.com/" class="nav-link"><img loading="lazy" data-src="assets/frontend/images/tr.webp" width="24" height="24" alt="tr"> </a> </li> <li class="nav-item"> <a href="https://zamran.com/de/" class="nav-link"><img loading="lazy" data-src="assets/frontend/images/de.webp" width="24" height="15" alt="de"> </a> </li> </ul> <ul class="navbar-nav toggle"> <li class="nav-item"> <a href="#" class="nav-link" data-toggle="modal" data-target="#menu"> <i class="icon-menu m-0"></i> </a> </li> </ul> <ul class="navbar-nav action"> <li class="nav-item ml-3"> <a href="https://zamran.com/referans.pdf" target="_blank" class="btn ml-lg-auto dark-button"><i class="icon-rocket"></i>Referanslar</a> </li> </ul> </div> </nav> </header> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-2786366095027890" crossorigin="anonymous"></script> <section id="slider" class="hero p-0 odd featured"> <div class="swiper-container no-slider slider-h-75"> <div class="swiper-wrapper"> <div class="swiper-slide slide-center"> <img src="assets/uploads/background/4e669-web-tasarim-hizmetler.webp" class="full-image"alt="Gizlilik Politikas谋 data-mask="30"> <div class="slide-content row text-center"> <div class="col-12 mx-auto inner"> <h1 data-aos="zoom-out-up" data-aos-delay="400" class="title effect-static-text">Gizlilik Politikas谋 </h1> <nav data-aos="zoom-out-up" data-aos-delay="800" aria-label="breadcrumb"> <ol class="breadcrumb"> <li class="breadcrumb-item"><a href="https://zamran.com/">Anasayfa</a></li> <li class="breadcrumb-item"><a href="hizmetlerimiz">Hizmetlerimiz</a></li> <li class="breadcrumb-item active" aria-current="page">Gizlilik Politikas谋 </li> </ol> </nav> </div> </div> </div> </div> </div> </section> <section id="content" class="section-1 single"> <div class="container"> <div class="row">  <main class="col-12 col-lg-8 p-0"> <div class="row"> <div class="col-12 align-self-center"> <h2 class="featured mt-0 ml-0">Gizlilik Politikas谋</h2> <p>Gizlilik Politikam谋z</p> <p>Bu metin bilgi güvenli臒i ile ilgili sizi bilgilendirmek ve uyulmas谋 gereken kurallar ile sorumluluklar谋 aç谋klamak üzere haz谋rlanm谋艧t谋r.<br /> <br /> Zamran.com web sitesini ziyaretiniz s谋ras谋nda ki艧isel bilgilerinizi temin etmeniz beklenmektedir. Sizin taraf谋n谋zdan payla艧谋lan ve bizim taraf谋m谋zdan kay谋t alt谋na al谋nan ki艧isel bilgileriniz Zamran.com taraf谋ndan korunur ve korunmaya devam edecektir.<br /> <br /> Ad谋n谋z ve soyad谋n谋z, posta adresiniz, do臒um tarihiniz, cinsiyetiniz, telefon numaran谋z, e-posta adresiniz gibi bilgileriniz taraf谋n谋zdan Zamran.com sitesine verildi臒inde kaydedilir.<br /> <br /> Zamran.com, kullan谋c谋lara ait bilgileri a艧a臒谋da belirtilen haller gerektirdi臒i takdirde aç谋klamak hakk谋na sahiptir:<br />  </p> <ul> <li>1. Kullan谋c谋n谋n, 艧ahsi bilgilerinin payla艧谋lmas谋 konusunda izni ve onay谋 var ise,</li> <li>2. Zamran.com sitesinin kendi bünyesinde kullan谋lmak üzere kullan谋c谋 profillerinin belirlenmesi amac谋yla,</li> <li>3. Kullan谋c谋n谋n, Zamran.com sitesinden talep etti臒i ürün ve hizmetlerin geli艧tirilmesi, temin edilmesi veya size sunulan servis ve araçlarla ilgili problemlerin giderilmesi amac谋yla,</li> <li>4. Kullan谋c谋ya ürün ve servisler sunarken, birlikle çal谋艧t谋臒谋 (i艧 birli臒i yapt谋臒谋) firmalara, bu ürün ve servislerin sa臒lanmas谋nda kullan谋lmak üzere,</li> <li>5.Yasal soru艧turmalar esnas谋nda, mahkeme karar谋 gere臒i veya yasal prosedürler gerektirdi臒i takdirde.</li> </ul> <p><br /> Bilgi güvenli臒inizi sa臒lamak amac谋yla 艧ifrelerinizi kimse ile payla艧maman谋z gerekmektedir.<br /> <br /> E-posta ileti艧iminde söz konusu mesaj 艧ifrelenmedi臒i takdirde, mesaj谋n güvenli臒i garanti alt谋na al谋namaz ve gönderece臒iniz e-postalar谋n güvenli臒inden sizler sorumlusunuzdur.<br /> <br /> Web sitemizde Zamran.com taraf谋ndan i艧letilmeyen di臒er web sitelerine ba臒lant谋lar verebiliriz. Bu web sitelerinden herhangi birini ziyaret ederseniz, o sitenin gizlilik ve di臒er politikalar谋n谋 gözden geçirmelisiniz. Di臒er 艧irketlerin politika ve uygulamalar谋ndan Zamran.com sitesinin sorumlu olmad谋臒谋n谋 belirtiriz.<br /> <br /> Zamran.com sitesinin Kullan谋m 艦artlar谋 ve Gizlilik Politikalar谋n谋 de臒i艧tirmesi mümkün olup ilgili sayfalar谋n düzenli olarak kontrol edilmesini öneririz.</p> <p>Çerez Nedir?</p> <p>Çerez veya bilinen ismiyle “cookie”, mobil ve masaüstü cihazlar kullanarak sitelerimizi (Zamran.com) ziyaret etti臒inizde bilgisayar谋n谋z veya mobil cihaz谋n谋za (ak谋ll谋 telefon, tablet gibi) kaydedilen küçük metin dosyas谋 veya bilgilerdir. Çerezler genellikle geldikleri internet site isimlerini, kullan谋m ömürlerini ve rastgele verilen say谋lardan olu艧an de臒erler içerir.</p> <p>Ne için Kullan谋yoruz?</p> <p>Çerezleri, sitemizin daha kolay kullan谋lmas谋, sizin ilgi ve ihtiyaçlar谋n谋za göre ayarlanmas谋 ve kullan谋c谋lar谋m谋za ak谋ll谋 reklam gösterimi için ki艧iselle艧tirme amac谋yla kullan谋yoruz. 陌nternet siteleri bu çerez dosyalar谋 okuyup yazabiliyorlar ve bu sayede tan谋nman谋z ve size daha uygun bir internet sitesi sunulmas谋 amac谋yla sizinle ilgili önemli bilgilerin hat谋rlanmas谋 sa臒lan谋yor (tercih ayarlar谋n谋z谋n hat谋rlanmas谋 gibi).<br /> <br /> Çerezler ayr谋ca, sitemiz üzerinde gelecekteki hareketlerinizin h谋zlanmas谋na da yard谋mc谋 olur. Bunlara ek olarak, ziyaretçilerin sitemizi nas谋l kulland谋臒谋n谋 anlamak ve sitemizin tasar谋m谋 ile kullan谋艧l谋l谋臒谋n谋 geli艧tirmek amac谋yla çerezleri sitemizin kullan谋m谋 hakk谋nda istatistiksel bilgiler toplamak için de kullanabiliriz.</p> <p>Zamran.com Çerezleri</p> <p>Kullan谋c谋lar谋n web sitesi, mobil uygulama ve/veya mobil site kullan谋mlar谋n谋 ki艧iselle艧tirmek için kullan谋r. Bu kullan谋m;<br /> <br /> Parolan谋z谋 kaydeden ve web sitesi/mobil uygulama/mobil sitesi oturumunuzun sürekli aç谋k kalmas谋n谋 sa臒layan, böylece her ziyaretinizde birden fazla kez parola girme zahmetinden kurtaran çerezleri ve<br /> Web sitesi, mobil uygulama ve/veya mobil siteye daha sonraki ziyaretlerde kullan谋c谋y谋 hat谋rlayan ve tan谋yan çerezleri içerir.<br /> <br /> Kullan谋c谋lar谋n web sitesi, mobil uygulama ve/veya mobil siteye nereden ve hangi cihazlardan ba臒land谋臒谋, web sitesi/mobil uygulama/mobil sitesi üzerinde hangi içeri臒i görüntüledi臒i ve ziyaret süresi gibi web sitesini/mobil uygulamay谋/mobil sitesini nas谋l kulland谋臒谋n谋z谋n tespiti de dahil olmak üzere; web sitesi, mobil uygulama ve/veya mobil siteyi kullan谋c谋n谋n nas谋l kulland谋臒谋n谋 belirlemek amac谋yla kullan谋r.<br /> <br /> Kullan谋c谋n谋n ilgi alan谋na uygun içerik ve reklamlar谋 sunmak, di臒er bir ifade ile hedeflenmi艧 reklam veya tan谋t谋m amac谋yla kullan谋r</p> <p>Hangi Türlerini Kullan谋yoruz?</p> <p>Oturum çerezleri (session cookies) ve kal谋c谋 çerezler (persistent cookies) olmak üzere sitelerimiz genelinde iki tür çerez kullanmaktay谋z. Oturum çerezleri geçici çerezler olup sadece taray谋c谋n谋z谋 kapat谋ncaya kadar geçerlidirler. Kal谋c谋 çerezler siz silinceye veya süreleri doluncaya (bu 艧ekilde çerezlerin cihaz谋nda ne kadar kalaca臒谋, çerezlerin "kullan谋m ömürlerine" ba臒l谋 olacakt谋r) kadar sabit diskinizde kal谋rlar.</p> <p>Üçüncü Parti Çerezleri (3th Party Cookies)</p> <p>陌艧 ortaklar谋m谋z, reklam platformlar谋, sosyal medya platformlar谋 ile analitik bilgileri toplama hizmeti veren, sitemiz genelinde kullan谋lan bu servis sa臒lay谋c谋lar hizmetlerini sunabilmeleri için sitelerimizi ziyaret etti臒inizde, bizim yerimize cihazlar谋n谋za çerez kaydetmelerine izin verebiliriz. Bu çerezler hakk谋nda daha fazla bilgi edinmek ve bu çerezlerin nas谋l kontrol edilece臒ine ili艧kin ayr谋nt谋l谋 bilgi için, lütfen bu üçüncü parti kurum ve kurulu艧lar谋n gizlilik politikalar谋n谋 veya çerez politikalar谋n谋 inceleyiniz.<br /> <br /> Zamran.com çerezleri ayr谋ca; arama motorlar谋n谋, Zamran.com web sitesini, mobil uygulamas谋n谋 veya mobil sitesi ve/veya Zamran.com sitesinin reklam verdi臒i web sitelerini ziyaret etti臒inizde ilginizi çekebilece臒ini dü艧ündü臒ü reklamlar谋 size sunabilmek amac谋yla kullanabilir. Bu amaçla; size özel reklamlar sunabilmek için web sitesine, mobil uygulamaya, mobil sitesine ve Zamran.com sitesinin reklam verdi臒i web sitelerine, mobil uygulama ve/veya mobil sitesine yapt谋臒谋n谋z önceki ziyaretlerle ilgili bilgileri kullan谋r. Ki艧iselle艧tirilmi艧 bu reklamlar谋 sunarken, Zamran.com sizi tan谋yabilmesi amac谋yla taray谋c谋n谋za benzersiz bir üçüncü taraf çerezi yerle艧tirilebilir. Zamran.com ayr谋ca Google, Inc. ("Google") taraf谋ndan sa臒lanan bir web analizi hizmeti olan Google Analytics kullanmaktad谋r. Google Analytics, çerezleri kullan谋c谋lar谋n web sitesini, mobil uygulamay谋 ve/veya mobil sitesini nas谋l kulland谋klar谋n谋 istatistiki bilgiler/raporlar ile analiz etmek amac谋yla kullan谋r. Google Analytics kullan谋m谋 hakk谋nda daha fazla bilgi için (reddetme seçenekleri dahil), 艧u adresi ziyaret edebilirsiniz: <a href="http://www.google.com/intl/tr/policies/privacy/#infocollect" rel="nofollow" target="_blank"><strong>http://www.google.com/intl/tr/policies/privacy/#infocollect</strong></a><br /> <br /> Mobil uygulamada çerez yerine ilgili uygulaman谋n SDK's谋 (Software Development Kit) kullan谋lmaktad谋r.</p> <p>Çerezleri nas谋l kontrol edebilir veya silebilirsiniz?</p> <p>Birçok internet taray谋c谋s谋, varsay谋lan olarak çerezleri otomatik olarak kabul etmeye ayarl谋d谋r. Bu ayarlar谋, çerezleri engelleyecek veya cihaz谋n谋za çerez gönderildi臒inde uyar谋 verecek 艧ekilde de臒i艧tirebilirsiniz. Çerezleri yönetmenin birkaç yolu bulunmaktad谋r. Taray谋c谋 ayarlar谋n谋z谋 nas谋l düzenleyece臒iniz hakk谋nda ayr谋nt谋l谋 bilgi almak için lütfen taray谋c谋n谋z谋n talimat veya yard谋m ekran谋na ba艧vurun.<br /> <br /> 陌nternet taray谋c谋n谋z谋n çe艧idine göre a艧a臒谋daki ad谋mlar谋 izleyerek, çerezler hakk谋nda bilgi edinip, izin verme veya reddetme hakk谋n谋z谋 kullanabilirsiniz:<br /> <br /> Google Chrome: Browser'谋n谋z谋n "adres bölümünde" yer alan, "kilit i艧areti" veya "i" harfini t谋klayarak, "Cookie" sekmesinden çerezlere izin verebilir veya bloke edebilirsiniz.<br /> <br /> 陌nternet Explorer: Browser'谋n谋z谋n sa臒 üst kö艧esinde yer alan "Tool" veya "Araçlar" Bölümünden "Güvenlik" sekmesini t谋klay谋n ve "izin ver" veya "izin verme" 艧eklinde çerez yönetimizi gerçekle艧tirin.<br /> <br /> Mozilla Firefox: Browser'谋n谋z谋n sa臒 üst kö艧esinde yer alan "menüyü aç" sekmesini t谋klay谋n谋z. "Seçenekler" görselini t谋klayarak "Gizlilik ve Güvenlik" butonunu kullanarak çerez yönetiminizi yap谋n谋z.<br /> <br /> Di臒er browserlar için de (opera, microsoft edge gibi), ilgili browser'谋n yard谋m veya destek sayfalar谋n谋 inceleyebilirsiniz.<br /> <br /> Safari: Telefonunuzun "Ayarlar" bölümünden "safari" sekmesini seçip, "Gizlilik ve Güvenlik" Bölümünden tüm çerez yönetiminizi sa臒layabilirsiniz.<br /> <br /> E臒er kulland谋臒谋m谋z çerezleri devre d谋艧谋 b谋rak谋rsan谋z, bu eylem Zamran.com sitesindeki kullan谋c谋 deneyiminizi etkileyebilir; örne臒in Zamran.com sitesinin belirli bölümlerini görüntüleyemeyebilir veya Zamran.com sitesini ziyaret etti臒inizde sizin için özelle艧tirilmi艧 olan bilgilere ula艧amayabilirsiniz.<br /> <br /> Zamran.com sitesini görüntülemek için farkl谋 cihazlar kullan谋yorsan谋z (ör. bilgisayar, ak谋ll谋 telefon, tablet vb.), bu cihazlar谋n her birindeki her taray谋c谋n谋n çerez tercihlerinize uygun 艧ekilde ayarlanm谋艧 oldu臒undan emin olman谋z gerekir.<br /> <br /> Zamran.com olarak taraf谋m谋zda bulunan ziyaretçi bilgilerinizin silinmesini istiyorsan谋z a艧a臒谋daki linkte yer alan ileti艧im formu üzerinden bize bildirimde bulunabilirsiniz.</p> </div> </div> </main>  <aside class="col-12 col-lg-4 pl-lg-5 p-0 float-right sidebar"> <div class="row"> <div class="col-12 align-self-center text-left">   <div class="item widget-services"> <h4>Hizmetlerimiz</h4> <ul class="list-group list-group-flush widget-services"> <li class="list-group-item"> <a href="kurumsal-web-tasarim"> <i class="icon icon-globe"></i> <h5>Kurumsal Web Tasar谋m</h5> </a> </li> <li class="list-group-item"> <a href="e-ticaret-sitesi-tasarimi"> <i class="icon icon-basket"></i> <h5>E-Ticaret Sitesi Tasar谋m谋</h5> </a> </li> <li class="list-group-item"> <a href="seo-danismanligi"> <i class="icon icon-graph"></i> <h5>Seo Dan谋艧manl谋臒谋 </h5> </a> </li> <li class="list-group-item"> <a href="web-tabanli-ozel-yazilim"> <i class="icon icon-layers"></i> <h5>Web Tabanl谋脰zel Yaz谋l谋m</h5> </a> </li> <li class="list-group-item"> <a href="seo-danismanligi-ve-analiz-hizmetleri"> <i class="icon icon-chart"></i> <h5>SEO Dan谋艧manl谋臒谋 ve Analiz Hizmetleri</h5> </a> </li> <li class="list-group-item"> <a href="web-tasarim"> <i class="icon icon-organization"></i> <h5>Web tasar谋m</h5> </a> </li> <li class="list-group-item"> <a href="harita-pinleme-harita-seo"> <i class="icon icon-layers"></i> <h5>Harita Pinleme - Harita SEO</h5> </a> </li> <li class="list-group-item"> <a href="seo-nedir"> <i class="icon icon-graph"></i> <h5>Seo Nedir ? </h5> </a> </li> </ul> </div> </div> </div> </aside> </div> </div> </section> <footer class="odd"> <section id="footer" class="footer"> <div class="container"> <div class="row items footer-widget"> <div class="col-12 col-lg-3 p-0"> <div class="row"> <div class="branding col-12 p-3 text-center text-lg-left item"> <div class="brand"> <a href="https://zamran.com/" class="logo"> <img loading="lazy" data-src="assets/uploads/hakkimizda/1aea7-zamran-logo-beyaz.webp" width="100%" height="100%" alt="Alt Hakk谋m谋zda"></a> </div> <p>Seo Dan谋艧manl谋臒谋 ve Web Tasar谋m hizmeti verdi臒imiz firmam谋z da sizlere kaliteli ve 枚zg眉n 莽al谋艧malar yapmaktay谋z. Seo ajanslar谋 i莽erisinde sizlere kan谋tlar ve veriler ile 莽al谋艧malar谋m谋z谋 belgelemekteyiz. Zamran software web tasar谋m hizmetleri olarak 枚nceli臒imiz sizlersiniz.</p> <ul class="navbar-nav social share-list mt-0 ml-auto"> <li class="nav-item"> <a href="https://instagram.com/zamransoftware" target="_blank" rel="noopener" class="nav-link"><i class="icon-social-instagram ml-0"></i></a> </li> <li class="nav-item"> <a href="https://facebook.com/zamransoftware" target="_blank" rel="noopener" class="nav-link"><i class="icon-social-facebook"></i></a> </li> <li class="nav-item"> <a href="https://www.linkedin.com/company/zamransoftware" target="_blank" rel="noopener" class="nav-link"><i class="icon-social-linkedin"></i></a> </li> <li class="nav-item"> <a href="https://twitter.com/zamransoftware" target="_blank" rel="noopener" class="nav-link"><i class="icon-social-twitter"></i></a> </li> <li class="nav-item"> <a href="https://www.youtube.com/watch?v=pYeGKzpBUEQ" target="_blank" rel="noopener" class="nav-link"><i class="icon-social-youtube"></i></a> </li> </ul> <br> <a href="https://zamran.com/hizmet-sartlari" target="_blank">Hizmet 艦artlar谋</a> <br> <a href="https://zamran.com/gizlilik-politikasi" target="_blank">Gizlilik Politikas谋</a> <br> <a href="https://zamran.com/cerez-politikasi" target="_blank">脟erez Politikas谋</a> <br> <a href="https://zamran.com/kisisel-verilerin-korunmasi-ve-islenmesi-politikasi" target="_blank">Ki艧isel Verilerin Korunmas谋 Ve 陌艧lenmesi Politikas谋</a> <br> <a href="https://zamran.com/zamran-software-seo-hizmet-sozlesmesi" target="_blank">Zamran Software Seo Hizmet S枚zle艧mesi</a> </div> </div> </div> <div class="col-12 col-lg-9 p-0"> <div class="row"> <div class="col-12 col-lg-4 p-3 text-center text-lg-left item"> <h4 class="title">陌leti艧im Bilgilerimiz</h4> <ul class="navbar-nav">  <li class="nav-item"> <a href="tel:905322829486" class="nav-link"> <i class="icon-phone mr-2"></i> 0532 282 94 86 </a> </li> <li class="nav-item"> <a href="tel:908505325932" class="nav-link"> <i class="icon-phone mr-2"></i> 0850 532 59 32 </a> </li> <li class="nav-item"> <a href="mailto:info@zamran.com" class="nav-link"> <i class="icon-envelope mr-2"></i> info@zamran.com </a> </li> <li class="nav-item"> <a href="#" class="nav-link"> <i class="icon-location-pin mr-2"></i> 陌莽erenk枚y Mah. <br> Do臒anay Sok.<br> No:6 D:4 <br> Ata艧ehir/陌STANBUL </a> </li> </ul> </div> <div class="col-12 col-lg-4 p-3 text-center text-lg-left item"> <h4 class="title">Hizmetlerimiz</h4> <ul class="navbar-nav"> <li class="nav-item"> <a href="kurumsal-web-tasarim" alt="Kurumsal Web Tasar谋m" class="nav-link">Kurumsal Web Tasar谋m </a> </li> <li class="nav-item"> <a href="e-ticaret-sitesi-tasarimi" alt="E-Ticaret Sitesi Tasar谋m谋" class="nav-link">E-Ticaret Sitesi Tasar谋m谋 </a> </li> <li class="nav-item"> <a href="seo-danismanligi" alt="Seo Dan谋艧manl谋臒谋 " class="nav-link">Seo Dan谋艧manl谋臒谋 </a> </li> <li class="nav-item"> <a href="web-tabanli-ozel-yazilim" alt="Web Tabanl谋脰zel Yaz谋l谋m" class="nav-link">Web Tabanl谋脰zel Yaz谋l谋m </a> </li> <li class="nav-item"> <a href="seo-danismanligi-ve-analiz-hizmetleri" alt="SEO Dan谋艧manl谋臒谋 ve Analiz Hizmetleri" class="nav-link">SEO Dan谋艧manl谋臒谋 ve Analiz Hizmetleri </a> </li> <li class="nav-item"> <a href="istanbul-web-sitesi-yapimi" alt="陌stanbul Web Sitesi Yap谋m谋 " class="nav-link">陌stanbul Web Sitesi Yap谋m谋 </a> </li> <li class="nav-item"> <a href="web-tasarim" alt="Web tasar谋m" class="nav-link">Web tasar谋m </a> </li> <li class="nav-item"> <a href="harita-pinleme-harita-seo" alt="Harita Pinleme - Harita SEO" class="nav-link">Harita Pinleme - Harita SEO </a> </li> <li class="nav-item"> <a href="vip-transfer-web-sitesi-yapimi" alt="Vip Transfer Web Sitesi Yap谋m谋" class="nav-link">Vip Transfer Web Sitesi Yap谋m谋 </a> </li> <li class="nav-item"> <a href="atasehir-web-sitesi-yapimi" alt="Ata艧ehir Web Sitesi Yap谋m谋" class="nav-link">Ata艧ehir Web Sitesi Yap谋m谋 </a> </li> <li class="nav-item"> <a href="hazir-vip-transfer-web-sitesi" alt="Haz谋r Vip Transfer Web Sitesi" class="nav-link">Haz谋r Vip Transfer Web Sitesi </a> </li> <li class="nav-item"> <a href="istanbul-web-tasarim" alt="陌stanbul Web Tasar谋m" class="nav-link">陌stanbul Web Tasar谋m </a> </li> <li class="nav-item"> <a href="istanbul-seo-danismanligi" alt="陌stanbul Seo Dan谋艧manl谋臒谋" class="nav-link">陌stanbul Seo Dan谋艧manl谋臒谋 </a> </li> <li class="nav-item"> <a href="avcilar-seo-danismanligi" alt="Avc谋lar SEO Dan谋艧manl谋臒谋" class="nav-link">Avc谋lar SEO Dan谋艧manl谋臒谋 </a> </li> <li class="nav-item"> <a href="kadikoy-seo-danismanligi" alt="Kad谋k枚y Seo Dan谋艧manl谋臒谋" class="nav-link">Kad谋k枚y Seo Dan谋艧manl谋臒谋 </a> </li> <li class="nav-item"> <a href="atasehir-google-seo" alt="Ata艧ehir Google SEO" class="nav-link">Ata艧ehir Google SEO </a> </li> <li class="nav-item"> <a href="atasehir-reklam-ajansi" alt="Ata艧ehir Reklam Ajans谋" class="nav-link">Ata艧ehir Reklam Ajans谋 </a> </li> <li class="nav-item"> <a href="atasehir-seo-ajansi" alt="Ata艧ehir SEO Ajans谋" class="nav-link">Ata艧ehir SEO Ajans谋 </a> </li> <li class="nav-item"> <a href="atasehir-web-tasarim" alt="Ata艧ehir Web Tasar谋m" class="nav-link">Ata艧ehir Web Tasar谋m </a> </li> <li class="nav-item"> <a href="atasehir-seo-hizmeti" alt="Ata艧ehir SEO Hizmeti" class="nav-link">Ata艧ehir SEO Hizmeti </a> </li> <li class="nav-item"> <a href="gungoren-seo-danismanligi" alt="G眉ng枚ren SEO Dan谋艧manl谋臒谋" class="nav-link">G眉ng枚ren SEO Dan谋艧manl谋臒谋 </a> </li> </ul> </div> <div class="col-12 col-lg-4 p-3 text-center text-lg-left item"> <h4 class="title">Etiketler</h4> <a href="javascript:;" class="badge tag" alt="Web Tasar谋m Ajans谋 | Zamran Software | 陌stanbul">Gizlilik Politikas谋</a> </div> </div> </div> </div> </div> </section> <section id="copyright" class="p-3 copyright"> <div class="container"> <div class="row"> <div class="col-12 col-md-6 p-3 text-center text-lg-left">  <img loading="lazy" data-src="assets/uploads/sertifika.webp" width="553" height="55" alt="Zamran Sertifika"></a> </div> <div class="col-12 col-md-6 p-3 text-center text-lg-right"> <p>Zamran Software 2014-2024 漏 T眉m Haklar谋 Sakl谋d谋r </p> <a href="https://edex.adobe.com/community/member/PLCl3VXKS" target="_blank">Adobe Profil </a> </div> </div> </div> </section> </footer> <div id="search" class="p-0 modal fade" role="dialog" aria-labelledby="search" aria-hidden="true"> <div class="modal-dialog modal-dialog-slideout" role="document"> <div class="modal-content full"> <div class="modal-header" data-dismiss="modal"> Arama <i class="icon-close"></i> </div> <div class="modal-body"> <form class="row" action="ara" method="get"> <div class="col-12 p-0 align-self-center"> <div class="row"> <div class="col-12 p-0 pb-3"> <h2>Ne ar谋yorsun?</h2> <p>Web tasar谋m ve seo dan谋艧manl谋臒谋 hizmetlerimiz yada haberlerimiz ile ilgili arama yapabilirsiniz</p> </div> </div> <div class="row"> <div class="col-12 p-0 input-group"> <input type="text" name="search" class="form-control" placeholder="Anahtar Kelimeleri Girin"> </div> </div> <div class="row"> <div class="col-12 p-0 input-group align-self-center"> <button class="btn primary-button"><i class="icon-magnifier"></i>Ara</button> </div> </div> </div> </form> </div> </div> </div> </div> <div id="menu" class="p-0 modal fade" role="dialog" aria-labelledby="menu" aria-hidden="true"> <div class="modal-dialog modal-dialog-slideout" role="document"> <div class="modal-content full"> <div class="modal-header" data-dismiss="modal"> Menu <i class="icon-close"></i> </div> <div class="menu modal-body"> <div class="row w-100"> <div class="items p-0 col-12 text-center"></div> <div class="contacts p-0 col-12 text-center"></div> </div> </div> </div> </div> </div> <div id="scroll-to-top" class="scroll-to-top"> <a href="#header" class="smooth-anchor"> <i class="icon-arrow-up"></i> </a> </div> <a href="https://api.whatsapp.com/send?phone=905322829486" class="float" target="_blank" rel="noopener"> <img loading="lazy" data-src="assets/frontend/images/whatsapp.webp" width="60" height="60" alt="Whatsapp 陌leti艧im"> </a> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js" integrity="sha512-k2WPPrSgRFI6cTaHHhJdc8kAXaRM4JBFEDo1pPGGlYiOyv4vnA0Pp0G5XMYYxgAPmtmv/IIaQA6n5fLAyJaFMA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js" integrity="sha512-ahmSZKApTDNd3gVuqL5TQ3MBTj8tL5p2tYV05Xxzcfu6/ecvt1A0j6tfudSGBVuteSoTRMqMljbfdU0g2eDNUA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.inview/1.0.0/jquery.inview.min.js" integrity="sha512-dy8Q+KMsxJmEgLqvZA7kk/Pcaij/OhCK1LPj+oGuxfd/tcbbqrDSGOtiXNfzKbMun+ZBnQsTWUnhuXhVkISDOA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> <script src="assets/frontend/js/vendor/popper.min.js"></script> <script src="assets/frontend/js/vendor/bootstrap.min.js"></script> <script src="assets/frontend/js/vendor/ponyfill.min.js" defer></script> <script src="assets/frontend/js/vendor/slider.min.js"></script> <script src="assets/frontend/js/vendor/animation.min.js"></script> <script src="assets/frontend/js/vendor/progress-radial.min.js"></script> <script src="assets/frontend/js/vendor/bricklayer.min.js"></script> <script src="assets/frontend/js/vendor/gallery.min.js"></script> <script src="assets/frontend/js/vendor/shuffle.min.js"></script> <script src="assets/frontend/js/vendor/particles.min.js"></script> <script src="assets/frontend/js/main.js"></script> <script> $('#aboneol').on('submit', function(form) { form.preventDefault(); $.post('web/aboneol', $('#aboneol').serialize(), function(data) { if (data == 'ok') { alert('Ba艧ar谋yla Abone Oldunuz, Te艧ekk眉r Ederiz.'); $('#name').val(''); $('#email').val(''); } else alert('Abone Olamad谋n谋z, Daha Sonra Tekrar Deneyiniz.'); }); }); $('#iletisimkayit').on('submit', function(form) { form.preventDefault(); $.post('web/iletisimkayit', $('#iletisimkayit').serialize(), function(data) { if (data == 'ok') { $('#sonuc').html('<div class="col-md-12"><div class="alert alert-success"><strong>Mesaj Ba艧ar谋yla G枚nderildi.</strong></div></div>'); $('#iletisimkayit input#name').val(''); $('#iletisimkayit input#email').val(''); $('#telefon').val(''); $('#domain').val(''); $('#mesajiniz').val(''); setTimeout(function() { $('div#sonuc').empty(); }, 3000); } else $('#sonuc').html(data); }); }); $(document).ready(function() { if ('loading' in HTMLImageElement.prototype) { const images = document.querySelectorAll('img[loading="lazy"]'); images.forEach(img => { img.src = img.dataset.src; }); } else { const script = document.createElement('script'); script.src = 'https://cdnjs.cloudflare.com/ajax/libs/lazysizes/5.1.2/lazysizes.min.js'; document.body.appendChild(script); } }); </script> </body> </html>