/*@import "../mediaclick.css";*/

@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700,900&&display=block&subset=latin-ext');

:root {
    --main-color: #C1A987;
    --primary-text-color: #1E2336;
    --bg-primary: #1E2336;
    --bg-dark: #0F121B;
    --btn-bg-red: #E80700;
}

.overflow-hidden {
    overflow: hidden;
}

.close-btn {
    position: absolute;
    top: 5px;
    right: 10px;
    background: none;
    border: none;
    cursor: pointer;
    z-index: 1;
}

@media (min-width: 1200px) {
    .container {
        max-width: 1270px;
    }
}

html {
    overflow-x: hidden;
}


.row:after {
    content: '';
    clear: both;
    display: block;
}

.clr {
    display: block;
    clear: both;
}

.coveredImg {
    background-position: center center;
    background-size: cover;
}

.content-gallery {
    overflow: hidden;
    position: relative;
    margin-right: -10px;
    margin-left: -10px;
}

#page-home .dosyalar .owl-carousel .owl-stage-outer {
    padding-left: 0;
    max-height: 300px;
}

#page-home .haberler .mobil__programlar {
    display: none;
}

.content-gallery a {
    position: relative;
    float: left;
    display: block;
    text-decoration: none;
    color: inherit;
    width: 25%;
    padding: 10px;
}

@media (max-width: 768px) {
    .content-gallery a {
        width: 50%;
    }
}

.content-gallery a img {
    width: 100%;
    height: 120px;
    object-fit: cover;
    display: block;
}

.content-gallery a .all {
    z-index: 10;
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    background-color: rgba(0, 0, 0, 0.7);
    text-align: center;
    color: #fff;
    font-size: 40px;
}

.content-gallery a .all i {
    font-style: normal;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    text-align: center;
}

.content-gallery:after {
    content: '';
    display: block;
    clear: both;
}

ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

ul li a {
    text-decoration: none !important;
    color: inherit;
}

*::-webkit-scrollbar-track {
    background-color: #114564;
}

*::-webkit-scrollbar {
    width: 8px;
    background-color: #114564;
}

*::-webkit-scrollbar-thumb {
    background-color: #81959B;
}

.mcmodal {
    display: none;
    max-width: 900px;
    color: #0a293c;
}

.mcmodal h1, .mcmodal h2, .mcmodal h3, .mcmodal h4, .mcmodal h5, .mcmodal h6 {
    font-family: Arial, serif;
}

.mcmodal ul {
    list-style: disc;
    padding-left: 20px;
}

.mcmodal ul li {
    margin-bottom: 5px;
}

.mcmodal a {
    color: #0a293c;
    outline: none;
    font-weight: bold;
    text-decoration: underline;
}

.ahov-error {
    color: #989898;
    font-size: 11px;
    padding: 5px 0 0 0;
}

.owl-carousel .owl-nav {
    text-align: center;
    z-index: 1;
}

.owl-carousel .owl-nav div {
    pointer-events: auto;
    transition: 0.2s;
    display: inline-block;
}

.owl-carousel .owl-nav div:hover {
    opacity: 0.7;
}

.owl-carousel .owl-dots {
    z-index: 1;
}

.owl-carousel .owl-dots .owl-dot {
    outline: none;
    padding: 5px !important;
    transition: 0.2s;
    border: 1px solid transparent;
}

.owl-carousel .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    background-color: #fff;
    display: block;
    transition: 0.2s;
    opacity: 0.6;
    border-radius: 40px;
}

.owl-carousel .owl-dots .owl-dot.active {
    border-color: #fff;
    border-radius: 40px;
}

.owl-carousel .owl-dots .owl-dot.active span {
    opacity: 1;
}

body {
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
    overflow-x: hidden;
    letter-spacing: 0.5px;
    color: #fff;
    background-color: var(--bg-dark);
}

body ::selection {
    background: #000;
    color: #fff;
}

body ::-moz-selection {
    background: #000;
    color: #fff;
}

body.banner-opened {
    margin-top: 240px;
}

body.banner-opened .fixed-banner {
    transform: translateY(0%);
    display: block;
}

body.banner-opened header {
    top: 100px;
}

body.banner-opened .bigmenu {
    top: 210px;
}

body.player-opened {
    padding-bottom: 80px;
}

body.player-opened .bigmenu {
    bottom: 0;
    padding-bottom: 90px;
}

body.player-opened .sohbet-player {
    opacity: 1;
    transform: translateY(0%);
    bottom: 0;
    background: var(--bg-dark) 0 0 no-repeat padding-box;
}

body.player-opened .sohbet-player .right .closed:hover {
    background: #fff;
    color: #0a293c;
    opacity: 1;
}

.kanallarimiz {
    padding: 30px 0;
    position: relative;
}

.kanallarimiz .page-title {
    margin-bottom: 30px;
}

.kanallarimiz .kutu {
    background: #00536d;
    background: linear-gradient(90deg, #00536d 0%, #00a6d9 100%);
    padding: 30px 25px;
    font-weight: bold;
    text-align: center;
}

.kanallarimiz .kutu a {
    text-decoration: none;
    display: block;
    color: inherit;
}

.kanallarimiz .kutu img {
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    margin-right: 15px;
}

.kanallarimiz .kutu img.play {
    float: right;
    margin-left: 5px;
    margin-right: 0;
    margin-top: 12px;
}

.kanallarimiz .kutu i {
    vertical-align: middle;
    display: inline-block;
    width: 30px;
    height: 30px;
    border: 1px solid #fff;
    border-radius: 500px;
    margin-left: 20px;
    text-align: center;
    line-height: 28px;
    font-size: 12px;
    transition: 0.2s;
}

.kanallarimiz .kutu.kirmizi {
    background: #ae0041;
    background: linear-gradient(90deg, #ae0041 0%, #fe0c3b 100%);
}

.kanallarimiz .kutu.yesil {
    background: #02605d;
    background: linear-gradient(90deg, #02605d 0%, #00ab67 100%);
}

.kanallarimiz .kutu.mavi {
    background: #033ea5;
    background: linear-gradient(90deg, #033ea5 0%, #0083db 100%);
}

.kanallarimiz .kutu:hover i {
    background: #fff;
    color: #0a293c;
}

#reading {
    width: 1000px;
    max-width: 100%;
    background: linear-gradient(145deg, #fff 0%, #fff 100%);
}

#reading .title {
    font-weight: 900;
    font-size: 18px;
    margin-bottom: 10px;
}

#reading .desc p {
    line-height: 28px;
    font-size: 16px;
}

#reading .share {
    vertical-align: middle;
    display: inline-block;
    background-image: url(../../img/share.svg);
    background-repeat: no-repeat;
    cursor: pointer;
    position: absolute;
    top: 8px;
    right: 40px;
    z-index: 10;
    background-color: var(--btn-bg-red);
    border-radius: 30px;
    background-size: 25px;
    background-position: 7px 8px;
    width: 43px;
    height: 43px;
}

#reading .share ul {
    position: absolute;
    top: 104px;
    left: -90px;
    transform: translateY(-100%);
    background: #04607d;
    text-align: center;
    padding: 10px 5px;
    width: 160px;
    transition: 0.2s;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
}

#reading .share ul:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: -20px;
    width: 180px;
    height: 20px;
    transform: translateY(100%);
}

#reading .share ul:after {
    content: '';
    position: absolute;
    bottom: 64px;
    left: 100px;
    transform: translateY(100%) rotate(180deg);
    width: 20px;
    height: 10px;
    -webkit-clip-path: polygon(50% 100%, 0 0, 100% 0);
    clip-path: polygon(50% 100%, 0 0, 100% 0);
    background: #04607d;
}

#reading .share ul li {
    display: inline-block;
}

#reading .share ul li a {
    display: block;
}

#reading .share ul li a i {
    color: #fff;
    border: 1px solid transparent;
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    display: inline-block;
    margin: 0 2px;
    border-radius: 500px;
    transition: 0.2s;
}

#reading .share ul li a i.fa-facebook {
    background: #4064ad;
}

#reading .share ul li a i.fa-twitter {
    background: #1c9deb;
}

#reading .share ul li a i.fa-instagram {
    background: #7c42bd;
}

#reading .share ul li a i.fa-whatsapp {
    background: #26cc46;
}

#reading .share ul li a i.fa-linkedin {
    background: #23408f;
}

#reading .share ul li a:hover i {
    color: #04607d;
    border-color: #fff;
    background: #fff;
}

#reading .share:hover ul {
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
}

.closerbar {
    margin: 1%;
}

#tesekkur {
    font-size: 20px;
    color: #fb7a00;
    text-align: center;
}

#taahhutname {
    width: 600px;
    max-width: 100%;
    color: #d2d7dd;
    background: linear-gradient(145deg, #003d4f 0%, #001d26 100%);
}

#taahhutname .title {
    font-weight: 900;
    font-size: 18px;
    margin-bottom: 10px;
    color: #fff;
}

#taahhutname .desc p {
    line-height: 26px;
    font-size: 14px;
}

#fikrini-paylas {
    width: 500px;
    max-width: 100%;
    color: #d2d7dd;
    background: linear-gradient(145deg, #003d4f 0%, #001d26 100%);
}

#fikrini-paylas .desc p {
    line-height: 26px;
    font-size: 14px;
}

#fikrini-paylas .page {
    min-height: auto;
    margin: 0;
    padding: 0;
}

#fikrini-paylas .page .form textarea {
    padding: 15px 20px;
    height: 150px;
}

#fikrini-paylas .title {
    font-weight: 900;
    font-size: 18px;
    margin-bottom: 10px;
    color: #fff;
}

#playlist {
    width: 500px;
    max-width: 100%;
    color: #fff;
    background: linear-gradient(145deg, #003d4f 0%, #001d26 100%);
}

#playlist .title {
    font-weight: 900;
    font-size: 18px;
    margin-bottom: 10px;
    color: #d2d7dd;
}

#playlist .title i {
    margin-right: 3px;
}

#playlist .input input {
    width: calc(100% - 100px);
    float: left;
    outline: none;
    background: #003e51;
    border: 0;
    padding: 0 15px;
    color: #fff;
    height: 50px;
}

#playlist .input input::placeholder {
    color: #fff;
}

#playlist .input button {
    border: 0;
    color: #fff;
    font-weight: bold;
    float: right;
    width: 100px;
    height: 50px;
    outline: none;
    background: var(--btn-bg-red);
}

#playlist .input:after {
    content: '';
    display: block;
    clear: both;
}

#playlist ul {
    padding: 0;
    list-style: none;
    margin-top: 20px;
}

#playlist ul li {
    display: block;
    margin: 0;
}

#playlist ul li a {
    position: relative;
    display: block;
    font-weight: normal;
    padding: 0 25px;
    height: 45px;
    line-height: 45px;
    font-size: 12px;
    transition: 0.2s;
    color: #fff;
    border-bottom: 1px solid #0b495c;
}

#playlist ul li a:hover {
    background: #003e51;
}

#playlist ul li a:after {
    pointer-events: none;
    content: '+';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 10px;
    color: #d2d7dd;
}

#playlist ul li:first-child {
    border-top: 1px solid #0b495c;
}

.fixed-banner {
    display: none;
    transition: 0.3s;
    transform: translateY(-100%);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 100px;
    background: #6aa6b4;
    z-index: 10000;
    overflow: hidden;
    text-align: center;
    line-height: 100px;
}

.fixed-banner .first {
    color: #003e51;
    font-weight: 900;
    font-size: 18px;
    padding: 0 20px;
    padding-left: 5px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.fixed-banner .first:after {
    position: absolute;
    top: 50%;
    transform: translateY(-50%) skewX(-30deg);
    left: -35px;
    width: 90px;
    height: 100vw;
    background: #fff;
    opacity: 0.48;
    z-index: -1;
    pointer-events: none;
}

.fixed-banner .first:before {
    position: absolute;
    top: 50%;
    transform: translateY(-50%) skewX(-30deg);
    left: -10px;
    width: 40px;
    height: 100vw;
    background: #fff;
    opacity: 0.48;
    z-index: -1;
    pointer-events: none;
}

.fixed-banner .mid {
    font-weight: 900;
    font-size: 22px;
    padding: 0 20px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 40px;
}

.fixed-banner .mobil {
    display: none;
}

.fixed-banner .last {
    color: #003e51;
    font-weight: 900;
    font-size: 22px;
    padding: 0 20px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.fixed-banner .last a {
    color: inherit;
    text-decoration: none;
}

.fixed-banner .last:after {
    position: absolute;
    top: 50%;
    transform: translateY(-50%) skewX(-30deg);
    left: 0;
    width: 100vw;
    height: 100vw;
    background: #fff;
    z-index: -1;
    pointer-events: none;
}

.fixed-banner .last:before {
    position: absolute;
    top: 50%;
    transform: translateY(-50%) skewX(-30deg);
    left: -15px;
    width: 100vw;
    height: 100vw;
    background: #fff;
    z-index: -1;
    opacity: 0.48;
    pointer-events: none;
}

.fixed-banner .last .cls {
    position: absolute;
    right: -25px;
    top: 0;
    font-size: 40px;
    color: #003443;
    cursor: pointer;
    font-weight: 500;
}


.mcpagination ul {
    margin: 10px 0;
    display: block;
    text-align: center;
}

.mcpagination ul li {
    display: inline-block;
}

.mcpagination ul li a {
    display: block;
    height: 30px;
    line-height: 30px;
    background: #003e51;
    padding: 0 10px;
    font-weight: 900;
    color: #d2d7dd;
    transition: 0.2s;
}

.mcpagination ul li a:hover {
    color: #fff;
    background: #0a293c;
}

.mcpagination ul li.active a {
    color: #fff;
    background: #0a293c;
}

header {
    transition: 0.2s;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 1006;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}

header .head-bar .container {
    max-width: 1410px;
}

header .menu-bar {
    width: 38px;
    height: 25px;
    position: relative;
    cursor: pointer;
    background-image: url(../../img/menu-close.svg);
    background-size: contain;
    background-repeat: no-repeat;
    transition: .3s ease-in;
}

#wrapper > header > div.bottom-bar > div > div > div.end {
    justify-content: end !important;
}

header .sol div.active {
    background-image: url(../../img/menu-close-mobile.svg) !important;
    height: 30px !important;
}

header .mobile-header {
    padding: 10px 15px;
    display: none;
}

header .mobile-header .logo a {
    display: block;
}

header .mobile-header .logo img {
    width: 60px;
    display: block;
    margin: auto;
}

header .mobile-header .menu-bar {
    margin: 7px 0 0 8px;
}

header .mobile-header:after {
    content: '';
    display: block;
    clear: both;
}

header .mobile-header .buttons {
    max-width: 90%;
    float: right;
    margin-top: 5px;
    position: absolute;
    right: 3%;
    overflow: hidden;
}


header .mobile-header .buttons a {
    display: inline-block;
    padding: 0 5px;
    height: 38px;
    line-height: 38px;
    background: #f6851f;
    color: #fff;
    text-transform: uppercase;
    font-size: 11px;
    text-decoration: none;
    border-radius: 8px;
    max-width: 100%;
    overflow: hidden;
}

header .mobile-header .buttons a:last-child {
    background: #f6851f;
}

header .head-bar {
    position: relative;
    background-color: #003e51;
    height: 40px;
    padding-top: 11px;
    font-size: 11px;
}

header .head-bar-mobile {
    display: none;
}

header .head-bar .namaz {
    float: left;
}

header .head-bar .namaz .il {
    display: inline-block;
    vertical-align: middle;
}

header .head-bar .namaz .il select {
    display: block;
    border: 0;
    color: #fff;
    background: transparent;
    outline: none;
    margin-right: 5px;
}

header .head-bar .namaz .il select option {
    color: #0a293c;
}

header .head-bar .namaz .vakit {
    display: inline-block;
    vertical-align: middle;
}

header .head-bar .namaz .vakit span {
    display: inline;
    vertical-align: middle;
    margin-right: 15px;
    position: relative;
}

header .head-bar .namaz .vakit span i {
    font-style: normal;
    margin-right: 5px;
    opacity: 0.7;
}

header .head-bar .namaz .vakit span b {
    font-weight: normal;
}

header .head-bar .namaz .vakit span:after {
    content: '|';
    position: absolute;
    line-height: 1px;
    right: -10px;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
    opacity: 0.5;
}

header .head-bar .namaz .vakit span:last-child:after {
    display: none;
}

header .head-bar .namaz .havadurumu {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin-left: 10px;
}

header .head-bar .namaz .havadurumu:after {
    content: '|';
    position: absolute;
    line-height: 1px;
    left: -15px;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
    opacity: 0.5;
}

header .head-bar .namaz .havadurumu span {
    border-right: 1px solid #59818e;
    padding-right: 10px;
    margin-right: 10px;
}

header .head-bar .namaz .havadurumu span i {
    font-style: normal;
}

header .head-bar .namaz .havadurumu span:first-child {
    border: 0;
    padding-right: 5px;
    margin-right: 5px;
}

header .head-bar .tarih {
    float: right;
}

header .head-bar .tarih span {
    display: inline-block;
    margin-left: 15px;
    position: relative;
}

header .head-bar .tarih span i {
    font-style: normal;
}

header .head-bar .tarih span:after {
    content: '|';
    position: absolute;
    line-height: 0;
    right: -10px;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
    opacity: 0.5;
}

header .head-bar .tarih span:last-child:after {
    display: block;
}

header .head-bar .dil {
    float: right;
    margin-left: 10px;
    color: #fff;
}

header .head-bar .dil span {
    display: inline-block;
    margin-left: 15px;
    position: relative;
    font-style: normal;
}


header .bottom-bar {
    position: relative;
    background-color: var(--bg-primary);
}

header .bottom-bar .sol {
    display: flex;
    align-items: center;
    column-gap: 55px;
}

header .bottom-bar .sol .canli-yayin {
    float: left;
    background: var(--btn-bg-red);
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    padding: 10px 20px;
    font-weight: 600;
    cursor: pointer;
    height: 40px;
    transition: 0.2s;
}

header .bottom-bar .sol .canli-yayin i {
    margin-right: 10px;
}

header .bottom-bar .sol .canli-yayin:hover {
    background: #fff;
    color: var(--btn-bg-red);
}

header .bottom-bar .sol .search-btn {
    text-align: center;
    cursor: pointer;
    height: 35px;
    width: 35px;
    background-image: url(../../img/search-menu.svg);
    background-size: contain;
    background-repeat: no-repeat;
    transition: .3s ease-in;
}

header .bottom-bar .orta {
    text-align: center;
}

header .bottom-bar .orta {
    display: inline-block;
}

header .bottom-bar .orta {
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

header .bottom-bar .orta a {
    text-decoration: none;
    transition: 0.2s;
    margin: 0 15px;
    display: block;
    text-transform: uppercase;
    font-size: 20px;
    letter-spacing: 2px;
    font-weight: 600;
    color: #fff;
}

header .bottom-bar .orta a img {
    display: block;
    height: 96px;
    transition: .3s ease-in;
}

header .bottom-bar .orta a img:hover {
    transform: scale(1.1);
}

header .bottom-bar .orta.active a {
    opacity: 0.8;
}

header .bottom-bar .orta:hover a {
    opacity: 0.8;
}

header .bottom-bar .logined {
    float: right;
    margin-top: 35px;
    margin-left: 15px;
}

header.scroll .bottom-bar .logined {
    float: right;
    margin-top: 15px;
    margin-left: 15px;
}

header.scroll .menu-bar {
    max-height: 20px;
}
header.scroll .share,
header.scroll .search-btn{
    max-height: 27px !important;
}
header.scroll .search-btn.active {
    max-height: 20px !important;
}
header.scroll .bottom-bar .destek a {
    font-size: 16px;
    padding: 8px 15px;
}

header .bottom-bar .logined a img {
    border: 1px solid #d2d7dd;
    width: 40px;
    height: 40px;
    border-radius: 500px;
    display: inline-block;
    vertical-align: middle;
}

header .bottom-bar .kayit {
    float: right;
    padding-top: 34px;
    margin-left: 15px;
}

header .bottom-bar .kayit a {
    text-decoration: none;
    display: inline-block;
    background: var(--btn-bg-red);
    color: #fff;
    padding: 10px 20px;
    font-size: 12px;
    font-weight: 600;
    height: 40px;
    transition: 0.2s;
}

header .bottom-bar .destek {
    float: right;
}

header .bottom-bar .destek a {
    text-decoration: none;
    display: inline-block;
    padding: 14px 20px;
    text-transform: uppercase;
    transition: .3s ease-in;
    border-radius: 5px;

    background: var(--main-color);
    color: #1E2336;
    font: normal normal bold 17px/18px Roboto Condensed;
    letter-spacing: 0;
}

#wrapper > header > div.bottom-bar > div > div div.edge {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    column-gap: 35px;
}

header .bottom-bar .destek a:hover {
    background: #fff;
    color: #1e2336;
}

header .bottom-bar .giris a {
    text-decoration: none;
    display: inline-block;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    transition: 0.2s;
    border-radius: 5px;
}
header .bottom-bar .giris a img {
    height: 34px;
}

header.scroll .head-bar {
    display: none;
}

header.scroll .bottom-bar .orta img {
    height: 60px;
}

.page .detay-img .playbtn {
    position: absolute;
    top: calc(50%);
    transform: translateX(-50%) translateY(-50%);
    left: 50%;
    width: 69px;
    height: 69px;
    background-image: url(../../img/play_circle_outline.svg);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 1;
    cursor: pointer;
    transition: 0.2s;
}

#resim-degistir .form-group label {
    display: block;
    color: #66828b;
    margin-bottom: 5px;
}

#resim-degistir .form-group input {
    width: 100%;
    display: block;
    outline: none;
}

#resim-degistir .btn-dark {
    background-color: var(--btn-bg-red);
    border: 0;
    border-radius: 0;
}

.playlist .search {
    position: relative;
    margin-bottom: 5px;
}

.playlist .search input {
    width: 100%;
    background: transparent;
    border: 1px solid #021b23;
    color: #fff;
    padding: 10px 15px;
    outline: none;
    padding-left: 40px;
}

.playlist .search input::placeholder {
    color: #66828b;
}

.playlist .search button {
    position: absolute;
    background: transparent;
    border: 0;
    outline: none;
    left: 10px;
    top: 10px;
    color: #66828b;
    transition: 0.2s;
}

.playlist .search button:hover {
    color: #fff;
}

.playlist table {
    font-size: 13px;
    color: #80949b;
    text-align: center;
}

.playlist table * {
    border-color: #1a3944;
}

.playlist table thead {
    background: #0a293c;
    color: #fff;
}

.playlist table thead * {
    border: 1px solid #1a3944;
}

.playlist table tbody tr {
    transition: 0.2s;
}

.playlist table tbody tr.active, .playlist table tbody tr:hover {
    background: #033c4e;
    color: #fff;
}

.playlist table tbody tr img {
    cursor: pointer;
}

.playlist table .baslik {
    text-align: left;
}

.playlist.main-playlist tbody .baslik {
    font-weight: bold;
    font-size: 16px;
}

.playlist.main-playlist tbody .baslik a {
    text-decoration: none;
    color: inherit;
}

.playlist.main-playlist tbody tr td {
    vertical-align: middle;
}

.playlist.main-playlist tbody tr td:first-child img {
    width: 30px;
}


.playlist .share {
    margin: 0 10px;
    vertical-align: middle;
    display: inline-block;
    background-image: url('../../img/share.svg');
    background-size: contain;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    cursor: pointer;
    position: relative;
    opacity: 0.25;
    transition: 0.2s;
}

.playlist .share ul {
    position: absolute;
    top: -10px;
    right: -20px;
    transform: translateY(-100%);
    background: #04607d;
    text-align: center;
    padding: 10px 5px;
    width: 160px;
    transition: 0.2s;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
}

.playlist .share ul:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: -20px;
    width: 180px;
    height: 20px;
    transform: translateY(100%);
}

.playlist .share ul:after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 20px;
    transform: translateY(100%);
    width: 20px;
    height: 10px;
    -webkit-clip-path: polygon(50% 100%, 0 0, 100% 0);
    clip-path: polygon(50% 100%, 0 0, 100% 0);
    background: #04607d;
}

.playlist .share ul li {
    display: inline-block;
}

.playlist .share ul li a {
    display: block;
}

.playlist .share ul li a i {
    color: #fff;
    border: 1px solid transparent;
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    display: inline-block;
    margin: 0 2px;
    border-radius: 500px;
    transition: 0.2s;
}

.playlist .share ul li a i.fa-facebook {
    background: #4064ad;
}

.playlist .share ul li a i.fa-twitter {
    background: #1c9deb;
}

.playlist .share ul li a i.fa-instagram {
    background: #7c42bd;
}

.playlist .share ul li a i.fa-whatsapp {
    background: #26cc46;
}

.playlist .share ul li a i.fa-linkedin {
    background: #23408f;
}

.playlist .share ul li a:hover i {
    color: #04607d;
    border-color: #fff;
    background: #fff;
}

.playlist .share:hover {
    opacity: 1;
}

.playlist .share:hover ul {
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
}

.isplaying {
    cursor: pointer;
    float: left;
    background-color: var(--main-color);
    height: 60px;
    padding: 7px;
    align-items: flex-end;
    display: flex;
}

.playing {
    background-color: #F50E46 !important;
}

.sohbet-player {
    position: fixed;
    left: 0;
    right: 0;
    height: 80px;
    z-index: 9999;
    transition: transform 0.3s;
    transform: translateY(100%);
    bottom: 4px;
    background: var(--btn-bg-red);
}

.sohbet-player .suan {
    width: auto;
    height: 60px;
    float: left;
    object-fit: fill;
}

.sohbet-player .suan .img {
    display: inline-block;
}

.sohbet-player .suan .img img {
    width: 80px;
    height: 80px;
    object-fit: cover;
}

.sohbet-player .suan .name {
    font-weight: bold;
    display: inline-block;
    vertical-align: middle;
    width: 200px;
    padding-left: 15px;
}

.sohbet-player .suan .name .baslik {
    font-weight: 500;
    display: inline-block;
    vertical-align: middle;
    width: 200px;
    font-size: 18px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.sohbet-player .siradaki {
    float: right;
    width: 90px;
    font-size: 12px;
    font-weight: 600;
    margin-top: 37px;
    color: #7b8c92;
    text-align: right;
    cursor: pointer;
    position: relative;
    padding-right: 30px;
}

.sohbet-player .siradaki:hover .popup {
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
}

.sohbet-player .siradaki .popup {
    position: absolute;
    top: -20px;
    left: 0;
    transform: translateY(-100%);
    background: #04607d;
    padding: 15px;
    width: 180px;
    text-align: left;
    transition: 0.2s;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    z-index: 10001;
}

.sohbet-player .siradaki .popup:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 20px;
    transform: translateY(100%);
}

.sohbet-player .siradaki .popup:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 20px;
    transform: translateY(100%);
    width: 20px;
    height: 10px;
    -webkit-clip-path: polygon(50% 100%, 0 0, 100% 0);
    clip-path: polygon(50% 100%, 0 0, 100% 0);
    background: #04607d;
}

.sohbet-player .siradaki .popup .title {
    color: #fff;
    font-size: 14px;
    font-weight: bold;
}

.sohbet-player .siradaki .popup .cat {
    color: #0a293c;
}

.sohbet-player .siradaki .popup .saat {
    color: #0a293c;
}

.sohbet-player .player {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.sohbet-player .player .controls {
    text-align: right;
}

.sohbet-player .player .controls span {
    display: inline-block;
    vertical-align: middle;
    background-image: url('../../img/players.svg');
    background-repeat: no-repeat;
    cursor: pointer;
    transition: opacity 0.2s;
    margin: 10px 15px;
    opacity: 1;
}

.sohbet-player .player .controls span:hover {
    opacity: 0.7;
}

.sohbet-player .player .controls span.second-back {
    width: 36px;
    height: 13px;
    background-position: 0 -5px;
    margin: 0 5px;
}

.sohbet-player .player .controls span.second-next {
    width: 36px;
    height: 13px;
    background-position: -212px -5px;
    margin: 0 5px;
}

.sohbet-player .player .controls span.prev {
    width: 15px;
    height: 15px;
    background-position: -61px -3px;
}

.sohbet-player .player .controls span.next {
    width: 15px;
    height: 15px;
    background-position: -178px -3px;
}

.sohbet-player .player .controls span.play {
    width: 18px;
    height: 21px;
    background-position: -147px 0;
}

.sohbet-player .player .controls span.pause {
    width: 18px;
    height: 21px;
    background-position: -117px 0;
}

.sohbet-player .player .bars {
    text-align: center;
    margin-top: -12px;
    margin-left: -370px;
}

.sohbet-player .player .bars span {
    width: 40px;
    display: inline-block;
    vertical-align: middle;
    font-size: 11px;
    color: #fff;
}

.sohbet-player .player .bars .bar {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    height: 4px;
    width: calc(100%);
    overflow: hidden;
    background: #4d6167;
    opacity: 1;
    margin: 0 5px;
}

.sohbet-player .player .bars .bar b {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 0;
    transition: 0.2s;
    background: #fff;
}

.sohbet-player .right {
    text-align: right;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.sohbet-player .right .biggest {
    display: none;
    vertical-align: middle;
    margin: 0 2px;
    font-size: 27px;
}

.sohbet-player .right .ekle {
    vertical-align: middle;
    display: inline-block;
    width: 25px;
    height: 25px;
    background-image: url('../../img/atp.png');
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
    margin: 0 10px;
}

.sohbet-player .right .sound {
    vertical-align: middle;
    display: inline-block;
    margin: 0 15px;
}

.sohbet-player .right .sound .ses {
    vertical-align: middle;
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url('../../img/ses-disabled.svg');
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
}

.sohbet-player .right .sound .ses.active {
    background-image: url('../../img/ses-active.svg');
}

.sohbet-player .right .sound .bars {
    vertical-align: middle;
    display: inline-block;
    width: 70px;
    height: 4px;
    background-color: #4d6167;
    border-radius: 5px;
    position: relative;
    top: -2px;
    margin-left: 5px;
}

.sohbet-player .right .sound .bars b {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    transition: 0.2s;
    width: 0;
    background: #fff;
    cursor: pointer;
}

.sohbet-player .right .share {
    margin: 0 10px;
    vertical-align: middle;
    display: inline-block;
    background-image: url('../../img/share.svg');
    background-size: contain;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    cursor: pointer;
    position: relative;
}

.sohbet-player .right .share ul {
    position: absolute;
    top: -20px;
    left: -100px;
    transform: translateY(-100%);
    background: #04607d;
    text-align: center;
    padding: 10px 5px;
    width: 165px;
    transition: 0.2s;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
}

.sohbet-player .right .share ul:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: -20px;
    width: 180px;
    height: 20px;
    transform: translateY(100%);
}

.sohbet-player .right .share ul:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 100px;
    transform: translateY(100%);
    width: 20px;
    height: 10px;
    -webkit-clip-path: polygon(50% 100%, 0 0, 100% 0);
    clip-path: polygon(50% 100%, 0 0, 100% 0);
    background: #04607d;
}

.sohbet-player .right .share ul li {
    display: inline-block;
}

.sohbet-player .right .share ul li a {
    display: block;
}

.sohbet-player .right .share ul li a i {
    color: #fff;
    border: 1px solid transparent;
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    display: inline-block;
    margin: 0 2px;
    border-radius: 500px;
    transition: 0.2s;
}

.sohbet-player .right .share ul li a i.fa-facebook {
    background: #4064ad;
}

.sohbet-player .right .share ul li a i.fa-twitter {
    background: #1c9deb;
}

.sohbet-player .right .share ul li a i.fa-instagram {
    background: #7c42bd;
}

.sohbet-player .right .share ul li a i.fa-whatsapp {
    background: #26cc46;
}

.sohbet-player .right .share ul li a i.fa-linkedin {
    background: #23408f;
}

.sohbet-player .right .share ul li a:hover i {
    color: #04607d;
    border-color: #fff;
    background: #fff;
}

.sohbet-player .right .share:hover ul {
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
}

.sohbet-player .right .closed {
    position: absolute;
    top: 0;
    right: 53px;
    transform: translateY(-100%);
    background: var(--btn-bg-red);
    opacity: 1;
    color: #fff;
    border: 1px solid var(--btn-bg-red);
    width: 30px;
    height: 30px;
    line-height: 27px;
    font-size: 25px;
    cursor: pointer;
    transition: 0.2s;
    z-index: -1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.mobil-sohbet-player {
    position: fixed;
    left: 0;
    right: 0;
    bottom: -407px;
    z-index: 10000;
    opacity: 1;
    visibility: visible;
    pointer-events: none;
    transition: 0.2s;
}


.mobil-sohbet-player .centered .suan {
    text-align: center;
}

.mobil-sohbet-player .centered .suan .img {
    position: relative;
    display: inline-block;
}

.mobil-sohbet-player .centered .suan .img img {
    width: 240px;
    height: 180px;
    object-fit: cover;
}

.mobil-sohbet-player .centered .suan .img .share {
    vertical-align: middle;
    display: inline-block;
    background-image: url('../../img/share.svg');
    background-size: contain;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    cursor: pointer;
    position: absolute;
    bottom: 10px;
    right: 20px;
    z-index: 10;
}

.mobil-sohbet-player .centered .suan .img .share ul {
    position: absolute;
    top: -10px;
    left: -90px;
    transform: translateY(-100%);
    background: #04607d;
    text-align: center;
    padding: 10px 5px;
    width: 165px;
    transition: 0.2s;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
}

.mobil-sohbet-player .centered .suan .img .share ul:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: -20px;
    width: 180px;
    height: 20px;
    transform: translateY(100%);
}

