body {
    padding-top: 50px;
    background: url("../img/geometry.png") repeat;
}

body > .navbar {
    -webkit-transition: background-color .3s ease-in;
    transition: background-color .3s ease-in;
}

@media (min-width: 768px) {
    body > .navbar-transparent {
        background-color: transparent;
    }

    body > .navbar-transparent .navbar-nav > .open > a {
        background-color: transparent !important;
    }
}

#home {
    padding-top: 0;
}

#home .navbar-brand {
    padding: 13.5px 15px 12.5px;
}

#home .navbar-brand > img {
    display: inline;
    margin: 0 10px;
    height: 100%
}

.table-of-contents {
    margin-top: 1em;
}

.page-header h1 {
    font-size: 26px;
    font-weight: 700;
}

.page-header h1 span {
    color: #4caf50;
}

.bs-docs-section {
    margin-top: 6em;
}

.bs-docs-section h1 {
    padding-top: 100px;
}

.bs-component {
    position: relative;
}

.bs-component .modal {
    position: relative;
    top: auto;
    right: auto;
    left: auto;
    bottom: auto;
    z-index: 1;
    display: block;
}

.bs-component .modal-dialog {
    width: 90%
}

.bs-component .popover {
    position: relative;
    display: inline-block;
    width: 220px;
    margin: 20px;
}

#source-button {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 100;
    font-weight: 700;
}

.nav-tabs {
    margin-bottom: 15px;
}

.progress {
    margin-bottom: 10px;
}

.splash {
    padding: 9em 0 2em;
    background-color: #141d27;
    background-image: url(../img/bg.html);
    background-size: cover;
    background-attachment: fixed;
    color: #fff;
    text-align: center;
}

.splash .logo {
    width: 160px;
}

.splash h1 {
    font-size: 3em;
}

.splash #social {
    margin: 2em 0;
}

.splash .alert {
    margin: 2em 0;
}

.section-tout {
    padding: 4em 0 3em;
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    background-color: #eaf1f1;
}

.section-tout .fa {
    margin-right: .5em;
}

.section-tout p {
    margin-bottom: 3em;
}

.section-preview {
    padding: 4em 0 4em;
}

.section-preview .preview {
    margin-bottom: 4em;
    background-color: #eaf1f1;
}

.section-preview .preview .image {
    position: relative;
}

.section-preview .preview .image:before {
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    pointer-events: none;
}

.section-preview .preview .options {
    padding: 1em 2em 2em;
    border: 1px solid rgba(0, 0, 0, .05);
    border-top: none;
    text-align: center;
}

.section-preview .preview .options p {
    margin-bottom: 2em;
}

.section-preview .dropdown-menu {
    text-align: left;
}

.section-preview .lead {
    margin-bottom: 2em;
}

@media (max-width: 767px) {
    .section-preview .image img {
        width: 100%
    }
}

.sponsor #carbonads {
    max-width: 240px;
    margin: 0 auto;
}

.sponsor .carbon-text {
    display: block;
    margin-top: 1em;
    font-size: 12px;
}

.sponsor .carbon-poweredby {
    float: right;
    margin-top: 1em;
    font-size: 10px;
}

.page-header {
    margin: 18px 0 23px;
    padding-top: 10px;
}

@media (max-width: 767px) {
    .splash {
        padding-top: 4em;
    }

    .splash .logo {
        width: 100px;
    }

    .splash h1 {
        font-size: 2em;
    }

    .page-header {
        margin-bottom: 2em;
        text-align: center;
    }
}

.navbar {
    border-top: 5px solid #3b5998;
}

.logo-long {
    height: 35px;
    margin-top: -5px;
}

.nav-custom-menu-head {
    float: right;
    margin-top: -5px;
}

.nav-custom-menu-head li {
    transition: all 0.5s;
    -webkit-transition: all 0.6s;
    border-top: 5px solid #F00;
    border-right: 1px solid #ccc;
}

