/*
Theme Name: Topweb
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/
/*************** ADD CUSTOM CSS HERE.   ***************/
/*css only destop*/
@media (min-width: 767px) {
    #mega_main_menu_ul ul.mega_dropdown li {
        padding: 6px !important
    }

    .category-page-row .large-3 {
        flex-basis: 22% !important;
    }

    li.current-dropdown>.nav-dropdown, .next-prev-thumbs li.has-dropdown:hover>.nav-dropdown, .no-js li.has-dropdown:hover>.nav-dropdown {
        left: 0px !important
    }

    .header-bottom-nav > li > a {
        line-height: 19px !important
    }

    .header-bottom .flex-center ul.header-bottom-nav li {
        padding: 3px 20px !important;
        margin: 0px !important;
    }

    .flex-center ul.header-bottom-nav li:hover {
        color: red;
        background: #fbaf41;
        padding: 3px 12px;
    }

    .flex-center ul.header-bottom-nav li:hover a {
        color: red ;
    }

    .flex-center .nav-dropdown {
        border: 1px solid #cdcdcd;
    }

    .flex-center .nav-dropdown li:hover {
        color: #df9b39 !important;
        background: red !important
    }

    .flex-center .nav-dropdown li:hover a {
        color: white !important;
    }

    .flex-center .nav-dropdown li a {
        border-bottom: none !important
    }

    .flex-center .nav-dropdown li {
        border-bottom: solid 1px #df9b39;
    }
}

@media (min-width: 1023px) {
    #mega_menu li a:after {
        display: none
    }

    .div-danh-muc {
        flex-basis: 21% !important;
        max-width: 21% !important
    }

    .hinh-slide {
        flex-basis: 54% !important;
        max-width: 54% !important
    }

    .section-sp .price-wrapper {
        float: left;
        width: 90px;
    }

    .section-sp .add-to-cart-button a {
        float: right;
        margin-right: 0px;
        border-radius: 6px;
        color: #6a6a6a;
        border: 1px solid #6a6a6a;
        line-height: 26px;
        text-transform: initial;
        font-weight: normal;
        margin-top: 0px;
    }

    .section-sp .add-to-cart-button a:hover {
        background: white;
        color: #6a6a6a;
    }
}

/*end css*/
#mega_main_menu.mega_main_sidebar_menu > .menu_holder > .menu_inner > ul > li > .item_link > i:before {
    color: gray !important
}

#mega_main_menu {
    z-index: 29 !important
}

.flex-right ul li a {
    text-transform: initial !important;
    font-size: 16px;
}

#mega_main_menu br {
    display: none !important
}

/*Màu sắc button*/
.social-button, .social-icons .button.icon:not(.is-outline), .social-icons .button.icon:hover {
    background-color: currentColor !important;
    border-color: currentColor !important;
}

.button.facebook,.button.facebook:not(.is-outline), .button.facebook:hover {
    color: #fff;
    background-color: #446084;
    border-color: #446084;
}

.button.twitter,.button.twitter:not(.is-outline), .button.twitter:hover {
    color: white !important;
    background : #2478ba !important;
    border-color: #2478ba;
}

.button.email,.button.email:not(.is-outline), .button.email:hover {
    color: #fff;
    background-color: black !important;
    border-color: black !important;
}

.button.pinterest,.button.pinterest:not(.is-outline), .button.pinterest:hover {
    color: #fff !important;
    background-color: #cb2320 !important;
    border-color: #cb2320 !important;
}

.button.google-plus,.button.google-plus:not(.is-outline), .button.google-plus:hover {
    color: #fff !important;
    background-color: #dd4e31 !important;
    border-color: #dd4e31 !important;
}

.button.linkedin,.button.linkedin:not(.is-outline), .button.linkedin:hover {
    color: #fff !important;
    background-color: #0072b7 !important;
    border-color: #0072b7 !important;
}

.single-date {
    border-bottom: 1px dashed #ededed;
}

h1.entry-title {
    font-size: 24px !important;
}

/*Kết thúc màu sắc*/
footer.entry-meta {
    border-top: none !important;
    border-bottom: 1px dashed #ececec !important;
}

.entry-content img {
    width: auto !important
}

.duong-line {
    background: rgba(0,0,0,0) url(images/line.png) repeat scroll 0 0;
    height: 12px;
    margin-top: 5px;
    overflow: hidden;
}

.related-post h7 {
    font-weight: bold;
    font-size: 18px;
    float: left;
    margin: -8px 20px 0 0;
}

