.logo img{
    width: 180px;
}

.center{
    text-align: center;
}

.list-inline > li.active > span{
    font-weight: bold;
}

.m-b-20 {margin-bottom: 20px !important;}
.m-b-40 {margin-bottom: 40px !important;}

.no-margin-top {margin-top: 0px}

/*===== Start Navigation =====*/

/*Dropdown Menu*/
.dropdown-menu {
    padding: 0;
    border: none;
    min-width: 200px;
    border-radius: 0;
    z-index: 9999 !important;
    border-top: solid 2px #d33642;
    border-bottom: solid 2px #687074;
}

.dropdown-menu li a {
    color: #687074;
    font-size: 13px;
    font-weight: 400;
    padding: 6px 15px;
   /* border-bottom: solid 1px #eee;*/
}

.dropdown-menu .active > a,
.dropdown-menu li > a:hover {
    color: #687074;
    filter: none !important;
    background: #eee !important;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

 .dropdown-menu li > a:focus {
    background: none;
    filter: none !important;
}

/*.navbar-nav > li.dropdown:hover > .dropdown-menu {*/
/*    display: block;*/
/*}*/

/*.open > .dropdown-menu {*/
/*    display: none;*/
/*}*/


/*Dropdown Submenu for BS3
------------------------------------*/
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu > a:after {
    top: 12px;
    right: 5px;
    font-size: 11px;
    content: "\f105";
    position: absolute;
    font-weight: normal;
    display: inline-block;
    font-family: FontAwesome;
}

@media (max-width: 991px) {
    .dropdown-submenu > a:after {
        content: " ";
    }
}

.dropdown > a.has_sub:after {
    top: 15px;
    right: 5px;
    content: "\f107";
    font-size: 11px;
    position: absolute;
    font-weight: normal;
    display: inline-block;
    font-family: FontAwesome;
}

.dropdown-submenu > .dropdown-menu {
    top: 3px;
    left: 100%;
    margin-top: -5px;
    margin-left: 0px;
}

/*Submenu comes from LEFT side*/
.dropdown-submenu > .dropdown-menu.submenu-left {
    left: -100%;
}

.dropdown-submenu:hover > .dropdown-menu {
    display: block;
}

@media (max-width: 991px) {
    .dropdown-submenu > .dropdown-menu {
        display: block;
        margin-left: 15px;
    }
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left > .dropdown-menu {
    left: -100%;
    margin-left: 10px;
}

/*Dropdow Mmenu Icons (Font Awesome)*/
.dropdown-menu li [class^="fa-"],
.dropdown-menu li [class*=" fa-"] {
    left: -3px;
    width: 1.25em;
    margin-right: 1px;
    position: relative;
    text-align: center;
    display: inline-block;
}
.dropdown-menu li [class^="fa-"].fa-lg,
.dropdown-menu li [class*=" fa-"].fa-lg {
    /* increased font size for fa-lg */
    width: 1.5625em;
}


/* ===== End Navigation ===== */



/* ===== NEWS ==== */
.news-section {
    border-top: solid 1px #eee;
    border-bottom: solid 1px #eee;
}

.news-v1 .news-v1-in {
    background: #fafafa;
}

.news-v1 h4 {
    margin-bottom: 0;
    font-weight: 200;
    line-height: 28px;
    padding: 10px 15px 15px;
}

.news-v1 h4 a {
    color: #555;
}

.news-v1 h4 a:hover {
    color: #72c02c;
}

.news-v1 p {
    color: #555;
    padding: 0 15px;
    margin-bottom: 20px;
}

.news-v1 .news-v1-info {
    margin-left: 0;
    margin-top: 30px;
    overflow: hidden;
    padding: 8px 10px;
    border-top: solid 1px #eee;
}

.news-v1 .news-v1-info li {
    font-size: 12px;
}

.news-v1 .news-v1-info li a:hover {
    color: #72c02c;
    text-decoration: none;
}

.body-background {
    background: #d9e0e7 !important;
}




.single-product .product-tabs .nav.nav-tabs.nav-tab-cell > li.active > a:after {
    position: absolute;
    top: 45px;
    right: 40px;
}

.single-product .product-tabs .nav.nav-tabs.nav-tab-cell li a:hover:after,
.single-product .product-tabs .nav.nav-tabs.nav-tab-cell li a:hover:focus{
    
}


.single-product .product-tabs .nav.nav-tabs.nav-tab-cell li.active a {
}
.single-product .product-tabs .nav.nav-tabs.nav-tab-cell li.active a:after {
}

.product-tabs .nav>li{
    display: inline-block;
}

.info-boxes .info-box .info-box-heading {
    font-family: 'Open Sans', sans-serif !important;
}

.info-box .image > img{
    width: 200px;
    height: 90px;
    padding-bottom: 5px;
}

.color-white{
    color: #ffffff !important;
}

.display_center_img{
    background-position: 50% 50%;
    background-size: cover;
    transition-duration: 500ms;
    transition-property: width, height;
}



.property-data {
    max-height: 200px;
}
#mCSB_1_scrollbar_vertical {
    width: 18px !important;
}

.mCSB_scrollTools {
    opacity: 1 !important;
}

#product_detail_page .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail {
    background: #ebebeb;
    width: 12px;
    border-radius: 6px;
    opacity: 1;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 17px !important;
    height: 17px !important;
    border-radius: 50%;
    background: #45a5f6 !important;
}

.btn.btn-primary.icon{
    height: 34px;
}

.sidebar .side-menu .head{
    background-color: #fdd922;
    border: 1px solid #e9c532;
    border-bottom: 1px #f1ce3c solid;
    color: #333;
}

.top-bar .cnt-account ul > li a:hover, .top-bar .cnt-account ul > li a:focus {
    color: #d33642;
}

.footer .footer-nav{
    border-left: 1px solid #e8e8e8;
}


.action ul li.lnk a.is-active:hover,.action ul li.lnk a.is-active:focus {
    color: #DF413A !important;
}

.likeBtn.is-active{
    color: #DF413A !important;
}

.likeBtn.is-active :hover{
    color: #DF413A !important;
}



.error-info {
    display: none;
    font-size: 14px;
    color: red;
    font-style: italic;
}

.error-info::before {
    content: '*';
    padding-right: 5px;
}


/* ======= Login / Register Modal ====== */
.nav-tabs {
    margin-bottom: 15px;
}
.sign-with {
    margin-top: 25px;
    padding: 20px;
}
div#OR {
    height: 30px;
    width: 30px;
    border: 1px solid #C2C2C2;
    border-radius: 50%;
    font-weight: bold;
    line-height: 28px;
    text-align: center;
    font-size: 12px;
    float: right;
    position: absolute;
    right: -16px;
    top: 40%;
    z-index: 1;
    background: #DFDFDF;
}




/*block comparison */

