html {
    width: 100%;
    overflow-x: hidden;
    -webkit-backface-visibility: hidden;
    position: relative
}

body {
    
    font-weight: 400;
    margin: 0 !important
}



:root {
    --main-color: #a70a19;
    --hover-color: #f1c40f
}

::selection {
    text-shadow: none;
    background: #000;
    color: #fff
}

::-moz-selection {
    text-shadow: none;
    background: #000;
    color: #fff
}

.sfb.fab {
    background: #3b5998
}

.stw.fab {
    background: #00acee
}

.swhapp.fab {
    background: #17d05c
}

.mysocial-icons .fab {
    font-size: 12px;
    width: 22px;
    height: 22px;
    color: #fff;
    text-align: center;
    border-radius: 50%;
    line-height: 22px
}

ul.breadcrumbs-ul li i.fas.fa-home span {
    font-size: 0
}

.vid-list-container::-webkit-scrollbar {
    width: 20px;
    height: 5px
}

.container.customcontainer.breadcrumbs-for-page {
    position: absolute
}

:focus {
    outline: 0
}

a {
    
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    color: #000;
    font-style: normal;
    cursor: pointer
}

a:focus,
a:hover {
    text-decoration: none;
    outline: 0
}

h1,
h2,
h3,
h4 {
    padding: 0;
    margin: 0;
    color: #000;
    font-family: 'Vidaloka', serif
}

h1 {
    font-size: 30px
}

h2 {
    font-size: 24px;
    line-height: 28px;
}

h3 {
    font-size: 20px;
    line-height: 24px;
}

h4 {
    font-size: 18px;
    line-height: 22px;
}

span {
    color: #515151
}

a {
    
    font-weight: 400
}

li,
ul {
    
}

.container.customcontainer {
    max-width: 1230px;
    padding-left: 15px;
    padding-right: 15px
}

.mysocial-icons {
    position: absolute;
    top: 4px;
    left: 2px
}

.horiz-news1-img {
    position: relative
}

.mysocial-icons span {
    padding-left: 3px
}

ul.horizontal-news1-inner {
    padding-left: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between
}

.horiz-news1-caption span {
    font-size: 10px;
    line-height: 20px;
    padding-top: 0;
    display: block;
    color: #777
}

.horiz-news1-caption span.news-date {
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 400;
    padding-top: 7px;
    padding-bottom: 7px
}

.vid-main-wrapper {
    width: 100%;
    background: #fff;
    margin: 0 auto
}

.vid-container {
    position: relative;
    height: 0;
    width: 65.18%;
    margin-left: 10px;
    margin-top: 4px
}

.vid-list-container {
    width: 32%;
    height: 377px;
    overflow: hidden;
    float: right
}

.vid-list-container:focus,
.vid-list-container:hover {
    overflow-y: auto
}

.vid-thumb {
    float: left;
    margin-right: 8px;
    position: relative
}

#vid-list .desc {
    color: #fff;
    font-size: 13px;
    margin-top: 0;
    line-height: 15px
}

.vid-main-wrapper {
    background: #252525;
    padding: 10px
}

div#video-bottom-text-desc {
    font-size: 11px;
    color: #fff;
    margin-top: 5px
}

ul.video-top-right-content li {
    display: inline;
    padding: 0 9px;
    color: #bdbdbd;
    border-left: 1px solid #dedede
}

ul.video-top-right-content li a {
    color: #bdbdbd;
    font-size: 13px
}

ul.video-top-right-content {
    float: right;
    margin-bottom: 0;
    margin-top: 4px
}

ul.video-top-right-content li:first-child {
    border: 0
}

.latest-videos-section::-webkit-scrollbar {
    width: 8px
}

.latest-videos-section::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
}

.latest-videos-section::-webkit-scrollbar-thumb {
    background-color: #898989
}

.vid-list-container::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #363636
}

.vid-list-container::-webkit-scrollbar {
    width: 8px;
    background-color: #363636
}

.vid-list-container::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #898989
}

ul#vid-list {
    padding-left: 16px;
    background: #363636
}

ul#vid-list li {
    border-bottom: 1px solid #dedede;
    clear: both;
    padding-bottom: 12px;
    overflow: hidden;
    padding-top: 12px;
    margin-right: 15px
}

.left-heading h4 {
    font-size: 18px;
    margin-bottom: 4px
}

.top-heading-content .right-heading {
    display: inline-block;
    float: right
}

.top-heading-content {
    overflow: hidden;
    border-bottom: 3px solid #252525
}

.right-heading span {
    color: #000;
    font-size: 15px;
    text-transform: uppercase
}

.multimediasection2 .horiz-news1-caption h3.title-heading {
    font-size: 13px;
    line-height: 20px;
}

.vid-main-wrapper.clearfix {
    min-height: 420px
}

