@charset "utf-8";
.election-iframe {
    float: left;
    height: 650px;
    margin: 0 10px 10px 0
}

.election-iframe.dual {
    width: 100%;
    background: #e4e4e4
}

.election-iframe.dual iframe {
    width: 100%
}

.election-iframe iframe {
    height: 100%
}

.flashNews {
    margin-bottom: 10px
}

.haberadvertorial .advert, .haberadvertorial .billBoardFrame {
    display: none !important
}

.haberadvertorial .column-left {
    width: 100%
}

.news-frame .row.section, .section.infinite .row.section {
    position: relative
}

.news-frame .row.section:not(:first-child), .section.infinite .row.section:not(:first-child) {
    padding-top: 20px
}

.socialExtra .news-frame .row.section:not(:first-child), .socialExtra .section.infinite .row.section:not(:first-child) {
    padding-top: 0 !important
}

body:not(.socialExtra) .news-frame .row.section:not(:first-child):before, body:not(.socialExtra) .section.infinite .row.section:not(:first-child):before {
    content: "";
    width: calc(100% - 20px);
    height: 10px;
    border-bottom: 1px solid #d8d9dc;
    position: absolute;
    top: -10px;
    left: 10px
}

.column-right .row > div:not(.visibleZone) {
    display: none
}

.advert.w300.socialExtraBanner {
    width: auto;
    margin-left: 20px;
    padding: 20px;
    float: right
}

.infinitegallery .galleryInfinite {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-left: -10px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 20px
}

.infinitegallery .column-left, .infinitegallery .column-right {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.infinitegallery .column-right {
    position: -webkit-sticky;
    position: sticky;
    top: 80px
}

.infinitegallery .column-left .detail-wrapper {
    background-color: #fff
}

.column-left.modal-closing {
    margin-bottom: 20px;
    padding: 20px;
    position: relative;
    background-color: #fff;
    -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, .2)
}

.column-left.modal-closing .modal-closing-btn {
    width: 48px;
    height: 38px;
    margin-left: 723px;
    margin-top: 4px;
    border-radius: 36px;
    background-color: #d2312c;
    position: absolute;
    top: 20px;
    z-index: 10000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.ekonomi .column-left.modal-closing .modal-closing-btn, .galleryInfinite .column-left.modal-closing .modal-closing-btn {
    margin-top: 2px
}

.column-left.modal-closing .modal-closing-btn span {
    width: 22px;
    height: 23px;
    position: relative;
    background: url("../fonts/modal-closing-icon.svg") no-repeat
}

.socialExtra .column-left.modal-closing .modal-closing-btn {
    display: none
}

.socialExtra .column-right, .socialExtra .flashNews, .socialExtra .headBannerCover, .socialExtra .notificationBar, .socialExtra .stickyRelatedNews, .socialExtra .topBanner {
    display: none !important
}

.socialExtra .extra-banwrapper, .socialExtra .extra-navwrapper, .socialExtra footer, .socialExtra section .bottomDetail {
    position: relative;
    z-index: 1 !important;
    -webkit-filter: blur(5px);
    filter: blur(3px)
}

.socialExtra .extra-navwrapper {
    z-index: 2 !important
}

.socialExtra .extra-navwrapper header {
    position: relative !important
}

.socialExtra .billBoardFrame {
    width: 1158px;
    max-width: inherit;
    margin: 0 auto;
    background: #fff;
    position: relative;
    top: 0;
    left: 0;
    z-index: 11
}

.socialExtra .billBoardFrame > div > div > div {
    padding: 20px 0 0
}

.socialExtra .column-left {
    width: 100%;
    padding-top: 0;
    position: relative
}

.socialExtra section .topDetail {
    padding: 30px 190px;
    position: relative;
    z-index: 10;
    background: #fff;
    -webkit-box-shadow: 0 0 95px #000;
    box-shadow: 0 0 95px #000;
    -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, .37);
    box-shadow: inset 0 0 10px rgba(0, 0, 0, .37)
}

.socialExtra section .bottomDetail {
    position: relative;
    z-index: 9
}

.socialExtra .stories.carousel, body:not(.socialExtra) .socialExtraBanner {
    display: none
}

.socialExtraBtn {
    width: 100%;
    height: 0;
    padding: 0 27px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 12;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.socialExtraBtn .close, .socialExtraBtn .prev {
    width: 40px;
    height: 40px;
    margin-top: 20px;
    float: left;
    border-radius: 100%;
    text-align: center;
    line-height: 40px;
    -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, .33);
    box-shadow: 0 4px 10px rgba(0, 0, 0, .33);
    text-shadow: 1px 1px 2px rgba(0, 0, 0, .6);
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 2s;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-iteration-count: infinite;
    -moz-animation-duration: 2s;
    -o-animation-timing-function: ease-in-out;
    -o-animation-iteration-count: infinite;
    -o-animation-duration: 2s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-duration: 2s
}

.socialExtraBtn .close:before, .socialExtraBtn .prev:before {
    font-family: FontAwesome;
    font-size: 20px;
    color: #fff;
    font-weight: 900
}

.socialExtraBtn .prev:before {
    content: "\f053"
}

.socialExtraBtn .close:before {
    content: "\f00d"
}

.socialExtraBtn.stickyExtra .close, .socialExtraBtn.stickyExtra .prev {
    position: absolute;
    top: 20px;
    left: 27px
}

.socialExtraBtn.stickyExtra .close {
    left: auto;
    right: 27px
}

.socialExtraBtn .prev {
    -webkit-animation-name: socialExtraPrevAnim;
    animation-name: socialExtraPrevAnim
}

.socialExtraBtn .close {
    float: right;
    background-color: #cc0001;
    background-position: 10px -115px;
    -webkit-animation-name: socialExtraCloseAnim;
    animation-name: socialExtraCloseAnim
}

.socialExtraBtn.stickyExtra {
    width: 1138px;
    height: 0;
    padding: 0;
    position: fixed;
    left: auto
}

@keyframes socialExtraPrevAnim {
    0% {
        background-color: #1d539b
    }
    50% {
        background-color: #1a4b8b
    }
    to {
        background-color: #1d539b
    }
}

@-webkit-keyframes socialExtraPrevAnim {
    0% {
        background-color: #1d539b
    }
    50% {
        background-color: #1a4b8b
    }
    to {
        background-color: #1d539b
    }
}

@keyframes socialExtraCloseAnim {
    0% {
        background-color: #cc0001
    }
    50% {
        background-color: #b70001
    }
    to {
        background-color: #cc0001
    }
}

@-webkit-keyframes socialExtraCloseAnim {
    0% {
        background-color: #cc0001
    }
    50% {
        background-color: #b70001
    }
    to {
        background-color: #cc0001
    }
}

.socialExtra .socialMask {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9;
    background: rgba(0, 0, 0, .8)
}

.pageTitle {
    margin-bottom: 20px;
    padding: 0 20px;
    font-size: 40px;
    font-weight: 700;
    line-height: 50px;
    text-align: center
}

.spot {
    padding: 0 20px;
    font-size: 20px;
    color: #356083;
    line-height: 30px
}

.pagedItems .spot, .pageTitle + .spot {
    margin-bottom: 20px
}

.pagedItems .spot {
    padding: 0
}

.pageTitle a:not(:hover), .spot a:not(:hover) {
    text-decoration: underline
}

.next-page-btn {
    width: calc(100% - 20px);
    padding: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #be3327;
    margin: 0 0 21px 10px;
    text-align: center;
    font-size: 16px;
    line-height: normal;
    color: #fff;
    letter-spacing: .5px
}

.next-page-btn span {
    position: relative;
    top: 0;
    font-size: 18px
}

.next-page-btn .fa {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 6px;
    font-size: 24px;
    width: 28px;
    height: 28px;
    padding-left: 3px;
    background: #fff;
    border: 2px solid #fff;
    border-radius: 50%
}

.next-page-btn .fa:before {
    position: relative;
    top: 0;
    left: 0;
    color: #be3327
}

.next-page-btn:focus, .next-page-btn:hover {
    color: #fff
}

.next-page-btn:hover .fa {
    border-color: #fff
}

.short-news-detail .short-news-mask {
    width: 100%;
    margin-bottom: 0 !important;
    position: relative;
    z-index: 3;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: end;
    align-content: flex-end
}

