body { background: linear-gradient(to bottom, #0e1724 0%,#0f1825 100%); } .slider { padding:30px 0px; background: radial-gradient(circle at center, rgba(28, 44, 67, 0) 0%, #0e1723 100%), url(../images/kralbet-arkaplan.webp); height: auto; padding-bottom:120px; background-size:cover; }
body{margin:0;word-break:break-word}#header{height:70px;transition:all .5s;transition:all .5s;padding:10px 0;z-index:997}
#header .logo img{padding:0;margin:0;width:160px; height: auto;}.header{left:0;right:0;top:0;position:absolute;z-index:21;width:100%;padding-bottom:0}.slider-icerik{padding-top:175px;color:#fff;text-align:center}.mb-tanitim{color:#fff;max-width:100%;word-break:break-word}
.mb-tanitim p{margin-bottom:2px;font-size:15px}
@media (max-width:699px){.slider-icerik{padding-top:75px}.slider{height:auto}
#header{padding:5px 0;background:#0f1824;border-bottom:1px solid #a9101b}}
img{max-width:100%}
@media only screen and (max-width:768px){.slider{height:auto;padding:80px 0}}

/*edit 05/12/2023 pp*/
.icerik .container{
    margin:20px auto
}
table{
    color:#eee
}
 ul{
    list-style: none;
}
 .navbar-toggler {
     display: none;
}
 @media (max-width:800px) {
     .navbar-toggler {
         display: block;
    }
}
 .navbar-toggler.open {
     opacity: 0.3;
     margin-right: 30px;
}
 .active .sidebar-header {
     width: 270px;
     padding: 30px;
}
 #sm_menu_outer{
     display: none;
}
 #sm_menu_outer.active {
     display: block;
     background-color: #191919;
     --story-page-vh: 1vh;
     position: fixed!important;
     top: 0;
     max-height: 100vh!important;
     height: 100vh;
     max-width: 80vw;
     min-width: 45px!important;
     outline: none;
     overflow-x: hidden!important;
     overflow-y: auto!important;
     z-index: 1;
     -webkit-overflow-scrolling: touch;
     will-change: transform;
     right: 0!important;
}
 #sm_menu_outer .active .menu li a {
     color: #fff;
     font-size: 14px;
     font-weight: 400;
}
 .active .menu li i::before {
     content: "》";
     color: #F9C407;
}
 #sm_menu_outer .menu {
     padding: 0;
     margin: 0;
}
 .menu li {
     height: 55px;
     line-height: 57px;
     padding-left: 50px;
}
.menu li a {
	color: #fff;
	text-decoration: none;
}
 .menu li a:hover {
     text-decoration: none;
     color: #fff;
}
}
 .menu li:hover {
     background-color: #333;
}

 #sm_menu_outer, .sidebar-logo .active {
     width: 270px;
}
 #sm_menu_ham span {
     background-color: #fff;
     border-radius: 5px;
     display: block;
     height: 3px;
     left: 0;
     opacity: 1;
     position: relative;
     -webkit-transform: rotate(0);
     -ms-transform: rotate(0);
     transform: rotate(0);
     -webkit-transition: all .25s ease-in-out 0s;
     -o-transition: all .25s ease-in-out 0s;
     transition: all .25s ease-in-out 0s;
     width: 30px;
}
 #sm_menu_ham span:nth-child(1) {
     top: 0;
}
 #sm_menu_ham span:nth-child(2) {
     top: 8px;
}
 #sm_menu_ham span:nth-child(3) {
     top: 5px;
}
 #sm_menu_ham span:nth-child(4) {
     top: 13px;
}
 #sm_menu_ham.open span:nth-child(1) {
     left: 50%;
     width: 0;
}
 #sm_menu_ham.open span:nth-child(2) {
     -webkit-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     transform: rotate(45deg);
}
 #sm_menu_ham.open span:nth-child(3) {
     -webkit-transform: rotate(-45deg);
     -ms-transform: rotate(-45deg);
     transform: rotate(-45deg);
}
 #sm_menu_ham.open span:nth-child(4) {
     left: 50%;
     width: 0;
     opacity: 0;
}
 .mb-tanitim li{
     list-style-type: disc;
}



ul.menu li {
    padding-left: 30px;
}
 ul#menu-pp li a {
 	text-decoration: none;
 }
 ul#menu-pp li a.btn.reg, ul.menu li a.btn.reg {
     color: #fff;
     background-color: #ba372a;
}
 ul#menu-pp li a.btn.reg:hover, ul.menu li a.btn.reg:hover {
     background-color: #ce4436;
}
 ul#menu-pp li a.btn.sign-up, ul.menu li a.btn.sign-up {
     border: 1px solid #fff;
     color: #fff;
}
 ul#menu-pp li a.btn.sign-up:hover, ul.menu li a.btn.sign-up:hover {
     background: #ba372a;
     border: 1px solid #ba372a;
}
 ul#menu-pp {
     display: flex;
     justify-content: flex-end;
     margin-bottom: 0;
}
 #menu-ppToggle input, #menu-ppToggle span {
     display: none;
}
 ul#menu-pp li {
     padding: 10px 15px;
}
 ul#menu-pp li a {
     color: #fff;
     padding: 10px 30px;
}
 ul#menu-pp li a:hover {
     color: #ff9e2c;
}
 @media (max-width:1000px) {
     ul#menu-pp li {
         padding: 10px;
    }
}
 @media (max-width:1000px) {
     ul#menu-pp li {
         padding: 10px;
    }
     .btn {
         font-size: 16px;
    }
}
 ul#menu-pp li:nth-child(1) {
     order: 2;
}
 ul#menu-pp li:nth-child(2) {
     order: 3;
}
 ul#menu-pp li:nth-child(2+n) {
     order: 1;
}
 @media (max-width: 800px) {
     .list-btn-wrp.desk {
         display: none;
    }
     ul#menu-pp {
         display: none;
    }
}
 .btn {
     font-size: 18px;
     font-weight: 400;
     color: #fff;
     padding: 10px 30px;
     margin-left: 8px;
     cursor: pointer;
     border-radius: 8px;
}
.navbar-toggler.open {
    z-index: 999;
    opacity: 1;
    position: absolute;
    right: 15px;
}
#sm_menu_outer.active {
    padding-top: 50px;
}
.menu li.list-btn-wrp:hover {
    background-color: inherit;
}
.link-wrp {
  display: flex;
  justify-content: center;  
  box-sizing: border-box;
  margin: 20px 0;
}
.link-wrp a {
  display: block;
  padding: 10px 30px;
  margin: 10px 15px;
  text-transform: uppercase;
  width: 50%;
  text-align: center;
}
@media (max-width:600px) {
  .link-wrp {
    flex-wrap: wrap;
    }
  .link-wrp a {
    width: 100%;
    margin: 10px 0;
  }
}
.link-wrp a.btn.reg {
     color: #fff;
     background-color: #ba372a;
}
.link-wrp a.btn.reg:hover {
     background-color: #ce4436;
}
.link-wrp a.btn.sign-up {
     border: 1px solid #fff;
     color: #fff;
}
.link-wrp a.btn.sign-up:hover {
     background: #ba372a;
     border: 1px solid #ba372a;
}
.custom-tbl-wrp {
    margin: 30px 0;
    width: 100%;
    overflow-x: auto;
}
.custom-tbl {
    margin: 0 auto;
    border-collapse: collapse;
}
.custom-tbl tr, .custom-tbl td {
    padding: 15px;
    border: 1px solid #ffffff30;
}