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


html { overflow-x:hidden; scroll-behavior: smooth; }
body {margin: 0;padding: 0;background: #fff;position: relative;overflow: hidden;font-family: "Exo 2", sans-serif;}

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; }
/*net fotolar*/

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


.header { position: relative; width: 100%; z-index: 99; color: #000; display: flex; justify-content: space-between; flex-wrap: wrap;align-items: center;background: #fff; }
.header-ust-sol { display: flex; height: 2.5vw !important; width: 36vw; background: #f3f3f3; flex-wrap: wrap; padding-left: 5vw; align-items: center; clip-path: polygon(0 0, 100% 0, 94% 100%, 0% 100%); }
.header-ust-sol .header-iletisim { margin-right: 5vw;font-size: 0.7vw;}
.header-ust-sol i { font-size: 1.1vw; color: #e91d25; margin-right: 2vw; }
.header-ust-sag { display: flex; height: 2.5vw !important; width: 36vw; background: #f3f3f3; flex-wrap: wrap; padding-right: 5vw; align-items: center; clip-path: polygon(0 0, 100% 0, 100% 100%, 6% 100%); justify-content: flex-end;}
.header-ust-sag .header-iletisim { margin-right: 2vw;font-size: 0.7vw;}
.header-ust-sag i { font-size: 1.1vw; color: #e91d25; margin-right: 0.7vw; }
.header-alt { height: 5vw;display: flex; width: 100%; justify-content: center; align-items: center; }
.header-baslik {width: 100%;height: 12vw;display: flex;align-items: center;justify-content: center;background: url(/wp-content/uploads/2024/11/alan6-catalog.jpg);background-size: cover;background-position: center;background-repeat: no-repeat;box-shadow: inset 0vw -5vw 11vw #000000;filter: grayscale(0.5);flex-direction: column;gap: 0.5vw;}
.header-baslik h4 {font-size: 1.5vw;color: #fff;font-family: 'Exo 2';font-weight: 600;text-shadow: 0vw 0vw 4vw #000;display: flex;flex-direction: column;align-items: center;text-transform: uppercase;text-align: center;}
.header-baslik i {font-size: 1.4vw;color: #fff;}
.kirmizi-alan {width: 36.9%;height: 100%;background: #770c16a8;position: absolute;z-index: -1;left: 0;clip-path: polygon(0 0, 77% 0%, 100% 100%, 0% 100%);}

a.header-catalog { width: 7vw; height: 1.7vw; background: #000; color: #fff; display: flex; justify-content: center; align-items: center;font-size: 0.75vw; }
.header-catalog i { margin-right: 0.5vw; color: #fff; }
.menu-item-user i { font-size: 1vw; margin-right: 0.4vw; }

a.header-dil { opacity: 0.5; }
a.header-dil:hover { opacity:1; }
a.header-dil.dil-aktif { opacity: 1; }
a.header-dil img { width: 1.9vw; margin: 0 1.8vw; }

.sosyal {display: flex;flex-direction: row;padding-top: 0.1vw;align-items: center;justify-content: center;margin-right: 2vw;}
.sosyal a { display: flex; width: 1.8vw; height: 1.8vw; font-size: 1vw; float: left; color: #ffffff; background: #000; justify-content: center; align-items: center; margin: 0.25vw; }
.sosyal a:last-child{margin-right:0;}
.sosyal a:hover{color:#e91d25}

.menu-item-user .dropdown {display: flex;position: absolute;top: 5vw;width: 9vw;min-height: 8vw !important;max-height: 10vw !important;gap: -1vw;background-color: #191919;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: center;justify-content: center;flex-direction: column;}
.menu-item-user .dropdown-menu {display: flex;gap: 1vw;flex-direction: column;}
.menu-item-user .dropdown-menu {display: flex;flex-direction: column;align-items: center;width: 100%;gap: 0.5vw;margin-left: 1vw;padding-top: 0;}

#menu  {width: 100%;height: 100%;cursor: pointer;display: flex;justify-content: center;align-items: center;}
.navbar { height: 100%; width: 100%; display: flex; justify-content: center; align-items: center; }
.navbar-sol { width: 32vw; height: 5vw; display: flex; justify-content: flex-start; }
.navbar-sag { width: 32vw; height: 5vw; display: flex; justify-content: flex-end; }

.menu-item { height: 100%; float: left; position: relative; font-size: 0.9vw; font-weight: 600; transition: 0.6s all; width: 6.4vw; text-align: center; }
.navbar-sol .menu-item {width: auto;padding: 0 1vw 1vw 1vw;}
.navbar-sag .menu-item { width: auto; margin-left: 2.7vw; }

.menu-item a{height: 100%;display:block;color:#000;transition:0.2s;display: flex;align-items: center;justify-content: center;}
.menu-item a:hover {color: #e91d25;transition: 0.2s;}
.header-logo img { width: 12.4vw; margin: 0 1vw; margin-top: -3.3vw; }
.dropdown {visibility: hidden;position: fixed;top: 7.5vw;left: 0;width: 49vw;display: flex;height: auto;justify-content: space-between;background: #ffffff;z-index: 99999;align-items: flex-start;}
.dropdown-menu {display: flex;flex-direction: column;align-items: center;width: 30%;gap: 0.5vw;margin-left: 1vw;padding-top: 2vw;}
.dropdown>.menu-item {text-align: left;font-size: 0.75vw;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{color:#1a1b1f !important;}
.menu-item:hover>.dropdown{opacity:1;visibility:visible;}
.dropdown-products {gap: 2vw;flex-direction: column;margin-top: 2vw;}
img.dropdown-img {width: 10vw;height: 23.6vw;object-fit: cover;box-shadow: -20px 0px 5vw #00000045;border-radius: 0vw;}
.dropdown-menu a {height: 3.5vw;display: block;color: #ffffff;transition: 0.2s;display: flex;align-items: center;justify-content: center;width: 100%;background: #191919;}

.menu-item-user {list-style: none;}
.menu-item-user:hover > .dropdown {visibility:visible;}
.container {display: flex;height: 65vh;justify-content: center;padding-bottom: 4vw;align-items: center;}
.card {width: 28vw;height: 30vw;position: relative;transform-style: preserve-3d;transition: transform 0.8s;}
.card .front,.card .back {position: absolute;width: 100%;height: 100%;backface-visibility: hidden;}
.card .back {transform: rotateY(180deg);}
.login-form {display: flex;align-items: center;justify-content: center;flex-direction: column;background: #0000008f;padding: 2vw;width: 100%;height: 100%;border-radius: 0.5vw;border: 0.2vw solid #00000073;gap: 1.5vw;color: #fff;font-size: 0.8vw;margin-top: 2vw;}
.login-form h4 {font-size: 1.5vw;font-family: 'Exo 2';font-weight: 700;color: #fff;}
.login-form input {font-size: 1vw;/* width: 100%; */height: 2vw;background: transparent;border: 0;border-bottom: 0.2vw solid #fff;color: #fff;}
.login-form ::placeholder {color: #fff;}
.login-input {display: flex;flex-direction: column;justify-content: center;gap: 0.5vw 0;width: 100%;}
.login-forgot {display: flex;align-items: center;justify-content: space-between;width: 100%;}
button.login-button {transition:all 0.3s ease;width: 100%;display: flex;align-items: center;justify-content: center;background: #fff;height: 2.5vw;border-radius: 0.3vw;font-family: 'Exo 2';font-weight: 600;font-size: 1vw;color: #000;border:0;}
button.login-button:hover{color:#fff;background:#cb1a2b91;}
a.toggle-register, a.toggle-login {font-weight: 600;cursor: pointer;color: #fff;}
.login-forgot div {display: flex;align-items: center;justify-content: center;}
a.forgot-password {color: #fff;font-size:0.8vw;}
.menu-item-dropdown p {color: #fff;font-family: 'Exo 2';font-weight: 800;text-transform: uppercase;}
.card .login-button:hover, .card .register-button:hover  {cursor:pointer}
div#notification-bar {position: fixed;top: 8.7vw;left: 77vw;z-index: 2;float: right;background: #232323;padding: 1.8vw 1.3vw;border-radius: 0.2vw;box-shadow: 0vw 0vw 5vw #11ff0026;overflow: hidden;width: auto;max-width: 50vw;}
div#notification-bar:after {content: '';position: absolute;bottom: 0;left: 0;height: 0.4vw;background: #11ff00;width: 0%;animation: moveRight 10s linear forwards;}
#notification-bar button {background: transparent;color: #ffffff;border: 0;font-size: 1vw;}
#notification-bar button:hover {cursor: pointer;}
span#notification-message {color: #fff;}

@keyframes moveRight {
    0% {
        width: 0%; /* Başlangıç genişliği */
    }
    100% {
        width: 100%; /* Bitiş genişliği */
    }
}


.profile-guncelle {width: 100%;height: 40vw;display: flex;align-items: center;justify-content: center;}
.profile {display: flex;align-items: center;flex-direction: column;justify-content: center;background: #000000b0;width: 25vw;height: 20vw;padding: 3vw;border-radius: 1vw;border: 0.2vw solid #00000052;box-shadow: inset 0 0 1vw #ffffff63;}
.profile form label {color: #fff;font-size: 1vw;position: relative;display: flex;width: 9vw;flex-direction: row;}
.profile form div {display: flex;align-items: center;justify-content: center;}
.profile form {display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 0.7vw;}
.profile h1 {color: #fff;margin-bottom: 2vw;}
.profile input {width: 15vw;height: 1vw;background: #ffffff5e;border: 0.1vw solid #fff;border-radius: 0.3vw;padding: 0.5vw;font-size: 0.8vw;color: #fff;}
.profile button {transition:all 0.2s ease;border: 0;background: #fff;width: 25vw;margin-top: 2vw;padding: 0.7vw;font-size: 1vw;font-family: 'Exo 2';font-weight: 600;border-radius: 0.5vw;}
.profile button:hover {background: #cb1a2b91;color:#fff;cursor:pointer;}

.anasayfa-alan-1-mobile {display:none;}
.anasayfa-alan-1 {height:41.7vw;background-image: url(/wp-content/uploads/2024/11/giris-foto1.jpg);background-size: cover;display:block;}
.flexslider .slides > li {height: 42vw;}
.alan-1-slider-yazi { margin-top: 25vw; margin-left: 5vw; }
.alan-1-slider-yazi h1 { font-size: 3vw; color: #fff; text-shadow: 0 0 0.3vw #00000070; }
.alan-1-slider-yazi p { font-size: 1.1vw; color: #fff; text-shadow: 0 0 0.2vw #000000bd; margin: 1.2vw 0; }
.alan-1-slider-yazi a { transition:0.3s;font-size: 0.9vw; color: #000; background: #fff; width: 9vw; height: 1.9vw; display: flex; justify-content: center; align-items: center; align-content: center; }
.alan-1-slider-yazi a:hover {background: #e91d25;color: #fff;}

.anasayfa-alan-2 { height: auto;display: flex; flex-wrap: wrap; justify-content: center; align-items: center; padding-top: 4vw; }
a.alan2-kutu {transition:all 0.2s ease; height: 16.8vw; width: 21vw; display: flex; justify-content: center; align-items: flex-end; margin: 1vw; box-shadow: 0 -14px 62px #000 inset;}
a.alan2-kutu h5 {transition: all 0.2s ease;font-size: 1.3vw;color: #fff;margin-bottom: 1.3vw;text-align: center;}
a.alan2-kutu:hover h5 {letter-spacing: 0.1vw;}
/*a.alan2-kutu:hover {transform: scale(1.01);}*/
a.alan2-kutu-uzun {display:block; width: 90vw; height: 8.8vw; }
a.alan2-kutu-uzun-mobil {display:none;}

.anasayfa-alan-3 { height: 24vw; display: flex; justify-content: center; background: url(/wp-content/uploads/2024/11/alan3-arka.jpg); background-size: cover; padding-top: 15vw; margin-top: -5vw; }
a.alan3-kutu-ince { margin: 0 1.8vw; width: 13.2vw; height: 21vw; display: flex; align-items: flex-end; justify-content: center; }
a.alan3-kutu-kalin { margin: 0 1.8vw; width: 26.2vw; height: 21vw; display: flex; align-items: flex-end; justify-content: center; }
a.alan3-kutu-kalin:hover {transform: scale(1.02);}
a.alan3-kutu-ince:hover {transform: scale(1.02);}

.anasayfa-alan-3 a h5 {font-size: 1.1vw;color: #fff;margin-bottom: 1.3vw;text-align: center;}
.anasayfa-alan-3 a h5 span { color: #cccccc; margin-left: 0.4vw; }


.anasayfa-alan-4-mobile {display: none;}
.anasayfa-alan-4 {height: auto;display:block;}
.anasayfa-alan-4 h4 { font-size: 1.3vw; color: #000; font-weight: 600; margin: 3vw 0; width: 100%; display: flex; align-items: center; justify-content: center; }
.anasayfa-alan-4 .flickity-viewport {height: 27vw !important;width: auto;}
.cubuk{background-color: #2b2b2b; width: 0.4vw; height: 3vw; margin-left: 0.9vw;}
.alan4-yazi{display: flex;flex-direction: column;position: relative;margin-top: 0.8vw;align-items: flex-start;}
.flickity-slider .gallery-cell:nth-child(8) .alan5-yazi { position: absolute; margin-top: 6.8vw; z-index: -1; }
.alan4-yazi h5 {font-size: 0.9vw;color: #000;font-weight: 700;margin-bottom: 0.8vw;}
.alan4-yazi p {font-size: 0.8vw;color: #7d7d7d;font-weight: 500;}
.anasayfa-flickity-kutu { width: 18.2vw; height: 26vw; display: flex; padding-top: 0vw; transition: all .2s linear; flex-direction: column; justify-content: flex-start; align-items: flex-start; }
.anasayfa-flickity-kutu img { width: 18.3vw; position: relative; transition: 0.3s; height: 19vw; object-fit: contain; background: #ffffff; box-shadow: 0 0 0.8vw #7a7a7a3d; }
.anasayfa-flickity-kutu:hover img {transform: rotate(-4deg);transition: 0.3s;}
.gallery-cell {width: 11.05vw;height: 12.97vw;margin-right: 6.62vw;counter-increment: gallery-cell;margin-top: 0.4vw;}
.gallery-cell:nth-child(odd) a {}

a.alan4-button {transition:all 0.3s ease; width: 90vw; background: #000; height: 1.6vw; display: flex; align-items: center; justify-content: center; color: #fff; font-style: italic; font-weight: 600; font-size: 0.75vw; margin-left: 5vw;margin-top: 2vw;}
a.alan4-button:hover {box-shadow: 0 0 2vw #00000063;background: #e91d25;}


.anasayfa-alan-5 { background: url(/wp-content/uploads/2024/11/alan5-arka.jpg); background-size: cover; background-repeat: no-repeat; padding-top: 5.5vw; display: flex; justify-content: center; flex-wrap: wrap; }
.alan5-sol { display: flex; flex-direction: column; align-content: center; width: 41vw; justify-content: center; height: 12vw; align-items: center; }
.alan5-sag { display: flex; flex-direction: column; align-content: center; width: 41vw; justify-content: center; height: 12vw; align-items: center; }
span.alan5-cizgi { width: 0.1vw; height: 10vw; background: #00000036; margin: 0 3vw; }


.alan5-sol img { width: 2.7vw; margin-bottom: 1.6vw; }
.alan5-sol h4 { font-size: 1.3vw; font-weight: 600; font-style: italic; margin-bottom: 2vw; }
.alan5-sol p { font-size: 0.8vw; margin-bottom: 2vw; }
.alan5-sol a {transition:all 0.3s ease; width: 6.9vw; background: #000; height: 1.7vw; display: flex; justify-content: space-between; padding-left: 1vw; color: #fff; border-radius: 2vw; font-size: 0.8vw; font-weight: 500; align-items: center; font-style: italic; }
.alan5-sol a:hover {background: #e91d25;}
.alan5-sol a i { color: #000; background: #e4e4e4; width: 1.7vw; height: 1.7vw; display: flex; justify-content: center; align-items: center; border-radius: 100%; right: -0.1vw; position: relative; font-size: 0.8vw;}

.alan5-sag img { width: 2.7vw; margin-bottom: 1.6vw; }
.alan5-sag h4 { font-size: 1.3vw; font-weight: 600; font-style: italic; margin-bottom: 2vw; }
.alan5-sag p { font-size: 0.8vw; margin-bottom: 2vw; }
.alan5-sag a {transition:all 0.3s ease; width: 6.9vw; background: #000; height: 1.7vw; display: flex; justify-content: space-between; padding-left: 1vw; color: #fff; border-radius: 2vw; font-size: 0.8vw; font-weight: 500; align-items: center; font-style: italic; }
.alan5-sag a:hover {background: #e91d25;}
.alan5-sag a i { color: #000; background: #e4e4e4; width: 1.7vw; height: 1.7vw; display: flex; justify-content: center; align-items: center; border-radius: 100%; right: -0.1vw; position: relative; font-size: 0.8vw;}



.anasayfa-alan-6 { display: flex; justify-content: center; align-items: center; background: url(/wp-content/uploads/2024/11/alan6-catalog.jpg); width: 90vw; flex-direction: column; height: 26vw; background-size: cover; margin-top: 6vw; }
a.anasayfa-alan-6 h5 { font-style: italic; font-size: 2.7vw; color: #fff; text-shadow: 0 0 2vw #000; margin-bottom: 2.6vw; }
.anasayfa-alan-6 span {transition: 0.3s ease-in-out;width: 7.3vw;background: #000;height: 2.3vw;display: flex;justify-content: space-between;padding-left: 1.5vw;color: #fff;border-radius: 2vw;font-size: 1.1vw;font-weight: 500;align-items: center;font-style: italic;}
.anasayfa-alan-6 span:hover {background: #e91d25;}
.anasayfa-alan-6 span i { color: #000; background: #e4e4e4; width: 2.3vw; height: 2.3vw; display: flex; justify-content: center; align-items: center; border-radius: 100%; right: -0.1vw; position: relative; font-size: 1.2vw; }



.kurumsal {min-height: 47vw;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.kurumsal-1 {width: 90vw;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 1vw;margin: 2vw 0;}
.kurumsal-1 h4 {font-size: 1.1vw;}
.kurumsal-1 p {font-size: 0.9vw;line-height: 1.5vw;}

.kurumsal-2 {display: flex;width: 90vw;flex-direction: row;justify-content: space-between;align-items: center;margin-bottom: 2vw;}
.kurumsal-2 .about-card {width: 40vw;height: 6vw;display: flex;gap: 1vw;flex-direction: column;background: #f3f3f3;border-radius: 0.2vw;padding: 1vw;align-items: flex-start;justify-content: center;box-shadow: 0 0 4vw #00000008, inset 0 0 1vw #f1f1f1;}
.kurumsal-2 .mission.about-card {display: flex;align-items: flex-end;text-align: right;}
.kurumsal-2 h4 {font-size: 1vw;}
.kurumsal-2 p {font-size: 0.9vw;}
.kurumsal .anasayfa-alan-5 {background: url(/wp-content/uploads/2024/11/alan5-arka.jpg);background-size: cover;background-repeat: no-repeat;margin-top: 0vw;padding-top: 4vw;display: flex;justify-content: center;flex-wrap: wrap;}
.kurumsal .alan5-sol { display: flex; flex-direction: column; align-content: center; width: 41vw; justify-content: center; height: 12vw; align-items: center; }
.kurumsal .alan5-sag { display: flex; flex-direction: column; align-content: center; width: 41vw; justify-content: center; height: 12vw; align-items: center; }
.kurumsal span.alan5-cizgi { width: 0.1vw; height: 10vw; background: #00000036; margin: 0 3vw; }


.kurumsal .alan5-sol img { width: 2.7vw; margin-bottom: 1.6vw; }
.kurumsal .alan5-sol h4 { font-size: 1.3vw; font-weight: 600; font-style: italic; margin-bottom: 2vw; }
.kurumsal .alan5-sol p { font-size: 0.8vw; margin-bottom: 2vw; }
.kurumsal .alan5-sol a { width: 6.9vw; background: #000; height: 1.7vw; display: flex; justify-content: space-between; padding-left: 1vw; color: #fff; border-radius: 2vw; font-size: 0.8vw; font-weight: 500; align-items: center; font-style: italic; }
.kurumsal .alan5-sol a:hover {background: #e91d25;}
.kurumsal .alan5-sol a i { color: #000; background: #e4e4e4; width: 1.7vw; height: 1.7vw; display: flex; justify-content: center; align-items: center; border-radius: 100%; right: -0.1vw; position: relative; font-size: 0.8vw;}
.kurumsal a.alan2-kutu-uzun {display: flex;width: 90vw;height: 8.8vw;}
.kurumsal a.alan2-kutu-uzun-mobil {display:none;}
.kurumsal .alan5-sag img { width: 2.7vw; margin-bottom: 1.6vw; }
.kurumsal .alan5-sag h4 { font-size: 1.3vw; font-weight: 600; font-style: italic; margin-bottom: 2vw; }
.kurumsal .alan5-sag p { font-size: 0.8vw; margin-bottom: 2vw; }
.kurumsal .alan5-sag a:hover {background: #e91d25;}
.kurumsal .alan5-sag a { width: 6.9vw; background: #000; height: 1.7vw; display: flex; justify-content: space-between; padding-left: 1vw; color: #fff; border-radius: 2vw; font-size: 0.8vw; font-weight: 500; align-items: center; font-style: italic; }
.kurumsal .alan5-sag a i { color: #000; background: #e4e4e4; width: 1.7vw; height: 1.7vw; display: flex; justify-content: center; align-items: center; border-radius: 100%; right: -0.1vw; position: relative; font-size: 0.8vw;}

.kurumsal .kurumsal .anasayfa-alan-6 { display: flex; justify-content: center; align-items: center; background: url(/wp-content/uploads/2024/11/alan6-catalog.jpg); width: 90vw; flex-direction: column; height: 26vw; background-size: cover; margin-top: 6vw; }
.kurumsal a.anasayfa-alan-6 h5 { font-style: italic; font-size: 2.7vw; color: #fff; text-shadow: 0 0 2vw #000; margin-bottom: 2.6vw; }
.kurumsal .anasayfa-alan-6 span { width: 7.3vw; background: #000; height: 2.3vw; display: flex; justify-content: space-between; padding-left: 1.5vw; color: #fff; border-radius: 2vw; font-size: 1.1vw; font-weight: 500; align-items: center; font-style: italic; }
.kurumsal .anasayfa-alan-6 span:hover {background: #e91d25;}
.kurumsal .anasayfa-alan-6 span i { color: #000; background: #e4e4e4; width: 2.3vw; height: 2.3vw; display: flex; justify-content: center; align-items: center; border-radius: 100%; right: -0.1vw; position: relative; font-size: 1.2vw; }

.quality-5ftest {display: flex;flex-direction: column;align-items: center;min-height: 40vw;justify-content: center;gap: 2vw;margin: 5vw 0;}
.quality {display: flex;flex-direction: column;align-items: center;width: 90vw;gap: 1vw;margin-bottom: 2vw;}
.quality p {font-size: 0.9vw;text-align: center;}
.quality h4 {font-size: 1.1vw;color: #000000;}
.quality-cards {display: flex;flex-direction: column;align-items: center;width: 90vw;border-radius: 1vw;}
.quality-card {width: 90vw;margin: 2vw 0;list-style: none;display: flex;gap: 2vw;flex-wrap: wrap;justify-content: flex-start;align-items: flex-start;margin-left: 2vw;}
.quality-card h5 {font-size: 1.1vw;color: #4e0003;}
.quality-card li {width: 24vw;display: flex;flex-direction: column;gap: 1vw;align-items: center;font-size: 0.8vw;text-align: center;background: #f3f3f3;padding: 2vw;border-radius: 1vw;min-height: 6vw;}

hr {width: 100%;}

.\35 ftest {display: flex;align-items: center;width: 90vw;justify-content: space-between;}
.\35 ftest img {width: 34vw;border-radius: 2vw;filter: drop-shadow(0 0 1vw #0002);}
.\35 ftest h5 {text-align: center;font-size: 1.1vw;}
.\35 test-text {font-size: 0.9vw;}
.\35 ftest li {list-style: circle;}
.\35 ftest ul {/* margin-left: 1.25vw; */background: #f3f3f3;width: 13.8vw;padding: 1vw 2vw 1vw 3vw;border-radius: 1vw;}

.products {display: flex;min-height: 68vw;flex-direction: row;padding-top: 2vw;}
.urunler {display: flex;justify-content: flex-start;margin-top: 2vw;gap: 1vw 1vw;width: 100%;height: auto;min-height: 30vw;flex-wrap: wrap;align-content: flex-start;}
.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: 22.3vw;height: 12.8vw;text-align: center;margin: 0 1vw;box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;background-color: #fff;display: flex;flex-direction: column;align-items: center;justify-content: space-evenly;}
.urunsayfa-tufek-kutu:hover {transform: scale(1.01);transition: 0.3s;}
.urunsayfa-tufek-kutu img {float: left;object-fit: contain;width: 100%;position:relative;z-index:1;margin-bottom: 1vw;}
.urunsayfa-tufek-kutu h3 {font-size: 0.8vw;color: #000;font-weight: 500;position: relative;}
.content-text {font-size: 0.8vw;}
.content-text li {list-style: circle;margin-left: 1vw;}
.content-text ul {margin: 1vw 0;}

.urunsayfa-yedek-kutu {width: 22.1vw;height: 26.8vw;text-align: center;margin: 1vw 1vw;box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;background-color: #fff;display: flex;flex-direction: column;align-items: center;justify-content: space-evenly;}
.urunsayfa-yedek-kutu:hover {transform: scale(1.01);transition: 0.3s;}
.urunsayfa-yedek-kutu img {float: left;object-fit: contain;width: 14vw;position: relative;z-index: 1;margin-bottom: 1vw;}
.urunsayfa-yedek-kutu h3 {font-size: 1vw;color: #000;font-weight: 500;position: relative;}


.urunler-sol {font-family: Arial, sans-serif;color: #333;width: 20vw;display: flex;flex-direction: column;height: 24.9vw;justify-content: flex-start;}
.kategori-container {margin-bottom: 2vw;width: 13vw;padding-left: 5vw;display: flex;align-items: flex-start;flex-direction: column;}
.kategori-ad {font-weight: bold;font-size: 1.2vw;}
.alt-kategoriler {list-style: none;padding-left: 2vw;margin-top: 1vw;display: flex;flex-direction: column;align-items: flex-start;}
.alt-kategori {position: relative;padding-left: 1vw;display: flex;align-items: center;justify-content: center;}
.alt-kategori::before {content: "-";color: #525252;font-size: 2vw;margin-right: 0.5vw;}
p.soon-message {text-align: center;width: 100%;font-size: 1.5vw;}

.ornek-urun {display: flex;flex-wrap: wrap;margin-top: 1vw;}
.ornek-urunler {display: flex;flex-direction: column;align-items: flex-start;justify-content: center;margin-top: 2vw;}
.ornek-urunler h4 {margin-left: 0.9vw;font-size: 1vw;font-weight: 700;}

.urun-detay-sayfa {min-height: 35vw;background: #fff;margin-bottom: 5vw;position: relative;z-index: 0;display: flex;flex-direction: row;}
#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;background: #e9e9e9;color: #000;font-weight: 400;width: 100vw;height: 4vw;display: flex;align-items: center;justify-content: center;}
.tufek-foto {text-align: center;width: 50%;display: flex;flex-direction: column;align-items: center;}

.tufek-foto .tufek-aciklama {width: 40vw;text-align: left;padding: 1vw 0vw;border-radius: 0.3vw;display: flex;flex-direction: column;gap: 1vw;align-items: flex-start;}
.tufek-aciklama h3 {font-size: 1vw;font-weight: 700;}
.urun-detay-foto {height: auto;width: 50vw;margin-bottom: 1vw;margin-top: 1vw;}
.urun-ozellikler { width: 100%; margin-top: 3vw; display: flex; gap: 1vw; flex-direction: column; align-items: flex-start; }
h3.aciklama-baslik { font-size: 1.2vw; margin-bottom: 1vw; }
.urunler-sol h4 {font-size: 1.1vw;height: 3vw;color: #000000;font-weight: 800;margin: 2vw 0;font-family: "Exo 2", sans-serif;margin-left: 5vw;}
.kategori-container a {font-weight: 400;transition: all 0.3s ease;color: #1c1c1c;font-size: 0.9vw;font-family: "Exo 2", sans-serif;}
.kategori-container a:hover {color: #e91d25;letter-spacing: 0.1vw;}
.kategori-ad.active a {color: #e91d25;}
.urun-ozellikler h4 {font-size: 1vw;}

.urun-yedek-detay-sayfa {min-height: 35vw;background: #fff;margin-bottom: 5vw;position: relative;z-index: 0;display: flex;flex-direction: row;}
.urun-yedek-detay-foto {height: auto;width: 27vw;margin-bottom: 1vw;margin-top: 1vw;}
.urun-yedek-detay-sayfa .yedek-foto {text-align: center;width: 100%;display: flex;flex-direction: row;align-items: center;justify-content: space-evenly;}
.urun-yedek-detay-sayfa span.tufek-aciklama {display: flex;flex-direction: column;align-items: center;margin-top: 1vw;gap: 1vw;}
.urun-yedek-detay-sayfa .tufek-aciklama li p {width: 100%;text-align: left;}
.urun-yedek-detay-sayfa .urun-ozellikler {width: 50%;margin-top: 3vw;display: flex;gap: 1vw;flex-direction: column;align-items: center;}
.ornek-yedek-urunler {display: flex;flex-direction: column;align-items: center;justify-content: flex-start;margin-top: 2vw;height: auto;min-height: 33vw;}
.ornek-yedek-urunler .urunsayfa-tufek-kutu {width: 22.3vw;height: 26vw;text-align: center;margin: 0 1vw;box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;background-color: #fff;display: flex;flex-direction: column;align-items: center;justify-content: space-around;padding: 1vw;}
.ornek-yedek-urunler .urunsayfa-tufek-kutu img {float: left;object-fit: contain;width: 15vw;position: relative;z-index: 1;margin-bottom: 1vw;}
.ornek-yedek-urunler h4 {font-size: 1vw;}
.ozellikler {background: #fff;display: flex;justify-content: flex-start;flex-direction: column;gap: 0.2vw;}
.ozellikler li {width: 37vw;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;background: #f8f8f8;}
.ozellikler li:hover{background-color: #f7f5f4;color:#000;}
.ozellikler li p {font-weight: 400;font-size: 0.8vw;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-zoom*/
.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;}
/*image-zoom*/


.media {min-height: 47vw;display: flex;align-items: center;justify-content: center;}
.media-icerik{display: flex;justify-content: space-around;flex-direction: column;margin: 8vw;}
.media-baslik {font-size: 6vw;}

.rl-gallery-item {width: 20.5vw !important;transition: all 0.5s ease;margin: 0.1vw !important;}
.rl-basicgrid-gallery {display: flex;flex-wrap: wrap;flex-direction: row;gap: 2.3vw;width: 90vw;justify-content: flex-start !important;}
div#rl-gallery-container-1 {display: flex;justify-content: center;}

.rl-basicgrid-gallery .rl-gallery-item img {width: 25vw;display: inline-block;height: auto;object-fit: cover;height: 14vw;}
.rl-basicgrid-gallery {display: flex;flex-wrap: wrap;flex-direction: row;align-items: center;justify-content: center;}

span.rl-gallery-caption {display: none !important;}
.rl-gallery-item:hover span.rl-gallery-caption {display: flex !important;align-items: center;justify-content: center;height: 100%;background: #202020ad;font-size: 1.3vw;font-weight: 700;transition:all 0.3s ease-in-out;}
.rl-gallery .rl-gallery-link .rl-gallery-item-caption {color:#ffdd13 !important;}
.nivo-lightbox-image {display: flex;align-items: center;justify-content: center;}
.gallery-item a img { width: 13.2vw; height: 10.7vw; border: none !important; object-fit: cover; box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;}
div#gallery-1 {display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;gap: 1vw;}
#gallery-7 .gallery-item { float: left; margin-top: 0px; text-align: center; width: 33%; }


.iletisim {display: flex;flex-direction: column;width: 100%;min-height: 47vw;}
.iletisim-usol {width: 50%;display: flex;flex-direction: column;align-items: flex-start;margin-left: 5vw;gap: 1vw;justify-content: center;}
.iletisim-usol span {font-size: 1vw;color: #e91d25;}
.iletisim-usol h2 {font-size: 2vw;}
.iletisim-usol p {font-size: 1vw;width: 35vw;}
.iletisim-container {display: flex;flex-direction: column;gap: 1.6vw;margin-top: 2vw;}
.iletisim-container li {list-style: none;display: flex;align-items: center;justify-content: center;gap: 1vw;}
.iletisim-container i {font-size: 1.4vw;color: #e91d25;}


.iletisim-usag {width: 50%;display: flex;flex-direction: column;align-items: center;justify-content: center;padding-right: 3.4vw;}
.iletisim-ust {margin-top: 6vw;margin-bottom: 4vw;display: flex;justify-content: center;width: 100%;}
.iletisim-bilgileri {display: flex;align-items: center;justify-content: center;margin: 0 2.4vw;}
.iletisim-bilgileri i {border-radius: 0.5vw;;font-size: 2vw;color: #fff;background-color: #1e7881;padding: 1vw;width: 2vw;text-align: center;}
.bilgiler {padding-left: 1.7vw;}
.bilgiler h5 {font-size: 1.2vw;color: #333;font-weight: 700;}
.bilgiler p {color: #333;font-weight: 300;font-size: 0.9vw;}
.iletisim-usag h3.contact-form-title {font-size: 1.3vw;margin-bottom: 1vw;color: #e91d25;}
.iletisim iframe {filter:grayscale(1)}


.iletisim-alt {display: flex;justify-content: center;align-items: center;}
.iletisim-alt > li {float:left;}

.iletisim-formu form{display: flex; flex-direction: column; justify-content: center; align-items: center;}
.iletisim-formu h3 {font-size: 2.3vw;color:#176d7e;text-align: center;font-weight: 500;margin-bottom: 1vw;}

.iletisim iframe {width: 100%;height: 30vw;border: 0;margin-top: 5vw;}



/*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;}
.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: 20.2vw;margin-top: 0.1vw;margin: 0.5vw 0.7vw 0 0vw;}
.phone input{background:#f6f6f6 !important;}
.wpcf7-textarea {margin-bottom: 1vw;width: 41.6vw!important;height: 9vw !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: 17.2vw !important;height: 3.1vw !important;background-color: #e91d25 !important;padding: 0 !important;border: 0 !important;color: #fff;transition: 0.3s;font-size: 1.1vw !important;margin-top: 0.9vw;margin-left: 1vw;margin-right: 0.5vw;}
.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: 9.8vw;margin-right: 1vw;top: -1.4vw;position: relative;}
.iletisim-form-kolonlar {display: flex;justify-content: space-evenly;width: 60.5%;}
.form-dogrula p {display: flex;justify-content: center;width: 100%;}
/*contact form css*/
















.footer { width: 100%; display: flex; flex-direction: row; height: 25vw; align-items: center; padding-bottom: 2vw; justify-content: center; gap: 10vw; flex-wrap: wrap; }
.footer a{color:#000}
.footer-1 {}
.footer-1 img { height: 6vw; }
.footer-2 {display: flex;flex-direction: column;font-size: 1vw;font-weight: 500;line-height: 3vw;}
.footer-3 {display: flex;flex-direction: column;font-size: 1vw;font-weight: 500;line-height: 3vw;}
.footer-4 {display: flex;flex-direction: column;font-size: 1vw;font-weight: 500;line-height: 2vw;}
.footer-5 { display: flex; flex-direction: column; align-items: flex-start; width: 10vw; font-size: 1.1vw; }
.footer-5 p:nth-child(2){margin-bottom:1.6vw;}

.footer h5 { font-size: 1.1vw; border-bottom: 0.1vw solid #000; margin-bottom: 1vw;font-weight:600;line-height: 3vw; }

.footer-sosyal { margin-bottom: 0.8vw; }
.footer-sosyal a { padding: 0.7vw; padding-left: 0.5vw; padding-right: 0.5vw; font-size: 1.5vw; }
.footer-contact{padding: 1vw;padding-left: 2vw;padding-right: 2vw;background-color: #16c4d4;font-size: 1vw;font-weight: 800;margin-bottom:2vw;transition: 0.2s;}
.footer-contact:hover{transform: scale(1.08);transition: 0.2s;}

a.footer-catalog { width: 6.9vw; background: #000; height: 2vw; display: flex; justify-content: space-between; padding-left: 1vw; color: #fff; border-radius: 2vw; font-size: 0.8vw; font-weight: 500; align-items: center; font-style: italic; margin-top: 1vw;}
a.footer-catalog i { color: #000; background: #e4e4e4; width: 2vw; height: 2vw; display: flex; justify-content: center; align-items: center; border-radius: 100%; right: -0.1vw; position: relative; }


.footer-multi { position: relative; display: flex; align-items: center; flex-direction: row; width: 90vw; padding: 0 5vw; height: 5vw; justify-content: space-between; background: #000; }
.footer-multi img{height: 2vw;transition: 0.2s;}
.footer-multi img:hover{transform: scale(1.4);transition: 0.2s;}
copyright {color: #fff;font-size: 0.7vw;font-weight: 400;margin-top: 0.8vw;display: inline;visibility: visible;font-family: Verdana, Arial, sans-serif;}


.hamburger-menu {display:none; position: relative; }