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

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

.nav > li > a, .header-bottom-nav > li > a{
	text-transform:capitalize;
}
.is-outline {
    color: #f3a395;
}
/*cart*/
.h-banner {
	position: relative;
    display: block;
    overflow: hidden;
    position: relative;
    transform: translateZ(0);
}
.h-banner .img-inner::before, .h-banner .img-inner::after {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    content: "";
    background: rgba(255, 255, 255, 0.1);
    opacity: 0;
    z-index: 1;
    transition: all 0.5s ease-out 0s;
}
.h-banner .img-inner:hover:before {
    opacity: 1;
    top: 50%;
    bottom: 50%;
}
.h-banner .img-inner:hover:after {
    opacity: 1;
    left: 50%;
    right: 50%;
}
.h-banner .img-inner img {
    transition: all 0.5s ease-out 0s;
    object-fit: cover;
}
.h-banner .img-inner:hover img {
    transform: scale(1.15);
}
/*Tab Product*/
.h-tab .nav-pills>li>a {
	font-size: 13px;
    text-transform: uppercase;
    min-width: 110px;
    height: 42px;
    line-height: 40px;
    border: 1px solid #f3a395;
	color:#f3a395;
	border-radius:0;
	margin: 0px 5px 10px;
}
.h-tab .nav-pills>li.active>a {
	background-color: #f3a395;
    color: #fff;
}
.nav-pills>li>a {
	padding: 0 1.5em;
}
.tabbed-content .nav-divided>li+li>a:after {
	border-left: 1px solid #fff;
}
.stars a {
    font-family: 'fl-icons' !important;
}
/* css */

.footer-secondary {
    padding: 0;
}
/*product home*/
.h-pro {
	background-color:#fff;
	border-radius:4px;
	padding:30px 15px 0;
}
.section-title-normal {
    margin-bottom:0px;
    border-bottom: 0;
    border-radius: 5px;
}
.section-title-normal {
    background: #fff;
	border-bottom:1px solid #E2E2E2;
	padding-bottom:30px;
	margin-bottom:0;
	color:#0a472e;
}
.section-title-normal b {
    display: none;
}
.section-title-normal span {
    margin-right: 15px;
    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: 15px;
    text-transform: none;
    font-weight: 400;
    margin-right: 0!important;
    padding-left: 10px;
}.section-title a {
    font-size: 14px;
    margin-left: auto;
    margin-right:5px;
	font-weight:bold;
}
.h-pro .section-title-container {
	margin-bottom:0;
}
label.selectedswatch.wcva_single_textblock, label.wcva_single_textblock {
    padding: 6px 50px;
}
span.amount {
	color:#c51230;
} 
.product-info span.amount {
	font-size:180%;
}
/* footer */

.footer p{
	margin-bottom:5px;
}
.footer ul.menu>li+li, .footer .widget>ul>li+li {
	border:none;
	
}
.footer ul.menu>li {
	padding-left:0;
	position:relative;
}

.footer ul.menu>li a{
	padding:0 0 12px 0;
}
.b-addon {
	position: fixed;
    right: auto;
    bottom: 0%;
    z-index: 999;
    width: 100%;
    border: 0;
	margin:0 auto;
    padding: 0px 5px!important;
}
.b-addon .section-bg-overlay {
	
}
.b-addon .section-content {
	display:flex;
	width: 620px;
    margin: 0 auto;
	background-color:#c51230!important;
	padding: 0 15px;
}
.b-addon .icon-box {
    border-bottom: 0 solid #bd933f;
    margin-bottom: 0;
    padding: 5px 10px;
    width: auto;
    margin: 10px 5px;
    height: 50px;
    border-radius: 3px;
}
.b-addon .icon-box:hover {
	background-color:rgba(27,27,27,.2);
}
.b-addon .icon-box-img {
    margin-bottom: 0;
	animation: beat .5s infinite alternate;
}
.icon-box-left .icon-box-img+.icon-box-text {
    
}
.b-addon .icon-box-text {
    font-size: 14px;
    margin-bottom: 0px;
	padding-left: 8px !important;
    line-height: 40px;
}
.b-addon a:hover{
	color:#000;
}
.back-to-top {
		bottom:70px;
	}
