@import "https://fonts.googleapis.com/css?family=Roboto:400,300,700,500";
body {
    background-color: #ededed;
    color: #414042;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    line-height: 1;
}
.main-background {
    /*background-image: url("../images/background.jpg");*/
    background-position: center 188px;
    background-repeat: no-repeat;
}
.fleft {
    float: left;
}
.fright {
    float: right;
}
.inline-block {
    display: inline-block;
}
.clearfix {
    clear: both;
}
.relative {
    position: relative;
}
.center {
    margin: 0 auto;
    width: 960px;
}
.no-margin {
    margin: 0 !important;
}
.no-border {
    border: 0 none !important;
}
h3 {
    font-size: 16px;
}
.border {
    background: url("../images/hr.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    height: 1px;
    left: -30px;
    margin: 10px 0;
    position: relative;
    width: 1000px;
    z-index: 99999;
}
.t-center {
    text-align: center;
}
.t404bg {
    background: url("../images/404-bg.png") no-repeat scroll center -123px rgba(0, 0, 0, 0);
}
.t404text {
    display: inline-block;
    font-size: 20px;
    line-height: 24px;
    margin-top: 200px;
    text-align: left;
    width: 100%;
}
.t404text:before {
    background: url("../images/warning.png") no-repeat scroll center top rgba(0, 0, 0, 0);
    content: "";
    float: left;
    height: 71px;
    margin-left: 120px;
    margin-right: 26px;
    width: 83px;
}
.t-link {
    background: none repeat scroll 0 0 #9b0a0a;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    padding: 10px 25px;
    text-align: center;
}
.t-link:hover {
    background: none repeat scroll 0 0 #c52323;
}
.header {
    background: url("../images/header-background.jpg") no-repeat scroll center top rgba(0, 0, 0, 0);
    float: left;
    height: 96px;
    position: relative;
    width: 100%;
}
.header-top {
    clear: both;
    float: right;
    margin-bottom: 0;
    margin-top: 14px;
    width: 100%;
}
.logo {
    /* background: url("../images/logo-shadow.png") no-repeat scroll -40px bottom rgba(0, 0, 0, 0); */
    height: 41px;
    margin-top: 13px;
    width: 290px;
}
.logo img {
    float: left;
    /* width: 125px; */
}
.logo span {
    color: #333;
    float: left;
    font-size: 11px;
    font-weight: 600;
    margin-left: 7px;
    margin-top: 14px;
}
.social {
    float: right;
}
.social a {
    float: left;
    height: 25px;
    margin-right: 2px;
    width: 25px;
}
.social a.facebook {
    background: url("../images/facebook.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.social a.ico {
    background: url("../images/ico.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.social a.twitter {
    background: url("../images/twitter.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.social a.rss {
    background: url("../images/rss.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.menu {
    float: right;
    height: 40px;
    margin-top: 20px;
    position: relative;
}
.menu a {
    background: url("../images/menu-normal.png") no-repeat scroll center top rgba(0, 0, 0, 0);
    color: #3f3f3f;
    float: left;
    font-size: 11px;
    font-weight: 700;
    height: 37px;
    line-height: 35px;
    margin-right: 5px;
    text-align: center;
    width: 78px;

}
.menu a:hover {
    background: url("../images/menu-active.png") no-repeat scroll center top rgba(0, 0, 0, 0);
    color: #fff;
    font-weight: normal;
}
.menu a.active {
    background: url("../images/menu-active.png") no-repeat scroll center top rgba(0, 0, 0, 0);
    color: #fff;
    font-weight: 500;
}
.slider-container {
    border-top: 1px solid #e0e0e0;
    clear: both;
    float: left;
    height: 266px;
    margin-top: 9px;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.slider-nav {
    position: absolute;
    top: 98px;
    width: 100%;
    z-index: 9999;
}
.slider-nav .slider-right, .slider-nav .slider-left {
    background-position: 0 10px;
}
.slider-right, .slider-left {
    background-repeat: no-repeat;
    cursor: pointer;
    height: 140px;
    position: absolute;
    width: 18px;
    z-index: 9999;
}
.slider-right {
    background: url("../images/right-arrow.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    right: 5px;
}
.slider-left {
    background: url("../images/left-arrow.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    left: 5px;
}
.gray-right {
    background: url("../images/GRI-arrow-right.png") no-repeat scroll 0 60px rgba(0, 0, 0, 0);
    right: 5px;
}
.gray-left {
    background: url("../images/GRI-arrow-left.png") no-repeat scroll 0 60px rgba(0, 0, 0, 0);
    left: 5px;
}

.video-nav {
    position: absolute;
    top: 98px;
    width: 100%;
    z-index: 9999;
}
.video-nav .video-right, .video-nav .video-left {
    background-position: 0 10px;
}
.video-right, .video-left {
    background-repeat: no-repeat;
    cursor: pointer;
    height: 140px;
    position: absolute;
    width: 18px;
    z-index: 9999;
}
.video-right {
    background: url("../images/right-arrow.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    right: 5px;
}
.video-left {
    background: url("../images/left-arrow.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    left: 5px;
}
.gray-right {
    background: url("../images/GRI-arrow-right.png") no-repeat scroll 0 60px rgba(0, 0, 0, 0);
    right: 5px;
}
.gray-left {
    background: url("../images/GRI-arrow-left.png") no-repeat scroll 0 60px rgba(0, 0, 0, 0);
    left: 5px;
}

.slider-buttons {
    bottom: 0;
    height: 13px;
    position: absolute;
    text-align: right;
    width: 100%;
    z-index: 9999;
}
.slider-buttons a {
    background: none repeat scroll 0 0 #afafb0;
    border-radius: 50%;
    display: inline-block;
    height: 8px;
    margin-right: 5px;
    margin-top: 1px;
    width: 8px;
}
.slider-buttons .selected {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #afafb0;
    height: 7px;
    width: 7px;
}
.slider-buttons a span {
    display: none;
}
.slider {
    height: 250px !important;
    overflow: hidden;
    position: relative;
    width: 940px;
}
.slide {
    float: left;
    position: relative;
    width: 960px;
}
.slide img {
    min-height: 250px;
    position: relative;
    width: 100%;
    z-index: 5;
}
.caption {
    bottom: 10px;
    left: 0;
    position: absolute;
    width: 400px;
    z-index: 99;
}
.caption span {
    clear: both;
    color: #fff;
    float: left;
}
.caption-title {
    font-size: 53px;
    margin-bottom: 5px;
    margin-left: 22px;
}
.caption-info {
    background: none repeat scroll 0 0 rgba(234, 92, 32, 0.87);
    font-size: 21px;
    padding: 4px 25px;
}
.slide a {
    background: none repeat scroll 0 0 #e30a17;
    border-radius: 5px;
    color: #fff;
    float: left;
    padding: 10px;
    text-align: center;
    width: 105px;
}
.content-links {
    float: left;
    height: 100px;
    /*height: 80px;*/
    margin-bottom: 10px;
    margin-top: 13px;
    width: 100%;
}
.c-link {
    background: none repeat scroll 0 0 #ddddde;
    float: left;
    height: 72px;
    margin-top: 1px;
    /*padding-top: 10px;*/
    width: 100.2%;
}
.c-link img {
    display: inline-block;
    height: auto;
    width: 100%;
}
.stream-container {
    float: left;
    margin-bottom: 10px;
    width: 98%;
}
.stream-content {
    background: none repeat scroll 0 0 #ededed;
    box-shadow: 7px 0 8px 0 rgba(50, 50, 50, 0.15);
    float: left;
    height: 253px;
    margin-left: 13px;
    width: 300px;
}
.sstream-avrupa {
    height: 200px;
}
.stream-title {
    border-bottom: 0 none;
    float: left;
    height: 38px;
    margin-bottom: 3px;
    width: 100%;
}
.stream-content .s-title-ico img {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
}
.stream-content .s-title span {
    clear: both;
    color: #292928;
    float: left;
}
.s-title-ico {
    float: left;
    margin-left: 5px;
    margin-right: 5px;
    text-align: center;
    width: 36px;
}
.s-title {
    float: left;
    margin-top: 4px;
    width: 69%;
}
.s-title-ico img {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    height: auto;
    width: 100%;
}
.ttsrden {
    margin-top: 12px;
}
.s-tab-links .s-title {
    float: left;
    margin-top: 10px;
    width: 223px;
}
.s-title span {
    clear: both;
    color: #a1a1a4;
    float: left;
}
.ttsrden .s-title span.s-span {
    font-size: 19px;
    margin-left: 11px;
}
.s-title span.s-span {
    font-size: 15px;
    font-weight: 700;
    margin-left: 6px;
}
.streaming {
    float: left;
    height: 87%;
    text-align: center;
    width: 100%;
    overflow: auto !important;
}
.orange {
    background: none repeat scroll 0 0 #81acae !important;
    margin-bottom: 0 !important;
}
.purple {
    background: none repeat scroll 0 0 #66b4c6 !important;
    height: 79%;
    margin-bottom: 0 !important;
    overflow: hidden;
}
.streaming a {
    border-bottom: 1px solid #fff;
    color: #fff;
    display: inline-block;
    padding-bottom: 10px;
    margin-top: 6px;
    text-align: left;
    width: 90%;
}
.streaming-pic {
    float: left;
    margin-right: 10px;
    width: 50px;
}
.streaming-pic img {
    width: 100%;
}
.stream-container .streaming a span {
    display: inline-block;
    font-size: 13px;
    font-weight: 700;
    margin-top: 12px;
}
.stream-container .streaming-date {
    float: right;
    margin-right: 15px;
}
.streaming a span {
    display: inline-block;
    font-size: 18px;
    margin-top: 12px;
}
.streaming-title {
    width: 150px;
}
.streaming-date {
    float: right;/* margin-right: 308px; */
}
.stream-right {
    float: right;
    width: 310px;
}
.sr-div {
    background: none repeat scroll 0 0 #ededed;
    box-shadow: 7px 0 8px 0 rgba(50, 50, 50, 0.15);
    float: left;
    height: 314px;
    /* margin-bottom: 7px; */
    /* margin-top: 215px; */
    position: relative;
    width: 310px;
    padding-right: 7px;
}
.sr-div img {
    width: 25%;
}
.sr-player-title {
    float: left;
    font-size: 20px;
    font-weight: bold;
    margin-left: 12px;
    margin-top: 10px;
}
.sr-player {
    bottom: 7px;
    clear: both;
    float: left;
    height: 27px;
    left: 10px;
    position: absolute;
    width: 93%;
}
.weather {
    background: none repeat scroll 0 0 #619691;
}
.content-slider-container {
    background-color: #ededed;
    background-image: url("../images/content-slider-bg.png");
    background-position: 134px top;
    background-repeat: no-repeat;
    box-shadow: 5px 0 16px 0 rgba(50, 50, 50, 0.3);
    float: left;
    height: 180px;
    margin-bottom: 10px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.video-container {
    background-repeat: no-repeat;
    box-shadow: 5px 0 16px 0 rgba(50, 50, 50, 0.3);
    float: left;
    height: 355px !important;
    margin-bottom: 10px;
    overflow: hidden;
    position: relative;
    width: 314px !important;
}

.video-container-2 {
    background-repeat: no-repeat;
    box-shadow: 5px 0 16px 0 rgba(50, 50, 50, 0.3);
    float: left;
    height: 355px !important;
    margin-bottom: 10px;
    overflow: hidden;
    position: relative;
    width: 314px !important;
}
.ccontent-slider-container {
    background-color: #ededed;
    background-image: url("../images/content-slider-bg.png");
    background-position: 134px top;
    background-repeat: no-repeat;
    box-shadow: 5px 0 16px 0 rgba(50, 50, 50, 0.3);
    float: left;
    height: 230px;
    margin-bottom: 10px;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.ccontent-slider-container {
}
.ccontent-slide {
    float: left;
    height: 173px;
    margin-right: 17px;
    width: 169px;
}
.ccontent-slide img {
    margin-bottom: 7px;
    min-height: 126px;
    width: 100%;
}
.ccontent-slide span {
    background: url("../images/content-slider-arrow.png") no-repeat scroll left 3px rgba(0, 0, 0, 0);
    color: #444;
    padding-left: 12px;
}
.content-slider-head {
    float: left;
    height: 30px;
    padding: 10px;
    width: 98%;
}
.content-slider-logo {
    float: left;
    margin-left: 15px;
    margin-right: 5px;
}
.content-slider-logo img {
}
.content-slider-title {
    float: left;
    font-size: 16px;
    font-weight: bold;
    margin-top: 7px;
}
.title-border {
    background: none repeat scroll 0 0 #810000;
    height: 1px;
    position: absolute;
    right: 0;
    top: 24px;
    width: 75.5%;
}
.bigborder {
    background: none repeat scroll 0 0 #81acae;
    height: 11px;
    margin-top: -5px;
}
.content-slider-nav .slider-left, .slider-right {
    top: 0;
}
.content-slider-nav {
    position: relative;
    top: 7px;
    width: 100%;
}
.ccontent-slider-container .content-slider-nav {
    top: 30px;
}

.content-video-nav .slider-left, .slider-right {
    top: 0;
}
.content-video-nav {
    position: relative;
    top: 70px;
    width: 100%;
    float: left;
}
.ccontent-video-container .content-video-nav {
    top: 30px;
}
.content-slider {
    float: left;
    height: 176px;
    margin-left: 24px;
    overflow: hidden;
    position: relative;
    width: 94.5%;
}
.content-slide {
    float: left;
    height: 177px;
    margin-right: 13px;
    width: 119px;
}
.content-slide img {
    margin-bottom: 7px;/* min-height: 126px; *//* width: 100%; */
}
.content-slide span {
    background: url("../images/content-slider-arrow.png") no-repeat scroll left 3px rgba(0, 0, 0, 0);
    color: #444;
    padding-left: 12px;
}
.red-arrow {
    background: url("../images/content-slider-arrow-red.png") no-repeat scroll left 3px rgba(0, 0, 0, 0) !important;
}
.duyurular-content {
    margin-left: 16%;
    width: 79%;
}
.content-links {
}
.sub-page-content {
    clear: both;
    float: left;
    width: 100%;
}
.sub-page-banner {
    clear: both;
    width: 100%;
}
.sub-page-content-container {
    background: none repeat scroll 0 0 #f1f1f1;
    box-shadow: 7px 0 8px 0 rgba(50, 50, 50, 0.16);
    clear: both;
    float: left;
    height: auto;
    margin-bottom: 15px;
    min-height: 450px;
    padding: 10px;
    position: relative;
    width: 98%;
}
.sub-page-content-title {
    height: 45px;
    position: relative;
    width: 100%;
}
.sp-content-title-ico {
    background: none repeat scroll 0 0 #f2f2f2;
    float: left;
    position: relative;
    z-index: 5;
}
.sp-content-title-ico img {
}
.sub-page-content-title span {
    background: none repeat scroll 0 0 #f2f2f2;
    float: left;
    font-size: 24px;
    margin-bottom: 10px;
    margin-left: 0;
    margin-top: 7px;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
    z-index: 8;
}
.sub-page-content-title span p {
    clear: both;
    font-size: 14px;
    font-weight: bold;
    margin-left: 6px;
}
.sub-page-content-title span .sp-big-title {
    font-size: 26px;
}
.sub-page-title-border {
    background: none repeat scroll 0 0 #d35521;
    height: 10px;
    left: 2px;
    margin-top: 15px;
    position: absolute;
    right: 2px;
    width: 935px;
    z-index: 4;
}
.double-line {
    margin-top: 0 !important;
}
.double-line p {
    margin-bottom: 0 !important;
}
.double-line span {
}
.s-p-content {
    float: left;
    margin-top: 10px;
    padding-bottom: 13px;
    width: 100%;
}
.button {
    background: none repeat scroll 0 0 #49b1e3;
    border-bottom: 3px solid #349bcc;
    color: #fff !important;
    cursor: pointer;
    font-size: 12px;
    margin-bottom: 5px;
    padding: 7px 10px;
}
#accordion .button {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: linear-gradient(0deg, rgb(63, 185, 245) 30%, rgb(18, 116, 161) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-color: #3fbbf5 #3fbbf5 #1291cd;
    border-image: none;
    border-radius: 10px;
    border-style: solid;
    border-width: 3px;
    float: left;
    height: 12px;
    margin-top: 10px;
}
.b-thin {
    background: none repeat scroll 0 0 #810000;
    height: 1px;
    position: absolute;
    right: -2px;
    top: 4px;
    width: 930px;
}
.news-subpage-bg {
    background: url("../images/content-slider-bg.png") no-repeat scroll 200px top #f1f1f1 !important;
}
.s-p-left {
    float: left;
    margin-left: 36px;
    margin-right: 25px;
    text-align: center;
    width: 195px;
}
.s-p-left-pic {
    margin-bottom: 10px;
}
.s-p-left-pic img {
    height: auto;
    width: 100%;
}
.s-p-left .news-date {
    font-size: 12px;
    margin-bottom: 10px;
    text-align: center;
}
.sp-left-social {
    float: left;
    margin-top: 10px;
    width: 100%;
}
.s-p-right {
    float: left;
    margin-left: 20px;
    width: 635px;
}
.s-p-right span {
    float: left;
    margin-bottom: 19px;
    width: 100%;
}
.big-title {
    color: #b82425;
    font-size: 35px;
}
.medium-title {
    color: #7f7f7f;
    font-size: 20px;
}
.s-p-right p {
    float: left;
    line-height: 17px;
    margin-top: 10px;
    width: 100%;
}
.s-p-content-form {
    margin-left: 16%;
    width: 79%;
}
.form-horizontal select {
    width: 98.7%;
    height: 45px;
}
.podcast-program img {
    float: left;
}
.podcast-program {
    float: left;
    margin-top: 10px;
}
.podcast-program a {
    color: #a6a6a6;
    float: left;
    font-weight: bold;
    margin-left: 10px;
    margin-top: 11px;
}
.podcast-title, .podcast-date {
    color: #444;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 5px;
}
.podcast-program a span {
    margin-top: -7px;
}
.s-p-form-input {
    -moz-appearance: none;
    border: 2px solid #f6cbc0;
    border-radius: 10px;
    box-shadow: -4px 2px 2px 2px rgba(50, 50, 50, 0.15) inset;
    color: #a9a9a9;
    font-size: 15px;
    font-weight: bold;
    height: 40px;
    margin-bottom: 10px;
    margin-left: 55px;
    padding: 10px;
    width: 95.5%;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    background: #FFF;
}
select {
    /* background: url("../images/combobox.png") no-repeat scroll right center #fff; */
}
label {
    position: relative;
}
.istekhatti:after {
    content: '';
    background: url("../images/combobox.png") no-repeat;
    top: 10px;
    right: -34px;
    width: 26px;
    height: 29px;
    position: absolute;
    pointer-events: none;
    z-index: 9999;
}
.istekhatti:before {
    content: '';
    right: -44px;
    top: 3px;
    width: 45px;
    border-top: 3px solid #E0E0E0;
    border-right: 3px solid #E0E0E0;
    height: 36px;
    background-color: #FFFFFF;
    position: absolute;
    pointer-events: none;
    display: block;
    z-index: 9999;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
.t-area {
    height: 150px;
}
.form-bttn {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: linear-gradient(0deg, rgb(63, 185, 245) 30%, rgb(18, 116, 161) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-color: #3fbbf5 #3fbbf5 #1291cd;
    border-image: none;
    border-radius: 10px;
    border-style: solid;
    border-width: 3px;
    float: left;
    font-size: 18px;
    height: 37px;
    line-height: 28px;
    margin-left: 300px;
    margin-top: 10px;
    padding: 3px;
    width: 100px;
}
.s-p-content-slider-nav {
    height: 53px;
    left: 5px;
    position: absolute;
    top: 44%;
    width: 99%;
    z-index: 106;
}
#podcast .podcast-title {
    color: #949494;
    font-size: 23px;
}
#podcast .podcast-date {
    color: #aaa;
    font-size: 20px;
}
#podcast .podcast-program {
    clear: both;
    float: left;
    margin: 10px 0;
    width: 100%;
}
#podcast .podcast-program img {
    float: left;
}
#podcast .podcast-program span {
    color: #818181;
    float: left;
    font-size: 19px;
    margin-left: 10px;
    margin-top: 9px;
}
#podcast .podcast-content {
    float: left;
    margin-bottom: 10px;
    width: 100%;
}
#podcast .podcast-content div {
    clear: both;
    float: left;
    margin-bottom: 5px;
    width: 100%;
}
.sstream-left {
    float: left;
    width: 67%;
}
#podcast .podcast-content div span {
    line-height: 17px;
    width: 22%;
}
#podcast .stream-slider-container {
    box-shadow: 7px 0 8px 0 rgba(50, 50, 50, 0.16);
    clear: both;
    height: 60px;
    overflow: hidden;
    position: relative;
    width: 100%;
}
#podcast .stream-nav {
    margin-left: 12px;
    position: absolute;
    top: 18px;
    width: 98%;
    z-index: 10;
}
#podcast .stream-right, .stream-left {
    cursor: pointer;
    height: 25px;
    width: 12px;
}
#podcast .stream-right {
    background: url("../images/stream-right.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
#podcast .stream-left {
    background: url("../images/stream-left.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
#podcast .stream-slider {
    height: 48px;
    margin-left: 24px;
    margin-top: 7px;
    overflow: hidden;
    position: relative;
    width: 895px;
    z-index: 888;
}
#podcast .stream-slide {
    background: url("../images/stream-slider-dot.png") no-repeat scroll right center rgba(0, 0, 0, 0);
    color: #333;
    float: left;
    height: 30px;
    margin-left: 4px;
    margin-top: 7px;
    padding: 0 2px;
    text-align: center;
    width: 205px;
}
#podcast .stream-slide img {
    float: left;
    max-width: 56px;
}
#podcast .stream-slide span {
    display: inline-block;
    font-size: 17px;
    margin-left: 9px;
    margin-top: 10px;
}
#programlar .stream-slider-container {
    box-shadow: 7px 0 8px 0 rgba(50, 50, 50, 0.16);
    clear: both;
    height: 60px;
    overflow: hidden;
    position: relative;
    width: 100%;
}
#programlar .stream-nav {
    margin-left: 12px;
    position: absolute;
    top: 18px;
    width: 98%;
    z-index: 10;
}
#programlar .stream-right, .stream-left {
    cursor: pointer;
    height: 25px;
    width: 12px;
}
#programlar .stream-right {
    background: url("../images/stream-right.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
#programlar .stream-left {
    background: url("../images/stream-left.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
#programlar .stream-slider {
    height: 48px;
    margin-left: 24px;
    margin-top: 7px;
    overflow: hidden;
    position: relative;
    width: 895px;
    z-index: 888;
}
#programlar .stream-slide {
    background: url("../images/stream-slider-dot.png") no-repeat scroll right center rgba(0, 0, 0, 0);
    color: #333;
    float: left;
    height: 30px;
    margin-left: 4px;
    margin-top: 7px;
    padding: 0 2px;
    text-align: center;
    width: 205px;
}
#programlar .stream-slide img {
    float: left;
    max-width: 56px;
}
#programlar .stream-slide span {
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    margin-left: 5px;
    margin-top: 7px;
}
.programs-slider {
    float: left;
    height: 528px;
    margin-left: 18px;
    overflow: hidden;
    position: relative;
    width: 906px;
    z-index: 99;
}
.program-slide {
    float: left;
    height: 528px;
    width: 925px;
}
.program {
    float: left;
    height: 160px;
    margin-bottom: 10px;
    margin-right: 20px;
    position: relative;
    width: 165px;
}
.prog-podcast:after {
    background: url("../images/play-video.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    content: "";
    height: 59px;
    left: 53px;
    position: absolute;
    top: 27px;
    width: 59px;
    z-index: 9;
}
.program:hover {
    background: none repeat scroll 0 0 #fff;
}
.program img {
    min-height: 117px;
    width: 100%;
}
.program span {
    float: left;
    margin-top: 4px;
    width: 100%;
}
.programs-title {
    color: #666;
    font-size: 15px;
}
.programs-date {
    color: #777;
    font-size: 15px;
}
#frekans .freq-download-bttn {
    background: url("../images/frekanss-bg.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    border: 2px solid #969491;
    border-radius: 5px;
    display: inline-block;
    height: 46px;
    position: relative;
    width: 370px;
}
#frekans .freq-content {
    display: inline-block;
    margin-left: 9%;
    /*margin-top: 50px;*/
    /*min-height: 100px;*/
    text-align: center;
    width: 83%;
}
#frekans .freq-download-bttn span {
    color: #d35521;
    display: inline-block;
    font-size: 17px;
    line-height: 47px;
    margin-left: -55px;
}
#frekans .download-ico {
    background: url("../images/download-button.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #fff !important;
    font-size: 18px !important;
    height: 54px;
    line-height: 90px !important;
    position: absolute;
    right: 0;
    top: -8px;
    width: 63px;
}
#frekans .freq-selectbox {
    background: url("../images/frekanss-bg.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    border: 2px solid #969491;
    border-radius: 5px;
    display: inline-block;
    height: 46px;
    /*margin-top: 30px;*/
    position: relative;
    width: 370px;
}
#frekans .freq-selectbox span {
    color: #d35521;
    font-size: 20px;
    line-height: 45px;
    text-align: center;
    width: 110px;
}
#frekans .select-style {
    background: url("../images/select-arrow.png") no-repeat scroll 124px center rgba(0, 0, 0, 0);
    border-left: 1px solid #b6b6b6;
    border-right: 1px solid #b6b6b6;
    float: left;
    height: 100%;
    width: 145px;
}
#frekans .freq-select {
    -webkit-appearance: none;
    -moz-appearance: button-focus;
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    color: #d35521;
    cursor: pointer;
    font-size: 20px;
    height: 100%;
    text-align: center;
    text-indent: 8.01px;
    text-overflow: "";
    width: 100%;
}
#frekans .freq-select option {
}
#frekans .f-l {
    float: left;
}
#frekans .f-r {
    float: right;
}
#frekans .freq-table-div {
    clear: both;
    float: left;
    margin-left: 5%;
    margin-top: 40px;
    position: relative;
    width: 90%;
}
#frekans .table-header {
    background: url("../images/frekanss-bg.png") repeat-x scroll left top / 1px 50px rgba(0, 0, 0, 0);
    border-color: #969491;
    border-radius: 5px;
    border-style: solid;
    border-width: 2px;
    float: left;
    height: 49px;
    left: -2px;
    width: 100%;
    z-index: 5;
}
#frekans .freq-table-div table {
    left: 2px;
    position: relative;
    top: -53px;
    z-index: 99;
}
#frekans .freq-table-div table .thead {
    border-right: 1px solid #999999;
    color: #d35521;
    font-size: 17px;
    height: 36px;
    padding: 8px;
    text-align: center;
    vertical-align: middle;
}
#frekans .freq-table-div table .thead a {
    background: url("../images/maps-bttn.png") no-repeat scroll right 6px / 14px auto rgba(0, 0, 0, 0);
    color: #d35521;
    cursor: pointer;
    padding-right: 30px;
}
#frekans .freq-table-div table .tbody {
    border: 1px solid #616161;
    padding: 6px;
    text-align: center;
    vertical-align: middle;
}
#frekans .big-cell {
    background: none repeat scroll 0 0 #d5d5d5;
    text-align: center;
}
#iletisim .maps-container {
    border-bottom: 5px solid #fff;
    border-top: 5px solid #ffffff;
    clear: both;
    height: 390px;
    position: relative;
    width: 100%;
    z-index: 10;
}
#iletisim .contact-container {
    background: none repeat scroll 0 0 #f1f1f1;
    border-left: 1px solid #e9e9e9;
    box-shadow: 7px 0 8px 0 rgba(50, 50, 50, 0.16);
    margin-bottom: 15px;
    min-height: 500px;
    text-align: center;
}
#iletisim .contact-content {
    display: inline-block;
    margin-top: 40px;
    width: 600px;
}
#iletisim .contact-container p {
    color: #000;
    font-size: 16px;
    line-height: 20px;
    width: 100%;
}
#iletisim .content-form {
    clear: both;
    display: inline-block;
    margin-bottom: 25px;
    margin-top: 50px;
    width: 65%;
}
.content-form div {
    float: left;
    margin-bottom: 10px;
    width: 100%;
}
#iletisim .content-form div label {
    float: left;
    font-size: 14px;
    margin-bottom: 5px;
    text-align: left;
    width: 100%;
}
#iletisim .content-form div input {
    border: 1px solid #d5d5d5;
    float: left;
    height: 27px;
    width: 99%;
}
#iletisim .content-form div textarea {
    border: 1px solid #e7e6e6;
    float: left;
    height: 100px;
    padding: 15px;
    width: 91%;
}
#iletisim .captcha {
    clear: both;
    margin-top: 10px;
}
#iletisim .captcha-img {
    background: none repeat scroll 0 0 #e9e9e9;
    height: 110px;
}
#iletisim.captcha input {
}
#iletisim .contact-bttn {
    margin-left: 160px;
}
.footer-border {
    clear: both;
    display: inline-block;
    margin-top: 10px;
    position: relative;
    width: 100%;
}
.footer-border img {
    min-height: 7px;
    width: 100%;
}
.footer-container {
    background-color: #10465d;
    background-image: url("../images/footer-bg.png");
    background-position: center top;
    background-repeat: no-repeat;
    color: #a5a5a5;
    display: inline-block;
    margin-top: -2px;
    padding-bottom: 70px;
    padding-top: 22px;
    position: relative;
    width: 100%;
}
.footer-links {
    margin: 0 auto;
    width: 450px;
}
.footer-links a {
    color: #81afcd;
    float: left;
    font-size: 12px;
    margin-bottom: 6px;
    width: 90px;
}
.footer {
    position: relative;
}
.footer-links a:hover {
    text-decoration: underline;
}
.copyright {
    color: #81afcd;
    font-size: 12px;
    position: absolute;
    right: 0;
    top: 0;
}
.sub-yayin-akisi-content {
    clear: both;
    display: inline-block;
    margin-bottom: 20px;
    text-align: center;
    width: 100%;
}
.sstream {
    clear: both;
    color: #ffffff;
    display: inline-block;
    margin-left: 98px;
    margin-top: 14px;
    text-align: left;
    width: 85.3%;
}
.streaming-content {
    border-bottom: 1px solid #e2e2e2;
    float: left;
    margin-top: 8px;
    padding-bottom: 10px;
    width: 78.5%;
    margin-left: 10.7%;
}
.streaming-content span {
    font-size: 16px;
}
.streaming-content .streaming-title {
    float: left;
    width: auto;
}
.stream-tabs {
    background: none repeat scroll 0 0 /*#d3d2d3*/;
    float: left;
    margin-top: 11px;
    width: 100%;
}
.s-tab-links {
    background: none repeat scroll 0 0 #ececee;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    box-shadow: 10px 0 9px 0 rgba(50, 50, 50, 0.11);
    cursor: pointer;
    float: left;
    margin-right: 5px;
    max-width: 350px;
    padding: 5px;
}
.s-tab-links:hover {
    background: none repeat scroll 0 0 #fff;
}
.s-tab-links-active {
    background: none repeat scroll 0 0 #fff;
}
.s-tab-links-active span {
    color: #000;
}
.s-tab-links-active img {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
}
.weekly-stream {
    height: 60px;
    margin-bottom: 10px;
    margin-top: -7px;
    text-align: center;
    width: 100%;
}
.weekly-stream div {
    cursor: pointer;
    display: inline-block;
    height: 100%;
    margin-right: 5px;
    width: 98px;
}
.weekly-stream div span {
    float: left;
    margin-bottom: 5px;
    padding: 2px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
.weekly-stream .number {
    font-size: 34px;
    height: 30px;
}
.weekly-stream .day {
    line-height: 16px;
}
#avrupafm-stream .weekly-stream div span {
    background: none repeat scroll 0 0 #8dc9cc;
    color: #687576;
}
#avrupafm-stream .weekly-stream div:hover span {
    background: none repeat scroll 0 0 #388e9e;
    color: #fff;
}
#avrupafm-stream .weekly-stream .day-active span {
    background: none repeat scroll 0 0 #388e9e;
    color: #fff;
}
#tsr-stream .weekly-stream div span {
    background: none repeat scroll 0 0 #ccc;
    color: #595252;
}
#tsr-stream .weekly-stream div:hover span {
    background: none repeat scroll 0 0 #d63538;
    color: #ffffff;
}
#tsr-stream .weekly-stream .day-active span {
    background: none repeat scroll 0 0 /*#61888a*/ #d35521;
    color: #ffffff;
}
#tsr-stream .weekly-active {
    background: none repeat scroll 0 0 #551d0c;
    color: #fff;
}
.livestream-container {
    background: none repeat scroll 0 0 #a8a8a8;
    float: left;
    height: 500px;
    margin-left: -10px;
    margin-top: -10px;
    width: 102.2%;
}
#livestream {
    background: url("../images/livestream-bg.png") repeat-x scroll center 197px #ededed;
}
.white {
    background: none repeat scroll 0 0 #ffffff;
}
.livestream {
    background: none repeat scroll 0 0 #757575;
    float: left;
    height: 460px;
    margin-left: 5%;
    padding: 10px;
    position: relative;
    width: 88%;
}
.livestream div {
    bottom: 5px;
    position: absolute;
}
.livestream-content {
    background: none repeat scroll 0 0 #fff;
    border-left: 1px solid #f5f5f5;
    float: left;
    margin-left: -3px;
    min-height: 460px;
    padding: 10px 10px 10px 4%;
    width: 90.7%;
}
.radyo-btn {
    background-image: linear-gradient(to bottom, #f5f5f5 0%, #ebebeb 100%);
    border: 1px solid #e5ddff;
    border-radius: 5px;
    float: left;
    height: 40px;
    margin-bottom: 10px;
    margin-right: 10px;
    width: 365px;
}
.short-bttn {
    width: 205px;
}
.radyo-btn:hover {
    border-color: #a5c5ff;
}
.radyo-btn-ico {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 5px;
    width: 100px;
}
.radyo-btn:before {
    background: url("../images/blu-arrow.png") no-repeat scroll center center / 30px auto rgba(0, 0, 0, 0);
    content: "";
    float: left;
    height: 30px;
    margin-left: 7px;
    margin-right: 5px;
    margin-top: 5px;
    width: 34px;
}
.radyo-btn-ico img {
    width: 100%;
}
.radyo-btn-title {
    color: #949090;
    float: left;
    font-weight: bold;
    margin-top: 15px;
}
.errorSummary, .success {
    border-radius: 5px;
    line-height: 17px;
    margin-bottom: 15px;
    padding: 15px;
    width: 98.5%;
}
.errorSummary {
    background: none repeat scroll 0 0 #d83838;
    color: #fff;
}
.success {
    background: none repeat scroll 0 0 #b3d59f;
    color: #fff;
}
.error {
    border-color: #f00 !important;
}
#contact-form .errorSummary {
    width: 92.5%;
}
#contact-form .success {
    width: 92.5%;
}
.livestream-content-left {
    float: left;
    width: 373px;
}
.livestream-content-right {
    width: 435px;
}
.tsrden {
    position: relative;
    width: auto;
}
.tsrden-list {
    background: none repeat scroll 0 0 #c7bfb7;
    border-left: 3px solid #f1f1f1;
    height: 209px;
    overflow: auto;
    width: 98%;
}
.tsrden-list a {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color -moz-use-text-color #fff;
    border-image: none;
    border-style: none none solid;
    border-width: 0 0 1px;
    color: #444;
    display: list-item;
    font-size: 13px;
    font-weight: bold;
    height: auto;
    margin-bottom: -20px;
    margin-left: 29px;
    margin-top: 37px;
    padding-bottom: 18px;
    width: 83%;
}
.very-bold {
    font-size: 20px;
    font-weight: bold;
    margin-left: 10px;
    margin-top: 3px;
}
.tsrden-title {
    margin-left: 10px !important;
    margin-right: 10px !important;
    margin-top: 1px !important;
}
.tsrden-border {
}
.content-tsrden {
}
#radyovizyon .radyovizyon-links {
    background: url("../images/radyovizyon-border.png") no-repeat scroll center bottom rgba(0, 0, 0, 0);
    float: left;
    height: 110px;
    margin-bottom: 21px;
    margin-left: 30px;
    width: 275px;
}
#radyovizyon .radyovizyon-links img {
    float: left;
    height: auto;
    margin-right: 10px;
    max-width: 65px;
}
#radyovizyon .radyovizyon-links .rv-title {
    float: left;
    font-size: 20px;
    margin-bottom: 5px;
    width: 70%;
}
#radyovizyon .radyovizyon-links .rv-s-title {
    float: left;
}
#radyovizyon .radyovizyon-links .download {
    background: url("../images/download-ico.png") no-repeat scroll 14px center rgba(0, 0, 0, 0);
    color: #d35521;
    float: left;
    height: 30px;
    width: 70%;
}
#radyovizyon .radyovizyon-links .download span {
    float: left;
    font-size: 10px;
    margin-top: 29px;
}
span.programs-span {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.programs-span {
    padding: 0 !important;
}
.programlar {
    background: none repeat scroll 0 0 #81acae;
    height: 10px;
    margin-right: 20px;
    margin-top: -5px;
    width: 73%;
}
.program-img {
    float: left;
    height: 117px;
    width: 100%;
}
.tsr-sarki{
    width: 100%;
    float: left;
    /* position: absolute; */
    /* bottom: 0; */
    /*margin-top: 10px;*/
    height:16px;
}

.tsr-sarki audio{
    width: 96%;
    margin: 5px;
    float: left;
}

.tsr-sarki span{
    width: 97%;
    text-align: center;
    display: inline-block;
    padding: 3px;
    font-size: 10px;
    font-weight: 500;
    border-bottom: 1px solid #DBDBDB;
    border-top: 1px solid #DBDBDB;
    background: #3F3F3F;
    color: #FFF;
    height: 7px;
}

.tsr-player{
    margin-top: 40px;
    margin-left: 7px;
}

div #player2{
    width: 635px;
    position: relative;
    margin-top:20px;
}
.video-title{
    color:#292928;
    text-align:center;
    font-weight:bold;
    margin-top:7px;
    font-size:15px;
}