@media(max-width:624px) {
    body {
        margin: 15px
    }
    .vid-list-container {
        padding-bottom: 20px
    }
}

.vid-main-wrapper {
    background: #101010;
    padding: 0;
    padding-top: 5px
}

.vid-main-wrapper.clearfix {
    min-height: 428px
}

ul.breadcrumbs-ul li.fas.fa-chevron-right:before {
    padding-right: 4px
}

ul.breadcrumbs-ul {
    padding-left: 0;
    padding-top: 10px;
    margin-bottom: 10px
}

ul.breadcrumbs-ul li {
    font-size: 14px;
    text-transform: capitalize;
    color: #333
}

ul.breadcrumbs-ul li a {
    color: #000
}

.multimediasection2 ul#multimedia-carousel3 {
    margin-bottom: 0
}

section#multimedia-section-wrapper1 {
    position: relative
}

.multimediasection1 .vid-main-wrapper.clearfix {
    min-height: 513px
}

.multimedia-section1 h1 {
    text-align: center;
    font-size: 48px;
    padding: 10px 0
}

.container.customcontainer.multimedia-container3 .horiz-news1-caption h3 {
    font-size: 14px;
    line-height: 20px;
}

.mobile-respon.multimediasection1 {
    padding-bottom: 10px
}

ul.horizontal-news1-inner li .mysocial-icons {
    visibility: hidden
}

ul.horizontal-news1-inner li:hover .mysocial-icons {
    visibility: visible
}

.mysocial-icons {
    visibility: hidden
}

video#vid_frame {
    width: 100%;
    object-fit: contain;
    height: 365px;
    float: left
}

.multimediasection2 .horiz-news1-caption {
    padding: 10px 0
}

.multimedia-main-title {
    background: #1b1b1b;
    margin-top: -5px;
    padding: 11px 8px 8px
}

span.st-custom-button {
    cursor: pointer
}

.mysocial-icons span {
    display: inline-block
}

.right-heading a {
    color: #000
}

span.vid-thumb img {
    width: 90px !important;
    height: 63px !important;
    object-fit: cover !important
}

.sfb {
    width: 25px;
    height: 25px;
    background: url(https://img.express.pk/assets/images/css_sprites.png) -100px -370px
}

.stw {
    width: 25px;
    height: 25px;
    background: url(https://img.express.pk/assets/images/css_sprites.png) -145px -370px
}

.swhapp {
    width: 25px;
    height: 25px;
    background: url(https://img.express.pk/assets/images/css_sprites.png) -190px -370px
}

div#videoDiv .multimedia-main-title h2 {
    padding-left: 13px;
    font-size: 18px;
    color: #fff;
    width: 90%;
    display: inline-block;
    line-height: 24px;
    background: 0
}

.multimediasection1-custom1 ul#vid-list li a {
    display: flex
}

.multimediasection1-custom1 video#vid_frame {
    height: 486px
}

span.news-date {
    text-transform: uppercase;
    font-size: 10px
}

.top-heading-content a {
    color: #000;
    font-family: 'Vidaloka', serif;
    font-size: 18px
}

.top-heading-content {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.featured-image-global {
    position: relative;
    height: 100%
}

.container.customcontainer.multimedia-container3 ul li {
    list-style: none;
    max-width: 220px;
    margin-right: 15px
}

.container.customcontainer.multimedia-container3 ul li:last-child {
    margin-right: 0
}

.container.customcontainer.multimedia-container3 ul li img {
    width: 100%;
    height: 150px
}

.featured-image-global {
    position: relative
}

span.st-custom-button {
    cursor: pointer
}

.top-heading-content .left-heading {
    display: inline-block;
    float: left
}

.top-heading-content {
    overflow: hidden;
    border-bottom: 3px solid #252525
}

.multimediasection2 .horiz-news1-caption h3.title-heading {
    font-size: 13px;
    line-height: 20px;
}

@media(max-width:624px) {
    body {
        margin: 15px
    }
}

ul.breadcrumbs-ul li.fas.fa-chevron-right:before {
    padding-right: 4px
}

ul.breadcrumbs-ul {
    padding-left: 0;
    padding-top: 10px;
    margin-bottom: 10px
}

ul.breadcrumbs-ul li {
    font-size: 14px;
    text-transform: capitalize;
    color: #333
}

ul.breadcrumbs-ul li a {
    color: #000
}

ul#multimedia-carousel4 {
    list-style: none
}

section#multimedia-section-wrapper1 {
    position: relative
}

.container.customcontainer.multimedia-container2 section.col-md-12 {
    padding-left: 0;
    padding-right: 0
}

div.span-20,
div.span-4 {
    float: left;
    margin-right: 15px
}

.last,
div.last {
    margin-right: 0
}

.span-4 {
    width: 19%
}

.span-20 {
    width: 79%
}