.block-modal-comparison {
    display: block;
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 999;
    background: linear-gradient(-203deg, #3e3b3b, #242121);
    -webkit-background: linear-gradient(-203deg, #3e3b3b, #242121);
    -moz-background: linear-gradient(-203deg, #3e3b3b, #242121);
}

#comparison-block-modal-content {
    display: none;
    padding: 15px 0px;
}

.block-modal-comparison .container-fluid {
    max-width: 896px;
    margin: 0 auto;
}

.block-content-modal-compare {
    padding: 15px 0px;
}

.list-product-compare:after {
    content: '';
    display: block;
    clear: both;
}

.info-item-compare {
    width: 60%;
    margin: 0 auto;
    text-align: center;
    padding: 10px;
}

.item-product-compare {
    width: calc(100% / 4);
    position: relative;
    float: left;
}

.block-item-product {
    margin: 0px 8px;
    border: 1px solid #c4cfd4;
    position: relative;
    background-color: #3e3b3b;
}

.info-item-compare img {
    max-width: 100%;
    display: none;
    margin: 0 auto;
    text-align: center;
}

.close_compare {
    position: absolute;
    top: 0px;
    right: 5px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
}

.item-default {
    color: #c4cfd4;
    width: 96px;
    height: 60px;
    padding: 10px;
    text-align: center;
    vertical-align: middle;
    font-size: 35px;
    margin: 0 auto;
}

.block-item-product.is-active {
    background-color: #fff;
}

.close_compare {
    display: none;
}

.category-btn-compare {
    background-color: #c4cfd4;
    color: #fff;
    padding: 8px;
    margin-top: 10px;
    text-align: center;
    border-radius: 3px;
}

.category-btn-compare:hover {
    color: #fff;
}

.btn-compare-green {
    background-color: #4dd965;
    color: #000;
    font-weight: 500;
}

.category-btn-clear {
    padding: 8px;
    color: #c4cfd4;
    margin-top: 5px;
    background-color: transparent;
    text-align: center;
}

.block-item-product.is-active img {
    display: block;
}

.block-item-product.is-active .close_compare {
    display: block;
}

.block-item-product.is-active .item-default {
    display: none;
}

.block-modal-comparison.is-active {
    display: block;
}

.block-content-modal-compare .col-md-10 {
    position: relative;
}

.block-arrow-compare {
    position: absolute;
    top: -28px;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 30px;
    z-index: 5;
    text-align: center;
    border-radius: 30px 30px 0px 0px;
    box-shadow: 0 -3px 8px 0 rgba(0, 0, 0, .5);
    background-color: #fff;
    padding: 5px;
}

.block-arrow-compare.show-compare::before {
    content: "\F078";
    font-size: 20px;
    font-family: FontAwesome;
}

.block-arrow-compare.hide-compare::before {
    content: "\F077";
    font-size: 20px;
    font-family: FontAwesome;
}

.btn-wrap-compare a{
    display: block;
}



/*  ======Profile======  */
#profile_panel .list-group-item.active a{
    color: #fff !important;
}

.p-l-0{
    padding-left: 0px;
}

.well {
    min-height: 20px;
    padding: 10px;
    margin-bottom: 10px;
    background-color: #ecf0f1;
    border: 1px solid #d7e0e2;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.modal-table-order-details th {
    border-top: 2px solid #ffffff;
    border-left: 2px solid #ffffff;
    text-align: center;
    background-color: #bdc3c7;
}

.modal-table-order-details thead:first-child tr:first-child th:first-child, .modal-table-order-details tbody:first-child tr:first-child td:first-child {
    border-top-left-radius: 4px;
}

.modal-table-order-details thead:first-child tr:first-child th:last-child, .modal-table-order-details tbody:first-child tr:first-child td:last-child {
    border-top-right-radius: 4px;
}


.box-input-quantity{
    max-width: 110px;
    width: 110px;
}

.box-input-quantity input{
    width: 100%;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    text-align: center;
}

.input-group-addon {
    padding: 6px 10px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 1px;
}

#tab-description-panel div:nth-child(1) {
    display: none !important;
}


.sidebar .side-menu nav .nav > li{
    z-index: 101;
    background: #fff;
}

.backdrop-navbar{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
    background-color: #000000;
    opacity: 0.5;
}

.backdrop-main-menu{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9998;
    background-color: #000000;
    opacity: 0.5;
}

.noafter:after {
    display:none;
}

#checkout-page .divider {
    text-align: center;
    font-size: 13px;
    color: #999;
    position: relative;
    margin-bottom: 12px;
    margin-top: 60px;
}
#checkout-page .divider:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    border-bottom: 1px solid #ddd;
}
#checkout-page .divider span {
    display: inline-block;
    background-color: #fff;
    position: relative;
    padding: 0 8px;
}

#checkout-page .social-sign-in a{
    width: 48%;
    margin-top: 5px;
}

#checkout-page .cart-product-name-info{
    font-size: 11px;
}

/* ====== Forgot password =====  */

#forgot-pass .modal-dialog {
    max-width: 500px;
    background-color: #fff;
}

#forgot-pass,
#forgot-pass p {
    font-size: 16px;
    color: #4d5353;
}

#forgot-pass .content {
    padding: 25px 15px 35px;
}

#forgot-pass form {
    margin-top: 15px;
    display: block;
}

.forgot-title {
    font-weight: bold;
}

.forgot-email {
    border: 0;
    outline: 0;
    border-radius: 5px;
    background-color: #ededed;
    padding: 5px 20px;
    width: calc(100% - 55px);
}

#facebook_require_phone_modal .modal-dialog {
    max-width: 500px;
    background-color: #fff;
}

button.submit-forgot {
    border: 0;
    outline: 0;
    background: transparent;
}

#forgot-pass .modal-dialog {
    z-index: 1070;
    position: relative;
    width: 500px;
    margin: 200px auto;
    max-width: 90%;
}

.backdrop-custom-forgot {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1060;
    background-color: #000000;
    opacity: 0.5;
}
#forgot-pass img {
    max-width: 100%;
}



/* 8.1 Theme Panel Setting */

.theme-panel {
    position: fixed;
    right: -300px;
    top: 150px;
    z-index: 1020;
    background: #fff;
    padding: 15px;
    box-shadow: 0 0 2px rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0 2px rgba(0,0,0,0.4);
    width: 300px;
    -webkit-transition: right .2s linear;
    -moz-transition: right .2s linear;
    transition: right .2s linear;
}
.theme-panel.active {
    right: 0;
}
.theme-panel .theme-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.theme-panel .theme-list + .theme-list {
    margin-top: 10px;
}
.theme-panel .theme-list > li {
    float: left;
}
.theme-panel .theme-list > li + li {
    margin-left: 5px;
}
.theme-panel .theme-list > li > a {
    text-decoration: none;
}
.theme-panel .theme-list > li.active > a  {
    position: relative;
}
.theme-panel .theme-list > li.active > a:before {
    content: '\f00c';
    font-family: FontAwesome;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    font-size: 14px;
    color: #fff;
    opacity: 0.4;
    filter: alpha(opacity=40);
    text-align: center;
}
.theme-panel .theme-list > li.active > a.bg-white:before {
    color: #666;
}
.theme-panel .theme-list > li > a {
    width: 20px;
    height: 20px;
    border-radius: 3px;
    display: block;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    transition: all .2s linear;
}
.theme-panel .theme-list > li > a:hover,
.theme-panel .theme-list > li > a:focus {
    opacity: 0.6;
    filter: alpha(opacity=60);
}
.theme-panel .theme-collapse-btn {
    position: absolute;
    left: -42px;
    top: 10%;
    margin-top: -15px;
    width: 60px;
    height: 42px;
    line-height: 42px;
    font-size: 18px;
    color: #000;
    background: #fdd922;
    border-radius: 4px 0 0 4px;
    text-align: center;
    box-shadow: -1px 0px 3px -1px rgba(0,0,0,0.4);
    -webkit-box-shadow: -1px 0px 3px -1px rgba(0,0,0,0.4);
    -moz-box-shadow: -1px 0px 3px -1px rgba(0,0,0,0.4);
}
.theme-panel .theme-panel-content {
    margin: -15px;
    padding: 0px 15px;
    background: #fff;
    position: relative;
    z-index: 1020;
}
.theme-panel.active .theme-collapse-btn .fa:before {
    content: '\f00d';
}
.theme-panel .theme-collapse-btn .fa{
    margin-top: 11px;
    margin-right: 15px;
    font-size: 25px;
}
.theme-panel .theme-list a.bg-white {
    border: 1px solid #e2e7eb;
}
.theme-panel .control-label {
    line-height: 30px;
}
.theme-panel .control-label.double-line {
    line-height: 15px;
}
.theme-panel .divider {
    height: 1px;
    margin: 15px 0;
    background: #f2f2f2;
}

@media (max-width: 767px) {
    .theme-panel {
        top: 0;
        bottom: 0;
    }
    .theme-panel .theme-collapse-btn {
        top: 200px;
    }
    .theme-panel .theme-panel-content {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 0;
        overflow: scroll;
    }


    /* Header */
    header{
        position: fixed;
        right: 0;
        left: 0;
        top: 0;
        background: #d33642;
        padding: 0px;
        z-index: 99;
        height:62px;
    }
    header .icon-bar {
        background-color: #fff;
    }

    header .navbar-toggle{
        padding: 10px 0px;
    }


    .main-header .top-search-holder .search-area{
        margin: 6px 0 3px 0px;
    }
    .main-header .top-search-holder .search-area .search-field{
        padding: 10px;
    }
    .main-header .top-search-holder .search-area .search-button{
        background-color: initial;
        border: none;
        padding: 17px 15px 17px;
    }
    .main-header .top-search-holder .search-area .search-button:after{
        color: #d33642;
        font-size: 20px;
    }

    .top-cart-row .dropdown-cart .lnk-cart{
        background-color: initial;
    }

    .top-cart-row .dropdown-cart .lnk-cart .items-cart-inner .basket{
        padding: 5px 0px 0px 0px;
    }
    .top-cart-row .dropdown-cart .lnk-cart .items-cart-inner .basket i{
        font-size: 23px;
    }

    header .top-cart-row{
        padding-left: 0px;
        padding-top: 10px;
        padding-right: 50px;
    }
    header .top-search-holder{
        padding-right: 5px;
    }
    .top-cart-row .dropdown-cart .lnk-cart .items-cart-inner .basket-item-count{
        top: 0px;
        left: 17px;
    }

    .page-body{
        margin-top: 80px;
    }

    .slide-bar-panel .navbar-nav>li>a {
        font-size: 16px;
    }

    .slide-bar-panel .special-menu{
        float: left;
        font-weight: bold;
    }

    .slide-bar-panel .special-menu a{
        color: #f34e4e !important;
    }

}