.nav-custom-menu-head li:hover {
    background-color: #F00;
}

.nav-custom-menu-head li:hover a {
    color: #FFF !important;
}

.nav-custom-menu-head .nv-2 {
    border-top: 5px solid #00BDEC;
    transition: all 0.5s;
    -webkit-transition: all 0.6s;
}

.nav-custom-menu-head .nv-2:hover {
    background-color: #00BDEC;
}

.nav-custom-menu-head .nv-2:hover > a {
    color: #FFF !important;
}

.nav-custom-menu-head .nv-3 {
    border-top: 5px solid #14882B;
    transition: all 0.5s;
    -webkit-transition: all 0.6s;
}

.nav-custom-menu-head .nv-3:hover {
    background-color: #14882B;
    color: #FFF;
}

.nav-custom-menu-head .nv-3:hover > a {
    color: #FFF !important;
}

.nav-custom-menu-head .nv-4 {
    border-top: 5px solid #DAC021;
    transition: all 0.5s;
    -webkit-transition: all 0.6s;
}

.nav-custom-menu-head .nv-4:hover {
    background-color: #DAC021;
    color: #FFF;
}

.nav-custom-menu-head .nv-4:hover > a {
    color: #FFF !important;
}

.nav-custom-menu-head .nv-5 {
    border-top: 5px solid #DA6721;
    transition: all 0.5s;
    -webkit-transition: all 0.6s;
}

.nav-custom-menu-head .nv-5:hover {
    background-color: #DA6721;
    color: #FFF;
}

.nav-custom-menu-head .nv-5:hover > a {
    color: #FFF !important;
}

.nav-custom-menu-head .nv-6 {
    border-top: 5px solid #ef6698;
    transition: all 0.5s;
    -webkit-transition: all 0.6s;
}

.nav-custom-menu-head .nv-6:hover {
    background-color: #ef6698;
    color: #FFF;
}

.nav-custom-menu-head .nv-6:hover > a {
    color: #FFF !important;
}

.nav-custom-menu-head .nv-7 {
    border-top: 5px solid #906fa8;
    transition: all 0.5s;
    -webkit-transition: all 0.6s;
}

.nav-custom-menu-head .nv-7:hover {
    background-color: #906fa8;
    color: #FFF;
}

.nav-custom-menu-head .nv-7:hover > a {
    color: #FFF !important;
}

.nav-custom-menu-head .nv-8 {
    border-top: 5px solid #5ebcac;
    transition: all 0.5s;
    -webkit-transition: all 0.6s;
}

.nav-custom-menu-head .nv-8:hover {
    background-color: #5ebcac;
    color: #FFF;
}

.nav-custom-menu-head .nv-8:hover > a {
    color: #FFF !important;
}

.nav-custom-menu-head li a {
    font-size: 15px;
    font-weight: 700;
}

.chat-user-alert .alert-warning {
    padding: 10px 12px 2px;
    min-height: 45px;
	margin-right:14px;
    -webkit-box-shadow: 0 10px 15px -10px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0 10px 15px -10px rgba(0, 0, 0, 0.75);
    box-shadow: 0 10px 15px -10px rgba(0, 0, 0, 0.75);
    text-shadow: 2px 2px #292929;
    background-color: #1c0f45;

}

.alert-warning {
    font-family: 'Karla', sans-serif;
    font-size: 16px;
}

.chat-user-alert .alert-warning h4 {
    font-weight: 700;
    font-size: 16px;
    letter-spacing: 1.8px;
    padding: 2px;
}

@media (max-width: 768px) {
    .chat-user-alert .alert-warning h4 {
        font-size: 12px;
        font-weight: 500;
        text-shadow: none;
    }
}

@media screen and (max-width: 768px) {
    .nav-custom-menu-head {
        float: left;
        margin: 0;
        width: 100%;
    }

    .nav-custom-menu-head li {
        border-right: none;
    }
}

