@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.7.2/font/bootstrap-icons.css");
@font-face { font-family: Altinordu-ExtraBold; src: url(/lib/fonts/FC_BARCELONA-Extrabold.woff2); }
@font-face { font-family: Altinordu-Bold; src: url(/lib/fonts/FC_BARCELONA-Bold.woff2); }
@font-face { font-family: Altinordu-Light; src: url(/lib/fonts/FC_BARCELONA-Light.woff2); }
@font-face { font-family: Altinordu-Regular; src: url(/lib/fonts/FC_BARCELONA-Regular.woff2); }
@font-face { font-family: Altinordu-Semibold; src: url(/lib/fonts/FC_BARCELONA-Semibold.woff2); }
@font-face { font-family: "custom_icon"; src: url("/lib/fonts/custom_icon.eot?d0064g"); src: url("/lib/fonts/custom_icon.eot?d0064g#iefix") format("embedded-opentype"), url("/lib/fonts/custom_icon.ttf?d0064g") format("truetype"), url("/lib/fonts/custom_icon.woff?d0064g") format("woff"), url("/lib/fonts/custom_icon.svg?d0064g#custom_icon") format("svg"); font-weight: normal; font-style: normal; font-display: swap; }

@font-face { font-family: 'altinordufont'; font-style:normal!important; src: url('/lib/fonts/altinordufont.eot'); /* IE9 Compat Modes */ src: url('/lib/fonts/altinordufont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/lib/fonts/altinordufont.woff2') format('woff2'), /* Super Modern Browsers */ url('/lib/fonts/altinordufont.woff') format('woff'), /* Modern Browsers */ url('/lib/fonts/altinordufont.ttf') format('truetype'), /* Safari, Android, iOS */ url('/lib/fonts/altinordufont.svg#MyIconFont') format('svg'); /* Legacy iOS */ font-weight: normal; font-style: normal; }

body { font-family: "Montserrat"; font-weight: 400; }
a{text-decoration:none;}

#scroll-to-top { position: fixed; bottom: 20px; right: 20px; display: none; width: 50px; height: 50px; background-color: #333; color: #fff; border-radius: 50%; text-align: center; line-height: 50px; opacity: 0.7; z-index: 9999; transition: opacity 0.3s; }
 #scroll-to-top:hover { opacity: 1; }
 #scroll-to-top i { font-size: 24px; }

.baslikX { background-image: url(/images/baslikBg.png); line-height: 70px; color: white; font-size: 22px; font-weight: 700; padding-left: 10px; }
.baslikX:before { content: url('/images/aologoBeyaz40x40.png'); position: relative; z-index: 1; top: 10px; margin-left: 5px; margin-right: 5px; float: left; }

.SubText span { line-height: 15px; flex-grow: 2; }
.subMenu { margin-bottom: 25px !important; }
 .subMenu li a { background-color: #ddd !important; }
 .subMenu li { padding-left: 15px !important; }
  .subMenu li a:hover { background-color: #999 !important; }
.subMenuA span { line-height: 15px; flex-grow: 2; }
.subMenuA[aria-expanded="true"] { background-color: #00123a !important; color: #fff !important; }
 /* Arrow indicator for submenu */
 .subMenuA::after {
  content: '\f107'; /* Down arrow (Font Awesome) */
  font-family: 'Font Awesome 5 Pro', 'Font Awesome 5 Free';
  font-weight: 900;
  position: absolute;
  right: 15px;
  transition: transform 0.3s ease;
}

/* Rotate arrow up when menu is active */
.subMenuA.active-parent::after {
  transform: rotate(180deg);
}


.prTpBaslik { line-height: 50px; background-color: #b9040e; color: white; padding-left: 5px; font-weight: bold; }
 .prTpBaslik span { color: #ff6a00; font-size: 10px; }

/*CONTENT SAYFASI*/
.ContentBaslik { font-weight: 600; margin-bottom: 10px; position: relative; overflow: hidden; margin-right: 5px; }
.ContentBaslik span:after { content: ''; background-color: #b9040e; height: 1px; position: absolute; right: auto; left: auto; top: 10px; width: 100%; margin-left: 7px; }

#solKolon { border-right: 1px solid #f5f5f5; height: 100%; }
#baslik { font-weight: 700; margin: 0px 0px 15px 0px; padding-bottom: 15px; border-bottom: 3px solid #ccc; color: #333; font-size: 24px; }
#spot { font-style: italic; padding-bottom: 25px; font-size: 22px; }
#spot { background: linear-gradient(90deg,#cd122d 0,#154284 60%); background-clip: border-box; -webkit-background-clip: text; -webkit-text-fill-color: #dd151500; color: #fff; margin: 0 auto 1.2rem; max-width: 60.8rem; font-size: 2.5rem; line-height: 3.4rem; font-family: Altinordu-ExtraBold,Arial,Helvetica Neue,Helvetica,sans-serif; font-weight: 400; }
.fbr { font-weight: bold; color: red; }
.fbl { font-weight: bold; color: blue; }

#efs li { flex: 0 0 33.333333%; padding: 0.3rem; position: relative; overflow: hidden; }
#efs img { border-radius: 20px; }
#efs li::before { content: url(/images/Gold_star.svg); position: absolute; display: grid; width: 100%; height: 100%; opacity: 0; border-radius: 15px; text-align: center; pointer-events: none; }
#efs li:hover::before { animation: fade-in 0.9s forwards; }

#solKolon ul { margin: 0; padding: 0; list-style: none; }
#solKolon ul li { font-size: 14px; font-weight: bold; }
#solKolon ul li a:before { content: "\f142"; font-family: "Font Awesome 5 Pro"; font-weight: 400; padding-right: 5px; color: #ccc; }


#solKolon ul li a { line-height: 85px; display: block; color: #333; text-decoration: none; margin-bottom: 5px; margin-top: 5px; padding-left: 5px; background-color: #fafafa; }
#solKolon ul li a:hover { background-color: #ccc; }
#solKolon ul li a:hover:before { color: #f5f5f5; }

@keyframes fade-in {
0% { opacity: 0.3; transform: scale(1.0) translate(0%, 0%); }
100% { opacity: 0; transform: scale(2) translate(-25%, -10%) rotate(90deg); }
}
/*CONTENT SAYFASI SONU*/


/*RESPONSIVE ALANI*/
@media (max-width: 992px) { }

@media (min-width: 992px) {
 .prfMain, .prfTMain { width: 300px; height: 450px; }
 .prfBilgi { height: 60px; width: 290px; }
}

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
 .prfMain, .prfTMain { width: 250px; height: 375px; }
 .prfBilgi { height: 60px; width: 250px; }
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
 .prfMain, .prfTMain { width: 222px; height: 333px; }
 .prfBilgi { height: 60px; width: 225px; }

}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
 .prfMain, .prfTMain { width: 222px; height: 333px; }
 .prfBilgi { height: 60px; width: 225px; }

}

/*X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
 .prfMain, .prfTMain { width: 210px; height: 315px; }
 .prfBilgi { height: 60px; width: 210px; }
}

/*XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) {
 .prfMain, .prfTMain { width: 246px; height: 369px; }
 .prfBilgi { height: 60px; width: 250px; }
}
.icon-logo:before { content: "\e800"; /* IcoMoon'dan aldığınız unicode */ font-family: 'altinordufont'; }/*fontLogo*/