/* Online User Bar */

.onlineuserbar {
  width: 100%;
  height: 50px;
}

.onlineuserbar-wrap {
  background: #303337;
  margin: 20px 0;
  overflow: hidden;
  position: relative;
}
.onlineuserbar-wrap .onlineuserbar-bar {
  background: #ffdc11;
  left: 0;
  position: absolute;
  top: 0;
}


.footer-copyright{
  text-align: center;
}

.mb15{
margin-bottom: 15px !important;
}
/* Event Aktif */
.eaktif{
  background-color:#24d9b0;
  padding: 10px;
  color: #fff;
  font-size: 20px;
  text-transform: uppercase;
  border-radius: 5px;
}
/* Sunucu Saati */


.alarm-clock {
  position: relative;
  padding: 10px;
  border-radius: 10px;
}
.alarm-clock .date {
  position: absolute;
  bottom: 15px;
  left: 50%;
  color: white;
  font-size: 12px;
  text-transform: uppercase;
  transform: translateX(-50%);
  z-index: 9;
}
.alarm-clock .time {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px 40px 15px;
  font-family: "Montserrat", sans-serif;
  font-size: 52px;
}
.alarm-clock .time span {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  color: #ffdc11;
  text-shadow: 0 0 20px #000000;
  line-height: 1.75;
}
.alarm-clock .time span:nth-of-type(5) {
  width: 90px;
}
.alarm-clock .time span.colon {
  width: 12px;
  text-align: center;
  animation: blink 2s infinite;
}

@keyframes blink {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  70% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}




.product {
  position: relative;
  margin: 5px;
}

.product > div {
  -webkit-box-shadow: 0px 0px 6px 0px #596067;
          box-shadow: 0px 0px 6px 0px #596067;
}
.product .fornt, .product .back {
  background-color: #303337;

}

.product .fornt .img-wrap, .product .back .img-wrap {
    padding: 50px 100px 50px;
  background-color: #292c31;
  min-width: 100%;
}
.product .fornt .img-wrap img, .product .back .img-wrap img {
  max-width: 100%;
}

.product .fornt .description, .product .back .description {
  position: relative;
  padding: 30px 15px 15px;
}
.product .fornt .description .content h3, .product .back .description .content h3 {
    margin: 0;
    font-size: 18px;
    font-weight: 300;
    color: #ffffff;
    text-shadow: 0px 2px #292c31;
}

.product .fornt .description .price .new-price, .product .back .description .price .new-price {
  font-size: 30px;
  font-weight: 300;
  color: #ffdc11;
}
.product .fornt .description .quick-detail, .product .back .description .quick-detail {

  position: absolute;
  bottom: 10px;
  right: 10px;
  text-align: center;
  color: #fff;
  font-size: 27px;
  cursor: pointer;
}

.product .fornt .description .price .old-price, .product .back .description .price .old-price {
    font-size: 18px;
    color: #C3C3C3;
    font-weight: 300;
    margin-right: 10px;
}





.stage {
  position: relative;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-content: center;
  align-items: center;
  padding: 32px;
  min-height: calc(100vh - 80px);
}
.stage:hover > .tile {
  opacity: 0.5;
}
.stage .tile {
  position: relative;
  flex: 1 1 calc(33.333% - 96px);
  padding: 64px 32px;
  margin: 16px;
  background: #303030;
  cursor: pointer;
  box-shadow: 5px 5px 0 0 rgba(48, 48, 48, 0.25);
  transform-origin: 50% 100% 0;
  transition-property: transform box-shadow;
  transition-duration: .5s;
  transition-timing-function: cubic-bezier(0.76, -0.35, 0.21, 1.45);
}
.stage .tile:hover {
  opacity: 1;
  transform: scale(1.1);
  box-shadow: none;
}
.stage .tile > h1 {
  font-weight: 700;
  color: #EFEFEF;
  text-align: center;
  text-transform: uppercase;
}

