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

/*************** ADD CUSTOM CSS HERE.   ***************/
.dadth-tab .tab {
	background-color: #f4f6fe;
	border-radius: 15px;
}
.dadth-tab .tab:hover {
	background-color: #f59d2e;
}
.dadth-tab li
{
width: 16%;
}
.dadth-tab .tab a {
    padding: 1rem 2rem;
    font-size: 13px;
	font-weight: 100;
	color: #2f5254;
}
.dadth-tab .active.tab {
	background-color: #f59d2e;
}
.dadth-tab .active.tab a {
	color: #2f5254 !important;
	font-weight: 900;
}
.dadth-tab .tab a {
	color: #2f5254 !important;
}
.dadth-tab .tab-panels {
	background-color: #fff;
	padding: 10px;
	margin-top: 10px;
}
.dadth-bv .box-image:hover::before {
	-webkit-animation:shine .75s;
	animation: shine .75s;
}
@-webkit-keyframes shine {
	100%{left:125%}
}
@keyframes shine {
	100%{left:125%}
}
.dadth-bv .box-image img
{
	border-radius: 20px;
}
.dadth-bv .box-image:before {
	position:absolute;
	top:0;
	left:-75%;
	z-index:2;
	display:block;
	content:'';
	width:50%;
	height:100%;
	background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);
	background:linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);
	-webkit-transform:skewX(-25deg);transform:skewX(-25deg);
}
.dadth-bv .box-text {
	bottom: 0;
	padding: 5px;
}

.dadth-bv .box-text .is-divider, .post-l .box-text .is-divider, .post-n .is-divider {
	display: none;
}
/*lien he*/
.lhvct-1 {
	padding: 0 30px 10px !important;
}
.b-kc .f-hvt, .b-kc .f-sdt, .b-kc .f-email, .b-kc .f-diachi, .b-kc .f-noidung {
    padding: 6px 12px;
    font-size: 14px;
    color: #555;
	box-shadow: none !important;
	margin-bottom: 0;
}
.f-khung {
	padding: 5px 12px;
    font-size: 14px;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	display: table-cell
}
.hovaten-888, .sdt-888, .email-888, .diachi-888, .noidung-888 {
	display: table-cell !important;
	width: 100%;
}
.b-kc .f-guingay {
}
.lhvct-2 h4, .ctslng-2 h4 {
	text-transform: uppercase;
}
.kbt-fr {
	padding: 0 9.8px 5px !important;
}
/*end*/