.navbar-login-cs {
}

.nopadding {
    padding-left: 0;
}

.twopadding {
    padding-left: 2px;
}

.nopadding-right {
    padding-right: 0;
}

.home-ist {
    -webkit-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.48);
    -moz-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.48);
    box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.48);
}

.home-ist li {
    padding: 10px;
}

.home-ist li label {
    font-weight: 500;
    font-family: 'Roboto', cursive;
}

.home-ist li .radio {
    margin: 0;
}

.home-ist li .badge {
    margin-top: 4px;
    background-color: red;
}


.list-head-h3 {
    font-size: 20px;
    font-weight: 700;
}

.home-list-real {
    -webkit-box-shadow: -9px 0px 9px 0px rgba(50, 50, 50, 0.21);
    -moz-box-shadow: -9px 0px 9px 0px rgba(50, 50, 50, 0.21);
    box-shadow: -9px 0px 9px 0px rgba(50, 50, 50, 0.21);
}

.home-list-real li {
    padding: 2px 10px 0;
}

.home-list-real li p {
    line-height: 18px;
    text-shadow: 0.2px 0.2px #FFF;
}

.list-group-item .media-body p {
    min-height: 90px;
    margin-top: -3px;
}

.home-list-real li img {
    height: 100px;
    width: 80px;
    border-radius: 2px;
    float: left;
}

.home-list-real li h5 {
    font-size: 13px;
    font-weight: 700;
    color: #FFB76B;
}

.home-list-real li .first-us {
    color: #3b5998;
    font-weight: 700;
    white-space: nowrap;
}

.reklam {
    background-color: #ccc;
    padding: 15px;
    text-align: center;
}

.reklam-mm {
    margin: 3px 0;
}

.animate {
    transition: all 0.1s;
    -webkit-transition: all 0.1s;
}

.action-button {
    position: relative;
    padding: 8px 10px;
    margin: 6px 14px 6px 8px;
    border-radius: 3px;
    font-family: 'Roboto', cursive;
    font-size: 16px;
    color: #FFF;
    text-decoration: none;
    animation: progress-bar-stripes 2s linear infinite;
}

@media (max-width: 768px) {
    .action-buttonc {
        text-align: center;
        margin: 0 auto;
        margin-top: 10px;
    }
}

.home-ist .radio {
    float: left;
}

.blue {
    background-color: black;
    text-shadow: 0px -2px #2980B9;
}

.action-button:hover {
    transform: translate(0px, 5px);
    -webkit-transform: translate(0px, 5px);
    margin-top: 1px solid;
    text-shadow: 0 -1px 1px rgba(175, 49, 95, .9), 0 0 5px rgba(255, 255, 255, .8);
    color: #FFF;
    text-decoration: none;
}

.home-ist img {
    width: 20px;
    height: 20px;
}

.fa-user, .fa-lock, .fa-envelope, .fa-user-secret, .fa-file-text {
    font-size: 20px !important;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a4b357+0,75890c+100;Olive+3D+%233 */
    color: #3B5998; /* Old browsers */
}

.chat-user-alert h4 {
    font-family: 'Roboto', cursive;
}

.clear {
    clear: both;
}

.pa-top-5 {
    padding-top: 5px;
}

.home-ist .list-group-item {
    cursor: pointer;
}

.new-badge {
    background-color: #FF9D00 !important;
}

.fa-eye {
    color: #ff9800;
    font-size: 20px !important;
}

.fa-comments {
    color: #4caf50;
    font-size: 20px !important;
}

.bold {
    font-weight: bold;
}

.m-bottom-5 {
    margin-bottom: 5px;
}

.no-wrap {
    white-space: nowrap;
}

input[type="radio"]:checked:after, .radio input[type="radio"]:checked:after, .radio-inline input[type="radio"]:checked:after {
    border-color: #FF9D00;
}

