/*!
Theme Name: Easywp News
Theme URI: http://easywp-themes.com/downloads/easywp-news/
Author: easywp-themes
Author URI: http://easywp-themes.com/
Description: Easywp News is extraordinary compared to other News Magazine WordPress Themes for the newsportal and blog.Easywp News is a quick, perfect, present day and responsive WordPress Theme made for magazine or news site. It is a solid and dependable stage for the structure and advancement of complex, mechanically creative current sites overhauling jobs in the magazine and web based distributing enterprises. For the individuals who wish to make their own proficient news or magazine site, this is a perfect decision. Your site will look astounding on any gadget, paying little mind to the size of its screen. The subject is upgraded for web crawlers, making it simpler for perusers to discover your webpage. Demo Url: http://www.easywp-themes.com/demo/demoeasywpnews/
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: easywp-news
Tags: blog, news, entertainment, grid-layout, one-column, two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-logo, custom-menu, featured-image-header, featured-images, footer-widgets, theme-options, threaded-comments
Tested up to: 5.4.1
Requires PHP: 5.6
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Easywp News is based on Underscores https://underscores.me/, (C)2018 easywp-themes
Easywp News is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
html,
body {
  color: #555;
  font-weight: 300;
  background-color: #ffffff;
  letter-spacing: 0.64px;
}

body {
  font-family: 'Roboto Slab', serif;
  font-weight: normal;
  font-size: 15px;
  line-height: 1.4;
  color: rgba(0, 0, 0, .87);
  counter-reset: top-post-counter;
}

a {
  text-decoration: none;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
}

a:hover {
  text-decoration: none;
}

a:focus {
  outline: none;
  text-decoration: none;
}

img {
  max-width: 100%;
}

ul,
li {
  margin: 0;
  padding: 0;
}

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

b,
strong {
  font-weight: 700;
}

p {
  color: rgba(0, 0, 0, .89);
  line-height: 26px;
  font-weight: normal;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
}

.ptb50 {
  padding: 50px 0px;
}

.pt50 {
  padding-top: 50px;
}

.pb50 {
  padding-bottom: 50px;
}

.ptb20 {
  padding: 20px 0px;
}

.pt20 {
  padding-top: 20px;
}

.pb20 {
  padding-bottom: 20px;
}

.container {
  max-width: 1245px;
}

*::-moz-selection {
  background: #59aadc;
  color: #fff;
  text-shadow: none;
}

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

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


/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

.top-head {
  background-color: #2d2b2b;
  padding: 6px 0px;
}

.top-head p {
  margin: 0px;
}

.right-top {
  float: right;
}

.right-top ul {
  list-style-type: none;
}

.right-top ul li {
  display: inline-block;
  padding-right: 10px;
  font-size: 12px;
  color: #e3dfdf;
}

.right-top ul li:last-child {
  padding-right: 0px;
}

.right-top ul li i {
  padding-right: 5px;
  color: #ba1818;
}

.right-top ul li a {
  color: #e3dfdf;
  font-size: 12px;
}


/* Ticker Styling */

.ticker-wrapper.has-js {
  width: 100%;
  display: block;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  background-color: #2d2b2b;
  font-size: 0.75em;
}

.ticker {
  width: 100%;
  /display: block;
  position: relative;
  overflow: hidden;
  background-color: #2d2b2b;
  line-height: 22px;
}

.ticker-title {
  font-size: 12px;
  color: #ffffff;
  font-weight: bold;
  background-color: #2d2b2b;
  text-transform: uppercase;
}

.ticker-title::after {
  content: "\f105";
  font-family: FontAwesome;
  display: inline-block!important;
  cursor: pointer;
  margin-left: 6px;
  color: #ba1818;
  font-size: 20px;
}

.ticker-content {
  margin: 0px;
  position: absolute;
  background-color: #2d2b2b;
  overflow: hidden;
  white-space: nowrap;
  line-height: 1.8em;
  font-size: 12px;
  color: #e3dfdf;
  word-wrap: anywhere;
}

.ticker-content a {
  text-decoration: none;
  color: #1F527B;
}

.ticker-content a:hover {
  text-decoration: underline;
  color: #0D3059;
}

.ticker-swipe {
  padding-top: 9px;
  position: absolute;
  top: 0px;
  background-color: #2d2b2b;
  display: block;
  width: 800px;
  height: 23px;
}

.ticker-swipe span {
  margin-left: 1px;
  background-color: #2d2b2b;
  border-bottom: 1px solid #ba1818;
  height: 12px;
  width: 7px;
  display: block;
}

.ticker-controls {
  padding: 8px 0px 0px 0px;
  list-style-type: none;
  float: left;
  display: none;
}

.ticker-controls li {
  padding: 0px;
  margin-left: 5px;
  float: left;
  cursor: pointer;
  height: 16px;
  width: 16px;
  display: block;
}

.js-hidden {
  display: none;
}

.no-js-news {
  padding: 10px 0px 0px 45px;
  color: #F8F0DB;
}

.left .ticker-controls,
.left .ticker-content,
.left .ticker-title,
.left .ticker {
  float: left;
}

.left .ticker-controls {
  padding-left: 6px;
}

.right .ticker-controls,
.right .ticker-content,
.right .ticker-title,
.right .ticker {
  float: right;
}

.right .ticker-controls {
  padding-right: 6px;
}

.top-logo {
  padding: 10px 0px;
  background-color: #111;
}

.wheather-date p {
  margin: 0px;
  color: #e3dfdf;
  font-size: 12px;
}

.wheather-date p b {
  color: #000;
}

.wheather-date p sup {
  color: #ba1818;
}

.logo {
  margin-top: 8px;
}

.logo img {
  max-width: 130px;
  display: block;
  margin: 0 auto;
}

.select-language span {
  color: #fff;
  font-size: 12px;
}

.select-language select.language-select {
  background-color: #fff;
  font-size: 12px;
  outline: none;
  line-height: inherit;
  border-radius: 0;
  vertical-align: middle;
  color: #8093a8;
  font-weight: 400;
  border: 1px solid #ddd;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  overflow: visible;
  padding: 3px 12px;
  height: auto;
  float: right;
}

.language-social {
  float: right;
}

.social-icon {
  float: right;
  padding-top: 10px;
}

.social-icon ul {
  list-style-type: none;
}

.social-icon ul li {
  display: inline-block;
  padding-right: 10px;
}

.social-icon ul li:last-child {
  padding-right: 0px;
}

.social-icon ul li a {
  color: #1F527B;
}

.social-icon .fa-facebook {
  color: #0A7AE4;
}

.social-icon .fa-twitter {
  color: #1C9CEB;
}

.social-icon .fa-instagram {
  color: #A3328D;
}

.social-icon .fa-linkedin {
  color: #0070AC;
}

.social-icon .fa-youtube {
  color: #F60000;
}


/* Main Menu */

.main-menu {
  background-color: #000000;
  position: relative;
}

.main-menu.sticky {
  position: fixed;
  -webkit-animation: slide-down 0.7s;
  -moz-animation: slide-down 0.7s;
  animation: slide-down 0.7s;
  z-index: 9999;
  width: 100%;
  top: 0px;
  background-color: #000000;
}

@-webkit-keyframes slide-down {
  0% {
    opacity: 0;
    transform: translateY(-100%);
  }
  100% {
    opacity: 0.9;
    transform: translateY(0);
  }
}

@-moz-keyframes slide-down {
  0% {
    opacity: 0;
    transform: translateY(-100%);
  }
  100% {
    opacity: 0.9;
    transform: translateY(0);
  }
}

@keyframes slide-down {
  0% {
    opacity: 0;
    transform: translateY(-100%);
  }
  100% {
    opacity: 0.9;
    transform: translateY(0);
  }
}

.mobile-logo {
  display: none;
}

#primarymenu,
#primarymenu ul,
#primarymenu ul li,
#primarymenu ul li a,
#primarymenu #menu-button {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#primarymenu:after,
#primarymenu>ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

#primarymenu #menu-button {
  display: none;
}

#primarymenu>ul>li {
  float: left;
}

#primarymenu.align-center>ul {
  font-size: 0;
  text-align: center;
}

#primarymenu.align-center>ul>li {
  display: inline-block;
  float: none;
}

#primarymenu.align-center ul ul {
  text-align: left;
}

#primarymenu.align-right>ul>li {
  float: right;
}

#primarymenu>ul>li.active a {
  color: #ba1818;
}

#primarymenu>ul>li>a {
  padding: 17px;
  font-size: 14px;
  letter-spacing: 1px;
  text-decoration: none;
  color: #ffffff;
  font-weight: 700;
  text-transform: capitalize;
}

#primarymenu>ul>li:hover>a {
  color: #ba1818;
}

#primarymenu>ul>li.has-sub>a {
  padding-right: 30px;
}

#primarymenu>ul>li.has-sub>a:after {
  position: absolute;
  top: 22px;
  right: 11px;
  width: 8px;
  height: 2px;
  display: block;
  background: #dddddd;
  content: '';
}

#primarymenu>ul>li.has-sub>a:before {
  position: absolute;
  top: 19px;
  right: 14px;
  display: block;
  width: 2px;
  height: 8px;
  background: #dddddd;
  content: '';
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}

#primarymenu>ul>li.has-sub:hover>a:before {
  top: 23px;
  height: 0;
}

#primarymenu ul ul {
  position: absolute;
  left: -9999px;
  z-index: 99
}

