/*font-face {
    font-family: IBMPlexSans-Regular;
    src: url('/wp-content/themes/ClubSports-theme/fonts/IBMPlexSans-Regular.ttf');
}
@font-face {
    font-family: IBMPlexSans-SemiBold;
    src: url('/wp-content/themes/ClubSports-theme/fonts/IBMPlexSans-SemiBold.ttf');
}*/
@font-face {
    font-family: IBMPlexSans-light;
    src: url('/wp-content/themes/ClubSports-theme/fonts/new-fonts/IBMPlexSans-Thin.ttf');
}
@font-face {
    font-family: 'IBMPlexSans-Regular';
    src: url('/wp-content/themes/ClubSports-theme/fonts/new-fonts/IBMPlexSans-Regular.ttf');
}
@font-face {
    font-family: IBMPlexSans-SemiBold;
    src: url('/wp-content/themes/ClubSports-theme/fonts/new-fonts/IBMPlexSans-SemiBold.ttf');
}
@font-face {
    font-family: IBMPlexSans-Bold;
    src: url('/wp-content/themes/ClubSports-theme/fonts/new-fonts/IBMPlexSans-Bold.ttf');
}
@font-face {
    font-family: IBMPlexSans-Medium;
    src: url('/wp-content/themes/ClubSports-theme/fonts/new-fonts/IBMPlexSans-Medium.ttf');
}
@font-face {
    font-family: IBMPlexSans-light;
    src: url('/wp-content/themes/ClubSports-theme/fonts/IBMPlexMono-Regular.otf');
}
.breadcrumb {
    display: none;
}
#innermain {
    padding: 0px;
}


/* strat header menu */
.top-header .navbar-nav {
    margin-top: 6px;
    margin-left: 25px;
}
.top-header .navbar-header {
    margin-top: 20px;
}
/* end header menu css */


.main-section.hot-topic-block {
    display: table;
    width: 100%;
    background: #202123;
    color:#fff;
    font-family: 'IBMPlexSans-Regular', sans-serif;
    padding: 30px 0;
}

/**
 * Dashboard Ticker
 */
.page-id-456329 .main-section.hot-topic-block {
    padding: 0px 0;
}
.newest-content-block .main .content-tabs-all h3 {
    font-family: 'IBMPlexSans-SemiBold', sans-serif;
    display: table;
    font-size: 18px;
}
/*.newest-content-block .main .content-tabs-all h3 {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size: 24px !important;
    font-weight: 500 !important;

}*/
.newest-block .newest-content-block .tab-block ul li a {
    font-weight: bold !important;
}
header .navbar ul.nav.navbar-nav li a {
    color: white;
    font-weight: bold;
    font-size: 16px;
}
/*.newest-content-block .main .content-tabs-all p {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size: 15x !important;
    font-weight: normal !important;

}*/
.main-section.hot-topic-block .title-block h3 {
    color: #fff;
    margin: 0px 0 10px;
    line-height: 20px;
    font-family: 'IBMPlexSans-SemiBold', sans-serif;
    font-size: 13px;
}
.hot-topic-block .main-section-left .image-left img, .main-section-right .image-right img {
    width: 100%;
}
.hot-topic-block .main-section-left .category-block-left p, .main-section-right .content-right .category-block-right p{
    color: #fff;
    font-size: 16px;
}
.hot-topic-block .main-section-left .content-left .title-left h3 {
    color: #fff;
    font-size: 34px;
    font-family: 'IBMPlexSans-SemiBold', sans-serif;
    text-transform: unset;
    font-weight: 600;
    line-height: 38px;
}
.hot-topic-block .main-section-right .content-right .title-right h3 {
    color: #fff;
    font-size: 18px;
    font-family: 'IBMPlexSans-Regular', sans-serif;
    text-transform: unset;
    line-height: 24px;
    text-align: center;
}
.hot-topic-block .main-section-left p.title, .main-section-right .content-right p.title {
    margin: 10px 0;
    color: #fff;
    font-size: 16px;
}
.hot-topic-block .main-section-left .description-left, .main-section-right .content-right .description-right {
    font-size: 16px;
    margin-bottom: 10px;
    color: #cecfd0;
}
.hot-topic-block .main-section-left .detail-left p,.main-section-right .content-right .detail-right p
 {
    color: #999999;
    font-size: 12px;
    font-family: 'IBM Plex Mono', monospace;
}
/*.main-section-right .content-right .detail-right p {
    font-size: 12px;
    color: #999999;
    margin-bottom: 0px;
}*/
.hot-topic-block .main-section-left .content-left, .main-section-right .content-right {
    text-align: center;
    padding: 0 20px;
    margin-top: -60px;
    z-index: 9;
    position: relative;
}
.ad-block .ad-img img {
    width: 100%;
}
.newest-content-block .main .header-all {
    float: left;
}
.newest-content-block .main {
    display: table;
    width: 100%;
    margin-bottom: 30px;
}
.newest-content-block .main .header-all img {
    width: 100%;
}
.newest-block {
    /*font-family: 'IBMPlexSans-Regular', sans-serif;
    margin-top: 30px;
    border-top: 4px solid #EE2829;*/
    padding-top: 20px;
}
.newest-content-block .main .content-tabs-all .header-detail p {
    font-size: 13px;
    color: #999999;
    margin-bottom: 0px;
    font-family: 'IBM Plex Mono', monospace;
    line-height: 16px;
}
.newest-block .newest-content-block .tab-block ul li a:hover, .newest-block .newest-content-block .tab-block ul li.active a, .newest-block .newest-content-block .tab-block ul li a:focus {
    background: transparent;
    color: #000;
}
.newest-block .newest-content-block .tab-block ul li a {
    color: #999999;
}
.newest-block .newest-content-block .tab-block ul li a {
    color: #999999;
    padding: 0;
    font-size: 12px;
    margin: 0 10px;
}
.newest-block .newest-content-block .header-block .title-block, .newest-block .newest-content-block .header-block .tab-block {
    display: inline-block;
    vertical-align: middle;
}
.newest-block .newest-content-block .header-block {
    display: block;
    margin-bottom: 20px;
    position: relative;
}
.newest-block .newest-content-block .header-block .title-block, .newest-block .newest-content-block .header-block .tab-block {
    display: inline-block;
    vertical-align: middle;
    background: #fff;
    position: relative;
    z-index: 1;
}
.newest-block .newest-content-block .header-block .title-block h3, .watch-video-block .video-block .title-block h3 {
    margin-bottom: 0;
    line-height: 20px;
    font-family: 'IBMPlexSans-SemiBold', sans-serif;
    font-size: 13px;
    font-weight: 700;
    color: #000;
}
.newest-content-block .main .content-tabs-all p.desc {
    color: #000;
    font-size: 16px;
    font-family: IBMPlexSans-Regular, sans-serif;
    line-height: 20px;
}
.newest-block .newest-content-block .header-block .tab-block ul.nav.nav-pills {
    float: right;
}
.newest-block .newest-content-block .header-block .tab-block {
    float: right;
}

.navbar {
  position: relative;
  min-height: 60px;
  margin-bottom: 0px; 
  border: none; 
}

.bottom-footer-block .img-block img {
    vertical-align: middle;
    margin: 0px auto;
    display: table;
}

@media (min-width: 768px) {
  .navbar {
     border-radius: 0px; 
  }
}

.navbar-inverse {
  background-color: #000;
  border-color: #080808;
}

/**
 * Dahsboard Ticker 
 */
.page-id-456329 .navbar-inverse {
  background-color: #202123;
  border-color: #202123;
}

