/*body {font-family: 'Poppins', sans-serif;font-size: 17px;line-height: 22px;
margin:0;background:#f8f9fa;color:#000;}*/
body {font-size:17px;margin:0; font-family: system-ui, -apple-system, BlinkMacSystemFont,"Segoe UI", Roboto, Helvetica, Arial,sans-serif;line-height: 1.6;letter-spacing: 0.2px;font-display:swap !important;background-color: #fcfdfd;/*#f0f5f6*/}
p,a,i,
span {line-height: 22px;    font-size: 17px;}
#galler{width: 100%;height: 100%;float: left;	margin: 5px 5px 5px 5px;}
.kutu{padding:7px;
webkit-box-shadow: 0 0 6px 2px #cccccc;
-moz-box-shadow: 0 0 6px 2px #cccccc;box-shadow: 0 0 6px 2px #777;border-radius: 5px 5px 5px 5px;
}
/*#galler{width: 100%;height: 100%;float: left;	margin: 5px 5px 5px 5px;}.kutu{ padding:7px;webkit-box-shadow: 0 0 6px 2px #cccccc;-moz-box-shadow: 0 0 6px 2px #cccccc;box-shadow: 0 0 6px 2px #777;border-radius: 5px 5px5px 5px;}.sayfagaleri{margin-top:20px;margin-bottom:20px;}*/
.ustdetay{color: #fff;font-size: 17px;}
.ustdetay a{color: #fff;font-size: 24px;1px 2px 2px #040404;}
.beyaz{color:white!important;}
.haber{display:none}
.ustbar{background-color: #000;color: #fff;padding-left: 30px;padding-right: 10px;}

.sol{text-align:left;padding-left: 15px;}
.sag{text-align:right;padding-right: 20px;}
.orta{text-align:center}
.blogresim1{max-width:%80; margin: 5px;}
.ms-layer {font-size:30px!important;line-height:35px!important;font-style: italic;color: #000000!important;text-shadow: #797777 4px 4px 10px;max-width:1000px;min-width:50%;min-height:100px;border-radius: 3px 15px 3px 15px;left: 20px; top: 160px; font-size:20px
}
.divorta{margin:auto auto!important;}
.yazis1{background-color:#bb0e0eab;color: #ffffff;font-size:50px!important;padding:10px;font-family: serif;font-style: initial;border-radius:20px;}
.yazis2{background-color:#efe6e6ab;color: #0a0000;font-size:30px!important;padding:10px;font-family: none;font-style: initial;border-radius:20px;}
.yazis3{background-color:#efe6e65e;color: #0a0000;font-size:40px!important;padding:10px;font-family: none;font-style: initial;border-radius:10px;text-shadow: #fff 4px 4px 10px;}
.yazis4{background-color:#efe6e65e;color: #0a0000;font-size:40px!important;padding:10px;font-family: none;font-style: initial;border-radius:10px;text-shadow: #fff 4px 4px 10px;}
.button5{font-size: 25px!important; background-color: #072e47;height:23px;width:200px;margin-top:2px;margin-right:10px;padding:10px;} /* kirmizi */
.button6{font-size: 15px!important;height:30px;width:80px;margin-top:10px;margin-right:10px;border-color: #f3f3f3;background-color: #080808;color: #fbfbfb;border-radius: 10px;} /* kirmizi */
.button7{font-size: 15px!important;height:30px;width:80px;margin-top:10px;margin-right:10px;border-color: #f3f3f3;background-color: #080808;color: #fbfbfb;} /* kirmizi */
@media only screen and (max-width:560px){
.ustbar{display:none;}
.yazis1{background-color:#bb0e0ea8;color: #ffffff;font-size:20px!important;padding:5px;font-family: serif;font-style: initial;border-radius:10px;margin-top: -100px;}
.yazis2{background-color:#efe6e6ab;color: #0a0000;font-size:14px!important;padding:10px;font-family: none;font-style: initial;border-radius:20px;top: -100px;}
.yazis3{background-color:#efe6e65e;color: #0a0000;font-size:14px!important;padding:6px;font-family: none;font-style: initial;border-radius:10px;text-shadow: #000 4px 4px 10px;}
.yazis4{display:none;background-color:#efe6e65e;color: #0a0000;font-size:14px!important;padding:6px;font-family: none;font-style: initial;border-radius:10px;text-shadow: #000 4px 4px 10px;}
.button5{font-size: 20px!important; background-color: #072e47;height:23px;width:200px;margin-right:10px;padding:5px;} /* kirmizi */
.ms-layer {	line-height:19px!important;margin-top: 150px; 
}}
.bg1{background-color: #f5e2e2;}.bg2{background-color: #e2eaf5;}.bg3{background-color: #bdedf3;}
.navbar-default {
background: #ffffff; /* Old browsers */ 
background: -moz-linear-gradient(top,  #ffffff 0%, #fcfcfc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#fcfcfc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff80 0%,#fcfcfc 100%); /* ----------------- ANA MENU RENGİ*/
background: -o-linear-gradient(top,  #ffffff80 0%,#fcfcfc 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff80 0%,#fcfcfc 100%); /* IE10+ */
}
.button {background-color: #4CAF50;border: none;color: white;text-align: center;text-decoration: none;display: inline-block;font-size: 14px;margin: 2px 2px;cursor: pointer;}
.bolgebuton{ width: 100%;min-height: 50px;background-color: #fff;border-radius: 5px;box-shadow: 1px 1px 3px 0px #111;/*border: solid 1px;*/padding: 10px;
margin: 10px;display: table;}
.galeriresim{width:auto; height:240px;border-radius: 5px;margin:3px;  width: 240px;object-fit: cover;}
.bgkirmizi{background-color: #b50e2d!important}
.kirmizi{color: #f54666!important;font-family: inherit;}
 /* mavi */
.button3 {font-size: 13px;background-color: #072e47;height: 50px;width: 100px;margin-top: 2px;margin-right: 10px;border-radius: 10px;line-height: 17px;} /* kirmizi */
.button4 {font-size: 13px; background-color: #a92728;height:23px;width:100px;margin-top:2px;margin-right:10px;} /* kirmizi */
.fa{font: normal normal normal 13px/1;color: #43500f;} 
#fancybox-title-over {color: #dfd3d3;    background-image: none!important;} 
.sayfaresim{max-width:550px;}
.anasonresim{width:auto; height:240px;border-radius: 5px;margin:3px;}
.daralt{margin-bottom: 10px!important;}
.button6 {font-size: 12px; background-color: #a92728;height:53px;width:120px;margin-top:2px;margin-right:5px;} /* kirmizi */
.sinavbuton{ width:170px;float: left;top: 7px;position: absolute;left: 350px;z-index: 1000;text-align: left;}
.pi-text {margin-top: 100px;}
@media only screen and (max-width: 500px){
.page-title-negative-top {padding-top: 20px;}
.sinavbuton{width:80%;float: left;top: 1px;position: absolute;left: 10px;z-index: 1000;text-align: left;}
.button6 {font-size: 10px; background-color: #a92728;height:25px;width:80%;margin-top:5px;} /* kirmizi */
.anasonresim{width:auto; height:140px;border-radius: 5px;margin:3px;}
.button3{line-height: 10px;}
.sayfaresim{max-width:400px;}
.ustkutu2{margin-top:-0px}
a.gflag{margin-left:2px;} 
.lang-change{ width:110px;float: right;top: 7px;position: absolute;right: -5px;z-index: 1000;text-align: right;}
.ms-layer  {left: 20px; top: 30px!important; font-size:16px!important;}
.pi-text {font-size:17px!important;margin-top: 50px !important;}
.form-controla {margin-bottom: 10px!important;}
}
.ustkutu3{}
@media only screen and (min-width: 501px){
.ustkutu3{margin-top:-200px;}
.ustkutu2{margin-top:250px}
a.gflag{margin-left:5px;} 
.lang-change{display:none;}}
.arama
{z-index:9998;position:fixed;
_position:absolute;
bottom:25px;right:5px;clip:rect(0 100 85 0);
_top:expression(document.documentElement.scrollTop +document.documentElement.clientHeight-this.clientHeight);
_left:expression(document.documentElement.scrollLe ft + document.documentElement.clientWidth - offsetWidth);
opacity: 0.8;
border-radius:  1px/1px;
border: 0px solid red;
}
.arama:hover
{z-index:9998;position:fixed;
_position:absolute;
bottom:25px; right:5px;clip:rect(0 100 85 0);
_top:expression(document.documentElement.scrollTop +document.documentElement.clientHeight-this.clientHeight);
_left:expression(document.documentElement.scrollLe ft + document.documentElement.clientWidth - offsetWidth);
/*background-color:#ffffff;*/
 opacity: 1;}
.form-control {margin-top:5px;}
.yonetim{background-color:#db12125c;} 
.siteanalogo{margin-bottom: 3px;max-height:85px; max-width:300px;margin-top:-10px;margin-left: -20px;} 
.yazi{font-size:20px}
.ustbutun{margin-top: 0px;position: absolute;width: 100%;left: 0px;}
.muzikkisa{width: 90%!important;}

.hero {background: linear-gradient(135deg,#0f172a,#1e293b);color:white;padding:80px 20px;text-align:center;}
.btn {padding:12px 20px;border-radius:8px;margin:5px;display:inline-block;}
.primary { background:#22c55e; color:white;}
.whatsapp { background:#25D366; color:white;}
.grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;}
.grid > .item {box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);padding: 10px;text-align: center;}
.card {padding:20px;border-radius:12px;box-shadow:0 5px 15px rgba(0,0,0,0.1);background:white;transition:.3s;}
.card:hover {transform:translateY(-5px);}
.why-us{margin-top: 30px;margin-bottom:30px}

.container1 {max-width:1200px;margin:auto;padding:30px;}
.breadcrumb-container{background: linear-gradient(135deg, #111, #a92728);}
.topbar {display:none;}
@media only screen and (max-width:560px){
section{padding: 7px;}
.navbar-header {padding-top: 0px;}
.dl-menuwrapper button{border-radius: 0px;-webkit-border-radius: 0px;/*background: linear-gradient(to bottom, #444, #5f1010);*/}
.breadcrumb-container{float:none;}
.ustana {padding-left: 10px; padding-right: 10px; }
.siteanalogo{margin-bottom: 15px!important;max-height:90px; max-width:350px;margin-top:5px!important;margin-left: 25px;}
/*.sayfaresim{display:none;}*/
.arama{ opacity: 0.9;}
.ustbutun{ position: relative;}
.karel-kapasite-tablo{width: 100% !important;}
.alcatel-kapasite-tablo{width:100%;}
.hero1 {padding:5px 5px!important; margin-top: -10px !important;}
.hero1 h1 {font-size: 32px !important;}
.container1 {padding:10px;}
.navbar-header{background: linear-gradient(4deg, #f9f8f8, #efd6a8);}   
.topbar {background:#444444;color:#fff;font-size:15px;text-align:center;padding:3px;display:block;}
.hero1::before {content: "";position: absolute;top: -20px;left: 0;width: 100%;height: 20px;background: linear-gradient(to bottom, rgba(0,0,0,0.4), transparent);
}.navbar-default {box-shadow: 0 4px 15px rgba(0,0,0,0.2);position: relative;z-index: 10;background: linear-gradient(to bottom, #444, #222);
}}
/* HERO */
.hero1 {background: linear-gradient(135deg,#111,#a92728);color:#fff!important;text-align:center;padding-top: 80px;margin-top: 25px;}
.hero1 h1 {font-size:42px;margin-bottom:10px!important;color:#fff!important;}
.hero1 p {font-size:18px;margin-bottom:25px;}
.btn1 {padding:12px 15px;border-radius:5px;text-decoration:none;display:inline-block;margin:5px;font-weight:600;}
.btn-danger1 { background:#bd2b39; color:#fff;text-shadow: 0px 0px 4px black;}
.btn-success1 { background:#12a74a; color:#fff;text-shadow: 0px 0px 4px black; }
.btn-danger1:hover{ background:#db515f; color:#000;text-shadow: 0px 0px 4px white;}
.btn-success1:hover{ background:#30d36e; color:#000;text-shadow: 0px 0px 4px white; }
/* SERVICES */
.services1 {display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;}
.services{    margin-bottom: 10px;margin-top: 30px;}
.card1 {background:#fff;padding:25px;border-radius:10px;box-shadow:0 5px 20px rgba(0,0,0,0.1);text-align:center;}
.card1 h3 {margin-bottom:10px;}
/* WHY US */
/*.section {padding:60px 0;}*/
.section h2 {text-align:center;margin-bottom:30px;}
.features1 {display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;}
.feature1 {background:#fff;padding:20px;border-radius:10px;box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);}
/* CTA */
.cta1 {background:#a92728;color:#fff;text-align:center;padding:50px 20px;}
/* FOOTER */
.footer {background:#111;color:#ccc;text-align:center;padding:20px;}
/* FLOAT BUTTON */
.call-fixed1 {position:fixed;bottom:20px;right:20px;background:#dc3545;color:#fff;padding:15px;border-radius:50%;text-decoration:none;font-size:20px;}
.ana-text{margin-top: 20px;}
.karel-kapasite-tablo{width:600px;}.alcatel-kapasite-tablo{width:700px;}
.icresim {float: right;width: 400px;max-width: 100%;height: auto;margin: 0 0 15px 15px;border-radius: 12px;}
@media (max-width: 768px) {
  .icresim {float: none;display: block;margin: 0 auto 15px;width: 100%;}}
.icdesen{padding-left: 5px;padding-right: 5px;}dt{font-weight: bold;}.table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.alcatel-kapasite-tablo {
  min-width: 500px;
  width: 100%;
  border-collapse: collapse;
}

.alcatel-kapasite-tablo th,
.alcatel-kapasite-tablo td {
  padding: 8px;
  border: 1px solid #ddd;
  text-align: left;
}@media (max-width: 768px) {

  .alcatel-kapasite-tablo thead {
    display: none;
  }

  .alcatel-kapasite-tablo,
  .alcatel-kapasite-tablo tbody,
  .alcatel-kapasite-tablo tr,
  .alcatel-kapasite-tablo td {
    display: block;
    width: 100%;
  }

  .alcatel-kapasite-tablo tr {
    margin-bottom: 15px;
    border: 1px solid #ddd;
    padding: 10px;
    background: #fff;
  }

  .alcatel-kapasite-tablo td {
    border: none;
    position: relative;
    padding-left: 50%;
  }

  .alcatel-kapasite-tablo td::before {
    position: absolute;
    left: 10px;
    top: 10px;
    font-weight: bold;
  }

  .alcatel-kapasite-tablo td:nth-child(1)::before {
    content: "Kart Modeli";
  }

  .alcatel-kapasite-tablo td:nth-child(2)::before {
    content: "Kapasite";
  }
}