/*
Theme Name: SaiGonPlus-No-option
Theme URI: SaiGonPlus.net
Author: Mario
Author URI: https://wordpress.org/
Description: In 2014, our default theme lets you create a responsive magazine website with a sleek, modern design. Feature your favorite homepage content in either a grid or a slider. Use the three widget areas to customize your website, and change your content's layout with a full-width page template and a contributor page to show off your authors. Creating a magazine website with WordPress has never been easier.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, green, white, light, dark, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-img, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
Text Domain: SaiGonPlus

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
body{
	background: url(../img/bg.jpg);
      font-family: arial;
}
h2 {
  font-size: 22px;
}
h3 {
  font-size: 20px;
}
#lol {
    display: block;
    background: red;
    height: 5px;
}

#owl-demo .item {
    margin: 5px;
    color: #FFF;
    text-align: center;
}

#slider-carousel {
    border-top: 1px solid #dedede;
}

#slider-carousel:before {
    content: "";
    display: block;
    border-top: 1px solid #fff;
}

.customNavigation {
    text-align: right;
}

.customNavigation a {
    color: #0098da;
    font-size: 16px;
    margin-right: 10px;
}

#slider-carousel .pn-contents {
    margin-top: 10px;
    font-size: 14px;
}

.wrap-carousel {
  border: 1px solid #dfdfdf;
  background: #FCFAFA;
  padding: 5px;
    margin-top: 10px;
}

.ulBlockMenu p.liTitle {
    margin-top: 10px;
}

.header-carousel {
    float: left;
}

.title-carousel a {
    color: #0098da;
    font-weight: bold;
    font-size: 16px;
}

.scroll-to-fixed-fixed {
    left: auto !important;
    background: #fff;
}

ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

a {
    text-decoration: none;
    color: #000;
}

p {
    margin: 0px;
}

.desktop {
    display: block;
}

h1 {
    margin: 5px 0;
}
.dnfa:before{
  font-family: "FontAwesome";
  padding-right: 10px;
  font-weight: normal;
}
.du-lich-icon:before{
    content: "\f1b9";
}
.am-thuc-icon:before{
  content: "\f0f5";
}
.dich-vu-icon:before{
  content: "\f013";
}
.vui-choi-icon:before{
  content: "\f11b";
}
.goc-sai-gon-icon:before{
  content: "\f0fc";
}
.su-kien-icon:before{
  content: "\f0e3";
}
.thu-gian-icon:before{
  content: "\f215";
}

/*
.hr {
    float: left;
    width: 100%;
    height: 2px;
    background: rgb(232, 76, 61);
    margin: 5px 0;
}*/
#header{
	float: left;
	width: 100%;
	background: #fff;
  border-top: 1px solid #dfdfdf;
}
.header-top {
    background: #ccc;
}

.no-padding {
    padding: 0;
}

.no-lf-padding {
    padding-left: 0;
}

.no-rg-padding {
    padding-right: 0;
}
/*box-mxh Left*/
.box-mxh{
  position: fixed;
  top: 200px;
  left: 5px;
  background-color: #fff;
  float: left;
  padding: 5px;
  border: 1px solid #dfdfdf;
}
.ggplus{
    float: left;
  margin-left: 4px;
  margin-top: 10px;
}
/*box-mxh bottom*/
.box-mxh-bt {
  float: left;
  width: 100%;
  list-style: none!important;
  padding: 5px 5px 0 5px;
  border: 1px solid #dfdfdf;
  margin-bottom: 10px;
}
.box-mxh-bt li{
  float: left;
}

.wp-caption {
  background: #f1f1f1;
  line-height: 18px;
  max-width: 100% !important;
  padding: 8px;
  text-align: center;
  margin: auto;
  margin-bottom: 20px;
}
.wp-caption-text{
  font-size: 13px;
  color: #848484;
}

input.gsc-search-button-v2 {
    width: initial !important;
    height: initial !important;
}

.gsc-control-cse {
    padding: 0 5px !important;
}

.wrap-body {
    margin: auto;
    overflow: hidden;
    margin-top: 10px;
}

.banner-top {
    float: right;
    width: 100%;
}
.banner-top img {
  width: 100%;
}

.logo-top {
  margin-top: 1px;
  margin-bottom: 1px;
}
/*Menu*/
.top-bar,.contain-to-grid,.top-bar-section ul li,.top-bar-section li:not(.has-form) a:not(.button){
  background: #0561D0;
}
.top-bar-section ul li > a,.top-bar-section li:not(.has-form) a:not(.button):hover{
  color: #000;
}

