/*
Theme Name: MultiSite FR
Theme URI: http://multiyazilim.com
Author: Multi Yazılım
Author URI: http://multiyazilim.com
Version: MultiSite FR
*/


html { overflow-x:hidden; scroll-behavior: smooth; }
body { margin:0; padding:0; background-image:url('/wp-content/uploads/2023/07/body-arka.jpg'); font-family: 'Ubuntu', 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;}


.masaustu-header {z-index: 5;position: relative;width: 100%;z-index: 2;color: #000;}
.header-ust {height: 5.3vw; display: flex; align-items: center; justify-content: space-between;}
.header-alt {height: 2.5vw; background: url(/wp-content/uploads/2023/07/header-alt.jpg); display: flex; align-items: center;}
.h-sag select {border: 0.1vw solid #c4aea1;border-radius: 0.2vw;padding: 0.3vw;background: #ffffff61;color: #563f30;}

.header-ust img{width: 9.5vw;}
.h-sag{display: flex; width: 25%; justify-content: space-evenly;}
.h-sag a{background: #563f30; color: #fff; font-size: 0.9vw; width: 10vw; display: flex; border-radius: 0.3vw; align-items: center; padding: 0.5vw; justify-content: space-evenly;}
.h-sag a:hover{background: #6a805b;}
.h-sag a>i{font-size: 1.3vw;}


.sosyal {display: flex;flex-direction: row;padding-top: 0.1vw;width: 14.9%;align-items: center;justify-content: space-evenly;padding-left: 9vw;padding-right: 1vw;}
.sosyal a{display: flex; width: 2.4vw; height: 2.1vw; font-size: 1vw; border-radius: 0.3vw; float: left; color: #fff; background: #563f30; align-items: center; justify-content: center;}
.sosyal a:last-child{margin-right:0;}
.sosyal a:hover{background: #6a805b;}



#masaustu-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: 10vw;text-align: center;}

.menu-item a{height: 100%;display:block;color:#fff;transition:0.2s;display: flex;align-items: center;justify-content: center;}
.menu-item a:hover{color:#563f30;transition:0.2s;}
.menu-item a > img {width: 8vw;}
.masaustu-dropdown {display: flex;width: 13vw;height: 11vw;background-color: #563f30;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;}
.masaustu-dropdown>.menu-item {text-align: left;font-size: 0.9vw;padding-left: 2vw;height: auto;margin: 0.3vw 0;width: auto;font-weight: 500;}
.masaustu-dropdown>.menu-item a{color: #fff;}
.masaustu-dropdown>.menu-item:hover>a{color:#c2ac9f !important;}
.menu-item:hover>.masaustu-dropdown{opacity:1;visibility:visible;}

.preload{display: flex; flex-direction: column; height: 100%; width: 100%; overflow-x: hidden; overflow-y: hidden; position: fixed; top: 0;padding-left: 1.5vw;z-index:99;}
.div1,.div2, .div3{display: flex; width: 100%; height: 100%; position: absolute; overflow-x: hidden; overflow-y: hidden;}
marquee img{  width:60%;}

.mobil-header{display:none;}


.anasayfa-alan-1 {height: 42vw;background: #2b1f17;overflow: hidden;position: relative;margin-top: -1vw;}
.anasayfa-alan-1 video {position: absolute;height: 56vw;opacity: 0.4;width: 100%;object-fit: cover;}
.alan1-icerik{position: relative;z-index: 1;display: flex; flex-direction: column; justify-content: center; align-items: center; padding-top: 7vw;}
.alan1-icerik img{width: 28vw;}
.alan1-icerik span{width: 24vw;display: flex; color: #fff; font-family: 'Allura'; font-size: 3.3vw; text-align: center;margin: 2vw 0;}
.alan1-btn {position: relative;z-index: 1;background-image: url(/wp-content/uploads/2023/07/giris-buton-arka.png);background-size: 100vw;background-position: center;height: 2.2vw;margin-top: 7vw;display: flex;align-items: center;font-weight: 500;font-size: 1.1vw;justify-content: center;background-repeat: no-repeat;transition: 0.3s;}
.alan1-btn:hover {background-size: 127vw;transition: 0.3s;font-size: 1.3vw;}
.alan1-btn a{color: #2c130b;}


.anasayfa-alan-2 {height: 49vw; background-image: url(/wp-content/uploads/2023/07/alan2-arka.jpg); display: flex; flex-direction: column; justify-content: space-between; align-items: center; background-size: cover;}
.alan2-kapsar{display: flex; flex-direction: column; justify-content: center; align-items: center;    padding-top: 4.8vw;}
.anasayfa-alan-2 img{width: 16vw; margin-bottom: 3vw;}
.anasayfa-alan-2 p {width: 74%;text-align: center;font-size: 1.2vw;margin-bottom: 2vw;color: #2c1a0f;font-weight: 500;}
.anasayfa-alan-2  a{background: #6a805b; color: #fff; font-size: 1vw; padding: 0.6vw; width: 8vw; display: flex; align-items: center; justify-content: center;transition: 0.3s;}
.anasayfa-alan-2 a:hover {background: #563f30;transition: 0.3s;width: 8vw;font-size: 1.1vw;}


.anasayfa-alan-3{height: 28.5vw; background: url(/wp-content/uploads/2023/07/alan3-arka.jpg); background-size: contain; display: flex; align-items: center; justify-content: center; flex-direction: column;}

.anasayfa-alan-3 > span { color: #fff; font-family: 'Allura'; font-size: 4vw; }
.btn3 {background: url(/wp-content/uploads/2023/07/alan3-buton-arka.png);background-size: 100vw;width: 100%;height: 5vw;margin-top: 3vw;display: flex;align-items: center;justify-content: center;background-position: center;background-repeat: no-repeat;transition: 0.3s;font-size: 1.3vw;transition: 0.3s;}
.btn3:hover {background-size: 111vw;transition: 0.3s;font-size: 1.5vw;height: 7vw;}
.btn3 span{color: #563f30;}


.anasayfa-alan-4{display: flex; flex-wrap: wrap; justify-content: center; align-items: center; padding-top: 6vw; padding-bottom: 2.3vw;}
.alan4-box{width: 26vw; height: 33.3vw; margin-right: 2.1vw; margin-left: 2.1vw; margin-bottom: 4.1vw; display: flex; background-size: contain; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 32px;background-repeat: no-repeat;}
.anasayfa-alan-4 a:nth-child(1){background-image: url(/wp-content/uploads/2023/07/kutu-earthen-arka.jpg);}
.anasayfa-alan-4 a:nth-child(2){background-image: url(/wp-content/uploads/2023/07/kutu-wood-arka.jpg);}
.anasayfa-alan-4 a:nth-child(3){background-image: url(/wp-content/uploads/2023/07/kutu-stone-arka.jpg);}
.anasayfa-alan-4 a:nth-child(4){background-image: url(/wp-content/uploads/2023/07/kutu-marble-arka.jpg);}
.anasayfa-alan-4 a:nth-child(5){background-image: url(/wp-content/uploads/2023/09/kutu-glass-arka.jpg);}
.anasayfa-alan-4 a:nth-child(6){background-image: url(/wp-content/uploads/2023/07/kutu-metal-arka.jpg);}
.alan4-box:hover {transform: scale(1.03);transition: 0.3s;}
.btn4-ust{color: #fff; font-size: 1.3vw; margin-top: 1.4vw; margin-left: 2.5vw}
.title4-ust{color: #563f30; font-size: 2vw; margin-left: 8.4vw; margin-top: 2vw;}
.title4-ust-2{color: #3b5b25; font-size: 2vw; margin-left: 8.4vw; margin-top: 2vw;}
.title4-alt {color: #3b5b25;font-size: 2vw;margin-left: 10vw;margin-bottom: 2.3vw;text-align: right;}
.title4-alt-2{color: #563f30; font-size: 2vw; margin-left: 9.4vw; margin-bottom: 2.3vw;}
.title4-alt-3 {color: #3b5b25;font-size: 2vw;margin-left: 8.4vw;margin-top: 1.3vw;text-align: right;}
.btn4-alt{margin-bottom: 1.4vw; color: #fff; font-size: 1.3vw; margin-left: 2.5vw;}


.anasayfa-alan-5 {height: 32.1vw;background: url(/wp-content/uploads/2023/07/alan5-arka.jpg);background-size: cover;display: flex;align-items: center;justify-content: flex-start;flex-direction: column;}
.anasayfa-alan-5 h2 {font-family: 'Allura';font-size: 4.2vw;color: #553420;padding-top: 3.8vw;margin-bottom: 4vw;font-weight: 500;}
.alan5-kapsar {display: flex;justify-content: center;width: 100%;align-items: center;}
.alan5-tel {margin: 0 8vw;}
.alan5-tel,.alan5-mail, .alan5-adres{display: flex; font-size: 1.4vw; align-items: center; justify-content: center;}
.alan5-tel,.alan5-mail, .alan5-adres span{color:#553420}
.alan5-kapsar i { font-size: 3vw; margin-right: 1vw;color:#2c1a0f }
.alan5-btn {background: #6a805b;color: #fff;font-size: 1vw;padding: 0.6vw;width: 12vw;display: flex;align-items: center;margin-top: 4vw;justify-content: center;transition: 0.3s;}
.alan5-btn:hover {background: #2c1a0e;width: 12vw;padding: 0.8vw;font-size: 1.1vw;transition: 0.3s;}




.sayfalar-baslik {width: 100%;color: #fff;font-size: 2.9vw;font-weight: 500;background: url(/wp-content/uploads/2023/07/footer-arka.jpg);height: 4vw;display: flex;align-items: center;justify-content: center;font-family: 'Allura';padding-top: 1vw;}

.kurumsal {min-height: 47vw;background: #95562c57;}

.kurumsal-alan1 {display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
.kurumsal-ust-foto {background: url(/wp-content/uploads/2023/07/giris-temsili-arka.jpg);width: 100%;height: 19vw;background-size: cover;background-attachment: fixed;margin-bottom: 5vw;}
.kurumsal-alan1-yazi {width: 77vw;color: #3D2C24;}
.kurumsal-alan1-yazi h1 {font-size: 3vw;margin-bottom: 1vw;text-align: center;font-family: 'Allura';}
.kurumsal-alan1-yazi h4 {font-size: 2vw;margin-bottom: 1vw;text-align: center;font-family: 'Allura';}
.kurumsal-alan1-yazi p {font-size: 1.1vw;margin-bottom: 1vw;font-weight: 500;line-height: 2vw;text-align:center;}
.kurumsal-alt-foto {background: url(/wp-content/uploads/2023/07/alan3-arka.jpg);width: 100%;height: 19vw;background-size: cover;background-attachment: fixed;margin-top: 5vw;}





.products{display: flex;min-height: 47vw;flex-direction: column;}
.urunler{display: flex;justify-content: center;margin-top: 2vw;flex-wrap: wrap;margin-bottom: 4vw;}
.urunler-baslik {width: 100%;color: #fff;font-size: 2.9vw;font-weight: 500;background: url(/wp-content/uploads/2023/07/footer-arka.jpg);height: 4vw;display: flex;align-items: center;justify-content: center;font-family: 'Allura';padding-top: 1vw;}
.urunsayfa-tufek-kutu {width: 28vw;height: 24vw;text-align: center;margin: 1vw 1vw 2vw 1vw;box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;display: flex;flex-direction: column;align-items: center;justify-content: space-between;transition: 0.2s}
.urunsayfa-tufek-kutu:hover{-webkit-transform: scale(1.04);transform: scale(1.04);transition: 0.3s}
.urunsayfa-tufek-kutu img {float: left;object-fit: cover;width: 100%;position: relative;z-index: 1;background: #563f30;height: 18vw;}
.urunsayfa-tufek-kutu h3 {font-size: 1.3vw;color: #563f30;font-weight: 600;position: relative;}
.urunsayfa-tufek-kutu span {font-size: 1.1vw;width: 100%;height: 2.4vw;background: #95562c57;display: flex;align-items: center;justify-content: center;color: #fff;}
.urunsayfa-tufek-kutu:hover span {transition: 0.3s;background: #4c240aa6;}



.urun-detay-sayfa{min-height: 47vw;margin-bottom: 5vw;position: relative;z-index: 0;display: flex;flex-direction: column;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}
.tufek-foto{text-align: center;}

.urun-detay {display: flex;justify-content: center;align-items: center;margin-top: 5vw;}
.urun-detay-foto {height: auto;width: 37vw;margin-bottom: 1vw;color: #563f30;}
.urun-detay-sag {width: 37vw;margin-left: 3vw;}
.urun-detay-sag h2 {font-size: 2.4vw;margin-bottom: 1vw;color: #563f30;}
.urun-detay-sag p {font-size: 1.2vw;line-height: 4vw;color: #563f30;font-weight: 500;}
.urun-galeri {width: 78.2vw;margin-top: 3vw;}
#gallery-1 {width: 100%;display: flex;flex-wrap: wrap;justify-content: flex-start;align-items: flex-start;height: auto;margin-bottom: 2vw !important;margin-top: 1vw !important;position: relative;}
dl.gallery-item {float: left;margin-top: 10px;text-align: center;width: auto !important;display: flex;flex-direction: column;justify-content: center;align-items: center;}
#gallery-1 img {border: 2px solid #cfcfcf;width: 18.3vw !important;margin-right: 0.6vw;margin-left: 0.6vw;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;}

.related-baslik {font-size: 2.5vw;color: #563f30;display: flex;justify-content: center;align-items: center;margin-bottom: 2vw;margin-top: 2vw;font-family: 'Allura';}
.related-cizgi {width: 61vw;height: 0.1vw;background: #563f30;position: relative;margin-left: 2vw;}
.single-related {width: 80vw;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;margin-bottom: 4vw;}
.single-related a {display: flex;align-items: center;justify-content: center;width: 18vw;flex-direction: column;box-shadow: rgb(0 0 0 / 9%) 0px 3px 22px;margin: 0 1vw;margin-bottom: 2vw;}
.single-related a:hover{transform: scale(1.03);}
.single-related h3 {font-size: 1.2vw;color: #563f30;font-weight: 600;height: 3vw;display: flex;align-items: center;justify-content: center;}
.single-related img {width: 100%;height: 15vw;object-fit: cover;transition: 0.2s all;}
.related-buton {font-size: 0.9vw;width: 100%;height: 2.4vw;background: #95562c57;display: flex;align-items: center;justify-content: center;color: #fff;transition: 0.3s;}
.single-related a:hover .related-buton{transition: 0.3s;background: #4c240aa6;}

.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;}
/*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;}
.media-baslik {font-size: 6vw;color: #563f30;}
#rl-gallery-container-1 .rl-basicgrid-gallery .rl-gallery-item {
    width: 25% !important; 
	margin: 0px !important;
	
}

.rl-basicgrid-gallery .rl-gallery-item img { max-width: 100%; width: 100%; height: 23vw; object-fit: cover; display: inline-block; }



.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: #563f30;padding: 1vw;width: 2vw;text-align: center;}
.bilgiler {padding-left: 1.7vw;}
.bilgiler h5 {font-size: 1.2vw;color: #563f30;font-weight: 700;}
.bilgiler p {color: #563f30;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 {width: 78vw;font-size: 1.5vw;color: #ffffff;text-align: center;font-weight: 500;margin-bottom: 1vw;background: url(/wp-content/uploads/2023/07/header-alt.jpg);height: 3vw;display: flex;align-items: center;justify-content: center;}

.iletisim iframe {width: 100%;height: 30vw;border: 0;margin-top: 5vw;filter: grayscale(1);}



/*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 {display: flex;margin-top: 3vw;margin-bottom: 3vw;align-items: center;justify-content: center;flex-wrap: wrap;flex-direction: row;}
.wpcf7 label {display: block;font-size: 1vw !important;margin-top: -0.5vw;}
.wpcf7 label input {height: 3.1vw;background-color: #ffffff57;color: #000;border: 0.2vw #c1ab9e38 solid !important;line-height: 1.4vw;width: 37.6vw;margin-top: 0.1vw;margin: 0.5vw 0.7vw 0 0.7vw;}
.phone input{background:#f6f6f6 !important;}
.wpcf7-textarea{margin-bottom: 1vw; width: 77vw!important;height: 11vw !important; background-color: #ffffff57; color: #000; border: 0.2vw #c1ab9e38 solid !important; border: 0; margin-top: 0.2vw;}
/*span.wpcf7-form-control-wrap.your-message { position: absolute;}*/
.wpcf7-submit {width:36.8vw !important;height: 3.1vw !important;background: url(/wp-content/uploads/2023/07/footer-arka.jpg) !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;background-size: 100% !important;}
.wpcf7-submit:hover {background-size: 60vw !important;transition: 0.3s;font-size: 1.3vw !important;}
.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: 100%;}
.form-dogrula p {display: flex;justify-content: center;width: 100%;}
/*contact form css*/












.wp {position: fixed;bottom: 1vw;float: right;right: 1vw;z-index: 99;}
.wp>i {background: linear-gradient(to right, #26C281, #09e072);border-radius: 5vw;color: #fff;width: 4vw;height: 4vw;font-size: 2.3vw;display: flex;flex-direction: column;justify-content: center;align-items: center;float: right;position: relative;}
#myBtn {display: block;position: fixed;bottom: 1vw;right: 5.8vw;z-index: 100;font-size: 1.6vw;outline: none;background-color: #6a805b;border: 0.2vw solid #6a805b;color: #fff;cursor: pointer;border-radius: 100%;width: 4vw;height: 4vw;padding: 0;transition: 0.2s;}




.footer {width: 100%; display: flex; flex-direction: column; height: 11.8vw; background-color: #2c1a0e; align-items: center; justify-content: flex-start;}
.footer a{color: #000; float: right; right: 4vw; margin-top: 0.6vw; position: absolute;}
.footer-1 {background: url(/wp-content/uploads/2023/07/footer-arka.jpg); width: 100%; display: flex; height: 9vw; align-items: center; justify-content: center;}
.footer-1 img {height:5vw;}


.footer-multi {display: flex; width: 100%; justify-content: center;}
.footer-multi img{height: 1.7vw; transition: 0.2s;}
.footer-multi img:hover{transform: scale(1.1);transition: 0.2s;}

copyright {color: #83604d; font-size: 0.7vw; font-weight: 400; margin-top: 0.9vw; display: inline; visibility: visible;}