#primarymenu.align-right ul ul {
  text-align: right;
}

#primarymenu ul ul li {
  height: 0;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}

#primarymenu li:hover>ul {
  left: auto;
}

#primarymenu.align-right li:hover>ul {
  left: auto;
  right: 0;
}

#primarymenu li:hover>ul>li {
  height: 35px;
}

#primarymenu ul ul ul {
  margin-left: 100%;
  top: 0;
}

#primarymenu.align-right ul ul ul {
  margin-left: 0;
  margin-right: 100%;
}

#primarymenu ul ul li a {
  border-bottom: 1px solid rgba(150, 150, 150, 0.15);
  padding: 11px 15px;
  width: 170px;
  font-size: 12px;
  text-decoration: none;
  color: #dddddd;
  font-weight: 400;
  background: #333333;
}

#primarymenu ul ul li:last-child>a,
#primarymenu ul ul li.last-item>a {
  border-bottom: 0;
}

#primarymenu ul ul li:hover>a,
#primarymenu ul ul li a:hover {
  color: #ffffff;
}

#primarymenu ul ul li.has-sub>a:after {
  position: absolute;
  top: 16px;
  right: 11px;
  width: 8px;
  height: 2px;
  display: block;
  background: #dddddd;
  content: '';
}

#primarymenu.align-right ul ul li.has-sub>a:after {
  right: auto;
  left: 11px;
}

#primarymenu ul ul li.has-sub>a:before {
  position: absolute;
  top: 13px;
  right: 14px;
  display: block;
  width: 2px;
  height: 8px;
  background: #dddddd;
  content: '';
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}

#primarymenu.align-right ul ul li.has-sub>a:before {
  right: auto;
  left: 14px;
}

#primarymenu ul ul>li.has-sub:hover>a:before {
  top: 17px;
  height: 0;
}

@media all and (max-width:768px),
only screen and (-webkit-min-device-pixel-ratio:2) and (max-width:1024px),
only screen and (min--moz-device-pixel-ratio:2) and (max-width:1024px),
only screen and (-o-min-device-pixel-ratio:2/1) and (max-width:1024px),
only screen and (min-device-pixel-ratio:2) and (max-width:1024px),
only screen and (min-resolution:192dpi) and (max-width:1024px),
only screen and (min-resolution:2dppx) and (max-width:1024px) {
  #primarymenu {
    width: 100%;
    margin-left: 4px;
  }
  #primarymenu ul {
    width: 100%;
    display: none;
  }
  #primarymenu.align-center>ul {
    text-align: left;
  }
  #primarymenu ul li {
    width: 100%;
    border-top: 1px solid rgba(120, 120, 120, 0.2);
  }
  #primarymenu ul ul li,
  #primarymenu li:hover>ul>li {
    height: auto;
  }
  #primarymenu ul li a,
  #primarymenu ul ul li a {
    width: 100%;
    border-bottom: 0;
  }
  #primarymenu>ul>li {
    float: none;
  }
  #primarymenu ul ul li a {
    padding-left: 25px;
  }
  #primarymenu ul ul ul li a {
    padding-left: 35px;
  }
  #primarymenu ul ul li a {
    color: #dddddd;
    background: none;
  }
  #primarymenu ul ul li:hover>a,
  #primarymenu ul ul li.active>a {
    color: #ffffff;
  }
  #primarymenu ul ul,
  #primarymenu ul ul ul,
  #primarymenu.align-right ul ul {
    position: relative;
    left: 0;
    width: 100%;
    margin: 0;
    text-align: left;
  }
  #primarymenu>ul>li.has-sub>a:after,
  #primarymenu>ul>li.has-sub>a:before,
  #primarymenu ul ul>li.has-sub>a:after,
  #primarymenu ul ul>li.has-sub>a:before {
    display: none;
  }
  #primarymenu #menu-button {
    display: block;
    padding: 17px;
    color: #dddddd;
    cursor: pointer;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
  }
  #primarymenu #menu-button:after {
    position: absolute;
    top: 22px;
    right: 17px;
    display: block;
    height: 8px;
    width: 20px;
    border-top: 2px solid #dddddd;
    border-bottom: 2px solid #dddddd;
    content: '';
  }
  #primarymenu #menu-button:before {
    position: absolute;
    top: 16px;
    right: 17px;
    display: block;
    height: 2px;
    width: 20px;
    background: #dddddd;
    content: '';
  }
  #primarymenu #menu-button.menu-opened:after {
    top: 23px;
    border: 0;
    height: 2px;
    width: 15px;
    background: #ffffff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  #primarymenu #menu-button.menu-opened:before {
    top: 23px;
    background: #ffffff;
    width: 15px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  #primarymenu .submenu-button {
    position: absolute;
    z-index: 99;
    right: 0;
    top: 0;
    display: block;
    border-left: 1px solid rgba(120, 120, 120, 0.2);
    height: 46px;
    width: 46px;
    cursor: pointer;
  }
  #primarymenu .submenu-button.submenu-opened {
    background: #262626;
  }
  #primarymenu ul ul .submenu-button {
    height: 34px;
    width: 34px;
  }
  #primarymenu .submenu-button:after {
    position: absolute;
    top: 22px;
    right: 19px;
    width: 8px;
    height: 2px;
    display: block;
    background: #dddddd;
    content: '';
  }
  #primarymenu ul ul .submenu-button:after {
    top: 15px;
    right: 13px;
  }
  #primarymenu .submenu-button.submenu-opened:after {
    background: #ffffff;
  }
  #primarymenu .submenu-button:before {
    position: absolute;
    top: 19px;
    right: 22px;
    display: block;
    width: 2px;
    height: 8px;
    background: #dddddd;
    content: '';
  }
  #primarymenu ul ul .submenu-button:before {
    top: 12px;
    right: 16px;
  }
  #primarymenu .submenu-button.submenu-opened:before {
    display: none;
  }
}
@media all and (min-width:1024px){
 #primarymenu .submenu-button {
  display: none;
 }

}
/* Sidebar Menu */

.sidebar-menu i {
  padding-top: 12px;
}

.sidebar-menu i,
.search-icon i {
  color: #fff;
  font-size: 25px;
}

.search-icon {
  text-align: right;
  padding-top: 10px;
}

.main-menu .sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 99;
  top: 0;
  left: 0;
  background-color: #111;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
}

.main-menu .sidenav a {
  padding: 8px 0px 8px 0px;
  text-decoration: none;
  font-size: 14px;
  color: #868585;
  display: block;
  transition: 0.3s;
  border-bottom: 1px solid #3b3b3b;
}

.main-menu .sidenav a:hover {
  color: #f1f1f1;
}

.main-menu .sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
  border: none;
}

@media screen and (max-height:450px) {
  .main-menu .sidenav {
    padding-top: 15px;
  }
  .main-menu .sidenav a {
    font-size: 14px;
  }
}

.menusidebar {
  padding: 20px;
}

.search-wrapper .card {
  background-color: #e4e5e6;
  border-radius: 0px;
}

.search-wrapper nav {
  margin-bottom: 20px;
}

.search-wrapper .nav-tabs .nav-link {
  display: block;
  padding: .4rem 1rem;
  font-size: 14px;
  color: #000;
  border: none;
  background-color: #ffffff;
  margin-right: 20px;
  border-radius: 0px;
  font-weight: 700;
}

.search-wrapper .nav-tabs .nav-link.active {
  color: #fff;
  background-color: #000000;
  border-radius: 0px;
}

.search-wrapper .nav-tabs {
  border: none;
}

.searchbox .searchby,
.searchbox .all-category {
  background-color: #fff;
  font-size: 14px;
  outline: none;
  line-height: inherit;
  border-radius: 0;
  vertical-align: middle;
  color: #8093a8;
  font-weight: 400;
  border: 1px solid #ddd;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  overflow: visible;
  padding: 10px 16px;
  margin-right: 30px;
}

input.searchbtn {
  background-color: #ba1818;
  border: none;
  border-radius: 0px;
  color: #fff;
  padding: 4px 16px;
  border-radius: 4px;
}


/* Sidebar Menu 5/30/2020 */

#sidebarmenuleft,
#sidebarmenuleft ul,
#sidebarmenuleft ul li,
#sidebarmenuleft ul li a,
#sidebarmenuleft #menu-button {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#sidebarmenuleft:after,
#sidebarmenuleft>ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

#sidebarmenuleft #menu-button {
  display: none;
}

#sidebarmenuleft {
  width: 100%;
  padding: 20px;
}

#sidebarmenuleft ul ul {
  display: none;
}

#sidebarmenuleft>ul>li>a {
  padding: 12px;
  font-size: 12px;
  letter-spacing: 1px;
  text-decoration: none;
  color: #dddddd;
  font-weight: 700;
  text-transform: uppercase;
}

#sidebarmenuleft>ul>li:hover>a {
  color: #ffffff;
}

#sidebarmenuleft>ul>li.has-sub>a {
  padding-right: 30px;
}

#sidebarmenuleft>ul>li.has-sub>a:after {
  position: absolute;
  top: 22px;
  right: 11px;
  width: 8px;
  height: 2px;
  display: block;
  background: #dddddd;
  content: '';
}

#sidebarmenuleft>ul>li.has-sub>a:before {
  position: absolute;
  top: 19px;
  right: 14px;
  display: block;
  width: 2px;
  height: 8px;
  background: #dddddd;
  content: '';
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}

