@font-face {
     font-family: 'BAHNSCHRIFT';
     src: local('BAHNSCHRIFT'), url('https://wwww.3music.tv/frontend/assets/fonts/BAHNSCHRIFT.TTF') format('ttf');
     font-display: swap;
}

/* ===================================== Globals ===============================================*/
     *{
         padding: 0;
         margin: 0;
         box-sizing: border-box;
    }
     html {
         scroll-behavior: smooth;
         font-family: 'BAHNSCHRIFT', sans-serif !important;
    }
     body{
         color: #000;
         font-family: 'BAHNSCHRIFT', sans-serif !important;
         background-color: #f2f2f2;
         -webkit-font-smoothing: antialiased;
         scroll-behavior: smooth;
         text-rendering: optimizeSpeed;
    }
     a, abbr, address, article, aside, audio, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt,  embed, fieldset, figcaption, figure, footer, form,  header, html,  iframe, img, ins, kbd, label, legend, li, main, mark, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, u, ul, var, video {
         margin: 0;
         padding: 0;
         border: 0;
         font-size: 100%;
         font: inherit;
         vertical-align: baseline;
         font-family: 'BAHNSCHRIFT', sans-serif ;
         font-weight: inherit;
    }
      h1, h2{
          margin: 0;
          padding: 0;
          border: 0;
          font-size: 100%;
          font: inherit;
          vertical-align: baseline;
          font-weight: bolder;
          font-family: 'BAHNSCHRIFT', sans-serif ;
     }
      h3, h4, h5, h6, b, strong{
          margin: 0;
          padding: 0;
          border: 0;
          font-size: 100%;
          font: inherit;
          vertical-align: baseline;
          font-weight: bolder;
          font-family: 'BAHNSCHRIFT', sans-serif ;
     }
     img {
         overflow-clip-margin: content-box;
         overflow: clip;
     }
     .font-weight-bold{
          font-weight: bolder !important;
          font-family: 'BAHNSCHRIFT', sans-serif;
     }
     .fw-bold{
          font-weight: bolder !important;
          font-family: 'BAHNSCHRIFT', sans-serif;
     }
     .fw-bolder{
          font-weight: bolder !important;
          font-family: 'BAHNSCHRIFT', sans-serif;
     }
     .hor_post_card_title>a{
        font-weight: bolder !important;
        font-family: 'BAHNSCHRIFT', sans-serif;
     }
     .post_card_md .post_short_desc_md > a {
        font-weight: bolder !important;
        font-family: 'BAHNSCHRIFT', sans-serif;
     }
     .post_short_desc_md {
        font-weight: bolder !important;
        font-family: 'BAHNSCHRIFT', sans-serif;
     }
     .post_title {
        font-weight: bolder !important;
        font-family: 'BAHNSCHRIFT', sans-serif;
     }
     a {
         text-decoration: none;
         cursor: pointer;
         color: #000;
    }
     a:hover {
         text-decoration: none;
         cursor: pointer;
         color: #fe4d55;
    }
     .fluid_img{
         height: 100%;
         width: 100%;
         object-fit: cover;
         object-position: center;
    }
     .lg_screen_img{
         width: 100%;
         height: 60%;
    }
     .border_radius_sm{
         border-radius: 0.44rem !important;
    }
     .border_radius_md{
         border-radius: 0.88rem !important;
    }
     .border_radius_top_sm{
         border-radius: 0.44rem 0.44rem 0 0 !important;
    }
     .border_radius_top_md{
         border-radius: 0.88rem 0.88rem 0 0 !important;
    }
     .border_radius_buttom_sm{
         border-radius: 0 0 0.44rem 0.44rem !important;
    }
     .border_radius_buttom_md{
         border-radius: 0 0 0.88rem 0.88rem !important;
    }
     .boder_all_grey {
         border: 1px solid rgba(255, 255, 255, 0.2);
    }
     .boder_horizontal_grey {
         border-left: 1px solid rgba(255, 255, 255, 0.2);
         border-right: 1px solid rgba(255, 255, 255, 0.2);
    }
     .boder_vertical_grey {
         border-top: 1px solid rgba(255, 255, 255, 0.2);
         border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    }
     .boder_left_grey {
         border-left: 1px solid rgba(255, 255, 255, 0.2);
    }
     .boder_right_grey {
         border-right: 1px solid rgba(255, 255, 255, 0.2);
    }
     .boder_top_grey {
         border-top: 1px solid rgba(255, 255, 255, 0.2);
    }
     .boder_bottom_grey {
         border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    }
     .boder_all_dark {
         border: 1px solid rgba(0, 0, 0, 0.3);
    }
     .boder_horizontal_dark {
         border-left: 1px solid rgba(0, 0, 0, 0.2);
         border-right: 1px solid rgba(0, 0, 0, 0.2);
    }
     .boder_vertical_dark {
         border-top: 1px solid rgba(0, 0, 0, 0.2);
         border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    }
     .boder_top_dark {
         border-top: 1px solid rgba(0, 0, 0, 0.2);
    }
     .boder_bottom_dark {
         border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    }
     .boder_left_dark {
         border-left: 1px solid rgba(0, 0, 0, 0.2);
    }
     .boder_right_dark {
         border-right: 1px solid rgba(0, 0, 0, 0.2);
    }
     .boder_all_no {
         border: none;
    }
     .boder_horizontal_no {
         border-left: 0 ;
         border-right: 0 ;
    }
     .boder_vertical_no {
         border-top: 0 ;
         border-bottom: 0 ;
    }
     .boder_left_no {
         border-left: 0 ;
    }
     .boder_right_no {
         border-right: 0;
    }
     .boder_top_no {
         border-top: 0;
    }
     .boder_bottom_no {
         border-bottom: 0;
    }
     .fs_7 {
         font-size: .68rem !important;
         line-height: normal !important;
    }
     .fw_200 {
         font-weight: 200;
    }
     .fw_400 {
         font-weight: 400;
    }
     .fw_500 {
         font-weight: 500;
    }
     .fw_600 {
         font-weight: 600;
    }
     .fw_700 {
         font-weight: 700;
    }
     .fw_800 {
         font-weight: 800;
    }
     .fw_900 {
         font-weight: 900;
    }
     .no_paddding_x {
         padding-left: 0 !important;
         padding-right: 0 !important;
    }
     .no_paddding_y {
         padding-top: 0 !important;
         padding-bottom: 0 !important;
    }
    /* Bootstrapp icons */
     .bi {
         width: 1rem;
         height: 1rem;
    }
     .bi.bi-middle::before {
         vertical-align: middle;
    }
     .bi.bi-center::before {
         line-height: 1.3;
    }
     .bi.bi-sub::before {
         vertical-align: sub;
    }
     .header_h3 {
         font-size: 1.8rem;
         font-weight: 900;
         text-transform: uppercase;
         padding-top: 0.3rem;
         margin-bottom: .075rem;
         text-transform: uppercase;
    }
     .header_h4 {
         font-size: 1.5rem;
         font-weight: 800;
         text-transform: uppercase;
         padding-top: 0.3rem;
         margin-bottom: .075rem;
         text-transform: uppercase;
    }
     .text_white{
         color: #fff;
    }
     .text_black{
         color: #000;
    }
     .text_primary{
         color: #fe4d55;
    }
     .bg_primary{
         background-color: #fe4d55;
         color: #fff;
    }
     .bg_black{
         background-color: #000;
         color: #fff;
    }
     .bg_light{
         background-color: #f2f2f2;
         color: #000;
    }
     .bg_white{
         background-color: #fff;
         color: #000;
    }
     .btn {
         border: 1px solid transparent;
         border-radius: 1px;
         cursor: pointer;
         overflow: hidden;
         -webkit-tap-highlight-color: transparent;
         -webkit-transition: background-color 0.3s ease-in-out, transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, fill 0.3s ease-in-out, color 0.3s ease-in-out, -webkit-filter 0.3s ease-in-out;
         transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, fill 0.3s ease-in-out, color 0.3s ease-in-out, filter 0.3s ease-in-out;
         transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, fill 0.3s ease-in-out, color 0.3s ease-in-out, filter 0.3s ease-in-out, -webkit-filter 0.3s ease-in-out;
         outline: none;
    }
     ::-webkit-scrollbar {
         width: 10px;
    }
    /* Track */
     ::-webkit-scrollbar-track {
         background: #f1f1f1;
    }
    /* Handle */
     ::-webkit-scrollbar-thumb {
         background: #888;
    }
    /* Handle on hover */
     ::-webkit-scrollbar-thumb:hover {
         background: #555;
    }
    /* disable selection */
     .noselect {
         -webkit-touch-callout: none;
        /* iOS Safari */
         -webkit-user-select: none;
        /* Safari */
         -khtml-user-select: none;
        /* Konqueror HTML */
         -moz-user-select: none;
        /* Old versions of Firefox */
         -ms-user-select: none;
        /* Internet Explorer/Edge */
         user-select: none;
        /* Non-prefixed version, currently supported by Chrome, Opera and Firefox */
    }
    /* grid masonary */
     .grid-layout {
         display: grid;
         grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    }

    .img_container_md{
         display: block;
         height: 18.56rem !important;
         width: 100%;
         padding: 0;
         background-color: #000;
    }
    .img_container_md_hlf{
         display: block;
         height: 12.56rem !important;
         width: 100%;
         padding: 0;
         background-color: #000;
    }
