/*
Theme Name: Flatsome Child
Description: NamKiem developed for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 1.256145
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
/*note*/

/**/

div#masthead {
    background-image: url(/wp-content/uploads/2022/06/bgheader-2887.jpg);
    border-radius: unset;
}

ul.header-nav.header-nav-main.nav.nav-left.nav-uppercase {
	    display: flex;
    align-items: center;
    justify-content: center;
}

#wide-nav.header-bottom {
    background-color: #004274;
    min-height: 45px;
}

.header-bottom .header-bottom-nav li a {
	border: unset;
}

.header:not(.transparent) .header-bottom-nav.nav > li > a.nav-top-link,
.header:not(.transparent) .header-nav.nav > li.active > a.nav-top-link {
	color: white;
}

.header-bottom-nav a.nav-top-link {
    height: 45px;
}

.header-bottom-nav a.nav-top-link:hover {
    background: white;
    color: #004289 !important;
}

.header-button .is-outline.box-shadow-1.box-shadow-1-hover {
    background-color: #d3ac51;
}

.header-button .is-outline.box-shadow-1.box-shadow-1-hover span {
    position: relative;
    top: 2px;
}

#header-contact li a {
    color: black;'
}

ul.sub-menu.nav-dropdown.nav-dropdown-simple a {
    background: white;
}

ul.sub-menu.nav-dropdown.nav-dropdown-simple a:hover {
	background: #d3ac51;
	color: white;	
}


.slider .flickity-prev-next-button svg.flickity-button-icon {
	fill: #004274;
    background: white;

}

.slider .flickity-prev-next-button:hover svg, .slider .flickity-prev-next-button:hover .arrow {
    fill: #004274;
    background: white;
}

.product-category.col.is-selected .col-inner:hover {
    transform: unset;
    box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px;
}

@media only screen and (max-width: 991px) {
	.nav-dark .nav>li>a {
		color: #7b7c7d;
	}
	.slider .flickity-prev-next-button svg.flickity-button-icon {
		display: none;
	}
}

.header-main {
	background-image: url('/wp-content/uploads/2022/06/bgheader-2887.jpg');
}.full-width .ubermenu-nav, .container, .row, .row.row-small {
	max-width: 1100px;
}.footer-secondary {
	padding: 0;
}
.page-left-sidebar .large-3{padding-right: 15px;
	border-right: 1px solid #ececec;
}
.category-page-row {
	padding-top: 20px;
}.nav-pagination>li>a{    background: gray;
	border: 2px solid gray;
	color: white !important;}
.nav-pagination > li > .current{color:black !important}
.archive .products .product-small.box .box-text{padding:0}
.archive .products .product-small.box .product-title a{    font-size: 17px;
	font-weight: bold;
	color: gray;}
.archive .products .product-small.box{background:white; padding:6px}
.archive .large-columns-3{    margin-left: -15px !important;
	margin-right: 0px !important; }  
.shop-page-title .medium-text-center{text-align:center}
.shop-page-title .form-flat{display:none}
a.back-to-top{background:gray !important; border:none !important; color:white !important}
.footer-section .col{padding-bottom:0}
.footer-section ul li{list-style: square;
	margin-bottom: 0;
	text-align: left;
	margin:0;
	margin-left: 20px;
	color: gray;
	padding: 0;
	line-height: 22px;}
.footer-section h3{color: #02b2f7;
	font-size: 17px;
	font-weight: normal;}