#picture-gallery .carousel.carousel-vertical.active-carousel .items {
    margin: auto;
    text-align: center;
    max-width: 58%;
    display: block;
    float: initial
}

.carousel-container .carousel-prev {
    left: 0;
    right: 0;
    margin: auto
}

a.next.carousel-next.carousel-vertical-next {
    left: 0;
    right: 0;
    margin: auto
}

.multimedia .single .story #picture-gallery .carousel-container {
    position: relative;
    background: #363636
}

#picture-gallery a.prev.carousel-prev.carousel-vertical-prev {
    margin-top: -8px
}

.multimedia .single .story #picture-gallery .primary {
    border-right-color: #000
}

.multimedia .single .story #picture-gallery .slideshow-container {
    padding: 10px 12px 10px 10px;
    min-height: 637px;
    background: #101010
}

#picture-gallery .slideshow-container {
    min-height: 708px
}

.multimedia .single .story #picture-gallery .slideshow-container img {
    border: 1px solid #000
}

.multimedia .single .story #picture-gallery .carousel-container {
    padding: 40px 0 58px;
    position: relative;
    height: 608px;
    margin-top: 10px
}

.multimedia .single .story #picture-gallery .carousel {
    background: 0;
    margin: 20px 0
}

.multimedia .single .story #picture-gallery .carousel .items .item {
    margin-left: 0;
    border-width: 1px;
    border-color: #000
}

.multimedia .single .story #picture-gallery .carousel-vertical {
    height: 100% !important;
    margin-top: 10px
}

.multimedia .single .story #picture-gallery .carousel-vertical .items .item {
    margin-left: auto;
    margin-top: 0
}

.multimedia .single .story #picture-gallery .carousel-vertical .items .first {
    margin-top: 0
}

.multimedia .single .story #picture-gallery .carousel-vertical+a.next,
.multimedia .single .story #picture-gallery a.carousel-vertical-next,
.multimedia .single .story #picture-gallery a.carousel-vertical-prev {
    float: none;
    width: 74px
}

.multimedia .single .story #picture-gallery a.next-item {
    right: -1px
}

.multimedia .single .story #picture-gallery a.prev-item {
    left: 10px
}

.carousel {
    overflow: hidden;
    position: relative;
    width: 100%
}

.carousel-vertical {
    width: auto;
    height: 100%
}

.carousel .items .item {
    float: left;
    cursor: pointer
}

.carousel .items .first {
    margin-left: auto !important
}

.carousel-vertical .items .first {
    margin-top: auto !important
}

.carousel+a.next,
a.carousel-next,
a.carousel-prev {
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-color: transparent;
    background-position: 0 top;
    height: 100%;
    overflow: hidden;
    width: 24px;
    cursor: pointer;
    float: left;
    position: absolute;
    top: 0;
    z-index: 1
}

.carousel-vertical+a.next,
a.carousel-vertical-next,
a.carousel-vertical-prev {
    height: 24px;
    width: 100%;
    left: 0;
    top: auto;
    background-position: left 0
}

a.carousel-prev {
    background-image: url(../images/slideshows/gallery-carousel-prev.png)
}

.carousel+a.next,
a.carousel-next {
    background-image: url(../images/slideshows/gallery-carousel-next.png);
    right: 0
}

a.carousel-vertical-prev {
    top: 24px
}

.carousel-vertical+a.next,
a.carousel-vertical-next {
    bottom: 24px;
    right: auto
}

.carousel .items .current {
    cursor: default
}

#picture-gallery {
    background-color: #101010;
    overflow: hidden;
    margin: 0 0 10px;
    clear: both
}

#picture-gallery .slideshow-container {
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    position: relative
}

#picture-gallery .slideshow-container .nav a {
    background-image: url(../images/slideshows/gallery-prev-next.png);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-color: transparent;
    cursor: pointer;
    height: 100%;
    opacity: 0;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 64px
}

#picture-gallery .slideshow-container a.next-item {
    background-position: right center;
    right: 0
}

#picture-gallery .slideshow-container a.prev-item {
    background-position: left center;
    left: 0
}

#picture-gallery .slideshow-container:hover .nav a {
    opacity: .7;
    -khtml-opacity: .7;
    -moz-opacity: .7
}

#picture-gallery .slideshow-container a.disabled {
    display: none;
    cursor: default
}

#picture-gallery .carousel .items .item {
    border: 1px solid transparent;
    opacity: .5;
    -khtml-opacity: .5;
    -moz-opacity: .5;
    margin: 0
}

#picture-gallery .carousel .items .current,
#picture-gallery .carousel .items .item:hover {
    border-color: #ff9b13;
    opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1
}

#picture-gallery .carousel+a.next,
#picture-gallery .carousel-vertical+a.next,
#picture-gallery a.carousel-vertical-next,
#picture-gallery a.carousel-vertical-prev {
    height: 99px
}

