/*
Theme Name: XAY DUNG HA NAM
Theme URI: http://hatrungdung.com
Description: Lam web
Version: 2.0
Author: Ha Trung Dung
Author URI: http://entho.net
*/

* {
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
}
.ht-pad {padding-left: 0px; padding-right: 0px;}

.ht-page-container{    padding-left: 10%;
    padding-right: 10%;}

.page-index img {
    width: 100%;
    height: auto;
}
.content-bai-viet table {
    width: 100%;
}

/* CSS MENU */
.menu {padding-left: 0px;}
.main-nav ul {
    list-style-type: none;
    background: #0774b9;
}
.main-nav ul li {
    color: #f1f1f1;
    display: inline-table;
    width: 142px;
    height: 42px;
    line-height: 42px;
    position: relative;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 18px;
}
.main-nav ul li a {
    color: #f1f1f1;
    text-decoration: none;
    display: block;
    text-align: center;
}

.main-nav ul li a:hover {
    background: #0696f3;
    color: #f1f1f1;
}

.main-nav ul li > .sub-menu {
    display: none;
    position: absolute;
    padding-left: 0px;
}
.main-nav ul li .sub-menu li .sub-menu {
    display: none;
    position: absolute;
    left: 100%;
    top: 0;
}
.main-nav ul li:hover .sub-menu {
    display: block;
    z-index: 1;
}
.main-nav ul li .sub-menu li:hover .sub-menu {
    display: block;
}


/*CSS MENU BO SUNG*/

#menu-item-4 {background: #0696f3; float: left;
}
.main-nav ul li ul li {border-top: rgba(255, 255, 255, 0.51) solid 1px;}
/*END CSS MENU*/


/*CSS VER MENU */
.ver-menu {border-left: 1px solid #ccc; border-right: 1px solid #ccc;}
.ver-menu ul {
  /*background: #8AD385;*/
  /*width: 250px;*/
  padding: 0;
  list-style-type: none;
  text-align: left;
}
.ver-menu li {
  width: auto;
  height: 40px;
  line-height: 40px;
  border-bottom: 1px solid #e8e8e8;
  padding: 0 1em;
}
.ver-menu li a {
  text-decoration: none;
  color: #333;
  font-weight: bold;
  display: block;
  width: 250px;
}
.ver-menu li a:hover{
  /*background: #CDE2CD;*/
  color: #c93702;
}

/*==Dropdown Menu==*/
.ver-menu ul li {
  position: relative;
      z-index: 9999;
    background: #fff;
}
.ver-menu .sub-menu {
  position: absolute;
  left: 100%;
  top: -1px;
  display: none;
  border: 1px solid #e8e8e8;
}
.ver-menu li:hover .sub-menu {
  display: block;
}

/*END CSS VER MENU*/

.ver-cate {padding-left: 0px;}
.ver-title {
    padding-left: 10px;
    background: url() 4px no-repeat #0774b9;
    color: #FFF;
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    margin: 0px;
    height: 40px;
    line-height: 40px;
    border-radius: 6px 6px 0 0;
}
.ver-menu li a:before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f0da";
    margin-right: 10px;
    color: #0774b9;
}

