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



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


.nav-line-bottom>li>a:before, .nav-line-grow>li>a:before, .nav-line>li>a:before{height:1px}
b,strong{font-weight:500}
.gioi-thieu .col{padding-bottom:0}.section-title-container{margin-bottom:0px}
.nav-dark .nav>li.html{    color: #eac7c7;}
.slider-nav-light .flickity-prev-next-button{ border-radius: 3px;   background: black;}.slider-nav-circle .flickity-prev-next-button svg, .slider-nav-circle .flickity-prev-next-button .arrow{    border: 0;}
.slider .flickity-prev-next-button:hover svg, .slider .flickity-prev-next-button:hover .arrow{background: black}.tieu-de {
	background: url(/wp-content/uploads/2018/06/line-gray-1.png) no-repeat bottom center;
	padding-bottom: 5px;
}
.li-do .col{padding-bottom:0}
.tieu-de span{font-size:120% !important; line-height:35px}
.hieu-qua .col{padding-bottom:0}
.thiet-ke table{padding-left:10px; font-weight:norrmal}
.thiet-ke table tr td h4{margin-bottom:0; font-weight:normal; font-size:15px; color: #505050}
.thiet-ke table tr td {padding:8px}
.thiet-ke .thong-so{height: 343px;
	overflow-y: auto;
}
.khach-hang .col, .doi-tac .col, .lien-he .col{padding-bottom:0}
form input[type='text'], form input[type='tel']{font-size:14px}
.icon-contactform .col-inner {
	border: 1px solid #f1f1f1;
	border-radius: 16px;
	background: #fdfdfd;
	padding: 35px 15px;
	text-align: center;
	height: 100%;
}
.icon-contactform .box-image img {
	filter: brightness(0) saturate(100%) invert(26%) sepia(23%) saturate(2004%) hue-rotate(106deg) brightness(92%) contrast(101%) !important;
}
.icon-contactform .box-text {
	padding-bottom: 0;
	margin-bottom: 0;
}
.entry-author .flex-row {
	align-items: center !important;
}
.entry-author .flex-row p{
	margin-bottom: 10px;
}
.frame-social a {
	margin-right: 8px;
}
.frame-social a img{
	border-radius: 50px;
}
.ss-contribute form {
	margin-bottom: 0;
}
.ss-contribute .frame-two-col {
	display: flex;
	gap: 15px;
}
.ss-contribute .frame-two-col p {
	width: 100%;
}
.ss-contribute input, .ss-contribute textarea {
	box-shadow: none !important;
	border-radius: 6px;
	width: 100%;
}
.ss-contribute input:not(.wpcf7-submit):hover, .ss-contribute textarea:hover {
	border-color: #000;
}
.ss-contribute .wpcf7-submit {
	margin: 0;
	text-transform: math-auto;
	background-color: rgba(0, 88, 46, 0.56) !important;
	color: #fff;
}
.ss-contribute .wpcf7-submit:hover {
	background-color: var(--primary-color) !important;
	color: #fff;
}
.ss-contribute .wpcf7-spinner {
	display: none;
}
.ss-contribute .field-rating {
	display: flex;
	gap: 15px;
	margin-bottom: 15px;
}
.ss-contribute .field-rating .raty-cancel{
	display: none;
}
.frame-star{
	margin-top: -15px;
}
.frame-star i{
	color: #ffd400;
}
.frame-social a img{
	background-color: #fff;
}
.social-header-top a {
    color: #fff;
    font-size: 14px;
    margin: 0px 4px;
}
.entry-content iframe{
	display: block;
	margin: auto;
}
.gtranslate_wrapper {
    display: flex;
    gap: 10px;
}
.nav-dark .cart-icon strong {
    border-color: var(--primary-color);
    color: var(--primary-color);
}
.nav-dark .cart-icon strong:after{
	border-color: var(--primary-color);
}
.header-main li.html.custom{
	display: block;
}


@media(max-width: 580px){
	.ss-contribute .frame-two-col {
		flex-direction: column;
		gap: 0;
	}
}
@media (max-width: 400px) {
    #logo img {
        max-height: 40px !important;
    }
}

@media only screen and (max-width: 48em) {
	/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.san-pham .medium-3 {flex-basis:50%; max-width:50%}
}