.product-title {
    min-height: 40px;
}

.title-danh-muc {
    background: #3498db;
    padding: 7px;
    color: white;
    font-weight: bold;
}

.title-danh-muc p {
    margin-bottom: 0px;
}

.section-slide .large-9 {
    padding-left: 0px;
}

.lien-he-price {
    color: #e74c3c;
    font-weight: bold;
}

span.amount {
    color: #e74c3c !important;
}

/*css mega main menu*/
#mega_main_menu.direction-vertical > .menu_holder > .menu_inner > ul > li > .item_link:before, #mega_main_menu.direction-vertical > .menu_holder > .menu_inner > ul > li.nav_search_box:before {
    background-image: none !important
}

/*end css mega main menu*/
/*Nut goi dien thoai*/
.call-now {
    left: 0;
    bottom: 25px;
    height: 50px;
    min-width: 200px;
    position: fixed;
    background-color: #e67e22;
    border-radius: 0 25px 25px 0;
    box-shadow: 0 1px 2px rgba(0,0,0,.8);
    z-index: 998;
}

.call-now .btn-call-now i {
    position: absolute;
    color: #e67e22;
    background-color: #fff;
    font-size: 35px;
    right: 0;
    height: 50px;
    width: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 50%;
    border: 1px solid #e67e22;
}

.call-now .btn-call-now p {
    color: #fff;
    font-size: 14px;
    min-width: 150px;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
}

.call-now .btn-call-now strong {
    display: block;
    font-size: 18px;
}

/*end nut goi*/
.section-text .icon-box {
    border: 1px solid #cdcdcd;
    padding: 5px;
}

/*css cho tung theme - ban desktop*/
h1.entry-title {
    font-size: 22px !important
}

.is-divider {
    display: none;
}

.hotline-single p {
    font-weight: bold color: black;
}

.hotline-single p a {
    border-radius: 17px;
    color: white;
    font-weight: bold;
    padding: 10px;
    background: #e67e22
}

.hotline-single {
    border: #dadada solid 1px;
    padding: 15px;
    text-align: center;
    background: #f3f3f3;
}

.section-tin-tuc .from_the_blog_excerpt {
    min-height: 69px;
}

.header-block-block-1 .col {
    padding-bottom: 0px !important;
}

.ux-blog-layout {
    padding: 0px 20px 20px 20px;
}

.layout_post_2 .tin-tuc {
    padding-bottom: 4px;
}

.hinh-slide {
    padding-left: 0px;
}

.div-ban-chay .tab-panels {
    border-top: 1px solid #faaf40 !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: none !important;
    padding: 30px 0px !important;
}

.div-ban-chay .tabbed-content li.active a {
    border-top-color: transparent !important;
    color: white;
    background-color: #FAAF40 !important
}

.tieu-de-sp p {
    color: white;
    margin-bottom: 0px;
    font-weight: bold;
}

.tieu-de-sp {
    background: #FF7200;
    padding: 9px;
}

.header-block-block-1 .icon-box-text {
    line-height: 42px;
    padding-left: 4px !important;
    font-size: 12px;
}

#top-bar .flex-center {
    width: 65% !important
}

#top-bar .flex-right .cart-item .header-cart-link {
    padding: 13px 20px 13px 13px;
    background: #D30000;
    color: white;
}

.section-sp .product-title {
    margin-bottom: 7px;
    padding-bottom: 4px;
    border-bottom: 1px solid #e4e4e4;
}

.CAMKETBANHANG_title {
    height: 42px;
    background-color: #d30000;
    line-height: 42px;
    font-family: 'Open Sans', sans-serif;
    text-align: left;
    padding: 0 0 0 15px;
    font-size: 16px;
    font-weight: bold;
    position: relative;
    color: #FFF;
    box-shadow: 5px 5px 10px #a0a0a0;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
}

.CAMKETBANHANG_title_icon {
    position: absolute;
    top: -2px;
    right: 10px;
}

.div-tin-noi-bo .col-inner {
    width: 242px;
    /* margin: 15px 0 0 0; */
    float: left;
    background-color: #FFF;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    padding: 0px 8px 8px 8px;
}

.hotline-dau .inner {
    background: #F4F4F4;
    padding: 6px;
}

.hotline-dau .inner p {
    margin-bottom: 0px;
}

.hotline-dau .inner .num-hot {
    font-size: 23px;
    color: #d30000;
    font-weight: bold;
}