.contain-to-grid{
  background: #0561D0;
  border: 0px solid #0561D0;
  border-top-width: 1px;
  border-bottom-width: 1px;
}
.top-bar-section .search-box input#topmenu_search_query{
  margin-top: -7px;
  float: left;
  width: 80%;
}
.top-bar-section #topmenu_search_submit {
    line-height: 10px;
    color: #000;
    margin-top: -2px;
    height: 33px;
    margin-left: -1px;
    top: 4px;
    width: 15%;
    float: left;
}
.top-bar{
height: 37px;
}
nav#fixNav {
  padding: 0 0px 0 15px;
}

nav#fixNav ul li {
  border: 0px solid #dfdfdf;
  border-left-width: 1px;
  padding: 0 0px;
}
nav#fixNav ul li.name{
    padding: 0 8px;
}
nav#fixNav ul li:last-child {
  border-right: 1px solid #dfdfdf;
}
.pn-images img{
    height: 121px;
    object-fit: cover;
}
.menu-bg-ft{
      float: left;
  width: 100%;
  height: 0px;
  background-color: #fff;
  border-bottom: 1px solid #dfdfdf;
}
.menu-bg-ft:after {
  content: "";
  background: url(../img/nav-shadow.html) no-repeat;
  height: 19px;
  margin: 0 auto;
  z-index: 1;
  float: left;
  width: 100%;
  margin-top: 5px;
}

.home-ico{
      line-height: 25px!important;
}
.home-ico i{
  font-size: 34px;
}
i.fa.fa-home {
  font-size: 30px;
  line-height: 37px;
}
.top-bar .name{
height: 37px;
}
.top-bar .search-box-wrapper.row {
width: 260px;
}
.top-bar .search-box-wrapper form{
  margin-left: 3px;
}
nav#fixNav ul li a {
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  line-height: 37px;
  transition: .1s all;
}
.top-bar.expanded ul#menu-main-menu li a{
line-height:0px;color: #fff;
}
.top-bar.expanded .title-area {
  background: #0098da;
}
.top-bar.expanded .toggle-topbar a{
  color: #fff!important;
}
.top-bar.expanded i.fa.fa-home{
color: #fff;
}
.top-bar.expanded .toggle-topbar a span::after {
  box-shadow: 0 0 0 1px #FFFFFF, 0 7px 0 1px #FFFFFF, 0 14px 0 1px #FFFFFF;
}


/*Hot news*/
.lastest-bl {
  float: left;
  width: 100%;
  background-color: #fff;
  margin: 15px 0;
  border: 1px solid #dfdfdf;
}

.lastest-lb {
  float: left;
  background: #0098da;
  padding: 0 10px 0 14px;
  color: #ffffff;
  position: relative;
  z-index: 2;
  font-weight: bold;
  text-align: center;

}

.lastest-bl a {
    color: #000;
    font-size: 13px;
}

.lastest-bl a:first-child {
    border-left: 0;
}

