p {font-family: 'Play', sans-serif !important;}
h1,h2,h3,h4,h5 {font-family: 'Play', sans-serif !important;}
a {font-family: 'Play', sans-serif !important; }
span {font-family: 'Play', sans-serif !important;}
strong {font-family: 'Play', sans-serif !important; font-weight: 600;}
b {font-family: 'Play', sans-serif !important; font-style: normal;}
span {font-family: 'Play', sans-serif !important; font-style: normal;}
em {font-family: 'Play', sans-serif !important; font-style: normal;}
li {font-family: 'Play', sans-serif !important; }
ul {font-family: 'Play', sans-serif !important; }

.logo {margin-top: 5px; }
.mircindir {width: 100%; height: 60px;}

.menu {background: #0e5b6b; border-color: #0e5b6b;-webkit-box-shadow: 0px 11px 24px -12px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 11px 24px -12px rgba(0,0,0,0.75);
box-shadow: 0px 11px 24px -12px rgba(0,0,0,0.75);}
.navbar-default .navbar-nav>li>a {
    color: #fff;
      transition: all 0.5s ease;
}

.navbar-default .navbar-nav>li>a:hover {
    background: #fff;
      transition: all 0.5s ease;
}

.baslik { -webkit-box-shadow: 0px 11px 24px -12px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 11px 24px -12px rgba(0,0,0,0.75);
box-shadow: 0px 11px 24px -12px rgba(0,0,0,0.75); padding: 10px 0px;transition: all 0.5s ease;}

.diz {padding: 5px; font-size: 16px; border-bottom: 1px solid #c3bebe; cursor: pointer;transition: all 0.5s ease;}

.radyo {font-size: 16px; color: #b23434; padding: 5px 0px; border-bottom: 1px solid #c3bebe;transition: all 0.5s ease;}
.sarki {font-size: 16px; color: #b23434; padding: 8px 0px; border-bottom: 1px solid #c3bebe;transition: all 0.5s ease;}
.dj {color: #000;transition: all 0.5s ease;}
.parca {color: #000;transition: all 0.5s ease;}

.diz:hover {background: #b23434; color: #fff;transition: all 0.5s ease;}
::-webkit-scrollbar {
    width: 6px;
    background-color: rgba(178, 52, 52, 0.00);
    border-left: 0px solid #b23434;
}
::-webkit-scrollbar-thumb {
    background-color: #b23434;
}
::-webkit-scrollbar-thumb:hover {
    background-color: #414141;
}

.loading,.loading>td,.loading>th,.nav li.loading.active>a,.pagination li.loading,.pagination>li.active.loading>a,.pager>li.loading>a{
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
  background-size: 40px 40px;
  animation: 2s linear 0s normal none infinite progress-bar-stripes;
  -webkit-animation: progress-bar-stripes 2s linear infinite;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 1024px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1235px;
  }
}