/** audio player styles **/
.audio-player, .audio-player div, .audio-player h2, .audio-player a, .audio-player span, .audio-player button {
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
}

div.audio-player {
    position: relative;
    width: 310px;
    height: 46px;
    margin: 0 auto;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-top: 271px;
}


/* play/pause control */
.mejs-controls .mejs-button button {
    cursor: pointer;
    display: block;
    position: absolute;
    text-indent: -9999px;
}

.mejs-controls .mejs-play button, .mejs-controls .mejs-pause button {
    width: 33px;
    height: 34px;
    top: 15px;
    left: 7px;
    background: transparent url('/images/playpause.png') 0 0 no-repeat;
}
.mejs-controls .mejs-pause button { background-position: 0 -35px; }


/* mute/unmute control */
.mejs-controls .mejs-mute button, .mejs-controls .mejs-unmute button {
    width: 18px;
    height: 19px;
    top: 1px;
    right: 107px;
    background: transparent url('/images/audio.png') 0 0;
}
.mejs-controls .mejs-unmute button { background-position: 0 -19px; }


/* volume scrubber bar */
.mejs-controls div.mejs-horizontal-volume-slider {
    position: absolute;
    top: 7px;
    right: 15px;
    cursor: pointer;
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
    width: 89px;
    height: 11px;
    background: #212227;
    -webkit-box-shadow: inset 0px 1px 0px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.25);
    -moz-box-shadow: inset 0px 1px 0px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.25);
    box-shadow: inset 0px 1px 0px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.25);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
    position: absolute;
    width: 0;
    height: 9px;
    top: 1px;
    left: 1px;
    background: #90d26a;
    background: -webkit-linear-gradient(top, #90d26a 0%, #83bb63 100%);
    background: -moz-linear-gradient(top, #90d26a 0%, #83bb63 100%);
    background: -o-linear-gradient(top, #90d26a 0%, #83bb63 100%);
    background: -ms-linear-gradient(top, #90d26a 0%, #83bb63 100%);
    background: linear-gradient(top, #90d26a 0%, #83bb63 100%);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}


/* time scrubber bar */
.mejs-controls div.mejs-time-rail { width: 380px; }

.mejs-controls .mejs-time-rail span {
    position: absolute;
    display: block;
    width: 288px;
    height: 7px;
    top: 25px;
    left: 55px;
    cursor: pointer;
    -webkit-border-radius: 0px 0px 2px 2px;
    -moz-border-radius: 0px 0px 2px 2px;
    border-radius: 0px 0px 2px 2px;
}

.mejs-controls .mejs-time-rail .mejs-time-total {
    background: #565860;
    width: 241px !important; /* fixes display bug using jQuery 1.8+ */
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.mejs-controls .mejs-time-rail .mejs-time-loaded {
    top: 0;
    left: 0;
    width: 0;
    background: #7b7d82;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.mejs-controls .mejs-time-rail .mejs-time-current {
    top: 0;
    left: 0;
    width: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #90d26a;
    background: -webkit-linear-gradient(top, #90d26a 0%, #83bb63 100%);
    background: -moz-linear-gradient(top, #90d26a 0%, #83bb63 100%);
    background: -o-linear-gradient(top, #90d26a 0%, #83bb63 100%);
    background: -ms-linear-gradient(top, #90d26a 0%, #83bb63 100%);
    background: linear-gradient(top, #90d26a 0%, #83bb63 100%);
}

/* metallic sliders */
.mejs-controls .mejs-time-rail .mejs-time-handle {
    position: absolute;
    display: block;
    width: 20px;
    height: 22px;
    top: -6px;
    background: url('/images/handle-lg.png') no-repeat;
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle {
    position: absolute;
    display: block;
    width: 12px;
    height: 14px;
    top: -1px;
    background: url('/images/handle-sm.png') no-repeat;
}


/* time progress tooltip */
.mejs-controls .mejs-time-rail .mejs-time-float {
    position: absolute;
    display: none;
    width: 33px;
    height: 23px;
    top: -26px;
    margin-left: -17px;
    z-index: 9999;
    background: url('/images/time-box.png');
}

.mejs-controls .mejs-time-rail .mejs-time-float-current {
    width: 33px;
    display: block;
    left: 0;
    top: 4px;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #666;
    text-align: center;
    z-index: 9999;
}