input[type="radio"]:before, .radio input[type="radio"]:before, .radio-inline input[type="radio"]:before {
    background-color: #FF9D00;
}

.fa-bell, .fa-list, .fa-group, .fa-commenting-o {
    color: #4caf50;
}

a, a:hover, a:active {
    text-decoration: none;
}

#section7 {
    background-color: #d94a39;
    color: #f6f6f6;
    min-height: 15px;
    padding-top: 15px;
    padding-bottom: 10px;
}

#footer {
    color: #7f7f7f;
    margin: 0;
    overflow-x: hidden;
}

#footer .footer-top {
    background: #f2f2f2;
    font-size: 12px;
    line-height: 21px;
    padding: 50px 0 13px;
}

#footer .footer-bottom {
    background: #f7f7f7;
    border-top-width: 1px;
    font-size: 11px;
    line-height: 17px;
    padding: 21px 0 20px;
}

#footer .phone, #footer .address {
    padding-left: 34px;
    position: relative;
}

#footer .footer-icon {
    color: #c6c6c6;
    left: 16px;
    position: absolute;
    top: 0;
}

#footer .up .glyphicon {
    color: #fff;
    margin: 14px 0 0 -.5px;
    vertical-align: top;
}

#footer .up {
    background: #c6c6c6;
    border-radius: 3px;
    display: block;
    float: right;
    height: 40px;
    text-align: center;
    width: 40px;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
}

#footer .sidebar .widget:nth-child(4n+1) {
    clear: left;
}

#footer .sidebar .widget {
    margin-bottom: 30px;
}

.sidebar .widget {
    margin: 0 0 80px;
}

#footer .sidebar .widget header, #footer .sidebar .widget .title-block {
    margin: 0 0 15px;
    padding: 0 0 12px;
}

.sidebar .widget header, .sidebar .widget .title-block {
    border-bottom: 1px solid #e1e1e1;
    margin: 0 0 40px;
    padding: 0 0 15px;
    position: relative;
}

#footer .sidebar .widget header .title, #footer .sidebar .widget .title-block .title {
    color: #1e1e1e;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.3;
}

.sidebar .widget header .title, .sidebar .widget .title-block .title {
    color: #7f7f7f;
    font-size: 18px;
    font-weight: normal;
    line-height: 1;
    margin: 0;
}

.sidebar .links li {
    line-height: 21px;
}

.sidebar .links a {
    color: #7f7f7f;
    text-decoration: none;
    -webkit-transition: color .2s linear;
    transition: color .2s linear;
}

.social .social-list {
    margin: 0 -4px;
}

.social-list .icon {
    background: #1e1e1e;
    border-radius: 4px;
    color: #fff;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    margin-left: 4px;
    margin-right: 4px;
    /*opacity: .35;*/
    /*filter: alpha(opacity=35);*/
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear;
    text-align: center;
    width: 40px;
    padding: 14px;
}

.social .social-list .icon i {
    width: 14px;
    height: 14px;

}

.social .icon-twitter {
    background: #00bdec;
}

.social .icon-google {
    background: #d94a39;
}

.social .icon-linkedin {
    background: #1b92bd;
}

.social .icon-facebook {
    background: #3b5998;
}

.selectBox, .form-controlf {
    border: 1px solid #e1e1e1;
    box-shadow: 0 1px #fff, inset 0 1px 4px rgba(0, 0, 0, 0.15);
    border-radius: 3px;
    font-size: 12px;
    height: 40px;
    line-height: 22px;
    margin-bottom: 22px;
    min-height: 40px;
    padding: 8px 12px;
    width: 100%;
}

.sidebar .newsletter input {
    margin: 0;
    padding-right: 43px;
}

.sidebar .newsletter form {
    margin: 5px 0 0;
    position: relative;
}

.sidebar .newsletter .submit {
    /*background: none;*/
    color: #ccc;
    height: 38px;
    outline: none;
    padding: 0;
    position: absolute;
    right: 1px;
    top: 1px;
    width: 38px;
}

