/* # General styles ================================================== */
 * {
     margin: 0px;
     _margin: 0px;
     padding: 0px;
}
 *::after, *::before {
     box-sizing: content-box;
}
 ol, ul {
     margin: 0px;
     padding: 0px;
}
/*
.row {
display: flex;
flex-wrap: wrap;
}
*/
 body {
     
     font-size:15px;
     background-color:#F5F5F5;
}
 a {
     text-decoration: none;
}
 a:hover {
     text-decoration: none;
}
/*===== Common classes =====*/
 .red-italic {
     color: #CC0000;
     font-style: italic;
     font-size: 12px;
}
 .NoRecordHome {
     color: #333;
     padding: 5px 0px 5px 10px;
     font-weight: bold;
     font-size: 13px;
     float: left;
}
 .NoRecord-2 {
     font-weight: bold;
     font-size: 13px;
}
 .cusor-text {
     cursor:text;
}
 .img-responsive{
     display:inline;
}

td, th
{
 padding:7px;   
 }
 #puBaoGia
 {
     z-index: 20000000000 !important; 
 }
 #puLaiThu
 {z-index: 20000000000 !important; }
 .popup-baogia
 {
     z-index: 900 !important; 
 }
 h4.modal-title
 {
  font-weight:600;    
     
 }
 
/*===== Page =====*/


/*------------Video YouTube----------*/
 .embed-container {
     position: relative;
     padding-bottom: 56.25%;
     height: 0;
     overflow: hidden;
     max-width: 100%;
}
 .embed-container iframe, .embed-container object, .embed-container embed {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}

.vid {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.vid iframe,
.vid object,
.vid embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* ------ /Video YouTube -------- */
 .wating-send {
     text-align:center;
}
 .wating-send img {
     width:100px;
}
 .wating-send p {
     color: #FF0000;
     font-size:22px;
     text-align:justify;
     padding:10px;
}
.modal-header .close {
    margin-top: -10px;
    color: #f00;
    font-size: 30px;
    opacity: .8;
}

.modal-footer {     
    text-align: right;
}

/*===== Header logo =====*/
.w-top
{
  /*  background-color:#383838; */
    padding: 10px 0px;
     background-image: url(../images/bg.jpg) !important;

 }
  .w-hotline
    {
        padding-top:15px;
    }
    
 h3.logo
 {
  margin-top:0px;
  margin-bottom:0px;
  
 }
 .icon-call
{
 margin-top: -10px;    
} 

 
.w-menu

{background-color: #E12029;
 
} 

/*===== /Header logo =====*/
/*===== Page Content =====*/

.w-content
{
   
    -webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.05);
    box-shadow: 0 3px 5px rgba(0,0,0,0.05);
    background-color: #fff;
    padding:15px;
}

