/*
Theme Name: Web Khoi Nghiep
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
.row-ho-tro .icon-box-text{
	padding-left:4px !important;
}
body {
    font-family: Arial, Helvetica, sans-serif !important;}

.nav > li > a {    font-family: Arial, Helvetica, sans-serif !important;}
h1,h2,h3,h4,h5,h6, .heading-font{    font-family: Arial, Helvetica, sans-serif !important;}
.alt-font{    font-family: Arial, Helvetica, sans-serif !important;}
.header-bottom .header-bottom-nav > li.active > a,.header-bottom .header-bottom-nav > li > a:hover{
        background: url(images/bg_li.png) no-repeat top center;
    background-size: 100% 46px;
}
.divtruycap {
    max-width: 244px;
    width: 100%;
    display: block;

    padding-top: 10px;
    background: url(images/bg_truycap.png) no-repeat -10px center;
}
.divtruycap p{
        padding-left: 30px;
}
.divtruycap p.user-on{
    background: url(images/dangonline.png) no-repeat 10px center;
}
.divtruycap p.user-tong{
    background: url(images/luottruycap.png) no-repeat 10px center;
}
.absolute-footer {

    padding: 5px 0 5px;

}
.header-main .flex-right{
    position: absolute;
    z-index: 4444;
    top: 33%;
    right: 11px;
}
.header-main .flex-right .header-social-icons{
    display: block;
}
.header-bottom{
        background-image: linear-gradient(to right, #2dab4f , #dbe034) !important;
}
.copyright-footer{
    color: white;
}
.section-footer .col{
    padding-bottom: 0px !important;
}
.section-footer{
    padding-top: 15px !important;
        background: url(images/bg_footer.png) repeat top left;
        padding-bottom: 0px !important;
}
.section-footer h3.title-footer{
        color: #ff0;
    font-size: 20px;
}
.product-small .title-wrapper{
      background: -webkit-linear-gradient(#6ab9ec, #2d83b7);
    background: -o-linear-gradient(#6ab9ec, #2d83b7);
    background: -moz-linear-gradient(#6ab9ec, #2d83b7);
    background: linear-gradient(#6ab9ec, #2d83b7);
    margin-bottom: 10px;
}
.product-small .box-image{
         border: 1px solid #e8e7e8;
}
 
.product-small .box-text {
    padding-top: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}


.product-small .add-to-cart-button a{
        line-height: 25px;
        color: #0066ff;
    margin-top: 0px;
    font-weight: normal;
    text-transform: capitalize;
    font-size: 15px;
}
.row-trong .large-2{
    padding-left: 5px;
}
.row-trong li.cart-item{
        min-height: 52px;
    background: #F4F4F4;
    padding: 9px;
    border: 1px solid #CCC;
    margin-bottom: 0px;
}
.row-trong .header-search-form{
        background: #F4F4F4;
    padding: 9px;
    border: 1px solid #CCC;
}
.row-trong .header-search-form .ux-search-box .search-field {
    height: 2em;
}
.row-trong .header-search-form .ux-search-box .ux-search-submit{
        line-height: 2em;
    min-height: 2em;
    height: 2em !important;
}
.row-trong{
    margin-left: 0px !important;
    margin-right: 0px !important;
}
.row-trong li{
    list-style-type: none;
}
.page-left-sidebar .right{
    padding-left: 0px !important
}
.header-bottom {
    background: url(images/bg_menu_03.png);
    background-repeat: round;
}
.entry-content {
    padding-top: 0px;}
.user_online br{
    display: none;
}
.box_access_online .user_online label{
        display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
}
.box_access_online .user_online ul li {
    margin-bottom:5px;
}
aside.widget_media_image{
        margin: 0px;
        margin-bottom: 5px !important;
    border: 1px solid #ebebeb;
    padding: 0px !important;
}
aside.widget_media_image img{
    width: 100%;
}
.box_access_online .user_online ul li .box_number b {
    font-weight: bold;
    color: #C40514;
}
.product-main .large-9{
    padding-bottom:0px;
}
.user_online ul li .box_number b {
    padding: 0 3px;
    border: 1px solid #fff;
    margin-right: 1px;
    font-weight: 400;
}
.page-template #content{
	z-index:0;
    padding-bottom: 0px !important;
}
.product-main{
    padding-bottom:0px !important;
}
.box_access_online .user_online ul li span {
    float: right;
}
.user_online ul li:first-child label {
    font-size: 14px;
}
.box_access_online .user_online ul li label {
    width: 50%;
}
.product-section-title-related{
    margin-left: 0px !important
}
.page-wrapper {
    padding-top: 10px;
    padding-bottom:5px;
}
.shop-page-title{
    display: none;
}
.post-sidebar{
    padding-left: 5px !important;
    padding-right:5px !important;
}
.row-divided>.col+.col:not(.large-12) {
    border-left: none;
}
#secondary .widget_nav_menu li a,#shop-sidebar .widget_nav_menu li a,#product-sidebar .widget_nav_menu li a,.section-home .widget_nav_menu li a{
        font-size: 13px;
    font-weight: bold;
}
#secondary .widget_nav_menu li a:before,.section-home .widget_nav_menu li a:before,#shop-sidebar .widget_nav_menu li a:before,#product-sidebar .widget_nav_menu li a:before{
    content: "\f0da";
    font-family: fontawesome;
    padding-right: 5px;
}
.home #breadcrumbs{
    display: none;
}
.category-page-row {
    padding-top: 15px;
}
.spanhotline{
	text-shadow: 4px 4px #000000;
        color: white;
    font-weight: bold;
    font-size: 26px;
}
#breadcrumbs{
 
    font-size: 14px;
    padding: 5px 0px;
    display: block;
    margin-bottom: 15px;
}
 .row .section {
    padding-left: 0px;
    padding-right: 0px;
}
#secondary{
        margin-top: 20px;
}
.col-divided {
    padding-right: 10px !important;}
#secondary .widget,#product-sidebar .widget,.section-home .widget{
border: 1px solid #b3b3b3;
    box-shadow: inset 0px 0px 5px #b3b3b3;
    padding-top: 40px !important;
    /* border: 1px solid #ebebeb; */
    padding: 0px 10px 10px 10px;
    border-radius: 10px;
}
.header-bottom-nav li a{
 font-size: 16px;
    text-transform: uppercase;
    font-weight: normal !important;
}
#product-sidebar{
    padding-left: 5px !important;
    padding-right:5px !important;
}
.textwidget ul li{
    margin-left: 0px;
}
.shop-container .products .product-small,.related .product-small{
    padding-left: 4px !important;
    padding-right: 4px !important;
}
.shop-container .products{
margin-left: 0px !important;
    border: 1px solid #e1e1e1;
    margin-right: 0px !important;
    margin-bottom: 15px !important;
}
.category-page-row .large-9,.product-type-simple .large-9{
        padding-left: 5px;
    padding-right: 5px;
}
.is-divider{
    display: none;
}
.blog-wrapper .large-9{
    padding-left: 5px;
    padding-right: 5px;
}
.header-bottom-nav > li{
    margin-left: 0px !important;
    margin-right: 0px !important;
}
.header-bottom-nav > li > a{
 

    padding-left: 20px;
    padding-right: 20px;
}