#sidebarmenuleft>ul>li.has-sub:hover>a:before {
  top: 23px;
  height: 0;
}

#sidebarmenuleft ul ul {
  position: absolute;
  left: -9999px;
}

#sidebarmenuleft.align-right ul ul {
  text-align: right;
}

#sidebarmenuleft ul ul li {
  height: 0;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}

#sidebarmenuleft li:hover>ul {
  left: auto;
}

#sidebarmenuleft.align-right li:hover>ul {
  left: auto;
  right: 0;
}

#sidebarmenuleft li:hover>ul>li {
  height: 35px;
}

#sidebarmenuleft ul ul ul {
  margin-left: 100%;
  top: 0;
}

#sidebarmenuleft.align-right ul ul ul {
  margin-left: 0;
  margin-right: 100%;
}

#sidebarmenuleft ul ul li a {
  border-bottom: 1px solid rgba(150, 150, 150, 0.15);
  padding: 11px 15px;
  width: 170px;
  font-size: 12px;
  text-decoration: none;
  color: #dddddd;
  font-weight: 400;
  background: #333333;
}

#sidebarmenuleft ul ul li:last-child>a,
#sidebarmenuleft ul ul li.last-item>a {
  border-bottom: 0;
}

#sidebarmenuleft ul ul li:hover>a,
#sidebarmenuleft ul ul li a:hover {
  color: #ffffff;
}

#sidebarmenuleft ul ul li.has-sub>a:after {
  position: absolute;
  top: 16px;
  right: 11px;
  width: 8px;
  height: 2px;
  display: block;
  background: #dddddd;
  content: '';
}

#sidebarmenuleft.align-right ul ul li.has-sub>a:after {
  right: auto;
  left: 11px;
}

#sidebarmenuleft ul ul li.has-sub>a:before {
  position: absolute;
  top: 13px;
  right: 14px;
  display: block;
  width: 2px;
  height: 8px;
  background: #dddddd;
  content: '';
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}

#sidebarmenuleft.align-right ul ul li.has-sub>a:before {
  right: auto;
  left: 14px;
}

#sidebarmenuleft ul ul>li.has-sub:hover>a:before {
  top: 17px;
  height: 0;
}

#sidebarmenuleft ul {
  width: 100%;
}

#sidebarmenuleft.align-center>ul {
  text-align: left;
}

#sidebarmenuleft ul li {
  width: 100%;
  border-top: 1px solid rgba(120, 120, 120, 0.2);
}

#sidebarmenuleft ul ul li,
#sidebarmenuleft li:hover>ul>li {
  height: auto;
}

#sidebarmenuleft ul li a,
#sidebarmenuleft ul ul li a {
  width: 100%;
  border-bottom: 0;
}

#sidebarmenuleft>ul>li {
  float: none;
}

#sidebarmenuleft ul ul li a {
  padding-left: 25px;
}

#sidebarmenuleft ul ul ul li a {
  padding-left: 35px;
}

#sidebarmenuleft ul ul li a {
  color: #dddddd;
  background: none;
}

#sidebarmenuleft ul ul li:hover>a,
#sidebarmenuleft ul ul li.active>a {
  color: #ffffff;
}

#sidebarmenuleft ul ul,
#sidebarmenuleft ul ul ul,
#sidebarmenuleft.align-right ul ul {
  position: relative;
  left: 0;
  width: 100%;
  margin: 0;
  text-align: left;
}

#sidebarmenuleft>ul>li.has-sub>a:after,
#sidebarmenuleft>ul>li.has-sub>a:before,
#sidebarmenuleft ul ul>li.has-sub>a:after,
#sidebarmenuleft ul ul>li.has-sub>a:before {
  display: none;
}

#sidebarmenuleft #menu-button {
  display: block;
  padding: 17px;
  color: #dddddd;
  cursor: pointer;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 700;
}

#sidebarmenuleft #menu-button:after {
  position: absolute;
  top: 22px;
  right: 17px;
  display: block;
  height: 4px;
  width: 20px;
  border-top: 2px solid #dddddd;
  border-bottom: 2px solid #dddddd;
  content: '';
}

#sidebarmenuleft #menu-button:before {
  position: absolute;
  top: 16px;
  right: 17px;
  display: block;
  height: 2px;
  width: 20px;
  background: #dddddd;
  content: '';
}

#sidebarmenuleft #menu-button.menu-opened:after {
  top: 23px;
  border: 0;
  height: 2px;
  width: 15px;
  background: #ffffff;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#sidebarmenuleft #menu-button.menu-opened:before {
  top: 23px;
  background: #ffffff;
  width: 15px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#sidebarmenuleft .submenu-button {
  position: absolute;
  z-index: 99;
  right: 0;
  top: 0;
  display: block;
  border-left: 1px solid rgba(120, 120, 120, 0.2);
  height: 36px;
  width: 36px;
  cursor: pointer;
}

#sidebarmenuleft .submenu-button.submenu-opened {
  background: #262626;
}

#sidebarmenuleft ul ul .submenu-button {
  height: 34px;
  width: 34px;
}

#sidebarmenuleft .submenu-button:after {
  position: absolute;
  top: 18px;
  right: 14px;
  width: 8px;
  height: 2px;
  display: block;
  background: #dddddd;
  content: '';
}

#sidebarmenuleft ul ul .submenu-button:after {
  top: 15px;
  right: 13px;
}

#sidebarmenuleft .submenu-button.submenu-opened:after {
  background: #ffffff;
}

#sidebarmenuleft .submenu-button:before {
  position: absolute;
  top: 15px;
  right: 17px;
  display: block;
  width: 2px;
  height: 8px;
  background: #dddddd;
  content: '';
}

#sidebarmenuleft ul ul .submenu-button:before {
  top: 12px;
  right: 16px;
}

#sidebarmenuleft .submenu-button.submenu-opened:before {
  display: none;
}


/*--------------------------------------------------------------
# Latest Post
--------------------------------------------------------------*/

#latest-post {
  padding: 40px 0px 10px 0px;
}

.latestbox {
  margin-bottom: 30px;
}

.imgbox {
  position: relative;
  height: 200px;
  overflow: hidden;
}

.imgbox::before {
  background-color: rgba(0, 0, 0, .7);
  right: 0;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  content: "";
  position: absolute;
  z-index: 2;
}

.imgbox img {
  max-width: 100%;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 1.5s ease-out;
  -moz-transition: all 1.5s ease-out;
  -ms-transition: all 1.5s ease-out;
  -o-transition: all 1.5s ease-out;
  transition: all 1.5s ease-out;
}

.imgbox:hover img {
  -webkit-transform: scale(1.4);
  -ms-transform: scale(1.4);
  transform: scale(1.4);
}

.cat-hover {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 3;
}

.cat-hover a {
  background-color: #ba1818;
  padding: 3px 8px;
  color: #fff;
  font-size: 12px;
  border-bottom: 1px solid #ffffff;
  font-weight: 700;
  border-right: 1px solid #ffffff;
}

.title-hover {
  position: absolute;
  bottom: 12%;
  left: 10px;
  padding-right: 10px;
}

.title-hover a {
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  position: relative;
  z-index: 3;
}

.title-hover a:hover {
  color: #ba1818;
}

.middle-latest .imgbox {
  height: 430px;
}

.middle-latest .title-hover {
  position: absolute;
  bottom: 5%;
  left: 10px;
}

.middle-latest .title-hover h2 {
  padding-bottom: 15px;
  position: relative;
  z-index: 3;
}

.middle-latest .title-hover h2 a {
  font-size: 34px;
  font-weight: 700;
  color: #fff;
}

.middle-latest .title-hover a:hover {
  color: #ba1818;
}

.middle-latest .title-hover p {
  color: #e3dfdf;
  position: relative;
  z-index: 3;
}

.middle-latest .title-hover ul {
  list-style-type: none;
  position: relative;
  z-index: 3;
}

.middle-latest .title-hover ul li {
  display: inline-block;
  padding-right: 10px;
  color: #e3dfdf;
  font-size: 12px;
}

.middle-latest .title-hover ul li:last-child {
  padding-right: 0px;
}

.middle-latest .title-hover ul li i {
  color: #ba1818;
  padding-right: 5px;
}

.title-hover .post-date {
  color: #ffffff;
  z-index: 10;
  position: relative;
  padding-top: 10px;
}

.title-hover .post-date i {
  color: #ba1818;
  padding-right: 5px;
}


/*--------------------------------------------------------------
# Trending
--------------------------------------------------------------*/

#trending {
  padding-bottom: 10px;
}

.post-title {
  position: relative;
}

.title-wrap {
  position: relative;
  display: inline-block;
  width: 100%;
  vertical-align: middle;
  margin: 0 0 19px;
  clear: both;
  height: 34px;
  line-height: 34px;
  background-repeat: repeat;
}

.title-wrap::before {
  content: '';
  background: #666;
  display: inline-block;
  position: absolute;
  left: 0;
  bottom: 43%;
  width: 90%;
  height: 1px;
  z-index: 0;
}