@media (min-width: 320px) and (max-width: 480px) {
    .property-data table thead tr th:nth-child(2) {
        display: none !important;
    }
    .property-data table tbody tr td:nth-child(2) {
        display: none !important;
    }

    .mCSB_inside > .mCSB_container {
        margin-right: 20px;
    }

    #tab-description-panel div img{
        width: 100%;
        height: 100%;
    }

    .scroll-tabs{
        margin-bottom: 10px;
    }

    .featured-product{
        margin-bottom: 20px;
    }

    .header-nav .top-cart-row{
        padding-top: 3px;
    }
    .header-nav .top-cart-row .dropdown-cart{
        float: right;
        min-width: 150px;
    }

    .sidebar .side-menu nav .nav > li{
        z-index: inherit;
        background: #fff;
    }

    .dropdown-backdrop{
        display: none;
    }

    #checkout-page .social-sign-in a{
        width: 100%;
        margin-top: 5px;
    }

    #checkout-page .img-responsive{
        max-width: 65px;
    }

    #checkout-page .cart-product-description{
        font-size: 14px;
    }

    #product_detail_page .table-responsive>.table>tbody>tr>td{
        white-space: normal;
    }

    .header-nav .top-cart-row .dropdown-cart .lnk-cart .items-cart-inner .basket{
        background: #fff;
        color: #d33642;
        padding: 10px 12px 10px 12px;
        font-size: 19px;
    }

    /*    .sp-filter-by-category{*/
    /*        width: 100%;*/
    /*        border-right: none;*/
    /*        border-bottom: 1px solid #e0e0e0;*/
    /*        text-transform: capitalize;*/
    /*        display: inline-block;*/
    /*        line-height: 44px;*/
    /*        background: #f6f6f6;*/
    /*        border-radius: 3px 0px 0px 3px;*/
    /*        padding-left: 12px;*/
    /*    }*/
    .main-header .top-search-holder .search-area .search-field{
        width: 75%;
    }


    .top-cart-row .dropdown-cart a {
        padding:inherit !important;
    }

    .top-cart-row .dropdown-cart .cart-total a {
        padding: 5px 0px !important;
    }


    .search-result-container #grid-container .category-product .product {
        margin-bottom: 5px;
    }

    .search-result-container #list-container .category-product-inner .product-list.product{
        margin-bottom: 50px;
    }


    /* Header */
    header{
        position: fixed;
        right: 0;
        left: 0;
        top: 0;
        background: #d33642;
        padding: 0px;
        z-index: 99;
        height:62px;
    }
    header .icon-bar {
        background-color: #fff;
    }

    header .navbar-toggle{
        padding: 10px 0px;
    }

    .main-header .top-search-holder .search-area{
        margin: 6px 0 3px 0px;
    }
    .main-header .top-search-holder .search-area .search-field{
        padding: 10px;
    }
    .main-header .top-search-holder .search-area .search-button{
        background-color: initial;
        border: none;
        padding: 17px 15px 17px;
    }
    .main-header .top-search-holder .search-area .search-button:after{
        color: #d33642;
        font-size: 20px;
    }


    .top-cart-row .dropdown-cart .lnk-cart{
        background-color: initial;
    }

    .top-cart-row .dropdown-cart .lnk-cart .items-cart-inner .basket{
        padding: 5px 0px 0px 0px;
    }
    .top-cart-row .dropdown-cart .lnk-cart .items-cart-inner .basket i{
        font-size: 23px;
    }

    header .top-cart-row{
        padding-left: 0px;
        padding-top: 10px;
        padding-right: 0px;
    }
    header .top-search-holder{
        padding-right: 5px;
    }
    .top-cart-row .dropdown-cart .lnk-cart .items-cart-inner .basket-item-count{
        top: 0px;
        left: 17px;
    }

    .page-body{
        margin-top: 80px;
    }

    .slide-bar-panel .navbar-nav>li>a {
        font-size: 16px;
    }

    .slide-bar-panel .special-menu{
        float: left;
        font-weight: bold;
    }

    .slide-bar-panel .special-menu a{
        color: #f34e4e !important;
    }

    /*== comparison popup ==*/
    .item-product-compare{
        width: calc(100% / 2);
    }
    .info-item-compare{
        width: 100%;
    }
    .block-modal-comparison{
        bottom: 55px;
    }

    .category-product .products .product-info{
        display: inline;
    }

    .category-product .products .product-info h3{
        margin-top: 10px;
    }

}

/* Header menu for mobile */

.slide-bar-panel {
    position: fixed;
    right: -300px;
    top: 150px;
    z-index: 9999;
    background: #d9e0e7;
    padding: 15px;
    box-shadow: 0 0 2px rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0 2px rgba(0,0,0,0.4);
    width: 300px;
    -webkit-transition: left .2s linear;
    -moz-transition: left .2s linear;
    transition: left .2s linear;
}
.slide-bar-panel.active {
    left: 0;
}
.slide-bar-panel .logo{
    padding:20px 0px;
    text-align: center;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    transition: all .2s linear;
}



.slide-bar-panel .theme-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.slide-bar-panel .theme-list + .theme-list {
    margin-top: 10px;
}
.slide-bar-panel .theme-list > li {
    float: left;
}
.slide-bar-panel .theme-list > li + li {
    margin-left: 5px;
}
.slide-bar-panel .theme-list > li > a {
    text-decoration: none;
}
.slide-bar-panel .theme-list > li.active > a  {
    position: relative;
}
.slide-bar-panel .theme-list > li.active > a:before {
    content: '\f00c';
    font-family: FontAwesome;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    font-size: 14px;
    color: #fff;
    opacity: 0.4;
    filter: alpha(opacity=40);
    text-align: center;
}
.slide-bar-panel .theme-list > li.active > a.bg-white:before {
    color: #666;
}
.slide-bar-panel .theme-list > li > a {
    width: 20px;
    height: 20px;
    border-radius: 3px;
    display: block;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    transition: all .2s linear;
}
.slide-bar-panel .navbar-nav>li>a > i {
    padding-right: 10px;
}
.slide-bar-panel .theme-list > li > a:hover,
.slide-bar-panel .theme-list > li > a:focus {
    opacity: 0.6;
    filter: alpha(opacity=60);
}
.slide-bar-panel .theme-collapse-btn {
    position: absolute;
    left: -42px;
    top: 10%;
    margin-top: -15px;
    width: 60px;
    height: 42px;
    line-height: 42px;
    font-size: 18px;
    color: #000;
    background: #fdd922;
    border-radius: 4px 0 0 4px;
    text-align: center;
    box-shadow: -1px 0px 3px -1px rgba(0,0,0,0.4);
    -webkit-box-shadow: -1px 0px 3px -1px rgba(0,0,0,0.4);
    -moz-box-shadow: -1px 0px 3px -1px rgba(0,0,0,0.4);
}
.slide-bar-panel .theme-panel-content {
    margin: -15px;
    padding: 0px 15px;
    background: #f5f6f7;
    position: relative;
    z-index: 1020;
}
.slide-bar-panel.active .theme-collapse-btn .fa:before {
    content: '\f00d';
}
.slide-bar-panel .theme-collapse-btn .fa{
    margin-top: 11px;
    margin-right: 15px;
    font-size: 25px;
}
.slide-bar-panel .theme-list a.bg-white {
    border: 1px solid #e2e7eb;
}
.slide-bar-panel .control-label {
    line-height: 30px;
}
.slide-bar-panel .control-label.double-line {
    line-height: 15px;
}
.slide-bar-panel .divider {
    height: 1px;
    margin: 15px 0;
    background: #f2f2f2;
}

