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

/*************** ADD CUSTOM CSS HERE.   ***************/
.section-title.section-title-bold{

}
.product-small.box .image-zoom a{
	    padding-top: 100%;
}
.product-small.box .image-zoom a img{
	    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
li.megamenu{
	position:static;
	
}
li.megamenu>ul.nav-dropdown{
	width:100%;
	    border: none;
}
form.searchform {
    border: 1px solid #015ca2;
}
li.megamenu>ul.nav-dropdown.nav-dropdown-simple li{
	 width: 33%;
    display: inline-block;
}
li.megamenu>ul.nav-dropdown.nav-dropdown-simple li a:before{

width: 16px;
    height: 16px;
	background:url('https://bonnuocthanhphat.com/wp-content/uploads/2019/11/index-cate-icon-2.png');
	background-repeat:no-repeat;
	background-size:contain;
	display:inline-block;
	margin-right:5px;
}
.btn-slider-left.slick-arrow {
    transition: ease all .3s;
    cursor: pointer;
    position: absolute;
    top: calc(50% - 65px);
    right: 100%;
    width: 38px !important;
    height: 57px;
    display: flex !important;
    max-width: 38px;
    align-items: center;
    justify-content: center;
    font-size: 44px;
}
.btn-slider-right.slick-arrow {
    transition: ease all .3s;
    cursor: pointer;
    position: absolute;
    top: calc(50% - 65px);
    left: 100%;
    width: 38px !important;
    height: 57px;
    display: flex !important;
    max-width: 38px;
    align-items: center;
    justify-content: center;
    font-size: 44px;
}
ul, ol{
	
}
.product-category.col>.col-inner{
	height:100%;
}
.product-category.col .box.box-category{
		    -js-display: flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}
.product-category.col .header-title {
    font-weight: 600;
    font-size: 16px;
    color: #333;
    height: 40px;
}
.section-title.section-title-center {
    background-color: #015ca2;
    padding: 2px 10px;
}
.section-title.section-title-center span{
 color:#fff;
	font-weight: 500;
}
.product-category.col:hover .header-title{
	color:#015ca2;
}
.product-category.col .box.box-category .box-image{
	   width: 100%;
	   border: 1px solid #e5e5e5;
	   border-top: 4px solid #015ca2;
}
@font-face {
    font-family: 'helve';
    src: url('font/helveticaneue.ttf');
    font-weight:normal;
    font-style: normal;
}
@font-face {
    font-family: 'helve';
    src: url('font/helveticaneuelight.ttf');
    font-weight:300;
    font-style: normal;
}

@font-face {
    font-family: 'helve';
    src: url('font/helveticaneuemedium.ttf');
    font-weight:500;
    font-style: normal;
}
@font-face {
    font-family: 'helve';
    src: url('font/helveticaneuebold.ttf');
    font-weight:600;
    font-style: normal;
}
body,h1, h2, h3, h4, h5, h6, .heading-font, .banner h1, .banner h2{
    font-family: 'helve' !important;
}
p{
    margin-bottom: 10px;
    word-break: break-word;
}
h5.post-title.is-small{
    font-size: 14px;
}
.archive.category .col.post-item .box-text:after{
    padding: 3px 15px;
    padding-left: 0;
    content: "Xem thêm >>";
    /* background: #015ca2; */
    display: inline-block;
    color: #015ca2;
    margin: 8px 0;
    font-weight: 600;
}
.mobile_info ul.list_info {
    display: none;
    position: fixed;
    z-index: 9;
    bottom: 20px;
    right: 10px;

    flex-direction: column;
}

.mobile_info ul.list_info li.item {
    width: 38px;
    height: 38px;
    background: url('images/call.png') #0084ff;
    border-radius: 50%;
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: center;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.4);
    display: inline-block;
    margin-bottom: 10px;
}
.mobile_info ul.list_info li.item.item-phone{
    background: url('images/i59.png') #0084ff;
}
.mobile_info ul.list_info li.item a {
    display: block;
    width: 100%;
    height: 100%;
}
@media screen and (max-width: 767px){
    .mobile_info ul.list_info{
        display: flex !important;
    }
}
ul.menu>li+li, .widget>ul>li+li{
    border: none;
}
ul.widget-menu.contact-info-page{
    list-style: none;
    font-size: 15px;
}
div#logo img{
    margin: 0 auto;
}
.form-lienhe.row.row-small input{
    margin-bottom: 0;
}
input.wpcf7-form-control.wpcf7-submit.button{
    text-transform: none;
    font-weight: 500;
}
ul.widget-menu.contact-info-page i{
    margin-right: 5px;
}
.footer-1{
    font-family: 'helve';
    color: #252525;
    font-size: 14px;
    font-weight: 500;
    padding-bottom: 50px;
}
.box-blog-post .is-divider{
	height:0
}
.footer-1 .is-divider{
    height: 0;
}
.footer-1 p{
    margin-bottom: 5px;
    font-size: 14px;
	font-weight:400;
}
.footer-1 i{
	margin-right:5px;
}
.footer-1 span.widget-title{
    font-weight: 600;
    font-family: 'helve';
    font-size: 16px;
}
.absolute-footer{
    font-size: 14px;
    padding-bottom: 10px;
}
.list_mxh li{
    display: inline-block;
    margin-right: 5px;
}
.list_mxh {
    margin-bottom: 1em;
}
div#wpcf7-f6-o1 input.wpcf7-form-control.wpcf7-submit.button{
    text-transform: none;
    font-weight: 400;
}
.list_mxh li a{
    width: 25px;
    height: 25px;
    display: inline-block;
}
.sale-off {
    display: inline-block;
    background-color: #0072bb;
    color: #fff;
    font-size: 11px;
    margin-left: 5px;
    border-radius: 3px;
    padding: 3px;
}
.w100{
    width: 100%;
    text-align: left;
}
.menu-item img._before, .rtl .menu-item img._after{
    max-width: 22px;
    max-height: 17px;
}
.phone-heda.icon-box .icon-inner{
    background-color: #015ca2;

}
.is-mega .ot-sub-mega>li>a{
    font-weight: 400;
}
.phone-heda.icon-box p{
    margin-bottom: 0;
}
.phone-heda.icon-box h3{
    color: #015ca2;
    margin-bottom: 0;
}
.phone-heda.icon-box:hover .icon-inner{
    background-color: #015ca2 !important;
}
.header-search-form input.search-field{
    height: 40px;
    box-shadow:  0 1px 2px rgba(0,0,0,0.1);
    border: none;
}
.header-search-form button.ux-search-submit.submit-button{
    width: 40px;
    height: 40px;
}
.header-bottom-nav > li > a{
    line-height: 45px;
    padding: 0;
}
.sf-menu a{
    padding:14px 10px;
    display: block;
    font-size: 14px;
    color: #5d5d5d;
    font-weight: 500;
}
.ot-menu-pro>li>a{
    border: none;
}