/*blog*/
.blog-wrapper {
	padding: 0;
}
.blog-tt .col-inner {
	padding: 20px;
	box-shadow: 0px 0px 21px 0px rgba( 0, 0, 0, 0.1 );
}
.blog-tt .col:nth-child(1) .col-inner, .blog-tt .col:nth-child(4) .col-inner, .blog-tt .col:nth-child(7) .col-inner, .blog-tt .col:nth-child(10) .col-inner {
	border-bottom: 2px solid #000000;
}
.blog-tt .col:nth-child(2) .col-inner, .blog-tt .col:nth-child(5) .col-inner, .blog-tt .col:nth-child(8) .col-inner, .blog-tt .col:nth-child(11) .col-inner {
	border-bottom: 2px solid #ff3b00;
}
.blog-tt .col:nth-child(3) .col-inner, .blog-tt .col:nth-child(6) .col-inner, .blog-tt .col:nth-child(9) .col-inner, .blog-tt .col:nth-child(12) .col-inner {
	border-bottom: 2px solid #002bff;
}
.blog-tt .box-text {
	padding-bottom: 0;
}
.blog-tt .box-text .cat-label {
	text-align: center;
	font-size: 10px;
	color: #ca9868;
}
.blog-tt .box-text .post-title {
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 600;
	margin: 10px 0;
	max-height: 37px;
	text-overflow: ellipsis;
    -webkit-line-clamp: 2;
	overflow: hidden;
	display: -webkit-box;
    -webkit-box-orient: vertical;
}
.blog-tt .box-text .is-divider {
	display: none;
}
.blog-tt .box-text .post-meta {
	padding-bottom: 10px;
}
.blog-tt .box-text .post-meta:before {
	font-family: "Font Awesome 5 Pro";
    content: "\f017";
	margin-right: 5px;
}
.blog-tt .box-text .from_the_blog_excerpt {
	font-size: 14px;
	color: #333;
	max-height: 110px;
	text-overflow: ellipsis;
	-webkit-line-clamp: 5;
	overflow: hidden;
	display: -webkit-box;
    -webkit-box-orient: vertical;
}
.blog-ct {
	margin-top: 20px;
}
.blog-ct .entry-content {
	padding: 0;
}
.blog-ct .post {
	margin: 0;
}
.box-blct {
	border-radius: 10px;
	border-bottom: 3px solid #000;
}
.box-blct .entry-content p {
	margin-bottom: 10px;
}
/*end*/
.post-l>.row, .blog-p>.post-l>.post, #tag_cloud-2 .tagcloud {
    background: #fff;
    border-width: 0;
    border-style: solid;
    border-top-color: #d3e1f6;
    border-right-color: #d3e1f6;
    border-bottom-color: #d3e1f6;
    border-left-color: #d3e1f6;
    border-radius: 2px;
    box-shadow: 0 4px 15px 0 rgba(88,106,153,.2);
	margin-bottom: 0;
}
.post-l>.row>.col {
	padding: 10px !important;
}
.post-l .box-text .post-meta {
    text-transform: capitalize;
    font-size: 11px;
    color: #a0afce;
    font-weight: 100;
}
.post-l .box-text .post-meta:before {
    font-family: "Font Awesome 5 Free";
    content: "\f017";
    margin-right: 5px;
}
.post-n .widget-title {
    font-size: 14px;
    color: #000;
    text-transform: uppercase;
    font-weight: 700;
    margin-left: 10px;
}
#tag_cloud-2 .widget-title span:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f02c";
    padding: 10px;
}
.blog-p>.post-l h1 {
    font-size: 130%;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 0;
    padding: 15px;
}
.hdt-tgt {
	font-size: 12px;
	float: left;
	width: max-content;
	padding-bottom: 10px;
	padding-left: 15px;
}
.hdt-tgt .byline, .hdt-tgt .posted-on {
	margin-right: 7px;
}
.hdt-tgt .byline:before {
	font-family: "Font Awesome 5 Pro";
	font-weight: 100;
	color: #ccc;
	content: "\f007";
	margin-right: 2px;
}
.hdt-tgt .posted-on:before {
	font-family: "Font Awesome 5 Pro";
	font-weight: 100;
	color: #bbb;
	content: "\f017";
	margin-right: 2px;
}
.blog-p .hdt-brcc {
	border-top: 1px solid #f4f4f4;
    border-bottom: 1px solid #f4f4f4;
    margin-bottom: 0;
    margin-top: 15px;
    position: relative;
    line-height: 40px;
    height: 40px;
    /*overflow: hidden;*/
	clear: both;
}
.hdt-brcc h4 {
    font-size: 13px;
    font-weight: 100;
    position: relative;
    width: max-content;
	padding-left: 20px;
	padding-right: 10px;
    margin-right: 30px;
    background: #000;
    color: #efe18c;
    float: left;
	margin-left: -9px;
}
.hdt-brcc h4:before {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0px 10px 10px;
    border-color: transparent transparent #000;
    content: '';
    display: block;
    position: absolute;
    left: 0px;
    top: -20px;
}
.hdt-brcc h4:after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 40px 25px 0 0;
    border-color: #000 transparent transparent;
    content: '';
    position: absolute;
    margin-top: 0;
    margin-left: 20px;
    right: -25px;
}
.chia-se {
	font-size: 14px;
	float: right;
	width: max-content;
	padding-bottom: 10px;
	padding-right: 15px;
}
.chia-se span:before {
	font-family: "Font Awesome 5 Pro";
	font-weight: 600;
	color: #bbb;
	content: "\f14d";
	margin-right: 2px;
}
.svl_post_view_count:before {
	font-family: "Font Awesome 5 Pro";
	font-weight: 600;
	color: #bbb;
	content: "\f06e";
	margin-right: 2px;
}
.hdt-tgt .byline, .hdt-tgt .posted-on, .svl_post_view_count, .chia-se span {
	color: #a0afce;
	font-weight: 100;
}
.blog-p .entry-header-text, .tvtt-menu {
	padding: 0px !important;
}
.blog-p .entry-content {
	padding: 15px;
}
.blog-p .entry-content p {
	margin-bottom: 1rem;
}

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,.form-flat input:not([type="submit"]), .form-flat textarea, .form-flat select,.form-flat button, .form-flat input,a.button,button,.button.is-outline,input[type="submit"],a.quick-view,.wishlist_table .add_to_cart,.yith-wcwl-add-button > a,table.compare-list .add-to-cart td a:not(.unstyled_button){}
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, .chosen-container-multi .chosen-choices{font-size:1em;border-radius:99px;}
textarea{border-radius:15px;}
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,.chosen-container-multi .chosen-choices{}
textarea{padding:10px 13px;box-shadow:none;}
input[type=email]:focus, input[type=date]:focus, input[type=search]:focus, input[type=number]:focus, input[type=text]:focus, input[type=tel]:focus, input[type=url]:focus, input[type=password]:focus, textarea:focus, select:focus, .select-resize-ghost:focus, .select2-container .select2-choice:focus, .select2-container .select2-selection:focus{}
textarea{min-height:115px;}
input[type="submit"],button,a.button{padding-left:15px;padding-right:15px;}
.button, button, input[type=submit], input[type=reset], input[type=button]{}
select[multiple="multiple"]{height:auto;overflow-y:auto;}
th, td{font-size:1em;}
html,body{font-size:15px;}