.hotline-dau .inner .num-hot br {
    display: none;
}

.div-tin-noi-bo .tin-tuc {
    border-bottom: 1px dashed #b5b5b5;
    padding-top: 5px;
}

.div-tin-noi-bo .tin-tuc h5 {
    font-weight: normal;
    font-size: 14px;
}

.div-ban-tin {
    padding-left: 0px !important;
}

.div-danh-muc,.hinh-slide,.div-ban-tin {
    padding-bottom: 0px !important;
}

.div-ban-chay li.tab {
    background: #e3e3e3;
    margin-bottom: 0px;
}

.div-ban-chay .add-to-cart-button a {
    -webkit-border-radius: 3px !important;
    background-color: #FFF !important;
    border: 1px solid#ff7200 !important;
    color: #ff7200 !important;
    line-height: 27px;
}

.div-ban-chay .badge-container {
    display: none
}

.single-product .product-main .badge-container {
    display: none
}

.contact-div {
    text-align: center;
}

.contact-div .nhan-thong-tin {
    padding-bottom: 15px;
}

.contact-dang-ky p {
    font-size: 12px;
}

.contact-dang-ky .wpcf7-submit {
    background: #faaf40 !important;
    color: black !important;
}

.contact-dang-ky .wpcf7-text {
    width: 60%;
}

.div-giua {
    border-left: 1px solid white;
    border-right: 1px solid white;
}

.absolute-footer {
    display: none;
}

.footer-2 p {
    margin-bottom: 0px !important;
}

.shop-sidebar .widget-title,#shop-sidebar .widget-title,.post-sidebar .widget-title {
    background-color: #ff8400;
    color: white;
    padding: 10px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
}

/*het phan css*/
.section-sp .product .badge-container,.category-page-row .badge-containe {
    margin-top: 0px;
    right: -6px !important;
    left: inherit !important;
}

.section-sp .product .badge-inner,.category-page-row .badge-inner {
    line-height: 24px;
    position: absolute;
    width: 37px;
    height: 33px;
    background: url(images/icon-gia.png) no-repeat;
    background-color: transparent;
    border: none;
    color: white
}

.section-sp .product .badge-inner span.onsale,.category-page-row span.onsale {
    font-size: 13px;
}

.section-sp .product .wishlist-button {
    margin-top: 28px;
}

.div-background-duoi .col-inner {
    background: #f1f1f1
}

.category-page-row div.badge-container div.on-sale {
    background-color: : transparent !important;
}

.category-page-row .badge-container {
    margin-top: 0px;
    margin-left: 4px;
}

.header-bottom-nav li a {
    color: #2a2a2a !important;
    font-weight: normal !important;
}

.header-bottom .flex-center ul.header-bottom-nav li.active {
    background: #fbaf41;
    padding: 3px 20px;
}

.top-divider {
    border-top: none !important
}

.add-to-cart-button a {
    border-radius: 6px !important;
    color: #6a6a6a !important;
    border: 1px solid #6a6a6a;
}

.badge-inner.on-sale {
    background-color: transparent !important;
}

.product-info .yith-wcwl-add-button {
    display: none !important
}

.product-footer .woocommerce-tabs {
    border-top: none !important
}

.product-footer ul.product-tabs li.active {
    background: #faaf40;
    padding: 2px 13px;
    border-top: none;
}

.product-footer ul.product-tabs li a:before {
    background: none !important
}

.product-footer ul.product-tabs {
    border-bottom: 1px solid #dfdfdf;
}

.menu-for-mobile {
    margin-bottom: 6px;
}

.section-tin-tuc .box-text {
    padding-top: 0px !important;
    vertical-align: top !important;
}

.section-tin-tuc .box-text h5 {
    font-weight: normal !important;
}

.nav-dropdown-default {
    padding: 0px !important;
}

ul.header-bottom-nav li ul.nav-dropdown {
    background: #faaf40 !important;
}

.nav-dropdown-has-arrow li.has-dropdown:after {
    display: none !important
}

.account-item .nav-top-not-logged-in {
    font-size: 12px !important
}

.woocommerce-info {
    padding: 0px !important
}

.tieu-de-sp a {
    color: white;
    font-weight: bold
}

.message-container {
    padding: 0px !important
}

.tieu-de-sp br {
    display: none;
}

@media only screen and (max-width: 48em) {
    /*************** ADD MOBILE ONLY CSS HERE  ***************/
}