/*.newest-block .newest-content-block .header-block:after {
    content: '';
    position: absolute;
    width: 100%;
    border-bottom: 2px solid #000;
    left: 0;
    top: 7px;
    z-index: 0;
}*/
.top-header-block .logo-block img {
    width: 218px;
    margin: 0 auto;
    display: table;
    float: left;
}
.top-header-block {
    background: #000;
    position: relative;
    padding: 15px 0;
}
.top-header-block .search-block {
    position: absolute;
    right: 0;
    top: 2px;
}
.top-header-block .search-block input {
    width: 80px;
    border: 0;
    font-size: 14px;
    background-color: transparent;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
    color: #fff;
    padding-right: 27px;
}
.top-header-block .search-block p {
    color: #fff;
    margin-bottom: 0;
    margin-left: -23px;
    top: 4px;
}
.top-header-block .search-block input[type=text]:focus {
    width: 125px;
}
.top-header-block .container {
    position: relative;
}
.newest-block .all-btn-block a.btn {
    display: block;
    background: transparent;
    color: #EE2829;
    border: 1px solid #E7E7E7;
    border-radius: 5px;
    padding: 10px 0;
    margin-bottom: 20px;
    line-height: 14px;
    text-transform: uppercase;
    font-weight: 700;
}
/*.hot-topic-block .main-section-right:first-child {
    margin-bottom: 5px;
}*/
.footer-block .top-footer-block {
    background: #202123;
    font-family: 'IBMPlexSans-Medium', sans-serif;
    padding: 20px 0;
}
.footer-block .top-footer-block .menu-block ul li a {
    padding: 0;
    color: #8F8F90;
    font-size: 14px;
    margin-right: 15px;
}
.footer-block .top-footer-block .menu-block ul li a:hover, .footer-block .top-footer-block .menu-block ul li a:focus {
    background: transparent;
}
.footer-block .top-footer-block p {
    font-size: 14px;
    margin-bottom: 0px;
    color: #8F8F90;
    margin-top: 10px;
    white-space: nowrap;

}
.footer-block .top-footer-block .social-block a {
    display: inline-block;
    color: #202123;
    background: #636465;
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 50%;
    margin-left: 10px;
}
.footer-block .top-footer-block .social-block {
    float: right;
    margin-top: 15px;
}
.footer-block .footer-category-menu .category-menu ul li a:hover, .footer-block .footer-category-menu .category-menu ul li a:focus {
    background: transparent;
}
.social-block a span {
    display: inline-block;
    line-height: 30px;
}
.bottom-footer-block {
    background: #131315;
    padding: 35px 0;
}
.bottom-footer-block .site-logo-img {
    display: table;
    margin: 30px auto;
}
.bottom-footer-block .site-logo-img a {
    margin: 0 20px;
    display: inline-block;
    vertical-align: middle;
}
.bottom-footer-block .site-logo-img a.rotox img {
    width: 185px;
}
.bottom-footer-block .site-logo-img a.fntsy img {
    width: 142px;
}
.bottom-footer-block .site-logo-img a.dailyroto img {
    width:167px;
}

.bottom-footer-block p.desc {
    text-align: center;
    color: #8F8F90 !important;
    margin-bottom: 0px;
    font-family: 'IBMPlexSans-Regular', sans-serif;
    font-size: 14px;
}
.hot-topic-block .main-section-left .image-left .img:after, .main-section-right .image-right .img:after {
    z-index: 1;
    content: '';
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    height: 60px;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
}
.hot-topic-block .main-section-left .image-left .img:after {
    height: 120px !important;
}
.hot-topic-block .main-section-left .image-left .img, .main-section-right .image-right .img {
    position: relative;
}
.footer-block .top-footer-block p {
    white-space: normal;
    text-align: left;
}
.top-header-block p.slogan-block {
    display: table;
    margin: 5px auto 0;
    color: #fff;
    font-size: 12px;
    font-family: 'IBMPlexSans-Regular', sans-serif;
}
.main-section.hot-topic-block .title-block img {
    float: left;
    margin-right: 10px;
}

.main-section-left .with-bg-size {
    height: 445px;
    background-position: top center;
    /* Make the background image cover the area of the <div>, and clip the excess */
    background-size: cover;
    background-repeat: no-repeat;
}
.main-section-right .with-bg-small {
    height: 192px;
    background-size: cover !important;
    background-position: top center !important;
    background-repeat: no-repeat !important;
}
.newest-content-block .main .header-all .tab-bg-sm {
    height: 200px !important;
    background-size: cover !important;
    background-position: top center !important;
    background-repeat: no-repeat !important;
    width: 294px;
}
.watch-video-block .video-block .yottie-widget-feed .swiper-slide.swiper-slide-visible {
    padding: 0px !important;
}
.watch-video-block .video-block .yottie-widget-feed .swiper-container {
    height: auto !important;
}
.newest-block-content .newest-content-block .col-xs-right {
    margin-left: 318px;
    padding-right: 10px;
}
.main-section-right .content-right .detail-right p {
    margin-bottom: 0px;
}
.watch-video-block .video-block #yottie_1 .yottie-widget-video:first-child .yottie-widget-video-info {
    margin-left: 250px;
}

/* watch video block */
.newest-block-content .newest-block {
    border-top: 3px solid #ee2829;
    margin-top: 5px;
}
.more-video a.more-video-btn {
    color: #ee2829;
    text-align: center;
    display: block;
    margin: 0px;
    padding: 15px;
    border: 1px solid rgba(0,0,0,0.1);
    font-family: 'IBMPlexSans-Bold', sans-serif;
    font-size: 11px;
    box-shadow: 0px 0px 6px 0px #9999;
    border-radius: 5px;
    margin-bottom: -22px;
    background: #fff;
    margin-top: 10px;
}
.watch-video-block {
    background: #f7f7f7;
    margin-bottom: 40px;
}
.watch-video-block .video-block #yottie_1 .yottie-widget-video-info-title {
    color: #000;
    font-family: 'IBMPlexSans-Regular', sans-serif;
    font-size: 16px;
    font-weight: normal;
}
.watch-video-block .video-block .yottie-widget-video-info {
    padding: 16px 0px;
}
.watch-video-block .video-block #yottie_1 .yottie-widget-video-info-caption {
    color: rgba(0,0,0,0.8);
    font-family: 'IBMPlexSans-Regular', sans-serif;
} 
.watch-video-block .video-block li.yottie-widget-nav-list-item:after {
    display: none;
}
.watch-video-block .video-block li.yottie-widget-nav-list-item a {
    padding: 30px 0px 0px;
    font-family: 'IBMPlexSans-SemiBold', sans-serif;
    font-size: 13px;
    color: #000;
}
.watch-video-block .video-block #yottie_1 .yottie-widget-nav::after {
    display: none;
}
.watch-video-block .video-block .yottie-widget-nav {
    margin-bottom: -10px;
}
.watch-video-block .video-block #yottie_1 .yottie-widget-video:first-child {
    width: 48% !important;
}

.watch-video-block .video-block #yottie_1 .yottie-widget-video {
    width: 23% !important;
    margin-bottom: 10px;
}

.watch-video-block .video-block #yottie_1 .yottie-widget-video a.yottie-widget-video-preview {
    width: 140px !important;
    float: left;
    padding-right: 10px;
    padding-bottom: 0;
}

.watch-video-block .video-block #yottie_1 .yottie-widget-video a.yottie-widget-video-preview span.yottie-widget-video-preview-thumbnail {
    width: 100% !important;
    height: 75px !important;
    background: black;
}

.watch-video-block .video-block .yottie-widget-video-info {
    padding: 0;
    margin-left: 70px;
    color: #000;
}

.watch-video-block .video-block #yottie_1 .yottie-widget-video-info-caption {
    display: none !important;
}

.watch-video-block .video-block #yottie_1 .yottie-widget-video:first-child .yottie-widget-video-info-caption {
    display: block !important;
}