.mobil-sohbet-player .centered .suan .img .share ul:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 100px;
    transform: translateY(100%);
    width: 20px;
    height: 10px;
    -webkit-clip-path: polygon(50% 100%, 0 0, 100% 0);
    clip-path: polygon(50% 100%, 0 0, 100% 0);
    background: #04607d;
}

.mobil-sohbet-player .centered .suan .img .share ul li {
    display: inline-block;
}

.mobil-sohbet-player .centered .suan .img .share ul li a {
    display: block;
}

.mobil-sohbet-player .centered .suan .img .share ul li a i {
    color: #fff;
    border: 1px solid transparent;
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    display: inline-block;
    margin: 0 2px;
    border-radius: 500px;
    transition: 0.2s;
}

.mobil-sohbet-player .centered .suan .img .share ul li a i.fa-facebook {
    background: #4064ad;
}

.mobil-sohbet-player .centered .suan .img .share ul li a i.fa-twitter {
    background: #1c9deb;
}

.mobil-sohbet-player .centered .suan .img .share ul li a i.fa-instagram {
    background: #7c42bd;
}

.mobil-sohbet-player .centered .suan .img .share ul li a i.fa-whatsapp {
    background: #26cc46;
}

.mobil-sohbet-player .centered .suan .img .share ul li a i.fa-linkedin {
    background: #23408f;
}

.mobil-sohbet-player .centered .suan .img .share ul li a:hover i {
    color: #04607d;
    border-color: #fff;
    background: #fff;
}

.mobil-sohbet-player .centered .suan .img .share:hover ul {
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
}

.mobil-sohbet-player .centered .suan .name {
    font-weight: bold;
    font-size: 13px;
    line-height: 27px;
    margin: 15px 0;
}

.mobil-sohbet-player .centered .player {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.mobil-sohbet-player .centered .player .controls {
    text-align: center;
}

.mobil-sohbet-player .centered .player .controls .sn5 {
    display: inline-block;
    vertical-align: middle;
    font-size: 10px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    text-align: center;
    line-height: 40px;
    margin: 0 5px;
    cursor: pointer;
}

.mobil-sohbet-player .centered .player .controls span {
    display: inline-block;
    vertical-align: middle;
    background-image: url('../../img/players.svg');
    background-repeat: no-repeat;
    cursor: pointer;
    transition: opacity 0.2s;
    margin: 0 10px;
    opacity: 1;
}

.mobil-sohbet-player .centered .player .controls span:hover {
    opacity: 0.7;
}

.mobil-sohbet-player .centered .player .controls span.prev {
    width: 15px;
    height: 15px;
    background-position: -61px -3px;
}

.mobil-sohbet-player .centered .player .controls span.next {
    width: 15px;
    height: 15px;
    background-position: -178px -3px;
}

.mobil-sohbet-player .centered .player .controls span.play {
    width: 18px;
    height: 21px;
    background-position: -147px 0;
    margin: 0 20px;
}

.mobil-sohbet-player .centered .player .controls span.pause {
    width: 18px;
    height: 21px;
    background-position: -117px 0;
    margin: 0 20px;
}

.mobil-sohbet-player .centered .player .controls .ekle {
    vertical-align: middle;
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url('../../img/atp.png');
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
    margin: 0 15px;
}

.mobil-sohbet-player .centered .player .controls .share {
    margin: 0 15px;
    vertical-align: middle;
    display: inline-block;
    background-image: url('../../img/share.svg');
    background-size: contain;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    cursor: pointer;
    position: relative;
}

.mobil-sohbet-player .centered .player .controls .share ul {
    position: absolute;
    top: -20px;
    left: -20px;
    transform: translateY(-100%);
    background: #04607d;
    text-align: center;
    padding: 10px 5px;
    width: 180px;
    transition: 0.2s;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
}

.mobil-sohbet-player .centered .player .controls .share ul:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: -20px;
    width: 180px;
    height: 20px;
    transform: translateY(100%);
}

.mobil-sohbet-player .centered .player .controls .share ul:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 100px;
    transform: translateY(100%);
    width: 20px;
    height: 10px;
    -webkit-clip-path: polygon(50% 100%, 0 0, 100% 0);
    clip-path: polygon(50% 100%, 0 0, 100% 0);
    background: #04607d;
}

.mobil-sohbet-player .centered .player .controls .share ul li {
    display: inline-block;
}

.mobil-sohbet-player .centered .player .controls .share ul li a {
    color: #00303f;
    border: 1px solid #00303f;
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    display: inline-block;
    margin: 0 2px;
    border-radius: 500px;
    transition: 0.2s;
}

.mobil-sohbet-player .centered .player .controls .share ul li a:hover {
    color: #04607d;
    border-color: #fff;
    background: #fff;
}

.mobil-sohbet-player .centered .player .controls .share:hover ul {
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
}

.mobil-sohbet-player .centered .player .bars {
    text-align: center;
    margin-top: 10px;
}

.mobil-sohbet-player .centered .player .bars span {
    width: 40px;
    display: inline-block;
    vertical-align: middle;
    font-size: 11px;
    color: #fff;
}

.mobil-sohbet-player .centered .player .bars .bar {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    height: 4px;
    width: calc(100% - 110px);
    overflow: hidden;
    border-radius: 5px;
    background: #4d6167;
    margin: 0 5px;
}

.mobil-sohbet-player .centered .player .bars .bar b {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 0;
    transition: 0.2s;
    background: #fff;
}

.mobil-sohbet-player .closed {
    position: absolute;
    right: 15px;
    top: 0;
    font-size: 50px;
    line-height: 0;
    cursor: pointer;
}


.mobil-sohbet-player .ekle {
    position: absolute;
    top: 50px;
    left: 6px;
    width: 20px;
    height: 20px;
    background-image: url('../../img/atp.png');
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
    margin: 0 15px;
}

.mobil-sohbet-player .siradaki {
    position: absolute;
    top: 10px;
    right: 15px;
    text-align: right;
}

.mobil-sohbet-player .siradaki b {
    color: #fff;
    opacity: 0.5;
    font-size: 13px;
}

.mobil-sohbet-player .siradaki p {
    font-size: 15px;
    color: #d2d7dd;
    margin: 0;
}

.mobil-sohbet-player .siradaki img {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-top: 5px;
}

.mobil-sohbet-player .kanallarimiz {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.22);
}

.mobil-sohbet-player .kanallarimiz .title {
    text-align: center;
    font-size: 10px;
    margin-bottom: 15px;
    margin-top: 20px;
    text-transform: uppercase;
}

.mobil-sohbet-player .kanallarimiz .row {
    margin: 0;
}

.mobil-sohbet-player .kanallarimiz .row .col-6 {
    padding: 0;
}

.mobil-sohbet-player .kanallarimiz .kutu {
    height: 45px;
    font-size: 11px;
    text-align: left;
    padding: 20px;
    line-height: 45px;
}

.mobil-sohbet-player .kanallarimiz .kutu a {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0 20px;
}

.mobil-sohbet-player .kanallarimiz .kutu img {
    width: 20px;
    height: 20px;
    margin-right: 5px;
}

.mobil-sohbet-player .kanallarimiz .kutu i {
    width: 20px;
    height: 20px;
    margin-left: 5px;
    line-height: 18px;
    font-size: 9px;
}

.bigmenu {
    position: fixed;
    top: 160px;
    bottom: 0;
    left: 0;
    background: linear-gradient(145deg, #003d4f 0%, #001d26 100%);
    z-index: 1002;
    overflow-x: hidden;
    overflow-y: auto;
    transition: transform 0.5s;
    transform: translateX(-100%);
    box-shadow: 6px 1px 6px rgba(0, 0, 0, 0.16);
    width: 332px;
}

.bigmenu.active {
    transform: translateX(0%);
}

.bigmenu .social {
    margin: 10px 30px;
    margin-top: 30px;
    display: none;
}

.bigmenu .social ul li {
    display: inline-block !important;
}


.bigmenu .title {
    /*padding: 10px;*/
    padding-left: 60px;
    background: #0a293c;
    color: #668b97;
    font-size: 22px;
    font-weight: 900;
}

.bigmenu .title .mobile-bar {
    display: none;
    padding: 6px 0;
}

.bigmenu .title .mobile-bar .search-btn {
    float: left;
    height: 30px;
    width: 30px;
    text-align: center;
    font-size: 13px;
    line-height: 27px;
    transition: 0.2s;
    cursor: pointer;
    margin: 6px 0 0 16px;
    color: #fff;
}

.bigmenu .title .mobile-bar .buttons {
    float: right;
}

.bigmenu .title .mobile-bar .buttons a {
    display: block;
    float: left;
    margin-left: 10px;
    font-size: 10px;
    height: 30px;
    border: 1px solid #fff;
    line-height: 30px;
    padding: 0 15px;
    color: #fff;
    text-decoration: none;
}

.bigmenu .title .mobile-bar .buttons a:last-child {
    border: 0;
    background: var(--btn-bg-red);
}

.bigmenu .main {
    padding: 10px 0;
}

.bigmenu .main ul li {
    margin: 5px 0;
    transition: 0.2s;
    display: block;
}

.bigmenu .main ul li a {
    padding: 6px 0 6px 60px;
    display: block;
    color: #d2d7dd;
    font-size: 20px;
    font-weight: 900;
    transition: 0.2s;
}

.bigmenu .main ul li a:before {
    content: '\f107';
    font-family: FontAwesome;
    display: inline-block;
    color: #d2d7dd;
    opacity: 0;
    transform: translateX(-10px);
}

.bigmenu .main ul li.sub a:before {
    opacity: 1;
}

.bigmenu .main ul li ul {
    display: none;
    margin-bottom: 10px;
}

.bigmenu .main ul li ul.active {
    display: block;
}

.bigmenu .main ul li ul li {
    margin: 0;
}

.bigmenu .main ul li ul li ol {
    padding: 0;
    padding-left: 20px;
    display: none;
}

.bigmenu .main ul li ul li ol.active {
    display: block;
}

.bigmenu .main ul li ul li a {
    font-size: 16px;
    margin-left: 10px;
    font-weight: normal;
    background: transparent !important;
}

.bigmenu .main ul li ul li a:hover {
    background: #003e51 !important;
}

.bigmenu .main ul li ul li a:before {
    display: none;
}

.bigmenu .main ul li ul li a img {
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
    width: 15px;
    height: 15px;
}

.bigmenu .main ul li.active > a:before {
    content: '\f106';
}

.bigmenu .main ul li:hover a, .bigmenu .main ul li.active a {
    background: #114564;
}


.x-social-share {
    position: fixed;
    top: calc(50% + 40px);
    transform: translateY(-50%);
    left: 0;
    z-index: 100;
}

.x-social-share ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.x-social-share ul li a {
    display: block;
    color: #fff;
}


.x-social-share ul li a i {
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 500px;
    background: red;
    font-size: 20px;
    transition: 0.2s;
}

.x-social-share ul li a i.fa-facebook {
    background: #4064ad;
}

.x-social-share ul li a i.fa-twitter {
    background: #1c9deb;
}

.x-social-share ul li a i.fa-instagram {
    background: #7c42bd;
}

.x-social-share ul li a i.fa-whatsapp {
    background: #26cc46;
}

.x-social-share ul li a i.fa-linkedin {
    background: #23408f;
}

.x-social-share ul li a:hover i {
    background: #003e51;
}

.x-social-share ul li a span {
    display: inline-block;
    width: 80px;
    color: #fff;
    font-size: 13px;
    padding: 0 10px;
    top: -2px;
    font-weight: bold;
    position: relative;
}

.x-social-share ul li a i {
    transform: translateX(10px);
    width: 30px;
    height: 30px;
    background: #fff;
    color: #003e51;
    border-radius: 500px;
    text-align: center;
    line-height: 30px;
    transition: 0.2s;
}

.x-social-share ul li:hover {
    transform: translateX(0px);
}

.x-social-share ul li:hover a i {
    transform: translateX(10px) scale(1.1);
    background: linear-gradient(145deg, #003d4f 0%, #001d26 100%);
    color: #fff;
}

.social-share {
    display: none;
    position: fixed;
    top: calc(50% + 40px);
    transform: translateY(-50%);
    left: -5px;
    z-index: 100;
}


.social-share ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.social-share ul li {
    transition: 0.4s;
    display: block;
    margin-bottom: 10px;
    background: #0a293c;
    border-top-right-radius: 500px;
    border-bottom-right-radius: 500px;
    /*transform: translateX(calc(-100% + 25px));*/
    transform: translateX(-75%);
}

.social-share ul li a {
    display: block;
}

.social-share ul li a span {
    display: inline-block;
    width: 80px;
    color: #fff;
    font-size: 13px;
    padding: 0 10px;
    top: -2px;
    font-weight: bold;
    position: relative;
}

.social-share ul li a i {
    transform: translateX(10px);
    width: 30px;
    height: 30px;
    background: #003e51;
    color: #fff;
    border-radius: 500px;
    text-align: center;
    line-height: 30px;
    transition: 0.2s;
}

.social-share ul li a i.fa-instagram {
    background: #e91e63;
}

.social-share ul li a i.fa-facebook0 {
    background: #4064ad;
}

.social-share ul li a i.fa-twitter0 {
    background: #1c9deb;
}

.social-share ul li a i.fa-youtube {
    background: red;
}

.social-share ul li a i.fa-whatsapp {
    background: #0fd95a;
}

.social-share ul li a i.fa-whatsapp2 {
    background: #0fd95a;
}


.social-share ul li:hover {
    transform: translateX(0px);
}

.social-share ul li:hover a i {
    transform: translateX(10px) scale(1.1);
    background: linear-gradient(145deg, #003d4f 0%, #001d26 100%);
    color: #fff;
}

.right-fixed {
    position: fixed;
    top: calc(50% + 40px);
    transform: translateY(-50%);
    right: 0;
    overflow: hidden;
    z-index: 100;
    pointer-events: none;
}

.right-fixed .arrow {
    display: none;
    text-align: right;
    pointer-events: auto;
}

.right-fixed .arrow i {
    cursor: pointer;
    background: #be003a;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    font-size: 35px;
    margin-top: 2px;
    width: 45px;
    height: 40px;
    line-height: 38px;
    text-align: center;
}

.right-fixed ul {
    pointer-events: none;
    list-style: none;
    padding: 0;
    margin: 0;
}

.right-fixed ul li {
    pointer-events: auto;
    display: block;
    margin-bottom: 10px;
    background: #0a293c;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    /*transform: translateX(calc(100% - 40px));*/
    transform: translateX(40%);
    transition: 0.4s;
    padding-right: 10px;
}

.right-fixed ul li a {
    display: block;
    padding: 8px;
    color: #fff;
    font-size: 12px;
}

.right-fixed ul li a img {
    width: 25px;
    height: 25px;
    display: inline-block;
    margin-right: 20px;
}

.right-fixed ul li a b {
    position: relative;
    top: -5px;
}

.right-fixed ul li a b i {
    position: absolute;
    bottom: 0;
    right: 0;
    transform: translateY(100%);
    font-style: normal;
    font-size: 8px;
}

.right-fixed ul li:hover, .right-fixed ul li.active {
    transform: translateX(0px);
    background: var(--btn-bg-red);
}

.right-fixed ul li:last-child {
    background: #F50E46;
}

.right-fixed ul li:last-child a {
    text-align: right;
    margin-left: -3px;
    padding: 3px;
}

.right-fixed ul li:last-child a img {
    width: 35px;
    height: 40px;
    margin-top: 0;
    margin-left: 3px;
    display: inline-block;
    margin-right: 16px;
}

.right-fixed ul li:last-child a b {
    font-size: 12px;
    white-space: nowrap;
}

.right-fixed ul li:last-child a b i {
    font-size: 12px;
    white-space: nowrap;
}

.search-area {
    position: fixed;
    top: 160px;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 1000;
    background: linear-gradient(145deg, #003d4f 0%, #001d26 100%);
    transition: 0.5s;
    transform: translateY(-100%);
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
}

.search-area.active {
    transform: translateY(0%);
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
}

.search-area .centered {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
}

.search-area .centered .container {
    max-width: 1000px;
}

.search-area .centered .input {
    margin-bottom: 50px;
    position: relative;
}

.search-area .centered .input input {
    width: 100%;
    display: block;
    border: 0;
    border-bottom: 1px solid #668b97;
    padding: 15px 0;
    background: transparent;
    height: 55px;
    outline: none;
    color: #fff;
    font-size: 25px;
}

.search-area .centered .input input::placeholder {
    color: #d2d7dd;
}

.search-area .centered .input button {
    outline: none;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 30px;
    color: #d2d7dd;
    height: 55px;
    border: 0;
    background: transparent;
    transition: 0.2s;
}

.search-area .centered .input button:hover {
    color: #fff;
}

.search-area .centered .populer .title {
    text-align: center;
    font-weight: 900;
    font-size: 25px;
    margin-bottom: 10px;
}

.search-area .centered .populer ul {
    text-align: center;
    margin: 20px 0;
}

.search-area .centered .populer ul li {
    display: inline-block;
}

.search-area .centered .populer ul li a {
    display: block;
    color: #668b97;
    padding: 10px 20px;
    transition: 0.2s;
    font-weight: 900;
}

.search-area .centered .populer ul li a:hover {
    color: #fff;
    background: #114564;
}

.page {
    min-height: calc(100vh - 160px - 422px);
    margin-top: 160px;
    padding-top: 30px;
    color: #d2d7dd;
}

.page .form label {
    display: block;
    margin-bottom: 5px;
    font-size: 14px;
    color: #66828b;
    font-weight: 900;
}

.page .form input[type=text], .page .form input[type=email], .page .form input[type=tel], .page .form input[type=password], .page .form select, .page .form textarea {
    border: 0;
    outline: none;
    resize: none;
    display: block;
    width: 100%;
    height: 50px;
    padding: 0 15px;
    background: #114564;
    color: #fff;
}

.page .form input[type=checkbox], .page .form input[type=radio] {
    display: inline-block;
    vertical-align: middle;
}

.page .form button, .page .form input[type=submit] {
    display: block;
    width: 100%;
    height: 60px;
    background-color: var(--btn-bg-red);
    color: #fff;
    font-weight: 900;
    font-size: 20px;
    border: 0;
    margin-top: 2rem;
    outline: none;
    transition: 0.2s;
}

.page .form button:hover, .page .form input[type=submit]:hover {
    opacity: 0.8;
}

.page .form select {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.page .form select::-ms-expand {
    display: none;
}

.page .form .select-wrapper {
    position: relative;
}

.page .form .select-wrapper:after {
    content: '\f107';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 15px;
    font-family: FontAwesome;
    font-size: 28px;
    pointer-events: none;
}

.page .form .check span {
    font-size: 13px;
}

.page .form .check span u {
    cursor: pointer;
}

.page .form .unuttum {
    text-decoration: none;
    color: #d2d7dd;
    margin-top: 10px;
    font-size: 16px;
    display: inline-block;
}

.page .mcbread {
    margin-bottom: 15px;
    overflow: hidden;
    overflow-x: auto;
}

.page .mcbread:after {
    content: '';
    display: block;
    clear: both;
}

.page .mcbread ul {
    display: block;
}

.page .mcbread ul li {
    display: block;
    float: left;
    font-size: 12px;
    padding-right: 25px;
    position: relative;
    color: #00799e;
    transition: 0.2s;
}

.page .mcbread ul li:after {
    content: '\f105';
    font-family: FontAwesome;
    font-weight: bold;
    color: #00799e;
    top: 50%;
    transform: translateY(-50%);
    right: -10px;
    position: relative;
    pointer-events: none;
}

.page .mcbread ul li a {
    color: inherit;
    text-decoration: none;
}

.page .mcbread ul li:hover {
    color: #fff;
}

.page .mcbread ul li:last-child {
    padding-right: 0;
}

.page .mcbread ul li:last-child:after {
    display: none;
}

.page .head-title h1 {
    position: relative;
    margin-bottom: 5px;
    font-weight: 900;
    /*text-transform: capitalize;*/
    font-size: 30px;
}

.page .head-title h1 span {
    display: none;
    position: absolute;
    z-index: -1;
    letter-spacing: 3px;
    font-size: 39px;
    left: 0;
    top: -15px;
    color: #003545;
    text-transform: uppercase;
    /*text-shadow: -1px 1px 0 #1b4350, 1px 1px 0 #1b4350, 1px -1px 0 #1b4350, -1px -1px 0 #1b4350;*/
    pointer-events: none;
}

.progress {
    display: flex;
    height: 1rem;
    overflow: hidden;
    font-size: 0.75rem;
    background-color: #e9ecef;
    border-radius: 0.5rem;
}

.progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #fff;
    text-align: center;
    background-color: #007bff;
    transition: width 0.6s ease;
}

.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: 0.5;
}

.page .page-title {
    color: #d2d7dd;
    font-weight: 900;
    position: relative;
    overflow: hidden;
    font-size: 2rem;
}

.page .page-title span {
    position: absolute;
    z-index: -1;
    font-size: 34px;
    left: 0;
    letter-spacing: 0.2px;
    top: -5px;
    color: #003545;
    text-transform: uppercase;
    text-shadow: -1px 1px 0 #1b4350, 1px 1px 0 #1b4350, 1px -1px 0 #1b4350, -1px -1px 0 #1b4350;
    pointer-events: none;
    white-space: nowrap;
    display: none;
}

.page .tum {
    text-align: center;
    margin-top: 25px;
}


#page-home .galeriler .tum {
    text-align: center;
    display: inline-block;
    position: relative;
    top: -6px;
    left: 13px;
}


#page-home .galeriler .tum a {
    display: inline-block;
    padding: 6px 20px;
    color: #fff;
    font-size: 17px;
    text-decoration: none;
    transition: 0.2s;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    opacity: 0.5;
    border: 2px solid;
    border-radius: 6px;
    background: transparent;
}


.page .tum a {
    display: inline-block;
    padding: 10px 20px;
    color: #fff;
    background: #003e51;
    font-size: 17px;
    text-decoration: none;
    transition: 0.2s;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    opacity: 0.5;
}

.page .tum a:hover {
    opacity: 1;
}

.page .haber {
    position: relative;
    margin-bottom: 20px;
    /*border-bottom: 1px solid #1a3b46;*/
    padding-bottom: 10px;
}

.page .digerbaslik {
    color: #d2d7dd;
    font-size: 14px;
    margin-bottom: 15px;
    font-weight: 900;
    padding-bottom: 5px;
    border-bottom: 6px solid #d2d7dd;
}

.page .haber .img {
    position: relative;
    margin-bottom: 10px;
}

.page .haber .img img, .page .haber .img .coveredImg {
    display: block;
    width: 100%;
    height: 170px;
    object-fit: cover;
    background-size: cover;
    background-repeat: no-repeat;
}

.page .haber .img .socials {
    position: absolute;
    padding-right: 20px;
    right: 0;
    bottom: 10px;
    z-index: 1;
}

.page .haber .img .socials a {
    display: inline-block;
    color: #fff;
    width: 40px;
    text-align: center;
    border-radius: 50%;
    height: 40px;
    font-size: 24px;
    line-height: 40px;
    margin-right: 3px;
    transition: 0.2s;
}

.page .haber .img .socials a.social-facebook {
    background: #4064ad;
}

.page .haber .img .socials a.social-twitter {
    background: #1c9deb;
}

.page .haber .img .socials a.social-instagram {
    background: #7c42bd;
}

.page .haber .img .socials a.social-whatsapp {
    background: #26cc46;
}

.page .haber .img .socials a:hover {
    background: #0a293c;
}

.page .haber a {
    text-decoration: none;
    display: block;
    color: inherit;
}

.page .haber .name {
    font-weight: 900;
    margin-bottom: 5px;
    font-size: 20px;
}


.page .haber h2 {
    font-weight: 900;
    margin-bottom: 5px;
    font-size: 20px;
}

.page .haber .galeriname {
    top: -30px;
    font-size: 20px;
    height: 65px;
    line-height: 30px;
    padding: 0 50px;
    padding-right: 70px;
    font-weight: 900;
    position: relative;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}

.page .haber .galeriname:before {
    content: '';
    width: 15px;
    height: 80px;
    background: var(--btn-bg-red);
    position: absolute;
    transform: translateX(calc(-200% + 5px));
}


.page .haber .desc {
    font-size: 15px;
    color: #668b97;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    height: 65px;
    width: 85%;
}

.page .haber .date {
    color: #d2d7dd;
    font-size: 12px;
    margin-top: 10px;
}

.page .haber.resimli {
    padding-bottom: 0;
    border: 0;
    position: relative;
}

.page .haber.resimli .img img, .page .haber.resimli .img .coveredImg {
    height: 195px;
}

.page .haber.resimli .texts {
    position: absolute;
    bottom: 20px;
    left: 20px;
    z-index: 1;
}

.page .haber.resimli:after {
    content: '';
    position: absolute;
    pointer-events: none;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(0, 61, 79, 0) 5%, #002137 100%);
}

.page .video-box {
    position: relative;
    height: 400px;
    overflow: hidden;
}

.page .video-box.active .playbtn {
    top: -100px;
}

.page .video-box.active .baslik {
    bottom: auto;
    top: -100px;
}


.page .video-box .bottom-bar .social-media-share {
    position: absolute;
    bottom: 5px;
    left: 15px;
    z-index: 1;
}

.page .video-box .bottom-bar .social-media-share ul li {
    display: inline-block;
    margin-left: 3px;
}

.page .video-box .bottom-bar .social-media-share ul li a {
    display: block;
    color: #fff;
}

.page .video-box .bottom-bar .social-media-share ul li a i {
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 500px;
    background: red;
    font-size: 20px;
    transition: 0.2s;
}

.page .video-box .bottom-bar .social-media-share ul li a i.fa-facebook {
    background: #4064ad;
}

.page .video-box .bottom-bar .social-media-share ul li a i.fa-twitter {
    background: #1c9deb;
}

.page .video-box .bottom-bar .social-media-share ul li a i.fa-instagram {
    background: #7c42bd;
}

.page .video-box .bottom-bar .social-media-share ul li a i.fa-whatsapp {
    background: #26cc46;
}

.page .video-box .bottom-bar .social-media-share ul li a i.fa-linkedin {
    background: #23408f;
}

.page .video-box .bottom-bar .social-media-share ul li a:hover i {
    background: #003e51;
}

.page .video-box.active .bottom-bar .social-media-share {
    position: absolute;
    top: 5px;
    left: 15px;
    z-index: 1;
}

.page .video-box.active .bottom-bar .social-media-share ul li {
    display: inline-block;
    margin-left: 3px;
}

.page .video-box.active .bottom-bar .social-media-share ul li a {
    display: block;
    color: #fff;
}

.page .video-box.active .bottom-bar .social-media-share ul li a i {
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 500px;
    background: red;
    font-size: 20px;
    transition: 0.2s;
}

.page .video-box.active .bottom-bar .social-media-share ul li a i.fa-facebook {
    background: #4064ad;
}

.page .video-box.active .bottom-bar .social-media-share ul li a i.fa-twitter {
    background: #1c9deb;
}

.page .video-box.active .bottom-bar .social-media-share ul li a i.fa-instagram {
    background: #7c42bd;
}

.page .video-box.active .bottom-bar .social-media-share ul li a i.fa-whatsapp {
    background: #26cc46;
}

.page .video-box.active .bottom-bar .social-media-share ul li a i.fa-linkedin {
    background: #23408f;
}

.page .video-box.active .bottom-bar .social-media-share ul li a:hover i {
    background: #003e51;
}


.page .video-box video {
    opacity: 0;
    pointer-events: none;
}

.page .video-box .video-js {
    width: 100%;
    position: relative;
    z-index: 1;
    height: 100%;
}

.page .video-box .video-js video {
    opacity: 1;
    pointer-events: auto;
}

.page .video-box .video-js .vjs-big-play-button {
    display: none;
}

.page .video-box img, .page .video-box .coveredImg {
    width: 100%;
    height: 100%;
    object-fit: contain;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.page .video-box .playbtn {
    transition: 0.5s;
    position: absolute;
    top: calc(50% - 10px);
    transform: translateX(-50%) translateY(-50%);
    left: 50%;
    width: 75px;
    height: 75px;
    /*background-image: url('../../img/playbtn.png');*/
    background-image: url('../../img/play_circle_outline.svg');
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 1;
    cursor: pointer;
    transition: 0.2s;
}

.page .video-box .playbtn.pause {
    background-image: url('../../img/pausebtn.png');
}

.page .video-box .baslik {
    transition: 0.5s;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 65px;
    color: #fff;
    font-size: 27px;
    font-weight: 900;
    text-align: center;
    z-index: 1;
}

.page .video-box .bottom-bar {
    transition: 1s;
    position: absolute;
    top: auto;
    bottom: 128px;
    left: 15px;
    right: 15px;
    z-index: 3;
}

.page .video-box .bottom-bar .paylas {
    position: relative;
    display: block;
    float: left;
}

.page .video-box .bottom-bar .paylas > a {
    vertical-align: middle;
    width: 20px;
    height: 20px;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
    background-image: url('../../img/share.svg');
}

.page .video-box .bottom-bar .paylas .popup {
    position: absolute;
    transition: 0.2s;
    right: -10px;
    top: 50%;
    transform: translateX(100%) translateY(-50%);
    background: #003e51;
    width: 120px;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
}

.page .video-box .bottom-bar .paylas .popup:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 1px;
    transform: translateY(-50%) translateX(-100%);
    width: 8px;
    height: 10px;
    background: #003e51;
    -webkit-clip-path: polygon(100% 100%, 0 50%, 100% 0);
    clip-path: polygon(100% 100%, 0 50%, 100% 0);
}

.page .video-box .bottom-bar .paylas .popup:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    top: 0;
    transform: translateX(-100%);
    width: 20px;
}

.page .video-box .bottom-bar .paylas .popup a {
    width: 40px;
    text-align: center;
    float: left;
    color: #fff;
    padding: 5px;
    font-size: 18px;
    transition: 0.2s;
}

.page .video-box .bottom-bar .paylas .popup a:hover {
    background: #0a293c;
}

.page .video-box .bottom-bar .paylas:hover .popup {
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
}

.page .video-box .bottom-bar .add {
    float: left;
}

.page .video-box .bottom-bar .add a {
    vertical-align: middle;
    width: 20px;
    height: 20px;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
    background-image: url('../../img/atp.png');
}

.page .video-box:hover .playbtn {
    transform: translateX(-50%) translateY(-50%) scale(1.1);
}

.page .video-box:after {
    content: '';
    background: rgba(0, 0, 0, 0.1);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.page .audio-box {
    position: relative;
    height: 100px;
    overflow: hidden;
    width: auto;
}

.playbutton {
    transition: 0.5s;
    position: relative;
    left: 10px;
    width: 40px;
    height: 40px;
    background-image: url('../../img/resume-8.png');
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 1;
    cursor: pointer;
    transition: 0.2s;
    float: left;
}


.page .audio-box .playbutton {
    transition: 0.5s;
    position: absolute;
    top: calc(30% - 10px);
    transform: translateX(-50%) translateY(-50%);
    left: 50%;
    width: 45px;
    height: 45px;
    background-image: url('../../img/resume-8.png');
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 1;
    cursor: pointer;
    transition: 0.2s;
}

.page .audio-box:after {
    background: rgba(9, 9, 9, 0.3);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.page .videolar-playlist {
    margin: 25px 0;
}

.page .videolar-playlist .video-box {
    height: 250px;
    margin-top: 25px;
}

.page .video-box .add {
    right: 26px;
    bottom: 28px;
    position: absolute;
    z-index: 10;
}

.page .video-box .add a {
    vertical-align: middle;
    width: 28px;
    height: 28px;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
    /*background-image: url(../../img/atp.png);*/
    background-image: url(../../img/playlist_add.svg);
    background-size: 28px;
}

.page .videolar-playlist .video-box .remove {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 40px;
    height: 40px;
    text-align: center;
    border-radius: 500px;
    background: #0a293c;
    color: #fff;
    line-height: 40px;
    transition: 0.2s;
    z-index: 100;
    cursor: pointer;
}

.page .videolar-playlist .video-box .remove:hover {
    background: var(--btn-bg-red);
}

.page .videolar-playlist .video-box .remove:after {
    content: '\f1f8';
    font-family: FontAwesome;
}

.page .kategori-slider {
    margin-bottom: 25px;
    position: relative;
}

.page .kategori-slider.big .item img {
    height: 415px;
}

.page .kategori-slider.big .item .texts .name {
    margin-bottom: 15px;
}

.page .kategori-slider.big .item .desc {
    font-size: 16px;
    margin-bottom: 15px;
    color: #d5d5d5;
    /*width: 320px;*/
    width: 80%;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    height: 70px;
}

.page .kategori-slider .owl-dots {
    position: absolute;
    bottom: 10px;
    right: 10px;
}

.page .kategori-slider .item {
    position: relative;
}

.page .kategori-slider .item a {
    display: block;
    text-decoration: none;
    color: inherit;
}

.page .kategori-slider .item img {
    width: 100%;
    height: 298px;
    object-fit: cover;
}

.page .kategori-slider .item .tag {
    position: absolute;
    top: 30px;
    left: 30px;
    padding: 5px 20px;
    color: #fff;
    background-color: #5501ff;
}

.page .haber .img .tag {
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 5px 20px;
    color: #fff;
    background-color: #5501ff;
}

.page .kategori-slider .item .texts {
    position: absolute;
    bottom: 15px;
    left: 25px;
    z-index: 1;
    padding-right: 50px;
}

.page .kategori-slider .item .texts .name {
    font-weight: 900;
    font-size: 25px;
    margin-bottom: 30px;
    width: 210px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    height: 75px;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.54);
}

.page .kategori-slider .item .texts .date {
    font-weight: lighter;
    font-size: 12px;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.54);
}