.short-news-detail .short-news-mask:before {
    content: "";
    width: 100%;
    height: 0;
    padding-bottom: 52.53%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    background: hsla(0, 0%, 100%, 0);
    background: -webkit-gradient(left top, left bottom, color-stop(50%, hsla(0, 0%, 100%, 0)), color-stop(90%, #fff));
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, hsla(0, 0%, 100%, 0)), color-stop(90%, #fff));
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0) 50%, #fff 90%)
}

.short-news-detail .short-news-mask .newsImage {
    position: relative;
    z-index: 1
}

.short-news-detail .short-news-mask .newsImage img {
    webkit-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.short-news-detail .short-news-mask .short-news-text {
    width: 100%;
    margin-bottom: 10px;
    padding: 0 15px;
    position: relative;
    z-index: 2;
    font-size: 20px;
    color: #172338;
    text-align: left;
    overflow: hidden
}

.short-news-detail .short-news-mask .short-news-text:after {
    content: "...";
    width: 100%;
    display: block;
    padding: 0;
    font-size: 20px;
    color: #172338
}

.short-news-detail .short-news-mask .short-news-link {
    height: 44px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 20px 0 0;
    position: relative;
    z-index: 3;
    background-color: #be3127;
    font-size: 16px;
    color: #fff;
    cursor: pointer;
    line-height: 44px;
    text-align: center
}

.short-news-detail .short-news-mask .short-news-link .fa {
    padding: 0 16px;
    font-size: 20px
}

.news-detail-info {
    font-size: 14px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.news-detail-info a {
    color: inherit
}

.news-detail-info h1 {
    display: inline;
    font-weight: 400;
    color: #14233a
}

.news-detail-info .authorImage {
    width: 60px;
    height: 60px;
    margin-right: 20px;
    float: left;
    border: 1px solid hsla(0, 0%, 71%, .3);
    border-radius: 100%;
    overflow: hidden;
    -webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .17);
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .17)
}

.news-detail-info .authorDetail {
    max-height: 60px;
    margin: 0 0 10px;
    color: #d11919;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0;
    flex: 0
}

.news-detail-info .authorDetail:not(:last-child) {
    margin-right: 20px;
    padding-right: 20px
}

.news-detail-info .authorDetail:not(:last-child):after {
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    border-left: 1px solid #d8d9dc
}

.news-detail-info .authorDetail .img {
    width: 60px;
    height: 60px;
    margin-right: 10px;
    border: 1px solid hsla(0, 0%, 71%, .3);
    border-radius: 50%;
    overflow: hidden;
    -webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .17);
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .17);
    -webkit-box-flex: 1;
    -ms-flex: 1 100%;
    flex: 1 100%
}

.news-detail-info .authorDetail .img img {
    width: 60px;
    height: 60px
}

.news-detail-info .authorDetail .owner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.news-detail-info .authorDetail .category, .news-detail-info .authorDetail .name {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.news-detail-info .authorDetail .name {
    color: #d11919
}

.news-detail-info .authorDetail .category {
    font-weight: 400;
    color: #14233a
}

.news-detail-info .textInfo {
    min-width: 50%;
    max-width: 100%;
    margin-bottom: 20px;
    font-weight: 400;
    color: #5e6470;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%
}

.news-detail-info .textInfo.align-center {
    margin-bottom: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.news-detail-info .textInfo > span:first-child {
    margin-right: 18px
}

.news-detail-info .detail-google-news {
    position: absolute;
    right: 0;
    bottom: 13px
}

.news-detail-info .detail-google-news a, .news-detail-info .detail-google-news strong {
    display: inline-block;
    vertical-align: middle
}

.news-detail-info .detail-google-news strong {
    padding-right: 10px;
    height: 30px;
    line-height: 30px;
    color: #000;
    font-family: Arial;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase
}

.news-detail-info .detail-google-news a {
    width: 107px;
    height: 30px;
    background: url("../fonts/google-news.svg") 50% no-repeat;
    background-size: cover;
    border: 1px solid #939393
}

.newsImage {
    position: relative;
    text-align: center
}

.newsImage img {
    max-width: 100%;
    height: auto;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .3)
}

.newsImage .btn {
    width: 20%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 0;
    position: absolute;
    top: 0;
    font-size: 45px;
    color: #fff;
    text-shadow: 1px 1px 1px #000
}

.newsImage .btn.prev {
    left: 0
}

.newsImage .btn.next {
    right: 0
}

.newsImage .btn .fa {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: rgba(0, 0, 0, .6);
    width: 55px;
    height: 55px;
    line-height: 55px
}

.newsImage .btn.prev .fa {
    left: 0
}

.newsImage .btn.next .fa {
    right: 0
}

.newsDetailText {
    padding: 0 20px
}

.newsDetailText .newsBox {
    font-size: 19px;
    font-weight: 400;
    line-height: 30px
}

.newsDetailText .newsBox h3, .newsDetailText .newsBox h4, .newsDetailText .newsBox h5, .newsDetailText .newsBox h6 {
    margin-bottom: 20px
}

.newsDetailText .newsBox h3 {
    font-size: 22px;
    color: #356083
}

.newsDetailText .newsBox h4 {
    font-size: 21px;
    color: #356083
}

.newsDetailText .newsBox h5 {
    font-size: 20px;
    color: #356083
}

.newsDetailText .newsBox h6 {
    font-size: 19px;
    color: #356083
}

.newsDetailText .newsBox p {
    margin-bottom: 20px
}

.newsDetailText .newsBox a:not(:hover):not([name]) {
    color: #356083;
    text-decoration: underline
}

.newsDetailText .newsBox img {
    max-width: 100%;
    height: auto !important
}

.newsDetailText .newsBox .ad-control-left {
    float: left;
    text-align: center
}

.newsDetailText .newsBox .ad-control-left > div {
    min-width: 300px;
    max-width: 336px;
    min-height: 250px;
    max-height: 280px;
    margin: 0 20px 20px 0 !important;
    position: relative
}

.newsDetailText .newsBox .ad-control-left > div > div {
    position: relative;
    z-index: 1
}

.newsDetailText .newsBox .ad-control-full {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}

.newsDetailText .newsBox .ad-control-full > div {
    min-width: 300px;
    max-width: 336px;
    min-height: 250px;
    max-height: 280px;
    margin: 0 5px 20px 0 !important;
    position: relative
}

.newsDetailText .newsBox .ad-control-full > div > div {
    position: relative;
    z-index: 1
}

.newsDetailText .newsBox .ad-control-full #id_d_300x250_detay, .newsDetailText .newsBox .ad-control-full #id_d_300x250_detay_2 {
    float: none !important;
    display: inline-block
}

.newsDetailText .newsBox .ad-control-full > div:after, .newsDetailText .newsBox .ad-control-full > div:before, .newsDetailText .newsBox .ad-control-left > div:after, .newsDetailText .newsBox .ad-control-left > div:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0
}

.newsDetailText .newsBox .ad-control-full > div:before, .newsDetailText .newsBox .ad-control-left > div:before {
    background-color: #e5e5f7;
    opacity: .2;
    background-image: radial-gradient(#000 .35000000000000003px, #e5e5f7 0);
    background-size: 7px 7px
}

.newsDetailText .newsBox .ad-control-full > div:after, .newsDetailText .newsBox .ad-control-left > div:after {
    background: url("../i/sabah-dummy-250x103.png") 50% no-repeat;
    background-size: 70%
}

.galleryItem iframe:not([id^=google_ads_iframe]):not([id^=survey-new-iframe]), .newsDetailText .newsBox iframe:not([id^=survey-new-iframe]):not([id^=google_ads_iframe]) {
    width: 100%;
    height: 423px;
    margin-bottom: 10px
}

.newsDetailText .newsBox .singleManset {
    display: inline-block;
    margin-bottom: 20px;
    position: relative;
    -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, .2)
}

.newsDetailText .newsBox .singleManset img {
    position: relative;
    z-index: 1
}

.newsDetailText .newsBox .singleManset.text {
    display: block !important
}

.newsDetailText .newsBox .singleManset.text a {
    position: relative;
    color: #d11919 !important;
    text-decoration: none !important;
    font-size: 21px;
    padding: 10px 16px;
    font-weight: 700;
    display: block
}

.newsDetailText .newsBox .singleManset.text a:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 3px;
    height: 100%;
    background-color: #d11919
}

.newsDetailText .newsBox .singleManset.play a:before {
    content: "\f144";
    width: 70px;
    height: 70px;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    font-family: FontAwesome;
    font-size: 64px;
    color: #fff;
    text-align: center;
    line-height: 64px;
    font-style: normal;
    text-shadow: 0 3px 3px #000;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.newsDetailText .newsBox .singleNews.pull-left {
    margin-right: 20px
}

.newsDetailText .newsBox .singleNews.pull-right {
    margin-left: 20px
}

.galleryItem ol:not(.pagination):not(.order-list-box), .galleryItem ul:not(.pagination):not(.order-list-box), .newsDetailText .newsBox ol:not(.pagination):not(.order-list-box), .newsDetailText .newsBox ul:not(.pagination):not(.order-list-box) {
    display: block;
    vertical-align: top;
    margin-bottom: 20px;
    text-align: left
}

.galleryItem ul:not(.pagination):not(.order-list-box) > li, .newsDetailText .newsBox ul:not(.pagination):not(.order-list-box) > li {
    margin-bottom: 5px;
    font-weight: 700;
    text-align: left;
    list-style-type: none
}

.galleryItem ul:not(.pagination):not(.order-list-box) > li:before, .newsDetailText .newsBox ul:not(.pagination):not(.order-list-box) > li:before {
    content: "\f0c8";
    display: inline-block;
    vertical-align: top;
    margin-right: 8px;
    background: none;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    color: #d11919;
    font-size: 7px
}

.galleryItem ol, .newsDetailText .newsBox ol {
    margin-bottom: 20px;
    counter-reset: counter;
    background: #fff;
    -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, .2)
}