.list-sp .flickity-prev-next-button svg{background:white !important;     box-shadow: 2px 2px 10px black;}.hdevvn-show-cats{
	border: none !important;
}.section-title-normal {padding: 4px;
	border-bottom: none;
	/*background-image: linear-gradient( #393636, #141313);*/
	background-color: blue;
	margin-bottom: 0;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}.section-title-normal span {
	margin-right: 15px; font-size:20px;
	padding-bottom: 0;
	border-bottom: 0;
	margin-bottom: 0;
}
span.hdevvn-show-cats li{
	display: block;
	width: auto;
	float: left;
	margin: 0 8px;
}
span.hdevvn-show-cats li a{
	font-size: 11px;
}
.slider-nav-outside .flickity-prev-next-button.next{left:97%} .slider-nav-outside .flickity-prev-next-button.previous{right:97%}
.slider-nav-push:not(.slider-nav-reveal) .flickity-prev-next-button{margin-top:0}.section-title-center span {
	color: black !important;
}
.section-title span {  padding: 5px 10px;
	border-radius: 5px;
	text-transform: none;
	color: white;
	background-repeat: no-repeat;
	background-size: 21px;
	background-position-y: center;
	padding-left: 29px;
}.section-title a {
	display: block;
	padding-left: 15px;
	margin-left: auto;
	padding-right: 10px;

	font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif", sans-serif;
	/*font-family: -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";*/
	font-weight: normal;
	font-size: 13px;
	color: white;
}
span.hdevvn-show-cats li a:hover{color:#dbbc63}
span.hdevvn-show-cats li a {
	font-size: 13px;
	font-family: "sans-serif", sans-serif;
	padding-left: 0px;
	color: #000
	font-weight: normal;
}
.list-sp.row-sp{padding-bottom:10px !important}
.hdevvn-show-cats{background:none !important}
.widget .is-divider{display:none}
span.widget-title{display: block;
	background-color: #004274;
	/*background-image: linear-gradient(#0219F7, white);*/
	padding: 14px 10px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	background-repeat: no-repeat;
	/*height: 61px;*/
	color: white;
	border-radius: 5px;
	margin-bottom: .5rem;
	text-transform: none;
	letter-spacing: 0;
	text-align: center;
	font-family: "Playfair Display", sans-serif;
	padding-top: 10px;
	font-size: 17px;
	font-weight: normal;}
.list-sp.box .box-text .product-title a{color:gray; font-size:16px; font-weight:bold}
.list-sp.box .box-text{padding:7px 0; padding-bottom:0}
.list-sp.box{border-radius:5px; background:white; padding: 6px;}
.list-sp.row .col:nth-child(3n+2){padding-left:6.9px; padding-right:6.9px}
.list-sp.row .col:nth-child(3n+3){padding-left:4.9px}
.list-sp.row .col:nth-child(3n+1){padding-right:4.9px}
/*.list-sp.row{ background:url(/wp-content/uploads/2019/06/bg_content.png); background-color: gray;
	padding: 20px 0; padding-bottom:0;
	margin: 0 !IMPORTANT;
}*/
.section-title-container {
	margin-bottom: 0;
}
.category-section .large-9{flex-basis:76%; max-width:76%}
.category-section .large-3{flex-basis:24%; max-width:24%; background: #fcfbfc;}
.widget .menu li a:hover{color:#a77c16}
.widget .menu li a{display:block; padding:10px 0; font-size: 15px;
	color: black;}
.widget .menu li.menu-cuoi{margin-bottom:10px}
.widget .menu li.menu-cha{padding-left:0 }
.widget .menu li{    background: url(/wp-content/uploads/2019/06/li-widget-dot.png) no-repeat top center;border-top:none;
	padding-left: 30px;}
.widget .menu .menu-cha a{text-align:center; display:block;
	font-size: 20px;
	padding-bottom: 0;
	padding-top: 5px;
	font-family: "Playfair Display", sans-serif;
	color: #e9d680;}
.tieu-de-header{    font-size: 30px;
	color: #0e324d;
	text-align: center;
	font-weight: bold;
	margin-bottom: 8px;}
.dia-chi{    color: #212529;
	font-size: 15px;}.header-bottom {box-shadow: 2px 2px 10px #00000063;
		background-color: #02b2f7;
} .header-main .nav > li > a {
	line-height: 15px;
	padding: 0;
	text-transform: none;
	font-size: 15px;
	font-weight: normal;
}
.nav-divided>li+li>a:after{border-left:none !important}
#header-contact {display:block}
#header-contact li{margin:0; border-left:none !important; display:block; float:none }
.header-bottom li{margin:0}
/*.header-bottom-nav{border-left: 1px solid #d7b45a;}*/
/*.header-bottom li:last-child a{border-right: 1px solid #fff}*/
.header-bottom li a{border-left: 1px solid #000;
	border-right: 1px solid #000;color:black; padding-left:20px; padding-right:20px}
.header-button a{border-radius: 99px;
	background: #004274 /*!important*/;
	color: #fff !important;
	text-transform: none;
	letter-spacing: 0;
	font-size: 14px;
	font-weight: bold;
	border-right: white;}
.header-bottom-nav<li<a{color:white;}
.header-bottom li a:hover{background-image: linear-gradient(#F7C202, white);}
.nav-dropdown>li:last-child>a{border-bottom:none !important}
.nav-dropdown.nav-dropdown-default>li>a{border-bottom:1px solid #fff  !important;}
.nav-dropdown.nav-dropdown-default>li>a:hover{color:black}
.nav-dropdown.nav-dropdown-default>li>a{margin:0; border-left:none; border-right:none; padding: 10px}.nav-dropdown>li.nav-dropdown-col{display:block}.nav-dropdown {	margin-left: 15px;}
.blog-archive .row-large .col{padding-right:15px; padding-left:15px}
.nav-dropdown{    min-width: 240px; border:1px solid #fff; padding:0}
.nav-dropdown .nav-dropdown-col>a, .nav-dropdown li a{font-weight:normal !important; text-transform:none !important;font-size:15px; font-weight:500}
.nav-dropdown .nav-dropdown-col>ul li a:hover{background:none !important}.nav-dropdown-default .nav-column li>a{margin:0}
.nav-dropdown .nav-dropdown-col>ul li:hover{background:#fff}
.nav-dropdown-default>li:hover>a, .nav-dropdown .nav-dropdown-col>ul li:hover>a{color:white}
.nav-dropdown-default>li:hover{background:#fff}
.nav-dropdown-default>li>a{border-bottom:0 !important}.nav-dropdown-has-arrow li.has-dropdown:before{border-width: 10px;
	margin-left: -10px;}
.nav-dropdown .nav-dropdown-col>ul{margin-top:-40px;display:none;position: absolute;
	left: 100%;z-index: 9;background: #fff;min-width: 240px;}.product-main {
		padding: 20px 0;
}
.single-product .content-row .col{padding: 0 16px 16px;}
#wrapper, .header,  .header-wrapper, .header-main, .header-inner, .header-bg-color{border-top-left-radius:12px; border-top-right-radius:12px}
.nav-dropdown .nav-dropdown-col>ul li:last-child a{border-right:none !important}
.nav-dropdown>li.nav-dropdown-col{width:100%;border-right:0}
.nav-dropdown .nav-dropdown-col>ul li a{padding:10px;  text-transform: none;color:black; border-bottom: 1px solid #dfc36b !important}
.header-nav li.nav-dropdown-col:hover >ul{display:block !important}
.nav-dropdown{border: none !important; padding:0
}

.slider .flickity-prev-next-button svg, .slider .flickity-prev-next-button:hover .arrow{background: #00000087;
	border-radius: 99%;}
.list-sp .col{padding-bottom:10.6px}
.section-title a:hover{color:#eedf8a}
.textwidget ul li.hotline{color:red; font-weight:bold}
.recent-blog-posts-li a{
	color: black;
	font-size: 15px;
}.mr-half {
	margin-right: 10px;
}
.recent-blog-posts-li a:hover{color:#ab872a}
.recent-blog-posts-li .post_comments{display:none}
.mr-half .badge .badge-inner{border-radius:99%}
.textwidget ul li{margin:0; font-size:15px}
.textwidget{border: 1px dashed #d7b359;
	padding: 10px;
	margin-top: -14px;
	background: whitesmoke;
	background-image: linear-gradient(#ffffff, #e0e0e0);}
.product-info .breadcrumbs {
	text-transform: none;
}.product_meta>span{font-size:15px}
.thong-bao-sp{background: #f1f1f1;
	padding: 10px;
	border: 1px dashed #d6b157;
	border-radius: 5px;
	font-size: 15px;}
.thong-bao-sp ul{margin-bottom:0}.thong-bao-sp ul li{margin-bottom:5px}
.related h3{    letter-spacing: 0;
	text-transform: none;}.product_meta{    margin-bottom: 0px;}
a.devvn_buy_now_style:hover, a.devvn_buy_now_style:focus{    background: #dbbb61;}
a.devvn_buy_now_style span{color:black !important}
a.devvn_buy_now_style{color: #000!important;    background: -webkit-linear-gradient(top,#f3e995,#d8b65c); max-width:100%; margin-top:10px;     margin-bottom: 0;}
.blog-archive, .blog-single {
	padding-top: 20px;
	padding-bottom: 20px;
}
.blog-single .blog-share{text-align:left}
footer.entry-meta{font-size:15px; border-bottom: 1px solid #ececec;}
.thong-tin-du-an{color:#cecece; background: #443f3f;
	padding: 10px;
	margin-bottom: 20px;
	border-radius: 5px;
}
.thong-tin-du-an .row-info .right.chi-phi{font-weight:bold; color:#f0e28d}
.thong-tin-du-an .row-info .right{width:80%; display:inline-block; float:right; text-align:left}
.thong-tin-du-an .row-info .left{font-weight:bold; width:20%; display:inline-block; float:left}

.thong-tin-du-an .row-info{  font-size:15px;  border-bottom: 1px solid #332f2f;
	padding-bottom: 7px;    display: inline-block;
	width: 100%;
	clear: both;}
.danh-muc{display:block; margin-bottom:7px}
.the-tim-kiem a{background: #f1f1f1; margin-bottom:7px;
	padding: 5px 10px;
	color: black;}
.the-tim-kiem a:hover{background:gray; color:white}
.blog-single .row-large .col{padding:0 15px 15px}
.blog-archive .large-12{padding-bottom: 0px;
}
.blog-archive .post-item .box-image .image-cover{border-radius:6px}.entry-content {
	padding-top: 0;
	padding-bottom: 0;
}.is-divider{display:none}
.blog-archive .post-item {padding-bottom:15px}.entry-header-text {
	padding: 0;
}
#breadcrumbs{margin-bottom: 10px;
	background-image: linear-gradient(to right, #e0e0e0, #ffffff);
	padding: 5px 10px;
	font-size: 14px;
	border-radius: 4px;}
.blog-archive .post-item .post-title:hover{color:#b58e2d}
.blog-archive .post-item .post-title{font-size:18px; margin-bottom:10px}
.single-product .product-small.col{padding: 0 10px 10px;}
.single-product .product-small.col .product-title a{color:gray; font-size:17px; font-weight:bold; }
.single-product .product-small.col .box-text{    padding: 0;
	padding-top: 5px;}
.single-product .product-small.col .box-image img{height:180px; border-radius:5px}
.blog-archive .large-9 .badge{display:none}

@media only screen and (max-width: 48em) {
	/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.off-canvas-left.mfp-ready .mfp-content{background-image: linear-gradient(black, #1f1f1f);}.off-canvas:not(.off-canvas-center) .nav-vertical li>a {
		padding-left: 20px;
		text-transform: none;
		font-weight: normal;
		font-size: 16px;
		color: #c7c7c7;
		padding-top: 12px;
		padding-bottom: 12px;
	}
	.nav-vertical li li.menu-item-has-children a{padding-top:6px !important; padding-bottom:6px !important; color:gray;}
	.nav-vertical li li.menu-item-has-children{margin:0 !important; padding-left:0}
	.nav-sidebar.nav-vertical li ul.children{background:#353333; padding-bottom:0}
	.nav-sidebar.nav-vertical>li+li {
		border-top: 1px solid #2b2b2b;
	}.icon-angle-down:before{color:gray}
	.category-section .large-3{display:none}.category-section .large-9{flex-basis:100%; max-width:100%}.slider-nav-outside .flickity-prev-next-button.next{left:93%}
	.single-product .product-small.col .box-image img{height:100px; border-radius:5px}
	.mfp-content #product-sidebar{padding:0 !important}
	.hdevvn-show-cats, .page-left-sidebar .large-3{display:none}
	.archive .large-columns-3{    margin-left: -15px !important;
		margin-right: -15px !important;}
	.blog-archive .post-item{flex-basis:50%; max-width:50%}
	.blog-archive .post-item:nth-child(2n+1){padding-right:7px;}
	.blog-archive .post-item .from_the_blog_excerpt {display:none}.blog-archive .post-item .post-title {
		font-size: 15px;
		font-family: "sans-serif", sans-serif;
	}
	.blog-archive .large-3, .blog-single .large-3{display:none}
	.blog-archive .post-item:nth-child(2n+2){padding-left:7px}
	.blog-archive .post-item .box-text{padding-bottom:0}

}

._bc_cbb._bc_cbb--font-opensans ._bc_cbb_btn._bc_cbb_btn--chat {
    display: none;
}

._bc_cbb._bc_cbb--font-opensans ._bc_cbb__inner {
    position: relative;
}

._bc_cbb._bc_cbb--font-opensans ._bc_cbb__inner ._bc_cbb_btn {
	margin-bottom: 1.5rem;
}
._bc_cbb._bc_cbb--font-opensans ._bc_cbb_btn--default ._bc_cbb_btn__title {
	color: #d3ab52;
}
a._bc_cbb_btn._bc_cbb_btn--default._bc_cbb_btn--link {
	/* 	background: #25d366; */
	/* 	color: white;
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 40px; */
	color: #d3ab52;
	display: flex;
	justify-content: center;
	align-items: center;
	/* 	width: 0;
	height: 0;
	padding: 35px;
	text-decoration: none; */
	border-radius: 50%;
	animation-name: pulse;
	animation-duration: 1.5s;
	animation-timing-function: ease-out;
	animation-iteration-count: infinite;
	}

@keyframes pulse {
	0% {
		box-shadow: 0 0 0 0 rgba(211, 171, 82, 0.5);
	}
	80% {
		box-shadow: 0 0 0 14px rgba(211, 171, 82, 0);
	}
}

a._bc_cbb_btn._bc_cbb_btn--default._bc_cbb_btn--link {
/* 	bottom: 120px; */
/* 	right: 20px; */
/* 	animation-play-state: paused; */
}

a._bc_cbb_btn._bc_cbb_btn--default._bc_cbb_btn--link::before {
	content: "";
	position: absolute;
	border-radius: 50%;
/* 	padding: 0; */
/* 	border: 5px solid #25d366; */
	opacity: 0.75;
	animation-name: pulse-border;
	animation-duration: 1.5s;
	animation-timing-function: ease-out;
	animation-iteration-count: infinite;
}

@keyframes pulse-border {
	0% {
		padding: 25px;
		opacity: 0.75;
	}
	75% {
		padding: 50px;
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}

.product-category.col .col-inner, .product-category.col .col-inner a, .product-category.col .col-inner .box.box-category, .product-category.col .col-inner .box-image {
    height: 100%;
    display: block;
}