#top-box .top-box-wrapper, .carousel-box .next:hover, .carousel-box .prev:hover, .product .product-hover, #footer .up:hover, .btn-default, .slider .slider-nav, .panel-group .active.panel .panel-heading > .panel-title > a, .panel-group .active.panel .panel-heading > .panel-title > a:hover, .banner-set .pagination a:hover, .employee .employee-hover, .carousel-box .pagination a:hover, .sidebar .menu li.active > a, .pagination > li > a:hover, .pagination > li > a:focus, .sidebar .tags a:hover, .sidebar .banners .banner-text, #catalog .category-img .description, .product-bottom .related-products header:before, .slider.rs-slider .tparrows, .slider.rs-slider .tparrows:hover, .toolbar .sort-catalog .dropdown-toggle, .toolbar .grid-list .grid, .toolbar .grid-list .list, .toolbar .up-down, .toolbar .up-down.active, .toolbar .grid-list a.grid:hover, .toolbar .grid-list a.list:hover, .pagination > .active > a, .pagination > .active > span, .pagination > .active > span:hover, .sidebar .tags a, .sidebar .menu li.parent > a .open-sub:before, .sidebar .menu li.parent > a .open-sub:after, .panel-group .panel-default .panel-heading > .panel-title > a:before, .panel-group .panel-default .panel-heading > .panel-title > a:after, .new-radio.checked span, .list .product .actions a:hover, .product-page .col-md-7 .actions a:hover, .product-page .image-box .thumblist-box .prev:hover, .product-page .image-box .thumblist-box .next:hover, .accordion-tab > li > a .open-sub:before, .accordion-tab > li > a .open-sub:after, .products-tab .accordion-tab > li > a .open-sub:before, .products-tab .accordion-tab > li > a .open-sub:after, .sidebar .calendar-wrap caption, .btn-group.open .btn-default.dropdown-toggle, .product .limit-offer, .product .actions.not-rotation-actions, .fancybox-nav span:hover, .header .header-wrapper .primary .navbar .btn-navbar .icon-bar, .progressive-slider-two .pagination a, .progressive-slider-two .pagination a:hover, .progressive-slider-two .pagination .selected, .minimized-menu .primary .navbar .nav > .parent.active > a, .minimized-menu .primary .navbar .nav > .parent.active:hover > a, .minimized-menu .primary .navbar .nav .open-sub span {
    background-color: #3b5998;
}

#footer .up:hover {
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
}

#footer .up {
    background: #c6c6c6;
    border-radius: 3px;
    display: block;
    float: right;
    height: 40px;
    text-align: center;
    width: 40px;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
}

.social .icon:hover {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear;
}

.subscribe-form .input-group-btn {
    background: none;
}

.home-list-real .list-group-item {
    padding-bottom: 10px;
}

.top-footer-icons, .top-footer-icons:hover {
    color: #FFF;
}

.top-footer-icons i {
    font-size: 2em;
    transition: all .5s ease-in-out;
    padding-top: 5px;
}

.top-footer-icons:hover i {
    transform: scale(2);
}

@media (min-width: 768px)
    .input-group .form-control {
        max-width: 122px;
    }
}

.sprAv {
    width: 50px;
    height: 50px;
    float: left;
}

.sprAv {
    background: url('../img/avatarlar.png') no-repeat;
    width: 50px;
    height: 50px;
    display: block;
    float: left;
}

.av1 {
    background-position: 0px -0px;
}

.av2 {
    background-position: 0px -50px;
}

.av3 {
    background-position: 0px -100px;
}

.av4 {
    background-position: 0px -150px;
}

.av5 {
    background-position: 0px -200px;
}

.av6 {
    background-position: 0px -250px;
}

.av7 {
    background-position: 0px -300px;
}

.av8 {
    background-position: 0px -350px;
}

.av9 {
    background-position: -50px -0px;
}