@keyframes beat {
	to {
		transform: scale(1.1);
	}
}
@media (min-width: 1500px) {
	.container, .row{
		max-width:1670px !important;
	}
	.row
	.sub-title h2 {
		font-size:60px;
		line-height:60px;
	}
	.sub-title p.lead {
		font-size:25px;
		margin-top:0;
	}
	.h-tab h4 {
		font-size: 45px;
		font-weight: 600;
		line-height: 1.2;
		color: #000;
		letter-spacing: -1px;
	}
	.h-tab .tab-panels {
		padding-top:50px;
	}
}
@media (min-width:992px) and (max-width:1024px) {
	#logo {
		width: 200px !important;
	}
	.text-dance {
		font-size:46px;
	}
	.header-main .flex-left, .header-main .flex-right{
		flex:25%  !important;
		margin-left:15px  !important;
	}
	.header-main .flex-right{
		flex:45% !important;
		margin-left:15px !important;
	}
	.header-bottom-nav > li {
		margin:0 5px !important;
	}
	.h-info .title{
		font-size:15px !important;
	}
}
@media (min-width:992px) {
	.header-main .flex-left{
		flex:45%;
		margin-left:5%;
	}
	.header-main .flex-right{
		margin-left:5%;
	}
	.header-block {
		width:auto;
	}
	.h-info {
		margin-right:40px;
	}
	
	#wide-nav>.flex-row>.flex-left {
		/* width: 25%; */
		min-width: 280px;
		margin-right: 50px;
		flex: 10%;
	}
	#mega-menu-wrap {
		background-color: #80891b;
		border-radius: 30px;
		font-size: 14px;
		color: #fff;
		width:280px;
	}
	#mega_menu {
		padding: 10px 0 30px 10px;
		background: #fff;
		border: 0px solid #ddd;
		border-top: none;
		display: none;
		box-shadow: 0 0 50px 0 rgb(0 0 0 / 7%);
		border-radius: 5px;
		margin-top:5px;
	}
	#mega_menu:before {
		position: absolute;
		content: '';
		display: block;
		width: 0;
		height: 0;
		border-bottom: 6px solid;
		border-left: 6px solid transparent;
		border-right: 6px solid transparent;
		border-top: 0;
		top: -6px;
		left: 35px;
		border-bottom-color: #fff;
	}
	#mega_menu>li>a {
		border-top: 0px solid #ddd;
		font-size: 14px;
		border-bottom: 1px solid #ebebeb;
		padding: .7em 0;
		margin: 0 30px;
	}
	#mega_menu a:hover {
		background-color:transparent;
	}
	#mega-menu-title {
		padding: 14px 35px;
		font-size: 14px;
		font-family:inherit;
		font-weight: 500;
	}
	
	.header-bottom .flex-center {
		flex:80%;
	}
	.header-bottom .nav-center {
		
		justify-content: left;
	}
	.home-cat {
		margin-top:-110px;
	}
	 .searchform input[type='search'] {
	  height:45px;
	  border-radius:40px;
	  padding:0 40px;
	  border:0;
	  box-shadow:none;
	  background-color:#f4f4f4;
	 }
	.searchform .button.icon {
		margin: 0;
		right:15px;
	}
	.ft60 {
		margin-top: 60px;
	}
	.banner h2, .banner h3, .banner h1 {
		line-height:1.2em;
		font-size:280%;
	}
	/*home product*/
	.section-title-main{
		width: 50%;
		font-size:30px;
		letter-spacing:-.75px;
		position:relative;
		padding-left:25px;
	}
	.section-title-main:before{
		position:absolute;
		left:0;
		top:10px;
		content:"\f10c";
		font: normal normal normal 14px/1 FontAwesome;
		display:block;
	}
	.hdevvn-show-cats {
		width: 40%;
		text-align: right;
	}
	span.hdevvn-show-cats li {
		display: inline-block;
		width: auto;
		float:none;
		text-align: right;
		font-size:12px;
	}
	.h-5b > .col{
		max-width: 20%;
		flex-basis: 20%;
	}
	.nav.product-tabs>li>a {
		font-size:130%;
	}
	.single_add_to_cart_button {
		width:80%;
	}
	.h-logo .slider-nav-light .flickity-prev-next-button {
		margin-top:-5%;
	}
}
@media (max-width:767px) {
	.single_add_to_cart_button  {
		width:100%;
	}
	.block-cat {
		padding-top:30px !important;
	}
	.block-best > .col-inner{
		padding-top:0 !important;
	}
	.testimonial-image {
		max-width: 150px !important;
		height: 150px !important;
	}
	.single_add_to_cart_button {
		width:100%;
	}
	
	.banner h2, .banner h3, .banner h1 {
		font-size:180%;
	}
	.h-pro {
		padding:0;
	}
	.section-title-normal {
		padding-bottom:10px;
	}
	.section-title-main {
		font-size:28px;
		line-height:32px;
	}
	.section-title-normal span {
		width:100%;
		text-align:center;
		margin:0;
		margin-bottom:5px;
	}
	span.hdevvn-show-cats li {
		margin:0 3px;
		font-size:12px;
		float:none;
		display:inline-block;
		font-size:12px;
		color:#0a914f;
	}
	.section-title > a {
		width:100%;
		text-align:center;
	}
	.col {
		padding-bottom: 15px;
	}
	.product-main {
		padding-top:20px;
		padding-bottom:0;
	}
	.product-tabs > li {
		width: auto !important;
		text-align: center;
		font-size: 20px;
	}
	
	.b-addon {
		left:auto;
		width:100%;
	}
	.b-addon .section-content {
		display: block;
		width:100%;
		padding:0;
	}
	.b-addon .section-bg-overlay {
		background-color:#c51230 !important;
	}
	.b-addon .icon-box {
		width: 22%;
		float: left;
		text-align: center;
		display: block;
		padding: 0px 5px;
		margin:0 4.5px;
	}
	.b-addon .icon-box-img {
		margin: 0 auto 0;
		width:25px !important;
	}
	.b-addon .icon-box-text {
		font-size:45%;
		line-height:12px;
		padding:0 !important;
		text-align:center;
		margin-top:5px;
	}
}
@media (max-width:480px) {
	.block-bg-white h3 {
		font-size:18px;
	}
	.tabbed-content .nav {
		height: auto !important;
		margin-bottom: 0 !important;
		background-size: cover !important;
	}
	.tabbed-content .nav > li {
		margin: 0 3px !important !important;
	}
	.title-yellow h3, .title-yellow h4 {
		background-size:contain;
		width:100%;
	}
	.footer .widget {
		margin-bottom:0;
	}
	#image_650122515 img{
		height:70px !important;
		width:auto !important;
	}
} 
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.featured-title .page-title-inner {
		min-height: 45px !important;
		height: 45px !important;
		line-height: 45px !important;
		padding: 0px !important;
	}

}