#picture-gallery .carousel+a.disabled {
    background-position: -24px top
}

#picture-gallery .carousel-vertical+a.disabled {
    background-position: -57px -24px
}

#picture-gallery .carousel-vertical+a.next {
    background-position: -52px top;
    height: 24px
}

#picture-gallery a.carousel-vertical-next {
    background-position: -51px top;
    height: 24px
}

#picture-gallery a.carousel-vertical-prev {
    background-position: -54px top;
    height: 24px
}

#picture-gallery a.carousel-vertical-prev.disabled {
    background-position: -54px -24px
}

#picture-gallery a.carousel-vertical-next.disabled {
    background-position: -53px -24px
}

div#picture-gallery .slideshow-container h3 {
    color: #fff;
    padding-top: 10px;
    font-size: 30px;
    padding-bottom: 20px
}

div#picture-gallery .slideshow-container span {
    color: #fff;
    font-size: 14px
}

.multimedia-section1 h1 {
    text-align: center;
    font-size: 48px;
    padding: 10px 0
}

.slideshow-container img {
    width: 100%;
    object-fit: cover
}

.carousel-container::-webkit-scrollbar {
    width: 8px
}

.carousel-container::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
}

.carousel-container::-webkit-scrollbar-thumb {
    background-color: #898989;
    outline: 1px solid #898989
}

.mobile-respon.multimediasection1 {
    padding-bottom: 10px
}

.multimediasection2 .horiz-news1-caption {
    padding: 10px 0
}

span.news-date {
    text-transform: uppercase;
    font-size: 10px
}

.top-heading-content {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.featured-image-global {
    position: relative;
    height: 100%
}

ul#multimedia-carousel4 li {
    list-style: none;
    max-width: 220px;
    margin-right: 15px
}

ul#multimedia-carousel4 li:last-child {
    margin-right: 0
}

ul#multimedia-carousel4 li img {
    width: 100%;
    height: 150px
}

.featured-image-global {
    position: relative
}

.multimedia .pagination {
    text-align: center;
    margin: 5px 0;
    font-family: tahoma, verdana, arial, sans-serif
}

.multimedia .pagination span {
    background-color: #fffeff;
    color: #ca4300;
    padding: 2px 5px;
    border: 1px solid #dedede
}

.multimedia .pagination a {
    padding: 0 5px
}

.multimedia .pagination .previous {
    float: left
}

.multimedia .pagination .next {
    float: right
}

.multimedia .pagination .pages-count a {
    padding: 2px 4px
}

.multimedia .pagination .pages-count a:hover {
    background: 0
}

.multimedia .pagination .pages-count .current {
    color: #c40;
    border: 1px solid #dedede
}

.multimedia .pagination .next,
.multimedia .pagination .pages-count,
.multimedia .pagination .previous {
    height: 25px
}

ul.pagination li a {
    display: inline-block;
    padding: 2px 9px;
    margin-right: 5px;
    color: #000;
    margin-left: 5px !important;
    background: #fff
}

ul.pagination li a:hover {
    color: #fff;
    margin-left: 5px !important;
    background: #777
}

ul.pagination {
    margin-top: 20px;
    padding: 8px 0;
    background: #eee;
    justify-content: space-between
}

ul.pagination li.active a {
    background-color: #ec2466;
    border-color: #ec2466;
    color: #fff
}

ul.pagination li a:focus {
    background: #ec2466;
    color: #fff
}

.horiz-news1-img .jw-icon{
    position: absolute;
    top: 0px;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    text-align: center;
    height: 38px;
    width: 38px;
    background-color: #000000a8;
    border-radius: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.horiz-news1-img svg{
    width: 30px;
    fill: #fff;
}
.horiz-news1-img {
    position: relative;
    display: flex;
    align-items: center;
}
.vid-thumb  .jw-icon{
    position: absolute;
       top: 0px;
       bottom: 0;
       right: 0;
       left: 0;
       margin: auto;
       text-align: center;
       height: 27px;
       width: 27px;
       background-color: #000000a8;
       border-radius: 40px;
       display: flex;
       align-items: center;
       justify-content: center;
   }
   
   .vid-thumb  svg{
       width: 15px;
       fill: #fff;
   }
   .vid-thumb  {
       position: relative;
       display: flex;
       align-items: center;
   }
   


@media screen and (max-width:767px){
    .story-social-icons i {
        font-size:  18px;
    }
    .morefrom_box-blogs {
        display:  block;
    }
    .horiz-news1-img .jw-icon{
        height:30px;
        width: 30px;
        left: -10px;
    }
    
    .horiz-news1-img svg{
        width: 16px;
    }
    .vid-thumb .jw-icon{
        height:30px;
        width: 30px;
    }
    .vid-thumb svg{
        width: 16px;
    }  
}