.bg-darkblue,
.bg-darkblue a {
    color: #fff !important;
    background-color: #1A3359 !important;
    border-color: #0c1a30 !important;
}

    .bg-darkblue:active,
    .bg-darkblue.active,
    .bg-darkblue:focus,
    .bg-darkblue.focus,
    .bg-darkblue:hover,
    .bg-darkblue a:hover {
        background-color: #0E1F3A !important;
        border-color: #0c1a30 !important;
    }

.menu-color,
.menu-color a {
    color: #000
}


#fh5co-offcanvas {
    transform-origin: 0% 0%;
    transform: translate(-100%, 0);
    transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
}

@media screen and (max-width: 768px) {
    #mobilmenu .fh5co-nav-toggle {
        top: 3.5em;
        left: 15px;
    }
}

@media screen and (max-width: 1100px) {
}

.bd-placeholder-img {
    font-size: 1.125rem;
    text-anchor: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

@media (min-width: 768px) {
    .bd-placeholder-img-lg {
        font-size: 3.5rem;
    }
}

@media (max-width: 992px) {
    #hesapolusturrow {
        justify-content: center !important;
        margin-top:-90px;
    }
    #hesapolusturrow2 {
        display: none !important;
    }
    .slider-mobil-visible{
        display:block!important;
    }
}

@media screen and (max-width: 750px) {

    #altmenu {
        display: none !important;
    }

    .altmenumobil {
        display: block !important;
    }


}

@media screen and (max-width: 1200px) {
    .font h4 {
        font-size: 1rem!important;
        margin-right:10px;
        
    }
    #CoinSearch {
        width: 305px !important;
    }

    .user .dropdown-menu a {
        font-size: 0.6rem !important;
    }

    #customRenderMenu {
        justify-content: center !important;
    }

    .header3menukapa {
        display: none !important;
    }

    .hamburgermenuac {
        display: inline !important;
    }
    .test h5{
        font-size:15px;
    }
}

@media screen and (max-width:991px) {

    #CoinSearch {
        display: none !important;
    }

    .varlikapa {
        display: none !important;
    }
}

@media screen and (max-width:1070px) {

    .unlogin {
        display: none !important;
    }
}

@media screen and (max-width:500px) {

    .coinadikapa {
        display: none !important;
    }
}


body::-webkit-scrollbar {
    width: 10px;
    border-radius: 10px;
    overflow: hidden;
}

body::-webkit-scrollbar-track {
    border: 10px solid #fff;
    border-radius: 6px;
}

body::-webkit-scrollbar-thumb {
    background: #1A3359;
    border-radius: 6px;
}

div::-webkit-scrollbar {
    width: 10px;
    border-radius: 10px;
    overflow: hidden;
}

div::-webkit-scrollbar-track {
    border: 10px solid #fff;
    border-radius: 6px;
}

div::-webkit-scrollbar-thumb {
    background: #1A3359;
    border-radius: 6px;
}



.menu-baslik {
    border-bottom: 2px solid #FFF;
}

.leaderboard {
    background: linear-gradient(to bottom, #2a3950, #090424);
    border-radius: 10px;
    box-shadow: 0 7px 30px rgba(62, 9, 11, 0.3);

}
.leaderboard h1 {
  font-size: 20px;
  color: #e1e1e1;
  padding: 20px 13px 18px;
}
.leaderboard h1 svg {
  width: 25px;
  height: 26px;
  position: relative;
  top: 3px;
  margin-right: 6px;
  vertical-align: baseline;
}
.leaderboard ol {
  counter-reset: leaderboard;
  list-style:none!important;
}
.leaderboard ol li {
  position: relative;
  z-index: 1;
  font-size: 12px;
  counter-increment: leaderboard;
  padding: 18px 10px 18px 50px;
  cursor: pointer;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform: translateZ(0) scale(1, 1);
          transform: translateZ(0) scale(1, 1);
}
.leaderboard ol li::before {
  content: counter(leaderboard);
  position: absolute;
  z-index: 2;
  top: 15px;
  left: 15px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  color: #0db3ad;
  background: #fff;
  border-radius: 20px;
  text-align: center;
}
    .leaderboard ol li mark {
        position: absolute;
        z-index: 2;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding: 18px 10px 18px 50px;
        margin: 0;
        background: none;
        color: #fff;
        text-transform: uppercase;
    }
.leaderboard ol li mark::before,.leaderboard ol li mark::after {
  content: '';
  position: absolute;
  z-index: 1;
  bottom: -11px;
  left: -9px;
  border-top: 10px solid #0db3ad;
  border-left: 10px solid transparent;
  -webkit-transition: all .1s ease-in-out;
  transition: all .1s ease-in-out;
  opacity: 0;
}
#leaderboard.leaderboard ol li mark::after {
  left: auto;
  right: -9px;
  border-left: none;
  border-right: 10px solid transparent;
}
.leaderboard ol li small {
  position: relative;
  z-index: 2;
  display: block;
  text-align: right;
  font-size:14px;
  color:white;
}
.leaderboard ol li::after {
  content: '';
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #0db3ad;
  box-shadow: 0 3px 0 rgba(0, 0, 0, 0.08);
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  opacity: 0;
}


