/* # General styles ================================================== */
 * {
     margin: 0px;
     _margin: 0px;
     padding: 0px;
}
 *::after, *::before {
     box-sizing: content-box;
}
 ol, ul {
     margin: 0px;
     padding: 0px;
}
 body {
     background-color:#fff;
}
 a {
     text-decoration: none;
}
 a:hover {
     text-decoration: none;
}
/*===== Common classes =====*/
 .clear-5 {
     clear: both;
     height: 5px;
}
 .red-italic {
     color: #CC0000;
     font-style: italic;
     font-size: 12px;
}
 .uppercase {
     text-transform: uppercase;
     font-weight: bold;
}
 .NoRecordHome {
     color: #333;
     padding: 5px 0px 5px 10px;
     font-weight: bold;
     font-size: 13px;
     float:left;
}
 .NoRecord-2 {
     font-weight: bold;
     font-size: 13px;
}
 .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%;
}
.paging
{
 margin-bottom:20px;   
 }
 
 
 .img-responsive {
    display: inline;
 }
/*===== Page =====*/
/*===== Header Above =====*/
 .w-top-bar {
     background-color:#f1f1f1;
     height:35px;
     padding: 7px 0;
     border-bottom: 1px solid #EEE;
}
 .w-top-bar ul li {
     display: inline;
     float: left;
     padding: 0;
     margin-right: 10px;
}
 .navbar {
     min-height: 20px;
     margin-bottom: 0px;
    /* border-radius:0px;
     */
}
 .navbar ul li {
     margin-top: 0px;
     margin-bottom: 0px;
}
/*===== Header =====*/
 .nav-w {
     margin-bottom:0px;
}
 .inner-nav {
     margin-left:0px;
     margin-right:0px;
}
 .w-logo h3 {
     margin-top: 10px;
     margin-bottom: 0px;
}
 .w-header-between {
     padding-top: 10px;
     margin-bottom: 10px;
}
 .w-header-between p {
     margin-bottom:5px;
}
 .w-support {
     padding-top:20px;
}
/*===== Page Content =====*/
 #wrapper-site-content {
     margin: 0px auto;
     padding: 0px;
     width: 100%;
     display: block;
     position: relative;
}
/*===== Sidebar left =====*/
 #sidebar-left {
     position: relative;
     margin: 0px;
     padding: 0px;
     width: 220px;
     float: left;
}
 .box-sidebar-left-w {
     padding: 0px;
     margin: 0px;
     width: 220px;
}
 .box-sidebar-left-title {
     margin: 0px auto;
     padding: 5px;
     width: 100%;
     height: 32px;
     font-weight: bold;
     border-radius: 3px 3px 0px 0px;
     background-color: #006782;
     color: #fff;
     text-align: center;
}
 .box-sidebar-left-content {
     margin: 0px auto;
     padding: 0px;
     border: 1px solid #E5E5E5;
     width: 100%;
}
 .page-header {
     padding-bottom: 0px;
     margin-bottom: 10px;
     margin-top: 10px;
    post-d 1px solid #ddd;
}
 h1.post-detail-title {
     font-size: 22px;
     margin-bottom: 0px;
     margin-top: 10px;
}
 .post-detail {
     text-align: justify;
     color: #000;
}
 .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;
     background-color: #231f20 ;
     padding: 10px;
     borer-top-left-radius: 3px;
     border-top-right-radius: 3px;
     font-weight: 600;
     font-size:15px;
     border-bottom: 3px solid #fff500;
}
 .panel-body {
     background-color:#f1f1f1;
    /* 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;
     */
}
 .body-inner {
     padding:10px;
}
 .panel-heading span {
     font-size: 16px;
}
 .pn-heading {
     background-color: #1473e6;
     border-top-left-radius: 3px;
     border-top-right-radius: 3px;
     margin-bottom:10px;
}
 .pn-heading h3 {
     padding: 11px 10px;
     font-size: 15px;
     margin-top: 0px;
     color: #fff;
     font-weight: 500;
     margin-bottom:5px;
}
 .pn-heading h3 a.pull-right span {
     text-transform:none;
}
 .pn-heading a {
     color: #fff;
}
 .btn-primary-orange {
     background-color: #337AB7;
     border-color: #2D6B9F;
     color: #fff;
}
 .btn-primary-orange:hover {
     background-color: #337AB7;
     border-color: #2D6B9F;
     color: #fff;
}
 .btn-primary-green {
     background-color: #289D00;
     border-color: #289a00;
     color: #fff;
     cursor:text;
}
 .btn-primary-green:hover {
    /* background-color: #EC830A;
     border-color: #EC830A;
     */
     background-color: #289D00;
     border-color: #289a00;
     color: #fff;
     cursor:text;
}
 .btn-danger-red {
     background-color: #C9302C;
     line-height:2;
}
/* ------------ Under auto color --------- */
 .classic-title {
     margin-bottom: 16px;
     padding-bottom: 12px;
     border-bottom: 2px solid #eee;
     font-weight: 300;
}
 .classic-title span {
     padding-bottom: 10px;
     border-bottom: 2px solid;
     font-weight: 600;
     text-transform: uppercase;
     color: #000;
}
 .classic-title span {
     border-bottom-color: #04538D;
}
 .classic-title a {
     color: #000;
}
 h2.classic-title {
     margin: 0;
     font-size: 16px;
     line-height: 16px;
}
/* ------------/Under auto color--------- */
/* -------title-box-------- */
 .title-box {
     border-bottom: 1px solid #ddd;
     margin: 10px 0 20px 0;
     padding-bottom: 10px;
     text-transform:uppercase;
     font-size:18px;
     font-weight:600;
}
 .title-box a {
     color:#333;
     font-weight:600;
}
 .title-box span {
     border-bottom: 3px solid #007cc2   ;
     padding-bottom: 8px;
}
/* -------/title-box-------- */
 .support-type {
     margin: 5px;
     text-align: center;
}
 .support-type p {
     font-weight: bold;
}
 .support-type a.icon-skype {
     background: transparent url("../images/icon-skype.png") no-repeat scroll center center;
     height: 29px;
     width: 71px;
     float: left;
     width: 100%;
     padding-bottom: 7px;
}
/*===== Sidebar 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 ==== */
 .post-thumb {
     float: left;
     background: #FFF none repeat scroll 0% 0%;
     margin: 1px 7px 10px 5px;
     padding: 3px;
     border: 1px solid #EEE;
     border-radius: 3px;
}
 .post-thumb img {
     width: 150px;
     height: 150px;
}
 .post-detail {
     margin-top: 10px;
     color: #333;
     font-size: 16px;
     text-align: justify;
     margin-bottom: 20px;
}
 h4.product-title {
     margin-top: 17px;
     padding: 0;
     font-weight: 600;
     font-size: 14px;
     text-align: center;
     min-height: 31px;
     margin-bottom:5px;
}
 h4.product-title-sroll {
     margin: 0px;
     font-size: 14px;
     font-weight: 400;
     text-align: left;
     min-height: 30px;
}
 h4.post-title-news-top {
     margin-bottom: 5px;
     text-align: left;
     font-size: 14px;
     margin-top: 0px;
}
 h4.post-title-news-top a {
}
 .product-title a, .news-title a, a.post-title , .post-title-news-top a, .product-title-sroll a {
     color: #333;
}
 .product-title a:hover, .news-title a:hover, a.post-title:hover, .post-title-news-top a:hover, .product-title-sroll a:hover {
    color: #fff500   ;
     text-decoration: none;
     opacity: 1;
     transition: 0.3s;
}
 h4.post-title {
     margin-top: 0px;
}
 .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: #fff500     ;
     border-color: #fff500     ;
     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: #fff500     ;
     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: 3px 3px 0px 0px;
     border-top: 2px solid #222322    ;
     color: #333 ;
     background-color:#ddd;
}
 .tab-content-detail .nav-tabs li a {
     border-top: 2px solid #fff;
     color: #cf3030;
}
 .tab-content-detail .nav > li > a {
     padding: 7px 15px;
}
/* nav-tabs > li > a {
     border: none;
}
 .nav-tabs > li > a:hover {
     border: none;
}
 .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
     border: none;
     background-color: #ddd;
     padding: 7px;
     color: #333;
}
 */