.title-name {
  font-size: 14px;
  position: relative;
  display: inline-block;
  vertical-align: top;
  height: 100%;
  line-height: inherit;
  color: #fff;
  background-color: #000000;
  padding: 0 20px;
  font-weight: 700;
  font-size: 18px;
  background-image: linear-gradient(to right, #000000 calc(70% - 100px), #ba1818 calc(70% + 100px));
}

.view-all-news {
  font-size: 12px;
  position: relative;
  display: inline-block;
  vertical-align: top;
  height: 100%;
  line-height: inherit;
  color: #fff;
  background-color: #f4f8fb;
  padding: 0 10px;
  font-weight: 700;
  float: right;
  border: 1px solid #f4f8fb;
}

.view-all-news a {
  color: #000;
  font-weight: 700;
}

.view-all-news a i {
  padding-left: 5px;
}

.trendbox {
  margin-bottom: 30px;
}

.trendbox img {
  width: 80px;
  height: 80px;
  object-fit: cover;
  object-position: center;
}

.trendbox h4 {
  font-size: 16px;
  line-height: 24px;
}

.trendbox h4 a {
  color: rgba(0, 0, 0, .87);
  font-size: 18px;
}

.trendbox h4 a:hover {
  color: #ba1818;
}

.post-date {
  font-size: 11px;
  color: #848181;
  margin-top: 10px;
}

.post-date i {
  padding-right: 5px;
}


/*--------------------------------------------------------------
# Nation
--------------------------------------------------------------*/

#nation {
  padding: 0px 0px 10px 0px;
}


/* .borderleft{border-left:1px solid #ddd;} */

.nationbox {
  margin-bottom: 30px;
}

.nationbox .imgbox {
  height: 300px;
}

.nationbox .title-hover {
  position: absolute;
  bottom: 5%;
  left: 10px;
}

.nationbox .title-hover h2 {
  padding-bottom: 15px;
  position: relative;
  z-index: 3;
}

.nationbox .title-hover h2 a {
  font-size: 30px;
  font-weight: 700;
  color: #fff;
}

.nationbox .title-hover a:hover {
  color: #ba1818;
}

.nationbox .title-hover p {
  color: #e3dfdf;
  position: relative;
  z-index: 3;
}

.nationbox .title-hover ul {
  list-style-type: none;
  position: relative;
  z-index: 3;
}

.nationbox .title-hover ul li {
  display: inline-block;
  padding-right: 10px;
  color: #e3dfdf;
  font-size: 12px;
}

.nationbox .title-hover ul li:last-child {
  padding-right: 0px;
}

.nationbox .title-hover ul li i {
  color: #ba1818;
  padding-right: 5px;
}

.nationright {
  margin-bottom: 30px;
  position: relative;
}

.nationright img {
  height: 136px;
  object-fit: cover;
  object-position: center;
  min-height: 136px;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.nationright h4 {
  padding-top: 10px;
}

.nationright h4 a {
  font-size: 18px;
  color: rgba(0, 0, 0, .87);
}

.nationright h4 a:hover {
  color: #ba1818;
}

.right-nation .trendbox {
  margin-bottom: 30px;
}


/*--------------------------------------------------------------
# Fashion & Life Style, Sports
--------------------------------------------------------------*/

#fashion-sports {
  padding: 0px 0px 10px 0px;
}

.sports .trendbox {
  margin-bottom: 30px;
}

.fashion-style .imgbox {
  height: 410px;
}


/*--------------------------------------------------------------
# Latest Video
--------------------------------------------------------------*/

#latest-video {
  padding: 0px 0px 10px 0px;
}

.video-icon {
  position: absolute;
  bottom: 0;
  right: 0;
}

.video-icon a {
  background-color: #ba1818;
  padding: 6px 12px;
  color: #fff;
  position: relative;
  z-index: 4;
}

.video-icon a i {
  font-size: 20px;
  padding-bottom: 4px;
}


/*--------------------------------------------------------------
# Business,Poltics,Technology
--------------------------------------------------------------*/

#business-technology {
  padding: 0px 0px 10px 0px;
}

.bptbox {
  margin-bottom: 30px;
}

.bptbox img {
  height: 260px;
  min-height: 260px;
  width: 100%;
  object-position: center;
  object-fit: cover;
}

.bptbox h4 {
  margin-top: 15px;
}

.bptbox h4 a {
  font-size: 24px;
  color: rgba(0, 0, 0, .87);
}

.bptbox h4 a:hover {
  color: #ba1818;
}


/*--------------------------------------------------------------
# Entertainment
--------------------------------------------------------------*/

#entertainment {
  margin: 0px 0px 40px 0px;
  background-color: #e7f4fe;
  padding: 40px 0px 10px 0px;
}

.entertainwrapp {
  margin-top: 30px;
}

.entertainwrapp .nationright img {
  height: 200px;
}


/*--------------------------------------------------------------
# Crime,Style,Opinion
--------------------------------------------------------------*/

#crime-opinion {
  padding: 0px 0px 10px 0px;
}


/*--------------------------------------------------------------
# Culture
--------------------------------------------------------------*/

#culture {
  padding: 0px 0px 10px 0px;
}

#culture .nationright img {
  height: 200px;
}


/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

#footer {
  background-color: #000000;
}

.footer-top {
  padding: 40px 0px;
}

.col-2dot4,
.col-sm-2dot4,
.col-md-2dot4,
.col-lg-2dot4,
.col-xl-2dot4 {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.col-2dot4 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%;
}

@media (min-width:540px) {
  .col-sm-2dot4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 100%;
  }
}

@media (min-width:768px) {
  .col-md-2dot4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
}

@media (min-width:960px) {
  .col-lg-2dot4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
}

@media (min-width:1140px) {
  .col-xl-2dot4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
}

#footer h4 {
  margin-bottom: 15px;
   color: #fff;
  font-size: 18px;
  font-weight: 700;
}


.footer-top ul {
  list-style-type: none;
}

.footer-top ul li {
  padding-bottom: 6px;
}

.footer-top ul li:last-child {
  padding-bottom: 0px;
}

.footer-top ul li a {
  color: rgb(230, 224, 224);
  font-size: 12px;
}

.footer-top ul li a::before {
  content: "\f105";
  font-family: FontAwesome;
  display: inline-block!important;
  cursor: pointer;
  line-height: 20px;
  color: rgb(230, 224, 224);
  margin-right: 6px;
}

.footer-top ul li a:hover,
.footer-top ul li a:hover::before {
  color: #ba1818;
}

.tag-lists {}

.tag-lists ul {
  list-style-type: none;
}

.tag-lists ul li {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 10px;
}

.tag-lists ul li:last-child {
  margin-right: 0px;
}

.tag-lists ul li a {
  font-size: 10px;
  background-color: #555;
  padding: 3px 6px;
  color: #fff;
}

.tag-lists ul li a:hover {
  background-color: #ba1818;
}

.tag-lists h4 {
  color: #fff;
  font-size: 18px;
  font-weight: 700;
}

.footer-menu {
  padding: 10px 0px;
  text-align: center;
  border-top: 1px solid #373434;
  border-bottom: 1px solid #373434;
  margin: 40px 0px;
}

.footer-menu ul {
  list-style-type: none;
}

.footer-menu ul li {
  display: inline-block;
  padding-right: 10px;
}

.footer-menu ul li a {
  font-size: 12px;
  color: rgb(230, 224, 224);
  font-weight: 700;
}

.footer-menu ul li a:hover {
  color: #ba1818;
}

.powerby-copyright {
  padding-bottom: 20px;
}

.powerby-copyright p {
  margin: 0px;
  color: rgb(230, 224, 224);
  font-size: 12px;
}

p.poweredby {
  text-align: right;
}


/*--------------------------------------------------------------
# Homepage 1 - Latest Post
--------------------------------------------------------------*/

.homepage1 .logo img {
  margin: 0;
}

#latestpost {
  padding: 40px 0px;
}

.latestltbox p {
  margin-bottom: 0px;
}

.latestltbox img {
  height: 300px;
  min-height: 300px;
  width: 100%;
  object-position: center;
  object-fit: cover;
}

.latestltbox h3 {
  margin-top: 15px;
  line-height: 1.3;
}

.latestltbox h3 a {
  font-size: 30px;
  color: rgba(0, 0, 0, .87);
  font-weight: 700;
}

.latestltbox h3 a:hover {
  color: #ba1818;
}

.latestltbox .post-date {
  margin: 15px 0px 10px 0px;
}

#latestpost .nationright img {
  height: 190px;
  min-height: 190px;
}


/*--------------------------------------------------------------
# Homepage 1 - Latest Video
--------------------------------------------------------------*/

.video-homepage1 {
  background-color: #1b1b1b;
  padding: 40px 0px !important;
  margin-bottom: 40px;
}


/*--------------------------------------------------------------
# Homepage 1 - Popular Post
--------------------------------------------------------------*/

.popular-post .title-wrap {
  margin-bottom: 1px !important;
}

.popularlist {
  background-color: #f3f3f3;
  padding: 20px;
}

.popularlist .popular-increment {
  margin-right: 15px;
  color: #ba1818;
  font-size: 35px;
  font-weight: 700;
  line-height: 1.3em;
  margin-top: 0.01em;
  margin-bottom: 0.01em;
}

.popularlist ul {
  list-style-type: none;
}

.popularlist ul li {
  margin-bottom: 20px;
}

.popularlist ul li:last-child {
  margin-bottom: 0px;
}

.popularlist .popular-increment::before {
  counter-increment: top-post-counter;
  content: counter(top-post-counter);
}

.popularlist .popular-wrap h4 a {
  color: rgba(0, 0, 0, .87);
  font-size: 18px;
}

.popularlist .popular-wrap h4 a:hover {
  color: #ba1818;
}

.popular-mks {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0;
}


