/*
  Theme Name: Witip
  Theme URI: http://creativevietnam.com.vn/
  Description: Thiết kế website,Seo website chuyên nghiệp số 1 Việt Nam
  Author: Nguyễn Bá Uynh - Điện thoại:0989 7888 95
  Author URI: http://creativevietnam.com.vn/
  Template:creativeframework
  Version: 6.8.1
  Tags: Công ty thiết kế website uy tín, chất lượng với 8 năm kinh nghiệm thiết kế website.
      Dịch vụ thiết kế website theo đúng chuẩn SEO được đánh giá cao bởi các doanh nghiệp trong và ngoài nước.Chúng tôi đem đến cho Quý khách hàng những dịch vụ, sản phẩm website chuyên nghiệp, tốt nhất. Sản phẩm chúng tôi đưa ra mang đậm phong cách mỹ thuật, ý tưởng, hệ thống code riêng theo từng khách hàng.
  License:
  License URI: http://creativevietnam.com.vn/
  Text Domain: creativeframework
*/
@import "css/style.css";
html {
    overflow-x: hidden;
}
body{
  font-size: 14px;
  font-family: tahoma,arial,'time-new-roman';
  -webkit-font-smoothing: antialiased;
  overflow-x:hidden; 
}
ul,ol{
  padding: 0;
  margin: 0;
}
img{
  max-width: 100%;
}
.widget{
  margin-bottom: 15px;
}
.post-list li{
  padding: 0;
}
.container{
  background: #fff;
}
.footer .container{
  background: none;
}
.header{
  padding: 0;
  background: none;
  border: none;
  position: relative;
}
.gioithieu , #metaslider_widget-2{
  padding-top: 1.5em;
}
.areaheader #polylang-2{
  position: absolute;
  z-index: 99;
  right: 287px;
  top: -42px;
  border-radius: 3px;
  background: #fff;
  padding: 3px 3px;
}
.areaheader #polylang-2 li{
  display: inline-block;
  padding-left: 10px;
}
.areaheader .search-form{
  position: absolute;
  z-index: 99;
  top: -46px;
}
#search-header{
  padding: 0;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 3px 3px 3px 10px;
}
#search-header .btn{
  padding: 0 5px;
}
#search-header input[type*="text"]{
  background: none;
  border: none;
  height: 28px;
  width: 200px;
}
.header .nav{
  background: #C20404;
  position: relative;
  min-height: 40px;
}
.header .nav:before{
  position: absolute;
  height: 100%;
  width: 100%;
  left: -100%;
  top: 0;
  content: '';
  z-index: 0;
  display: block;
  background:#C20404;
}
.header .nav:after{
  position: absolute;
  height: 100%;
  width: 100%;
  right:-100%;
  top: 0;
  content: '';
  z-index: 0;
  display: block;
  background: #C20404;
}
.header .nav ul{
  float: none;
}
.header .nav li,.header .nav li:hover,.header .nav li a:hover,.header .nav li a{
  background: none;
  border: none;
  color: #fff600;
  font-weight: bold;
}
.header .nav li a,.header .nav li a:hover{
  padding: 11px 10px;
  border-right: 1px solid #A80506;
}
.header .nav li a:hover{
  background: #C20404;
  color: #fff;
}
.header .nav li:last-child a,.header .nav li:last-child a:hover{
  border: none;
}
.sf-menu ul{
  position: absolute;
  top: 100%;
  left: 0;
  display: none;
  width: 250px;
  border: 1px solid #A80506;
  background: #C20404;
}
.sf-menu  li:hover ul{
  display: block;
  text-align: left;
}
.header .btn-primary{
  background: #FFAE00;
  border: none;
}
.header .nav li li a, .header .nav li li a:hover{
  border-right: none;
  font-size: 13px;
  font-weight: normal;
  border-bottom: 1px solid #A80506;
}
.sf-menu li li > a:hover, .sf-menu li li.sfHover > a, .sf-menu li li.current-menu-item > a, .sf-menu li li.current_page_item > a{
  background: #0637A3;
}
.metaslider{
  border: 1px solid #ccc;
}
.gioithieu p{
  margin-bottom: 10px;
}
.gioithieu span,.hotline span{
  color: #FD3441;
  font-weight: bold;
}
.gioithieu strong{
  color: #000;
}
.gioithieu li{
  font-style: italic;
  list-style: none;
  margin-bottom: 7px;
}
.gioithieu i{
  font-weight: bold;
  font-style: normal;
}
.footer-widgets [id*="nav_menu"]{
  margin-bottom: 1em;
}
#back-top span {
  background: #BD2412 url(images/up-arrow.png) no-repeat center center;
}
.copyright {
  padding: 1em 0;
  border-top: 1px solid #C9A92E;
}
.footer{
  color: #000;
  background: #FCD339;
  padding-top: 0px;
  border-top:none;
}
.dichvu{
  float: left;
  width: 49%;
  margin-right: 2%;
  margin-bottom: 2%;
  border-radius: 3px;
  position: relative;
}
.dichvu .link_show_all{
  position: absolute;
  top: 0px;
  left: 0px;
  text-indent: -9999px;
  background: none;
  border: none;
  height: 30px;
  border-radius: 0;
  width: 100%;
  opacity: 0;
}
.dichvu:nth-child(even){
  margin-right: 0;
}
.dichvu .title_widget,.new_post .title_widget{
  color: #D30303;
  background: url(images/bgrtitle.jpg)repeat-x;
  font-weight: bold;
  min-height: 30px;
  padding: 5px 10px;
  text-transform: uppercase;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.dichvu .post-list,.dichvu .textwidget,.new_post .post-list{
  padding: 10px;
  border: 1px solid #ccc;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  min-height: 260px;
}
.new_post{
  clear: both;
  padding: 15px;
}
.new_post .post-list{
  min-height: 0;
  display: table;
  width: 100%;
}
.new_post .post-list li{
  padding: 0px 15px;
}
.dichvu .post-list li{
  padding: 0;
  margin-bottom: 10px;
  list-style: none;
}
.new_post .post-list li .post-list_h a{
  color: #000;
  font-size: 13px;
  font-weight: bold;
  display: inline-block;
  margin-bottom: 10px;
  position: relative;
}
.new_post .post-list li .post-list_h a:after{
  position: relative;
  display: inline-block;
  content: '';
  background: url(images/iconnew.gif) center center no-repeat;
  background-size: 30px;
  width: 40px;
  height: 10px;
}
.dichvu .post-list li a{
  background: url(images/iconli.png) left center no-repeat;
  padding-left: 10px;
  color: #000;
  font-size: 13px;
  font-weight: bold;
}
.dichvu .post-list li a:hover{
  color: #FD3441;
}
.dichvu .post-list li:first-child .post-list_h{
  margin-bottom: 10px;
}
.dichvu .post-list li:first-child a{
  color: #000;
  font-weight: bold;
  background: none;
  padding-left: 0;
  font-size: 14px;
}
.sidebar .title_widget{
  color: #D30303;
  background: url(images/bgrtitle.jpg)repeat-x;
  font-weight: bold;
  min-height: 30px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  text-transform: uppercase;
  padding:5px 10px;
}
.sidebar .hotline .textwidget,.sidebar .post-list{
  padding: 10px;
  border: 1px solid #ccc;
  display: table;
  width: 100%;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
#sidebar ,#content{
  padding-top: 10px;
}
#content{
  padding-right: 0px;
}
.sidebar .adv{
  text-align: center;
}
.post-list{
  padding: 0;
}
.post-list .excerpt{
  margin-bottom: 0;
}
.tin-tuc li{
  padding: 10px 0px;
  border-bottom: 1px dashed #ccc !important;
  list-style-position: inside;
  list-style-type: lower-hexadecimal;
  color: #0D66BA;
}
.tin-tuc li a{
  font-weight: normal !important;
  background: none !important;
  padding: 0px 10px !important;
}
.footer-widgets [id*="nav_menu"]{
  background: #FCD339;
  position: relative;
  min-height: 42px;
}
.footer-widgets [id*="nav_menu"]:before{
  background: #FCD339;
  position: absolute;
  top: 0;
  height: 100%;
  left: -100%;
  z-index: 0;
  display: block;
  content: '';
  width: 100%;
}
.footer-widgets [id*="nav_menu"]:after{
  background: #FCD339;
  position: absolute;
  top: 0;
  height: 100%;
  right: -100%;
  z-index: 0;
  display: block;
  content: '';
  width: 100%;
}
.footer-widgets [id*="nav_menu"] li{
  float:left;
  list-style: none;
  position: relative;
  margin-top: 1em;
}
.footer-widgets [id*="nav_menu"] li a{
  color: #272727;
  padding: 0px 10px;
  border-right: 1px solid #C5A119;
  display: block;
}
.thumbnail{
  padding: 0;
  border: none;
  border-radius: 0;
}
.rightcontent{
  padding: 0;
  max-width: 540px;
  min-width: 540px;
}
.category .sidebar{
  max-width: 230px;
}
.title-section{
  padding: 0;
}
.breadcrumb{
  padding: 5px 15px;
  font-size: 12px;
}
.breadcrumb a{
  font-size: 12px;
}
.breadcrumb > li + li:before{
  content: '';
}
.title-header{
    margin: 0.5em 0px;
    font-size: 28px;
    color: #c20404;
}
.featured-thumbnail.large img{
  width: auto;
}
.featured-thumbnail.large{
  float: left;
  margin-right: 10px;
}
.rightcontent .btn-primary{
  background: none;
  border: none;
  color: #FD3441;
  float: right;
  font-size: 13px;
  font-style: italic;
}
.rightcontent .btn-primary:hover,.rightcontent .btn-primary:focus,.rightcontent .btn-primary:active,.rightcontent .btn-primary.active,.rightcontent .open .dropdown-toggle.btn-primary{
  background: none;
  border: none;
  color: #FD3441;
  text-decoration: underline;
}
.post_wrapper{
  margin-bottom: 0;
  padding: 10px 0px;
  border-top: 1px dashed #ccc;
}
.post__holder .post_content{
  padding-bottom: 0;
}
.baivietlienquan {
  margin: 20px 0px;
}
.baivietlienquan .title{
  font-weight: bold;
  color: #0D66BA;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px dashed #ccc;
}
.baivietlienquan .same ul {
  margin: 0 0 0 20px;
}
.baivietlienquan .same li{
  margin-bottom: 7px;
  padding: 0 20px 0 0;
  width: 50%;
  float: left;
}
.baivietlienquan .same li a{
  color: #000;
  display: block;
}
.baivietlienquan .same li a:hover,.baivietlienquan .same li:hover{
  color: #FD3441;
}
.sidebar [id*="my_poststypewidget"] .post-list{
  padding: 0;
}
.sidebar [id*="my_poststypewidget"] .post-list li{
  padding: 7px 0px;
  border-bottom: 1px dashed #ccc;
}
.sidebar [id*="my_poststypewidget"] .post-list li:last-child{
  border-bottom: none;
}
.sidebar [id*="my_poststypewidget"] .post-list li a{
  padding: 0px 10px 0px 20px;
  display: block;
  font-weight: bold;
  font-size: 13px;
  color: #000;
  background: url(images/iconli.png) 10px center no-repeat;
}
.sidebar [id*="my_poststypewidget"] .post-list li a:hover{
  color: #FD3441;
  text-decoration: none;
}
.footer-text{
  float: none;
  text-align: center;
}
.single .post_content ul{
  padding: 10px 20px 10px 40px;
}
.single .post_content p{
  margin-bottom: 10px;
}
.bannerheader{
 position: relative;
}
.bannerheader #google_translate_element{
   position: absolute;
   bottom: 10px;
   right: 10px;
}
.nav__primary p, .menu_mobile{display: none;}
.sidebar .widget {
  width: 100%;
  float: left;
}
.pagination{
  display: inline-block;
  width: 100%;
  text-align: center;
  padding-top: 1.5em;
}
.pagination ul li{
  display: inline-block;
}
.pagination ul li a{
    border: 1px solid #deded1;
    color: #f55;
    font-size: 1.1em;
    letter-spacing: 1px;
    margin: 8px;
    padding: 8px 12px;
    position: relative;
    text-transform: uppercase;
}
.pagination ul li.active a{
  background-color: #f55;
    border: 1px solid #f55;
    color: #fff;
}
.post__holder{
	overflow: unset;
}
.single-post div#content {
    padding: 0 15px;
}
div#mvcwid,div#mvcwid ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
div#mvcwid li, div#mvcwid ul li {
    list-style:none;margin-right:15px;
}

