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

/*************** ADD CUSTOM CSS HERE.   ***************/
.slicopy{
	padding-left:90px !important;
	padding-right:90px !important;
}
.slicopy .banner-bg.fill{
	border-radius:20px !important
}
.slicopy .flickity-page-dots{
	bottom:-20px !important
}
.slihome .flickity-viewport{
	visibility:visible !important
	}
#shop-sidebar .widget_product_categories .is-divider{
	display:none !important
}
#shop-sidebar .widget_product_categories .widget-title {
	display:block !important;
	width:100%;
	padding:15px 15px;
	background:#dd3333 !important;
	color:#fff !important;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	
}
#shop-sidebar .widget_product_categories .product-categories{
	padding:15px;
	background:#fff !important
}
#shop-sidebar .widget_product_categories .product-categories a{
	color:#333
}
body.single.single-post aside.flatsome_recent_posts{
	display:none !important
}
body.single.single-post aside h2, body.archive aside h2{
	font-size:18px;
}
body.single.single-post aside p.lead,  body.archive aside p.lead{
	font-size:15px !important
}
body.single.single-post aside section .col.large-3, body.archive aside section .col.large-3{
    flex-basis: 100%;
    max-width: 100%;
}
body.single.single-post aside section .col.large-3  .icon-box-img, body.archive aside section .col.large-3  .icon-box-img {
	width:30px !important
}
body.single.single-post aside section .col.large-3  .col-inner, body.archive aside section .col.large-3  .col-inner{
	padding-left:15px !important;
	padding-right:15px !important
}
body.single.single-post aside section .col.large-3  .col-inner .icon-box, body.archive aside section .col.large-3  .col-inner .icon-box{
	display:flex !important;
	text-align:left;
	padding-bottom:10px;
	padding-top:10px;
}
body.single.single-post aside section .col.large-3  .col-inner .icon-box h3, body.archive aside section .col.large-3  .col-inner .icon-box h3{
	margin-bottom:0px !important;
	font-size:16px;
	color:#f00 !important
}
body.single.single-post aside section.tuvan, body.archive aside section.tuvan{
	padding-top:15px !important;
	padding-bottom:15px !important
}
body.single.single-post aside section.tuvan .large-9, body.archive aside section.tuvan .large-9 {
    flex-basis: 100%;
    max-width: 100%;
}
body.single.single-post aside section .col.large-3  .col-inner .icon-box  p, body.archive aside section .col.large-3  .col-inner .icon-box  p{
	color:15px;
}
body.single.single-post aside section.section, body.archive aside section.section{
	padding:15px !important;
}
.header-wrapper.stuck .header-main .nav > li > a {
    line-height: 50px !important;
}
/*
body.home .slihome .text-box.banner-layer{
	background:rgb(221 51 51 / 90%);
	border-bottom-right-radius:15px;
	border-bottom-left-radius:15px;
	min-height:132px;
	
}*/
ul.sub-menu.nav-dropdown{
	padding-top:0px !important;
	padding-bottom:0px !important;
	border:1px solid #f3f3f3;
}
ul.sub-menu.nav-dropdown a{
	color:#989797;
	font-size:16px;
	padding-top:12px;
	padding-bottom:12px;
	padding-left:0px !important;
	padding-right:0px !important;
	border-bottom:1px solid  #ebebeb;
	background:none !important;
	font-weight:500;
}
ul.sub-menu.nav-dropdown  li.menu-item{
	padding-left:15px;
	padding-right:15px;
	
}
ul.sub-menu.nav-dropdown  li.menu-item:hover{
	background:#dd33331c !important
}
ul.sub-menu.nav-dropdown  li.menu-item:hover a{
	color:#dd3333 !important
}
.chungtoi button.toggle i{
	font-size:0px !important
}
.tabgg ul.nav.nav-pills{
	border:0px !important
}
.tabgg ul.nav.nav-pills li{
	margin-bottom:10px;
	border:0px !important
}
.tabgg .tab-panels{
	border:0px !important
}
.tabgg ul.nav.nav-pills li a{
	padding-top:8px;
	padding-left:30px;
	padding-right:30px;
	padding-bottom:8px;
	font-size:16px;
	border:1px solid #dedede;
	color:#222;
}
.tabgg ul.nav.nav-pills li.active a{
	color:#fff !important
}
.pum-content .wpcf7-form-control{
	height:40px;
	border-radius:4px;
	font-size:14px !important
}
.chungtoi button.toggle {
	background:url(/wp-content/uploads/2023/12/check-4.png) no-repeat center center;
	    transform: rotate(0deg) !important;
}
.pum-content  .wpcf7-form-control.wpcf7-submit.has-spinner{
	margin:0 auto !important;
	display:block;
}
.pum-content  .wpcf7-spinner{
	display:none !important
}
.pum-content .wpcf7-form{
	padding-left:20px !important;
	padding-right:20px !important;
	margin-top:15px;
}
.chungtoi {
	margin-left:-6px !important
}
.chungtoi .accordion-inner{
	padding-right:0px !important;
	padding-top:10px !important;
	padding-bottom:0px !important
}
.chungtoi .accordion-title{
	padding-right:0px !important;
	background:none !important;
	border:0px !important
}
.zoom_loop {
    animation: zoom_loop 2s ease-out infinite;
}
.stsocial a.plain{
	margin-left:5px !important;
	margin-right:5px !important
}
@keyframes zoom_loop {
    0% {
        transform: scale(1,1)
    }

    50% {
        transform: scale(1.1,1.1)
    }

    100% {
        transform: scale(1,1)
    }
}
#header .container{
	max-width:1500px;
}
.gt_switcher{
	margin-top:8px !important
}
#top-bar{
	display:none;
}
#header .gt_switcher .gt_selected a{
	border:0px !important;
	outline:none !important;
	background:none !important
}
#header .gt_switcher  .gt_selected{
	background:none !important
}
#header .gt_switcher:hover .gt_option{
	display:block !important;
	overflow-y: auto !important;
	height:125px !important;
	
}
#header .gt_switcher .gt_option a{
	font-size:12px !important;
	white-space:nowrap !important
}
#header .gt_switcher:hover .gt_selected a{
	font-size:12px !important;
	white-space:nowrap !important
}
.account-container.lightbox-inner,#login-form-popup{
	border-radius:20px;
}
#login-form-popup .col-1.large-6, #login-form-popup .col-2.large-6{
	padding:40px !important;
}
.woocommerce-Button, .woocommerce-button{
	padding-left:35px;
	padding-right:35px;
	border-radius:30px;
	text-transform:none !important
}
body.single.single-product .woocommerce-breadcrumb{
	display:none !important
}
h1.product-title{
	    color: #dd3333 !important;
	font-size:1.7em
}
.woocommerce-result-count, form.woocommerce-ordering{
	display:none !important
}
.entry-meta.uppercase {
	text-transform:none !important
}
.category.product-cat{
	display:none !important
}
.kk-star-ratings.kksr-align-left {
   
    justify-content: center !important;
}
.feature {
    position: relative;
    overflow: hidden;
}
.feature::before {
	content: "";
	display: block;
	padding-top: 56.25%;
}
.feature .image{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    background-size: cover;
    background-position: center;
}
ul.row.related-post li {
    list-style: none;
}
.related-title {
    line-height: 1.3 !important;
    margin-top: 10px !important;
}
.blog-wrapper.blog-single.page-wrapper>.row>.large-10.col{
	    flex-basis: 60%;
    max-width: 60%;
}
.page-title.blog-featured-title{
	background:#f3f3f3 !important;
	    text-shadow: 0px 0px 0px rgba(0,0,0,.2);
}
.page-title.blog-featured-title .page-title-bg.fill{
	text-shadow: 0px 0px 0px rgba(0,0,0,.2) !important;
	box-shadow:0px 0px #fff !important
}
.page-title.blog-featured-title  .dark{
	color:#0d0c22 !important;
}
.page-title.blog-featured-title h1{
	color:#dd3333 !important
}
.page-title.blog-featured-title .entry-divider{
	background-color:#dedede;
}
.page-title.blog-featured-title span{
	color:#0d0c22 !important;
}
.blog-wrapper .col.post-item .post-title{
	font-size:24px;
}
.blog-wrapper .col.post-item .box-image{
	background:#fff !important;
	border-radius:20px;
}
.post_comments{
	display:none !important
}
.widget.flatsome_recent_posts .widget-title {
	text-transform:none !important;
	font-size:24px;
}
header.archive-page-header{
	padding-top:100px;
	padding-bottom:20px;
}
.shop-page-title{
	padding-top:100px;
	padding-bottom:20px;
}
header.archive-page-header h1.page-title{
	font-size:32px;
	text-transform:none !important
}
.shop-page-title h1,.shop-page-title .woocommerce-breadcrumb{
	font-size:32px;
	text-transform:none !important
}
header.archive-page-header .large-12.col{
	text-align:left
}
.noigi .fill, .noigi .banner{
	border-radius:25px;
}
.absolute-footer{
	border-top:1px dashed #dedede2e;
}
.section.bfooter li{
	margin-left:0px !important;
	list-style:none !important
}
.section.bfooter span, .section.bfooter p, .section.bfooter li{
	font-size:15px;
}
.company h3{
	font-size:19px;
	color:#dd3333;
	margin-bottom:20px;
}
.imglogo img{
	width:auto !important;
	max-height:90px;
}
.hoptac{
	position:relative
}
.absolute-footer{
	padding-top:20px;
	padding-bottom:20px;
}
.hoptac:after{
	width:50%;
	right:0px;
	height:100%;
	background:#dd3333;
	position:absolute;
	z-index:0;
	display:block;
	top:0px;
	content:"";
	
}
.colwhite h3, .colwhite span , .colwhite p{
	color:#fff;
}
.formtuvan .wpcf7-form-control.wpcf7-text{
	height:45px;
	border:0px;
	border-bottom:1px dashed #dedede;
	font-size:15px;
	color:#fff;
	margin-bottom:25px;
	background:none !important;
	outline:none !important;
	box-shadow:0px 0px #fff !important;
	padding-left:0px;
}
.ykien .testimonial-text{
	font-style:normal !important
}
.formtuvan .wpcf7-form-control.wpcf7-textarea{
	height:70px;
	min-height:70px;
	border:0px;
	border-bottom:1px dashed #dedede;
	font-size:15px;
	color:#fff;
	margin-bottom:25px;
	background:none !important;
	outline:none !important;
	box-shadow:0px 0px #fff !important;
	padding-left:0px;
}
.formtuvan .wpcf7-form-control::placeholder {
  color: #fff;
  opacity: 1; /* Firefox */
}
.formtuvan .wpcf7-form-control.wpcf7-submit{
	display:block;
	margin:0 auto !important;
	padding:8px 60px;
	background:#fff;
	height:48px;
	line-height:32px;
	border-radius:30px;
	color:#0d0c22 !important;
	text-transform:none !important
}
.formtuvan .wpcf7-spinner{
	display:none !important
}
.wpcf7-form.init{
	margin-bottom:0px !important
}
.formtuvan .wpcf7-form-control::-ms-input-placeholder { /* Edge 12 -18 */
  color: #fff;
}
.listicon .icon-box.featured-box{
	padding-bottom:15px;
	margin-bottom:15px;
	border-bottom:1px solid #dedede;
}
.product-small.col{
	border-radius:8px;
	    background: none !important;
}
.product-small .box-text.text-left{
	padding-bottom:0px !important
}
.product-small .box-text .name.product-title{
	margin-bottom:0px;
}
.product-small .box-text .name.product-title a{
	color:#0d0c22 !important;
}
.thuchien .col-inner{
	background: none !important;
}
.product-small.box, .product-small.box .box-image{
	border-radius:8px;
	    background: none !important;
}
#logo{
	margin-right:50px;
}
.mxh .button.icon{
	min-width:40px;
	line-height:40px;
	height:40px;
	background:#fff !important
}
.mxh .button.icon i{
	margin-top:-3px !important;
	color:#0d0c22 !important;
}
.slihome .flickity-page-dots{
	bottom:-60px !important;
}
.banner.col4b{
	max-width:23.5%;
	margin-left:0.8% !important;
	margin-right:0.8% !important;
	border-radius: 20px;
}
.banner.col4bfix{

	border-radius: 20px;
}
.section.col4b{
	max-width:23.5%;
	margin-left:0.8% !important;
	margin-right:0.8% !important;
	border-radius: 20px;
}
.section.col4b .banner-inner, .section.col4b .banner-bg{
	border-radius: 20px;
}
.banner.col4b .banner-inner, .banner.col4b .banner-bg{
	border-radius: 20px;
}
.banner.col4bfix .banner-inner, .banner.col4b .banner-bg{
	border-radius: 20px;
}
.banner.col4b .text-box.banner-layer{
	padding:5px;
}
.banner.col4bfix .text-box.banner-layer{
	padding:5px;
}
.banner.col4b .text-box.banner-layer h3{
	font-size:18px;
}
.banner.col4bfix .text-box.banner-layer h3{
	font-size:18px;
}
.banner.col4b .text-box.banner-layer p{
	font-size:14px;
	line-height:18px;
}
.banner.col4bfix .text-box.banner-layer p{
	font-size:14px;
	line-height:18px;
}
.header-main  li a{
	color:#0d0c22;
	font-size:16px;
}
.header-main .header-button-1 .button.primary{
	font-size:15px;
	text-transform:none !important;
	color:#fff;
	padding-left:32px;
	padding-right:32px;
	height:48px;
	line-height:46px;
}
.header-main .html.custom.html_topbar_right {
	margin-left:0px !important
}
.header-main .html.custom.html_topbar_right .gtranslate_wrapper {
	font-size:15px;
	text-transform:none !important;
	padding-left:20px;
	border-radius:30px;
	padding-right:20px;
	height:48px;
	line-height:42px;
	color:#0d0c22;
	background:#f4f4f4 !important;
	border:1px solid #dedede;
}
a.giatang{
	background:#dd333340 !important;
	color:#0d0c22 !important;
	font-size:16px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:32px !important;
	padding-right:32px !important;
}
a.batdau{
	background:#dd3333 !important;
	color:#fff !important;
	font-size:15px;
	padding-top:7px;
	padding-bottom:7px;
	padding-left:32px !important;
	padding-right:32px !important;
}
.thuchien a.batdau{
		padding-left:62px !important;
	padding-right:62px !important;
}
a.batdau-white{
	background:#fff !important;
	color:#0d0c22 !important;
	font-size:15px;
	padding-top:7px;
	padding-bottom:7px;
	padding-left:32px !important;
	padding-right:32px !important;
}
a.batdau-white span{
	color:#0d0c22 !important;
}
a.batdau-white.is-outline span{
	color:#fff !important;
}
a.batdau-white.is-outline{
	border:2px solid #fff !important
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.slicopy{
	padding-left:15px !important;
	padding-right:15px !important;
}
#top-bar{
	display:block !important;
}
#logo {
    width: 130px !important;
}
#logo {
    margin-right: 10px !important;
}
	#logo img {
    padding: 15px 0;
}
	.header-main .header-button-1 .button.primary {
    font-size: 14px;
    text-transform: none !important;
    color: #fff;
    padding-left: 12px;
    padding-right: 12px;
    height: 38px;
    line-height: 36px;
	white-space:nowrap !important
}
.banner.col4b {
    max-width: 48%;
    margin-left: 1% !important;
    margin-right: 1% !important;
    border-radius: 20px;
}
	.gap100{
		padding-top:50px !important
	}
	.tuhao .text{
		text-align:center !important
	}
	.tuhao .col.mxh{
		text-align:center !important
	}
	.tabgg ul.nav.nav-pills li{
		width:50% !important
	}
		.hoptac:after{
		width:50% !important
	}
	a.batdau {

    padding-left: 15px !important;
    padding-right: 15px !important;
}
	.qcads h2{
		font-size:16px;
	}
	.tabgg ul.nav.nav-pills {
    border: 0px !important;
		 flex-flow: wrap !important;
}
	.bthongtin .box-vertical .box-image{
		width:20% !important
	}
	.bthongtin .box-vertical .box-text{
		text-align:center !important
	}
	.header-main li.html.custom {
		display:block !important
	}
	.header-main .html.custom.html_topbar_right .gtranslate_wrapper {

    padding-left: 5px !important;
		padding-right: 5px !important;
	}

}
.blog-featured-title .title-overlay{
	display:none !important
}
body.single-post .blog-featured-title{
	display:none !important
}