/*===== Sidebar left =====*/
/* -------- box pannel ---------*/
 .panel {
     margin-bottom: 10px;
     border: none;
     -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, .05);
     box-shadow: 0 0px 0px rgba(0, 0, 0, .05);
}
 .panel-primary {
     border-color: #ddd;
}
 .panel-primary > .panel-heading {
     color: #fff;
     border: none;
     padding-top: 10px;
     padding-bottom: 10px;
     border-top-left-radius: 0px;
     border-top-right-radius: 0px;
     font-weight: bold;
     font-size: 15px;
     background-color: #B6A922;
}
 .panel-body {
     padding: 2px;
    /* border-right-style: solid;
     border-bottom-style: solid;
     border-left-style: solid;
     border-right-width: 1px;
     border-bottom-width: 1px;
     border-left-width: 1px;
     border-right-color: #ddd;
     border-bottom-color: #ddd;
     border-left-color: #ddd;
     */
     background: #fff;
}
 .body-inner {
     padding: 0px 5px 5px 5px;
}
 .panel-heading span {
     font-size: 16px;
}
 .pn-heading {
}
 .pn-heading h3 {
     padding: 10px 0px;
     font-size: 20px;
     margin-top: 0px;
     font-weight: bold;
     text-align: center;
}
 .pn-heading a {
     color: #fff;
}
/* -------- /box pannel ---------*/
 .page-header {
     padding-bottom: 0px;
     margin-bottom: 10px;
     margin-top: 4px;
}
/* ----- News ------ */
 h1.post-detail-title {
     font-size: 22px;
     margin-bottom: 0px;
     margin-top: 10px;
}
 .post-detail {
     text-align: justify;
     color: #000;
     margin-bottom: 20px;
}
/* ----- /News ------ */
/*===== Sidebar content =====*/
 .w-content {
    
}
 .box-sidebar-content-w {
     padding: 0px;
     margin: 0px auto 5px auto;
     background-color: #FFFFFF;
}
 .box-sidebar-content-title {
     background: transparent url("../images/cleftr.png") repeat-x scroll right top;
     border-radius: 3px 3px 0px 0px;
     margin: 0px;
     padding: 5px 1px 0px 5px;
     height: 35px;
}
 .box-sidebar-content-title span {
     color: #000;
     font-size: 13px;
     font-weight: bold;
}
 .box-sidebar-content-inner {
     margin: 0px auto;
     padding: 5px 0px 0px 0px;
     border: 1px solid #E5E5E5;
     border-top: none;
}
 .box-sidebar-content .row {
     margin: 0px -5px;
}
/* ==== box-items-detail ==== */
 #imgShow img {
     border: 1px #ddd solid;
     height: 320px;
     width: 100%;
     clear: both;
     margin-bottom: 10px;
     padding: 5px;
}
 h1.title-product-detail {
     margin-top: 0px;
     margin-bottom: 10px;
     padding: 0px;
     font-size: 16px;
     font-weight: 600;
}
 .product-content-detail {
     margin-bottom: 10px;
}
 .product-content-detail p {
     margin-bottom: 7px;
}
 .text-detail-product {
     text-align: justify;
}
/* ==== /box-items-detail ==== */

/* ----- paging bang gia ------ */

.cssPager a
{
    text-decoration: none;
    color: blue;    
    background-color: #E6E6D9;   
    float: left;
    line-height: 1.42857;
    margin-left: -1px;
    padding: 6px 12px;
    position: relative;
    margin-right: 5px;
}
.cssPager a:hover
{
    color: #fff;    
    text-decoration: none;
    background-color: #c61633;  
}

/* -- active -- */
.cssPager span
{   
  
  background-color: #c61633;
  float: left;
  line-height: 1.42857;
  padding: 6px 12px;  
  text-decoration: none;
  margin-right: 5px;
  color:#fff;
  
 }
 .empty-row
 {
  font-weight:600;   
  }
 