.related .row{
    margin-left: 0px !important;
    margin-right: 0px !important;

}
.section-home  .widget .widget-title{
    margin-top: -50px !important;
    top: unset !important;
}
#secondary .widget .widget-title,#shop-sidebar .widget .widget-title,#product-sidebar .widget .widget-title,.section-home  .widget .widget-title{
         width: 91%;
    height: 48px;
    text-align: center;
    background: url(images/line.png) repeat-x left center;
    /* margin-top: -16px; */
       margin-top: -46px !important;
    position: absolute;
    left: 15px;
}
#secondary .widget .widget-title span,#shop-sidebar .widget .widget-title span, #product-sidebar .widget .widget-title span,.section-home .widget .widget-title span{
background-image: linear-gradient(to right, #2dab4f , #3a9251) !important;
    text-align: center;
    font-size: 16px;
    color: white;
    font-weight: normal;
    display: block;
    /* background: url(images/title.png) no-repeat top center; */
    height: 38px;
    line-height: 37px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    box-shadow: 0px 5px 5px #ccc;
}
.widget .is-divider{
    display: none;
}
.header-bottom .nav-dropdown-default li a{
    color: white;
}
.header-bottom .nav-dropdown-default li a:hover{
        color:#ffeb3b
}
.lien-he-price{
    font-weight: bold;
    color: red;
}
.col-divided {
    padding-right: 30px;
    border-right:none;
}
div.medium-logo-center{
    padding-left: 0px !important;
    padding-right: 0px !important;
}
#shop-sidebar .widget{
    border: 1px solid #ddd;
   padding: 0px 10px 10px 10px;
}