.lastest-bl .lastest-lb {
  float: left;
  min-width: 86px;
  white-space: nowrap;
  font-weight: bold;
  color: #fff;
  font-size: 13px;
  line-height: 27px;
  padding: 0px 10px;
  text-transform: uppercase;
}
.lastest-lb:after{
  left: 100%;
  top: 89%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(187,0,0,0);
  border-left-color: #0098da;
  border-width: 13px;
  margin-top: -23px;
  z-index: 1;
  border-left-width: 10px;
}
.breakingNews i.fa.fa-paper-plane{
  padding: 0 10px 0 5px;
  color: #0098da;
}
.pn-img {
    height: 93px;
    overflow: hidden;
}
.box-style1 .post-news .pn-image {
    height: 198px;
    overflow: hidden;
}
.breakingNews{position:relative;overflow:hidden;}
.breakingNews>.bn-title{width:auto; height:40px; display:inline-block; background:#2096cd; position:relative;}
.breakingNews>.bn-title>h2{display:inline-block; margin:0; padding:0 20px; line-height:40px; font-size:20px; color:#FFF; height:40px; box-sizing:border-box;}
.breakingNews>.bn-title>span{width: 0;position:absolute;right:-10px;top:10px;height: 0;border-style: solid;border-width: 10px 0 10px 10px;border-color: transparent transparent transparent #2096cd;}

.breakingNews>ul{padding:0; margin:0; list-style:none; position:absolute;   left: 145px!important; top:0; right:40px; height:40px; font-size:16px;}
.breakingNews>ul>li{position:absolute;width:100%; line-height:30px; display:none;}
.breakingNews>ul>li>a{overflow:hidden; display:block; white-space: nowrap;text-overflow: ellipsis; font-weight:normal;}
.breakingNews>ul>li>a>span{color:#2096cd;}
.breakingNews>ul>li>a:hover{color:#2096cd;}

/*Tab*/
.tabs-title {
  background-color: #0098da;
  color: #fff;
  padding: 5px;
  text-align: center;
  text-transform: uppercase;
  font-size: 13px;
  margin: 0px;
}
ul.tabs {
    padding-left: 0px;
    float: left;
    width: 100%;
    background: #F6F6F6;
}

.tabs li {
    float: left;
    text-align: center;
    background: #3D3878;
    padding: 3px;
}

.tabs li:first-child {
    width: 33%;
    margin-right: 1%;
}

.tabs li:last-child {
    width: 66%;
}

.tabs li a {
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    padding: 0 2px;
}

.tabs li.active {
    background: #0098da;
}

.tabs-content {
    background: #F6F6F6;
    padding: 10px;
    float: left;
      width: 100%;
}

.tabs-content a {
    color: #000;
    font-size: 13px;
}

.tabs-content ul {
    padding-left: 15px;
    color: #0098da;
}

.tabs-content ul li {
    border-bottom: 1px dotted #e2e2e3;
    line-height: 17px;
    padding: 5px 0;
}

.tabs-content ul li:last-child {
    border-bottom: 0px;
    padding-bottom: 0px;
}

#content {
    text-align: justify;
}
/*Category*/
.category .wrap-contents{
    padding-top: 10px;
}
/*Single*/
.wrap-contents {
  background-color: #fff;
  border: 1px solid #dfdfdf;
  float: left;
  width: 100%;
  font-size: 14px;
  margin-bottom: 10px;
}
.single .wrap-contents{
  padding: 10px 20px;
}
.wrap-contents ul{
    list-style: inherit;
  margin: auto;
  padding-left: 15px;
}
.single-content {
    font-size: 14px;
}

.single-content .content img {
    margin-top: 5px;
      padding: 5px;
  border: 1px solid #dfdfdf;
}

.single #content {
    line-height: 23px;
}

.single #content p,.single #content li {
    margin-bottom: 10px;
    font-size: 14px;
	list-style:none;
}

.single .wrap-contents iframe {
    width: 100%;
    height: 310px;
}

.single .fb-bl .fb-title{
    text-align: left;
  float: left;
  background-color: #0098da;
  width: 100%;
  padding: 2px 10px;
  color: #fff;
}
.single .fb-bl .fb-title i{
padding-right: 10px;
}
#footer-sidebar,.copyright {
    font-size: 12px;
}

#content>.row {
}

.wrap-content {
    float: left;
    border-bottom: 2px solid #0098da;
    margin-bottom: 10px;
    font-size: 14px;
      border: 1px solid #dfdfdf;
        padding: 10px;
  background-color: #FCFAFA;
}
.wrap-box-df{
          border: 1px solid #dfdfdf;
        padding: 10px;
  background-color: #FCFAFA;
}
.wrap-content .pn-title {
    color: #2b2b2b;
    font-size: 30px;
    line-height: 30px;
    margin-top: 10px;
    font-weight: bold;
}

.post-news .pn-contents {
    font-size: 14px;
    margin-top: 5px;
    line-height: 17px;
}

.post-news .pn-image img {
    width: 100%;
    max-height: 285px;
}
.wrap-content .pn-image{
    position: relative;
}

.post-news .pn-ex {
    font-size: 14px;
    margin-top: 5px;
	margin-right: 10px;
}

.post-news .pn-ex p {
    margin-top: 0px;
}

.box-style1 {
    margin: 10px 0;
}
.box-style1 .pn-image{
  padding: 10px;
  background-color: #fff;
  border: 1px solid #dfdfdf;
  border-bottom: 0px;
}
.box-style1 .post-news {
    margin-bottom: 0px;
}

.box-style1 ul.box-2c-list {
    padding: 10px;
    font-size: 14px;
    color: #0098da;
    border: 1px solid #CCC;
    border-top: 0px;
    padding-top: 10px;
    background: #FCFAFA;
    height: 190px;
    overflow: hidden;
}

.box-style1 ul.box-2c-list li a {
    color: #000;
}

.box-style1 .box-2c-title {
    background-color: #0098da;
  padding: 6px 8px;
    margin-bottom: 10px;
}
.box-style1 .box-2c-title i{
  padding: 0 1px;
}