/* ----- /paging bang gia ------ */
 .border {
     display: inline-table;
     margin-right: 10px;
     margin-bottom: 5px;
     font-size: 15px;
     background-color:#E12029;
     padding: 5px 10px;
     border-radius: 5px;
     -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
     color: #fff;
}
 h2.post-title {
     margin-top: 0px;
     margin-bottom: 10px;
     font-size: 20px;
}
 a.imgThumbnail img {
     border: 1px solid #CCC;
     padding: 3px;
}
.cat-title a, .product-title a, .news-title a, a.post-title, .post-title a, .post-title-news-top a, .product-title-sroll a, .product-title-2 a {
     color: #333;
}
.cat-title a:hover, .product-title a:hover, .news-title a:hover, .post-title a:hover, a.post-title:hover, .post-title-news-top a:hover, .product-title-sroll a:hover, .product-title-2 a:hover {
     color: #c61633  ;
     text-decoration: none;
}
 .box-img-sroll img {
     border: 1px solid #f1f1f1;
}
 .box-img-news img {
     border: 1px solid #eee;
     padding: 5px;
     margin-bottom: 10px;
}
/* ==== /box-items-detail ==== */
/* ==== Paging ==== */
 .paging {
     padding-top: 0px;
     text-align: center;
}
 .pagination {
     margin: 0px;
}
 .pagination > li > a, .pagination > li > span {
     padding: 3px 12px;
}
 .pagination {
     display: inline-block;
     margin-bottom: 0px;
     margin-top: 0;
     padding-left: 15px;
}
 .pagination li:first-child a, .pagination li:first-child span {
     border-bottom-left-radius: 0;
     border-top-left-radius: 0;
     margin-left: 0;
}
 .pagination li:last-child a, .pagination li:last-child span {
     border-bottom-right-radius: 0;
     border-top-right-radius: 0;
}
 .pagination .active a, .pagination .active span, .pagination .active a:hover, .pagination .active span:hover, .pagination .active a:focus, .pagination .active span:focus {
     background-color: #e91b23;
     border-color: #e91b23;
     color: #FFFFFF;
     cursor: default;
     z-index: 2;
}
 .pagination li a, .pagination li span {
     background-color: #f0f0e9;
     border: 0;
     float: left;
     line-height: 1.42857;
     margin-left: -1px;
     padding: 6px 12px;
     position: relative;
     text-decoration: none;
     margin-right: 5px;
     color: #000;
}
 .pagination li a:hover {
     background: #e91b23;
     color: #fff;
}
/* ==== /Paging ==== */
 .tab-content-detail .nav-tabs li.active a, .tab-tour .nav-tabs li.active a:hover, .tab-tour .nav-tabs li.active a:focus {
     border-radius: 0;
     border-top: 2px solid #337AB7;
     color: #333333;
     background-color: #F5F5F5;
}
 .tab-content-detail .nav-tabs li a {
     border-top: 2px solid #fff;
     color: #cf3030;
}
 .tab-content-detail .nav > li > a {
     padding: 5px 15px;
}
/* ----------- tra gop ------------ */
 .tiengocbandau {
     text-align: right;
     font-style: italic;
}
 .dunobandau {
     color: red;
     font-weight: bold;
}
/* ----------- /tra gop ------------ */
/* ----------- page lien he ------------ */
 .box-contact p {
     margin-bottom: 5px;
     font-size: 15px;
}
/* ----------- / page lien he ------------ */
/* ==== breadcrumb ==== */
 .w-breadcrumb {
     padding-top: 5px;
     padding-bottom:0px;
     background-color: #f5f5f5;
     margin-bottom:0px;
  
}
 .w-breadcrumb-content {
     padding-top: 5px;
     padding-bottom: 5px;
     margin-bottom: 20px;
     background-color: #b6a922;
    /* webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.05) inset;
     -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.05) inset;
     box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.05) inset;
     */
}
 .breadcrumb {
     background-color: transparent;
}
 .breadcrumb > li + li:before {
     color: #CCCCCC;
     content: "/ ";
     padding: 0 5px;
}
 .breadcrumb a:hover {
     color: #c61633 ;
     text-decoration: none;
}
 .breadcrumb-inner {
     padding: 5px;
     margin-bottom: 0px;
}
 .breadcrumb-inner a {
     color: #333;
     font-size: 14px;
}
 .breadcrumb-inner-content a, .breadcrumb-inner-content a:hover {
     color: #fff;
}
/* ==== /breadcrumb ==== */
/* ------------ Under auto color --------- */
 h2.classic-title {
     padding-bottom: 13px;
     border-bottom: 2px solid #eee;
     font-weight: 300;
     margin: 0;
     font-size: 16px;
     line-height: 14px;
     margin-bottom: 10px;
}
 .classic-title span {
     padding-bottom: 10px;
     border-bottom: 2px solid;
     border-bottom-color: #c61633  ;
     font-weight: 600;
     text-transform: uppercase;
     color: #333;
}
 .classic-title a {
     color: #000;
}
/* ------------/Under auto color--------- */
/* ===== row-lien-ket ===== */
 .row-lien-ket {
     padding: 0px;
}
 .row-lien-ket li {
     padding: 5px 0px;
     text-align: left;
     display: block;
     vertical-align: top;
     list-style: outside none none;
}
 .row-lien-ket li a {
     color: #333;
}
 .row-lien-ket li a:hover {
     text-decoration: none;
     color: #cf0000;
}
 .row-lien-ket i {
     font-size: 12px;
     color: #FF0000;
}
/* ===== /row-lien-ket ===== */
/* ==== row-other-news ==== */
 .row-other-news {
     list-style: none;
     padding: 0;
}
 .row-other-news li {
     margin: 0;
     padding: 0px 0px 5px 13px;
     clear: both;
     display: inline-block;
     width: 100%;
     position: relative;
}
 ul.row-other-news li::before {
     background: transparent none repeat scroll 0px 0px;
     content: "";
     margin: 0px;
     padding: 0px;
     position: absolute;
     top: 7px;
     left: 3px;
     height: 0px;
     width: 5px;
     border: 5px solid transparent;
     border-radius: 0px;
     border-left-color: #AAA;
}
 ul.row-other-news li:hover::before {
     background: transparent none repeat scroll 0px 0px;
     content: "";
     margin: 0px;
     padding: 0px;
     position: absolute;
     top: 7px;
     left: 3px;
     height: 0px;
     width: 5px;
     border: 5px solid transparent;
     border-radius: 0px;
     border-left-color: #E12029;
}
 .row-other-news a {
     text-decoration: none;
     font-size: 16px;
}
 .row-other-news a:hover {
     color: #E12029;
}
 .row-other-news .thumbnail-img {
     border: 1px solid #dedede;
     padding: 3px;
     margin-right: 5px;
     border-radius: 3px;
}
/* ==== row-tuyen-dung ==== */
 .row-tuyen-dung {
     list-style: none;
     margin: 0;
     padding: 0;
}
 .row-tuyen-dung li {
     margin: 0;
     padding: 0px 0px 5px 13px;
     clear: both;
     display: inline-block;
     width: 100%;
    /* border-bottom: 1px dotted #ddd;
     */
     position: relative;
}
 ul.row-tuyen-dung li::before {
     background: transparent none repeat scroll 0px 0px;
     content: "";
     margin: 0px;
     padding: 0px;
     position: absolute;
     top: 7px;
     left: 3px;
     height: 0px;
     width: 5px;
     border: 5px solid transparent;
     border-radius: 0px;
     border-left-color: #AAA;
}
 ul.row-tuyen-dung li:hover::before {
     background: transparent none repeat scroll 0px 0px;
     content: "";
     margin: 0px;
     padding: 0px;
     position: absolute;
     top: 7px;
     left: 3px;
     height: 0px;
     width: 5px;
     border: 5px solid transparent;
     border-radius: 0px;
     border-left-color: #F4BC16;
}
 .row-tuyen-dung a {
     color: #333;
     text-decoration: none;
     font-size: 16px;
}
 .row-tuyen-dung a:hover {
     color: #F4BC16;
}
 .row-tuyen-dung .thumbnail-img {
     border: 1px solid #dedede;
     padding: 3px;
     margin-right: 5px;
     border-radius: 3px;
}
/* ----- row-tuyen-dung ----- */