.section-sp{
    padding-bottom: 0px !important
}
.recent-blog-posts a {
    font-size: 14px;

}
.section-footer img{
    max-width:200px;
}
.section-footer p{
        font-size: 14px;
    margin-bottom: 5px;
}
#mega-menu-title {
    padding: 13px 0 14px 16px;}
.header-main #logo img{
    width: 100%;
}
.product-small .box-text{
    padding-bottom: 0px;
}
.header-main #logo{
      margin-left: 0px;
    max-width: 1251px;
    width: 100%;
    margin-right: 0px !important;
}
p.call-text{
font-weight: bold !important;
    font-size: 18px !important; 
}
.button.is-underline:before{
    display: none;
}
.nav-tabs > li.active > a{
  font-size: 18px;
    color:white !important;
border-top: none !important;

	
	
	background-image: linear-gradient(to right, #2dab4f , #3a9251) !important;
    text-align: center;

    color: #ffff00;
    font-weight: normal;
    display: block;
    /* background: url(images/title.png) no-repeat top center; */
    height: 38px;
    line-height: 37px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
     padding: 0px 22px;
    box-shadow: 0px 5px 5px #ccc;
	display:inline-block;
	
	
}
.nav-tabs+.tab-panels {
    border: 1px solid #ddd;
    background-color: #fff;
    padding: 15px;
}
.post-item h5.post-title{
    color: #b97e00;
}
.section-footer-1 .widget_nav_menu{
    margin-left: 0px !important
}
.section-footer-1 .widgettitle,.section-footer-1 .widget-title{
    color:black;
    font-weight: bold !important;
    font-size: 15px;
}
.section-footer-1 .widget_nav_menu{
    padding-left: 0px !important;
    padding-right: 0px !important
}
.woocommerce-Tabs-panel  p{
    font-size: 14px;
}
.product-footer .woocommerce-tabs {
    margin-bottom: 20px;
    padding: 0px;
    border-top: none;
}
ul.product-tabs li a{
    padding: 7px;
    border: 1px solid #e1e1e1;
    /* width: 150px; */
    border-radius: 3px;
    border-bottom: none;
    background: #f1f1f1 !important;
    color: #df0000 !important;
    text-transform: uppercase;
    font-weight: bold;
    /* text-align: center; */
    text-align: center;
}
ul li{
    list-style: none;
}
li.header-search-form{
    padding: 3px;
    max-width: 250px;
}
.product-short-description{
    font-size: 14px;
}
.ux-search-box .search-field {
    height: 2.5em;
}
.woocommerce-tabs ul.product-tabs{

    color: #232323;
    font-size: 18px;
    padding-top: 0px;

}
.ux-search-box  input{
    border-radius: 0px !important;
}
.section-tin-tuc .post-item{
    padding: 0px 3px 0px 3px;
}
.section-tin-tuc .post-item .col-inner{
    background: #EEEEEE;
    padding: 5px 8px;
}

.khuyenmai p {
    padding-top: 35px;
    width: 120px;
    line-height: 18px;
    font-size: 12px;
    margin-left: -10px;
}
.div-no-padding{
    padding-bottom: 0px !important;
}
.row.row-collapse {
    max-width: 1170px;
}
.b, strong{
    font-weight: bold;
}


.row-san-pham{
    max-width: 1230px !important;
}

.section-tin-tuc li a{
    background: #eee;
    color: black;
     padding: 5px 8px;
}
.section-tin-tuc li.active a{
        background: #d80202;
    color: white;
   
}
.xem-tat-ca{
    text-align: center;
}

.header-nav-main li a{
    text-transform: uppercase !important;
}


.flex-right ul li a{
	text-transform: uppercase;
    font-weight: normal;
	font-size: 16px;
}
.header-bottom .flex-center{
    width: 50%
}
.header-bottom .flex-center ul.header-bottom-nav {
    max-width: 100%;
    width: 100% !important;
}

.single-date{
        border-bottom: 1px dashed #ededed;
}
h1.entry-title{
    font-size: 24px ;
}
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/line1.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;
}


.price-wrapper span.amount{
   
    color: #ed1c24;
}
.box-text-products{
    text-align: center;
}
.woocommerce-breadcrumb {
    font-size: 13px;
}
.widget_shopping_cart ul li.mini_cart_item{

}
.widget_shopping_cart ul li.mini_cart_item a{
    font-size: 12px !important
}
.price_slider_amount .price_label{
    font-size: 12px
}
.grid-tools a{
    background: #F36F36 !important
}
h1.product-title{
    font-weight: 500 !important
}
.product_list_widget .woocommerce-Price-amount{
    color: red;
}