#leaderboard.leaderboard ol li::after {
  background: #0db3ad;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.08);
}
#leaderboard.leaderboard ol li mark::before, mark::after {
    border-top: 6px solid #0db3ad;
    bottom: -7px;
}

#leaderboard.leaderboard ol li:hover {
    z-index: 2;
    overflow: visible;
}
#leaderboard.leaderboard ol li:hover::after {
  opacity: 1;
  -webkit-transform: scaleX(1.06) scaleY(1.03);
          transform: scaleX(1.06) scaleY(1.03);
}
#leaderboard.leaderboard ol li:hover mark::before, #leaderboard.leaderboard ol li:hover mark::after {
  opacity: 1;
  -webkit-transition: all .35s ease-in-out;
  transition: all .35s ease-in-out;
}
body {
    font-family: 'Poppins', sans-serif, "proxima-nova", "Helvetica Neue", Helvetica, Arial !important;
    font-size: 14px !important;
    background: linear-gradient(to bottom, #0E1F3A, #178a96) !important;
}

.menubaslik-renk {
    background: linear-gradient(to right, #2a3950, #090424) !important
}
.card-shadow {
    box-shadow: 0 7px 30px rgb(62 9 11 / 30%)!important;
}
.openedCustom{

    overflow-y:scroll;

}
.openedCustom2{
    overflow-y: hidden;
}


.owl-carousel .owl-item img {
    border-radius: 50px !important;
}

.link {
    color: red;
}

#rules.leaderboard ol li 
{
    pointer-events:none;
}
#rules.leaderboard ol li mark {
    position: initial !important;
    padding: 0px;
}

#rules.leaderboard ol li::after {
    background: none;
}



.page-footer * {
    color: white !important;
    font-size: 0.8rem;
    padding-bottom: 2px
}


.footer-baslik {
    border-top: 2px solid #FFF;
}

.footer-color a:hover {
    color: #0E1F3A !important;
    text-decoration: underline !important;
}

.footer-text-align {
    display: inline-block;
    text-align: left;
}




.highcharts-credits {
    display: none;
}

.highcharts-figure, .highcharts-data-table table {
    min-width: 320px;
    max-width: 700px;
    margin: 1em auto;
}

.highcharts-data-table table {
    font-family: Verdana, sans-serif;
    border-collapse: collapse;
    border: 1px solid #EBEBEB;
    margin: 10px auto;
    text-align: center;
    width: 100%;
    max-width: 500px;
}

.highcharts-data-table caption {
    padding: 1em 0;
    font-size: 1.2em;
    color: #555;
}

.highcharts-data-table th {
    font-weight: 600;
    padding: 0.5em;
}

.highcharts-data-table td, .highcharts-data-table th, .highcharts-data-table caption {
    padding: 0.5em;
}

.highcharts-data-table thead tr, .highcharts-data-table tr:nth-child(even) {
    background: #f8f8f8;
}

.highcharts-data-table tr:hover {
    background: #f1f7ff;
}

@media screen and (max-width: 992px) {
    #piechart {
        display: none;
    }

    #canvas {
        margin-top: -40px;
    }
}

.scrollable th:first-of-type, .scrollable td:first-of-type {
    left: 0;
    position: sticky;
    background-color: #1b1d20;
}

.scrollable th:first-of-type {
    z-index: 2;
}