img.img-product-home
{
    width: 100%;
    height: 200px;   
}

/* ===== Hover zoom image =====*/
 h4.product-title {
     margin-top: 0px;
     margin-bottom:0px;
     padding: 0;
     font-weight: 600;
     font-size: 15px;
     text-align: center;
    
}
 

.box-image-item {
     margin-top: 0px;
   
     padding: 5px;
     position: relative;
     z-index: 1;
  
     text-align: center;
}
 /*
 .box-image-item:hover {
     -moz-box-shadow: 0px 0px 7px -1px #ccc;
     -webkit-box-shadow: 0px 0px 7px -1px #ccc;
     box-shadow: 0px 0px 7px -1px #ccc;
}*/

 .box-image-item img {
    /* CSS for image within container */
     position: relative;
     z-index: 2;
     -moz-transition: all 0.5s ease;
    /* Enable CSS3 transition on all props */
     -webkit-transition: all 0.5s ease-in-out;
     -o-transition: all 0.5s ease-in-out;
     -ms-transition: all 0.5s ease-in-out;
     transition: all 0.5s ease-in-out;
     object-fit: contain;
}
 .box-image-item:hover img {
    /* CSS for image when mouse hovers over main container */
    /* -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
     -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
     box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
     */
     -moz-transform: scale(1.1, 1.1);
     -webkit-transform: scale(1.1, 1.1);
     -ms-transform: scale(1.1, 1.1);
     -o-transform: scale(1.1, 1.1);
     transform: scale(1.1, 1.1);
     
}
 .box-image-item .box-image {
     
     overflow:visible;
     margin-bottom:10px;
    
}
 
 .box-image-item img.width-full {
     width: 100%;
     height: 200px;     
     
}
 .box-image-item p {
     margin-bottom:0px;
}
/* ------------ */
 

 .btn-custom-yellow {
     color: #fff;
     background-color: #337AB7;
     border: none;
     border-radius: 0px;
}
 .btn-custom-yellow:hover {
     color: #fff;
     background-color: #2F72A8;
     border: none;
     border-radius: 0px;
}
 .btn-custom-red {
     color: #fff;
     background-color: #D0301B;
     border: none;
     border-radius: 0px;
}
 .btn-custom-red:hover {
     color: #fff;
     background-color: #ED4029;
     border: none;
     border-radius: 0px;
}
/* ------------ */
 .page-header-detail {
     margin-top: 0px;
     padding-bottom: 11px;
     border-bottom: 1px solid #eee;
     font-weight: 300;
     line-height: 16px;
     margin-bottom:15px;
}
 .page-header-detail p {
     margin-bottom:0px;
}
 .page-header-left {
     float: left;
}
 .page-header-right {
     float: right;
}
/* ------ Lien he ngay ------ */
 .support-now {
     background: #f1f1f1;
     position: fixed;
     bottom: 0px;
     left: 0px;
     right: 0px;
     z-index: 9999;
     color: #fff;
     font-weight: bold;
     text-align: center;
     border-top: 1px solid #c62828;
     padding-bottom:7px;
     padding-top:5px;
}
 .support-now .support-price-call {
     background: #fff;
}
 .support-now .support-price {
     display: inline-table;
}
 .support-now a {
     color: #fff;
     font-size: 1.2em;
}
 .support-now .support-price-call img {
     width: 90px;
     height: auto;
}
/* ------------ btn -------- */

  .btn-slide-left {
     background-color: #3a3a3a ;
     border: 1px solid #3a3a3a ;
     color: #fff;
}
 .btn-slide-left:hover {
     background-color: #3a3a3a ;
     border: 1px solid #3a3a3a ;
     color: #fff;
}


 .btn-popup {
     background-color: #E12029 ;
     border: 1px solid #E12029 ;
     color: #fff;
}


 .btn-popup:hover {
     background-color: #E12029  ;
     border: 1px solid #E12029;
     color: #fff;
}

 .btn-popup:focus {
     background-color: #E12029 ;
     border: 1px solid #E12029 ;
     color: #fff;
}


 .btn-call {
     background-color: #c62828;
     border: 1px solid #c62828;
     color: #fff;
}
 .btn-call:hover {
     background-color: #c62828;
     border: 1px solid #c62828;
     color: #fff;
}
 .btn-buy {
     background-color: #E12029;
     border: 1px solid #E12029;
     color: #fff;
     
}
 .btn-buy:hover {
     background-color: #E12029;
     border-color: #E12029;
     color: #fff;
}
 a.btn-buy:hover {
     color: #fff;
}
 .btn-view-all-red {
     background-color: #CC0000;
     border-color: #CC0000;
     color: #fff;
}
 .btn-view-all-red:hover {
     background-color: #CC0000;
     border-color: #CC0000;
     color: #fff;
}
 a.btn-view-all-red:hover {
     color: #fff;
}
 .btn-search {
     background: url('../images/bg-sidebar.png');
     background-color: #cf0000;
     border-color: #CE0000;
     color: #fff;
}
 .btn-search:hover {
     background: url('../images/bg-sidebar.png');
     background-color: #cf0000;
     border-color: #CE0000;
     color: #fff;
}
/* ------------ btn -------- */