/* CSs TRANG*/
.product {padding-top: 10px;}
.product h2 {
    color: #FFFFFF;
    font-weight: 500;
    font-size: 18px;
    background: url(img/bg-spsp.png) no-repeat;
    line-height: 40px;
    clear: both;
    text-transform: uppercase;
    text-indent: 40px;
    background-size: 100%;
}
.product a {color: #FFFFFF;}
.product-img img {width: 100%;}
.product-inner {
  padding-left: 0px;
  padding-right: 0px;
margin-bottom: 10px;
  border: 1px solid #e8e8e8;
    background: #fff;
    width: 24%;
    margin-right: 1%;
}
.product-inner h3 {margin: 4px 0; height: 50px; line-height: 25px;}
.product-inner a {
overflow: hidden;
    color: #222;
    font-weight: bold;
    display: block;
    /* padding: 0 10px; */
    font-size: 16px;
    text-decoration: none;
    }
.product-inner h4 {
    margin: 0;
    display: block;
    background: #0f76b8;
    height: 63px;
    line-height: 63px;
    text-transform: none;
}
.product-inner h4 a {
    color: #FFF;
}

/*CSS SIDE BAR*/

.widget {
    border: 1px solid #cccccc;
    margin-bottom: 20px;
    padding: 0;
    background: #fff;
    border-radius: 7px 7px 0 0;
}
h4.widget-title 
{
    background: url() 10px no-repeat #0774b9;
    color: #FFF;
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    margin: 0px;
    height: 40px;
    line-height: 40px;
    border-radius: 6px 6px 0 0;
    padding-left: 10px;
}
.gd_support_2 {
    padding-top: 160px;
    background: url(img/bg-support.png) center top no-repeat #0573b9;
}
.gd_support_2 .supporter {
    font-weight: bold;
    padding: 10px 30px;
    margin: 0 5px;
    border-bottom: 1px solid #2b9be3;
    position: relative;
    /*background: url(images/bg-tel.png) 8px center no-repeat;*/
}
.gd_support_2 .name {
    display: block;
    color: #fff;
    font-weight: 600;
    line-height: 25px;
}
.gd_support_2 .phone {
    color: #fff;
    font-weight: 500;
    display: block;
    font-size: 25px;
    font-family: 'Arial';
    background: url(img/phone.png) left center no-repeat;
    padding-left: 28px;
}
.gd_support_2 .email-sp {
    padding-left: 5px;
    line-height: 25px;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    background: none;
}
.gd_support_2 i {
    font-size: 14px;
    width: 14px;
    margin-right: 5px;
    color: #fff;
}
.img-qc {
    border: 0px;
}
.sidebar .img-qc .image-slider a {
    display: block;
    line-height: 0;
}
.image-slider img {width: 100%;}

/*CSS MENU FOOTER*/
.menu-footer {    background: #0573b9; height: 42px;
border-bottom: 1px solid #7cb4d9;}
.menu-footer ul {
  display: table;
      margin-left: auto;
    margin-right: auto;
}
.menu-footer li {
  list-style: none;
  float: left;
      position: relative;
}
.menu-footer li a {
  border-right: 1px solid #fff;
  color: #fff;
    font-weight: 500;
    font-size: 18px;
    padding: 0px 20px;
    line-height: 42px;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
}

/*END CSS MENU FOOTER*/

/*CSS MENU GIOI THIEU*/
.witget-footer {background: #0573b9; padding-bottom: 15px;}
.witget-footer h4 {
  text-transform: uppercase;
margin-top: 25px;
    color: #fff;
    text-decoration: underline;
    font-size: 16px;
    font-weight: 500;
}
.gt-footer li {list-style: none; height: 30px; line-height: 30px;}
.gt-footer li a{color: #fff; }
.gt-footer li a:hover{color: #ff0000; text-decoration: none;}
.gt-footer li a:before {
  font: normal normal normal 16px/1 FontAwesome;
    content: "\f0da";
    margin-right: 10px;
}
.witget-footer2 p {
    color: #fff;
    line-height: 28px;
    font-size: 14px;
    margin: 0;
}
.witget-footer2 p span {
  font-size: 20px;
    text-transform: uppercase;
}


.title-bai-viet {
    font-size: 25px;
    font-weight: bold;}

.content-404 {
      width: 999px;
    margin: 0 auto;
}

.content-404 h1 {font-size: 25px;}
.l25 {line-height: 25px;}

hr {
    display: block;
    -webkit-margin-before: 0.5em;
    -webkit-margin-after: 0.5em;
    -webkit-margin-start: auto;
    -webkit-margin-end: auto;
    border-style: inset;
    border-width: 1px;
}

.search {height: 42px; margin-bottom: 10px;

    border: none;
    padding: 8px 0px;
    font-size: 12px;
  background: #0774b9;
}

#searchform, .search-form {
      background: #fff;
}

#searchform input[type=text], .search-form input[type=text], .search-form input[type=search] {
    float: left;
    width: 90%;
    border: none;
    height: 26px;
    padding: 2px 6px;
    font-size: 12px;
}

#searchform input[type=submit], .search-form input[type=submit] {
  float: left;
    width: 30px;
    height: 26px;
    border: none;
    text-indent: -9999px;  
    cursor: pointer;
    margin-left: -30px;
}

.bx-wrapper {
      margin-bottom: 10px !important;
}
.gt-footer {height: 180px;}
.textwidget {height: 125px; margin-bottom: 40px;}
.wp-caption {width: 100% !important;}
.wp-caption img {display: block; margin-left: auto; margin-right: auto; width: 100%; height: auto;}
.content-bai-viet {text-align: justify;}
.info_new h4 a {color: #0473b9 !important;
    font-size: 18px;
    text-decoration: none;}
.new {margin-bottom: 10px;}
.quantrang a {
    color: white;
    background: #0573b9;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
border-radius: 3px;
}
.quantrang {
text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;

}
.current {
padding-left: 15px;
    padding-right: 15px;
    background: #00bee9;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 3px;
color: #ffffff;
}
.carousel-caption {
    color: #fff !important;
    width: 100%;
    background: url();
    line-height: 0px !important;
    text-align: left !important;
    right: 0px !important;
left: 0px !important;
position: absolute;
    bottom: 0px !important;
    z-index: 10;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
    padding-left: 10px;
}
.carousel-indicators {
display: none;
}
.carousel-caption h3 {
    font-size: 20px;
}