/*
Theme Name: TT02
Theme URI: http://e-web.vn/
Author: hieu.dev
Author URI: http://e-web.vn/
Description: Mẫu theme tin tức TT02 - Kho giao diện website lớn nhất Việt Nam
Version: 2.1 - 09/03/2016
Text Domain: eweb
Domain Path: /languages/
Tags:
*/

@charset "utf-8";
@import url('css/reset.css');
@import url('css/wp-core.css');
@font-face{
	font-family:'FontAwesome';
	src:url('font-awesome/fonts/fontawesome-webfont.eot');
	src:url('font-awesome/fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),
		url('font-awesome/fonts/fontawesome-webfont.woff') format('woff'),
		url('font-awesome/fonts/fontawesome-webfont.ttf') format('truetype'),
		url('font-awesome/fonts/fontawesome-webfont.svg#FontAwesome') format('svg');
	font-weight:normal;
	font-style:normal
}
@font-face {
    font-family: Roboto-regular;
    src: url(fonts/RobotoCondensed-Regular.ttf);
}
@font-face {
    font-family: Roboto Condensed;
    src: url(fonts/RobotoCondensed-Bold.ttf);
}
@font-face {
    font-family: Roboto-light;
    src: url(fonts/RobotoCondensed-Light.ttf);
}
@font-face {
    font-family: Open Sans;
    src: url(fonts/OpenSans-Regular.ttf);
}
[class^="icon-"]:before,[class*=" icon-"]:before{
	font-family:FontAwesome;
	font-weight:normal;
	font-style:normal;
	display:inline-block;
	text-decoration:inherit
}
*{ margin: 0; padding: 0}
html {width: 100%;margin: 0 auto}
body {font-size:14px;line-height:24px;color:#222;font-family: 'Open Sans' sans-serif;font-style: normal;font-weight: 400;background: #fff}
table{width: auto}
.clear { float:none; clear:both; margin:0px; padding:0px;height: 0;display: block}
a{color:#222}
a,a:hover,a:active,a:focus {text-decoration: none; outline: none}
a:hover {color: #222}
a img{ border:none}
img { max-width:100%; height: auto}
ol, ul, li {list-style: none outside none}
input[type="submit"]{  border: 0;background: #0054A6;width: auto;line-height: 30px;padding: 0 10px;color: #fff;outline: none;cursor: pointer}
input[type="text"],input[type="email"],input[type="tel"],textarea{font-family: 'Open Sans',sans-serif;  width: 100%;resize: none;padding-top: 9px;padding-left: 2%;outline: none;font-family: Arial;color: #222;background: #F6EDBC;border: none}
textarea{height: 120px}
h1, h2, h3, h4, h5, h6{font-family: 'Roboto Condensed', sans-serif}
/*h1{ font-size:30px}
h2{ font-size:26px; letter-spacing:3px}
h3{ font-size:24px}
h4{ font-size:20px}
h5{ font-size:18px}
h6{ font-size:16px}*/
h1, h2, h3, h4, h5, h6, a, span, p, button, input, label, i,img{
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
a.bold{font-family: 'Roboto Condensed',sans-serif;font-weight: 700; display: block;line-height: 18px; font-size: 14px}
.overlay{position: absolute;top: 0;left: 0;right: 0;bottom: 0}
/* = Layout
-------------------------------------------------------------- */
.wrapper { clear:both; width:100%; margin:0px; padding:0px; float:left}
/* = Header
-------------------------------------------------------------- */
#header-wrapper{float:left;width:100%;background:#F05B89}
.social{background-color: #D63567;line-height: 30px;float: left;width: 100%;height: 30px}
.social,
.wrapper-main-menu,
.wrapper-footer,
.copyright{
	box-shadow: 0 0 0 100vmax currentColor;
	clip-path: inset(0 -100vmax);
}
.social{color:#D63567}
.social .login{float: right; color: #fff; margin-right: 15px}
.icon_font{margin-right: 10px;font-size: 15px;width: 20px;height: 20px;float: right;line-height: 20px;text-align: center;border-radius: 3px;margin-top: 5px}
.icon_font i{color: #FFEDD6}
.icon_font.face{background-color: #4D6BA2}
.icon_font.twitte{background-color: #8FD9F3}
.icon_font.gogle{background-color: #D96369}
.top_contact{background: #f2f2f2}
.logo-wrapper{background: #F05B89; padding: 15px 20px}
.wrapper-logo-banner .col-lg-8 a{line-height: 0;display: block}
.wrapper-logo-banner .col-lg-8 img{margin: 0}
.top-menu li{float: left;}
.top-menu li a{ float: left;font-family: 'Roboto Condensed', sans-serif;font-size: 16px; line-height: 34px;padding: 0 10px}
#searchform{float: right;  width: 100%}
#searchform input[type="text"]{ margin: 0px;padding: 0 10px;background: #fff;color: #a9a9a9;font-style: italic;outline: none;float: left;border: 1px solid #E0CEBD;border-right-width: 0;width: 84%}
#searchform input[type="submit"] {height: 26px;color: #F6EDBC;padding: 0 20px;border: 1px solid #E0CEBD;border-left-width: 0;background: #F99D1C url(images/icon-search.png) no-repeat center center; width: 15%}
.logo h1{display: none}
.logo2{display: none; line-height: 1}
.logo2 img{max-height: 40px}
/*Main menu*/
.wrapper-main-menu{background-color: #D63567;color:#D63567}
.menu-fixed{z-index: 9999;position: fixed;top: 0;left: 0;right: 0}
.main-menu ul{float: left;width: 100%; background-color: #D63567}
.main-menu ul li{float: left;position: relative}
.main-menu ul li a{color: #fff; line-height: 40px;  font-size: 16px;font-family: 'Roboto Condensed', sans-serif;padding: 0 20px; text-transform: uppercase;font-weight: 700}
.main-menu ul li.current-menu-item,.main-menu ul li:hover,.main-menu ul li.current-menu-parent{background: #F05B89}
.main-menu ul li.menu-item-has-children:hover:after{content: '';width: 0;height: 0;border: 7px solid transparent;border-top-color: #F05B89;position: absolute;bottom: 0;margin-bottom: -14px;left: 0;margin-left: 15px; z-index: 9999}
.main-menu ul li.item-home:hover:after{border-top-color: transparent}
/*Sub menu*/
.main-menu ul li:hover > .sub-menu{display: block;visibility: visible;z-index: 9999;opacity: 1;-webkit-transform: scale(1, 1);transform: scale(1, 1);transition: transform 0.3s ease, opacity 0.2s ease .1s;-webkit-transition: -webkit-transform 0.3s ease, opacity 0.2s ease .1s}
.main-menu ul li .sub-menu{background: #F3F3F3;min-width:210px;opacity: 0;padding:0;position:absolute;-webkit-transform-origin: top;transform-origin: top;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-transform: scale(1, 0);transform: scale(1, 0);transition: transform 0.5s ease, opacity 0.2s ease;-webkit-transition: -webkit-transform 0.5s ease, opacity 0.2s ease}
.main-menu ul li .sub-menu li {margin:0;width: 100%;-webkit-transition: 0.2s;-moz-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s}
.main-menu ul li .sub-menu li:hover a{color: #fff}
.main-menu ul li .sub-menu li:hover:after{border-top-color: transparent}
.main-menu ul li .sub-menu li a{padding: 0 15px;line-height: 37px;color: #222; font-size: 14px;text-transform: inherit}
.main-menu ul li .sub-menu ul {left:210px;margin-top: -37px}
/*Menu mobile*/
.close-menu{display: none}
.main-navigation{clear: both;display: block;float: left;width: 100%;background-color: #D63567;border-radius: 0;margin-bottom: 0px;border: 0px; text-align: center}
.main-navigation .off-canvas-toggle {float: left;padding: 0;line-height: 46px;width: 46px;margin: 0;height: 46px;text-align: center;border-right: 1px solid #fff; border-radius: 0}
.navbar-toggle .icon-bar{margin: 0 auto}
.main-navigation .off-canvas-toggle .icon-bar{background-color: #fff}
.menu .close-menu{text-align: center}
#off-canvas{background:#3c3c3c;transform: translate3d(-100%, 0, 0);-moz-transform: translate3d(-100%, 0, 0);-webkit-transform: translate3d(-100%, 0, 0);top: 0;bottom: 0;left: 0;height: 100%;overflow: hidden;position: fixed;visibility: hidden;z-index: -1;transition: transform .4s ease, visibility 0s ease .5s, z-index 0s ease .5s;-webkit-transition: -webkit-transform .4s ease, visibility 0s ease .5s, z-index 0s ease .5s}
body.mnopen #off-canvas{transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);overflow-scrolling: touch;overflow: auto;-webkit-overflow-scrolling: touch;-ms-overflow-style: -ms-autohiding-scrollbar;visibility: visible;z-index: 9999;transition: transform .4s ease, visibility 0s ease 0s, z-index 0s ease 0s;-webkit-transition: -webkit-transform .4s ease, visibility 0s ease 0s, z-index 0s ease 0s}
.off-canvas-inner{width:100%;background:#3c3c3c;color:#FFF}
.off-canvas-inner ul{float:left;width: 320px}
.off-canvas-inner ul li{float:left;width: 100%;border-top: solid 1px rgba(255,255,255,.1)}
.off-canvas-inner ul li:last-child{border-bottom: solid 1px rgba(255,255,255,.1)}
.off-canvas-inner ul li:hover{border-color: #212327}
.off-canvas-inner ul li.menu-item-has-children:hover{border-color: rgba(255,255,255,.1)}
.off-canvas-inner ul li a{padding: 9px 30px;margin: 0 auto;display:block;color: #999;font-size: 13px;text-transform: uppercase}
.off-canvas-inner ul li a:hover{background:#212327;color: #FFF}
.off-canvas-inner ul li a .fa-times-circle{opacity: .3;color: #D63567;font-family: "FontAwesome";font-size: 28px}
.off-canvas-inner ul li a:hover .fa-times-circle{opacity: 1}
.off-canvas-inner ul li .sub-menu li{line-height: normal}
.off-canvas-inner ul li .sub-menu li:last-child{border-bottom: 0px}
.off-canvas-inner ul li .sub-menu li a{padding-left: 40px}
.off-canvas-inner ul li .sub-menu li a:before{content: '-';display: inline-block;font-family: Fontawesome;color: #999;margin: 0 5px 0 0}
#reload{display: none;color: #fff; float: right;line-height: 46px;width: 46px;text-align: center;font-size: 20px;border-left: 1px solid #fff}
/* = Main
-------------------------------------------------------------- */
#main{float: left; width: 100%}
/*Slider Posts News*/
.post-update{float: left;width: 100%; margin: 10px 0}
.title-posts-news{ width: 11%;white-space: nowrap;float: left;margin-right: 10px;background: #D63567;color: #fff;text-transform: uppercase;font-size: 11px;padding: 0px 5px;position: relative}
.title-posts-news:after{  content: "\f0da";font-family: 'FontAwesome';position: absolute;color: #D63567;font-size: 16px;line-height: 22px;right: 0;margin-right: -5px}
.append_recent{float: right; width: 87%}
.post-update .slider-posts-news{float: left;width: 100%;  border-bottom: 1px solid #D6D6D6}
.post-update .slider-posts-news .item a{float: left;font-weight: 700;font-family: 'Roboto Condensed',sans-serif}
.post-update .slider-posts-news .item .date{  float: right;margin-right: 60px; color: #FF4141}
.slider-posts-news .owl-controls{margin-top: 0}
.slider-posts-news .owl-nav [class*=owl-]{  position: absolute;margin-bottom: 0!important ; top: 0;background: #fff!important;border: 3px solid #d6d6d6;width: 22px;height: 22px;  margin-top: -4px!important}
.slider-posts-news .owl-nav [class*=owl-] i{color: #222;position: absolute;top: 50%;margin-top: -7px;margin-left: -3px}
.slider-posts-news .owl-prev{  right: 0;margin-right: 30px!important}
.slider-posts-news .owl-next{  right: 0}
.slider-posts-news .owl-theme .owl-controls .owl-nav [class*=owl-]{padding: 0!important}
/*Home Page*/
.news-posts .thumb,.item-video a.thumb{line-height:0;display:block}
.news-posts .thumb img{width:100%;height:100%;display:block;object-fit:cover}
.news-posts-layout{display:flex;align-items:flex-start;gap:24px}
.news-posts-layout__lead{flex:0 0 56%;max-width:56%}
.news-posts-layout__side{flex:0 0 calc(44% - 24px);max-width:calc(44% - 24px)}
.news-featured-card,.news-side-card{padding-left:10px;padding-right:10px}
.news-featured-card{margin-bottom:20px}
.news-featured-card--single{padding-left:0;padding-right:0}
.news-featured-card--single .thumb{aspect-ratio:440/310;overflow:hidden;background:#f3f3f3}
.news-featured-content{padding:8px 0 0;max-width:100%}
.news-side-grid{display:flex;flex-wrap:wrap;margin-left:-10px;margin-right:-10px}
.news-side-card{display:flex;flex-direction:column;margin-bottom:18px;min-height:245px}
.news-side-card .thumb{aspect-ratio:236/125;overflow:hidden;background:#f3f3f3}
.news-featured-title,.news-side-title{margin:12px 0 0;letter-spacing:0}
.news-featured-title{margin-top:4px}
.news-featured-title{font-size:22px;line-height:1.3;font-family:'Roboto Condensed',sans-serif;font-weight:700}
.news-side-title{margin-top:10px;font-size:14px;line-height:1.4;font-family:'Open Sans',sans-serif;font-weight:700}
.news-side-excerpt{margin:6px 0 0;font-size:13px;line-height:1.5;color:#333}
.news-side-title a,.news-side-excerpt{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
.news-side-title a{-webkit-line-clamp:2}
.news-side-excerpt{-webkit-line-clamp:3}
.news-featured-title a,.news-side-title a{color:#111}
.news-featured-title a:hover,.news-side-title a:hover{text-decoration:underline}
a.abs{position: absolute;left: 0;right: 0;bottom: 0;margin: 0;background-color: rgba(214, 53, 103, 0.8);width: 100%;color: #fff;padding: 10px 15px;box-sizing: border-box;line-height: 1.35;max-height: 4.2em;overflow: hidden;word-wrap: break-word}
.abs:hover{color: #fff}
.timepost{  display: block;color: #919191;font-size: 12px;font-family: Arial}
.timepost:before{  content: "\f017";font-family: 'FontAwesome';margin-right: 5px;font-size: 12px}
.com_share{color: #919191;display: inline-block;font-size: 12px;width: 100%;font-family: Arial;  margin: 5px 0; font-weight: 300}
.com_share i.fa-tags, .com_share i.fa-user, .com_share i.fa-comments {margin-left: 10px}
.popular-posts{margin-top: 15px}
.popular-posts a img{margin-bottom: 5px}
.subcat{  border-bottom: 2px solid #D63567;display: inline-block;width: 100%;margin-bottom: 14px}
.subcat .title_active {background: #D63567; float: left;padding: 0 10px;position: relative; line-height: 34px; height: 34px}
.subcat i {color: #fff}
.subcat h2 { display: initial;line-height: 34px;font-size: 14px}
.subcat a {color: #fff;font-size: 14px;text-transform: uppercase;font-family: 'Roboto Condensed', sans-serif}
.popular-posts .owl-nav [class*=owl-]{  position: absolute;top: 50%;width: 30px;height: 80px;margin: -66px 0 0 0!important;padding: 0!important;opacity: 0.5;border-radius: 0!important; color: #FF4141!important;font-size: 40px!important;line-height: 80px}
.popular-posts .owl-nav [class*=owl-]:hover{background: #d6d6d6; opacity: 1}
.popular-posts .owl-nav .owl-prev {left: -15px}
.popular-posts .owl-nav .owl-next {right: -15px}
/*Main Content*/
.main-content{float: left;width: 100%; margin-top: 20px}
.posts-left,.main-left{border-right: 1px solid #d9d9d9}
.item-cate{float: left;width: 100%; margin-bottom: 15px}
.item-cate-2 .bold{float: none}
.item-cate-4{width: 69%}
.item-cate-4 img{float: left;margin-right: 10px}
.item-cate-5{width: 29%}
.mgr{margin-right: 2%}
.item73 li img{float: left;margin-right: 10px}
.list-posts{float: left;width: 100%}
.list-posts li.first img{ float: left;width: 100%;margin-right: 0}
.list-posts img{ float: left;margin-right: 10px}
.list-posts .bold{ margin-bottom: 5px;display: inline;color: #222}
.list-posts .bold:hover{text-decoration: underline}
.list-posts li.first .bold,.list-posts-4 .bold{display: block;color: #222}
.list-posts li{float: left;width: 100%; margin-bottom: 10px}
.list-posts-2 li.list-posts-4 li{margin-bottom: 10px}
.list-posts li:before,.archive .list-posts li.first:before,.single .list-posts li.first:before,.topview li.first:before{content:'\f0c8';font-family: FontAwesome;  font-size: 6px;color: #D63567}
.list-posts li.first:before,.list-posts-2 li:before, .list-posts-3 li:before, .list-posts-4 li:before,.list-posts-5 li:before,.tabsview li:before{content: none}
.tabsview li.first:before{content: none!important}
.list-posts-2 li{width: 49%}
.list-posts-3 li{width: 32%}
.list-posts-3 li{margin-right: 2%}
.list-posts-3 li:nth-child(3),.list-posts-3 li:nth-child(6),.list-posts-3 li:nth-child(9){margin-right: 0}
.list-posts-3 li:nth-child(4),.list-posts-3 li:nth-child(8){clear: both}
.list-posts-3 li img{width: 100%!important; margin-right: 0!important; margin-bottom: 5px}
.list-posts-2 li.first{margin-right: 2%}
.list-posts-2 li.first img{width: 100%!important; margin-right: 0!important; margin-bottom: 5px}
/*.list-posts-2 li img{ width: auto!important}*/
.list-posts-5 li img{width: 100%!important; margin-right: 0!important; margin-bottom: 5px}
.list-posts-2 .bold,.list-posts-3 .bold,.list-posts-5 .bold{color: #222}
/*.list-posts li img{  float: left;width: 170px;margin-right: 10px}*/
.list-posts-4 li img{  width: auto}
.main-content .item-cate > .list-posts:not(.list-posts-2):not(.list-posts-3):not(.list-posts-5) img.attachment-thumb_170x122,
.main-content .item-cate > .list-posts:not(.list-posts-2):not(.list-posts-3):not(.list-posts-5) img.size-thumb_170x122{
	width: 170px !important;
	max-width: 170px;
	height: 122px !important;
	object-fit: cover;
}
.tabsview li span.number{ font-family: 'Roboto Condensed',sans-serif;float: left;background-color: #F05B89;color: #fff;text-align: center;width: 40px;line-height: 40px;margin-right: 5px;font-size: 20px}
.subcat ul{  float: right;margin-top: 5px}
.subcat ul li{  float: left}
.subcat ul li a{color: #222;font-weight: 700;text-transform: uppercase;font-family: 'Roboto Condensed', sans-serif;padding: 0 5px}
.subcat ul li:after{content:'//';color: #D63567}
.subcat ul li.last:after{content:''}
.subcat ul li.last a{border-right: none}
.subcat-2{float: left;border-bottom: 1px solid #D9D9D9;width: 100%; margin-bottom: 12px}
.subcat-2 a,.subcat-2 span{  text-transform: uppercase;color: #D63567;line-height: 31px;float: left;border-bottom: 2px solid #D63567;margin-bottom: -1px;font-family: 'Roboto Condensed',sans-serif;font-weight: 700}
.item-cate-3 .list-posts .bold{display: block}
.item-cate-3 .bold{color: #222}
.posts-right .item-cate li.first .bold{  display: initial}
.posts-right .item-cate .bold{color: #222}
.posts-right .list-posts li.first:before{content: '\f0c8'}
.posts-right .list-posts,
.posts-right .list-posts ul,
.posts-right .list-posts li{overflow: hidden}
.posts-right .list-posts li{float: none}
.posts-right .item-cate-3 .list-posts li .bold{
	display: block;
	overflow: hidden;
	line-height: 1.45;
	word-break: break-word;
}
.posts-right .item-cate-3 .list-posts li img{
	display: block;
	float: none;
	width: 100%;
	max-width: 100%;
	height: auto;
	margin: 0 0 8px;
}
.item-cate-2 li.first:before{content:''!important}
.item-cate-2 li img{width: 100%;  margin-bottom: 5px; margin-right: 0}
.item-cate-3 li:before{content: ''}
.item-cate-3 li a{color: #222}
.widget_fallback_posts ul{float:left;width:100%;margin:0;padding:0}
.widget_fallback_posts li{float:left;width:100%;margin-bottom:10px;list-style:none;position:relative;padding-left:14px}
.widget_fallback_posts li:before{content:'\f0c8';font-family:'FontAwesome';font-size:6px;color:#D63567;position:absolute;left:0;top:8px}
.widget_fallback_posts li a{color:#222}
.md1 li.first img{  float: left;margin-right: 10px;max-width: 170px}
.item-video{position: relative; margin-bottom: 15px}
.item-video .title-cate{position: absolute;top: 0;background-color: #FADA1A;color: #222;padding: 0px 5px;margin: 5px 0 0 5px}
.item-video .bold{ position: absolute;bottom: 0;margin-left: 15px;margin-bottom: 10px;color: #fff!important}
/* = Footer
-------------------------------------------------------------- */
#footer-wrapper{ float: left;width: 100%}
.social_fo{background: #d9d9d9}
.social_fo .page_site div{  float: left;margin-right: 15px;border-right: 1px solid #bebebe;padding: 0 15px 0 0}
.social_fo .page_site div a{line-height: 40px;font-family: 'Roboto Condensed', sans-serif;font-weight: 700}
.social_fo .page_site div a i{  color: #00ADEF}
.box_footer{padding: 20px 10px}
#footer{float: left;width: 100%}
.wrapper-footer{float: left;width: 100%;background-color: #F05B89}
.wrapper-footer{color:#F05B89}
#footer, #footer a, #footer p{color: #fff}
#footer h4{ font-size: 18px; margin-bottom: 10px;padding-left: 10px; border-left: 5px solid #FAD51E}
#footer li{ margin-bottom: 5px}
#footer li:before{content:'\f105';font-family: 'FontAwesome';float: left;margin-right: 10px}

.copyright{padding: 5px 0;text-align: center;background: #D63567; position: relative; float: left;width: 100%}
.copyright{color:#D63567}
.to_top{ position: absolute;right: 0;bottom: 0;margin-right: 20px}
.to_top a{background-color: #FADA1A;width: 34px;height: 34px;float: left;text-align: center}
.to_top i{line-height: 35px;color: #222;font-size: 20px}
/* = Single
-------------------------------------------------------------- */
.single h1.cat-links, .page h1.cat-links{background: none; padding: 5px 0; color: #222; margin-bottom: 0}
.entry-meta-single h1 a{color: #fff}
.entry-meta-single a.bold{margin: 5px 0 0 10px;float: left}
#date_share{float: left;width: 100%;margin: 0 0 10px}
#date_share .date{float: left;font-size: 12px;font-family: 'Arial';color: #919191}
#block_share{float: right;font-size: 20px}
.btn_facebook{color: #36609F}
.btn_twitter{color: #2AA9E0}
.btn_google{color: #DB5442}
.single .dong-su-kien {margin: 10px 0;  float: left}
.single .dong-su-kien div {float: left;width: 100%;background: #F9E9F1;padding: 3px 0 5px 5px;margin-bottom: 1px}
.single .dong-su-kien a {color: #0E76BC!important;font-weight: 600}
header.entry-meta{float: left;width: 100%; margin-top: 10px; border-bottom: 2px solid #D63567}
.entry-meta .tag{ background: #ededed;color: #222;padding: 1px 5px;display: inline-block;font-size: 12px;margin-right: 5px;font-family: 'Roboto Condensed', sans-serif;font-weight: 700; margin: 10px 0}
.entry-meta .tag-links a{  background: #ededed;color: #0054a6;padding: 1px 5px;margin: 0 5px 5px 0;text-align: left;font-size: 12px;display: inline-block}
.post-content hr{float: left;width: 100%}
.article-fb-comments{display: inline-block;width: 100%}
.article-fb-comments .title{  background: #0054a6;color: #fff;padding: 3px 10px;margin-bottom: 15px;font-weight: 500;font-family: 'Roboto Condensed',sans-serif;text-transform: uppercase}
.post-related{margin-bottom: 20px;float: left;width: 100%}
.entry-content{float: left;width: 100%}
.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5{ font-weight: 700;font-size: 15px; font-family: 'Open Sans' sans-serif;line-height: 22px}
.entry-content strong{ font-weight: 700}
.box-comment{float: left;width: 100%; margin-top: 15px}
.share-send {background: url(images/like_click.gif) no-repeat 30px 0px;padding-top: 60px}
.fb-send, .fb-like, #twitter-widget-0{ float: left;margin-right: 5px}
.fb-send{margin-left: 30px}
#twitter-widget-0{margin-top: 4px}
#___plusone_0{ float: left!important;margin-top: 2px!important}
.posts-right iframe,.main-right iframe{width: 100%}
/*#u_0_3, #u_0_2{display: none}*/
/* = Category
-------------------------------------------------------------- */
.feature-posts-cate li{  margin-bottom: 0;padding-bottom: 0}
.feature-posts-cate{  border-bottom: 1px solid #D9D9D9;margin-bottom: 10px;padding-bottom: 10px}
h1.cat-links{color: #fff;font-weight: 700;font-size: 16px;float: left;text-transform: uppercase;background-color: #D63567;padding: 5px 20px; display: block;margin-bottom: 10px}
.list_category h2,.list_category h3{font-weight: 700}
.list_category ul{float: left;width: 100%}
.list_category .item-big{ float: left;width: 50%;margin-right: 3%;border-bottom: none; margin-bottom: 0; padding-bottom: 0}
.list_category .item-big img{width: 100%;height: auto;margin-right: 0;margin-bottom: 5px}
.list_category .item-big h2{margin-bottom: 5px}
.list_category .item-small{ float: right;width: 47%}
.list_category ul li{  display: inline-block;width: 100%;border-bottom: 1px solid #d9d9d9; margin-bottom: 10px; padding-bottom: 10px}
.list_category ul li:last-child{margin-bottom: 0;  border-bottom: none}
.list_category img{  float: left;margin-right: 10px}
.archive .item-cate .bold,.single .item-cate .bold{color: #222;display: inline!important}
.dong-su-kien a{  color: #D63567;font-weight: 700;font-family: 'Roboto Condensed', sans-serif}
/* For scrool box comment */
.box_comment_close {width: 20px;height: 20px;border-radius: 18px;background: #0072bd;border: 1px solid #d7d7d7;text-align: center;line-height: 18px;color: white;position: absolute;top: -10px;left: -10px;cursor: pointer;font-weight: bold}
.box_comment_fixed {position: fixed;bottom: 10px;left: 10px;width: 305px;background: white;border: 1px solid #d7d7d7;font-size: 12px;z-index: 99999}
.box_comment_header{padding: 0 10px;background: #0e76bc;height: 30px;line-height: 30px;color: white;font-size: 13px}
.box_comment_header span{cursor: pointer}
.box_comment_list {max-height: 300px !important;overflow-y: scroll;overflow-x: visible}
.hide_box_comment .box_comment_list {height: 0px !important}
.comment_form {overflow: hidden}
/*Comment*/
#comments{padding: 30px 0;float: left;width: 100%}
#comments .count-title{  color: #222;font-size: 18px;font-weight: 700}
.comment-list{list-style:none;padding:0; margin: 0}
.comment-list li{padding-left:0}
.comment-list li:before{content:none; list-style: none}
.comment-awaiting-moderation{display:block;font-style:italic;color:green}
.comment-awaiting-moderation:before{clear:both}
.comment-author .avatar{overflow:hidden;float:left;margin: 0 20px 0 0}
.comment-edit > a{color:#c6c6c6}
.comment-edit cite, .comment-meta cite a ,.comment-edit time {color: #222;font-size: 13px; font-style: normal}
a.comment-reply-link{margin-left:20px; font-size: 14px}
.comment-reply-link span{display: none;}
.comment-edit time , a.comment-reply-link{ color: #999}
.comment-content p{ display:inline; color: #444;font: 13px/24px}
.comment-content .comment-awaiting-moderation{color: #444;font: 13px/24px}
.comment-meta.comment-author .fn{ text-transform:capitalize}
.comment-metadata{float:right;display:inline-block}
.edit-link{ display:inline}
.comment-list .children{list-style:none;padding-left:85px;}
.form-allowed-tags code{background:none;color:#8e8e8e;}
article.comment{display:table;width:100%;padding: 10px 0;border-bottom: solid 1px #eaeaea}
article.comment .avatar-wrap{display:table-cell;padding:0 20px 0 0;width:86px}
article.comment .avatar-wrap .avatar{margin:0;max-width:none;-moz-background-clip: padding;-webkit-background-clip: padding-box;background-clip: padding-box;background-color: #f3f3f3}
article.comment .comment-meta{display:table-cell;vertical-align:top;width:100%}
article.comment .comment-edit{display: block;width: 100%;margin-top: -3px;margin-bottom: 7px}
article.comment .comment-edit .comment-time{float:right}
article.comment .comment-reply-link{margin-left:15px;font: 13px/24px;color:#999}
article.comment .comment-reply-link:hover{color:#222}
.comment-form-tm h5{font-weight: 700; font-size: 18px}
.comment-form-tm textarea,.comment-form-comment textarea{width: 100%;height: 120px;resize :none;padding-top: 9px;padding-left: 2%;outline: none;  font-family: Arial}
.cm-form-info p{margin-bottom: 5px;font-size: 13px}
.cm-form-info .form-submit{margin-bottom: 0}
#commentform{margin-top: 10px;}
#commentform input[type="text"]{border-radius: 0px;height: 30px;padding-left: 15px;-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;transition: all .2s ease-in-out;outline: none}
#commentform input#author::-webkit-input-placeholder:after,
#commentform input#email::-webkit-input-placeholder:after,
#commentform textarea#comment::-webkit-input-placeholder:after{color:red;content:" *"}
#commentform input[type='submit']{border: 0;background: #0054A6;width: auto;line-height: 30px;padding: 0 10px;color: #fff;outline: none;cursor: pointer}
#comments {padding: 0;float: left;width: 100%}
#comments .in,#comments .in a{color: #999;font-size: 13px}
.comment-content a {word-wrap: break-word}
.comment-respond{margin-top: 36px}
#cancel-comment-reply-link{font-size: 13px;color: #999}
/*Widget calendar*/
#wp-calendar {float: left; width: 100%; font-size: 11px}
#wp-calendar thead th { background: #f5f5f5; border: 1px solid #ddd; border-top: none; font-size: 11px}
#wp-calendar tbody td { text-align: center; border: 1px solid #ddd; line-height: 2.5em; transition: background 0.15s ease; -webkit-transition: background 0.15s ease; -o-transition: background 0.15s ease; -moz-transition: background 0.15s ease}
#wp-calendar tbody td:hover { background: #f1f1f1; color: #333}
#wp-calendar tbody td a { display: block; text-decoration: none; background: #f1f1f1; color: #333}
#wp-calendar tbody td:hover a { background: #4d4d4d; color: #fff}
#wp-calendar tfoot td { padding-top: 1px; padding: 4px}
#wp-calendar tfoot td#next{text-align: right}
#wp-calendar caption { cursor: pointer; font-size: 13px; text-transform: uppercase; margin: 0; padding: 12px; outline: 0 none !important; background: #3b86b0; color: #fff}
#wp-calendar tbody a { display: block; text-decoration: underline}
#wp-calendar th { text-align: center; border: 1px solid transparent; border-top: none; padding: 7px 0; color: #a7a7a7}
/*Pagenavi*/
.paging-navigation{  float: left;width: 100%;text-align: right;margin: 15px 0}
.wp-pagenavi {clear: both}
.wp-pagenavi a, .wp-pagenavi span {text-decoration: none;border: 1px solid #BFBFBF;padding: 3px 5px;margin: 2px}
.wp-pagenavi a:hover, .wp-pagenavi span.current {border-color: #222}
.wp-pagenavi span.current {font-weight: bold}
/*Breacrumb*/
.breadcrumb{font-family: 'Roboto Condensed', sans-serif; margin: 0 0 10px}
.breadcrumb a{font-weight: 700}
/*Sidebar*/
.tabsview{margin: 0px 0 0;float: left}
.tabsview ul{list-style: none;margin: 0;padding: 0;}
.tabsview #tabs{border-top: 2px solid #D63567;display: inline-block; width: 100%; margin-bottom: 10px;}
#tabs .ui-state-default{float: left; padding: 0 10px}
#tabs .ui-state-default a{float: left; padding: 5px 6px;font-family:'Roboto Condensed',sans-serif; text-transform: uppercase; cursor: pointer; transition: inherit}
#tabs .ui-state-default.ui-tabs-active{background: #D63567}
#tabs .ui-state-default.ui-tabs-active a{color: #fff;outline: none}
#tabs .ui-state-default.ui-tabs-active a:active{outline: none}
#tabs .ui-tabs-panel li{width: 100%;float: left; margin: 5px 0}
#tabs .ui-tabs-panel li a{color: #222;font-weight: 700; display: inline;font-family: 'Roboto Condensed', sans-serif; float: none}
#tabs .ui-tabs-panel li a:hover{}
#tabs .ui-tabs-panel li img{float: left;margin-right: 10px;width: 110px;height: auto}
#tabs .ui-tabs-panel li .com_share{width: 164px}
#tabs .ui-tabs-panel li .com_share a{color: #919191;font-weight: normal;font-size: 11px}
#wp-subscribe{padding:0 !important; background: none !important;  }
#wp-subscribe h4.title{text-transform: none !important; font-size: 16px !important; text-align: left !important; color: #222 !important; border-bottom: 2px solid #D63567 !important; color: #D63567 !important; display: inline-block; padding-bottom:5px}
#wp-subscribe p.text{margin: 8px 0 !important;}
#wp-subscribe input.email-field{width: 70% !important; background: #FFF !important; color: #222 !important; border: 1px solid #CCC; text-align: left !important; font-size: 13px !important; padding: 0 2% !important}
#wp-subscribe input.submit{background: #d56144 !important; color:#FFF !important; font-size: 13px !important; margin-top: 0 !important; text-transform: none !important; width: 28% !important; }
#wp-subscribe input{margin: 0 !important; padding: 0 !important; height: auto !important; line-height: 22px !important;}
/*Related Post*/
.related-posts .col-lg-4:nth-child(4),.related-posts .col-lg-4:nth-child(7),.related-posts .col-lg-4:nth-child(10),.related-posts .col-lg-4:nth-child(13),.related-posts .col-lg-4:nth-child(16){clear: both}
.exp-related{display: none}
.list-video img{width: 100%}
.list_video:nth-child(4n+1) {clear: both}
.single-video .cat-links{background: inherit; padding: 5px 0; color: #222}
.col-xs-5ths,.col-sm-5ths,.col-md-5ths,.col-lg-5ths {position: relative;min-height: 1px;padding-right: 15px;padding-left: 15px}
.col-xs-5ths {width: 20%;float: left}
@media (min-width: 768px) {.col-sm-5ths {width: 20%;float: left}}
@media (min-width: 992px) {.col-md-5ths {width: 20%;float: left}}
@media (min-width: 1200px) {.col-lg-5ths {width: 20%;float: left}}

/* = Responsive
-------------------------------------------------------------- */
@media all and (max-width: 1024px){
	.title-posts-news{width: 10%}
	.append_recent{width: 88%}
	#searchform input[type="text"]{ width: 80%}
}
@media screen and (max-width: 979px) {}
@media screen and (max-width: 800px) {
	.logo{display: none}
	.logo2{ display: inline-block}
	/*.ads-top-right{display: none}*/
	.main-menu{display: none}
	#reload{display: block}
	.title-posts-news{width: 13%}
	.append_recent{width: 85%}
	.navbar-toggle{display: block}
	.close-menu{display: block}
	.main-left{width: 100%!important; border-right: none}
	.main-right{display: none}
	.list_video:nth-child(3n+1){clear: both}
	.list_video:nth-child(4n+1){clear: inherit}
}
@media screen and (max-width: 768px) {
	.news-posts-layout{display:block}
	.news-posts-layout__lead,.news-posts-layout__side{max-width:none;flex-basis:auto}
	.news-featured-title{font-size:20px}
	.news-featured-excerpt{font-size:15px;line-height:1.6}
	.news-side-excerpt{font-size:13px}
	.news-featured-content{max-width:none}
}
@media screen and (max-width: 600px) {
	.logo{text-align: center}
	.title-posts-news {width: 16%}
	.append_recent {width: 82%}
	.related-posts img, .related-posts a{float: left}
	.related-posts a{float: left;width: 100%}
	.related-posts .col-lg-4{margin-bottom: 10px}
	.exp-related{display: block}
	.news-side-grid{margin-top:10px}
	.news-featured-card--single{padding-right:0}
	.list_video:nth-child(3n+1){clear: inherit}
	.list_video:nth-child(2n+1){clear: both}
}
@media screen and (max-width: 568px) {
	#searchform input[type="text"]{width: 210px}
	.news-featured-card,.news-side-card{width:100%;min-height:0}
	.news-featured-title{font-size:18px}
	.news-side-title{font-size:16px}
	.news-featured-excerpt{font-size:14px}
	.news-side-excerpt{font-size:14px}
}
@media screen and (max-width: 480px) {
	.top_contact{display: none}
	.list_category .item-big{width: 100%; margin-right: 0; margin-bottom: 10px}
	.list_category .item-small{width: 100%}
}
@media screen and (max-width: 412px) {
	.news-side-card{margin-bottom:20px}
}
@media screen and (max-width: 390px) {
	.list-posts-2 li.first{width: 100%; margin-right: 0}
	.list-posts-2 li{margin-right: 2%}
	.list-posts-2 li:nth-child(3),.list-posts-2 li:nth-child(5),.list-posts-2 li:nth-child(7){margin-right: 0}
	.list-posts-2 li p{display: none}
	.list-posts-2 li img{width: 100%!important}
	.list-posts-3 li{width: 48%}
	.list-posts-3 li:nth-child(3),.list-posts-3 li:nth-child(5), .list-posts-3 li:nth-child(7), .list-posts-3 li:nth-child(9){clear: both}
	.list-posts-3 li:nth-child(4),.list-posts-3 li:nth-child(6), .list-posts-3 li:nth-child(8){clear: inherit}
	.list-posts-3 li:nth-child(3), .list-posts-3 li:nth-child(6), .list-posts-3 li:nth-child(9){margin-right: 2%}
	.list-posts-3 li:nth-child(2), .list-posts-3 li:nth-child(4), .list-posts-3 li:nth-child(6){margin-right: 0}
	.item-cate-4,.item-cate-5{width: 100%;margin-right: 0}
	.related-posts .col-xs-4,.related-posts .col-xs-8,.related-posts .col-xs-4 img{width: 100%}
	.related-posts .col-xs-4 img{width: 100%}
}

/* =====================================================
   Sidebar phải – Redesign block "Xem nhiều"
   ===================================================== */

/* Search block */
.sidebar-search-block{margin-bottom:20px}
.sidebar-search-block .subcat-2{margin-bottom:10px}

/* Wrapper block Xem nhiều */
.sidebar-popular{margin-bottom:20px}
.sidebar-popular .subcat-2{margin-bottom:12px}

/* Bài nổi bật */
.sidebar-popular-featured{margin-bottom:12px}
.sidebar-popular-featured .thumb-wrap{display:block;overflow:hidden;line-height:0}
.sidebar-popular-featured .thumb-wrap img{width:100%;height:auto;display:block;transition:opacity .2s}
.sidebar-popular-featured .thumb-wrap:hover img{opacity:.88}

/* Footer widgets: stabilize thumbnail/text layout */
#footer .box_footer .list-posts li,
#footer .box_footer .tabsview li,
#footer .box_footer .item-cate li,
#footer .box_footer .popular-posts .item {
	float: none;
	width: 100%;
	display: flex;
	align-items: flex-start;
	gap: 10px;
	overflow: hidden;
}

#footer .box_footer .list-posts li img,
#footer .box_footer .tabsview li img,
#footer .box_footer .item-cate li img,
#footer .box_footer .item-cate-4 img,
#footer .box_footer .list-posts-4 li img {
	float: none;
	width: 110px !important;
	min-width: 110px;
	height: 75px !important;
	margin: 0;
	display: block;
	object-fit: cover;
}

#footer .box_footer .list-posts li a,
#footer .box_footer .tabsview li a,
#footer .box_footer .item-cate li a,
#footer .box_footer .popular-posts .item a {
	display: block;
	line-height: 1.4;
	flex: 1 1 auto;
	min-width: 0;
}

#footer .box_footer .bold {
	display: block;
	line-height: 1.4;
	word-break: break-word;
}

#footer .box_footer li:before {
	flex: 0 0 auto;
}

#footer .box_footer .list-posts li.first,
#footer .box_footer .list-posts-2 li.first,
#footer .box_footer .list-posts-3 li,
#footer .box_footer .list-posts-5 li {
	display: block;
}

#footer .box_footer .list-posts li.first img,
#footer .box_footer .list-posts-2 li.first img,
#footer .box_footer .list-posts-3 li img,
#footer .box_footer .list-posts-5 li img {
	width: 100% !important;
	min-width: 0;
	height: auto !important;
	margin: 0 0 8px 0;
}

.bottom-home{float:left;width:100%;clear:both}
.bottom-home:before,
.bottom-home:after,
.bottom-home .item-cate:before,
.bottom-home .item-cate:after,
.bottom-home .list-video:before,
.bottom-home .list-video:after,
.bottom-home-news-grid:before,
.bottom-home-news-grid:after{content:"";display:table;clear:both}
.bottom-home .item-cate{float:left;width:100%;clear:both;margin-bottom:20px}
.bottom-home .list-video{float:left;width:100%;clear:both}
.bottom-home .list-video [class*="col-"]{margin-bottom:18px}
.bottom-home .item-video{height:0;padding-bottom:62%;overflow:hidden;background:#f3f3f3}
.bottom-home .item-video .thumb,
.bottom-home .item-video .thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.bottom-home .item-video .bold{left:0;right:0;margin:0;padding:32px 10px 10px;background:linear-gradient(to top,rgba(0,0,0,.78),rgba(0,0,0,0));line-height:1.35;max-height:4.5em;overflow:hidden}
.bottom-home-news-grid{padding:20px 0 5px}
.bottom-home-news-card{margin-bottom:18px}
.bottom-home-news-thumb{display:block;line-height:0;overflow:hidden;background:#f3f3f3;aspect-ratio:236/125}
.bottom-home-news-thumb img{display:block;width:100%;height:100%!important;object-fit:cover;margin:0;float:none}
.bottom-home-news-title{font-size:14px;line-height:1.45;margin:8px 0 0;font-weight:700;letter-spacing:0}
.bottom-home-news-title a{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:#222}
.bottom-home-news-title a:hover{color:#D63567;text-decoration:none}
.single-sidebar{display:block}

@media screen and (max-width: 991px) {
	.single-sidebar{margin-top:20px}
	.single-sidebar .sidebar{display:none}
	.single-sidebar .widget_pnnn_random_book_cta,
	.single-sidebar .pnnn_random_book_cta{display:block}
	.single-sidebar .widget_pnnn_random_book_cta > div,
	.single-sidebar .pnnn_random_book_cta > div{margin-top:0!important}
}

@media screen and (max-width: 767px) {
	.bottom-home .list-video [class*="col-"]{width:50%;float:left}
	.bottom-home-news-card{width:50%;float:left}
}

@media screen and (max-width: 480px) {
	.bottom-home .list-video [class*="col-"],
	.bottom-home-news-card{width:100%;float:left}
}
.sidebar-popular-featured-title{margin:8px 0 0;font-size:15px;line-height:1.5;font-weight:700}
.sidebar-popular-featured-title a{color:#222}
.sidebar-popular-featured-title a:hover{color:#D63567}

/* Danh sách bài phụ */
.sidebar-popular-list{margin:0;padding:0;list-style:none;border-top:1px solid #e8e8e8;padding-top:4px}
.sidebar-popular-list li{position:relative;padding:7px 0 7px 16px;border-bottom:1px solid #f2f2f2;line-height:1.45}
.sidebar-popular-list li:last-child{border-bottom:none}
.sidebar-popular-list li::before{content:'\f105';font-family:'FontAwesome';font-size:13px;color:#D63567;position:absolute;left:0;top:8px}
.sidebar-popular-list li a{color:#333;font-size:13px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sidebar-popular-list li a:hover{color:#D63567}
@media screen and (max-width: 320px) {}

/* =====================================================
   Cột phải block chuyên mục – "Đọc nhanh"
   ===================================================== */
.cate-quick-read .subcat-2{margin-bottom:10px}
.cate-quick-read__list{margin:0;padding:0;list-style:none;border-top:1px solid #e8e8e8;padding-top:4px}
.cate-quick-read__list li{position:relative;padding:7px 0 7px 16px;border-bottom:1px solid #f2f2f2;line-height:1.45}
.cate-quick-read__list li:last-child{border-bottom:none}
.cate-quick-read__list li::before{content:'\f105';font-family:'FontAwesome';font-size:13px;color:#D63567;position:absolute;left:0;top:8px}
.cate-quick-read__list li a{color:#333;font-size:13px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cate-quick-read__list li a:hover{color:#D63567}

/* =====================================================
   Cột phải block chuyên mục - HTML tự do
   ===================================================== */
.home-block-right-html{font-size:14px;line-height:1.6;color:#333;word-break:break-word}
.home-block-right-html > *:first-child{margin-top:0}
.home-block-right-html > *:last-child{margin-bottom:0}
.home-block-right-html img{max-width:100%;height:auto;display:block}
.home-block-right-html iframe,
.home-block-right-html embed,
.home-block-right-html object,
.home-block-right-html video{max-width:100%}
.home-block-right-html ul,
.home-block-right-html ol{padding-left:18px}
.home-block-right-html a{color:#D63567}
.home-block-right-html a:hover{text-decoration:underline}

/* =====================================================
   BÀI VIẾT CÙNG CHUYÊN MỤC – Card grid redesign
   ===================================================== */
.related-post-item{margin-bottom:20px}
.related-post-thumb{overflow:hidden;line-height:0;background:#f5f5f5}
.related-post-thumb img{width:100%;height:auto;display:block;transition:opacity .2s}
.related-post-item a:hover .related-post-thumb img{opacity:.88}
.related-post-title{font-size:14px;line-height:1.45;margin:8px 0 0;font-weight:400}
.related-post-title a{color:#222;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.related-post-title a:hover{color:#D63567;text-decoration:none}

/* =====================================================
   Footer col 3 – "Bài mới nhất" text list
   ===================================================== */
.footer-recent-list{margin:8px 0 0;padding:0;list-style:none}
.footer-recent-list li{position:relative;padding:6px 0 6px 14px;border-bottom:1px solid rgba(255,255,255,.12)}
.footer-recent-list li:last-child{border-bottom:none}
.footer-recent-list li::before{content:'\f105';font-family:'FontAwesome';font-size:12px;color:rgba(255,255,255,.55);position:absolute;left:0;top:8px}
.footer-recent-list li a{color:rgba(255,255,255,.85);font-size:13px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.footer-recent-list li a:hover{color:#fff;text-decoration:none}

/* =====================================================
   Hotfix homepage bottom cards + footer bullets
   ===================================================== */
.main .container > .row > .bottom-home,
.bottom-home{
	float:left!important;
	width:100%!important;
	clear:both!important;
	box-sizing:border-box!important;
	padding-left:15px!important;
	padding-right:15px!important;
	margin-top:10px!important;
}
.bottom-home > .row,
.bottom-home-news-grid{
	display:flex!important;
	flex-wrap:wrap!important;
	align-items:stretch!important;
	margin-left:-10px!important;
	margin-right:-10px!important;
	padding:20px 0 5px!important;
}
.bottom-home > .row:before,
.bottom-home > .row:after,
.bottom-home-news-grid:before,
.bottom-home-news-grid:after{display:none!important}
.bottom-home > .row > [class*="col-"],
.bottom-home-news-card{
	float:none!important;
	display:block!important;
	width:25%!important;
	padding-left:10px!important;
	padding-right:10px!important;
	margin:0 0 20px!important;
	box-sizing:border-box!important;
}
.bottom-home > .row > [class*="col-"] > a,
.bottom-home-news-thumb{
	display:block!important;
	width:100%!important;
	aspect-ratio:236/125;
	line-height:0!important;
	overflow:hidden!important;
	background:#f3f3f3!important;
}
.bottom-home > .row > [class*="col-"] > a img,
.bottom-home-news-thumb img{
	display:block!important;
	float:none!important;
	width:100%!important;
	max-width:none!important;
	height:100%!important;
	min-height:0!important;
	margin:0!important;
	object-fit:cover!important;
}
.bottom-home > .row > [class*="col-"] h3,
.bottom-home-news-title{
	display:block!important;
	font-size:14px!important;
	line-height:1.45!important;
	font-weight:700!important;
	letter-spacing:0!important;
	margin:8px 0 0!important;
}
.bottom-home > .row > [class*="col-"] h3 a,
.bottom-home-news-title a{
	display:-webkit-box!important;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	overflow:hidden!important;
	color:#222!important;
}
.bottom-home > .row > [class*="col-"] h3 a:hover,
.bottom-home-news-title a:hover{color:#D63567!important;text-decoration:none!important}

#footer .box_footer ul,
#footer .footer-recent-list{
	margin:8px 0 0!important;
	padding:0!important;
	list-style:none!important;
}
#footer .box_footer li,
#footer .footer-recent-list li{
	position:relative!important;
	margin:0!important;
	padding:6px 0 6px 16px!important;
	line-height:1.45!important;
	border-bottom:1px solid rgba(255,255,255,.12);
}
#footer .box_footer li:last-child,
#footer .footer-recent-list li:last-child{border-bottom:none}
#footer .box_footer li:before,
#footer .footer-recent-list li:before{
	content:""!important;
	position:absolute!important;
	left:0!important;
	top:15px!important;
	width:5px!important;
	height:5px!important;
	border-radius:50%!important;
	background:#FAD51E!important;
	margin:0!important;
	float:none!important;
}
#footer .box_footer li a,
#footer .footer-recent-list li a{
	display:block!important;
	color:rgba(255,255,255,.9)!important;
	font-size:13px!important;
	line-height:1.45!important;
}

@media screen and (max-width: 767px) {
	.bottom-home > .row > [class*="col-"],
	.bottom-home-news-card{width:50%!important}
}

@media screen and (max-width: 480px) {
	.bottom-home > .row,
	.bottom-home-news-grid{display:block!important;margin-left:0!important;margin-right:0!important}
	.bottom-home > .row > [class*="col-"],
	.bottom-home-news-card{width:100%!important;padding-left:0!important;padding-right:0!important}
}