/* ===================================== // End Globals ===============================================*/
/* ===================================== Navigation Bar ===============================================*/
     nav .nav_wrapper{
         height: 65px;
         padding: 10px 15px;
         margin: 0 auto;
         background-color: #000;
         border-bottom: 1px solid #000;
    }
     .nav_wrapper{
         background-color: #000;
         padding-top: 0;
         padding-bottom: 0;
    }
     .navbar_container{
         background-color: #000;
         padding-top: 5px;
         padding-bottom: 5px;
    }
     .nav_btn_container{
         align-items: center;
         display: flex;
    }
     .navbar_logo {
         margin-right: 10rem;
    }
     .navbar-nav {
         align-items: center;
         display: flex;
    }
     .navbar span .navbar-toggler-icon {
         color: #fff;
         border-color: transparent;
    }
     .navbar.navbar-toggler-icon {
         color: #fff;
         border-color: transparent;
    }
     .navbar .navbar-nav .nav-item.active>a {
         background-color: #fff;
         color: #000;
         font-weight: 900;
    }
     .navbar .navbar-nav .nav-link {
         font-family: 'BAHNSCHRIFT', sans-serif;
         font-weight: 900;
         font-size: .8375rem;
         text-transform: uppercase;
         padding: 4px 7px;
         display: inline-block;
         color: #fff;
         justify-content: center;
         flex: 1;
    }
     .navbar .navbar-nav .nav-link:hover{
         background-color: #fff;
         color: #000;
         font-weight: 900;
    }
     .navbar .navbar-nav .nav-link:active, .navbar .navbar-nav .nav-link:focus{
         background-color: #fff;
         color: #000;
         font-weight: 900;
    }
     .navbar .navbar-nav .nav_link_award a {
         color: #fff;
         font-size: 0.9rem;
         font-weight: 900;
         text-transform: uppercase;
         background-color: #fe4d55;
    }
     .navbar .navbar-nav .nav_link_award.active>a {
         color: #fff;
         font-weight: 900;
         text-transform: uppercase;
         background-color: #fe4d55;
    }
     .navbar .navbar-nav .soc-link{
         padding: 0.5rem;
    }
     .navbar .navbar-nav .soc-link {
         color: #fff;
    }
     .navbar .navbar-nav .soc-link .bi-facebook:hover{
         color: #4267B2;
    }
     .navbar .navbar-nav .soc-link .bi-twitter:hover{
         color: #1DA1F2;
    }
     .navbar .navbar-nav .soc-link .bi-youtube:hover{
         color: #FF0000;
    }
     .navbar .navbar-nav .soc-link .bi-instagram:hover{
         color: #E1306C;
    }
     .navbar .navbar-nav .soc-link .fa-tiktok:hover{
         color: #fc5859;
    }
     .navbar .megamenu{
         position: fixed;
         top: 0;
         left: 0;
         height: 100%;
         width: 100vw;
         background-color: #000;
         letter-spacing: 0;
         z-index: 2147483647;
         transition: opacity .3s ease .1s,transform .2s ease;
         transform: translateZ(0);
         opacity: 1;
         overscroll-behavior: contain;
         box-sizing: border-box;
         padding: 1rem;
         border-radius: 0;
    }
     .megamenu_icon{
         margin-left: 2rem;
    }
     .navbar .navbar-nav .megamenu_icon i{
         font-size: 1.2rem;
         line-height: normal;
    }
     .navbar .navbar-nav .megamenu_icon i:hover{
         font-size: 1.2rem;
         color: #000;
    }
     .navbar .navbar-nav .megamenu_close_btn{
         float: right;
         font-size: 4.5rem;
         font-weight: lighter;
    }
     .navbar .navbar-nav .megamenu_logo img{
         height: 80px;
         width: 80px;
    }
     .navbar .navbar-nav .megamenu_search_form{
         padding-top: 2rem;
    }
     .navbar .navbar-nav .megamenu_search_form input[type="search"] {
         background-color: transparent;
         outline: none;
         font-family: 'BAHNSCHRIFT', sans-serif;
         font-weight: 800;
    }
     .navbar .navbar-nav .megamenu_search_form input[type="search"]:focus {
         background-color: transparent;
         outline: none;
         -webkit-box-shadow: 0 0 0 0;
         -ms-box-shadow: 0 0 0 0;
         -o-box-shadow: 0 0 0 0;
         box-shadow: 0 0 0 0;
         font-family: 'BAHNSCHRIFT', sans-serif;
         font-weight: 800;
    }
     .navbar .navbar-nav .megamenu_title{
         color: #d8d8d8;
         font-size: .875rem;
         font-family: BAHNSCHRIFT,sans-serif;
         font-weight: 400;
         text-transform: uppercase;
         margin-bottom: 10px;
    }
     .navbar .navbar-nav .megamenu_list{
    }
     .navbar .navbar-nav .megamenu_list a{
         font-family: 'BAHNSCHRIFT', sans-serif;
         font-size: 1.875rem;
         font-weight: 900;
         display: inline-block;
         position: relative;
         color: #fff;
         padding: 2px 0;
         line-height: 1.2;
         text-transform: uppercase;
         transition: padding .2s ease,font-size .2s ease;
    }