.box-style1 .box-2c-title a {
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: bold;
}

.box-new.box-style1 .pn-content {
    border: 1px solid #dfdfdf;
    background: #F7F7F7;
}

.box-new.box-style1 .pn-title {
  line-height: 1.2em;
  font-weight: normal;
  font-size: 1.1em;
  padding: 10px 0;
  margin: 0 10px 5px 10px;
  height: 54px;
  overflow: hidden;
}

.widget-title {
  border-bottom: 1px solid #dfdfdf;
  margin-bottom: 4px;
  margin-top: 0px;
  font-size: 16px;
  font-weight: bold;
  padding: 3px 8px;
  background-color: #0098da;
  text-transform: uppercase;
  color: #fff;
}
.widget-title a{
  color: #fff;
}
.wg-content {
    float: left;
    width: 69%;
    margin-left: 2%;
}
/*posts-views-dn*/
.posts-views-dn .widget-title:before{
content: "\f110";
font-family: "FontAwesome";
padding-right: 10px;
font-weight: normal;
}
.posts-views-dn ul li {
  float: left;
  width: 100%;
  margin-bottom: 2px;
  padding: 5px 10px;
  border-bottom: 1px dotted #e2e2e3;
}
.posts-views-dn ul li:last-child{
  border-bottom: 0px;
}

.posts-views-dn ul li a {
    color: #000;
}
.posts-views-dn .wg-thumbnail {
    float: left;
}
#content-sidebar .posts-views-dn .dn-title{
  font-size: 13px;
}
.posts-views-dn .dn-title {
    display: block;
    font-size: 14px;
    line-height: 17px;
}
/**/
.tie-date {
    font-size: 12px;
}

.tie-date:before {
    font-family: 'FontAwesome';
    content: '\f017';
    font-size: 12px;
    padding-top: 3px;
    padding-right: 5px;
    font-weight: normal;
}

ul.list-child-cat {
  float: right;
  padding-top: 8px;
  height: 24px;
}

.list-child-cat li {
    float: left;
    font-weight: bold;
    padding: 0 5px;
    text-decoration: underline;
}

.title-box-1c {
    float: left;
    width: 100%;
    margin-bottom: 14px;
    border-bottom: 2px solid #0098da;
  padding-bottom: 2px;
}

.content-box-1c {
    float: left;
    width: 100%;
}

.title-box-1c .title-main a {
}
.title-main a{
    color: #fff;
    text-transform: uppercase;
    float: left;
    font-size: 15px;
    font-weight: bold;
    background: #0098da;
    padding: 6px 8px;
}
.content-box-1c .box-1c-list li,.box-1c-list2 li {
    float: left;
    width: 100%;
    margin-bottom: 2px;
    padding: 2px 0 4px 0;
}

.content-box-1c .box-1c-list .pn-image{
    float: left;
}

.content-box-1c .box-1c-list .pn-content{
    float: left;
    width: 69%;
    margin-left: 3%;
    font-size: 13px;
}

.box-1c-list .pn-title,.box-1c-list2 .pn-title{
    font-weight: bold;
    line-height: 16px;
}
.box-1c-list2 li:before,.box-style3-list li:before,.tabs-content ul li:before,.box-style1 ul.box-2c-list li:before,.list-random_category li:before{
  content: "\f00a";
  font-family: 'FontAwesome';
  float: left;
  line-height: 19px;
  padding-right: 10px;
color: rgb(249, 7, 7);
font-size: 10px;
font-weight: normal;
}
/*box-style2*/

/*box-style3*/
.box-style3 .first-post .pn-title{
margin-bottom: 10px;
}
.box-style3{
    font-size: 14px;
    margin:10px 0;
}

.box-style3-list li{
    float: left;
    width: 48%;
    margin: 2px 1%;
  line-height: 19px;
}
.box-style3-list a{
  font-size: 14px;
}
/*box-style4*/
.box-style4,.box-style2 {
  margin-top: 10px;
}
.box-style4 .title-main{
margin: 0px 0 10px 0;
  float: left;
  line-height: 18px;
}

.post-first .pn-title{
      position: absolute;
  bottom: 0px;
  color: #fff;
  background-color: #000000;
  opacity: 0.7;
    padding: 2px 10px;
    width: 100%;
}
.post-first .pn-image{
    position: relative;
}
.content-box-1c .pn-content {
    font-size: 13px;
}

.post-news {
    margin-bottom: 10px;
}

