@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,600i,700,700i&subset=vietnamese');

body{font-family: 'Open Sans', sans-serif; background-color:#f0f0f0; font-size:13px; }
@font-face {
    font-family: 'MyriadPro-Regular';
    src: url('../fonts/myriadpro-regular-webfont.eot');
    src: url('../fonts/myriadpro-regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/myriadpro-regular-webfont.woff') format('woff'),
        url('../fonts/myriadpro-regular-webfont.ttf') format('truetype'),
        url('../fonts/myriadpro-regular-webfont.svg#MyriadPro-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family:'MyriadPro-Semibold';
    src:url(../font/MyriadPro-Semibold.otf);
}

@font-face {
    font-family:'MyriadPro-bold';
    src:url(../font/MyriadPro-Bold.ttf);
}
@font-face {
    font-family: 'MyriadPro-BoldCond';
    src: url('../fonts/myriadpro-cond-webfont.eot');
    src: url('../fonts/myriadpro-cond-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/myriadpro-cond-webfont.woff') format('woff'),
        url('../fonts/myriadpro-cond-webfont.ttf') format('truetype'),
        url('../fonts/myriadpro-cond-webfont.svg#MyriadPro-BoldCond') format('svg');
    font-weight: normal;
    font-style: normal;
}
.table-widthlist.table>tbody>tr>td, .table-widthlist.table>tbody>tr>th {background-color:#fff}
.title-main {
    padding: 15px 0;
}
.title-blogs-item {
    height: 69px;
}
.item-blogs .desc-blogs {height: auto;}
.box-cart-right, .box-cart-left, .Compe-product .container .table, .box .bs-docs-sidebar.border, .bg_gray2, .nav-tabs-03.nav li a, .btn-fill, .top-list-blogs-subpage, .btn-view-more, .btn-ver, .box-slide-images-detail, .bottom-detail-product .tab-content, .bottom-detail-product .nav_title, .widthlist .table, .table-widthlist.table-bordered>thead>tr>th{background-color:#fff}
.bottom-detail-product .nav_title { padding:15px 15px 0; margin:0}
.box-forget {
    background: #fff;
    padding: 20px;
    margin-top: 25px;
}
.bottom-detail-product .tab-content { padding:15px;}
.box-contacts .box {
    background: #fff;
    padding: 15px;
}
#header, .item-product {background-color:#fff}
.product-available {
    background: #fff;
}
.title-theme6 h2:before, .title-theme6 h2:after {background-color:#e43935}
.payment-support {
    text-align: left;
}
.payment-support .title-menu-ft {
    margin-bottom: 10px;
}
.nav_desktop ul ul {top:45px}
.item-product .img {min-height:205px}
.item-product .info {text-align:left}
.action-product.bg-main {background:none}
.action-product a {background-color:#3e3e3e; border:none}
.action-product a:hover {background-color:#e43935; color:#fff;}
.status-product {
    background-color: #55d14b;
    height: 20px;
    line-height: 20px;
    top: 30%;
    left: 10px;
    font-size: 11px;
}

.status-product::before {
    background: url(../images/arrow-new.png) no-repeat 0 0;
    content: "";
    position: absolute;
    right: 0;
    bottom: -5px;
    width: 5px;
    height: 5px;
    display: block;
}

.status-product.bg-red::before {
    background: url(../images/arrow-hot.png) no-repeat 0 0;
}
.status-product.bg-red {background-color:#e43935}
.title-product b {font-weight:normal}
.box-product-style2 .nav_title li {position:relative}
.box-product-style2 .nav_title li a {padding: 10px;}
/* .box-product-style2 .nav_title li:before { background:url(../images/line-dot.png) no-repeat left 0; width:4px; height:12px; content:""; position:absolute; left: -9px;top: 12px;} */
.box-product-style2 .nav_title li:first-child:before { display:none}
.box-product-style2 {
    margin-bottom: 30px;
}
.box-left, .top-list-product-subpage {background:#fff}
.title-main.bottom {margin-bottom:0}
.content-box-left {padding:10px}
.box-left .nav_title { padding-left:10px;}
.item-product .info {
    padding: 5px 10px;
}

/* .box-product-style2 .nav_title li:last-child a, .box-product-style2 .nav_title li:last-child{ padding-right:0} */

.noPadding {padding:0 !important}
.item-product.style-view-3 {border-right: 1px solid #ddd;border-left:none;}
.box-product-style2 .tab-product {margin-bottom:5px; border:none;}
.box-product-style2 h3::before {display:none}
.box-product-style2 h3 {
    border-left: 3px solid #e43935;
    padding-left: 9px;
}
.content-brand {margin:0}
.content-brand .slider-product.owl-theme .owl-controls .owl-buttons div.owl-next{
    right: 15px;
}
#footer {
    background: #292d2e;
    padding: 0;
}
.title-box-center-ft {
    margin-bottom: 25px;
    top: 0;font-size: 14px;
}
.top-footer .title-menu-ft, .top-footer .title-box-center-ft, .top-footer .title-box-center-ft {
    color: #fff;
}
.box-branch {
    background: #fff;
}
.box-branch .form-group {
    margin-bottom: 50px;
}
.box-style-1 {
    margin-bottom: 30px;
}
.box-style-1 a, .box-style-1 a .demo-icon::before {
    color: #cc0001;
    font-size: 13px;
}
.box-style-1 .right-style-1 .demo-icon {
    float: none;
}
.title_style4 h2, .title_style4 h3, .title_style4 h4 {font-size: 12px;}
.title-menu-ft {font-size: 14px;}
.box-style-1 .demo-icon {float: left; font-size: 15px;}
.right-style-1 {
    padding-left: 20px;
}
.box-facebook {
    margin-bottom: 20px;
}
.box-highlight.bg-main { background:url(../images/bg-service.png) no-repeat center 0 #ec5f40;}
.item-highlight .title-highlight {
    font-size: 12px;
    font-weight: bold;
}
.newsletter .form-inline .form-control {
    width: 100%;
}
.newsletter { color:#616161}
.item-highlight > i {
    font-size: 45px;
    color: #333;
    background: #fff;
    border-radius: 50%;
    width: 60px;
    padding-top: 10px;
    height: 60px;
    text-align: center;
}
.newsletter .btn-default {
    position: absolute;
    bottom:0px;
    right: 0;
    font-size: 14px;
    background: #0a0a0a;
    color: #fff !important;
}
.newsletter .btn-default:hover { background:#e43935}
.icon-social a:hover {border-color:#e43935}
.icon-social {
    width: 100%;
    top: -15px;
    position: relative;
}
.icon-social a, .address-ft p i {
    background: transparent !important;
    border: 1px solid #777;
    border-radius: 0;
    width: 30px !important;
    color: #999 !important;
    height: 30px !important;
    line-height: 30px;
    margin: 0 10px 0 0;
}
.item-download {
    background-color: #fff;
}
.box-align-right {
    float: none;
}
.newsletter {
    position: relative;
    margin-bottom: 15px;
}
.top-footer {
    border: none;
    padding: 50px 0;
}
.nav_desktop li a {font-size: 14px;font-weight:600;}
.nav_desktop li a::after {display:none}
.nav-right .dropdown-toggle {color: #3e3e3e;}
.nav-right .cart-order .dropdown-toggle, .nav-right .dropdown-toggle { border:none;line-height: 30px;}
.content-brand .item { padding:0}
.banner-img img { border:none}
.item-brand {margin: -1px 0 -1px -1px;}
.item-brand img {
    border-right: none;
    border-top: none;
    border: 1px solid #ddd;
    padding: 5px;
}
#Box_brand .owl-wrapper-outer {
    border: 1px solid #ddd; padding:0;
}
.cart-order .dropdown-toggle span.number {background: #e43935;color: #fff !important;}
.fancybox-gallery:hover .image-hover {
	opacity:.65;
}
.bg-main, .fancybox-gallery:hover .image-hover, .nav-tabs-03.nav-tabs>li.active>a, .nav-tabs-03.nav-tabs>li.active>a:focus, .nav-tabs-03.nav-tabs>li.active>a:hover, .box-step ul li.active .demo-icon, .nav_title li a::before, .box-product-style2 h3:before, .title_style2 h3::after, .opticon-select li:hover .btn-ver,.opticon-select li.active .btn-ver, .nav-tabs-01 .nav-tabs li.active span, .list-bank li label:before{background-color: #b51d1c;}
.color-main, .box-style-1 .demo-icon:before, .bottom-download span, .cart-order .dropdown-toggle span.number, .view-style .btn-view.active, .nav li.active a, .nav_desktop ul li:hover ul li a:hover, .title-product a:hover, .title-desc-detail, .nav-tabs-01 .nav-tabs li span .demo-icon, .nav-tabs-01 .nav-tabs li.active i.icon-dot-circled, .nav_desktop ul li.sub-menu-style2 ul li a:hover, .nav_desktop ul li.sub-menu-style2:hover ul li a:hover, .breadcrumb > .active, .newsletter .btn-default{ color:#e43935;}
.thub-image .item:hover img,.thub-image .item.active img{border:1px solid #e43935;}
.nav-tabs-01 li.active .arrow-left::after, .nav-tabs-01 li.active .arrow-left::after { border-right-color: #e43935;}
.nav-tabs-01 .nav-tabs li.active span .demo-icon {color:#e43935}

.btn-main, .btn-primary, a.btn-primary{ background-color:#e43935;border: 1px solid #e43935; color:#fff;}
.btn-main.focus, .btn-main:focus, .btn-main:hover, .btn-primary.focus, .btn-primary:focus, .btn-primary:hover {
    background-color: #ea0009;
    border-color: #ea0009;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover,.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover, .pagination>li.active>a{background-color:#e43935; border-color: #e43935;}
.btn-icon:hover{color: #e43935;border-color: #e43935}
.btn-primary, a.btn-primary{ color:#fff;}
.bg-default {background-color:#383838;}
.btn-default {background-color:#383838;border: 1px solid #383838; color:#fff;}
.btn-default.focus, .btn-default:focus, .btn-default:hover {
    background-color: #e3e3e3;
    border-color: #ea0009; color:#ea0009;
}
.jslider .jslider-bg i, .jslider .jslider-pointer {background: url(../images/jslider.png) no-repeat 0 0;}
.jslider .jslider-pointer {
    background-position: 0 -60px;
}
.box-product-style2 .nav_title li {padding: 0 15px;border-left: 1px solid #ddd;border-top: 1px solid #ddd;background: #fff;}
.box-product-style2 .nav_title li.active {border: 1px solid #ac0000;background-color: #b51d1c;}
.box-product-style2 .nav_title li.active a {color: #fff;}
.box-product-style2 .nav_title li:last-child {border-right: 1px solid #ddd;}
.box-product-style2 .nav_title li a::before {display:none}
.box-product-style2 .nav_title li a {
    text-transform: uppercase;
    font-weight: normal;
    font-size: 15px;
}
.box-product-style2 .tab-product .nav_title{ border:none; margin:0;}
.box-search .input-group-addon {background:none}
.box-search .form-inline .input-group {
    border-radius: 3px 0 0 3px;
}
.btn-search {
    border-radius: 0 3px 3px 0;
}
.box-search .form-inline input.form-control {
    border-left: 1px solid #ddd;
    border-radius: 0;
}
.bg-main.menu-main {background-color:#fff}
.nav_desktop li a {color:#3e3e3e}
@media(min-width:1200px){
        .box-search .form-inline input.form-control{ width:540px;}
        
        }
@media(min-width:768px){
	.box-product-style2 .tab-product .nav_title {
    margin-right: 0 !important;
}
}

@media(max-width:767px){
	.nav_mobile .nav-right .dropdown-toggle {color:#fff}
	.content-tab-product {
    margin: 0 -15px;
}
.newsletter .btn-default {
    top:inherit; bottom:-50px;
}
        .hotline{ padding:0; margin-top:-50px; text-align:right;}

    }
@media(max-width:480px){	
	.table-widthlist.table>tbody>tr {margin-bottom:0}
    .hotline{ margin:0px 0; text-align:left;}
    /*.list-item{width:100%; float: none;}*/
	#header > div[id^="header-row-"]:nth-child(1) .col-xs-4{width: 100%;}
	#header > div[id^="header-row-"]:nth-child(1) .col-sm-8{width: 100%;}
	.box-search{margin:0;}
	.pull-right .dropdown-menu{left: 0;right: auto;}
	
}
/****fix lech hang san pham khi height sp k bang nhau trang list sp va search sp***/
@media(min-width:992px){
        .top-product-mon .col-xs-6:nth-child(3n+1){clear: both;}
        /*.list-item:nth-child(3n +1){ clear: both; }*/
        .search-product .list-item:nth-child(3n +1){ clear: none; }
        .search-product .list-item:nth-child(4n +1){ clear: both; }
    }

 @media(max-width:991px){
        .top-product-mon .col-xs-6:nth-child(2n+1){clear: both;}

    }
@media (max-width: 992px) and (min-width: 481px){
 /*.list-item:nth-child(2n +1){ clear: both; }*/
}

/**** endfix lech hang san pham khi height sp k bang nhau***/


/*.bg-main,.title-category{background-color: #009b00;}
.btn-main{background-color: #009b00; border-color:#009b00}
.color-main{ color:#01ae01 !important;}


.nav_title li a::before,.bg-red,.box-product-style2 h3:before,.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span,.btn-black-2:hover{ background-color: #009b00;}

.title_style2 h3::after,.box-step ul li.active .demo-icon,.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{ background-color:#009b00;}

.btn-main.focus ,.btn-main:focus,.btn-main:hover,.btn-primary.focus,.btn-primary:focus,.btn-primary:hover,.btn-view-more:hover,.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover, .pagination>li.active>a,.opticon-select li:hover .btn-ver,.opticon-select li.active .btn-ver {
    background-color: #009b00;
    border-color: #009b00;
}

.title-nav-left-p{border-color: #009b00;}

.btn-default.focus, .btn-default:focus, .btn-default:hover {
    background-color: #e3e3e3;
    border-color: #009b00; color:#009b00;
}


.color-main, .owl-theme .owl-controls .owl-buttons div:hover:before,.box-product-style2 .nav_title li.active a,.box-product-style2 .nav_title li a:hover,.link-color-main,.tab-nav-left li.active a,.nav li.active a,.cart-order .dropdown-toggle span.number,.title-product a:hover,.nav_desktop ul li:hover ul li a:hover,.item-tab-nav-left:hover,#cssmenu > ul > li:hover > a,#cssmenu > ul > li.active > a,.box-style-1 .demo-icon:before{ color:#01ae01 !important;}

.link-color-main:hover,.box-product-style2 .nav_title li a:hover,.menu-footer-vertical a:hover,.item-link-lienquan:hover,.title-blogs-item a:hover,.view-style .btn-view.active,.title-desc-detail{ color:#009b00}

.border-top-color-main{ border-top-color:#009b00 !important;} */