/*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: 60px;background-color: #fff;border-radius: 5px;box-shadow: 1px 1px 3px 0px #111;/*border: solid 1px;*/padding: 5px;
margin: 10px;display: table;}
.galeriresim{width:auto; height:240px;border-radius: 5px;margin:3px;  max-width: 250px;object-fit: cover;}
.bgkirmizi{background-color: #b50e2d!important}
.kirmizi{color: #e50a32!important;font-family: inherit;}.thumbnail-image-wrapper{text-align: center;}
 /* 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;height:85px;width:314px;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;height:85px;width:314px;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, #277aa9);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: 40px;}
.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) {
	.mobilgizle{display:none}
	.footer-dark *{text-align:center}
.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";}}
.bolge-urunler {margin-top: 40px;}
.urun-grid {display: flex;gap: 15px;margin-top: 20px;}
.urun-item {width: 33%;background: #fff;padding: 10px;box-shadow: 0 0 6px #ccc;border-radius: 6px;text-align: center;}
.urun-item img {width: 100%;height: auto;}
.urun-item h3 a {color: #000;text-decoration: none;}
.urun-slider {overflow: hidden;background: #111;padding: 12px 0;}
.slider-track {display: flex;gap: 40px;width: max-content;transform: translateX(-25%);animation: sliderFlow 25s linear infinite;}
.slider-track a {color: #fff;white-space: nowrap;text-decoration: none;}
@keyframes sliderFlow {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}
.urun-slider:hover .slider-track {animation-play-state: paused;}
.pricing-container {display: flex;gap: 20px;justify-content: center;flex-wrap: nowrap; /* ÖNEMLİ */}
.pricing-container .card {background: #fff;border-radius: 15px;padding: 30px;width: 260px;text-align: center;box-shadow: 0 10px 30px rgba(0,0,0,0.08);transition: 0.3s;position: relative;}
.pricing-container .card:hover {transform: translateY(-10px);box-shadow: 0 15px 40px rgba(0,0,0,0.15);}
.pricing-container .card h3 {font-size: 22px;margin-bottom: 10px;}
.pricing-container .price {font-size: 32px;font-weight: bold;color: #007bff;margin: 15px 0;}
.pricing-container .price span {font-size: 14px;color: #666;}
.pricing-container .card ul {list-style: none;padding: 0;margin: 20px 0;}
.pricing-container .card ul li {padding: 8px 0;border-bottom: 1px solid #eee;font-size: 14px;}
.pricing-container .btn {display: inline-block;padding: 12px 25px;background: #007bff;color: #fff;border-radius: 8px;
text-decoration: none;transition: 0.3s;}
.pricing-container .btn:hover {background: #0056b3;}
.pricing-container .popular {border: 2px solid #007bff;transform: scale(1.05);}
.pricing-container .badge {position: absolute;top: -10px;right: 15px;background: #007bff;color: #fff;padding: 5px 10px;font-size: 12px;border-radius: 5px;}.btn3{padding:5px;padding-top: 0px;}
.baslik2{color: white;font-size: 18px;}
.footer-topbar{background-color: #005599;color: #fff;line-height: 70px;height: 70px;}
.footer-topbar a{color: #fff;}
.footer-main{background-color: #f5efef;}
.footer-bottom{background-color: #000;color: #fff;text-align: center;}
.footer-logos img {height: 40px;margin: 10px 10px 0 0;}
.footer-bottom a{color: #fff;}
.footer-logos img {height: 40px;margin: 10px 10px 0 0;}
.footer-logos img:hover {filter: none;opacity: 1;}
.footer-main h4 {color: #3f3a3a;margin-bottom: 15px;margin-top: 10px;font-size: 15px;}
.footer-main .fa {margin-right: 15px;}
.footer-main .linkler img {    margin-top: -6px;}
.footer-bottom .container{font-size:14px}