.post-news .pn-img img {
    width: 100%;
}

.post-news .pn-title {
  font-weight: bold;
  font-size: 16px;
  margin-top: 10px;
}

.wrap-content .post-news .pn-title {
  font-weight: bold;
  font-size: 16px;
    width: 100%;
  padding: 10px;
  margin-top: 10px;
  position: absolute;
  bottom: 0px;
  color: #fff;
  background-color: #000000;
  opacity: 0.7;
}

.content-box-1c .box-1c-list img.wp-post-image,.wg-thumbnail img {
    width: 70px;
    height: 70px;
}

.title-box-style3,.content-box-style3 {
    float: left;
    width: 100%;
    line-height: 18px;
}

.title-box-style3 {
    font-weight: bold;
    text-transform: uppercase;
  margin-bottom: 10px;
}

.title-box-style3 .pn-content {
    margin: 10px 0;
}
.box-style4 .box-style4-list{
  background-color: #fff;
  float: left;
  border: 1px solid #ccc;

}
.box-style4 .box-style4-list li{
  padding: 6px 10px;
}
.archive-header .archive-title {
    margin: 0 0 5px 0;
}

.post-cat {
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
	margin-top: 15px;
    padding-bottom: 5px;
    float: left;
    width: 100%;
}

.post-cat .content-post {
    margin-top: 5px;
}
.post-cat .content-post p{
  font-size: 14px;
}
.post-cat .img img {
    width: 100%;
}
.post-cat2 .img img {
    width: 100%;
}
.post-cat2 .title-cat{
  font-size: 14px;
}

.title-cat {
    font-weight: bold;
    font-size: 16px;
}

.image img {
    width: 100%;
}

.title-post {
    font-size: 24px;
    line-height: 24px;
}

ul.list-post {
    list-style-type: circle;
    padding-left: 28px;
    color: #F00;
}

ul.list-post li {
    float: left;
    width: 100%;
}

figure {
    margin: 10px 0;
}

.related_category_title {
    font-weight: bold;
    margin-bottom: 10px;
  border-bottom: 2px solid rgb(143, 30, 70);
    float: left;
    width: 100%;
    padding-bottom: 2px;
}

.share-post {
    float: left;
    width: 100%;
}

.related_category_title span {
    background: #0098da;
    padding: 5px 10px;
    color: #fff;
}

.date-post,.date-post span {
    font-size: 11px;
    color: #8B8B8B;
}

.des-detail p>img.aligncenter {
    max-width: 90%;
    height: auto;
    width: 90%;
    display: block;
    margin: 2px auto;
}

.des-detail p>img {
    border: 1px solid #cbcdcc;
    padding: 4px;
}
.widget.widget_text {
    margin-bottom: 10px;
}
/*random category*/
.random_category_title {
    margin-bottom: 10px;
    text-transform: uppercase;
    padding: 2px 0;
    margin-top: 10px;
}
.first-random_category {
  float: left;
  border-bottom: 1px solid #dfdfdf;
  padding-bottom: 5px;
  min-height: 63px;
}
.random_category_title a {
    background: #0098da;
    color: #fff;
    padding: 4px 10px;
width: 100%;
  float: left;
}

.random_category {
    margin-top: 10px;
    margin-bottom: 10px;
}

ul.list-random_category {
  font-size: 14px;
    padding-left: 0px;
    margin-top: 5px;
  list-style:none;
    margin-top: 10px;
    float: left;
  min-height: 165px;
}
ul.list-random_category li{
  float: left;
  margin-bottom: 0px;
  width: 100%;
    line-height: 15px;
}

.title-random_category {
  font-weight: bold;
  font-size: 14px;
  line-height: 14px;
  text-align: left;
}

.random_category_content {
font-size: 13px;
  line-height: 20px;
    border: 1px solid #ccc;
    padding: 5px;
    float: left;
}
/*dn_short_post shortcodes*/
.dn_short_post {
    display: block;
    clear: both;
    width: 90%;
    height: 110px;
    border: 1px solid #ddd;
    background: #f7f7f7;
    margin: 5px auto;
    padding-right: 10px;
    overflow: hidden;
}

.dn_short_post .short-thumbnail {
    float: left;
    padding-right: 10px;
}

.dn_short_post .short-thumbnail img {
    width: 150px;
    height: 110px !important;
    margin: 0px;
}

.dn_short_post .dn_short-title a {
    color: #0077B3;
    font-size: 16px;
    font-weight: bold;
}