/* ==== breadcrumb ==== */
 .breadcrumb > li + li:before {
     color: #CCCCCC;
     content: "/ ";
     padding: 0 5px;
}
 .breadcrumb a:hover {
     color: #fff500   ;
     text-decoration: none;
     opacity: 1;
     transition: 0.3s;
}
 .breadcrumb-inner {
     padding: 12px 0px;
     margin-bottom: 0px;
     background-color: #f1f1f1;
}
 .breadcrumb-inner a {
     color: #333;
     font-size:15px;
}
/* -------------- box-title ----------- */
 .box-title {
     background-color: #231f20  ;
     margin-bottom: 15px;
     border-bottom: 3px solid #fff500  ;
    border-radius: 5px 2px 0 0;
}
 .box-title h2 {
     padding: 12px 20px 12px 10px;
     border-radius: 2px 2px 0 0;
     margin:0px;
}
/* icon .box-title h2 a::before {
     content: '\f143';
     font-family: fontawesome;
     font-size: 16px;
     vertical-align: middle;
     font-weight: 400;
     margin-right: 10px;
}
 */
 .box-title h2 a {
     color: #333;
     font-weight: 700;
     font-size: 15px;
     text-transform: uppercase;
     display: block;
}
 .box-title h2.title {
     display: inline-block;
}
/* -------------- /box-title ----------- */
 .w-icon {
     background: url("../images/sneaker_mesh_fabric.png");
     overflow-x: hidden;
}