@media (max-width: 767px) {
    .slide-bar-panel {
        top: 0;
        bottom: 0;
    }
    .slide-bar-panel .theme-collapse-btn {
        top: 200px;
    }
    .slide-bar-panel .theme-panel-content {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 0;
        overflow: scroll;
    }

    .slide-bar-panel .navbar-nav .open .dropdown-menu{
        background-color: #fff;
    }

}








.wizard-attr-option .choice {
    text-align: center;
    cursor: pointer;
    display: inline-block;
}

.wizard-attr-option .choice input[type="radio"],
.wizard-attr-option .choice input[type="checkbox"] {
    position: absolute;
    left: -10000px;
    z-index: -1;
}

.wizard-attr-option .choice.active .attr-opt-checkboxes {
    background: #ccc;
}


.attr-opt {
    background-color: #FFFFFF;
    color: #252422;
/*    padding: 10px 0;*/
/*    margin-bottom: 20px;*/
    position: relative;
    z-index: 1;
    margin: 1px 6px 8px 1px;
    text-align: center;
    padding:5px 10px;
    border: 1px solid #ccc;
}
.attr-opt .attr-opt-checkboxes {
    background-color: #F3F2EE;
    box-shadow: none;
    color: rgba(0, 0, 0, 0.3);
}
.attr-opt .attr-opt-hover-effect {
    -webkit-transition: transform 300ms cubic-bezier(0.34, 2, 0.6, 1), box-shadow 200ms ease;
    -moz-transition: transform 300ms cubic-bezier(0.34, 2, 0.6, 1), box-shadow 200ms ease;
    -o-transition: transform 300ms cubic-bezier(0.34, 2, 0.6, 1), box-shadow 200ms ease;
    -ms-transition: transform 300ms cubic-bezier(0.34, 2, 0.6, 1), box-shadow 200ms ease;
    transition: transform 300ms cubic-bezier(0.34, 2, 0.6, 1), box-shadow 200ms ease;
}
.attr-opt .attr-opt-hover-effect:hover {
    box-shadow: 0px 12px 17px -7px rgba(0, 0, 0, 0.3);
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -o-transition: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
}


textarea.item-remark::placeholder {
    color: #ccc;
    font-style: italic;
}

.category-product .cart .action ul li .add-to-cart:hover,
.category-product .cart .action ul li .add-to-cart:focus {
    background: none;
}


/* ==== HOME PAGE ==== */
.category-panel {
    background-color: #fff;
    border: 1px #e5e5e5 solid

}
.category-panel .section-title {
    margin-bottom: 0px;
    margin-top: 5px;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 10px;
    padding: 18px 20px;
}

.category-panel .category-slider{
    padding: 21px;
    padding-top: 0px;
}

.category-panel .category-slider .product a{
    text-align: center;
}

.category-panel .category-slider .product a p{
    margin-top: 10px;
}

.category-panel .category-slider .product .image img{
    width: 60px;
    margin: 0 auto;
}

/* ==== HOME PAGE ==== */
.saleoff-panel {
    background-color: #fff;
    border: 1px #e5e5e5 solid

}
.saleoff-panel .section-title {
    margin-bottom: 0px;
    margin-top: 5px;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 10px;
    padding: 18px 20px;
    color: #f4214d;
}

.saleoff-panel .product .tag{
    bottom: 10px !important;
    top: initial !important;
    line-height: 30px;
    width: 30px;
    height: 30px;
    position: absolute;
}

.saleoff-panel .saleoff-slider{
    padding: 21px;
    padding-top: 0px;
}

.saleoff-panel .product-image{
    height: 120px !important;
    margin: 10px 0px;
}

.saleoff-panel .product-image .image img{
    height: 120px !important;
}

.saleoff-panel .product-price{
    position: absolute;
    bottom: 9px;
    background-color: #413939;
    color: #fff;
    opacity: 0.8;
    width: 120px;
    padding: 5px;
}

/* ==== HOME PAGE ==== */
.hotdeal-pc-panel {
    background-color: #fff;
    border: 1px #e5e5e5 solid

}
.hotdeal-pc-panel .section-title {
    margin-bottom: 0px;
    margin-top: 5px;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 10px;
    padding: 18px 20px;
    color: #f4214d;
}
.hotdeal-pc-panel .hotdeal-pc-slider {
    padding: 21px;
    padding-top: 0px;
}

.hotdeal-pc-panel .hotdeal-pc-slider .product-image img{
    width: 110px;
    height: 110px;
}

.hotdeal-pc-panel .hotdeal-pc-slider .product-image .product-price{
    position: absolute;
    bottom: 0px;
    background-color: #413939;
    color: #fff;
    opacity: 0.8;
    width: 110px;
    padding: 3px
}

.hotdeal-pc-panel .hotdeal-pc-slider .product-image .tag{
    top: inherit;
    line-height: 27px;
    width: 27px;
    height: 27px;
    position: absolute;
    bottom: 1px;
    right: 1px;
}

.hotdeal-pc-panel .hotdeal-pc-slider .product-info .product-price .price{
    font-size: 11px;
}
.hotdeal-pc-panel .hotdeal-pc-slider .product-info .name{
    margin-bottom: 2px;
}




/* ==== footer mobile ==== */
@media (max-width: 768px){
    .footer-device-mobile.visible-xxs {
        display: flex !important;
    }
}

.footer-device-mobile {
    position: fixed;
    bottom: -1px;
    left: 0;
    z-index: 100;
    background: #fff;
    width: 100%;
    -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,.1);
    box-shadow: 0 0 20px 0 rgba(0,0,0,.1);
    padding: 10px 0;
    -webkit-transition: all .4s ease-in-out 0s;
    -o-transition: all .4s ease-in-out 0s;
    transition: all .4s ease-in-out 0s;
}

.footer-device-mobile>* {
    width: 100%;
    text-align: center;
    font-size: 12px;
}

.footer-device-mobile>* a {
    display: block;
    color: #999;
    position: relative;
}

.footer-device-mobile>* a.dropdown-item {
    height: 25px;
    padding: 5px;
}

.footer-device-mobile .dropdown-divider {
    height: 0;
    margin: .5rem 0;
    overflow: hidden;
    border-top: 1px solid #e9ecef;
}


.footer-device-mobile>*.active a {
    color: #ff5964;
    font-weight: 500;
}

.footer-device-mobile>* i {
    font-size: 18px;
    color: #999;
    display: block;
}

.footer-device-mobile>*.active a i {
    color: #ff5964;
}

.footer-device-mobile>* a span.count, .footer-device-mobile>* a .mini-cart-items {
    position: absolute;
    top: -20px;
    left: 50%;
    right: auto;
    font-size: 12px;
    line-height: 22px;
    min-width: 22px;
    height: 22px;
    text-align: center;
    border-radius: 50%;
    background: #ff5964;
    color: #fff;
}

.footer-device-mobile .count {
    display: inline-block;
}

.footer .footer-bottom {
    padding-bottom: 60px;
}

.fb_dialog{
/*    bottom: 60px !important;*/
/*    background: none !important;*/
}





/*  =========== Tab Menu ============ */

/*  bhoechie tab */
div.bhoechie-tab-container{
    position: fixed;
    z-index: 10;
    background-color: #ffffff;
    padding: 0 !important;
    border-radius: 4px;
    -moz-border-radius: 4px;
/*    border:1px solid #ddd;*/
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    -moz-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    background-clip: padding-box;
/*    opacity: 0.97;*/
    filter: alpha(opacity=97);
}
div.bhoechie-tab-menu{
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 0;
}
div.bhoechie-tab-menu div.list-group{
    margin-bottom: 0;
}
div.bhoechie-tab-menu div.list-group>a{
    margin-bottom: 0;
}
div.bhoechie-tab-menu div.list-group>a .glyphicon,
div.bhoechie-tab-menu div.list-group>a .fa {
    color: #5A55A3;
}
div.bhoechie-tab-menu div.list-group>a:first-child{
    border-top-right-radius: 0;
    -moz-border-top-right-radius: 0;
}
div.bhoechie-tab-menu div.list-group>a:last-child{
    border-bottom-right-radius: 0;
    -moz-border-bottom-right-radius: 0;
}
div.bhoechie-tab-menu div.list-group>a.active,
div.bhoechie-tab-menu div.list-group>a.active .glyphicon,
div.bhoechie-tab-menu div.list-group>a.active .fa{
    background-color: #5A55A3;
    background-image: #5A55A3;
    color: #ffffff;
}
div.bhoechie-tab-menu div.list-group>a.active:after{
    content: '';
    position: absolute;
    left: 100%;
    top: 50%;
    margin-top: -13px;
    border-left: 0;
    border-bottom: 13px solid transparent;
    border-top: 13px solid transparent;
    border-left: 10px solid #5A55A3;
}