.watch-video-block .video-block #yottie_1 .yottie-widget-video:first-child a.yottie-widget-video-preview {
    width: 300px !important;
}

.watch-video-block .video-block #yottie_1 .yottie-widget-video:first-child a.yottie-widget-video-preview span.yottie-widget-video-preview-thumbnail {
    height: 170px !important;
}
.watch-video-block .video-block #yottie_1 .yottie-widget-video:first-child a.yottie-widget-video-preview span.yottie-widget-video-preview-thumbnail img {
    height: 100%;
}
.watch-video-block .video-block #yottie_1 .yottie-widget-video:first-child .yottie-widget-video-info-title {
    letter-spacing: normal;
}
.watch-video-block .video-block #yottie_1 .yottie-widget-video:first-child .yottie-widget-video-info-title {
    line-height: 22px !important;
}
.watch-video-block .video-block #yottie_1 .yottie-widget-video-info-title {
    display: -webkit-box !important;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-family: 'IBMPlexSans-SemiBold', sans-serif;
    text-transform: unset;
    white-space: nowrap;
    font-size: 12px;
    /* font-weight: 600; */
    /* line-height: 22px !important; */
    letter-spacing: .30px;
}
.watch-video-block .video-block #yottie_1 .yottie-widget-video:first-child .yottie-widget-video-info-title {
    font-size: 16px;
}
.watch-video-block .video-block #yottie_1 .yottie-widget-video-preview-marker-duration {
    right: 10px;
    font-size: 8px;
    padding: 2px;
}
.watch-video-block .video-block #yottie_1 .yottie-widget-video:first-child .yottie-widget-video-preview-marker-duration {
    padding: 5px 7px 6px;
    font-size: 11px;
}
.watch-video-block .video-block #yottie_1 .yottie-widget-video:last-child {
    display: none !important;
}

.watch-video-block .video-block .yottie-widget-feed .swiper-container, .watch-video-box .yottie-widget-feed .swiper-slide {
    /*height: auto !important;*/
    padding-top: 0px !important;
}
.watch-video-block .video-block .title-block {
    padding: 20px 0px 16px;
}

.watch-video-block .video-block .yottie-widget-feed .swiper-slide.swiper-slide-next {display: none;}
.watch-video-block .video-block #yottie_1 .yottie-widget-video a.yottie-widget-video-preview span.yottie-widget-video-preview-thumbnail {
    position: relative;
}
.watch-video-box #yottie_2 .yottie-widget-video span.yottie-widget-video-preview-thumbnail:before {
    content: " ";
    display: block;
    width: 50px;
    height: 41px;
    background-image: url(/wp-content/themes/ClubSports-theme/images/home/play-large.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-color: transparent;
    position: absolute;
    top: 0;
    padding: 0 !important;
    cursor: pointer;
    z-index: 9999;
    background-size: 55%;
}
.watch-video-block .video-block #yottie_1 .yottie-widget-video .yottie-widget-video-info-passed-time {
    font-family: IBMPlexSans-light, sans-serif;
    font-weight: 700;
    margin-top: 5px;
}
/* end watch video block */

/* start video page hot-top-block css */
.video-block-box .yottie-widget-feed-section-inner.swiper-container.swiper-container-horizontal {
    height: auto !important;
}
.video-hot-topic-block #yottie_1 .yottie-widget-video:nth-child(2) {
    margin-right: 0px !important;
}
.video-hot-topic-block #yottie_1 .yottie-widget-video .yottie-widget-video-info {
    text-align: center;
    padding: 0 10px;
    margin-top: -60px;
    z-index: 9;
    position: relative;
}
.video-hot-topic-block #yottie_1 .yottie-widget-video .yottie-widget-video-info .yottie-widget-video-info-title {
    color: #fff;
    font-size: 28px;
    font-family: 'IBMPlexSans-SemiBold', sans-serif;
    text-transform: unset;
    /* font-weight: 600; */
    line-height: 38px;
    overflow: hidden;
    display: box !important;                   /* As specified */
    display: -moz-box !important;              /* Mozilla */
    display: -webkit-box !important;           /* WebKit */
    -webkit-line-clamp: 2;
    box-orient: vertical;           /* As specified */
    -moz-box-orient: vertical;      /* Mozilla */
    -webkit-box-orient: vertical;   /* WebKit */
    height: 74px;
    box-pack: end;                  /* As specified */
    -moz-box-pack: end;             /* Mozilla */
    -webkit-box-pack: end;          /* WebKit */
}

/* video page desc fix height for mozilla */
@-moz-document url-prefix() {
  .video-hot-topic-block #yottie_1 .yottie-widget-video .yottie-widget-video-info .yottie-widget-video-info-title {
    height: 72px; 
  }
  .video-hot-topic-block #yottie_1 .yottie-widget-video .yottie-widget-video-info .yottie-widget-video-info-caption {
    height: 48px !important;
  }
}
/* End video page desc fix height for mozilla */

.video-hot-topic-block #yottie_1 .yottie-widget-video .yottie-widget-video-info .yottie-widget-video-info-caption {
    font-size: 16px;
    margin-bottom: 10px;
    color: #D2D2D3;
    overflow: hidden;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-family: 'IBMPlexSans-Regular', sans-serif;
    height: auto;
    min-height: 43px;
    line-height: 22px;
}
.video-hot-topic-block #yottie_1 .yottie-widget-video span.yottie-widget-video-preview-thumbnail:after {
    z-index: 0;
    content: '';
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    height: 150px;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
}
.video-hot-topic-block #yottie_1 .yottie-widget-video span.yottie-widget-video-preview-thumbnail:before {
    content: " ";
    display: block;
    width: 80px;
    height: 70px;
    background-image: url(/wp-content/themes/ClubSports-theme/images/home/play-large.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-color: transparent;
    position: absolute;
    top: 6px;
    padding: 0 !important;
    cursor: pointer;
    z-index: 9999;
    left: -3px;
    background-size: 75%;
}
/*.hot-topic-block #yottie_1 .yottie-widget-video span.yottie-widget-video-preview-thumbnail:before {
    content: " ";
    display: block;
    width: 87px;
    height: 55px;
    background-image: url(/wp-content/themes/ClubSports-theme/images/home/play-large.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-color: transparent;
    position: absolute;
    top: 8px;
    padding: 0 !important;
    cursor: pointer;
    z-index: 9999;
    background-size: 55%;
    left: -12px;
}*/
/* end video page hot-top-block css */

/* start video page video-block */
.main-section.video-hot-topic-block {
    background: #202123;
    padding-bottom: 30px;
    padding-top: 30px;
}
.watch-video-box #yottie_2 .yottie-widget-video-info-title:hover, .watch-video-box #yottie_2 .yottie-widget-video-info-title:focus {
    color: #000;
}
.watch-video-box #yottie_2 .yottie-widget-video-info-title {
    color: #000;
    text-align: center;
    font-size: 14px;
    font-family: 'IBMPlexSans-SemiBold', sans-serif;
    line-height: 20px !important;
}
.watch-video-box #yottie_2 .yottie-widget-video span.yottie-widget-video-preview-thumbnail:before {
    content: " ";
    display: block;
    width: 70px;
    height: 41px;
    background-image: url(/wp-content/themes/ClubSports-theme/images/home/play-large.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-color: transparent;
    position: absolute;
    top: 2px;
    padding: 0 !important;
    cursor: pointer;
    z-index: 9999;
    background-size: 55%;
    left: -12px;
}
.watch-video-box #yottie_2 .yottie-widget-video:nth-child(4n+1) {
    clear: both;
}
.watch-video-box {
    margin: 30px 0;
}
.watch-video-box #yottie_2 .yottie-widget-feed {
    background: transparent;
}
.main-section.video-hot-topic-block .title-info h2 {
    color: #fff;
    text-align: center;
    margin-bottom: 5px;
    line-height: 20px;
    font-family: 'IBMPlexSans-Regular', sans-serif;
    font-size: 13px;
    font-weight: 700;
}
.watch-video-box .yottie-widget-feed .swiper-slide .yottie-widget-video-info {
    padding: 18px 18px 18px !important;
    /*min-height: 115px;*/
}
.video-hot-topic-block .video-block-box, .watch-video-box .video-block {
    margin-left: -15px;
    margin-right: -15px;
}
.watch-video-box .yottie-widget-feed .swiper-container {
    height: auto !important;
}
/* end video page video-block */