/* ===================================== // End Navigation Bar ===============================================*/
/* ===================================== Page content ===============================================*/
     .page_wrapper{
         margin-top: 0.01rem;
         max-width: 100vw;
         overflow-x: hidden;
    }
     .ad_banner_fw {
         min-height: 150px;
         max-height: 230px;
         width: 100%;
         padding: 0;
         background-color: #000;
         border-top: 1px solid lightgray;
         border-left: 2px solid black;
         border-right: 2px solid black;
    }
     .ad_banner_fw img{
         width: 100%;
         height: 100%;
         object-fit: cover;
         object-position: center;
    }
     .breaking_post{
         padding-top: 0.18rem;
         padding-bottom: 0;
         background-color: #000;
         color: #fff;
         border-top: 1px solid lightgray;
         border-bottom: 1px solid gray;
    }
     .breaking_post .maquee_item{
         margin-right: 3rem;
         font-size: 1.056rem;
         font-weight: 900;
         color: #fff;
    }
     .breaking_post .maquee_item:nth-child(n+2)::before{
         margin-right: 2.2rem;
         font-size: 1.056rem;
         font-weight: 900;
         color: #fff;
         content: "<< ";
    }
    /* Hero */
     .hero {
         background-color: #fff;
    }
     .hero .hero_post_lg {
         border-right: 1px solid lightgray;
         padding-bottom: 1.8rem;
    }
     .hero .hero_post_lg h2{
         margin-bottom: 1.2rem;
         padding-top: 1.2rem;
         font-size: 3rem;
         max-width: 88.63%;
         display: block;
         color: #000;
         font-weight: 900;
         line-height: 1.2;
         overflow: hidden;
         display: -webkit-box;
         -webkit-line-clamp: 3;
         -webkit-box-orient: vertical;
    }
     .hero .hero_post_lg h2 a:hover{
         text-decoration-line: underline;
         text-decoration-style: solid;
         text-decoration-color: #000;
         color: #000;
    }
     .hero .hero_post_lg h6{
         font-size: 0.79rem;
         max-width: 88.63%;
         color: #000;
         display: block;
         padding-bottom: 1.6rem;
    }
     .hero .hero_post_lg h6 span{
         font-weight: 800;
    }
     .hero .hero_img_container_lg{
         height: 70vh;
         width: 100%;
         padding: 0;
         display: block;
         background-color: #000;
    }
     .hero .hero_top_stories h3 {
         font-size: 1.8rem;
         font-weight: 900;
         text-transform: uppercase;
         padding-top: 0.3rem;
         margin-bottom: .075rem;
         color: #000;
    }
     .hero .hero_top_stories .hero_top_stories_slide{
         padding: 0.3rem;
    }
     .hero .hero_top_stories .hero_top_stories_slide .img_container_md{
         height: 250px;
         width: 100%;
         padding: 0;
         background-color: #000;
    }
     .hero .hero_top_stories .hero_top_stories_items h6{
         font-size: 0.70rem;
         color: #000;
         display: block;
         padding-top: 0.75rem;
         padding-bottom: 0.65rem;
    }
     .hero .hero_top_stories .hero_top_stories_items h6 span{
         font-weight: 800;
    }
     .hero .hero_top_stories .hero_top_stories_items h2 {
         margin-bottom: 1.2rem;
         font-size: 1.2rem;
         display: block;
         color: #000;
         font-weight: 800;
         line-height: 1.2;
         overflow: hidden;
         display: -webkit-box;
         -webkit-line-clamp: 2;
         -webkit-box-orient: vertical;
    }
     .hero .hero_top_stories .hero_top_stories_items h2 a:hover{
         text-decoration-line: underline;
         text-decoration-style: solid;
         text-decoration-color: #000;
         color: #000;
         cursor: pointer;
    }
     .hero_top_stories .hero_top_stories_slide .carousel ol{
         position: relative;
         justify-content: left;
         margin: 0;
         padding: 0;
    }
     .hero_top_stories .hero_top_stories_slide .carousel-indicators li{
         background-color: #000;
    }
    /* ===== Music Section ===== */
     .music_section{
         background-color: #000;
    }
     .music_section .music_section_content{
         padding: 20px 15px;
    }
     .music_section .music_section_content .music_section_show_box{
         margin-top: 1.35rem;
         margin-bottom: 1.35rem;
    }
    /* ===== Latest stories ===== */
     .lts_stories_container {
         background-color: #fff;
         border-top: 1px solid lightgray;
         border-bottom: 1px solid lightgray;
    }
     .lts_stories_col {
         padding-bottom: 1.2rem;
         border-right: 1px solid lightgray;
    }
     .lts_stories_header{
         font-size: 1.66rem;
         font-weight: 900;
    }
     .lts_stories_item{
         font-size: 0.89rem;
         line-height: 1.29;
         border-top: none;
         padding: 0.84rem 0.84rem 0 0.84rem;
         border: none;
         color: #000;
         font-weight: 800;
         background-color: #F2F5F8;
         margin-bottom: 0.35rem;
    }
     .lts_stories_item::after {
         content: "";
         display: block;
         margin: 0 auto;
         width: 100%;
         padding-top: 0.84rem;
         border-bottom: 2px solid #f3f3f3;
    }
     .lts_stories_item:last-child::after {
         content: "";
         border-bottom: none;
    }
     .lts_stories_item a{
         font-size:1.25rem;
         display: -webkit-box;
         -webkit-box-orient: vertical;
         -webkit-line-clamp: 2;
         overflow: hidden;
    }
     .lts_stories_item a:hover {
         text-decoration-line: underline;
         text-decoration-style: solid;
         text-decoration-color: #000;
         color: #000;
         cursor: pointer;
    }
     .lts_stories_item p{
         font-weight:400;
         display: -webkit-box;
         -webkit-box-orient: vertical;
         -webkit-line-clamp: 2;
         overflow: hidden;
    }
    /* ===== Video Section ==== */
         #vid_frame{
             width: 100%;
             height: 480px;
        }
         .vid_container_sm{
             margin-bottom: 0rem;
             align-items: center;
             height: 100px;
             padding: 0 20px;
             background-color: #232323;
             border-bottom: 1px solid #333;
             cursor: pointer;
        }
         .vid_container_sm:hover{
             background-color: #191919 !important;
        }
         .vid_container_sm.active{
             background-color: #191919 !important;
        }
         .vid_inner_container{
             padding: 0.4rem;
        }
         .vid_inner_container .desc{
             font-weight: 600;
             display: -webkit-box;
             -webkit-box-orient: vertical;
             -webkit-line-clamp: 3;
             overflow: hidden;
             font-size: 0.89rem;
             line-height: 1.5;
             color: #cecece;
        }
         .vid_inner_container .vid_thumb {
             float:left;
             margin-right: 8px;
             width: 80px;
             height: 80px;
             background-color: #000;
        }
         .vid_list_container{
             max-height: 30rem;
             overflow-y: auto;
        }
         .vid_category{
             font-weight: 900;
             font-size: 10px;
             text-transform: uppercase;
             margin-bottom: 5px;
             color: #666;
        }
    /* ===== More News Post Section Card ==== */
         .post_section_container{
             background-color: #fff;
        }
         .more_post_section_container{
             padding-top: 1.5rem;
        }