div.bhoechie-tab-content{
    background-color: #ffffff;
    /* border: 1px solid #eeeeee; */
    padding-left: 20px;
    padding-top: 10px;
}

div.bhoechie-tab div.bhoechie-tab-content:not(.active){
    display: none;
}

div.bhoechie-tab-menu div.list-group{
/*    height: calc(100% - 120px);*/
    overflow-y: auto;
}

div.bhoechie-tab-container div.bhoechie-tab{
/*    height: calc(100% - 120px);*/
    overflow-y: auto;
}

div.bhoechie-tab-container .bhoechie-tab-menu .list-group-item img{
    width: 35px;
    padding-bottom: 5px;
}

div.bhoechie-tab-content .mb-category-menu-title{
    text-align: center;
    margin-top: 10px;
    font-weight: bold;
    border-bottom: 1px solid #ddd;
    padding-bottom: 5px;
    font-size: 15px;
}

div.bhoechie-tab-content .mb-category-menu-content{
    border-bottom: 1px solid #ddd;
    padding: 5px;
}

/* currency */
sup {
    top: -.5em;
}

.shopping-cart-mobile{
    border-style: solid;
    border-color: #e8eaee;
    border-width: 0 1px 1px;
    margin: 0px 20px;
}

.shopping-cart-mobile .cart-box{
    position: relative;
    border-top: 1px solid #e8eaee;
}

.shopping-cart-mobile .cart-box .cart-box-header{
    padding: 16px;
}

.shopping-cart-mobile .cart-box .cart-box-header .cart-header-title{
    font-size: 18px;
    margin: 0 0 15px;
    font-weight: 700;
}

.shopping-cart-mobile .cart-box .cart-box-header .cart-totals-product{
    font-size: 16px;
    margin-left: 5px;
    color: #8e9098;
    font-weight: 400;
    display: inline-block;
}


.shopping-cart-mobile .cart-box .cart-product-list .cart-product-detail{
    padding: 16px;
    border-bottom: 1px solid #e8eaee;
    display: -ms-flexbox;
    display: flex;
}

.shopping-cart-mobile .cart-box .cart-product-list .cart-product-detail .cart-product-detail-thumnail{
    width: 80px;
    text-align: center;
}

.shopping-cart-mobile .cart-box .cart-product-list .cart-product-detail .cart-product-detail-info{
    position: relative;
    padding-left: 16px;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.shopping-cart-mobile .cart-box .cart-product-list .cart-product-detail .cart-product-detail-info .cart-product-detail-info-title{
    font-size: 13px;
    margin-bottom: 5px;
    font-weight: 400;
    margin: 0 0 5px;
    line-height: 1.3em;
}

.product-variant-item{
    overflow: hidden;
    font-size: 12px;
    line-height: 18px;
    color: #8e9098;
    max-height: 36px;
}

.shopping-cart-mobile .cart-box .cart-product-list .cart-product-detail .cart-page-detail-item-price .cart-sub-total-price{
    display: block;
    font-size: 14px;
    font-weight: 700;
    color: #e53935;
    text-decoration: none;
}

.shopping-cart-mobile .cart-box .cart-product-list .cart-product-detail .cart-page-detail-item-qty{

    display: -ms-flexbox;
    display: flex;
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    bottom: 0;
    right: 0;
    position: relative;
    padding-left: 50px;
    margin-top: 10px;
}

.shopping-cart-mobile .cart-box .cart-product-list .cart-product-detail .cart-page-detail-item-qty .romove-item{
    position: absolute;
    bottom: 10px;
    left: 60px;
}

.shopping-cart-mobile .cart-box .cart-product-list .cart-product-detail .cart-page-detail-item-qty .romove-item i{
    font-size: 1.8em;
}

.shopping-cart-mobile .cart-box-total{
    position: relative;
    border: 1px solid #e8eaee;
    border-width: 0 1px 1px;
    padding: 16px;
    background-color: #f8f8fa;
    color: #464850;
    font-size: 14px;
}

.shopping-cart-mobile .cart-box-total .cart-page-product-subtotal{
    margin-bottom: 5px;
}

.shopping-cart-mobile .cart-box-total .cart-page-product-subtotal__price-amount{
    float:right;
}

.shopping-cart-mobile .cart-box-total .cart-submit{
    border-top: 1px solid #e8eaee;
}

.shopping-cart-mobile .cart-box-total .checkout-btn{
    display: block;
    position: relative;
    font-size: 16px;
    font-weight: 700;
    width: 100%;
    margin-top: 15px;
    text-align: center;
    border-radius: 5px;
}


.panel-heading{
    padding: 1px 15px;
}

.panel-title{
    font-size: 15px;
}


#slidingtabs{
    margin-top: 15px;
}

#slidingtabs .st_tabs_ul .tab-icon{
    padding-top: 5px;
    text-align: center;
}

.m-t-0{
    margin-top: 0px !important;
}
.m-t-10{
    margin-top: 10px !important;
}

#slidingtabs h4{
    font-size: 14px;
}

#slidingtabs .panel-title span.lbl{
    font-size: 14px;
}

#slidingtabs .panel-heading{
    padding: 1px 13px;
}

#slidingtabs .display_inline{
    display: inline;
}

#slidingtabs .panel-payment-box{
    margin-bottom: 10px;
}

#slidingtabs .panel-body{
    padding: 10px;
}

#slidingtabs .margin-right-40{
    margin-right: 20px !important;
}
@media (min-width: 320px) and (max-width: 480px) {
    #slidingtabs .margin-right-40{
        margin-right: 15px !important;
    }
}

.payment-comfirm-btn{
    background: #fdd922 !important;
    color: #333 !important;;
    padding: 10px 18px !important;;
    font-weight: bold !important;;
}

.tabbable #accordion-payment-bank .radio{
    margin-top: 8px;
    margin-bottom: 2px;
}



.my-alert {
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 20px;
    padding: 10px;
    background: #ededed;
    border: 1px solid #e1e1e1;
    border-radius: 4px;
}

.border--style-dashed {
    border-style: dashed!important;
}

.-alert-md {
    font-size: 13px;
    line-height: 18px;
    padding: 7px 10px;
}

.-alert-warning-light {
    border-color: #ffe9b5;
    background: #fffef9;
    color: #595959;
}


.breadcrumb ul li.active {
    color: #157ed2;
}

.header-code-mobile{
    position: fixed;
    top: 65px;
    right: 15px;
    opacity: 0.5;
    z-index: 1;
}




