@import url("https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i");
@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,200i,300,300i,400,400i,600,600i,700,700i,900,900i");
@import url("https://fonts.googleapis.com/css?family=Cormorant+Garamond:300,300i,400,400i,500,500i,600,600i,700,700i");
@font-face { src: url("https://cambodianess.com/assets/css/Merriweather-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; }
::-webkit-selection { background-color: rgb(66, 135, 245); color: rgb(255, 255, 255); }
::selection { background-color: rgb(66, 135, 245); color: rgb(255, 255, 255); }
html, body { background: rgb(237, 239, 244); font-family: "Droid Serif"; color: rgb(51, 51, 51); line-height: normal; width: 100%; height: auto; margin: 0px; padding: 0px; overflow-x: hidden; transform: none; scroll-behavior: smooth; }
:root { --bg-color: #edeff4; --text-color: #333; --card-bg-color: #fff; --button-bg-color: #007bff; --button-text-color: #fff; --bg-color-light: #fff; --bg-color-dark: #262a2e; --button-bg-color-light: #e0e0e0; --button-bg-color-dark: #333; --text-color-light: #333; --text-color-dark: #fff; --card-bg-color-light: #f9f9f9; --card-bg-color-dark: #2b2b2b; --button-text-color-light: #000; --button-text-color-dark: #fff; --nav-bg-color: rgba(5, 92, 159, 0.95); --nav-tg-color: #1b1c26; --progress-bg-light: rgba(0, 0, 0, 0.1); --progress-bg-dark: rgba(255, 255, 255, 0.1); --progress-hover-light: rgba(0, 0, 0, 0.2); --progress-hover-dark: rgba(255, 255, 255, 0.2); }
[data-theme="dark"] { --bg-color: #121212; --text-color: #ffffff; --card-bg-color: #1e1e1e; --button-bg-color: #444; --button-text-color: #fff; --bg-color-dark: #262a2e; --button-bg-color-dark: #444; --nav-bg-color: rgba(28,58,80, 0.95); --nav-tg-color: #fff; --progress-bg-light: rgba(255, 255, 255, 0.1); --progress-hover-light: rgba(255, 255, 255, 0.2); }
body { background-color: var(--bg-color); color: var(--text-color); }
.card { background-color: var(--card-bg-color); color: var(--text-color); box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 5px; border-radius: 8px; padding: 16px; }
button { background-color: var(--button-bg-color); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding: 10px 20px; border-radius: 5px; cursor: pointer; }
button:hover { opacity: 0.9; }
a { color: var(--text-color); }
p a { color: rgb(51, 122, 183); }
a:hover { color: var(--button-bg-color); }
.post-text { color: rgb(255, 255, 255); }
.post-text a { color: rgb(255, 255, 255); text-decoration: none; }
.post-text a:hover { color: rgb(221, 221, 221); }
.nav.navbar.bootsnav { background-color: var(--bg-color); border-bottom: 1px solid var(--button-bg-color); }
.navbar-default { background-color: var(--bg-color); border-bottom: 1px solid var(--button-bg-color); }
[data-theme="dark"] .post-head, [data-theme="dark"] .post-body, [data-theme="dark"] .post-footer, [data-theme="dark"] .post_details_block, [data-theme="dark"] .panel_inner, [data-theme="dark"] .panel-body, [data-theme="dark"].top-search { background-color: var(--bg-color-dark); border-bottom: 1px solid var(--button-bg-color-dark); }
.grid-item h5, .grid-item ul.authar-info { color: var(--text-color-light); }
[data-theme="dark"] { --text-color: var(--text-color-dark); }
[data-theme="dark"] .grid-item h5, [data-theme="dark"] .grid-item ul.authar-info { color: var(--text-color); }
#theme-toggle { cursor: pointer; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; background-color: transparent; border: 1px solid rgb(244, 244, 244); transition: background-color 0.3s, transform 0.3s, border-color 0.3s; padding: 9px; }
#theme-toggle i { font-size: 16px; transition: color 0.3s; }
#sun-icon { display: none; }
body.boxed-layout { background: url("https://cambodianess.com/assets/images/boxed-bg.jpg") center 0px / cover no-repeat fixed rgb(247, 247, 247); }
body.boxed-layout .wrapper { background: rgb(255, 255, 255); max-width: 1140px; margin: 30px auto; overflow-x: hidden; box-shadow: rgba(0, 0, 0, 0.15) 0px 7px 13px; }
a { transition: 0.3s; }
a.title { line-height: 35px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; }
a:hover { color: rgb(51, 122, 183); text-decoration: underline; }
.m_0 { margin: 0px !important; }
.advertise_bar_button_close { position: absolute; width: 25px; height: 25px; top: -15px; right: 0px; cursor: pointer; z-index: 6; }
.page_main_wrapper { padding-bottom: 60px; }
figure:hover img { transition: 0.6s; transform: scale(0.99); }
figure img { transition: 0.6s; border-radius: 10px; }
.img-caption { text-align: center; margin: -15px 0px 10px; }
.img-caption small { margin-top: -1px; font-size: 14px; font-style: italic; text-align: center; font-weight: 500; font-family: "Droid Serif"; }
small em { margin-top: -1px; color: rgb(119, 119, 119); font-size: 1.2rem; font-style: italic; text-align: center; font-weight: 500; font-family: "Droid Serif"; }
.row-m { margin-right: -5px; margin-left: -5px; }
.img-circle { display: flex; justify-content: center; }
.img-circle-author { display: flex; justify-content: center; }
.img-circle img { background: lightblue; border-radius: 50%; width: 100px; height: auto; }
.img-circle-author img { background: lightblue; border-radius: 50%; width: 200px; height: auto; }
.border { border-bottom: 1px solid rgb(224, 224, 224); margin-bottom: 10px; }
.border-1 { border-bottom: 1px solid rgb(224, 224, 224); margin-bottom: 10px; }
.b-modal__b-popup1__ { position: fixed; inset: 0px; opacity: 0.7; z-index: 9998; cursor: pointer; }
.countdown-close { position: absolute; top: 0px; justify-content: center; font-size: 12px; color: rgb(0, 0, 0); }
.b-close { position: absolute; right: 0px; top: 0px; font-size: 8px; cursor: pointer; color: rgb(255, 255, 255); background: rgb(255, 0, 0); padding: 2.5px 5px; }
.col-p { padding-right: 5px; padding-left: 5px; }
.articles-list .post-info-2 h4 a { font-size: 20px; }
h1, h2, h3, h4, h5, h6, a { line-height: 1.2; font-weight: 700; }
p > a { text-decoration: underline; }
p > strong > a { text-decoration: underline; }
.featured-inner, .post-body, .youtube-wrapper, .archive-wrapper { position: relative; padding: 10px; background-color: rgb(255, 255, 255); }
.add-inner { padding: 0px !important; }
.featured-inner, .post-inner, .add-inner, .weather-wrapper, .tabs-wrapper, .youtube-wrapper, .posts, .panel_inner, .archive-wrapper, .weather-wrapper-2 { margin-bottom: 10px; }
.header-right-menu ul, .most-viewed ul, .social-media, .posts ul, .twitter-inner ul, .about-inner ul, .header-social > ul, .top-left-menu > ul, .headser-right-menu > ul, ul.category-list, .poll-content ul { list-style-type: none; padding: 0px; margin: 0px; }
.no-js #loader { display: none; }
.js #loader { display: block; position: absolute; left: 100px; top: 0px; }
nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content ul.menu-col li a:hover, .side .widget ul.link li a:hover, .side .widget ul.link li a:focus, .check-list li::before, ul.cart-list > li > h6 > a, .attr-nav > ul > li > a:hover, .attr-nav > ul > li > a:focus, nav.navbar-sidebar ul.nav li.dropdown.on > a, nav.navbar-sidebar .dropdown .megamenu-content .col-menu.on .title, nav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu li a:hover, nav.navbar ul.nav li.dropdown.on > a, nav.navbar.navbar-inverse ul.nav li.dropdown.on > a, nav.navbar-sidebar ul.nav li.dropdown.on ul.dropdown-menu li.dropdown.on > a, nav.navbar .dropdown .megamenu-content .col-menu.on .title, nav.navbar ul.nav > li > a:hover, nav.navbar ul.nav > li.active > a:hover, nav.navbar ul.nav li.active > a, nav.navbar li.dropdown ul.dropdown-menu > li a:hover { color: rgb(2, 120, 174) !important; }
nav.navbar.navbar-transparent ul.nav > li > a:hover, nav.navbar.no-background ul.nav > li > a:hover, nav.navbar ul.nav li.scroll.active > a, nav.navbar.navbar-dark ul.nav li.dropdown ul.dropdown-menu > li > a:hover, nav.navbar ul.nav li.dropdown.on > a, nav.navbar-dark ul.nav li.dropdown.on > a { color: rgb(235, 2, 84) !important; }
ul.cart-list > li.total > .btn { border-color: rgb(235, 2, 84); }
nav.navbar li.dropdown ul.dropdown-menu { border-top-color: rgb(235, 2, 84) !important; }
ul.cart-list > li.total > .btn, .attr-nav > ul > li > a span.badge, nav.navbar .share ul > li > a:hover, nav.navbar .share ul > li > a:focus { background-color: rgb(235, 2, 84); }
ul.cart-list > li.total > .btn:hover, ul.cart-list > li.total > .btn:focus { background-color: rgb(220, 50, 54) !important; }
#toTop { position: fixed; bottom: 10px; right: 15px; cursor: pointer; display: none; z-index: 10; }
.back-top { background-color: rgb(66, 103, 178); border: 1px solid rgb(66, 103, 178); padding: 7px 9px; height: 34px; width: 34px; color: rgb(255, 255, 255); border-radius: 50% !important; }
.back-top:hover { color: rgb(255, 255, 255); background-color: rgb(0, 0, 0); border: 1px solid rgb(0, 0, 0); }
.news-image::before, figure a::before, .thumb::before, .grid-item-img::before { inset: 0px; content: ""; opacity: 0; pointer-events: none; position: absolute; background-color: rgba(0, 0, 0, 0.3); transition: 0.5s; }
.post-height-3 .news-image::before { background-color: rgb(0, 0, 0); }
.slider-post:hover .news-image::before, article:hover figure a::before, .news-list-item:hover .thumb::before, .grid-item-1:hover .grid-item-img::before, .grid-item:hover .grid-item-img::before { opacity: 1; border-radius: 5px; }
.thm-margin { margin: 0px !important; }
.thm-padding { padding: 0px 3px 3px !important; }
.thm-padding-1 { margin-top: 1px; }
.main-content, .rightSidebar { position: relative; }
.header-top { display: block; background: rgb(0, 87, 146); position: relative; width: 100%; padding: 0px; }
.boxed-layout .header-top { padding: 8px 0px; }
.header-social { text-align: left; float: left; }
.header-social > ul > li { display: inline-block; list-style: none; margin-right: 10px; }
.header-social > ul > li > a { color: rgb(255, 255, 255); }
.header-social > ul > li > a .fa { font-size: 13px; }
.header-social > ul > li > a:hover { opacity: 0.3; }
.top-left-menu { float: left; }
.top-left-menu > ul > li { display: inline-block; list-style: none; }
.top-left-menu > ul > li > a { color: rgb(255, 255, 255); font-size: 13px; font-weight: 400; padding: 0px 15px; border-left: 1px solid rgb(58, 59, 68); letter-spacing: 0.2px; }
.header-right-menu { text-align: right; }
.header-right-menu > ul > li { list-style: none; display: inline-block; color: rgb(255, 255, 255); font-size: 13px; font-weight: 400; padding: 0px 15px; border-right: 1px solid rgb(58, 59, 68); letter-spacing: 0.2px; }
.header-right-menu > ul > li:hover .dropdown-menu { display: block; }
.header-right-menu > ul > li:last-child { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
.header-right-menu > ul > li > a { color: rgb(255, 255, 255); }
.header-right-menu > ul > li > a:hover { border-bottom: 1px dotted rgb(254, 204, 23); }
.header-right-menu > ul > li > a > i { margin-right: 5px; }
.header-mid { background-color: rgba(173, 172, 172, 0); padding: 5px 0px; }
.logo { margin: -5px 0px; }
.top-search { position: fixed; width: 300px; right: 175px; margin: 0px auto; padding: 0.5em 0em; box-shadow: rgb(5, 80, 137) 0px 0px 0px 1px inset; border-radius: 5px; z-index: 2; }
.menu_ctn { height: 70px; border-bottom: 4px solid rgb(2, 120, 174); position: relative; background: rgb(255, 255, 255); }
.attr-nav > ul > li > a { padding: 15px; color: rgb(27, 28, 38); font-size: 16px; }
ul.cart-list > li.total > .btn { padding: 10px 15px; border-bottom: 1px solid rgb(207, 207, 207) !important; color: rgb(255, 255, 255) !important; }
.menu-badge { font-size: 10px; background-color: rgb(248, 230, 236); color: rgb(235, 2, 84); border-radius: 10px; padding: 3px 10px; margin-left: 6px; line-height: 1; position: relative; }
nav.navbar.bootsnav { border-top: 0px solid rgb(231, 231, 231); border-bottom: 1px solid rgb(231, 231, 231); }
nav.navbar.bootsnav ul.nav > li > a { margin-bottom: -1px; color: rgb(183, 183, 183); }
nav.navbar.navbar-inverse { background-color: rgb(34, 34, 34); border-bottom: 1px solid rgb(48, 48, 48); }
nav.navbar.navbar-inverse ul.cart-list > li.total > .btn { border-bottom: 1px solid rgb(34, 34, 34) !important; }
nav.navbar.navbar-inverse ul.cart-list > li.total .pull-right { color: rgb(255, 255, 255); }
nav.navbar.navbar-inverse.megamenu ul.dropdown-menu.megamenu-content .content ul.menu-col li a, nav.navbar.navbar-inverse ul.nav > li > a { color: rgb(238, 238, 238); }
nav.navbar.navbar-inverse ul.nav > li.dropdown > a { background-color: rgb(34, 34, 34); }
nav.navbar.navbar-inverse li.dropdown ul.dropdown-menu > li > a { color: rgb(153, 153, 153); }
nav.navbar.navbar-inverse ul.nav .dropdown-menu h1, nav.navbar.navbar-inverse ul.nav .dropdown-menu h2, nav.navbar.navbar-inverse ul.nav .dropdown-menu h3, nav.navbar.navbar-inverse ul.nav .dropdown-menu h4, nav.navbar.navbar-inverse ul.nav .dropdown-menu h5, nav.navbar.navbar-inverse ul.nav .dropdown-menu h6 { color: rgb(255, 255, 255); }
nav.navbar.navbar-inverse .form-control { background-color: rgb(51, 51, 51); border-color: rgb(48, 48, 48); color: rgb(255, 255, 255); }
nav.navbar.navbar-inverse .attr-nav > ul > li > a { color: rgb(238, 238, 238); }
nav.navbar.navbar-inverse .attr-nav > ul > li.dropdown ul.dropdown-menu { background-color: rgb(34, 34, 34); border-left: 1px solid rgb(48, 48, 48); border-bottom: 1px solid rgb(48, 48, 48); border-right: 1px solid rgb(48, 48, 48); }
nav.navbar.navbar-inverse ul.cart-list > li { border-bottom: 1px solid rgb(48, 48, 48); color: rgb(238, 238, 238); }
nav.navbar.navbar-inverse ul.cart-list > li img { border: 1px solid rgb(48, 48, 48); }
nav.navbar.navbar-inverse ul.cart-list > li.total { background-color: rgb(51, 51, 51); }
nav.navbar.navbar-inverse .share ul > li > a { background-color: rgb(85, 85, 85); }
nav.navbar.navbar-inverse .dropdown-tabs .tab-menu { border-right: 1px solid rgb(48, 48, 48); }
nav.navbar.navbar-inverse .dropdown-tabs .tab-menu > ul > li > a { border-bottom: 1px solid rgb(48, 48, 48); }
nav.navbar.navbar-inverse .dropdown-tabs .tab-content { border-left: 1px solid rgb(48, 48, 48); }
nav.navbar.navbar-inverse .dropdown-tabs .tab-menu > ul > li > a:hover, nav.navbar.navbar-inverse .dropdown-tabs .tab-menu > ul > li > a:focus, nav.navbar.navbar-inverse .dropdown-tabs .tab-menu > ul > li.active > a { background-color: rgb(51, 51, 51) !important; }
nav.navbar-inverse.navbar-full ul.nav > li > a { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
nav.navbar-inverse.navbar-full .navbar-collapse .wrap-full-menu { background-color: rgb(34, 34, 34); }
nav.navbar-inverse.navbar-full .navbar-toggle { background-color: rgb(34, 34, 34) !important; color: rgb(111, 111, 111); }
.newstricker_inner { position: relative; line-height: 30px; margin: 20px 0px; padding: 0px 0px 0px 125px; }
.trending { background-color: rgb(27, 28, 38); color: rgb(255, 255, 255); position: absolute; left: 0px; font-size: 11px; padding: 0px 12px 0px 11px; text-transform: uppercase; letter-spacing: 0.3px; }
.trending::after { content: ""; width: 0px; height: 0px; border-top: 15px solid transparent; border-left: 8px solid rgb(27, 28, 38); border-bottom: 15px solid transparent; position: absolute; right: -8px; }
#NewsTicker .item a { font-size: 15px; }
#NewsTicker.owl-carousel { overflow: hidden; height: 30px; }
#NewsTicker.owl-theme .owl-controls .owl-buttons div { top: 0px !important; }
.slider-inner { position: relative; margin-bottom: 15px; }
.slider-wrapper { margin: 0px 5px 10px 0px; }
#owl-slider .item img { display: block; width: 100%; }
.slider-post img { width: 100%; border-radius: 5px; }
.sub-post { position: relative; padding: 7px; }
figure img { width: 100%; }
.owl-theme .owl-controls { margin-top: 0px; }
.owl-pagination { position: absolute; bottom: 15px; right: 50%; width: 100%; transform: translate(-50%, 0%); left: 50%; line-height: 1; }
.owl-theme .owl-controls .owl-page span { display: block; width: 8px; height: 8px; margin: 3px; opacity: 0.5; border-radius: 20px; background: rgb(255, 255, 255); }
#owl-slider.owl-theme .owl-controls .owl-buttons div { padding: 2px; top: 44%; line-height: 2.6; opacity: 1; height: 50px; width: 35px; background-color: rgba(0, 0, 0, 0.5); position: absolute; margin: 0px; transition: 0.3s; display: none; border-radius: 0px; font-size: 20px; text-align: center; }
#owl-slider.owl-theme .owl-controls .owl-buttons .owl-prev { left: 0px; }
#owl-slider.owl-theme .owl-controls .owl-buttons .owl-next { right: 0px; }
#owl-slider.owl-theme .owl-controls .owl-buttons div:hover { background-color: rgb(235, 2, 84); }
.slider-wrapper:hover #owl-slider.owl-theme .owl-controls .owl-buttons div { display: block; }
.slider-post { position: relative; border-radius: 5px; }
.text-slide { font-size: 16px; margin: 8px; padding-bottom: 15px; border-bottom: 1px solid rgb(185, 183, 183); }
.text-slide-1 { font-size: 16px; border-bottom: 1px solid rgb(196, 194, 194); overflow: hidden; }
.post-height-1 { height: 301px; margin-left: 1px; margin-right: 1px; overflow: hidden; }
.post-height-1 .news-image img { width: 100%; height: auto; }
.post-height-2 { height: 190px; margin-bottom: 1px; margin-left: 1px; margin-right: 1px; overflow: hidden; }
.post-height-3 { height: 400px; margin-left: 2px; line-height: 0; overflow: hidden; }
.post-height-4 { height: 199px; margin-bottom: 2px; margin-right: 2px; }
.news-image { z-index: 1; display: block; }
.slider-right-post .post-height-3 .news-image img { margin: 0px auto; opacity: 0.9; position: absolute; left: -10030px; right: -9999px; width: auto; height: 460px; }
.slider-right-post .news-image img { width: 100%; height: auto; }
.news-content { position: absolute; z-index: 10; right: 0px; bottom: 0px; left: 0px; padding: 30px 20px; }
.post-category { clear: both; color: rgb(255, 255, 255); display: inline-block; font-size: 20px; margin-bottom: 7px; padding: 0px 8px; background-color: rgb(0, 87, 146); letter-spacing: 0.5px; }
.post-category:hover { color: rgb(255, 255, 255); background-color: rgb(11, 94, 149); transform: scale(1.1); }
.post-text h2, .post-text h4, .post-text h5 { color: rgb(255, 255, 255); margin: 0px 0px 10px; font-weight: 500; text-shadow: rgba(0, 0, 0, 0.3) 1px 1px 1px; width: 100%; animation: 1s ease-in-out 0s 1 normal forwards running transformTitle; }
@keyframes transformTitle { 
  0% { transform: translateY(100%); opacity: 0; }
  100% { transform: translateY(0px); opacity: 1; }
}
.post-text h2 a, .post-text h4 a { color: rgb(255, 255, 255); font-size: 24px; }
.post-text h5 a { font-size: 20px; }
.post-text .authar-info { margin: 0px; }
.slider-right-post .post-text { padding: 15px; }
.post-head { background: rgb(255, 255, 255); padding: 15px; position: relative; border-bottom: 1px solid rgb(224, 224, 224); border-top-left-radius: 5px; border-top-right-radius: 5px; }
.post-head .title, .panel_header h4 { color: rgb(11, 97, 171); line-height: 25px; padding: 0px; margin: 0px; font-weight: 700; display: inline-block; font-size: 22px; }
.filter-nav { color: rgb(146, 146, 146); float: right; margin-right: 63px; margin-top: 3px; }
.filter-nav ul { font-size: 13px; font-weight: 400; padding: 0px 10px; text-transform: uppercase; display: inline-block; text-align: center; }
.filter-nav ul li { display: inline-block; text-align: center; }
.filter-nav ul a { color: inherit; padding: 0px 10px; text-decoration: none; letter-spacing: 0.5px; }
.filter-nav ul a:hover, .filter-nav ul a.active { color: rgb(235, 2, 84); }
.filter-nav ul a.active { font-weight: 600; }
.bord-righ { border-right: 1px solid rgb(210, 210, 210); }
#NewsTicker.owl-theme .owl-controls .owl-buttons div, #post-slider.owl-theme .owl-controls .owl-buttons div, #post-slider-2.owl-theme .owl-controls .owl-buttons div, #post-slider-3.owl-theme .owl-controls .owl-buttons div { padding: 2px; line-height: 2.4; opacity: 1; height: 30px; width: 30px; background: transparent; border: 1px solid rgb(210, 210, 210); position: absolute; margin: 0px; top: -59px; color: rgb(119, 119, 119); font-size: 11px; text-align: center; }
#NewsTicker.owl-theme .owl-controls .owl-buttons div:hover, #post-slider.owl-theme .owl-controls .owl-buttons div:hover, #post-slider.owl-theme .owl-controls .owl-buttons div:hover, #post-slider-3.owl-theme .owl-controls .owl-buttons div:hover { background: rgb(235, 2, 84); border: 1px solid rgb(235, 2, 84); color: rgb(255, 255, 255); }
#post-slider-2.owl-theme .owl-controls .owl-buttons div:hover { background: rgb(0, 137, 0); border: 1px solid rgb(0, 137, 0); color: rgb(255, 255, 255); }
#NewsTicker.owl-theme .owl-controls .owl-buttons .owl-prev, #post-slider.owl-theme .owl-controls .owl-buttons .owl-prev, #post-slider-2.owl-theme .owl-controls .owl-buttons .owl-prev, #post-slider-3.owl-theme .owl-controls .owl-buttons .owl-prev { right: 34px; }
#NewsTicker.owl-theme .owl-controls .owl-buttons .owl-next, #post-slider.owl-theme .owl-controls .owl-buttons .owl-next, #post-slider-2.owl-theme .owl-controls .owl-buttons .owl-next, #post-slider-3.owl-theme .owl-controls .owl-buttons .owl-next { right: 0px; }
article { margin-bottom: 20px; }
figure { position: relative; }
article figure .post-category { position: absolute; left: 15px; top: 15px; }
.post-info h3 { font-size: 21px; line-height: 25px; }
.post-info .authar-info { margin-bottom: 15px; }
.news-list-item { height: 130px; display: table; width: 100%; text-align: left; padding: 5px 0px; }
.border-top { border-top: 1px solid rgb(224, 224, 224); }
.img-wrapper { width: 100px; }
.news-list-item .img-wrapper { position: relative; width: 160px; max-width: 160px; height: 110px; overflow: hidden; border-radius: 5px; }
.news-list-item .img-wrapper img { transition: 0.6s; }
.news-list-item .img-wrapper:hover img { transform: scale(1.1); transition: 0.6s; }
.link-icon { bottom: 0px; right: 0px; color: rgb(255, 255, 255); height: 24px; width: 28px; position: absolute; padding: 4px 8px; background-color: rgb(235, 2, 84); font-size: 12px; text-align: center; }
.post-info-2 { position: relative; display: table-cell; width: 100%; vertical-align: top; padding: 0px 0px 0px 15px; }
.post-info-2 h5 { margin-top: 0px; line-height: 22px; font-size: 18px; }
.authar-info { font-weight: 700; font-style: normal; text-transform: capitalize; font-size: 1.3rem; line-height: 1; margin: 0px; padding: 0px; list-style: none; letter-spacing: 0.5px; }
.news-list-item .post-info-2 .authar-info { line-height: 1; margin-top: 5px; }
.news-grid-2 .row-margin { margin-left: -7.5px; margin-right: -7.5px; }
.news-grid-2 .col-padding { padding-left: 7.5px; padding-right: 7.5px; }
@media (min-width: 1024px) and (max-width: 1280px) {
  .top-search { position: absolute; width: 1170px; right: 55px; margin: 1px auto 0px; padding: 0.5em 0em; box-shadow: rgb(5, 80, 137) 0px 0px 0px 1px inset; border-radius: 5px; z-index: 2; }
  .grid-item-category { position: relative; overflow: hidden; margin-bottom: 15px; height: 300px; }
  .news-list-item .img-wrapper { width: 140px; }
  .grid-item-category .grid-item-img { position: relative; box-shadow: rgb(221, 221, 221) 0px 0px 1px 0px; height: 180px; overflow: hidden; }
  .grid-item { position: relative; overflow: hidden; margin-bottom: 15px; height: 370px; border-bottom: 1px solid rgb(224, 224, 224); }
  .advertise_bottom { width: 1170px !important; }
  .grid-item-img { height: 260px; max-height: 270px; }
  .post-info-2 { position: relative; display: table-cell; width: 100%; vertical-align: top; padding: 0px 0px 0px 15px; font-size: 18px; }
}
.advertise_bottom { width: 1170px !important; }
@media (min-width: 1200px) {
  .grid-item { position: relative; overflow: hidden; margin-bottom: 15px; height: 380px; max-height: 400px; }
  .post-text h4 { font-size: 30px; }
  .post-text { padding: 10px; position: absolute; font-size: 14px; left: 0px; bottom: 0px; width: 100%; pointer-events: none; background-image: linear-gradient(rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.7) 100%); }
  .bottom-bar { width: 1170px; }
  .container { width: 1200px; }
  .grid-item .grid-item-img { border-radius: 5px; height: 300px; }
  .grid-item-category .grid-item-img { height: 200px; border-radius: 5px; }
  .grid-item-category { margin-top: 10px; height: 350px; }
  .grid-item-1 .grid-item-img { height: 180px; }
  .grid-item-1 .grid-item-img img, .grid-item .grid-item-img img { width: 100%; height: auto; }
  .grid-item-1 .grid-item-img-small img, .grid-item .grid-item-img-small img { width: 100%; height: auto; }
}
@media (max-width: 767px) {
  #theme-toggle { cursor: pointer; display: inline-flex; align-items: center; justify-content: flex-start; background-color: transparent; transition: background-color 0.3s, transform 0.3s, border-color 0.3s; padding: 9px; border-radius: 0px !important; border: 0px solid rgb(244, 244, 244) !important; }
  :root { --bg-color-light: #ffffff; --text-color-light: #333333; --bg-color-dark: #262a2e; --text-color-dark: #ffffff; --button-bg-color-dark: #333; }
  [data-theme="dark"] { --text-color: var(--text-color-dark); }
  [data-theme="light"] { --text-color: var(--text-color-light); }
  .post-text a { color: var(--text-color); }
  .post-text h4 a { color: var(--text-color); text-decoration: none; transition: color 0.3s; }
  .post-text h4 a:hover { color: var(--button-bg-color-dark); }
  .authar-info li { color: var(--text-color); display: inline-block; margin-right: 8px; }
  .authar-info li i { color: var(--text-color); margin-right: 4px; }
  [data-theme="dark"] .slider-inner .container { background-color: var(--bg-color-dark); border-bottom: 1px solid var(--button-bg-color-dark); }
  .news-list-item .img-wrapper { position: relative; width: 90px; max-width: 100px; height: 80px; }
  .post-info-2 h5 { margin-top: 0px; line-height: 20px; font-size: 18px; }
  .page-title h1 { margin: 0px 0px 10px; }
  #NewsTicker.owl-theme .owl-controls .owl-buttons div, #post-slider.owl-theme .owl-controls .owl-buttons div, #post-slider-2.owl-theme .owl-controls .owl-buttons div, #post-slider-3.owl-theme .owl-controls .owl-buttons div { top: -53px; }
  .post-info h3 { font-size: 22px; font-weight: 400; }
  .news-grid-2 .row-margin { margin-left: -5px !important; margin-right: -5px !important; }
  .news-grid-2 .col-padding { padding-left: 5px !important; padding-right: 5px !important; }
  .grid-item-1 .grid-item-img img, .grid-item .grid-item-img img { height: 110px; }
  #owl-slider.owl-theme .owl-controls .owl-buttons div { line-height: 3; height: 40px; width: 25px; background-color: rgba(0, 0, 0, 0.7); font-size: 13px; }
  .owl-pagination { right: 39%; }
  .top-left-menu { float: right; }
  .thm-padding { padding: 1px !important; }
  .featured-inner, .post-body, .youtube-wrapper, .add-inner, .archive-wrapper { padding: 5px; }
  .articles-list .post-info-2 h4 a { font-size: 18px; }
  .post-header h2 { font-size: 21px; }
  .slider-inner .container { background: rgb(255, 255, 255); padding: 0px !important; }
  .post-text { padding: 10px; position: absolute; font-size: 14px; left: 0px; bottom: 0px; width: 100%; pointer-events: none; font-family: "Droid Serif" !important; }
  .post-height { width: 100%; text-align: left; border-bottom: 1px solid rgb(224, 224, 224); margin-left: 0px; padding: revert-layer; height: auto; border-radius: 5px; }
  .post-height-1 img { width: 100%; height: auto; }
  .post-height-3 { display: table; width: 100%; text-align: left; border-bottom: 1px solid rgb(224, 224, 224); padding: 10px; height: 100px; }
  .post-height-2 { display: table; width: 100%; text-align: left; border-bottom: 1px solid rgb(224, 224, 224); padding: revert-layer; height: auto; }
  .post-height-1 .news-image { position: relative; width: 100%; max-width: 100%; }
  .post-height-2 .news-image { position: relative; width: 150px; max-width: 150px; }
  .post-height-1 .post-text { position: relative; display: table-cell; width: 100%; vertical-align: top; }
  .post-height-2 .post-text { position: relative; display: table-cell; width: 100%; vertical-align: top; padding: 0px 0px 0px 10px; }
  .post-text h2 a, .post-text h4 a { font-size: 14px; }
  .post-text h4 a { line-height: 1.5; font-size: 18px; -webkit-line-clamp: 3; }
  .post-text h5 a { font-size: 18px; -webkit-line-clamp: 3; }
  .post-height-3 { height: 135px; }
  .slider-right-post .post-height-3 .news-image img { min-width: 0px; position: relative; left: auto; right: auto; width: 100%; height: 166px; }
  .post-height-2, .post-height-3, .post-height-4 { margin: 0px; }
  .post-category { font-size: 12px; font-weight: 500; padding: 0px 7px; }
  .bottom-bar { right: 10px; left: 10px; }
  .container { padding-right: 10px !important; padding-left: 10px !important; }
  .row { margin-right: -10px !important; margin-left: -10px !important; }
  .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { padding-right: 10px !important; padding-left: 10px !important; }
  nav.navbar.navbar-inverse.navbar-mobile ul.nav { border-top: 1px solid rgb(34, 34, 34); }
  #NewsTicker .item a { font-size: 14px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: block; }
  #NewsTicker.owl-theme .owl-controls { display: none !important; }
  .weather-week .list-group-item { font-size: 11px; height: 75px; }
  .weather-icon { padding: 9% 20px; }
  .weather-icon i { font-size: 60px; }
  .main-temp { font-size: 30px; }
  .post-author { width: 40%; }
  .post-meta { width: 60%; }
  .articles-list.news-list-item .img-wrapper { width: 140px; }
  .articles-list .post-info-2 h4 { font-size: 14px; line-height: 20px; }
  .articles-list .post-info-2 p { display: none; }
  .pagination > .disabled > span.extend { display: none; }
  .footer-box { margin-bottom: 40px; }
  .about-inner img { margin-bottom: 15px; width: 40%; margin-left: auto; margin-right: auto; }
  .sub-footer { text-align: center; }
  .copy { padding-bottom: 10px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); margin-bottom: 100px; }
  .footer-nav { text-align: center; }
}
@media (min-width: 993px) {
  nav.navbar.bootsnav .navbar-collapse { padding: 0px; }
  nav.navbar.bootsnav ul.nav > li { border-left: 0px solid rgb(231, 231, 231); margin-top: 10px; }
  nav.navbar.bootsnav ul.nav > li:last-child { border-right: 0px solid rgb(231, 231, 231); }
  nav.navbar.bootsnav ul.nav > li > a { padding: 10px 15px; font-weight: 600; color: rgb(22, 23, 34); font-size: 16px; }
  nav.navbar.bootsnav ul.nav > li > a:hover { transform: scale(1.2); }
  nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content ul.menu-col li a { color: rgb(46, 50, 51); font-size: 1.4rem; }
  nav.navbar.bootsnav li.dropdown ul.dropdown-menu { margin-top: 1px; border: 0px; box-shadow: rgba(0, 0, 0, 0.15) 1px 1px 4px; }
  nav.navbar.bootsnav li.dropdown ul.dropdown-menu.megamenu-content { width: calc(100% - 30px) !important; left: 15px; }
  nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a { color: rgb(46, 50, 51); font-size: 1.4rem; }
  nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li.active > a, nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li a:hover { background: rgb(249, 249, 249); }
  nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle::after { content: ""; margin-left: 10px; margin-top: 2px; font-size: 10px; font-family: themify, Merriweather, Helvetica, Arial, sans-serif !important; }
  .video-nav-item { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; padding: 0px; height: auto; line-height: 1.2; text-overflow: inherit; white-space: inherit; }
  .video-nav-item .img-wrapper { position: relative; }
  .video-nav-item .img-wrapper img { position: static; margin-top: 0px; height: auto; width: 100%; margin-bottom: 0.6em; }
  .video-nav-item .img-wrapper .link-icon { height: 36px; width: 40px; font-size: 20px; line-height: 35px; }
  .video-nav-item h4 { margin-top: 0px; font-size: 15px; }
  .video-nav-item:hover h4 { color: rgb(235, 2, 84); }
  nav.bootsnav .megamenu-content .title { font-size: 15px; color: rgb(235, 2, 84); font-weight: 600; }
  nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .col-menu-video { padding: 0px 10px; margin: 0px -0.5px; width: 20%; }
  nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .col-menu-video:first-child { border-left-width: medium; border-left-style: none; border-left-color: currentcolor; }
  nav.navbar .navbar-brand { margin-top: 0px; }
  nav.navbar .navbar-brand img.logo { width: 50px; }
  nav.navbar .navbar-brand { margin-top: 0px; }
  nav.navbar .navbar-brand img.logo { width: 50px; }
  nav.navbar li.dropdown ul.dropdown-menu { border-top: 5px solid; }
  nav.navbar-center .navbar-brand { margin: 0px !important; }
  nav.navbar-brand-top .navbar-brand { margin: 10px !important; }
  nav.navbar-full .navbar-brand { position: relative; top: -15px; }
  nav.navbar-sidebar ul.nav, nav.navbar-sidebar .navbar-brand { margin-bottom: 50px; }
  nav.navbar-sidebar ul.nav > li > a { padding: 10px 15px; font-weight: bold; }
  nav.navbar.bootsnav.navbar-transparent.white { background-color: rgba(255, 255, 255, 0.3); border-bottom: 1px solid rgb(187, 187, 187); }
  nav.navbar.navbar-inverse.bootsnav.navbar-transparent.dark, nav.navbar.bootsnav.navbar-transparent.dark { background-color: rgba(0, 0, 0, 0.3); border-bottom: 1px solid rgb(85, 85, 85); }
  nav.navbar.bootsnav.navbar-transparent.white .attr-nav { border-left: 1px solid rgb(187, 187, 187); }
  nav.navbar.navbar-inverse.bootsnav.navbar-transparent.dark .attr-nav, nav.navbar.bootsnav.navbar-transparent.dark .attr-nav { border-left: 1px solid rgb(85, 85, 85); }
  nav.navbar.bootsnav.no-background.white .attr-nav > ul > li > a, nav.navbar.bootsnav.navbar-transparent.white .attr-nav > ul > li > a, nav.navbar.bootsnav.navbar-transparent.white ul.nav > li > a, nav.navbar.bootsnav.no-background.white ul.nav > li > a { color: rgb(255, 255, 255); }
  nav.navbar.bootsnav.navbar-transparent.dark .attr-nav > ul > li > a, nav.navbar.bootsnav.navbar-transparent.dark ul.nav > li > a { color: rgb(238, 238, 238); }
}
@media (min-width: 768px) {
  #toTop { right: 30px; }
  .more-post:last-child { margin-bottom: 0px; }
  .bord-bottom { border-bottom: 1px solid rgb(224, 224, 224); }
}
@media (width: 768px) and (width: 820px) {
  nav.navbar.bootsnav.navbar-mobile .navbar-collapse { position: absolute; left: 0px; height: auto; z-index: 999; overflow-x: scroll !important; width: 100% !important; }
}
@media (width: 768px) {
  nav.navbar.bootsnav.navbar-mobile .navbar-collapse { position: absolute; left: 0px; height: auto; z-index: 999; overflow-x: scroll !important; width: 100% !important; }
}
@media (width: 820px) {
  nav.navbar.bootsnav.navbar-mobile .navbar-collapse { position: absolute; left: 0px; height: auto; z-index: 999; width: 100% !important; }
}
@media (max-width: 920px) {
  nav.navbar .dropdown .megamenu-content .col-menu ul > li > a:hover, nav.navbar.navbar-dark .dropdown .megamenu-content .col-menu .title:hover { color: rgb(235, 2, 84) !important; }
  .grid-item-1 .grid-item-img img, .grid-item .grid-item-img img { height: auto; }
  .kmmiMl { color: rgb(32, 34, 36); font-family: "BBC Reith Serif", BBCReithSerif-fallback, serif; font-weight: 500; font-size: 28px; line-height: 32px; text-transform: none; text-decoration: none; letter-spacing: -0.56px; overflow-wrap: anywhere; }
  a.title { text-transform: none; text-decoration: none; letter-spacing: -0.56px; overflow-wrap: anywhere; font-weight: 500; line-height: 25px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; }
  .grid-item .grid-item-img { border-radius: 10px; height: 220px; }
}
@media (max-width: 992px) {
  header { box-shadow: rgba(0, 0, 0, 0.25) 0px 1px 5px; }
  nav.navbar.bootsnav { border: 0px; }
  .logo { margin: 6px 0px; padding-left: 90px; width: 230px; }
  nav.navbar .navbar-brand { margin-top: 0px; position: relative; top: -2px; }
  nav.navbar .navbar-brand img.logo { width: 100px; margin-left: -50px; }
  nav.navbar .navbar-brand img.logo-1 { width: 70px; margin: 10px 10px 10px -40px; }
  .attr-nav > ul > li > a { padding: 12px 15px 15px; font-size: 22px; }
  nav.navbar.bootsnav.navbar-mobile .navbar-collapse { position: absolute; left: 0px; width: 120%; height: auto; z-index: 999; background: var(--nav-bg-color) !important; overflow-x: scroll !important; }
  nav.navbar.bootsnav.navbar-mobile ul.nav { border-top: 0px; }
  nav.navbar.bootsnav.navbar-mobile ul.nav > li > a { text-shadow: rgb(0, 0, 0) 0px 0px 0px; border: 0px; font-weight: bolder; font-size: 14px; padding: 7px 14px; color: rgb(255, 255, 255); height: 40px; }
  nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu > li > a, nav.navbar.bootsnav .dropdown .megamenu-content .col-menu .title, nav.navbar.bootsnav .dropdown .megamenu-content .col-menu ul > li > a { border-bottom: 1px solid rgba(5, 5, 5, 0.1); }
  nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu > li > a { color: rgb(241, 238, 238); font-weight: 600; }
  nav.navbar.bootsnav .dropdown .megamenu-content .col-menu .title { color: rgb(154, 154, 154); font-size: 14px; font-weight: 500; }
  nav.navbar.bootsnav .dropdown .megamenu-content .col-menu ul > li > a { font-weight: 500; color: rgb(154, 154, 154); }
  nav.navbar.navbar-mobile ul.nav ul.dropdown-menu > li > a { padding-right: 15px !important; padding-top: 15px !important; padding-bottom: 15px !important; }
  nav.navbar.navbar-mobile ul.nav ul.dropdown-menu .col-menu .title { padding-right: 30px !important; padding-top: 13px !important; padding-bottom: 13px !important; }
  nav.navbar.navbar-mobile ul.nav ul.dropdown-menu .col-menu ul.menu-col li a { padding-top: 13px !important; padding-bottom: 13px !important; }
  nav.navbar-full .navbar-brand { top: 0px; padding-top: 10px; }
  nav.navbar.bootsnav .navbar-brand { padding: 2px 30px; }
  nav.navbar.bootsnav .navbar-toggle { color: var(--nav-tg-color); font-size: 22px; margin-top: 8px; }
  nav.navbar.navbar-inverse .navbar-toggle { color: rgb(238, 238, 238); background-color: rgb(34, 34, 34) !important; }
  nav.navbar.navbar-inverse .navbar-nav > li > a { border-top: 1px solid rgb(48, 48, 48); border-bottom: 1px solid rgb(48, 48, 48); }
  nav.navbar.navbar-inverse ul.nav li.dropdown ul.dropdown-menu > li > a { color: rgb(153, 153, 153); border-bottom: 1px solid rgb(48, 48, 48); }
  nav.navbar.navbar-inverse .dropdown .megamenu-content .col-menu .title { border-bottom: 1px solid rgb(48, 48, 48); color: rgb(238, 238, 238); }
  nav.navbar.navbar-inverse .dropdown .megamenu-content .col-menu ul > li > a { border-bottom: 1px solid rgb(48, 48, 48); color: rgb(153, 153, 153) !important; }
  nav.navbar.navbar-inverse .dropdown .megamenu-content .col-menu.on:last-child .title { border-bottom: 1px solid rgb(48, 48, 48); }
  nav.navbar.navbar-inverse .dropdown-tabs .tab-menu > ul { border-top: 1px solid rgb(48, 48, 48); }
  nav.navbar.navbar-inverse.navbar-mobile .navbar-collapse { background-color: rgb(34, 34, 34); }
}
@media (width: 1024px) {
  .grid-item .grid-item-img { border-radius: 10px; height: 300px; }
  .top-search { width: 100%; right: 0px; }
  .grid-item-category { position: relative; overflow: hidden; margin-bottom: 15px; height: 330px; }
  .container { width: 100%; }
  .bottom-bar { width: 97%; }
  nav.navbar.bootsnav ul.nav > li > a { padding: 9px 8px; font-weight: 600; color: rgb(36, 37, 47); font-size: 11px; font-family: Merriweather, Helvetica, Arial, sans-serif !important; }
  nav.navbar.navbar-inverse ul.nav .dropdown-menu { background-color: rgb(34, 34, 34) !important; border-left: 1px solid rgb(48, 48, 48) !important; border-bottom: 1px solid rgb(48, 48, 48) !important; border-right: 1px solid rgb(48, 48, 48) !important; }
  nav.navbar.navbar-inverse li.dropdown ul.dropdown-menu > li > a { border-bottom: 1px solid rgb(48, 48, 48); }
  nav.navbar.navbar-inverse ul.dropdown-menu.megamenu-content .col-menu { border-left: 1px solid rgb(48, 48, 48); border-right: 1px solid rgb(48, 48, 48); }
  nav.navbar.navbar-inverse.navbar-transparent.dark { background-color: rgba(0, 0, 0, 0.3); border-bottom: 1px solid rgb(153, 153, 153); }
  nav.navbar.navbar-inverse.navbar-transparent.dark .attr-nav { border-left: 1px solid rgb(153, 153, 153); }
  nav.navbar.navbar-inverse.no-background.white .attr-nav > ul > li > a, nav.navbar.navbar-inverse.navbar-transparent.dark .attr-nav > ul > li > a, nav.navbar.navbar-inverse.navbar-transparent.dark ul.nav > li > a, nav.navbar.navbar-inverse.no-background.white ul.nav > li > a { color: rgb(255, 255, 255); }
  nav.navbar.navbar-inverse.no-background.dark .attr-nav > ul > li > a, nav.navbar.navbar-inverse.no-background.dark .attr-nav > ul > li > a, nav.navbar.navbar-inverse.no-background.dark ul.nav > li > a, nav.navbar.navbar-inverse.no-background.dark ul.nav > li > a { color: rgb(63, 63, 63); }
  .advertise_bottom { width: 100% !important; }
}
@media (min-width: 913px) and (max-width: 1199px) {
  .header-right-menu > ul > li:nth-child(1), .header-right-menu > ul > li:nth-child(2) { display: none; }
  .authar-info li { font-size: 13px; line-height: 18px; }
  .reviews-reatting { font-size: 12px; }
  .post-info h3 { font-size: 19px; font-weight: 400; line-height: 23px; }
  .post-info-2 h5, .grid-item h5 { font-size: 18px; margin-bottom: 5px; }
  .news-list-item .post-info-2 .authar-info { margin-bottom: 0px; }
  .weather-week .list-group-item { font-size: 12px; padding: 8px; }
  .weather-temp-wrap { padding: 10px; }
  .weather-icon i { font-size: 50px; }
  .main-temp { font-size: 20px; }
  .weather-temperature { padding: 30px 10px 0px; }
  .weather-now .big-degrees, .weather-now .circle, .weather-icon-2 i { font-size: 45px; }
  .weather-week-2 { padding: 15px 10px; }
  .weather-info .weather-name, .weather-footer .weather-date { font-size: 17px; }
  .social-media li { width: 31.2%; }
  .social-media li a { padding: 15px 5px; }
  .post-text { padding: 10px; position: absolute; font-size: 14px; left: 0px; bottom: 0px; width: 100%; pointer-events: none; background-image: linear-gradient(rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.7) 100%); font-family: Merriweather, Helvetica, Arial, sans-serif !important; }
  .nav-tabs > li > a { font-weight: 500; padding: 15px 10px; font-size: 12px; }
  .most-viewed .content li { padding: 10px 0px; }
  .most-viewed .content li .count { width: 16%; font-size: 30px; padding-right: 10px; }
  .most-viewed .content li .text { width: 84%; font-size: 13px; padding-left: 10px; }
  .p-post { padding: 15px 0px; }
  .p-post h4, .authar-info { font-size: 13px; }
  ul.category-list li { margin-bottom: 10px; width: 100%; }
  ul.category-list li:nth-child(2n+1) { display: none; }
  ul.category-list li:nth-child(2n) { padding-left: 0px; }
  .poll-content h6 { font-size: 19px; }
  .posts-inner { padding: 18px 15px; }
  .card-post .posts-inner { padding: 10px 15px; }
  .post-author { width: 100%; }
  .post-meta { display: none; }
  .articles-list .post-info-2 h4 { font-size: 17px; line-height: 22px; font-weight: 400; }
  .comments-list .comment-box { width: 80%; }
  .reply-list { margin-top: 30px; }
  .reply-list .comment-box { width: 82%; }
}
@media (min-width: 820px) and (max-width: 1023px) {
  .bottom-bar { right: 30px; left: 30px; }
  .top-search { width: 100%; right: 0px; }
  .grid-item { position: relative; overflow: hidden; margin-bottom: 15px; height: auto; }
  .grid-item .grid-item-img { border-radius: 5px; height: 270px; max-height: 290px; }
}
@media (min-width: 0px) and (max-width: 768px) {
  .grid-item h5 { font-size: 18px !important; line-height: 18px; }
  .top-search { position: absolute; width: 100%; right: 0px; margin: 1px auto 0px; padding: 0.5em 0em; box-shadow: rgb(5, 80, 137) 0px 0px 0px 1px inset; border-radius: 5px; z-index: 2; }
  .post-head-color .title { color: rgb(255, 255, 255); }
  .post-head-color { background-color: rgb(0, 87, 146); }
  .post-head-popular .title, .panel_header h4, .post-head-advertisements .title, .panel_header h4, .post-head-politics .title, .panel_header h4, .post-head-economics .title, .panel_header h4, .post-head-world .title, .panel_header h4, .post-head-society .title, .panel_header h4, .post-head-opinion .title, .panel_header h4, .post-head-interviews .title, .panel_header h4 { color: rgb(255, 255, 255); }
  body.boxed-layout .wrapper { margin: 10px; }
  .filter-nav { display: none; }
  .grid-item .grid-item-img { position: relative; box-shadow: rgb(221, 221, 221) 0px 0px 1px 0px; height: 200px; overflow: hidden; }
  .grid-item-category .grid-item-img { position: relative; box-shadow: rgb(221, 221, 221) 0px 0px 1px 0px; height: 200px; overflow: hidden; }
  .grid-item-1 .grid-item-img { position: relative; box-shadow: rgb(221, 221, 221) 0px 0px 1px 0px; height: 120px; overflow: hidden; }
  .grid-item .grid-item-img-menu { position: relative; box-shadow: rgb(221, 221, 221) 0px 0px 1px 0px; height: 110px; overflow: hidden; }
  .grid-item .grid-item-img-small { position: relative; box-shadow: rgb(221, 221, 221) 0px 0px 1px 0px; height: 100px; overflow: hidden; }
  .social-media-inner { margin-bottom: 5px; }
  .social-media { width: 101.9%; margin-left: -5px; }
  .social-media li { width: 31.6%; margin-bottom: 5px; margin-left: 5px; }
  .social-media li a { min-width: auto; width: 100%; }
  .social-media li a div { font-size: 21px; }
  .social-media li p { font-size: 10px; }
  .more-post .post-text { padding: 10px; }
  .more-post .post-text h4 { font-size: 15px; font-weight: 400; }
  .post-text h2, .post-text h4, .post-text h5 { color: rgb(51, 51, 51); margin: 0px 0px 10px; width: 100%; animation: 1s ease-in-out 0s 1 normal forwards running transformTitle; }
  .post-text h4 { font-size: 16px; }
}
@media (min-width: 768px) and (max-width: 991px) {
  #owl-slider.owl-theme .owl-controls .owl-buttons div { top: 41%; }
  .post-text h4 a { color: var(--text-color); font-size: 18px; -webkit-line-clamp: 3; }
  #theme-toggle { cursor: pointer; display: inline-flex; align-items: center; justify-content: flex-start; background-color: transparent; transition: background-color 0.3s, transform 0.3s, border-color 0.3s; padding: 9px; border-radius: 0px !important; border: 0px solid rgb(244, 244, 244) !important; }
  .post-text h5 a { color: var(--text-color); font-size: 18px; -webkit-line-clamp: 3; }
  .post-height-2, .post-height-4, .slider-right-post .news-image img { height: auto; }
  .post-height { height: auto; max-height: 190px; }
  .authar-info li { color: var(--text-color); display: inline-block; margin-right: 8px; }
  .authar-info li i { color: var(--text-color); margin-right: 4px; }
  [data-theme="dark"] .slider-inner .container { background-color: var(--bg-color-dark); border-bottom: 1px solid var(--button-bg-color-dark); }
  [data-theme="light"] .slider-inner .container { background-color: rgb(255, 255, 255); }
  .row { margin-right: -10px !important; margin-left: -10px !important; }
  .slider-inner .container { padding: 0px !important; }
  .slider-wrapper { margin-top: 5px; }
  .slider-wrap.slider-post { width: 300px; }
  .thm-margin { margin: 0px !important; }
  .thm-padding { padding: 1px !important; }
  .post-height-1 { width: 100%; text-align: left; border-bottom: 1px solid rgb(224, 224, 224); padding: 5px; height: 270px; max-height: 290px; margin-left: 0px; }
  .post-height-1 .news-image { position: relative; width: 100%; max-width: 100%; }
  .about-inner img { width: 40%; margin-left: auto; margin-right: auto; }
  .news-image { z-index: 1; display: block; }
  .post-height-1 .post-text { position: relative; display: table-cell; width: 100%; vertical-align: top; }
  .post-text { padding: 10px; position: absolute; font-size: 14px; left: 0px; bottom: 0px; width: 100%; pointer-events: none; font-family: Merriweather, Helvetica, Arial, sans-serif !important; }
  .post-height-2, .post-height-3, .post-height-4 { margin: 0px; }
  .post-height-2 { display: table; width: 100%; text-align: left; border-bottom: 1px solid rgb(224, 224, 224); padding: 10px; height: 100px; }
  .post-height-2 .news-image { position: relative; width: 150px; max-width: 150px; }
  .post-height-2 .post-text { position: relative; display: table-cell; width: 100%; vertical-align: top; padding: 0px 0px 0px 10px; }
  .post-text { padding: 10px; position: absolute; font-size: 14px; left: 0px; bottom: 0px; width: 100%; pointer-events: none; font-family: Merriweather, Helvetica, Arial, sans-serif !important; }
}
@media (min-width: 768px) and (max-width: 991px) {
  .grid-item-category .grid-item-img { position: relative; box-shadow: rgb(221, 221, 221) 0px 0px 1px 0px; height: 200px; overflow: hidden; }
  .grid-item-category { position: relative; overflow: hidden; margin-bottom: 15px; height: 330px; }
  .post-head-politics { background-color: rgb(6, 143, 255); box-shadow: lightblue 1px -2px 0px inset; }
  .post-head-economics { background-color: rgb(214, 52, 132); box-shadow: lightblue 1px -2px 0px inset; }
  .post-head-world { background-color: rgb(29, 93, 155); box-shadow: rgb(203, 195, 227) 1px -2px 0px inset; }
  .post-head-society { background-color: rgb(58, 152, 185); box-shadow: rgb(203, 195, 227) 1px -2px 0px inset; }
  .post-head-opinion { background-color: rgb(249, 166, 43); box-shadow: rgb(203, 195, 227) 1px -2px 0px inset; }
  .post-head-interviews { background-color: rgb(0, 173, 181); box-shadow: rgb(203, 195, 227) 1px -2px 0px inset; }
  .post-head-advertisements { background-color: rgb(101, 39, 190); box-shadow: rgb(203, 195, 227) 1px -2px 0px inset; }
  .post-head-popular { background-color: rgb(155, 54, 117); box-shadow: rgb(203, 195, 227) 1px -2px 0px inset; }
  .post-head-popular .title, .panel_header h4, .post-head-advertisements .title, .panel_header h4, .post-head-politics .title, .panel_header h4, .post-head-economics .title, .panel_header h4, .post-head-world .title, .panel_header h4, .post-head-society .title, .panel_header h4, .post-head-opinion .title, .panel_header h4, .post-head-interviews .title, .panel_header h4 { color: rgb(255, 255, 255); }
  .post-height-1, .post-height-1 .news-image img, .post-height-3, .slider-right-post .post-height-3 .news-image img { height: auto; }
  .post-text { padding: 15px; }
  .post-text h2 { font-size: 18px; line-height: 23px; color: rgb(0, 0, 0); }
  .post-text h4 { font-size: 16px; line-height: 21px; color: rgb(0, 0, 0); }
  .slider-right-post .post-text { padding: 15px; }
}
@media (width: 280px) {
  .post-height-1 { width: 100%; text-align: left; border-bottom: 1px solid rgb(224, 224, 224); padding: 5px; height: 260px; margin-left: 0px; }
}
@media (width: 540px) {
  .post-height-1 { width: 100%; text-align: left; border-bottom: 1px solid rgb(224, 224, 224); padding: 5px; height: 400px; margin-left: 0px; }
  .grid-item { height: 300px; }
  .grid-item .grid-item-img { position: relative; box-shadow: rgb(221, 221, 221) 0px 0px 1px 0px; height: 250px; overflow: hidden; border-radius: 10px; }
}
@media (width: 912px) {
  .post-height-2 { height: auto; }
  .post-height-2 { margin-top: 1px; height: auto; }
  .post-height-2 .news-image img { width: 100%; height: auto; }
  nav.navbar.bootsnav.navbar-mobile .navbar-collapse { position: absolute; left: 0px; height: auto; z-index: 999; overflow-x: scroll !important; width: 100% !important; }
}
@media (min-width: 768px) and (max-width: 820px) {
  .grid-item-category { position: relative; overflow: hidden; margin-bottom: 15px; height: 320px; }
}
.grid-item-1 { position: relative; overflow: hidden; margin-bottom: 15px; height: 280px; }
.grid-item-category h5 { font-size: 22px; line-height: 18px; }
.grid-item h5 { font-size: 22px; line-height: 18px; }
.grid-item-1 h5 { font-size: 16px; line-height: 18px; }
.grid-item-category .grid-item-img, .grid-item-1 .grid-item-img, .grid-item .grid-item-img { position: relative; box-shadow: rgb(221, 221, 221) 0px 0px 2px 0px; background-color: rgba(0, 0, 0, 0); overflow: hidden; transition: transform 0.3s; }
.grid-item-category .grid-item-img:hover img, .grid-item-1 .grid-item-img:hover img, .grid-item .grid-item-img:hover img { background-size: 100% auto; box-shadow: rgba(221, 221, 221, 0.867) 0px 0px 10px inset; transform: scale(1.1); transition: 0.6s; }
.grid-item-category .grid-item-img img { transition: 0.6s; }
.grid-item .grid-item-img-small { position: relative; box-shadow: rgb(221, 221, 221) 0px 0px 1px 0px; height: 140px; overflow: hidden; }
.grid-item .grid-item-img img { width: 100%; transition: 0.6s; }
.grid-item-1 .title, .grid-item .title { margin: 5px 0px; line-height: 30px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.authar-info li { line-height: 18px; position: relative; display: inline-block; padding: 0px 6px; font-size: 12px; }
.authar-info li:first-child { padding-left: 0px; margin: 0px; }
.authar-info li a { color: rgb(6, 97, 168); font-size: 1.5rem; font-weight: 600; }
.public-time { font-size: 12px; font-weight: 600; }
.authar-info li a:hover { color: rgb(0, 0, 0); font-size: 1.5rem; font-weight: 600; }
.authar-info i { margin-right: 2px; font-size: 12px; font-weight: 600; }
.authar-info li + li::before { font-size: 12px; position: absolute; left: -6px; content: "--"; color: rgb(154, 154, 154); top: -1px; font-family: Merriweather, Helvetica, Arial, sans-serif !important; }
.post-footer { background: rgb(255, 255, 255); border-top: 1px solid rgb(224, 224, 224); border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
.post-footer .more-btn { display: block; text-align: center; text-decoration: none; padding: 10px; font-size: 13px; font-weight: 700; line-height: 21px; text-transform: uppercase; letter-spacing: 0.5px; }
.post-footer .more-btn:hover { color: rgb(0, 87, 146); }
.post-footer .social { padding: 10px 20px; border-left: 1px solid rgb(224, 224, 224); }
.post-footer .social ul { text-align: center; margin: 0px; }
.post-footer .social ul li { list-style: outside none none; display: inline-block; position: relative; }
.post-footer .social ul li a { color: rgba(35, 35, 35, 0.6); }
.post-footer .social i { font-size: 18px; text-align: center; transition: 0.3s; margin-right: 7px; cursor: pointer; }
.post-footer .social i:hover { color: rgb(235, 2, 84); text-decoration: none; }
.transition, .transition img, .transition a, .transition i, .transition li, .transition span { transition: 0.3s; }
.share { text-align: right; position: absolute; right: 0px; bottom: -5px; width: 150px; height: 24px; overflow: hidden; user-select: none; }
.share .ico { font-size: 18px; position: absolute; top: -1px; right: -35px; display: inline-block; z-index: 2; }
.share:hover .fb { color: rgb(120, 164, 221); right: 25px; transition-delay: 0.4s; }
.share:hover .tw { color: rgb(83, 185, 253); right: 50px; transition-delay: 0.3s; }
.share:hover .gp { color: rgb(252, 91, 91); right: 80px; transition-delay: 0.2s; }
.share:hover .pin { color: rgb(243, 83, 89); right: 120px; transition-delay: 0.1s; }
.post-inner-2 .post-category, #post-slider-2 .link-icon { background-color: rgb(0, 137, 0); }
.post-inner-2 .filter-nav ul a:hover, .post-inner-2 .filter-nav ul a.active, .post-inner-2 article:hover h3 a, .grid-item-1:hover h5 a, .grid-item:hover h5 a, .post-inner-2 .post-footer .more-btn:hover, .post-inner-2 .post-footer .social i:hover { text-decoration: underline; }
.tabs-wrapper { position: relative; background-color: rgb(255, 255, 255); }
.nav > li > a:focus, .nav > li > a:hover { text-decoration: none; background-color: rgb(255, 255, 255); }
.most-viewed, .popular-news { padding: 15px; }
.most-viewed .content li { display: block; border-bottom: 1px solid rgb(224, 224, 224); line-height: 20px; padding: 20px 0px; }
.most-viewed .content li .count { width: 20%; float: left; color: rgb(136, 136, 136); font-size: 40px; padding-right: 20px; line-height: 24px; font-style: italic; font-weight: 600; font-family: Merriweather, Helvetica, Arial, sans-serif !important; }
.most-viewed .content li .text { width: 80%; float: left; font-size: 1.07692em; padding-left: 20px; border-left: 1px solid rgb(170, 170, 170); font-weight: 600; }
.most-viewed .content li::after { content: ""; display: table; clear: both; }
.most-viewed .content li:last-child, .p-post:last-child { border: 0px; padding-bottom: 10px; }
.popular-news { text-align: center; }
.p-post { border-bottom: 1px solid rgb(224, 224, 224); padding: 20px 0px; }
.p-post h4, .authar-info { margin: 0px 0px 10px; }
.panel_inner { position: relative; background: rgb(255, 255, 255); }
.panel_header { display: block; padding: 15px; border-bottom: 1px solid rgb(224, 224, 224); }
.panel_body { padding: 15px; }
.table { margin-bottom: 0px; }
.table > thead > tr > th { vertical-align: bottom; border-bottom: 1px solid rgb(228, 231, 237); font-weight: 700; color: rgb(49, 64, 75); text-transform: uppercase; background-color: transparent; text-align: center; }
.table > thead > tr > th:first-child, .table > tbody > tr > td:first-child, .table > tbody > tr > th:first-child { padding-left: 30px; text-align: left; }
.table > tbody > tr > th:first-child { font-weight: 600; }
.table > thead > tr > th:last-child, .table > tbody > tr > td:last-child, .table > tbody > tr > th:last-child { padding-right: 30px; vertical-align: middle; }
ul.category-list { overflow: hidden; }
ul.category-list li { list-style: none; width: 50%; float: left; margin-bottom: 15px; }
ul.category-list li:nth-child(2n) { padding-left: 15px; }
ul.category-list li a { text-decoration: none; display: block; padding-bottom: 5px; transition: 0.2s ease-in-out; }
ul.category-list li a:hover { color: rgb(235, 2, 84); }
ul.category-list li a span { display: inline-block; width: 30px; height: 20px; text-align: center; line-height: 18px; border: 1px solid rgb(224, 224, 224); border-radius: 2px; transition: 0.2s ease-in-out; }
ul.category-list li a:hover span { color: rgb(255, 255, 255); background-color: rgb(235, 2, 84); border: 1px solid rgb(235, 2, 84); }
.ui-datepicker { width: 100%; }
.ui-widget.ui-widget-content { padding: 0px; border-radius: 0px; border: 1px solid rgb(224, 224, 224); font-family: Merriweather, Helvetica, Arial, sans-serif !important; }
.ui-datepicker .ui-datepicker-header { position: relative; padding: 0.8em 0px; border-radius: 0px; background: transparent; border-width: 0px 0px 1px; font-weight: normal; border-color: rgb(224, 224, 224); }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { top: 18px; border: 1px solid rgb(224, 224, 224); height: 32px; width: 32px; border-radius: 30px; cursor: pointer; }
.ui-datepicker .ui-datepicker-prev { left: 20px; }
.ui-datepicker .ui-datepicker-next { right: 20px; }
.ui-datepicker .ui-datepicker-title { font-size: 24px; letter-spacing: 0.5px; color: rgb(0, 0, 0); }
.ui-datepicker th { font-size: 19px; }
.ui-datepicker-month { font-weight: 600; }
.ui-state-default, .ui-widget-content .ui-state-default { padding: 6px 5px; text-align: center; font-weight: 700; font-size: 19px; border: 0px; background: rgb(255, 255, 255); }
.ui-state-active, .ui-widget-content .ui-state-active { color: rgb(203, 32, 40) !important; }
.ui-icon-circle-triangle-w { background-position: -96px 0px; }
.ui-icon-circle-triangle-e { background-position: -32px 0px; }
.poll-content h6 { line-height: 24px; margin: 0px; color: rgb(17, 17, 17); font-size: 21px; }
.poll-content ul { padding: 20px 0px 0px; }
.poll-content ul li { display: table; border: 0px; padding: 5px 0px; }
.poll-content ul li:first-child { padding-top: 0px; }
.poll-content ul li input, .poll-content ul li label { margin: 0px; padding: 0px; display: table-cell; vertical-align: middle; }
.poll-content ul li label { padding-left: 13px; color: rgb(136, 136, 136); line-height: 18px; font-weight: 500; letter-spacing: 0.5px; }
.poll-content .btn-news { margin-top: 20px; }
.btn-news { color: rgb(255, 255, 255); background-color: rgb(235, 2, 84); border-color: rgb(235, 2, 84); padding: 6px 15px; }
.btn-news:hover { color: rgb(255, 255, 255); background-color: rgb(27, 28, 38); border-color: rgb(27, 28, 38); }
.ui.tag { margin-left: 1em; position: relative; border-radius: 0px 0.285714rem 0.285714rem 0px; transition: none; display: inline-block; line-height: 1; vertical-align: baseline; background-color: rgb(232, 232, 232); background-image: none; padding: 0.5833em 1.5em; color: rgba(0, 0, 0, 0.6); text-transform: none; border: 0px solid transparent; font-size: 13px; margin-bottom: 5px; cursor: pointer; }
.ui.tag::before { position: absolute; transform: translateY(-50%) translateX(50%) rotate(-45deg); top: 50%; right: 100%; content: ""; background-color: inherit; background-image: none; width: 1.56em; height: 1.56em; transition: none; }
.ui.tag::after { position: absolute; content: ""; top: 50%; left: -0.25em; margin-top: -0.25em; width: 0.5em; height: 0.5em; box-shadow: rgba(0, 0, 0, 0.3) 0px -1px 1px 0px; border-radius: 500rem; background-color: rgb(255, 255, 255) !important; }
.ui.tag:hover { border-color: rgb(235, 2, 84); background-color: rgb(235, 2, 84); background-image: none; color: rgb(255, 255, 255); }
.featured-post { position: relative; }
#featured-owl .item { margin: 1px; }
.reatting { position: absolute; top: 10px; right: 12px; color: rgb(235, 2, 84); }
.featured-post .post-text { padding: 12px; }
.playlist-title { background-color: rgb(27, 28, 38); padding: 15px; }
.playlist-title h4 { margin: 0px; color: rgb(255, 255, 255); }
.more-post { position: relative; margin-bottom: 15px; }
.more-post .post-text { padding: 15px; }
.progressber { position: absolute; top: 10px; right: 10px; }
.progressber canvas { display: inline-block; transform: rotate(135deg); }
.progressber span { border-radius: 50%; display: inline-block; font-size: 18px; height: 40px; line-height: 38px; position: absolute; top: 10px; left: 10px; text-align: center; width: 40px; color: rgb(235, 2, 84); font-weight: 700; font-family: Merriweather, Helvetica, Arial, sans-serif !important; }
.posts { background-color: rgb(255, 255, 255); }
.posts-thumb { float: none; margin: 0px; backface-visibility: hidden; transform: translate3d(0px, 0px, 0px); }
.posts-thumb .post-category { display: block; position: absolute; left: 15px; top: 15px; margin: 0px; z-index: 1; }
.posts ul { margin-bottom: 10px; }
.post-grid .post-category { background-color: rgb(76, 102, 163); }
.post-grid-item .posts-thumb img { width: 100%; height: auto; transition: transform 0.5s, -webkit-transform 0.5s; backface-visibility: hidden; }
.posts-thumb { float: none; margin: 0px; backface-visibility: hidden; transform: translate3d(0px, 0px, 0px); overflow: hidden; }
.posts-thumb:hover img { transform: scale(1.1); }
.posts-inner { position: relative; padding: 14px 15px; }
.card-post .posts-inner { padding: 30px 15px; }
.posts-inner .post-category { margin: 0px; }
.posts-link { display: block; position: absolute; top: 0px; right: 23px; width: 40px; height: 40px; overflow: hidden; border-radius: 50%; background-color: rgb(76, 102, 163); transform: translateY(-50%); }
.posts-link::before, .posts-link::after { content: ""; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: rgb(255, 255, 255); transition: transform 0.25s, -webkit-transform 0.25s; }
.posts-link::before { width: 17px; height: 2px; }
.posts-link::after { width: 2px; height: 17px; }
.posts-link:hover::before, .posts-link:hover::after { transform: translate(-50%, -50%) rotate(90deg); }
.posts-title { font-size: 18px; line-height: 24px; }
.post-grid:hover .posts-title a, .meta-item a:hover { color: rgb(76, 102, 163); }
.post-grid-item .posts-title { margin-top: 13px; }
.posts-inner p { margin: 0px; }
.card-post .posts-inner .authar-info { margin-bottom: 19px; }
.posts__footer { padding: 15px; border-top: 1px solid rgb(228, 231, 237); display: table; width: 100%; height: 100%; }
.post-author { display: table-cell; width: 45%; text-align: left; }
.post-author-avatar { width: 24px; height: 24px; overflow: hidden; border-radius: 50%; margin: 0px 4px 0px 0px; display: inline-block; vertical-align: middle; }
.post-author-info { position: relative; display: inline-block; vertical-align: middle; }
.post-author-name { font-size: 12px; text-transform: uppercase; color: rgb(154, 154, 154); font-weight: 400; letter-spacing: 0.5px; }
.post-meta { display: table-cell; width: 55%; text-align: right; }
.meta-item { font-size: 13px; text-transform: uppercase; line-height: 1.2em; display: inline-block; vertical-align: middle; color: rgb(154, 154, 154); }
.meta-item a { color: rgb(154, 154, 154); }
.meta-item i { margin-right: 5px; }
.meta-item + .meta-item { margin-left: 15px; }
.post-grid { border-bottom: 1px solid rgb(224, 224, 224); }
.post-grid:last-child { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }
.news-list-item.articles-list .img-wrapper { width: 215px; max-width: 218px; }
.articles-list .post-info-2 { padding: 0px 0px 0px 12px; }
.articles-list .post-info-2 h4 { line-height: 27px; margin-top: 0px; }
.articles-list .post-info-2 p { margin: 0px; }
.pagination { display: inline-block; margin: 0px; padding: 6px 15px; }
.pagination > li { float: left; }
.pagination > li > a, .pagination > li > span { height: 32px; width: 32px; padding: 6px 8px; text-align: center; color: rgb(119, 119, 119); border: 0px; margin: 0px 2px; border-radius: 0px !important; }
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover { background-color: rgb(235, 2, 84); border-color: rgb(235, 2, 84); }
.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover { color: rgb(255, 255, 255); background-color: rgb(27, 28, 38); border-color: rgb(27, 28, 38); }
.pagination > .disabled > span.extend { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
footer { position: relative; padding: 30px 0px; background-color: rgb(38, 42, 46); }
.about-inner img { margin-bottom: 15px; }
.about-inner p, .twitter-inner ul li { color: rgb(255, 255, 255); }
.about-inner li { margin: 7px 0px; color: rgb(255, 255, 255); }
.about-inner li i { margin-right: 10px; color: rgb(235, 2, 84); }
.wiget-title { color: rgb(255, 255, 255); margin: 0px 0px 20px; }
.twitter-inner li { margin-bottom: 20px; line-height: 1.8em; font-size: 13px; }
.twitter-inner li a { color: rgb(235, 2, 84); }
.twitter-inner li span { display: block; margin-top: 10px; }
.twitter-inner li span i { color: rgb(235, 2, 84); margin-right: 7px; }
.menu-services { margin: 0px 0px 12px; padding: 0px; list-style: none; }
.menu-services li { margin-bottom: 6px; }
.menu-services li::before { content: "-"; margin-right: 6px; color: rgb(255, 255, 255); }
.menu-services li a { color: rgb(255, 255, 255); }
.menu-services li a:hover { color: rgb(235, 2, 84); }
.footer-news-grid .title { color: rgb(255, 255, 255); }
.footer-news-grid .news-list-item { border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
.sub-footer { padding: 10px 0px; color: rgb(255, 255, 255); margin-bottom: 0px; border-top: 1px solid rgb(128, 128, 128); margin-top: 20px; }
.footer-nav { text-align: right; margin: 0px; padding: 0px; }
.footer-nav li { display: inline-block; }
.footer-nav li a { color: rgb(255, 255, 255); padding: 0px 5px; }
.page-title { margin: 20px 0px; }
.page-title h1 { color: rgb(0, 0, 0); font-size: 26px; font-weight: 400; line-height: 25px; padding: 0px; margin: 6px 0px; }
#map { width: 100%; height: 300px; }
.post_details_inner { margin-bottom: 10px; }
.post_details_block { background-color: rgb(255, 255, 255); padding: 15px; }
.post_details_block h2 { font-weight: 400; margin-bottom: 10px; }
.post_details_block img { width: 100%; height: auto; }
.post_details_block .authar-info { margin-top: 20px; margin-bottom: -10px; }
.post_details_block h1, .post_details_block h2, .post_details_block h3, .post_details_block h4, .post_details_block h5, .post_details_block h6, .post_details_block p { margin-top: 0px; margin-bottom: 30px; }
.post_details_block p strong { font-size: 2rem; line-height: 30px; font-weight: 700; }
.post_details_block p { font-size: 2rem; line-height: 30px; font-weight: 400; }
.post_details_block ul { list-style-position: outside; padding-left: 25px; }
.post_details_block ul li { font-size: 2rem; line-height: 30px; font-weight: 400; margin-bottom: 1.6em; }
.post_details_block ul li::marker { color: rgb(51, 51, 51); font-size: 1em; }
figure.social-icon { overflow: hidden; text-align: center; margin: -15px -15px 25px; position: relative; }
.details_block3 figure.social-icon { margin: 0px -15px 35px; }
figure.social-icon img { max-width: 100%; position: relative; }
figure.social-icon > div { height: 100%; right: -70px; width: 50px; position: absolute; top: 0px; padding: 5px; color: rgb(255, 255, 255); transition: 0.3s ease-in-out; }
figure.social-icon > div a i { display: inline-block; font-size: 15px; color: rgb(255, 255, 255); width: 40px; position: relative; right: -60px; transition: 0.3s ease-in-out; background-color: rgb(0, 0, 0); margin-bottom: 5px; height: 40px; line-height: 43px; text-align: center; }
figure.social-icon > div a i.fa-facebook { background-color: rgb(76, 102, 163); }
figure.social-icon > div a i.fa-twitter { background-color: rgb(47, 194, 238); }
figure.social-icon > div a i.fa-google-plus { background-color: rgb(207, 62, 40); }
figure.social-icon > div a i.fa-linkedin { background-color: rgb(0, 119, 181); }
figure.social-icon > div a i.fa-telegram { background-color: rgb(0, 136, 204); }
figure.social-icon > div a i.fa-pinterest-p { background-color: rgb(203, 32, 40); }
figure.social-icon > div a i:hover { opacity: 0.8; }
figure.social-icon:hover > div { right: 0px; }
figure.social-icon:hover > div a i { right: 0px; }
figure.social-icon:hover a:first-child i { transition-delay: 0.1s; }
figure.social-icon:hover a:nth-child(2) i { transition-delay: 0.15s; }
figure.social-icon:hover a:nth-child(3) i { transition-delay: 0.2s; }
figure.social-icon:hover a:nth-child(4) i { transition-delay: 0.25s; }
figure.social-icon:hover a:nth-child(5) i { transition-delay: 0.3s; }
.details_block2 figure.social-icon { margin: 0px 0px 20px; }
.post-header h2 { margin-bottom: 10px; font-size: 30px; line-height: 35px; font-weight: 600; font-family: "Droid Serif"; }
.td-category { margin: 0px; padding: 0px; list-style-type: none; }
.td-category li { display: inline-block; margin: 0px 5px 5px 0px; line-height: 1; }
.adaptive { margin-bottom: 25px; position: relative; }
.caption-text { position: absolute; background-color: rgba(0, 0, 0, 0.7); padding: 15px; color: rgb(255, 255, 255); width: 100%; bottom: 0px; left: 0px; }
.post_details_block .dot-list { list-style-type: inherit; margin-bottom: 25px; margin-left: 15px; }
.post_details_block .dot-list li { font-size: 15px; line-height: 26px; }
.post_details_block blockquote { margin: 0px 0px 25px; border-left: 0px; }
.post_details_block blockquote p { font-size: 32px; line-height: 40px; font-weight: 400; font-style: italic; text-align: center; color: rgb(235, 2, 84); overflow-wrap: break-word; }
blockquote { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding: 10px; margin-bottom: 10px; }
blockquote.no-sign { padding: 0px 20px; }
blockquote.no-sign p { background: -webkit-linear-gradient(330deg, rgb(235, 2, 84) 0%, rgb(52, 217, 218) 100%); -webkit-text-fill-color: transparent; color: rgb(235, 2, 84); font-size: 24px; line-height: 33px; font-style: inherit; font-weight: 600; }
.home-2 .post-head { border-bottom: 1px solid rgb(224, 224, 224); margin-bottom: 0px; }
.home-2 .post-head::before { content: ""; width: 0px; height: 0px; border-right: 12px solid transparent; position: absolute; left: 0px; top: 0px; }
.home-2 .post-footer { border-top: 1px solid rgb(224, 224, 224); margin-top: 0px; }
.home-2 #NewsTicker.owl-theme .owl-controls .owl-buttons div, .home-2 #post-slider.owl-theme .owl-controls .owl-buttons div, .home-2 #post-slider-2.owl-theme .owl-controls .owl-buttons div, .home-2 #post-slider-3.owl-theme .owl-controls .owl-buttons div { top: -65px; }
.about-title { margin-bottom: 40px; }
.about-title a { color: rgb(0, 87, 146); }
.about-content h1 { font-weight: 700; font-size: 24px; margin-top: -10px; }
.about-content h2 { font-weight: 700; margin-top: 0px; margin-bottom: 20px; }
.about-content h3 { font-size: 26px; line-height: 25px; color: rgb(121, 121, 121); margin-top: 0px; font-weight: 300; }
.about-content p { font-size: 18px; margin-bottom: 20px; line-height: 35px; }
.panel { box-shadow: none; background: rgb(255, 255, 255); }
.panel:last-child { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }
.panel-group .panel { border-radius: 0px; }
.panel-heading { border-radius: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding: 0px; }
.panel-title a { display: block; padding: 15px; position: relative; font-size: 16px; font-weight: 400; }
.panel-body { padding: 25px; }
.panel:last-child .panel-body { border-radius: 0px 0px 4px 4px; }
.panel-body p { color: var(--text-color); line-height: 45px; font-size: 16px; }
.panel-body p a { color: rgb(51, 122, 183); }
.panel:last-child .panel-heading.active { border-radius: 0px; transition: border-radius linear; }
.panel-heading a::before { position: absolute; right: 25px; font-size: 21px; transition: 0.5s; transform: scale(1); font-family: themify, Merriweather, Helvetica, Arial, sans-serif !important; }
.panel-heading.active a::before { content: " "; transition: 0.5s; transform: scale(0); }
#accordion .panel-heading a::after { content: " "; font-size: 24px; position: absolute; right: 25px; top: 20px; transform: scale(0); transition: 0.5s; font-family: themify, Merriweather, Helvetica, Arial, sans-serif !important; }
div.social-icon { text-decoration: none; text-align: left; margin-bottom: 1rem; }
div.social-icon > a i:hover { transform: scale(1.2); border-radius: 10px; box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset; }
div.social-icon > a i { display: inline-block; border-radius: 15px; font-size: 15px; color: rgb(255, 255, 255); width: 30px; position: relative; transition: 0.3s ease-in-out; background-color: rgb(0, 0, 0); margin-bottom: 5px; height: 30px; line-height: 33px; text-align: center; text-decoration: none; }
div.social-icon > a i.fa-facebook { background-color: rgb(24, 119, 242); color: white; border-radius: 10%; padding: 10px; font-size: 24px; margin-left: 0px; display: inline-flex; align-items: center; justify-content: center; transition: background-color 0.3s ease-in-out; }
div.social-icon > a i.fa-facebook:hover { background-color: rgb(22, 111, 229); transform: scale(1.1); }
div.social-icon > a i.fa-x-twitter { background: rgb(17, 17, 17); color: white; border-radius: 10%; padding: 10px; font-size: 24px; margin-left: 10px; display: inline-flex; align-items: center; justify-content: center; transition: background-color 0.3s ease-in-out; }
div.social-icon > a i.fa-instagram { background: linear-gradient(160deg, rgb(98, 40, 215), rgb(238, 42, 123), rgb(249, 206, 52)); color: white; border-radius: 10%; padding: 10px; font-size: 28px; margin-left: 10px; display: inline-flex; align-items: center; justify-content: center; transition: background 0.3s ease-in-out; }
div.social-icon > a i.fa-x-twitter:hover { background: rgb(17, 17, 17); transform: scale(1.1); }
div.social-icon > a i.fa-instagram:hover { background: linear-gradient(135deg, rgb(98, 40, 215), rgb(238, 42, 123), rgb(249, 206, 52)); transform: scale(1.1); }
div.social-icon > a i.fa-youtube-play { background-color: rgb(255, 0, 0); color: white; border-radius: 10%; padding: 10px; font-size: 24px; margin-left: 10px; display: inline-flex; align-items: center; justify-content: center; transition: background-color 0.3s ease-in-out; }
div.social-icon > a i.fa-youtube-play:hover { background-color: rgb(204, 0, 0); transform: scale(1.1); }
div.social-icon > a i.fa-linkedin { background-color: rgb(10, 102, 194); color: white; border-radius: 10%; padding: 10px; font-size: 24px; margin-left: 10px; display: inline-flex; align-items: center; justify-content: center; transition: background-color 0.3s ease-in-out, transform 0.3s ease-in-out; }
div.social-icon > a i.fa-linkedin:hover { background-color: rgb(8, 75, 138); transform: scale(1.1); }
div.social-icon > a i.fa-telegram { background-color: rgb(0, 136, 204); color: white; border-radius: 10%; padding: 10px; font-size: 24px; margin-left: 10px; display: inline-flex; align-items: center; justify-content: center; transition: background-color 0.3s ease-in-out, transform 0.3s ease-in-out; }
div.social-icon > a i.fa-telegram:hover { background-color: rgb(0, 110, 161); transform: scale(1.1); }
.bottom-bar { position: fixed; bottom: 0px; background: transparent; color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 5px; box-sizing: border-box; z-index: 22; }
.advertise_bottom { z-index: 22; float: left; width: 100%; position: absolute; }
.advertise_bar_button_close { position: absolute; width: 25px; height: 25px; top: -15px; right: 0px; cursor: pointer; z-index: 6; }
#popup_this { text-align: center; background: rgb(255, 255, 255); z-index: 9999; opacity: 1; position: fixed !important; top: 60% !important; left: 50% !important; transform: translate(-50%, -50%) !important; }
@media only screen and (max-width: 600px) {
  #popup_this { width: 90%; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; }
}
button { margin: 5px; padding: 10px 20px; font-size: 14px; cursor: pointer; }
.btn-primary { background-color: rgb(0, 123, 255); color: white; }
.btn-secondary { background-color: rgb(108, 117, 125); color: white; }
.btn-danger { background-color: rgb(220, 53, 69); color: white; }
.progress-container { display: flex; justify-content: center; align-items: center; border: 1px solid rgb(128, 128, 128); border-radius: 10px; transition: background-color 0.3s; background-color: var(--progress-bg-light); }
[data-theme="dark"] .progress-container { background-color: var(--progress-bg-dark); border: 1px solid var(--text-color-dark); }
.progress-container:hover { background-color: var(--progress-hover-light); }
[data-theme="dark"] .progress-container:hover { background-color: var(--progress-hover-dark); }
#thmeythmey { width: 100%; height: 100%; z-index: 1000; background: rgb(0, 0, 0); position: fixed; left: 0px; top: 0px; opacity: 0.7; display: none; }
.popup { display: none; position: fixed; z-index: 1001; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; max-width: 700px; height: auto; background-color: rgb(255, 255, 255); text-align: center; }
#popup img { width: 100%; height: auto; }
.countdown { font-size: 16px; position: absolute; margin-right: 30px; right: 5px; color: white; padding: 5px; }
#close-btn { float: right; position: absolute; right: -10px; top: -12px; cursor: pointer; font-size: 20px; color: white; background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
#close-btn:hover { color: black; }
.text-description { line-height: 1.5em; max-height: calc(10.5em); overflow: hidden; display: -webkit-box; font-size: medium; -webkit-line-clamp: 7; -webkit-box-orient: vertical; }
.text-description-right { line-height: 1.5em; max-height: calc(10.5em); display: -webkit-box; font-size: medium; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.bsky { width: 10px; height: 10px; filter: brightness(0) invert(1); }
div.social-icon > a.fa-bluesky { background-color: rgb(255, 255, 255); border-radius: 10%; padding: 7px; font-size: 24px; display: inline-flex; margin-left: 10px; align-items: center; justify-content: center; transition: background-color 0.3s ease-in-out, transform 0.3s ease-in-out; }
@media (min-width: 576px) and (max-width: 768px) {
  .grid-item .grid-item-img { height: 300px; }
  .about-inner img { width: 40%; margin-left: auto; margin-right: auto; }
  .news-list-item .img-wrapper { position: relative; width: 160px; max-width: 160px; height: 110px; }
  .slider-post img { width: 100%; max-height: 270px; }
  .post-height-1 { width: 100%; text-align: left; border-bottom: 1px solid rgb(224, 224, 224); margin-left: 0px; padding: revert-layer; height: 270px; max-height: 290px; }
  .grid-item-category .grid-item-img { position: relative; box-shadow: rgb(221, 221, 221) 0px 0px 1px 0px; height: 270px; max-height: 290px; overflow: hidden; }
  .width-respon { width: 20%; }
  .width-respon-1 { width: 22%; }
  .sub-footer { margin-bottom: 30px; }
  .news-grid-2 .col-padding .mini { width: 50%; }
}
@media (max-width: 576px) {
  .news-list-item .img-wrapper { position: relative; width: 150px; max-width: 160px; height: 110px; }
  .sub-footer { padding: 10px 0px; color: rgb(255, 255, 255); margin-bottom: 30px; }
  .slider-post img { width: 100%; height: auto; max-height: 260px; border-radius: 5px; }
  .post-height-1 { width: 100%; text-align: left; border-bottom: 1px solid rgb(224, 224, 224); padding: 5px; margin-left: 0px; height: auto !important; }
}
@media (max-width: 768px) {
  #navbar-menu .dropdown-menu { left: 5%; flex-wrap: wrap; position: relative !important; top: 0px !important; display: flex !important; border-top: 1px solid white !important; box-shadow: none !important; padding: 0px !important; }
  #navbar-menu .dropdown-menu > li { width: 50%; padding-left: 15px; box-sizing: border-box; }
  #navbar-menu .dropdown-submenu .dropdown-menu { padding-left: 30px; flex-direction: column; }
  #navbar-menu { max-height: 550px; overflow: hidden auto; }
  #navbar-menu::-webkit-scrollbar { width: 6px; }
  #navbar-menu::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.2); border-radius: 3px; }
}
.menu-center { display: flex; justify-content: center; align-items: center; }
.menu-center ul { display: flex; gap: 15%; list-style: none; margin: 0px; padding: 0px; }
.menu-center li a { display: flex; align-items: center; }
.ad-container { position: fixed; bottom: 50px; right: 0px; width: 300px; margin-right: 65px; z-index: 9999; }