.close:focus, .close:hover {
    color: Red;
}

 .project-contact .btn {
     height: 45px;
     font-size: 21px;
     text-align: center;
     padding-left: 45px;
}
 .project-contact li {
     list-style: none;
}
 .btn {
     border-radius: 5px;
     position: relative;
}
 .btn-green {
     background: #F4BC16 none repeat scroll 0% 0%;
     color: #FFF !important;
}
 .btn-block {
     display: block;
     width: 100%;
     margin: 0px 0px 10px;
     overflow: hidden;
}
 .btn .icon {
     position: absolute;
     top: 0px;
     left: 0px;
     width: 45px;
     height: 45px;
     background: #1FA08E none repeat scroll 0% 0%;
     text-align: center;
     font-size: 25px;
     line-height: inherit;
}
 .btn-green .icon {
     background: #DBA70B none repeat scroll 0% 0%;
     background-image: none;
     background-repeat: repeat;
     background-position-x: 0%;
     background-position-y: 0%;
     background-size: auto auto;
}
 .icon-help {
     background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C!--%20Generator%3A%20Adobe%20Illustrator%2018.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200)%20%20--%3E%0D%0A%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20viewBox%3D%220%200%20594.96%20594.96%22%20enable-background%3D%22new%200%200%20594.96%20594.96%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M594.46%2C317.9c0-26.93-14.25-50.46-35.57-63.67c-3.08-4.85-6.04-10.48-6.59-15.99%0D%0A%09c-9.14-91.98-61.36-163.44-128.64-202.23l-0.01%2C0.01c0%2C0-0.09-0.06-0.11-0.07c-10.7-6.16-21.8-11.44-33.15-15.9%0D%0A%09C347.34%2C3.76%2C266.18-12.83%2C169.16%2C35.82c-8.5%2C4.73-16.77%2C10.05-24.75%2C16.15C89.48%2C93.99%2C54.67%2C148.08%2C43.97%2C216.91%0D%0A%09c-2.36%2C15.17-5.04%2C29.53-14.29%2C41.74C11.96%2C272.36%2C0.5%2C293.77%2C0.5%2C317.9c0%2C41.16%2C33.2%2C74.54%2C74.28%2C74.89%0D%0A%09c-0.09%2C0.17-0.17%2C0.34-0.27%2C0.51c1.5%2C1.72%2C2.76%2C3.61%2C3.59%2C5.39c9.57%2C20.51%2C25.47%2C28.14%2C46.51%2C22.39%0D%0A%09c19.43-5.3%2C25.45-20.25%2C25.11-39.74c-0.71-40.8-0.2-81.62-0.21-122.44c-0.02-51.95-15.1-63.58-63.3-48.88%0D%0A%09c18.92-85.1%2C111.21-152.06%2C209.77-152.2c98.27-0.14%2C190.03%2C66.25%2C210.15%2C152.03c-48.45-14.24-63.43-2.72-63.45%2C48.82%0D%0A%09c-0.02%2C36.28%2C1.49%2C72.64-0.46%2C108.81c-1.66%2C30.84%2C5.33%2C53.47%2C42.01%2C58.75c-30.1%2C39.08-68.23%2C60.29-110.29%2C75.83%0D%0A%09c-12.45%2C4.6-22.53%2C5.85-33.23-1.91c-5.15-6.6-11.71-12.01-19.26-15.81c-22.38-12.47-51.99-6.14-68.36%2C13.89%0D%0A%09c-8.4%2C9.87-13.5%2C22.63-13.5%2C36.61c0%2C31.22%2C25.31%2C56.54%2C56.54%2C56.54c25.32%2C0%2C46.75-16.65%2C53.95-39.6c6.24-4.46%2C13.65-7.87%2C20.99-9.93%0D%0A%09c84.8-23.79%2C146.05-74.3%2C182.26-155.54c0.31-0.71%2C0.69-1.38%2C1.01-2.08C578.18%2C371.69%2C594.46%2C346.71%2C594.46%2C317.9z%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A") !important;
     background-repeat: no-repeat !important;
     background-position: center center !important;
     background-size: 24px auto !important;
}
/* ------------- */
 h6.box-header-2::after {
     margin-bottom: -1px;
}
 h6.box-header-2 {
     border-bottom: 1px solid #ddd;
     font-size: 15px;
     font-weight: 600;
     color: #333;
     text-transform: uppercase;
}
 .box-header-2::after {
     display: block;
     content: "";
     background: #b6a922;
     width: 40px;
     height: 2px;
     margin-top: 14px;
}
 h2.box-header-3::after {
     margin-bottom: -1px;
}
 h2.box-header-3 {
     font-size: 20px;
     font-weight: 400;
     color: #333;
     text-transform: uppercase;
     margin-bottom: 20px;
     margin-top: 10px;
}
 .box-header-3::after {
     display: block;
     content: "";
     background: #333;
     width: 40px;
     height: 3px;
     margin-top: 14px;
}
 h4.post-title-news-top {
     font-size: 16px;
}
/* -------------------- */
 .w-head {
     display: block;
     width: 100%;
     height: 40px;
     background: #b6a922;
     padding: 5px;
     font-size: 13px;
}
 .w-head .flag {
     display: block;
     float: left;
}
 .w-head .title-country {
     display: block;
     float: left;
     width: 75%;
     line-height: 30px;
     text-align: center;
     color: #fff;
     text-transform: uppercase;
}
 .post-area-title {
     color:Green;
}
/* -------------- */
 .post-area-title {
     color: #6f7678;
     font-size: 2.125em;
     font-weight: 800;
     text-transform: uppercase;
     position: relative;
}
 .post-area-title a {
     color: #009933;
}
 .post-area-title::before {
     left: 0px;
}
 .post-area-title::before, .post-area-title::after {
     content: '';
     background-color: #d7dee0;
     top: 50%;
     height: 2px;
     position: absolute;
     width: 35%;
}
 .post-area-title::after {
     right: 0px;
}
 .post-area-title::before, .post-area-title::after {
     content: '';
     background-color: #d7dee0;
     top: 50%;
     height: 2px;
     position: absolute;
     width: 35%;
}
/* ------/-------- */