.dn_short_post .dn_short-summary {
    color: #888;
}

.dn_short_post .dn_short-summary p {
    margin: 0px;
}
/*breadcrumbs*/

.breadcrumbs {
    float: left;
    width: 100%;
  background-color: #fff;
  margin: 10px 0;
  border: 1px solid #dfdfdf;
}

.breadcrumbs span {
  background: #0098da;
  color: #fff;
    padding: 5px 10px 4px 11px;
  position: relative;
  margin-right: 9px;
  font-size: 13px;

}

.breadcrumbs span:nth-last-child(2):before{
  display: none;
}
.breadcrumbs span:first-child{
  padding-left: 0px;
}
.breadcrumbs span:last-child{
  background: #fff;
  z-index: 1;
  padding: 0px 10px;
  color: #0098da;
  margin-left: -1px;
  font-weight: bold;
}
.breadcrumbs span:last-child:after,.breadcrumbs span:last-child:before{
display: none;
}
.breadcrumbs span:before {
  left: 99%;
  top: 89%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: #0098da;
  border-left-color: #FFFFFF;
  border-width: 12px;
  margin-top: -21px;
  z-index: 1;
  margin-left: 2px;
}
.post-cat2 div.img {
    height: 111px;
    overflow: hidden;
}
.breadcrumbs span:after {
  left: 99%;
  top: 81%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(187,0,0,0);
  border-left-color: #0098da;
  border-width: 12px;
  margin-top: -19px;
  z-index: 1;
}
.breadcrumbs h1 {
    background: #0098da;
    color: #fff;
    float: left;
    margin: 0px;
    font-size: 12px;
    padding: 4px 20px;
}

.breadcrumbs a {
    color: #fff;
padding: 3px 0px 4px 10px;
}

.breadcrumbs>.fa:last-child {
    display: none;
}
/*paging-navigation*/
.paging-navigation {
    float: left;
    width: 100%;
    margin-bottom: 15px;
    margin-top: 10px;
}

.page-numbers {
    padding: 10px;
    background-color: #2A2B64;
    color: #fff;
    cursor: pointer;
    -webkit-transition: background-color 0.5s ease-out 0.1s;
    -moz-transition: background-color 0.5s ease-out 0.1s;
    -o-transition: background-color 0.5s ease-out 0.1s;
    transition: background-color 0.5s ease-out 0.1s;
}

.page-numbers:hover {
    padding: 10px;
    background-color: #0098da;
}

.page-numbers.current {
    background: #0098da;
}

.footer-menu {
  background: #FFFFFF;
  border-top: 1px solid #dedede;
  color: #120F0F;
  margin-top: 10px;
  z-index: 69;
  display: none;
}

#footer .footer {
    color: #000;
    padding-top: 15px;
    font-size: 13px;
}
#footer .logo-footer{
  text-align: center;
}
#footer .logo-footer img{
  height: 60px;
}
#footer {

    border-top: 1px solid #ccc;
    padding-top: 10px;
  color: #333;
  margin-top: 55px;
}

#footer a {
  color: #333;
}

#footer .footer a:hover {
    color: #901D44;
}

.footer-menu .liParent a {
      font-size: 18px;
    color: #000;
    text-decoration: none;
    float: left;
    white-space: nowrap;
    width: 100%;
    line-height: 20px;
}

.footer-menu .ulBlockMenu {
    float: left;
    width: 14%;
    padding-bottom: 15px;
}

.footer-menu .liChild a {
    font: 13px arial;
    color: #000;
    text-decoration: none;
    float: left;
    width: 100%;
    line-height: 20px;
}

.DNscrollTop {
    position: fixed;
    bottom: 10px;
    cursor: pointer;
    right: 30px;
}

.wf-icon {
  padding: 8px 18px;
  color: #fff;
}

.post_cat {
    float: left;
    width: 100%;
}

.post_cat li {
    float: left;
    width: 100%;
    margin-bottom: 5px;
    padding: 5px 10px;
  border-bottom: 1px dotted #e2e2e3;
}
.post_cat li:last-child{
  border-bottom: 0px;
}
.post_cat .image-post_cat {
    float: left;
}

.sidebar-second .post_cat .title-post_cat {
    float: left;
    margin-top: 5px;
    line-height: 20px;
}

.post_cat .title-post_cat a {
    font-size: 14px;
}