/* ===================================== // End Page content ===============================================*/
/* ===================================== // Post Cards ===============================================*/
    .post_title{
         font-weight: 900;
    }
/* == Small post card == */
     .post_card_sm .card{
         border: none;
    }
     .post_card_sm .img_container_sm{
         display: block;
         height: 100px;
         width: 100%;
         padding: 0;
         background-color: #000;
    }
     .post_card_sm .img_container_sm_hlf{
         display: block;
         height: 100px;
         width: 100%;
         padding: 0;
         background-color: #000;
    }
     .post_card_sm .post_short_desc_sm{
         font-size: 0.97rem;
         color: #000;
         line-height: 1.2;
         display: block;
         font-weight: 800;
         overflow: hidden;
         display: -webkit-box;
         -webkit-line-clamp: 5;
         -webkit-box-orient: vertical;
         padding-bottom: 0.5rem;
    }
     .post_card_sm .post_short_desc_sm a:hover{
         text-decoration-line: underline;
         text-decoration-style: solid;
         text-decoration-color: #000;
         color: #000;
         cursor: pointer;
    }
     .post_category{
         font-size: 0.65rem;
         color: #000;
         display: block;
         text-transform: uppercase;
    }
     .post_category a:hover{
         color: #000;
        text-decoration-line: underline;
    }
     .post_category span{
         font-weight: 800;
    }