.scrollable td:first-of-type {
    z-index: 1;
    background: linear-gradient(to right, #2a3950, #090424) !important
}

#varliklarim_th > th {
    text-align: center !important;
    border: none !important;
}

#timer {
    font-size: 3em;
    font-weight: bold;
    color: #449c28;
    text-shadow: 0 0 20px #449c28;
}

    #timer div {
        display: inline-block;
        min-width: 118px;
        text-align: center;
        margin-right: 0px;
    }

    #timer span {
        color: #449c28;
        display: block;
        font-size: .35em;
        font-weight: 400;
    }

.yarisma_kural {
    background-color: #fff;
    color: #1A3559;
    border-radius: 10px;
}

#hizli_al_sat_nav > div > button:is(.active) {
    background: linear-gradient(to left, #0E1F3A, #178a96);
    border: none !important;
    color: white !important;
    font-weight: bold;
}

.list-group > li {
    font-size: 12px;
}

#FAQ button {
    text-decoration: none !important;
    font-weight: bold !important;
    color: black !important;
}

#FAQ b {
    font-size: 14px;
}

#FAQ .card-header:not(.collapsed) {
    background: linear-gradient(to left, #0E1F3A, #178a96);
}

    #FAQ .card-header:not(.collapsed) button b {
        color: white;
    }


/*Destekten aktarılan cssler */

#layout_destek .list-group li, label {
    font-size: 13px;
    font-weight: bold;
}

#layout_destek .list-group-item + .list-group-item {
    border-top-width: 1px !important
}

#layout_destek .list-group-item.active {
    z-index: 2 !important;
    background: linear-gradient(to left, #0E1F3A, #178a96) !important;
    border: none !important;
}

    #layout_destek .list-group-item.active > a {
        color: white !important;
    }


/*Layoutdan aktarılan cssler */

#odul-img img {
    width: 200px;
    height: 200px
}

@media screen and (min-width: 900px) {


    .ölcekle {
        width: 65%;
        height: 65%;
        margin: auto !important;
    }
}
#test text, #test g {
    font-family: 'Poppins', sans-serif, "proxima-nova", "Helvetica Neue", Helvetica, Arial !important;
    font-weight: bold;
}

@media screen and (max-width: 700px) {
    #test text, #test g {
        font-size: 0.7rem;
    }
}

.btc-form {
    border: 0px;
    border-bottom: 1px solid #000;
    border-radius: 0px;
}

.footer-menu ul li a {
    font-size: 12px !important;
}

@media (max-width:567px) {
    .footer-menu ul {
        text-align: center !important;
    }
}

.DailyPercentPositive {
    color: #95ffa0 !important;
}

.scrolling-wrapper {
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
}

.ssl-ufk {
    width: 100% !important;
    height: 36px !important;
    line-height: 36px !important;
    text-align: center !important;
    font-size: 14px !important;
    margin: 0px auto 40px !important;
    background: rgb(255, 255, 255) !important;
    border-radius: 23px !important;
    border-width: 1px !important;
    border-style: solid !important;
    border-color: rgb(234, 236, 239) !important;
    border-image: initial !important;
}

    .ssl-ufk img {
        margin: 0px 0px 3px 0px !important;
        width: 15px !important;
        height: 15px !important;
    }

    .ssl-ufk span {
        color: rgb(0, 192, 135) !important;
        margin-right: 3px !important;
    }

@media (min-width:1400px) {
    .content-bolum {
        margin-top: 45px !important;
    }
}

.lazy img {
    background-image: url("../../Content/NewAssets/images/icons/loading/loading.gif");
}

.btn-success:focus {
    background-color: #0E1F3A !important;
}

@media screen and (max-width:1200px)  {
 
        .hizli_al_sat_re-size label {
            font-size: 10px;
        }
   .hizli_al_sat_re-size button{
       margin-top:0px!important;
   }
}

#varliklarim-table img{
    width:30px!important;
    height:30px!important;
}

footer img{
    height:18px;
    width:16px;
    border:0;
}
.popup-resize{
    width:100%;
    height:100%;
}
#macyap{
    width:100%;
    border-radius:20px;
}

@media screen and (max-width:750px) {

    #macyap {
      margin-top:25px;
    }
}

.header3menukapa  ul li a{
    opacity:1;
    font-size:13px;
}

#menu .dropdown:nth-child(3) li{
    width: 190px;
}