.fone {
    font-size: 22px;
    color: #f00;
    line-height: 40px;
    font-weight: bold;
    padding-left: 45px;
    margin: 0 0;
}
.fix_tel { position:fixed; bottom:15px; right:0; z-index:999;}
.fix_tel a {text-decoration: none; display:block;}
.tel { background: #eee;width:205px; height:40px; position:relative; overflow:hidden;background-size:40px;border-radius:28px;border:solid 1px #ccc;}
.ring-alo-phone {
    background-color: transparent;
    cursor: pointer;
    height: 80px;
    position: absolute;
    transition: visibility 0.5s ease 0s;
    visibility: hidden;
    width: 80px;
    z-index: 200000 !important;
}
.ring-alo-phone.ring-alo-show {
    visibility: visible;
}
.ring-alo-phone.ring-alo-hover, .ring-alo-phone:hover {
    opacity: 1;
}
.ring-alo-ph-circle {
    animation: 1.2s ease-in-out 0s normal none infinite running ring-alo-circle-anim;
    background-color: transparent;
    border: 2px solid rgba(30, 30, 30, 0.4);
    border-radius: 100%;
    height: 70px;
    left: 10px;
    opacity: 0.1;
    position: absolute;
    top: 12px;
    transform-origin: 50% 50% 0;
    transition: all 0.5s ease 0s;
    width: 70px;
}
.ring-alo-phone.ring-alo-active .ring-alo-ph-circle {
    animation: 1.1s ease-in-out 0s normal none infinite running ring-alo-circle-anim !important;
}
.ring-alo-phone.ring-alo-static .ring-alo-ph-circle {
    animation: 2.2s ease-in-out 0s normal none infinite running ring-alo-circle-anim !important;
}
.ring-alo-phone.ring-alo-hover .ring-alo-ph-circle, .ring-alo-phone:hover .ring-alo-ph-circle {
    border-color: #f00;
    opacity: 0.5;
}
.ring-alo-phone.ring-alo-green.ring-alo-hover .ring-alo-ph-circle, .ring-alo-phone.ring-alo-green:hover .ring-alo-ph-circle {
    border-color: #baf5a7;
    opacity: 0.5;
}
.ring-alo-phone.ring-alo-green .ring-alo-ph-circle {
    border-color: #f00;
    opacity: 0.5;
}
.ring-alo-ph-circle-fill {
    animation: 2.3s ease-in-out 0s normal none infinite running ring-alo-circle-fill-anim;
    background-color: #000;
    border: 2px solid transparent;
    border-radius: 100%;
    height: 30px;
    left: 30px;
    opacity: 0.1;
    position: absolute;
    top: 33px;
    transform-origin: 50% 50% 0;
    transition: all 0.5s ease 0s;
    width: 30px;
}
.ring-alo-phone.ring-alo-hover .ring-alo-ph-circle-fill, .ring-alo-phone:hover .ring-alo-ph-circle-fill {
    background-color: rgba(0, 175, 242, 0.5);
    opacity: 0.75 !important;
}
.ring-alo-phone.ring-alo-green.ring-alo-hover .ring-alo-ph-circle-fill, .ring-alo-phone.ring-alo-green:hover .ring-alo-ph-circle-fill {
    background-color: rgba(117, 235, 80, 0.5);
    opacity: 0.75 !important;
}
.ring-alo-phone.ring-alo-green .ring-alo-ph-circle-fill {
    background-color: rgba(0, 175, 242, 0.5);
    opacity: 0.75 !important;
}

.ring-alo-ph-img-circle {
    animation: 1s ease-in-out 0s normal none infinite running ring-alo-circle-img-anim;
    border: 2px solid transparent;
    border-radius: 100%;
    height: 30px;
    left: 30px;
    opacity: 1;
    position: absolute;
    top: 33px;
    transform-origin: 50% 50% 0;
    width: 30px;
}

.ring-alo-phone.ring-alo-hover .ring-alo-ph-img-circle, .ring-alo-phone:hover .ring-alo-ph-img-circle {
    background-color: #f00;
}
.ring-alo-phone.ring-alo-green.ring-alo-hover .ring-alo-ph-img-circle, .ring-alo-phone.ring-alo-green:hover .ring-alo-ph-img-circle {
    background-color: #75eb50;
}
.ring-alo-phone.ring-alo-green .ring-alo-ph-img-circle {
    background-color: #f00;
}
@keyframes ring-alo-circle-anim {
    0% {
        opacity: 0.1;
        transform: rotate(0deg) scale(0.5) skew(1deg);
    }
    30% {
        opacity: 0.5;
        transform: rotate(0deg) scale(0.7) skew(1deg);
    }
    100% {
        opacity: 0.6;
        transform: rotate(0deg) scale(1) skew(1deg);
    }
}

@keyframes ring-alo-circle-img-anim {
    0% {
        transform: rotate(0deg) scale(1) skew(1deg);
    }
    10% {
        transform: rotate(-25deg) scale(1) skew(1deg);
    }
    20% {
        transform: rotate(25deg) scale(1) skew(1deg);
    }
    30% {
        transform: rotate(-25deg) scale(1) skew(1deg);
    }
    40% {
        transform: rotate(25deg) scale(1) skew(1deg);
    }
    50% {
        transform: rotate(0deg) scale(1) skew(1deg);
    }
    100% {
        transform: rotate(0deg) scale(1) skew(1deg);
    }
}
@keyframes ring-alo-circle-fill-anim {
    0% {
        opacity: 0.2;
        transform: rotate(0deg) scale(0.7) skew(1deg);
    }
    50% {
        opacity: 0.2;
        transform: rotate(0deg) scale(1) skew(1deg);
    }
    100% {
        opacity: 0.2;
        transform: rotate(0deg) scale(0.7) skew(1deg);
    }
}
.ring-alo-ph-img-circle a img {
    padding: 1px 0 0 1px;
    width: 30px;
    position: relative;
    top: -1px;
}


.fix_tel {
    top: auto;
    bottom: auto;
    right: auto;
    left: auto;
    bottom: 20px;
    left: 20px;
}

.ring-alo-phone.ring-alo-green .ring-alo-ph-circle {
    border-color: #f00;
    background-color: #f00;
}

.ring-alo-phone.ring-alo-green .ring-alo-ph-img-circle {
    background-color: #f00;
}


.zalo-chat {
    position: fixed;
    left: 13px;
    bottom: 90px;
    z-index: 20000;
    border-radius: 50%;
    background: #fff;
}

.zalo-chat-on-mobile {
    right: 30px !important;
    bottom: 145px !important;
    left: inherit !important;
}

.zalo-chat img {
    width: 55px;
/*    animation: 1s ease-in-out 0s normal none infinite running ring-alo-circle-img-anim;*/
    z-index: 100;
}


.circle {
    border-radius: 50%;
    background-color: #00bfff42;
    width: 50px;
    height: 50px;
    position: absolute;
    opacity: 0;
    animation: scaleIn 2s infinite cubic-bezier(.36, .11, .89, .32);
    bottom: 0;
}

@keyframes scaleIn {
    from {
        transform: scale(.5, .5);
        opacity: .5;
    }
    to {
        transform: scale(2.5, 2.5);
        opacity: 0;
    }
}

.foot-hotline a{
    text-decoration: underline;
    font-weight: bold;
}

.commitment-title{
    color: #2a6496;
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px;
    font-size: 16px;
}


.commitment-content{
    background: #fff2f3;
    padding: 10px;
    border-radius: 3px;
    margin: 5px 0px 15px 0px;
    border: 1px dashed #f3cccf;
}

.commitment-content p{
    font-size: 14px;
}

.commitment-content p i{
    color: #00cc00;
}

.commitment-content p.note{
    color: #dc6d0b !important;
}


table.tb_attribute {
    border-collapse: collapse;
    margin-bottom: 10px;
}

table.tb_attribute, table.tb_attribute td, table.tb_attribute th {
    border: 1px solid #d0cdcd;
    padding: 5px;
}

.edit-product-penal{
    background: #fff2f3;
    padding: 10px;
    border-radius: 3px;
    margin: 5px 0px 15px 0px;
    border: 1px dashed #f3cccf;
}

.fb_dialog_advanced{
    padding: 0px !important;
}

.product-list-title{
    font-size:28px;
    margin-top: 2px;
    padding-top: 2px;
}


.btn-file {
    position: relative;
    overflow: hidden;
    vertical-align: middle;
}
.btn-file > input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    cursor: pointer;
    direction: ltr;
    font-size: 23px;
    transform: translate(-300px, 0) scale(4);
    opacity: 0;
    filter: alpha(opacity=0);
}
.fileupload {
    padding-left: 0;
    /* margin-bottom: 20px;*/
}
.fileupload h4 {
    margin: 0 0 10px;
}
.fileupload .fileupload-preview + div {
    display: inline-block;
    margin-left: 10px;
}
.fileupload .thumbnail {
    display: inline-block;
    margin-bottom: 5px;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
    background-color: #ffffff;
}
.fileupload .thumbnail > img {
    display: block;
    max-height: 100%;
    vertical-align: middle;
}
.fileupload .thumbnail.fileupload-small {
    width: 50px;
    height: 50px;
}
.fileupload .thumbnail.fileupload-small.flexible {
    width: auto;
    height: auto;
    max-width: 75px;
    max-height: 75px;
}
.fileupload .thumbnail.fileupload-large {
    width: 250px;
    height: 150px;
}
.fileupload .thumbnail.fileupload-large.flexible {
    width: auto;
    height: auto;
    max-width: 350px;
    max-height: 250px;
}
.fileupload .thumbnail + .btn {
    margin-bottom: 5px;
}
.fileupload .thumbnail + .btn + .btn {
    margin-bottom: 5px;
}
.fileupload .btn {
    vertical-align: middle;
}
.fileupload .form-control {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
    cursor: text;
}
.fileupload .raw.thumbnail {
    border: none;
    border-radius: 0;
    padding: 0;
}
.fileupload-exists .fileupload-new,
.fileupload-new .fileupload-exists {
    display: none;
}
.fileupload-new .input-group-addon .btn-file {
    border-radius: 0 4px 4px 0;
}
.fileupload-exists .input-group-addon .btn-file {
    border-radius: 0;
}