.nav-line-bottom>li>a:before, .nav-line-grow>li>a:before, .nav-line>li>a:before{
    background: transparent;
}
.footer-widgets .widget{
    margin-bottom:0px;
}

ul.tab-sanpham {
    text-align: right;
    float: right;
    padding: 0;
    margin: 0;
    list-style: none;
    text-transform: none;
    background: #fff;
    position: relative;
    border: 0;
}
.tab-sanpham>li {
    float: left;
    margin-bottom: -1px;
}
.tab-sanpham > li a {
    background: transparent;
    text-transform: capitalize;
    color: #666;
    padding: 7px 10px 4px;
    display: block;
    border-right: 1px solid #ddd;
    font-weight: 400;
}


.sanpham-duoi{
    padding: 20px 20px;
margin: 20px 10px 10px 10px;
    background: white;
}
.section-title a {
    color: #E91A1A;
    font-size: 12px !important;
    margin-top: 16px;}
.section-title-normal {
    border-bottom: 1px dashed #999999
}
.section-title-container,h3.product-section-title-related {
        width: 100%;
    height: 48px;
    background: url(images/title2.png) no-repeat center 20px;
    margin-top: -5px;
    position: relative;
}
b,strong{
    font-weight: bold !important;
}
.section-footer .wpcf7-submit{
    font-weight: bold !important;
}
h3.product-section-title-related {
    padding-top: 0px;
}
.section-footer form p{
font-size: 14px;
}
.section-footer input{
    padding-bottom: 0px;
    margin-bottom: 0px ;
}
.section-footer .your-email{
    width: 66%;
    float: left;
}
.section-footer .wpcf7-spinner{
    display: none;
}
.section-title-center b{
    opacity: 0 !important;
}
.section-title-normal span,h3.product-section-title-related span,.section-title-center span{
background-image: linear-gradient(to right, #2dab4f , #3a9251) !important;
    text-align: center;
    font-size: 16px;
     color: white;
    font-weight: normal;
    display: block;
    /* background: url(images/title.png) no-repeat top center; */
    height: 36px;
    line-height: 37px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
     padding: 0px 22px;
    box-shadow: 0px 5px 5px #ccc;
	display:inline-block;
}


#top-bar ul li a{
    font-size: 13px !important; 
}
#top-bar ul li{
    padding: 0px !important
}

.row-tin-tuc .post-item{
    padding-bottom: 0px;
        border-bottom: 1px solid #eee;
}
.section-title-container {
    margin-bottom: 5px !important;
}

input[type='email'], input[type='date'], input[type='search'], input[type='number'], input[type='text'], input[type='tel'], input[type='url'], input[type='password'], textarea, select, .select-resize-ghost, .select2-container .select2-choice, .select2-container .select2-selection{
    font-weight: normal;
}
.header-bottom .nav-dropdown{
    border:none !important;
    box-shadow: none !important
}

.header-nav-main > li > a{
    padding: 10px 15px !important;
}
ul.header-nav-main {
display: block !important;
    text-align: center;
}
.header-nav-main > li > a:hover{
        background: #2C7ADF;
    color: white;
}

.nav-dropdown-has-arrow li.has-dropdown:after,.nav-dropdown-has-arrow li.has-dropdown:before{
    border: none !important
}
.product_list_widget li a{
    font-size: 13px !important
}
.page-title-inner{
    padding-top: 5px;
    min-height: 40px;
}

.footer-widgets ul#menu-menu-danhmuc li a{
    font-size: 14px !important
}

.nav-outline>li.active>a{
    color: #2C9310 !important
}
.top-sologan{
    padding: 0px 14px;
    font-size: 13px
}
.top-sologan i{
    color: #faaf40;
    font-size: 22px;
}
.hotline-top{
           font-size: 14px;  
    color: black;
}
.footer-1 ul li a{
    font-size: 15px;
}
.footer-2 .wpcf7 span.your-email{
width: 60%;
float: left;
}
.footer-2 .wpcf7 .wpcf7-submit{
        background: #FFA30B;
    float: right;
}
.badge-container{
    left: auto !important;
    right: 10px;
    margin: 0px !important
}
.category_box h2 {
    font-size: 15px;
    font-weight: bold !important;
    color: #FFF;
    padding: 20px 0 0px 0;
    margin: 0;
}
.category_box {
      background: white;
    padding: 0;
}
.product-small{
      background: white;
  padding: 8px 4px;
}