.w-video {
     background: url("../images/footer-pattern.png");
     overflow-x: hidden;
}


/*===== Footer =====*/
 .footer-w {
    /* background-color:#007cc2; */
     padding:10px 0px;
     color:#fff;
     background: url("../images/footer-pattern.png");
     overflow-x: hidden;
}
 .footer p {
     margin-bottom: 5px;
}
 .footer-col-1 {
     padding-top: 0px;
}
 .footer-col-3 h4 {
     font-weight: normal;
     text-transform: uppercase;
}
.text-link-footer a
{
    color: #fff ;
}

.text-link-footer a:hover
{
    color: #fff500 ;
}


/*===== Fomat title =====*/
 .line_above_auto_color {
     position: relative;
     margin: 0px;
     border-top: 2px solid #DDD;
    /* rgba(0, 39, 59, 0.08);
     */
     padding: 0px;
}
 .line_above_auto_color ol, ul {
     list-style: none;
    /* text-align: center;
     */
}
 .line_above_auto_color > ul > li {
     float: left;
}
 .line_above_auto_color > ul > li > a {
     display: block;
     margin: 0px;
     padding: 0px;
     color: #000;
     font-weight: 700;
     font-size: 14px;
     line-height: 1.8;
     position: relative;
}
 .line_above_auto_color:after {
     clear: both;
     display: table;
     content: "";
     line-height: 0;
}
 .line_above_auto_color > ul > li > a:after {
     content: " ";
     display: block;
     right: 0px;
     height: 2px;
     background: none repeat scroll 0% 0% #0055A8;
    /* green #2E9FFF;
     */
     position: absolute;
     top: -2px;
     left: 0px;
}
/*=============*/
 .line_under_auto_color {
     position: relative;
     margin-bottom: 10px;
     border-bottom: 2px solid #DDD;
    /* rgba(0, 39, 59, 0.08);
     */
     padding: 0px;
}
 .line_under_auto_color ol, ul {
     list-style: none;
    /* text-align: center;
     */
}
 .line_under_auto_color > ul > li {
     float: left;
}
 .line_under_auto_color > ul > li > a {
     display: block;
     margin: 0px;
     padding: 0px;
     color: #000;
     font-weight: 700;
     font-size: 16px;
     line-height: 1.8;
     position: relative;
}
 .line_under_auto_color:after {
     clear: both;
     display: table;
     content: "";
     line-height: 0;
}
 .line_under_auto_color > ul > li > a:after {
     content: " ";
     display: block;
     right: 0px;
     height: 2px;
     background: none repeat scroll 0% 0% #0055A8;
    /* green #2E9FFF;
     */
     position: absolute;
    /* top: 0px;
     */
     left: 0px;
}
/* line_under_auto_color-sp*/
 .line_under_auto_color_sp {
     position: relative;
     margin-bottom: 10px;
     border-bottom: 2px solid #337AB7;
    /* rgba(0, 39, 59, 0.08);
     */
     padding: 0px;
}
 .line_under_auto_color_sp ol, ul {
     list-style: none;
    /* text-align: center;
     */
}
 .line_under_auto_color_sp > ul > li {
     float: left;
}
 .line_under_auto_color_sp > ul > li > a {
     display: block;
     margin: 0px;
     padding: 0px 15px;
     color: #fff;
     font-weight: 700;
     font-size: 14px;
     line-height: 2.2;
     position: relative;
}
 .line_under_auto_color_sp:after {
     clear: both;
     display: table;
     content: "";
     line-height: 0;
}
 .line_under_auto_color_sp > ul > li > a:after {
     content: " ";
     display: block;
     right: 0px;
     height: 3px;
     background: none repeat scroll 0% 0% #337AB7;
    /* green #2E9FFF;
     */
     position: absolute;
    /* top: 0px;
     */
     left: 0px;
}
/* ------box-header-line-color -------*/
 h3.box-header-line-color::after {
     margin-bottom: -1px;
}
 h3.box-header-line-color {
     font-size: 15px;
     font-weight: 600;
     color: #333;
     margin-bottom: 10px;
     border-bottom: 1px solid #E2E6E7;
     margin-top:7px;
     text-transform:uppercase;
}
 h3.box-header-line-color::after {
     display: block;
     content: "";
     background: #1473e6;
     width: 40px;
     height: 3px;
     margin-top: 10px;
}
 h3.box-header-line-color a.cat-name {
     color:#337AB7;
}
 h3.box-header-line-color a.cat-name:hover {
     color:#D0301b;
}
 h3.box-header-line-color a.pull-right {
     color:#337AB7;
}
 h3.box-header-line-color a.pull-right:hover {
     color:#D0301b;
}
 h3.box-header-line-color a {
     color:#337AB7;
}
 h3.box-header-line-color a:hover {
     color:#D0301b;
}
/* ------/------- */
/* ------box-header-line-color-footer -------*/
 h3.box-header-line-color-footer::after {
     margin-bottom: -1px;
}
 h3.box-header-line-color-footer {
     font-size: 20px;
     font-weight: 600;
     color: #fff800;
     margin-bottom: 0px;
     border-bottom: 1px solid #E2E6E7;
     margin-top:10px;
     text-transform:uppercase;
}
 h3.box-header-line-color-footer::after {
     display: block;
     content: "";
     background: #fff500  ;
     width: 40px;
     height: 3px;
     margin-top: 10px;
}
/* ------/------- */
/*=============*/
/* -------post home-------- */
 .top-news {
     margin: 5px;
}
 .top-news img {
     width: 150px;
     float: left;
     margin-right: 5px;
     border: 1px solid #CCC;
     padding: 3px;
}
 .top-news a {
     color: #000;
}
 .top-news a:hover {
     color: #004F8B;
}
 .row-list-news h3 {
     margin: 5px 0px 6px 0px;
     padding-left: 10px;
     background: url(../images/ic01.png) 0px 7px no-repeat;
     font-size:15px;
     color:#333;
}
 .row-list-news a {
     color: #333;
}
 .row-list-news a:hover {
     color: #004F8B;
}
/* ------------- */
/* ==== row-other-items ==== */
 .row-other-items {
     list-style: none;
     margin-top: 10px;
     padding: 0;
}
 .row-other-items li {
     margin: 0;
     padding: 0px 0px 5px 13px;
     clear: both;
     display: inline-block;
     width: 100%;
     position: relative;
}
 ul.row-other-items 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-items 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: #fff500 ;
     opacity: 1;
     transition: 0.3s;
}
 .row-other-items a {
     text-decoration: none;
     font-size: 16px;
}
 .row-other-items a:hover {
     color: #fff500   ;
    
     opacity: 1;
     transition: 0.3s;
}
 .row-other-items .thumbnail-img {
     border: 1px solid #dedede;
     padding: 3px;
     margin-right: 5px;
     border-radius: 3px;
}
/* ==== /row-other-items ==== */
 #row-thong-ke {
     padding: 0px;
}
 #row-thong-ke li {
     padding: 7px 5px;
     border-bottom-style: dotted;
     border-bottom-width: 1px;
     border-bottom-color: #CCCCCC;
     text-align: left;
     display: block;
     vertical-align: top;
     list-style: outside none none;
}
/* ===== 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:hover {
     text-decoration:none;
}
 .row-lien-ket i {
     font-size: 12px;
     color: #FF0000;
}
/* ===== /row-lien-ket ===== */
/* ==== */
 .row-items {
     list-style: none;
     margin: 0;
     padding: 0;
}
 .row-items li {
     margin: 0;
     padding: 0px 0px 5px 13px;
     clear: both;
     display: inline-block;
     width: 100%;
    /* border-bottom: 1px dotted #ddd;
     */
     position: relative;
}
 ul.row-items 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-items 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: #004F8B;
}
 .row-items a {
     color: #333;
     text-decoration: none;
     font-size: 16px;
}
 .row-items a:hover {
     color: #004f8b;
}
 .row-items .thumbnail-img {
     border: 1px solid #dedede;
     padding: 3px;
     margin-right: 5px;
     border-radius: 3px;
}
/* ==== row-items-news ==== */
 .row-items-news {
     list-style: none;
     margin: 0px 5px;
     padding: 0;
}
 .row-items-news li {
     display: inline-block;
     width: 100%;
    /* border-bottom: 1px dotted #ddd;
     */
     position: relative;
     border-bottom: 1px solid #DCDCDC;
    /* box-shadow: 2px 2px 2px #DCDCDC;
     */
     padding: 0px 0px 10px 0px;
     margin-bottom: 15px;
     border-bottom-style: dotted;
}
 .row-items-news a {
     color: #333;
     text-decoration: none;
     font-weight: bold;
     font-size: 16px;
}
 .row-items-news a:hover {
     color: #004f8b;
}
 .row-items-news .thumbnail-img {
     border: 1px solid #dedede;
     padding: 3px;
     margin: 0px 5px;
     border-radius: 3px;
}
/* ==== /row-items-news ==== */
/* ===== Hover zoom image =====*/
 .box-grid {
     border-style: solid;
     border-width: 1px;
     border-top-color: #ddd;
     border-right-color: #FF0000;
     border-bottom-color: #FF0000;
     border-left-color: #ddd;
     border-top: none;
     border-left: none;
}
 .box-image-item {
     margin-top: 0px;
     margin-bottom:20px;
    /* margin-right: -5px;
     margin-left: -5px;
     */
     padding: 5px;
     position: relative;
     z-index: 1;
     border: 1px solid #ddd;
     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;
}
 .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 {
     height: 180px;
     overflow:hidden;
}
 .box-image-item .box-image-2 {
     height: 200px;
}
 .box-image-item img.width-full {
     width: 100%;
     height: 100%;
}
 .box-image-item p {
     margin-bottom:0px;
}
/* ------------ */
/* ------------ */