.is-mega .sf-menu>li.ot-hover, .is-mega .sf-menu>li:hover,
.ot-menu-pro a:hover{
   
    
}
li.cart-item a.header-cart-link.icon{
    font-size: 17px;
}
div#mega-menu-title{
    font-size: 14px;
    font-weight: 400;
    background-color: #015ca2;
    text-transform: uppercase;
    height: 45px;
}
div#mega-menu-title:before{
    content: "";
    display: inline-block;
    margin-right: 10px;
    width: 21px;
    height: 15px;
    background-image: url('images/menu.png');
    background-repeat: no-repeat;
    background-size: contain;
    color: #fff;
    margin-bottom: -3px;
}
div#mega-menu-title:after{
    content: "";
    display: inline-block;
    width: 10px;
    height: 22px;
    background-image: url('images/down.png');
    background-repeat: no-repeat;
    background-size: contain;
    color: #fff;
    background-position: center;
    position: absolute;
    right: 15px;
}
.sf-menu .menu-item-has-children.el-depth-0:after{
    right: 9px;
}
h5.post-title.is-small{

}
.home .section-title-normal span{
    border-bottom: 4px solid #035ca0;
    padding-top: 5px;
    padding-left: 0px;
}
.home .section-title a{
    color:#015ca2;
    font-size: 13px;
    font-weight: 600;
}
.home .section-title a {
    box-shadow: 1px 3px 5px #ddd;
    margin-right: 10px;
    padding-right: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
}
.home .section-title i.icon-angle-right {

    margin-left: 5px;
}