/* ===============================
       Start article page css
==================================*/
.article-main-block .block-review .post-description-info a img {
    width: auto;
    height: auto;
    margin-top: 20px;
    margin-bottom: 20px;
}
.article-main-block .block-review .post-description-info img {
    display: block;
    width: 100%;
    height: auto;
    max-width: 100%;
}
.article-main-block .block-review .post-description-info {
    margin-bottom: 15px;
    line-height: 28px;
    font-size: 16px;
    font-family: "IBMPlexSans-Regular";
    color: #000;
}
.article-main-block .block-review .post-description-info h1, .article-main-block .block-review .post-description-info h2, .article-main-block .block-review .post-description-info h3, .article-main-block .block-review .post-description-info h4, .article-main-block .block-review .post-description-info h5, .article-main-block .block-review .post-description-info h6 {
    margin: 10px 0;
    color: #000;
    font-family: IBMPlexSans-Bold, sans-serif;
}
.article-main-block .block-review .post-description-info a {
    color: #ee2829;
    font-weight: 700;
}
.article-main-block .block-review .post-description-info > h2 {
    font-family: IBMPlexSans-Bold, sans-serif !important;
    text-transform: unset;
    margin-bottom: 30px;
}
.article-main-block .social-block .block-introduction .social-image img{
    width:100%;
}
.article-main-block .video-section img {
    width:60%;
}
.article-main-block .youtube-video .highlight {
    color:#ff0000;
}
.article-main-block .youtube-video .video-section {
    background: #f7f7f7;
}
.article-main-block .social-block .must-watch {
    color:#ff0000;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 13px;
    font-family: 'IBMPlexSans-SemiBold', sans-serif;
    margin: 0;
}
.article-main-block .youtube-video .article-detail {
    padding: 20px 0 10px 0;
}
.article-main-block .youtube-video .youtube-review{
    font-family:'IBMPlexSans-Regular' , sans-serif; 
    font-size: 15px;
    color: #000;
}
.article-main-block .social-sites .social-site-list {
    list-style: none;
    line-height: 23px;
    display: inline-block;
    padding:0 2px;
}
.article-main-block .social-sites {
    float: right;
}
.article-main-block .social-block .social-site-detail {
    padding:15px 0 10px;
    /*margin-bottom:5px;*/
}
.article-main-block .youtube-video .youtube-review-highlight {
    font-weight: 600;
    font-family:'IBMPlexSans-Regular' , sans-serif; 
    font-size:15px;
    color: #000;
}   
.article-main-block .social-sites .email {
    padding:2px 7px;
    border-radius: 3px;
    font-size: 12px;
    font-weight: 600;
    color: gray;
    border: 1px solid #e5e5e5;
}
.article-main-block .social-sites .google {
    color:#ff0000;
    border: 1px solid #e5e5e5;
    padding: 1px 8px;
    border-radius: 3px;
    font-size:13px;
}
.article-main-block .social-sites .like {
    background: #4768b7;
    color: white;
    padding:1px 7px;
    border:1px solid #4768b7;
    border-radius: 3px;
    font-weight: 600;
    font-size: 12px;
}
.article-main-block .social-sites .tweet {
    background: #3c96e5;
    color: white;
    border:1px solid #3c96e5;
    padding: 1px 7px;
    border-radius: 3px;
    font-weight: 600;
    font-size: 12px;
}
.article-main-block .social-site-detail .scott-angle {
    color:#919191;
    font-size:12px;
    font-family:'IBMPlexSans-Regular', sans-serif;
    font-style:italic;
    line-height: 25px;
}
.article-main-block .block-review .social-site-detail{
    border-top:1px solid #e5e5e5;
}
.footer-section-adblock .ad-footer-image{
    padding: 30px 0;
    border-top:1px solid #e5e5e5;
}
.footer-section-adblock .ad-footer-image img {
    width:auto;
   display:table;
   margin: 0 auto;
}
.footer-block .footer-category-menu {
    background: #202123;
    font-family: 'IBMPlexSans-Medium', sans-serif;
}
.footer-block .footer-category-menu .category-menu ul li a {
    color: #fff;
    text-align: center;
    padding: 0px;
}
.footer-block .footer-category-menu .category-menu ul {
    display: table;
    text-align: center;
    margin: 0 auto;
}
.footer-block .footer-category-menu .category-menu ul li {
    display: inline-block;
    padding: 0 16px;
    line-height: 10px;
}
.footer-block .footer-category-menu .category-menu {
    border-bottom: 1px solid #414347;
    padding: 25px 0;
}
.article-main-block .youtube-video .find-it {
    font-weight: 600;
}
.article-main-block{
    padding-top:30px;
}   
.article-main-block .email .fa.fa-envelope {
    padding-right: 5px;
}
.article-main-block .like .fa.fa-thumbs-up,.article-main-block .tweet .fa.fa-twitter {
    padding-right: 5px;
}
.article-main-block .social-block .block-introduction .social-site-detail   {
    border-bottom:1px solid #e5e5e5;
    color: #8e8e8e;
}
.article-main-block .title .carton, .article-main-block .social-block .block-introduction .carton{
    font-size:34px;
    font-weight:600;
    line-height: 40px;
    font-family: 'IBMPlexSans-SemiBold', sans-serif;
    text-transform: initial;
    margin: 0px 0 25px 0;
    color: #000;
}
.article-main-block .social-block .block-review .youtube-header{
    margin: 0px;
    font-size: 26px;
    font-weight:600;
    line-height: 40px;
    margin:20px 0 25px 0;
    text-transform:initial;
    font-family: 'IBMPlexSans-SemiBold', sans-serif;
}
.article-main-block .side-block .article-image{
    margin-bottom:20px;
}
.article-main-block .block-introduction .scott-angle{
    font-style:initial;
    word-spacing:3px;
    line-height: 25px;
}
.article-main-block .youtube-video .video-section iframe{
    width: 60%;
    height: 300px;
}
/* ===============================
       End article page css
==================================*/

/*=======================================
        Start category block css
========================================*/
.single #innermain, .category #innermain {
    padding-top: 0px;
}
.category-block .post-wrapper-s:nth-child(3n+1) {
    clear: both;
}
.category-block .tab-block .nav li a {
    background: #000;
    border-radius: 0;
    padding: 8px 20px;
    color: #fff;
    font-size: 12px;
    margin: 0 7px 10px 0;
    text-transform: uppercase;
    font-family: 'IBMPlexSans-Medium', sans-serif;
}
.category-block .tab-block .nav li.active a, .category-block .tab-block .nav li:hover a, .category-block .tab-block .nav li:focus a {
    background: #ee2829;
}
.category-block .tab-content-block {
    margin-top: 20px;
}
.category-block .tab-content-block .block-box .img-block img {
    width: 100%;
}
.category-block .tab-content-block .block-box .details-block h2 {
    font-family: 'IBMPlexSans-Medium', sans-serif;
    font-size: 18px;
    margin-bottom: 8px;
    text-transform: unset;
    font-weight: 600;
}
.category-block .tab-content-block .block-box .details-block {
    padding: 28px 10px;
    text-align: center;
}
.category-block .tab-content-block .block-box .details-block  p.date-block {
    font-family: 'IBM Plex Mono', monospace;
    color: #999999;
    font-size: 12px;
    margin-bottom: 0px;
}
.main-category .left-block.content-left {
    display: table;
}
.category-block .tab-content-block .block-box .details-block a:hover, .category-block .tab-content-block .block-box .details-block a:focus {
    text-decoration: none;
}
.category-block .title-block h1.pix-page-title {
    font-family: 'IBMPlexSans-SemiBold', sans-serif;
    font-size: 32px;
    margin: 15px 0px;
}
/*=======================================
        End category block css
========================================*/