.icon-kn img {
    margin-left: -35px;
    width: 40px;
    height: auto; 
}
p.icon-kn{
    margin-bottom: 0px;
}


.image-div{
    padding: 0px 
}
.product-div{
    padding: 0px 0px;
    
}
.wpcf7 .wpcf7-not-valid-tip {
    margin-top: -10px;
    position: relative;
    padding: 5px 8px;
    line-height: 1.2em;
    border-radius: 3px;
    opacity: .8;
    background-color: #f1f1f1;
    color: #b20000;
    width: 100%;
    float: left;
}
button.single_add_to_cart_button{
    background: #F06922 !important;
}
.row-khung-tren .wpcf7-text{
    width: 50%;
    float: left;
}
.row-khung-tren .wpcf7-submit{
    font-weight: normal;
    font-size: 15px;
    text-transform: inherit;
    background: #F06922 !important;
}

.product-small .product-title a{
    color: white;
}
.product-small .product-title{
overflow: hidden;
    margin-bottom: 10px;
    height: 40px;
    font-size: 13px;
}
.product-small  .product-title a{
    font-size: 14px;
}
.lightbox-content .slide img{
    padding:20px;
}
h1.product-title{
    font-size: 20px;
    border-bottom: 1px solid #ddd;
    color: #2C7ADF;
    font-weight: bold !important;
    padding-bottom: 10px;
}
p.address-field{
    width: 100%;
}
.product-div .wishlist-icon{
    display: none;
}
.home #content{

}
.blog-archive .post-item{
    padding-bottom: 10px;
}
.blog-archive .is-divider{
    display: none;
}
h5.post-title{
     
    overflow: hidden;
}
.box-normal .from_the_blog_excerpt {
        height: 37px;
    overflow: hidden;
}
.top-divider{
    border: none !important
}


span.footer-hotline{
   color: #7ac142;
   font-weight: bold;
   font-size: 14px
}
.section-sp-chi-tiet  .single_add_to_cart_button{
        padding: 0px 9px;
    font-weight: normal;
}
.section-sp-chi-tiet  .single_add_to_cart_button:before{
        font-weight: normal;
    content: "\f07a";
    font-family: fontawesome;
    margin-right: 10px;
    font-size: 22px;
}

@media(min-width: 855px){




    .row-dau div.col-danh-muc{
        flex-basis: 20% !important;
        max-width: 20% !important
 }
.row-dau .col-slide{
     flex-basis: 80% !important;
        max-width: 80% !important
}
}
@media(max-width: 855px){
    .mobile-nav li.nav-icon{
        position: absolute !important;
    top: -13px !important;
}
    .page-left-sidebar .right {
    padding-right: 5px;
    padding-left: 5px !important;
}
    .mobile-nav li.nav-icon a{
            background: red;
    color: white;
      padding: 2px 5px;
    }
    .row-trong .header-cart-title{
    font-size: 12px;
}
    .row-khung .div-khung{
        border: none !important
    }
    .row-khung-tren{
        border: none !important
    }

    .div-khau-hieu {
        margin: 10px;
    border: 1px solid white;
    padding: 10px !important;
    }
    #mega_main_menu.direction-vertical > .menu_holder > .menu_inner > ul > li{
    display: inline-block;
}
}
@media(min-width: 1023px){
    .section-footer-1 .large-3{
        max-width: 20%;
        flex-basis: 20%;
    }
    .section-footer-1 ul li a{
        font-size: 13px;
    }
    .header-bottom .header-bottom-nav >li{
            margin: 0 10px;
    }
    .section-sp-chi-tiet  .single_add_to_cart_button {
        margin-top:10px;
    }
    .section-sp-chi-tiet form.cart{
            margin-bottom: 0px;
    width: 37%;
    float: left;
}
a.devvn_buy_now{
        margin-bottom: 0px;
    padding: 10px 0;
    width: 220px;
    border-radius: 0px;
    margin-top: 70px !important;
    background: #71BF44;
}
}
@media(max-width: 855px){
   .flex-left ul.mobile-nav{
    position: absolute !important;
    top: -3px;
}
    .block-title-tin h3:before,.block-title h3:before{
        width: 48px;
    height: 45px;
    }
    .div-border{
        display:none;
    }
}
@media screen and (min-width: 850px){

}