/*
Theme Name: Masaüstü
Theme URI: http://multimediabilgisayar.com
Author: Multimedia Bilgisayar
Author URI: http://multimediabilgisayar.com
Version: Masaüstü
*/


html { overflow-x:hidden; scroll-behavior: smooth; }
body { margin:0; padding:0; background:#fff; 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;}

/*scrool button*/
#myBtn {display: block;position: fixed;bottom: 1vw;right: 7.6vw;z-index: 100;font-size: 1.6vw;outline: none;border: 0.1vw solid #ffffff;background: rgb(13 36 63 / 79%);color: white;cursor: pointer;border-radius: 0.7vw;width: 4vw;height: 4vw;padding: 0;transition: 0.2s;}
#myBtn:hover {background-color:rgb(13,36,63);transition:0.2s;}
/* scrool buttton biter*/

/* Whatsapp buttton*/
.whatsap {position: fixed;float: right;bottom: 1vw;right: 1.3vw;z-index: 120;width: 5vw;height: 4vw;display: flex;background: #25d366;align-items: center;border-radius: 0.5vw;justify-content: center;transition:0.2s;}
.whatsap:hover{background:#23bb5b;transition:0.2s;}
.whatsap>i {font-size: 3vw;color: #fff;}
/* Whatsapp buttton biter*/


.header {z-index: 5; position: fixed; width: 100%; margin-top: -2vw;}
.header-ust {background: rgb(13,36,63);background: linear-gradient(90deg, rgba(13,36,63,1) 0%, rgba(31,60,93,1) 50%, rgba(13,36,63,1) 100%); height: 4.5vw; display: flex; align-items: center; justify-content: center;}
.logo img { width: 11vw; margin-left: 9.9vw; margin-right: 8.6vw; }

a.b2b-buton { width: 7vw; height: 2.3vw; background: #ff0000; color: #fff; display: flex; justify-content: center; align-items: center; border-radius: 0.7vw; font-size: 0.95vw; font-weight: 600;  animation: fadeInOut 1.5s infinite; /* Animasyon sürekli tekrar eder */}

/* @keyframes ile animasyon tanımlanıyor */
@keyframes fadeInOut {
  0%, 100% {
    opacity: 1; /* Başlangıç ve bitiş opak */
  }
  50% {
    opacity: 0.5; /* Ortada hafif sönük */
  }
}

.sosyal { display: flex; flex-direction: row; padding-top: 0.1vw; align-items: center; justify-content: center; margin-left: 1vw; margin-right: 2vw; }
.sosyal a{display: flex; width: 2.1vw; height: 1.8vw; border-radius: 0.5vw; margin-left: 1vw; background: #fff; font-size: 1vw;color: #1b3757; align-items: center; justify-content: center;}
.sosyal a:last-child{margin-right:0;}
.sosyal a:hover{color:#949498}


.navbar-sol{width: 30vw; display: flex; justify-content: space-between;}
.navbar-sag{width: 12.5vw; display: flex; justify-content: space-between;}
#menu { width: 100%; cursor: pointer; position: absolute; display: flex; justify-content: center; align-items: center; }
.menu-item{float: left;position: relative;font-size: 1vw;font-weight: 700;transition: 0.6s all;text-align: center;}

.menu-item a{display: block; color: #fff; transition: 0.2s; font-size: 1vw; font-weight: 500;}
.menu-item a:hover:after{content: ""; display: block; width: 3.1vw; height: 0.1vw; background: #fff; position: absolute; left: 50.1%; top:1vw; bottom: 0; -webkit-transform: translate(-50%, 10px); transform: translate(-50%, 10px); -webkit-transition: 0.18s linear; transition: 0.18s linear;}

.menu-item a > img {width: 8vw;}
.dropdown {display: block;width: 13vw;height: 11vw;position: absolute;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-top: 0.8vw;margin-left: -0.7vw;transition: all .3s linear;}
.dropdown>.menu-item {height: 1.8vw;text-align: left;font-size: 0.9vw;padding-left: 1vw;}
.dropdown>.menu-item a{display:inline-block;color: #fff !important;letter-spacing: 0;}
.dropdown>.menu-item:hover>a{color:#1a1b1f !important;}
.menu-item:hover>.dropdown{opacity:1;visibility:visible;}
/*.ucgen-sol{clip-path: polygon(100% 48%, 0 0, 0 100%); width: 2.7vw; height: 0.7vw; background: #1b3757;}
.ucgen-sag{clip-path: polygon(0 51%, 100% 100%, 100% 0); width: 2.7vw; height: 0.7vw; background: #1b3757;}*/
.alan1-ok {font-size: 1.1vw;color: #000;}
.alan1-btn{width: 23.7vw; background: #fff; display: flex; justify-content: space-evenly; align-items: center; height: 2.1vw; margin-top: 1.2vw;}
.alan1-sol img{width: 23.7vw;}
.alan1-btn:hover{background: #1b3757;}
.alan1-btn:hover span{color:#fff}
.alan1-btn:hover .alan1-ok{color: #fff;}
.alan1-sol{margin-top: -4vw; width: 35vw; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.alan1-btn span{color: #000; font-size: 1.3vw; font-weight: 500;}
.anasayfa-alan-1 {margin-top: 2vw; height: 45.6vw; display: flex; justify-content: space-evenly; align-items: center; box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;}
.alan1-sag{width: 49vw; display: flex; flex-direction: column; justify-content: center; align-items: center; margin-top: -1.6vw; left: 0.8vw; position: relative;}
.alan1-sag img{    width: 32vw; margin-bottom: 2.9vw;}
.ana-bayi{color: #fff; font-family: 'Ubuntu'; border-bottom: 0.1vw solid #fff; font-size: 3.4vw; text-shadow: 0px 0px 2vw #000c, 0px 0px 2vw #000c, 0px 0px 2vw #000c; letter-spacing: 0.1vw;}
.catalog-btn{border: 0.2vw solid #fff; font-size: 1vw; color: #fff; display: flex; padding: 0.7vw; border-radius: 1.6vw; width: 15vw; justify-content: space-evenly; align-items: center; margin-top: 4.2vw;transition: all linear 0.2s;}
.catalog-btn:hover{transition: all linear 0.2s;transform: scale(1.08);}
.catalog-btn i{font-size: 2vw;}
.mouse-down{display: flex; flex-direction: column; align-items: center; justify-content: center; }
.ok{position: absolute; margin-top: 37vw;}
.fa-computer-mouse{color: #fff; font-size: 2vw; margin-bottom: 0.6vw;}
.fa-angles-down{color:#fff;}
.slid{ animation: mymove 1.5s infinite alternate;transition:all linear 0.2s;}
@keyframes mymove {
 
  from {top:3.3vw;}
  to {top: 5.2vw;}

}

.anasayfa-alan-2 {background: #fff; margin-bottom: 2vw; margin-top: 2vw;}
.kutu{width: 18vw; background: #ffffff;height: 20.1vw;box-shadow: rgb(60 64 67 / 13%) 0px 4px 20px 0px;display: flex; flex-direction: column; align-items: center; justify-content: flex-start;}
.kutu img{width: 8.6vw; margin-bottom: 1.4vw; margin-top: 1.9vw;}
.kutu div{display: flex; flex-direction: column; align-items: center; font-size: 1vw; justify-content: center;}
.kutu div>h2{font-size: 1.1vw; margin-bottom: 0.8vw; font-weight: bold;}
.mavi-cizgi{background: #86bfd9; width: 19.3vw; height: 1.2vw; position: relative;box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;}
.yesil-cizgi{background: #86d9c2; width: 19.3vw; height: 1.2vw; position: relative;box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;}
.sari-cizgi{background: #ecde7d; width: 19.3vw; height: 1.2vw; position: relative;box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;}
.turuncu-cizgi{background: #e8a675; width: 19.3vw; height: 1.2vw; position: relative;box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;}

.gorseller{display: flex; justify-content: space-around; margin-left: 3.7vw; margin-right: 3.7vw;  margin-bottom: 2vw;}
.anasayfa-alan-3{height: 19.3vw; background-image: url(/wp-content/uploads/2022/10/katalog-arka.jpg); background-repeat: no-repeat; background-size: cover;color: #fff; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.anasayfa-alan-3 > i{font-size: 3.8vw; margin-bottom: 2vw;}
.anasayfa-alan-3 h3{color: #fff; font-size: 2.3vw; margin-bottom: 2.1vw; font-weight: 500; letter-spacing: 0.1vw;}
.anasayfa-alan-3 > a{width: 20vw; color: #fff; font-size: 1.3vw; letter-spacing: 0.1vw; text-align: center; border: 0.1vw solid #fff; border-radius: 2vw; padding: 0.5vw;}
.anasayfa-alan-3 > a:hover{transition: all linear 0.2s;transform: scale(1.05);}
.anasayfa-alan-4{height: 20.8vw; background: #fff; display: flex; justify-content: space-evenly; align-items: center;}
.zsr-logo, .huglu-logo, .rc-logo{display: flex; flex-direction: column; align-items: center;transition: all linear 0.2s;}
.rc-logo span{background: #e83e18; color: #000; font-size: 0.9vw; padding: 0.3vw; width: 13.6vw; text-align: center; margin-top: 0.7vw;transition: all linear 0.2s;}
.zsr-logo span{background: #19ace3; color: #fff; font-size: 0.9vw; padding: 0.3vw; width: 12.6vw; text-align: center; margin-top: 1.2vw;transition: all linear 0.2s;}
.huglu-logo span{background: #1d395a; color: #fff; font-size: 0.9vw; padding: 0.3vw; width: 13.6vw; text-align: center; margin-top: 1.2vw;transition: all linear 0.2s;}
.huglu-logo:hover span, .zsr-logo:hover span, .rc-logo:hover span{transform: scale(1.1); transition: all linear 0.2s;}

.anasayfa-alan-5{height:31.4vw;background-image:url(/wp-content/uploads/2022/10/hakkimizda-arka.jpg);background-repeat:no-repeat;background-size: cover;box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;background-position-y: -4vw;}
.anasayfa-alan-5 h2{color: #102844; font-size: 1.7vw; margin-bottom: 2vw;}
.anasayfa-alan-6{display: flex; flex-direction: column; margin-left: 4vw; margin-right: 4vw;margin-bottom: 4vw;}
.videolar{display: flex; justify-content: space-between; margin-top: 3.2vw;}
.videolar iframe{width: 44.2vw; height: 24vw;}
.youtube-link{width: 89.8vw; border: 0.2vw solid #f00; color: #f00; font-size: 1.1vw; text-align: center; font-weight: 600; padding: 0.4vw; display: flex; justify-content: center; align-items: center; margin-top: 2vw;}

.youtube-link span{background: #f00; border-radius: 0.4vw; width: 2.5vw; height: 1.6vw; display: flex; justify-content: center; margin-right: 1vw; align-items: center;}
.contact{color: #102844; display: flex; flex-direction: column; justify-content: center; align-items: center; font-size: 1.4vw; margin-top: 5vw;}
.contact>h2{font-size: 1.8vw; margin-bottom: 2.8vw;    letter-spacing: 0.1vw;}
.adres{letter-spacing: 0.1vw; font-size: 1.7vw; margin-bottom: 2vw; font-weight: 500;}
.tel{font-size: 1.2vw; letter-spacing: 0.1vw; font-weight: 600; margin-bottom: 2.5vw;}
.fa-envelope-open-text{font-size: 3.1vw; margin-bottom: 0.7vw;}
.mail-adres{font-size: 1.2vw; letter-spacing: 0.1vw; font-weight: 600; color: #102844;}
.contact-kapsar{display: flex; justify-content: space-between;margin-bottom: 0.5vw;}
.contact-btn{display: flex; justify-content: space-between; width: 96.5vw; margin-top: 1.1vw;}
.contact-btn p {display: flex;justify-content: space-between;width: 100%;}
.wpcf7-response-output{font-size: 1.1vw;text-align: center;}
.wpcf7-not-valid-tip{font-size: 1vw !important;}
.iletisim-formu{background: rgb(13,36,63);background: linear-gradient(90deg, rgba(13,36,63,1) 0%, rgba(31,60,93,1) 50%, rgba(13,36,63,1) 100%); text-align: center; color: #fff; font-size: 1.3vw; padding: 1vw; position: relative;margin-top: 6vw; margin-bottom: 0.9vw;}

.svg-turkiye-haritasi {margin: -1vw 3vw;} 
.svg-turkiye-haritasi svg { width: 100%; height: auto; } 
.il-isimleri { position: absolute; z-index: 2; } 
.il-isim{position: fixed; margin-top: -4vw; color: #fff; font-size: 1.1vw;}
.il-isimleri div { font-family: 'Ubuntu'; display: inline-block; background: #112a46; color: #fff; padding: 8px 16px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } 
#svg-turkiye-haritasi path { cursor: pointer; fill: #86d9c2; } 
#svg-turkiye-haritasi path:hover { fill: #112a46; } 
#guney-kibris { pointer-events: none; }

.bayiKapsar{display: flex; align-items: stretch; width: 100%; flex-direction: column;}
.bayiKapsar>h2{text-align: center; color: #102844; font-size: 1.8vw;}
.bayi-baslik {text-align: center; color: #102844; font-size: 1.2vw; margin-bottom: 4vw;}

/*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}
.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 #d8d8d8 solid !important; line-height: 1.4vw; width: 44.4vw; margin-top: 0.1vw;}
.phone input{background:#f6f6f6 !important;}
.wpcf7-textarea{margin-bottom: 1vw; width: 90.5vw!important; height: 7vw !important; /* background-color: #f6f6f6; */ color: #000; border: 0.1vw solid #d8d8d8; margin-top: 0.2vw;}
/*span.wpcf7-form-control-wrap.your-message { position: absolute;}*/
.wpcf7-submit {width: 45vw !important; height: 3.1vw !important;background: rgb(13,36,63) !important;background: linear-gradient(90deg, rgba(13,36,63,1) 0%, rgba(31,60,93,1) 50%, rgba(13,36,63,1) 100%) !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;}
.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 {margin-bottom: 1vw; width: 29.4vw; height: 2.8vw; border: 0.1vw solid #d8d8d8;}
img.wpcf7-form-control.wpcf7-captchac.wpcf7-captcha-captcha-170 {margin-bottom: 0.3vw; width: 13.5vw; height: 3.1vw;}

/*contact form css*/

.footer { width: 100%; display: flex; flex-direction: column;background: rgb(13,36,63); background: linear-gradient(90deg, rgba(13,36,63,1) 0%, rgba(31,60,93,1) 50%, rgba(13,36,63,1) 100%); align-items: center; justify-content: space-evenly; padding-bottom: 2vw; padding-top: 2.4vw; flex-wrap: wrap; }
.footer a{color:#000}
.footer-ust { display: flex; justify-content: center; align-items: center; }
.footer-ust-sag a { color: #fff; margin: 1.4vw 0; margin-left: 3.5vw; margin-top: 3vw;font-size: 0.85vw;}
.footer-kartlar { width: 30vw;margin-top: 2vw; }

.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;}
copyright {color: #fff; font-size: 0.7vw; font-weight: 100; margin-bottom: 0.8vw; display: inline; visibility: visible; padding-top: 2.2vw; font-family: Verdana, Arial, sans-serif;}
.yatay-cizgi { height: 0.1vw; background: #b5b5b5; width: 29vw; margin-top: 1.6vw; }

/* Harita il renkleri */

#konya path {fill: #ecde7d;}
#antalya path, #isparta path,#burdur path,#afyonkarahisar path,#kutahya path,#bilecik path,#sakarya path,#kocaeli path,#istanbul path,#kirklareli path,#tekirdag path,#edirne path,#yalova path,#bursa path,#balikesir path,#canakkale path,#manisa path,#usak path,#izmir path,#denizli path,#aydin path,#mugla path{fill: #86bfd9;} 

#mersin path, #karaman path,#nigde path,#adana path,#hatay path,#osmaniye path,#kayseri path,#kahramanmaras path,#gaziantep path,#kilis path,#adiyaman path,#malatya path,#mus path,#sanliurfa path,#mardin path,#diyarbakir path,#elazig path,#tunceli path,#bingol path,#batman path,#sirnak path,#siirt path,#hakkari path,#van path,#agri path,#igdir path,#bitlis path{fill: #e8a675;} 

/*distributor */

.distributor-attribute{display: flex; flex-direction: column; justify-content: center; align-items: center;}
.distributor-attribute h2{margin-bottom: 1vw; font-size: 1.1vw; margin-top: 1.3vw;}
.distributor-attribute span{font-size: 1vw;}

.modall{width: 15.8vw; height: 17vw; border: none; box-shadow: 0px 10px 20px rgb(0 0 0 / 15%); background: #fff; overflow: hidden; padding-top: 2.4vw; border-top:1.8vw solid #0f263f;}
.close-button{float: right; right: 41vw; position: fixed; font-size: 1vw; cursor: pointer; color: #fff; margin-top: -4vw; background: #ef5959; width: 1.1vw; padding: 0.2vw; display: flex !important; border-radius: 100%; align-items: center; justify-content: center;}
.prof{width: 100%; display: flex; flex-direction: column; align-items: center;}	
.prof > img{width: 8.6vw; margin-bottom: 0.7vw;}