/*
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; font-family: 'Poppins', 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 {z-index: 5;position: relative;width: 100%;z-index: 2;color: #000;}
.header-ust {background: #d9d9d9;height: 3vw;display: flex;align-items: center;justify-content: center;}
.header-alt {height: 4vw;background: #ffe099;display: flex;align-items: center;}



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



#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: 700;transition: 0.6s all;width: 10vw;text-align: center;}

.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:#295e63;transition:0.2s;}
.menu-item a > img {width: 8vw;}
.dropdown {display: flex;width: 13vw;height: 11vw;background-color: #46779b;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;}
.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{color:#1a1b1f !important;}
.menu-item:hover>.dropdown{opacity:1;visibility:visible;}




.anasayfa-alan-1 {height:45.5vw;}

.anasayfa-alan-2 {height:30vw;background:#bbb}

.anasayfa-alan-3{height:30vw;background:#777}

.anasayfa-alan-4{height:30vw;background:#ffd3a5}

.anasayfa-alan-5{height:30vw;background:#95b5b4}




.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: 47vw;flex-direction: column;}
.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: 20vw;height: 13vw;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: center;}
.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: 100%;position:relative;z-index:1;margin-bottom: 1vw;}
.urunsayfa-tufek-kutu h3 {font-size: 1.3vw;color: #000;font-weight: 500;position: relative;}





.urun-detay-sayfa{min-height: 47vw;background: #fff;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}
.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;}
.urun-detay-foto {height: auto;width: 70vw;margin-bottom: 1vw;margin-top: 1vw;}
.urun-ozellikler {width: 80vw;margin-top: 3vw;}
.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: 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;}
.ozellikler li:nth-child(4n+1) {background: #fafafa;}
.ozellikler li:nth-child(4n+2) {background: #fafafa;}
.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;}







/*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: row;height: 23vw;background-color: #f0f0f0;align-items: center;padding-bottom: 7vw;justify-content: center;}
.footer a{color:#000}
.footer-1 {}
.footer-1 img {height:10vw;}
.footer-2 {display: flex;flex-direction: column;font-size: 1.1vw;font-weight: 500;line-height: 2vw;margin: 0 5vw;}
.footer-3 {display: flex;flex-direction: column;font-size: 1.1vw;font-weight: 500;line-height: 2vw;margin: 0 5vw;}
.footer-4 {display: flex;flex-direction: column;font-size: 1.1vw;font-weight: 500;line-height: 2vw;margin: 0 5vw;}
.footer-5 {display: flex;flex-direction: column;align-items: center;}


.footer-sosyal a{padding: 0.7vw;padding-left: 1.5vw;padding-right: 1.5vw;background-color: #d45a04;font-size: 0.8vw;font-weight: 800;}
.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;}

.footer-multi {position: absolute;margin-top: 28vw;display: flex;align-items: center;flex-direction: column;}
.footer-multi img{height: 2vw;margin-top: -2.6vw;transition: 0.2s;}
.footer-multi img:hover{transform: scale(1.4);transition: 0.2s;}

copyright {color: #000;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: #d9d9d9;width: 16vw;margin-bottom: 1vw;}
.dikey-cizgi{height: 6vw;background: #4f4f4f;width: 0.02vh;margin-left: 1vw;margin-right: 1vw;margin-top: 0;}