/*--------------------------------------------------------------
# Homepage 2 - Header
--------------------------------------------------------------*/

.menu-logo img {
  max-width: 50px;
  margin-top: 10px;
}

.sidemenu-search {
  padding-top: 3px;
  float: right;
}

.sidemenu-search ul {
  list-style-type: none;
}

.sidemenu-search ul li {
  display: inline-block;
  margin-right: 5px;
}

.sidemenu-search ul li:last-child {
  margin-right: 0px;
  float: right:;
}

.sidemenu-search ul li i {
  font-size: 20px;
}

.menu-top-adver {
  margin: 10px 0px;
}


/*--------------------------------------------------------------
# Homepage 2 - Latest Post
--------------------------------------------------------------*/

#latest-home2 {
  padding: 40px 0px;
}

#latest-home2 .container-fluid {
  padding: 0px;
  width: 100%;
}

.latesttop-left .latestbox {
  margin-bottom: 0px;
}

.latesttop-left .imgbox {
  height: 250px;
}

.latesttop-left {
  margin-right: 10px;
}

.latest-block {
  margin-top: 10px;
}

.latest-block .latestbox.first {
  margin-right: 10px;
}

#homepage2-latest .imgbox {
  height: 510px;
}


/*--------------------------------------------------------------
# Homepage 2 - Trending
--------------------------------------------------------------*/

.trending-home2 .trend-box {
  margin-bottom: 30px;
}

.trending-home2 .timg {
  position: relative;
  height: 250px;
  overflow: hidden;
}

.trending-home2 .timg img {
  max-width: 100%;
  width: 100%;
  height: 100%;
  min-height: 100%;
  object-fit: cover;
  object-position: center;
}

.trending-home2 .trend-desc {
  margin-top: 15px;
}

.trending-home2 .trend-desc h4 a {
  color: rgba(0, 0, 0, .87);
  font-size: 22px;
}

.trending-home2 .trend-desc h4 a:hover {
  color: #ba1818;
}

.trending-home2 .trend-desc ul {
  list-style-type: none;
  position: relative;
  z-index: 3;
  padding: 10px 0px;
}

.trending-home2 .trend-desc ul li {
  display: inline-block;
  padding-right: 10px;
  color: #848181;
  font-size: 12px;
}

.trending-home2 .trend-desc ul li:last-child {
  padding-right: 0px;
}

.trending-home2 .trend-desc ul li i {
  color: #ba1818;
  padding-right: 5px;
}


/*--------------------------------------------------------------
# Homepage 2 - Featured Videos
--------------------------------------------------------------*/

#featured-video {
  background-color: #1b1b1b;
  padding: 40px 0px 20px 0px;
  margin-bottom: 40px;
}

.right-feabvideo img {
  max-width: 120px;
  width: 120px;
  height: 100px;
  min-height: 100px;
}

.right-feabvideo h4 a {
  color: #fff;
}

#featured-video .imgbox {
  height: 363px;
}

.vdbox {
  position: relative;
  overflow: hidden;
  max-width: 120px;
  width: 120px;
  margin-right: 15px;
}

.vdbox .video-icon a i {
  font-size: 16px;
}

.vdbox .video-icon a {
  padding: 3px 10px;
}


/*--------------------------------------------------------------
# Homepage 3 - Latest Post
--------------------------------------------------------------*/

#latest-home3 {
  padding: 40px 0px;
  background-color: #1b1b1b;
  margin-bottom: 40px;
}

.limgbox {
  position: relative;
  height: 450px;
  overflow: hidden;
}

.limgbox::before {
  background-color: rgba(0, 0, 0, .7);
  right: 0;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  content: "";
  position: absolute;
  z-index: 2;
}

.limgbox img {
  max-width: 100%;
  width: 100%;
  height: 100%;
  min-height: 100%;
  object-position: center;
  object-fit: cover;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 1.5s ease-out;
  -moz-transition: all 1.5s ease-out;
  -ms-transition: all 1.5s ease-out;
  -o-transition: all 1.5s ease-out;
  transition: all 1.5s ease-out;
}

.limgbox:hover img {
  -webkit-transform: scale(1.4);
  -ms-transform: scale(1.4);
  transform: scale(1.4);
}

.hover-desc {
  position: absolute;
  bottom: 6%;
  left: 20px;
  padding-right: 20px;
}

.hover-desc h1 {
  padding-bottom: 15px;
  position: relative;
  z-index: 3;
  line-height: 32px;
}

.hover-desc h1 a {
  font-size: 26px;
  font-weight: 700;
  color: #fff;
}

.hover-desc a:hover {
  color: #ba1818;
}

.hover-desc p {
  color: #e3dfdf;
  position: relative;
  z-index: 3;
}

.hover-desc ul {
  list-style-type: none;
  position: relative;
  z-index: 3;
}

.hover-desc ul li {
  display: inline-block;
  padding-right: 10px;
  color: #e3dfdf;
  font-size: 12px;
}
.hover-desc ul li a
{
  color: #e3dfdf !important;
   font-size: 12px !important;
}
.hover-desc ul li:last-child {
  padding-right: 0px;
}

.hover-desc ul li i {
  color: #ba1818;
  padding-right: 5px;
}

.hover-desc .post-date {
  color: #ffffff;
  z-index: 10;
  position: relative;
  padding-top: 10px;
}

.hover-desc .post-date i {
  color: #ba1818;
  padding-right: 5px;
}


/* Latest Post Owl */

.slider-latest,
.slider-latest .owl-item {
  -webkit-tap-highlight-color: transparent;
  position: relative
}

.slider-latest {
  display: none;
  width: 100%;
  z-index: 1
}

.slider-latest .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  touch-action: manipulation;
  -moz-backface-visibility: hidden
}

.slider-latest .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0
}

.slider-latest .owl-stage-outer {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0)
}

.slider-latest .owl-item,
.slider-latest .owl-wrapper {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0)
}

.slider-latest .owl-item {
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-touch-callout: none
}

.slider-latest .owl-item img {
  /* display: block;
          width: 100% */
}

.slider-latest .owl-dots.disabled,
.slider-latest .owl-nav.disabled {
  display: none
}

.no-js .slider-latest,
.slider-latest.owl-loaded {
  display: block
}

.slider-latest .owl-dot,
.slider-latest .owl-nav .owl-next,
.slider-latest .owl-nav .owl-prev {
  cursor: pointer;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.slider-latest .owl-nav button.owl-next,
.slider-latest .owl-nav button.owl-prev,
.slider-latest button.owl-dot {
  background: 0 0;
  color: inherit;
  border: none;
  padding: 0!important;
  font: inherit
}

.slider-latest.owl-loading {
  opacity: 0;
  display: block
}

.slider-latest.owl-hidden {
  opacity: 0
}

.slider-latest.owl-refresh .owl-item {
  visibility: hidden
}

.slider-latest.owl-drag .owl-item {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.slider-latest.owl-grab {
  cursor: move;
  cursor: grab
}

.slider-latest.owl-rtl {
  direction: rtl
}

.slider-latest.owl-rtl .owl-item {
  float: right
}

.slider-latest .animated {
  animation-duration: 1s;
  animation-fill-mode: both
}

.slider-latest .owl-animated-in {
  z-index: 0
}

.slider-latest .owl-animated-out {
  z-index: 1
}

.slider-latest .fadeOut {
  animation-name: fadeOut
}

@keyframes fadeOut {
  0% {
    opacity: 1
  }
  100% {
    opacity: 0
  }
}

.owl-height {
  transition: height .5s ease-in-out
}

.slider-latest .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity .4s ease
}

.slider-latest .owl-item .owl-lazy:not([src]),
.slider-latest .owl-item .owl-lazy[src^=""] {
  max-height: 0
}

.slider-latest .owl-item img.owl-lazy {
  transform-style: preserve-3d
}

.slider-latest .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000
}

.slider-latest .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url(owl.video.play.png) no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform .1s ease
}

.slider-latest .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
  transform: scale(1.3, 1.3)
}

.slider-latest .owl-video-playing .owl-video-play-icon,
.slider-latest .owl-video-playing .owl-video-tn {
  display: none
}

.slider-latest .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity .4s ease
}

.slider-latest .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
}

.slider-latest .owl-nav {
  text-align: right;
  -webkit-tap-highlight-color: transparent
}

.slider-latest .owl-nav .disabled {
  opacity: 1;
  cursor: default
}

.slider-latest .owl-nav i {
  font-size: 3.2em;
  width: 1.6em;
  text-align: center;
  color: #fff;
}

.slider-latest .owl-nav [class*=owl-]:hover i {
  color: #ba1818!important
}

.slider-latest .owl-nav [class*=owl-].disabled:hover i {
  color: #5e5a5a!important
}

.slider-latest .owl-prev {
  position: absolute;
  top: 30%;
  left: -17px
}

.slider-latest .owl-next {
  position: absolute;
  top: 30%;
  right: -15px;
}

.slider-latest .owl-prev.disabled i,
.slider-latest .owl-next.disabled i {
  color: #5e5a5a;
}


/*--------------------------------------------------------------
# Homepage 3 - Trending
--------------------------------------------------------------*/

.home3-trending-list img {
  max-width: 260px;
  width: 260px;
  height: 230px;
  min-height: 230px;
  object-position: center;
  object-fit: cover;
}

.trending-home3 {
  padding-bottom: 40px !important;
}

