@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');
body{font-family: roboto }

@font-face {
    
    font-family: 'Roboto';
    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#Roboto-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family:'Roboto-Semibold';
    src:url(../font/Roboto-Semibold.otf);
}

@font-face {
    font-family:'Roboto-bold';
    src:url(../font/Roboto-Bold.ttf);
}
@font-face {
    font-family: 'Roboto-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#Roboto-BoldCond') format('svg');
    font-weight: normal;
    font-style: normal;
}
.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: #ed1c24;}
.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:#333;}
.thub-image .item:hover img,.thub-image .item.active img{border:1px solid #ed1c24;}
.nav-tabs-01 li.active .arrow-left::after, .nav-tabs-01 li.active .arrow-left::after { border-right-color: #ed1c24;}
.nav-tabs-01 .nav-tabs li.active span .demo-icon {color:#ed1c24}

.btn-main, .btn-primary, a.btn-primary{ background-color:#ed1c24;border: 1px solid #ed1c24; 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:#ed1c24; border-color: #ed1c24;}
.btn-icon:hover{color: #ed1c24;border-color: #ed1c24}
.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 0 0;}
.box-product-style2 .nav_title li a::before {display:none}
.box-product-style2 .nav_title li a {
    text-transform: inherit;
    font-weight: normal;
    font-size: 15px;
}
.box-product-style2 .tab-product .nav_title{ border:none; margin:0;}

@media(min-width:1200px){
        .box-search .form-inline input.form-control{ width:310px;}
        
        }
@media(max-width:767px){
        .hotline{ padding:0; margin-top:-50px; text-align:right;}

    }
@media(max-width:480px){
    .hotline{ margin:0px 0; text-align:left;}
}
/****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;} */















/*
************************************************
Backup data css gốc
************************************************


body{font-family:"MyriadPro-Regular", Arial, sans-serif }
@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;
}
.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: #ed1c24;}
.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:#ed1c24;}
.thub-image .item:hover img,.thub-image .item.active img{border:1px solid #ed1c24;}
.nav-tabs-01 li.active .arrow-left::after, .nav-tabs-01 li.active .arrow-left::after { border-right-color: #ed1c24;}
.nav-tabs-01 .nav-tabs li.active span .demo-icon {color:#ed1c24}

.btn-main, .btn-primary, a.btn-primary{ background-color:#ed1c24;border: 1px solid #ed1c24; 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:#ed1c24; border-color: #ed1c24;}
.btn-icon:hover{color: #ed1c24;border-color: #ed1c24}
.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 0 0;}
.box-product-style2 .nav_title li a::before {display:none}
.box-product-style2 .nav_title li a {
    text-transform: inherit;
    font-weight: normal;
    font-size: 15px;
}
.box-product-style2 .tab-product .nav_title{ border:none; margin:0;}

@media(min-width:1200px){
        .box-search .form-inline input.form-control{ width:310px;}
        
        }
@media(max-width:767px){
        .hotline{ padding:0; margin-top:-50px; text-align:right;}

    }
@media(max-width:480px){
    .hotline{ margin:0px 0; text-align:left;}
}
/****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;} */