.image-post_cat img {
    width: 100%;
}
/*sidebar*/
.sidebar-second .widget-title {
    font-size: 17px;
    border-bottom: 2px solid #2A2B64;
    margin-top: 0px;
}
.home #secondary {
  padding-top: 10px;
  border-top: 1px solid #dfdfdf;
}
#content-sidebar aside{
    text-align: left;
}
#secondary aside,#content-sidebar aside{
    border: 1px solid #dfdfdf;
    background: #fff;
    margin-bottom: 10px;
    float: left;
  width: 100%;
}
#content-sidebar .wg-content{
  width: 50%;
  margin-left: 4%;
}
#secondary .post_cat .date {
    display: block;
}
/*widget_categories*/
.widget_categories .widget-title:before{
content: "\f0ca";
font-family: "FontAwesome";
padding-right: 10px;
font-weight: normal;
}

.widget_categories ul{
  padding: 0 10px 10px 10px;
}
.widget_categories ul li:before{
  content: "\f101";
  font-family: "FontAwesome";
  padding-right: 6px;
  color: #0098da;
  font-weight: normal;
}



#sidebar-second {
    text-align: initial;
}
/*post_cat*/
.post_cat .widget-title:before{
  content: "\f0a1";
  font-family: "FontAwesome";
  padding-right: 10px;
  font-weight: normal;
}
#sidebar-second .post_cat.active {
    position: fixed;
    top: 50px;
    max-width: 141px;
    z-index: 1;
    background: #fff;
}
.post_cat .title-post_cat{
  float: left;
  width: 100%;
}
#sidebar-second .post_cat.active.deactive {
    bottom: 185px;
    top: inherit;
}
/*search*/
.search-box input#topmenu_search_query {
  padding: 5px 10px;
  height: 33px;
  margin-top: 2px;
  border: 1px solid #dfdfdf;
  outline: none;
}
#topmenu_search_submit{
  padding: 4px 10px;
  background-color: #fff;
  border: 1px solid #dfdfdf;
  height: 33px;
  margin-left: -5px;
  outline: none;
}

.page-content .search-box input#topmenu_search_query {
  width: 80%;
  float: left;
}
.page-content #searchsubmit{
  margin-left: -2px;
  margin-top: 2px;
  width: 20%;
  color: #000;
  float: left;
}
.search.clearfix {
    float: right;
}

.search.clearfix>div,.search.clearfix>form {
    float: right;
    font-weight: bold;
}

.search.clearfix>form {
    display: inline-flex;
}
/*Error*/
.error {
    color: #cc0000;
    font-size: 26px;
    text-align: center;
    border: 1px solid #ccc;
}

.error404 .page-content {
    float: left;
    margin-bottom: 20px;
  font-size: 14px;
}
.error404 .wrap-contents .page-header{
  text-align: center;
}
.error404 ul.list-random_category{
  min-height: 125px;
}
.backHome{
    text-align: left;
  line-height: 35px;
}
.backHome a{
  font-weight: bold;
  color: #0098da
}
/*related category*/
.related_category_content {
    text-align: left;
}

.related_category_content .image {
    margin-bottom: 5px;
}

.single-content .end-apper {
    height: 1px;
    float: left;
    width: 100%;
}

#sidebar-second .hr-lol {
    float: left;
    width: 100%;
    height: 1px;
}
#secondary{
  overflow: hidden;
}
#secondary .posts-views-dn.active {
    position: fixed;
    top: 35px;
    max-width: 310px;
    z-index: 1;
    background: #fff;
}

#primary-sidebar aside .widget-title {
    margin-top: 0px;
}

.share-post li {
    float: left;
    margin-right: 10px;
}

@media only screen and (min-width: 1026px) {
    #content {
        min-height: 1000px;
    };
}


@media only screen and (min-width: 940px){

}
@media only screen and (min-width: 940px) and (max-width: 1026px){
  #search-container{
    display: none;
  }
}
@media only screen and (max-width: 1026px) {
  .desktop {
      display: none;
  }

  #secondary .posts-views-dn.active {
      position: relative;
      max-width: 100%;
      bottom: initial !important;
      top: initial !important;
  }

  .logo-top,.banner-top {
      float: none;
      text-align: center;
      margin: auto;
  }

  .banner-top,.logo-top {
      display: none;
  }
  .no-rg-padding {
      padding-right: 15px;
  }
  .home #secondary,.medium-no-show{
    display: none;
  }
  .breadcrumbs {
    margin: 5px 0;
  }
  .single .wrap-contents{
    padding: 10px;
  }

}