.home3-trending-list h4 a {
  color: rgba(0, 0, 0, .87);
  font-size: 24px;
}

.home3-trending-list h4 a:hover {
  color: #ba1818;
}

.home3-trending-list ul.admindate {
  list-style-type: none;
  position: relative;
  z-index: 3;
  padding: 10px 0px;
}

.home3-trending-list ul.admindate li {
  display: inline-block;
  padding-right: 10px;
  color: #848181;
  font-size: 12px;
}

.home3-trending-list ul.admindate li:last-child {
  padding-right: 0px;
}

.home3-trending-list ul.admindate li i {
  color: #ba1818;
  padding-right: 5px;
}

.home3-right h3 {
  background-color: #ba1818;
  padding: 6px 20px;
  color: #fff;
  font-size: 22px;
  margin: 0px;
}


/*--------------------------------------------------------------
# Homepage 3 - Featured Videos
--------------------------------------------------------------*/

.home3-featured-video .imgbox {
  height: 420px !important;
}


/*--------------------------------------------------------------
# Single Page
--------------------------------------------------------------*/

#single-page {
  padding: 20px 0px 40px 0px;
}

.cat-title {
  border-bottom: 1px solid #ddd;
  margin-bottom: 50px;
  padding-bottom: 5px;
}

.cat-title h3 {
  font-weight: 400;
  font-size: 22px;
  margin: 0px;
  border-left: 4px solid #ba1818;
  padding-left: 6px;
}

.breadcrumb-menu {
  position: relative;
  float: right;
}

.breadcrumb-menu li:first-child {
  margin-left: 0px;
}

.breadcrumb-menu li {
  position: relative;
  display: inline-block;
  line-height: 30px;
  margin-left: 20px;
  color: #333;
  font-size: 16px;
  font-weight: 600;
}

.breadcrumb-menu li::before {
  content: "\f105";
  font-family: FontAwesome;
  position: absolute;
  right: -24px;
  width: 24px;
  top: 0px;
  text-align: center;
  line-height: 30px;
}

.breadcrumb-menu li:last-child::before {
  content: none;
}

.breadcrumb-menu li a {
  color: #999;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.breadcrumb-menu li a:hover {
  color: #ba1818;
}


/* Author */

.author-share {
  padding: 20px 0px 10px 0px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 20px;
}

.author-share img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
}

.author-share h5 {
  font-size: 16px;
  margin: 0px;
}

.author-share p {
  margin: 0px;
  font-size: 12px;
}

.author-share .media-body {
  padding-top: 4px;
}


/* Social Share */

.social-share {
  float: right;
  padding-top: 10px;
}

.social-share ul {
  list-style-type: none;
}

.social-share ul li {
  display: inline-block;
  margin-right: 10px;
}

.social-share ul li:last-child {
  margin-right: 0px;
}

.social-share li a {
  padding: 8px 16px;
  border-radius: 4px;
  color: #fff;
}

.social-share li.facebook a {
  background-color: #3b5998;
}

.social-share li.twitter a {
  background-color: #00aced;
}

.social-share li.linkedin a {
  background-color: #0976b4;
}

.post-description p {
  font-size: 16px;
  line-height: 171%;
  font-weight: 400;
  margin: 0 0 1.04em;
  color: #3f3e3e;
}

.post-description img {
  margin: 20px 0px;
  width: 100%;
}

.right-adver img {
  margin-top: 30px;
}


/* Comment Box */

.comment-box {
  margin-top: 40px;
  border: 1px solid #ddd;
  padding: 40px 30px;
}

.comment-box h3 {
  margin-bottom: 30px;
}

.comment-box .form-control {
  height: auto;
  padding: 15px 20px;
  color: #a5a5a5;
  border-radius: 0px;
  font-size: 14px;
}

.submit-comment {
  text-align: left;
  margin-top: 0px;
}

.submit-comment input {
  background-color: #ba1818;
  padding: 10px 50px;
  color: #fff;
  border: none;
  border-radius: 25px;
  font-weight: 700;
  text-transform: uppercase;
}

.submit-comment input:hover {
  background-color: #000000;
}

.menu-bottom-adver {
  margin-bottom: 40px;
}


/* Related Stories */

#related-stories .nationright {
  margin-bottom: 0px;
}


/*--------------------------------------------------------------
# Single Page 1
--------------------------------------------------------------*/

.single-title h1 {
  font-size: 50px;
}

.single-adver {
  padding: 20px 0px 30px 0px;
}

.prcboxwrap {
  background-color: #F7F7F7;
  padding: 20px 15px;
}

.prcboxwrap .trendbox:last-child {
  margin-bottom: 0px;
}

.prcboxwrap .trendbox img {
  border-radius: 50%;
}

.sigle-right nav {
  margin-bottom: 40px;
}

.sigle-right .nav-tabs .nav-link {
  display: block;
  padding: .7rem 1.99rem;
  font-size: 16px;
  color: #ffffff;
  border: none;
  background-color: #000000;
  margin-right: 1px;
  border-radius: 0px;
  font-weight: 700;
}

.sigle-right .nav-tabs .nav-link.active {
  color: #fff;
  background-color: #ba1818;
  border-radius: 0px;
}

.sigle-right .nav-tabs {
  border: none;
}

.instagram {
  background-color: #F7F7F7;
  padding: 20px 15px;
  margin-top: 30px;
  overflow: hidden;
}

.instagramwrap {
  position: relative;
}

.imgboxinsta {
  position: relative;
  overflow: hidden;
}

.instagram .instimg {
  width: 33.33%;
  float: left;
  padding: 1px;
  position: relative;
}

.instagram .instimg img {
  width: 100%;
  height: 100px;
  object-position: center;
  object-fit: cover;
}

.ingta-username {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 11;
}

.ingta-username a {
  background-color: #1a1a1a;
  padding: 6px 12px;
  color: #fff;
  font-weight: 700;
}

.categories-bn {
  background-color: #F7F7F7;
  padding: 20px 15px;
  margin-top: 30px;
  overflow: hidden;
}

.categories-bn ul {
  list-style-type: none;
}

.categories-bn ul li {
  padding: 10px 0px;
  border-bottom: 1px dotted #ddd;
}

.categories-bn ul li:first-child {
  padding-top: 0px;
}

.categories-bn ul li a {
  color: #3c3c3c;
  font-size: 15px;
}

.categories-bn ul li a:hover,
.categories-bn ul li a:hover::before {
  color: #ba1818;
}

.categories-bn ul li a::before {
  content: "\f105";
  font-family: FontAwesome;
  display: inline-block!important;
  cursor: pointer;
  line-height: 20px;
  color: #fff;
  margin-right: 6px;
  color: #3c3c3c;
}

.categories-bn ul li a span {
  float: right;
  color: #ba1818;
}

.comntrn {
  background-color: #F7F7F7;
  padding: 20px;
  margin: 30px 0px;
  overflow: hidden;
}

.comntrn .media img {
  width: 110px;
  height: 110px;
  border-radius: 50%;
  object-position: center;
  object-fit: cover;
}

.comntrn .media-body h4 a {
  font-size: 20px;
  color: rgba(0, 0, 0, .87);
  font-weight: 700;
}

.comntrn .media-body h4 a:hover {
  color: #ba1818;
}

.comntrn .media-body p {
  color: rgba(125, 124, 124, 0.89);
}

.comntrn .post-date {
  color: #ba1818;
}


/*--------------------------------------------------------------
# Category 1
--------------------------------------------------------------*/

.catefull-post {
  margin-bottom: 30px;
  position: relative;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  overflow: hidden;
}

.category-one .catefull-post:hover {
  -webkit-box-shadow: 0px 1px 35px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 1px 35px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 1px 35px 0px rgba(0, 0, 0, 0.3);
}

.category-one .catefull-post .thumbnail {
  height: 100%;
  width: 385px;
  overflow: hidden;
  background: #ba1818;
}

.catefull-post .media-body {
  margin: 80px 0px 0px -100px;
  background-color: #ffffff;
  padding: 20px;
  z-index: 1;
}

.catefull-post .media-body h3 a {
  color: rgba(0, 0, 0, .87);
  font-size: 26px;
}

.catefull-post .media-body h3 a:hover {
  color: #ba1818;
}

.catefull-post img {
  width: 385px;
  height: 350px;
  object-position: center;
  object-fit: cover;
  webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  opacity: .6;
}

.category-one .catefull-post:hover .thumbnail img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  transform: scale(1.1);
  opacity: .9;
}

.category-one .catbox {
  border: 1px solid #ddd;
  margin-bottom: 30px;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  overflow: hidden;
}

.category-one .catbox:hover {
  -webkit-box-shadow: 0px 1px 35px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 1px 35px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 1px 35px 0px rgba(0, 0, 0, 0.3);
}

.category-one .catbox img {
  width: 200px;
  height: 100%;
  object-position: center;
  object-fit: cover;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  opacity: .9;
}

.category-one .catbox:hover .thumbnail img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  transform: scale(1.1);
  opacity: .5;
}

.category-one .catbox .thumbnail {
  height: 100%;
  width: 200px;
  overflow: hidden;
  background: #ba1818;
}

.category-one .catbox h4 a {
  color: rgba(0, 0, 0, .87);
  font-size: 18px;
  font-weight: 700;
}

.category-one .catbox h4 a:hover {
  color: #ba1818;
}

.category-one .catbox .media-body {
  padding: 15px;
}


/* Pagination */