.galleryItem ol > li, .newsDetailText .newsBox ol > li {
    padding: 8px;
    border-top: 1px solid #d8d9dc;
    font-size: 14px;
    font-style: italic;
    text-align: left !important
}

.galleryItem ol > li:first-child, .newsDetailText .newsBox ol > li:first-child {
    border: none
}

.galleryItem ol > li:before, .newsDetailText .newsBox ol > li:before {
    content: counter(counter, decimal) "";
    counter-increment: counter;
    width: 26px;
    height: 26px;
    display: inline-block;
    vertical-align: top;
    margin-right: 8px;
    border-right: 1px solid #d8d9dc;
    background: none;
    font-family: Segoe, Segoe UI, DejaVu Sans, Trebuchet MS, Verdana, sans-serif;
    color: #d11919;
    font-size: 16px;
    text-align: center;
    font-weight: 700;
    font-style: normal;
    line-height: 26px
}

.coutDown, .dolarEuroFrame {
    max-height: none !important;
    margin: 20px 0 10px;
    width: 100%;
    height: 130px !important
}

.coutDown {
    height: 72px !important;
    margin: 10px 0
}

.altinFrame, .dolarEuroFrame {
    margin-top: 0;
    height: 80px !important;
    margin-bottom: 17px !important
}

.galleryItem table > tbody > tr > td, .galleryItem table > tbody > tr > th, .galleryItem table > tfoot > tr > td, .galleryItem table > tfoot > tr > th, .galleryItem table > thead > tr > td, .galleryItem table > thead > tr > th, .newsDetailText .newsBox table > tbody > tr > td, .newsDetailText .newsBox table > tbody > tr > th, .newsDetailText .newsBox table > tfoot > tr > td, .newsDetailText .newsBox table > tfoot > tr > th, .newsDetailText .newsBox table > thead > tr > td, .newsDetailText .newsBox table > thead > tr > th {
    padding: 5px 2px;
    font-size: 14px;
    vertical-align: middle;
    text-align: center;
    font-weight: 400;
    line-height: 1.4;
    border: 1px solid #e9ecef
}

.galleryItem table > thead > tr > th, .newsDetailText .newsBox table > thead > tr > th {
    height: 46px;
    background-color: #ef9b18;
    font-size: 18px;
    color: #fff;
    font-weight: 700
}

.galleryItem table > thead > tr > th:first-child, .newsDetailText .newsBox table > tbody > tr > td:first-child, .newsDetailText .newsBox table > thead > tr > th:first-child {
    padding-left: 10px;
    text-align: left
}

.galleryItem table > thead > tr > th:last-child, .newsDetailText .newsBox table > tbody > tr > td:last-child, .newsDetailText .newsBox table > thead > tr > th:last-child {
    padding-right: 10px
}

.galleryItem table, .newsDetailText .newsBox table {
    width: 100% !important;
    margin: 0 0 20px !important;
    background-color: #fff
}

.galleryItem table > tbody > tr > th, .galleryItem table > tfoot > tr > td, .galleryItem table > tfoot > tr > th, .galleryItem table > thead > tr > th, .newsDetailText .newsBox table > tbody > tr > th, .newsDetailText .newsBox table > tfoot > tr > td, .newsDetailText .newsBox table > tfoot > tr > th, .newsDetailText .newsBox table > thead > tr > th {
    white-space: nowrap
}

.galleryItem table > tbody > tr > td img, .galleryItem table > thead > tr > th img, .newsDetailText .newsBox table > tbody > tr > td img, .newsDetailText .newsBox table > thead > tr > th img {
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle
}

.galleryItem table > tbody > tr:hover, .newsDetailText .newsBox table > tbody > tr:hover {
    background-color: #ececec
}

.howto-news-type ul {
    margin-bottom: 0 !important
}

.howto-news-type ul li {
    font-weight: 400 !important
}

.howto-news-type ul li:before {
    display: none !important
}

.howto-news-type ul li h4 {
    margin-bottom: 10px
}

.howto-news-type ul li img {
    width: calc(100% + 40px);
    max-width: none !important;
    margin: 0 -20px 20px
}

.newsDetailText .newsBox .blockquote:not(.twitter-tweet) {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 20px;
    padding: 10px 0 10px 100px;
    border: none;
    position: relative;
    font-family: Segoe, Segoe UI, DejaVu Sans, Trebuchet MS, Verdana, sans-serif;
    font-size: 22px;
    color: #14233a;
    font-weight: 700;
    line-height: 30px;
    text-decoration: none
}

.newsDetailText .newsBox .blockquote:not(.twitter-tweet):before {
    content: "“";
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-right: 4px double #c21717;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 160px;
    font-weight: 700;
    color: #c21717;
    line-height: 140px;
    overflow: hidden
}

.newsDetailText .newsBox a.sty1, .newsDetailText .newsBox a.sty2 {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 20px;
    padding: 0;
    border: none;
    position: relative;
    overflow: hidden;
    text-decoration: none !important;
    -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, .2)
}

.newsDetailText .newsBox a.sty1:before, .newsDetailText .newsBox a.sty2:before {
    content: " ";
    display: table
}

.newsDetailText .newsBox a.sty1:after, .newsDetailText .newsBox a.sty2:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.newsDetailText .newsBox a.sty1 > span, .newsDetailText .newsBox a.sty2 > span {
    display: block;
    position: relative
}

.newsDetailText .newsBox a.sty1 > span:before, .newsDetailText .newsBox a.sty2 > em:before, .newsDetailText .newsBox a.sty2 > span:before {
    content: "";
    height: 70px;
    float: left;
    font-family: FontAwesome;
    font-size: 34px;
    color: #fff;
    text-align: center;
    line-height: 70px;
    font-style: normal
}

.newsDetailText .newsBox a.sty1 > em + span:before, .newsDetailText .newsBox a.sty2 > em + span:before {
    display: none
}

.newsDetailText .newsBox a.sty1 > em, .newsDetailText .newsBox a.sty2 > em {
    float: left;
    position: relative
}