@media only screen and (min-width: 640px) and (max-width: 900px) {
    .dn-medium-8 {
        width: 100%;
    }

    .dn-medium-6 {
        width: 100%;
    }

    .dn-medium-4 {
        width: 100%;
    }

    .dn-medium-3 {
        width: 100%;
    }

    .footer-menu .ulBlockMenu {
        width: 20%;
    }
}
@media only screen and (max-width: 940px){
      .top-bar, .contain-to-grid, .top-bar-section ul li, .top-bar-section li:not(.has-form) a:not(.button) {
      background: #0561D0;
    }
    .top-bar.expanded {
      background: #1886c8;
    }
    .contain-to-grid{
       background: #1886c8;
    }
    .top-bar,.contain-to-grid,.top-bar-section ul li,.top-bar-section li:not(.has-form) a:not(.button){
      background: #1886c8;
    }
    .top-bar-section ul li > a,.top-bar-section li:not(.has-form) a:not(.button):hover{
      color: #fff;
    }
    .top-bar-section li:not(.has-form) a:not(.button):hover,nav#fixNav .top-bar-section ul li a:hover,nav#fixNav .top-bar-section ul li:hover{
      background: #1886c8;
    }
    i.fa.fa-home,nav#fixNav ul li a{
      color: #fff;
    }
    .top-bar-section .search-box input#topmenu_search_query{
      margin-top: 0px;
    }
    nav#fixNav ul li{
        border-left-width:0px;
    }
    .top-bar-section #searchsubmit {
      top: 0px;
      margin-top: 0px;
      height: 33px;
    }
    ul.right{
      padding: 10px 0;
    }
    nav#fixNav{
      padding: 0px;
    }
    /*nav#fixNav ul li:hover,.current-menu-item a,.current-menu-parent a,#fixNav ul.sub-menu li:hover {*/
        /*background: none!important;*/
    /*}*/
    .top-bar-section li{
      text-align: center;
      border-bottom: 1px dotted #0098da!important
    }
    .wrap-body{
        margin-top: 0px;
    }

}
@media only screen and (max-width: 800px) {
   .lastest-bl marquee {
    width: 80%;
  }
  .wg-content {
    width: 60%;
  }
  .content-box-1c .box-1c-list .pn-content {
    width: 64%;
  }

}
@media only screen and (max-width: 767px) {
    #fixNav.active {
        left: 0;
        max-width: 100%;
    }

    #header {
    }
}
@media only screen and (max-width: 640px) {
  #secondary{
    display: block;
  }
  .post_cat .image-post_cat{
    float: none;
  }
  .box-style3-list li {
    width: 100%;
  }
  .single .breadcrumbs span:last-child{
    display: block;
  }

  .title-random_category {
    margin: 10px 0 5px 0;
  }
  .box-style1 ul.box-2c-list,ul.list-random_category{
    height: auto;
      min-height: inherit;
  }
  .no-lf-padding{
    padding-left:0.9375em;
  }
    .no-rg-padding{
    padding-right:0.9375em;
  }
}
@media only screen and (min-width: 480px) and (max-width:640px ) {
    .dn-small-9{
        width: 75%;
    }
    .dn-small-8 {
        width: 66.66667%;
    }

    .dn-small-6 {
        width: 50%;
    }

    .dn-small-4 {
        width: 33.33333%;
    }

    .dn-small-3 {
        width: 25%;
    }

    .random_category .row .medium-6:first-child {
        margin-bottom: 10px;
    }

    .footer-menu .ulBlockMenu {
        width: 25%;
    }
    .lastest-bl marquee {
      width: 70%;
    }
}

@media only screen and (max-width: 480px) {
  .dn-small-4{
    display: none;
  }
    .no-rg-padding {
        padding-right: 0.9375em !important;
    }

    .single #content iframe {
        height: 270px;
    }

    .mb-no-padding {
        padding: 0;
    }

    .footer-menu .ulBlockMenu {
        width: 50%;
    };
}

.end-post {
    float: left;
    width: 100%;
    height: 1px;
}

.nguonUrl {
    border: 1px solid #ccc;
    padding: 5px;
    background: #F2EBEB;
    float: left;
    width: 100%;
    margin: 5px 0;
    display: block;
}

.nguonUrl span {
    font-weight: bold;
    margin-right: 5px;
}

.content .h-post-news{
    width: 19%;
    float: left;
    margin-right: 1.25%;
}
.content .h-post-news:last-child{
    margin-right: 0%;
}
.related_category_content .medium-3{
  padding-bottom: 20px;
}
.top-bar-section ul.right{
  display: none;
}
#article-body table{
  width: 100%!important;
}