.page .kategori-slider .item:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(180deg, rgba(0, 61, 79, 0) 5%, #002137 100%);
    pointer-events: none;
}


#page-onay {
    padding: 65px 0;
    min-height: 380px;
}

#page-onay .centik {
    text-align: center;
}

#page-onay .centik img {
    height: 50px;
    display: inline-block;
    margin-bottom: 25px;
}

#page-onay .mes {
    font-size: 20px;
    text-align: center;
}

#page-onay .don {
    text-align: center;
    margin-top: 5px;
}

#page-onay .don a {
    display: inline-block;
    color: #3687a0;
    font-size: 13px;
    text-decoration: none;
}


#page-home .main-kutular .slider {
    position: relative;
}

#page-home .main-kutular .mobile-hide {
    display: block;
}

#page-home .mobile-hide {
    display: block;
}

#page-home .main-kutular .slider .item {
    position: relative;
}

#page-home .main-kutular .slider .item img, #page-home .main-kutular .slider .item .coveredImg {
    width: 100%;
    height: 380px;
    object-fit: cover;
    background-repeat: no-repeat;
    background-size: cover;
}

#page-home .main-kutular .slider .item .texts {
    position: absolute;
    bottom: 50px;
    left: 20px;
    right: 20px;
    z-index: 5;
}

#page-home .main-kutular .slider .item .texts .title {
    font-size: 32px;
    font-weight: 900;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    min-height: 48px;
    color: #fff;
    padding-left: 10px;
}

#page-home .main-kutular .slider .item .texts .title a {
    text-decoration: none;
    color: inherit;
    display: block;
    line-height: 38px;
}

#page-home .main-kutular .slider .item .social-media-share {
    position: absolute;
    bottom: 15px;
    right: 15px;
    z-index: 2;
}

#page-home .main-kutular .slider .item .social-media-share ul li {
    display: inline-block;
    margin-left: 3px;
}

#page-home .main-kutular .slider .item .social-media-share ul li a {
    display: block;
    color: #fff;
}

#page-home .main-kutular .slider .item .social-media-share ul li a i {
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 500px;
    background: red;
    font-size: 20px;
    transition: 0.2s;
}

#page-home .main-kutular .slider .item .social-media-share ul li a i.fa-facebook {
    background: #4064ad;
}

#page-home .main-kutular .slider .item .social-media-share ul li a i.fa-twitter {
    background: #1c9deb;
}

#page-home .main-kutular .slider .item .social-media-share ul li a i.fa-instagram {
    background: #7c42bd;
}

#page-home .main-kutular .slider .item .social-media-share ul li a i.fa-whatsapp {
    background: #26cc46;
}

#page-home .main-kutular .slider .item .social-media-share ul li a i.fa-linkedin {
    background: #23408f;
}

#page-home .main-kutular .slider .item .social-media-share ul li a:hover i {
    background: #003e51;
}

#page-home .main-kutular .slider .item .share {
    vertical-align: middle;
    display: inline-block;
    background-image: url('../../img/share.svg');
    background-position: 7px 8px;
    background-repeat: no-repeat;
    cursor: pointer;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 9999;
    background-color: var(--btn-bg-red);
    border-radius: 30px;
    background-size: 25px;
    width: 43px;
    height: 43px;
}

#page-home .main-kutular .slider .item .share ul {
    position: absolute;
    top: 8px;
    left: -135px;
    transform: translateY(74%);
    background: #04607d;
    text-align: center;
    padding: 10px 5px;
    width: 185px;
    transition: 0.2s;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
}

#page-home .main-kutular .slider .item .share ul:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: -20px;
    width: 180px;
    height: 20px;
    transform: translateY(100%);
}

#page-home .main-kutular .slider .item .share ul:after {
    content: '';
    position: absolute;
    top: -20px;
    left: 150px;
    transform: translateY(100%);
    width: 20px;
    height: 10px;
    -webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    background: #04607d;
}

#page-home .main-kutular .slider .item .share ul li {
    display: inline-block;
}

#page-home .main-kutular .slider .item .share ul li a {
    display: block;
}

#page-home .main-kutular .slider .item .share ul li a i {
    color: #fff;
    border: 1px solid transparent;
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    display: inline-block;
    margin: 0 2px;
    border-radius: 500px;
    transition: 0.2s;
}

#page-home .main-kutular .slider .item .share ul li a i.fa-facebook {
    background: #4064ad;
}

#page-home .main-kutular .slider .item .share ul li a i.fa-twitter {
    background: #1c9deb;
}

#page-home .main-kutular .slider .item .share ul li a i.fa-instagram {
    background: #7c42bd;
}

#page-home .main-kutular .slider .item .share ul li a i.fa-whatsapp {
    background: #26cc46;
}

#page-home .main-kutular .slider .item .share ul li a i.fa-linkedin {
    background: #23408f;
}

#page-home .main-kutular .slider .item .share ul li a:hover i {
    color: #04607d;
    border-color: #fff;
    background: #fff;
}

#page-home .main-kutular .slider .item .share:hover ul {
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
}


#page-home .main-kutular .kutuozel .share {
    background-color: var(--btn-bg-red);
    border-radius: 30px;
    vertical-align: middle;
    display: inline-block;
    background-image: url(../../img/share.svg);
    background-size: 25px;
    background-position: 7px 8px;
    width: 43px;
    height: 43px;
    background-repeat: no-repeat;
    cursor: pointer;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 98;
}

#page-home .main-kutular .kutuozel .share ul {
    position: absolute;
    top: 9px;
    left: -132px;
    transform: translateY(74%);
    background: #04607d;
    text-align: center;
    padding: 10px 5px;
    width: 185px;
    transition: 0.2s;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
}

#page-home .main-kutular .kutuozel .share ul:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: -20px;
    width: 180px;
    height: 20px;
    transform: translateY(100%);
}

#page-home .main-kutular .kutuozel .share ul:after {
    content: '';
    position: absolute;
    top: -20px;
    left: 140px;
    transform: translateY(100%);
    width: 20px;
    height: 10px;
    -webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    background: #04607d;
}

#page-home .main-kutular .kutuozel .share ul li {
    display: inline-block;
}

#page-home .main-kutular .kutuozel .share ul li a {
    display: block;
}

#page-home .main-kutular .kutuozel .share ul li a i {
    color: #fff;
    border: 1px solid transparent;
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    display: inline-block;
    margin: 0 2px;
    border-radius: 500px;
    transition: 0.2s;
}

#page-home .main-kutular .kutuozel .share ul li a i.fa-facebook {
    background: #4064ad;
}

#page-home .main-kutular .kutuozel .share ul li a i.fa-twitter {
    background: #1c9deb;
}

#page-home .main-kutular .kutuozel .share ul li a i.fa-instagram {
    background: #7c42bd;
}

#page-home .main-kutular .kutuozel .share ul li a i.fa-whatsapp {
    background: #26cc46;
}

#page-home .main-kutular .kutuozel .share ul li a i.fa-linkedin {
    background: #23408f;
}

#page-home .main-kutular .kutuozel .share ul li a:hover i {
    color: #04607d;
    border-color: #fff;
    background: #fff;
}

#page-home .main-kutular .kutuozel .share:hover ul {
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
}

.page .video-box .bottom-bar .share {
    vertical-align: middle;
    display: inline-block;
    background-image: url('../../img/share.svg');
    background-repeat: no-repeat;
    cursor: pointer;
    position: absolute;
    bottom: 175px;
    right: 0;
    z-index: 10;
    background-color: var(--btn-bg-red);
    border-radius: 30px;
    background-size: 25px;
    background-position: 6px 6px;
    width: 40px;
    height: 40px;
}

.page .video-box .bottom-bar .share ul {
    position: absolute;
    top: -10px;
    left: -113px;
    transform: translateY(-100%);
    background: #04607d;
    text-align: center;
    padding: 10px 5px;
    width: 165px;
    transition: 0.2s;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
}

.page .video-box.active .bottom-bar .share {
    vertical-align: middle;
    display: inline-block;
    background-image: url('../../img/share.svg');
    background-repeat: no-repeat;
    cursor: pointer;
    position: absolute;
    z-index: 10;
    background-color: var(--btn-bg-red);
    border-radius: 30px;
    background-size: 25px;
    background-position: 6px;
    width: 40px;
    height: 40px;
}

.page .video-box.active .bottom-bar .share ul {
    position: absolute;
    top: -2px;
    transform: translateY(100%);
    background: #04607d;
    text-align: center;
    padding: 10px 5px;
    width: 165px;
    transition: 0.2s;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
}

.page .video-box.active .bottom-bar .share ul:after {
    content: '';
    position: absolute;
    bottom: 0;
    width: 20px;
    height: 10px;
    -webkit-clip-path: polygon(50% 0, 0% 100%, 100% 100%);
    clip-path: polygon(50% 0, 0% 100%, 100% 100%);
    transform: rotate(0deg);
}

.page .video-box .bottom-bar .share ul:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: -20px;
    width: 180px;
    height: 20px;
    transform: translateY(100%);
}

.page .video-box .bottom-bar .share ul:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 100px;
    transform: translateY(100%);
    width: 20px;
    height: 10px;
    -webkit-clip-path: polygon(50% 100%, 0 0, 100% 0);
    clip-path: polygon(50% 100%, 0 0, 100% 0);
    background: #04607d;
}

.page .video-box .bottom-bar .share ul li {
    display: inline-block;
}

.page .video-box .bottom-bar .share ul li a {
    display: block;
}

.page .video-box .bottom-bar .share ul li a i {
    color: #fff;
    border: 1px solid transparent;
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    display: inline-block;
    margin: 0 2px;
    border-radius: 500px;
    transition: 0.2s;
}

.page .video-box .bottom-bar .share ul li a i.fa-facebook {
    background: #4064ad;
}

.page .video-box .bottom-bar .share ul li a i.fa-twitter {
    background: #1c9deb;
}

.page .video-box .bottom-bar .share ul li a i.fa-instagram {
    background: #7c42bd;
}

.page .video-box .bottom-bar .share ul li a i.fa-whatsapp {
    background: #26cc46;
}

.page .video-box .bottom-bar .share ul li a i.fa-linkedin {
    background: #23408f;
}

.page .video-box .bottom-bar .share ul li a:hover i {
    color: #04607d;
    border-color: #fff;
    background: #fff;
}

.page .video-box .bottom-bar .share:hover ul {
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
}

#page-home .haberler .owl-carousel .item .img .share {
    vertical-align: middle;
    display: inline-block;
    background-image: url('../../img/share.svg');
    background-repeat: no-repeat;
    cursor: pointer;
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 10;
    background-color: var(--btn-bg-red);
    border-radius: 30px;
    background-size: 25px;
    background-position: 7px 8px;
    width: 43px;
    height: 43px;
}

#page-home .haberler .owl-carousel .item .img .share ul {
    position: absolute;
    bottom: -10px;
    left: -117px;
    transform: translateY(100%);
    background: #04607d;
    text-align: center;
    padding: 10px 5px;
    width: 165px;
    transition: 0.2s;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
}

#page-home .haberler .owl-carousel .item .img .share ul:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: -20px;
    width: 180px;
    height: 20px;
    transform: translateY(100%);
}

#page-home .haberler .owl-carousel .item .img .share ul:after {
    content: '';
    position: absolute;
    top: 0;
    left: 129px;
    transform: translateY(-100%);
    width: 20px;
    height: 10px;
    -webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    background: #04607d;
}

#page-home .haberler .owl-carousel .item .img .share ul li {
    display: inline-block;
}

#page-home .haberler .owl-carousel .item .img .share ul li a {
    display: block;
}

#page-home .haberler .owl-carousel .item .img .share ul li a i {
    color: #fff;
    border: 1px solid transparent;
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    display: inline-block;
    margin: 0 2px;
    border-radius: 500px;
    transition: 0.2s;
}

#page-home .haberler .owl-carousel .item .img .share ul li a i.fa-facebook {
    background: #4064ad;
}

#page-home .haberler .owl-carousel .item .img .share ul li a i.fa-twitter {
    background: #1c9deb;
}

#page-home .haberler .owl-carousel .item .img .share ul li a i.fa-instagram {
    background: #7c42bd;
}

#page-home .haberler .owl-carousel .item .img .share ul li a i.fa-whatsapp {
    background: #26cc46;
}

#page-home .haberler .owl-carousel .item .img .share ul li a i.fa-linkedin {
    background: #23408f;
}

#page-home .haberler .owl-carousel .item .img .share ul li a:hover i {
    color: #04607d;
    border-color: #fff;
    background: #fff;
}

#page-home .haberler .owl-carousel .item .img .share:hover ul {
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
}

#page-home .dosyalar .owl-carousel .item .img .share {
    vertical-align: middle;
    display: inline-block;
    background-image: url('../../img/share.svg');
    background-repeat: no-repeat;
    cursor: pointer;
    position: absolute;
    top: 10px;
    right: 15px;
    z-index: 10;
    background-color: var(--btn-bg-red);
    border-radius: 30px;
    background-size: 25px;
    background-position: 7px 8px;
    width: 43px;
    height: 43px;
}

#page-home .dosyalar .owl-carousel .item .img .share ul {
    position: absolute;
    bottom: -10px;
    left: -121px;
    transform: translateY(100%);
    background: #04607d;
    text-align: center;
    padding: 10px 5px;
    width: 165px;
    transition: 0.2s;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
}

#page-home .dosyalar .owl-carousel .item .img .share ul:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: -20px;
    width: 180px;
    height: 20px;
    transform: translateY(100%);
}

#page-home .dosyalar .owl-carousel .item .img .share ul:after {
    content: '';
    position: absolute;
    top: 0;
    left: 134px;
    transform: translateY(-100%);
    width: 20px;
    height: 10px;
    -webkit-clip-path: polygon(50% 100%, 0 0, 100% 0);
    /* clip-path: polygon(50% 100%, 0 0, 100% 0); */
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    background: #04607d;
}

#page-home .dosyalar .owl-carousel .item .img .share ul li {
    display: inline-block;
}

#page-home .dosyalar .owl-carousel .item .img .share ul li a {
    display: block;
}

#page-home .dosyalar .owl-carousel .item .img .share ul li a i {
    color: #fff;
    border: 1px solid transparent;
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    display: inline-block;
    margin: 0 2px;
    border-radius: 500px;
    transition: 0.2s;
}

#page-home .dosyalar .owl-carousel .item .img .share ul li a i.fa-facebook {
    background: #4064ad;
}

#page-home .dosyalar .owl-carousel .item .img .share ul li a i.fa-twitter {
    background: #1c9deb;
}

#page-home .dosyalar .owl-carousel .item .img .share ul li a i.fa-instagram {
    background: #7c42bd;
}

#page-home .dosyalar .owl-carousel .item .img .share ul li a i.fa-whatsapp {
    background: #26cc46;
}

#page-home .dosyalar .owl-carousel .item .img .share ul li a i.fa-linkedin {
    background: #23408f;
}

#page-home .dosyalar .owl-carousel .item .img .share ul li a:hover i {
    color: #04607d;
    border-color: #fff;
    background: #fff;
}

#page-home .dosyalar .owl-carousel .item .img .share:hover ul {
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
}


#page-home .galeriler .owl-carousel .item .img .share {
    vertical-align: middle;
    display: inline-block;
    background-image: url(../../img/share_gallery.svg);
    background-size: contain;
    width: 32px;
    color: #909395;
    background-repeat: no-repeat;
    cursor: pointer;
    position: absolute;
    bottom: 14px;
    right: 58%;
    transform: translate(50%, 0%);
    z-index: 10;
    padding-left: 36px;
    font-weight: bold;
    font-size: 18px;
}


#page-home .galeriler .owl-carousel .item .img .image-share__bottom {
    width: 100%;
    background: #093541;
    height: 51px;
    position: absolute;
    bottom: 0;
}


#page-home .galeriler .owl-carousel .item .img .share ul {
    position: absolute;
    top: -10px;
    left: -38px;
    transform: translateY(-100%);
    background: #04607d;
    text-align: center;
    padding: 10px 5px;
    width: 165px;
    transition: 0.2s;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
}

#page-home .galeriler .owl-carousel .item .img .share ul:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: -20px;
    width: 180px;
    height: 20px;
    transform: translateY(100%);
}

#page-home .galeriler .owl-carousel .item .img .share ul:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 77px;
    transform: translateY(100%);
    width: 20px;
    height: 10px;
    -webkit-clip-path: polygon(50% 100%, 0 0, 100% 0);
    clip-path: polygon(50% 100%, 0 0, 100% 0);
    background: #04607d;
}

#page-home .galeriler .owl-carousel .item .img .share ul li {
    display: inline-block;
}

#page-home .galeriler .owl-carousel .item .img .share ul li a {
    display: block;
}

#page-home .galeriler .owl-carousel .item .img .share ul li a i {
    color: #fff;
    border: 1px solid transparent;
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    display: inline-block;
    margin: 0 2px;
    border-radius: 500px;
    transition: 0.2s;
}

#page-home .galeriler .owl-carousel .item .img .share ul li a i.fa-facebook {
    background: #4064ad;
}

#page-home .galeriler .owl-carousel .item .img .share ul li a i.fa-twitter {
    background: #1c9deb;
}

#page-home .galeriler .owl-carousel .item .img .share ul li a i.fa-instagram {
    background: #7c42bd;
}

#page-home .galeriler .owl-carousel .item .img .share ul li a i.fa-whatsapp {
    background: #26cc46;
}

#page-home .galeriler .owl-carousel .item .img .share ul li a i.fa-linkedin {
    background: #23408f;
}

#page-home .galeriler .owl-carousel .item .img .share ul li a:hover i {
    color: #04607d;
    border-color: #fff;
    background: #fff;
}

#page-home .galeriler .owl-carousel .item .img .share:hover ul {
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
}

#page-home .desktop-main-kutular .kutu .share {
    vertical-align: middle;
    display: inline-block;
    background-image: url('../../img/share.svg');
    background-repeat: no-repeat;
    cursor: pointer;
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 10;
    background-color: var(--btn-bg-red);
    border-radius: 30px;
    background-size: 25px;
    background-position: 6px 6px;
    width: 40px;
    height: 40px;
}

#page-home .desktop-main-kutular .kutu .share ul {
    position: absolute;
    top: -2px;
    left: -120px;
    transform: translateY(100%);
    background: #04607d;
    text-align: center;
    padding: 10px 5px;
    width: 165px;
    transition: 0.2s;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
}

#page-home .desktop-main-kutular .kutu .share ul:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: -20px;
    width: 180px;
    height: 20px;
    transform: translateY(100%);
}

#page-home .desktop-main-kutular .kutu .share ul:after {
    content: '';
    position: absolute;
    top: 0;
    left: 130px;
    transform: translateY(-100%);
    width: 20px;
    height: 10px;
    -webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    /* clip-path: polygon(50% 100%, 0 0, 100% 0); */
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    background: #04607d;
}

#page-home .desktop-main-kutular .kutu .share ul li {
    display: inline-block;
}

#page-home .desktop-main-kutular .kutu .share ul li a {
    display: block;
}

#page-home .desktop-main-kutular .kutu .share ul li a i {
    color: #fff;
    border: 1px solid transparent;
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    display: inline-block;
    margin: 0 2px;
    border-radius: 500px;
    transition: 0.2s;
}

#page-home .desktop-main-kutular .kutu .share ul li a i.fa-facebook {
    background: #4064ad;
}

#page-home .desktop-main-kutular .kutu .share ul li a i.fa-twitter {
    background: #1c9deb;
}

#page-home .desktop-main-kutular .kutu .share ul li a i.fa-instagram {
    background: #7c42bd;
}

#page-home .desktop-main-kutular .kutu .share ul li a i.fa-whatsapp {
    background: #26cc46;
}

#page-home .desktop-main-kutular .kutu .share ul li a i.fa-linkedin {
    background: #23408f;
}

#page-home .desktop-main-kutular .kutu .share ul li a:hover i {
    color: #04607d;
    border-color: #fff;
    background: #fff;
}

#page-home .desktop-main-kutular .kutu .share:hover ul {
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
}


.bottom-bar .container .row .sol .share {
    vertical-align: middle;
    display: inline-block;
    background-image: url(../../img/share-brown.svg);
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
    z-index: 10;
    width: 33px;
    height: 35px;
    transition: .3s ease-in;
}
header.scroll .bottom-bar .container .row .sol .share ul {
    bottom: 9px !important;
}
.bottom-bar .container .row .sol .share ul {
    position: absolute;
    transform: translateY(100%);
    background: #04607d;
    text-align: center;
    padding: 10px 5px;
    width: 160px;
    bottom: 23px;
    transition: 0.2s;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
}

.bottom-bar .container .row .sol .share ul:before {
    content: '';
    position: absolute;
    bottom: 180%;
    left: -20px;
    width: 100px;
    height: 120px;
    transform: translateY(100%);
    z-index: -1;
}

.bottom-bar .container .row .sol .share ul:after {
    content: '';
    position: absolute;
    top: -19px;
    left: 10px;
    transform: translateY(100%);
    width: 20px;
    height: 10px;
    -webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    background: #04607d;
}

.bottom-bar .container .row .sol .share ul li {
    display: inline-block;
}

.bottom-bar .container .row .sol .share ul li a {
    display: block;
}

.bottom-bar .container .row .sol .share ul li a i {
    color: #fff;
    border: 1px solid transparent;
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    display: inline-block;
    margin: 0 2px;
    border-radius: 500px;
    transition: 0.2s;
}

.bottom-bar .container .row .sol .share ul li a i.fa-facebook {
    background: #4064ad;
}

.bottom-bar .container .row .sol .share ul li a i.fa-twitter {
    background: #1c9deb;
}

.bottom-bar .container .row .sol .share ul li a i.fa-instagram {
    background: #7c42bd;
}

.bottom-bar .container .row .sol .share ul li a i.fa-whatsapp {
    background: #26cc46;
}

.bottom-bar .container .row .sol .share ul li a i.fa-linkedin {
    background: #23408f;
}

.bottom-bar .container .row .sol .share ul li a:hover i {
    color: #04607d;
    border-color: #fff;
    background: #fff;
}

.bottom-bar .container .row .sol .share:hover ul {
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
}


#page-home .main-kutular .slider .item {
    margin: 0 1px;
}


#page-home .main-kutular .slider .item:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 100px;
    pointer-events: none;
    background: linear-gradient(180deg, rgb(255 255 255 / 0%) 46%, rgb(22 22 22 / 58%) 100%);
}

#page-home .main-kutular .slider .owl-nav {
    position: absolute;
    bottom: 20px;
    left: 20px;
    display: none;
}

#page-home .main-kutular .slider .owl-nav div {
    background: #0a293c;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    font-size: 36px;
}

#page-home .main-kutular .slider .owl-nav div:last-child {
    background: #003e51;
}

#page-home .main-kutular .slider .owl-dots {
    position: absolute;
    bottom: 15px;
    left: 50%;
    transform: translateX(-50%);
}

#page-home .main-kutular .kutu {
    width: 100%;
    height: 220px;
    position: relative;
    margin-bottom: 25px;
    overflow: hidden;
}

#page-home .main-kutular .kutuozel {
    width: 100%;
    height: 380px;
    position: relative;
    margin-bottom: 25px;
    overflow: hidden;
}

#page-home .main-kutular .kutu img, #page-home .main-kutular .kutu .coveredImg, #page-home .main-kutular .kutuozel img, #page-home .main-kutular .kutuozel coveredImg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: fill;
    background-size: cover;
    background-repeat: no-repeat;
}

#page-home .main-kutular .kutu .texts {
    z-index: 1;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 10px;
    padding-top: 0;
}

#page-home .main-kutular .kutu .texts .tag {
    display: inline-block;
    font-size: 11px;
    color: #fff;
    background: #4ba100;
    border-radius: 5px;
    padding: 2px 10px;
    margin-bottom: 5px;
    text-transform: uppercase;
}

#page-home .main-kutular .kutu .texts .tag a {
    text-decoration: none;
    color: inherit;
    display: block;
}

#page-home .main-kutular .kutu .texts .tag.k1 {
    background: #4ba100;
}

#page-home .main-kutular .kutu .texts .tag.k2 {
    background: red;
}

#page-home .main-kutular .kutu .texts .tag.k3 {
    background: #d56b00;
}

#page-home .tag {
    display: inline-block;
    font-size: 10px;
    font-weight: 600;
    color: #fff;
    background: #F50E46;
    border-radius: 2px;
    padding: 3px 10px;
    margin: 5px 10px;
    text-transform: uppercase;
    text-align: center;
    top: 5px;
    /*position: absolute;*/
}

#page-haber-detay .tag {
    display: inline-block;
    font-size: 13px;
    font-weight: 600;
    color: #fff;
    background: #b90303;
    border-radius: 5px;
    padding: 3px 10px;
    margin: 5px 10px;
    text-transform: uppercase;
    text-align: center;
}

#page-haber-detay .tag2 {
    display: inline-block;
    font-size: 11px;
    font-weight: 600;
    color: #0a293c;
    background: #fef;
    border-radius: 5px;
    padding: 3px 10px;
    margin: 5px 10px;
    text-align: left;
}


#page-home .main-kutular .kutu .texts .title {
    font-size: 26px;
    font-weight: 900;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    max-height: 77px;
}

#page-home .main-kutular .kutu .texts .title a {
    text-decoration: none;
    color: inherit;
    display: block;
}

#page-home .main-kutular .kutu .texts .desc {
    font-size: 14px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    height: 45px;
}

#page-home .main-kutular .kutu .texts .dahafazla {
    /*margin-top: 30px;*/
    display: none;
}

#page-home .main-kutular .kutu .texts .dahafazla .devamini {
    float: left;
}

#page-home .main-kutular .kutu .texts .dahafazla .devamini a {
    display: inline-block;
    border: 1px solid #fff;
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    padding: 5px 15px;
    text-decoration: none;
    transition: 0.2s;
}

#page-home .main-kutular .kutu .texts .dahafazla .devamini a:hover {
    background-color: #fff;
    color: #0a293c;
}


#page-home .main-kutular .kutu .texts .dahafazla .iconlar {
    float: right;
}

#page-home .main-kutular .kutu .texts .dahafazla .iconlar a {
    vertical-align: middle;
    width: 25px;
    height: 25px;
    display: inline-block;
    margin-left: 15px;
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
}

#page-home .main-kutular .kutu .texts .dahafazla .iconlar a.play {
    background-image: url('../../img/play.png');
}

#page-home .main-kutular .kutu .texts .dahafazla .iconlar a.share {
    background-image: url('../../img/share.svg');
}

#page-home .main-kutular .kutu .social-media-share {
    position: absolute;
    bottom: 15px;
    right: 15px;
    z-index: 1;
}

#page-home .main-kutular .kutu .social-media-share ul li {
    display: inline-block;
    margin-left: 3px;
}

#page-home .main-kutular .kutu .social-media-share ul li a {
    display: block;
    color: #fff;
}

#page-home .main-kutular .kutu .social-media-share ul li a i {
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 500px;
    background: red;
    font-size: 20px;
    transition: 0.2s;
}

#page-home .main-kutular .kutu .social-media-share ul li a i.fa-facebook {
    background: #4064ad;
}

#page-home .main-kutular .kutu .social-media-share ul li a i.fa-twitter {
    background: #1c9deb;
}

#page-home .main-kutular .kutu .social-media-share ul li a i.fa-instagram {
    background: #7c42bd;
}

#page-home .main-kutular .kutu .social-media-share ul li a i.fa-whatsapp {
    background: #26cc46;
}

#page-home .main-kutular .kutu .social-media-share ul li a i.fa-linkedin {
    background: #23408f;
}

#page-home .main-kutular .kutu .social-media-share ul li a:hover i {
    background: #003e51;
}

#page-home .main-kutular .kutu .shares {
    position: absolute;
    bottom: 0;
    right: 0;
    top: 0;
    transition: 0.3s;
    transform: translateY(100%);
    opacity: 0;
    pointer-events: none;
    padding: 40px;
    z-index: 1;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 5%, #ff0c4e 100%);
}

#page-home .main-kutular .kutu .shares .cls {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    color: #fff;
    cursor: pointer;
    font-size: 45px;
    opacity: 0.8;
    font-weight: 300;
}

#page-home .main-kutular .kutu .shares ul {
    position: absolute;
    bottom: 50px;
    left: 50%;
    transform: translateX(-50%);
}

#page-home .main-kutular .kutu .shares ul li {
    display: block;
}

#page-home .main-kutular .kutu .shares ul li a {
    display: block;
    text-decoration: none;
    color: #0a293c;
    background: #fff;
    border-radius: 500px;
    width: 40px;
    height: 40px;
    text-align: center;
    font-size: 21px;
    line-height: 40px;
    margin-bottom: 10px;
    transition: 0.2s;
}

#page-home .main-kutular .kutu .shares ul li a:hover {
    background: #ff0c4e;
    color: #fff;
}

.page .haber .img .share {
    vertical-align: middle;
    display: inline-block;
    background-image: url('../../img/share.svg');
    background-repeat: no-repeat;
    cursor: pointer;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 10;
    background-color: var(--btn-bg-red);
    border-radius: 30px;
    background-size: 25px;
    background-position: 7px 8px;
    width: 43px;
    height: 43px;
}

.page .haber .img .share ul {
    position: absolute;
    bottom: 0;
    left: -90px;
    transform: translateY(100%);
    background: #04607d;
    text-align: center;
    padding: 10px 5px;
    width: 165px;
    transition: 0.2s;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
}

.page .haber .img .share ul:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: -20px;
    width: 180px;
    height: 20px;
    transform: translateY(100%);
}

.page .haber .img .share ul:after {
    content: '';
    position: absolute;
    top: 0;
    left: 100px;
    transform: translateY(-100%);
    width: 20px;
    height: 10px;
    -webkit-clip-path: polygon(50% 100%, 0 0, 100% 0);
    /* clip-path: polygon(50% 100%, 0 0, 100% 0); */
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    background: #04607d;
}

.page .haber .img .share ul li {
    display: inline-block;
}

.page .haber .img .share ul li a {
    display: block;
}

.page .haber .img .share ul li a i {
    color: #fff;
    border: 1px solid transparent;
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    display: inline-block;
    margin: 0 2px;
    border-radius: 500px;
    transition: 0.2s;
}

.page .haber .img .share ul li a i.fa-facebook {
    background: #4064ad;
}

.page .haber .img .share ul li a i.fa-twitter {
    background: #1c9deb;
}

.page .haber .img .share ul li a i.fa-instagram {
    background: #7c42bd;
}

.page .haber .img .share ul li a i.fa-whatsapp {
    background: #26cc46;
}

.page .haber .img .share ul li a i.fa-linkedin {
    background: #23408f;
}

.page .haber .img .share ul li a:hover i {
    color: #04607d;
    border-color: #fff;
    background: #fff;
}

.page .haber .img .share:hover ul {
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
}


.page .kategori-slider .item .share {
    vertical-align: middle;
    display: inline-block;
    background-image: url('../../img/share.svg');
    background-repeat: no-repeat;
    cursor: pointer;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 10;
    background-color: var(--btn-bg-red);
    border-radius: 30px;
    background-size: 25px;
    background-position: 7px 8px;
    width: 43px;
    height: 43px;
}

.page .kategori-slider .item .share ul {
    position: absolute;
    bottom: -10px;
    left: -90px;
    transform: translateY(100%);
    background: #04607d;
    text-align: center;
    padding: 10px 5px;
    width: 165px;
    transition: 0.2s;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
}

.page .kategori-slider .item .share ul:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: -20px;
    width: 180px;
    height: 20px;
    transform: translateY(100%);
}

.page .kategori-slider .item .share ul:after {
    content: '';
    position: absolute;
    top: 0;
    left: 100px;
    transform: translateY(-100%);
    width: 20px;
    height: 10px;
    -webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    background: #04607d;
}

.page .kategori-slider .item .share ul li {
    display: inline-block;
}

.page .kategori-slider .item .share ul li a {
    display: block;
}

.page .kategori-slider .item .share ul li a i {
    color: #fff;
    border: 1px solid transparent;
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    display: inline-block;
    margin: 0 2px;
    border-radius: 500px;
    transition: 0.2s;
}