.newsDetailText .newsBox a.sty1 > span strong, .newsDetailText .newsBox a.sty2 > span strong {
    min-height: 70px;
    display: block;
    padding: 5px 16px;
    font-family: Segoe, Segoe UI, DejaVu Sans, Trebuchet MS, Verdana, sans-serif;
    font-size: 20px !important;
    color: #14233a;
    font-weight: 700;
    line-height: 24px !important;
    text-decoration: none;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.newsDetailText .newsBox a.sty1 strong em, .newsDetailText .newsBox a.sty2 strong em {
    font-style: normal;
    font-size: inherit !important
}

.newsDetailText .newsBox a.sty1 > span:before {
    width: 3px;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #d11919
}

.newsDetailText .newsBox a.sty1 > em img {
    width: 118px !important
}

.newsDetailText .newsBox a.sty1 > span strong {
    color: #d11919
}

.newsDetailText .newsBox a.sty1 > em + span strong {
    min-height: 112px
}

.newsDetailText .newsBox a.sty2 span:before {
    width: 50px
}

.newsDetailText .newsBox a.sty2 > em:before {
    width: 47px;
    height: 47px;
    position: absolute;
    top: 50%;
    left: 50%;
    line-height: 47px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.newsDetailText .newsBox a.sty2 > em + span strong {
    min-height: 112px
}

.newsDetailText .newsBox a.sty2.photo > em:before, .newsDetailText .newsBox a.sty2.photo span:before {
    content: "\f030";
    font-size: 28px
}

.newsDetailText .newsBox a.sty2.photo span:before {
    background-color: #c21717
}

.newsDetailText .newsBox a.sty2.photo > em img {
    width: 118px
}

.newsDetailText .newsBox a.sty2.video > em:before, .newsDetailText .newsBox a.sty2.video span:before {
    content: "\f144"
}

.newsDetailText .newsBox a.sty2.video span:before {
    background-color: #1d2b58
}

.newsDetailText .newsBox a.sty2.video > em img {
    width: 118px
}

.newsDetailText .newsBox a.sty2.video > em + span strong {
    min-height: 67px
}

.newsDetailText .newsBox a.sty2.plus > em:before, .newsDetailText .newsBox a.sty2.plus span:before {
    content: "\f055"
}

.newsDetailText .newsBox a.sty2.plus span:before {
    background-color: #62b1bd
}

.newsDetailText .newsBox a.sty2.plus > em img {
    width: 118px
}

.newsDetailText .newsBox a.sty2.dictionary > em:before, .newsDetailText .newsBox a.sty2.dictionary span:before {
    content: "\f02d";
    background-color: #2c6597;
    font-size: 32px
}

.newsDetailText .newsBox a.sty2 div {
    height: 80px;
    padding: 0 35px 0 10px;
    position: relative;
    overflow: hidden
}

.newsDetailText .newsBox a.sty2 em + div {
    height: 100px;
    padding: 7px 35px 0 10px
}

.newsDetailText .newsBox a.sty2 div span {
    overflow: hidden;
    display: block;
    width: 430px;
    position: absolute;
    top: 50%;
    left: 10px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.newsDetailText .newsBox a.sty2 em + div span {
    width: 246px
}

.newsDetailText .newsBox .videoModule {
    margin-bottom: 20px;
    background: #f4f4f4;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .3)
}

.newsDetailText .newsBox .videoModule {
    width: 100%;
    padding-bottom: 56.25%;
    position: relative
}

.newsDetailText .newsBox .videoModule .videoIframe {
    width: 100%;
    height: 100%;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden
}

.wrapVideoIf {
    margin-bottom: 20px;
    position: relative;
    padding-bottom: 56.25%
}

.newsDetailText .newsBox .videoIf, .newsDetailText .newsBox .videoIfV2, .newsDetailText .newsBox .videoIfV3, .newsDetailText .newsBox .videoIfV4 {
    width: 600px;
    height: 320px;
    margin-bottom: 20px;
    overflow: hidden
}

.wrapVideoIf .videoIf, .wrapVideoIf .videoIfV2, .wrapVideoIf .videoIfV3, .wrapVideoIf .videoIfV4 {
    width: 100% !important;
    height: 100% !important;
    margin-bottom: 0;
    position: absolute;
    top: 0;
    left: 0;
    overflow: visible
}

.newsDetailText .newsBox a.videoGallery {
    width: 100%;
    min-height: 50px;
    display: inline-block;
    margin-bottom: 10px;
    padding: 8px 10px 8px 60px;
    position: relative;
    font-family: Segoe, Segoe UI, DejaVu Sans, Trebuchet MS, Verdana, sans-serif;
    font-size: 18px;
    font-weight: 700;
    overflow: hidden;
    line-height: 30px;
    text-decoration: inherit;
    -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, .2)
}

.newsDetailText .newsBox a.videoGallery:before {
    content: "\f144";
    width: 50px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #1d2b58;
    font-family: FontAwesome;
    font-size: 34px;
    color: #fff;
    text-align: center;
    line-height: 50px;
    -webkit-box-shadow: 0 0 3px 0 #000;
    box-shadow: 0 0 3px 0 #000
}

.newsDetailText .newsBox a.videoGallery:hover {
    background: #1d2b58;
    color: #fff
}

.detail-related {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
    background-color: #d83832;
    text-decoration: none !important
}

.detail-related .related-read-icon {
    width: 80px;
    padding: 0 0 0 20px
}

.detail-related .related-read-icon:before {
    content: "";
    width: 28px;
    height: 28px;
    display: block;
    background-image: url("data:image/svg+xml;utf8,<svg width='29' height='29' viewBox='0 0 29 29' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M24.975 9.58333C24.7393 9.58333 19.3167 9.61716 14.475 11.926C9.63335 9.61716 4.21068 9.58333 3.97502 9.58333C3.6656 9.58333 3.36885 9.70624 3.15006 9.92504C2.93127 10.1438 2.80835 10.4406 2.80835 10.75V22.2802C2.80835 22.4367 2.83986 22.5916 2.90099 22.7358C2.96212 22.8799 3.05163 23.0102 3.16418 23.119C3.39168 23.3383 3.72418 23.4748 4.01468 23.4457L4.16285 23.4445C4.95968 23.4445 9.17485 23.5588 13.9815 25.807C14.0002 25.8163 14.0212 25.8128 14.0398 25.8198C14.1787 25.877 14.3245 25.9167 14.475 25.9167C14.6255 25.9167 14.7713 25.877 14.9113 25.8198C14.93 25.8128 14.951 25.8163 14.9697 25.807C19.7763 23.5577 23.9915 23.4445 24.7883 23.4445L24.9365 23.4457C25.2142 23.4748 25.5583 23.3383 25.787 23.119C26.0133 22.8985 26.1417 22.5952 26.1417 22.2802V10.75C26.1417 10.4406 26.0188 10.1438 25.8 9.92504C25.5812 9.70624 25.2844 9.58333 24.975 9.58333ZM5.14168 11.9738C6.87418 12.1033 10.2528 12.5338 13.3083 13.9478V22.9802C9.80835 21.6093 6.78668 21.2372 5.14168 21.1415V11.9738ZM23.8083 21.1415C22.1633 21.2372 19.1417 21.6093 15.6417 22.9802V13.9478C18.6972 12.5338 22.0758 12.1033 23.8083 11.9738V21.1415Z' fill='white'/><path d='M14.475 9.58333C16.408 9.58333 17.975 8.01632 17.975 6.08333C17.975 4.15033 16.408 2.58333 14.475 2.58333C12.542 2.58333 10.975 4.15033 10.975 6.08333C10.975 8.01632 12.542 9.58333 14.475 9.58333Z' fill='white'/></svg>");
    background-repeat: no-repeat;
    background-position: 50%
}

.detail-related .related-read-icon:after {
    content: "GÖZDEN KAÇMASIN";
    display: block;
    font-size: 11px;
    color: #fff;
    line-height: 13px
}

.detail-related .related-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 10px 20px
}

.detail-related .related-content .related-content-title {
    margin-bottom: 10px;
    font-size: 18px;
    color: #fff;
    font-weight: 700;
    line-height: 25px
}

.detail-related .related-content .related-content-caption {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    padding: 8px 10px;
    background-color: #fff;
    border: 1px solid #b8b8b8;
    border-radius: 3px;
    font-size: 13px;
    color: #000;
    font-weight: 700;
    line-height: 13px
}

.detail-related .related-content .related-content-caption:before {
    content: "Habere Gitmek İçin Tıklayın"
}

.detail-related .related-content .related-content-caption:after {
    content: "";
    width: 14px;
    height: 14px;
    margin-left: 10px;
    background-image: url("data:image/svg+xml;utf8,<svg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M2.86279 7.5H12.1961' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/><path d='M8.11279 3.41667L12.1961 7.5L8.11279 11.5833' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>");
    background-repeat: no-repeat;
    background-position: 50%
}

.detail-related .related-img {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: block;
    margin: 0 !important;
    padding: 0 !important
}

.detail-video {
    width: 100%;
    margin-bottom: 20px
}

.detail-video-content {
    width: 100%;
    height: auto;
    padding-top: 56.25%;
    position: relative
}

.detail-video-content .detail-video-player {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.detail-video-content .detail-video-player iframe {
    width: 100%;
    height: 100% !important;
    margin-bottom: 0 !important;
    position: absolute;
    top: 0;
    left: 0
}

.detail-video-text {
    background: #202c58;
    width: 100%;
    height: 40px;
    display: none;
    text-align: center;
    border-radius: 0 0 20px 20px
}

.detail-video-text h5 {
    display: block;
    width: 100%
}

.detail-video-text a {
    display: block;
    color: #fff;
    font-size: 15px;
    font-weight: 500
}

.detail-video-text a i {
    margin-right: 5px
}

.liveVideo {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 20px;
    padding: 10px;
    background-color: #1d2b58;
    -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, .2)
}

.liveVideo .title {
    height: 55px;
    display: block;
    margin-bottom: 10px;
    font-family: Segoe, Segoe UI, DejaVu Sans, Trebuchet MS, Verdana, sans-serif;
    font-size: 30px;
    color: #fff;
    font-weight: 700;
    line-height: 55px;
    text-align: left
}

.liveVideo .title img {
    width: 55px;
    height: 55px;
    display: inline-block;
    margin: 0 18px;
    vertical-align: top
}

.liveVideo .player {
    position: relative;
    padding-bottom: 56.25%
}

.liveVideo iframe {
    width: 100% !important;
    height: 100% !important;
    margin-bottom: 0 !important;
    position: absolute !important;
    top: 0;
    left: 0;
    overflow: visible
}

.randomVidCont {
    background-color: #2b3a57;
    position: relative;
    margin: 0 0 20px
}

.randomVidCont:before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: url("../img/sabah-dummy-temp.png") 50% no-repeat;
    opacity: .3
}

.todayNewsVideo {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    padding: 10px 10px 0;
    position: relative;
    z-index: 2;
    background: #2b3a57;
    -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, .2);
    font-family: Segoe UI
}

.todayNews-desc h3 > a {
    font-size: 18px;
    color: #fff !important;
    margin-bottom: 14px;
    max-height: inherit;
    overflow: inherit;
    margin-bottom: 0 !important;
    font-weight: 700
}

.todayNews-desc a {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 15px;
    text-decoration: none !important;
    display: block;
    overflow: hidden;
    color: hsla(0, 0%, 100%, .6) !important;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    line-height: 22px
}

.todayNews-desc {
    min-height: 20px;
    margin-top: 15px
}

.todayNews-desc h3 {
    margin-bottom: 10px !important
}

.today-webTv {
    font-size: 13px !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #1a253c;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 7px 30px 4px 0;
    position: relative;
    margin-bottom: 0 !important;
    max-height: inherit !important;
    overflow: inherit !important
}

.today-webTv, .todayNews-desc a:hover {
    color: #fff !important
}

.today-webTv img {
    width: 129px
}

.today-webTv:before {
    left: -10px
}

.today-webTv:after, .today-webTv:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    background: #1a253c;
    width: 10px
}

.today-webTv:after {
    right: -10px
}

.todayNewsVideo .title {
    height: 46px;
    display: block;
    position: absolute;
    top: -15px;
    left: 50%;
    background-color: #ea1b21;
    font-family: Segoe, Segoe UI, DejaVu Sans, Trebuchet MS, Verdana, sans-serif;
    font-size: 20px;
    color: #fff;
    font-weight: 700;
    line-height: 46px;
    white-space: nowrap;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.todayNewsVideo .title:after, .todayNewsVideo .title:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    border-bottom: 15px solid #810b0f
}

