@charset "utf-8";
@import url("https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");
@import url("https://use.fontawesome.com/releases/v5.5.0/css/all.css");
@import url("https://cdn.jsdelivr.net/npm/bootstrap@5.3.7/dist/css/bootstrap.min.css");

body{overflow-x:hidden}
a, a:hover {text-decoration:none}
.HataText,.hata{text-align:left;padding:10px;font-size:14px}
.silici{clear:both;height:0}
.fleft{float:left}
.fright{float:right}
.golge{-webkit-box-shadow:0 0 5px 3px rgba(193,193,193,.8);-moz-box-shadow:0 0 5px 3px rgba(193,193,193,.8);box-shadow:0 0 5px 3px rgba(193,193,193,.8)}
.golge2{box-shadow:0 5px 15px 0 rgba(0,0,0,.1)}
.icgolge{-moz-box-shadow:inset 0 0 20px #c1c1c1;-webkit-box-shadow:inset 0 0 20px #c1c1c1;box-shadow:inset 0 0 20px #c1c1c1}
#govde{width:100%;background:#fff;padding:0;margin:30px 0;border-radius:14px;-moz-border-radius:14px;-webkit-border-radius:14px;-webkit-box-shadow:0 4px 4px 0 rgba(49,49,49,.7);-moz-box-shadow:0 4px 4px 0 rgba(49,49,49,.7);box-shadow:0 4px 4px 0 rgba(49,49,49,.7)} 
.ovalkose{border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px}
.HataText,.cerceve,.hata{border:1px solid #ff4301}
.HataText,.hata{background:#f9f0f0;width:98%;margin:10px auto;border-left:5px solid #dca7b0}

.icerik {min-height:350px;line-height:150%; font-size:15px; color:#fff !important; padding:70px 0; text-align:justify}
.icerik h2.baslik {font-size:22px; background:#195390; position:relative; padding:10px 0; z-index:99; display:block; width:250px; margin:0 auto 30px auto; border-bottom:solid 1px #fff; color:#fff !important}

.icerik h2.baslik2 {font-size:22px; background:#195390; position:relative; padding:10px 0; z-index:99; display:block; width:80%; margin:0 auto 30px auto; border-bottom:solid 1px #fff; color:#fff !important}

.icerik p {color:#fff !important}
.icerik iframe {border:solid 1px #94296e;border-bottom:solid 3px #94296e;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;}
@media (max-width:767px) {
.icerik{padding:20px;}
.icerik h2.baslik {margin:0 auto 20px auto}
.icerik h2.baslik2 {margin:0 auto 20px auto}
}

footer {background:#94296e; color:#fff; text-align:center}
footer a {color:#fff; font-size:14px}

.konum {text-align:center;position:fixed; display:block; bottom:80px;right:20px;z-index:10000000}
.whatsapp {text-align:center;position:fixed; display:block; bottom:120px;right:20px;z-index:10000000}
.biziara {text-align:center;position:fixed; display:block; bottom:160px;right:20px;z-index:10000000}
.insta {text-align:center;position:fixed; display:block; bottom:160px;right:20px;z-index:10000000}
.face {text-align:center;position:fixed; display:block; bottom:240px;right:20px;z-index:10000000}
.youtube {text-align:center;position:fixed; display:block; bottom:280px;right:20px;z-index:10000000}

a.biziara,a.whatsapp,a.konum,a.insta,a.youtube,a.face {color:#fff;background:#242264;width: 40px;height: 40px;font-size:12px; padding-top:6px;border-radius: 100%; text-align:center; border:solid 2px #b4202b}
a.biziara:hover, a.whatsapp:hover, a.konum:hover, a.insta:hover,a.youtube:hover,a.face:hover {background:#fff; color:#333; border:solid 2px #333}

a.whatsapp {color:#fff;background:#25D366; border:solid 2px #fff}
a.whatsapp:hover {background:#fff; color:#25d366; border:solid 2px #25d366}
a.whatsapp:hover i {color:#25d366}

a.youtube {color:#fff;background:#fff430100; border:solid 2px #fff}
a.youtube:hover {background:#fff; color:#fff430100; border:solid 2px #fff430100}
a.youtube:hover i {color:#fff430100}

a.telegram {color:#fff;background:#0088cc; border:solid 2px #fff}
a.telegram:hover {background:#fff; color:#0088cc; border:solid 2px #0088cc}
a.telegram:hover i {color:#0088cc}

a.insta {color:#fff;background:#dd2a7b; border:solid 2px #fff}
a.insta:hover {background:#fff; color:#dd2a7b; border:solid 2px #dd2a7b}
a.insta:hover i {color:#dd2a7b}

a.face {color:#fff;background:#3b5998; border:solid 2px #fff}
a.face:hover {background:#fff; color:#3b5998; border:solid 2px #3b5998}
a.face:hover i {color:#3b5998}

a.biziara {color:#fff;background:#009cff; border:solid 2px #fff}
a.biziara:hover {background:#fff; color:#009cff; border:solid 2px #009cff}
a.biziara:hover i {color:#009cff}

a.konum {color:#fff;background:#ff7200; border:solid 2px #fff}
a.konum:hover {background:#fff; color:#ff7200; border:solid 2px #ff7200}
a.konum:hover i {color:#ff7200} 

.ghost {height:5px; clear:both}
.fixedikonlar {padding:10px;background:#00488d;color:#fff;bottom:0px;width:100%;text-align:center;z-index:10000000;cursor:pointer;position:fixed;border-top:solid 5px #fff}
.fixedikonlar a {display:inline-block; margin:5px;color:#fff;width: 40px;height: 40px;font-size:12px; padding-top:6px;border-radius: 100%; text-align:center;border:solid 2px #fff; background:#970e76}

@media (min-width:476px) {.fixedikonlar {display:none}}
@media (max-width:767px) {a.whatsapp, a.biziara, a.konum, a.insta,.face,a.youtube,a.telegram {display:none}.ghost {height:70px}} 

#langbar .lang {text-align:right}
#langbar a.tr {background:#94296e}
#langbar a.eng {background:#00488d}
#langbar a.lang {display:inline-block; font-size:12px; margin:5px 1px 0 1px; padding-top:4px; text-align:center; color:#fff;width:25px;height:25px; -moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%}
#langbar a.lang:hover {background:#000}
#langbar a.logodesktop {display:block; margin:0 auto 10px auto; width:350px; height:51px; background-image:url('images/logo.png'); background-repeat:no-repeat; background-position:center; background-size:cover}
#langbar a.logomobil {display:none}

@media (max-width:767px) {
	#langbar .lang {text-align:center}
	#langbar a.logodesktop {display:none}
	#langbar a.logomobil {display:block; margin:auto; width:212px; height:100px; background-image:url('images/logo2.png'); background-repeat:no-repeat; background-position:center; background-size:cover}

}
.navbar-custom {transition: all 0.3s;background:#00488d; border-top:solid 1px #fff;border-bottom:solid 1px #fff}
.navbar-sticky {position: fixed;top: 0;width: 100%;z-index: 1030;background: #00488d !important;box-shadow: 0 2px 5px rgba(0,0,0,0.4);padding: 0 !important}
.navbar-nav {gap:0 50px}
.navbar-toggler {border-color: white; /* çerçeve beyaz */}
.navbar-toggler-icon {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='white' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")}

.navbar-collapse {justify-content: center}
.nav-link {color: #fff !important; /* Menü yazıları beyaz */padding: 8px 16px; transition: background-color 0.2s ease}
.nav-link:hover, .dropdown:hover > .nav-link {background: #94296e !important; /* Hoverda bordo */}
/* Dropdown menü arkaplanı */
.dropdown-menu {background: #1d5ea3;border: none}
.dropdown-menu .dropdown-item {color: #fff}
.dropdown-menu .dropdown-item:hover {background: #94296e}
/* Hover ile dropdown açma (masaüstü için) */
@media (min-width: 992px) {
 .dropdown:hover .dropdown-menu {display: block;margin-top: 0}
 .dropdown-toggle::after {pointer-events: none}
}
 
#slide {background:#970e76;border-bottom:solid 1px #970e76}

.MarQ {background:#00488d;width:100%;color:#fff}
.MarQ a {color:#fff}
.mar {width:100%;padding:6px 0}
.marspan{margin-right: 40px}	

footer {background:#970e76; padding:6px; color:#fff; text-align:center}
.isoWrp {position: relative;width: 100%}
.iso {right:5px;top: -100px;z-index: 999;position: absolute;width: 118px;height: 90px}
 
.background-overlay-dark:before {position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: rgba(0, 64, 132, .9);content: " ";width: 100%;height: 100%;z-index: 0}
 

#page .parallax {background-image:url('images/altsayfaBG.jpg');height:500px;
  background-attachment: fixed;background-position: bottom right;background-repeat: no-repeat;background-size: cover}

#page .card {border:solid 1px #970e76;border-bottom:solid 3px #970e76;border-radius:6px;-moz-border-radius: 6px;-webkit-border-radius:6px; margin:0 10px 20px 10px; background:#fff;box-shadow:0 4px 8px rgba(16,43,42,.3); float:left; width:23%}#page .card:hover {border:solid 1px #94296f; cursor:pointer;border-bottom:solid 3px #94296f; background:#eee}#page .card .card-title {color:#970e76;text-align:center;font-size:11px}#page .card .card-text {color:#333; text-align:center; display:block; font-size:16px; min-height:75px}#page .card .card-img-top {border-bottom:solid 3px #970e76;display:block; width:100%; height:170px}#page .card a.detay {display:block;text-align:right;padding:10px 0;color:#970e76}@media (max-width:767px){#page .card {padding:10px; text-align:center; width:100%; margin:0 auto 30px auto}#page .card .card-img-top {border:solid 1px #970e76;border-bottom:solid 3px #970e76;width:100%; display:block; margin:5px auto;border-radius:6px;-moz-border-radius: 6px;-webkit-border-radius:6px}}


.holographic-container {display: flex;justify-content: center;align-items: center;/*height: 100vh;background: #000*/}
.holographic-card {width: 100%;/*background: #111;*/display: flex;justify-content: center;align-items: center;position: relative;overflow: hidden;transition: all 0.5s ease}
.holographic-card::before {content: '';position: absolute;top: -50%;left: -50%;width: 200%;height: 200%;background: linear-gradient(0deg, transparent, transparent 30%, rgba(151,14,118,0.3));transform: rotate(-45deg);transition: all 0.5s ease;opacity: 0}
.holographic-card:hover {transform: scale(1.05);/*box-shadow: 0 0 20px rgba(151,14,118,0.5)*/}
.holographic-card:hover::before {opacity: 1;transform: rotate(-45deg) translateY(100%)}



/*============ timeline =================*/
 .timeline{
  position:relative;
  margin:50px auto;
  padding:40px 0;
  width:100%;
  box-sizing:border-box;
}
.timeline:before{
  content:'';
  position:absolute;
  left:50%;
  width:2px;
  height:100%;
  background:#fff;
}
.timeline ul{
  padding:0;
  margin:0;
}
.timeline ul li{
  list-style:none;
  position:relative;
  width:50%;
  padding:20px 40px;
  box-sizing:border-box;
}
.timeline ul li:nth-child(odd){
  float:left;
  text-align:right;
  clear:both;
}
.timeline ul li:nth-child(even){
  float:right;
  text-align:left;
  clear:both;
}
.timeline .content{padding-bottom:20px; text-align:justify}
.timeline .content img {display:block; width:100%;border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px}

.timeline ul li:nth-child(odd):before
{
  content:'';
  position:absolute;
  width:10px;
  height:10px;
  top:24px;
  right:-6px;
  background:#970e76;
  border-radius:50%;
  box-shadow:0 0 0 3px rgba(151,14,118,0.2);
}
.timeline ul li:nth-child(even):before
{
  content:'';
  position:absolute;
  width:10px;
  height:10px;
  top:24px;
  left:-4px;
  background:#970e76;
  border-radius:50%;
  box-shadow:0 0 0 3px rgba(151,14,118,0.2);
}
.timeline ul li h3{
  padding:5px; font-size:16px;
  margin:0;
  color:#fff;
  font-weight:600;
}
.timeline ul li p{
  margin:10px 0 0;
  padding:0;
}
.timeline ul li .time h4{
  margin:0;
  padding:0;
  font-size:14px;
}
.timeline ul li:nth-child(odd) .time
{
  position:absolute;
  top:12px;
  right:-165px;
  margin:0;
  padding:8px 16px;
  background:#970e76;
  color:#fff;
  border-radius:18px;
  box-shadow:0 0 0 3px rgba(151,14,118,0.3);
}
.timeline ul li:nth-child(even) .time
{
  position:absolute;
  top:12px;
  left:-165px;
  margin:0;
  padding:8px 16px;
  background:#970e76;
  color:#fff;
  border-radius:18px;
  box-shadow:0 0 0 3px rgba(151,14,118,0.3);
}
@media(max-width:1000px)
{
  .timeline{
    width:100%;
  }
}
@media(max-width:767px){
  .timeline{
    width:100%;
    padding-bottom:0;
  }
  h1{
    font-size:30px;
    text-align:center;
  }
  .timeline:before{
    left:20px;
    height:100%;
  }
  .timeline ul li:nth-child(odd),
  .timeline ul li:nth-child(even)
  {
    width:100%;
    text-align:left;
    padding-left:50px;
    padding-bottom:50px;
  }
  .timeline ul li:nth-child(odd):before,
  .timeline ul li:nth-child(even):before
  {
    top:-18px;
    left:16px;
  }
  .timeline ul li:nth-child(odd) .time,
  .timeline ul li:nth-child(even) .time{
    top:-30px;
    left:50px;
    right:inherit;
  }
}
/*============ timeline =================*/