.red-color a{
    color: red !important;
}

.blog-page .blog-post .products {
    padding-bottom: 45px;
}


.rating {
    column-gap: 0.75rem;
    /*    background-color: #fff;*/
    /*    box-shadow: 0px 0px 40px 4px rgba(0, 0, 0, .03);*/
}

.rating__stars {
    position: relative;
    display: inline-block;
    width: max-content;
}
.rating__stars:before {
    content: url("data:image/svg+xml,%3Csvg width='116' height='20' viewBox='0 0 116 20' fill='none' xmlns='//www.w3.org/2000/svg'%3E%3Cpath d='M9.14319 1.42372C9.53185 0.777902 10.4681 0.777901 10.8568 1.42372L13.0731 5.10651C13.2128 5.33853 13.4405 5.504 13.7043 5.56509L17.8918 6.53491C18.6261 6.70498 18.9154 7.59545 18.4213 8.16466L15.6036 11.4106C15.4261 11.6151 15.3391 11.8828 15.3625 12.1526L15.7342 16.4347C15.7994 17.1857 15.0419 17.736 14.3478 17.442L10.3901 15.7653C10.1408 15.6596 9.85924 15.6596 9.60991 15.7653L5.65216 17.442C4.95813 17.736 4.20065 17.1857 4.26582 16.4347L4.63745 12.1526C4.66087 11.8828 4.57387 11.6151 4.39637 11.4106L1.57871 8.16466C1.0846 7.59545 1.37393 6.70498 2.10824 6.53491L6.29567 5.56509C6.55948 5.504 6.78723 5.33853 6.92685 5.10652L9.14319 1.42372Z' fill='%23E3E0E0'/%3E%3Cpath d='M33.1432 1.42372C33.5319 0.777902 34.4681 0.777901 34.8568 1.42372L37.0731 5.10651C37.2128 5.33853 37.4405 5.504 37.7043 5.56509L41.8918 6.53491C42.6261 6.70498 42.9154 7.59545 42.4213 8.16466L39.6036 11.4106C39.4261 11.6151 39.3391 11.8828 39.3625 12.1526L39.7342 16.4347C39.7994 17.1857 39.0419 17.736 38.3478 17.442L34.3901 15.7653C34.1408 15.6596 33.8592 15.6596 33.6099 15.7653L29.6522 17.442C28.9581 17.736 28.2006 17.1857 28.2658 16.4347L28.6375 12.1526C28.6609 11.8828 28.5739 11.6151 28.3964 11.4106L25.5787 8.16466C25.0846 7.59545 25.3739 6.70498 26.1082 6.53491L30.2957 5.56509C30.5595 5.504 30.7872 5.33853 30.9269 5.10652L33.1432 1.42372Z' fill='%23E3E0E0'/%3E%3Cpath d='M57.1432 1.42372C57.5319 0.777902 58.4681 0.777901 58.8568 1.42372L61.0731 5.10651C61.2128 5.33853 61.4405 5.504 61.7043 5.56509L65.8918 6.53491C66.6261 6.70498 66.9154 7.59545 66.4213 8.16466L63.6036 11.4106C63.4261 11.6151 63.3391 11.8828 63.3625 12.1526L63.7342 16.4347C63.7994 17.1857 63.0419 17.736 62.3478 17.442L58.3901 15.7653C58.1408 15.6596 57.8592 15.6596 57.6099 15.7653L53.6522 17.442C52.9581 17.736 52.2006 17.1857 52.2658 16.4347L52.6375 12.1526C52.6609 11.8828 52.5739 11.6151 52.3964 11.4106L49.5787 8.16466C49.0846 7.59545 49.3739 6.70498 50.1082 6.53491L54.2957 5.56509C54.5595 5.504 54.7872 5.33853 54.9269 5.10652L57.1432 1.42372Z' fill='%23E3E0E0'/%3E%3Cpath d='M81.1432 1.42372C81.5319 0.777902 82.4681 0.777901 82.8568 1.42372L85.0731 5.10651C85.2128 5.33853 85.4405 5.504 85.7043 5.56509L89.8918 6.53491C90.6261 6.70498 90.9154 7.59545 90.4213 8.16466L87.6036 11.4106C87.4261 11.6151 87.3391 11.8828 87.3625 12.1526L87.7342 16.4347C87.7994 17.1857 87.0419 17.736 86.3478 17.442L82.3901 15.7653C82.1408 15.6596 81.8592 15.6596 81.6099 15.7653L77.6522 17.442C76.9581 17.736 76.2006 17.1857 76.2658 16.4347L76.6375 12.1526C76.6609 11.8828 76.5739 11.6151 76.3964 11.4106L73.5787 8.16466C73.0846 7.59545 73.3739 6.70498 74.1082 6.53491L78.2957 5.56509C78.5595 5.504 78.7872 5.33853 78.9269 5.10652L81.1432 1.42372Z' fill='%23E3E0E0'/%3E%3Cpath d='M105.143 1.42372C105.532 0.777902 106.468 0.777901 106.857 1.42372L109.073 5.10651C109.213 5.33853 109.441 5.504 109.704 5.56509L113.892 6.53491C114.626 6.70498 114.915 7.59545 114.421 8.16466L111.604 11.4106C111.426 11.6151 111.339 11.8828 111.363 12.1526L111.734 16.4347C111.799 17.1857 111.042 17.736 110.348 17.442L106.39 15.7653C106.141 15.6596 105.859 15.6596 105.61 15.7653L101.652 17.442C100.958 17.736 100.201 17.1857 100.266 16.4347L100.637 12.1526C100.661 11.8828 100.574 11.6151 100.396 11.4106L97.5787 8.16466C97.0846 7.59545 97.3739 6.70498 98.1082 6.53491L102.296 5.56509C102.559 5.504 102.787 5.33853 102.927 5.10652L105.143 1.42372Z' fill='%23E3E1E1'/%3E%3C/svg%3E%0A");
}
.rating__stars:after {
    content: url("data:image/svg+xml,%3Csvg width='116' height='20' viewBox='0 0 116 20' fill='none' xmlns='//www.w3.org/2000/svg'%3E%3Cpath d='M9.14319 1.42372C9.53185 0.777902 10.4681 0.777901 10.8568 1.42372L13.0731 5.10651C13.2128 5.33853 13.4405 5.504 13.7043 5.56509L17.8918 6.53491C18.6261 6.70498 18.9154 7.59545 18.4213 8.16466L15.6036 11.4106C15.4261 11.6151 15.3391 11.8828 15.3625 12.1526L15.7342 16.4347C15.7994 17.1857 15.0419 17.736 14.3478 17.442L10.3901 15.7653C10.1408 15.6596 9.85924 15.6596 9.60991 15.7653L5.65216 17.442C4.95813 17.736 4.20065 17.1857 4.26582 16.4347L4.63745 12.1526C4.66087 11.8828 4.57387 11.6151 4.39637 11.4106L1.57871 8.16466C1.0846 7.59545 1.37393 6.70498 2.10824 6.53491L6.29567 5.56509C6.55948 5.504 6.78723 5.33853 6.92685 5.10652L9.14319 1.42372Z' fill='%23F7C305'/%3E%3Cpath d='M33.1432 1.42372C33.5319 0.777902 34.4681 0.777901 34.8568 1.42372L37.0731 5.10651C37.2128 5.33853 37.4405 5.504 37.7043 5.56509L41.8918 6.53491C42.6261 6.70498 42.9154 7.59545 42.4213 8.16466L39.6036 11.4106C39.4261 11.6151 39.3391 11.8828 39.3625 12.1526L39.7342 16.4347C39.7994 17.1857 39.0419 17.736 38.3478 17.442L34.3901 15.7653C34.1408 15.6596 33.8592 15.6596 33.6099 15.7653L29.6522 17.442C28.9581 17.736 28.2006 17.1857 28.2658 16.4347L28.6375 12.1526C28.6609 11.8828 28.5739 11.6151 28.3964 11.4106L25.5787 8.16466C25.0846 7.59545 25.3739 6.70498 26.1082 6.53491L30.2957 5.56509C30.5595 5.504 30.7872 5.33853 30.9269 5.10652L33.1432 1.42372Z' fill='%23F7C305'/%3E%3Cpath d='M57.1432 1.42372C57.5319 0.777902 58.4681 0.777901 58.8568 1.42372L61.0731 5.10651C61.2128 5.33853 61.4405 5.504 61.7043 5.56509L65.8918 6.53491C66.6261 6.70498 66.9154 7.59545 66.4213 8.16466L63.6036 11.4106C63.4261 11.6151 63.3391 11.8828 63.3625 12.1526L63.7342 16.4347C63.7994 17.1857 63.0419 17.736 62.3478 17.442L58.3901 15.7653C58.1408 15.6596 57.8592 15.6596 57.6099 15.7653L53.6522 17.442C52.9581 17.736 52.2006 17.1857 52.2658 16.4347L52.6375 12.1526C52.6609 11.8828 52.5739 11.6151 52.3964 11.4106L49.5787 8.16466C49.0846 7.59545 49.3739 6.70498 50.1082 6.53491L54.2957 5.56509C54.5595 5.504 54.7872 5.33853 54.9269 5.10652L57.1432 1.42372Z' fill='%23F7C305'/%3E%3Cpath d='M81.1432 1.42372C81.5319 0.777902 82.4681 0.777901 82.8568 1.42372L85.0731 5.10651C85.2128 5.33853 85.4405 5.504 85.7043 5.56509L89.8918 6.53491C90.6261 6.70498 90.9154 7.59545 90.4213 8.16466L87.6036 11.4106C87.4261 11.6151 87.3391 11.8828 87.3625 12.1526L87.7342 16.4347C87.7994 17.1857 87.0419 17.736 86.3478 17.442L82.3901 15.7653C82.1408 15.6596 81.8592 15.6596 81.6099 15.7653L77.6522 17.442C76.9581 17.736 76.2006 17.1857 76.2658 16.4347L76.6375 12.1526C76.6609 11.8828 76.5739 11.6151 76.3964 11.4106L73.5787 8.16466C73.0846 7.59545 73.3739 6.70498 74.1082 6.53491L78.2957 5.56509C78.5595 5.504 78.7872 5.33853 78.9269 5.10652L81.1432 1.42372Z' fill='%23F7C305'/%3E%3Cpath d='M105.143 1.42372C105.532 0.777902 106.468 0.777901 106.857 1.42372L109.073 5.10651C109.213 5.33853 109.441 5.504 109.704 5.56509L113.892 6.53491C114.626 6.70498 114.915 7.59545 114.421 8.16466L111.604 11.4106C111.426 11.6151 111.339 11.8828 111.363 12.1526L111.734 16.4347C111.799 17.1857 111.042 17.736 110.348 17.442L106.39 15.7653C106.141 15.6596 105.859 15.6596 105.61 15.7653L101.652 17.442C100.958 17.736 100.201 17.1857 100.266 16.4347L100.637 12.1526C100.661 11.8828 100.574 11.6151 100.396 11.4106L97.5787 8.16466C97.0846 7.59545 97.3739 6.70498 98.1082 6.53491L102.296 5.56509C102.559 5.504 102.787 5.33853 102.927 5.10652L105.143 1.42372Z' fill='%23F7C305'/%3E%3C/svg%3E%0A");
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% / 5 * var(--rating));
    overflow: hidden;
}