.box-image-item-home 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;
}
 .box-image-item-home: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-home .box-image-home {
    /* height: 230px; */
     overflow:hidden;
}
 .box-image-item-home img.width-full {
     width: 100%;
     height: 100%;
}
/* ----------------- */
/* ------ call footer ------ */
 .support-now {
     background: #f1f1f1;
     position: fixed;
     bottom: 0px;
     left: 0px;
     right: 0px;
     z-index: 9;
     color: #fff;
     font-weight: 500;
     text-align: center;
     border-top: 2px solid #c62828;
     padding-bottom: 6px;
     padding-top: 4px;
     border-top-color: #CCCCCC;
}
 .support-now .support-price-call {
     background: #fff;
}
 .support-now .support-price {
     display: inline-table;
}
 .support-now a {
     color: #fff;
     font-size: 18px;
}
 .support-now .support-price-call img {
     width: 90px;
     height: auto;
}
 .btn-call-green {
     background-color: #cc3333;
     border: 1px solid #cc3333;
     color: #fff800;
     border-radius: 3px;
}
 .btn-call-green:hover {
     background-color: #cc3333;
     border: 1px solid #cc3333;
     color: #fff800;
     border-radius: 3px;
}
 .btn-call {
     background-color: #c62828 #c628283px;
}
 .btn-call {
     background-color: #c62828;
     border: 1px solid #c62828;
     color: #fff;
     border-radius: 3px;
}
 .btn-call:hover {
     background-color: #c62828;
     border: 1px solid #c62828;
     color: #fff;
     border-radius: 3px;
}
/* ------ /call footer ------ */
/* scroll to top */
 .scrollup{
     position:fixed;
     width:40px;
     height:40px;
     bottom:130px;
     right:5px;
    /*background: #222;
     */
     z-index:1000;
}
 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: 40px;
     color: #fff;
    /* border-radius: 2px;
     -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
     -o-border-radius: 2px;
     */
     text-align: center;
     background-color: #E00202;
     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;
}
 a.scrollup i:hover {
     text-decoration: none;
     background-color:#337AB7;
    /* #FF6600;
     */
}


#call-zalo {

    position: fixed;
    bottom: 30px;
    right: 5px;
    z-index: 1000;
    width: 55px;

}
/* /scroll to top */
 @media (max-width: 768px) {
     .w-logo h3 {
         margin-top:10px;
    }
     .w-support {
         padding-top:0px;
    }
     .top-bar-w {
         margin-bottom: 0px;
    }
     .nav-w {
         margin-bottom: 5px;
    }
     .box-image-item .box-image, .box-image-item .box-image-2 {
         height: auto;
    }
     .inner-nav {
         margin-left:-15px;
         margin-right:-15px;
    }
     .menu ul.open > li:last-child span {
         background-color: transparent !important ;
         color: #fff;
    }
     .menu ul.open > li:last-child i {
         color:#fff;
    }
}