/*
Theme Name:        Flatsome
Theme URI:         http://flatsome.uxthemes.com/
Author:            UX-Themes
Author URI:        http://www.uxthemes.com/
Description:       Multi-Purpose Responsive WooCommerce Theme
Version:           3.12.2
Requires at least: 4.7.0
Requires PHP:      5.6.20
Text Domain:       flatsome
License:           http://themeforest.net/licenses
License URI:       http://themeforest.net/licenses
*/


/***************
All custom CSS should be added to Flatsome > Advanced > Custom CSS,
or in the style.css of a Child Theme.
***************/
.home-kt .box-text{
	    background: #f7f7f7;
    padding: 10px;
}
.de-row{
	border:1px solid #ddd;
}
.de-row p{
	margin-bottom:0 !important;
	margin-top: 10px;
}
.vii-call-cta {
                 position: fixed;
                right: 5px;
                bottom: 20%;
                z-index: 99999;
				 
 }
.vii-call-cta img{
				  width: 50px;
                border-radius: 100%;
				transition:0.5s;
 }
			.vii-call-cta:hover img{
				transform: scale(1.1);
}
           

.fb_page_btn {
                position: fixed;
                z-index: 9999;
                right: 5px;
                bottom: 32%;
 	}
 .fb_page_btn img {
                width: 50px;
                border-radius: 100%;
				 transition:0.5s;

	}
.fb_page_btn:hover img{
				transform: scale(1.1);
	}
.zalo_btn {
                position: fixed;
                z-index: 9999;
                right: 5px;
                bottom: 26%;
                box-shadow: 0 0 15px -10px #000;
                border-radius: 100%;
            }
.zalo_btn img {
                width: 50px;
                border-radius: 100%;
				 transition:0.5s ; 
	}
.zalo_btn :hover img{
	transform: scale(1.1);
}
.post-sidebar .widget-title {
    background-color: #63bd40 !important;
    text-align: left !important;
   
}
.post-sidebar{
	    background: #e9ffde;
}
.post-sidebar .widget-title:before {
    content:"\f105" !important;
    font-family: 'fl-icons';
	font-weight:bold;
}
.widget_categories li:first-child{
	display:none;
}
.post-type-archive-product .view-button{
	text-align:center;
}
.post-type-archive-product .view-button a{
	border-width: 1px;
    border-radius: 30px;
    border-style: solid;
    border-color: #63bd40;
    background: #fff!important;
    font-weight: bold;
    padding: 3px 30px;
    font-size: 14px;
    color: #000;
    transition: 0.3s;
    text-transform: capitalize;
	    margin: 15px 0 10px 0;
}
.post-type-archive-product .view-button:hover a{
	background:#63bd40 !important;
	color:#fff;
}
.post-type-archive-product .price ins bdi{
	color:#fa453c;
}
.tab-banggia h2{
	text-align:center;
}
.tab-banggia .img_title{
	    text-align: center;
    width: 100%;
    display: block;
}
.tab-banggia table{
	margin-top:30px;
}
.nav-vertical+.tab-panels{
	border-left:none;
}
.tabbed-content a{
	border:none !important;
}
.tabbed-content .active a{
	background: #63bd40;
    color: #fff !important;
   ;
}
.tabbed-content ul li{
	    border: 2px solid;
    border-radius: 20px;
    color: #63bd40;
    width: 16%;
    text-align: center;
	margin:5px;
}
.tabbed-content ul .active a{
	    width: 100%;
    text-align: center;
    display: block;
}

.swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
      background-size: cover;
      background-position: center;
    }

    .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    .mySwiper2 {
      height: 80%;
    }

    .mySwiper {
      height: 20%;
      box-sizing: border-box;
      padding: 10px 0;
    }

    .mySwiper .swiper-slide {
      width: 25%;
      height: 100%;
    }

    .mySwiper .swiper-slide-thumb-active {
      opacity: 1;
    }
.decor{
	width:220px !important;
}
.sp-bangia-item h3{
	    font-size: 25px;
    color: #000 !important;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 20px;
}