.todayNewsVideo .title:before {
    left: -15px;
    border-left: 15px solid transparent
}

.todayNewsVideo .title:after {
    right: -15px;
    border-right: 15px solid transparent
}

.todayNewsVideo .title .fa {
    display: inline-block;
    vertical-align: text-top;
    padding: 0 10px 0 20px;
    font-size: 30px
}

.todayNewsVideo .title .fa.fa-question {
    vertical-align: text-top;
    margin-top: -15px;
    padding: 0 20px 0 0;
    font-size: 80px;
    color: #730d10;
    text-shadow: 0 3px 3px #000;
    -webkit-transform: rotate(13deg);
    transform: rotate(13deg)
}

.todayNewsVideo .title:before {
    content: "";
    display: inline-block;
    vertical-align: top
}

.todayNewsVideo .player {
    width: 100%;
    padding-bottom: 56.25%;
    position: relative;
    background-color: #243455;
    -webkit-box-shadow: inset 0 0 10px #000;
    box-shadow: inset 0 0 10px #000;
    height: 0
}

.todayNewsVideo .player iframe {
    width: calc(100% - 10px) !important;
    height: calc(100% - 10px) !important;
    margin-bottom: 0 !important;
    position: absolute;
    top: 5px;
    left: 5px;
    overflow: visible
}

.randomVidCont .randomVidWrapper .todayNewsVideo {
    -webkit-transition: transform .5s ease;
    -webkit-transition: -webkit-transform .5s ease;
    transition: -webkit-transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease, -webkit-transform .5s ease
}

.randomVidCont .randomVidWrapper .todayNewsVideo .close-btn {
    display: none
}

.prayer-content {
    width: 100%;
    display: block;
    position: relative;
    padding: 50px 10px 10px;
    margin: 0 0 20px;
    background: #ccdde8 url(../img/prayer-bg.png) repeat 0 0
}

.prayer-content .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 50px;
    padding: 0 30px 0 180px;
    background: #01568c url(../img/prayer-title-bg.jpg) no-repeat 0 100%;
    font-size: 20px;
    color: #fff;
    font-weight: 700;
    position: absolute;
    top: -8px;
    left: 40px
}

.prayer-content .player {
    width: 100%;
    padding-bottom: 56.25%;
    position: relative;
    background-color: #243455
}

.prayer-content .player #live {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.prayer-content .player iframe {
    width: 100%;
    height: 100% !important;
    margin-bottom: 0 !important
}

.galleryItem .survey-new-iframe, .newsDetailText .newsBox .survey-new-iframe {
    height: 450px !important
}

.galleryItem .survey-new-iframe.type-2, .newsDetailText .newsBox .survey-new-iframe.type-2 {
    height: 570px !important
}

.galleryItem .survey-new-iframe.type-3, .newsDetailText .newsBox .survey-new-iframe.type-3 {
    height: 690px !important
}

.paginationFrame {
    text-align: center
}

.pagination {
    margin: 0 0 20px;
    font-family: Segoe, Segoe UI, DejaVu Sans, Trebuchet MS, Verdana, sans-serif;
    font-size: 18px;
    font-weight: 700;
    border-radius: 0
}

.pagination > li {
    height: 41px;
    float: left;
    line-height: 41px
}

.pagination > li > a, .pagination > li > span {
    display: block;
    padding: 8px 11px;
    float: none;
    color: #14233a !important;
    border-width: 0 1px;
    text-decoration: none !important
}