.bn-pagination {
  text-align: center;
}

.bn-pagination .nav-links {
  display: inline-block;
  padding: 0;
  margin: 0;
}

.bn-pagination .nav-links .page-numbers {
  display: inline;
}

.bn-pagination .nav-links .page-numbers {
  color: black;
  float: left;
  text-decoration: none;
  transition: background-color .3s;
  border: 1px solid #ddd;
  margin: 0 4px;
  border-radius: 50%;
  width: 42px;
  height: 42px;
  position: relative;
  line-height: 42px;
}

.bn-pagination .nav-links .page-numbers.current {
  background-color: #ba1818;
  color: white;
  border: 1px solid #ba1818;
}

.bn-pagination .nav-links .page-numbers:hover:not(.current) {
  background-color: #ba1818;
  color: #fff;
}

.bn-pagination .nav-links .page-numbers.prev{
    border-radius: 0%;
    width: 100px;
}

.bn-pagination .nav-links .page-numbers{
  font-size: 20px;
}

.bn-pagination .nav-links .page-numbers.next{
    border-radius: 0%;
    width: 100px;
}


/*--------------------------------------------------------------
# Category 2
--------------------------------------------------------------*/

.category-two .cardbox {
  border: 1px solid #ddd;
  margin-bottom: 30px;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  overflow: hidden;
}

.category-two .cardbox:hover {
  -webkit-box-shadow: 0px 1px 35px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 1px 35px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 1px 35px 0px rgba(0, 0, 0, 0.3);
}

.category-two .cardbox img {
  width: 100%;
  height: 255px;
  object-position: center;
  object-fit: cover;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  opacity: .9;
}

.category-two .cardbox .thumbnail {
  height: 255px;
  width: 100%;
  overflow: hidden;
  background: #ba1818;
}

.category-two .cardbox:hover .thumbnail img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  transform: scale(1.1);
  opacity: .5;
}

.category-two .cardbox h4 {
  margin-bottom: 15px;
}

.category-two .cardbox h4 a {
  color: rgba(0, 0, 0, .87);
  font-size: 22px;
  font-weight: 700;
}

.category-two .cardbox h4 a:hover {
  color: #ba1818;
}


/*--------------------------------------------------------------
# Category 3
--------------------------------------------------------------*/

.category-three .catbox .thumbnail,
.category-three .catbox img {
  width: 300px;
}

.category-three .catbox h4 a {
  font-size: 22px;
  font-weight: 700;
}


/*--------------------------------------------------------------
# Category 4
--------------------------------------------------------------*/

.category-four .card4box .thumbnail,
.category-four .card4box img {
  height: 400px;
}

.category-four .card4box {
  margin-bottom: 30px;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  overflow: hidden;
}

.category-four .card4box:hover {
  -webkit-box-shadow: 0px 1px 35px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 1px 35px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 1px 35px 0px rgba(0, 0, 0, 0.3);
}

.category-four .card4box img {
  width: 100%;
  height: 400px;
  object-position: center;
  object-fit: cover;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  opacity: .9;
}

.category-four .card4box .thumbnail {
  height: 400px;
  width: 100%;
  overflow: hidden;
  background: #ba1818;
}

.category-four .card4box:hover .thumbnail img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  transform: scale(1.1);
  opacity: .5;
}

.category-four .card4box h2 {
  margin-bottom: 15px;
}

.category-four .card4box h2 a {
  color: rgba(0, 0, 0, .87);
  font-size: 30px;
  font-weight: 700;
}

.category-four .card4box h2 a:hover {
  color: #ba1818;
}

.category-four .card-footer {
  background-color: #ba1818;
}

.category-four .card-footer ul {
  list-style-type: none;
}

.category-four .card-footer ul li {
  display: inline-block;
  padding-right: 15px;
  font-size: 13px;
  color: #ffffff;
}

.category-four .card-footer ul li:last-child {
  padding-right: 0px;
  float: right;
}

.category-four .card-footer ul li i {
  padding-right: 5px;
  color: #ffffff;
}


/* Searchbox */

.form-relative {
  position: relative;
}

.site-spop {
  border-color: transparent;
  border-bottom-color: #fff;
  color: #fff;
}

.site-spop:focus {
  border-color: transparent;
  color: #fff;
  border-bottom: 1px solid #fff;
}

.site-search-form {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgb(0, 0, 0, 0.9);
  opacity: 0;
  z-index: -1;
  transition: .5s all;
  transform: scale(0);
}

.site-search-form.search-normal-screen {
  opacity: 1;
  z-index: 9999;
  transform: scale(1);
}

.site-search-form .input-group {
  width: 80%;
  margin: 0 auto;
  top: 40%;
  height: 75px;
  border-bottom: 1px solid #ba1818;
}

.site-search-form .input-group .form-control {
  background: transparent;
  border: none;
  font-size: 3em;
  padding: 0px;
  vertical-align: unset;
  color: #cdcdcd;
  border-radius: 0px;
  height: auto;
}

.site-search-form .input-group .form-control:focus {
  border-color: #ced4da;
  box-shadow: none;
  outline: 0 none;
}

.site-search-form .input-group .input-group-addon {
  background: transparent;
  font-size: 3.4em;
  color: #fff;
  border: 0;
  cursor: pointer;
}

.site-search-form .input-group .input-group-addon i {
  font-size: 35px;
}

.site-search-form .btn-close {
  background: transparent;
  border: 0;
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}

.site-search-form .btn-close img {
  width: 40px;
}

.form-search-box {
  margin: -30px 0 0 -35%;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 70%;
}
.form-search-box input
{
background: transparent;
border: none;
font-size: 3em;
padding: 0px;
vertical-align: unset;
color: #cdcdcd;
border-radius: 0px;
height: auto;
position: relative;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
width: 1%;
min-width: 0;
margin-bottom: 0;
font-weight: 400;
line-height: 1.5;
display: block;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.site-search-form ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #ffffff !important;
}

.site-search-form ::-moz-placeholder {
  /* Firefox 19+ */
  color: #ffffff !important;
}

.site-search-form:-ms-input-placeholder {
  /* IE 10+ */
  color: #ffffff !important;
}

.site-search-form :-moz-placeholder {
  /* Firefox 18- */
  color: #ffffff !important;
}

.search-not-found .card-header h4 {
  margin: 0px;
}

.search-again-box {
  margin-top: 40px;
}

.search-again-box input[type=text] {
  padding: 15px;
  font-size: 17px;
  border: none;
  float: left;
  width: 80%;
  background: #F7F7F7;
}

.search-again-box input[type=text]:hover {
  background: #f1f1f1;
}

.search-again-box button {
  float: left;
  width: 20%;
  padding: 15px;
  background: #ba1818;
  font-size: 17px;
  border: none;
  cursor: pointer;
  color: #fff;
}

.search-again-box button:hover {
  background: #000000;
}


/*--------------------------------------------------------------
# Coming Soon
--------------------------------------------------------------*/

#coming-soon {
  display: block;
  position: fixed;
  z-index: 0;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.bg-img {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.overlay-bg {
  position: relative;
  z-index: 1;
  width: 100%;
  min-height: 100vh;
}

.overlay-bg h1 {
  font-size: 50px;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 25px;
}

.overlay-bg p {
  font-size: 25px;
  font-weight: 400;
  color: #ffffff;
  margin-bottom: 40px;
}

.overlay-bg::before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.8);
}


/* CounterDown */

.coming-soon-box {
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  -ms-align-items: center;
  align-items: center;
  justify-content: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 100px;
}

.bnp-countdown-time {
  overflow: visible;
  display: table;
}

.bnp-countdown-time>.simply-section {
  width: 120px;
  height: 120px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  float: left;
  margin: 30px;
  background: #ba1818
}