#content.page-wrapper,.page-wrapper,.portfolio-page-wrapper .portfolio-top,#main .shop-container > div.product{padding-top:30px;padding-bottom:10px;}
#main .shop-container > div.product{padding-bottom:50px;}
#main .shop-container > div.product .product-main{padding-top:0px;}
.portfolio-page-wrapper .portfolio-top{padding-bottom:10px;}
.category-page-row,.page-title:not(.featured-title)+main .product-main{padding-top:50px;}
.category-page-row{padding-bottom:0px !important;}
.message-wrapper{margin:0px 0px 30px;font-size:1em;border-bottom:1px solid #dddddd;}
.message-wrapper li:last-child{margin-bottom:0px;}
.entry-header-text{padding-bottom:1em;}
.breadcrumbs{font-size:0.9em;}
.breadcrumbs > span:last-child{display:none;}


.normal-title .page-title-inner{padding-bottom:0px;}
.normal-title .page-title-inner h1{margin:0px;font-size:1.3em;line-height:1.2em;}

.shop_table td .button, .shop_table th .button{margin:0px;}

ul.product_list_widget li .quantity{opacity:1;}

.row .gallery{margin-left:-5px;margin-right:-5px;}
.row .gallery .gallery-item{padding:0px 5px 10px;}
.row .gallery .gallery-item a{display:block;background-position: 50% 50%; background-size: cover; height: auto; overflow: hidden; padding-top: 100%; position: relative;padding-top:75%;border:1px solid #dddddd;border-radius:3px;background-color:white;}
.row .gallery .gallery-item a img{bottom: 0; font-family: "object-fit: cover;"; height: 100%; left: 0; -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 50%; object-position: 50% 50%; position: absolute; right: 0; top: 0; width: 100%;}

.wpcf7-form{margin-bottom:0px;}
.wpcf7-form .row > div{padding-bottom:15px;}
.wpcf7-form .row > div:last-child{padding-bottom:0px;margin-top:7px;}
.wpcf7 .wpcf7-not-valid-tip{margin-top:0px;}
.wpcf7-form label{margin-bottom:0px;}
.wpcf7-form label input, .wpcf7-form label select, .wpcf7-form label textarea{font-weight:normal;}
.wpcf7-form input[type="submit"]{margin-right:0px;margin:0px;}
.wpcf7 .wpcf7-not-valid-tip{font-size:0.9em;}
.wpcf7-spinner{display:none!important;}
.wpcf7-form textarea{height:80px;min-height:auto;}
.wpcf7 form .wpcf7-response-output{background-color:white;margin-top:15px!important;margin-bottom:0px!important;line-height:1.2em;padding:5px 7px;color:black;}
.wpcf7 form .button, .wpcf7 form button, .wpcf7 form fieldset, .wpcf7 form input, .wpcf7 form select, .wpcf7 form textarea{margin-bottom:0px;}

.nav-dropdown-default{padding:6px 10px;}

.dark table, .dark th, .dark td{border-color:white;}
.absolute-footer.dark{color:white;}
.absolute-footer{border-width:0px;color:#00298e;}
.footer-wrapper{font-size:0.9em;}


.lightbox-content{border-radius:20px;}

.back-to-top.button.icon.circle{display: flex ; flex-direction: column; align-items: center; justify-content: center;}
.back-to-top.button.icon.circle svg{fill:white;}
.flickity-slider > div{top:0px;}

body.page-template-page-transparent-header-light .normal-title{display:none;}
/*end*/
@media only screen and (max-width: 1024px) {

}
@media only screen and (max-width: 849px) {
	.row .gallery .gallery-item{flex-basis: 33.3333%; max-width: 33.3333%;}
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 550px) {
	.row .gallery .gallery-item{flex-basis: 50%; max-width: 50%;}
.normal-title .page-title-inner .row > .col:first-child{padding-bottom:5px;}
	.normal-title .page-title-inner .row > .col:last-child{}
.normal-title h1,.normal-title .breadcrumbs.text-left{text-align:center!important;}
}
@media only screen and (max-width: 480px) {
.why-us-icon-box .title{min-height:auto;}
}