/* == Medium post cards == */
     .post_card_md{
         padding: 1.2rem;
         box-sizing: border-box;
    }
     .post_card_md .post_card_content_md .card{
         border-radius: 0;
         border: none;
    }
     .post_card_md .img_container_md{
         display: block;
         height: 18.56rem;
         width: 100%;
         padding: 0;
         background-color: #000;
    }
     .post_label_container{
         top: 65%;
         left: 10px;
         position: absolute;
         margin: auto;
         line-height: 1.8rem;
         width: 40%;
    }
     .post_label_container_md{
         top: 60%;
         left: 10px;
         position: absolute;
         margin: auto;
         width: 95%;
         line-height: 1.8rem;
    }


    .post_label{
        font-size: 0.58rem;
        font-weight: 900;
        padding: 0.3rem 0.5rem;
        line-height: normal;
        position: relative;
        margin-bottom: 0.4rem;
        margin-right: 0.55rem;
        white-space: nowrap;
        z-index:20;
        cursor:pointer;
        border-radius:1rem;
        color:#fff;
        box-shadow: 0px 0px 0px 3px rgba(255,255,255,0.3);
        background: #131313;
        opacity: 1;
    }
    .post_label:hover{
        cursor: pointer;
    }
    .post_label_2{
        font-size: 0.58rem;
        font-weight: 900;
        padding: 0.3rem 0.5rem;
        line-height: normal;
        position: relative;
        margin-bottom: 0.4rem;
        margin-right: 0.55rem;
        white-space: nowrap;
        z-index:20;
        cursor:pointer;
        border-radius:1rem;
        color:#fff;
        box-shadow: 0px 0px 0px 3px rgba(255,255,255,0.2);
        background: #fe4d55;
        opacity: 1;
    }
    .post_label_2:hover{
        cursor: pointer;
    }


    .post_label_mobile {
        font-size: 0.70rem;
        font-weight: 900;
        padding: 0.3rem 0.5rem;
        position: relative;
        margin-bottom: 0.2rem;
        margin-right: 0.35rem;
        white-space: nowrap;
        z-index:20;
        cursor:pointer;
        border-radius:1rem;
        color:#fff;
        box-shadow: 0px 0px 0px 3px rgba(255,255,255,0.3);
        background: #131313;
        opacity: 1;
    }
     .post_label_mobile:focus{
         cursor: pointer;
    }
     .post_card_md .post_short_desc_md{
         font-size: 1.19rem;
         color: #000;
         line-height: 1.2;
         display: block;
         font-weight: 900;
         overflow: hidden;
         display: -webkit-box;
         -webkit-line-clamp: 3;
         -webkit-box-orient: vertical;
    }
     .post_card_md .post_short_desc_md a:hover{
         text-decoration-line: underline;
         text-decoration-style: solid;
         text-decoration-color: #000;
         color: #000;
         cursor: pointer;
    }

/* == Large post cards == */
    .post_card_lg{
         padding: 1.2rem;
         box-sizing: border-box;
    }
     .post_card_lg .post_card_content_lg .card{
         border-radius: 0;
         border: none;
    }
     .post_card_lg .img_container_lg{
         display: block;
         height: 43.39rem;
         width: 100%;
         padding: 0;
         background-color: #000;
    }
     .post_card_lg .post_short_desc_lg{
         font-size: 1.89rem;
         color: #000;
         line-height: 1.2;
         display: block;
         font-weight: 900;
         overflow: hidden;
         display: -webkit-box;
         -webkit-line-clamp: 3;
         -webkit-box-orient: vertical;
    }
     .post_card_lg .post_short_desc_lg a:hover{
         text-decoration-line: underline;
         text-decoration-style: solid;
         text-decoration-color: #000;
         color: #000;
         cursor: pointer;
    }