.page .kategori-slider .item .share ul li a i.fa-facebook {
    background: #4064ad;
}

.page .kategori-slider .item .share ul li a i.fa-twitter {
    background: #1c9deb;
}

.page .kategori-slider .item .share ul li a i.fa-instagram {
    background: #7c42bd;
}

.page .kategori-slider .item .share ul li a i.fa-whatsapp {
    background: #26cc46;
}

.page .kategori-slider .item .share ul li a i.fa-linkedin {
    background: #23408f;
}

.page .kategori-slider .item .share ul li a:hover i {
    color: #04607d;
    border-color: #fff;
    background: #fff;
}

.page .kategori-slider .item .share:hover ul {
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
}


#page-haberler .main-slider .owl-carousel .item .share {
    vertical-align: middle;
    display: inline-block;
    background-image: url('../../img/share.svg');
    background-repeat: no-repeat;
    cursor: pointer;
    position: absolute;
    top: 40px;
    right: 40px;
    z-index: 10;
    background-color: var(--btn-bg-red);
    border-radius: 30px;
    background-size: 25px;
    background-position: 7px 8px;
    width: 43px;
    height: 43px;
}

#page-haberler .main-slider .owl-carousel .item .share ul {
    position: absolute;
    top: 10px;
    left: -90px;
    transform: translateY(-100%);
    background: #04607d;
    text-align: center;
    padding: 10px 5px;
    width: 165px;
    transition: 0.2s;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
}

#page-haberler .main-slider .owl-carousel .item .share ul:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: -20px;
    width: 180px;
    height: 20px;
    transform: translateY(100%);
}

#page-haberler .main-slider .owl-carousel .item .share ul:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 100px;
    transform: translateY(100%);
    width: 20px;
    height: 10px;
    -webkit-clip-path: polygon(50% 100%, 0 0, 100% 0);
    clip-path: polygon(50% 100%, 0 0, 100% 0);
    background: #04607d;
}

#page-haberler .main-slider .owl-carousel .item .share ul li {
    display: inline-block;
}

#page-haberler .main-slider .owl-carousel .item .share ul li a {
    display: block;
}

#page-haberler .main-slider .owl-carousel .item .share ul li a i {
    color: #fff;
    border: 1px solid transparent;
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    display: inline-block;
    margin: 0 2px;
    border-radius: 500px;
    transition: 0.2s;
}

#page-haberler .main-slider .owl-carousel .item .share ul li a i.fa-facebook {
    background: #4064ad;
}

#page-haberler .main-slider .owl-carousel .item .share ul li a i.fa-twitter {
    background: #1c9deb;
}

#page-haberler .main-slider .owl-carousel .item .share ul li a i.fa-instagram {
    background: #7c42bd;
}

#page-haberler .main-slider .owl-carousel .item .share ul li a i.fa-whatsapp {
    background: #26cc46;
}

#page-haberler .main-slider .owl-carousel .item .share ul li a i.fa-linkedin {
    background: #23408f;
}

#page-haberler .main-slider .owl-carousel .item .share ul li a:hover i {
    color: #04607d;
    border-color: #fff;
    background: #fff;
}

#page-haberler .main-slider .owl-carousel .item .share:hover ul {
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
}


.page .haber .img .share:hover ul {
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
}

#page-home .main-kutular .kutu.openshr .shares {
    transform: translateY(0%);
    opacity: 1;
    pointer-events: auto;
}

#page-home .main-kutular .kutu:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(0, 61, 79, 0) 5%, #002137 100%);
}

#page-home .main-kutular .kutuozel:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    pointer-events: none;
}

#page-home .desktop-main-kutular .kutu {
    width: 100%;
    height: 220px;
    position: relative;
    margin-bottom: 25px;
    overflow: hidden;
}

#page-home .desktop-main-kutular .kutuozel {
    width: 100%;
    height: 380px;
    position: relative;
    margin-bottom: 25px;
    overflow: hidden;
}

#page-home .desktop-main-kutular .kutu img, #page-home .desktop-main-kutular .kutu .coveredImg, #page-home .desktop-main-kutular .kutuozel img, #page-home .desktop-main-kutular .kutuozel coveredImg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    background-size: cover;
    background-repeat: no-repeat;
}

#page-home .desktop-main-kutular .kutu .texts {
    z-index: 1;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 20px;
    padding: 20px;
    padding-top: 0;
}

#page-home .desktop-main-kutular .kutu .texts .tag {
    display: inline-block;
    font-size: 11px;
    color: #fff;
    background: #4ba100;
    border-radius: 5px;
    padding: 2px 10px;
    margin-bottom: 5px;
    text-transform: uppercase;
}

#page-home .desktop-main-kutular .kutu .texts .tag a {
    text-decoration: none;
    color: inherit;
    display: block;
}

#page-home .desktop-main-kutular .kutu .texts .tag.k1 {
    background: #4ba100;
}

#page-home .desktop-main-kutular .kutu .texts .tag.k2 {
    background: red;
}

#page-home .desktop-main-kutular .kutu .texts .tag.k3 {
    background: #d56b00;
}

#page-home .desktop-main-kutular .kutu .texts .title {
    font-size: 26px;
    font-weight: 900;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    max-height: 77px;
    color: #fff;
    line-height: 28px;
}

#page-home .desktop-main-kutular .kutu .texts .title a {
    text-decoration: none;
    color: inherit;
    display: block;
}

#page-home .desktop-main-kutular .kutu .texts .desc {
    font-size: 14px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    height: 45px;
}

#page-home .desktop-main-kutular .kutu .texts .dahafazla {
    /*margin-top: 30px;*/
    display: none;
}

#page-home .desktop-main-kutular .kutu .texts .dahafazla .devamini {
    float: left;
}

#page-home .desktop-main-kutular .kutu .texts .dahafazla .devamini a {
    display: inline-block;
    border: 1px solid #fff;
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    padding: 5px 15px;
    text-decoration: none;
    transition: 0.2s;
}

#page-home .desktop-main-kutular .kutu .texts .dahafazla .devamini a:hover {
    background-color: #fff;
    color: #0a293c;
}


#page-home .desktop-main-kutular .kutu .texts .dahafazla .iconlar {
    float: right;
}

#page-home .desktop-main-kutular .kutu .texts .dahafazla .iconlar a {
    vertical-align: middle;
    width: 25px;
    height: 25px;
    display: inline-block;
    margin-left: 15px;
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
}

#page-home .desktop-main-kutular .kutu .texts .dahafazla .iconlar a.play {
    background-image: url('../../img/play.png');
}

#page-home .desktop-main-kutular .kutu .texts .dahafazla .iconlar a.share {
    background-image: url('../../img/share.svg');
}

#page-home .desktop-main-kutular .kutu .social-media-share {
    position: absolute;
    bottom: 15px;
    right: 15px;
    z-index: 1;
}

#page-home .desktop-main-kutular .kutu .social-media-share ul li {
    display: inline-block;
    margin-left: 3px;
}

#page-home .desktop-main-kutular .kutu .social-media-share ul li a {
    display: block;
    color: #fff;
}

#page-home .desktop-main-kutular .kutu .social-media-share ul li a i {
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 500px;
    background: red;
    font-size: 20px;
    transition: 0.2s;
}

#page-home .desktop-main-kutular .kutu .social-media-share ul li a i.fa-facebook {
    background: #4064ad;
}

#page-home .desktop-main-kutular .kutu .social-media-share ul li a i.fa-twitter {
    background: #1c9deb;
}

#page-home .desktop-main-kutular .kutu .social-media-share ul li a i.fa-instagram {
    background: #7c42bd;
}

#page-home .desktop-main-kutular .kutu .social-media-share ul li a i.fa-whatsapp {
    background: #26cc46;
}

#page-home .desktop-main-kutular .kutu .social-media-share ul li a i.fa-linkedin {
    background: #23408f;
}

#page-home .desktop-main-kutular .kutu .social-media-share ul li a:hover i {
    background: #003e51;
}

#page-home .desktop-main-kutular .kutu .shares {
    position: absolute;
    bottom: 0;
    right: 0;
    top: 0;
    transition: 0.3s;
    transform: translateY(100%);
    opacity: 0;
    pointer-events: none;
    padding: 40px;
    z-index: 1;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 5%, #ff0c4e 100%);
}

#page-home .desktop-main-kutular .kutu .shares .cls {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    color: #fff;
    cursor: pointer;
    font-size: 45px;
    opacity: 0.8;
    font-weight: 300;
}

#page-home .desktop-main-kutular .kutu .shares ul {
    position: absolute;
    bottom: 50px;
    left: 50%;
    transform: translateX(-50%);
}

#page-home .desktop-main-kutular .kutu .shares ul li {
    display: block;
}

#page-home .desktop-main-kutular .kutu .shares ul li a {
    display: block;
    text-decoration: none;
    color: #0a293c;
    background: #fff;
    border-radius: 500px;
    width: 40px;
    height: 40px;
    text-align: center;
    font-size: 21px;
    line-height: 40px;
    margin-bottom: 10px;
    transition: 0.2s;
}

#page-home .desktop-main-kutular .kutu .shares ul li a:hover {
    background: #ff0c4e;
    color: #fff;
}

#page-home .desktop-main-kutular .kutu.openshr .shares {
    transform: translateY(0%);
    opacity: 1;
    pointer-events: auto;
}

#page-home .desktop-main-kutular .kutu:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(0, 61, 79, 0) 5%, #002137 100%);
}

#page-home .desktop-main-kutular .kutuozel:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    pointer-events: none;
}

#page-home .mobil-main-kutular {
    display: none;
    margin: 0 -15px;
}

#page-home .main-kutular .mobile-hide {
    display: block !important;
    /*padding: 0 30px;*/
}

#page-home .main-kutular .desktop-hide {
    display: none !important;
    /*padding: 0 30px;*/
}

#page-haber-detay .mobile-hide {
    display: block !important;
    /*padding: 0 30px;*/
}

#page-haber-detay .desktop-hide {
    display: none !important;
    /*padding: 0 30px;*/
}


#page-home .mobil-main-kutular .kutu .social-media-share {
    position: absolute;
    bottom: 18px;
    right: 15px;
    z-index: 1;
}

#page-home .mobil-main-kutular .kutu .social-media-share ul li {
    display: inline-block;
    margin-left: 3px;
}

#page-home .mobil-main-kutular .kutu .social-media-share ul li a {
    display: block;
    color: #fff;
}

#page-home .mobil-main-kutular .kutu .social-media-share ul li a i {
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 500px;
    background: red;
    font-size: 18px;
    transition: 0.2s;
}

#page-home .mobil-main-kutular .kutu .social-media-share ul li a i.fa-facebook {
    background: #4064ad;
}

#page-home .mobil-main-kutular .kutu .social-media-share ul li a i.fa-twitter {
    background: #1c9deb;
}

#page-home .mobil-main-kutular .kutu .social-media-share ul li a i.fa-instagram {
    background: #7c42bd;
}

#page-home .mobil-main-kutular .kutu .social-media-share ul li a i.fa-whatsapp {
    background: #26cc46;
}

#page-home .mobil-main-kutular .kutu .social-media-share ul li a i.fa-linkedin {
    background: #23408f;
}

#page-home .mobil-main-kutular .kutu .social-media-share ul li a:hover i {
    background: #003e51;
}


#page-home .mobil-main-kutular .owl-stage-outer {
    padding-left: 15px;
}

#page-home .mobil-main-kutular .slide .kutu {
    height: 180px;
    width: 75vw;
    position: relative;
    overflow: hidden;
}

#page-home .mobil-main-kutular .slide .kutu img {
    height: 100%;
    width: 100%;
    display: block;
    object-fit: cover;
}

#page-home .mobil-main-kutular .slide .kutu .texts {
    z-index: 1;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding-left: 20px;
    padding-top: 0;
    max-width: 75%;
}

#page-home .mobil-main-kutular .slide .kutu .texts .tag {
    display: inline-block;
    font-size: 8px;
    color: #fff;
    background: #4ba100;
    border-radius: 5px;
    padding: 2px 10px;
    margin-bottom: 5px;
    text-transform: uppercase;
}

#page-home .mobil-main-kutular .slide .kutu .texts .tag a {
    text-decoration: none;
    color: inherit;
    display: block;
}

#page-home .mobil-main-kutular .slide .kutu .texts .tag.k1 {
    background: #4ba100;
}

#page-home .mobil-main-kutular .slide .kutu .texts .tag.k2 {
    background: red;
}

#page-home .mobil-main-kutular .slide .kutu .texts .tag.k3 {
    background: #d56b00;
}

#page-home .mobil-main-kutular .slide .kutu .texts .title {
    font-size: 26px;
    font-weight: 900;
    line-height: 30px;
}

#page-home .mobil-main-kutular .slide .kutu .texts .title a {
    text-decoration: none;
    color: inherit;
    display: block;
}

#page-home .mobil-main-kutular .slide .kutu .texts .dahafazla {
    margin-top: 10px;
}

#page-home .mobil-main-kutular .slide .kutu .texts .dahafazla .devamini {
    float: left;
}

#page-home .mobil-main-kutular .slide .kutu .texts .dahafazla .devamini a {
    display: inline-block;
    border: 1px solid #fff;
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    padding: 5px 10px;
    text-decoration: none;
    transition: 0.2s;
}

#page-home .mobil-main-kutular .slide .kutu .texts .dahafazla .devamini a:hover {
    background-color: #fff;
    color: #0a293c;
}

#page-home .mobil-main-kutular .slide .kutu .texts .dahafazla .iconlar {
    float: right;
}

#page-home .mobil-main-kutular .slide .kutu .texts .dahafazla .iconlar a {
    vertical-align: middle;
    width: 25px;
    height: 25px;
    display: inline-block;
    margin-left: 15px;
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
}

#page-home .mobil-main-kutular .slide .kutu .texts .dahafazla .iconlar a.play {
    background-image: url('../../img/play.png');
}

#page-home .mobil-main-kutular .slide .kutu .texts .dahafazla .iconlar a.share {
    background-image: url('../../img/share.svg');
}

#page-home .mobil-main-kutular .slide .kutu .shares {
    position: absolute;
    bottom: 0;
    right: 0;
    top: 0;
    transition: 0.3s;
    transform: translateY(100%);
    opacity: 0;
    pointer-events: none;
    padding: 30px;
    z-index: 1;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 5%, #ff0c4e 100%);
}

#page-home .mobil-main-kutular .slide .kutu .shares .cls {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    color: #fff;
    cursor: pointer;
    font-size: 45px;
    opacity: 0.8;
    font-weight: 300;
}

#page-home .mobil-main-kutular .slide .kutu .shares ul {
    position: absolute;
    bottom: 50px;
    left: 50%;
    transform: translateX(-50%);
}

#page-home .mobil-main-kutular .slide .kutu .shares ul li {
    display: block;
}

#page-home .mobil-main-kutular .slide .kutu .shares ul li a {
    display: block;
    text-decoration: none;
    color: #0a293c;
    background: #fff;
    border-radius: 500px;
    width: 25px;
    height: 25px;
    text-align: center;
    font-size: 13px;
    line-height: 25px;
    margin-bottom: 5px;
    transition: 0.2s;
}

#page-home .mobil-main-kutular .slide .kutu .shares ul li a:hover {
    background: #ff0c4e;
    color: #fff;
}

#page-home .mobil-main-kutular .slide .kutu.openshr .shares {
    transform: translateY(0%);
    opacity: 1;
    pointer-events: auto;
}

#page-home .mobil-main-kutular .slide .kutu:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(0, 61, 79, 0) 5%, #002137 100%);
}

#page-home .mobil-main-kutular .kutu .share {
    background-color: var(--btn-bg-red);
    border-radius: 30px;
    vertical-align: middle;
    display: inline-block;
    background-image: url(../../img/share.svg);
    background-size: 25px;
    background-position: 7px 8px;
    width: 43px;
    height: 43px;
    background-repeat: no-repeat;
    cursor: pointer;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 999;
}

#page-home .mobil-main-kutular .kutu .share ul {
    position: absolute;
    top: 2px;
    left: -111px;
    transform: translateY(100%);
    background: #04607d;
    text-align: center;
    padding: 10px 5px;
    width: 165px;
    transition: 0.2s;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
}

#page-home .mobil-main-kutular .kutu .share ul:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: -20px;
    width: 180px;
    height: 20px;
    transform: translateY(100%);
}

#page-home .mobil-main-kutular .kutu .share ul:after {
    content: '';
    position: absolute;
    top: 0;
    left: 122px;
    transform: translateY(-100%);
    width: 20px;
    height: 10px;
    -webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    background: #04607d;
}

#page-home .mobil-main-kutular .kutu .share ul li {
    display: inline-block;
}

#page-home .mobil-main-kutular .kutu .share ul li a {
    display: block;
}

#page-home .mobil-main-kutular .kutu .share ul li a i {
    color: #fff;
    border: 1px solid transparent;
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    display: inline-block;
    margin: 0 2px;
    border-radius: 500px;
    transition: 0.2s;
}

#page-home .mobil-main-kutular .kutu .share ul li a i.fa-facebook {
    background: #4064ad;
}

#page-home .mobil-main-kutular .kutu .share ul li a i.fa-twitter {
    background: #1c9deb;
}

#page-home .mobil-main-kutular .kutu .share ul li a i.fa-instagram {
    background: #7c42bd;
}

#page-home .mobil-main-kutular .kutu .share ul li a i.fa-whatsapp {
    background: #26cc46;
}

#page-home .mobil-main-kutular .kutu .share ul li a i.fa-linkedin {
    background: #23408f;
}

#page-home .mobil-main-kutular .kutu .share ul li a:hover i {
    color: #04607d;
    border-color: #fff;
    background: #fff;
}

#page-home .mobil-main-kutular .kutu .share:hover ul {
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
}


#page-home .mobil-programlar {
    display: none;
    padding: 15px 0;
}

#page-home .mobil-programlar .title {
    font-weight: 900;
    font-size: 20px;
    color: #d2d7dd;
    margin-bottom: 15px;
}

#page-home .mobil-main-kutular .title {
    font-weight: 900;
    font-size: 20px;
    color: #d2d7dd;
    margin-bottom: 15px;
    margin-left: 15px;
}

#page-home .mobil-programlar ul li a {
    position: relative;
    display: block;
    padding: 15px 20px;
    background: #003e51;
    font-size: 16px;
    font-weight: 700;
    color: #d2d7dd;
    margin-bottom: 10px;
    transition: 0.2s;
}

#page-home .mobil-programlar ul li a:after {
    content: '';
    background-image: url('../../img/play.svg');
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
}

#page-home .mobil-programlar ul li a:hover {
    background: #00acb2;
}

#page-home .desktop-programlar {
    padding: 1px 0;
}

#page-home .desktop-programlar .page-title {
    margin-bottom: 10px;
}

#page-home .desktop-main-kutular .page-title {
    margin-bottom: 10px;
}

#page-home .desktop-programlar .owl-carousel .owl-nav {
    margin: 25px 0;
}

#page-home .desktop-programlar .owl-carousel .owl-nav div {
    background: #0a293c;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    font-size: 36px;
}

#page-home .desktop-programlar .owl-carousel .owl-nav div:last-child {
    background: #003e51;
}

#page-home .desktop-programlar .owl-carousel .item .img {
    position: relative;
}

#page-home .desktop-programlar .owl-carousel .item .img img, #page-home .desktop-programlar .owl-carousel .item .img .coveredImg {
    width: 100%;
    height: 150px;
    object-fit: cover;
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 10px;
}

#page-home .desktop-programlar .owl-carousel .item .title {
    font-weight: 900;
    font-size: 25px;
    margin-bottom: 5px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    height: 32px;
}

#page-home .desktop-programlar .owl-carousel .item a {
    text-decoration: none;
    display: block;
    color: inherit;
}


#page-home .haberler {
    padding: 30px 0;
}

#page-home .haberler .page-title {
    margin-bottom: 15px;
}

#page-home .haberler .owl-carousel .owl-nav {
    margin: 25px 0;
}

#page-home .haberler .owl-carousel .owl-nav div {
    background: #0a293c;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    font-size: 36px;
}

#page-home .haberler .owl-carousel .owl-nav div:last-child {
    background: #003e51;
}


#page-home .editorum .owl-carousel .owl-nav {
    margin: 25px 0;
}

#page-home .editorum .owl-carousel .owl-nav div {
    background: #0a293c;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    font-size: 36px;
}

#page-home .editorum .owl-carousel .owl-nav div:last-child {
    background: #003e51;
}


#page-home .haberler .owl-carousel .item .img {
    position: relative;
}

#page-home .haberler .owl-carousel .item .img img, #page-home .haberler .owl-carousel .item .img .coveredImg {
    width: 100%;
    height: 150px;
    object-fit: cover;
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 10px;
}

#page-home .haberler .owl-carousel .item .img .socials {
    position: absolute;
    padding-right: 10px;
    right: 0;
    bottom: 10px;
}

#page-home .haberler .owl-carousel .item .img .socials a {
    display: inline-block;
    color: #fff;
    width: 40px;
    text-align: center;
    border-radius: 50%;
    height: 40px;
    font-size: 24px;
    line-height: 40px;
    margin-right: 3px;
    transition: 0.2s;
}

#page-home .haberler .owl-carousel .item .img .socials a.social-facebook {
    background: #4064ad;
}

#page-home .haberler .owl-carousel .item .img .socials a.social-twitter {
    background: #1c9deb;
}

#page-home .haberler .owl-carousel .item .img .socials a.social-instagram {
    background: #7c42bd;
}

#page-home .haberler .owl-carousel .item .img .socials a.social-whatsapp {
    background: #26cc46;
}

#page-home .haberler .owl-carousel .item .img .socials a:hover {
    background: #0a293c;
}

#page-home .haberler .owl-carousel .item .title {
    font-weight: 900;
    font-size: 25px;
    margin-bottom: 5px;
    display: -webkit-box;
    /*-webkit-line-clamp: 1;
        -webkit-box-orient: vertical;*/
    /*overflow: hidden;*/
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    line-height: 30px;
}

#page-home .haberler .owl-carousel .item .desc {
    font-size: 15px;
    color: #668b97;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    height: 70px;
}

#page-home .haberler .owl-carousel .item .date {
    color: #949697;
    font-size: 12px;
    margin-top: 5px;
}

#page-home .haberler .owl-carousel .item .date i {
    margin-right: 3px;
}

#page-home .haberler .owl-carousel .item a {
    text-decoration: none;
    display: block;
    color: inherit;
}

.page .kategori-slider .item .socials {
    position: absolute;
    padding-right: 10px;
    z-index: 1;
    top: 15px;
    right: 0;
}

.page .kategori-slider .item .socials a {
    display: inline-block;
    color: #fff;
    width: 40px;
    background: var(--btn-bg-red);
    text-align: center;
    border-radius: 50%;
    height: 40px;
    font-size: 24px;
    line-height: 40px;
    margin-right: 3px;
    transition: 0.2s;
}

.page .kategori-slider .item .socials a.social-facebook {
    background: #4064ad;
}

.page .kategori-slider .item .socials a.social-twitter {
    background: #1c9deb;
}

.page .kategori-slider .item .socials a.social-instagram {
    background: #7c42bd;
}

.page .kategori-slider .item .socials a.social-whatsapp {
    background: #26cc46;
}

.page .kategori-slider .item .socials a:hover {
    background: #0a293c;
}

#page-home .ikilikutu {
    margin: 30px 0;
}

#page-home .ikilikutu .row {
    margin: 0;
}

#page-home .ikilikutu .row .col-md-6 {
    padding: 0;
}

#page-home .ikilikutu .kutu {
    overflow: hidden;
    position: relative;
}

#page-home .ikilikutu .kutu img, #page-home .ikilikutu .kutu .coveredImg {
    width: 100%;
    height: 500px;
    object-fit: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom center;
    object-position: center bottom;
    transition: 0.5s;
}

#page-home .ikilikutu .kutu a {
    text-decoration: none;
    display: block;
    color: inherit;
}

#page-home .ikilikutu .kutu .title {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    text-align: center;
    font-size: 2vw;
    font-weight: 900;
    color: #fff;
    opacity: 0;
    transition: 0.5s;
}

#page-home .ikilikutu .kutu .title:before {
    background: rgba(0, 0, 0, 0.20);
    content: '';
    width: 32vw;
    height: 10vh;
    border: 1px solid #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    z-index: -1;
}

#page-home .ikilikutu .kutu:hover .title {
    opacity: 1;
}

#page-home .ikilikutu .kutu:hover img, #page-home .ikilikutu .kutu:hover .coveredImg {
    filter: blur(10px);
}

#page-home .dosyalar {
    padding: 30px 0;
    position: relative;
}

#page-home .dosyalar .title {
    font-weight: 900;
    color: #d2d7dd;
    font-size: 2rem;
    text-align: center;
    position: relative;
}

#page-home .dosyalar .title:after {
    content: '';
    display: block;
    width: 70px;
    height: 3px;
    background: #d2d7dd;
    margin: 10px auto;
}

#page-home .dosyalar .desc {
    font-size: 15px;
    color: #dfdfdf;
    text-align: center;
    margin-bottom: 30px;
}

#page-home .dosyalar:after {
    display: none;
    content: '';
    position: absolute;
    top: 50px;
    bottom: 10px;
    border: 1px solid #1a353f;
    border-right: 0;
    right: 0;
    width: 20vw;
    pointer-events: none;
}

#page-home .dosyalar:before {
    display: none;
    content: '';
    position: absolute;
    top: 100px;
    border: 1px solid #1a353f;
    left: 150px;
    width: 20vw;
    height: 10vh;
    pointer-events: none;
}

#page-home .dosyalar .owl-carousel .owl-nav div {
    background: #0a293c;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    font-size: 36px;
}

#page-home .dosyalar .owl-carousel .owl-nav div:last-child {
    background: #003e51;
}


#page-home .galeriler .owl-carousel .owl-nav .owl-next {
    background: #003e51;
}

#page-home .dosyalar .owl-carousel .item a {
    display: block;
    text-decoration: none;
    color: inherit;
}

#page-home .dosyalar .owl-carousel .item .img {
    position: relative;
}

#page-home .dosyalar .owl-carousel .item .img img, #page-home .dosyalar .owl-carousel .item .img .coveredImg {
    width: 100%;
    height: 250px;
    object-fit: cover;
    background-size: cover;
    background-repeat: no-repeat;
}

#page-home .dosyalar .owl-carousel .item .img:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: linear-gradient(180deg, rgba(0, 61, 79, 0) 5%, #002137 100%);
}

#page-home .dosyalar .owl-carousel .item .texts {
    padding: 0 20px;
    font-size: 30px;
    line-height: 30px;
    position: relative;
    padding-right: 40px;
    top: -80px;
    font-weight: 900;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    height: 85px;
    z-index: 1;
}

#page-home .dosyalar .owl-carousel .item .texts:before {
    width: 15px;
    height: 100px;
    background: var(--btn-bg-red);
    position: absolute;
    transform: translateX(calc(-100% - 15px));
}

#page-home .galeriler {
    position: relative;
    background: var(--bg-dark);
    padding: 0 0 12px 0;
}

#page-home .galeriler .title {
    font-weight: 900;
    color: #d2d7dd;
    font-size: 30px;
    text-align: center;
    position: relative;
}

#page-home .galeriler .title:after {
    content: '';
    display: block;
    width: 70px;
    height: 3px;
    background: #d2d7dd;
    margin: 10px auto;
}

#page-home .galeriler .desc {
    font-size: 15px;
    color: #dfdfdf;
    text-align: center;
    margin-bottom: 30px;
}

#page-home .galeriler:after {
    display: none;
    content: '';
    position: absolute;
    top: 50px;
    bottom: 10px;
    border: 1px solid #1a353f;
    border-right: 0;
    right: 0;
    width: 20vw;
    pointer-events: none;
}

#page-home .galeriler:before {
    display: none;
    content: '';
    position: absolute;
    top: 100px;
    border: 1px solid #1a353f;
    left: 150px;
    width: 20vw;
    height: 10vh;
    pointer-events: none;
}

#page-home .galeriler .owl-carousel .owl-nav div {
    background: #0a293c;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    font-size: 36px;
    margin-top: 8px;
}

#page-home .galeriler .owl-carousel .owl-nav div:last-child {
    background: #003e51;
}

#page-home .galeriler .owl-carousel .item a {
    display: block;
    text-decoration: none;
    color: inherit;
    height: 100%;
}

#page-home .galeriler .owl-carousel .item .img {
    position: relative;
    height: 564px;
    padding-top: 38px;
    padding-bottom: 51px;
}

#page-home .galeriler .owl-carousel .item .img img, #page-home .galeriler .owl-carousel .item .img .coveredImg {
    width: 100%;
    height: 100%;
    object-fit: cover;
    background-size: cover;
    background-repeat: no-repeat;
}

#page-home .galeriler .owl-carousel .item .img:after {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: linear-gradient(180deg, rgba(0, 61, 79, 0) 5%, #002137 100%);
}

#page-home .galeriler .owl-carousel .item .texts {
    padding: 0 20px;
    font-size: 30px;
    line-height: 40px;
    position: relative;
    padding-right: 40px;
    top: -100px;
    font-weight: 900;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    height: 85px;
}

#page-home .galeriler .owl-carousel .item .texts:before {
    width: 15px;
    height: 100px;
    background: var(--btn-bg-red);
    position: absolute;
    transform: translateX(calc(-100% - 15px));
}

#page-home .videolar {
    padding: 10px 0;
    position: relative;
    overflow: hidden;
}

#page-home .videolar .title {
    font-weight: 900;
    color: #d2d7dd;
    font-size: 30px;
    text-align: center;
    position: relative;
}

#page-home .videolar .title:after {
    content: '';
    display: block;
    width: 70px;
    height: 3px;
    background: #d2d7dd;
    margin: 10px auto;
}

#page-home .videolar .desc {
    font-size: 15px;
    color: #dfdfdf;
    text-align: center;
    margin-bottom: 30px;
}

#page-home .videolar .videolar-kutu {
    margin: 230px 0;
}

#page-home .videolar .videolar-kutu .kutu {
    position: relative;
    text-align: center;
}

#page-home .videolar .videolar-kutu .kutu .tasiyici {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    background: #003e51;
    pointer-events: none;
}

#page-home .videolar .videolar-kutu .kutu .tasiyici:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    z-index: 3;
}

#page-home .videolar .videolar-kutu .kutu .tasiyici .video-box {
    width: 100%;
    height: 100%;
}

#page-home .videolar .videolar-kutu .kutu.k3 {
    z-index: 5;
}

#page-home .videolar .videolar-kutu .kutu.k3 .tasiyici {
    pointer-events: auto;
    width: 640px;
    height: 360px;
}

#page-home .videolar .videolar-kutu .kutu.k3 .tasiyici:after {
    pointer-events: none;
    opacity: 0;
}

.page .tasiyici {
    pointer-events: auto;
    width: 640px;
    /*min-height: 360px;*/
}


#page-home .videolar .videolar-kutu .kutu.k2, #page-home .videolar .videolar-kutu .kutu.k4 {
    z-index: 4;
}

#page-home .videolar .videolar-kutu .kutu.k2 .tasiyici, #page-home .videolar .videolar-kutu .kutu.k4 .tasiyici {
    width: 500px;
    height: 300px;
}

#page-home .videolar .videolar-kutu .kutu.k2 .tasiyici:after, #page-home .videolar .videolar-kutu .kutu.k4 .tasiyici:after {
    opacity: 0.8;
}

#page-home .videolar .videolar-kutu .kutu.k1, #page-home .videolar .videolar-kutu .kutu.k5 {
    opacity: 0;
    z-index: 3;
}

#page-home .videolar .videolar-kutu .kutu.k1 .tasiyici, #page-home .videolar .videolar-kutu .kutu.k5 .tasiyici {
    width: 500px;
    height: 200px;
}

#page-home .videolar .videolar-kutu .kutu.k1 .tasiyici .video-box .bottom-bar .baslik, #page-home .videolar .videolar-kutu .kutu.k5 .tasiyici .video-box .bottom-bar .baslik {
    top: -33px;
    font-size: 20px;
}

#page-home .videolar .videolar-kutu .kutu.k1 .tasiyici .video-box .playbtn, #page-home .videolar .videolar-kutu .kutu.k5 .tasiyici .video-box .playbtn {
    width: 55px;
    height: 55px;
}

#page-home .videolar .videolar-kutu .kutu.k1 .tasiyici:after, #page-home .videolar .videolar-kutu .kutu.k5 .tasiyici:after {
    opacity: 0.9;
}


#page-home .videolar .ilerigeri {
    text-align: center;
}

#page-home .videolar .ilerigeri div {
    cursor: pointer;
    background: #0a293c;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    font-size: 36px;
    opacity: 1;
    transition: 0.2s;
    display: inline-block;
}

#page-home .videolar .ilerigeri div:last-child {
    background: #003e51;
    margin-left: -5px;
}

#page-home .videolar .ilerigeri div:hover {
    opacity: 0.7;
}

#page-programlar .programlar .program {
    position: relative;
    margin-bottom: 60px;
}

#page-programlar .programlar .program .img img, #page-programlar .programlar .program .img .coveredImg {
    width: 100%;
    height: 150px;
    object-fit: cover;
    background-size: cover;
    background-repeat: no-repeat;
}

