/*
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.   ***************/
.dvls_maps_wrap {border-radius: 15px;}
.entry-meta, .post_comments {
    display: none;
}
footer .is-divider.small {
    margin-bottom: 15px;
}
.text-center .social-icons {margin-top: 10px;}
/* blog sidebar */
.blog-archive>.row>strong {
    font-weight: normal;
    max-width: 25%;
    padding: 15px 10px !important;
    float: left;
    margin: 0 !important;
}
.blog-archive>.row>large-9 {
max-width: 70%;
}
.post-sidebar {max-width: 100% !important;}
/* End */
.contact h3, .contact p {
    margin-bottom: 10px;
}
li.html.custom.html_topbar_right {
    width: 100%;
}
.header-nd h3, .header-nd p {
    font-size: 12px;
margin-bottom: 0;
}
.header-nd .col {padding:0}
.footer p {
    margin-bottom: 5px;
}
.badge.absolute.top.post-date.badge-outline {
    display: none;
}
.dknt {
    padding-bottom: 0;
    padding-top: 10px;
}
.wpcf7-form {
    margin-bottom: 0 !important;
}
.lienhe h2 {
    padding-bottom: 10px !important;
}
.lh, .lienhe {float: left;}
.lh {padding-top: 20px;padding-bottom: 10px;}
.dk {
    float: left;
    padding-bottom: 0px !important;
}
.lienhe {
    padding-top: 30px !important;
	padding-bottom: 0;
}
.page-wrapper {
    padding-top: 5px;
    padding-bottom: 0;
}
#flags {
    width: 100% !important;
}
#flags ul {
    padding-top: 6px;
}
.image-tools a:last-child {margin-left: -5px !important;}
.flex-row.next-prev-nav.bt.bb {
    padding: 0 15px;
}
.badge-inner.bg-fill {
    color: rgba(0, 0, 0, 0) !important;
    text-shadow: none !important;
}
ul.policy {
    margin-top: 10px;
    margin-left: 10px;
}
.product-short-description:before {
    content: 'Thông tin sản phẩm:';
    font-weight: bold;
	color: #1e73be;
}
ul.custom-attributes:before {
    content: 'Thông số kỹ thuật:';
	color: #1e73be;
	font-weight: bold;
}
.custom-attributes {
    border-top: 1px solid #e8e8e8;
    margin-bottom: 10px;
	padding-top:10px;	
}
.custom-attributes li {margin-top: 10px; margin-left:30px !important;}
html {
    background-color: rgb(40, 137, 222);
}
.dataTables_wrapper {
    background: white !important;
}
.entry-meta.uppercase.is-xsmall {
    margin-top: 10px;
}
.entry-header-text.text-left {
    padding-bottom: 15px;
    padding-top: 15px;
}

.section-title i.icon-angle-right {
margin-right: 10px !important;
margin-left: 10px;
}
.entry-image-float {
    margin-right: 1.5em;
    margin-left: 0 em;
    border: 1px solid #e8e8e8;
    padding: 10px;
    margin-bottom: 10px;
}
.image-fade_in_back {
    min-height: 222px;
	max-height: 222px;
}
.box-image {
    border: 1px solid #e8e8e8;
    padding: 5px;
}
.feature-sp .image-fade_in_back {min-height: 198px;}
.box-text, .sanpham .col, .feature-sp .col {
    padding-bottom: 0;
}
.product-images, ul.product_list_widget li img {
    border: 1px solid #e8e8e8;
}
.product-short-description p {margin-bottom: 5px;}
.product-main {
    padding: 10px 0;
}
span.amount {
    color: #fd0016;
}

ul.product_list_widget li {padding: 10px 0 5px 75px;}
.mfp-figure:after {
    display: none;
}
.entry-content p, #tab-description p {
    text-align: justify;
}
/* Sidebar */
#product-sidebar .widget, .post-sidebar .widget, #shop-sidebar .widget, .page-right-sidebar .widget {
    border: 1px solid #E8E8E9;
    padding: 10px;
}
.post-sidebar, .page-right-sidebar .large-3.col {
    padding: 0 10px !important;
}
#product-sidebar {
    padding: 10px;
}
/* End Sidebar */
footer.entry-meta.text-left, .entry-category, .entry-image.relative {display:none;}
.entry-content {
    padding-top: 0;
}
.entry-header-text-top {
    padding-bottom: 5px;
}
.copyright-footer {
    padding: 10px 0 0 0;
}