/*=======================================
        Start Newsletter block css
========================================*/
.widget {
    margin-bottom: 35px;
}
.newsletter-block .newletter-box {
    border: 2px solid #000;
    padding: 30px;
    text-align: center;
    position: relative;
}
.newletter-box:after {
    content: '';
    position: absolute;
    bottom: -8px;
    background: red;
    width: 96%;
    height: 6px;
    z-index: 9999999;
    left: 0;
    right: 0;
    margin: auto;
}
.newsletter-block .newletter-box .btn {
    background: transparent;
    border: 1px solid #e7e7e7;
    color: #ee2829;
    margin-top: 20px;
    padding: 5px 30px;
    border-radius: 5px;
    font-family: 'IBMPlexSans-Medium', sans-serif;
    font-weight: 700;
    -moz-box-shadow: 0 0px 8px 2px #efefef;
    -webkit-box-shadow: 0 0px 8px 2px #efefef;
    width: auto;
    box-shadow: 0 0px 8px 2px #efefef;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.main-category .sidebar-block {
    margin-top: 30px;
}
.newletter-box h2 {
    font-family: 'IBMPlexSans-Medium', sans-serif;
    text-transform: unset;
    font-weight: 700;
    margin: 0;
    color: #000;
    font-size: 24px;
}
.newletter-box p {
    font-family: 'IBMPlexSans-Medium', sans-serif;
    color: #000;
    line-height: 20px;
    margin-top: 10px;
    font-size: 14px;
}
.newsletter-block input {
    width: 100%;
    text-align: center;
    font-family: 'IBMPlexSans-Medium', sans-serif;
    border: 1px solid #d8d8d8;
    font-size: 14px;
    color: #a7a7a7;
    -moz-box-shadow: inset 0 0px 8px 2px #efefef;
    -webkit-box-shadow: inset 0 0px 8px 2px #efefef;
    box-shadow: inset 0 0px 8px 2px #efefef;
}
.newsletter-block label input {
    display: inline;
    width: auto;
    box-shadow: none;
}
.newsletter-block label {
    margin-top: 15px;
    font-weight: normal;
    font-family: 'IBMPlexSans-Medium', sans-serif;
    color: #000;
}
.newsletter-block label a {
     color: rgb(26, 137, 222); 
}

/*=======================================
        End Newsletter block css
========================================*/

/*=======================================
        Start sidebar css
========================================*/
.main-category .sidebar-block .ad-block {
    display: table;
    padding-top: 20px;
    border-top: 4px solid #000;
}
.main-category .sidebar-block .ad-block .title-block h3 {
    font-family: 'IBMPlexSans-Medium', sans-serif;
    padding-left: 0px;
    padding-bottom: 10px;
}
/*=======================================
        End sidebar css
========================================*/

/*=======================================
        Start widget sidebar css
========================================*/
.widget.pwn_upcoming_match {
    border-top: 4px solid #000;
    padding-top: 15px;
}
.widget.pwn_upcoming_match .title-block h3 {
    padding-left: 0px;
    padding-bottom: 8px;
    font-family: 'IBMPlexSans-Medium', sans-serif;
    font-size: 12px !important;
    font-weight: 800;
}
/*=======================================
        End widget sidebar css
========================================*/

/*=======================================
        Start newsletter page
=========================================*/
.email-newsletter-block {
    margin-top: 30px;
}
.email-newsletter-block h1.pix-page-title {
    font-family: 'IBMPlexSans-SemiBold', sans-serif;
    font-size: 32px;
    margin: 0px 0px 15px;
    text-transform: unset;
    line-height: 25px;
}
.email-newsletter-block p {
    font-family: 'IBMPlexSans-Medium', sans-serif;
}
/*=======================================
        End newsletter page
=========================================*/


.article-main-block .block-review .post-description-info .post_content_am_ngg .wp-caption {
    width: 100% !important;
}
.article-main-block .block-review .post-description-info .post_content_am_ngg .wp-caption img {
    max-width: 100%;
}

/* 5-1-2019 mobile fixes */
.article-main-block .block-review .post-description-info #ooyalaplayer {
    width: auto !important;
    max-width: 600px;
}

@media only screen and (max-width: 1030px) {
    /* watch video block */
    .watch-video-block .video-block #yottie_1 .yottie-widget-video:first-child {
        width: 47.5% !important;
    }
    /* end watch video block */
}

@media only screen and (max-width: 1024px) {
    /* ===============================
           Start article page css
    ==================================*/
    .article-main-block .navigation-bar .navbar .navbar-list{
        padding: 15px 45px;
    }
    .article-main-block .headline{
        padding-bottom: 0px;
    }
    .article-main-block .live-event{
        padding-top: 10px;
    }
    /* ===============================
           End article page css
    ==================================*/
}