.tile:after, .tile::after {
  content: '';
  position: absolute;
  top: .5em;
  left: .5em;
  height: calc(100% - .5em);
  width: calc(100% - .5em);
  pointer-events: none;
  opacity: 0.15;
  background-image: none;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.tile.sifre {
  background-color: #004a5a;
  background-image: radial-gradient(circle farthest-corner at 100% 0, #007F9A, transparent);
}
.tile.sifre:after, .tile.sifre::after {
  background-image: url(https://d30y9cdsu7xlg0.cloudfront.net/png/20344-200.png);
  background-position: 50% 70%;
  background-size: 230px;
}
.tile.karakterk {
  background-color: #087a4b;
  background-image: radial-gradient(circle farthest-corner at 100% 0, #0dc176, transparent);
}
.tile.karakterk:after, .tile.karakterk::after {
  background-image: url(https://d30y9cdsu7xlg0.cloudfront.net/png/8336-200.png);
}
.tile.bakiye {
  background-color: #382942;
  background-image: radial-gradient(circle farthest-corner at 100% 0, #604671, transparent);
}
.tile.bakiye:after, .tile.bakiye::after {
  background-image: url(https://d30y9cdsu7xlg0.cloudfront.net/png/3047-200.png);
  background-size: 180px;
}

.tile.resim {
  background-color: #ff7e1f;
  background-image: radial-gradient(circle farthest-corner at 100% 0, #ffcc00, transparent);
}
.tile.resim:after, .tile.resim::after {
  background-image: url(https://png.icons8.com/metro/1600/add-file.png);
  background-size: 180px;
}


.tile.accreditation {
  background-color: #b66f0c;
  background-image: radial-gradient(circle farthest-corner at 100% 0, #f5ba67, transparent);
}






a {
   transition: all 0.3s ease 0s;
}



navx ul {
   list-style: none;
   overflow: hidden;
   position: relative;
}

navx ul li {
   float: left;
   margin: 0 20px 0 0;
}

navx ul li a {
   display: block;
   width: 120px;
   height: 120px;
   background-image: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/499416/icons.png");
   background-repeat: no-repeat;
   border-radius: 4px;
}

navx ul li:nth-child(1) a {
   background-color: #5BB2FC;
   background-position: 28px 28px;
}

navx ul li:nth-child(2) a {
   background-color: #58EBD3;
   background-position: 28px -96px;
}

navx ul li:nth-child(3) a {
   background-color: #FFA659;
   background-position: 28px -222px;
}

navx ul li:nth-child(4) a {
   background-color: #FF7A85;
   background-position: 28px -342px;
}

navx ul li:nth-child(1) a:hover, navx ul li:nth-child(2) a:hover, navx ul li:nth-child(3) a:hover, navx ul li:nth-child(4) a:hover {
   opacity: 0.8;
}



navx ul li a:hover span {
   visibility: visible;
}

navx ul li:nth-child(1) a span {
   color: #5BB2FC;
}

navx ul li:nth-child(2) a span {
   color: #58EBD3;
}

navx ul li:nth-child(3) a span {
   color: #FFA659;
}

navx ul li:nth-child(4) a span {
   color: #FF7A85;
}









/* layout.css Style */
.upload-drop-zone {
  height: 200px;
  border-width: 2px;
  margin-bottom: 20px;
}

/* skin.css Style*/
.upload-drop-zone {
  color: #ccc;
  border-style: dashed;
  border-color: #ccc;
  line-height: 200px;
  text-align: center
}
.upload-drop-zone.drop {
  color: #222;
  border-color: #222;
}



.option {
  padding:0 30px 0 10px;
  min-height:40px;
  display:flex;
  align-items:center;
  background:#333;
  border-top:#222 solid 1px;
  position:absolute;
  top:0;
  width: 100%;
  pointer-events:none;
  order:2;
  z-index:1;
  transition:background .4s ease-in-out;
  box-sizing:border-box;
  overflow:hidden;
  white-space:nowrap;
  
}

.option:hover {
  background:#666;
}



.tab {
  background-color: #292c31;
  border-radius: 3px;
  padding: 10px;
  border:1px;
  border-color: #34373c;
}
.tab a{

width: 100%;
margin-bottom:10px;
}


/* Create an active/current "tab button" class */
.tab a.active {
   color:#fff;
}

.tab a.active:focus {
   background-color: #f34141;
}

/* Style the tab content */
.tabcontent {


}

 


.widget-player__team-logo {
  left:5%;
  top:5%;
  width: 90%;
}