.absolute-footer {
    padding: 0 !important;
}
p.validate-phone {
    margin: 0 !important;
    float: right;
}
.address-field {
    clear: both;
}
.is-divider {margin:0}
/** mega menu */
#mega_menu ul.sub-menu > li:hover .sub-menu {
    position: absolute;
    top: -1px;
    left: 100%;
    background: #fff;
    margin: 0;
    padding: 0;
    border: 1px solid #ccc;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

#wide-nav > .flex-row > .flex-left {
    width: 20%;
    min-width: 245px;
    margin-right: 15px;
}
#wide-nav .flex-col.hide-for-medium.flex-left {
    max-width: 280px;
}
#mega-menu-wrap {
    width: 100%;
    background: #1d71ab;
    position: relative;
	max-width: 280px;
}

#mega-menu-title {
    padding: 10px 0 7px 15px;
    font-size: 15px;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 700;
    color: #fff;
    cursor: pointer
}

#mega-menu-title i {
    margin-right: 9px
}

#mega_menu {
    position: absolute;
    top: 100%;
    margin-top: 0px;
    left: 0;
    width: 100%;
    border: 1px solid #ddd;
    padding: 0;
    background: #fff;
    display: none
}

#header.header.has-sticky .header-wrapper.stuck #mega_menu {
    margin-top: 0;
}

body.home #mega_menu {
    display: block
}

#mega_menu > li {
    position: relative;
    z-index: 8
}

#mega_menu li a {
    padding: 10px 15px;
    display: block;
    font-size: 14px
}

#mega_menu > li > a:after {
    content: "\f105";
    font-family: FontAwesome;
    float: right
}

#mega_menu > li > a {
    position: relative;
    padding-left: 15px
}

#mega_menu > li > a > img {
    position: absolute;
    top: 8px;
    left: 8px
}

#mega_menu > li:hover > a {
    background: #f5f5f5
}

#mega_menu li > .toggle {
    display: none
}

#mega_menu > li > ul.sub-menu {
    position: absolute;
    top: -1px;
    left: 100%;
    background: #fff;
    width: 100%;
/*    min-height: 334px; */
    margin: 0;
    padding: 0;
    border: 1px solid #ccc;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    margin-top: 0 !important;
}

#mega_menu ul.sub-menu > li > a {
    width: 100%
}

#mega_menu ul.sub-menu > li:hover > a {
    background: #f5f5f5
}

#mega_menu ul.sub-menu li a, #mega_menu > li:hover > ul.sub-menu {
    display: block
}

#header.header.has-sticky .header-wrapper.stuck #mega_menu:not(.active) {
    display: none
}

#header.header #mega_menu.active {
    display: block
}

#mega_menu > li > .menu-image {
    position: absolute;
    left: 100%;
    top: 0px;
    display: none;
    width: 200%;
    background: #fff;
    text-align: right;
}

#mega_menu > li > .menu-image > img {
    position: relative;
    z-index: 1;
    max-width: 49%;
    max-height: 330px;
    margin-top: 1px;
}

#mega_menu > li:hover > .menu-image, #mega_menu  li:hover > ul.sub-menu {
    display: block
}

#mega_menu > li:hover > ul.sub-menu:before {
    content: "";
    background: 0 0;
    position: absolute;
    top: -1px;
    bottom: 0;
    width: 15px;
    left: -15px
}

#mega_menu ul.sub-menu > li {
    position: relative
}

#mega_menu ul.sub-menu > li > .menu-image {
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    min-height: 240px;
    background: #fff;
    text-align: right;
    display: none;
    z-index: 2
}

#mega_menu ul.sub-menu > li > .menu-image > img {
    width: 100%
}

#mega_menu ul.sub-menu > li:hover > .menu-image {
    display: block
}
@media screen and (min-width: 1024px) {
.slide-home {
    padding-bottom: 20px;
    padding-left: 0px;
    padding-top: 4px;
}
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
i.icon-shopping-basket, i.icon-menu {
    color: #1e73be;
}
p.validate-email {float:left; width:49%;}
p.validate-phone {width: 49%;}
.image-fade_in_back {
    min-height: 180px !important;
}
.lienhe {
    padding-top: 0px !important;
    padding-bottom: 15px;
}
}