@media only screen and (max-width: 992px) {
    .footer-block .top-footer-block .social-block {
        float: none;
        margin: 15px auto 0;
        display: table;
    }
    .footer-block .top-footer-block .menu-block ul {
        display: table;
        margin: 0 auto;
        text-align: center;
    }
    .footer-block .top-footer-block .menu-block ul li {
        display: inline-block;
    }
    .hot-topic-block .main-section-left .content-left .title-left h3 {
        font-size: 24px;
        line-height: 28px;
    }
    .hot-topic-block .main-section-right .content-right .title-right h3 {
        font-size: 16px;
    }
    .ad-block .ad-img img {
        width: 300px;
        margin: 0 auto;
        display: table;
    }

    #sidebar {
        display: table !important;
    }
    .ad-block #sidebar .textwidget a {
        display: table;
        margin: 0 auto;
    }    
    #sidebar .newsletter-block .newletter-box a {
        display: initial;
    }
    /* ===============================
           Start article page css
    ==================================*/
    .article-main-block .block-review .social-site-detail{
        border-bottom: 1px solid #e5e5e5;
        margin-bottom: 30px;
    }
    .article-main-block .social-block .social-site-detail{
        padding:20px 0 15px;
    }
    .article-main-block .social-sites{
        float: none;
        margin-top:10px;
    }
    .article-main-block .title .carton, .article-main-block .social-block .block-introduction .carton{
        font-size:35px;
    }
    .article-main-block .live-event .event-box-header {
        margin-bottom: 10px;
    }
    .article-main-block .navigation-bar .navbar .navbar-list{
        padding: 15px 22px;
    }
    /* .article-main-block .side-block .article-image img{
        width: 70%;
        display: table;
        margin: 0 auto;
        margin-bottom: 30px;
    }*/
    .article-main-block .side-block .article-image{
        padding: 0 20px;
    }
    .footer-section-adblock .ad-footer-image img {
        width:70%;
    }
    /* ===============================
           End article page css
    ==================================*/

}
@media only screen and (max-width: 992px) {
    header .navbar ul.nav.navbar-nav li a {
        padding: 15px;
    }
}
@media only screen and (max-width: 991px) {
    
    .newest-content-block .main .header-all .tab-bg-sm {
        width: 232px;
    }
    .newest-block-content .newest-content-block .col-xs-right {
        margin-left: 255px;
    }
    /* watch video block */
    .watch-video-block .video-block #yottie_1 .yottie-widget-video:first-child {
        width: 100% !important;
    }
    .watch-video-block .video-block #yottie_1 .yottie-widget-video {
        width: 47% !important;
        margin-bottom: 10px;
    }
    /* end watch video block */

    .article-main-block .side-block .article-image .textwidget img {
        width: auto;
        margin: 0 auto;
        display: table;
        float: none;
        max-width: 100%;
    }
}
@media only screen and (max-width: 990px) {
    .top-header .navbar-header {
        margin-left: 15px;
    }
    /* watch video block */
    .watch-video-block .youtube_channel.responsive .ytc_video_container:first-child {
        width: 100% !important;
    }
    .watch-video-block .youtube_channel.responsive .ytc_video_container {
        width: 50% !important;
        margin-bottom: 10px;
    }

    /* end watch video block */

    /*newsletter css start*/
    .email-newsletter-block .newsletter-block .newletter-box {
        margin-top: 8px;
    }
    .email-newsletter-block .searchform2 .btn {
        margin-top: 8px;
    }
    .email-newsletter-block .searchform2 input[type="text"] {
        width: 100% !important;
    }
    .email-newsletter-block .searchform2 {
        float: none;
    }
    /*newsletter css ends*/
}
@media only screen and (max-width: 767px) {
    /* start nav menu */
    .top-header a.img-block img {
        margin-top: 18px !important;
        margin-right: auto;
        margin-left: auto;
        width: 150px;
    }
    .top-header .navbar-inverse .navbar-toggle {
        background: transparent;
        border: none;
        float: left;
        padding: 0px;
        margin-left: 15px;
    }
    .top-header .navbar-inverse a.img-block {
        display: table;
        margin: 0 auto;
    }
    .top-header .navbar-header {
        margin-top: 0px !important;
        margin-left: 0px;
    }
    .top-header .navbar-header .bar1, .top-header .navbar-header .bar2, .top-header .navbar-header .bar3 {
        width: 32px;
        height: 3px;
        background-color: #fff;
        margin: 6px 0;
        transition: 0.4s;
    }
    .top-header .navbar-header .change .bar1 {
        -webkit-transform: rotate(-40deg) translate(-8px, 8px);
        transform: rotate(-40deg) translate(-8px, 8px);
    }
    .top-header .navbar-header .change .bar2 {opacity: 0;}
    .top-header .navbar-header .change .bar3 {
        -webkit-transform: rotate(40deg) translate(-5px, -5px);
        transform: rotate(40deg) translate(-5px, -5px);
    }
    .top-header .navbar .navbar-collapse {
        position: absolute;
        top: 48px;
        width: 100%;
        z-index: 9999;
        background: #202123;
        left: 0;
    }
    .navbar {
        min-height: 48px;
    }
    .top-header .navbar-collapse ul {
        margin: 10px 0;
    }
    .top-header .navbar-collapse ul li {
        display: block;
    }
    .top-header .navbar-collapse ul li a {
        text-align: center;
        float: none;
    }
    .top-header .navbar-inverse .navbar-toggle {
        margin-left: 0px;
    }
    /* end nav menu */

    .container {
        width: auto;
        padding: 0 15px;
    }
    .main-section.hot-topic-block .row, .newest-block-content .row {
        margin-left: -10px;
    }
    .watch-video-block .video-block .title-block {
        text-align: center;
    }
    .watch-video-block .video-block .title-block h3 {
        margin-left: -8px;
    }
    .hot-topic-block .main-section-left .description-left, .main-section-right .content-right .description-right {
        font-size: 14px;
    }
    .hot-topic-block .main-section-left .detail-left p {
        font-size: 12px;
    }
    .main-section.hot-topic-block .row, .newest-block-content .row {
        margin-left: -10px;
    }
    .main-section-right .image-right {
        width: 114px;
        float: left;
    }
    .main-section-right .content-right {
        margin-top: 0;
        margin-left: 110px;
        text-align: left;
    }
    .hot-topic-block .main-section-right .content-right .title-right h3 {
        font-size: 14px;
        margin-top: 35px;
    }
    .hot-topic-block .main-section-right {
        margin-bottom: 20px;
        clear: both;
        display: table;
        width: 100%;
    }
    .hot-topic-block .main-section-left {
        margin-bottom: 20px;
        border-bottom: 1px solid #999999;
    }
    .main-section.hot-topic-block {
        padding: 20px 0;
    }
    .newest-block .newest-content-block .header-block .title-block {
        display: block;
        text-align: center;
        margin-bottom: 10px;
    }
    .newest-block .newest-content-block .header-block .title-block h3 {
        font-size: 14px;
    }
    .main-section.hot-topic-block .title-block h3 {
        font-size: 14px;
        text-align: center;
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle;
    }
    .main-section.hot-topic-block .title-block {
        display: table;
        margin: 0 auto;
        margin-bottom: 15px;
    }
    .main-section.hot-topic-block .title-block img {
        display: inline-block;
        margin-right: 10px;
    }
    .newest-block {
        margin-top: 20px;
        padding-top: 20px;
    }
    .newest-block .newest-content-block .tab-block ul li a {
        margin: 0 5px;
    }
    .newest-block .newest-content-block .header-block .tab-block ul.nav.nav-pills {
        float: none;
    }
    .newest-block .newest-content-block .header-block .tab-block {
        float: none;
        margin: 0 auto;
        display: table;
    }
    .newest-content-block .main .content-tabs-all p.desc {
        display: none;
    }
    .newest-content-block .main .content-tabs-all h3.title-block {
        font-size: 14px;
        margin-bottom: 5px;
    }
    .newest-content-block .main {
        margin-bottom: 15px;
    }
    .newest-block .all-btn-block a.btn {
        margin: 20px 0;
    }
    .top-header-block {
        display: table;
        width: 100%;
    }
    .top-header-block .logo-block img {
        margin: 0px;
    }
    .bottom-footer-block .img-block img {
        width: 158px;
    }
    .bottom-footer-block .site-logo-img a {
        margin: 0 0 8px;
        display: block;
    }
    .top-header-block p.slogan-block {
        margin: 5px 0 0;
        width: 218px;
        text-align: center;
    }
    .top-header-block .search-block {
        right: 8px;
    }
    .top-header-block .search-block input[type=text]:focus {
        width: 80px;
    }
    .bottom-footer-block .site-logo-img a {
        margin: 0 0 30px;
        display: block;
    }
    .bottom-footer-block .site-logo-img a:last-child {
        margin-bottom: 0px;
    }
    .main-section-left .with-bg-size {
        height: 250px;
    }
    .main-section-right .with-bg-small {
        height: 120px;
    }
    .newest-content-block .main .header-all .tab-bg-sm {
        width: 145px;
        height: 100px !important;
    }
    .newest-content-block .col-xs-right {
        margin-left: 170px;
    }
    .watch-video-block .video-block {
        margin-right: -8px;
    }
    .newest-block-content .newest-content-block .col-xs-right {
        margin-left: 160px;
    }
    .footer-block .top-footer-block p {
        text-align: center !important;
    }
    .footer-block .footer-category-menu .category-menu {
        padding: 0 0 15px;
    }
    .footer-block .footer-category-menu .category-menu ul li {
        padding: 20px 16px 0;
    }
    /*  watch video block */
    .more-video a.more-video-btn {
        padding: 10px;
        margin-left: 0px;
        margin-right: 0px;
    }
    .watch-video-block .video-block #yottie_1 .yottie-widget-video:first-child a.yottie-widget-video-preview {
        width: 100% !important;
        padding-right: 0px;
        float: none;    
    }
    .watch-video-block .video-block #yottie_1 .yottie-widget-video:first-child .yottie-widget-video-info {
        margin-left: 0px;
        padding: 15px 0px;
        text-align: center;
        border-bottom: 1px solid rgba(0,0,0,0.1);
        margin-bottom: 3px;
    }
    .watch-video-block .video-block #yottie_1 .yottie-widget-video:first-child {
        width: 100% !important;
        margin-right: 0px !important;
        padding-right: 10px;
    }
    .watch-video-block .video-block #yottie_1 .yottie-widget-video a.yottie-widget-video-preview {
        width: 100% !important;
        float: none;
        padding-right: 0px;
    }
    .watch-video-block .video-block #yottie_1 .yottie-widget-video a.yottie-widget-video-preview span.yottie-widget-video-preview-thumbnail {
        width: 100% !important;
        height: 96px !important;
    }
    .watch-video-block .video-block #yottie_1 .yottie-widget-video {
        width: 46% !important;
        margin-bottom: 10px;
        margin-right: 10px !important;
        margin-bottom: 15px !important;
    }
    .watch-video-block .video-block .yottie-widget-video-info {
        margin-left: 0px;
        margin-top: 15px;
    }
    .watch-video-block .video-block .yottie-widget-feed .swiper-container, .yottie-widget-feed .swiper-slide {
        padding-top: 0px !important;
    }
    .watch-video-block .video-block .row {
        margin-left: -10px;
    }
    .watch-video-block .video-block #yottie_1 .yottie-widget-video:nth-child(even) {
        clear: both;
    }
    /* end watch video block */

    /* start video page video-block */
    .main-section.video-hot-topic-block .title-info h2 {
        text-align: center;
        margin-bottom: 15px;
    }
    .watch-video-box #yottie_2 .yottie-widget-video:nth-child(2n+1) {
        clear: both;
    }
    .video-hot-topic-block #yottie_1 .yottie-widget-video .yottie-widget-video-info .yottie-widget-video-info-title {
        font-size: 24px;
        padding: 0 10px;
    }
    .video-hot-topic-block #yottie_1 .yottie-widget-video .yottie-widget-video-info .yottie-widget-video-info-caption, .watch-video-box #yottie_2 .yottie-widget-video-info-title {
        font-size: 14px;
    }
    .video-hot-topic-block #yottie_1 .yottie-widget-video:nth-child(2) {
        clear: both !important;
        margin-right: 10px !important;
    }
    .watch-video-box .row, .main-section.video-hot-topic-block .row {
        margin-left: -10px;
    }
    .video-hot-topic-block #yottie_1 .yottie-widget-video .yottie-widget-video-info {
        padding: 0px;
        margin-top: -38px;
    }
    .watch-video-box .container, .main-section.video-hot-topic-block .container {
        padding: 0 5px;
    }   
    .watch-video-box .yottie-widget-feed .swiper-slide .yottie-widget-video-info {
        padding: 10px 0px 0px !important;
    }
    .watch-video-box #yottie_2 .yottie-widget-video-info-title {
        text-align: left;    
    }
    .watch-video-box {
        margin: 20px 0;
    }
    /* end video page video-block */

    /* video page desc fix height for mozilla */
    @-moz-document url-prefix() {
      .video-hot-topic-block #yottie_1 .yottie-widget-video .yottie-widget-video-info .yottie-widget-video-info-title {
        height: 70px; 
      }
      .video-hot-topic-block #yottie_1 .yottie-widget-video .yottie-widget-video-info .yottie-widget-video-info-caption {
        height: 40px !important;
      }
    }
    /* End video page desc fix height for mozilla */

    /* ===============================
           Start article page css
    ==================================*/
    .article-main-block .block-review .social-site-detail{
        border-bottom: 1px solid #e5e5e5;
        margin-bottom: 30px;
    }
    /*.article-main-block .side-block .article-image img{
        width: 50%;
    }*/
    .article-main-block .youtube-video .video-section iframe{
        width: 100%;
        height: 200px;
    }
    .article-main-block .youtube-video .video-image{
        width: 60%;
    }
    .article-main-block .youtube-video .video-section img{
        width:100%;
    }
    .article-main-block .live-event .event-box-header{
        margin: 20px 0 10px 0;  
    }
    .article-main-block .live-event .event-single-box{
        width: 100%;
        margin:0;
    }
    .article-main-block .video-on-demand .dimand-box-header{
        margin:20px 0 10px 0;
    }
    .article-main-block .video-on-demand .demand-single-box{
        width: 100%;
        margin: 0;
        padding: 0;
    }
    .article-main-block .headline .headline-box-header{
        margin: 20px 0px 10px 0;
    }
    .article-main-block .headline .headline-box{
        width: 100%;
    }
    .article-main-block .headline .headline-description{
        width: 100%;
        padding-top: 10px;
        padding-left: 0;
    }
    .article-main-block .live-event .event-section {
        display: table;
        width: 100%;
    }
    .article-main-block .live-event .event-single-box .event-box-discription{
        padding-bottom: 10px;
    }
    .article-main-block .video-on-demand .demand-box-discription{
        padding-bottom: 10px;
    }
    .article-main-block .headline .single-headline-box{
        margin-bottom: 10px;
    }
    .article-main-block .headline{
        padding-bottom: 10px;
    }
    .article-main-block .video-on-demand .video-demand-box{
        padding-bottom: 10px;
    }
    .article-main-block .navigation-bar .navbar .navbar-list{
        display: table;
        float:none; 
        margin: 0 auto;
    }
    .article-main-block .navigation-bar .navbar{
        margin:0 auto;
        float: none;
    }
    .article-main-block .navigation-bar .navbar-header{
        display: table;
        margin: 0 auto;
        float: none;
    }
    .article-main-block .live-event .event-single-box .event-box-detail{
        line-height: 12px;
    }
    .article-main-block .live-event .see-all-event{
        margin: 20px 0;
    }
   .article-main-block .headline .single-headline-box .headline-header{
        margin: 0 0 5px 0px;
    }
    .article-main-block .headline .single-headline-box{
        padding-left:0;
        padding-right:0;
    }
    .article-main-block .live-event .event-single-box{
        padding: 0;
    }
    .footer-section-adblock {
        display: none;
    }
    .article-main-block .social-sites{
        float: none;
        padding: 10px 0;
        margin-top:0;
    }
    .article-main-block .social-block .social-site-detail{
        border-bottom:1px solid #e5e5e5;
        padding: 10px 0 15px 0;
    }
    .article-main-block .social-block .block-introduction .social-site-detail .social-share, .article-main-block .block-review .social-site-detail .social-share {float: none !important;}
    .article-main-block .social-block .block-introduction .social-site-detail .social-share a:first-child, .article-main-block .block-review .social-site-detail .social-share a:first-child {
        padding-left: 0px;
    }
    .article-main-block .title .carton, .article-main-block .social-block .block-introduction .carton{
        font-size: 26px;
        line-height: 32px;
    }
    .article-main-block .social-block .block-review .youtube-header{
        font-size: 20px;
        margin: 20px 0;
        line-height: 28px;
        color: #000;
    }
    .article-main-block .youtube-video .youtube-review, .article-main-block .youtube-video .youtube-review-highlight {
        font-size: 16px;
    }
    .article-main-block .side-block .article-image {
        padding: 0px;
    }
    .article-main-block .block-review .post-description-info img {
        width: 100% !important;
        height: auto;
    }
    .article-main-block .block-review .post-description-info table {
        display: block;
        width: 100%;
        overflow: auto;
    }
    .article-main-block {
        padding-top: 0px;
    }
    
    /* ===============================
           End article page css
    ==================================*/

    /*=======================================
            Start category block css
    ========================================*/
    .category-block .title-block h1.pix-page-title {
        font-size: 22px;
        text-align: center;
        margin-bottom: 0px;
        margin-top: 20px;
    }
    .category-block .title-block .subtitle {
        float: none;
        display: table;
        margin: 0 auto;
    }
    .category-block .tab-block .nav li a {
        padding: 6px 16px;
        font-size: 10px;
        margin: 0 4px 6px 0;
    }
    .category-block .tab-content-block .block-box .details-block {
        padding: 10px 0;
        text-align: left;
    }
    .category-block .tab-content-block .block-box .details-block h2 {
        font-size: 12px;
        margin-bottom: 0;
    }
    .main-category .category-block, .main-category .left-block.content-left {
        display: inline-block;
        width: 100%;
    }
    .category-block .tab-content-block .clear {
        display: none;
    }
    .category-block .tab-content-block .post-wrapper-s:nth-child(odd) {
        clear: both;
    }
    .category-block .post-wrapper-s:nth-child(3n+1) {
        clear: none;
    }
    /*=======================================
            End category block css
    ========================================*/

    /*=======================================
            Start Newsletter block css
    ========================================*/
    .newsletter-block .newletter-box {
        padding: 20px 20px 26px;
    }
    .email-newsletter-block .searchform2 .btn {
        margin-top: 8px;
    }
    .email-newsletter-block .searchform2 input[type="text"] {
        width: 100% !important;
    }
    .email-newsletter-block .searchform2 {
        float: none;
    }
    /*=======================================
            End Newsletter block css
    ========================================*/
    
    /*=======================================
            Start sidebar css
    ========================================*/
    .main-category .sidebar-block {
        margin-top: 10px;
    }
    .main-category .sidebar-block .newsletter-block {
        border-top: 1px solid #e7e7e7;
        padding-top: 20px;
    }
    /*=======================================
            End sidebar css
    ========================================*/

    .article-main-block .block-review .post-description-info embed {
        width: 100%;
        height: 250px;
    }
    .article-main-block .block-review .post-description-info object {
        width: 100%;
        height: 250px;
    }
    .article-main-block .block-review .post-description-info .post_content_am_ngg iframe {
        max-width: 100% !important;
        width: 100% !important;
        height: 250px;
        min-width: 100% !important;
    }
    .article-main-block .block-review .post-description-info .video-info {
        width: 100% !important;
    }
    .article-main-block .block-review .post-description-info video {
        width: 100%;
        height: 250px;
    }
    .article-main-block .block-review .post-description-info ul {
        margin-left: 15px;
    }
    .article-main-block .block-review .post-description-info #slider1025_container img {
        width: auto !important;
    }
    .article-main-block .block-review .post-description-info p {
        word-break: break-word;
    }

    /* 5-1-2019 mobile fixes */
    .article-main-block .block-review .post-description-info #ooyalaplayer {
        height: 300px !important;
    }
    .social-block .post-description-info .section_block {
        width: 100% !important;
    }
    .single-post .post_content_am_ngg a, .article-main-block .block-review .post-description-info a {
        word-break: break-all;
    }
}
@media only screen and (max-width: 480px) {
    .row {
        margin-left: -10px;
    }
    /* ===============================
           Start article page css
    ==================================*/
    .article-main-block .live-event .event-box-header{
        margin: 0px 0 10px 0;
    }
    .article-main-block .headline .headline-box-header{
        width: 30%;
    }
    .article-main-block .live-event .see-all-event{
        margin:10px 0px;
    }
    .article-main-block .block-review .social-site-detail{
        margin-bottom:30px;
    }  
/*    .article-main-block .side-block .article-image img{
        width: 100%;
    }*/    
    /* ===============================
           End article page css
    ==================================*/
    .ad-block .ad-img img {
        width: 100%;
    }

    .watch-video-block .video-block #yottie_1 .yottie-widget-video:first-child a.yottie-widget-video-preview span.yottie-widget-video-preview-thumbnail img {
        height: auto; 
        width: 100%;
    }
    .watch-video-block .video-block #yottie_1 .yottie-widget-video:first-child a.yottie-widget-video-preview span.yottie-widget-video-preview-thumbnail {
        height: 224px !important;
    }
}
.title-block h3 {
    margin-bottom: 0;
    line-height: 20px;
    font-family: 'IBMPlexSans-Regular', sans-serif;
    font-size: 13px;
    font-weight: 700;
    color: #000;
}