.product-sold{
    float: right;
    font-weight: bold;
    font-size: 15px;
    margin-right: 12px;
}

.freeship{
    font-size: 16px;
    font-weight: 500;
    padding: 8px 10px;
    vertical-align: top;
    color: #666;
}

.people-in-cart{
    margin: 0 0 15px;
    display: table;
    vertical-align: middle;
    clear: both;
}
.people-in-cart .img-user {
    width: 42px;
    display: table-cell;
    vertical-align: middle;
}
.people-in-cart .img-user img {
    -webkit-animation-name: hvr-icon-bob-float,hvr-icon-bob;
    animation-name: hvr-icon-bob-float,hvr-icon-bob;
    -webkit-animation-duration: .3s,.75s;
    animation-duration: .3s,.75s;
    -webkit-animation-delay: 0s,.3s;
    animation-delay: 0s,.3s;
    -webkit-animation-timing-function: ease-out,ease-in-out;
    animation-timing-function: ease-out,ease-in-out;
    -webkit-animation-iteration-count: 1,infinite;
    animation-iteration-count: 1,infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-direction: normal,alternate;
    animation-direction: normal,alternate;
}
.people-in-cart .people-block-text {
    color: #333e48;
    display: table-cell;
    vertical-align: middle;
    padding: 0;
    -webkit-padding-start: 10px;
    -moz-padding-start: 10px;
    padding-inline-start: 10px;
}
.people-in-cart .people-block-text span {
    font-weight: 700;
}

.float-right{
    float: right;
}

.fb-messager-chat {
    position: fixed;
    right: 25px;
    bottom: 25px;
    z-index: 20000;
    border-radius: 50%;
    background: #fff;
}

.fb-messager-chat img {
    width: 55px;
}

@media (max-width: 768px){
    .fb-messager-chat {
        bottom: 65px;
    }
}
/*=== new update ===*/
.product .cart{
    width: 120px;
    transition: none !important;
}

a.link-image{
    transition: none !important;
}
.cart .action .list-unstyled .add-cart-button button, .cart .action .list-unstyled .lnk a{
    transition: none !important;
}
.sidebar-filter .sidebar-widget-body button{
    transition: none !important;
}

.owl-carousel .owl-controls .owl-buttons .owl-prev,
.owl-carousel .owl-controls .owl-buttons .owl-next,
.owl-item .item .products .cart, .cart .action .add-cart-button button{
    transition: none !important;
}

.search-result-container .category-product .product .product-info .name{
    height: 39px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    margin-bottom: 6px;
    margin-top: 20px;
    line-height: 20px;
}

.product .product-info .product-price .price{
    font-size:12px;
}
.product .product-info .product-price .price-before-discount{
    font-size:12px;
}

.search-result-container .category-product .product{
    background: #f8f8f8;
    position: relative;
    padding: 10px;
}

.search-result-container .category-product .product .product-image{
    max-width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    /*    height: 165px;*/
}

.search-result-container .category-product .product .product-image img{
    width: 165px;
    height: 165px;
    max-width: 100%;
    max-height: 100%;
}

.tab-content .product-tab .product-content-img{
    width: 600px;
    margin-left: auto;
    margin-right: auto;
}

.tab-content .product-tab img{
    height: auto;
    width: 100%;
}

.product-tabs .tab-content .tab-pane .product-reviews .reviews .review {
    margin-bottom: 10px;
    font-family: 'Open Sans', sans-serif, sans-serif;
    text-transform: none;
    padding: 15px 0 50px 125px;
    position: relative;
    border-bottom: 1px solid #e9e9e9;
    background: none !important;
}

.product-tabs .tab-content .tab-pane .product-reviews .reviews .review .review-username {
    position: absolute;
    top: 13px;
    left: 0;
    width: 125px;
    padding-right: 5px;
    font-weight: 700;
}

.product-tabs .tab-content .tab-pane .product-reviews .reviews .review .review-username .user-avatar {
    margin-bottom:10px;
}

.product-tabs .tab-content .tab-pane .product-reviews .reviews .review .review-username .user-avatar img{
    width: 50px !important;
}

.product-tabs .tab-content .tab-pane .product-reviews .reviews .review .review_content .review-image img{
    width: 100px !important;
}

.product-tabs .tab-content .tab-pane .product-reviews .reviews .review .review-title .date {
    float: right;
}

.item-reference .product-image{
    max-width: 100%;
    text-align: center;
}
.item-reference .product-image .image img {
    width: auto !important;
}

@media (min-width: 320px) and (max-width: 480px){

    .product-tabs .tab-content .tab-pane .product-reviews .reviews .review {
        padding: 15px 0 50px 70px;
    }

    .product-tabs .tab-content .tab-pane .product-reviews .reviews .review .review-username {
        width: 70px;
    }
    
    .blog-page .search-result-container .category-product .product .product-image img{
        width: auto !important;
        height: auto !important;
    }

    .search-result-container .category-product .product .product-image img{
        height: 150px !important;
        width: 150px !important;
    }

    .blog-page .search-result-container .category-product .product .product-image{
        height: auto !important;
    }

    .tab-content .product-tab .product-content-img{
        width: 100% !important;
    }
    /* sửa lỗi nhảy css banner trên trang chủ*/
    #owl-main .owl-controls{
        margin-top: 0px;
    }
    #owl-main .owl-pagination{
        display: none;
    }
}

.hotdeal-pc-panel .best-product .product .product-info .name{
    height: 85px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    margin-bottom: 0px;
    line-height: 20px;
}

.desc_content img{
    width: 100%;
}