#page-programlar .programlar .program .title {
    position: relative;
    font-size: 20px;
    margin: 0;
    padding-left: 50px;
    padding-top: 10px;
    font-weight: 900;
}

#page-programlar .programlar .program .title:after {
    content: '';
    width: 15px;
    height: 95px;
    background: var(--btn-bg-red);
    display: block;
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
}

#page-programlar .programlar .program a {
    text-decoration: none;
    color: inherit;
    display: block;
}


#page-programlar-alt .kutular .kutu .share {
    vertical-align: middle;
    display: inline-block;
    background-image: url('../../img/share.svg');
    background-repeat: no-repeat;
    cursor: pointer;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 10;
    background-color: var(--btn-bg-red);
    border-radius: 30px;
    background-size: 25px;
    background-position: 7px 8px;
    width: 43px;
    height: 43px;
}

#page-programlar-alt .kutular .kutu .share ul {
    position: absolute;
    top: -10px;
    left: -90px;
    transform: translateY(-100%);
    background: #04607d;
    text-align: center;
    padding: 10px 5px;
    width: 165px;
    transition: 0.2s;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
}

#page-programlar-alt .kutular .kutu .share ul:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: -20px;
    width: 180px;
    height: 20px;
    transform: translateY(100%);
}

#page-programlar-alt .kutular .kutu .share ul:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 100px;
    transform: translateY(100%);
    width: 20px;
    height: 10px;
    -webkit-clip-path: polygon(50% 100%, 0 0, 100% 0);
    clip-path: polygon(50% 100%, 0 0, 100% 0);
    background: #04607d;
}

#page-programlar-alt .kutular .kutu .share ul li {
    display: inline-block;
}

#page-programlar-alt .kutular .kutu .share ul li a {
    display: block;
}

#page-programlar-alt .kutular .kutu .share ul li a i {
    color: #fff;
    border: 1px solid transparent;
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    display: inline-block;
    margin: 0 2px;
    border-radius: 500px;
    transition: 0.2s;
}

#page-programlar-alt .kutular .kutu .share ul li a i.fa-facebook {
    background: #4064ad;
}

#page-programlar-alt .kutular .kutu .share ul li a i.fa-twitter {
    background: #1c9deb;
}

#page-programlar-alt .kutular .kutu .share ul li a i.fa-instagram {
    background: #7c42bd;
}

#page-programlar-alt .kutular .kutu .share ul li a i.fa-whatsapp {
    background: #26cc46;
}

#page-programlar-alt .kutular .kutu .share ul li a i.fa-linkedin {
    background: #23408f;
}

#page-programlar-alt .kutular .kutu .share ul li a:hover i {
    color: #04607d;
    border-color: #fff;
    background: #fff;
}

#page-programlar-alt .kutular .kutu .share:hover ul {
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
}

#page-programlar-alt .kutular .prg-detay {
    margin: 40px;
}

#page-programlar-alt .kutular .prg-detay .share {
    margin: 10px 10px;
    vertical-align: middle;
    display: inline-block;
    background-image: url('../../img/share.svg');
    background-size: contain;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    cursor: pointer;
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 10;
}

#page-programlar-alt .kutular .prg-detay .share ul {
    position: absolute;
    top: -10px;
    left: -40px;
    transform: translateY(-100%);
    background: #04607d;
    text-align: center;
    padding: 10px 5px;
    width: 165px;
    transition: 0.2s;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
}

#page-programlar-alt .kutular .prg-detay .share ul:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: -20px;
    width: 180px;
    height: 20px;
    transform: translateY(100%);
}

#page-programlar-alt .kutular .prg-detay .share ul:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 40px;
    transform: translateY(100%);
    width: 20px;
    height: 10px;
    -webkit-clip-path: polygon(50% 100%, 0 0, 100% 0);
    clip-path: polygon(50% 100%, 0 0, 100% 0);
    background: #04607d;
}

#page-programlar-alt .kutular .prg-detay .share ul li {
    display: inline-block;
}

#page-programlar-alt .kutular .prg-detay .share ul li a {
    display: block;
}

#page-programlar-alt .kutular .prg-detay .share ul li a i {
    color: #fff;
    border: 1px solid transparent;
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    display: inline-block;
    margin: 0 2px;
    border-radius: 500px;
    transition: 0.2s;
}

#page-programlar-alt .kutular .prg-detay .share ul li a i.fa-facebook {
    background: #4064ad;
}

#page-programlar-alt .kutular .prg-detay .share ul li a i.fa-twitter {
    background: #1c9deb;
}

#page-programlar-alt .kutular .prg-detay .share ul li a i.fa-instagram {
    background: #7c42bd;
}

#page-programlar-alt .kutular .prg-detay .share ul li a i.fa-whatsapp {
    background: #26cc46;
}

#page-programlar-alt .kutular .prg-detay .share ul li a i.fa-linkedin {
    background: #23408f;
}

#page-programlar-alt .kutular .prg-detay .share ul li a:hover i {
    color: #04607d;
    border-color: #fff;
    background: #fff;
}

#page-programlar-alt .kutular .prg-detay .share:hover ul {
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
}

#page-programlar-alt .playlist {
    margin-top: 50px;
}

#page-programlar-alt .playlist .title {
    font-size: 20px;
    margin-bottom: 10px;
}

#page-programlar-alt .kutular .onerilen-videolar {
    height: 350px;
    position: relative;
    margin-top: 40px;
}

#page-programlar-alt .kutular .onerilen-videolar .title {
    font-size: 20px;
    margin-bottom: 20px;
    color: #fff;
}

#page-programlar-alt .kutular .onerilen-videolar .slide-videos .video-box {
    height: 275px;
}

#page-programlar-alt .kutular .onerilen-videolar .slide-videos .owl-nav {
    position: absolute;
    top: -15px;
    right: 0;
    transform: translateY(-100%);
}

#page-programlar-alt .kutular .onerilen-videolar .slide-videos .owl-nav div {
    background: #0a293c;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    font-size: 36px;
}

#page-programlar-alt .kutular .onerilen-videolar .slide-videos .owl-nav div:last-child {
    background: #003e51;
}

#page-programlar-alt .kutular .detay-img img {
    width: 100%;
    height: 320px;
    object-fit: cover;
    filter: brightness(0.5);
}

#page-programlar-alt .kutular .detay-img .share {
    vertical-align: middle;
    display: inline-block;
    background-image: url('../../img/share.svg');
    background-repeat: no-repeat;
    cursor: pointer;
    position: absolute;
    top: 10px;
    right: 20px;
    z-index: 10;
    background-color: var(--btn-bg-red);
    border-radius: 30px;
    background-size: 25px;
    background-position: 7px 8px;
    width: 43px;
    height: 43px;
}

#page-programlar-alt .kutular .detay-img .share ul {
    position: absolute;
    top: -10px;
    left: -90px;
    transform: translateY(-100%);
    background: #04607d;
    text-align: center;
    padding: 10px 5px;
    width: 160px;
    transition: 0.2s;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
}

#page-programlar-alt .kutular .detay-img .share ul:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: -20px;
    width: 180px;
    height: 20px;
    transform: translateY(100%);
}

#page-programlar-alt .kutular .detay-img .share ul:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 100px;
    transform: translateY(100%);
    width: 20px;
    height: 10px;
    -webkit-clip-path: polygon(50% 100%, 0 0, 100% 0);
    clip-path: polygon(50% 100%, 0 0, 100% 0);
    background: #04607d;
}

#page-programlar-alt .kutular .detay-img .share ul li {
    display: inline-block;
}

#page-programlar-alt .kutular .detay-img .share ul li a {
    display: block;
}

#page-programlar-alt .kutular .detay-img .share ul li a i {
    color: #fff;
    border: 1px solid transparent;
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    display: inline-block;
    margin: 0 2px;
    border-radius: 500px;
    transition: 0.2s;
}

#page-programlar-alt .kutular .detay-img .share ul li a i.fa-facebook {
    background: #4064ad;
}

#page-programlar-alt .kutular .detay-img .share ul li a i.fa-twitter {
    background: #1c9deb;
}

#page-programlar-alt .kutular .detay-img .share ul li a i.fa-instagram {
    background: #7c42bd;
}

#page-programlar-alt .kutular .detay-img .share ul li a i.fa-whatsapp {
    background: #26cc46;
}

#page-programlar-alt .kutular .detay-img .share ul li a i.fa-linkedin {
    background: #23408f;
}

#page-programlar-alt .kutular .detay-img .share ul li a:hover i {
    color: #04607d;
    border-color: #fff;
    background: #fff;
}

#page-programlar-alt .kutular .detay-img .share:hover ul {
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
}

#page-akrayadestek .contentarea .share {
    vertical-align: middle;
    display: inline-block;
    background-image: url('../../img/share.svg');
    background-size: contain;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    cursor: pointer;
    position: relative;
    z-index: 10;
}

#page-akrayadestek .contentarea .share ul {
    position: absolute;
    top: -10px;
    left: -90px;
    transform: translateY(-100%);
    background: #04607d;
    text-align: center;
    padding: 10px 5px;
    width: 165px;
    transition: 0.2s;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
}

#page-akrayadestek .contentarea .share ul:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: -20px;
    width: 180px;
    height: 20px;
    transform: translateY(100%);
}

#page-akrayadestek .contentarea .share ul:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 100px;
    transform: translateY(100%);
    width: 20px;
    height: 10px;
    -webkit-clip-path: polygon(50% 100%, 0 0, 100% 0);
    clip-path: polygon(50% 100%, 0 0, 100% 0);
    background: #04607d;
}

#page-akrayadestek .contentarea .share ul li {
    display: inline-block;
}

#page-akrayadestek .contentarea .share ul li a {
    display: block;
}

#page-akrayadestek .contentarea .share ul li a i {
    color: #fff;
    border: 1px solid transparent;
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    display: inline-block;
    margin: 0 2px;
    border-radius: 500px;
    transition: 0.2s;
}

#page-akrayadestek .contentarea .share ul li a i.fa-facebook {
    background: #4064ad;
}

#page-akrayadestek .contentarea .share ul li a i.fa-twitter {
    background: #1c9deb;
}

#page-akrayadestek .contentarea .share ul li a i.fa-instagram {
    background: #7c42bd;
}

#page-akrayadestek .contentarea .share ul li a i.fa-whatsapp {
    background: #26cc46;
}

#page-akrayadestek .contentarea .share ul li a i.fa-linkedin {
    background: #23408f;
}

#page-akrayadestek .contentarea .share ul li a:hover i {
    color: #04607d;
    border-color: #fff;
    background: #fff;
}

#page-akrayadestek .contentarea .share:hover ul {
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
}

#page-akrayadestek .contentarea .desc {
    margin-left: 50px;
}

#page-programlar-alt .kutular .detay-icerik .ust {
    font-size: 25px;
    margin-bottom: 10px;
}

#page-programlar-alt .kutular .detay-icerik .alt {
    font-size: 18px;
    color: #d5d5d5;
}

#page-programlar-alt .kutular .kutu {
    background: #13537a;
    position: relative;
    width: 100%;
    height: 200px;
    margin-bottom: 25px;
}

#page-programlar-alt .kutular .kutu a {
    width: 100%;
    height: 100%;
    position: relative;
    text-decoration: none;
    color: #fff;
    display: block;
}

#page-programlar-alt .kutular .kutu a .texts {
    z-index: 1;
    position: absolute;
    bottom: 30px;
    left: 40px;
}

#page-programlar-alt .kutular .kutu a .texts p {
    margin: 0;
    font-size: 20px;
}

#page-programlar-alt .kutular .kutu a .texts p:first-child {
    font-weight: 900;
    margin-bottom: 5px;
}

#page-programlar-alt .kutular .kutu a .texts:after {
    display: none;
    content: '\f105';
    font-family: FontAwesome;
    position: absolute;
    right: -45px;
    bottom: 0;
    font-size: 35px;
    line-height: 35px;
}

#page-programlar-alt .kutular .kutu.uzun {
    height: 425px;
    background: #00acb2;
}

#page-programlar-alt .kutular .kutu.bordered {
    border: 2px solid #fff;
    background: transparent;
    background-repeat: no-repeat;
    background-size: cover;
}

#page-programlar-alt .kutular .kutu.resimli {
    position: relative;
    border: 1px solid #fff;
    background: transparent;
    background-repeat: no-repeat;
    background-size: cover !important;
    background-position: center center !important;
}

#page-programlar-alt .kutular .kutu.resimli:after {
    content: '';
    position: absolute;
    pointer-events: none;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(0, 61, 79, 0) 5%, #002137 100%);
}

#page-programlar-alt .kutular .kutu.pembe {
    background: #e10589;
}

#page-programlar-alt .kutular .kutu.mor {
    background: #7100f1;
}

#page-programlar-alt .kutular .sidebar .title {
    background: #fff;
    color: #0a293c;
    font-weight: bold;
    padding: 15px 20px;
    text-align: center;
    font-size: 14px;
    margin-bottom: 10px;
}

#page-programlar-alt .kutular .sidebar .title img {
    vertical-align: bottom;
    display: inline-block;
    width: 25px;
    height: 25px;
    margin-right: 5px;
    object-fit: contain;
    pointer-events: none;
}

#page-programlar-alt .kutular .sidebar ul li {
    display: block;
    margin-bottom: 10px;
}

#page-programlar-alt .kutular .sidebar ul li a {
    display: block;
    border: 0.5px solid #fff;
    padding: 10px 35px;
    color: inherit;
    transition: 0.2s;
    position: relative;
}

#page-programlar-alt .kutular .sidebar ul li a p {
    margin: 0;
}

#page-programlar-alt .kutular .sidebar ul li a p:first-child {
    font-weight: 900;
}

#page-programlar-alt .kutular .sidebar ul li a:hover {
    background: #114564;
}

#page-programlar-alt .kutular .sidebar ul li a:after {
    content: '\f105';
    font-family: FontAwesome;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 30px;
}

#page-programlar-alt .kutular .sidebar ul.sizin-icin, #page-programlar-alt .kutular .sidebar ul.son-dinlenen {
    margin-bottom: 40px;
}


#page-programlar-alt .kutular .sidebar .sonraki, #page-programlar-alt .kutular .sidebar .onceki, #page-programlar-alt .kutular .sidebar .encok {
    margin-bottom: 20px;
}

#page-programlar-alt .kutular .sidebar .sonraki.resimli a, #page-programlar-alt .kutular .sidebar .onceki.resimli a, #page-programlar-alt .kutular .sidebar .encok.resimli a {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

#page-programlar-alt .kutular .sidebar .sonraki.resimli a:before, #page-programlar-alt .kutular .sidebar .onceki.resimli a:before, #page-programlar-alt .kutular .sidebar .encok.resimli a:before {
    content: '';
    position: absolute;
    pointer-events: none;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(0, 61, 79, 0) 5%, #002137 100%);
}

#page-programlar-alt .kutular .sidebar .sonraki b, #page-programlar-alt .kutular .sidebar .onceki b, #page-programlar-alt .kutular .sidebar .encok b {
    font-size: 15px;
    color: #6fa3b4;
    display: block;
    text-align: right;
    margin-bottom: 5px;
    position: relative;
    z-index: 1;
}

#page-programlar-alt .kutular .sidebar .sonraki a, #page-programlar-alt .kutular .sidebar .onceki a, #page-programlar-alt .kutular .sidebar .encok a {
    position: relative;
    transition: 0.2s;
    text-decoration: none;
    background: #00607e;
    padding: 20px 25px;
    display: block;
    font-size: 24px;
}

#page-programlar-alt .kutular .sidebar .sonraki a p, #page-programlar-alt .kutular .sidebar .onceki a p, #page-programlar-alt .kutular .sidebar .encok a p {
    margin: 0;
    color: #fff;
    font-weight: 900;
    position: relative;
    z-index: 1;
}

#page-programlar-alt .kutular .sidebar .sonraki a p:last-child, #page-programlar-alt .kutular .sidebar .onceki a p:last-child, #page-programlar-alt .kutular .sidebar .encok a p:last-child {
    font-weight: normal;
}

#page-programlar-alt .kutular .sidebar .sonraki a:hover:after, #page-programlar-alt .kutular .sidebar .onceki a:hover:after, #page-programlar-alt .kutular .sidebar .encok a:hover:after {
    transform: translateY(-50%) scale(1.2);
}

#page-programlar-alt .kutular .sidebar .sonraki a:after, #page-programlar-alt .kutular .sidebar .onceki a:after, #page-programlar-alt .kutular .sidebar .encok a:after {
    content: '\f105';
    transition: 0.2s;
    font-family: FontAwesome;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
    color: #d2d7dd;
    font-size: 35px;
}


#page-programlar-alt .kutular .sidebar .onceki a:after, #page-programlar-alt .kutular .sidebar .encok a:after {
    content: '\f105';
    transition: 0.2s;
    font-family: FontAwesome;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
    color: #d2d7dd;
    font-size: 35px;
}


#page-programlar-alt .kutular .sidebar .onceki a {
    text-align: right;
}

#page-programlar-alt .kutular .sidebar .onceki a:after {
    content: '\f104';
    left: 20px;
    right: auto;
}

#page-programlar-alt .kutular .sidebar .encok a {
    background: #00607e;
    border: 0;
}


#page-programlar-alt .kutular .sidebar .fikrini a {
    display: block;
    background: #ff8419;
    text-align: center;
    color: #fff;
    padding: 15px 0;
    font-weight: 900;
    font-size: 17px;
    transition: 0.2s;
    text-decoration: none;
    background-image: url('../../img/fikrini.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

#page-programlar-alt .kutular .sidebar .fikrini a:hover {
    background: #fff;
    color: #ff8419;
}

#page-hakkimizda .hakkimizda {
    text-align: center;
}

#page-hakkimizda .hakkimizda .title {
    font-size: 35px;
    font-weight: 900;
    text-align: center;
    margin-bottom: 30px;
}

#page-hakkimizda .hakkimizda p {
    line-height: 29px;
    max-width: 740px;
    margin: 10px auto;
}

#page-hakkimizda .hakkimizda img {
    max-width: 100%;
}

#page-ilkeler .icerik {
    text-align: center;
}

#page-ilkeler .icerik .title {
    font-size: 35px;
    font-weight: 900;
    text-align: center;
    margin-bottom: 15px;
}

#page-ilkeler .icerik .title2 {
    margin-top: 40px;
    font-weight: 900;
    text-align: center;
    color: #668b97;
    font-size: 25px;
}

#page-ilkeler .icerik p {
    line-height: 29px;
    max-width: 940px;
    margin: 20px auto;
    margin-top: 5px;
}

#page-ilkeler .icerik img {
    max-width: 100%;
}

#page-giris .title {
    text-transform: uppercase;
    color: #d2d7dd;
    font-size: 30px;
    margin-top: 50px;
    font-weight: 900;
    text-align: center;
}

#page-giris .form {
    width: 700px;
    max-width: 90%;
    margin: 10px auto;
    padding-bottom: 110px;
}

#page-iletisim .area {
    /*width: 900px;*/
    max-width: 100%;
    /*margin: 30px auto;*/
}

#page-iletisim .area .title {
    font-family: 'Roboto';
    color: #FFFFFF;
    font-size: 40px;
    font-weight: 900;
    margin-bottom: 20px;
    margin-top: 20px;
}

#page-iletisim .area .form {
    margin-top: 0;
    margin-bottom: 200px;
}

#page-iletisim .area .form button {
    margin-top: 20px;
}

#page-iletisim .area .form textarea {
    padding: 15px;
    height: 100px;
}

#page-iletisim .area .address .name {
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 5px;
}

#page-iletisim .area .address .desc {
    margin-bottom: 20px;
}

#page-iletisim .area .address .desc a {
    color: inherit;
    display: inline-block;
}

#page-iletisim .area #map {
    width: 100%;
    border: 0;
    height: 330px;
}

#page-haberler .main-slider {
    margin-bottom: 25px;
}

#page-haberler .main-slider .owl-carousel {
    position: relative;
}

#page-haberler .main-slider .owl-carousel .item {
    position: relative;
}

#page-haberler .main-slider .owl-carousel .item a {
    text-decoration: none;
    color: inherit;
    display: block;
}

#page-haberler .main-slider .owl-carousel .item img, #page-haberler .main-slider .owl-carousel .item .coveredImg {
    width: 100%;
    height: 450px;
    object-fit: cover;
    background-size: cover;
    background-repeat: no-repeat;
}

#page-haberler .main-slider .owl-carousel .item .title {
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 1270px;
    padding: 0 70px;
    padding-bottom: 40px;
}

#page-haberler .main-slider .owl-carousel .item .title b {
    font-size: 25px;
    font-weight: 900;
    margin-bottom: 5px;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.54);
    display: block;
}

#page-haberler .main-slider .owl-carousel .item .title .desc {
    font-size: 20px;
    color: #d5d5d5;
    width: 450px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    height: 88px;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.54);
}

#page-haberler .main-slider .owl-carousel .item .title .date {
    color: #d5d5d5;
    font-size: 12px;
    margin-top: 20px;
}

#page-haberler .main-slider .owl-carousel .item .title .iconlar {
    margin-bottom: 10px;
}

#page-haberler .main-slider .owl-carousel .item .title .iconlar span {
    vertical-align: middle;
    width: 50px;
    height: 50px;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
}

#page-haberler .main-slider .owl-carousel .item .title .iconlar span.play {
    background-image: url('../../img/play.svg');
}

#page-haberler .main-slider .owl-carousel .item .title .tag span {
    background: #5501ff;
    color: #fff;
    padding: 5px 15px;
    display: inline-block;
    margin-bottom: 50px;
}

#page-haberler .main-slider .owl-carousel .item:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(180deg, rgba(0, 61, 79, 0) 5%, #002137 100%);
    pointer-events: none;
}

#page-haberler .main-slider .owl-carousel .item .social-media-share {
    position: absolute;
    top: 20px;
    right: 45px;
    z-index: 2;
}

#page-haberler .main-slider .owl-carousel .item .social-media-share ul li {
    display: inline-block;
    margin-left: 3px;
}

#page-haberler .main-slider .owl-carousel .item .social-media-share ul li a {
    display: block;
    color: #fff;
}

#page-haberler .main-slider .owl-carousel .item .social-media-share ul li a i {
    display: block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 500px;
    background: red;
    font-size: 26px;
    transition: 0.2s;
}

#page-haberler .main-slider .owl-carousel .item .social-media-share ul li a i.fa-facebook {
    background: #4064ad;
}

#page-haberler .main-slider .owl-carousel .item .social-media-share ul li a i.fa-twitter {
    background: #1c9deb;
}

#page-haberler .main-slider .owl-carousel .item .social-media-share ul li a i.fa-instagram {
    background: #7c42bd;
}

#page-haberler .main-slider .owl-carousel .item .social-media-share ul li a i.fa-whatsapp {
    background: #26cc46;
}

#page-haberler .main-slider .owl-carousel .item .social-media-share ul li a i.fa-linkedin {
    background: #23408f;
}

#page-haberler .main-slider .owl-carousel .item .social-media-share ul li a:hover i {
    background: #003e51;
}


#page-haberler .main-slider .owl-carousel .owl-dots {
    position: absolute;
    bottom: 15px;
    left: 50%;
    width: 1270px;
    transform: translateX(-50%);
    padding: 0 15px;
    text-align: right;
}

#page-haberler .main-slider .owl-carousel .owl-nav {
    position: absolute;
    left: 50%;
    width: 1270px;
    transform: translateX(-50%) translateY(-50%);
    padding: 0 15px;
    top: 50%;
    pointer-events: none;
    font-size: 75px;
}

#page-haberler .main-slider .owl-carousel .owl-nav .owl-prev {
    float: left;
}

#page-haberler .main-slider .owl-carousel .owl-nav .owl-next {
    float: right;
}

#page-haberler .kategoriler {
    text-align: center;
    margin-bottom: 20px;
}

#page-haberler .kategoriler ul li {
    display: inline-block;
    margin: 0 15px;
    font-weight: 900;
}

#page-haberler .kategoriler ul li a {
    display: block;
    color: #a4c0c9;
    font-size: 20px;
    padding-bottom: 5px;
}

#page-haberler .kategoriler ul li.active a {
    color: #fff;
    border-bottom: 1px solid #fff;
}

#page-haberler .kutular .encokokunanlar .title {
    color: #d2d7dd;
    font-size: 14px;
    margin-bottom: 15px;
    font-weight: 900;
    padding-bottom: 5px;
    border-bottom: 6px solid #d2d7dd;
}

#page-haberler .kutular .encokokunanlar ul li {
    position: relative;
    border-bottom: 1px solid #1a3b46;
    padding: 11.4px 0;
    padding-left: 30px;
}

#page-haberler .kutular .encokokunanlar ul li a {
    text-decoration: none;
    display: block;
    color: inherit;
}

#page-haberler .kutular .encokokunanlar ul li span {
    position: absolute;
    top: 50%;
    left: 0;
    color: #92a0a7;
    font-size: 14px;
    font-weight: 900;
    transform: translateY(-50%);
}

#page-haberler .kutular .encokokunanlar ul li .name {
    font-weight: 900;
    font-size: 15px;
    color: #d2d7dd;
    margin-bottom: 2px;
}

#page-haberler .kutular .encokokunanlar ul li .desc {
    font-size: 15px;
    color: #668b97;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    height: 45px;
}

#page-haber-detay .haber-head {
    position: relative;
    background-repeat: no-repeat;
    background-size: cover !important;
    background-position: center center !important;
    height: 410px;
}


#page-haber-detay .haber-head-eskiresim {
    position: relative;
    background-repeat: no-repeat;
    /*background-size: cover !important;*/
    background-position: center center !important;
    height: 370px;
}

#page-haber-detay .haber-head-eskiresim img, #page-haber-detay .haber-head-eskiresim .coveredImg {
    width: 100%;
    height: 370px;
    background-size: cover;
    background-repeat: no-repeat;
    display: block;
    margin-bottom: 15px;
    object-position: center;
}

#page-haber-detay .haber-head-eskiresim:after {
    content: '';
    display: block;
    position: absolute;
    top: 100px;
    left: 0;
    bottom: 0;
    right: 0;
    background: linear-gradient(180deg, rgba(0, 61, 79, 0) 5%, #002137 100%);
    pointer-events: none;
}

#page-haber-detay .haber-head-eskiresim .title {
    position: absolute;
    bottom: 15px;
    left: 25px;
    font-weight: 900;
    font-size: 30px;
    color: #fff;
    z-index: 1;
}


#page-haber-detay .haber-head img, #page-haber-detay .haber-head .coveredImg {
    width: 100%;
    height: 370px;
    background-size: cover;
    background-repeat: no-repeat;
    display: block;
    margin-bottom: 15px;
    object-position: center;
}

#page-haber-detay .haber-head:after {
    display: block;
    position: absolute;
    top: 100px;
    left: 0;
    bottom: 0;
    right: 0;
    background: linear-gradient(180deg, rgba(0, 61, 79, 0) 5%, #002137 100%);
    pointer-events: none;
}

#page-haber-detay .haber-head .title {
    position: absolute;
    bottom: 15px;
    left: 25px;
    font-weight: 900;
    font-size: 30px;
    color: #fff;
    z-index: 1;
}

#page-haber-detay .share {
    vertical-align: middle;
    display: inline-block;
    background-image: url('../../img/share.svg');
    background-repeat: no-repeat;
    cursor: pointer;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 10;
    background-color: var(--btn-bg-red);
    border-radius: 30px;
    background-size: 25px;
    background-position: 7px 8px;
    width: 43px;
    height: 43px;
}

#page-haber-detay .share ul {
    position: absolute;
    top: -10px;
    left: -90px;
    transform: translateY(-100%);
    background: #04607d;
    text-align: center;
    padding: 10px 5px;
    width: 160px;
    transition: 0.2s;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
}

#page-haber-detay .share ul:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: -20px;
    width: 180px;
    height: 20px;
    transform: translateY(100%);
}

#page-haber-detay .share ul:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 100px;
    transform: translateY(100%);
    width: 20px;
    height: 10px;
    -webkit-clip-path: polygon(50% 100%, 0 0, 100% 0);
    clip-path: polygon(50% 100%, 0 0, 100% 0);
    background: #04607d;
}

#page-haber-detay .share ul li {
    display: inline-block;
}

#page-haber-detay .share ul li a {
    display: block;
}

#page-haber-detay .share ul li a i {
    color: #fff;
    border: 1px solid transparent;
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    display: inline-block;
    margin: 0 2px;
    border-radius: 500px;
    transition: 0.2s;
}

#page-haber-detay .share ul li a i.fa-facebook {
    background: #4064ad;
}

#page-haber-detay .share ul li a i.fa-twitter {
    background: #1c9deb;
}

#page-haber-detay .share ul li a i.fa-instagram {
    background: #7c42bd;
}

#page-haber-detay .share ul li a i.fa-whatsapp {
    background: #26cc46;
}

#page-haber-detay .share ul li a i.fa-linkedin {
    background: #23408f;
}

#page-haber-detay .share ul li a:hover i {
    color: #04607d;
    border-color: #fff;
    background: #fff;
}

#page-haber-detay .share:hover ul {
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
}

#page-haber-detay .haber-date {
    color: #fff;
    font-size: 12px;
    font-weight: lighter;
    z-index: 1;
    margin-bottom: 10px;
}

#page-haber-detay .haber-date i {
    margin-right: 3px;
}

#page-haber-detay .haber-date span {
    font-size: small;
    color: #fff;
    float: right;
}

#page-haber-detay .haber-date span a {
    color: #fff;
    font-size: 18px;
}

#page-haber-detay .haber-date span a:hover {
    color: #E9967A;
    font-size: 18px;
}

#page-haber-detay .haber-content {
    color: #7e9096;
    font-size: 20px;
}


#page-haber-detay .haber-content img {
    max-width: 100%;
}

#page-haber-detay .haber-content p {
    font-size: 20px;
}

#page-haber-detay .haber-content .video-box {
    margin: 20px 0;
}

#page-haber-detay .kategori-slider .item {
    position: relative;
}

#page-haber-detay .kategori-slider .item .tag {
    top: 20px;
    left: 20px;
    font-size: 10px;
    padding: 3px 10px;
}

#page-haber-detay .kategori-slider .item .texts {
    z-index: 1;
}

#page-haber-detay .kategori-slider .item .texts .name {
    font-size: 20px;
    margin-bottom: 15px;
    width: auto;
    height: 55px;
}

#page-haber-detay .kategori-slider .item img {
    height: 190px;
}

#page-haber-detay .kategori-slider .item:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(180deg, rgba(0, 61, 79, 0) 5%, #002137 100%);
    pointer-events: none;
}

#page-araclar .arac-menu {
    margin-bottom: 20px;
}

#page-araclar .arac-menu ul li {
    display: block;
    float: left;
    padding: 12px 20px 0 20px;
    /*width: 25%;*/
    border-bottom: 3px solid #707070;
}

#page-araclar .arac-menu ul li:hover {
    border-bottom: 3px solid #FD8524;
}

#page-araclar .arac-menu ul li a {
    display: block;
    padding: 10px 0;
    text-align: center;
    color: #fff;
    font-size: 21px;
    font-weight: 500;
    transition: 0.2s;
}

#page-araclar .arac-menu ul li a:hover {
    color: #FD8524;
}

#page-araclar .arac-menu ul li.active a {
    border-bottom-color: #FD8524;
    color: #FD8524;
}

#page-araclar .arac-menu:after {
    content: '';
    display: block;
    clear: both;
}

#page-araclar .arac-menu ul .active {
    border-bottom-color: #FD8524;
    color: #FD8524;
}

#page-profil .arac-menu {
    margin-bottom: 20px;
}

#page-profil .arac-menu ul li {
    display: block;
    float: left;
    width: 25%;
}

#page-profil .arac-menu ul li a {
    display: block;
    padding: 10px 0;
    text-align: center;
    background: #0a293c;
    color: #677a86;
    font-size: 20px;
    transition: 0.2s;
}

#page-profil .arac-menu ul li a:hover {
    background: #003e51;
    color: #fff;
}

#page-profil .arac-menu ul li.active a {
    background: var(--btn-bg-red);
    color: #fff;
}

#page-profil .arac-menu:after {
    content: '';
    display: block;
    clear: both;
}

#page-araclar .content {
    color: #81959B;
    font-size: 16px;
}

#page-araclar .kible-maps .form-group label {
    display: block;
    margin-bottom: 5px;
    font-size: 12px;
    width: 75px;
    background-color: #003747;
    margin-top: -8px;
    margin-left: 10px;
    position: absolute;
    background: #003443;
}

#page-araclar .kible-maps .form-group input {
    height: 56px;
    padding: 0 15px;
    border: 0;
    font-size: 15px;
    background-color: #114564;
    color: #fff;
    outline: none;
    display: block;
    float: left;
    width: 247px;
}

#page-araclar .kible-maps .form-group button {
    float: left;
    display: block;
    border: 0;
    width: 174px;
    outline: none;
    height: 51px;
    background: var(--btn-bg-red);
    color: #fff;
    font-size: 15px;
    transition: 0.2s;
    border-radius: 4px;
    margin-left: 20px;
    margin-top: 3px;
}

