/*************************************
Template Name: Gonews - Online NewsPaper
Author: Jonayed Islam
Author Url: http://jonayed.com
Version: 1.0
Design and Developed by: Bongosoft Ltd.
****************************************/
@charset "utf-8";
@font-face {
  font-family: "SolaimanLipiNormal";
  src: url("../fonts/solaimanlipi/solaimanlipi_20-04-07.eot");
  src: url("../fonts/solaimanlipi/solaimanlipi_20-04-07.eot") format("embedded-opentype"),
    url("../fonts/solaimanlipi/solaimanlipi_20-04-07.woff") format("woff"),
    url("../fonts/solaimanlipi/solaimanlipi_20-04-07.ttf") format("truetype"),
    url("../fonts/solaimanlipi/SolaimanLipi_29-05-06.svg") format("svg");
    font-display: swap;
}
body {font-family: "SolaimanLipiNormal", Helvetica, Arial, sans-serif;font-size: 16px;color: #333;background: #f1f1f1;}
@media (min-width: 1200px) {
  .container {
    /* max-width: 1212px !important; */
    max-width: 1078px!important;
  }
}
/*======================== For LAZY LOAD CSS ============================*/
.lazyload {-webkit-transition: opacity 0.3s;-moz-transition: opacity 0.3s;-ms-transition: opacity 0.3s;-o-transition: opacity 0.3s;transition: opacity 0.3s;}
.lazy-loaded {opacity: 1;}
.top-search-secton {box-shadow: rgb(0 0 0) 0px 5px 5px -5px;}
a:hover img {opacity: 0.9;}
a:hover {color: #0573e6;}
/*======================== CUSTOM BOOTSTRAP STYLE ============================*/
.custom-container {padding-left: 12px;padding-right: 12px;}
.custom-row {margin-right: -12px;margin-left: -12px;}
.custom-padding {padding-left: 12px;padding-right: 12px;}
.p-0 {padding-left: 0;padding-right: 0;}
.p-left-0 {padding-left: 0;}
.p-right-0 {padding-right: 0;}
.m-0 {margin-left: 0;margin-right: 0;}
body,h1,h2,h3,h4,h5,h6,p,textarea {font-family: "SolaimanLipiNormal", Helvetica, Arial, SolaimanLipi, sans-serif;font-weight: 400;}
a {font-family: "SolaimanLipiNormal", Helvetica, Arial, sans-serif;text-decoration: none;}
a:focus {outline: 0 solid !important;}
a:hover {text-decoration: none !important;}
*a:hover {text-decoration: none !important;}
/* Remove Chrome Input Field's Unwanted Yellow Background Color */
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus {-webkit-box-shadow: 0 0 0px 1000px white inset !important;}
/*====================== START FOR MENU =========================================*/
.dropdown-new:hover .dropdown-menu-new {display: block;}
.dropdown-new:hover .dropdown-menu-new {display: block;}
@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity: 1;}
}
.new-fade {
  -webkit-animation: .7s ease-in-out fadeInScale;
  -moz-animation: .7s ease-in-out fadeInScale;
  animation: .7s ease-in-out fadeInScale
}
@keyframes fadeInScale {
  0% {transform: scale(.9);opacity: 0}
  100% {transform: scale(1);opacity: 1}
}
.dropdown-menu.show {-webkit-animation: fadeIn 0.3s alternate;animation: fadeIn 0.3s alternate;}
.dropdown.dropdown-mega {position: static;}
.nav-item.dropdown.dropdown-mega .dropdown-menu {top: auto;left: 50%;transform: translateX(-50%);}
.navbar-toggler {border: none;padding: 0;outline: none;}
.navbar-toggler:focus {box-shadow: none;}
.navbar-toggler .hamburger-toggle {position: relative;display: inline-block;width: 50px;height: 50px;z-index: 11;float: right;}
.navbar-toggler .hamburger-toggle .hamburger {position: absolute;transform: translate(-50%, -50%) rotate(0deg);left: 50%;top: 50%;width: 50%;height: 50%;pointer-events: none;}
.navbar-toggler .hamburger-toggle .hamburger span {width: 100%;height: 4px;position: absolute;background: #333;border-radius: 2px;z-index: 1;transition: transform 0.2s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.2s cubic-bezier(0.77, 0.2, 0.05, 1), all 0.2s ease-in-out;left: 0px;}
.navbar-toggler .hamburger-toggle .hamburger span:first-child {top: 10%;transform-origin: 50% 50%;transform: translate(0% -50%) !important;}
.navbar-toggler .hamburger-toggle .hamburger span:nth-child(2) {top: 50%;transform: translate(0, -50%);}
.navbar-toggler .hamburger-toggle .hamburger span:last-child {left: 0px;top: auto;bottom: 10%;transform-origin: 50% 50%;}
.navbar-toggler .hamburger-toggle .hamburger.active span {position: absolute;margin: 0;}
.navbar-toggler .hamburger-toggle .hamburger.active span:first-child {top: 45%;transform: rotate(45deg);}
.navbar-toggler .hamburger-toggle .hamburger.active span:nth-child(2) {left: 50%;width: 0px;}
.navbar-toggler .hamburger-toggle .hamburger.active span:last-child {top: 45%;transform: rotate(-45deg);}
.icons {display: inline-flex;margin-left: auto;}
.icons a {transition: all 0.2s ease-in-out;padding: 0.2rem 0.4rem;color: #ccc !important;text-decoration: none;}
.icons a:hover {color: white;text-shadow: 0 0 30px white;}
.top-nav-main li.nav-item a.nav-link {font-size: 18px;padding: 9px 7px !important;color: #333333 !important;}
a.navbar-brand {width: 80%;}
.new-top-nav {background: #DDEAF2 url(../../media/common/pattern.png) top left repeat !important;box-shadow: 0px 5px 5px -5px #000;padding: 0;}
.navbar-brand {display: none;}
.top-nav-main li.nav-item a.active {background: #9cb369 url(../../media/common/pattern-1.png) top left repeat;color: #fff!important;}
.top-nav-main li a.active svg {fill: #fff;} 
.top-nav-main li.nav-item a.nav-link:hover {background: #9cb369 url(../../media/common/pattern-1.png) top left repeat;color: #fff !important;}
.search-icon {padding-right: 5px !important;}
.search-icon svg {height: 20px;width: 20px;}
.other-list-group a {border: 0;padding: 4px 0;font-size: 16px;}
.dropdown-menu-new {border:0;border-radius: 0;border-bottom: 3px solid #0ce;-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);box-shadow: 0 6px 12px rgba(0,0,0,.175);}
.navbar-expand-lg .navbar-nav .dropdown-menu {padding: 0 !important;}
.navbar-expand-lg .navbar-nav .dropdown-menu li a:hover {background: #dbf1ff!important;transition: 0.3s;color: #000 !important;}
@media screen and (max-width: 768px) {
    a.navbar-brand{width: 65%;display: block;}
    .nav-item.dropdown.dropdown-mega .dropdown-menu {transform: translateX(0%);}
    .middle-header {display: none;}
}
/*====================== END FOR MENU =========================================*/
#back_to_top {border: none;background: #212529;color: #fff;padding: 2px 5px 3px;cursor: pointer;position: fixed;bottom: 15px;right: 30px;opacity: 0;-webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;-o-transition: .5s;transition: .5s;z-index: 10;border: 1px solid transparent;padding-top: 0;}
#back_to_top svg {color: #fff;width: 30px}
#back_to_top.show {opacity: 1}
#back_to_top:hover {background: #fff;border: 1px solid #212529;}
#back_to_top:hover svg {color: #212529;}
/*====================== END FOR Back to top =========================================*/
.top-header {background-color: #424242;padding: 2px 0;padding-bottom: 3px;}
.top-bar-date {color: #fff;font-size: 14px;padding:4px 0;}
.top-bar-date .bi-calendar3 {margin-left: 5px;}
.top_socail_icon_area {float: right;position: relative;}
.top_socail_icon_area .list-inline {padding: 0;margin: 0;}
.top_socail_icon_area .list-inline li {display: inline-block;padding-left: 5px;list-style: none;position: relative;height: 30px;width: 30px;margin-right: 2px;}
.top_socail_icon_area .list-inline li a {display: inline-block;text-align: center;line-height: 29px;cursor: pointer;}
.top_socail_icon_area .list-inline li a .cube-top svg {fill: #fff;font-size: 17px;line-height: 20px;text-align: center;}
.cube,.cube span {width: 100%;height: 100%;top: 0;left: 0;position: absolute;transform-style: preserve-3d;transition: transform 0.5s ease-in-out;text-align: center;display: flex; align-items: center;justify-content: center;}
.cube-top {background: transparent;background-size: 100%;}
.cube-front {background-size: 100%;transform: translate(0, -100%) rotateX(90deg);transform-origin: bottom;border-radius: 50px;}
.top_socail_icon_area .list-inline li a .cube-front svg {line-height: 30px;fill: #fff;}
.top_socail_icon_area .list-inline li:hover .cube {transform: translate(0, 50%) rotateX(-90deg);}
.top_socail_icon_area .list-inline li .facebook .cube-top {background: #3b5998;}
.top_socail_icon_area .list-inline li .twitter .cube-top {background: #1da1f2;}
.top_socail_icon_area .list-inline li .instagram .cube-top {background: linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);}
.top_socail_icon_area .list-inline li .linkedin .cube-top {background: #007bb5;}
.top_socail_icon_area .list-inline li .youtube .cube-top {background: #ff0000;}
.top_socail_icon_area .list-inline li .pinterest .cube-top {background: #cb2027;}
.top_socail_icon_area .list-inline li .rss .cube-top {background: #f26522;}
.top_socail_icon_area .list-inline li .cube-top {border-radius: 50%;}
.top_socail_icon_area .list-inline li .facebook .cube-front {background: #fff;}
.top_socail_icon_area .list-inline li .facebook .cube-front svg {fill: #4e4e4e;}
.top_socail_icon_area .list-inline li .twitter .cube-front {background: #fff;}
.top_socail_icon_area .list-inline li .twitter .cube-front svg {fill: #4e4e4e;}
.top_socail_icon_area .list-inline li .instagram .cube-front {background: #fff;}
.top_socail_icon_area .list-inline li .instagram .cube-front svg {fill: #4e4e4e;}
.top_sbackground: #fff;}
.top_socail_icon_area .list-inline li .linkedin .cube-front svg {fill: #4e4e4e;}
.top_socail_icon_area .list-inline li .youtube .cube-front {background: #fff;}
.top_socail_icon_area .list-inline li .youtube .cube-front  svg {fill: #4e4e4e;}
.top_socail_icon_area .list-inline li .pinterest .cube-front {background: #fff;}
.top_socail_icon_area .list-inline li .pinterest .cube-front svg {fill: #4e4e4e;}
.top_socail_icon_area .list-inline li .rss .cube-front {background: #fff;}
.top_socail_icon_area .list-inline li .rss .cube-front svg {fill: #4e4e4e;}
.top_socail_icon_area .list-inline li .linkedin .cube-front {background: #fff;}
.top_socail_icon_area .list-inline li .linkedin .cube-front svg {fill: #4e4e4e;}
@-webkit-keyframes animationTop {
    49% {-webkit-transform: translateY(100%);}
    50% {opacity: 0;-webkit-transform: translateY(-100%);}
    51% {opacity: 1;}
}
@keyframes animationTop {
    49% {transform: translateY(100%);}
    50% {opacity: 0;transform: translateY(-100%);}
    51% {opacity: 1;}
}
.middle-header {padding-bottom: 24px;padding-top: 24px;background: #fff;}
.logo-area {float: left;width: 29.66%;padding-right: 12px;padding-left:0;padding-top: 17px;}
.top-banner-area {float: left;width: 70.34%;padding-left: 12px;}
.logo-area a:hover img {opacity: 1;}
/*====================== Footer Style =========================================*/
.copy-right-text {margin-bottom: 15px;}
.credit-text p {margin-bottom: 0;}
.footer-top {background-color: #3C3B3B;margin-top: 40px;}
.footer-menu {padding: 15px 0;}
.footer-menu ul {padding-left: 0;margin-bottom: 0;list-style: none;display: inline-block;}
.footer-menu ul li {display: inline-block;}
.footer-menu ul li a {color: #fff;padding: 6px 12px;border: 1px solid #777;font-size: 16px;margin-right: 8px;}
.footer-menu ul li a:hover {background-color: #777;}
.footer-bottom {background-color: #424242;color: #fff;}
.footer-col-1 {padding-top: 30px;padding-left: 0;}
.editors-board {padding-top: 30px;text-align: center;}
.email-subscription-aria {padding-top: 25px;text-align: center;}
.email-subscription-aria #txtEmail {background-color: #555;border: none;padding: 7px 12px 8px;border-radius: 5px 0 0 5px;width: 200px;}
.email-subscription-aria #btn-subscribe {background-color: #222;border: none;border-radius: 0 5px 5px 0;color: #555;padding: 7px 9px 8px;}
.footer-col-3 {padding-top: 30px;padding-right: 0;}
.copy-right-text {margin-top: 20px;margin-bottom: 25px;}
.credit-text {margin-top: 20px;text-align: right;margin-bottom: 25px;}
.copy-right-text-row {border-top: 1px solid #777;margin-top: 30px;}
.footer-social-icons {float: left;margin-top: 10px;}
.footer-col-1 p {margin-bottom: 5px;}
.credit-text a {color: #fff;transition: 0.5s;}
.credit-text a:hover {color: #ffc107;}
/*======================  Lead New Style =========================================*/
.lead-news-row {margin-top: 20px;margin-bottom: 20px;}
.lead-news-left {float: left;width: 69.94%;padding: 0;}
.lead-news-right {float: left;width: 30.06%;padding: 0;}
.tab-content-wrapper {margin-top: 20px;margin-bottom: 20px;}
.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {color: #fff;background-color: #007bff;transition: background-color .3s .2s;}
.side-tab-main {width: 100%;}
.side-tab-main .nav-item {display: block;float: left;width: 50%;}
.side-tab-main .nav-item .nav-link {transition: background-color .3s 0s;font-weight: 700;font-size: 20px;color: #444;cursor: pointer;text-decoration: none;text-align: center;background: #d7d7d7;border-radius: 0;padding: 7px 10px;border-top: 3px solid transparent;}
.nav-pills .nav-item.active a {background: #fff;border-top: 3px solid #0CE;}
.latest-news {overflow-y: scroll;height: 553px;}
.latest-news-ul {list-style: none;margin: 0;padding: 0;background: #fff;}
.latest-news-ul li {list-style: none;}
.latest-news-ul li a {padding: 7px 7px 9px;border-bottom: 1px solid #757575;display: inline-block;background: #fff;color: #000;margin-bottom: -5px;}
.latest-news-left {float: left;width: 37%;margin-right: 2%;position: relative;}
.latest-news-left img {min-height: 62px;max-height: 62px;}
.latest-news-right {float: left;width: 61%;padding-left: 2px;max-height: 62px;overflow: hidden;min-height: 62px;}
.latest-news-right h3 {font-size: 16px;line-height: 20px;margin: 0;}
.latest-news-right span {color: red;font-size: 14px;line-height: 14px;}
.latest-news-left svg {position: absolute;top: 50%;left: 50%;height: 35px;width: 35px;background: rgba(0, 0, 0, 0.14);transform: translate(-50%, -50%);text-align: center;line-height: 28px;fill: #fff;border-radius: 50%;padding-left: 3px;border: 3px solid #fff;box-shadow: 0 0 15px 1px grey;opacity: 0.8;z-index: 1;}
.latest-news-ul li a:hover .latest-news-left svg {fill: red;background: #fff;}
.lead-news {background-color: #fff;padding: 8px 8px 0 8px;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);}
.lead-news-image {position: relative;}
.lead-news-image svg {position: absolute;top: 50%;left: 50%;height: 60px;width: 60px;background: rgba(0, 0, 0, 0.14);transform: translate(-50%, -50%);text-align: center;line-height: 50px;fill: #fff;border-radius: 50%;font-size: 26px;padding-left: 7px;border: 5px solid #fff;box-shadow: 0 0 30px 2px grey;opacity: 0.8;z-index: 1;}
.lead-news-image-text {min-height: 85px;max-height: 85px;overflow: hidden;padding-left: 2px;padding-top: 4px;}
.lead-news-image-text h1 {margin: 0;font-size: 24px;line-height: 28px;}
.lead-news-image-text span {color: red;font-size: 14px;line-height: 14px;}
.lead-news a {color: #000;}
.lead-news a:hover .lead-news-image svg {fill: red;background: #fff;}
.focus-title h2 {background-color: #252525;color: #fff;margin: 0;text-align: center;padding: 5px 0;font-size: 24px;}
.focus-news {background-color: #fff;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);padding: 3px;}
.focus-news-image {position: relative;}
.focus-news-image svg {position: absolute;top: 50%;left: 50%;height: 45px;width: 45px;background: rgba(0, 0, 0, 0.14);transform: translate(-50%, -50%);text-align: center;line-height: 38px;fill: #fff;border-radius: 50%;font-size: 20px;padding-left: 4px;border: 4px solid #fff;box-shadow: 0 0 15px 1px grey;opacity: 0.8;z-index: 1;}
.focus-news-text {padding: 3px 5px;max-height: 172px;min-height: 172px;overflow: hidden;}
.focus-news-text span {color: red;font-size: 14px;line-height: 14px;}
.focus-news-text h3 {margin: 0;font-size: 22px;}
.focus-news-text p {font-size: 16px;}
.focus-news a {color: #000;}
.focus-news a:hover .focus-news-image svg {background: #fff;fill: red;}
.lead-news-banner {margin-top: 20px;margin-bottom: 20px;text-align: center;}
.other-lead-news {background-color: #fff;padding: 8px 8px 0 8px;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);margin-bottom: 24px;}
.other-lead-news-image {position: relative;}
.other-lead-news-image svg {position: absolute;top: 50%;left: 50%;height: 45px;width: 45px;background: rgba(0, 0, 0, 0.14);transform: translate(-50%, -50%);text-align: center;line-height: 38px;fill: #fff;border-radius: 50%;font-size: 20px;padding-left: 4px;border: 4px solid #fff;box-shadow: 0 0 15px 1px grey;opacity: 0.8;z-index: 1;}
.other-lead-news-text {min-height: 70px;max-height: 70px;overflow: hidden;padding-top: 3px;}
.other-lead-news-text h2 {font-size: 18px;line-height: 21px;margin: 0;color: #000;}
.other-lead-news-text span {color: red;font-size: 14px;line-height: 14px;}
.other-lead-news a:hover  .other-lead-news-image svg {background: #fff;fill: red;}
/*======================  Bangladewsh Section Style =========================================*/
.bangladesh-section {background-color: #fff;padding:20px 0;}
.bangladesh-section-left {float: left;width: 69.94%;padding: 0;}
.bangladesh-section-right {float: left;width: 30.06%;padding: 0;}
.bd-news-title-container {position: relative;margin-bottom: 5px;border-bottom: 2px solid #4caf50;width: 100%;display: inline-block;}
.bd-news-title-container .main-heading {float: left;}
.bd-news-title-container .main-heading h2 {margin: 0;padding: 7px 20px;background-color: #4caf50;font-size: 18px;color: #fff;}
.bd-news-title-container .main-heading h2 a {color: #fff;}
.bd-news-sub-title {float: right;}
.bd-news-sub-title ul {}
.bd-news-sub-title ul li {background: transparent;}
.bd-news-sub-title ul li button {font-size: 16px;color: #000;padding: 6px 15px;}
.bd-news-sub-title .nav-pills .nav-link.active {color: #4caf50;background: transparent;}
.bd-news-sub-title ul li:last-child button {padding-right: 0;}
.bangladesh-lead-news {background-color: #eff3f4;box-shadow: 0 1px 2px rgb(0 0 0 / 20%);padding: 7px}
.bangladesh-lead-news-image {position: relative;}
.bangladesh-lead-news-image svg {position: absolute;top: 50%;left: 50%;height: 60px;width: 60px;background: rgba(0, 0, 0, 0.14);transform: translate(-50%, -50%);text-align: center;line-height: 50px;fill: #fff;border-radius: 50%;font-size: 26px;padding-left: 7px;border: 5px solid #fff;box-shadow: 0 0 30px 2px grey;opacity: 0.8;z-index: 1;}
.bangladesh-lead-news-text {overflow: hidden;padding-top: 2px;min-height: 88px;max-height: 88px;padding-left: 1px;}
.bangladesh-lead-news-text span {color: red;font-size: 14px;line-height: 14px;}
.bangladesh-lead-news-text h2 {font-size: 24px;line-height: 28px;margin: 0;color: #000;}
.bangladesh-news-ul {position: relative;margin: 0;padding: 0;}
.bangladesh-news-ul li {list-style: none;width: 100%;margin-bottom: 2px;}
.bangladesh-news-ul li a {background: #eff3f4;display: inline-block;padding: 6px;width: 100%;box-shadow: 0 1px 2px rgb(0 0 0 / 20%);}
.bangladesh-news-ul-left {position: relative;float: left;width: 40%;}
.bangladesh-news-ul-left svg {position: absolute;top: 50%;left: 50%;height: 35px;width: 35px;background: rgba(0, 0, 0, 0.14);transform: translate(-50%, -50%);text-align: center;line-height: 28px;fill: #fff;border-radius: 50%;padding-left: 3px;border: 3px solid #fff;box-shadow: 0 0 15px 1px grey;opacity: 0.8;z-index: 1;}
.bangladesh-news-ul-right {float: left;width: 60%;padding-left: 7px;min-height: 67px;max-height: 67px;overflow: hidden;}
.bangladesh-news-ul-right span {color: red;font-size: 14px;line-height: 14px;}
.bangladesh-news-ul-right h3 {color: #000;margin: 0;padding: 0;font-size: 16px;line-height: 21px;}
.bangladesh-news-ul li a:hover .bangladesh-news-ul-left svg, .bangladesh-lead-news a:hover .bangladesh-lead-news-image svg {background: #fff;fill: red;}
.bd-news-sub-title ul li button:hover {color: #4caf50;}
.international-title .main-heading h2 {background-color: #f9c100;}
.international-title {border-bottom: 2px solid #f9c100;}
.international-title .main-heading h2 {background-color: #f9c100;}
.international-new-ul li a {background: #fff;box-shadow: none;padding: 0;}
.international-new-ul li {margin-bottom: 12px;}
.international-new-ul li:last-child {margin-bottom: 0;}
/* ============================ sports SECTION ======================== */
.sports-title {border-bottom: 2px solid #f44336;}
.sports-title .main-heading h2 {background-color: #f44336;}
.education-news-title {border-bottom: 2px solid #000;}
.education-news-title .main-heading h2 {background-color: #000;}
.sports-wrapper {background: #0e0e0e;padding: 30px 0 10px;}
.sports-lead-text {width: 40%;float: left;background: #282828;padding: 6px 5px 6px 10px;min-height: 259px;max-height: 259px;overflow: hidden;}
.sports-lead-text span {color: #ffc107;font-size: 14px;line-height: 14px;}
.sports-lead-text h2 {font-size: 24px;line-height: 30px;color: #fff;margin: 0;margin-bottom: 3px;}
.sports-lead-text p {color: #fff;margin: 0;}
.sports-lead-img {width: 60%;float: left;position: relative;}
.sports-lead-img svg {position: absolute;top: 50%;left: 50%;height: 60px;width: 60px;background: rgba(0, 0, 0, 0.14);transform: translate(-50%, -50%);text-align: center;line-height: 50px;fill: #fff;border-radius: 50%;font-size: 26px;padding-left: 7px;border: 5px solid #fff;box-shadow: 0 0 30px 2px grey;opacity: 0.8;z-index: 1;}
.sports-lead a:hover .sports-lead-img svg {background: #fff;fill: red;}
.sports-news-img {position: relative;}
.sports-news-img svg {position: absolute;top: 50%;left: 50%;height: 45px;width: 45px;background: rgba(0, 0, 0, 0.14);transform: translate(-50%, -50%);text-align: center;line-height: 38px;fill: #fff;border-radius: 50%;font-size: 20px;padding-left: 4px;border: 4px solid #fff;box-shadow: 0 0 15px 1px grey;opacity: 0.8;z-index: 1;}
.sports-news a:hover .sports-news-img svg {background: #fff;fill: red;}
.sports-news {margin-bottom: 24px;}
.sports-news-text {min-height: 76px;max-height: 76px;overflow: hidden;padding: 5px 7px;background: #282828;}
.sports-news-text-2 {min-height: 113px;max-height: 113px;overflow: hidden;}
.sports-news-text h3 {font-size: 18px;line-height: 23px;color: #fff;margin: 0;}
.sports-news-text span {color: #ffc107;font-size: 14px;line-height: 14px;}
.sports-lead-text-mobile {display: none;}
/*=========================================== ENTERTAINMENT SECTION WRAPPER STYLE ============================================*/
.entertainment-section-wrapper {background-color: #424242;padding-top: 30px;padding-bottom: 15px;}
.entertainment-title {text-align: center;margin-bottom: 15px;}
.entertainment-lead-news {position: relative;background-color: #fff;box-shadow: 0 1px 2px rgb(0 0 0 / 20%);padding: 5px;margin-bottom: 20px;}
.entertainment-lead-image {display: block;overflow: hidden;position: relative;}
.entertainment-lead-image img {max-height: 313px;min-height: 313px;width: 100%;overflow: hidden;}
.entertainment-lead-image svg {position: absolute;top: 50%;left: 50%;height: 60px;width: 60px;background: rgba(0, 0, 0, 0.14);transform: translate(-50%, -50%);text-align: center;line-height: 50px;fill: #fff;border-radius: 50%;font-size: 26px;padding-left: 7px;border: 5px solid #fff;box-shadow: 0 0 30px 2px grey;opacity: 0.8;z-index: 1;}
.sports-lead a:hover .sports-lead-img svg {background: #fff;fill: red;}
.entertainment-lead-news a:hover .entertainment-lead-image svg {background: #fff;fill: red;}
.entertainment-lead-text-wrapper {position: relative;}
.entertainment-lead-text {position: absolute;width: 100%;background: linear-gradient(to bottom,rgba(0, 0, 0, 0) 0,rgba(0, 0, 0, 0.5) 30%,rgba(0, 0, 0, 0.8) 100%);color: #fff;bottom: 0;padding: 15px 10px 5px;}
.entertainment-lead-text h2 {margin: 0;font-size: 26px;line-height: 32px;}
.entertainment-lead-text span {color: #ffc107;font-size: 14px;line-height: 14px;}
.entertainment-other-news {position: relative;background-color: #fff;box-shadow: 0 1px 2px rgb(0 0 0 / 20%);padding: 5px;margin-bottom: 20px;}
.entertainment-news-image {display: block;overflow: hidden;position: relative;}
.entertainment-news-image img {width: 100%;overflow: hidden;}
.entertainment-news-image svg {position: absolute;top: 50%;left: 50%;height: 45px;width: 45px;background: rgba(0, 0, 0, 0.14);transform: translate(-50%, -50%);text-align: center;line-height: 38px;fill: #fff;border-radius: 50%;font-size: 20px;padding-left: 4px;border: 4px solid #fff;box-shadow: 0 0 15px 1px grey;opacity: 0.8;z-index: 1;}
.entertainment-other-news-text-wrapper {position: relative;}
.entertainment-other-news-text {position: absolute;width: 100%;background: linear-gradient(to bottom,rgba(0, 0, 0, 0) 0,rgba(0, 0, 0, 0.5) 30%,rgba(0, 0, 0, 0.8) 100%);color: #fff;bottom: 0;padding: 10px 8px 5px;}
.entertainment-other-news-text h3 {font-size: 18px;line-height: 22px;color: #fff;margin: 0;}
.entertainment-other-news-text span {color: #ffc107;font-size: 14px;line-height: 14px;}
.entertainment-other-news a:hover .entertainment-news-image svg {background: #fff;fill: red;}
/*=========================== LIFESTYLE WRAPPER STYLE ============================*/
.lifestyle-section {padding-top: 30px;padding-bottom: 10px;}
.lifestyle-title {border-bottom: 2px solid #4db2ec;}
.lifestyle-title .main-heading h2 {background-color: #4db2ec;}
.lifestyle-news-img {position: relative;}
.lifestyle-news-img svg {position: absolute;top: 50%;left: 50%;height: 45px;width: 45px;background: rgba(0, 0, 0, 0.14);transform: translate(-50%, -50%);text-align: center;line-height: 38px;fill: #fff;border-radius: 50%;font-size: 20px;padding-left: 4px;border: 4px solid #fff;box-shadow: 0 0 15px 1px grey;opacity: 0.8;z-index: 1;}
.entertainment-other-news-text-wrapper {position: relative;}
.lifestyle-news a:hover .lifestyle-news-img svg {background: #fff;fill: red;}
.lifestyle-news-text {background: #fff;padding: 4px 7px;min-height: 75px;max-height: 75px;overflow: hidden;}
.lifestyle-news-text span {color: #e74c4f;font-size: 14px;line-height: 14px;}
.lifestyle-news-text h3 {font-size: 17px;line-height: 22px;transition: all 0.5s ease 0s;color: #000;margin: 0;}
/*=========================== Category News Home STYLE ============================*/
.job-title {border-bottom: 2px solid #f44336;}
.job-title .main-heading h2 {background-color: #f44336;}
.technology-title {border-bottom: 2px solid #ff7500;}
.technology-title .main-heading h2 {background-color: #ff7500;}
.special-news-title {border-bottom: 2px solid #607d8b;}
.special-news-title .main-heading h2 {background-color: #607d8b;}
.category-lead{position: relative;margin-bottom: 14px;}
.category-lead-img{position: relative;}
.category-lead-img svg {position: absolute;top: 50%;left: 50%;height: 45px;width: 45px;background: rgba(0, 0, 0, 0.14);transform: translate(-50%, -50%);text-align: center;line-height: 38px;fill: #fff;border-radius: 50%;font-size: 20px;padding-left: 4px;border: 4px solid #fff;box-shadow: 0 0 15px 1px grey;opacity: 0.8;z-index: 1;}
.category-lead a:hover .category-lead-img svg {background: #fff;fill: red;}
.category-lead-text{position: absolute;width: 100%;background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.5) 30%, rgba(0, 0, 0, .8) 100%);color: #fff;bottom: 0;padding: 7px 7px 0;}
.category-lead-text span{color: #e74c4f;font-size: 14px;line-height: 14px;}
.category-lead-text h3 {font-size: 17px;line-height: 23px;color: #fff;}
.category-ul {margin: 0;padding: 0;}
.category-ul li {list-style-type: none;position: relative;display: inline-block;width: 100%;margin-bottom: 2px;}
.category-ul li a {display: inline-block;background: #fff;padding: 7px;}
.category-ul li:last-child{border: none;padding: 0;}
.category-list-img {float: left;width: 36%;position: relative;}
.category-list-img svg {position: absolute;top: 50%;left: 50%;height: 35px;width: 35px;background: rgba(0, 0, 0, 0.14);transform: translate(-50%, -50%);text-align: center;line-height: 28px;fill: #fff;border-radius: 50%;padding-left: 3px;border: 3px solid #fff;box-shadow: 0 0 15px 1px grey;opacity: 0.8;z-index: 1;}
.category-ul li a:hover .category-list-img svg {background: #fff;fill: red;}
.category-list-text {padding-top: 3px;padding-left: 3%;float: left;width: 64%;min-height: 60px;max-height: 60px;overflow: hidden;}
.category-list-text span {color: #e74c4f;font-size: 14px;line-height: 14px;}
.category-list-text h4 {font-size: 17px;line-height: 20px;transition: all 0.5s ease 0s;margin: 0;color: #000;
}
/*=================== VIDEO GALLERY SECTION ==============================*/
.video-gallery-section {padding: 35px 0 40px;}
.video-gallery-heading {position: relative;margin-bottom: 25px;text-align: center;}
.title-bg {position: relative;font-size: 22px;color: #000;line-height: 20px;display: inline-block;text-transform: uppercase;margin: 0;}
.title-bg:before {background: #4caf50;content: "";height: 1px;left: 0;position: absolute;bottom: -8px;width: 100%;}
.title-bg:after {background: #ff7500;content: "";height: 1px;left: 20%;position: absolute;bottom: -13px;width: 60%;}
.title-bg a {color: #a2a2a2;font-size: 28px;text-decoration: none;}
.single-videos {position: relative;overflow: hidden;}
.videos-text {position: absolute;padding: 10px;max-height: 60px;min-height: 60px;bottom: 0;width: 100%;background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.5) 30%, rgba(0, 0, 0, 0.8) 100%);padding-bottom: 5px;}
.single-videos h3 {margin: 0;transition: all 0.5s ease 0s;font-size: 18px;line-height: 23px;color: #fff;  }
.single-videos .images {position: relative;}
.single-videos .images svg {position: absolute;top: 50%;left: 50%;height: 45px;width: 45px;transform: translate(-50%, -50%);text-align: center;line-height: 38px;border-radius: 50%;font-size: 20px;padding-left: 4px;border: 4px solid #fff;box-shadow: 0 0 15px 1px grey;opacity: 0.8;z-index: 1;background: #fff;fill: red;transition: 0.5s;}
#featured-videos-section .item a:hover .single-videos .images svg {background: red;fill:#fff;border-color:red;}
#featured-videos-section .owl-nav .owl-next {background: transparent;width: 30px;height: 30px;border-radius: 0;opacity: 1;margin: 2px;left: 50.5%;position: absolute;top: 215px;   border: 1px solid #607d8b;transition: all 0.5s ease 0s;text-align: center;}
#featured-videos-section .owl-nav .owl-next span {font-size: 40px;line-height: 22px;color: #607d8bed;transition: all 0.5s ease 0s;} 
#featured-videos-section .owl-nav .owl-next:hover {background: #607d8b;}
#featured-videos-section .owl-nav .owl-next:hover span {color: #fff;}
#featured-videos-section .owl-nav .owl-prev {background: transparent;width: 30px;text-align: center;height: 30px;border-radius: 0;opacity: 1;margin: 2px;right: 50.5%;top: 215px;position: absolute;border: 1px solid #607d8b;transition: all 0.5s ease 0s;}
#featured-videos-section .owl-nav .owl-prev span {font-size: 40px;line-height: 22px;color: #607d8b;transition: all 0.5s ease 0s;}
#featured-videos-section .owl-nav .owl-prev:hover span {color: #fff;}
#featured-videos-section .owl-nav .owl-prev:hover {background: #607d8b;}
.owl-carousel .owl-item.active {transform: scale(0.9);transition: .5s ease-in-out;}
.owl-carousel .owl-item.active.center {transform: scale(1.1);transition: .5s ease-in-out;}
.owl-carousel .owl-item.center .videos-text {bottom: 8px;}
/*=================== PHOTO GALLERY SECTION ==============================*/
.photo-gallery-wrapper {padding: 20px 0 35px;}
.photo-gallery-heading {border-bottom: 3px double #a2a2a2;margin-bottom: 10px;}
.photo-gallery-heading h2 {padding-bottom: 5px;margin-bottom: 1px;border-bottom: 1px solid #a2a2a2;color: #000;font-size: 22px;line-height: 20px;}
.carousel-caption {background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.5) 30%, rgba(0, 0, 0, .8) 100%);padding: 10px 0;width: 100%;right: 0;left: 0;bottom: 0;padding-bottom: 15px;}
.carousel-caption h3 {font-size: 18px;}
.carousel-indicators {bottom: -15px;}
.photo-gallery-single {background-color: #fff;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);margin-bottom: 22px;}
.photo-gallery-single-image {position: relative;}
.photo-gallery-icon {position: relative;}
.photo-gallery-icon {background: rgba(255, 255, 255, 0.7) none repeat scroll 0 0;padding: 3px 8px;left: 0;top: 0;position: absolute;z-index: 1;color: #f44336;text-align: center;transition: 0.5s;}
.photo-gallery-icon svg {height: 22px;width: 22px;}
.photo-gallery-single-text {min-height: 65px;max-height: 65px;overflow: hidden;padding: 3px 5px 0;}
.photo-gallery-single-text h3 {font-size: 17px;line-height: 21px;color: #000;}
.photo-gallery-single a:hover .photo-gallery-icon {background: red;color: #fff;}
.btn-more-albums {background: #fff;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);width: 100%;border: 0;font-size: 18px;color: #000;}
.btn-more-albums:hover {background: #607d8b;color: #fff;}