.mid-title {
    margin-bottom: 20px;
    padding-bottom: 15px;
    width: auto;
    position: relative;
}
.mid-title .titleL {
    font-size: 30px;
    line-height: 45px;
    text-align: center;
    text-transform: uppercase;
    position: relative;
    font-weight: bold;
    color: #333;
}
.mid-title::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100px;
    border-bottom: solid 3px #E12029  ;
}
.mid-title::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
    border-bottom: solid 3px rgba(0,0,0,0.15);
}

/* ------/-------- */


/* ---- hotline Left ---- */
 .btn_call_detail {
     padding: 0px 0px;
     margin-bottom: 10px;
}
 .btn-base {
     color: #fff !important;
     background-color: #e91b23;
     border: 1px solid #d6151c;
     border-radius: 2px;
     padding-left: 60px;
     margin-bottom: 0px;
}
 .btn-icon.btn-lg span {
     font-size:16px;
}
 .btn-base::before {
     background-color: #bf1219;
}
 .btn-icon.btn-lg::before {
     width: 50px;
     line-height: 46px;
}
 .btn-icon.btn-lg::before, .btn-icon.btn-xl::before, .btn-icon.btn::before {
     border-top-left-radius: 2px;
     border-bottom-left-radius: 2px;
}
 .btn-icon::before {
     position: absolute;
     top: 0;
     left: 0;
     bottom: 0;
     width: 36px;
     color: #fff;
     border-right: 0;
     -webkit-transition: background .1s linear;
     -moz-transition: background .1s linear;
     -ms-transition: background .1s linear;
     transition: background .1s linear;
     font-family: FontAwesome;
     line-height: 32px;
}