#page-araclar .kible-maps .form-group button:hover {
    opacity: 0.8;
}

/*#page-araclar .kible-maps .form-group:after {
    content: '';
    clear: both;
    display: block;
}*/


#page-araclar .kible-maps {
    width: 1008px;
}


@media (max-width: 1008px) {
    #page-araclar .kible-maps {
        width: 100%;
    }
}

#page-araclar .kible-maps #map {
    width: 100%;
    height: 300px;
    margin: 10px 0;
}

#page-araclar .hicri-takvim .form-group {
    margin-bottom: 40px;
}

#page-araclar .hicri-takvim .form-group input, #page-araclar .hicri-takvim .form-group select, #page-araclar .hicri-takvim .form-group button {
    width: 100%;
    height: 50px;
    border: 0;
    background: #114564;
    color: #fff;
    font-size: 15px;
    outline: none;
    padding: 0 10px;
    display: block;
}

#page-araclar .hicri-takvim .form-group button {
    border: 1px solid var(--btn-bg-red);
    background: transparent;
    font-size: 20px;
    transition: 0.2s;
}

#page-araclar .hicri-takvim .form-group button:hover {
    background: var(--btn-bg-red);
}

#page-araclar .hicri-takvim .form-group span {
    height: 50px;
    font-size: 15px;
    display: block;
    background: #114564;
    text-align: center;
    line-height: 50px;
}

#page-araclar .hicri-takvim .form-group label {
    display: block;
    color: #d2d7dd;
    margin-bottom: 5px;
    font-size: 15px;
}

#page-araclar .hicri-takvim .form-group:last-child button {
    background: var(--btn-bg-red);
}

#page-araclar .hicri-takvim .form-group:last-child button:hover {
    background: transparent;
}

#page-araclar .hicri-takvim .form-group select {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

#page-araclar .hicri-takvim .form-group select::-ms-expand {
    display: none;
}

#page-araclar .hicri-takvim .form-group .select-wrapper {
    position: relative;
}

#page-araclar .hicri-takvim .form-group .select-wrapper:after {
    content: '\f107';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    font-family: FontAwesome;
    font-size: 20px;
    pointer-events: none;
}

#page-akrayadestek .title {
    font-size: 35px;
    font-weight: 900;
    text-align: center;
    margin: 30px 0;
    margin-bottom: 20px;
}

#page-akrayadestek .contentarea {
    /*max-width: 940px;*/
    margin: 20px auto;
}

#page-akrayadestek .contentarea .socials {
    text-align: center;
    padding-right: 10px;
    z-index: 1;
    top: 15px;
    right: 0;
}

#page-akrayadestek .contentarea .socials a {
    display: inline-block;
    color: #fff;
    width: 40px;
    background: var(--btn-bg-red);
    text-align: center;
    border-radius: 50%;
    height: 40px;
    font-size: 24px;
    line-height: 40px;
    margin-right: 3px;
    transition: 0.2s;
}

#page-akrayadestek .contentarea .socials a.social-facebook {
    background: #4064ad;
}

#page-akrayadestek .contentarea .socials a.social-twitter {
    background: #1c9deb;
}

#page-akrayadestek .contentarea .socials a.social-instagram {
    background: #7c42bd;
}

#page-akrayadestek .contentarea .socials a.social-whatsapp {
    background: #26cc46;
}

#page-akrayadestek .contentarea .socials a:hover {
    background: #0a293c;
}

#page-akrayadestek .contentarea .desc {
    text-align: left;
    font-size: 15px;
    line-height: 10px;
    color: #81959B;
    font-weight: 500;
}


#page-akrayadestek .contentarea .desc p {
    color: #81959B;
    margin-top: 15px;
}

#page-akrayadestek .contentarea .destek-form {
    margin: 20px 0;
}

#page-akrayadestek .contentarea .destek-form .odeme {
    display: block;
    margin-bottom: 15px;
}

#page-akrayadestek .contentarea .destek-form .odeme li {
    float: left;
    margin-left: 15px;
    min-width: 120px;
    width: 11%;
    /* border: 2px solid #012533; */
    transition: 0.2s;
    cursor: pointer;
    background-color: #6A6A6A;
    font-size: 14px;
    font-weight: 600;
    border-radius: 5px;
    text-align: center;
    padding: 10px 0;
    color: white;
}

#page-akrayadestek .contentarea .destek-form .odeme li.active {
    background: #fd8524;
}

#page-akrayadestek .contentarea .destek-form .odeme:after {
    content: '';
    clear: both;
    display: block;
}

#page-akrayadestek .contentarea .destek-form .fiyat {
    margin-bottom: 15px;
}

#page-akrayadestek .contentarea .destek-form .fiyat .check {
    display: inline-block;
    margin-right: 25px;
}

#page-akrayadestek .contentarea .destek-form .fiyat .check:last-child {
    margin-right: 0;
}

#page-akrayadestek .contentarea .destek-form .fiyat label {
    margin-bottom: 0;
}

#page-akrayadestek .contentarea .destek-form .fiyat input[type=text] {
    height: 25px;
    background: #114564;
    color: #fff;
    border: 0;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    outline: none;
    font-size: 12px;
    padding: 10px;
    width: 100px;
}

#page-akrayadestek .contentarea .destek-form .form-group label {
    display: block;
    margin-bottom: 5px;
    color: #d2d7dd;
    font-size: 12px;
    margin-top: -8px;
    margin-left: 10px;
    position: absolute;
    background: #003443;
}


#page-akrayadestek .contentarea .destek-form .form-group input {
    width: 100%;
    display: block;
    border: 0;
    padding: 0 10px;
    background: #114564;
    color: #fff;
    height: 50px;
    outline: none;
}

#page-akrayadestek .contentarea .destek-form .form-group input::placeholder {
    color: #668b97;
}

#page-akrayadestek .contentarea .destek-form button {
    margin-top: 15px;
    width: 100%;
    display: block;
    border: 0;
    background: #F50E46;
    color: #fff;
    font-weight: 700;
    height: 50px;
    transition: 0.2s;
    outline: none;
    border-radius: 5px;
}

#page-akrayadestek .contentarea .destek-form button:hover {
    opacity: 0.8;
}

#page-arama .title {
    color: #d2d7dd;
    margin: 30px 0;
    font-size: 25px;
    font-weight: 900;
}

#page-arama .sobet-kutu {
    position: relative;
    margin-bottom: 25px;
}

#page-arama .sobet-kutu img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    border: 2px solid #fff;
    display: block;
}

#page-arama .sobet-kutu:after {
    content: '';
    position: absolute;
    top: 2px;
    left: 2px;
    right: 2px;
    bottom: 2px;
    pointer-events: none;
    background: rgba(0, 0, 0, 0.4);
}

#page-arama .sobet-kutu a {
    display: block;
    text-decoration: none;
    color: inherit;
}

#page-arama .sobet-kutu .texts {
    pointer-events: none;
    position: absolute;
    bottom: 0;
    left: 15px;
    padding: 10px;
    font-size: 20px;
    z-index: 1;
}

#page-arama .sobet-kutu .texts p {
    margin-bottom: 5px;
    color: #fff;
}

#page-arama .sobet-kutu .texts p:first-child {
    font-weight: 900;
}

#page-arama .video-box {
    margin-bottom: 25px;
    height: 250px;
}

#page-ozelgundem {
    color: #d2d7dd;
}

#page-ozelgundem .title {
    margin-bottom: 20px;
    font-weight: 900;
    color: #fff;
    font-size: 35px;
}

#page-ozelgundem .desc {
    font-size: 20px;
    font-weight: 900;
}

#page-ozelgundem .ayet {
    margin-top: 15px;
    margin-bottom: 20px;
}

#page-ozelgundem .icerik {
    font-size: 15px;
    color: #b2b8b9;
}

#page-ozelgundem .icerik2 {
    margin: 50px;
    font-size: 15px;
    color: #d2d7dd;
}

#page-ozelgundem .sosyal b {
    font-size: 14px;
    color: #b2b8b9;
    margin-bottom: 10px;
    display: block;
}

#page-ozelgundem .sosyal {
    margin: 15px 0;
}

#page-ozelgundem .sosyal a {
    text-decoration: none;
    display: inline-block;
    border-radius: 500px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 25px;
    background: #fff;
    color: #007195;
    text-align: center;
    margin-right: 5px;
    color: #fff;
    transition: 0.2s;
}

#page-ozelgundem .sosyal a.akra-twitter {
    background: #03a9f4;
}

#page-ozelgundem .sosyal a.akra-facebook {
    background: #4861af;
}

#page-ozelgundem .sosyal a.akra-linkedin {
    background: #1273b2;
}

#page-ozelgundem .sosyal a.akra-whatsapp {
    background: #4caf50;
}

#page-ozelgundem .sosyal a:hover {
    background: #fff;
    color: #0a293c;
}


#page-ozelgundem .video-box {
    margin: 30px 0;
    height: 300px;
}

#page-ozelgundem .sidebar ul li {
    display: block;
}

#page-ozelgundem .sidebar ul li a {
    display: block;
    text-decoration: none;
    color: #668b97;
    padding: 15px 30px;
    border: 2px solid #0a293c;
    border-bottom: 0;
    font-size: 15px;
    font-weight: 900;
    transition: 0.2s;
    position: relative;
}

#page-ozelgundem .sidebar ul li a:hover {
    background: #0a293c;
    color: #fff;
}

#page-ozelgundem .sidebar ul li a:before {
    content: '';
    width: 7px;
    height: 7px;
    background: #668b97;
    border-radius: 500px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    position: relative;
    top: -2px;
}

#page-ozelgundem .sidebar ul li.active a {
    background: #0a293c;
    color: #fff;
}

#page-ozelgundem .sidebar ul li:last-child a {
    border-bottom: 2px solid #0a293c;
}

#page-ozelgundem .sidebar .etiket {
    margin-top: 30px;
    color: #b2b8b9;
    font-size: 15px;
}

#page-ozelgundem .sidebar .etiket b, #page-ozelgundem .sidebar .etiket a {
    text-decoration: none;
    color: #d2d7dd;
    font-weight: 900;
    font-size: 20px;
}

#page-profil .profil, .head-title {
    position: relative;
}

#page-profil .profil .playlist-tab:after {
    content: '';
    clear: both;
    display: block;
}

#page-profil .profil .playlist-tab .title {
    text-align: center;
    font-size: 20px;
    text-transform: uppercase;
    margin-top: 30px;
}

#page-profil .profil .playlist-tab ul {
    margin: 20px 0;
    text-align: center;
}

#page-profil .profil .playlist-tab ul li {
    display: inline-block;
}

#page-profil .profil .playlist-tab ul li a {
    display: block;
    text-decoration: none;
    color: #ececec;
    font-size: 20px;
    padding: 10px 35px;
    border: 1px solid #051d2b;
    transition: 0.2s;
}

#page-profil .profil .playlist-tab ul li a img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    width: 25px;
    height: 25px;
    object-fit: contain;
}

#page-profil .profil .playlist-tab ul li.active a, #page-profil .profil .playlist-tab ul li:hover a {
    background: #051d2b;
    color: #fff;
}

#page-profil .profil .ayarlar {
    position: absolute;
    top: 0;
    left: 0;
}

#page-profil .profil .ayarlar a {
    text-decoration: none;
    display: block;
    color: #fff;
    margin-bottom: 5px;
    font-size: 13px;
    transition: 0.2s;
}

#page-profil .profil .ayarlar a:hover {
    opacity: 0.7;
}

#page-profil .profil .ayarlar a i {
    margin-right: 5px;
    color: #3c879d;
}

#page-profil .profil .ayarlar a:last-child {
    margin-bottom: 0;
}

#page-profil .profil .sosyal-medya {
    position: absolute;
    right: 0;
    top: 0;
}

#page-profil .profil .sosyal-medya .baslik {
    font-weight: 900;
    text-align: right;
    margin-bottom: 10px;
    text-transform: uppercase;
}

#page-profil .profil .sosyal-medya ul {
    text-align: right;
}

#page-profil .profil .sosyal-medya ul li {
    display: inline-block;
}

#page-profil .profil .sosyal-medya ul li a {
    margin-left: 10px;
    width: 30px;
    height: 30px;
    border-radius: 500px;
    line-height: 30px;
    text-align: center;
    font-size: 17px;
    display: block;
    background: transparent;
    color: #007195;
    border: 1px solid #007195;
    transition: 0.2s;
}

#page-profil .profil .sosyal-medya ul li a:hover {
    background: #fff;
    border-color: #fff;
}

#page-profil .profil .gecmis {
    position: absolute;
    top: -15px;
    right: 15px;
}

#page-profil .profil .gecmis a {
    text-decoration: none;
    color: #d2d7dd;
    background-color: #033c4e;
    padding: 10px 25px;
    font-size: 13px;
    cursor: pointer;
    transition: 0.2s;
    display: block;
    text-align: center;
}

#page-profil .profil .gecmis a b {
    display: block;
    font-weight: 900;
    font-size: 23px;
    line-height: 23px;
    margin-top: 3px;
}

#page-profil .profil .gecmis a:hover {
    background: var(--btn-bg-red);
    color: #fff;
}

#page-profil .head-title .logout a {
    text-decoration: none;
    color: #d2d7dd;
    background-color: #033c4e;
    padding: 10px 25px;
    font-size: 13px;
    cursor: pointer;
    transition: 0.2s;
    display: block;
    text-align: center;
}

#page-profil .head-title .logout a b {
    display: block;
    font-weight: 900;
    font-size: 23px;
    line-height: 23px;
    margin-top: 3px;
}

#page-profil .head-title .logout a:hover {
    background: var(--btn-bg-red);
    color: #fff;
}

#page-profil .profil .resim {
    text-align: center;
}

#page-profil .profil .resim img {
    margin-top: -60px;
    width: 150px;
    height: 150px;
    border-radius: 500px;
    border: 3px solid #d2d7dd;
    display: inline-block;
}

#page-profil .profil .resim .degistir {
    display: inline-block;
    margin-top: 20px;
    margin-bottom: 15px;
    color: #597780;
    cursor: pointer;
}

#page-profil .profil .resim .degistir i {
    font-size: 25px;
}

#page-profil .profil .resim .degistir b {
    display: block;
    font-weight: normal;
}

#page-profil .profil .bilgiler .title {
    font-size: 20px;
    margin-top: 20px;
    margin-bottom: 10px;
}

#page-profil .profil .bilgiler .form-group label {
    margin-bottom: 5px;
    display: block;
    color: #66828b;
    font-size: 14px;
}

#page-profil .profil .bilgiler .form-group input {
    height: 50px;
    border: 1px solid #66828b;
    background: transparent;
    width: 100%;
    display: block;
    padding: 0 20px;
    color: #66828b;
    outline: none;
}

#page-profil .profil .bilgiler .form-group button {
    outline: none;
    background: var(--btn-bg-red);
    color: #fff;
    font-size: 17px;
    padding: 15px 0;
    border: 0;
    width: 100%;
    display: block;
    margin-top: 15px;
    transition: 0.2s;
}

#page-profil .profil .bilgiler .form-group button:hover {
    opacity: 0.8;
}

footer .social {
    padding: 15px 0;
    background: #0a293c;
    display: none;
}

footer .social ul {
    text-align: center;
}

footer .social ul li {
    display: inline-block;
}

footer .social ul li a {
    border-radius: 500px;
    text-decoration: none;
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    color: #d2d7dd;
    border: 1px solid #d2d7dd;
    margin: 0 5px;
}

footer .top {
    background-color: var(--bg-primary);
    padding: 70px 0;
}

footer .top .logo {
    margin-top: 50px;
}

footer .top .logo img {
    display: inline-block;
    width: 130px;
    height: 130px;
    margin-right: 25px;
    vertical-align: middle;
}

footer .top .logo .desc {
    display: inline-block;
    vertical-align: middle;
    color: #d8d8d8;
    font-size: 15px;
}

footer .top .logo .desc a {
    color: inherit;
    display: inline-block;
    margin-top: 10px;
}

footer .top ul li {
    font-size: 19px;
    margin-bottom: 15px;
    color: #fff;
    font-weight: bold;
}

footer .top ul li a {
    font-weight: normal;
    font-size: 15px;
    display: block;
    color: #d8d8d8;
    transition: 0.2s;
}

footer .top ul li a:hover {
    opacity: 0.7;
}

footer .top ul li:first-child {
    margin-bottom: 20px;
}

footer .copy {
    text-align: center;
    color: #8ed0e5;
    font-size: 13px;
    background-color: #003e51;
    padding: 15px 0;
}

footer .copy a {
    color: inherit;
}

.popuplink {
    height: 40px;
    position: absolute;
    left: 48%;
    top: 77%;
    padding: 5px;
    font-size: 18px;
    font-weight: 600;
}

#page-home .mobildegoster {
    display: none !important;
}

#page-home .pcdegoster {
    display: flex !important;
}

.akra-audio-player .cntr {
    width: 385px;
    max-width: 100%;
    display: inline-block;
    background-color: #1a1a1a;
    padding: 15px 20px;
    border-radius: 15px;
    color: #fff;
    user-select: none;
}

.akra-audio-player .cntr .box {
    font-size: 15px;
    margin-right: 5px;
    vertical-align: middle;
    float: left;
    background-color: #000;
    color: #fff;
    border-radius: 500px;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    padding-left: 2px;
    transition: 0.2s;
}

.akra-audio-player .cntr .box:hover {
    background-color: #fff;
    color: #000;
}

.akra-audio-player .cntr .texts {
    padding-left: 10px;
    font-size: 12px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    max-height: 45px;
    vertical-align: middle;
}

.akra-audio-player .cntr .img img {
    pointer-events: none;
    width: 100%;
    height: 150px;
    border-radius: 15px;
    object-fit: cover;
    margin-top: 15px;
    margin-bottom: 5px;
}

.js-mobile-main {
    display: none;
}

.js-main {
    display: block;
}

.main-akradasolmak {
    display: block;
}

/*.mobile-akradasolmak{
    display: none;
}*/


footer .copy {
    display: block;
}

#wrapper > div.sohbet-player > div > div.myrow > div.player-left > div > div.player-controls > div > div:nth-child(1) {
    display: flex;
}
#wrapper > div.sohbet-player > div > div.myrow > div.player-left > div > div.player-controls > div {
    align-items: center;
    display: flex;
    justify-content: center;
}
@media (max-width: 1200px) {
    header .head-bar .namaz {
        font-size: 9px;
    }

    header .head-bar .tarih {
        font-size: 10px;
        margin-top: 0;
    }

    .baslik {
        width: 200px;
    }

    header .bottom-bar .orta a {
        text-decoration: none;
        transition: 0.2s;
        margin: 0 15px;
        display: block;
        text-transform: uppercase;
        font-size: 22px;
        letter-spacing: 2px;
        font-weight: 600;
        color: #fff;
    }

    header .bottom-bar .kayit, header .bottom-bar .giris, header .bottom-bar .destek {
        margin-left: 5px;
    }

    header .bottom-bar .kayit a, header .bottom-bar .giris a, header .bottom-bar .destek a {
        padding: 10px;
    }
}

#bigmenuOverlay > div.bigmenu-scroll,
.search-area.search-scroll {
    top: 90px;
}

