/*
Design by Dũng LAD@1028
dungla2011@gmail.com
 */

* {
    margin: 0;
    padding: 0;
}

body {
    background: white;
    font-size: 14px;
    font-family: 'Arial';
    /*max-width: 1400px;*/
    height: 100%;
}

html {
    background: white;
    height: 100%;
}

a{
    text-decoration: none!important;
}

.reset_margin_padding{
    margin: 0px!important;
    padding: 0px!important;
}


.footer {
    /*position: fixed;*/
    /*left: 0;*/
    /*bottom: 0;*/
    /*width: 100%;*/
    margin-top: 20px;
    padding-top: 5px;
    background-color: #333333;
    color: #ccc;
}

.footer1{

    padding: 10px 0px;
    border: 0px solid red;
    background-color: darkslategrey;

    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}


nav_zone {
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}


.search_mobi_text{
    margin-top: 7px;
    margin-right: 5px;
}

.top_menu_call_number {
    background-color:   #ec000c   ;
    color:   #ec000c   ;
    font-weight: bolder; border: 1px solid white; padding: 3px 8px; border-radius: 2px; margin-right: 10px;
}

.flright{
    float: right;
}

.flleft{
    float: left;
}

.icon_nav_mobi{
    padding: 10px 12px 10px 15px;
}



/*.icon_nav_mobi:hover + .mobi_menu_cont{*/
/*display: block;*/
/*}*/

.mobi_menu_cont:hover{
    display: block;
}

.menu_item_lv0{
    padding: 10px 10px;
    border-top: 1px solid #eee;
}

/*.menu_item_lv1{*/
    /*display: none;*/
    /*font-size: smaller;*/
    /*padding: 5px 10px;*/
    /*margin: 5px;*/
    /*float: left;*/
    /*border: 1px solid white;*/
    /*border-radius: 10px;*/
/*}*/

.menu_item_lv1 a, .menu_item_lv0 a{
    color: white;
}

.danh_muc{
    margin: 1px 0px;
    padding: 5px 10px 5px 5px;
    /*background-color: white;*/
    color: white;
    display: inline-block;

    font-size: large;
    cursor: pointer;
}


.input_search {
    color: #272727;
    height: 29px;
    width: 300px;
    /*margin-left: 10px;*/
    border-radius: 5px;
    border-width: 0px;
    padding: 0px 10px;
}
.relative{
    position: relative;
}


.support_zone{
    position: absolute;
    right: 0px; border: 1px solid #ccc;
    display: none; padding: 10px;
    background-color: snow;
    z-index: 1000;
}
.support_zone1{
    position: absolute;
    right: 0px; border: 1px solid #ccc;
    display: none; padding: 10px;
    background-color: snow;
    z-index: 1000;
}
.search_desktop_txt{
    font-size: 16px;
    margin-left: 5px;
}

.search_mobi_text{
    /*font-size: 20px; */
    margin-left: 5px; padding-top: 0px;
}

.search_mobi_text{
    float: right; display: flex; align-items: center;
}

#search_icon_mobi{
    font-size: 20px;
    margin: 0px 10px;
}

.sticky {
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 1000;
}

.push_sticky{
    padding-top: 40px;
}


nav_zone ul {
  margin: 0;
  padding:0;
  list-style: none;
  border: 0px solid blue;
}

nav_zone a {
    color: white;
    /*padding: 5px 10px*/

}

#select_sort_by{
    margin-right: 1px; width: 200px; float: right
}


.item_grid{
    width: 193px; min-height:200px;
    border-bottom: 0px solid #ddd; float: left;
    border-left: 0px solid #ddd;
    display: none;
    /*padding: 5px;*/
    background: white;
}

.item_grid:nth-last-of-type(1){
    /*border-right: 1px solid #ccc;*/
}

.item_grid:nth-of-type(2n) {

}
.item_grid:nth-of-type(2n+1) {
    /*background: #eee;*/
}

.item_grid {
    /*box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);*/
    /*transition: all 200ms ease-out;*/
}

.item_info{
    height: 30%; padding: 3px 8px;
    border: 0px solid blue;
    color:   #ec000c   ;
    font-size: 13px;


    /*bottom: 0px; position: absolute;*/
}