.av10 {
    background-position: -50px -50px;
}

.av11 {
    background-position: -50px -100px;
}

.av12 {
    background-position: -50px -150px;
}

.av13 {
    background-position: -50px -200px;
}

.av14 {
    background-position: -50px -250px;
}

.av15 {
    background-position: -50px -300px;
}

.av16 {
    background-position: -50px -350px;
}

.av17 {
    background-position: -100px -0px;
}

.av18 {
    background-position: -100px -50px;
}

.av19 {
    background-position: -100px -100px;
}

.av20 {
    background-position: -100px -150px;
}

.av21 {
    background-position: -100px -200px;
}

.av22 {
    background-position: -100px -250px;
}

.av23 {
    background-position: -100px -300px;
}

.av24 {
    background-position: -100px -350px;
}

.av25 {
    background-position: -150px -0px;
}

.av26 {
    background-position: -150px -50px;
}

.av27 {
    background-position: -150px -100px;
}

.av28 {
    background-position: -150px -150px;
}

.av29 {
    background-position: -150px -200px;
}

.av30 {
    background-position: -150px -250px;
}

.av31 {
    background-position: -150px -300px;
}

.av32 {
    background-position: -150px -350px;
}

.av33 {
    background-position: -200px -0px;
}

.av34 {
    background-position: -200px -50px;
}

.av35 {
    background-position: -200px -100px;
}

.av36 {
    background-position: -200px -150px;
}

.av37 {
    background-position: -200px -200px;
}

.av38 {
    background-position: -200px -250px;
}

.av39 {
    background-position: -200px -300px;
}

.av40 {
    background-position: -200px -350px;
}

.av41 {
    background-position: -250px -0px;
}

.av42 {
    background-position: -250px -50px;
}

.av43 {
    background-position: -250px -100px;
}

.av44 {
    background-position: -250px -150px;
}

.av45 {
    background-position: -250px -200px;
}

.av46 {
    background-position: -250px -250px;
}

.av47 {
    background-position: -250px -300px;
}

.av48 {
    background-position: -250px -350px;
}

.av49 {
    background-position: -300px -0px;
}

.av50 {
    background-position: -300px -50px;
}

.av51 {
    background-position: -300px -100px;
}

.av52 {
    background-position: -300px -150px;
}

.av53 {
    background-position: -300px -200px;
}

.av54 {
    background-position: -300px -250px;
}

.av55 {
    background-position: -300px -300px;
}

.av56 {
    background-position: -300px -350px;
}

.av57 {
    background-position: -350px -0px;
}

.av58 {
    background-position: -350px -50px;
}

.av59 {
    background-position: -350px -100px;
}

.av60 {
    background-position: -350px -150px;
}

.av61 {
    background-position: -350px -200px;
}

.av62 {
    background-position: -350px -250px;
}

.av63 {
    background-position: -350px -300px;
}

.av64 {
    background-position: -350px -350px;
}

.av65 {
    background-position: -400px -0px;
}

.av66 {
    background-position: -400px -50px;
}

.av67 {
    background-position: -400px -100px;
}

.av68 {
    background-position: -400px -150px;
}

.av69 {
    background-position: -400px -200px;
}

.av70 {
    background-position: -400px -250px;
}

.av71 {
    background-position: -400px -300px;
}

.av72 {
    background-position: -400px -350px;
}

.av73 {
    background-position: -450px -0px;
}

.av74 {
    background-position: -450px -50px;
}

.av75 {
    background-position: -450px -100px;
}

.av76 {
    background-position: -450px -150px;
}

.av77 {
    background-position: -450px -200px;
}

.av78 {
    background-position: -450px -250px;
}

.av79 {
    background-position: -450px -300px;
}

.av80 {
    background-position: -450px -350px;
}

.user_name {
    font-size: 14px;
    font-weight: bold;
}

.comments-list .media {
    border-bottom: 1px dotted #ccc;
}