/*.main-section-right .image-right img {
    height: 200px;
}*/

.hot-topic-block .main-section-left .content-left {
    text-align: center;
    padding: 0 20px;
    margin-top: -90px;
    z-index: 9;
    position: relative;
}
.main-section-right .content-right {
    text-align: center;
    padding: 0 20px;
    margin-top: -40px !important;
    z-index: 9;
    position: relative;
}

/*.title-right {
  width: 250px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}*/

/*.hot-topic-block .main-section-left .image-left img {
    height: 445px !important;
}*/

.main-section-right .image-right img {
    width: 100%;
}

@media only screen and (max-width: 767px){
   .bottom-footer-block .img-block img {
        width: 240px;
    }
    .bottom-footer-block .site-logo-img{
        text-align: center;
        padding-top: 15px;
    }
    .bottom-footer-block .site-logo-img img {
        width: 160px;
    }

    .hot-topic-block .main-section-right .content-right .title-right h3 {
        text-align: left;
        line-height: 18px;
    }
    .main-section-right .content-right {
        text-align: left;
    }

}

.widget h3, .pix-section-title {
     background-color:#fff; 
     text-transform:uppercase; 
     background: none; 
    color: #000;font-family:inherit;
    font-size:21px;
    font-weight:bold;
    padding:0 10px 5px;
}