.item_name{
    color: #272727;
}

.item_image{
    /*position: absolute;*/
    height: 68%;
    border: 0px solid red;
    display:flex;
    align-items: center; padding: 10px
}

.item_image img{
    max-height: 100%;
    max-width: 100%;
}

.item_grid_inside{
    margin: 5px;
    border: 1px solid #ddd;
    height: 96%;
    border-radius: 5px;
    overflow: hidden;
}

.item_grid_inside:hover{
    /*border-right: 3px solid #ccc;*/
    /*border-bottom: 3px solid #ccc;*/

    /*-webkit-box-shadow: 0 8px 6px -6px #777;*/
    /*-moz-box-shadow:    0 8px 6px -6px #777;*/
    /*box-shadow:         0 8px 6px -6px #777;*/

    box-shadow: 0 6px 6px 0 rgba(0,0,0,0.2), 0 2px 2px 0 rgba(0,0,0,0.19);
}

.content-item-price{
    font-size: 16px;
    font-style: italic;
    font-weight: bold;
    text-shadow: 1px 1px 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 3px 3px 5px #333;
}


/*.item:nth-of-type(3n) {*/
    /*background: green;*/
/*}*/
/*.item:nth-of-type(3n+1) {*/
    /*background: greenyellow;*/
/*}*/
/*.item:nth-of-type(3n+2) {*/
    /*background: yellow;*/
/*}*/

/*.item:nth-of-type(6n+1) {*/
/*clear: both;*/
/*}*/


/*
Menu Danh muc trang chu
 */
div[id^='menu_item_right']{
    display: none;
    text-decoration: none;
    margin: 5px;
}


div.menu_item_left{
    text-decoration: none;
    padding: 6px 8px;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    cursor: pointer;
    /*background-color: #eee;*/
    margin: 0px 0px 0px 0px;
    /*font-weight: bold;*/
    color: darkslategrey;
}

div.menu_item_left:hover, div.menu_item_small:hover{
    background-color:   #ec000c   ;
    color: white;
}

div.menu_item_small{
    float: left;
    background-color: #f3f3f3;
    border: 0px solid red;
    padding: 10px;
    margin: 5px;
    border-radius: 10px;
}

div.menu_banner_all, div.menu_banner_all2{
    border-top: 0px solid #ccc;
    border-right: 2px solid #ccc;
    border-bottom: 2px solid #ccc;
    border-left: 2px solid #ccc;
    padding-top: 0px;
    margin-top: -1px;
    text-decoration: none;
    min-height: 332px;
    /*width: 1201px;*/
    /*position: absolute;*/
    background-color: white ;
    z-index: 1000;
}

div.menu_banner_all2{
    display: none;
    position: fixed;
    /*border: 1px solid   #ec000c   ;*/
}

div.menu_zone_left{
    border: 0px solid red; width: 220px; float: left
}
div.menu_zone_center{
    color: darkslategrey;
    border: 0px solid #ccc;
    width: 600px;
    float: left;

    /*background-color: snow;*/
}

div.menu_zone_right{
    border-left: 1px solid #ccc;
    width: 346px;
    float: right;
    background-color: white;
    padding: 0px 0px 0px 0px;
}

.menu_zone_center a{
    color: #333333!important;
}

div.slide_center{

    min-height: 300px;
}

.carousel{
    /*background: #2f4357;*/
    /*margin-top: 20px;*/
    height: 95%;
}
.carousel .item{
    min-height: 280px; /* Prevent carousel from being distorted if for some reason image doesn't load */
}
.carousel .item img{
    margin: 0 auto; /* Align slide image horizontally center */
}
.bs-example{
    /*margin: 20px;*/
    height: 100%;
}
/*
End Menu Danh muc trang chu
*/



/*MOBI*/
@media(max-width:768px) {

    .push_sticky{
        /*display: none;*/
    }
    .ladbar, .hide_on_mobi{
        display: none;
    }
    .ladbar-mobi{
        display: inline;
    }
    .icon_nav_mobi {
        display: inline-block;
        color: green;
        font-size: 20px;
    }
}