.w-hotine {
    border: 1px solid #dedede;
}
.mb-20 {
    margin-bottom: 20px;
}
.p-10 {
    padding: 10px !important;
}
/* ---- /hotline Left ---- */


/* ---------- box oto cu ----- */
 img.width-full {
     width:100%;
     height:180px;
}
 .box-image-item-oto {
     margin-bottom: 25px;
     margin-top: 0px;
     margin-right: 0px;
     margin-left: 0px;
     padding: 0px;
     position: relative;
     z-index: 1;
     border: 1px solid #ddd;
     text-align: center;
     background-color: #fff;
}
 .box-image-xe-cu img {
}
 h4.product-title-oto a {
     color:#333;
     font-size:15px;
     font-weight:600;
}
 h4.product-title-oto a:hover {
     color:#c61633;
}
/* ---------- /box oto cu ----- */
/*===== Footer =====*/
 .footer-w
{
   background-color: #383838;
 border-top: 2px solid #E12029; 
    margin-top: 0px;
    padding-top: 15px;
    padding-bottom: 20px;  
    color:#fff;
    /*
    position: relative;
background-color: #ac1319;
background-image: url(../images/bg_footer.svg);
background-repeat: no-repeat;
background-position: bottom;
background-size: cover;*/
   
}
 .w-address p {
     margin-bottom: 5px;
}
 a.link-footer {
     color:#c61633;
}
 a.link-footer:hover
{
    color: #E0183C;
}
 .w-address
 {
   margin:10px 0;  
  }

   .w-address p
    {
        margin-bottom: 3px;
}
    