@media (max-width: 991px) {
    body {
        background-color: #1E2336;
    }
    #pagearea {
        margin-top: 0;
        padding-top: 0;
    }
    .dosyalar.mnc {
        border-top: 1px solid;
        padding-top: 40px !important;
    }
    #map_canvas {
        width: 100%;
    }

    .kible-maps {
        width: 100%;
    }

    #page-akrayadestek .arac-menu ul li {
        width: 100%;
    }

    .textfields > label:last-child {
        width: 100%;
    }

    .baslik {
        width: 160px;
    }

    #page-iletisim .area .form {
        margin-top: 0;
        margin-bottom: 0;
    }

    .Sharesocial {
        display: grid !important;
    }

    .Sharesocial li img {
        width: 40px;
        height: 40px;
        border-radius: 10px;
    }

    #page-home .tag {
        position: absolute;
    }

    body.player-opened {
        padding-bottom: 60px;
    }

    .page h1 {
        font-size: 30px;
    }

    .ekle {
        display: none !important;
    }

    #page-haber-detay .haber-date span {
        float: left;
    }

    .popuplink {
        height: 40px;
        position: absolute;
        left: 45%;
        top: 77%;
        padding: 5px;
        font-size: 14px;
        font-weight: 500;
    }

    .page .video-box .playbtn {
        transition: 0.5s;
        position: absolute;
        top: calc(50% - 10px);
        transform: translateX(-50%) translateY(-50%);
        left: 50%;
        width: 45px;
        height: 45px;
        background-image: url('../../img/play_circle_outline.svg');
        background-size: contain;
        background-repeat: no-repeat;
        z-index: 1;
        cursor: pointer;
        transition: 0.2s;
    }

    .page .tasiyici {
        width: auto;
        height: auto;
    }

    .page .video-box {
        width: 240px;
        height: 180px;
    }

    .page .video-box .active {
        width: 240px;
        height: 180px;
    }

    .page {
        min-height: calc(100vh - 185px - 40px);
        margin-top: 217px;
        padding: 0;
    }

    .search-area .centered .container {
        margin-top: 30%;
    }

    body.banner-opened {
        margin-top: 0;
    }

    body.banner-opened header {
        top: 65px;
    }

    body.banner-opened .page {
        margin-top: 120px;
    }

    body.banner-opened .bigmenu {
        top: 110px;
    }

    header {
        min-height: 65px;
        background: #1E2336;
    }

    header.scroll {
        top: 0 !important;
    }

    header.scroll .bottom-bar {
        height: auto;
        padding-bottom: 15px;
    }

    header .head-bar, header .bottom-bar {
        display: none;
    }

    header .head-bar-mobile {
        display: block;
        position: relative;
        background-color: #003e51;
        height: 55px;
        padding-top: 2px;
        font-size: 10px;
    }


    header .head-bar-mobile .namaz {
        float: left;
    }

    header .head-bar-mobile .namaz .il {
        display: inline-block;
        vertical-align: middle;
    }

    header .head-bar-mobile .namaz .il select {
        display: block;
        border: 0;
        color: #fff;
        background: transparent;
        outline: none;
        margin-right: 5px;
        font-weight: 600;
        letter-spacing: 1px;
        text-decoration: underline;
    }

    header .head-bar-mobile .namaz .il select option {
        color: #0a293c;
    }

    header .head-bar-mobile .namaz .vakit {
        display: inline-block;
        vertical-align: middle;
        padding-top: 1px;
        width: 100%;
        opacity: 0.8;
    }

    header .head-bar-mobile .namaz .vakit span {
        display: inline-block;
        vertical-align: middle;
        margin-right: 10px;
        position: relative;
        min-width: 35px;
    }

    header .head-bar-mobile .namaz .vakit span i {
        font-style: normal;
        margin-right: 5px;
        opacity: 0.7;
    }

    header .head-bar-mobile .namaz .vakit span b {
        font-weight: normal;
    }

    header .head-bar-mobile .namaz .vakit th {
        border-bottom: 1px solid #fff;
    }

    header .head-bar-mobile .namaz .havadurumu {
        display: inline-block;
        vertical-align: middle;
        position: relative;
        margin-left: 10px;
    }

    header .head-bar-mobile .namaz .havadurumu:after {
        content: '|';
        position: absolute;
        line-height: 1px;
        left: -15px;
        top: 50%;
        transform: translateY(-50%);
        color: #fff;
        opacity: 0.5;
    }

    header .head-bar-mobile .namaz .havadurumu span {
        border-right: 1px solid #59818e;
        padding-right: 10px;
        margin-right: 10px;
    }

    header .head-bar-mobile .namaz .havadurumu span i {
        font-style: normal;
    }

    header .head-bar-mobile .namaz .havadurumu span:first-child {
        border: 0;
        padding-right: 5px;
        margin-right: 5px;
    }

    header .head-bar-mobile .tarih {
        float: right;
    }

    header .head-bar-mobile .tarih span {
        display: inline-block;
        margin-left: 15px;
        position: relative;
    }

    header .head-bar-mobile .tarih span i {
        font-style: normal;
    }

    header .head-bar-mobile .tarih span:after {
        position: absolute;
        line-height: 0;
        right: -10px;
        top: 50%;
        transform: translateY(-50%);
        color: #fff;
        opacity: 0.5;
    }

    header .head-bar-mobile .tarih span:last-child:after {
        display: block;
    }

    header .head-bar-mobile .dil {
        float: right;
        margin-left: 10px;
        color: #fff;
    }

    header .head-bar-mobile .dil span {
        display: inline-block;
        margin-left: 15px;
        position: relative;
        font-style: normal;
    }


    header .mobile-header {
        display: block;
        padding: 15px;
    }
    header .mobile-header .namaz .il {
        display: flex;
        align-items: center;
        margin-bottom: 10px;
    }
    header .mobile-header .namaz select {
        text-align: left;
        font: normal normal bold 18px/23px Roboto Condensed;
        opacity: 1;
        color: var(--main-color) !important;
        background-color: transparent;
        border: 0;

        appearance: none; /* For modern browsers */
        -webkit-appearance: none; /* For Safari */
        -moz-appearance: none; /* For Firefox */

        will-change: opacity;
    }
    header .mobile-header .namaz .il div.arrow {
        pointer-events: none;
        margin-left: 4px;
    }
    header .mobile-header .namaz .tarih {
        font: normal normal bold 18px/23px Roboto Condensed;
        letter-spacing: 0;
        margin-left: 12px   ;
    }
    header .mobile-header .namaz .vakit table {
        width: 100%;
        left: 0;
    }
    header .mobile-header .namaz .vakit table th,
    header .mobile-header .namaz .vakit table td {
        font: normal normal normal 13px/17px Roboto Condensed;
        text-align: center;
        padding: 3px 0;
    }
    header .mobile-header .namaz > div {
        justify-content: flex-start;
    }
    header .mobile-header .namaz .vakit table tr th {
        border-bottom: solid 1px;
        font-weight: normal;
    }
    header .mobile-header .namaz .vakit table tr th:first-child {
        border-bottom: solid 3px;
    }
    header .mobile-header .namaz .vakit table tr th:first-child,
    header .mobile-header .namaz .vakit table tr td:first-child {
        font-weight: bold;
        padding-left: 6px;
    }
    header .mobile-header .namaz .vakit table tr th:last-child,
    header .mobile-header .namaz .vakit table tr td:last-child {
        padding-right: 6px;
    }

    header .mobile-header .brand-bar .div-akradas-ol a {
        text-align: left;
        font: normal normal bold 14px/15px Roboto Condensed;
        letter-spacing: 0;
        color: #1E2336;
        background: var(--main-color) 0 0% no-repeat padding-box;
        border-radius: 5px;
        opacity: 1;
        padding: 12px;
        transition: .3s ease-in;
    }
    header .mobile-header .brand-bar .div-akradas-ol {
        display: flex;
        justify-content: flex-end;
    }
    header .mobile-header .brand-bar .brand-bar-left {
        display: flex;
        align-items: center;
    }
    header .mobile-header .brand-bar .col-4 {
        padding: 0;
    }
    header .mobile-header .brand-bar {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }


    header .mobile-header .namaz {
        transition: max-height 0.3s ease, opacity 0.3s ease, transform 0.3s ease;
        max-height: 200px;
        opacity: 1;
        transform: scaleY(1);
        overflow: hidden;
        transform-origin: top;
    }


    header.scroll .mobile-header .namaz {
        max-height: 0;
        opacity: 0;
        transform: scaleY(0);
    }

    header .mobile-header .brand-bar-logo img {
        height: 80px;
        transition: .3s ease-in;
    }
    header.scroll .mobile-header .brand-bar-logo img {
        height: 55px;
    }
    header.scroll .mobile-header .brand-bar .div-akradas-ol a {
        font-size: 12px;
        line-height: 12px;
        padding: 8px;
    }

    #page-home .main-kutular .slider .item .share,
    #page-home .main-kutular .kutuozel .share,
    #page-home .mobil-main-kutular .kutu .share,
    #page-home .dosyalar .owl-carousel .item .img .share,
    #page-home .haberler .owl-carousel .item .img .share,
    .page .video-box .bottom-bar .share {
        background-image: url(../../img/share.svg);
        width: 47px;
        height: 47px;
        top: 10px;
        right: 10px;
        background-position: 9px center;
    }
    .page .video-box .bottom-bar {
        position: static;
    }
    .page .projects, .page .galeriler {
        background-color: transparent !important;
    }
    .page .galeriler .imageItem-title,
    .page .galeriler .item-image-share {
        background-color: #353b54 !important;
    }
    #page-home .videolar .ilerigeri div,
    #page-home .videolar .ilerigeri div:last-child {
        background: #353b54 !important;
    }

    .player .controls {
        padding: 0 !important;
    }
    .sohbet-player .player .controls span:hover {
        opacity: 1 !important;
    }
    .sohbet-player .player .controls .second-back,
    .sohbet-player .player .controls #listprev,
    .sohbet-player .player .controls #listnext,
    .sohbet-player .player-controls .player.player-bar {
        display: none !important;
    }

    .sohbet-player .player .controls,
    .sohbet-player .player-controls > div,
    #wrapper > div.sohbet-player > div > div.myrow > div.player-left > div > div.player-controls > div > div:nth-child(1),
    #wrapper > div.sohbet-player > div > div.myrow > div.player-left > div > div.player-controls,
    #wrapper > div.sohbet-player > div > div.myrow > div.player-left > div > div.player-controls > div > div:nth-child(1) > div.controls.text-left {
        width: auto;
    }
    .sohbet-player .player .controls {
        margin: 0 !important;
    }
    #wrapper > div.sohbet-player > div > div.myrow > div.player-left > div {
        margin-right: 40px;
    }
    #wrapper > div.sohbet-player > div > div.myrow > div.player-left > div > div.player-controls > div {
        justify-content: flex-end;
    }

    #mobile-headerbar > div.brand-bar > div.col-4.brand-bar-left > div.menu-bar {
        margin: 0 10px 0 0;
        background-size: contain;
        background-position: center;
        background-image: url('../../img/menu_open-mobile.svg');
        height: 35px;
        width: 35px;
    }
    #mobile-headerbar > div.brand-bar > div.col-4.brand-bar-left .active {
        background-image: url('../../img/menu-close-mobile.svg') !important;
        margin-left: 10px;
    }

    #bigmenuOverlay > div {
        top: 214px;
    }

    #bigmenuOverlay > div.bigmenu-scroll {
        top: 188px;
    }

    .js-mobile-main {
        display: block;
    }

    .js-main {
        display: none;
    }

    .main-akradasolmak {
        display: none;
    }

    .mobile-akradasolmak {
        display: block;
    }


    footer .top {
        padding: 15px 0;
        display: none;
    }

    footer .top .logo {
        margin: 0;
        text-align: center;
    }

    footer .top .logo img {
        display: inline-block;
        width: 60px;
        max-width: 100%;
        margin: 0;
        height: auto;
    }

    footer .top .logo .desc {
        display: none;
    }

    footer .top ul li {
        font-size: 12px;
        margin-bottom: 5px;
    }

    footer .top ul li a {
        font-size: 12px;
    }

    footer .top ul li:first-child {
        margin-bottom: 10px;
    }

    #page-haberler .main-slider .owl-carousel .item .social-media-share {
        position: absolute;
        top: 20px;
        right: 45px;
        z-index: 2;
    }

    #page-haberler .main-slider .owl-carousel .item .social-media-share ul li a i {
        display: block;
        width: 30px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        border-radius: 500px;
        background: red;
        font-size: 18px;
        transition: 0.2s;
    }

    footer .social {
        display: block;
    }

    footer .copy {
        font-size: 10px;
        line-height: 20px;
        padding: 5px 20px;
        display: none;
    }

    .marquee {
        position: relative;
        width: 100vw;
        max-width: 100%;
        height: 200px;
        overflow-x: hidden;
    }


    .search-area {
        z-index: 10004;
        top: 0 !important;
    }

    .search-area .centered .populer .title {
        font-size: 18px;
    }

    .search-area .centered .populer ul {
        margin: 10px 0;
    }

    .search-area .centered .populer ul li {
        display: block;
    }

    .search-area .centered .input {
        margin-bottom: 25px;
    }

    .search-area .centered .input input {
        font-size: 15px;
    }

    .bigmenu {
        width: 100%;
        top: 80px;
    }

    .bigmenu .social {
        display: block;
    }

    .bigmenu .social ul li a {
        display: block;
    }

    .bigmenu .social ul li a span {
        display: inline-block;
        width: 80px;
        color: #fff;
        font-size: 13px;
        padding: 0 10px;
        top: -2px;
        font-weight: bold;
        position: relative;
    }


    .bigmenu .social ul li a {
        text-decoration: none;
        width: 35px;
        height: 35px;
        line-height: 35px;
        font-size: 18px !important;
        color: #d2d7dd;
        padding: 0 !important;
        border: 1px solid #d2d7dd;
        text-align: center;
        margin-right: 5px;
        display: block;
        border-radius: 500px;
    }


    .bigmenu .social ul li a:before {
        content: '' !important;
    }


    .bigmenu .title {
        padding-left: 20px;
    }

    .bigmenu .title .mobile-bar {
        display: block;
    }

    .bigmenu .main ul li a {
        padding-left: 40px;
    }


    .bigmenu .main ul li.color {
        background: var(--btn-bg-red) !important;
    }


    .bigmenu .main ul li.color > a {
        background: var(--btn-bg-red) !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
        color: #fff;
    }


    .bigmenu .main ul li.color ul li a {
        color: #fff;
    }


    .fixed-banner {
        position: absolute;
        height: 65px;
    }

    .fixed-banner .first {
        display: none;
        line-height: normal;
        font-size: 10px;
        position: absolute;
        padding: 0;
        margin: 0;
        top: 5px;
        left: 10px;
        font-weight: normal;
    }

    .fixed-banner .first:before, .fixed-banner .first:after {
        display: none;
    }

    .fixed-banner .mid {
        display: none;
        line-height: normal;
        font-size: 9px;
        position: absolute;
        bottom: 5px;
        padding: 0;
        margin: 0;
        left: 10px;
        color: #0a293c;
    }

    .fixed-banner .mobil {
        display: block;
        line-height: 65px;
        font-size: 20px;
        position: absolute;
        width: 100%;
        color: #f7f5ee;
        text-align: center;
        vertical-align: middle;
        left: -10px;
        background-color: #6aa6b4;
    }

    .fixed-banner .mobil a {
        color: antiquewhite;
        text-decoration: none;
    }

    .fixed-banner .mobil a img {
        height: 60px;
        width: 60px;
        margin: 5px;
    }

    .fixed-banner .last {
        display: none;
        float: right;
        font-size: 8px;
        position: absolute;
        right: 32px;
        top: 5px;
        background: #fff;
        height: 25px;
        padding: 0 10px;
        line-height: 25px;
    }

    .fixed-banner .last:before, .fixed-banner .last:after {
        display: none;
    }

    .fixed-banner .last .cls {
        line-height: 25px;
    }

    .fixed-banner .mobil .cls {
        float: right;
        font-size: 14px;
        height: 25px;
        line-height: 65px;
        font-size: 30px;
        color: #e0e0e0;
        cursor: pointer;
        font-weight: 500;
    }

    .social-share {
        display: none;
        position: absolute;
    }

    .social-share {
        top: 245px;
    }


    .right-fixed {
        top: auto;
        bottom: 100px;
        right: 0;
        padding: 5px;
    }


    .right-fixed .arrow {
        display: block;
    }

    .right-fixed ul li {
        transform: translateX(calc(100% - 35px)) !important;
        margin-bottom: 0;
        border-radius: 0;
        background: var(--btn-bg-red) !important;
        border-bottom: 1px solid #be003a;
    }

    .right-fixed ul li:first-child {
        border-top-left-radius: 20px;
        border-bottom-left-radius: 0;
    }

    .right-fixed ul li:last-child {
        border-bottom-left-radius: 5px;
        border-top-left-radius: 5px;
        background: #F50E46 !important;
        transform: translateX(0px);
        width: 68px;
        /*border-bottom: 0;*/
    }

    .right-fixed ul li:last-child a {
        width: auto;
        /*text-align: center;
                    padding-left: 5px;
                    padding-top: 1px;
                    padding-bottom: 1px;*/
    }

    .right-fixed ul li:last-child a img {
        /*margin-left: -5px;*/
        opacity: 1;
        /*width: 30px;
                        height: 30px;*/
        margin-left: -3px;
        /*margin-bottom: 10px;*/
        display: inline-block;
    }

    .right-fixed ul li a img {
        width: 20px;
        height: 20px;
        margin-right: 10px;
    }

    .right-fixed.mobile-active ul li {
        transform: translateX(0%) !important;
    }

    .right-fixed .arrow i {
        cursor: pointer;
        background: #be003a;
        border-top-left-radius: 15px;
        border-bottom-left-radius: 15px;
        font-size: 40px;
        margin-top: 2px;
        width: 35px;
        height: 34px;
        line-height: 30px;
        text-align: center;
    }

    .playlist .search {
        margin: 10px 0;
    }

    .playlist .table-responsive {
        display: block;
        width: auto;
        overflow-y: hidden;
        margin: 0 -15px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .playlist .table-responsive table {
        width: 100%;
    }

    /*.page {
        min-height: calc(100vh - 185px - 40px);
        margin-top: 65px;
        padding: 15px 0;
    }*/
    .page .kategori-slider {
        margin-bottom: 15px;
    }

    .page .kategori-slider .item .tag {
        top: 15px;
        left: 15px;
        padding: 2px 10px;
        font-size: 12px;
    }

    .page .kategori-slider .item img {
        height: 230px;
    }

    .page .kategori-slider .item .texts .name {
        font-size: 16px;
        margin-bottom: 10px;
        width: auto;
        height: 50px;
        padding-right: 20px;
    }


    .page .kategori-slider .item .social-media-share {
        position: absolute;
        top: 15px;
        right: 15px;
        z-index: 2;
    }

    .page .kategori-slider .item .social-media-share ul li {
        display: inline-block;
        margin-left: 3px;
    }

    .page .kategori-slider .item .social-media-share ul li a {
        display: block;
        color: #fff;
    }

    .page .kategori-slider .item .social-media-share ul li a i {
        display: block;
        width: 40px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        border-radius: 500px;
        background: red;
        font-size: 20px;
        transition: 0.2s;
    }

    .page .kategori-slider .item .social-media-share ul li a i.fa-facebook {
        background: #4064ad;
    }

    .page .kategori-slider .item .social-media-share ul li a i.fa-twitter {
        background: #1c9deb;
    }

    .page .kategori-slider .item .social-media-share ul li a i.fa-instagram {
        background: #7c42bd;
    }

    .page .kategori-slider .item .social-media-share ul li a i.fa-whatsapp {
        background: #26cc46;
    }

    .page .kategori-slider .item .social-media-share ul li a i.fa-linkedin {
        background: #23408f;
    }

    .page .kategori-slider .item .social-media-share ul li a:hover i {
        background: #003e51;
    }

    .page .video-box .baslik {
        bottom: 50px;
        font-size: 16px;
    }

    .page .videolar-playlist .video-box {
        height: 230px;
        margin-top: 15px;
    }

    .page .page-title {
        font-size: 30px;
    }

    .page .head-title h1 {
        font-size: 20px;
    }

    .page .head-title h1 span {
        font-size: 23px;
        top: -8px;
    }

    .page .mcbread {
        margin-bottom: 10px;
    }

    .page .mcbread ul {
        width: 100%;
        overflow-y: hidden;
        overflow-x: auto;
        display: flex;
    }

    .page .mcbread ul li {
        float: none;
        display: inline-block;
        white-space: nowrap;
    }

    .page .mcbread ul li:after {
        top: 0;
    }

    #page-home {
        padding: 0;
    }

    #page-home .mobil-main-kutular, #page-home .mobil-programlar {
        display: block;
    }

    #page-home .main-kutular {
        margin: 0 -15px;
        overflow: hidden;
    }

    #page-home .desktop-main-kutular {
        display: none;
    }

    #page-home .main-kutular .slider img, #page-home .main-kutular .slider .coveredImg {
        height: 35vh;
    }

    #page-home .main-kutular .slider .owl-nav {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 0;
        right: 0;
        pointer-events: none;
        bottom: auto;
    }

    #page-home .main-kutular .slider .owl-nav .owl-next {
        pointer-events: auto;
        float: right;
        background: transparent !important;
        color: #fff;
        opacity: 1;
    }

    #page-home .main-kutular .slider .owl-nav .owl-prev {
        opacity: 1;
        pointer-events: auto;
        float: left;
        background: transparent !important;
        color: #fff;
    }

    /*#page-home .main-kutular .col-md-4, #page-home .main-kutular .kutu, #page-home .main-kutular .kutuozel {
                display: none;
            }*/
    #page-home .main-kutular .mobile-show {
        display: block !important;
        /*padding: 0 30px;*/
    }

    #page-home .main-kutular .mobile-hide {
        display: none !important;
        /*padding: 0 30px;*/
    }

    #page-home .main-kutular .desktop-hide {
        display: block !important;
        /*padding: 0 30px;*/
    }

    #page-home .mobildegoster {
        display: flex !important;
    }

    #page-home .pcdegoster {
        display: none !important;
    }

    #page-haber-detay .mobile-hide {
        display: none !important;
        /*padding: 0 30px;*/
    }

    #page-haber-detay .desktop-hide {
        display: block !important;
        /*padding: 0 30px;*/
    }

    #page-home .main-kutular .mobile-show .kutu {
        display: block !important;
        height: auto;
        margin: 15px 0 0 0;
    }

    #page-home .main-kutular .mobile-show .kutu img {
        position: relative;
        height: auto;
    }

    #page-home .main-kutular .slider .owl-nav {
        position: absolute;
        bottom: 20px;
        left: 20px;
    }

    #page-home .main-kutular .slider .owl-nav div {
        background: #0a293c;
        width: 50px;
        height: 50px;
        text-align: center;
        line-height: 50px;
        font-size: 36px;
    }

    #page-home .main-kutular .slider .owl-nav div:last-child {
        background: #003e51;
    }

    #page-home .main-kutular .slider .owl-dots {
        position: absolute;
        bottom: 15px;
        right: 15px;
        text-align: center;
        width: 100%;
    }


    #page-home .videolar .videolar-kutu {
        margin: 0;
    }

    #page-home .videolar .videolar-kutu .kutu {
        padding: 5px;
        display: none;
    }


    .page .video-box .bottom-bar {
        bottom: 0 !important;
    }

    #page-home .videolar .videolar-kutu .kutu .tasiyici {
        position: relative;
        transform: translateX(0px) translateY(0px);
        top: auto;
        left: auto;
        width: 100% !important;
        height: auto;
        pointer-events: auto !important;
    }

    #page-home .videolar .videolar-kutu .kutu.big {
        display: block;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0 15px;
    }

    #page-home .videolar .ilerigeri {
        margin-top: 20px;
    }

    #page-home .kanallarimiz {
        display: none;
    }

    #page-home .ikilikutu {
        margin: 15px 0;
    }

    #page-home .ikilikutu .kutu img, #page-home .ikilikutu .kutu .coveredImg {
        height: 200px;
    }

    #page-home .ikilikutu .kutu .title {
        font-size: 18px;
    }

    #page-home .ikilikutu .kutu .title:before {
        width: 80vw;
    }

    #page-home .dosyalar {
        padding: 15px 0;
    }

    #page-home .dosyalar .container {
        padding: 0;
    }

    #page-home .dosyalar:before, #page-home .dosyalar:after {
        display: none;
    }

    #page-home .dosyalar:after {
        display: none;
    }


    #page-home .dosyalar .desc {
        margin-bottom: 20px;
    }

    #page-home .dosyalar .owl-carousel .owl-stage-outer {
        padding-left: 15px;
        max-height: 260px;
    }

    #page-home .dosyalar .owl-carousel .item {
        width: 75vw;
    }

    #page-home .dosyalar .owl-carousel .item .img img, #page-home .dosyalar .owl-carousel .item .img .coveredImg {
        height: 200px;
    }

    #page-home .dosyalar .owl-carousel .item .texts {
        /*top: -30px;*/
        font-size: 20px;
        /*height: 65px;*/
        height: auto;
        line-height: 25px;
    }

    #page-home .dosyalar .owl-carousel .owl-nav {
        display: none;
    }

    #page-home .dosyalar .tum {
        margin: 15px 0;
        margin-top: 0;
    }

    #page-home .dosyalar .tum a {
        opacity: 1;
        background: var(--btn-bg-red);
    }

    #page-home .galeriler {
        padding: 0 0 30px 0;
    }


    #page-home .galeriler .container {
        padding: 0;
    }

    #page-home .galeriler:before, #page-home .galeriler:after {
        display: none;
    }

    #page-home .galeriler:after {
        display: none;
    }


    #page-home .galeriler .desc {
        margin-bottom: 20px;
    }

    #page-home .galeriler .owl-carousel .owl-stage-outer {
        /*padding-left: 8px;*/
        /*max-height: 260px;*/
    }

    /*#page-home .galeriler .owl-carousel .item {
            width: 75vw;
        }*/
    #page-home .galeriler .owl-carousel .item .img img, #page-home .galeriler .owl-carousel .item .img .coveredImg {
        height: 100%;
    }

    #page-home .galeriler .owl-carousel .item .texts {
        top: -30px;
        font-size: 20px;
        height: 65px;
        line-height: 30px;
    }

    #page-home .galeriler .owl-carousel .owl-nav .owl-prev,
    #page-home .galeriler .owl-carousel .owl-nav .owl-next {
        display: none;
    }

    #page-home .galeriler .tum {
        position: relative;
        top: 15px;
        left: 13px;
        margin-top: 0;
    }


    #page-home .haberler {
        padding: 15px 0;
    }

    #page-home .desktop-programlar {
        display: none;
    }


    #page-home .haberler .page-title {
        margin-bottom: 15px;
    }

    #page-home .haberler .owl-carousel .item {
        width: 75vw;
    }

    #page-home .haberler .owl-carousel .owl-nav {
        margin-right: 15px;
        display: none;
    }

    #page-home .haberler .owl-carousel .owl-stage-outer {
        margin: 0 -15px;
        padding-left: 15px;
    }

    #page-home .haberler .tum {
        margin-right: 15px;
    }

    #page-hakkimizda .hakkimizda, #page-ilkeler .hakkimizda, #page-hakkimizda .icerik, #page-ilkeler .icerik {
        text-align: left;
    }

    #page-hakkimizda .hakkimizda .title, #page-ilkeler .hakkimizda .title, #page-hakkimizda .icerik .title, #page-ilkeler .icerik .title, #page-hakkimizda .hakkimizda .title2, #page-ilkeler .hakkimizda .title2, #page-hakkimizda .icerik .title2, #page-ilkeler .icerik .title2 {
        font-size: 25px;
        text-align: left;
        margin-bottom: 10px;
    }

    #page-hakkimizda .hakkimizda .title2, #page-ilkeler .hakkimizda .title2, #page-hakkimizda .icerik .title2, #page-ilkeler .icerik .title2 {
        margin-top: 25px;
    }

    #page-hakkimizda .hakkimizda img, #page-ilkeler .hakkimizda img, #page-hakkimizda .icerik img, #page-ilkeler .icerik img {
        width: 100%;
        height: 200px;
        object-fit: cover;
    }

    #page-hakkimizda .hakkimizda p, #page-ilkeler .hakkimizda p, #page-hakkimizda .icerik p, #page-ilkeler .icerik p {
        font-size: 14px;
        line-height: 25px;
        display: block;
        margin: 10px 0;
    }

    #page-programlar .programlar .program {
        margin-bottom: 50px;
    }

    #page-programlar-alt .playlist {
        margin-top: 0;
    }

    #page-programlar-alt .kutular .detay-img img {
        height: auto;
    }

    #page-programlar-alt .kutular .detay-icerik .ust {
        font-size: 16px;
        margin: 10px 0;
    }

    #page-programlar-alt .kutular .detay-icerik .alt {
        font-size: 14px;
        line-height: 30px;
    }

    #page-programlar-alt .kutular .onerilen-videolar {
        height: auto;
        margin-top: 20px;
    }

    #page-programlar-alt .kutular .onerilen-videolar .title {
        font-size: 18px;
        margin-bottom: 10px;
        width: calc(100% - 120px);
    }

    #page-programlar-alt .kutular .onerilen-videolar .slide-videos .owl-stage-outer {
        margin: 0 -15px;
        padding-left: 15px;
    }

    #page-programlar-alt .kutular .onerilen-videolar .slide-videos .video-box {
        height: 210px;
        width: 75vw;
    }


    #page-programlar-alt .kutular .detay-icerik .ust {
        font-size: 25px;
        margin-bottom: 10px;
    }

    #page-programlar-alt .kutular .detay-icerik .alt {
        font-size: 18px;
        color: #d5d5d5;
    }

    #page-programlar-alt .kutular .kutu {
        background: #13537a;
        position: relative;
        width: 100%;
        height: 200px;
        margin-bottom: 25px;
    }

    #page-programlar-alt .kutular .kutu .socials {
        position: absolute;
        padding-right: 10px;
        z-index: 1;
        top: 15px;
        right: 0;
    }

    #page-programlar-alt .kutular .kutu .socials a {
        display: inline-block;
        color: #fff;
        width: 40px;
        background: var(--btn-bg-red);
        text-align: center;
        border-radius: 50%;
        height: 40px;
        font-size: 24px;
        line-height: 40px;
        margin-right: 3px;
        transition: 0.2s;
    }

    #page-programlar-alt .kutular .kutu .socials a.social-facebook {
        background: #4064ad;
    }

    #page-programlar-alt .kutular .kutu .socials a.social-twitter {
        background: #1c9deb;
    }

    #page-programlar-alt .kutular .kutu .socials a.social-instagram {
        background: #7c42bd;
    }

    #page-programlar-alt .kutular .kutu .socials a.social-whatsapp {
        background: #26cc46;
    }

    #page-programlar-alt .kutular .kutu .socials a:hover {
        background: #0a293c;
    }

    .page .kategori-slider .item .socials {
        position: absolute;
        padding-right: 10px;
        z-index: 1;
        top: 15px;
        right: 15px;
    }

    .page .kategori-slider .item .socials a {
        display: inline-block;
        color: #fff;
        width: 30px;
        background: var(--btn-bg-red);
        text-align: center;
        border-radius: 50%;
        height: 30px;
        font-size: 20px;
        line-height: 30px;
        margin-right: 3px;
        transition: 0.2s;
    }

    .page .kategori-slider .item .socials a.social-facebook {
        background: #4064ad;
    }

    .page .kategori-slider .item .socials a.social-twitter {
        background: #1c9deb;
    }

    .page .kategori-slider .item .socials a.social-instagram {
        background: #7c42bd;
    }

    .page .kategori-slider .item .socials a.social-whatsapp {
        background: #26cc46;
    }

    .page .kategori-slider .item .socials a:hover {
        background: #0a293c;
    }

    #page-programlar-alt .kutular .kutu a {
        width: 100%;
        height: 100%;
        position: relative;
        text-decoration: none;
        color: #fff;
        display: block;
    }

    #page-programlar-alt .kutular .kutu a .texts {
        /*padding: 30px 20px;*/
        position: absolute;
        left: 20px;
        right: auto;
        top: auto;
        bottom: 20px;
    }

    #page-programlar-alt .kutular .kutu a .texts:after {
        right: 10px;
        bottom: 10px;
        font-size: 29px;
        line-height: 27px;
    }

    #page-programlar-alt .kutular .kutu a .texts p {
        font-size: 16px;
    }

    #page-programlar-alt .sidebar {
        margin-top: 25px;
    }

    #page-programlar-alt .fikrini {
        margin-bottom: 20px;
    }

    #page-arama .title {
        margin: 15px 0;
        font-size: 18px;
    }

    #page-arama .sobet-kutu {
        margin-bottom: 15px;
    }

    #page-arama .video-box {
        margin-bottom: 15px;
        height: 220px;
    }

    #page-haberler .main-slider {
        margin-bottom: 15px;
    }

    #page-haberler .main-slider .owl-carousel .item img, #page-haberler .main-slider .owl-carousel .item .coveredImg {
        height: 240px;
    }

    #page-haberler .main-slider .owl-carousel .item .title {
        width: auto !important;
        left: 0;
        transform: inherit;
        padding: 15px;
        right: 0;
    }

    #page-haberler .main-slider .owl-carousel .item .title .tag span {
        font-size: 10px;
        padding: 3px 10px;
        margin-bottom: 20px;
    }

    #page-haberler .main-slider .owl-carousel .item .title .iconlar span {
        width: 25px;
        height: 25px;
    }

    #page-haberler .main-slider .owl-carousel .item .title b {
        font-size: 16px;
    }

    #page-haberler .main-slider .owl-carousel .item .title .desc {
        width: auto;
        font-size: 14px;
        height: 62px;
    }

    #page-haberler .main-slider .owl-carousel .owl-nav {
        display: none;
    }

    #page-haberler .main-slider .owl-carousel .owl-dots {
        width: 100% !important;
    }

    #page-haberler .kutular .encokokunanlar {
        display: none;
    }

    #page-haber-detay .video-box {
        height: 225px;
    }

    #page-haber-detay .kategori-slider {
        margin-bottom: 15px;
    }

    #page-haber-detay .haber-head {
        position: relative;
        height: 370px;
    }

    #page-haber-detay .haber-head img, #page-haber-detay .haber-head .coveredImg {
        width: 100%;
        height: 200px;
        background-size: cover;
        background-repeat: no-repeat;
        display: block;
        margin-bottom: 15px;
    }

    #page-haber-detay .haber-head:after {
        display: block;
        position: absolute;
        top: 100px;
        left: 0;
        bottom: 0;
        right: 0;
        background: linear-gradient(180deg, rgba(0, 61, 79, 0) 5%, #002137 100%);
        pointer-events: none;
    }

    #page-haber-detay .haber-head .title {
        position: absolute;
        bottom: 15px;
        left: 25px;
        font-weight: 900;
        font-size: 30px;
        color: #fff;
        z-index: 1;
    }


    #page-giris .title {
        font-size: 26px;
        margin-top: 20px;
    }

    #page-iletisim .area {
        margin: 5px auto;
    }

    #page-iletisim .area .title {
        font-size: 23px;
        margin-bottom: 12px !important;
    }

    #page-profil .profil .ayarlar {
        position: relative;
        text-align: center;
    }

    #page-profil .profil .gecmis a {
        padding: 5px 10px;
        font-size: 8px;
    }

    #page-profil .profil .gecmis a b {
        font-size: 15px;
        line-height: 20px;
    }

    #page-profil .head-title .logout a {
        padding: 5px 10px;
        font-size: 8px;
    }

    #page-profil .head-title .logout a b {
        font-size: 15px;
        line-height: 20px;
    }

    #page-profil .profil .playlist-tab {
        margin-bottom: 10px;
    }

    #page-profil .profil .playlist-tab .title {
        text-align: left;
        font-size: 17px;
        margin-top: 10px;
    }

    #page-profil .profil .playlist-tab ul {
        margin: 10px 0;
    }

    #page-profil .profil .playlist-tab ul li {
        width: 50%;
        float: left;
    }

    #page-profil .profil .playlist-tab ul li a {
        padding: 10px 0;
        font-size: 15px;
    }

    #page-profil .profil .resim {
        text-align: left;
    }

    #page-profil .profil .resim img {
        margin-top: 15px;
        width: 100px;
        height: 100px;
    }

    #page-profil .profil .sosyal-medya .baslik {
        font-size: 8px;
        margin-bottom: 5px;
    }

    #page-profil .profil .sosyal-medya ul li a {
        margin-left: 2px;
        width: 25px;
        height: 25px;
        line-height: 25px;
        font-size: 12px;
    }

    #page-profil .tum {
        margin: 15px 0;
    }

    #page-ozelgundem .sidebar .etiket {
        margin: 15px 0;
    }

    #page-ozelgundem .sosyal {
        margin-bottom: 10px;
    }

    #page-ozelgundem .sosyal ul, #page-ozelgundem .sosyal b {
        text-align: center;
    }

    #page-ozelgundem .sosyal ul li a, #page-ozelgundem .sosyal b li a {
        margin-left: 0;
        margin: 0 5px;
    }

    #page-ozelgundem .desc {
        font-size: 15px;
    }

    #page-ozelgundem .ayet {
        margin: 15px 0;
    }

    #page-ozelgundem .video-box {
        margin: 15px 0;
        height: 225px;
    }

    #page-ozelgundem .icerik2 {
        margin: 15px 0;
        font-size: 15px;
    }

    #page-ozelgundem .icerik {
        font-size: 14px;
        line-height: 27px;
    }

    #page-ozelgundem .title {
        margin-bottom: 5px;
        font-size: 24px;
    }

    #page-araclar .arac-menu {
        margin-bottom: 0;
    }

    #page-araclar .arac-menu ul li {
        display: block;
        width: 100%;
        margin-bottom: 5px;
    }

    #page-araclar .arac-menu ul li a {
        font-size: 14px;
    }

    #page-profil .arac-menu {
        margin-bottom: 0;
    }

    #page-profil .arac-menu ul li {
        display: block;
        width: 100%;
        margin-bottom: 5px;
    }

    #page-profil .arac-menu ul li a {
        font-size: 14px;
    }

    #page-araclar .content {
        line-height: 27px;
        font-size: 14px;
        margin: 10px 0;
    }

    #page-araclar .content p {
        margin-bottom: 5px;
    }

    #page-araclar .kible-maps .form-group button {
        width: 120px;
    }

    #page-araclar .kible-maps .form-group input {
        width: calc(100% - 120px);
    }

    #page-araclar .hicri-takvim .form-group {
        border-bottom: 1px solid rgba(255, 255, 255, 0.10);
        padding-bottom: 40px;
        margin-bottom: 25px;
    }

    #page-araclar .hicri-takvim .form-group label {
        margin-top: 15px;
    }

    #page-araclar .hicri-takvim .form-group input, #page-araclar .hicri-takvim .form-group select, #page-araclar .hicri-takvim .form-group button {
        height: 40px;
    }

    #page-araclar .hicri-takvim .form-group span {
        height: 40px;
        line-height: 40px;
    }

    #page-araclar .hicri-takvim .form-group:last-child {
        border-bottom: 0;
        padding-bottom: 0;
    }

    #page-akrayadestek .title {
        font-size: 30px;
        margin: 10px 0;
    }

    #page-akrayadestek .contentarea {
        margin: 20px 25px;
    }

    #page-akrayadestek .contentarea .desc {
        font-size: 16px;
        line-height: 26px;
    }

    #page-akrayadestek .contentarea .destek-form .fiyat:after {
        content: '';
        clear: both;
        display: block;
    }

    #page-akrayadestek .contentarea .destek-form .fiyat .check {
        width: 20%;
        float: left;
        margin: 5px 0;
        margin-bottom: 10px;
    }

    #page-akrayadestek .contentarea .destek-form .fiyat .check:last-child {
        width: 100%;
    }
}

@media (max-width: 550px) {
    .baslik {
        width: 140px;
    }
}

@media (max-width: 768px) {
    *::-webkit-scrollbar {
        width: 2px;
    }


    #page-akrayadestek .contentarea .destek-form .fiyat .check {
        width: 25%;
        float: left;
        margin: 5px 0;
        margin-bottom: 10px;
    }

    #page-akrayadestek .contentarea .destek-form .fiyat .check:last-child {
        width: 75%;
    }

    .sohbet-player {
        height: 60px;
    }

    .sohbet-player .right {
        margin-top: 9px;
        padding-right: 20px;
        text-align: right;
    }

    .sohbet-player .right .biggest {
        display: inline-block;
    }

    .sohbet-player .right .share, .sohbet-player .right .sound {
        display: none;
    }

    .sohbet-player .right .closed {
        border: 0;
        width: auto;
        height: auto;
        line-height: 40px;
        font-size: 42px;
    }

    .sohbet-player .right .closed:hover {
        color: inherit;
    }

    .sohbet-player .player .controls .second-back, .sohbet-player .player .controls .prev, .sohbet-player .player .controls .next, .sohbet-player .player .controls .second-next {
        display: none;
    }

    .player-control .player-controls {
        margin-top: 0;
    }
    .player-control .player {
        display: flex;
    }
    .sohbet-player .player .controls span.play,
    .sohbet-player .player .controls span.pause {
        width: 37px;
        height: 37px;
        background-image: url('../../img/player/play-mobile.svg');
        background-position: 0 0;
        background-size: cover;
        margin: 0;
        background-repeat: no-repeat;
    }
    .sohbet-player .player .controls span.pause {
        background-image: url('../../img/player/pause-mobile.svg') !important;
    }
    .sohbet-player .myrow {
        align-items: stretch;
    }
    .sohbet-player .myrow .player-title {
        margin-top: 0;
    }

    .sohbet-player .player .bars {
        display: none;
    }

    .sohbet-player .siradaki {
        display: none;
    }

    .sohbet-player .suan .name {
        font-size: 14px;
        width: calc(100% - 15px);
        padding-left: 5px;
        height: 40px;
    }

    .sohbet-player .suan .name .baslik {
        display: none;
    }


    .sohbet-player .suan .img img {
        display: none;
        width: 40px;
        height: 40px;
    }

    .sohbet-player .suan .img #canliyayin {
        display: none;
        width: 40px;
        height: 40px;
    }

    /*.mobil-sohbet-player.opened {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        background: #101820;
        transform: translateY(calc(100% - 436px));
    }*/
    .mobil-sohbet-player.opened {
        bottom: 0 !important;
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        background: #101820;
        transform: translateY(calc(100% - 436px));
    }


    .mobil-sohbet-player.opened .currentPlayer_imgbox {
        margin-top: 0 !important;
    }
}

@media (max-width: 1280px) {

    .kanallarimiz .kutu img {
        width: 20px;
        height: 20px;
        margin-right: 5px;
    }

    .kanallarimiz .kutu i {
        width: 20px;
        height: 20px;
        margin-left: 10px;
        line-height: 18px;
        font-size: 7px;
    }

    .container {
        max-width: 1190px;
    }
}

@media (max-width: 1230px) {
    #page-home .kanallarimiz .kutu img {
        width: 20px;
        height: 20px;
        margin-right: 5px;
    }

    #page-home .kanallarimiz .kutu i {
        display: none;
        width: 20px;
        height: 20px;
        margin-left: 10px;
        line-height: 18px;
        font-size: 7px;
    }
}

@media (max-width: 1360px) {
    #page-haberler .main-slider .owl-carousel .item .title {
        width: 910px;
    }

    #page-haberler .main-slider .owl-carousel .owl-nav, #page-haberler .main-slider .owl-carousel .owl-dots {
        width: 910px;
    }
}

@media (max-width: 330px) {
    .mobil-sohbet-player .centered .suan .img img {
        width: 120px;
        height: 90px;
    }

    .mobil-sohbet-player .kanallarimiz .kutu {
        text-align: left;
    }

    .mobil-sohbet-player .kanallarimiz .kutu img {
        display: none;
    }

    .mobil-sohbet-player .kanallarimiz .kutu img.play {
        display: block;
    }
}

@media (min-width: 375px)and (-webkit-device-pixel-ratio: 3) {
    .sohbet-player .player .controls {
        margin-top: 0;
    }
}

#page-programlar-alt .kutular .kutu .socials {
    position: absolute;
    padding-right: 10px;
    z-index: 1;
    top: 15px;
    right: 0;
}

#page-programlar-alt .kutular .kutu .socials a {
    display: inline-block;
    color: #fff;
    width: 40px;
    background: var(--btn-bg-red);
    text-align: center;
    border-radius: 50%;
    height: 40px;
    font-size: 24px;
    line-height: 40px;
    margin-right: 3px;
    transition: 0.2s;
}

#page-programlar-alt .kutular .kutu .socials a.social-facebook {
    background: #4064ad;
}

#page-programlar-alt .kutular .kutu .socials a.social-twitter {
    background: #1c9deb;
}

#page-programlar-alt .kutular .kutu .socials a.social-instagram {
    background: #7c42bd;
}

#page-programlar-alt .kutular .kutu .socials a.social-whatsapp {
    background: #26cc46;
}

#page-programlar-alt .kutular .kutu .socials a:hover {
    background: #0a293c;
}

#page-programlar-alt .kutular .kutu a {
    width: 100%;
    height: 100%;
    position: relative;
    text-decoration: none;
    color: #fff;
    display: block;
}


#page-programlar-alt .kutular .durum {
    margin-bottom: 10px;
}

#page-programlar-alt .kutular .durum .like {
    float: left;
}

#page-programlar-alt .kutular .durum .like img {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 5px;
}

#page-programlar-alt .kutular .durum .like span {
    color: #92a5ad;
    font-size: 10px;
    display: inline-block;
    vertical-align: middle;
}

#page-programlar-alt .kutular .durum:after {
    content: '';
    display: block;
    clear: both;
}


/*-----------------------------------------------------------------------------------------20/10/2020*/


#page-akrayadestek .arac-menu {
    margin-bottom: 20px;
}

#page-akrayadestek .arac-menu ul li {
    display: block;
    float: left;
    /*width: 25%;*/
    padding: 12px 20px 0 20px;
    border-bottom: 3px solid #707070;
}

#page-akrayadestek .arac-menu ul li:hover {
    border-bottom: 3px solid #FD8524;
}

#page-akrayadestek .arac-menu ul li a {
    display: block;
    padding: 10px 0;
    text-align: center;
    color: #fff;
    font-size: 17px;
    font-weight: 500;
    transition: 0.2s;
}

#page-akrayadestek .arac-menu ul li a:hover {
    color: #FD8524;
}

#page-akrayadestek .arac-menu ul li.active a {
    border-bottom-color: #FD8524;
    color: #FD8524;
}

#page-akrayadestek .arac-menu:after {
    content: '';
    display: block;
    clear: both;
}

#page-akrayadestek .arac-menu ul .active {
    border-bottom-color: #FD8524;
    color: #FD8524;
}


.pure-material-textfield-outlined:hover > textarea, .pure-material-textfield-outlined:hover > textarea {
    border-color: rgba(0, 0, 0, 0.87);
    border-top-color: transparent;
}