/*PC*/
@media(min-width:769px) {
    .hide_on_wide_screen, .hide_on_desktop, .hide_on_pc
    {
        display: none;
    }
    .ladbar{
        /*display:block;*/
        display: flex;

        /*height: 100px;*/

    }
    .ladbar-mobi{
        display: none;
    }
}


/*
Paginator
 */


.pagination {
    display: inline-block;
}

.pagination a {
    color: black;
    float: left;
    padding: 3px 6px;
    text-decoration: none;
    transition: background-color .3s;
    border: 1px solid #ddd;
    margin: 0 4px;
    border-radius: 10px;
}

.pagination a.active {
    background-color: gray;
    color: white;
    border: 1px solid gray;
}

.pagination a:hover:not(.active) {background-color: #ddd;}


/*
Main page
 */

.slogan_banner
{
    margin-left: auto;
    margin-right: 20px;  order: 2; background-color: #5c9d27; border: 0px solid #ccc;

    border-radius: 5px; padding: 6px 10px; font-family: Arial, Helvetica, sans-serif;
    color: whitesmoke;
}


.slick-prev:before,
.slick-next:before {
    font-size: 30px;
}

.slick-lightbox .slick-next {
    right: 20px;
}

.slick-lightbox-close:before {
    font-size: 40px;
}




.product-slideshow .slick-next, .product-slideshow .slick-prev{
    display: none !important;
}
.product-slideshow .slick-dots {
    bottom: 5px;
}
.product-slideshow .slick-dots li button:before {
    font-size: 10px;
    border: 1px solid   #ec000c   ;
    color: red;
    border-radius: 10px;
}


.product-info ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.product-info li {
    padding-left: 1em;
    text-indent: -.7em;
}

.product-info li::before {
    content: "• ";
    color:   #ec000c   ; /* or whatever color you prefer */
}



.slick-prev {
    left: 0;
}

.slick-next {
    right: 0;
}
.product-thumb-img{
    height: 47px;
    width: 70px;
}
.product-thumb-item{
    float: left;
    margin-right: 10px;
    display: block;
    border: 1px solid #dfdfdf;
    border-radius: 4px;
    padding: 5px;
    margin-bottom: 20px;
}
.product-price{
    color:   #ec000c   ;
    font-size: 20px;

}
.light{
    font-family: 'Roboto-Light', sans-serif;
}
.product-discount{
    text-decoration: line-through;
    /*font-size: 16px;*/
    color: #000;
    margin-left: 5px;
}
.product-warehouse{
    font-size: 15px;
    color: green;
}
.product-discount-box{
    border: 0px solid #e6e1e1;
    /*padding: 8px;*/
    margin-bottom: 10px;
    clear: both;
}
.product-discount-text{
    font-size: 16px;
}
.product-discount-img{
    height: 40px;
    height: 40px;
    margin-right: 3px;
}
.product-discount-item .fa{
    margin-right: 3px;
}
.slick-slider {
    margin-bottom: 10px;
}
.product-btn-common{
    /*padding: 15px 60px;*/
    font-size: 18px;
    border: 1px solid #ccc;
    margin-right: 10px;
    border-radius: 0;
}
.product-btn-call{
    background: #fff;
    color: #000;
}
.product-feature-wrap .fa{
    font-size: 8px;
    color: #b7abab;
    vertical-align: middle;
}
.product-tabs{
    display: table;
    width: 100%;
    /*box-shadow: 0 6px 15px 0 rgba(0, 0, 0, .2);*/
    margin: 10px 0;
    border: 1px solid #e6e0e0;
}
.product-tabs-item{
    color: #ec000c;
    cursor: pointer;
    width: 50%;
    /* background: red; */
    /*float: left;*/
    text-align: center;
    font-size: 16px;
    padding: 3px 0;
    border-right: 0px solid #e5e5e5;
    display: table-cell;
}
.product-tabs-description{
    line-height: 30px !important;
}
.product-tabs-description img{
    margin-top: 15px !important;
    margin-bottom: 15px !important;
}
.product-tabs-readmore{
    text-align: center;
    max-width: 140px;
    margin: 20px auto;
    border: 1px solid #ca4b24;
    padding: 10px 25px;
    color: #ca4b24;
}
.product-tabs-active{
    background: #ec000c;
    color: whitesmoke;
}
.product-tabs-heading{
    font-size: 26px;
}
.product-tabs-form{
    border: 1px solid #ccc;
    padding: 10px;
    border-top: none;
    display: none;
}
.product-form-btn{
    margin-top: 10px;
    padding: 6px 20px;
}
.product-tabs-comment{
    margin-bottom: 20px;
}
.product-comment-avatar{
    float: left;
    margin-right: 10px;
}
.product-comment-content{
    display: table-cell;
}
.product-comment-wrap{
    margin: 20px 0;
}
.product-button-like{
    margin-right: 10px;
    font-size: 13px;
}
.product-comment-button{
    margin: 5px 0;
}
.product-avatar-img{
    height: 30px;
}
.product-comment-answer{
    background: #f5f3f3;
    padding: 10px;
    position: relative;

}
.product-comment-item{
    margin-bottom: 15px;
    line-height: 22px;
}
.product-answer-fa{
    position: absolute;
    top: -15px;
    left: 10px;
    color: #eae9e9;
    font-size: 24px;
}
.product-answer-admin{
    font-size: 12px;
    /*background: orange;*/
    color: #fff;
    padding: 0 10px;
    margin: 0 5px;
}
.breadcrumb {
    background-color: #fff;
    padding: 0;
}

.img_in_news {
    max-width: 500px;
    width: 100%;
}


.product_cat_name{
    border-bottom: 0px solid   #ec000c   ;
    border-left: 0px solid #ec000c; color: #ec000c;
    /*padding: 5px 10px;*/
    font-size: 18px;
    border-radius: 0px;
    width: calc(100% - 2px);
    background-color: #eee;
    margin-bottom: 5px;
}

.arrow {
    border-style: dashed;
    border-color: transparent;
    border-width: 0.20em;
    display: -moz-inline-box;
    display: inline-block;
    /* Use font-size to control the size of the arrow. */
    font-size: 100px;
    height: 0;
    line-height: 0;
    position: relative;
    vertical-align: middle;
    width: 0;
    background-color:#fff; /* change background color acc to bg color */
    border-left-width: 0.2em;
    border-left-style: solid;
    border-left-color: #ff0000;
    left:0.25em;
}

/*==================================================
 * Effect 4
 https://css-tricks.com/almanac/properties/b/box-shadow/
 * ===============================================*/
.effect4
{
    position: relative;
}
.effect4:after
{
    z-index: -1;
    position: absolute;
    content: "";
    bottom: 15px;
    right: 10px;
    left: auto;
    width: 50%;
    top: 80%;
    max-width:300px;
    background: #777;
    -webkit-box-shadow: 0 15px 10px #777;
    -moz-box-shadow: 0 15px 10px #777;
    box-shadow: 0 15px 10px #777;
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    transform: rotate(3deg);
}



.icon-bar {
    position: fixed;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 5000;
}

.icon-bar a {
    display: block;
    text-align: center;
    padding: 16px;
    transition: all 0.3s ease;
    color: white;
    font-size: 20px;
}

.icon-bar a:hover {
    background-color: #000;
}

.icon-bar .facebook {
    background: #3B5998;
    color: white;
}

.icon-bar .twitter {
    background: #55ACEE;
    color: white;
}

.icon-bar .google {
    background: #dd4b39;
    color: white;
}

.icon-bar .linkedin {
    background: #007bb5;
    color: white;
}

.icon-bar .youtube {
    background: #bb0000;
    color: white;
}

.icon-bar .content {
    margin-left: 75px;
    font-size: 30px;
}


.blink_me {
    animation: blinker 1s linear infinite;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}

.footer-heading {
    text-transform: uppercase;
    color: #fff;
    font-size: 20px;
}


/*--------------*/
#container_slide {
    position: relative;
    height:1000px;
}
#slider_cover {
    position: absolute;
}
.slide_item{
    /*height: 30px;*/
    border: 0px solid gray;
}

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