.pagination > .link > a, .pagination > .link > span, .pagination > .next > a, .pagination > .next > span, .pagination > .prev > a, .pagination > .prev > span {
    color: #1a84de !important
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover, .pagination > .current > a, .pagination > .current > a:focus, .pagination > .current > a:hover, .pagination > .current > span, .pagination > .current > span:focus, .pagination > .current > span:hover {
    background-color: #1a84de;
    border-color: #1a84de;
    color: #fff !important
}

.relatedNews .boxWrapper .items li {
    position: relative;
    border-top: 1px solid #d8d9dc
}

.relatedNews .boxWrapper .items li:first-child {
    border-top: none
}

.relatedNews .boxWrapper .items li a {
    height: 50px;
    display: block;
    padding-right: 20px;
    font-size: 18px;
    color: #14233a;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: 50px
}

.relatedNews .boxWrapper .items li a .fa {
    font-size: 12px;
    color: #c21717
}

.relatedNews .boxWrapper .items li a .fa.fa-fw {
    width: 40px
}

.pagedItems .pageTools, .pageTools:not(.view20) {
    margin-bottom: 20px
}

.pageTools ul {
    margin: 0 !important;
    width: 100%;
    background: #fff;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.pageTools ul li {
    height: 36px;
    display: block;
    margin: 0 !important;
    background-color: #1d2b58;
    text-align: center !important;
    line-height: 36px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.pageTools ul li:before {
    display: none !important
}

.pageTools ul li.face {
    background-color: #315c97
}

.pageTools ul li.twt {
    background-color: #39a9e0
}

.pageTools ul li.gplus {
    background-color: #dd4b39
}

.pageTools ul li.add {
    background-color: #cd1d1f
}

.pageTools ul li.comment {
    background-color: #14233a
}

.pageTools ul li.cropy {
    background-color: #eeda00;
    position: relative;
    z-index: 10
}

.pageTools ul li.print {
    background-color: #1d2b58
}

.pageTools ul li.send {
    background-color: #0054a6
}

.pageTools ul li.audio {
    background-color: #009ca6;
    position: relative
}

.pageTools ul li.flipboard {
    background-color: #e12828
}

.pageTools ul li.wp {
    background-color: #2da639
}

.pageTools ul li a {
    width: 100%;
    height: 36px;
    display: inline-block;
    vertical-align: top;
    font-size: 20px;
    color: #fff !important;
    font-weight: 500;
    line-height: 36px
}

.pageTools ul li.twt a {
    font-size: 22px
}

.pageTools ul li.wp a {
    font-size: 24px
}

.pageTools ul li a em {
    font-size: 14px;
    font-style: normal
}

.pageTools ul li .audio-player {
    width: 222px;
    height: 34px;
    display: none;
    position: absolute;
    top: 36px;
    right: 0;
    z-index: 10;
    border: 1px solid #c9c9c9
}

.pageTools ul li .audio-player audio {
    width: 220px
}

.pageTools ul li.audio:hover .audio-player {
    display: block
}

.pageTools ul li.google-btn {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-preferred-size: 200px;
    flex-basis: 200px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 10px;
    background-color: #fff
}

.pageTools ul li.google-btn .detail-google-news {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.pageTools ul li.google-btn .detail-google-news a, .pageTools ul li.google-btn .detail-google-news strong {
    display: inline-block;
    vertical-align: middle
}

.pageTools ul li.google-btn .detail-google-news strong {
    padding-right: 10px;
    height: 30px;
    line-height: 30px;
    color: #000;
    font-family: Arial;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase
}

.pageTools ul li.google-btn .detail-google-news a {
    width: 107px;
    height: 30px;
    background: url("../fonts/google-news.svg") 50% no-repeat;
    background-size: cover;
    border: 1px solid #939393
}

.widgetCaption {
    height: 38px;
    position: relative;
    font-size: 22px;
    color: #c21717;
    line-height: 38px
}

.column-right .widgetCaption {
    font-size: 22px !important
}

.widgetCaption.rule1 {
    padding-left: 20px
}

.widgetCaption.rule2 {
    text-align: center
}

.widgetCaption.rule2 span, .widgetCaption.rule3 span {
    height: 100%;
    display: inline-block;
    padding: 0 10px;
    position: relative;
    z-index: 2;
    background-color: #fff
}

.widgetCaption.rule2:before, .widgetCaption.rule3:before {
    content: "";
    width: 100%;
    height: 0;
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 1;
    border-top: 2px solid #c21717;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.widgetCaption a {
    display: block;
    color: #c21717
}

.widgetCaption .innerLink {
    position: absolute;
    top: 50%;
    right: 10px;
    font-size: 13px;
    color: #355f83;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.widgetCaption .innerLink:hover {
    color: #d11919
}

.widgetCaption a > em {
    max-height: 48px;
    position: absolute;
    bottom: 0;
    right: 8px;
    overflow: hidden
}

.widgetFrame {
    height: calc(100% - 38px);
    border-top: 2px solid #c21717
}

.widgetFrame.slideRelatedNews {
    border: none
}

.widgetFrame:not(.mostReadList) {
    background: #fff
}

.widgetFrame .innerLink {
    width: 100%;
    height: 32px;
    display: block;
    position: absolute;
    bottom: 0;
    background: #356083;
    font-size: 15px;
    color: #fff;
    text-align: center;
    line-height: 32px
}

.widgetFrame .innerLink .fa {
    padding-left: 6px
}

.widgetFrame .innerLink:hover {
    background: #c21717
}

.widgetFrame .boxWrapper {
    height: 100%;
    position: relative
}

.widgetFrame .boxWrapper.sliderWrapper {
    overflow: hidden
}

.widgetFrame.mostReadList .boxWrapper {
    padding-top: 20px
}

.widgetFrame .boxWrapper:after {
    content: "";
    display: table;
    clear: both
}

.txtlink {
    display: inline-table;
    width: 100%;
    margin-bottom: 20px;
    font-size: 20px;
    color: #356083;
    text-align: center
}

.txtlink > a {
    color: #356083;
    text-decoration: underline;
    display: inline-block;
    padding: 0 10px
}

.txtlink > a:hover {
    text-decoration: none;
    background: #356083;
    color: #fff !important
}

.txtlink.kirmizi > a {
    color: #dd4c39
}

.txtlink.kirmizi > a:hover {
    background: #dd4c39
}

.txtlink.mor > a {
    color: #7f3f98
}

.txtlink.mor > a:hover {
    background: #7f3f98
}

.txtlink.mavi > a {
    color: #4198d2
}

.txtlink.mavi > a:hover {
    background: #4198d2
}

.txtlink.sari > a {
    color: #f93
}

.txtlink.sari > a:hover {
    background: #f93
}

.txtlink.yesil > a {
    color: #693
}

.txtlink.yesil > a:hover {
    background: #693
}

.pure-txtlink {
    display: inline-table;
    margin-bottom: 20px;
    text-align: left
}

.pure-txtlink, .pure-txtlink > a {
    width: 100%;
    padding: 0;
    font-size: 17px;
    color: #4198d2 !important;
    font-weight: 400 !important
}

.pure-txtlink > a {
    text-decoration: none !important;
    display: inline-block;
    margin: 0;
    text-align: center
}

.pure-txtlink > a:hover {
    color: #4198d2;
    text-decoration: underline !important
}

.messageSend {
    display: none;
    font-weight: 700
}

.messageSend .head {
    height: 50px;
    background: #1d2647;
    font-size: 22px;
    color: #fff;
    text-align: center;
    line-height: 50px
}

.messageSend .wrapper {
    background: #fff;
    padding: 23px
}

.messageSend .wrapper .caption {
    margin-bottom: 20px;
    font-size: 28px;
    color: #c31717;
    text-align: center
}

.messageSend .wrapper table {
    width: 100%
}

.messageSend .wrapper td {
    padding-bottom: 10px;
    height: 26px
}

.messageSend .wrapper td input, .messageSend .wrapper td textarea {
    width: 100%;
    padding: 10px;
    -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, .2)
}

.messageSend .wrapper span.not {
    width: calc(100% - 120px);
    display: inline-block;
    font-size: 12px;
    line-height: 30px
}

.messageSend .wrapper .btn {
    float: right;
    width: 100px;
    height: 30px;
    background: #c31717;
    border: 0;
    font-weight: 400;
    font-size: 16px;
    color: #fff;
    font-weight: 700;
    cursor: pointer
}

.messageSend .alert {
    height: 40px;
    margin-bottom: 10px;
    padding: 0 10px;
    background: #dff0d8;
    border: 1px solid #d0e9c6;
    font-size: 14px;
    color: #468847;
    line-height: 40px;
    border-radius: 0
}

.messageSend .alert .fa {
    padding-right: 10px;
    font-size: 20px
}

.messageSend .alert.false {
    background-color: #fcf8e3;
    border-color: #faf2cc;
    color: #c09853
}

.messageSend .alert.warning {
    background-color: #f2dede;
    border-color: #ebcccc;
    color: #b94a48
}

.test-button {
    width: 440px;
    height: 44px;
    line-height: 44px;
    display: block;
    background: #cc0b29;
    margin: 44px auto 85px;
    position: relative;
    text-align: center;
    font-family: Segoe, Segoe UI, DejaVu Sans, Trebuchet MS, Verdana, sans-serif;
    font-size: 22px;
    color: #fff;
    letter-spacing: .3px;
    text-shadow: 0 0 3px #424242;
    -webkit-box-shadow: 0 2px 5px 1px #ccc;
    box-shadow: 0 2px 5px 1px #ccc;
    border-radius: 20px
}

.test-button:hover {
    color: #fff
}

.test-button .fa-angle-right {
    font-size: 28px;
    color: #fff;
    position: absolute;
    top: 7px;
    right: 112px;
    -webkit-transition: .2s linear;
    transition: .2s linear
}

.test-button:hover .fa-angle-right {
    right: 92px
}

.test-icon {
    width: 31px;
    height: 15px;
    background: url(../img/test-icon.png) no-repeat 0 -13px;
    display: inline-block;
    position: absolute;
    top: 14px;
    left: 93px;
    -webkit-transition: .2s linear;
    transition: .2s linear
}

.test-button:hover .test-icon {
    background-position: 0 0;
    top: 14px
}

.liveScroreWidget {
    background: #f7f8fa
}

.alert-info.yerel {
    font-size: 17px;
    line-height: normal;
    color: #d11919;
    background: rgba(209, 25, 25, .1);
    padding: 21px 26px;
    font-family: Segoe UI;
    font-weight: 500;
    border: 0;
    margin-bottom: 13px
}

.other-related-news .widgetCaption.rule2 span, .other-related-news .widgetCaption.rule3 span {
    padding-left: 0;
    font-weight: 700;
    margin-bottom: 10px;
    display: block;
    height: auto;
    font-size: 25px
}

.other-related-news .widgetCaption {
    height: auto
}

.other-related-news .headlineRelatedNews.type02 .multiple figcaption {
    position: relative !important
}

.other-related-news .headlineRelatedNews.type02 li {
    height: auto !important
}

.other-related-news .headlineRelatedNews.type02 figure > a:before {
    display: none
}

.other-related-news .headlineRelatedNews.type02 .multiple figcaption a {
    color: #000 !important;
    height: 84px !important;
    padding-bottom: 0 !important;
    font-weight: 700;
    text-decoration: none !important
}

.other-related-news .widgetFrame.slideRelatedNews, .other-related-news .widgetFrame.slideRelatedNews .sliderWrapper {
    height: auto
}

.other-related-news figure.multiple a img {
    width: 100%;
    max-width: 100%;
    height: 100% !important;
    position: absolute;
    top: 0;
    left: 0
}

.other-related-news figure.multiple a {
    padding-bottom: 59.56%
}

.other-related-news li {
    width: 211px !important
}

.other-related-news .slideRelatedNews ul:not(.pagination) li:before {
    display: none
}

.other-related-news .slideRelatedNews ul:not(.pagination) li + li {
    margin-left: 20px
}

.other-related-news .slideRelatedNews ul.slick-slider {
    display: block !important;
    margin-bottom: 3px
}

.other-related-news .slideRelatedNews ul.slick-slider li + li {
    margin-left: 0 !important
}

.other-related-news .sliderWrapper .headlineRelatedNews.type02 {
    width: calc(100% + 6px);
    margin-left: -6px;
    border: 0;
    margin-bottom: 0;
    padding-bottom: 0
}

.other-related-news .slick-list {
    overflow: inherit
}

.other-related-news .sliderWrapper .headlineRelatedNews .items .slick-next {
    right: 0 !important
}

.other-related-news .sliderWrapper .headlineRelatedNews .items .slick-prev {
    left: 0 !important;
    opacity: 1 !important;
    width: 30px;
    background: hsla(0, 0%, 100%, .7)
}

.other-related-news .sliderWrapper .headlineRelatedNews .items span.slick-arrow {
    opacity: 1 !important;
    width: 30px;
    background: hsla(0, 0%, 100%, .7);
    top: 0;
    -webkit-transform: inherit;
    transform: inherit;
    height: 117px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #c41717;
    font-weight: 700;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.other-related-news .sliderWrapper .headlineRelatedNews .items span.slick-arrow:hover {
    background: #fff
}

.other-related-news .sliderWrapper .headlineRelatedNews .items span.slick-arrow i {
    font-weight: 700
}

.other-related-news .sliderWrapper .headlineRelatedNews .items .slick-prev {
    left: 7px !important
}

.region-lists {
    -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, .27);
    box-shadow: 1px 1px 10px rgba(0, 0, 0, .27);
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    padding-top: 15px
}

.region-lists h2 {
    padding-left: 18px;
    padding-bottom: 15px;
    font-size: 17px;
    font-weight: 700;
    color: #d11919;
    border-bottom: 2px solid #d11919
}

.region-lists ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 15px 8px 0
}

.region-lists ul li {
    width: 33.33%;
    margin-bottom: 6px;
    padding-right: 3px
}

.region-lists ul li a {
    font-size: 16px;
    font-weight: 700;
    color: #152439;
    display: block;
    position: relative;
    padding: 6px 0 6px 10px;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.region-lists ul li a:before {
    content: "";
    width: 6px;
    height: 6px;
    background-color: #c41308;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.all-news:hover, .region-lists ul li a.selected {
    background: #c41308;
    color: #fff
}

.region-lists ul li a.selected:hover {
    color: #fff
}

.region-lists ul li a.selected:before {
    background: #fff
}

.region-lists ul li a.selected {
    padding-left: 13px
}

.region-lists ul li a.selected:before {
    left: 3px
}

.all-news {
    font-size: 15px;
    font-weight: 700;
    color: #152439;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 9px 0;
    background: rgba(21, 36, 57, .1);
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.region-lists ul li a:hover {
    color: #c41308
}

.all-news i {
    font-size: 18px;
    margin-left: 12px
}

.weather {
    height: auto;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: 50% !important;
    padding: 20px;
    margin-bottom: 20px;
    position: relative
}

.rain {
    background: url(../img/rain.jpg)
}

.sunny {
    background: url(../img/weather-style-04.jpg)
}

.hsy, .hy, .sy {
    background: url(../img/weather-style-01.jpg)
}

.cb {
    background: url(../img/weather-style-06.jpg)
}

.sck {
    background: url(../img/weather-style-04.jpg)
}

.ab, .pb {
    background: url(../img/weather-style-06.jpg)
}

.yky {
    background: url(../img/weather-style-12.jpg)
}

.sis {
    background: url(../img/weather-style-13.jpg)
}

.pus {
    background: url(../img/weather-style-14.jpg)
}

.don {
    background: url(../img/weather-style-10.jpg)
}

.w-icon i:before {
    font-size: 60px;
    color: #fff
}

.weather:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .42)
}

.w-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    z-index: 9;
    font-size: 15px;
    color: #fff;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #fff
}