.sp-title-item h3{
	font-size: 16px !important;
    font-weight: bold;
    line-height: 2;
    color: #000 !important;
    text-transform: uppercase;
    text-align: center;
    background: #ccc;
    padding: 5px;
	cursor:pointer;
}
.swiper-slide-thumb-active h3{
	    background: #8cc84d !important;
	 color: #fff !important;
}
.swiper-button-prev {
	 top: 25px !important;
    left: -4% !important;
    width: 35px !important;
    height: 35px !important;
    border-radius: 100px !important;
    background: #8cc84d !important;
}
.swiper-button-next{
	 top: 25px !important;
    right:-4%!important;
    width: 35px !important;
    height: 35px !important;
    border-radius: 100px !important;
    background: #8cc84d !important;
}
.swiper-button-prev:after, .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{
	font-size: 21px !important;
    color:#000;
	font-weight:bold
}
.hotline_side1,.hotline_side2{
	position: fixed;
    right: 0;
    z-index: 999;
    display: block;
    float: left;
    width: 215px;
    background: rgb(99, 189, 64);
    color: #fff;
    border-bottom-left-radius: 100px;
    border-top-left-radius: 100px;
	bottom:0;
}
.hotline_side1 .box-text ,.hotline_side2 .box-text{
	padding:0;
}
.hotline_side1 h3,.hotline_side2 h3{
	text-align: left;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.2;
    color: rgb(255, 255, 255) !important;
	padding-left:5px
}
.hotline_side1 h4,.hotline_side2 h4{
	    font-size: 13px;
    font-weight: bold;
    line-height: 1.2;
    color: rgb(255, 255, 255) !important;
	padding-left:5px
}
.hotline_side1{
	bottom:1% !important;
}
.hotline_side2{
	bottom:7.2% !important;
}
.contact_mb{
	position: fixed;
    bottom: 0;
    z-index: 999;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    box-shadow: rgb(0, 0, 0) 0px -19px 24px -20px;
    padding: 15px 10px 0 10px;
    background: #fff;
}
.contact_mb .box-image{
	width:55% !important;
}
.contact_mb .box-text{
	padding:5px;
}
.contact_mb .box-text a{
	font-weight:bold;
}
.processing:before, .loading-spin.centered {
	display:none !important;
}
.price-wrapper .price del{
	text-decoration:none !important;
}
del span.amount {
opacity:1 !important;
}
.absolute-footer {
	display:none;
}
@media only screen and (max-width: 800px) {
	.header-main .flex-right{
		max-width: 75% !important;
	}
	.sec-camket .box-text h4{
		font-size:15px !important;
	}
	.sec-footer .row{
		max-width:100% !important;
	}
	.hotline_side1 ,.hotline_side2 {
		display:block !important;
	}
	.home-sp .box-image img {
		height:215px !important;
	}

}
@media only screen and (max-width: 500px) {
	
	.vii-call-cta,.fb_page_btn,.zalo_btn{
		display:none;
	}
	.sec-listcay h2{
	font-weight:bold;
	font-size:17px !important;
	}
 .grid-full{
	height:auto!important;
	}
	.bottom-right h2 {
    font-size: 25px;
	}
	.bottom-right h3 {
    background-size: cover !important;
    display: block;
    padding: 0px 10px;
    color: #fff !important;
    font-size: 16px !important;
    font-weight: bold;
		line-height: 26px !important;
	}
	.home-banner .large-4{
		max-width: 85% !important;
    	margin: 0 auto;
	}
	.tong-quan h3{
		text-align:center !important;
		font-size:20px;
	}
	
	.home-sp h2,.bang-sp h2{
		    font-size: 20px;
    padding: 0px 44px;
    text-align: center;
    display: block;
    line-height: 30px;
	}
	.bang-sp p span{
		font-size:17px !important;
		font-weight:bold;
		text-align:center;
	}
	.ft-row{
		max-width:100% !important;
	}
	.mfp-container{
		padding:0 !important;
	}
	.popup_dk form {
    background: rgba(255,255,255,.8);
    padding: 40px 30px;
    border-radius: 10px;
    margin-bottom: 0;
    width: 85%;
    margin: 0 auto;
	}
	.header-block .img3 {
    display: none;
	}
	.header-block .img {
    float: left !important;
	}
	.home-sp h2 strong,.sec-hoptac h2 strong{
		font-size:21px !important
	}
	.sec-hoptac h2 strong{
		padding:0 20px;
	}
	.home-sp p strong span,.sec-hoptac p strong span{
		font-size:17px !important; font-weight:bold;
	}
	.post-type-archive-product .view-button a{
	font-weight: bold;
    padding: 3px 25px !important;
    font-size: 13px;
    text-align: center;
    margin: 0 auto !important;
    margin-top: 20px !important;
	}
	.row-bangia {
	max-width:100% !important;
	}
	.row-bangia ul {
    height: 260px;
    background: #fff;
    overflow: scroll;
	}

	.row-bangia ul::-webkit-scrollbar {
	  width: 16px;
	}
	.row-bangia ul::-webkit-scrollbar-thumb {
	  background-color: #abd596;
	  border: 5px solid #fff;
	  border-radius: 10rem;
	}
	.row-bangia ul::-webkit-scrollbar-track {
	  position: absolute;
	  right: -3rem;
	  top: -50rem;
	  background: transparent;
	}
	.tabbed-content ul li {
    border: 2px solid;
    border-radius: 81px;
    color: #63bd40;
    width: 30%;
    text-align: center;
    margin: 5px 7px;
	}
	.tabbed-content ul .active a{
		font-size: 12px !important;
    line-height: 1.6 !important;
    padding: 0 0px;
    height: 40px;
    border: 2px solid #63bd40 !important;
	}
	.tabbed-content ul li a{
	font-size: 12px !important;
    line-height: 1.6 !important;
    padding: 0 0px;
    height: 40px;
	}
	.sp-title-item h3 {
    font-size: 10px !important;
	}
	.mySwiper .swiper-slide {
    width: 23% !important;
    height: 100%;
    opacity: 0.4;
	}
	.swiper-button-prev,.swiper-button-next{
		top:30px !important;
	}
	.swiper-slide img {
    display: block;
    width: 150px !important;
    height: 100%;
    object-fit: cover;
    text-align: center;
    margin: auto;
	}
	.sp-bangia-item h3 {
    font-size: 20px !important;
    color: #000 !important;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 20px;
    margin-top: 25px !important;
	}
	.home-sp .box-image img {
    height: 300px !important;
    width: 100%;
	}
	.hotline_side2,.hotline_side1{
		display:none !important;
	}
}