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

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

.nav>li>a, .nav-dropdown>li>a, .nav-column>li>a{
	color: #333;
}
.nav>li>a:hover, .nav-dropdown>li>a:hover, .nav-column>li>a:hover{
	color: #ff7f00;
}
input[type='search']{
	padding: 10px;
    font-size: 14px;
    height: auto;
    line-height: 1.2;
    border-radius: 0 !important;
}
.header-main ul.nav-left{
	justify-content: center;
}
.ux-search-submit i{
	color: #ff7f00;
}
.header-bottom .nav>li{
	margin:0 1px!important;
}
.header-bottom .nav>li>a{
	color: #fff!important;
	height: 55px;
    line-height: 55px;
    padding: 0px 20px;
    font-weight: 400!important;
}
.header:not(.transparent) .header-bottom-nav.nav > li > a:hover, .header:not(.transparent) .header-bottom-nav.nav > li.active > a, .header:not(.transparent) .header-bottom-nav.nav > li.current > a, .header:not(.transparent) .header-bottom-nav.nav > li > a.active, .header:not(.transparent) .header-bottom-nav.nav > li > a.current{
	color: #fff!important;
	background: #ff7f00!important;
}
.has-dropdown .icon-angle-down{
	display: none!important;
}
.header-bottom .nav-dropdown .menu-item-has-children a, .header-bottom .nav-dropdown .title a,.header-bottom .nav-dropdown .nav-dropdown-col a{
	text-transform: inherit!important;
    font-size: 0.8em;
    font-weight: bolder;;
}
.header-bottom .nav-dropdown-default li>a:before{
	content: "\e605";
	font-family: fl-icons;
	margin-right: 3px;
    color: #ff7f00
}
.nav-small.nav>li.html{
	font-size: .85em!important;
}
.nav>li.html span{
	color: Red;
	font-weight: 700;
}
.header-nav-main.nav-right li.html{
	background: url(./images/t.gif) no-repeat left top;
    padding-left: 50px;
    color: #666;
}
.video-button-wrapper{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 1;
}
.video-button-wrapper a{
	width: 100%;
    height: 100%;
}
.badge-container{
    top: 6px;
    right: 6px;
    left: auto;
    overflow: hidden;
    text-align: center;
    font-weight: bold;
    color: #fff;
    font-size: 17px;
    position: absolute;
}
.badge-container .onsale{
    background: url(./images/k.png) no-repeat left top;
    width: 51px;
    height: 51px;
    line-height: 51px;
    display: block;
}
.new-bubble{
	display: none;
}
.product .category{
	display: none;
}
.star-rating{
	display: none;
}
.box-text.box-text-products{
    display: flex;
    flex-direction: column;
    flex-flow: column-reverse;
}
.box-text.box-text-products .price-wrapper ins{
    font-size: xx-large;
    position: absolute;
    top: -15px;
    right: 0;
    font-family: fantasy;
    text-shadow: 0px -2px 2px rgba(255,255,255,0.99)
}
.box-text.box-text-products .price-wrapper .price{
    font-size: x-large;
}
.product-small .col-inner{
    background-color: #f8f8f8;
    border: solid 1px #f2f2f2;
    font-weight: bold;
}
.product-small .box-text{
    padding: 15px 10px;
}
th, td{
    padding: 0.5em!important;
    border: 1px solid #ececec;
    border-top: 0;
}
table{
    border-top: 1px solid #ececec;
}
.thongsokithuat tr:nth-child(2n+1){
    background: rgba(235, 206, 176,.2);
}
.footer-1 .col {
    padding-bottom: 0;
}
@media only screen and (max-width: 992px) {
	.box-text.box-text-products .price-wrapper ins{
		font-size: 18px!important;
	}
	.box-text.box-text-products .price-wrapper .price{
		font-size: 16px!important;
	}

}
/*
style 3d
*/
.sm{height:490px;overflow:hidden;padding-top:25px;}

.slide3D .buttons #prev:before,.slide3D .buttons #next:before{font-family:"fontello";font-style:normal;font-weight:400;speak:none;display:inline-block;text-decoration:inherit;width:1em;margin-right:.2em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;margin-left:.2em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.slide3D{position:relative;width:100%;margin:0 auto;max-width:1366px;}
.slide3D #carousel{position:relative;height:450px;top:0;overflow:hidden;}

.slide3D #carousel article{position:absolute;transition:transform 1s, left 1s, opacity 1s, z-index 0s;opacity:1}
.slide3D #carousel article img{width:400px;transition:width 1s;}
.slide3D.style1 #carousel article img{border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;}
.slide3D #carousel article.hideLeft{left:0%;opacity:0;transform:translateY(50%) translateX(-50%)}
.slide3D #carousel article.hideLeft img{width:200px}
.slide3D #carousel article.hideRight{left:100%;opacity:0;transform:translateY(50%) translateX(-50%)}
.slide3D #carousel article.hideRight img{width:200px}
.slide3D #carousel article.prev{z-index:5;left:30%;transform:translateY(50px) translateX(-50%)}
.slide3D #carousel article.prev img{width:300px}
.slide3D #carousel article.prevLeftSecond{z-index:4;left:15%;transform:translateY(50%) translateX(-50%);opacity:0.7}
.slide3D #carousel article.prevLeftSecond img{width:200px}
.slide3D #carousel article.selected{z-index:10;left:50%;transform:translateY(0px) translateX(-50%)}

.slide3D #carousel article.next{z-index:5;left:70%;transform:translateY(50px) translateX(-50%)}
.slide3D #carousel article.next img{width:300px}
.slide3D #carousel article.nextRightSecond{z-index:4;left:85%;transform:translateY(50%) translateX(-50%);opacity:0.7}
.slide3D #carousel article.nextRightSecond img{width:200px}

.slide3D #carousel article img{width:290px}
.slide3D #carousel article.hideLeft img{width:150px}
.slide3D #carousel article.hideRight img{width:150px}
.slide3D #carousel article.prev img{width:200px}
.slide3D #carousel article.prevLeftSecond img{width:150px}
.slide3D #carousel article.next img{width:200px}
.slide3D #carousel article.nextRightSecond img{width:150px}

.slide3D #carousel article.selected .tt{height:100px}
.slide3D #carousel article .tt{height:0;overflow:hidden;position:absolute;top:105%;left:-50%;right:-50%;width:200%;text-align:center;transition:1.6s;z-index:11}
.slide3D #carousel article .tt a{color:#333;font-size:13px;text-decoration:none}
.slide3D #carousel article .tt a:hover{ color:Red;}
.sm .tt strong{ display:block;font-size:16px;text-transform:uppercase; margin-bottom:10px;}
.sm .tt span{ display:block;font-size:14px;}
.sm .tt .t{ padding-top:10px;height:25px;}
.sm .tt .g{ background-color:#ef4136;height:3px;width:45px;overflow:hidden;margin-left:auto;margin-right:auto;}
.sm .tt .f{margin-left:auto;margin-right:auto;line-height:18px;overflow:hidden;padding-top:10px;}

.slide3D .buttons #prev,.slide3D .buttons #next{position:absolute;display:flex;align-items:center;top:0;height:100%;cursor:pointer;padding-bottom:90px;z-index:10}
.slide3D .buttons #prev:before,.slide3D .buttons #next:before{font-size:40px;display:block}

.slide3D .buttons #next,.slide3D .buttons #prev{width:22px; height:200px;}
.slide3D .buttons #prev{left:20px;background:url(./images/l.png) no-repeat left center;}
.slide3D .buttons #next{right:20px;background:url(./images/r.png) no-repeat left center;}