.media {
    padding-bottom: 10px;
}

.icon-big {
    zoom: 1.4;
    -moz-transform: scale(1.4);
    -moz-transform-origin: 0 0;
}

.page-header {
    border-bottom: none;
}

.list-group-item h5 a {
    color: #FFB76B;
}

.list-group-item strong a {
    color: #FFB76B;
}
/*

@media (min-width: 767px) {
    .list-group .konular {
        width: 80px;
    }
}*/
.list-group .konular {
    padding:10px;
}
.ozel-panel h1,.ozel-panel h2, .ozel-panel h3, .ozel-panel {
	font-size:12px;
    display: inline;
}
 
@media (min-width: 768px){
	.navbar-form {
		margin-left: 39px;
		
	}
}

.page-header .ozel-h {
    font-size: 26px;
    font-weight: 700;
	color:#444444;
}
.page-header .ozel-h span {
    color: #4caf50;
}
.page-header .ozel-h a{
	color:#444444;
}
.pagination > li > a:active, .pagination > li > a:hover {
	color: #FFF;
}
.head-x-h3{
	color:#222;
	font-size:20px;
	font-weight:bold;
	margin-top: 20px;
    margin-bottom: 8px;
}
.kategoriler{ 
	width: 130px;
}
.sozler{ 
    border-top: 5px solid #00BDEC; 
    transition: all 0.5s;
    -webkit-transition: all 0.6s;
	list-style-type: none;
	padding: 0;
	margin: 0;
	text-indent: 6px;
}

.textline h1,.textline h2, .textline h3, .textline {
	font-size:12px;
}


.embed-container { 
	position: relative; 
	padding-bottom: 56.25%; 
	height: 0; 
	overflow: hidden;
	max-width: 100%; 
} 

.embed-container iframe, 
.embed-container object, 
.embed-container embed { 
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%; 
}

.reklam-5 {
padding: 20px;
}

.mdreklam {
  margin-top: 15px;
  margin-bottom: 15px;
}

.text-dark{color:black!important}
.text-red{color:red!important}


.radio-player {
    margin: 30px;
}
.button {
    vertical-align: middle;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: none;
    background-color: #F59E0B;
    color: #fff;
    border-radius: 10%;
}
.play-pause-button {
    width: 60px;
    height: 60px;
    font-size: 30px;
    margin-inline: 40px;
}
.mute-button {
    width: 30px;
    height: 30px;
    margin-right: 12px;
}

.player-controls {
    display: flex;
    align-items: center;
}
.currently-playing {
    display: flex;
    flex-direction: column;
    margin-bottom: 12px;
}
.volume-controls {
    display: flex;
    align-items: center;
}

.currently-playing-label {
    font-size: 12px;
    font-weight: 300;
}
.currently-playing-title {
    font-size: 22px;
}

.volume {
    -webkit-appearance: none;
    appearance: none;
    border: 1px solid #000;
    border-radius: 50px;
    overflow: hidden; /* This will help with styling the thumb */
}

input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;

    height: 15px;
    width: 15px;

    cursor: ew-resize;
    background: #F59E0B;
    box-shadow: -400px 0 0 390px #FDE68A;
    border-radius: 50%;
}
input[type="range"]::-moz-range-thumb {
    /* same as above */
}
input[type="range"]::-ms-thumb {
    /* same as above */
}
input[type="range"]:focus {
    border-radius: 50px;
    box-shadow: 0 0 15px -4px #F59E0B;
}



.hradyo{
position:fixed;
left:0;
bottom:0;
width:100%;
text-align:center;
z-index:99999
}

.rackapa a{
text-decoration:none;
display:inline-block;
padding:1px 100px;
background:#f3222b;
border-radius:100px 100px 100px 100px;
color:#fff;
font-weight:10
}

.ubg{
background-color:pink;
color:#fff;
}

.text-end {
  text-align: center !important;
}

.text-center {
  text-align: center !important;
}