/*
Theme Name: Multi-Sitem-EN
Theme URI: https://multiyazilim.com
Author: Multi Yazılım
Author URI: https://multiyazilim.com
Version: MultiSite EN
*/


html { overflow-x:hidden; scroll-behavior: smooth; }
body { margin:0; padding:0; background:#fff;font-family: "Syne", sans-serif;font-optical-sizing: auto;    overflow-x: hidden;}

h1, h2, h3, h4, h5, ul, ol, img, a, p { margin:0; padding:0; list-style:none; text-decoration:none;border:none; outline:none; }
a { transition: all .2s linear; }
a, li a, div, form, p, span, iframe, img, input, button {cursor: url(/wp-content/uploads/2025/08/cursor-bestarms.png), auto !important;}
/*net fotolar*/

img {image-rendering: -webkit-optimize-contrast !important;}


.header {z-index: 95;position: fixed;width: 100%;color: #000;}
.header-alt {height: 4vw; background: none; position: relative; background: #0d0d0d; padding-top: 1.7vw; padding-bottom: 1.7vw; border-bottom: 0.3vw solid #b80123; display: flex ; align-items: center; width: 100%;}

.mobile-header{display:none}


.sosyal {display: flex;flex-direction: row;padding-top: 0.1vw;align-items: center;justify-content: center;}
.sosyal a{display: flex;width: 2.1vw;height: 2.1vw;font-size: 1.7vw;padding-right: 0.6vw;float: left;color:#000;}
.sosyal a:last-child{margin-right:0;}
.sosyal a:hover{color:#f19a3f}

.submachin{    width: 8.4vw !important;}

#menu  {width: 100%; height: 100%; cursor: pointer; display: flex ; justify-content: center; align-items: center;}
.navbar {height: 100%;}
.menu-item{height: 100%;float: left;position: relative;font-size: 1vw;font-weight: 500;transition: 0.6s all;width: 5.5vw;text-align: center;}
.catalog{font-size: 1vw; background-image: linear-gradient(to right top, #d60229, #bc0124, #a2001f, #88011a, #700115); color: #fff; width: 8vw; text-align: center; padding: 0.8vw; border-radius: 0.5vw; margin-left: 3.5vw;transition: transform 0.3s ease; }
.catalog:hover{transform:scale(0.88)}
.head-logo img{width: 14vw; margin-right: 6.7vw;}
.menu-item a{height: 100%;display:block;color:#dedede;transition:0.2s;display: flex;align-items: center;justify-content: center;font-weight: 300;line-height:1.5vw}
.menu-item a:hover{color:#d60229;transition:0.2s;}
.menu-item a > img {width: 8vw;}
.dropdown {display: flex;width: 13vw;padding-top: 1vw;padding-bottom:1vw;background-image: linear-gradient(to right top, #d60229, #bc0124, #a2001f, #88011a, #700115);opacity: 0;visibility: hidden;transition-delay: 0.2s;z-index: 6;border-bottom-right-radius: 0.6vw;border-bottom-left-radius: 0.6vw;margin-left: -0.7vw;transition: all .3s linear;align-items: flex-start;justify-content: center;flex-direction: column;margin-top: 1.9vw;}
.dropdown>.menu-item {text-align: left;font-size: 0.9vw;padding-left: 2vw;height: auto;margin: 0.3vw 0;width: auto;font-weight: 500;}
.dropdown>.menu-item a{color: #fff;}
.dropdown>.menu-item:hover>a{transform: translateX(0.5vw);}
.menu-item:hover>.dropdown{opacity:1;visibility:visible;}
.dropdown li a{transition: transform 0.3s ease; }




.anasayfa-alan-1 {height: 53.5vw; display: flex ; align-items: flex-end; justify-content: center;}
.anasayfa-alan-1 .alan1-kapsar{display: flex ; padding-bottom: 2vw;}
.anasayfa-alan-1 .alan1-kapsar a:hover span { transform: scale(1.25);transition: transform 0.3s ease;  }
.anasayfa-alan-1 .alan1-kapsar a span{transition: transform 0.3s ease; }
.anasayfa-alan-1 .alan1-kapsar :nth-child(1){    border-bottom-left-radius: 0.4vw;border-top-left-radius: 0.4vw;}
.anasayfa-alan-1 .alan1-kapsar a {background-image: linear-gradient(to right top, #d60229, #bc0124, #a2001f, #88011a, #700115);color: #fff;width: 16.1vw;font-size: 1vw;display: flex;align-items: center;justify-content: center;border-bottom-right-radius: 0.4vw;border-top-right-radius: 0.4vw;transition: transform 0.3s ease;z-index: 9;}
.anasayfa-alan-1 .alan1-ozellik{width: 16vw; height: 5vw; background: rgba(255, 255, 255, 0.15); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); color: #fff; display: flex ; align-items: center; justify-content: space-around; border: 0.1vw solid #b5b5b55c; font-size: 1vw;}
.anasayfa-alan-1 video {position: absolute;width: 100%; height: 60vw; object-fit: cover;}

.anasayfa-alan-2 {display: flex ; align-items: center; color: #fff; justify-content: space-between; padding-left: 9.4vw; padding-right: 9.4vw; padding-top: 4vw; padding-bottom: 4vw;}
.anasayfa-alan-2 .alan2-sol{width: 38.9vw; font-size: 1vw; display: flex ; flex-direction: column; align-items: flex-start;}
.anasayfa-alan-2 .alan2-sol span{font-size: 0.9vw; letter-spacing: 0.3vw; margin-bottom: 2vw;}
.anasayfa-alan-2 .alan2-sol h3{font-size: 3.1vw; margin-bottom: 2vw; font-weight: 400; }
.anasayfa-alan-2 .alan2-sol p {color: #a8a8a8; line-height: 1.7vw; font-size: 0.9vw;}
.anasayfa-alan-2 .alan2-sol a{background-image: linear-gradient(to right top, #d602294a, #b4002463, #93001e87, #740018b3, #550010ab); color: #fff; width: 7vw; text-align: center; padding: 0.7vw; font-size: 0.9vw; margin-top: 2vw;}
.anasayfa-alan-2 img{width: 35vw;}


.anasayfa-alan-3 {padding-left: 8.4vw; padding-right: 8.4vw; margin-bottom: 11vw; margin-top: 4vw;}
.anasayfa-alan-3 .slider-container { position: relative; max-width: 100%; margin: 0 auto; overflow: hidden; background: url(/wp-content/uploads/2025/07/alan3-arka.png); background-size: cover;} 
.anasayfa-alan-3 .product-slider { position: relative; width: 100%; height: 69vh; display: flex; align-items: center; justify-content: center; } 
.anasayfa-alan-3 .swiper-slide { position: relative !important; width: 100% !important; height: 97% !important; display: flex !important; align-items: center !important; justify-content: center !important;  border-radius: 0 !important; overflow: hidden !important; } 
.anasayfa-alan-3 .product-info-top { position: absolute; top: 3.78vw; left: 0; right: 0; display: flex ; justify-content: space-between; padding: 0 6.48vw; z-index: 10;} 
.anasayfa-alan-3 .product-category { font-size: 1.47vw; font-weight: 300; color: #fff; }
.anasayfa-alan-3 .product-code { font-size: 1.47vw; font-weight: 300; color: #fff; } 
.anasayfa-alan-3 .preview-tag { font-size: 1.2vw; color: #ebebeb; margin-left: 1.29vw;} 
.anasayfa-alan-3 .product-image-main { width: 59vw; height: auto; max-height: 60vh; object-fit: contain; display: block; margin: 0 auto; } 
.anasayfa-alan-3 .navigation-container { position: absolute; bottom: 2.08vw; left: 0; right: 0; display: flex ; justify-content: space-around; align-items: center; z-index: 10;margin-left: 6.2vw;} 
.anasayfa-alan-3 .nav-arrow {width: 2.78vw !important; height: 2.78vw !important; display: flex !important ; align-items: center !important; justify-content: center !important; cursor: pointer !important; color: #fff; font-size: 2.67vw !important; margin: 0 0.69vw; z-index: 15 !important; } 
.anasayfa-alan-3 .product-preview { width: 10vw; height: 4.3vw; background-image: linear-gradient(to right top, #1e1d1d, #313031, #464546, #5b5b5b, #727272); border-radius: 0.35vw;  overflow: hidden; position: relative; cursor: pointer; transition: transform 0.3s ease; } 
.anasayfa-alan-3 .product-preview:hover { transform: translateY(-0.35vw);  } 
.anasayfa-alan-3 .preview-image { width: 100%; height: 100%; object-fit: contain; opacity: 0.7; transition: opacity 0.3s ease; } 
.anasayfa-alan-3 .product-preview:hover .preview-image { opacity: 1; } 
.anasayfa-alan-3 .preview-prev { margin-left: -5vw; } 
.anasayfa-alan-3 .preview-next { margin-left: 11.39vw; } 
.anasayfa-alan-3 .swiper-button-next, .swiper-button-prev { color: #fff; width: 3.47vw; height: 3.47vw; } 
.anasayfa-alan-3 .swiper-button-next:after, .swiper-button-prev:after { font-size: 1.67vw; } 
.anasayfa-alan-3 .swiper-pagination-bullet { background: #fff; opacity: 0.5; } 
.anasayfa-alan-3 .swiper-pagination-bullet-active { opacity: 1; background: #ff4500; }
.anasayfa-alan-3 .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after, .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { content: none !important; }
.anasayfa-alan-3 .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal { display: none; }
.anasayfa-alan-3 .swiper-button-next, .swiper-button-prev{color: #fff !important; font-size: 2.6vw;margin-left: -0.61vw;margin-right: 5.39vw;}



.anasayfa-alan-4 {display: flex ; flex-direction: column; justify-content: center; align-items: flex-start; color: #fff; padding-left: 9.4vw; padding-right: 9.4vw;margin-bottom: 7vw;}
.anasayfa-alan-4 h3{font-size: 3.9vw; font-weight: 600;}
.anasayfa-alan-4 .fuarlar-alan4 { display: flex ; flex-direction: column; width: 100%;}
.anasayfa-alan-4 .etkinlik-item a{width: 22.8vw; font-size: 1vw; height: 30vw; background-size: cover !important; display: flex ; flex-direction: column; justify-content: flex-end; align-items: center;    border-radius: 1.3vw;transition: all 0.3s ease-out;}
.anasayfa-alan-4 .etkinlik-item a:hover { transform: scale(1.05);transition: all 0.3s ease-out; }
.anasayfa-alan-4 .alan4-icerik { padding: 2vw; color: #000; display: flex ; flex-direction: column;    background: linear-gradient(to top, #fffffff0 0%, #ffffff99 85% 84%, transparent 100%); border-bottom-left-radius: 1.3vw; border-bottom-right-radius: 1.3vw; }
.anasayfa-alan-4 .alan4-icerik span{font-weight: 600; padding-bottom: 0.9vw; font-size: 1.1vw;}
.anasayfa-alan-4 .alan4-icerik p{font-size: 0.9vw;}
.anasayfa-alan-4 .etkinlik-liste { display: flex ; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.anasayfa-alan-4 .fuar-btn{width: auto; color: #D60229; text-align: end; margin-bottom: 3vw; text-decoration: underline; font-size: 1.7vw;}

.anasayfa-alan-5 {padding-left: 9.4vw; padding-right: 9.4vw; display: flex ; padding-top: 1.3vw; padding-bottom: 8vw; align-items: center;}
.anasayfa-alan-5 .alan5-sol { display: flex ; align-items: center; }
.anasayfa-alan-5 .alan5-sol video {width: 35vw;height: 45vw;object-fit: cover;border-radius: 2vw;}
.anasayfa-alan-5 .alan5-box {box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1); background: rgb(255 255 255 / 12%); backdrop-filter: blur(10px); width: 18.5vw; height: 11.9vw; position: absolute; font-size: 0.9vw; color: #ffffffc2; display: flex ; flex-direction: column; justify-content: center; align-items: center; padding: 2.4vw; border-radius: 1vw; margin-top: 19vw; margin-left: 25.7vw;}
.anasayfa-alan-5 .alan5-box img{width: 3.6vw; margin-bottom: 1vw;}
.anasayfa-alan-5 .alan5-box span{font-size: 1.2vw; text-align: center; margin-bottom: 2vw; color: #fff;}
.anasayfa-alan-5 .alan5-box p{line-height: 1.9vw; text-align: center;}
.anasayfa-alan-5 .alan5-sag { width: 42.7vw; color: #fff; display: flex ; justify-content: center; flex-direction: column; align-items: flex-end; text-align: end; }
.anasayfa-alan-5 .alan5-sag h3{font-size: 3.1vw; font-weight: 500; margin-bottom: 12.8vw; margin-top: -4vw;}
.anasayfa-alan-5 .alan5-descrip { display: flex ; flex-direction: column; justify-content: center; align-items: flex-end; }
.anasayfa-alan-5 .alan5-sag span{width: 12.6vw; font-size: 1.4vw; margin-bottom: 1vw; color: #ffffffe8;}
.anasayfa-alan-5 .alan5-sag p{width: 15vw; font-size: 1vw; line-height: 2.6vw; color: #ffffffc4;}



.kurumsal { width: 80vw; display: flex; flex-direction: column; align-items: center; margin: 0 auto;padding-top: 9vw;padding-bottom: 3.5vw; } 
.kurumsal #hero { width: 100%; display: flex ; align-items: center; justify-content: center; overflow: hidden; } 
.kurumsal .pattern-bg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0.3; background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2260%22%20height%3D%2260%22%20viewBox%3D%220%200%2060%2060%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20fill%3D%22%23d60229%22%20fill-opacity%3D%220.05%22%3E%3Ccircle%20cx%3D%2230%22%20cy%3D%2230%22%20r%3D%221%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E'); } 
.kurumsal .hero-content { position: relative; z-index: 20; text-align: center; padding: 1.56vw; max-width: 65vw; margin: 0 auto; opacity: 0; transform: translateY(2.08vw); animation: fadeIn 1s forwards 0.3s; }
.kurumsal .icon-wrapper { position: relative; } 
.kurumsal .icon-ping { position: absolute; inset: 0; animation: ping 2s cubic-bezier(0, 0, 0.2, 1) infinite; } 
.kurumsal .icon-ping i { color: rgba(214, 2, 41, 0.3); } 
.kurumsal .hero-content h1 { font-size: 3.13vw; font-weight: 700; margin-bottom: 1.56vw; letter-spacing: -0.026vw; } 
@media (min-width: 768px) { .hero-content h1 { font-size: 4.69vw; } } 
.kurumsal .hero-content .subtitle { font-size: 1vw; opacity: 0.9; margin-bottom: 2.08vw; max-width: 63.5vw; margin-left: auto; line-height: 1.6vw; margin-right: auto; color: rgb(51 51 51 / 90%); } 
.kurumsal #particles { position: absolute; inset: 0; z-index: 10; pointer-events: none; }
.kurumsal #about { padding: 2.21vw 0; position: relative; width: 100%; } 
.kurumsal .section-container { max-width: 100%; margin: 0 auto; } 
.kurumsal  .cards-container { display: flex ; margin-bottom: 8.7vw; font-size: 1vw; flex-wrap: wrap; justify-content: space-between;} 
@media (min-width: 768px) { .cards-container { grid-template-columns: repeat(2, 1fr); } } 
@media (min-width: 1024px) { .cards-container { grid-template-columns: repeat(3, 1fr); } } 
.kurumsal .legacy-section {display: grid;grid-template-columns: 1fr;gap: 4.13vw;align-items: center;font-size: 1vw;}
@media (min-width: 1024px) { .legacy-section { grid-template-columns: repeat(2, 1fr); } } 
.kurumsal .legacy-content p { color: #333; margin-bottom: 1.56vw; line-height: 1.625; } 
.kurumsal .stats-container { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.04vw; } 
.kurumsal .stat-box { text-align: center; padding: 1.04vw; background-color: rgba(17, 24, 39, 0.5); border-radius: 0.52vw; border: 1px solid rgba(214, 2, 41, 0.2); } .stat-number { font-size: 1.56vw; font-weight: 700; color: #ff334d; } 
.kurumsal .stat-label { font-size: 0.91vw; color: #9ca3af; } 
.kurumsal .innovation-box {border-radius: 1.04vw;padding: 2.08vw;width: 75vw;border: 0.1vw solid rgba(214, 2, 41, 0.3);}
.kurumsal .innovation-content {width: 75vw; height: 27vw; border-radius: 0.78vw; display: flex ; flex-direction: column; align-items: center; justify-content: center; background: url(/wp-content/uploads/2025/08/bharms-about.jpg); background-size: cover; background-position: center; background-attachment: fixed;}
/* Neomorphic Card Styles */ 
.kurumsal .neomorphic-card {position: relative;overflow: hidden;border-radius: 0.78vw;padding: 1.56vw;transition: all 0.5s ease-out;box-shadow: 0 2.6vw 3.91vw -0.78vw rgba(0, 0, 0, 0.1), 0 1.04vw 1.56vw -0.52vw rgba(0, 0, 0, 0.05);border: 0.05vw solid #00000033;height: 16vw;width: 21.7vw;}
.kurumsal .neomorphic-card:hover { transform: translateY(-0.52vw); } 
.kurumsal .cyber:hover {box-shadow: 0.2vw 0.2vw 0.83vw -0.02vw #c2032659; }
.kurumsal .cyber .card-btn { background-color: rgba(8, 145, 178, 0.6); border: 1px solid #06b6d4; color: #67e8f9; } 
.kurumsal .cyber .card-btn:hover { background-color: rgba(14, 165, 233, 0.7); } 
.kurumsal .neural:hover {box-shadow: 0.2vw 0.2vw 0.83vw -0.02vw #c2032659; } 
.kurumsal .quantum:hover {box-shadow: 0.2vw 0.2vw 0.83vw -0.02vw #c2032629;}
.kurumsal .card-icon {margin-bottom: 1.04vw;width: 3.65vw;height: 3.65vw;display: flex;align-items: center;justify-content: center;background-color: rgb(17 24 39 / 26%);border-radius: 0.52vw;box-shadow: 0 2.6vw 3.91vw -0.78vw rgba(0, 0, 0, 0.1);transition: all 0.3s;}
.kurumsal .card-icon i { font-size: 1.56vw; } 
.kurumsal .card-title-container { margin-bottom: 0.78vw; overflow: hidden; } .card-title { font-size: 1.3vw; font-weight: 700; letter-spacing: 0.026vw; margin-bottom: 0.52vw; } 
.kurumsal .card-underline { height: 0.21vw; width: 3.13vw; transition: all 0.3s ease-in-out; }
.kurumsal .cyber .card-underline { background-color: #000; }
.kurumsal .neural .card-underline { background-color: #000; } 
.kurumsal .quantum .card-underline { background-color: #000; } 
.kurumsal .neomorphic-card:hover .card-underline { width: 100%; box-shadow: 0 0 1.04vw currentColor; } 
.kurumsal .card-description { margin-top: 0.78vw; line-height: 1.625; transition: opacity 0.3s; opacity: 0.8; } 
.kurumsal .neomorphic-card:hover .card-description { opacity: 1; }
/* Animations */ @keyframes ping { 75%, 100% { transform: scale(2); opacity: 0; } } 
@keyframes float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-2.08vw) translateX(1.04vw); } } 
.kurumsal .icon-xl { font-size: 4.17vw; } 
@keyframes fadeIn { to { opacity: 1; transform: translateY(0); } } 
.kurumsal #particles .particle { position: absolute; width: 1.04vw; height: 1.04vw; background-color: rgba(214, 2, 41, 0.7); border-radius: 50%; pointer-events: none; }

.products{display: flex ;flex-direction: column; padding-top: 11vw; justify-content: center; align-items: center;padding-bottom: 5vw;}
.urunler{display: flex;justify-content: center;margin-top: 2vw;flex-wrap: wrap;}
.urunler-baslik{text-align: center;margin-bottom: 1vw;background: #1a1b1f;}
.urunler-baslik h1 {color: #fff;font-size: 2vw;font-weight: 700;}
.urunsayfa-tufek-kutu {width: 24.8vw; height: 13vw; text-align: center; margin: 0 1.4vw; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05); background-color: #fff; display: flex ; flex-direction: column; align-items: center; justify-content: center; margin-bottom: 2.6vw; border-radius: 1vw; padding-bottom: 0.5vw;}
.urunsayfa-tufek-kutu:hover{-webkit-transform: scale(1.08);transform: scale(1.08);transition: 0.3s}
.urunsayfa-tufek-kutu img {float: left;object-fit: contain;width: 21vw;position:relative;z-index:1;margin-bottom: 1vw;}
.urunsayfa-tufek-kutu h3 {font-size: 1.3vw;color: #000;font-weight: 500;position: relative;}
.productBox { display: flex ; flex-direction: column; align-items: flex-start; width: 82%; }
.urunsayfa-tufek-kutu h3 { font-size: 1.3vw; color: #000; font-weight: 500; position: relative; }
.productBox span { color: #d50229; margin-top: 0.4vw;    font-size: 1.04vw;}

.product-singKapsar{box-shadow: rgb(237, 237, 237) 0px 3px 8px 2px; padding: 2.5vw; padding-bottom: 3vw; padding-top: 3vw;}
.urun-detay-sayfa{min-height: 47vw;background: #fff;margin-bottom: 5vw;position: relative;z-index: 0;display: flex;flex-direction: column;align-items: center;padding-top: 11vw;}
#my-back-button {height: 2vw;position: relative;border: none;display: block;border-radius: 0.2vw;font-size: 1vw;background: #e20a16;color: #fff;width: 6vw;z-index: 20;cursor: pointer;transition:0.3s}
#my-back-button:hover{background-color:#1a1b1f;transition:0.3s}
.urun-sayfa-baslik {margin-bottom: 1vw;font-size: 1.9vw;color: #000;font-weight: 400;width: 100vw;height: 4vw;display: flex;align-items: center;justify-content: center;}
.tufek-foto{text-align: center;}
.urun-detay-foto {height: auto;width: 70vw;margin-bottom: 3vw;margin-top: 3vw;}
.urun-ozellikler {width: 77vw; display: flex ; flex-direction: column; align-items: flex-start;}
.urun-ozellikler .decorated-title { display: flex ; align-items: center; justify-content: center; font-family: Arial, sans-serif; font-weight: 700; font-size: 1.2vw; color: #0d0d0d; margin-bottom: 2vw; }
.urun-ozellikler h4 {font-size: 1vw;background: #e9e9e9;color: #000000;height: 3vw;display: flex;width: 77vw;align-items: center;justify-content: flex-start;font-weight: 500;padding-left: 3vw;margin-bottom: 1.4vw;}

.ozellikler {background: #fff;display: flex;flex-wrap: wrap;justify-content: flex-start;}
.ozellikler li {width: 35vw;display: flex;padding-top: 1vw;padding-bottom: 1vw;padding-left: 3vw;font-size: 0.8vw;font-weight: 500;justify-content: space-between;align-items: center;color: #30241d;}
.ozellikler li>span{font-weight:700;}
.ozellikler li:hover{background-color: #db022a0f;color:#000;}
.ozellikler li p {font-weight: 400;font-size: 0.85vw;margin-right: 2vw;width: 19vw;}
.ozellikler li p span{display:inline-block;width:50%;font-weight:600;margin-left: 2vw;}


.nivo-lightbox-image {display: flex;align-items: center;justify-content: center;}
.image-container {vertical-align: top;width: -webkit-fit-content;width: -moz-fit-content;width: fit-content;width: 43vw;margin:0 auto;}
.image-container:hover {background-color: rgba(0,0,0,0);}
.image {cursor: crosshair;display: block;height: 6vw !important;}
.zoomLens:hover {background: #fff;}


.media {min-height: 47vw; display: flex ; justify-content: center; align-items: center; flex-direction: column;padding-top: 11vw;}
.media .media-icerik{display: flex;justify-content: space-around;flex-direction: column;align-items: center;}
.media .media-icerik h5 {color: #4e4132; font-size: 1.3vw; background: #dad2c9d9; height: 4vw; display: flex; width: 90vw; align-items: center; justify-content: center; font-weight: 500; margin-bottom: 1.4vw; }
.media .rl-basicgrid-gallery { margin-bottom: 6vw; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center; }
.media .rl-basicgrid-gallery .rl-gallery-item { margin: 0.8vw !important; width: 26vw !important; border-radius: 0.3vw }
.media .rl-basicgrid-gallery .rl-gallery-item img { height: 16vw; width: 26vw; object-fit: cover; }
.media .rl-basicgrid-gallery:after {flex-grow: initial; min-width: auto;}
div#mep_0 { width: 25vw !important; }
.wp-playlist { border: 1px solid #ccc; padding: 10px; width: 25vw !important; margin: 12px 0 18px; font-size: 14px; line-height: 1.5; }
.mejs-overlay.mejs-layer.mejs-overlay-play { width: 25vw !important; object-fit: cover; }
.wp-playlist video { display: inline-block; max-width: 100%; width: 25vw !important; }




.submachine {min-height: 47vw; display: flex ; justify-content: flex-start; align-items: center; flex-direction: column; padding-top: 11vw;}
.submachine .submachine-icerik{display: flex ; justify-content: space-around; flex-direction: column; align-items: center; margin-top: 8vw;}
.submachine .submachine-icerik h3 {font-size: 3.2vw; }



.iletisim {display: flex ; flex-direction: column; width: 100%; min-height: 47vw; align-items: center; justify-content: center;padding-top:11vw}
.iletisim .iletisim-ust {margin-top: 6vw;margin-bottom: 4vw;display: flex;justify-content: center;align-items: center;width: 100%;}
.iletisim .iletisim-bilgileri {display: flex;align-items: center;justify-content: center;margin: 0 2.4vw;}
.iletisim .iletisim-bilgileri i {border-radius: 0.5vw;;font-size: 2vw;color: #fff;background-color: #1e7881;padding: 1vw;width: 2vw;text-align: center;}
.iletisim .bilgiler {padding-left: 1.7vw;}
.iletisim .bilgiler h5 {font-size: 1.2vw;color: #333;font-weight: 700;}
.iletisim .bilgiler p {color: #333;font-weight: 300;font-size: 0.9vw;}
.iletisim .iletisim-alt {display: flex ; justify-content: center; align-items: center; margin-top: 5vw; margin-bottom: 5vw;}
.iletisim .iletisim-alt > li {float:left;}
.iletisim .iletisim-formu form{display: flex ; flex-direction: column; justify-content: center; align-items: flex-start;}
.iletisim .iletisim-formu h3 {font-size: 2.3vw; color: #131313; text-align: center; font-weight: 500; margin-bottom: 1vw; display: flex ; flex-direction: column; align-items: flex-start;}
.iletisim .iletisim-alt .contact-form-title span{line-height: 3.3vw; font-weight: 700; }
.iletisim .iletisim-alt .title-text{color:#848484}
.iletisim .iletisim iframe {width: 100%;height: 30vw;border: 0;margin-top: 5vw;}


.fuar-descript{color: #848484; line-height: 1.8vw; font-size: 1vw; width: 60vw; text-align: center; margin-bottom: 5vw;}
.fuar-section { display: flex ; justify-content: center; align-items: center; color: #fff; text-align: center; font-size: 1.2vw; width: 75.3vw; }
.fuar-box, .fuar-center { width: 100%; flex: unset; align-items: center; text-align: center; padding: 4vw 2vw;  } 
.fuar-box { background-color: #111; flex: 0 0 25vw; display: flex ; flex-direction: column; justify-content: flex-start; align-items: center; height: 22vw; box-sizing: border-box; color: #fff; text-align: center; padding-top: 5.8vw; }
.fuar-center { color: #fff; flex: 1; display: flex ; flex-direction: column; justify-content: flex-start; align-items: flex-start; padding: 2vw 2vw; box-sizing: border-box; text-align: left; height: 25vw;    background-position: center !important}
.fuar-box i{background: #fff; color: #d60229; font-size: 1.3vw; border-radius: 100%; width: 3.4vw; height: 3.4vw; display: flex ; align-items: center; justify-content: center; margin-bottom: 2vw;}
.fairs{width: 80vw; display: flex ; flex-direction: column; align-items: center; margin: 0 auto; padding-top: 11vw; padding-bottom: 8.5vw;}
.all-fairs { display: flex ; width: 100%; align-items: center; justify-content: space-between; flex-wrap: wrap; }
.all-fairs a { width: 22.8vw; font-size: 1vw; height: 30vw; background-size: cover !important; display: flex ; flex-direction: column; justify-content: flex-end;     border-radius: 1.3vw;margin-bottom: 6vw;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;overflow:hidden;transition: all 0.3s ease-out;}
.all-fairs a:hover { transform: scale(1.05);transition: all 0.3s ease-out; }
.fair-kapsar {padding: 2vw;color: rgb(0, 0, 0);display: flex;flex-direction: column;background: linear-gradient(180deg,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);}
.fair-title{font-weight: 600; padding-bottom: 0.9vw; font-size: 1.1vw;}
.news-descrip{    font-size: 0.9vw;}
.all-fairs span{background-image: linear-gradient(to right top, #d60229, #bc0124, #a2001f, #88011a, #700115); color: #fff; width: 5vw; text-align: center; padding: 0.4vw; font-size: 0.9vw; margin-top: 0.9vw;}
.fuar-map p, .fuar-date p{margin-top: 1vw; font-size: 1vw; color: #fff;}
.sing-icerik { justify-content: center; margin-top: 5vw; font-size: 1vw; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05); padding: 4vw; width: 72.4vw; display: flex ; flex-direction: column; align-items: flex-start; }
.singlehaber { display: flex ; justify-content: center; align-items: center; flex-direction: column; padding-top: 11vw;    padding-bottom: 4vw; }
.singlekapsar { display: flex ; flex-direction: column; flex-wrap: wrap; justify-content: center; align-items: center; width: 82.4vw; }
.singlekapsar #gallery-1 { margin: auto; display: flex; flex-wrap: wrap; justify-content: center; height: auto; margin-bottom: 2vw !important; margin-top: 7vw !important; position: relative; width: 100%; }

.singlekapsar #gallery-1 .gallery-item{float: left; margin-top: 0vw; text-align: center; width: 33.3%; display: flex ; flex-direction: column; justify-content: center; width: auto !important;}
/*#gallery-1 img{width: 18.6vw !important; margin-right: 1vw; margin-left: 1vw; border: none !important; box-shadow: rgb(94 94 94 / 25%) 0px 2px 6px -1px, rgb(0 0 0 / 30%) 0px -2px 6px -3px; height: 12vw; object-fit: cover; object-position: center;border:none} */
.onerilen-urun a{    width: 25.5vw;}
.sing-prodct .decorated-title { margin-left: 1.6vw; margin-top: 2vw; }
.sing-prodct {display: flex ; flex-direction: column; align-items: flex-start;}
.onerilen-urunler-liste { display: flex ; margin-top: 3vw; }	
#gallery-1 .gallery-item{    width: auto !important;}
.single-gallery {z-index: 4;position: relative;margin-bottom:2vw;}
.single-gallery #gallery-1 {display: flex;flex-wrap: wrap;justify-content: center;align-items: center;height: auto;margin-bottom: 2vw !important;margin-top: 1vw !important;position: relative;}
.single-gallery img {width: 13vw !important; margin-right: 0.7vw; margin-left: 0.7vw; border: none !important; border: 0.1vw solid #dedede !important; height: 5vw; object-fit: cover; object-position: center;}


.sing-aciklama{box-shadow: rgb(237, 237, 237) 0px 3px 8px 2px; padding: 2.5vw; padding-bottom: 3vw; padding-top: 3vw; display: flex ; flex-direction: column; justify-content: center; align-items: flex-start; width: 77vw; margin-top: 5vw; margin-bottom: 3vw;}
.sing-aciklama .decorated-title{margin-bottom: 2vw;}
.explanation-content{display: flex ; flex-direction: column; justify-content: center; align-items: center; flex-wrap: wrap; width: 100%;}
.detays { display: flex ; align-items: center; justify-content: space-between; width: 100%; margin-bottom: 5vw; }
.detays img{    width: 34vw;}
.detays p > b { line-height: 3vw; font-size: 1.2vw; }
.detays p{font-size: 1vw; width: 37vw; line-height: 1.7vw;}


/*contact form css*/
.wpcf7 input[type=submit] {-webkit-border-radius: 0 !important;-webkit-appearance: none !important;}
::placeholder{font-size:1vw !important;margin:0 !important; padding:0 !important;padding-left:1vw !important;padding-top:1vw !important;}
.iletisim-formu{margin-top: 3vw; margin-bottom: 3vw; display: flex ; flex-direction: column; align-items: flex-start; padding: 4vw 4vw 5vw; -webkit-box-shadow: 0px 3px 8px 2px #ededed; box-shadow: 0px 3px 8px 2px #ededed;}
.wpcf7 label {display: block;font-size: 1vw !important;margin-top: -0.5vw;}
.wpcf7 label input {height: 3.1vw;background-color: #fff;color: #000;border: 0.1vw #f2f2f2 solid !important;line-height: 1.4vw;width: 23.1vw;margin-top: 0.1vw;margin: 0.5vw 0.7vw 0 0vw;}
.phone input{background:#f6f6f6 !important;}
.wpcf7-textarea{margin-bottom: 1vw; width: 72vw!important; height: 11vw !important; background-color: #fff; color: #000; border: 0.1vw solid #eee !important; border: 0; margin-top: 0.2vw;}
/*span.wpcf7-form-control-wrap.your-message { position: absolute;}*/
.wpcf7-submit {width: 23.6vw !important;height: 3.1vw !important;background-color:#d60229 !important;padding: 0 !important;border: 0 !important;color: #fff;border-bottom-right-radius: 1vw;border-bottom-left-radius: 1vw;transition: 0.3s;font-size: 1.1vw !important;margin-top: 0.9vw;}
.wpcf7-submit:hover{background-color:#1a1b1f !important;color: #e20a16;transition: 0.3s;}
.wpcf7-response-output {color:#111;border-color:rgba(0,0,0,0) !important;padding:0 !important;margin:0 !important;}
.wpcf7-form input:focus, .wpcf7-form textarea:focus, .wpcf7-form select:focus {border:0 !important;background:#f6f6f6;}
input.wpcf7-form-control.wpcf7-captchar {}
img.wpcf7-form-control.wpcf7-captchac.wpcf7-captcha-captcha-170 {margin-bottom: 0.3vw; width: 11vw; height: 3vw;margin-right: 1.1vw;}
.wpcf7-spinner{position: absolute!important;margin-top: 6vw !important;}
input.wpcf7-form-control.wpcf7-captchar{width:24.8vw; margin-right: 1vw; top: -1.4vw; position: relative;}
.iletisim-form-kolonlar{display: flex;justify-content: space-evenly;width: 94.5%;}
.form-dogrula p {display: flex;justify-content: center;width: 100%;}


.decorated-title { display: flex; align-items: center; justify-content: center; font-family: Arial, sans-serif; font-weight: 700; font-size: 1.2vw; /*text-transform: uppercase;*/ color: #848484; }
.line { display: flex; align-items: center; flex-shrink: 0; position: relative; } 
.left-line::before, .right-line::after { content: ""; display: block; width: 2.8vw; height: 0.07vw; background-color: #d60229; }
.left-line { margin-right: 0.7vw;} 
.right-line { margin-left: 0.7vw; } 
.dot { width: 0.4vw;height: 0.4vw; background-color: #d60229; border-radius: 50%; margin: 0 0.13vw;}
.contact-section {display: flex ; justify-content: center; align-items: center; color: #fff; text-align: center; font-size: 1.2vw; width: 75.3vw;} .contact-box {background-color: #111; flex: 0 0 25vw; display: flex ; flex-direction: column; justify-content: flex-start; align-items: center; height: 22vw; box-sizing: border-box; color: #fff; text-align: center; padding-top: 4.8vw;} 
.contact-box h2 { margin: 0; font-size: 1.5vw; color: #ffffff; } 
.contact-box p {margin-top: 1vw; font-size: 1vw; color: #fff;}
.contact-box i { background: #fff; color: #d60229; font-size: 1.3vw; border-radius: 100%; width: 3.4vw; height: 3.4vw; display: flex ; align-items: center; justify-content: center; margin-bottom: 2vw; }
.contact-center {background-color: #d60229; color: #fff; flex: 1; display: flex ; flex-direction: column; justify-content: flex-start; align-items: flex-start; padding: 2vw 2vw; box-sizing: border-box; text-align: left;} 
.contact-center h2 {text-transform: uppercase; font-size: 1.5vw; font-weight: bold; margin-bottom: 2vw; margin-top: 2vw; align-self: center; text-align: center;}
.info-block {margin-bottom: 3.4vw; border-top: 1px solid #fff; padding-top: 3.4vw;} 
.info-block strong {display: inline-block; min-width: 10vw; font-weight: bold;} 
.info-block p {margin: 0.5vw 0 0 0; font-size: 1.1vw;} 
@media screen and (max-width: 900px) { 
.contact-section { flex-direction: column; align-items: stretch; } 
.contact-box, .contact-center { width: 100%; flex: unset; align-items: center; text-align: center; padding: 4vw 2vw;  } 
.contact-center { align-items: center; } 
.info-block { text-align: center; } 
}
.contact-map{height: 33vw; overflow: hidden;}	
.contact-map iframe{width: 100vw; height: 57vw; border: 0; filter: invert(1); margin-top: -12vw;}
.title-contact{position: relative; display: block; color: #131313; font-size: 2.8vw; line-height: 5vw; font-weight: 700; /*text-transform: uppercase;*/}
.contact-us-baslik {margin-bottom: 4vw; display: flex ; flex-direction: column; justify-content: center; align-items: center; }
.contact-descript{color: #848484; line-height: 1.8vw; font-size: 1vw; width: 60vw; text-align: center; margin-bottom: 5vw;}

.footer {width: 100%; display: flex ; flex-direction: column; height: 23vw; align-items: center; padding-bottom: 5vw; padding-top: 5vw; justify-content: center; color: #ffffff9c; background: #0d0d0d;}
.f-ust { display: flex ;  position: relative; }
.footer a{color:#fff}
.footer-1 {width: 15vw; line-height: 1.7vw; color: #ffffff9c;}
.footer-1 img {height: 2.8vw;}
.footer-1 p{font-size: 0.9vw; margin-top: 2vw;}
.footer-2 { display: flex ; flex-direction: column; font-size: 0.9vw; font-weight: 500; line-height: 2.4vw; margin: 0vw 7.9vw; margin-left: 10.9vw;}
.footer-2 span{font-size: 1.1vw; color: #fff; margin-bottom: 0.3vw;}
.footer-2 a { color: #ffffff9c; }
.footer-3 { display: flex ; flex-direction: column; font-size: 0.9vw; font-weight: 500; line-height: 2.4vw; margin: 0 8.3vw; color: #ffffffd4; }
.footer-3 span{font-size: 1.1vw; color: #fff; margin-bottom: 0.3vw;}
.footer-3 a { color: #ffffff9c; }
.footer-4 { display: flex ; font-size: 1.1vw; font-weight: 500; line-height: 2vw; margin: 0 0.9vw; width: 14.5vw; justify-content: space-between; }
.footer-4 a { background: #6a6a6a; width: 2.9vw; height: 2.8vw; display: flex ; align-items: center; justify-content: center; border-radius: 0.9vw; font-size: 1.1vw; }


.f-end { display: flex ; justify-content: space-between; padding-top: 2vw; }
.f-map { display: flex ; align-items: center; }
.f-map i{font-size: 1.4vw; margin-right: 0.3vw;}
.f-map span{width: 20.3vw; line-height: 1.3vw; font-size: 0.9vw;}
.f-email { display: flex ; align-items: center; font-size: 0.9vw; }
.f-email  i{font-size: 1.3vw; margin-right: 0.3vw;}
.f-phone { display: flex ; align-items: center; font-size: 0.9vw; }
.f-phone i{font-size: 1.3vw; margin-right: 0.3vw; transform: rotate(29deg);}
.f-multi{z-index:2}
.f-multi img{height: 2.4vw;}
.f-alt{ font-size: 1vw;}
copyright {font-size: 0.7vw; font-weight: 400; margin-top: 0.8vw; display: inline; visibility: visible; font-family: Verdana, Arial, sans-serif;}
.yatay-cizgi { height: 0.1vw; background: #6a6a6a73; width: 79vw; margin-bottom: 1vw; margin-top: 2vw; }
.footer-fav{width: 40.2vw; position: absolute; right: 0; margin-top: -2.6vw; margin-right: 1.6vw; z-index: 0;}


/* Kırmızı, şık ve ince scrollbar */
:root {
  --accent-1: #d60229; /* ana kırmızı */
  --accent-2: #9f001e; /* koyu kırmızı */
  --thumb-radius: 999px;
  --scroll-w: 7px;
}

/* WebKit tabanlı tarayıcılar (Chrome, Edge, Safari, Opera) */
::-webkit-scrollbar {
  width: var(--scroll-w);
  height: var(--scroll-w);
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, var(--accent-2), var(--accent-1));
  border-radius: var(--thumb-radius);
  box-shadow: 0 0 0 1px rgba(255,255,255,0.02) inset,
              0 2px 8px rgba(255,0,0,0.08);
  transition: transform .18s ease;
}
::-webkit-scrollbar-thumb:hover {
  transform: scaleX(1.25);
}
::-webkit-scrollbar-button {
  display: none;
}

/* Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: var(--accent-1) transparent;
}