.w-title, .w-title h3 {
    font-weight: 700
}

.w-title span {
    padding-left: 13px;
    margin-left: 13px;
    border-left: 1px solid #fff;
    text-shadow: 1.6px 1.2px 1px rgba(9, 28, 64, .53)
}

.w-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 15px;
    position: relative;
    z-index: 8
}

.degree h4 {
    font-size: 65px;
    letter-spacing: .65px;
    margin-bottom: 9px
}

.degree h4, .degree span {
    text-shadow: 1.6px 1.2px 1px rgba(9, 28, 64, .53);
    font-weight: 600;
    text-align: center;
    color: #fff
}

.degree span {
    font-size: 29.5px;
    letter-spacing: .3px
}

.w-icon span {
    display: block;
    text-shadow: 1.6px 1.2px 1px rgba(9, 28, 64, .53);
    font-size: 15px;
    font-weight: 600;
    letter-spacing: .15px;
    text-align: center;
    color: #fff;
    margin-top: 13px;
    width: 60px
}

.column-right-sticky.yerel-haber-right .multiple img {
    height: auto !important
}

.yerel-haber-right .multiple > a {
    padding-bottom: 59.56%
}

.order-list-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 20px;
    background: #fff;
    border: 1px solid #e3e3e3;
    border-top: none;
    border-bottom: none;
    position: relative;
    -webkit-box-shadow: 0 0 5px #e2e2e2;
    box-shadow: 0 0 5px #e2e2e2;
    border-top: 2px solid #be3027
}

.order-list-box:after {
    content: "";
    width: 100%;
    height: 2px;
    background: #e3e3e3;
    position: absolute;
    left: 0;
    bottom: 0
}

.order-list-box li {
    width: 100%;
    margin: 0 !important;
    font-weight: 400 !important;
    border-bottom: 1px solid #e3e3e3
}

.order-list-box li:before {
    display: none !important
}

.order-list-box.col2 li {
    width: 50%
}

.order-list-box li a {
    display: block;
    font-size: 16px;
    color: #111c32;
    font-weight: 500;
    padding: 12px 10px 12px 20px;
    position: relative;
    text-decoration: none !important
}

.order-list-box li a:before {
    content: "";
    display: inline-block;
    width: 4px;
    height: 4px;
    background: #be3027;
    position: relative;
    top: -4px;
    left: -5px
}

.homeContent .row {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.homeContent .row, .widget-article-listen.type1 {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex
}

.widget-article-listen.type1 {
    width: 100%;
    margin: 0 0 10px;
    background-color: #fff;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

div:not(.col-sm-12) > .widget-article-listen.type1 {
    padding-left: 10px;
    padding-right: 10px
}

.pagedItems .widget-article-listen.type1 {
    margin-bottom: 20px
}

.writer-frame .widget-article-listen.type1 {
    margin-bottom: 0
}

.widget-article-listen.type1 .wrapper {
    -webkit-box-pack: justify;
    width: 100%;
    height: 40px;
    background-color: #415f80;
    border: 2px solid #415f80;
    border-radius: 40px;
    overflow: hidden
}

.widget-article-listen.type1 .wrapper, .widget-article-listen.type1 .wrapper .listen-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.widget-article-listen.type1 .wrapper .listen-info {
    -webkit-box-flex: 0;
    -ms-flex: 0;
    flex: 0;
    -ms-flex-preferred-size: 140px;
    flex-basis: 140px;
    height: 100%;
    padding: 0 10px;
    position: relative;
    z-index: 1;
    cursor: pointer
}

.widget-article-listen.type1 .wrapper .listen-info:after {
    content: "";
    width: 45px;
    height: 100%;
    position: absolute;
    top: 0;
    right: -45px
}

.widget-article-listen.type1 .wrapper .listen-info.disabled {
    position: static;
    pointer-events: none;
    cursor: pointer
}

.widget-article-listen.type1 .wrapper .listen-info.disabled:after {
    display: none
}

.widget-article-listen.type1 .wrapper .listen-info .fa {
    font-size: 20px;
    color: #fff
}

.widget-article-listen.type1 .wrapper .listen-info .listen-title {
    padding: 11px 5px;
    font-size: 12px;
    line-height: 1.3;
    color: #fff;
    overflow: hidden !important;
    text-overflow: ellipsis;
    font-weight: 400
}

.widget-article-listen.type1 .wrapper .audio {
    padding: 0 14px 0 2px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background-color: #fff
}

.widget-article-listen.type1 .wrapper .audio .gtm-tracker {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.widget-article-listen.type1 .wrapper .audio .progress {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.widget-article-listen.type1 .wrapper .audio .listen-time {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
}

.widget-article-listen.type1 .wrapper .audio .vol-ctrl {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4
}

.widget-article-listen.type1 .wrapper .audio .volume {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5
}

.widget-article-listen.type1 .wrapper .audio button {
    width: 35px;
    height: 40px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 50%;
    color: #415f80;
    cursor: pointer
}

.widget-article-listen.type1 .wrapper .audio .gtm-tracker.pause {
    background-size: 50%;
    background-image: url("../fonts/icon-listen-pause-black.svg")
}

.widget-article-listen.type1 .wrapper .audio .gtm-tracker.play {
    background-size: 35%;
    background-image: url("../fonts/icon-listen-play-black.svg")
}

.widget-article-listen.type1 .wrapper .audio .vol-ctrl {
    border-left: 1px solid #d2d9e1
}

.widget-article-listen.type1 .wrapper .audio .vol-ctrl .fa {
    display: none;
    font-size: 18px
}

.widget-article-listen.type1 .wrapper .audio .vol-ctrl.vol-down .fa-volume-down, .widget-article-listen.type1 .wrapper .audio .vol-ctrl.vol-off .fa-volume-off, .widget-article-listen.type1 .wrapper .audio .vol-ctrl.vol-up .fa-volume-up {
    display: block
}

.widget-article-listen.type1 .wrapper .audio .progress, .widget-article-listen.type1 .wrapper .audio .volume {
    position: relative;
    height: 8px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background-color: #a7b2bd;
    border-radius: 5px;
    overflow: hidden;
    cursor: pointer;
    margin: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.widget-article-listen.type1 .wrapper .audio .progress {
    margin-right: 10px;
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}

.widget-article-listen.type1 .wrapper .audio .progress .ui-widget-header, .widget-article-listen.type1 .wrapper .audio .volume .ui-widget-header {
    background-color: #415f80
}

.widget-article-listen.type1 .wrapper .audio .listen-time {
    font-size: 11px;
    color: #415f80;
    min-width: 70px;
    font-weight: 400;
    line-height: normal
}

.widget-article-listen.type1 .wrapper .audio .listen-time i {
    position: relative;
    display: inline-block;
    vertical-align: top;
    font-style: normal;
    overflow: hidden
}

.widget-article-listen.type1 .wrapper .audio .listen-time i:first-child {
    padding-right: 8px
}

.widget-article-listen.type1 .wrapper .audio .listen-time i:first-child:after {
    content: " /";
    width: 5px;
    position: absolute;
    top: 0;
    right: 0;
    text-align: right
}

.widget-article-listen.type1 .wrapper .audio .all-link {
    height: 40px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 10px;
    border-left: 1px solid #d2d9e1;
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
    white-space: nowrap
}

.widget-article-listen.type1 .wrapper .audio .all-link a {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 5px;
    font-size: 12px;
    color: #415f80;
    font-weight: 400;
    line-height: normal;
    text-align: center
}

.widget-article-listen.type1 .wrapper .audio .all-link a .fa {
    margin-left: 5px
}

.widget-article-listen.type1 .ui-button, .widget-article-listen.type1 .ui-button.ui-state-disabled:active, .widget-article-listen.type1 .ui-button.ui-state-disabled:hover, .widget-article-listen.type1 .ui-state-default, .widget-article-listen.type1 .ui-widget-content .ui-state-default, .widget-article-listen.type1 .ui-widget-header .ui-state-default {
    height: 15px;
    width: 15px;
    top: -4px;
    background: #415f80;
    border-radius: 50%;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #fff;
    cursor: pointer
}

.contents {
    margin-bottom: 20px
}

.contents ul li:before {
    display: none !important
}

.contents ul li a {
    text-decoration: none !important;
    color: #346183 !important;
    font-weight: 700;
    display: block;
    border-bottom: 1px solid #fff;
    font-size: 18px;
    line-height: normal;
    padding: 10px 0
}

.contents ul, .contents ul li {
    margin-bottom: 0 !important
}

.contents ul li:last-child {
    border: 0
}

.contents ul {
    padding: 20px 24px;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 8px 0 rgb(52 97 131/10%);
    box-shadow: 0 0 8px 0 rgb(52 97 131/10%);
    border: 1px solid rgba(52, 97, 131, .13);
    background-color: #fff
}

.contents h3 {
    margin-bottom: 12px !important;
    font-weight: 700;
    color: #000 !important;
    font-size: 18px !important
}

.contents ul li a svg {
    margin-right: 5px
}

#zuck-modal {
    position: fixed !important
}

#stories {
    height: 140px;
    margin-top: 15px;
    margin-bottom: 20px
}

.stories.carousel {
    overflow-y: hidden !important
}

#zuck-modal-content .story-viewer .tip {
    text-transform: inherit
}

#zuck-modal-content .story-viewer.with-back-button .head .left > .back {
    font-size: 0
}

#zuck-modal-content .story-viewer.with-back-button .head .left > .back:after {
    content: "\f104";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    position: absolute;
    left: 0;
    font-size: 36px
}