.home  .section-title i.icon-angle-right:before{
    content: "";
    font-family: FontAwesome;
    font-size: 12px;
}
.section-title-normal{
      border-bottom: 2px solid #035ca0;
}
div#top-bar .nav > li > a{
    color: #fff;
    font-weight: 500;
    font-size: 12px;
}
.padding-15{
    padding-left: 15px !important;
    padding-right: 15px !important;
}
span.amount{
    color:#f31232;
}
.star-rating span:before{
    color: #f3d73a !important;
}
.star-rating:before{
    color: #f3d73a !important;
}
.ot-vm-hover:hover .ot-menu-pro{
    display: block !important;
}
.home-dichvu .box-badge h5{
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    font-family: 'helve';
}
a.button.xemthem {
    font-size: 16px;
    color: #0162a8;
    border: none;
    box-shadow: 1px 0 6px #bdbdbd;
    border-radius: 5px;
}
.home-dichvu .box-badge:hover .box-text{
    height: 100%;
    display: flex;
    align-items: center;
    background-color: rgba(1, 92, 162, 0.72);
    justify-content: center;
    transition: ease all .5s;
}
.home-dichvu .box-badge .box-text{
    height: 50px;
    background-color: rgba(1, 92, 162, 0.72);
    color: #fff !important;
    transition: ease all .5s;
    bottom: 0;
}
p.name.product-title a{
    font-weight: 500;
    color: #464646;
    font-size: 14px;
    font-family: 'helve';
}
#mega-menu-wrap span.widget-title,
#mega-menu-wrap  .is-divider{
    display: none
}
.product-small.product:hover p.name.product-title a{
    color:#015ca2
}
.product-small.box .price-wrapper .price{
    display: flex;
    flex-direction: column;
}
#mega_menu {
    max-height: 409px;
    overflow-y: scroll;
}
li.header-block .is-divider{
    display: none;
}
li.header-block .widget{
    margin-bottom: 0
}
li.header-block span.widget-title {
    display: block;
    padding: 14px 15px;
    background: #015ca2;
    color: #fff;
    margin: 0 !important;
}
li.header-block  ul.product-categories li a{
    padding: 5px 15px;
    text-transform: uppercase;
    font-size: 14px;
}
li.header-block  ul.product-categories{
    max-height: 409px;
    overflow: auto;
    border: 1px solid #ddd;
}
li.header-block ul.product-categories{
    position: absolute;
}
li.header-block ul.product-categories ul.children{
    position: absolute !important;
    left: 100% !important;
    background: #fff;
    visibility: hidden !important;
    display: flex;
}
li.header-block ul.product-categories li:hover>ul.children{
    visibility: visible !important;
    opacity: 1 !important
}
.megamenu .title_12{
         display: block;
    padding: 10px 15px;
    background: #015ca2;
    color: #fff;
    margin: 0 !important;
}
.megamenu ul.ot-sub-mega{
    list-style: none
}
.megamenu .top_s{
    position: absolute;
        top: 100%;
    left: 0;
	width:100%;
}
ul#menu_megas{
    list-style: none;
    border: 1px solid #ddd;
        height: 409px;
    overflow: auto;
    background: #fff;
}
ul#menu_mega li{
    list-style: none;
}
ul#menu_megas li a{
    padding: 5px 15px;
    font-size: 15px;
    text-transform: uppercase;
    display: block;
    position: relative;
        font-weight: 500;
}
ul#menu_megas ul.ot-sub-mega {
    position: absolute;
    left: calc(100% - 4px);
    background: #fff;
    display: flex;
    top: 0;
    visibility: hidden;
    opacity: 0;
    width: 550px;
    height: 100%;
    border: 1px solid #ccc;
        display: inline-block;

    flex-flow: row wrap;
}
ul#menu_megas ul.ot-sub-mega>li{
    width: 50%;
}
ul#menu_megas li:hover>ul.ot-sub-mega{
    opacity: 1;
    visibility: visible;
}
ul#menu_megas a.cat-parent.has-child:before{
        content: "\f107";
            font-family: 'fl-icons' !important;
    font-display: block;
    speak: none !important;
    margin: 0;
    padding: 0;
    display: inline-block;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    position: relative;
    line-height: 1.2;
    position: absolute;
    right: 15px;
    top: 7px;

}
.megamenu{
    display: block;
}
body:not(.home) ul#menu_megas{
    display: none
}
body:not(.home) .megamenu:hover ul#menu_megas{
    display: block;
}
#header.header.has-sticky .header-wrapper.stuck ul#menu_megas {
    display: none;
}
#header.header.has-sticky .header-wrapper.stuck .megamenu:hover ul#menu_megas{
        display: block;
}
ul#menu_megas::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
    background-color: #F5F5F5;
}