.col-between
{
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #FFFFFF;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #FFFFFF;
}
 
.color-overlay
{
    
    background: url(../images/bg-background-home.png);
    padding: 15px 0;
    text-align: left;
   
}


/* box title home */
 a.title-prodcut-home
    {
        color: #333;
    }
    
    
    a.title-prodcut-home:hover
    {
        color: #E12029;
        font-weight: 600;
    }
    ul.nav-list > li > a:hover img
    {
        transform: scale(1.1, 1.1);
        -moz-transform: scale(1.1, 1.1);
        -webkit-transform: scale(1.1, 1.1);
        transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }    
   
   
   .section-title {
    position: relative;
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;    
    
}
.section-title-bold-center span, .section-title-bold span {
    border: 2px solid rgba(0,0,0,0.1);
    padding: .3em .8em;
}
.section-title b {
    display: block;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 2px;
    opacity: .1;
    background-color: currentColor;
}


    /* box title home */
    
/*===== Footer =====*/
/* scroll to top */
 .scrollup {
     position: fixed;
     width: 35px;
     height: 27px;
     bottom: 120px;
     right: 19px;
     
     z-index: 100;
}
 a.scrollup {
     outline: 0;
     text-align: center;
}
 a.scrollup:hover, a.scrollup:active, a.scrollup:focus {
     opacity: 1;
     text-decoration: none;
}
 a.scrollup i {
     display: block;
     width: 40px;
     height: 40px;
     line-height: 38px;
     color: #fff;
     text-align: center;
     background-color: #E12029;
     transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
     -webkit-transition: all 0.2s ease-in-out;
     -o-transition: all 0.2s ease-in-out;
     border-radius: 50%;
}
 a.scrollup i:hover
{
    text-decoration: none;
    background-color: #BD1533;
}
/* /scroll to top */
/*popup-baogia-left */


 .popup-baogia {
     width: 100%;
     position: fixed;
     left: 0;
     bottom: 0px;
     background: #fff;
     padding: 10px;
     overflow: hidden;
     display: none;
     z-index: 99999;
    
    box-shadow: 0 1px 7px rgba(0,0,0,.5);
}
 .popup-baogia .btn-exit {
     position: absolute;
     right: 0;
     top: 0;
     padding: 4px 10px;
     background-color: #C62828;
     color: #fff;
     border: none;
}


/*popup-baogia-left */
 @media (min-width: 768px) {
    .popup-baogia-header {
         font-weight: bold;
    }
     .popup-baogia {
         width: 450px;
         position: fixed;
         left: 0;
         bottom: 0px;
         background: #fff;
         overflow: hidden;
         display: none;
    }

   }
 @media (max-width: 768px) {
   
     .logo-w h3 {
         padding-top: 10px;
    }
     .top-bar-w {
         margin-bottom: 0px;
    }
     .nav-w {
         margin-bottom: 5px;
    }
     .nav-menu {
         background-color: #fff;
    }
     .box-image-item .box-image {
         height: auto;
    }
     div.fixed-top {
         background-color: #fff;
    }
     .navbar-header img {
         height: 50px;
    }
     .searchTour select, .searchTour input {
         margin-bottom: 10px;
    }
     .w-breadcrumb {
         padding-top: 5px;
    }
     .w-diem-den, .w-from-date, .w-to-date {
         margin-bottom: 10px;
    }
     .w-end {
         margin-bottom: 0px;
    }
     .box-image img {
         height:auto;
    }
    img.img-product-home
{
    width: 100%;
}

     .col-icon {
         text-align:center;
    }
    .col-between
    {
        border:none;
    }
    
    
    .w-inner-menu
    {
        
     padding:0px;   
    }
    
    h3.logo
    {
     margin-top:0px;
        
    }
    .w-hotline
    {
        padding-top:5px;
    }
   
       img.width-full {
  width: 100%;
    height: 220px;
    object-fit: cover;
  
}
}