.bnp-countdown-time>.simply-section>div {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

.bnp-countdown-time>.simply-section>div .simply-amount,
.bnp-countdown-time>.simply-section>div .simply-word {
  display: block;
  color: #fff;
  font-weight: 700;
  text-align: center;
}

.simply-section>div .simply-amount {
  font-size: 30px;
}

.bnp-countdown-time>.simply-section>div .simply-word {
  text-transform: uppercase;
  font-size: 12px;
}


/* Newsletter */

.newsletterbox {
  margin-top: 40px;
}

.newsletterbox .form-control {
  height: 60px;
  border-color: #ffffff;
  border-radius: 0;
}

.newsletterbox.form-control:focus {
  box-shadow: none;
  border: 2px solid #243c4f;
}

.newsletterbox .btn {
  min-height: 60px;
  border-radius: 0;
  background: #000000;
  color: #fff;
  font-weight: 600;
  cursor: pointer;
}


/*--------------------------------------------------------------
# Right Sidebar
--------------------------------------------------------------*/
.widget_search .search-field{display:block;box-sizing:border-box;height:3.0375rem;margin:0 0 0rem;padding:0.5rem;border:none;border-radius:0;background-color:#f2f2f2;box-shadow:none;font-family:inherit;font-size:1rem;font-weight:normal;color:#0a0a0a;transition:box-shadow 0.5s,border-color 0.25s ease-in-out;-webkit-appearance:none;-moz-appearance:none;width:100%;}
.widget_search label{width:70%;margin:0px;}
.search-submit{display:inline-block;margin:0 0 0rem 0;padding:0.85em 1.5em;-webkit-appearance:none;border:1px solid transparent;border-radius:0;transition:background-color 0.25s ease-out,color 0.25s ease-out;font-size:0.9rem;line-height:1;text-align:center;cursor:pointer;background-color:#1a1c27;color:#fefefe;overflow:visible;height:3.0375rem;width:28.8%;}
.home3-right{margin-bottom:30px;}
.home3-right ul{background-color:#f3f3f3;padding:20px;list-style-type:none;}
.home3-right ul li{padding:15px 0px;border-bottom:1px solid #ddd;}
.home3-right ul li:last-child{padding-bottom:0px;border-bottom:none;}
.home3-right ul li:first-child{padding-top:0px;}
.home3-right ul li a{color:rgba(0,0,0,.87);font-size:16px;font-weight:600;}
.home3-right ul li a::before{content:"\f105";font-family:FontAwesome;display:inline-block!important;cursor:pointer;line-height:20px;color:#ba1818;margin-right:6px;font-size:16px;}
.home3-right ul li a:hover{color:#ba1818;}
.posted-on a{display:inline-block;padding-right:10px;color:#848181;font-size:12px;}
.post-date i{color:#ba1818;padding-right:5px;}



/*--------------------------------------------------------------
# Edit Single Page
--------------------------------------------------------------*/
.sigle-title h1{font-size:50px;}
.post-navigation{padding-top:30px;margin-top:50px;border-top:1px solid #ddd;}
.nav-links{padding-bottom:15px;}
.nav-links a{color:#ba1818;}
.author.vcard a{font-size:16px;font-weight:600;color:rgba(0,0,0,.87);}
.comment-list{background-color:#F7F7F7;padding:20px 35px;margin:30px 0px;overflow:hidden;}
.comment-author img{width:70px;height:70px;object-position:center;object-fit:cover;border-radius:50%;float:left;margin-right:15px;}
.comment-author b.fn a{font-size:16px;color:rgba(0,0,0,.87);font-weight:700;}
.comment-metadata a{font-size:12px;color:#848181;margin-top:10px;}
.comment-metadata a::before{content:"\f073";font-family:FontAwesome;display:inline-block!important;cursor:pointer;line-height:20px;color:#ba1818;margin-right:3px;font-size:12px;}
.comment-content p{color:#444;}
.reply{text-align:right;}
.reply a{color:#ba1818;font-weight:600;font-style:italic;}
.comment-respond{margin-top:40px;border:1px solid #ddd;padding:40px 30px;}
.comment-form label{display:block;font-weight:500;}
.comment-form label span{color:#ba1818;}
#comment,#author,#email,#url{height:auto;padding:12px 20px;color:#a5a5a5;border-radius:0px;font-size:14px;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;font-weight:400;line-height:1.5;display:block;width:100%;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.comment-form-cookies-consent label{display:inline-block;font-weight:400;}
.form-submit input{background-color:#ba1818;padding:10px 30px;color:#fff;border:none;font-weight:700;text-transform:uppercase;}
.form-submit input:hover{background-color:#000;}
.title-hover ul li a{display:inline-block;padding-right:10px;color:#e3dfdf!important;font-size:12px!important;}
.footer-top .gallery-item{display:inline-block;margin:0px 10px 10px 0px;}
.footer-top .gallery-item img,.widget_media_image img{width:98px;height:85px;object-fit:cover;object-position:center;}
.logo a{color: #fff;}
.comment-list li{border-bottom:1px solid #ddd;margin-bottom:35px;}
.comment-list li:last-child{border-bottom: none;margin-bottom: 0px;}
.reply{padding-bottom:10px;}
#cancel-comment-reply-link{font-size: 16px;color:#ba1818;font-weight: 600;}
.post-description ul,ol{margin:20px 0px;padding-left:40px;}
.post-description ol li,.post-description ul li{padding-bottom:10px;}



/*--------------------------------------------------------------
# Responsive
--------------------------------------------------------------*/

@media (min-width: 320px) and (max-width: 767px) {
  .right-top {
    float: none;
    text-align: center;
  }
  .top-logo,
  .primary-menu,
  .logo {
    display: none;
  }
  .mobile-logo {
    display: block;
  }
  .sidebar-menu i {
    padding-top: 2px;
  }
  .search-icon {
    padding-top: 0px;
  }
  .main-menu {
    padding: 5px 0px;
  }
  #latest-post .middle-latest,
  #latest-video .middle-latest,
  #entertainment .middle-latest {
    margin-bottom: 30px;
  }
  .br-fbox,
  #latestpost .latestltbox {
    margin-bottom: 30px;
  }
  .mobilenodisplay {
    display: none;
  }
  .menu-logo img {
    margin-top: 0px;
  }
  #mainmenu2 {
    padding: 10px 0px;
  }
  #latest-home2 .no-gutters {
    margin-right: -15px;
    margin-left: -15px;
  }
  #latest-home2 .no-gutters>.col,
  #latest-home2 .no-gutters>[class*="col-"] {
    padding-right: 15px;
    padding-left: 15px;
  }
  #latest-home2 .container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
  }
  .latesttop-left {
    margin-right: 0px;
  }
  .latest-block .latestbox.first {
    margin-right: 0px;
  }
  .latesttop-left .latestbox {
    margin-bottom: 30px;
  }
  .trending-home3 .media {
    display: block;
  }
  .home3-trending-list img {
    max-width: 100%;
    width: 100%;
    margin-bottom: 15px;
  }
  .home3-featured-video .middle-latest {
    margin-bottom: 30px;
  }
  /* Category */
  .breadcrumb-menu {
    float: left;
  }
  .catefull-post .media {
    display: block;
  }
  .catefull-post .media-body {
    margin: 0;
  }
  .category-page .media {
    display: block;
  }
  .category-page .media img {
    max-width: 100%;
    width: 100%;
    min-width: 100%;
  }
  .category-one .catbox .thumbnail {
    width: 100%;
  }
  .bn-pagination ul.pagination li a {
    margin-bottom: 10px;
  }
  .sigle-right .nav-tabs .nav-link {
    padding: .7rem 1.0rem;
  }
  .category-four .card-footer ul li {
    padding-right: 10px;
    font-size: 12px;
  }
  .social-share {
    margin-top: 15px;
  }
  #related-stories .nationright {
    margin-bottom: 30px;
  }
  .single-title h1 {
    font-size: 40px;
    word-wrap: break-word;
  }
  .coming-soon-box {
    padding: 30px 15px 15px 15px;
  }
  .bnp-countdown-time>.simply-section {
    width: 100px;
    height: 100px;
  }
  .bnp-countdown-time>.simply-section>div .simply-word {
    font-size: 10px;
  }
  .overlay-bg p {
    line-height: 36px;
    text-align: center;
  }
  .primary-menu button{background: none;}
.footer-top .gallery-item img,.widget_media_image img{width:65px;height:62px;}
p.poweredby{text-align:left;}
}

@media (min-width: 768px) and (max-width: 991px) {
  .right-top {
    float: none;
    text-align: center;
  }
  .top-logo,
  .primary-menu,
  .logo {
    display: none;
  }
  .mobile-logo {
    display: block;
  }
  .mobile-logo img {
    max-width: 90px;
    display: block;
    margin: 0 auto;
  }
   .primary-menu button{background: none;}
  .sidebar-menu i {
    padding-top: 2px;
  }
  .search-icon {
    padding-top: 0px;
  }
  .main-menu {
    padding: 5px 0px;
  }
  #latest-video .middle-latest,
  #latestpost .latestltbox {
    margin-bottom: 30px;
  }
  .mobilenodisplay {
    display: none;
  }
  .menu-logo img {
    margin-top: 0px;
  }
  #mainmenu2 {
    padding: 10px 0px;
  }
  #homepage2-latest {
    margin-top: 10px;
  }
  #featured-video .middle-latest {
    margin-bottom: 30px;
  }
  .home2entertainment .middle-latest {
    margin-top: 30px;
  }
  .catefull-post .media-body {
    margin: 0;
  }
  .category-page .media {
    display: block;
  }
  .category-one .catbox .thumbnail {
    height: auto;
  }
  .category-page .media img {
    max-width: 100%;
    width: 100%;
    min-width: 100%;
  }
  .category-one .catbox .thumbnail {
    width: 100%;
  }
  .category-one .catbox h4 a {
    font-size: 22px;
  }
  .category-three .media {
    display: flex;
  }
  .category-three .catbox .thumbnail {
    width: 300px;
  }
  .home3-right {
    margin-top: 30px;
  }
  .category-four .card-footer ul li {
    padding-right: 10px;
    font-size: 12px;
  }
  .coming-soon-box {
    padding: 70px 15px 15px 15px;
  }
  .overlay-bg p {
    line-height: 36px;
    text-align: center;
  }
.footer-top .gallery-item img,.widget_media_image img{width:51px;height:51px;}
}

@media (max-width: 992px) {}


/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0;
}


/*Keyboard Navigation start*/
a:focus {
  outline: 2px solid #FFFFFF;
}

button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
  border-color: #FFFFFF #FFFFFF #FFFFFF;
}

.calendar_wrap{
  color:#FFF;
}


.bypostauthor{}

.alignright{}

.alignleft{}

.aligncenter{}

.posts-navigation{display: none;}

body.admin-bar .site-search-form.search-normal-screen{
  margin-top: 30px;
}
/*Keyboard Navigation*/
#primarymenu li:focus-within>ul{
  left: auto;
}
.wp-caption,.wp-caption-text,.gallery-caption{
  
}