/* == Medium video cards == */
     .video_card_md{
         padding: 0.24rem;
         box-sizing: border-box;
    }
     .video_card_md .video_card_content_md .card{
         border-radius: 0;
         border: none;
    }
     .video_card_md .vid_thumb_container_md{
         display: flex;
         justify-content: center;
         align-items: center;
         height: 15.56rem;
         width: 100%;
         padding: 0;
         background-color: #000;
    }
     .video_card_md .vid_thumb_container_md .video_play_button{
         position: absolute;
         top: 50%;
         left: 50%;
         transform: translate(-50%,-50%);
         width: 9rem;
         height: 9rem;
         text-align: center;
         z-index: 2;
         font-size: 5rem;
         color: #fff;
         text-shadow: 0px 0.1px 2px #131313;
    }
     .video_card_md .vid_thumb_container_md .video_play_button:hover{
         font-size: 3.5rem;
         color: #f03c3c;
         cursor: pointer;
    }
/* ===================================== // End Post Cards ===============================================*/
/* ===================================== Subscription Cards ===============================================*/
     .subs_container {
        /* background-color: #000;
         */
         padding-top: 2.3rem;
         padding-bottom: 2.3rem;
         margin-bottom: 0.5rem;
    }
    .subs_adv_image {
         min-height: 26.25rem;
         max-height: 27.3rem;
         width: 100%;
         background-color: #000;
    }
    .subs_adv_image img {
         display: block;
         object-fit: cover;
         object-position: center;
    }
     .subs_captions {
         color: #fff;
         background-color: #000;
         padding: 2rem;
    }
     .subs_captions .subs_title{
         color: #fff;
         font-weight: 900;
         font-size: 3.125rem;
         line-height: 1;
         text-transform: uppercase;
         margin: 0;
         hyphens: auto;
         padding: 1.2rem;
    }
     .subs_form {
         padding:0 1.3rem;
    }
     .subs_form input[type=email] {
         border: 0;
         height: 50px;
         padding: 0 20px;
         vertical-align: middle;
         background-color: rgba(255,255,255,.4);
         color: #fff;
         border-radius: 2px;
         width: 100%;
    }
/* ===================================== // End Subscription Cards ===============================================*/
/* ===================================== Horizontal posts cards ===============================================*/
     .horizontal_post_section {
         margin-top: 2.24rem;
        /* margin-bottom: 2.24rem;
         */
    }
     .hor_post_container{
         background-color: #fff;
         padding-left: 0;
         padding-right: 0;
    }
     .img_container_hmd {
         display: block;
         height: 16.56rem;
         width: 100%;
         padding: 0;
         background-color: #000;
    }
     .img_container_hsmd {
         display: block;
         height: 16.56rem;
         width: 100%;
         padding: 0;
         background-color: #000;
    }
     .hor_post_card_title {
         display: block;
         font-size: 2rem;
         -webkit-font-smoothing: antialiased;
         font-weight: 900;
         line-height: 1.3;
         margin: 0;
         width: 96%;
         overflow: hidden;
         display: -webkit-box;
         -webkit-line-clamp: 3;
         -webkit-box-orient: vertical;
    }
     .hor_post_card_desc{
         padding-top: 1.15rem;
         overflow: hidden;
         display: -webkit-box;
         -webkit-line-clamp: 3;
         -webkit-box-orient: vertical;
         width: 96%;
    }
     .hor_post_content_hmd{
         margin-bottom: 1.2rem;
         border-radius: 0;
    }
     .hor_post_content_hsmd{
         padding-top: .3rem;
         padding-bottom: .3rem;
         border-radius: 0;
         border-top: none;
    }
     .load_more{
         font-weight: 800;
         background-color: #202020;
         border: 0;
         outline: none;
         border-radius: 0;
         color: #fff;
         cursor: pointer;
         text-transform: uppercase;
         width: 100%;
         margin-bottom: 2.25rem;
    }
     .show_exhausted{
         font-size: 1.12rem;
         font-weight: 800;
         padding-top: 2.14rem;
         padding-bottom: 2.14rem;
         width: 100%;
         line-height: 2.4rem;
    }