ul#menu_megas::-webkit-scrollbar
{
    width: 3px;
    background-color: #F5F5F5;
}

ul#menu_megas::-webkit-scrollbar-thumb
{
    background-color: #ddd;
}
@media only screen and (min-width: 1200px){
   
    .is-mega .sf-menu ul.ot-sub-mega{
        min-width: 860px;
    }
    body .nav>li.cart-item {
        margin-left: 2em !important;
    }

}
@media only screen and (min-width: 850px){
     .header-bottom .flex-center{
        padding-left: 15px;
            width: 75%
    }
}
.large-9 .shop-container{
        background-color: #fff;
    padding: 10px 15px;
}
div#shop-sidebar {
    padding: 10px;
    background: #fff;
    font-size: 14px;
}
.shop-page-title.category-page-title.page-title{
    background-color: #fff;
}
.single-product .product-main{
    font-size: 16px;
}
.single-product .woocommerce-tabs ul.tabs{
    background: #015ca2;
    padding-left: 15px;
}
.single-product .woocommerce-tabs ul.tabs a{
    color: #fff;
    border-bottom: 2px solid transparent;
}
.single-product .woocommerce-tabs ul.tabs li.active a{
    border-color: #fff !important;
}
.single-product .product-short-description p{
    margin-bottom: 5px;
    font-size: 14px;
}
.single-product  .product-short-description{
    margin-bottom: 15px;
}
.single-product main#main,
.single-product  #wrapper,
.archive.category #wrapper, .archive.category #main {
    background-color: #fff;
}
.single-product nav.woocommerce-breadcrumb.breadcrumbs{
    font-size: 14px;
}
.col.post-item .col-inner {
    border-bottom: 1px solid #ddd;
}
.single-product h1.product-title{
    font-weight: 500;
    font-size: 24px;
}
.post-sidebar aside {
    border: 1px solid #eaeaea;
    border-radius: 5px;
    margin: 0px 0px 35px 0px;
    padding-bottom: 20px;
    background: #fff;
    padding: 15px;
    font-size: 15px;
}
iframe{
    width: 100%;
}
.embed-responsive iframe{
    width: 100%;
}
li.cat-item.cat-item-15{
    display: block;
}
.post-sidebar span.widget-title{
    border-bottom: 1px solid #ddd;
    display: block;
    padding-bottom: 15px;
    position: relative;
}
.post-sidebar .is-divider{
    height: 0;
}

.post-sidebar span.widget-title:before{
    content: '';
    position: absolute;
    bottom: 0;
    height: 3px;
    width: 50px;
    background: #015ca2;
}
.single-post article{
    background: #fff;
    padding: 10px 15px;
}
.single-product .product-info .price-wrapper .price {
    display: block;
    font-size: 18px;
}
.shop-page-title.category-page-title.page-title .flex-col.medium-text-center{
    font-size: 14px;
}
.shop-page-title.category-page-title.page-title .page-title-inner{
    padding-top: 0;
}
@media only screen and (min-width: 850px) {
    .header-bottom .flex-row.container .flex-col.flex-left{
        width: 25%;
    }
    #logo{
        min-width: 25%;
        margin-right: 0;
    }
    #wide-nav.header-bottom>.flex-row>.flex-left{
        flex: unset;
        margin-right: 0;
    }
  
    #wide-nav.header-bottom .nav-center{
        justify-content: flex-start;
    }
    .is-mega .sf-menu>li>.ot-sub-mega>li{
        min-width: 25%;
        width: 25% !important;
        white-space: initial;
    }
    .is-mega .sf-menu>li>.ot-sub-mega>li a{
        text-transform: unset;
    }

}
@media only screen and (max-width: 549px) {
    .home .section-title-normal span{
        margin-right: 0;
    }
}