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

/*@media (min-width: 913px) {
  Web sitesi tasarımını gizle 
	.pc{display: flex !important; margin: 4vw; color: #fff; font-size: 1.5vw; align-items: center; justify-content: center;}
	.pc img{width: 41vw;  margin-top: 42%; position: fixed;}
	.pc p{position: fixed;}
	body{background:#183936 !important}
	.test{display:none}
	.footer{visibility:hidden}
	copyright{    display: none!important;}
}*/

html { overflow-x:hidden; scroll-behavior: smooth; }
body { margin: 0; padding: 0; font-family: "Poppins", serif; background-size: contain; }

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;}


	/*--------Mobil Header Başlar--------*/	

/*.mobil-header{display:block;height: 11vw;} 
 .header-sabit {height: 9.5vw;text-align: center;width: 100%;box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;position: fixed;z-index: 900;display: flex;border-bottom: 1.2vw solid #634734;background: #30241c;background-size: 350vw;background-position: center;border-bottom: 1.6vw solid #654e40;    background: url(/wp-content/uploads/2024/02/header-arka.jpg);}
*/


.mobil-header {height: 55vw;display: flex;}
.header-sabit {width: 100%;z-index: 30;display: flex;background-size: cover !important;flex-direction: column;background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url(/wp-content/uploads/2025/11/back-1.jpg);background-position: center;justify-content: space-between;position: fixed;height: 55vw;}
.alt-baslik { width: 100%; height: 14.9vw; display: flex; align-items: center; justify-content: center; font-size: 3.1vw; color: #ffffff; }
.alt-baslik h2 { font-weight: 500; letter-spacing: 0.5vw; }

.header-icerik .mobile-icon {width: 59vw;margin-top: 10vw;z-index: 3;position: relative;}
.header-icerik {width: 100%; display: flex; /* position: fixed; */ justify-content: center; flex-direction: column; align-items: center;}
.hKapsar { display: flex; background: #fff; justify-content: space-around; align-items: center; width: 19vw; border-radius: 1vw; color: #183936; font-weight: 900; right: -35vw; font-size: 3.3vw; padding: 2vw; top: 4vw; position: relative; }
.header-logo img {height: 11vw;margin-left: -6vw;}
.header-logo{height: 11vw;}
.mobil-header-wp {display: flex;align-items: center;flex-direction: column;cursor: pointer;justify-content: center;background-color: #634734;width: 10vw;height: 7vw;margin-right: 8vw;border-radius: 1vw;}
.mobil-header-wp i {color: #fff;font-size: 3.4vw;}

.mobil-h-catalog {width: 35vw;height: 9vw;background-color: #0f4362;display: flex;margin-left: 11.6vw;justify-content: center;align-items: center;border-radius: 1.2vw;transition: -0.3s all ease-in;font-size: 3vw;color: #fff;margin-top: 3vw;}
.mobil-h-catalog i{font-size:4vw;margin-right:2vw;}
.mobil-sosyal {width: 100%; justify-content: flex-start; display: flex; margin-top: 6vw; /* margin-left: 0vw; */ /* padding-left: 6.2vw; */ align-items: center; }
.mobil-sosyal a {width: 9vw;height: 6vw;background-color:#c1518e;display: flex;margin-right: 4vw;justify-content: center;align-items: center;border-radius: 1.2vw;transition: -0.3s all ease-in;}
.mobil-sosyal a:hover { background-color: #008bd2;transition: 0.3s;}
.mobil-sosyal a>i{color:#fff;font-size:3.8vw;}
.active .mobil-sosyal {padding-bottom: 5vw;}
.mobile-bayrak {display: flex;margin-left: 6vw;padding-bottom: 33vw;transition: 0s all;}
.mobile-bayrak img {width: 7vw;margin-right: 4vw;transition: 0s all;}	
.mobile-turkish{opacity:0.5;}
.mobile-bayrak a{transition: 0s all;}
.mobile-bayrak a:hover{opacity:1;}
	
	
	

.navbar {width: 100%;display: flex;height: auto;padding-top: 5vw;transition: 0s all;flex-direction: column;overflow-y: auto;overflow-x: visible;max-height: 200vw;}
#pencet {display: flex; flex-direction: column; cursor: pointer; align-items: center; position: relative; justify-content: center; right: -0.6vw;}
#pencet span { background-color: #183936; width: 4.9vw; height: 0.72vw; margin: 0.35vw 0; display: block; transition: all .4s ease; transform-origin: 0 0; }
.Diam span:nth-child(1) {transform: rotate(39deg) translate(2.1px, -1.9px);top: 0.3vw !important;position: relative;}
.Diam span:nth-child(2) {transform: scaleX(0);}
.Diam span:nth-child(3) {transform: rotate(306deg) translate(-0.8vw, 0);margin-left:2vw !important;}

#menu-kapatma {visibility:hidden;opacity:0;position:absolute;z-index:-99;transition:0.2s all ease-in;text-align:center;}
#menu-kapatma a {color: #ffffff; font-size: 7.3vw; font-weight: 500; display: flex; justify-content: center; margin-top: 18%;  z-index: 99; border: 0.6vw solid #b0895f; width: 11vw; height: 11vw; background-color: #0f0f0f;}
#menu-kapatma.active{visibility: visible; opacity: 1; position: relative; z-index: 20; margin: 0 !important; border-radius: 100%; height: 8.1vw; width: 8.1vw;}


#menu {position: fixed; bottom: 0; right: 0; left: 0; width: 100%; /*height: 0%;*/ background: #fff; visibility: hidden; transform: translateY(0%); z-index: 0;opacity:0;transition: 0s}
#menu.active {visibility: visible;z-index: 900;width: 100%;overflow-y: auto !important;clear: both;height: 100%;opacity: 1;padding-bottom: 1vw;top: 40vw;overflow-x: hidden;text-align: center;transition: height .4s ease;background-size: cover;display: flex;flex-wrap: wrap;align-content: flex-start;transition: 0.2s;}

#menu>ul>li {height: auto;width: 88vw;list-style: none;color: #fff;font-size: 3vw;margin: 0 6vw;text-align: left;float: none;font-weight: 500;padding: 0;transition: 0s all;}
#menu ul>li>a {display: inline-block !important;color: #183936;font-size: 3.3vw;margin-bottom: 0vw;padding-bottom: 1.5vw;margin-left: 0vw;transition: -0.1s all linear;font-weight: 600;text-transform: uppercase;display: flex !important;align-items: center;background: #63473400;padding: 1.7vw 4vw;border-radius: 2vw;}
#menu ul>li>a span{    font-weight: 600;}
#menu-item-diller{width:35px;margin:0 auto;}
#menu .dropdown2 {display:block;transform:translateY(0);    position: absolute; opacity: 0; height: 0; visibility: hidden; transform: translateY(0); }
.dropdown2 { margin-left: 0vw; width: 87vw; padding-left: 4vw; }


#menu ul li a:hover, #menu ul li ul li a:hover { transition: 0.3s; color: #ffffff; background: #9e7663; }

#menu ul li ul li:first-child{margin-top:15px;}
#menu ul li ul li { margin-bottom: 3vw; text-align: left; margin-left: 0vw; font-size: 2.8vw; font-weight: 500; width: 91%; }
#menu ul li ul li a{margin-left:0vw;}
#menu.active #menu-item-dropdown.active>ul, #menu-item-dropdown2.active>ul {height: auto;position: relative;visibility: visible;opacity: 1;display: flex;flex-direction: column;align-items: flex-start;}
#menuac,#menuac2{transition: 0.2s all;}
#menuac.active i, #menuac2.active i{transform: rotate(0.5turn);padding: 0;}


.alt-menu { display: flex; font-size: 3.1vw; text-align: left; color: #b0427e; width: 100%; bottom: 0vw; padding-left: 5.8vw; flex-direction: column; background: #fff1f9; padding-top: 5vw; height: 64%; margin-top: 35vw; }
.altmenu-baslik{color: #2281b2; font-size: 2.8vw; margin-bottom: 5vw; font-weight: 600;}
.menu-item i.fa.fa-list-alt, .menu-item i.fa.fa-home { margin-right: 2vw; background: #9e7663; width: 7vw; font-size: 4vw; height: 7vw; color: #fff1f9; border-radius: 5vw; display: flex; align-items: center; justify-content: center; }

.wifi-kapsar {color: #fff;display: flex;justify-content: center;padding: 2vw;align-items: center;background: #183936;height: 6vw;width: 100%;font-size: 3.5vw;font-weight: 600;}
.wifi-kapsar i{font-size: 5vw;margin-right: 3vw;}
.wifi-kapsar h5 { margin-right: 3vw; font-size: 3.5vw; font-weight: 700; }

.menu-item i.fa.fa-list-alt{padding-top: 0.3vw;height: 6.7vw;}

/*--------Mobil Header BİTER--------*/


.anasayfa {min-height: 100vw;margin: 7vw 0 16vw;}
.menu-icerik { display: flex; flex-wrap: wrap; align-items: center; width: 100%; justify-content: center; gap: 2vw; margin-top: 4vw; }
.menu-icerik a { width: 45%; height: 65vw; border-radius: 3.2vw; background-size: cover !important; display: flex; align-items: center; flex-direction: column; justify-content: flex-end; }
.menu-icerik a:hover { -webkit-transform: scale(1.05); transform: scale(1.05); transition: 0.3s; }
.menu-icerik a >span { color: #ffffff; font-size: 3vw; margin-bottom: 1vw; font-weight: bold; width: 100%; display: flex; flex-direction: column; align-items: center; padding: 1.5vw 0; }
/*



.kurumsal{min-height: 47vw;}

.kurumsal-alan1 {margin-top: 5vw;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
.kurumsal-alan1-yazi {width: 40vw;margin-right: 10vw;}
.kurumsal-alan1-yazi h1 {font-size: 2vw;margin-bottom: 1vw;}
.kurumsal-alan1-yazi p {font-size: 0.9vw;margin-bottom: 1vw;}

.kurumsal-alan1-kutu1{width: 20vw;height: 19.2vw;background-color: #46779b;display: flex;flex-direction: column;align-items: center;transition: 0.3s;}
.kurumsal-alan1-kutu1:hover{background-color: #31536c; -webkit-transform: scale(1.08);
  transform: scale(1.08);transition: 0.3s;}
.kurumsal-alan1-kutu1 h4{margin-top: 1vw;font-size: 2vw;color: #fff;}
.kurumsal-alan1-kutu1 p{width: 15vw;text-align: center;font-size: 0.8vw;color: #fff;}

*/


.products { display: flex; min-height: 100vh; flex-direction: column; align-items: center; }
.urunler { display: flex; justify-content: center; flex-direction: column; align-items: center; gap: 2vw; padding: 0vw; width: 100%; border-radius: 5vw; margin: 4vw 0; }
.urunler-baslik { width: 100%; color: #fff; font-size: 4.2vw; height: 12vw; display: flex; align-items: center; justify-content: center; background: #183936; text-transform: uppercase; }

.urunsayfa-kutu {display: flex;align-items: center;transition: 0.2s;width: 89%;text-align: center;border-radius: 3vw;margin: 0;flex-direction: column;background: #f3f3f3;padding: 3vw;}
.urunsayfa-kutu:hover{-webkit-transform: scale(1.04);transform: scale(1.04);transition: 0.3s}
.urunsayfa-kutu img {float: left;object-fit: cover;width: 100%;height: 35vw;position: relative;z-index: 1;border-top-left-radius: 3vw;border-top-right-radius: 3vw;border-radius: 3vw;}
.urunsayfa-kutu h3 { font-size: 3.3vw; color: #183936; font-weight: 600; width: 80%; text-align: left; }
button.filter-btn { background: #00120f; border: none; color: #fff; padding: 2vw 5vw; font-size: 2.6vw; border-radius: 3vw; border: 0.1vw solid #9e7663; }
.foto {width: 100%;}

.cat-icerik { display: flex; align-items: flex-start; justify-content: space-between; height: auto; width: 100%; padding: 2vw 3vw; position: relative; flex-direction: column; border-radius: 2vw; gap: 2vw; }
.cat-icerik span { font-size: 3.5vw; color: #183936; font-weight: 800; }
.cat-icerik p { font-size: 2.9vw; color: #9e7663; font-weight: 500; width: 100%; text-align: left; }
.cat-icerik div { width: 80%; display: flex; flex-direction: column; align-items: flex-start; gap: 2vw; }

.urun-detay-sayfa{display: flex; min-height: 86vh; flex-direction: column; background: #fff; align-items: center;}
#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 {width: 100%; color: #fff; font-size: 4.8vw; height: 12vw; display: flex; align-items: center; justify-content: center; background: #c1518e; text-transform: uppercase;}

.urun-detay-foto {width: 90vw; height: 57vw;object-fit: contain !important; }
.urun-ozellikler {margin-top: 6vw; display: flex;flex-direction: column;}
.ucret { display: flex; justify-content: space-between; margin-top: 7vw; font-size: 4.9vw; color: #2281b2; width: 84vw; padding: 3vw; border-bottom: 0.6vw solid #d5edf9; border-top: 0.6vw solid #d5edf9; font-weight: 700; flex-direction: row; align-items: center; }
.ucret h5 { width: 62vw; }
.ucret span { font-size: 6vw;margin-left:2vw; }
.urun-aciklama{font-size: 3.4vw; padding: 8vw; border-radius: 3vw; box-shadow: rgb(0 0 0 / 15%) 1.95px 1.95px 2.6px; width: 74vw; background: #d5edf9; margin-top: 7vw; color: #2281b2;margin-bottom: 10vw;}

.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;}



.iletisim {display: flex;flex-direction: column;width: 100%;min-height: 47vw;}

.iletisim-ust {margin-top: 6vw;margin-bottom: 4vw;display: flex;justify-content: center;align-items: center;width: 100%;}
.iletisim-ust-bilgiler>i{color:}
.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-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: 40.9vw;margin-top: 0.1vw;margin: 0.5vw 0.7vw 0 0.7vw;}
.phone input{background:#f6f6f6 !important;}
.wpcf7-textarea{margin-bottom: 1vw; width: 83.4vw!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: 43.6vw !important;height: 3.1vw !important;background-color: #176d7e !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;margin-left: 1vw;}
.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%;}
/*contact form css*/

.footer { width: 100%; display: flex; flex-direction: column; padding-top: 5vw; height: 40vw; align-items: center; justify-content: space-between; background: #183936; }
.footer-multi a{color: #000; float: right; right: 8vw; margin-top: 0; position: absolute;}

.footer-1 img {height: 13vw; margin-top: 4vw;}


.footer-multi {display: flex; width: 100%; justify-content: center; height: 13vw; align-items: center; background: #fff; opacity: 0.7;}
.footer-multi img{height: 5.1vw; transition: 0.2s;}
.footer-multi img:hover{transform: scale(1.4);transition: 0.2s;}

copyright {color: #000; font-size: 2.4vw; font-weight: 500; margin-top: 0vw; display: inline; visibility: visible;}