/* ===================================== // End Horizontal posts cards ===============================================*/
/* ===================================== Main Footer ===============================================*/
     .footer_section {
         background: #151414;
         position: relative;
    }
     .footer_cta {
         border-bottom: 1px solid #373636;
    }
     .single_cta i {
         color: #fe4d55;
         font-size: 30px;
         float: left;
         margin-top: 8px;
    }
     .cta_text {
         padding-left: 15px;
         display: inline-block;
         text-transform: uppercase;
    }
     .cta_text h4 {
         color: #fff;
         font-size: 1.05rem;
         font-weight: 600;
         margin-bottom: 2px;
         text-transform: uppercase;
    }
     .cta_text span {
         color: gray;
         font-size: 0.9rem;
    }
     .social_media_feed{
         min-height: 35rem;
         max-height: 35rem;
         overflow-y: auto;
    }
     .footer_content {
         position: relative;
         z-index: 2;
    }
     .footer_pattern img {
         position: absolute;
         top: 0;
         left: 0;
         height: 330px;
         background-size: cover;
         background-position: 100% 100%;
    }
     .footer_logo {
         margin-bottom: 30px;
    }
     .footer_logo img {
         max-width: 200px;
    }
     .footer_text p {
         margin-bottom: 14px;
         font-size: 14px;
         color: #7e7e7e;
         line-height: 28px;
    }
     .footer_social_icon span {
         color: #fff;
         display: block;
         font-size: 20px;
         font-weight: 700;
         font-family: 'Poppins', sans-serif;
         margin-bottom: 20px;
    }
     .footer_social_icon a {
         color: #fff;
         font-size: 16px;
         margin-right: 15px;
    }
     .footer_social_icon i {
         height: 40px;
         width: 40px;
         text-align: center;
         line-height: 38px;
         border-radius: 50%;
    }
     .facebook_bg{
         background: #3B5998;
    }
     .twitter_bg{
         background: #55ACEE;
    }
     .google_bg{
         background: #DD4B39;
    }
     .youtube_bg{
         background: #DD4B39;
    }
     .instagram_bg{
         background: #dd39ca;
    }
     .footer_widget_heading h3 {
         color: #fff;
         font-size: 20px;
         font-weight: 600;
         margin-bottom: 40px;
         position: relative;
    }
     .footer_widget_heading h3::before {
         content: "";
         position: absolute;
         left: 0;
         bottom: -15px;
         height: 2px;
         width: 50px;
         background: #fe4d55;
    }
     .footer_widget ul li {
         display: inline-block;
         float: left;
         width: 50%;
         margin-bottom: 12px;
    }
     .footer_widget ul li a:hover{
         color: #fe4d55;
    }
     .footer_widget ul li a {
         color: #878787;
         text-transform: capitalize;
    }
     .subscribe_form {
         position: relative;
         overflow: hidden;
    }
     .subscribe_form input {
         width: 100%;
         padding: 14px 28px;
         background: #2E2E2E;
         border: 1px solid #2E2E2E;
         color: #fff;
    }
     .subscribe_form button {
         position: absolute;
         right: 0;
         background: #fe4d55;
         padding: 13px 20px;
         border: 1px solid #fe4d55;
         top: 0;
    }
     .subscribe_form button i {
         color: #fff;
         font-size: 22px;
         transform: rotate(-6deg);
    }
     .copyright_area{
         background: #202020;
         padding: 25px 0;
    }
     .copyright_text p {
         margin: 0;
         font-size: 14px;
         color: #878787;
    }
     .copyright_text p a{
         color: #fe4d55;
    }
     .footer_menu li {
         display: inline-block;
         margin-left: 20px;
    }
     .footer_menu li:hover a{
         color: #fe4d55;
    }
     .footer_menu li a {
         font-size: 14px;
         color: #878787;
    }
/* ===================================== // End Main Footer ===============================================*/
/* ============ desktop view ============ */
     @media all and (min-width: 992px) {
         .navbar .has-megamenu{
             position:static!important;
        }
         .navbar .megamenu{
             left:0;
             right:0;
             width:100%;
             margin-top:0;
             height: 100vh;
             border-radius: 0;
        }
         .video_card_md .vid_thumb_container_md .video_play_button {
             font-size: 3rem;
             z-index: 3;
        }
    }