#dinleyicibutton {
    width: 150px;
    height: 50px;
    background-color: #F50E46;
    border: none;
    border-radius: 4px;
    color: white;
    font-size: 20px;
    font-weight: 600;
    opacity: 1;
}


#dinleyicibutton :hover {
    opacity: 0.8;
}

#icerikbutton {
    width: 25%;
    height: 50px;
    background-color: #F50E46;
    border: none;
    border-radius: 4px;
    color: white;
    font-size: 16px;
    font-weight: 600;
}

#icerikbutton :hover {
    opacity: 0.8;
}

.pure-material-textfield-outlined {
    border-top-color: transparent;
    --pure-material-safari-helper1: rgb(var(--pure-material-primary-rgb, 33, 150, 243));
    position: relative;
    display: inline-block;
    padding-top: 6px;
    font-family: var(--pure-material-font, "Roboto", "Segoe UI", BlinkMacSystemFont, system-ui, -apple-system);
    font-size: 16px;
    line-height: 1.5;
    overflow: hidden;
}


.textfields {
    width: 100%;
}

.textfields > label {
    margin: 16px 0;
    width: 85%;
}

.textfields > label:first-child {
    margin: 0 0 16px;
    width: 85%;
}

.textfields > label:last-child {
    margin: 16px 0 0;
    width: 85%;
}

.pure-material-textfield-outlined > textarea:first-child {
    width: 85%;
    height: 200px;
    background: none;
    border: 1px solid #81959B;
    border-radius: 5px;
    outline: none;
    color: #81959B;
    font-size: 18px;
}

.pure-material-textfield-outlined > textarea + span, .pure-material-textfield-outlined > textarea + span {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    border-color: #81959B;
    color: #81959B;
    width: 85%;
    max-height: 100%;
    font-size: 80%;
    line-height: 15px;
    cursor: text;
    transition: color 0.2s, font-size 0.2s, line-height 0.2s;
}

.pure-material-textfield-outlined > textarea + span::before, .pure-material-textfield-outlined > textarea + span::before {
    margin-right: 4px;
    border-left: solid 1px transparent;
    border-radius: 4px 0;
}

.pure-material-textfield-outlined > textarea + span::before, .pure-material-textfield-outlined > textarea + span::after, .pure-material-textfield-outlined > textarea + span::before, .pure-material-textfield-outlined > textarea + span::after {
    content: "";
    display: block;
    box-sizing: border-box;
    margin-top: 6px;
    border-top: solid 1px #81959B;
    /*border-top-color: #81959B;*/
    min-width: 10px;
    height: 8px;
    pointer-events: none;
    box-shadow: inset 0 1px transparent;
    transition: border-color 0.2s, box-shadow 0.2s;
}

.pure-material-textfield-outlined > textarea + span::after, .pure-material-textfield-outlined > textarea + span::after {
    flex-grow: 1;
    margin-left: 4px;
    border-right: solid 1px transparent;
    border-radius: 0 4px;
}

.pure-material-textfield-outlined > textarea + span::before, .pure-material-textfield-outlined > textarea + span::after, .pure-material-textfield-outlined > textarea + span::before, .pure-material-textfield-outlined > textarea + span::after {
    content: "";
    display: block;
    box-sizing: border-box;
    margin-top: 6px;
    border-top: solid 1px;
    border-top-color: #81959B;
    min-width: 10px;
    height: 8px;
    pointer-events: none;
    box-shadow: inset 0 1px transparent;
    transition: border-color 0.2s, box-shadow 0.2s;
}

.dinleyici-form {
    display: block;
    margin-bottom: 1.5rem;
    width: 663px;
    margin-left: 86px;
}


.destek-form {
    display: block;
    margin-bottom: 1.5rem;
    width: 800px;
    margin-left: 86px;
}

.dinleyici-form p {
    text-align: left;
    font-size: 15px;
    line-height: 20px;
    color: #81959B;
    font-weight: 500;
}

.footer-social {
    margin-top: 20px;
}

.footer-social li {
    float: left;
    margin-left: 5px;
}

.footer-social li img {
    width: 50px;
    height: 50px;
}

.baslik {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


.pure-material-textfield-outlined > textarea:first-child {
    width: 100% !important;
    max-width: 950px !important;
}


.pure-material-textfield-outlined > textarea + span, .pure-material-textfield-outlined > textarea + span {
    width: 100% !important;
    max-width: 950px !important;
}

.akradas-ol__btn {
    width: 194px;
    margin-left: auto;
}

.akradas-ol__btn a {
    text-decoration: none;
    background: #fd8524;
    color: #fff;
    padding: 13px 16px;
    font-size: 14px;
    font-weight: 500;
    /*height: 42px;*/
    text-transform: uppercase;
    transition: .2s;
    line-height: 24px;
    border-radius: 5px;
    text-align: end;
}


@media (max-width: 400px) {
    .akradas-ol__btn a {
        font-size: 11px;
    }
}


@media (min-width: 400px) {
    .akradas-ol__btn {
        width: 240px;
        margin-left: auto;
    }
}


.page .video-box .bottom-bar .share ul {
    top: 97px;
}


.page .video-box .bottom-bar .share ul:after {
    content: '';
    position: absolute;
    top: -8px;
    left: 128px;
    transform: translateY(127%);
    width: 20px;
    height: 10px;
    -webkit-clip-path: polygon(50% 100%, 0 0, 100% 0);
    clip-path: polygon(50% 105%, 0 0, 100% 0);
    background: #04607d;
    transform: rotate(180deg);
}


.page .mcbread {
    padding: 20px 0 8px 0;
}

@media (max-width: 991px) {
    .page .video-box img, .page .video-box .coveredImg {
        object-fit: cover;
    }

    .dinleyici-form, .destek-form {
        width: 100%;
        margin-left: 0;
    }

    .page .mcbread {
        padding: 0 0 8px 0;
    }

}


@media (max-width: 768px) {
    .page .video-box {
        width: 100% !important;
    }
}

@media (min-width: 991px) {
    .videolar-playlist .video-box .bottom-bar .share {
        bottom: 60px;
    }
}


/**
 * Tabs
 */
.tabs {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
}


.tabs .tab-title {
    -webkit-box-ordinal-group: 2;
    order: 1;
    display: block;
    padding: .5rem 1.7rem .5rem 0;
    cursor: pointer;
    font-size: 21px;
    font-weight: 500;
    text-transform: uppercase;
    -webkit-transition: background ease 0.2s;
    transition: all 0.3s ease;
    border-bottom: 2px solid #707070;
    margin-bottom: 0;
}


.tabs .tab-title:hover {
    border-bottom: 3px solid #fd8524;
    color: #fd8524;
}

.collapse-img {
    display: none;
    float: right;
}


.tabs .tab {
    -webkit-box-ordinal-group: 100;
    order: 99;
    -webkit-box-flex: 1;
    flex-grow: 1;
    width: 100%;
    display: none;
    padding: 1rem;
}

.tabs input[type="radio"] {
    display: none;
}


.tabs input[type="radio"]:not(:checked) + .tab-title {
    border-bottom: 2px solid #FFFFFF61;
    color: #fff;
}


.tabs input[type="radio"]:checked + .tab-title {
    color: #fd8524;
    border-bottom: 2px solid #fd8524;
    user-select: none;
}

.tabs input[type="radio"]:checked + .tab-title + .tab {
    display: block;
}


.ex-video__share .video-box .bottom-bar {
    transition: 1s;
    position: absolute;
    top: 0;
    bottom: -6px;
    left: 0;
    right: 10px;
    z-index: 3;
    display: contents;
}


.ex-video__share .video-box .bottom-bar .share {
    position: absolute;
    bottom: 170px;
    right: 13px;
}


@media (max-width: 991px) {
    .tabs .tab-title {
        padding: .2rem 1rem .2rem 0;
        font-size: 18px;
        border-bottom: none;
    }

    .tabs input[type="radio"]:checked + .tab-title .collapse-img {
        display: block;
    }

    .tabs input[type="radio"]:not(:checked) + .tab-title {
        border-bottom: 1px solid transparent;
    }

    .tabs .tab,
    .tabs .tab-title {
        -webkit-box-ordinal-group: initial;
        order: initial;
    }

    .tabs .tab-title {
        width: 100%;
        margin-right: 0;
        margin-top: 0.2rem;
    }


    .ex-video__share .video-box {
        width: 240px;
        height: 180px;
    }


    .ex-video__share .video-box .bottom-bar {
        bottom: -44px !important;
    }
}


.img_link {
    display: block !important;
    position: relative !important;
    z-index: 1 !important;
    background: transparent;
}


.img_link::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: linear-gradient(180deg, rgba(0, 61, 79, 0) 5%, #002137 100%) !important;
}


#page-home .galeriler .owl-carousel .item .img .image-title {
    position: absolute;
    top: 0;
    left: 0;
    padding: 7px 0;
    background: #093541;
    width: 100%;
    font-weight: 800;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


.galeriler-categoriesImage .owl-carousel .owl-nav {
    display: flex;
    width: 111%;
    justify-content: space-between;
    position: absolute;
    top: 38%;
    left: -5.5%;
    pointer-events: none;
}

.galeriler-categoriesImage .owl-carousel .item .img .share {
    vertical-align: middle;
    display: inline-block;
    background-image: url(../../img/share_gallery.svg);
    background-size: contain;
    width: 32px;
    color: #909395;
    background-repeat: no-repeat;
    cursor: pointer;
    position: absolute;
    bottom: 14px;
    right: 58%;
    transform: translate(50%, 0%);
    z-index: 10;
    padding-left: 36px;
    font-weight: bold;
    font-size: 18px;
}


.galeriler-categoriesImage .title {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 8px;
}


.galeriler-categoriesImage .owl-carousel .item .img .image-share__bottom {
    width: 100%;
    background: #093541;
    height: 51px;
    position: absolute;
    bottom: 0;
}


.galeriler-categoriesImage .owl-carousel .item .img .share ul {
    position: absolute;
    top: -10px;
    left: -50px;
    transform: translateY(-100%);
    background: #04607d;
    text-align: center;
    padding: 10px 5px;
    width: 165px;
    transition: 0.2s;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
}

.galeriler-categoriesImage .owl-carousel .item .img .share ul:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: -20px;
    width: 180px;
    height: 20px;
    transform: translateY(100%);
}

.galeriler-categoriesImage .owl-carousel .item .img .share ul:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 77px;
    transform: translateY(100%);
    width: 20px;
    height: 10px;
    -webkit-clip-path: polygon(50% 100%, 0 0, 100% 0);
    clip-path: polygon(50% 100%, 0 0, 100% 0);
    background: #04607d;
}

.galeriler-categoriesImage .owl-carousel .item .img .share ul li {
    display: inline-block;
}

.galeriler-categoriesImage .owl-carousel .item .img .share ul li a {
    display: block;
}

.galeriler-categoriesImage .owl-carousel .item .img .share ul li a i {
    color: #fff;
    border: 1px solid transparent;
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    display: inline-block;
    margin: 0 2px;
    border-radius: 500px;
    transition: 0.2s;
}

.galeriler-categoriesImage .owl-carousel .item .img .share ul li a i.fa-facebook {
    background: #4064ad;
}

.galeriler-categoriesImage .owl-carousel .item .img .share ul li a i.fa-twitter {
    background: #1c9deb;
}

.galeriler-categoriesImage .owl-carousel .item .img .share ul li a i.fa-instagram {
    background: #7c42bd;
}

.galeriler-categoriesImage .owl-carousel .item .img .share ul li a i.fa-whatsapp {
    background: #26cc46;
}

.galeriler-categoriesImage .owl-carousel .item .img .share ul li a i.fa-linkedin {
    background: #23408f;
}

.galeriler-categoriesImage .owl-carousel .item .img .share ul li a:hover i {
    color: #04607d;
    border-color: #fff;
    background: #fff;
}

.galeriler-categoriesImage .owl-carousel .item .img .share:hover ul {
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
}


.galeriler-categoriesImage .owl-carousel .owl-nav div {
    background: #0a293c;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    font-size: 36px;
    margin-top: 8px;
}

.galeriler-categoriesImage .owl-carousel .owl-nav div:last-child {
    background: #003e51;
}

.galeriler-categoriesImage .owl-carousel .item a {
    display: block;
    text-decoration: none;
    color: inherit;
    height: 100%;
}

.galeriler-categoriesImage .owl-carousel .item .img {
    position: relative;
    height: 352px;
    padding-bottom: 51px;
}

.galeriler-categoriesImage .owl-carousel .item .img img, .galeriler-categoriesImage .owl-carousel .item .img .coveredImg {
    width: 100%;
    height: 100%;
    object-fit: cover;
    background-size: cover;
    background-repeat: no-repeat;
}

.galeriler-categoriesImage .owl-carousel .item .img:after {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: linear-gradient(180deg, rgba(0, 61, 79, 0) 5%, #002137 100%);
}


.open-tum {
    text-align: right;
    display: inline-block;
    width: 100%;
    margin: 18px 0;
}


.open-tum span {
    display: inline-block;
    padding: 6px 20px;
    color: #fff;
    font-size: 17px;
    text-decoration: none;
    transition: 0.2s;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    opacity: 0.5;
    border: 2px solid;
    border-radius: 6px;
    background: transparent;
    cursor: pointer;
}


#page-home .galeriler .js-categGalleryOwl .owl-carousel .item .item-img a {
    width: 100%;
    height: calc(100% - 89px);
}

#page-home .galeriler .js-categGalleryOwl .owl-carousel .item .item-img a img {
    width: 100%;
    height: 100%;
}


#page-home .galeriler .js-categGalleryOwl .owl-carousel .item .item-img .item-image-share .share {
    vertical-align: middle;
    display: inline-block;
    background-image: url(../../img/share_gallery.svg);
    background-size: contain;
    width: 32px;
    color: #909395;
    background-repeat: no-repeat;
    cursor: pointer;
    position: absolute;
    bottom: 14px;
    right: 58%;
    transform: translate(50%, 0%);
    z-index: 10;
    padding-left: 36px;
    font-weight: bold;
    font-size: 18px;
}


#page-home .galeriler .js-categGalleryOwl .owl-carousel .item .item-img .item-image-share {
    width: 100%;
    background: #093541;
    height: 51px;
    position: relative;
}

#page-home .galeriler .js-categGalleryOwl .owl-carousel .item .item-img .item-image-share .share ul {
    position: absolute;
    top: -10px;
    left: -50px;
    transform: translateY(-100%);
    background: #04607d;
    text-align: center;
    padding: 10px 5px;
    width: 165px;
    transition: 0.2s;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
}

#page-home .galeriler .js-categGalleryOwl .owl-carousel .item .item-img .item-image-share .share ul:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: -20px;
    width: 180px;
    height: 20px;
    transform: translateY(100%);
}

#page-home .galeriler .js-categGalleryOwl .owl-carousel .item .item-img .item-image-share .share ul:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 77px;
    transform: translateY(100%);
    width: 20px;
    height: 10px;
    -webkit-clip-path: polygon(50% 100%, 0 0, 100% 0);
    clip-path: polygon(50% 100%, 0 0, 100% 0);
    background: #04607d;
}

#page-home .galeriler .js-categGalleryOwl .owl-carousel .item .item-img .item-image-share .share ul li {
    display: inline-block;
}

#page-home .galeriler .js-categGalleryOwl .owl-carousel .item .item-img .item-image-share .share ul li a {
    display: block;
}

#page-home .galeriler .js-categGalleryOwl .owl-carousel .item .item-img .item-image-share .share ul li a i {
    color: #fff;
    border: 1px solid transparent;
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    display: inline-block;
    margin: 0 2px;
    border-radius: 500px;
    transition: 0.2s;
}

#page-home .galeriler .js-categGalleryOwl .owl-carousel .item .item-img .item-image-share .share ul li a i.fa-facebook {
    background: #4064ad;
}

#page-home .galeriler .js-categGalleryOwl .owl-carousel .item .item-img .item-image-share .share ul li a i.fa-twitter {
    background: #1c9deb;
}

#page-home .galeriler .js-categGalleryOwl .owl-carousel .item .item-img .item-image-share .share ul li a i.fa-instagram {
    background: #7c42bd;
}

#page-home .galeriler .js-categGalleryOwl .owl-carousel .item .item-img .item-image-share .share ul li a i.fa-whatsapp {
    background: #26cc46;
}

#page-home .galeriler .js-categGalleryOwl .owl-carousel .item .item-img .item-image-share .share ul li a i.fa-linkedin {
    background: #23408f;
}

#page-home .galeriler .js-categGalleryOwl .owl-carousel .item .item-img .item-image-share .share ul li a:hover i {
    color: #04607d;
    border-color: #fff;
    background: #fff;
}

#page-home .galeriler .js-categGalleryOwl .owl-carousel .item .item-img .item-image-share .share:hover ul {
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
}


@media (max-width: 991px) {

    .galeriler-categoriesImage .owl-carousel .owl-nav {
        display: none;
    }

    .lightbox-overlay .owl-carousel .owl-nav {
        display: none;
    }

    .brand-bar .search-btn {
        text-align: center;
        cursor: pointer;
        height: 30px;
        width: 30px;
        background-image: url(../../img/search-menu.svg);
        background-size: contain;
        background-repeat: no-repeat;
        transition: .3s ease-in;
    }
    header.scroll .brand-bar img {
        height: 57px;
    }
    header.scroll .brand-bar a.btn-akradas-ol {
        font-size: 13px;
        line-height: 13px;
        padding: 9px;
    }
}


.lightbox-overlay {
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.9);
    z-index: 1004;
    padding-top: 150px;
    overflow-y: auto;
    padding-bottom: 5.5rem;
}

.lightbox-overlay__close {
    position: relative;
    text-align: right;
    cursor: pointer;
    margin-bottom: -28px;
    z-index: 3;
}

.d-sm-block {
    display: none;
}

.lightbox-overlay__close img {
    cursor: pointer;
    width: 45px;
}

.lightbox-body {
    width: 100%;
    position: relative;
}

.lightbox-image-container {
    /*margin: 0px 30px;*/
    width: 875px;
    margin: 0 auto;
}

.lightbox-body .owl-carousel .item {
    /*width: 875px;*/
    margin: 0 auto;
    text-align: -webkit-center;
}


.lightbox-image-container .gallery-img {
    max-height: 524px;
    width: 320px !important;
}


.lightbox-content {
    display: flex;
    justify-content: space-between;
    color: #909395;
    width: 320px;
}

.lightbox-content__title {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 13px;
    margin-top: 11px;
    text-transform: capitalize;
}

.lightbox-content__text {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 5px;
}

.lightbox-content__left {
    text-align: left;
}

.lightbox-content-date {
    font-size: 12px;
}


.lightbox-content__right .image-share__bottom .share {
    height: 40px;
    margin-top: 9px;
    text-align: end;
    font-size: 18px;
}


.lightbox-content__right .image-share__bottom .share ul {
    position: relative;
    top: -42px;
    right: 0;
    transform: translateY(-100%);
    background: #04607d;
    text-align: center;
    padding: 10px 5px;
    width: 165px;
    transition: 0.2s;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
}


.lightbox-content__right .image-share__bottom .share img {
    width: 34px;
    margin-left: 20px;
    display: inline;
}

.lightbox-content__right .image-share__bottom .share ul:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: -20px;
    width: 180px;
    height: 20px;
    transform: translateY(100%);
}

.lightbox-content__right .image-share__bottom .share ul:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 77px;
    transform: translateY(100%);
    width: 20px;
    height: 10px;
    -webkit-clip-path: polygon(50% 100%, 0 0, 100% 0);
    clip-path: polygon(50% 100%, 0 0, 100% 0);
    background: #04607d;
}

.lightbox-content__right .image-share__bottom .share ul li {
    display: inline-block;
}

.lightbox-content__right .image-share__bottom .share ul li a {
    display: block;
}

.lightbox-content__right .image-share__bottom .share ul li a i {
    color: #fff;
    border: 1px solid transparent;
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    display: inline-block;
    margin: 0 2px;
    border-radius: 500px;
    transition: 0.2s;
}

.lightbox-content__right .image-share__bottom .share ul li a i.fa-facebook {
    background: #4064ad;
}

.lightbox-content__right .image-share__bottom .share ul li a i.fa-twitter {
    background: #1c9deb;
}

.lightbox-content__right .image-share__bottom .share ul li a i.fa-instagram {
    background: #7c42bd;
}

.lightbox-content__right .image-share__bottom .share ul li a i.fa-whatsapp {
    background: #26cc46;
}

.lightbox-content__right .image-share__bottom .share ul li a i.fa-linkedin {
    background: #23408f;
}

.lightbox-content__right .image-share__bottom.share ul li a:hover i {
    color: #04607d;
    border-color: #fff;
    background: #fff;
}

.lightbox-content__right .image-share__bottom .share:hover ul {
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
}


.lightbox-overlay .lightbox-body .owl-carousel .owl-nav .owl-prev,
.lightbox-overlay .lightbox-body .owl-carousel .owl-nav .owl-next {
    font-size: 3.5rem;
    background: linear-gradient(0deg, rgb(255 255 255 / 12%), rgb(255 255 255 / 12%));
    padding: 0 26px;
    border-radius: 3px;
    cursor: pointer;
    transition: background .3s ease-in;
    width: 82px;
    position: absolute;
    top: 34%;
}


.lightbox-overlay .lightbox-body .owl-carousel .owl-nav .owl-prev:hover,
.lightbox-overlay .lightbox-body .owl-carousel .owl-nav .owl-next:hover {
    background: linear-gradient(0deg, rgb(255 255 255 / 15%), rgb(255 255 255 / 15%));
}

.lightbox-overlay .lightbox-body .owl-carousel .owl-nav .owl-next {
    right: -112px;
}

.lightbox-overlay .lightbox-body .owl-carousel .owl-nav .owl-prev {
    left: -112px;
}

.close-bottom {
    display: none !important;
}

@media (min-width: 991px) {
    .popup-shareIcon__white {
        display: none !important;
    }
}

@media (max-width: 991px) {
    .lightbox-image-container {
        width: 100%;
    }

    .lightbox-overlay {
        padding: 100px 0 130px 0;
        height: 100vh;
        overflow: auto;
    }

    .lightbox-overlay__close {
        position: absolute;
        top: 553px;
        right: 16px;
        z-index: 12;
        display: none;
    }

    .close-bottom {
        display: block !important;
        width: 320px;
        margin: 0 auto;
    }

    .d-sm-block {
        text-align: right;
        width: 29px;
        display: inline-block;
        float: right;
        margin-top: -26px;
        position: relative;
        width: 30px !important;
        z-index: 3;
    }

    .lightbox-overlay__close img {
        width: 40px;
    }

    .lightbox-content__right {
        position: relative;
        top: -515px;
        right: 10px;
        background: red;
        border-radius: 50%;
        width: 45px;
        height: 43px;
    }


    .lightbox-content__right .image-share__bottom .share {
        height: 40px;
        margin-top: 4px;
        text-align: center;
        margin-right: 3px;
    }

    .lightbox-content__right .image-share__bottom .share ul {
        top: 59px;
        right: 114px;
    }


    .lightbox-content__right .image-share__bottom .share ul:after {
        bottom: 58px;
        left: 126px;
        transform: translateY(103%) rotate(180deg);
    }

    .lightbox-content__right .image-share__bottom .share img {
        margin-left: 0;
    }

    .lightbox-content__left {
        width: 100%;
    }

    .popup_share__text {
        display: none;
    }

    .popup-shareIcon__gray {
        display: none !important;
    }


    .popup-shareIcon__white {
        display: inline;
    }
}

.gorsel-baslik:hover {
    text-decoration: initial !important;
}


/*@media (max-width: 320px) {

    #page-home .galeriler .owl-carousel .item .img {
        max-height: 312px;
    }
}


@media (min-width: 320px) and (max-width: 441px) {

    #page-home .galeriler .owl-carousel .item .img {
        max-height: 330px;
    }

}


@media (min-width: 441px) and (max-width: 520px) {

    #page-home .galeriler .owl-carousel .item .img {
        max-height: 440px;
    }
}

@media (min-width: 520px) and (max-width: 768px) {

    #page-home .galeriler .owl-carousel .item .img {
        max-height: 356px;
    }
}

@media (min-width: 600px) and (max-width: 768px) {

    #page-home .galeriler .owl-carousel .item .img {
        height: 520px;
    }
}*/


@media (min-width: 768px) {

    #page-home .galeriler .owl-carousel .item .img {
        height: 564px;
    }
}

.incre-decre {
    -webkit-appearance: none;
    background: none;
    border: none;
    outline: none !important;
    cursor: pointer;
    text-decoration: none !important;
    color: #fff;
    font-size: 18px;
    padding: 0;
    font-weight: 300;
}

.incre-decre:hover {
    color: #fd8524;
}

@media (min-width: 768px) {
    .video-box:hover .playbtn {
        display: block !important;
        opacity: 1;
    }
}


@media (max-width: 768px) {
    /*.playbtn {
        display: block !important;
        opacity: 1;
    }*/
}

#page-home .mobil__programlar {
    display: none;
}


@media (max-width: 991px) {

    #page-home .desktop__programlar {
        display: none;
    }

    #page-home .mobil__programlar {
        display: block;
    }

    .mobil__programlar .page-title,
    #page-home .haberler a .page-title,
    #page-home .haberler .container .page-title {
        font-weight: 900;
        font-size: 22px !important;
        color: #d2d7dd;
        margin-bottom: 15px;
    }

    #page-home .haberler .owl-carousel .item .title {
        font-size: 20px;
    }
}


/*Program new style css start here*/
.media-program {
    position: relative;
    margin: 7.5px;
    max-width: 304px;
    height: 304px;
}

.media-program a {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.program-img, .program-img img {
    width: 100%;
    height: 100%;
}


.program-title {
    position: absolute;
    top: 22px;
    left: 30px;
    font-size: 28px;
    color: #ffffff;
    padding-right: 12px;
}


@media screen and (max-width: 768px) {
    .media-program {
        margin-left: auto;
        margin-right: auto;
    }
}


.category-banner {
    width: 100%;
    background: linear-gradient(180deg, #5D5D7E 0%, #1D1D26 100%) 0 0 no-repeat padding-box;
    height: 260px;
    margin-bottom: 100px;
}

.category-banner--content {
    padding: 40px;
    margin-bottom: -100px;
    display: flex;
}

.category-banner-img {
    width: 260px;
    height: 260px;
    border: 5px solid #003849;
    position: relative;
}

.category-banner-img h2 {
    position: absolute;
    top: 20px;
    left: 20px;
    font-size: 24px;
    color: #ffffff;
    /* Avoid overlap with share button on the right */
    /* padding-right: 70px; */
    max-width: calc(100% - 70px);
    white-space: normal;
}

.category-banner-img img {
    width: 100%;
    height: 100%;
}



.category-banner-text {
    padding: 40px;
    position: relative;
}


.subcategory-card {
    display: flex;
    width: 100%;
    height: 134px;
    margin-bottom: 2rem;
    position: relative;
}

.subcategory-card--link {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    border: 1px solid transparent;
    color: transparent;
}

.subcategory-card--link:hover {
    border: 1px solid #003d50;
}


.subcategory-card--link,
.subcategory-card--link:hover {
    color: transparent !important;
}


.subcategory-card--img {
    position: relative;
}

.subcategory-card--img, .subcategory-card--content {
    width: 50%;
}


.subcategory-card--img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.subcategory-card--content {
    padding-left: 16px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.subcategory-card--content h3 {
    font-size: 20px;
    padding: 1px;
    width: 100%;
    height: 75px;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    white-space: normal;
}


.subcategory-card--content p {
    color: #FFFFFF;
    opacity: 0.5;
    font-size: 14px;
    margin-bottom: 0;
}


.category-banner-text .share {
    vertical-align: middle;
    display: inline-block;
    background-image: url(../../img/share.svg);
    background-repeat: no-repeat;
    cursor: pointer;
    position: relative;
    top: 8px;
    left: 0;
    z-index: 10;
    background-color: var(--btn-bg-red);
    border-radius: 30px;
    background-size: 25px;
    background-position: 7px 8px;
    width: 43px;
    height: 43px;
    margin-bottom: 1.4rem;
}

.category-banner-text .share ul {
    position: absolute;
    top: 99px;
    left: -98px;
    transform: translateY(-100%);
    background: #04607d;
    text-align: center;
    padding: 10px 5px;
    width: 160px;
    transition: 0.2s;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
}

.category-banner-text.share ul:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: -20px;
    width: 180px;
    height: 20px;
    transform: translateY(100%);
}

.category-banner-text .share ul:after {
    content: '';
    position: absolute;
    bottom: 58px;
    left: 110px;
    transform: translateY(100%) rotate(180deg);
    width: 20px;
    height: 10px;
    -webkit-clip-path: polygon(50% 100%, 0 0, 100% 0);
    clip-path: polygon(50% 100%, 0 0, 100% 0);
    background: #04607d;
}

.category-banner-text .share ul li {
    display: inline-block;
}

.category-banner-text .share ul li a {
    display: block;
}

.category-banner-text .share ul li a i {
    color: #fff;
    border: 1px solid transparent;
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    display: inline-block;
    margin: 0 2px;
    border-radius: 500px;
    transition: 0.2s;
}

.category-banner-text .share ul li a i.fa-facebook {
    background: #4064ad;
}

.category-banner-text .share ul li a i.fa-twitter {
    background: #1c9deb;
}

.category-banner-text .share ul li a i.fa-instagram {
    background: #7c42bd;
}

.category-banner-text .share ul li a i.fa-whatsapp {
    background: #26cc46;
}

.category-banner-text .share ul li a i.fa-linkedin {
    background: #23408f;
}

.category-banner-text .share ul li a:hover i {
    color: #04607d;
    border-color: #fff;
    background: #fff;
}

.category-banner-text .share:hover ul {
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
}


.subcategory-card--img .share {
    vertical-align: middle;
    display: inline-block;
    background-image: url(../../img/share.svg);
    background-repeat: no-repeat;
    cursor: pointer;
    position: absolute;
    top: 8px;
    right: 10px;
    z-index: 10;
    background-color: var(--btn-bg-red);
    border-radius: 30px;
    background-size: 25px;
    background-position: 7px 8px;
    width: 43px;
    height: 43px;
    margin-bottom: 1.4rem;
}

.subcategory-card--img .share ul {
    position: absolute;
    top: 99px;
    left: -98px;
    transform: translateY(-100%);
    background: #04607d;
    text-align: center;
    padding: 10px 5px;
    width: 160px;
    transition: 0.2s;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
}

.subcategory-card--img .share ul:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: -20px;
    width: 180px;
    height: 20px;
    transform: translateY(100%);
}

.subcategory-card--img .share ul:after {
    content: '';
    position: absolute;
    bottom: 58px;
    left: 110px;
    transform: translateY(100%) rotate(180deg);
    width: 20px;
    height: 10px;
    -webkit-clip-path: polygon(50% 100%, 0 0, 100% 0);
    clip-path: polygon(50% 100%, 0 0, 100% 0);
    background: #04607d;
}

.subcategory-card--img .share ul li {
    display: inline-block;
}

.subcategory-card--img .share ul li a {
    display: block;
}

.subcategory-card--img .share ul li a i {
    color: #fff;
    border: 1px solid transparent;
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    display: inline-block;
    margin: 0 2px;
    border-radius: 500px;
    transition: 0.2s;
}

.subcategory-card--img .share ul li a i.fa-facebook {
    background: #4064ad;
}

.subcategory-card--img .share ul li a i.fa-twitter {
    background: #1c9deb;
}

.subcategory-card--img .share ul li a i.fa-instagram {
    background: #7c42bd;
}

.subcategory-card--img .share ul li a i.fa-whatsapp {
    background: #26cc46;
}

.subcategory-card--img .share ul li a i.fa-linkedin {
    background: #23408f;
}

.subcategory-card--img .share ul li a:hover i {
    color: #04607d;
    border-color: #fff;
    background: #fff;
}

.subcategory-card--img .share:hover ul {
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
}


@media screen and (min-width: 600px) and (max-width: 991px) {
    .mycol-sm-2 {
        width: 47% !important;
    }
}


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

    .subcategory-card {
        max-width: 320px;
        height: 160px;
        margin-left: auto;
        margin-right: auto;
    }

    .category-banner {
        height: 230px;
    }

    .category-banner-img {
        min-width: 260px;
    }

    .category-banner-text {
        width: 0;
        padding: 0;
    }

    .category-banner--content {
        padding: 12px;
        justify-content: center;
    }

    .category-banner-text h1, .category-banner-text p {
        display: none;
        width: 50px;
    }

    .category-banner-text .share {
        left: -54px;
        top: 20px;
    }
}


.btn-textprint {
    position: absolute;
    top: 18px;
    right: 100px;
    border: none;
    background: none;
    cursor: pointer;
    outline: none;
}

.mc__reading {
    margin: 12px auto 36px auto;
    padding: 80px 60px;
    position: relative;
}

.mc__reading h1, .mc__reading p {
    color: #000000;
}

#reading.mc__reading .share ul:after {
    content: '';
    position: absolute;
    bottom: 60px;
}


@media (max-width: 768px) {
    .mc__reading {
        width: 95% !important;
        padding: 40px 30px;
    }
}