@media (min-width: 1200px) {
  .container { width:1000px; }
}
[id*="wp_statsmechanic-"]{
  right: 0;
}
@media (max-width: 767px){
  .sf-menu {
    display: none;
  }
  .baivietlienquan .same li {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .bannerheader #google_translate_element{
    bottom: -33px;
    z-index: 9;
  }
  .nav__primary p, .menu_mobile .sf-menu{display: block;}
  .nav__primary p{
    height: 38px;
    background: #C20404 url(images/iconmobile.png) left center no-repeat;
    top: 0px;
    margin: 0px;
    width: 100%;
    color: #fff;
    line-height: 37px;
    text-indent: 40px;
    cursor: pointer;
    z-index: 9;
  }
  .menu_mobile .sf-menu li a{
    border: none;
  }
  .menu_mobile .sf-menu li{
    width: 100%;
    border: none !important;
    float: none;
    text-align: left;
    background: #C20404 !important;
  }
  .menu_mobile .sf-menu{
    background: #C20404 !important;
    margin-top: 1em;
  }
  .menu_mobile .sf-menu .sub-menu{
    padding-left: 2em;
  }
  .menu_mobile .sf-menu .sub-menu,.menu_mobile .sf-menu .sub-menu li, .menu_mobile .sf-menu .sub-menu li a,.menu_mobile .sf-menu .sub-menu li a:hover{border: none !important;}
  .dichvu{
    width: 95%;
  }
  div#my_poststypewidget-2{margin-right: 2%;}
  #wp_statsmechanic-2{display: none;}
  .areaheader .search-form {
    display: none;
  } 
  .bannerheader{text-align: center;}
  .sidebar{display: none;}
  .rightcontent{max-width: 100%; min-width: 100%;padding: 10px;}
}
span.time{
  color: #666;
  font-size: 11px;
}