/* ============ // End desktop view ============ */
/* ============ mobile view ============ */
     @media(max-width: 991px){
         .fs_sm_7 {
             font-size: .88rem !important;
             line-height: normal !important;
        }
        /* Navigation bar */
         .navbar.fixed-top .navbar-collapse, .navbar.sticky-top .navbar-collapse{
             overflow-y: auto;
             max-height: 100vh;
             padding-top: 10px;
        }
         .navbar-dark .navbar-toggler{
             margin-right: 1.2rem;
        }
         .navbar .megamenu{
             margin-top:0;
             padding-top: 1rem;
        }
         .megamenu_icon{
             margin-left: 0rem;
        }
         .navbar .navbar-nav .megamenu_close_btn{
             float: right;
             font-size: 3rem;
        }
         .navbar .navbar-nav .megamenu_title{
             font-size: 0.66rem;
        }
         .navbar .navbar-nav .megamenu_list a{
             font-size: 0.95rem;
        }
         .navbar .navbar-nav .megamenu_logo img{
             height: 70px;
             width: 70px;
        }
         .navbar .navbar-nav .megamenu_search_form{
             padding-top: 0.8rem;
        }
         .navbar .megamenu{
             overflow-y: auto;
        }
         .navbar_logo {
             margin-left: 2rem;
             margin-right: 0;
        }
         .nav_wrapper{
             background-color: #000;
             padding-bottom: 0;
             box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.2);
        }
         .navbar .navbar-collapse{
             background-color: #000;
             padding-top: 1.5rem;
             padding-bottom: 1.5rem;
             box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.2);
        }
         .navbar .container{
             padding: 0;
        }
         .megamenu_content{
             padding-left: 1rem;
        }
        /* Hero section */
         .hero .hero_post_lg h2{
             margin-bottom: 0.6rem;
             padding-top: 1.2rem;
             font-size: 1.9rem;
             max-width: 88.63%;
             display: block;
             color: #000;
             font-weight: 900;
             line-height: 1.2;
             overflow: hidden;
             display: -webkit-box;
             -webkit-line-clamp: 3;
             -webkit-box-orient: vertical;
        }
         .hero .hero_post_lg h6{
             padding-bottom: 0.9rem;
        }
         .hero .hero_top_stories .hero_top_stories_items h2 {
             margin-bottom: 1.2rem;
             font-size: .97rem;
             display: -webkit-box;
             -webkit-line-clamp: 3;
             -webkit-box-orient: vertical;
        }
         .hero .hero_top_stories h3 {
             font-size: 1.2rem;
             padding-top: 0.3rem;
             margin-bottom: 0.375rem;
        }
         .ad_banner_fw{
             height: 10rem;
             width: 100%;
        }
        .ad_banner_fw img {
             display: block;
             object-fit: cover;
             object-position: center;
        }
        /* Video */
         #vid_frame{
             width: 100%;
             height: 200px;
        }
        /* Posts card */
         .post_card_lg .img_container_lg{
             height: 18.03rem;
        }
         .post_card_md .img_container_md{
             display: block;
             height: 8.06rem;
             width: 100%;
             padding: 0;
             background-color: #000;
        }
         .post_category{
             font-size: 0.65rem;
        }
         .post_card_lg{
             padding: 0.22rem;
        }
         .post_card_md{
             padding: 0.22rem;
        }
         .post_card_md .post_short_desc_md{
             font-size: 0.89rem;
        }
         .post_label_container{
             top: 32%;
             left: 10px;
             width: 9rem;
        }
         .post_label_container_md{
             top: 60%;
             left: 10px;
             position: absolute;
             margin: auto;
             width: 98%;
        }
         .post_label{
             font-size: 0.55rem;
             font-weight: 900;
             padding: 0.2rem 0.4rem;
             line-height: 1.6rem;
              white-space: nowrap; 
              overflow: hidden;
             text-overflow: clip;
        }

        .post_label_mobile {
            font-size: 0.55rem;
            font-weight: 900;
            padding: 0.2rem 0.4rem;
            line-height: 1.6rem;
        }
        /* subscription */
         .subs_captions .subs_title{
             color: #fff;
             font-weight: 900;
             font-size: 1.825rem;
             line-height: 1;
             padding: 1.2rem;
        }
         .subs_adv_image {
             height: 15rem;
             width: 100%;
             background-color: #000;
        }
        /* horizontal post cards */
         .hor_post_container{
             background-color: #fff;
             padding-left: 0.6rem;
             padding-right: 0.6rem;
        }
         .img_container_hmd {
             height: 12.56rem;
             width: 100%;
             padding: 0;
        }
         .img_container_hsmd {
             height: 8.56rem;
        }
         .hor_post_card_title {
             font-size: 1.2rem;
             width: 98%;
        }
         .hor_post_card_desc{
             display: none;
        }
         .video_card_md .vid_thumb_container_md {
             display: flex;
             justify-content: center;
             align-items: center;
             align-self: center;
        }
         .video_card_md .vid_thumb_container_md .video_play_button {
             margin-top: 2.5rem;
        }
    }
     @media only screen and (max-width: 768px) {
        .navbar-brand {
            padding-top: 0;
            padding-bottom: 0;
        }
         .navbar .navbar-nav .megamenu_logo img{
             height: 3rem;
             width: 2.8rem;
        }
         .navbar-dark .navbar-toggler{
             margin-right: 1.2rem;
        }
         .navbar .navbar-nav .megamenu_search_form{
             padding-top: 0;
        }
         .video_card_md .vid_thumb_container_md .video_play_button {
             font-size: 3rem;
             z-index: 3;
             top: 30%;
             left: 50%;
        }
         .video_card_md .vid_thumb_container_md{
             height: 15.56rem;
        }
         .post_title{
             line-height: 1.01rem;
        }
         .video_card_md .vid_thumb_container_md {
             display: flex;
             justify-content: center;
             align-items: center;
             align-self: center;
        }
         .video_card_md .vid_thumb_container_md .video_play_button {
             margin-top: 2.5rem;
        }
         .more_post_section_container .img_container_md {
             height: 12rem;
        }
         .post_card_sm .img_container_sm {
             height: 15rem;
        }
         .post_label_container_md{
             line-height: 1rem;
        }
         .post_card_sm .img_container_sm_hlf {
             height: 8.57rem;
        }
         .cta_text {
             padding-left: 0rem;
             padding-right: 0rem;
             display: inline-block;
             text-transform: uppercase;
        }
         .social_media_feed{
             min-height: 35rem;
             max-height: 35rem;
             overflow-y: auto;
             min-width: 95vw;
             margin: 0 auto;
        }
        .ad_banner_fw{
             min-height: 7rem;
             max-height: 7rem;
             width: 100%;
        }
         .hor_post_content_hsmd{
             padding-top: 0;
             padding-bottom: 0;
        }

        .img_container_md_hlf{
             display: block;
             height: 15.56rem !important;
        }
    }
/* ============ // End mobile view ============ */
/* ============ Scroll to top ============ */
     .gototop {
         position: fixed;
         bottom: 20px;
         right: 20px;
         z-index: 999;
         opacity: 0;
         visibility: hidden;
         -moz-transition: all 0.5s ease;
         -o-transition: all 0.5s ease;
         -webkit-transition: all 0.5s ease;
         -ms-transition: all 0.5s ease;
         transition: all 0.5s ease;
    }
     .gototop.active {
         opacity: 1;
         visibility: visible;
    }
     .gototop a {
         width: 50px;
         height: 50px;
         display: table;
         background: rgba(0, 0, 0, 0.6);
         color: white;
         text-align: center;
         -webkit-border-radius: 4px;
         -moz-border-radius: 4px;
         -ms-border-radius: 4px;
         border-radius: 4px;
    }
     .gototop a i {
         height: 50px;
         display: table-cell;
         vertical-align: middle;
    }
     .gototop a:hover, .gototop a:active, .gototop a:focus {
         text-decoration: none;
         outline: none;
    }
     .js .animate-box {
         opacity: 0;
    }