ul {
    margin-bottom : 0px;
}

.home #innermain {
    background-color: white !important;
}

/*========================
    Start side banner css
=========================*/
.left-img {
    padding-right: 20px;
}
.right-img {
    padding-left: 10px;
}
/*==========================
    End side banner css
===========================*/

@media screen and (min-width: 991px) {
    #header .container, .container {
        max-width: 1245px;
        width: auto;
        padding-right: 15px;
        padding-left: 15px;
    }
}
@media only screen and (max-width: 1024px){
    .container {
        width: auto !important;
        max-width: 970px !important;
    }
}
@media only screen and (max-width: 992px){
    .container {
        width: auto !important;
        max-width: 100% !important;
        padding-right: 15px;
        padding-left: 15px;
    }
}
@media only screen and (max-width: 767px){
    .container {
        width: 100% !important;
        max-width: initial !important;
        padding: 0 15px !important;
    }
}

/* trc adc block css fixes */
.mobile-on {
    display: none;
}
.desktop-tablet-on {
    display: block;
}
@media only screen and (max-width: 767px) {
    .mobile-on {
        display: block;
    }
    .desktop-tablet-on {
        display: none;
    }  
}
/* trc adc block css fixes end */

.section_slider #slider978_container {
	max-width: 100%;
}
@media only screen and (max-width:767px) {
	.section_slider {
	    overflow: hidden;
	}
	.section_slider #slider978_container {
	    height: 400px !important;
	    width: 100% !important;
	}
	.section_slider #slider978_container>div {
	    height: auto !important;
	    width: 100% !important;
	    position: relative !important;
	}
	.section_slider #slider978_container>div>div {
	    height: 400px !important;
	    width: 100% !important;
	}
}

@keyframes scale {    
    0% {
        opacity: 0.3;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0.3;
    }   
}
header .navbar ul.nav.navbar-nav  .sizzle-reel a {
    animation: scale 3s linear infinite;
    color: #ed2828;
}

.newest-content-block .main:nth-child(1) .header-all .tab-bg-sm {
    background-position: center !important;
}