#zuck-modal-content .story-viewer .head .right .close {
    display: block !important;
    color: #fff;
    position: absolute;
    right: 20px;
    top: 0
}

.currency-view {
    display: table;
    margin: 0 auto 30px
}

.currency-view img {
    max-width: 100%;
    height: auto
}

@media (min-width: 768px) {
    .next-page-btn {
        height: 41px
    }

    .column-left.modal-closing .modal-closing-btn {
        margin-left: 704px
    }

    .socialExtra .billBoardFrame {
        width: 750px
    }

    .socialExtraBtn.stickyExtra {
        width: 730px
    }

    .socialExtra section .topDetail {
        padding: 80px 0 30px
    }

    .sliderFrame .sliderWrapper {
        width: 100%;
        margin-bottom: 20px
    }

    body :not(.stickyRelatedNews) .widgetCaption {
        font-size: 20px
    }

    .mostReadList .multiple figcaption a, .rule4 .multiple figcaption a, .special .multiple figcaption a {
        height: 84px
    }

    .sideList {
        width: 100%;
        display: inline-block;
        vertical-align: top;
        padding: 0;
        float: none
    }

    .sideList figure {
        width: 355px;
        margin-left: 20px;
        float: left
    }

    .sideList figure:first-child {
        margin-left: 0
    }

    .sideList figure img {
        height: 211px
    }

    .newsDetailText .newsBox .videoModule, .newsDetailText .newsBox .videoModule .videoIframe {
        width: 730px;
        height: 411px;
        padding: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .column-right .row > div:not(.visibleZone) {
        display: none
    }

    .order-list-box li a {
        font-size: 18px
    }

    .randomVidCont.fixed-show {
        margin-bottom: 20px
    }

    .randomVidCont.fixed-show:before {
        width: 100%;
        height: 0;
        position: static;
        display: block;
        padding-bottom: 56.25%
    }

    .randomVidCont.fixed-show .randomVidWrapper {
        width: 0;
        height: 100%;
        margin: 0;
        position: fixed;
        bottom: 0;
        left: 10px;
        z-index: 2147483647
    }

    .randomVidCont.fixed-show .randomVidWrapper .todayNewsVideo {
        width: 320px;
        height: 190px;
        margin: 0;
        padding: 10px;
        background-color: #fff;
        position: absolute;
        left: 0;
        z-index: 1;
        -webkit-transform: translateY(calc(100vh - 203px));
        transform: translateY(calc(100vh - 203px));
        -webkit-box-shadow: 0 0 7px 0 rgb(0 0 0/40%);
        box-shadow: 0 0 7px 0 rgb(0 0 0/40%)
    }

    .randomVidCont.fixed-show.fixed-up .randomVidWrapper .todayNewsVideo {
        -webkit-transition: none;
        transition: none
    }

    .randomVidCont.fixed-show .randomVidWrapper .todayNewsVideo .todayNews-desc {
        height: 44px;
        display: none;
        margin-top: 5px;
        overflow: hidden
    }

    .randomVidCont.fixed-show .randomVidWrapper .todayNewsVideo .todayNews-desc h3 > a {
        font-size: 14px;
        color: #000 !important;
        line-height: 20px;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        -webkit-line-clamp: 2
    }

    .randomVidCont.fixed-show .randomVidWrapper .todayNewsVideo .close-btn {
        width: 88px;
        height: 32px;
        display: block;
        background-color: #fff;
        position: absolute;
        top: -30px;
        left: 0;
        font-size: 14px;
        color: #000;
        font-weight: 700;
        line-height: 34px;
        text-align: center;
        cursor: pointer;
        -webkit-box-shadow: 0 -3px 5px 0 rgb(0 0 0/30%);
        box-shadow: 0 -3px 5px 0 rgb(0 0 0/30%)
    }

    .randomVidCont.fixed-show .randomVidWrapper .todayNewsVideo .close-btn .del-icon {
        width: 20px;
        height: 20px;
        display: inline-block;
        vertical-align: text-top;
        margin-right: 3px;
        position: relative;
        background-color: #d83832;
        border-radius: 50%
    }

    .randomVidCont.fixed-show .randomVidWrapper .todayNewsVideo .close-btn .del-icon:after, .randomVidCont.fixed-show .randomVidWrapper .todayNewsVideo .close-btn .del-icon:before {
        content: "";
        position: absolute;
        left: 9px;
        top: 4px;
        height: 12px;
        width: 2px;
        border-radius: 3px !important;
        background-color: #fff
    }

    .randomVidCont.fixed-show .randomVidWrapper .todayNewsVideo .close-btn .del-icon:before {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .randomVidCont.fixed-show .randomVidWrapper .todayNewsVideo .close-btn .del-icon:after {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    .newsDetailText .newsBox .ad-control-full {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .newsDetailText .newsBox .ad-control-full > div {
        margin: 0 0 20px !important
    }
}

@media (min-width: 992px) {
    .infinitegallery .column-right {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .infinitegallery .column-left {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .column-left.modal-closing .modal-closing-btn {
        margin-left: 605px
    }

    .socialExtra .billBoardFrame {
        width: 980px
    }

    .socialExtraBtn.stickyExtra {
        width: 960px
    }

    .socialExtra section .topDetail {
        padding: 30px 163px
    }

    body :not(.stickyRelatedNews) .widgetCaption {
        font-size: 18px
    }

    .multiple figcaption a {
        height: 58px
    }

    .mostReadList .multiple figcaption a, .special2 .multiple figcaption a, .special .multiple figcaption a {
        height: 64px
    }

    .column-right .mostReadList .multiple img {
        height: auto
    }

    .newsDetailText .newsBox .videoModule, .newsDetailText .newsBox .videoModule .videoIframe {
        width: 633px;
        height: 356px
    }

    .column-right .row > div:not(.visibleZone) {
        display: block
    }

    .newsDetailText .newsBox .ad-control-full {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media (min-width: 1200px) {
    .column-left.modal-closing .modal-closing-btn {
        margin-left: 620px
    }

    .socialExtra .billBoardFrame {
        width: 1000px
    }

    .socialExtraBtn.stickyExtra {
        width: 980px
    }

    .socialExtra section .topDetail {
        padding: 30px 160px
    }

    body :not(.stickyRelatedNews) .widgetCaption {
        font-size: 19px
    }

    .mostReadList .multiple figcaption a, .multiple figcaption a, .special2 .multiple figcaption a {
        height: 62px
    }

    .verticalNewsList figure.other {
        padding: 0 20px
    }

    .column-right .mostReadList .multiple img {
        height: auto
    }

    .newsDetailText .newsBox .videoModule, .newsDetailText .newsBox .videoModule .videoIframe {
        width: 647px;
        height: 364px
    }

    .newsDetailText .newsBox .ad-control-full {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media (min-width: 1441px) {
    .column-left.modal-closing .modal-closing-btn {
        margin-left: 725px
    }

    .socialExtra .billBoardFrame {
        width: 1158px
    }

    .socialExtraBtn.stickyExtra {
        width: 1158px;
        margin-left: -10px
    }

    .socialExtra section .topDetail {
        padding: 30px 190px
    }

    .widgetCaption {
        font-size: 22px
    }

    .multiple figcaption a {
        height: 64px
    }

    .mostReadList .multiple figcaption a, .special .multiple figcaption a {
        height: 88px;
        padding-top: 6px
    }

    .special2 .multiple figcaption a {
        height: 64px
    }

    .newsDetailText .newsBox .videoModule, .newsDetailText .newsBox .videoModule .videoIframe {
        width: 752px;
        height: 423px
    }
}